diff --git a/.123trigger b/.123trigger
new file mode 100644
index 0000000..214bc44
--- /dev/null
+++ b/.123trigger
@@ -0,0 +1,11 @@
+27
+
+0.45.2
+
+0.71.2
+
+0.86.2
+
+0.91.2
+0.92.2
+0.92.3
diff --git a/.codeclimate.yml b/.codeclimate.yml
new file mode 100644
index 0000000..481d650
--- /dev/null
+++ b/.codeclimate.yml
@@ -0,0 +1,18 @@
+checks:
+  argument-count:
+    config:
+      threshold: 5
+  method-complexity:
+    config:
+      threshold: 7
+  method-count:
+    config:
+      threshold: 25
+  method-lines:
+    config:
+      threshold: 30
+
+exclude_patterns:
+- "**/*.spec.js"
+- "**/*.spec.ts"
+- "packages/apps-config/src/api/**/*.ts"
diff --git a/.dockerignore b/.dockerignore
new file mode 100644
index 0000000..1c8c93f
--- /dev/null
+++ b/.dockerignore
@@ -0,0 +1,3 @@
+node_modules
+build
+.git
diff --git a/.editorconfig b/.editorconfig
new file mode 100644
index 0000000..3c229b5
--- /dev/null
+++ b/.editorconfig
@@ -0,0 +1,10 @@
+root = true
+[*]
+indent_style=space
+indent_size=2
+tab_width=2
+end_of_line=lf
+charset=utf-8
+trim_trailing_whitespace=true
+max_line_length=120
+insert_final_newline=true
diff --git a/.env-example b/.env-example
new file mode 100644
index 0000000..0b0cd09
--- /dev/null
+++ b/.env-example
@@ -0,0 +1,4 @@
+# You can define all your ENV in such a file and run docker as:
+# docker run ... --env-file .env ...
+WS_URL=ws://localhost:9944
+POLKADOT_UI_SAMPLE=42
diff --git a/.eslintrc.cjs b/.eslintrc.cjs
new file mode 100644
index 0000000..feee01c
--- /dev/null
+++ b/.eslintrc.cjs
@@ -0,0 +1,28 @@
+// Copyright 2017-2022 @polkadot/apps authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+const base = require('@polkadot/dev/config/eslint.cjs');
+
+// add override for any (a metric ton of them, initial conversion)
+module.exports = {
+  ...base,
+  ignorePatterns: [
+    ...base.ignorePatterns,
+    'jest/**/*',
+    'scripts/**/*',
+    '*.cjs'
+  ],
+  parserOptions: {
+    ...base.parserOptions,
+    project: [
+      './tsconfig.eslint.json'
+    ]
+  },
+  rules: {
+    ...base.rules,
+    // needs to be switched on at some point
+    '@typescript-eslint/no-explicit-any': 'off',
+    // this seems very broken atm, false positives
+    '@typescript-eslint/unbound-method': 'off'
+  }
+};
diff --git a/.gitignore b/.gitignore
new file mode 100644
index 0000000..ecf2a94
--- /dev/null
+++ b/.gitignore
@@ -0,0 +1,25 @@
+build/
+build-cjs/
+build-esm/
+coverage/
+node_modules/
+tmp/
+.DS_Store
+.env.local
+.env.development.local
+.env.test.local
+.env.production.local
+.npmrc
+.yarn/*
+!.yarn/releases
+!.yarn/plugins
+.pnp.*
+cc-test-reporter
+package-lock.json
+npm-debug.log*
+tsconfig.*buildinfo
+yarn-debug.log*
+yarn-error.log*
+.idea/
+env-config.js
+NOTES.md
diff --git a/.mailmap b/.mailmap
new file mode 100644
index 0000000..414c6ab
--- /dev/null
+++ b/.mailmap
@@ -0,0 +1,3 @@
+Jaco <jacogr@gmail.com>
+github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com> <action@github.com>
+github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com> Github Actions <action@github.com>
diff --git a/.npmignore b/.npmignore
new file mode 100644
index 0000000..e69de29
diff --git a/.nvmrc b/.nvmrc
new file mode 100644
index 0000000..48082f7
--- /dev/null
+++ b/.nvmrc
@@ -0,0 +1 @@
+12
diff --git a/.prettierignore b/.prettierignore
new file mode 100644
index 0000000..53c9d5d
--- /dev/null
+++ b/.prettierignore
@@ -0,0 +1,6 @@
+build
+coverage
+docker
+jest
+packages
+scripts
diff --git a/.prettierrc.cjs b/.prettierrc.cjs
new file mode 100644
index 0000000..b666884
--- /dev/null
+++ b/.prettierrc.cjs
@@ -0,0 +1,4 @@
+// Copyright 2017-2022 @polkadot/apps authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+module.exports = require('@polkadot/dev/config/prettier.cjs');
diff --git a/.yarnrc.yml b/.yarnrc.yml
new file mode 100644
index 0000000..21d7e17
--- /dev/null
+++ b/.yarnrc.yml
@@ -0,0 +1,13 @@
+enableImmutableInstalls: false
+
+enableProgressBars: false
+
+nodeLinker: node-modules
+
+plugins:
+  - path: .yarn/plugins/@yarnpkg/plugin-interactive-tools.cjs
+    spec: "@yarnpkg/plugin-interactive-tools"
+  - path: .yarn/plugins/@yarnpkg/plugin-version.cjs
+    spec: "@yarnpkg/plugin-version"
+
+yarnPath: .yarn/releases/yarn-3.2.0.cjs
diff --git a/BOUNTIES.md b/BOUNTIES.md
new file mode 100644
index 0000000..bb6d10d
--- /dev/null
+++ b/BOUNTIES.md
@@ -0,0 +1,19 @@
+# Bounties
+
+From time-to-time we will add bounties for features.
+
+These are generously provided by the [Web3 Foundation](https://web3.foundation/) and as such employees of Parity or those of the W3F are ineligible for them. (This includes people being by either Party for development or community work, related or un-related to polkadot-js).
+
+The idea is that these bounties should be left open to community participation, so only if there is no outside interest for a specific issue, should those directly or indirectly paid by the W3F for work, attempt to close an issue. (in which case it will be "un-bountied")
+
+Current bounties are tracked by the [!bounty](https://github.com/polkadot-js/apps/labels/%21bounty) label.
+
+## Process
+
+Once listed, the normal [Gitcoin](https://gitcoin.co/) process kicks in. This means application, work and payment is managed by this tool. The values for bounties are determined by the size estimation done by the team.
+
+## Some small requests
+
+Please don't start work on an issue until you have been approved via the gitcoin interface. We generally love enthusiasm and code in the repo, however short-cutting the process does create some issues for the management of the bounties. We certainly don't want to be playing favorites if 2 PRs for the same issue are created at the same time. And in cases where somebody else has been approved and an unapproved PR comes in... well, it gets really murky.
+
+When making changes, please do not force push in your PRs, especially not after a review has been started. We will clone your repo and work from that, doing a simple `pull` on a force-pushed branch ends up being, well, less than simple. We squash merge all PRs, so you do not clutter up the history by using stock-standard pushes to your branch.
diff --git a/CHANGELOG.md b/CHANGELOG.md
new file mode 100644
index 0000000..7dd4ea6
--- /dev/null
+++ b/CHANGELOG.md
@@ -0,0 +1,2532 @@
+# CHANGELOG
+
+## 0.112.1 Apr 11, 2022
+
+Contributed:
+
+- Update Centrifuge parachain information (Thanks to https://github.com/mikiquantum)
+- Update Centrifuge endpoints (Thanks to https://github.com/mikiquantum)
+- Update Polkadex information (Thanks to https://github.com/Gauthamastro)
+- Add information for Creditcoin (Thanks to https://github.com/MrAusnadian)
+- Add Pangolin Rococo parachain (Thanks to https://github.com/JayJay1024)
+- Add Dwellir RPC for Zeitgeist (Thanks to https://github.com/Ank4n)
+- Change Equilibrium Polkadot providers (Thanks to https://github.com/VladSemenik)
+- Enable Turning endpoints (Thanks to https://github.com/irsal)
+- Update Automata type definitions (Thanks to https://github.com/RyuH1)
+- Update Litentry Rococo paraId (Thanks to https://github.com/Kailai-Wang)
+- Add RadiumBlock as a Kusama provider (Thanks to https://github.com/radiumb)
+- Fix Subsocial author extraction on genesis (Thanks to https://github.com/1devNdogs)
+- Add Nodle on Rococo (Thanks to https://github.com/ETeissonniere)
+
+Changes:
+
+- Pass through min commission (remove extra queries)
+- Adjust light-client connection (don't break UI on failures)
+- Consolidate rebag buttons into single
+- Adjust `useTxBatch` hook parameters
+- Remove `i18next` dependency from `@polkadot/apps-config`
+- Disable all unreachable endpoints
+- Output commonjs files under the `cjs/**` root
+
+
+## 0.111.1 Apr 4, 2022
+
+Contributed:
+
+- Add Copy button in accounts sidebar (Thanks to https://github.com/gilles437)
+- OnFinality endpoint for Iterlay (Thanks to https://github.com/banananeko)
+- OnFinality endpoint for Polkadex (Thanks to https://github.com/banananeko)
+- Fix KICO incorrectly referring to OnFinality (Thanks to https://github.com/banananeko)
+- Add Joystream Olympia testnet (Thanks to https://github.com/Lezek123)
+- Add Dwellir endpoint for Centrifuge & Nodle (Thanks to https://github.com/Maharacha)
+- Updata paraId for Rococo Spreehaven (Thanks to https://github.com/ayushmishra2005)
+- Add Rococo Integretee parachain (Thanks to https://github.com/mosonyi)
+- Add Rococo Litentry parachain (Thanks to https://github.com/Kailai-Wang)
+- Add Kusama InvArch parachain (Thanks to https://github.com/arrudagates)
+- Add Kusama Listen parachain (Thanks to https://github.com/JimYam)
+- Add Kusama Tanganika information (Thanks to https://github.com/ayushmishra2005)
+- Add Kusama Dora Factory parachain (Thanks to https://github.com/tinydjp)
+- Adjust Phala metadata (Thanks to https://github.com/krhougs)
+- Adjust Totem endpoints, colors & logo (Thanks to https://github.com/chrisdcosta)
+- Updata ss58prefix description for u16 fields (Thanks to https://github.com/chrisdcosta)
+- Explicit types package for Mangata (Thanks to https://github.com/mateuszaaa)
+- Fix conviction check is direct delegation (Thanks to https://github.com/JayJay1024)
+- Add bagsList overview description (Thanks to https://github.com/DrW3RK)
+
+Changes:
+
+- Make support for `bagsList` visible
+- Preliminary support for nomination pools
+- Don't display expanded for events with no data
+- Extract `DispatchError` on incomplete transactions
+- Adjust `VoteThreshold` rendering without `instanceof`
+- Add explicit connect for Substrate Connect provider (as per latest API)
+- Don't explicitly shorten content, rely on browser functionality only
+- Allow for Node 17 usage (Use global xxhash64 in webpack config)
+- Language changes for vanity generation text
+- Adjust length input for tip proposals
+- Fix crash on parachains display when groups change
+- Run unreachable endpoint detection in series
+- Additional checks for invalid provider & chain names
+- Disable unreachable endpoints
+
+
+## 0.110.1 Mar 21, 2022
+
+Contributed:
+
+- Add page for NFT support (Thanks to https://github.com/jsidorenko)
+- Allow cowdloan dissolve by anybody (Thanks to https://github.com/shawntabrizi)
+- Enable Encointer as Rococo transporter (Thanks to https://github.com/brenzi)
+- Add Turing network to Kusama (Thanks to https://github.com/irsal)
+- Update Kusari and Swapdex types (Thanks to https://github.com/masterdubs)
+- Update OnFinality endpoint for Nodle (Thanks to https://github.com/banananeko)
+- Add support for KodaDot from accounts (Thanks to https://github.com/preschian)
+- Correct link for Kintsugi for Subsquare (Thanks to https://github.com/wliyongfeng)
+- Add Basilik to Rococo (Thanks to https://github.com/lumir-mrkva)
+- Add types for Kerria, Vanilla testnet (Thanks to https://github.com/GopherJ)
+
+Changes:
+
+- Adjust display for successful transactions with warnings
+- Add `useBlockInterval` re-usable hook
+- Optimize asset list retrieval (using events)
+- Perform paraApi dosconnects directly on the provider
+- Adjust display of active totals from Ledger (optional field)
+- Disable unreachable endpoints
+
+
+## 0.109.1 Mar 14, 2022
+
+Contributed:
+
+- Add DataHighway Spreehaven on Rococo (Thanks to https://github.com/ayushmishra2005)
+- Add MiniX (Thanks to https://github.com/hqwangningbo)
+- Enable HydraX parachain (Thanks to https://github.com/lumir-mrkva)
+- Enable Centrifuge parachain (Thanks to https://github.com/mikiquantum)
+- Enable Unique parachain (Thanks to https://github.com/gregzaitsev)
+- Dwellir RPCs for Statemint, Statemine, Westmint (Thanks to https://github.com/Maharacha)
+- Update Nodle RPCs (Thanks to https://github.com/ETeissonniere)
+
+Changes:
+
+- Only disable fast-track on super majority (aligns with Substrate)
+- Display active-chilled validators (only on min commission chains)
+- Show hint around non-available Ledger support on FF
+- Adjust parachain displays for non-active
+
+
+## 0.108.1 Mar 7, 2022
+
+Contributed:
+
+- Adjust filtering options for staking targets (Thanks to https://github.com/xnorly)
+- Language adjustments on additional funds bonded (Thanks to https://github.com/xnorly)
+- Add Dwellir endpoints for Acala and Karura (Thanks to https://github.com/Maharacha)
+- Add Dwellir endpoints for tar and Shiden (Thanks to https://github.com/Maharacha)
+- Add additional endpoints for Neumann (Thanks to https://github.com/irsal)
+- Updata Rocfinity paraId (Thanks to https://github.com/stanly-johnson)
+- Add Subsquare links for Kintsugi (Thanks to https://github.com/wliyongfeng)
+- Remove Encointer Westend support (Thanks to https://github.com/mosonyi)
+- Add Encointer OnFinality endpoint (Thanks to https://github.com/mosonyi)
+- Adjust Westend Canvas coloring options (Thanks to https://github.com/statictype)
+
+Changes:
+
+- Support minimum on-chain comission requirements
+- Adjust block latency tab to contain event/extrinsic information
+- Fix `Vector` param handling
+- Adjust `useMap{Keys, Entries}` hook parameters
+- Remove all unreachable endpoints
+- Fix sub-identity editing display and updates
+- Adjust democracy fast-forward with FA 6 support
+
+
+## 0.107.1 Feb 28, 2022
+
+Contributed:
+
+- Enable Encointer <-> Kusama teleports (Thanks to https://github.com/brenzi)
+- Add Substrate IPFS files module (Thanks to https://github.com/badkk)
+- Hotfix for progress styles (Thanks to https://github.com/yashirooooo)
+- Add Ajuna network (Thanks to https://github.com/cowboy-bebug)
+- Adjust Crab config (Thanks to https://github.com/sxlwar)
+- Add Rococo Efinity (Thanks to https://github.com/stanly-johnson)
+- Add Rococo Moonsame (Thanks to https://github.com/kyilkhor)
+- Add Kusama Mangata network (Thanks to https://github.com/mateuszaaa)
+- Add Geminis parachain (Thanks to https://github.com/dm4)
+- Update Odyssey parachain (Thanks to https://github.com/jiyilanzhou)
+- Update Iterlay endpoints (Thanks to https://github.com/nud3l)
+- Update Opportunity endpoints (Thanks to https://github.com/firke)
+- Update Moonriver endpoints (Thanks to https://github.com/fxgamundi)
+- Update Bifrost testnet endpoints (Thanks to https://github.com/awesomepan)
+- Add OnFinality endpoint for Integritee (Thanks to https://github.com/mosonyi)
+- Add OnFinality endpoint for Pontem (Thanks to https://github.com/banananeko)
+- Add OnFinality endpoint for Crust (Thanks to https://github.com/banananeko)
+- Add Dwellir endpoint for Westend (Thanks to https://github.com/Maharacha)
+- Add Dwellir endpoints for Moonbeam/Moonriver (Thanks to https://github.com/Maharacha)
+- Adjust Subspace custom derives (Thanks to https://github.com/1devNdogs)
+- Adjust Russian i18n (Thanks to https://github.com/Gregog)
+
+Changes:
+
+- Display named reserves for reserved breakdown
+- Allow for population & submission of decoded extrinsics
+- Correct calculation for lease start (w/ leaseOffset usage)
+- Adjust teleport to only cater for latest XCM
+- Add blocktime latency tab to Explorer
+- Allow decoded extrinsics to populate submission
+- Disable unreachable endpoints
+- Cleanup Crowdloan types usage
+- Disable all unreachable endpoints
+- Display correct ss58 prefix for connected node (once changed)
+
+
+## 0.106.1 Feb 14, 2022
+
+Contributed:
+
+- Upgrade Substrate Connect (Thanks to https://github.com/wirednkod)
+- Fix contract w/ non-payabale constructor trapping (Thanks to https://github.com/statictype)
+- Update Manta logo (Thanks to https://github.com/dansofter)
+- Switch Manata/Calamari to LB endpoints (Thanks to https://github.com/grenade)
+- Add Dwellir RPC for Crab (Thanks to https://github.com/sxlwar)
+- Re-anable Kilt endpoint (Thanks to https://github.com/wischli)
+- Add Phala POC-5 (Thanks to https://github.com/jasl)
+- Add Subscan link for Altair (Thanks to https://github.com/mikiquantum)
+- Allo Encointer teleport on Westend (Thanks to https://github.com/brenzi)
+- Enable Kusama endpoints for Zeitgeist and Subsocial (Thanks to https://github.com/sea212)
+
+Changes:
+
+- Cater for scheduler v3 structure
+- Add inspection expansion for storage & extrinsics
+- Add warning status for partial tx execution events
+- Ensure `InputAddress` is de-deuped prior to display (address/accounts)
+- Don't connect to disabled/unreachebale endpoints in paras
+- Adjust percentage formatting consistency
+- Correctly render SpRuntimeDispatchError
+- Disable unreachable endpoints
+
+
+## 0.105.1 Feb 7, 2022
+
+Contributed:
+
+- Allow upload of signatories for multisig creation (Thanks to https://github.com/jsidorenko)
+- Remove Dusty network (Thanks to https://github.com/hoonsubin)
+
+Changes:
+
+- Align icon sizes on status overlay
+
+
+## 0.104.1 Jan 31, 2022
+
+Contributed:
+
+- Fix validator sorting on targets page (Thanks to https://github.com/citizen4371)
+- Remove Subsocial OnFinality endpoint (Thanks to https://github.com/jamesbayly)
+- Reorder Parallel endpoints (Thanks to https://github.com/GopherJ)
+- Update KILT Peregrine endpoint (Thanks to https://github.com/wischli)
+- Update Moonbeam colors and logo (Thanks to https://github.com/joelamouche)
+
+Changes:
+
+- Expand Treasury display with pending bounty values
+- Always check for nested calls in proxy detection
+- Always display Settings -> Developer on dev chains (even metadata v14)
+- Adjust display of crypto types (rename "external" to "extension")
+
+
+## 0.103.1 Jan 24, 2022
+
+Contributed:
+
+- Update Equilibrium version (Thanks to https://github.com/mn13)
+- Update Polish i18n (Thanks to https://github.com/jimmy-tudeski)
+- Adjust proxy usage text (Thanks to https://github.com/gilescope)
+- Adjust extension plural descriptions (Thanks to https://github.com/xnorly)
+- Add Polkadex parachain information (Thanks to https://github.com/arrudagates)
+- Add Litentry parachain info (Thanks to https://github.com/chenzongxiong)
+- OnFinality endpoint for Nodle (Thanks to https://github.com/RossAtOnfinality)
+- Update Clover types (Thanks to https://github.com/pangwa)
+- Add Sora parachain info (Thanks to https://github.com/stefashkaa)
+- Dwellir endpoint for Kilt (Thanks to https://github.com/Maharacha)
+- Update Rococo genesis hash (Thanks to https://github.com/cmichi)
+
+Changes:
+
+- Make relay accounts visible on common-good & system parachains
+- Adjust parachain display, preparing for expandable rows
+- Adjust storage app, adjustment for start values
+- Adjust status overlays (expandable content)
+- Bump 3rd party dependencies (same version range)
+- Allow for teleport where destination has no balances pallet
+- Endpoint sorting adjustments
+- Mark unreachable endpoints as disabled
+
+
+## 0.102.1 Jan 17, 2022
+
+Contributed:
+
+- Reactivate Dwellir Kusama RPC (Thanks to https://github.com/Maharacha)
+- Update Robonomics color and logo (Thanks to https://github.com/vol4tim)
+- Update Moonbeam RPC (Thanks to https://github.com/joelamouche)
+- Update InterBTC with derive for balances (Thanks to https://github.com/gregdhill)
+- Add OnFinality endpoint for Quartz (Thanks to https://github.com/alanchang124)
+- Update Bifrost endpoints (Thanks to https://github.com/awesomepan)
+- Update SherpaX mainnet endpoint (Thanks to https://github.com/wbh1328551759)
+- Update Polkadot and Canvas logos (Thanks to https://github.com/cmichi)
+- Singular profiles for Kusama/Statemine/Acala/Bifrost (Thanks to https://github.com/abzen)
+- Update types for AresGladios (Thanks to https://github.com/jiyilanzhou)
+- Add hi_IN i18n (Thanks to https://github.com/itssravi)
+- Add ur_IN i18n (Thanks to https://github.com/itsonal)
+
+Changes:
+
+- Align build steps with the rest of the polkadot-js repos
+- Mark unreachable endpoints as disabled
+
+
+## 0.101.1 Jan 10, 2022
+
+Contributed:
+
+- Add derive for Interbtc native balances (Thanks to https://github.com/gregdhill)
+- Adjust transfer checks for non-available tx (Thanks to https://github.com/gregdhill)
+- Update Interbtc types (Thanks to https://github.com/nud3l)
+- Update Mandala (Thanks to https://github.com/nnnnnnnnnni)
+- Update Robonomics types (Thanks to https://github.com/akru)
+- Add RPC types of Interbtc (Thanks to https://github.com/nud3l)
+- Add Competitors Club network (Thanks to https://github.com/jesselurie)
+- Add Neumann network (Thanks to https://github.com/imstar15)
+- Add Crab parachain (Thanks to https://github.com/sxlwar)
+- Re-add Polkadex testnet (Thanks to https://github.com/simonsso)
+- Added Dwellir Polkadot endpoints (Thanks to https://github.com/Maharacha)
+- Add SherapX live network (Thanks to https://github.com/wbh1328551759)
+- Add SherpaX testnet (Thanks to https://github.com/wbh1328551759)
+- Remove all Elara endpoints (Thanks to https://github.com/zzcwoshizz)
+- Update Crust Shadow endpoint (Thanks to https://github.com/yashirooooo)
+- Adjust teleport fees message (Thanks to https://github.com/DrW3RK)
+- Enable Subscan for Polkadot parachains (Thsnks to https://github.com/niklabh)
+- Update OAK logo (Thanks to https://github.com/imstar15)
+
+Changes:
+
+- Remove inaccurate teleport destination fees
+- Show empty logo for unknown extensions (instead of broken)
+- Adjust asset table breakpoints
+- Remove all Geometry endpoints
+- Use relay identity for common good parachains
+- Extract `derive.account.*` into hooks
+- Test for duplicate endpoint URLs (& cleanup duplication)
+- Adjust Subsocial imports (remove package use duplication)
+- Update types from chain teams (external dependencies)
+
+
+## 0.100.1 Dec 27, 2021
+
+Contributed:
+
+- Support for contracts storage deposit (Thanks to https://github.com/statictype)
+- Remove Rococo Tick, Trick & Track (Thanks to https://github.com/BulatSaif)
+- Add HydraX Polkadot parachain (Thanks to https://github.com/lumir-mrkva)
+- Add Phala Polkadot parachain (Thanks to https://github.com/jasl)
+- Update Clover endpoints (Thanks to https://github.com/jamesbayly)
+- Add Sherpax testnet node (Thanks to https://github.com/wbh1328551759)
+- Update Opportunity/Standard types (Thanks to https://github.com/firke)
+- Staking tooltip grammar fix (Thanks to https://github.com/tarrball)
+- Support new Moonbeam author extraction (Thanks to https://github.com/joelamouche)
+
+Changes:
+
+- Disable unreachable endpoints
+- Bump to latest `@polkadot/api`
+
+
+## 0.99.1 Dec 21, 2021
+
+Contributed:
+
+- Adjust Parity Statemine endpoints (Thanks to https://github.com/PierreBesson)
+- Add Parity Statemint endpoints (Thanks to https://github.com/PierreBesson)
+- Enable Teleport on Rococo (Thanks to https://github.com/PierreBesson)
+- Adjust Rococo Tick endpoint (Thanks to https://github.com/BulatSaif)
+- Adjust teleport weights (Thanks to https://github.com/apopiak)
+- Styling fix for asset balance input (Thanks to https://github.com/goldsteinsveta)
+- Adjust NFTMart staking params (Thanks to https://github.com/btwiuse)
+- Adjust Genshiro information (Thanks to https://github.com/equilibrium-de)
+- Adjust Heiko Parallel endpoints (Thanks to https://github.com/GopherJ)
+- Adjust Dock endpoints (Thanks to https://github.com/SamHellawell)
+- Add Parallel Polkadot parachain (Thanks to https://github.com/GopherJ)
+- Add Bitfrost Polkadot parachain (Thanks to https://github.com/awesomepan)
+- Add Crust Polkadot parachain (Thanks to https://github.com/mmyyrroonn)
+- Add Clover Polkadot parachain (Thanks to https://github.com/pangwa)
+- Add Moonbeam Polkadot parachain (Thanks to https://github.com/crystalin)
+- Add Manta Polkadot parachain (Thanks to https://github.com/stechu)
+- Add Acala Polkadot parachain (Thanks to https://github.com/qwer951123)
+- Add Astar Polkadot parachain (Thanks to https://github.com/sirius651)
+- Add Subsocial Polkadot parachain (Thanks to https://github.com/olehmell)
+- Add Litentry Polkadot parachain (Thanks to https://github.com/chenzongxiong)
+- Add Subgame Polkadot parachain (Thanks to https://github.com/xtony77)
+- Add Efinity Polkadot parachain (Thanks to https://github.com/coinfork)
+- Add Centrifuge Polkadot parachain (Thanks to https://github.com/mikiquantum)
+- Add Pichiu Kusama parachain (Thanks to https://github.com/samelamin)
+- Add Interlay Polkadot parachain (Thanks to https://github.com/nud3l)
+- Add Equilibrium Polkadot parachain (Thanks to https://github.com/VladSemenik)
+- Update Robonomics parachain info (Thanks to https://github.com/akru)
+- Add Nodle parachain info (Thanks to https://github.com/ETeissonniere)
+- Add Integritee mainnet (Thanks to https://github.com/brenzi)
+- Add Composable Finance network (Thanks to https://github.com/composerpeter)
+- Add Subspace Farmers network (Thanks to https://github.com/1devNdogs)
+- Update Polymesh networks (Thanks to https://github.com/adamdossa)
+- Update Bifrost types (Thanks to https://github.com/awesomepan)
+- Bump Darwinia types (Thanks to https://github.com/sxlwar)
+- Bump LBP types (Thanks to https://github.com/chenzongxiong)
+- Bump Subsocial types (Thanks to https://github.com/olehmell)
+- Bump Moonbeam types (Thanks to https://github.com/joelamouche)
+- Bump Astar types (Thanks to https://github.com/bobo-k2)
+- Bump GameDao types (Thanks to https://github.com/2075)
+- Bump Kulupu types (Thanks to https://github.com/sorpaas)
+- Bump Ternoa types (Thanks to https://github.com/markopoloparadox)
+- Opal & Quartz updates for metadata v14 (Thanks to https://github.com/gregzaitsev)
+- Adjust Encointer deployment (Thanks to https://github.com/brenzi)
+- Add Pichiu network (Thanks to https://github.com/samelamin)
+- Add Subdao networks (Thanks to https://github.com/sharkygg)
+- Add Web3Games testnet (Thanks to https://github.com/Zombieliu)
+- Add Ares Oddyssey network (Thanks to https://github.com/jiyilanzhou)
+- Add Coinversation network (Thanks to https://github.com/LaceLetho)
+- Add Automata & ContextFree testnets (Thanks to https://github.com/RyuH1)
+- Add Geometry Labs endpoints (Thanks to https://github.com/robcxyz)
+- Add Zeitgeist parachain config (Thanks to https://github.com/lsaether)
+- Add Dolphin testnet (Thanks to https://github.com/dansofter)
+- Add Kusari network (Thanks to https://github.com/masterdubs)
+- Adjust Sora logos (Thanks to https://github.com/NoodleSploder)
+- Update Acala endpoints (Thanks to https://github.com/ntduan)
+- Update Astar live endpoints (Thanks to https://github.com/akru)
+- Update Bifrost endpoints (Thanks to https://github.com/awesomepan)
+- Update Aleph Zero endpoints (Thanks to https://github.com/timorl)
+- Update ChainX endpoints (Thanks to https://github.com/icodezjb)
+- Update InterBTC naming to Interlay (Thanks to https://github.com/savudani8)
+- Updata Klaha network naming (Thanks to https://github.com/jasl)
+- OnFlinality endpoint for Acala (Thanks to https://github.com/RossAtOnfinality)
+- OnFinality endpoint for Statemint (Thanks to https://github.com/454076513)
+- OnFinality endpoint for Shiden fix (Thanks to https://github.com/alanchang124)
+- OnFinality endpoint for Bit.Country (Thanks to https://github.com/alanchang124)
+- OnFinality endpoint for Parallel (Thanks to https://github.com/RossAtOnfinality)
+- OnFinality endpoint for Moonbeam (Thanks to https://github.com/alanchang124)
+- OnFinality endpoint for Clover & Astar (Thanks to https://github.com/alanchang124)
+- Adjust Elara endpoints (Thanks to https://github.com/FreePoi)
+- Adjust Calamari endpoints (Thanks to https://github.com/grenade)
+- Adjust Moonbeam endpoints (Thanks to https://github.com/joelamouche)
+- Dwellir Kusama endpoints (Thanks to https://github.com/Maharacha)
+- Add external links to Subsquare (Thanks to https://github.com/wliyongfeng)
+- Adjust tokendecimal retrieval (Thanks to https://github.com/sxlwar)
+- Update Subspace derives (Thanks to https://github.com/1devNdogs)
+- Support Subspace blockchain calculations (Thanks to https://github.com/1devNdogs)
+
+Changes:
+
+- Allow for storage queries at a specific block
+- Add support for `limitedTeleportAssets`
+- Fix `?rpc=` param not taking effect
+- Adjust assets to cater for latest Substrate
+- Update unreachable endpoints
+- Add a rebond staking modal
+- Adjust warning on ,large bond amounts
+- Adjust parachain display (no hrmp)
+- Adjust uncaught error displays
+- Adjust hooks with named variants (error-catch related)
+- Remove derivation option for Ethereum accounts (not implemented)
+- Disable Settings -> Developer for metadata v14
+- Bump to latest `@polkadot/api` & `@polkadot/util`
+
+
+## 0.98.1 Oct 25, 2021
+
+Contributed:
+
+- Fix number inputs in Vote value (Thanks to https://github.com/awesomepan)
+- Update nominations warning message (Thanks to https://github.com/DrW3RK)
+- Update Acala types (Thanks to https://github.com/qwer951123)
+- update Bifrost types (Thanks to https://github.com/awesomepan)
+- Update Dawninia types (Thanks to https://github.com/sxlwar)
+- Update Dock testnet (Thanks to https://github.com/SamHellawell)
+- Update Realis types (Thanks to https://github.com/Daelon02)
+- Update Subspace testnet (Thanks to https://github.com/1devNdogs)
+- Add Altair network (Thanks to https://github.com/mikiquantum)
+- Add Bit.County Pioneer to Kusama parachains (Thanks to https://github.com/justinphamnz)
+- Add Quartz network (Thanks to https://github.com/gregzaitsev)
+- Re-enable Statemine via OnFinality (Thanks to https://github.com/454076513)
+
+Changes:
+
+- Adjust `Bytes` input to show IdentityIcon when ss58 is detected
+- Use `*RuntimeProxyType` as applicable to detect enum entries
+- Use type overrides as available in metadata variants
+- Override `*RuntimeSessionKeys` to allow for rotateKeys inputs
+- Fix depositor check inside multisig cancel operations
+- Adjust type labels with overrides & overflow formatting
+- Adjust multisig calls to be made in parallel
+- Cater for Ledger 25 word mnemonic imports
+- Adjust query button to a link (allow for open in a new window)
+- Some css warning fixes
+- Remove any unavilable endpoints from the list
+- Attempt allowing Ledger desktop connections (via node HID)
+- Ensure non-detected signature types result in a failure
+- Filter proxy selection with only those non-delayed
+- Swap warnings on mismatched import JSON types to an error
+- Ensure addresses are searchable when lists are filtered by identity
+- Display warning on tip creation when no recipient account is found
+- Correctly show disabled menu items as disabled (non-clickable)
+- Expand proposal hashes for fastTrack proposals in TC
+- Display society vouch tip column
+- Alow for society Unvouch and Vouching operations
+- Ensure accounts are non-editable when `isEditable` flag is not set
+- Ensure proposal weight is calculated before allowing proposal close
+- User `balances.transferAll` if available and full amount is transferred
+
+
+## 0.97.1 Oct 19, 2021
+
+Contributed:
+
+- Add support for substracte-contracts-node (Thanks to https://github.com/cmichi)
+- Align contracts styling with accounts (Thanks to https://github.com/ekowalsk)
+- Fix table coloring when applying filters (Thanks to https://github.com/ekowalsk)
+- Apply styles to unbonding icon (Thanks to https://github.com/MiZiet)
+- Style account badges (Thanks to https://github.com/ekowalsk)
+- Style redeemable balances (Thanks to https://github.com/MiZiet)
+- Split display of registrars (Thanks to https://github.com/MiZiet)
+- Disable unreachable networks (Thanks to https://github.com/krzysztof-jelski)
+- Increase UI test timeouts (Thanks to https://github.com/krzysztof-jelski)
+- Update French i18n (Thanks to https://github.com/tomaka)
+- Update Italian i18n (Thanks to https://github.com/fomod-in)
+- Update Subscan links (Thanks to https://github.com/carlhong)
+- Fix typos (Thanks to https://github.com/xnorly)
+- Use latest substrate connect (Thanks to https://github.com/wirednkod)
+- Add OnFinality endpoint for Altair (Thanks to https://github.com/454076513)
+- Add OnFinality endpoint for Kintsuigi (Thanks to https://github.com/454076513)
+- Add OnFinality endpoint for Sora (Thanks to https://github.com/454076513)
+- Add OnFinality endpoint for Subsocial (Thanks to https://github.com/454076513)
+- Add Zeitgeist Battery endpoints (Thanks to https://github.com/saboonikhil)
+- Fix Kintsuigi parachain key (Thanks to https://github.com/savudani8)
+- Remove old endpoints for Hydra (Thanks to https://github.com/lumir-mrkva)
+- Add Ares testnet (Thanks to https://github.com/jiyilanzhou)
+- Add MathChain mainnet (Thanks to https://github.com/hging)
+- Add NFTMart mainnet (Thanks to https://github.com/btwiuse)
+- Add Opal network (Thanks to https://github.com/gregzaitsev)
+- Add Polkadex mainnet (Thanks to https://github.com/Gauthamastro)
+- Add Spartan network (Thanks to https://github.com/1devNdogs)
+- Add Unorthodox parachain (Thanks to https://github.com/billjhlee)
+- Adjust Bifrost types (Thanks to https://github.com/awesomepan)
+- Adjust Edgeware logo (Thanks to https://github.com/Depth-Hoar)
+- Adjust Acala types (Thanks to https://github.com/qwer951123)
+- Adjust Basilisk types (Thanks to https://github.com/lumir-mrkva)
+- Adjust Darwinia types (Thanks to https://github.com/sxlwar)
+- Adjust Equilibrium types (Thanks to https://github.com/mn13)
+- Adjust Kilt types (Thanks to https://github.com/wischli)
+- Adjust Moonbeam types (Thanks to https://github.com/joelamouche)
+- Adjust Phala types (Thanks to https://github.com/jasl)
+- Adjust Pontem types (Thanks to https://github.com/idimetrix)
+- Adjust Realis types (Thanks to https://github.com/Daelon02)
+- Adjust Shiden types (Thanks to https://github.com/akru)
+- Adjust Shiden types (Thanks to https://github.com/hoonsubin)
+- Adjust Snowbridge types (Thanks to https://github.com/vgeddes)
+- Adjust Subgame types (Thanks to https://github.com/xtony77)
+- Adjust Subsocial types (Thanks to https://github.com/olehmell)
+- Adjust Ternoa types (Thanks to https://github.com/markopoloparadox)
+
+Changes:
+
+- Display multiple vesting schedules as found
+- Expand error messaging when zero claim balance is found
+- Fix map queries for metadata v14
+- Display correct types for metadata v14 in constants
+- Don't show unused enum fields from metadata v14
+- Remove contracts rent projection (removed from Substrate)
+- Adjust for latest Rococo reset
+- Adjust base Xcm weights (now all aligned with Kusama)
+- Adjust handling for old dedupeKeyPrefix (now unused)
+- Align signing output with extension (w/ `<Bytes>`)
+- Remove non-working endpoints as detected
+- Support metadata v14 lookupName in type extraction
+- Adjust formatting for `everything` Balance displays
+- Small fixes to input boxes
+- Expand events with lookup types
+- Cater for versioned teleport operations
+- Add support for contracts with scale-info v1
+- Adjust types output display from `toHuman` formatters
+- Fix payloads for Westmint 500
+
+
+## 0.96.1 Sep 20, 2021
+
+Contributed:
+
+- Rebrand interBTC (Thanks to https://github.com/savudani8)
+- Replace interBTC production chain (Thanks to https://github.com/savudani8)
+- Update interBTC types (Thanks to https://github.com/gregdhill)
+- Add interBTC to Westend (Thanks to https://github.com/gregdhill)
+- Add interBTC Kintsugi (Thanks to https://github.com/nud3l)
+- Update Snowbridge types (Thanks to https://github.com/vgeddes)
+- Move Shibuya testnet to dedicated (Thanks to https://github.com/akru)
+- Fix Shiden network names (Thanks to https://github.com/akru)
+- OnFinality endpoint for Kilt (Thanks to https://github.com/454076513)
+- OnFinality endpoint for Calamari (Thanks to https://github.com/454076513)
+- OnFinality endpoint for Basilisk (Thanks to https://github.com/454076513)
+- Update Kilt types & UI components (Thanks to https://github.com/wischli)
+- Subscan links for Kilt (Thanks to https://github.com/wischli)
+- Add Polkassembly community endpoints (Thanks to https://github.com/wischli)
+- Dwellir endpoints for Kusama (Thanks to https://github.com/Maharacha)
+- Add Spanner network (Thanks to https://github.com/igorgogo)
+- Update Robonomics endpoints (Thanks to https://github.com/vol4tim)
+- Update Bifrost Foundation to Liebi (Thanks to https://github.com/awesomepan)
+- Update Bifrost types (Thanks to https://github.com/awesomepan)
+- Update types for Realis (Thanks to https://github.com/Daelon02)
+- Update Crust endpoints (Thanks to https://github.com/yuhui1208)
+- Updata Darwinia types (Thanks to https://github.com/WoeOm)
+- Update Phala Poc-4 to Chala (Thanks to https://github.com/jasl)
+- Update Phala types (Thanks to https://github.com/jasl)
+- Update Subgame types (Thanks to https://github.com/momo200e)
+- Update OriginTrail types (Thanks to https://github.com/NZT48 & https://github.com/kotlarmilos)
+- Update Acala types (Thanks to https://github.com/qwer951123)
+- Update UniArts providers (Thanks to https://github.com/sunnyCoCosun)
+- Update KILT paraId (Thanks to https://github.com/weichweich)
+- Update Charcoal paraId (Thanks to https://github.com/mikiquantum)
+- Update Basilisk paraId (Thanks to https://github.com/lumir-mrkva)
+- Update Altair paraId (Thanks to https://github.com/mikiquantum)
+- Update Moonbeam types (Thanks to https://github.com/joelamouche)
+- Update WILT paraId & types (Thanks to https://github.com/weichweich)
+- Update Genshiro paraId (Thanks to https://github.com/alex-nax)
+- Add Lavendar parachain (Thanks to https://github.com/phamsonha)
+- Add Genshiro standalone (Thanks to https://github.com/alex-nax)
+- Add Crown Sterling chain (Thanks to https://github.com/crownsterlingllc)
+- Add external types for Zero (Thanks to https://github.com/2075)
+- Update Integritee homepage and RPcs (Thanks to https://github.com/brenzi)
+- Add additional endpoints (Thanks to https://github.com/brenzi)
+- Update Calamari homepage link (Thanks to https://github.com/Dengjianping)
+- Remove Crab Redirect (Thanks to https://github.com/sxlwar)
+- Add Picasso mainnet (Thanks to https://github.com/composabledev)
+- Add Parallel Heiko chain (Thanks to https://github.com/GopherJ)
+- Add Statescan to as external explorer (Thanks to https://github.com/wliyongfeng)
+- Add Dottreasury as external explorer (Thanks to https://github.com/wliyongfeng)
+- Add Sub.Id as an external explorer (Thanks to https://github.com/olehmell)
+- Update endpoints for Elara v2 (Thanks to https://github.com/FreePoi)
+- Update Pinknode endpoints (Thanks to https://github.com/Capeguy)
+- Update Pontem types (Thanks to https://github.com/idimetrix)
+- Add Netcoin chain (Thanks to https://github.com/sorpaas)
+- Add Pangoro testchain (Thanks to https://github.com/sxlwar)
+- Add additional nodes for Calamari (Thanks to https://github.com/grenade)
+- Change Aleph Zero testnet name (Thanks to https://github.com/maciejnems)
+- Adjust Bit.Country endpoint (Thanks to https://github.com/justinphamnz)
+- Allow tx submission for decoding tab (Thanks to https://github.com/xlc)
+- Adjust max balance on transfer modal (Thanks to https://github.com/maciejnems)
+- Clarify conviction locking (Thanks to https://github.com/JoshOrndorff)
+- Adjust minimumPeriod thresholds (Thanks to https://github.com/fixxxedpoint)
+- Style UI tags (Thanks to https://github.com/MiZiet & https://github.com/ekowalsk)
+- Set width to flags (Thanks to https://github.com/MiZiet)
+- Add summary to accounts (Thanks to https://github.com/vitaliyworks & https://github.com/krzysztof-jelski)
+- Style account rows (Thanks to https://github.com/wachulski, https://github.com/vitaliyworks, https://github.com/MiZiet & https://github.com/ekowalsk)
+- Replace SUI modal with apps-specific modal (Thanks to https://github.com/MiZiet)
+- Replace sidebar links with icons (Thanks to https://github.com/ekowalsk)
+- Replace SUI popup with apps-specific version (Thanks to https://github.com/MiZiet)
+- Allow keyboard navigation in create modal (Thanks to https://github.com/MiZiet & https://github.com/ekowalsk)
+- Dedupe create & derive account modals (Thanks to https://github.com/vitaliyworks & https://github.com/MiZiet)
+- Add account view sorting (Thanks to https://github.com/vitaliyworks, https://github.com/krzysztof-jelski, https://github.com/MiZiet & https://github.com/ekowalsk)
+- Adjust sidebar editing via single button (Thanks to https://github.com/ekowalsk & https://github.com/MiZiet)
+- Account page styling adjustments (Thanks to https://github.com/MiZiet)
+- Align address view with accounts (Thanks to https://github.com/ekowalsk & https://github.com/MiZiet)
+- Fixes for UI tests and setup (Thanks to https://github.com/krzysztof-jelski)
+- Reduce warning in tests (Thanks to https://github.com/krzysztof-jelski)
+
+Changes:
+
+- Discard invalid minimumPeriod values (block times)
+- Cater for metadata v14 & latest API
+- Hide/disable non-available network endpoints
+- Adjust detection for parachain module locations
+- Ensure unreachable endpoints are sorted & checked
+- Extract teleport weight constants on a per-genesis basis
+- Only allow gilt bids via pure proxy
+- Pass open/aye votes for TC in batch
+- Allow collective proposal close for any account
+- Cleanup `@polkadot/app-config` exports
+- Adjust `@polkadot/apps-config` to latest chain types
+
+
+## 0.95.1 Aug 2, 2021
+
+Contributed:
+
+- Integrate Substrate connect (Thanks to https://github.com/wirednkod)
+- Bump Substrate connect dependencies (Thanks to https://github.com/raoulmillais)
+- Robonomics Kusama parachain (Thanks to https://github.com/ensrationis)
+- Typo fix (Thanks to https://github.com/gangelop)
+- Update Robomonics logo (Thanks to https://github.com/vol4tim)
+- Bump Acala types (Thanks to https://github.com/xlc)
+- Enable Subscan on Karura (Thanks to https://github.com/xlc)
+- Adjust PureStake provider name (Thanks to https://github.com/albertov19)
+- Bump Phala types (Thanks to https://github.com/limichange)
+- Update Altair crowdloan values (Thanks to https://github.com/mikiquantum)
+- Update Altair endpoint (Thanks to https://github.com/branan)
+- Add Kpron (Thanks to https://github.com/sharkygg & https://github.com/Apron2050)
+- Add Bifrost OnFinality provider (Thanks to https://github.com/454076513)
+- Add OriginTrail para testnet (Thanks to https://github.com/NZT48 & https://github.com/kotlarmilos)
+- Update Edgeware production/testing (Thanks to https://github.com/drewstone)
+- Add chainType for chain info transfer (Thanks to https://github.com/joelamouche)
+- Update Equilibrium types (Thanks to https://github.com/alex-nax & https://github.com/pr0fedt)
+- Update Realis types (Thanks to https://github.com/Daelon02)
+- Update for Qr address imports (Thanks to https://github.com/joelamouche)
+- Elara providers for Karura, Moonriver & Bifrost (Thanks to https://github.com/zzcwoshizz)
+- Update Sora providers (Thanks to https://github.com/stefashkaa)
+- Add Basilik Kusama details (Thanks to https://github.com/lumir-mrkva)
+- Add Zeitgeist parachain for Kusama (Thanks to https://github.com/c410-f3r)
+- Update Pangolin & Crab types (Thanks to https://github.com/WoeOm)
+- Add Fantour network config (Thanks to https://github.com/noodleslove)
+- Add Loom Kusama parachain (Thanks to https://github.com/NightingaleAsh & https://github.com/enlight)
+- Integritee parachain config (Thanks to https://github.com/brenzi)
+- Update Unique types (Thanks to https://github.com/gregzaitsev)
+- Add zCloak network (Thanks to https://github.com/Lohsea)
+- Update Dotscanner URLs (Thanks to https://github.com/Deekor)
+- Dotscanner support for Kusama (Thanks to https://github.com/Deekor)
+- Update NFTMart logo (Thanks to https://github.com/caosbad)
+- Update Moonbeam types (Thanks to https://github.com/joelamouche)
+- Add Calamari network logo (Thanks to https://github.com/Dengjianping)
+- Update Westend logos (Thanks to https://github.com/wirednkod)
+- Add Trustbase network (Thanks to https://github.com/ygsgdbd)
+- Add type check on address import (Thanks to https://github.com/joelamouche)
+- Update Bifrost types (Thanks to https://github.com/awesomepan)
+- Fix translation typos (Thanks to https://github.com/anvie)
+- Add Aleph testnet (Thanks to https://github.com/timorl)
+- Accounts testing infrastructure (Thanks to https://github.com/wachulski)
+- Update Khala types (Thanks to https://github.com/jasl)
+- Set Subscan link for Shiden (Thanks to https://github.com/akru)
+
+Changes:
+
+- Remove providers with reliability & availability problems
+- taxIndex -1 for all hints
+- Fix InputNumber max check
+- Correctly use si values on InputNumber on disabled
+- Derive treasury account from palletId
+- Adjust Ledger app lookups via hash
+- Warn about off-chain crowdloan contributions
+- Fix isDisabled rendering for Option
+- Rework collective queries (multiple instances)
+- Don't show council elections with no pallet
+- Use gasRequired (as available) for contract estimations
+- Clear dispatch queue display on dispatch
+
+
+## 0.94.1 Jun 28, 2015
+
+Contributed:
+
+- Fix Electon QR scanning on Mac (Thanks to https://github.com/wachulski)
+- Update Bifrost homepage (Thanks to https://github.com/awesomepan)
+- Update Darwinia Redirect endpoint (Thanks to https://github.com/sxlwar)
+- Additional Sora endpoint (Thanks to https://github.com/pgolovkin)
+- OnFinality endpoints for Khala, Moonriver, Shiden (Thanks to https://github.com/454076513)
+- Add Pinknode endpoints for relays & parachains (Thanks to https://github.com/Capeguy)
+- Additional Karura endpoints (Thanks to https://github.com/xlc)
+- Polkawallet endpoint for Karura (Thanks to https://github.com/qwer951123)
+- Update Phala types (Thanks to https://github.com/limichange)
+- Update Subsocial types (Thanks to https://github.com/olehmell)
+- Update Beresheet types (Thanks to https://github.com/raykyri)
+- Update Datahighway types (Thanks to https://github.com/ayushmishra2005)
+- Update Realis types (Thanks to https://github.com/Daelon02)
+- Update Genshiro details (Thanks to https://github.com/alex-nax & https://github.com/pr0fedt)
+- Update Zeitgeist details (Thanks to https://github.com/c410-f3r & https://github.com/lsaether)
+- Update OriginTrail details (Thanks to https://github.com/kotlarmilos & https://github.com/NZT48)
+- Add support for new Moonbeam authors (Thanks to https://github.com/joelamouche)
+- Adjust Neatcoin inflation params (Thanks to https://github.com/sorpaas)
+- Update Kilt logo (Thanks to https://github.com/rflechtner)
+- Fix language in chain specifications (Thanks to https://github.com/andresilva)
+- Fix docker build (Thanks to https://github.com/sorpaas)
+
+Changes:
+
+- Change endpoint display naming
+- Interleave crowdloans even with no bids
+- Filter auctions with `isWinner` flag
+- Filter crowdloan active raises on `isWinner`
+- Randomize parachain API endpoint usage
+- Split CI checks for types & availability
+- Add support for `state_queryStorage` results on RPC execution pages
+- Remove support for Substrate 2.0 payouts
+- Split endpoint selection menu with relays
+- Add warning for staking minium bonds
+- Remove reference to defunct vanity wildcard
+- Adjust explorer display with no extrinsics
+- Adjust fasttrack delay default to 1 hr
+- Add loading indicator for contributions
+- Display overall total nominator counts
+
+
+## 0.93.1 Jun 14, 2021
+
+Contributed:
+
+- Fix Electon QR scanning on Mac (Thanks to https://github.com/wachulski)
+- Add Altair & Charcoal networks (Thanks to https://github.com/branan)
+- Add Opportunity network (Thanks to https://github.com/billjhlee & https://github.com/hskang9)
+- Add Genshiro network (Thanks to https://github.com/alex-nax & https://github.com/pr0fedt)
+- Add Ares Mars network (Thanks to https://github.com/jiyilanzhou)
+- Add Subgame networks (Thanks to https://github.com/momo200e)
+- Update types for Realis (Thanks to https://github.com/Daelon02)
+- Update logo/colors for Kilt (Thanks to https://github.com/wischli)
+- Add OnFinality Kuarura endpoint (Thanks to https://github.com/454076513)
+- Update PolkaSmith title (Thanks to https://github.com/hoangnl2112)
+- Update Shiden homepage (Thanks to https://github.com/akru)
+- Update Darwinia Crab Redirect homepage (Thanks to https://github.com/sxlwar)
+
+Changes:
+
+- Fix docker build commands
+- Adjust crowdloan display delays
+- Update network entries with no DNS
+- Update theme config with name-checked records
+- Check endpoint ordering on CI
+- Adjust parachain hooks using mounted references
+- Remove Flaming Fir network (RPCs inoperational)
+
+
+## 0.92.3 Jun 9, 2021
+
+Changes:
+
+- Downgrade electron-builder
+
+
+## 0.92.2 Jun 9, 2021
+
+Contributed:
+
+- Add OnFinality providers for Statemine & Westmint (Thanks to https://github.com/xsteadybcgo)
+- Extract Moonbeam author ids (Thanks to https://github.com/joelamouche)
+- Add Whala network (Thanks to https://github.com/jasl & https://github.com/limichange)
+- Add Moonriver network (Thanks to https://github.com/crystalin)
+- Add Basilisk Egg network (Thanks to https://github.com/lumir-mrkva)
+- Add Kilt to Westend (Thanks to https://github.com/wischli)
+- Update Crab network (Thanks to https://github.com/WoeOm)
+- Update Jupiter types (Thanks to https://github.com/zzcwoshizz)
+- Update Polkadex types (Thanks to https://github.com/Gauthamastro)
+- Update Dock types (Thanks to https://github.com/lovesh)
+- Update Moonbeam types (Thanks to https://github.com/joelamouche)
+- Update Realis types (Thanks to https://github.com/Daelon02)
+
+Changes:
+
+- Adjust apps-electron, taking care of 0.92.1 launching
+- Allow teleport for Kusama <-> Statemine
+- Calculate and display teleport fees
+- Fix Patract Elara endpoints on Westend
+- Fix calculation of auction end slots
+- Fix crowdloan own contribution extraction
+- Display own contribution on crowdloans
+- Add link to chain homepages on crowdloans
+- Display blocknumber on calendar
+- Adjust Polkadot-icons based on specName
+- Adjust payout button layout (no content shift)
+- Mark endpoints as unreachable (via cron detection)
+- Randomize provider selection
+
+
+## 0.92.1 Jun 7, 2021
+
+Contributed:
+
+- Update WarmUp script with isReady checks (Thanks to https://github.com/wirednkod)
+- Update validator graphs to take theme into account (Thanks to https://github.com/gngchrs)
+- Add Darwinia Crab Kusama parachain (Thanks to https://github.com/WoeOm)
+- Add Encointer Kusama parachain (Thanks to https://github.com/brenzi)
+- Add IntegiTEE Kusama parachain (Thanks to https://github.com/brenzi)
+- Add Genshiro Kusama parachain (Thanks to https://github.com/alex-nax)
+- Add Karura Kusama parachain (Thanks to https://github.com/ntduan)
+- Add Shiden Kusama parachain (thanks to https://github.com/akru)
+- Adjust Bifrost branding (Thanks to https://github.com/awesomepan)
+- Adjust Crust Shadow branding (Thanks to https://github.com/zikunfan)
+- Adjust Equilibrium definitions (Thanks to https://github.com/alex-nax & https://github.com/pr0fedt)
+- Add Kylin as Rococo parachain (Thanks to https://github.com/samelamin)
+- Add Moonshadow as Westend parachain (Thanks to https://github.com/crystalin & https://github.com/joelamouche)
+- Add Manta testnet (Thanks to https://github.com/Kevingislason)
+- Add Pontem testnet (Thanks to https://github.com/idimetrix)
+- Add KlugDossier testnet (Thanks to https://github.com/sbnair)
+- Add Oak testnet (Thanks to https://github.com/chrisli30 & https://github.com/imstar15)
+- Add Sakura parachain (Thanks to https://github.com/pangwa)
+- Add Shibuya Westend parachain (Thanks to https://github.com/akru)
+- Update Manta types (Thanks to https://github.com/stechu)
+- Update Zero.io types (Thanks to https://github.com/2075)
+- Update types for HydraDX (Thanks to https://github.com/jak-pan)
+- Update Moonbeam types (Thanks to https://github.com/joelamouche)
+- Update PolkaBTC types (Thanks to https://github.com/savudani8)
+- Update Acala types (thanks to https://github.com/qwer951123)
+- Update Plasm types (Thanks to https://github.com/hoonsubin)
+- Update Realis types (Thanks to https://github.com/Daelon02)
+- Update Phala types (Thanks to https://github.com/krhougs)
+- Update Pangolin types (Thanks to https://github.com/sxlwar)
+- Update Polkafoundry types (Thanks to https://github.com/hoangnl2112)
+- Update DataHighway specName (Thanks to https://github.com/ayushmishra2005)
+- Update Bifrost WSS url (Thanks to https://github.com/awesomepan)
+- Update Westmint WSS url (Thanks to https://github.com/PierreBesson)
+- Update VLN WSS url (Thanks to https://github.com/stanly-johnson)
+- Add OnFinality endpoint for Statemine (Thanks to https://github.com/454076513)
+
+Changes:
+
+- Allow for XCM asset teleport
+- Add support for Kusama Statemine parachain
+- Add support for Kusama Shell parachain
+- Add support for Westend Westmint parachain
+- Adjust branding details for Statemine, Statemint & Westmint
+- Adjust proposal threshold for staking slash cancel
+- Allow for color/logo definition based on specName
+- Adjust autoFocus on Validate & Session key staking partials
+- Fully expand DispatchResult in explorer
+- Display current approvals on multisig modals
+- Display expanded call data on multisig modal
+- Correct validator mapping to assignment groups
+- Display currently selected parachain validators
+- Display current validator group in parachains page
+- Don't display renamed inclusion/backed events
+- Simplify validator list rendering
+- Allow for inflation adjustment based on auctions
+- Display ideal staked info on staking
+- Adjust TC fasttrack thresholds based on voting input
+- Sort Westend parachain ids
+- Adjust Tabs imports (code consistency & usage)
+- Update tests to cater for Jest 27
+- Allow for verifier signature on crowdloan
+- Adjust Rococo parachains (& genesis) after reset
+- Add option for Ledger via WebHID
+- Add call decoder of extrinsics page
+- Use type-only BN imports (as applicable)
+- Always show development chain in dev colors
+- Re-format static Balance displays for detected SI units
+- Add cron detection for invalid WS endpoints
+
+
+## 0.91.2 May 17, 2021
+
+Changes:
+
+- Update electron-builder dependency, attempting to fix publish from CI
+
+
+## 0.91.1 May 17, 2021
+
+Contributed:
+
+- Fix elapsed time minute formatting (Thanks to https://github.com/andresilva)
+- Fix i18n loading with no data (Thanks to https://github.com/fadomire)
+- Update BitCountry types (Thanks to https://github.com/justinphamnz)
+- Update VLN types (Thanks to https://github.com/stanly-johnson)
+- Update types for Zeitgeist (Thanks to https://github.com/lsaether)
+- Update types for Darwinia (Thanks to https://github.com/WoeOm)
+- Update types for Galital (Thanks to https://github.com/masterdubs)
+- Update types for Moonbeam (Thanks to https://github.com/joelamouche)
+- Update types for Dusty (Thanks to https://github.com/hoonsubin)
+- Update types for SORA (Thanks to https://github.com/stefashkaa)
+- Update types for Ternoa (Thanks to https://github.com/ETeissonniere)
+- Update types for Polkafoundry (Thanks to https://github.com/hoangnl2112)
+- Update Gamepower types (Thanks to https://github.com/GamePowerDev)
+- Update Uni Arts types (Thanks to https://github.com/tianxiemaochiyu)
+- Update Steam types (Thanks to https://github.com/johnwhitton)
+- Support for Snakenet gen-3 (Thanks to https://github.com/jak-pan)
+- Add Zeitgeist Rococo parachain (Thanks to https://github.com/c410-f3r)
+- Add Moonrock Rococo parachain (Thanks to https://github.com/crystalin)
+- Adjust Crust Rococo paraId (Thanks to https://github.com/yuhui1208)
+- Adjust Eave Rococo paraId (Thanks to https://github.com/johnwhitton)
+- Add GamePower testnet (Thanks to https://github.com/GamePowerDev & https://github.com/MikeHuntington)
+- Add Pangolin testnet (Thanks to https://github.com/sxlwar)
+- Add Geeknet testnet (Thanks to https://github.com/nasa8x)
+- Add Centrifuge Rococo endpoint (Thanks to https://github.com/mikiquantum)
+- Add Khala Kusama parathread (Thanks to https://github.com/h4x3rotab)
+- Add Prism Kusama parathread (Thanks to https://github.com/chrissoso)
+- Add Cust Shadow Kusama parathread (Thanks to https://github.com/zikunfan)
+- Add Kilt Kusama parathread (Thanks to https://github.com/wischli)
+- Add SherpaX Kusama parathread (Thanks to https://github.com/icodezjb)
+- Add Bifrost Kusama parathread (Thanks to https://github.com/awesomepan)
+- Add Patract Elara endpoint for Moonbase (Thanks to https://github.com/zzcwoshizz)
+- Add Patract Elara endpoint for Subsocial (Thanks to https://github.com/zzcwoshizz)
+- Add Polymath provider (Thanks to https://github.com/satyamakgec & https://github.com/Tamir-Polymath)
+
+Changes:
+
+- Display specName/specVersion for current chain
+- Adjust parachains for Westend & Kusama modules
+- Show call data and call hash on extinsics page
+- Fix auction first-last display (based on chain constants)
+- Allow file hash upload to `H256` types
+- Use registration nextId for parachain setup
+- Show treasury details in council proposals
+- Ensure alphabetical chain ordering
+- Show reserved amount for proxy creation
+- Sort by and display ss58 in chain settings
+- Adjust logo/color overrides to be alphabetical
+- Check for registered code for allowing parachain bidding
+- Always populate paraId from owners (after registration)
+- Add Shell parachain to Westend
+- Allow UI to work with no balances/timestamp modules (as per Shell)
+- Display parathread info via para API (in addition to parachain)
+- Cater for electionsPhragmen -> phragmenElection modules
+- Cater for council votes on prev-generation chains
+
+## 0.90.1 May 3, 2021
+
+Contributed:
+
+- Simplify derivation for ETH-like accounts (Thanks to https://github.com/joelamouche)
+- Added Westend OnFinality endpoint (Thanks to https://github.com/454076513)
+- Update Apron Rococo config (Thanks to https://github.com/guenit)
+- Add support for Dotscanner links (Thanks to https://github.com/Deekor)
+- Update Dusty types (Thanks to https://github.com/akru)
+- Upgrade Zeitgeist types (Thanks to https://github.com/lsaether)
+- Update Manta Rococo config (Thanks to https://github.com/zhenfeizhang & https://github.com/Dengjianping)
+- Update Darwinia types (Thanks to https://github.com/WoeOm)
+- Update IPSE config (Thanks to https://github.com/shareven)
+- Update Ares paraId on Rococo (Thanks to https://github.com/lyxyx)
+- Add Sora mainnet (Thanks to https://github.com/Nikita-Polyakov)
+- Add Konomi config for Rococo (Thanks to https://github.com/willeslau)
+- Added Edgeware OnFinality endpoint (Thanks to https://github.com/454076513)
+- Added Vodka testnet (Thanks to https://github.com/sorpaas)
+- Add Netcoin mainnet (Thanks to https://github.com/sorpaas)
+- Optimize staking accounts tabs with loaded flag (Thanks to https://github.com/krzysztof-jelski)
+- Update Realis network logo (Thanks to https://github.com/Daelon02)
+
+Changes:
+
+- Display extrinsic weights in explorer details
+- Display block stats in explorer block details
+- Allow for asset display when no metadata is present
+- Add app for Membership (as deployed on Rococo)
+- Reworks global events extraction
+- Adjust line breaks on Table columns at 100%
+- Added `useMap{Entries, Keys}` hooks
+- Optimize crowdloan data extraction
+- Adjust event trigger hooks with explicit blockhash
+- Show reserved amounts for council voting
+- Add error when reward destination account doesn't exist
+- Remove support for v2 contracts
+- Fix copy on explorer expanded block page
+- Make balances & timestamp optional for chains
+- Align bounty display with UI colors
+
+
+## 0.89.1 Apr 26, 2021
+
+Contributed:
+
+- Update Phala Rococo paraId (Thanks to https://github.com/h4x3rotab)
+- Update config for Phala Poc-4 (Thanks to https://github.com/Anonymous-Hentai)
+- Update Jupiter Rococo paraId (Thanks to https://github.com/zzcwoshizz)
+- Update ChainX & Zenlink Rococo paraIds (hanks to https://github.com/icodezjb)
+- Update Nftmart config (Thanks to https://github.com/caosbad)
+- Update balances retrieval on Equilibrium (Thanks to https://github.com/alexdniep)
+- Update HydraDx config with archive nodes (Thanks to https://github.com/lumir-mrkva)
+- Update Web3Games config (from Sgc, Thanks to https://github.com/Zombieliu)
+- Update Darwinia Crab config (Thanks to https://github.com/WoeOm)
+- Update Parami text (Thanks to https://github.com/hellotrongo)
+- Swap Kilt types to npm package (Thanks to https://github.com/Dudleyneedham)
+- Added Patract Elara support for Westend (Thanks to https://github.com/zzcwoshizz)
+- Added IPSE network config (Thanks to https://github.com/shareven)
+- Fr i18n fixes (thanks to https://github.com/n3wborn)
+
+Changes:
+
+- Remove display for empty prior democracy locks
+- Add endpoint for Statemint to Rococo
+- Adjust asset create to use batch hook
+- Adjust signer fee calc & displays
+- Adjust canvas types for `Address` usage
+- Show asset total supply
+- Allow balance inputs to take configurable decimal/symbol
+- Add support for asset minting
+- Add support for asset transfers
+
+
+## 0.88.1 Apr 19, 2021
+
+Contributed:
+
+- Added Nftmart config (Thanks to https://github.com/caosbad)
+- Update Zenlink config (Thanks to https://github.com/icodezjb)
+- Update Darwinia Crab config (Thanks to https://github.com/WoeOm)
+- Added Riochain config (Thanks to https://github.com/david-rio)
+- Update Bifrost Rococo config (Thanks to https://github.com/yooml)
+- Added VLN Rococo config (Thanks to https://github.com/stanly-johnson)
+- Added Datahighway Westlake config (Thanks to https://github.com/cgroeschel)
+- Update Polkafoundry config (Thanks to https://github.com/hoangnl2112)
+- Adjust Parami logo (thanks to https://github.com/hellotrongo)
+- Update Galital config (thanks to https://github.com/masterdubs)
+- Add Prism Rococo parachain (Thanks to https://github.com/chrissoso)
+- Add HydraDx Snakenet Gen 2 (Thanks to https://github.com/lumir-mrkva)
+- Update Apron Rococo paraId (thanks to https://github.com/Apron2050)
+- Update Clover logo (Thanks to https://github.com/pangwa)
+- Update Sora spec name (Thanks to https://github.com/KalitaAlexey)
+- Add Galital Rococo config (Thanks to  https://github.com/masterdubs)
+- Update Mybank config (Thanks to https://github.com/armatrix)
+
+Changes:
+
+- Fix Elapsed formatting (previously would only show s units)
+- Show unlocking when democracy has been undelegated
+- Disable all parachain < 1000 networks (now reserved)
+- Params now deals defaults to hex-only for H160/256/512
+
+
+## 0.87.1 Apr 12, 2021
+
+Contributed:
+
+- Update Kilt types (Thanks to https://github.com/wischli)
+- Update Zero types (Thanks to https://github.com/2075)
+- Add Polkafoundry chain (Thanks to https://github.com/thanhtung6824)
+- Update Acala endpoint (Thanks to https://github.com/qwer951123)
+- Add Equilibrium Rococo endpoint (Thanks to https://github.com/mn13)
+- Add Galois SessionKey type (Thanks to https://github.com/hging)
+- Update Datahighway endpoint (Thanks to https://github.com/cgroeschel)
+- Add Zeitgeist (Thanks to https://github.com/lsaether)
+- Add Subsocial Rococo parachain (Thanks to https://github.com/siman)
+- Add Parami Rococo parachain (Thanks to https://github.com/chenwei767)
+- Update Robonomics types (Thanks to https://github.com/akru)
+- Add Galitial Rococo parachain (Thanks to https://github.com/masterdubs)
+- Update Jupiter types (Thanks to https://github.com/ii-ii-ii)
+- Update SubDAO logo (Thanks https://github.com/chenwei767)
+- Add Sunrock Rococo parachain (Thanks to https://github.com/crystalin)
+- Update Edgeware live endpoint (Thanks to https://github.com/ShankarWarang)
+- Add Mybank network (Thanks to https://github.com/armatrix)
+- Add Steam & Beast Rococo parachain (Thanks to https://github.com/johnwhitton)
+- Update Unit network logo (Thanks to https://github.com/paulhealy09)
+- Update Encointer types (Thanks to https://github.com/brenzi)
+- Add Apron network (Thanks to https://github.com/Apron2050)
+- Add Manta Rococo parachain (Thanks to https://github.com/zhenfeizhang)
+- Correct Bifrost usage (Thanks to https://github.com/awesomepan)
+- Update Uart test types (Thanks to https://github.com/tianxiemaochiyu)
+- Update Mandala paraId (Thanks to https://github.com/xlc)
+- Update PolkaFoundry paraId (Thanks to https://github.com/hoangnl2112)
+- Update Clover types (Thanks to https://github.com/pangwa)
+
+Changes:
+
+- Extend parachain support to cater for new Rococo usages
+- Display parachain specVersion (in addition to best block)
+- Move batch transaction creation into hook (& apply to all uses)
+
+
+## 0.86.2 Mar 29, 2021
+
+Contributed:
+
+- Adjustments for Crust pinning (Thanks to https://github.com/zikunfan)
+- Adjustments for KILT XCM types (Thanks to https://github.com/wischli)
+
+
+## 0.86.1 Mar 29, 2021
+
+Contributed:
+
+- Change global menu styling (Thanks to https://github.com/MiZiet)
+- Update Unique colors & types (Thanks to https://github.com/gregzaitsev)
+- Update Sora types (Thanks to https://github.com/modbrin)
+- Update Realis network (Thanks to https://github.com/Daelon02)
+- Update PolkaBtc types (thanks to https://github.com/gregdhill)
+- Update Moonbeam types (Thanks to https://github.com/joelamouche)
+- Update Acala endpoints (Thanks to https://github.com/xlc)
+- Update Darwinia Crab logo (Thanks to https://github.com/sxlwar)
+- Update Darwinia Crab RPC & types (thanks to https://github.com/WoeOm)
+- Update Clover types (Thanks to https://github.com/pangwa & https://github.com/superpw)
+- Updata Equilibrium types (Thanks to https://github.com/pr0fedt)
+- Add Phoenix chain to Rococo (Thanks to https://github.com/yuyunhong)
+- Add Litentry testnet (Thanks to https://github.com/chenzongxiong)
+- Update types for DOTMog (Thanks to https://github.com/darkfriend77)
+- Fix language on staking (Thanks to https://github.com/SimonKraus)
+- Add pinning of apps UI IPFS to Crust (Thanks to https://github.com/zikunfan)
+
+Changes:
+
+- Display justifications in block explorer
+- Expansion of crowdloan, auctions & parachain views
+- Basic functionality for asset module
+- Adjust ordering of democracy & tips buttons
+- Cater for new Rococo chain reset/deployment
+- Ensure treasury does not depend on council or tips
+
+
+## 0.85.1 Mar 22, 2021
+
+Contributed:
+
+- Adjust dusty spec name (Thanks to https://github.com/akru)
+- Update Galois types (Thanks to https://github.com/hging)
+- Update Crust types (Thanks to https://github.com/zikunfan)
+- Add Vln testnet (thanks to https://github.com/stanly-johnson)
+- Update Datahighway types (Thanks to https://github.com/cgroeschel)
+- Language fixes (Thanks to https://github.com/wirednkod)
+
+Changes:
+
+- Display validator votes on parachains
+- Adjust society (display split, expand member/candidate info & payouts)
+- Adjust inflation calculation for zero staked/issuance
+- Display call hash on signer modal
+- Cleanup Modal layouts & de-dupe tags
+- Cleanup global tabs displays (optimize elements)
+
+
+## 0.84.1 Mar 15, 2021
+
+Contributed:
+
+- Added ReAlis network & types (Thanks to https://github.com/Daelon02)
+- Added OnFinality endpoint for Moonbeam (Thanks to https://github.com/joelamouche)
+- Update Moonbeam types (Thanks to https://github.com/joelamouche)
+- Update PolkaBTC types (Thanks to https://github.com/savudani8)
+- Update Kilt types (Thanks to https://github.com/wischli)
+- Update Bifrost types (Thanks to https://github.com/awesomepan)
+- Update Bit.Country paraId (Thanks to https://github.com/justinphamnz)
+- Update Dusty types (Thanks to https://github.com/akru)
+- Update Zenlink types (Thanks to https://github.com/Hayden0323)
+- Update Sgc node types (Thanks to https://github.com/Zombieliu)
+- Update DataHighway chain colors (Thanks to https://github.com/cgroeschel)
+- Update specName for ChainX & Zenlink (Thanks to https://github.com/icodezjb)
+- Update it i18n (thanks to https://github.com/fomod-in)
+
+Changes:
+
+- Add display of blocking stashes (& removal from nomination lists)
+- Cater for Rococo reset (genesisHash updates)
+- Add support for parachain auctions
+- Add support for contributions in crowdloan app
+- Update crowdloan app for latest Polkadot types
+- Fix upcoming retrievals for new parachain interfaces
+- Display lease period countdown for parachains
+- show parachain lifecycles (& action countdowns as applicable)
+- Flatten Modal layouts (explicit hint, single column data only)
+- Move theme definitions to CSS variables
+- Add correct keys for account menu (rendering warnings)
+- Add additional errors on invalid keypair retrieval
+
+
+## 0.83.1 Mar 8, 2021
+
+Contributed:
+
+- Update Jupiter networks alongside Rococo (Thanks to https://github.com/zzcwoshizz)
+- Add ChainX support on Rococo (Thanks to https://github.com/qinghuan-chain)
+- Update Kulupu types for next upgrade (Thanks to https://github.com/sorpaas)
+- Bump Acala types package (Thanks to https://github.com/ntduan)
+- Update HydraDX types (Thanks to https://github.com/lumir-mrkva)
+- Add ETH dev accounts on Frontier-like networks (Thanks to https://github.com/joelamouche)
+- Fix Unique type injection (Thanks to https://github.com/gregzaitsev)
+- Update account help around ED (Thanks to https://github.com/NukeManDan)
+
+Changes:
+
+- Fix address ion display in explorer (compatibility with `MultiAddress`)
+- Add block status to validator preferences setup
+- Allow validators to remove nominators (currently active-only)
+- Stash derives now check for events for refresh triggers
+- Adjust Electron CSP to allow workers as used in QR operations
+- Swap code-generation to ESM modules
+- Adjust funding warnings with explicit free balance mention
+
+
+## 0.82.1 Mar 1, 2021
+
+Contributed:
+
+- Start of Polish i18n (Thanks to https://github.com/jimmy-tudeski)
+- Adjust display of table buttons with gradient themes (Thanks to https://github.com/superpw)
+- Update PolkaBTC network URL (Thanks to https://github.com/savudani8)
+- Add network types for Snowbridge (Thanks to https://github.com/vgeddes)
+- Update Btfrost types (Thanks to https://github.com/awesomepan)
+- Update Litentry collator name (Thanks to https://github.com/chenzongxiong)
+- Add MathChain PC1 support (Thanks to https://github.com/hging)
+- Update Ternoa types (thanks to https://github.com/ETeissonniere)
+- Update Scg types (Thanks to https://github.com/Zombieliu)
+- Add derivation path support for ETH-compatible accounts (Thanks to https://github.com/joelamouche)
+
+Changes:
+
+- Explicit messages around extension phishing support
+- Adjust parachain validators to always show stashes
+- Adjust block links display on a per-contract view
+- Adjust display of disabled items on popup menus (dark-mode driven)
+- Align bounty row display with the rest of the UI
+
+
+## 0.81.1 Feb 22, 2021
+
+Contributed:
+
+- Add Unique network (Thanks to https://github.com/gregzaitsev)
+- Add Sgc testnet (Thanks to https://github.com/Zombieliu)
+- Add all known Moonbeam spec names (Thanks to https://github.com/joelamouche)
+- Adjust Moonbeam types for v6 upgrade (Thanks to https://github.com/joelamouche)
+- Adjust DOTmog logo (Thanks to https://github.com/darkfriend77)
+- Add Vedran provider for Westend (Thanks to https://github.com/mpetrunic)
+- Fix typo in accounts overlays (Thanks to https://github.com/marksthespots)
+- Fix typo in JavaScript app (Thanks to https://github.com/shaunxw)
+- Update types for Darwinia Crab (Thanks to https://github.com/WoeOm)
+- Update provider for Darwinia (Thanks to https://github.com/WoeOm)
+- Updata paraId for Bit.Country (Thanks to https://github.com/justinphamnz)
+
+Changes:
+
+- Display validators for all connected parachains
+- Adjust included block parachain calculation
+- Align bounties display with UI styling
+- Rework calculation for min-available balance warning in signer
+- Adjust slashed validators display (check against known eras)
+- Cleanup JS console app examples for system.account usage
+- Adjust JS console app sending example (incl. Signer fix)
+- Display error on contracts deploy pre-3.0 Substrate with no utility.batch
+- Adjust table displays with bottom-borders
+- Adjust Governance proxy checks to include tips
+- Reworks digits formatting for explorer blocks
+
+
+## 0.80.1 Feb 15, 2021
+
+Contributed:
+
+- Add Trustbase networks (thanks to https://github.com/jizer)
+- Add DOTMog network (Thanks to https://github.com/darkfriend77)
+- Add Bit.Country PC1 (Thanks to https://github.com/justinphamnz)
+- Add Litentry parachain (Thanks to https://github.com/chenzongxiong)
+- Update Plasm network types (Thanks to https://github.com/akru)
+- Update Nodle network types (Thanks to https://github.com/ETeissonniere)
+- Update Sora library version (Thanks to https://github.com/stefashkaa)
+- Adjust Moonbeam themes (Thanks to https://github.com/joelamouche)
+- Bounties list display enhancements (Thanks to https://github.com/ekowalsk)
+
+Changes:
+
+- Adjust explorer block display to not show unsigned as immortal (no era info)
+- Protect against overflows in staking returns calculations
+- Add warning on none bonded to not send to validators, but rather bond
+- Adjust staking min-bonded overall calculations
+- Cleanup accounts loading display (no initial flash)
+- Add Register action for parachains (non-proposal mode)
+- Adjust council display to cater for new Substrate version
+- Adjust bounties pages to align better with UI look and feel
+- Start of parachain auctions interface (skeleton-only)
+- Adjust `useFavorites` to not re-read storage on re-renders
+- Adjust `useLoading` hooks to only fire once
+- Convert all spec types to use bundles (single adjustment)
+- Consistent sorting for all RPC nodes (live & testing)
+- Update Rococo genesis after reset
+- Split test parachains into own section on network selector
+
+
+## 0.79.1 Feb 8, 2021
+
+Contributed:
+
+- Display Validator/Nominator flags on account sidebar (Thanks to https://github.com/jhonalino)
+- Add ChainX endpoints from Patract Elana (Thanks to https://github.com/toxotguo)
+- Add Ternoa network (Thanks to https://github.com/ETeissonniere)
+- Add Idavoll network (Thanks to https://github.com/jasonberger0)
+- Add SubDAO network (Thanks to https://github.com/chenwei767)
+- Add HydraDX snakenet (Thanks to https://github.com/lumir-mrkva)
+- Update Acala types package (Thanks to https://github.com/ntduan)
+- Update bounty summaries (Thanks to https://github.com/MiZiet)
+- Additional bounties info display (Thanks to https://github.com/MiZiet)
+- Adjust bounties account types in dropdowns (Thanks to https://github.com/MiZiet)
+- Adjust popup display to match theme (Thanks to https://github.com/MiZiet)
+- Adjust bounties texts (Thanks to https://github.com/MiZiet & https://github.com/rrtti)
+- Add curator acceptance modal for bounties (Thanks to https://github.com/ekowalsk)
+- Distinguish slash/assign curator in bounties status (Thanks to https://github.com/ekowalsk)
+- Show bounty date on extend modal (Thanks to https://github.com/ekowalsk)
+- Extract give up curator modal on bounties (Thanks to https://github.com/ekowalsk)
+- Link from bounties to council vote (Thanks to https://github.com/ekowalsk)
+- Refactor bounties tests (Thanks to https://github.com/krzysztof-jelski)
+
+Changes:
+
+- Allow for Ledger-compatible bip32+ed25519 accounts on creation dialog
+- Display overall min. nominated amount on staking targets
+- Warn with check of to-be-bonded against current min nominated
+- Wan on fees dropping below existential to transaction signing dialog
+- Don't display account menus where there are no available items
+- Adjust mnemonic copy location on account creation (no overlaps)
+- Extend contracts to upload & deploy in one step (aligns with newest contract module)
+- Add initial support for the crowdloan module
+- Adjust best head extraction for parachains
+- Adjust extrinsic apps to clear previous errors on creation
+- Ensure calendar works with non-standard schedulers (like in Rococo)
+- Pass registry with `Call` decoding, allowing decoding at that point in time
+- Adjust popup menu dividers to ignore empty sections
+- Don't re-initialize useState, use callbacks for init as applicable
+- Cleanup TypeScript `as any` usages
+
+
+## 0.78.1 Feb 1, 2021
+
+Contributed:
+
+- Adjust zh i18n translations (Thanks to https://github.com/zhangjun725)
+- Adjust settings metadata view for consistency (Thanks to https://github.com/jhonalino)
+- Use PolkaBTC definitions from vendor (Thanks to https://github.com/savudani8)
+- Upgrade Moonbeam vendor definitions (Thanks to https://github.com/joelamouche)
+- Crust Maxwell type upgrades (Thanks to https://github.com/zikunfan)
+- Expand network coverage for Patract Elara (Thanks to https://github.com/toxotguo)
+- Added ChainX endpoints & logo (thanks to https://github.com/qinghuan-chain)
+- Add Ares Rococo relay endpoints (Thanks to https://github.com/jiyilanzhou)
+- Adjust Rococo types for Plasm (Thanks to https://github.com/akru)
+- Add Rococo Ares parachain (https://github.com/jiyilanzhou)
+- Add Rococo PolkaBTC endpoint (Thanks to https://github.com/savudani8)
+- Add Rococo Hydrate parachain (thanks to https://github.com/lumir-mrkva)
+- Adjust Darwinia for new chain properties (Thanks to https://github.com/WoeOm)
+- Adjust Kilt on Rococo (Thanks to https://github.com/wischli)
+- Add Rococo Datahighway parachain (Thanks to https://github.com/cgroeschel)
+- Add Rococo IntegriTEE parachain (Thanks to https://github.com/brenzi)
+- Add Rococo Zenlink parachain (Thanks to https://github.com/Hayden0323)
+- Add Rococo & test Clover chains (Thanks to https://github.com/superpw)
+- Add slash creator action to bounties (Thanks to https://github.com/MiZiet)
+- Add award action to bounties (Thanks to https://github.com/MiZiet)
+- Use `utility.batch` in bounty test script (Thanks to https://github.com/MiZiet)
+- Display bounty id (Thanks to https://github.com/MiZiet)
+- Hide unhappy bounty actions (Thanks to https://github.com/ekowalsk)
+
+Changes:
+
+- Additional check for `isEditable` to make network swap available (i.e. non-injected only)
+- Allow for the addition of account name when adding Ledger
+- Adjust staking rendering for incremental display (instead of waiting for all)
+- Ensure `InputAddress` only returns filtered/available values
+- Explicit warnings on inactive staking (when none are active)
+- Allow for state app to operate without accounts
+- Adjust badges for non-specific and development accounts (including tooltips)
+- Adjust `ChainImg` to not fallback on current selected
+- Adjust Rococo proposal displays (align with new types)
+- Display parachain logo alongside parachain links
+- Update Rococo genesisHash
+- Bump Edgeware definitions
+- Bump Rococo definitions
+
+
+## 0.77.1 Jan 25, 2021
+
+Contributed:
+
+- Add Darwinia on Rococo (Thanks to https://github.com/WoeOm)
+- Add Phala on Rococo (Thanks to https://github.com/tolak)
+- Add Encointer on Rococo (Thanks to https://github.com/brenzi)
+- Add Crust on Rococo (Thanks to https://github.com/zikunfan)
+- Add Bit.Country testnet (Thanks to https://github.com/justinphamnz)
+- Allow for bounty extension (Thanks to https://github.com/MiZiet)
+- Add tooltips to bounties (Thanks to https://github.com/MiZiet)
+- Adjust styling for bounties (thanks to https://github.com/MiZiet)
+- Allow using bounties without default treasury (https://github.com/ekowalsk)
+- Add close bounty action (Thanks to https://github.com/ekowalsk)
+- Fix Chinese i18n (Thanks to https://github.com/pfcoder)
+- Update chain types for Galois (Thanks to https://github.com/hging)
+- Adjust Equilibrium derives for new derives (thanks to https://github.com/pr0fedt)
+- Adjust IdentityIcon styling for dark theme (Thanks to https://github.com/jhonalino)
+
+Changes:
+
+- Allow Ledger accounts to be visible even when unplugged
+- Add warning where transfer fees are not covered by balance
+- Check transfer recipients against phishing list
+- Addition of hardware accounts always tie to genesis
+- Hide identity account operations on hardware devices
+- Allow for display of multiple balance instances
+- Adjust PolkaBTC definitions to indicate balance instances
+- Display extrinsic signatures (with type) on explorer
+
+
+## 0.76.1 Jan 18, 2021
+
+Contributed:
+
+- Add Plasm Rococo endpoint (thanks to https://github.com/akru)
+- Add Robonomics Rococo endpoint (Thanks to https://github.com/akru)
+- Add Mandala Rococo endpoint (Thanks to https://github.com/ntduan)
+- Add Bifrost Rococo endpoint (thanks to https://github.com/awesomepan)
+- Add Kilt Rococo endpoint (Thanks to https://github.com/wischli)
+- Patract Elara Rococo endpoints (Thanks to https://github.com/toxotguo)
+- Add types for upcoming Rococo Encointer (Thanks to https://github.com/brenzi)
+- Add link to Rococo for Subscan (Thanks to https://github.com/freehere107)
+- Add support for Polymesh Ledger app (Thanks to https://github.com/adamdossa)
+- Update types for Galois & re-enable (Thanks to https://github.com/hging)
+- Add Uniarts types & endpoints (Thanks to https://github.com/tianxiemaochiyu)
+- Add bounty script for easier testing setup (Thanks to https://github.com/MiZiet)
+- Add curator propose to bounties (Thanks to https://github.com/MiZiet)
+- Adjust bounty sorting (Thanks to https://github.com/ekowalsk)
+- Update ledger types usage (Thanks to https://github.com/Tbaut)
+
+Changes:
+
+- Update Ledger usage with hooks (Thanks to https://github.com/Tbaut for final testing)
+- Add Parachain proposal support for Rococo
+- Add ability to propose new parachains (via modal)
+- Expand parachain information (including from-chain numbers/issuance)
+- Remove Web3 Foundation endpoints for Kusama and Polkadot
+- Add small border on QR codes for dark-ode support
+- Update Polkascan & Subscan links with all available chains
+- Add hook for multi queries, apply use as applicable
+- Ensure epoch/session is displayed (when no staking module)
+- Bump Electron to latest version (security fix on V8)
+- check for availability of `query.council` on council app
+- Use latest `@polkadot.networks` with `hasLedgerSupport` flag
+
+
+## 0.75.1 Jan 11, 2021
+
+Contributed:
+
+- Ledger support for Dock (Thanks to https://github.com/lovesh)
+- Allow opening bounties for council voting (Thanks to https://github.com/ekowalsk)
+- Add bounties summary (Thanks to https://github.com/ekowalsk)
+- Add Patract Jupiter testnet (Thanks to https://github.com/zzcwoshizz)
+- Add Polkadex testnet (Thanks to https://github.com/Gauthamastro)
+- Update Darwinia types (Thanks to https://github.com/WoeOm)
+- OnFianlity support for Rococo (Thanks to https://github.com/ianhe8x)
+- Expanded tests for bounties (Thanks to https://github.com/krzysztof-jelski)
+- Fix Electron account saving under windows (Thanks to https://github.com/krzysztof-jelski)
+
+Changes:
+
+- Add (as used) warning for refcount on normal transfers
+- Update transfer recount check to cater for new Substrate
+- Fix staking comission validation (always 0-100 only)
+- Display errors of account derivation failures
+- Basic parachain registration modal (non-sudo only)
+- Additional upcoming parachain info & alignment fixes
+- Allow use of `closeOperational` on chains that do support it for collective proposals
+- Swap Error/Warning to consistent display with boxed triangle
+- Always build bundles with `NODE_ENV=production` set (react non-dev)
+- Swap Edgeware to specVersioned (with supporting type release from the team)
+- Disable network with missing types resulting in load failures
+- Adjust voting dialog with better display for non-preimage proposals
+- Adjust header highlights for better light/dark support
+- Fix JS app display with (& add tabs for consistency)
+- Update Electron CSP to cater for local nodes
+- Rework endpoint configuration for better ease of config
+
+
+## 0.74.1 Jan 4, 2021
+
+Contributed:
+
+- Update Kulupu Address types (Thanks to https://github.com/sorpaas)
+- Swap Moonbeam to use types from npm (Thanks to https://github.com/joelamouche)
+- Update to latest Equilibrium types (Thanks to https://github.com/pr0fedt)
+- Add Subscan support for Centrifuge (Thanks to https://github.com/vedhavyas)
+- Adjust contract app layout padding (Thanks to https://github.com/MiZiet)
+- Update bounties app to extended derives (Thanks to https://github.com/MiZiet)
+- Allow curator accept from bounties page (Thanks to https://github.com/MiZiet)
+- Add UI tests for bounties (Thanks to https://github.com/krzysztof-jelski)
+- Adjust sidebar address display (Thanks to https://github.com/eddiemachado)
+
+Changes:
+
+- Update parachains app for Rococo V1 support (basics-only)
+- Block self-proxies from proxy setup dialog
+- Display locked amount on seconding modal
+- Use `blockWeights.maxBlock` value (as available) for max-fit calculations
+- Adjust multi-address input for dark-theme
+- Workaround for contract RPC value serialization
+- Fix InputAddress as used on sub-identity setups
+- Fix disabled check on bond more (proper check against stash)
+- Move `apps-config/bundled` -> `specVersion` (usage clarity)
+- Move Kulupu to spec versioned types
+- Remove generic asset support (to be replaced with asset)
+- Swap to webpack-dev-server for development environment
+
+
+## 0.73.1 Dec 28, 2020
+
+Contributed:
+
+- Add PolkaBTC network & types (Thanks to https://github.com/savudani8)
+- Update Moonbeam types (Thanks to https://github.com/joelamouche)
+- Sora testnet naming (Thanks to https://github.com/stefashkaa)
+- Bounty crate validation (Thanks to https://github.com/MiZiet, https://github.com/krzysztof-jelski)
+- Bounty crate help text (Thanks to https://github.com/MiZiet, https://github.com/krzysztof-jelski)
+- Claim bounty payouts (Thanks to (Thanks to https://github.com/MiZiet)
+- All upcoming calendar view (Thanks to https://github.com/wirednkod)
+
+Changes:
+
+- Optimize staking data retrieval (18s -> 10s on Kusama test for staking overview load)
+- Pass explicit function (no strings) to TxButton props
+- Adjust calendar rows for dark theme
+- Update Frontier types (now included in API)
+- Webpack dev environment cleanups
+
+
+## 0.72.1 Dec 21, 2020
+
+Contributed:
+
+- Fix tooltip z-index on modals (Thanks to https://github.com/ii-ii-ii)
+- Align media queries on staking targets (Thanks to https://github.com/ii-ii-ii)
+- Handle pending bounty payouts (Thanks to https://github.com/ekowalsk)
+- Bounty create modal (Thanks to https://github.com/MiZiet, https://github.com/ekowalsk, https://github.com/krzysztof-jelski)
+- it i18n updates (Thanks to https://github.com/fomod-in)
+- Add Zero testnet (Thanks to https://github.com/2075)
+- Update encointer types & testnets (Thanks to https://github.com/brenzi)
+- Additional types for Dock network (Thanks to https://github.com/lovesh)
+- Update Phala endpoint (Thanks to https://github.com/h4x3rotab)
+
+Changes:
+
+- Add Rococo v1 testnet (with Tick, Trick & Track)
+- saving of toggle options on staking pages
+- Adjust bounties & tips with current Substrate endpoints
+- Add warning for older chains without atomic batches (where used)
+- Allow InputAddress display when no optional are available
+- Cleanup last-block-received countdowns (fixed character spacing)
+- Add sharing button for type definitions
+- Typo on society pages (with i18n key adjustments)
+- Adjust semantic-ui imports to non-cjs
+- Use RxJs & memoize from `@polkadot/util`
+- Cleanup global registry usage, only use registry from API
+- Cleanup info console logs for redirect (show APIs only as applicable)
+- Remove unused TxModal components
+- Swap to Webpack 5
+
+
+## 0.71.2 Dec 14, 2020
+
+Contributed:
+
+- Update it i18n (Thanks to https://github.com/fomod-in)
+- Add endpoint & types for MatchChain Galois (Thanks to https://github.com/hging)
+- Change endpoint for Sora (Thanks to https://github.com/stefashkaa)
+- Adjust Centrifuge types after upgrade (Thanks to https://github.com/mikiquantum)
+- Adjust Moonbeam types for future upgrades (Thanks to https://github.com/joelamouche)
+- Adjust Equilibrium types for balances (Thanks to https://github.com/pr0fedt)
+- Adjust bounties layout & add counter (Thanks to https://github.com/MiZiet)
+- Add max-width for content layouts (Thanks to https://github.com/MiZiet)
+- Use API derives for bounties (Thanks to https://github.com/krzysztof-jelski & https://github.com/MiZiet)
+- Extra type-only imports into seperate groups (Thanks to https://github.com/ekowalsk)
+
+Changes:
+
+- Multisig/Proxy add is only active when accounts are available
+- Adjust error popups to cater for strings as thrown (in addition to Error object)
+- Ensure that bad/erroneous judgements has the highest display priority
+- Detect new weight definitions for max batch-size calculations (with old fallback)
+- Move Sora & Moonbean type definitions to bundle-only
+- Allow for custom chain RPC definitions via typesBundle
+- Split endpoint definitions into folder (dev/prod/test)
+- Adjust Tooltip formatting with consistency between balances/locks
+
+
+## 0.70.1 Dec 7, 2020
+
+Contributed:
+
+- Add first area around bounties, the existing display (Thanks to https://github.com/krzysztof-jelski)
+- Adjust import ordering with plugin (Thanks to https://github.com/ekowalsk)
+- Add Polkadot/Kusama endpoints via PatractLabs (Thanks to https://github.com/toxotguo)
+- Add types for Bifrost testnet (Thaks to https://github.com/janpo)
+- Adjust Crust network types & logo (Thanks to https://github.com/zikunfan)
+- Adjust types for Phala poc-3 (Thanks to https://github.com/LusWar)
+- Move to typesBundle for Moonbeam (Thanks to https://github.com/joelamouche)
+
+Changes:
+
+- Bump to latest Ledger libraries for Windows USB fixes
+- Store network endpoint affinity (last-used per network)
+- Only show links in sidebar for verified-good identities
+- Adjust staking pages to show loading indicators, optimize number of queries
+- Adjust staking target filters, including explicit identity grouping
+- Rework target/waiting loading with shared nominator loading
+- Cleanup calendar interface (ease of maintaining)
+- Remove sparsely-used classes utility (inconsistent use)
+- Swap to using TypeScript 4.1.2
+- Adjust dark theme to work with help overlays
+
+
+## 0.69.1 Nov 30, 2020
+
+Contributed:
+
+- Adjust font alignments (Thanks to https://github.com/MiZiet)
+- Add iCal export on calendar (Thanks to https://github.com/wirednkod)
+- Add OnFinality endpoint for Polkadot/Kusama (Thanks to https://github.com/ianhe8x)
+- Soramitsu Sora testnet (Thanks to https://github.com/stefashkaa)
+- Update Plasm Dusty types (Thanks to https://github.com/hoonsubin)
+- Update Edgeware mainnet endpoints (Thanks to https://github.com/drewstone)
+- Typo fixes (Thanks to https://github.com/ShankarWarang)
+
+Changes:
+
+- Display the actual era start when using Aura (no extra session info)
+- Expand staking account filters (payouts, # nominators, grouping)
+- Use percentage-based model for returns on staking targets
+- Display actual chain inflation as well as average staking returns
+- Adjust refresh on validator chill, i.e. it moves to correct location
+- User-defined RPCs (via config), not are treated first-class (operating everywhere)
+- MultiSig now allows any participant to reject (despite any prior approvals)
+- Adjust base fonts with saner cross-platform (from new.css) defaults
+- Adjust staking targets to display nominations for those dropped next session
+- Use `batchAll` on staking creation as available (failure reverses all)
+- Add CopyButton on all `Hash`-like fields
+- Cleanup component detection with non-primitives only (allows for greater configurability)
+- Improve `useCall` typing, e.g. no hacks for `.entries` or `.at` in usage
+- Adjust most type imports via `import type { ... }`
+- Move all chain-specific config to `apps-config` (thresholds & inflation)
+
+
+## 0.68.1 Nov 23, 2020
+
+Changes:
+
+- Adjust API state display to explictly render "connecting to node" state
+- Change Mill/Bill/Tril rendering from Mega/Giga/Tera
+- Staking now limits per-operator exposure by default (only 1 selected on auto)
+- Adjust Expanded rendering to be completely on-demand (no hidden background renders)
+- Ensure `MultiAddress` nodes fully work (API updates)
+- Adjust number of digits for number inputs to max decimals
+- Rework invalid ABI detection with proper error clearning
+- Use TypeScript `import type { ... }` for all files
+- Expand notes on colors/logos with actual RPC endpoints
+- Publish `@polkadot/apps-config` (with reworked import/export)
+- Bump Ledger libs to latest version (as per `@polkadot/ledger`)
+
+
+## 0.67.1 Nov 16, 2020
+
+Contributed:
+
+- Improve support/naming for Ethereum-compatible accounts (Thanks to https://github.com/joelamouche)
+- Support for Ethereum-compatible signature verification (https://github.com/joelamouche)
+- Added Moonbeam types for current versions (Thanks to https://github.com/joelamouche)
+- Added Moonbase Alpha to list of test networks (Thanks to (Thanks to https://github.com/joelamouche))
+- Add Equilibrium Mainnet; updated Equilibrium Testnet (Thanks to https://github.com/pr0fedt)
+- Update types of Cantillon testnet (Thanks to https://github.com/brenzi)
+- Update types of Gesell testnet (Thanks to https://github.com/brenzi)
+- Add Darwinia network (Thanks to https://github.com/WoeOm)
+- Add Bifrost Asgard testnet (Thanks to https://github.com/janpo)
+
+Changes:
+
+- Ensure account addition checkbox shows on smaller screens
+- Add support for contract budles via `.contract` files
+- Allow contracts to specify salt parameter on deployments
+- Update contracts banner to reflect released Solang 0.1.5+ support
+
+
+## 0.66.1 Nov 9, 2020
+
+Contributed:
+
+- Adjust font injection into all pages (Thanks to https://github.com/EthWorks)
+- Update types for Acala TC5 (Thanks to https://github.com/xlc)
+- Cleanup global font injection (Thanks to https://github.com/Tbaut)
+
+Changes:
+
+- Cleanup calculation of available voting balance on council (no unneeded refreshes)
+- Default to make contract calls with maximum weight (& align wih Rust RPC max)
+- Always check the refCount before allowing all-balance transfers
+- Allow council motions to display even when some on-chain proposals are invalid
+- Fix treasury tips to correctly check values against hashes
+- Add support for Ethereum icons (for Ethereum-compatible chains)
+- Bump to major `@polkadot/{keyring, util, util-crypto}` release
+
+
+## 0.65.1 Nov 2, 2020
+
+Contributed:
+
+- Fix for Electron account loading (Thanks to https://github.com/EthWorks)
+- Adjust electron override hashes & bump versions (Thanks to https://github.com/EthWorks)
+- Update i18n zh strings (Thanks to https://github.com/starit)
+- Adjust Edgeware RefCount type (Thanks to https://github.com/drewstone)
+- Trigger tip refresh on close (Thanks to https://github.com/Tbaut)
+
+Changes:
+
+- Adjust for latest Rococo types
+- Adjust council motion parsing (allow for some non-parseable)
+- Adjust for use of new `api-contracts` (including call errors)
+- Allow for selection of payment destination on initial bonding
+
+
+## 0.64.1 Oct 26, 2020
+
+Contributed:
+
+- New account creation dialog (Thanks to https://github.com/EthWorks)
+- Update Darwinia Crab types (Thanks to https://github.com/WoeOm)
+- Update Kulupu types (Thans to https://github.com/sorpaas)
+- Add Hanonycash types & endpoints (Thanks to https://github.com/Hanonycash)
+- Update ko i18n (Thanks to https://github.com/maestro779)
+- Update links in apps-config (Thanks to https://github.com/NukeManDan)
+
+Changes:
+
+- Allow for Ascii inputs on Bytes (in addition to hex & files)
+- Ensure that InputNumber respects the biLength for the type it is dealing with
+- Displays the last blocks containing contract executions in contract overview
+- Parse contract events (both status pops-up and explorer views)
+- Display actual codeHash (and allow copy) as part of code management
+- Adjust labels for contracts UI with explicit "None" projection
+- Adjust contracts UI to actually use Balance types where so specified in the ABI
+- Add support for Solang i256 & u256 types
+- Adjust contract messages to display names in camelCase (consistent with API)
+- Add gas estimation for contracts
+- Adjust JS bundles to have a better parallel throughput
+- Adjust checks for Aura for unbonding, displaying on era
+
+
+## 0.63.1 Oct 19, 2020
+
+Contributed:
+
+- Updates for new Acala testnet (Thanks to https://github.com/aniiantt)
+- Update i18n ko (Thanks to https://github.com/maestro779)
+- Update i18n fr (Thanks to https://github.com/Tbaut)
+- Contract metadata display bg on dark mode (Thanks to https://github.com/Tbaut)
+
+Changes:
+
+- Swap chain/prefix lookups to `@polkadot/networks` (single area to manage)
+- Fix formatting for large decimals on InputNumber (previously had toNumber)
+- Adjust Dock logos naming (aligns with network identifier)
+- Update i18n generation to handle routing strings
+- Estimate contracts execution gas (on contract call)
+- Use RPC for rent projection (to project eviction as available)
+- Metadata QR now aligns decimals with UI defaults (shared with react-api values)
+- Add endpoint for Canvas testnet (& setup types for node)
+
+
+## 0.62.1 Oct 13, 2020
+
+Contributed:
+
+- Add Dock network (Thanks to https://github.com/lovesh)
+- Bump Edgeware types for network updates (Thanks to https://github.com/jnaviask)
+- Add French i18n (Thanks to https://github.com/Tbaut & https://github.com/chevdor)
+- Update Italian i18n (Thanks to https://github.com/fomod-in)
+- Update Indonesian i18n (Thanks to https://github.com/nzjourney)
+
+Changes:
+
+- Update the contracts UI to support ink! 3.0-rc1 (via API)
+- Align contracts UI with the L&F/layout of the rest of the UI
+- Add contracts on-chain overview
+- Show code & contract availability statuses
+- Auto-query non-param messages from the contract overview
+- Expand info on logos (documentation, better/easier additions)
+- Update i18n to remove left navbar references
+- Support seconding multiple times from a single account
+
+
+## 0.61.1 Oct 5, 2020
+
+Contributed:
+
+- Update Arabic i18n for calendar (Thanks to https://github.com/YessineAmor)
+- Additional Korean i18n (Thanks to https://github.com/hskang9)
+- Italian i18n typo fix (Thanks to https://github.com/roccomuso)
+- Add Equilibrium testnet endpoint (Thanks to https://github.com/mikolajsobolewski)
+- Update types for stable-poc (Thanks to https://github.com/riusricardo)
+
+Changes:
+
+- Add experimental dark UI theme
+- Adjust i18n strings for network endpoint (explicit as per display)
+- Adjust vesting display with no countdown when fully vested
+- Adjust validator rewards, fixing issues with "keeps loading" when retrieved in the current era
+- Adjust updates on per-era change, protecting against non-existent (not yet retrieved) exposures
+- Add RoboHash icon theme
+- Adjust logging in InputAddress transforms (don't log already-handled errors)
+- Remove unmaintained packages (e.g. page-dashboard)
+
+
+## 0.60.1 Sep 28, 2020
+
+Contributed:
+
+- Update Italian i18n (Thanks to https://github.com/fomod-in)
+- Show JSON import warning for different genesis (Thanks to https://github.com/Tbaut)
+- Adjust Expander component overflows (Thanks to https://github.com/Tbaut)
+
+Changes:
+
+- Adjust payout calculations based on new weights (auto-detect batch size)
+- Allow for multiple extrinsic submissions when payouts span multiple batches
+- Show warning on JSON import to store accounts externally (same as create)
+- Combine events displays in status overlays
+- Swap treasury proposal defaults to accept
+- Adjust multiple input address stretch (use full width for names)
+- Filter event/extrinsic metadata with additional readability formatting
+- Ensure that tech. comm. voting is filtered by members
+- Adjust proposal close to allow account selection when multiple accounts found
+- add warning around "this is a dev tool" to the JS playground
+- Add toggle to control unlock duration
+- URI-encode RPC param (allowing for WS url params)
+- Bump Edgeware types (after 2.0-rc upgrade)
+- Adjust warning icon for oversubscribed validators
+- Simplify JSON import via new keyring functionality
+- Adjust button hover highlights for consistency
+- `@polkadot/api` 2.0.1
+- `@polkadot/util` 3.5.1
+
+
+## 0.59.1 Sep 21, 2020
+
+Contributed:
+
+- Add Stafi network and endpoints (Thanks to https://github.com/Tore19)
+- Update Commonwealth links to support Kulupu (Thanks to https://github.com/carumusan)
+- Update Kulupu treasury thresholds (Thanks to https://github.com/sorpaas)
+- Update Darwinia Crab types (Thanks to https://github.com/WoeOm)
+- display per-validator breakdown values to nominators (Thanks to https://github.com/Tbaut)
+- Update Italian i18n (Thanks to https://github.com/fomod-in)
+- Update Indonesian i18n (Thanks to https://github.com/nzjourney)
+
+Changes:
+
+- Support Account as payment destination (as per Polkadot & Kusama)
+- Single-click close for tips and council motions (no extra selection)
+- Add ability to transfer full amount (fees deducted), reaping the sender
+- Allow Ledger to use Account & Address indexes (multiple accounts)
+- Adjust formatting for metadata with delimiter info from text
+- Use InputNumber for param Amount input type
+- Update Darwinia Crab types (no errors on staking pages)
+- Move colors config to explicit configuration file
+- Adjust margins for button groups (extra spacing)
+- Always add the `?rpc=...` query param when changing networks
+- Determine nonce via `system.accountNextIndex` via the signer modal
+- Add contrasting text colors for top menu (light vs dark primaries)
+- Check query param URL for wss/ws before saving (protection against bad inputs)
+- Adjust staking pages to correctly link to passed-in paths
+- Only hide settings extension update (not QR) when in dev mode
+- Adjust expander tables with caret at end (including Table reworks)
+
+
+## 0.58.1 Sep 14, 2020
+
+Contributed:
+
+- Completion of i18n Italian (Thanks to https://github.com/fomod-in)
+- Completion of i18n Indonesian (Thanks to https://github.com/nzjourney)
+- Add Robonomics Rococo endpoints (Thanks to https://github.com/akru)
+- Show warning where derived password contains `/` (Thanks to https://github.com/Tbaut)
+- i18n capability for derive error messages (Thanks to https://github.com/Tbaut)
+- Adjust menubar for solid primary color background (As per designs from https://github.com/EthWorks)
+
+Changes:
+
+- Block explorer will display error message where block cannot be retrieved
+- Allow for display of Reward destination as Account on account actions
+- Display commission graphs in validator chart breakdown
+- Optimize rendering of staking charts
+- Show own nomination (badge) in all validator lists
+- QR codes are checked for hex validity before sending
+- Optimization of re-renders in signer
+- Ensure signer does not confuse Ledger with QR (button text)
+- Detect WebUSB, if not active don't support Ledger integration
+- Small cleanups & bugfixes on global table layouts
+- Extract i18n reward destination options
+- Update Centrifuge types for non-cyclic dependencies
+- Adjust table alternate row colors to alow with primary
+- Adjust calendar layout to conform to new-generation Tables
+- Fix display of Plasm logos (for different node types)
+- Allow IPFS to add QR addresses to storage (no accounts allowed)
+- Adjust Expander rendering with consistent up/down right caret
+
+
+## 0.57.1 Sep 7, 2020
+
+Contributed:
+
+- Add Crust network (Thanks to https://github.com/zikunfan)
+- i18n comprehensive Chinese round-out (Thanks to Polkaworld)
+- i18n comprehensive Italian (Thanks to https://github.com/fomod-in)
+- Initial i18n Italian (Thanks to https://github.com/excerebrose)
+- i18n Bahasa Indonesian updates (Thanks to https://github.com/nzjourney)
+- Ad per-block/end-block vesting info (thanks to https://github.com/niklabh)
+- Update Polkastats logo (https://github.com/mariopino)
+- Fixes for i18n translation page on swapping (Thanks to https://github.com/motinados)
+
+Changes:
+
+- Add individual era-slash cancels on staking slashes page
+- Adjust staking slashes with per-era selector
+- Optimization of staking list details queries (shared with targets, remove extras)
+- Adjust max payout batch size (40 txs for 64 payees) based on staking payout constant
+- Add "copy seed" button to align with the extension UX on new accounts
+- Combine confirmation/backup of imports/new account into the modals (no double-modal)
+- Fix ecdsa JSON import dialogs
+- Fix detection of old/new proxy chains based on args to support Kusama 2023
+- Allow Enter to work as expected (doing submission) on the signer modal
+- Ensure all network-related configs are maintainable
+- Adjust average calcs for targets (optimization)
+- Adjust Table UI, crisper table layouts
+- Update WASM uploads to use `isWasm` from utilities
+- Adjust i18n strings, allowing countdown translations
+
+
+## 0.56.1 Aug 31, 2020
+
+Contributed:
+
+- Add Laminar Rococo parachain (Thanks to https://github.com/aniiantt)
+- Add Darwinia Rococo parachain (Thanks to https://github.com/WoeOm)
+- Add Subsocial chain (Thanks to https://github.com/F3Joule)
+- Add Phala POC2 testnet (Thanks to https://github.com/krhougs)
+- Add Plasm network (Thanks to https://github.com/akru)
+- Rename Darwinia Crab chain (Thanks to https://github.com/WoeOm)
+- Add I18n for Bahasa Indonesian (Thanks to https://github.com/nzjourney)
+
+Changes:
+
+- Add bulk tipping (median) functionality to treasury tips
+- Add a calendar app that show current and upcoming chain events
+- Ensure max nomination limits (64) badges are displayed in all location on staking
+- Show oversubscribed validators under accounts & on staking overview
+- Show the next burn amount on treasury
+- Add warning on new treasury proposals that rejections will lose the bond
+- Add explicit Aye/Nay buttons on all voting modals (no toggle)
+- Display unlocking timer for delegated voting under accounts
+- Fix Electron app security to allow WASM
+- Cleanup indices handling, including size checks on the AccountId level (from non indices lookup chains)
+- Adjust create account modal with advanced options minimized by default
+- Adjust reward destination handling to cater for both current/next generations
+- Adjust slideout z-index (non-hidden behind new menubar)
+- Add checks for multisig thresholds to align with Rust (min 2)
+- Adjust external source links to use destination icons
+- Limit InputNumber around actual available chain decimals
+- Display bonding unlocking on address book
+- Cleanup display for unbonding values, better performant
+- Add a legend on the staking overview pages
+- `@polkadot/api`1.31.2
+- `@polkadot/util` 3.4.1
+
+
+## 0.55.1 Aug 24, 2020
+
+Contributed:
+
+- Add Kilt network (Thanks to https://github.com/wischli)
+- Add Nodle mainnet (Thanks to https://github.com/ETeissonniere)
+- Add Darwinia Crap canary network (Thanks to https://github.com/WoeOm)
+- Add Laminar testnet (Thanks to https://github.com/aniiantt)
+- Add Acala Rococo parachain (Thanks to https://github.com/aniiantt)
+- Re-add Polkascan link for Kulupu (Thanks to https://github.com/sorpaas)
+- Update Kulupu RPC endpoint (Thanks to https://github.com/sorpaas)
+- Add Kulupu logo & adjust council config (Thanks to https://github.com/sorpaas)
+- Adjust convictions for Kulupu blocktime calcs (Thanks to https://github.com/sorpaas)
+- Nightly tests for functionality against Substrate (Thanks to https://github.com/EthWorks)
+- I18N Korean translation (Thanks to https://github.com/wooqii)
+
+Changes:
+
+- Move navbar to the top instead of a sidebar (horizontal space becomes available)
+- Add extra payout information on staking to reduce confusion (any account can claim)
+- Rework Aye/Nay votes display in council/democracy with single column
+- Ensure copy button does not appear non-clickable (e.g. in multisig menu)
+- Adjust council thresholds for cleaner future adjustments
+- Don't show loading spinner on accounts app when none available
+- Hide metadata updates on development networks (not available)
+- don't show send button for accounts/contacts with no balances module
+- Show names (as available) of scheduled tasks in democracy
+- Adjust app consistency (all apps now have a tabs/menubar)
+- Adjust network selector with split catagories and single-click selection
+- Default conviction dropdown to no lockup
+- Remove conviction override for Polkadot (upgrade has taken effect)
+- Use `proposeParachain` module to show list of proposed parachains (Rococo)
+- Adjust parachain display to remove non filled-in default information
+- Support for Polkadot redonomination banner (countdown & completion)
+- Add link from treasury page to ongoing proposal votes
+- Adjust media breakpoints on staking overview page
+- Split democracy dispatch/scheduled into own tab
+- Split treasury tips into own tab
+- Split addressbook into own app (with top nav)
+- Aplit RPC app into own app (top nav, toolbox remainder now named sign/verify)
+
+
+## 0.54.1 Aug 17, 2020
+
+Contributed:
+
+- Remove Berlin testnet, replace with Beresheet (Thanks to https://github.com/drewstone)
+- Add links to Polkastats where available (Thanks to https://github.com/mariopino)
+- Allow for clearing of previously-made council votes (Thanks to https://github.com/Tbaut)
+- Allow for clearing of on-chain identities (Thanks to https://github.com/Tbaut)
+- Show deposit info for setting identities (Thanks to https://github.com/Tbaut)
+- show sub-accounts in sidebar when found (Thanks to https://github.com/Tbaut)
+- Don't allow `///password` in non-mnemonic seeds (Thanks to https://github.com/Tbaut)
+- Allow saving custom RPC endpoints (Thanks to https://github.com/Tbaut)
+- Add tooltip & help info on nominee statusses (Thanks to https://github.com/Tbaut)
+
+Changes:
+
+- Adjust threshold parameters via lookup for treasury proposals
+- Optimize API queries params & options for less re-renders
+- Consistently detect hex data in file uploads (e.g. on parachain data)
+- Rework table rendering to non-memo/non-state headers
+- Adjust Sudo app with/without unchecked weight selection
+- Link from account page to extension upgrades via expanded info
+- Adjust Polkadot tokenDecimals/tokenSymbol for transition periods
+- Rework Slashing displays to display cumulative totals
+- Add countdown to slashing enactment to Slashing overview
+- Display own slashes for all nominators (Actions & Slashes pages)
+- Display overall staked average and minimum on targets page
+- Adjust council display to show desired runnersup
+- Validator-only payout toggles (as detected)
+- Base support for time-delay proxies (API-level only, both old and new calls)
+- Adjust saving for address inputs via AccountIndex (incl. logo from AccountId)
+- Don't allow chain selection on IPNS-with-chain endpoints
+- Adjust alignment of units (time & symbol) in formatters
+- Do not fail on non-available RPCs for node info retrieval (& hide empty)
+
+
+## 0.53.1 Aug 10, 2020
+
+Contributed:
+
+- ko i18n first-round support (Thanks to https://github.com/hskang9)
+- Update to latest Centrifuge types (Thanks to https://github.com/mikiquantum)
+- Add icon on Electron app under Linux (Thanks to https://github.com/EthWorks)
+- Re-bonding adjusts based on unbonding  redeemable (Thanks to https://github.com/Tbaut)
+- Adjust council voting balance to include reserved (Thanks to https://github.com/Tbaut)
+- Add tip link to Polkassembly (Thanks to https://github.com/Tbaut)
+- Show existing proxies across all accounts (Thanks to https://github.com/Tbaut)
+
+Changes:
+
+- Add slashes tab to display unapplied, also indicate status in lists
+- Unbonding allows for full-balance unbond (& pre-fills)
+- Rework parachains app initial displays with cross-app consistency
+- Allow for transfers between parachains & to/from relay (via tokenDealer)
+- Allow tipping to pre-populate and display median (& quick-tip with median)
+- Display auto-chilled nominations, allowing for re-nomination
+- Sanitize names on identity set dialog
+- Adjust vanity to wan about saving, be explicit in save button action
+- Add banner for DOT re-denomination on accounts page (Polkadot only)
+- Allow updating of extensions when chain-properties have been changed
+- Adjust InputAddressMulti lookups with and without names
+- Add warning for locally stored accounts in creation (to be deprecated)
+- Add basic password strength indicator for password creation
+- Add Rococo testnet chain support
+- Add IPNS support for Rococo
+- Adjust threshold calculations where members are not (yet) available
+
+
+## 0.52.1 Aug 3, 2020
+
+Contributed:
+
+- ar i18n support (Thanks to https://github.com/nightwolf3)
+- zh i18n updated (Thanks to https://github.com/kaichaosun)
+- zh i18n updates (Thanks to https://github.com/x-i-ao-b-ai)
+- Allow management of proxies (Thanks to https://github.com/Tbaut)
+- Links for Polkassembly Polkadot support (Thanks to https://github.com/niklabh)
+- Clarify claiming template text (Thanks to https://github.com/Swader)
+
+Changes:
+
+- Remove auto-select defaults for nomination, adjust loading for all selector
+- Display Slashing tab on staking overview (as available)
+- Indicate per-validator slashes in accounts (chilled) & staking targets
+- Display scheduled tasks (ongoing) on democracy page
+- Adjust endpoint selector with slide-out as opposed to modal (all visible)
+- Cleanup democracy delegation to highlight invalid amounts
+- Adjust thresholds for council slash cancel on Polkadot
+- Dep-dupe account filtering in all lists (staking vs multi-select lists)
+- Adjust max column widths in modals, avoiding overflows
+- Adjust era filters on staking payouts, default to day intervals
+- Convert custom URL inputs to punycode (UTF8 detection)
+
+
+## 0.51.1 Jul 27, 2020
+
+Contributed:
+
+- Support for Acala chain and types (Thanks to https://github.com/aniiantt)
+- First batch of i18n for Arabic (Thanks to https://github.com/nightwolf3)
+
+Changes:
+
+- Update for Polkadot council thresholds
+- Council motion adjustment to cater for current and previous generations
+- Adjust imminent proposals to not need own type adjustments
+- Cleanup voting totals to only take free into account
+- Support JSON v3 formats with kdf
+- Always display time left in countdowns, not blocks
+- Adjust progress component to be circular
+- Rename "Deposit" button to "Send" button (less confusion)
+- Ensure new generation tip cancel works for council & users
+- Split council votes in backing & number of votes
+- Adjust council motions to have the correct max display for nay votes
+- Adjust payout toggles with increasing day increments
+- Adjust button formats & layouts
+- Adjust council slashing params to cater for current generation
+- Fixed for keyboard locale detection
+- Don't allow display in an iframe
+
+
+## 0.50.1 Jul 20, 2020
+
+Contributed:
+
+- Adjust CSPs for Electron (Thanks to https://github.com/EthWorks)
+- Move delegation column to badge (Thanks to https://github.com/Tbaut)
+
+Changes:
+
+- Display costs for preimage calls
+- Add buttons for bid/unbid on Society
+- Allow tip endorsements while in countdown
+- Flatten events to group by same-kind in the same block
+- Adjust identity validation to check for whitespacing
+- Allow the use of VecFixed params with type detection/inputs
+- Adjust controller changing to filter when stash === controller (no error, but warn)
+- Allow the poll module via Governance proxy
+- Expand proxy detection to deep-inspect batched calls
+- Ensure various APIs are available (filtering) before attempting to render
+- Ensure tooltips are correctly displayed on account hovers
+- Cleanup council display for candidates
+- Cleanup and simplify QR import logic (& always set genesisHash, even when not supplied)
+- Always set genesisHash when accounts are derived
+- Adjust breakpoints for `AccountName` via `AddressShort`
+- Cleanup SUI dependencies with unused components, Progress, Responsive, Toggle
+- Adjust module bundling splits, remove unused libraries & fonts
+- Remove unmaintained page-123code (& references)
+- Don't display finalized blocks when grandpa is not available
+
+
+## 0.49.1 Jul 13, 2020
+
+Contributed:
+
+- Update Subscan links with supported chains (https://github.com/carumusan)
+- Enhance Electron desktop with CSP & best practices (Thanks to https://github.com/EthWorks)
+- Activate Electron update feature by default (Thanks to https://github.com/EthWorks)
+- Use external browser for embedded links in Electron (Thanks to https://github.com/EthWorks)
+- Add testing around Electron features (Thanks to https://github.com/EthWorks)
+- Support democracy account delegation (Thanks to https://github.com/Tbaut)
+- Don't filter selected on multi account selector (Thanks to https://github.com/Tbaut)
+
+Changes:
+
+- Add support for Polkadot denomination poll
+- Allow input & display of OpaqueCall type from multisig
+- Indicate own nominees on targets page (re-added with badges)
+- Re-add indicator for own nominators in staking targets
+- Add `?filter=<string>` query param support on staking URLs
+- Add generator for Kusama society designs
+- Handle OpaqueCall in inputs and well as displays (multisig)
+- Small layout adjustments for address display components
+- Performance improvements on wrapped styles, component libraries
+- Add support for display detected ASCII bytes as text
+- Adjust type injection to override on-connect API defaults
+- Adjust attestation display with no-balance filters
+
+
+## 0.48.1 Jul 6, 2020
+
+Contributed:
+
+- Fix for electron package build (Thanks to https://github.com/EthWorks)
+
+Changes:
+
+- Allow for setting of sub identities via account action
+- Adjust known account icons (Society & Treasury)
+- Add Westend chain to Subscan link generator
+- Display a warning with extensions and no injected accounts
+- Retrieve all tips at once and sort by closing
+- Fix identity set dialogs to never pass empty fields
+- Optimize favorites retrieval & selection for staking (shared between)
+- Support new registrar ProxyType in the signer
+- Hide funds unbonding when non bonded
+- Add withdraw action to staking menu (as available)
+- Fix InputAddress component with state change warnings
+- Bump to latest API and utilities
+
+
+## 0.47.1 Jul 1, 2020
+
+Contributed:
+
+- Update zh translation (Thanks to https://github.com/dushaobindoudou)
+- Add DataHighway Harbour testnet endpoint (Thanks to https://github.com/ltfschoen)
+- Small I18N key fix (Thanks to https://github.com/ltfschoen)
+- Allow for Electron auto-update on Mac (Thanks to https://github.com/EthWorks)
+- Swap to default conviction of 1x (Thanks to https://github.com/Tbaut)
+- Make preimage hash selectable on FF (Thanks to https://github.com/Tbaut)
+- show unbonding value in staking actions (Thanks to https://github.com/Tbaut)
+
+Changes:
+
+- Default (via toggle) to only last 25% of eras for payouts
+- Allow retracting of tips by proposer
+- Allow tipping with new Substrate types (dual old/new support)
+- Enable the full retrieval of all Map/Doublemap entries
+- Support correct display of vesting with locks (& unlock via account)
+- Adjust on-chain identity inputs with field validation
+- Enable grouping of democracy locks by type
+- Resolve identity links starting with https://twitter
+- Display voted & unvoted council motions, referendums & tips
+- Adjust toggles for file/bytes uploads
+- Correct handling of recursive param structures in extrinsics
+- Swap icons to use font-awesome directly, including official components
+- Additional small UI cleanups and fixes
+
+
+## 0.46.1 Jun 22, 2020
+
+Contributed:
+
+- I18n for es (Thanks to https://github.com/wimel)
+- Support for importing mini secrets via QR (Thanks to https://github.com/hanwencheng)
+- Update SubstrateTEE types (Thanks to https://github.com/brenzi)
+
+Changes:
+
+- Support for multisig calls with new weight parameters
+- Split sign and send updates in the signer modal for better UI tracking
+- Hide zero nonce of accounts/contracts pages
+- Display API extrinsic construction errors in the extrinsics app
+- Do not display signer proxies when there are none matching against accounts
+- Sort recovery addresses to align with the Substrate implementation
+- Check for funded controller on bonding
+- Suggest max values for bonding (& bonding extra), adjusting checks
+- Handle isForceEra to adjust era displays
+- Display candidacy bond on council submission
+- Adjust AddressMni & AddressSmall components to take advantage of bigger screens
+- Display referendum & treasury tips voting status
+- Add tips close buttons & countdown timer
+- Disabled nominations via targets when in election
+- Expand targets page to include waiting validators (full overview of all)
+- Apply shared filters (name, toggles) on all validator lists
+- Display balances in account view sidebar
+- Adjust signer dialog ith split sign/send (better status displays)
+- Adjust proxy checks for sudo calls to closer align with Polkadot
+- Apply i18n caching, with no reload on translation page
+- Add "Apply" i18n button to reflect editing changes in the UI
+- Support Tuple inputs (params/extrinsics) for custom names
+- `@polkadot/api` 1.20.1
+- `@polkadot/util` 2.15.1
+
+
+## 0.45.2 Jun 16, 2020
+
+Contributed:
+
+- I18n for ja (Thanks to https://github.com/SotaWatanabe)
+- I18n for pt (thanks to https://github.com/laurogripa)
+- I18n for ru (Thanks to https://github.com/illlefr4u)
+- Update Encointer types (thanks to https://github.com/brenzi)
+- Improve Electron app security settings (Thanks to https://github.com/EthWorks)
+
+Changes:
+
+- Rework signer dialog to cater for proxies (and multisig/proxy combinations)
+- Construct payouts with oldest eras first (expire first)
+- Show outstanding multisig approvals on accounts page
+- Allow for addition of proxied accounts (access to proxy account only)
+- Change claims to handle no statements required (new module now on Kusama)
+- Publish docker image on release
+- update collective calls to handle weights enhancements for latest Substrate
+- Allow for tip endorsements with 0 value
+- add Centrifuge live as a connection option
+- Adjust Polkascan links with current active chains
+- When collective proposal is in close state, hide vote buttons
+- Cleanup technical committee display (header alignment)
+- Adjust IPFS/IPNS network extraction for local gateways
+- `@polkadot/api` 1.19.1
+- `@polkadot/util` 2.14.1
+
+
+## 0.44.1 Jun 10, 2020
+
+Contributed:
+
+- Publish electron images on release (Thanks to https://github.com/EthWorks)
+- Adjust with latest Arcardia types (Thanks to https://github.com/ETeissonniere)
+- Extensions and fixes to the russian translations (Thanks to https://github.com/illlefr4u)
+- Rewrite of the contracts app (Thanks to https://github.com/kwingram25)
+- New types for SubstrateTEE (Thanks to https://github.com/brenzi)
+
+Changes:
+
+- Adjust for new Polkadot CC1 & Kusama types
+- Cater for new multisig module location
+- Filter multisig signatories based on approvals, set final state based on threshold
+- Adapt QR codes to cater for hashing on large payloads
+- Adjust collective extrinsics to cater for weight & lengths
+- Allow bonding with full free amount (this fixes bonding for vesting)
+- Fixes for Kusama as well as Polkadot claims
+- Allow Polkadot CC1 links to Polkascan & Subscan
+- Update Polkascan links with new formats
+- Don't display era progress when Forcing `isForceNone`
+- Overall styling adjustments
+- Cater for `{kusama,polkadot,westend}.dotapps.io` redirects
+- `@polkadot/api` 1.18.1
+- `@polkadot/util` 2.13.1
+
+
+## 0.43.1 May 26, 2020
+
+Contributed:
+
+- Support for Polkadot CC1 Claims (Thanks to https://github.com/amaurymartiny & https://github.com/Tbaut)
+- Small typo fixes (Thanks to https://github.com/Swader)
+- updates to russian translation (Thanks to https://github.com/illlefr4u)
+- Adjustments to Electron build support (Thanks to https://github.com/EthWorks)
+
+Changes:
+
+- Support for Polkadot CC1 types & RPC endpoints
+- Detect & support new proposal close process in Substrate
+- Adjust checks for on-click validator (immediate isActive)
+- `@polkadot/api` 1.16.1
+- `@polkadot/util` 2.11.1
+
+
+## 0.42.1 May 22, 2020
+
+Contributed:
+
+- Adjust Subscan proposal links (Thanks to https://github.com/illlefr4u)
+- Add environment suport for docker images (Thanks to https://github.com/chevdor)
+- Adjust overflows on small screens (Thanks to https://github.com/dushaobindoudou)
+- Add links to Polkaassembly (Thanks to https://github.com/Tbaut)
+- Address popup with detailed info (Thanks to https://github.com/kwingram25)
+- Add Russian translation (Thanks to https://github.com/gregzaitsev)
+- Russian translation adjustments (Thanks to https://github.com/illlefr4u)
+- Add Nodle RPC endpoint (Thanks to https://github.com/ETeissonniere)
+- Update Kulupu types (Thanks to https://github.com/sorpaas)
+- Update Edgeware types (Thanks to https://github.com/drewstone)
+- Update Encointer types (Thanks to https://github.com/brenzi)
+- Update node-template types (Thanks to https://github.com/shawntabrizi)
+- Update node-template types (Thanks to https://github.com/JoshOrndorff)
+- Higher default contracts gas limit (Thanks to https://github.com/Stefie)
+- Add block number display to event overview (Thanks to https://github.com/danforbes)
+- Basic Electron support (Thanks to https://github.com/EthWorks)
+- Documentation around IPFS pinning (Thanks to https://github.com/chevdor)
+
+Changes:
+
+- Added IPFS/IPNS publishing (ipns via dotapps.io)
+- Support for multisig wallets
+- Ledger address on-wallet display option
+- Add support for new per-staker payouts
+- Allow for "best" selection in staking
+- Simplified nominator & validator creation flows
+- Display >64 nominators on staking pages (clipped payouts)
+- Remove tooltips on staking and elsewhere (large number causes performance issues)
+- Council isMember checks uses council in addition to elections
+- Allow closing of council proposals
+- Expand Treasury proposal inline in council (for approve/reject)
+- Expand external proposals in council (preimage lookups)
+- Allow for sudo with unchecked weight
+- Adjust referendums to display turnout and sentiment
+- Add columar modals with extra info
+- Add table summaries with totals for free, bonded & stash payouts
+- Add images to metadata update dropdowns
+- Ecdsa keypair support
+- Display delegations in voting breakdowns
+- Adjust registrar modal with per-account filters
+- Add i18n linting script
+- Add i18n editor with translation file generator
+- Custom i18n loader with caching
+- Add JS sample for storage key generation
+- Misc UI fixes & adjustments throughout
+- Allow for tabes with aliasses (on renames) & redirects
+- Align types and calls with latest substrate
+
+
+## 0.41.1 Apr 20, 2020
+
+Contributed:
+
+- Fix for searching child identities on parent name (Thanks to https://github.com/krogla)
+- Support chains with no balances module (Thanks to https://github.com/Voxelot)
+- Add out-of-the-box support for Encointer (Thanks to https://github.com/brenzi)
+- Add ava.do endpoint for Kusama (Thanks to https://github.com/Swader)
+
+Changes:
+
+- Show remaining time on staking payout actions, link payouts from actions
+- Display per-validator nominators on waiting list
+- Add support for Treasury tipping (display of available & creation)
+- Adjust display of passing/failing calcs in democracy (incl. no display when other side is 0)
+- Enable use of `system_chainType` to detect development chains
+- Adjust Expander display for balances as used in accounts
+- Adjust formatting outputs (via cleanup) for state queries
+- Cleanup nowrap on Extender as part of tables
+- Optimize retrieval of old-style validator/nominator payouts (not full historyDepth)
+- Optimize AccountName with caching & when used in lists (no lookup information attached, but not shown)
+- Optimize IdentityIcon with removal of extra queries
+- Optimize Transfers, no unneeded useEffect
+- Cleanups, remove unused components with no references (dropped in earlier refactoring)
+- More components to functional, specific focus on TxModal extends
+- Bumps to all @polkadot/* packages for latest support everywhere
+
+
+## 0.40.1 Apr 9, 2020
+
+Contributed:
+
+- Swap voting to aye/nay toggles (Thanks to https://github.com/Lowhearth)
+- Cater for chains where no tip is present (Thanks to https://github.com/Sushisource)
+- Export chain-specific settings via QR (thanks to https://github.com/hanwencheng)
+- Improve support for WS_URL usage (Thanks to https://github.com/chevdor)
+- Add out-of-the-box support for Centrifuge (Thanks to https://github.com/philipstanislaus)
+- Cleanup docker image construction (Thanks to https://github.com/philipstanislaus)
+- Add out-of-the-box support for node template (Thanks to https://github.com/JoshOrndorff)
+- Text cleanups (Thanks to https://github.com/x5engine)
+- Text cleanups (Thanks to https://github.com/ltfschoen)
+- update Parachains to support latest Polkadot (Thanks to https://github.com/kwingram25)
+- Rework multi address inputs (e.g. nominations & council) (Thanks to https://github.com/kwingram25)
+
+Changes:
+
+- Introduce apps-config as a single source of config information
+- Cater for metadata updates to extensions
+- Rework explorer layouts, combining extrinsics & events into a single view
+- Swap all layouts to be explicitly table-based (instead of table-like)
+- Cater for latest Substrate referendum updates
+- Allow for fast-tracking proposals
+- Time countdowns where applicable, e.g. referendums
+- Show referendum pass/fail status as well as change information
+- Combine Accounts & Contacts into a single app
+- Support for display of parent/child relationships in accounts
+- Add ErrorBoundary around components
+- Update Westend after reset
+- Enable Subscan explorer
+- Support for simple payouts on Substrate, with Payouts screen
+- Extensive use of useCallback & React.memo for functional components
+- Add Expander component for consistent UI
+- Loading spinners used consistently
+- Specific names for society & treasury addresses
+- Cleanup all voting lock, consistent display
+- ... loads of other under-the-hood improvements and cleanups
+
+
+## 0.39.1 Jan 31, 2020
+
+- **Breaking** Drop support for V1 Substrate chains
+
+Contributed:
+
+- Translation into Chinese (Thanks to https://github.com/dushaobindoudou)
+- Support for sign-only transactions (Thanks to https://github.com/mzolkiewski)
+
+Changes:
+
+- Add support for WestEnd testnet
+- Add support for social recovery in accounts
+- Add counters for all proposal-based apps
+- Disable spellcheck on all input fields (privacy)
+- Query the paymentInfo API to get weight fee information
+- Remove FF warning with https:// -> ws://localhost
+- Staking now supports where the controller
diff --git a/CONTRIBUTING.md b/CONTRIBUTING.md
new file mode 100644
index 0000000..947952e
--- /dev/null
+++ b/CONTRIBUTING.md
@@ -0,0 +1,45 @@
+# Contributing
+
+## What?
+
+Individuals making significant and valuable contributions are given commit-access to a project to contribute as they see fit.
+A project is more like an open wiki than a standard guarded open source project.
+
+## Rules
+
+There are a few basic ground-rules for contributors (including the maintainer(s) of the project):
+
+1. **No `--force` pushes** or modifying the Git history in any way. If you need to rebase, ensure you do it in your own repo.
+2. **Non-master branches**, prefixed with a short name moniker (e.g. `<initials>-<feature>`) must be used for ongoing work.
+3. **All modifications** must be made in a **pull-request** to solicit feedback from other contributors.
+4. A pull-request *must not be merged until CI* has finished successfully.
+
+#### Merging pull requests once CI is successful:
+- A pull request with no large change to logic that is an urgent fix may be merged after a non-author contributor has reviewed it well.
+- No PR should be merged until all reviews' comments are addressed.
+
+#### Reviewing pull requests:
+When reviewing a pull request, the end-goal is to suggest useful changes to the author. Reviews should finish with approval unless there are issues that would result in:
+
+- Buggy behaviour.
+- Undue maintenance burden.
+- Breaking with house coding style.
+- Pessimisation (i.e. reduction of speed as measured in the projects benchmarks).
+- Feature reduction (i.e. it removes some aspect of functionality that a significant minority of users rely on).
+- Uselessness (i.e. it does not strictly add a feature or fix a known issue).
+
+#### Reviews may not be used as an effective veto for a PR because:
+- There exists a somewhat cleaner/better/faster way of accomplishing the same feature/fix.
+- It does not fit well with some other contributors' longer-term vision for the project.
+
+## Releases
+
+Declaring formal releases remains the prerogative of the project maintainer(s).
+
+## Changes to this arrangement
+
+This is an experiment and feedback is welcome! This document may also be subject to pull-requests or changes by contributors where you believe you have something valuable to add or change.
+
+## Heritage
+
+These contributing guidelines are modified from the "OPEN Open Source Project" guidelines for the Level project: [https://github.com/Level/community/blob/master/CONTRIBUTING.md](https://github.com/Level/community/blob/master/CONTRIBUTING.md)
diff --git a/CONTRIBUTORS b/CONTRIBUTORS
new file mode 100644
index 0000000..8174e0d
--- /dev/null
+++ b/CONTRIBUTORS
@@ -0,0 +1,317 @@
+    3514	Jaco                          	Bump dev deps (#7375)
+      79	Thibaut Sardan                	Nit, use as LedgerTypes casting (#4425)
+      62	kwingram25                    	iadd fix (#2911)
+      46	Antoine Estienne              	Update moonbeam endpoints and moonbase logo and color (#6890)
+      41	MiZiet                        	Apply styles to the unbonding icon (#6314)
+      40	pan                           	update bifrost testnet (#7063)
+      31	Stefanie Doll                 	Set higher default gas limit, switch from bitlength u32 to u128 for input fields (#2743)
+      29	Ewa Kowalska                  	Style badges in accounts list (#6208)
+      25	Krzysztof Jelski              	Increase UI test timeouts and mark interBTC unreachable (#6247)
+      25	Luke Schoen                   	fix typo kusama (#3083)
+      24	Aleksandr Krupenkin           	Fix Robonomics types (#6800)
+      24	brenzi                        	Encointer rococo para setup as teleporter (#7160)
+      24	sxlwar                        	crab config (#6995)
+      23	WoeOm                         	Bump darwinia.js version (#5930)
+      20	Nikita                        	Update icon and colors for Realis.Network (#6336)
+      18	fomod-in                      	Update translation.json (#5942)
+      17	Frank Liu                     	Add Onfinality endpoint for Statemint (#6513)
+      17	Wei Tang                      	Add missing PendingSwap type for Kulupu (#6631)
+      16	Xiliang Chen                  	allow submit from Decod page (#5759)
+      15	Eliott Teissonniere           	add nodle parachain colors (#7353)
+      15	William Freudenberger         	feat: re-enable KILT Rococo parachain (#6963)
+      14	Jun Jiang                     	Add Phala (PoC 5) (#6959)
+      13	Miguel Hervas                 	Adding Centrifuge OnFinality Service (#7328)
+      12	Joakim Nyman                  	Added Dwellir RPC endpoints for Centrifuge and Nodle(Eden) (#7216)
+      12	Kun                           	[Substrate Files] New files module (#6106)
+      11	Daniel Savu                   	Change InterBTC network name to Interlay (#6700)
+      11	lumir-mrkva                   	refactored lbp types updated (#6504)
+      11	Nikos Kontakis                	Add support of light client to rococo (#7363)
+      11	Ross Bulat                    	Substrate tab theme adjustment (#939)
+      11	Zombieliu                     	update chain color (#6583)
+      10	Cheng JIANG                   	switch to load balanced endpoints for parallel (#6056)
+      10	Nantian                       	add karura (#5441)
+      10	qwer951123                    	Add Acala Parachain (#6496)
+      10	zzcwoshizz                    	rm elara endpoint (#6778)
+       9	Alex D                        	add genshiro standalone mainnet (#6062)
+       9	Chevdor                       	Add doc related to IPFS and pinning (#2788)
+       9	Greg Zaitsev                  	Add Unique Network, parachain on Polkadot (#7153)
+       8	Hging                         	Add MathChain mainnet support (#6214)
+       8	illlefr4u                     	new additions to Russian translation (#2948)
+       8	Jakub Jóźwiak                 	Code signing and Notarization (#2794)
+       8	lumir-mrkva                   	basilisk rococo parachain added (#7180)
+       8	Stefan Popov                  	Add SORA Kusama Parachain info (#6856)
+       7	Drew Stone                    	Update production.ts (#5757)
+       7	frank                         	Update Odyssey parachain (#7019)
+       7	Justin Pham                   	Add Bit.Country Pioneer Network to Kusama Relay (#6356)
+       7	Logan Saether                 	Add Zeitgeist para config (#6628)
+       7	Sam Elamin                    	add pichiu to kusama (#6622)
+       6	alanchang124                  	add OnFinality Quartz endpoint (#6814)
+       6	Ayush Mishra                  	Added configuration for DataHighway Tanganika (#7285)
+       6	Daniel Yamuza                 	Swap yes/no (voting) to Toggle (#2519)
+       6	Dominik Harz                  	refactor: update testnet URL (#7013)
+       6	Greg Hill                     	add available balance to interbtc derive (#6810)
+       6	hoangnl                       	update polkasmith title (#5560)
+       6	Hoon Kim                      	remove dusty test network (#6912)
+       6	icodezjb                      	Update chainx parachain endpoint (#6699)
+       6	Ivan Rukhavets                	Update README.md for electron apps (#3362)
+       6	Joshy Orndorff                	clarify conviction locking (#6008)
+       6	Nizar L Firmansyah            	Update Bahasa Indonesia Translation (#3823)
+       6	Oleh Mell                     	Update subsocial types (#6714)
+       6	pangwa                        	update clover types (#6852)
+       6	stanly-johnson                	Update rocfinity paraId (#7094)
+       6	Yiwei Li                      	Remove OnFinality brand name from KICO endpoint (#7258)
+       6	YJ                            	change button ordering (#345)
+       6	Yongfeng LI                   	Correct kintsugi subsquare external link (#7178)
+       6	zxchen                        	Add litentry for kusama crowdloan (#6849)
+       5	1devNdogs                     	Fix extractAuthor on genesis block. (#7345)
+       5	Alan Sapede                   	Adds moonbeam parachain (#6490)
+       5	Amaury Martiny                	Restrict attest to accounts, allow claimAttest for all (#2848)
+       5	chenwei                       	Add logo to SubDAO. (#5020)
+       5	Christian Groeschel           	DataHighway mainnet westlake (#5066)
+       5	darkfriend77                  	added new types for DOTMog.NET (#4958)
+       5	FreePoi                       	remove support of karura by elara (#6639)
+       5	Lovesh Harchandani            	Update types (#5499)
+       5	Marni                         	trying to get mapping of nominators correct (#346)
+       5	Masterdubs                    	Add KSI and SDX bridge type (#7185)
+       5	Masterdubs                    	update and clean galital standalone chain specs and type (#5225)
+       5	xnorly                        	trying to improve the filtering options for target validators (#7080)
+       4	billjhlee                     	Update Unorthodox Kusama Parachain / Standard Westend Test Network Chain Logo (#6192)
+       4	Caio                          	Update Parachain ID of Zeitgeist (#5798)
+       4	Dee Evans                     	DotScanner Kusama Support (#5843)
+       4	Gautham                       	Update Polkadex's parade (#7303)
+       4	John Whitton                  	Update EAVE Parachain id for Rococo (#5286)
+       4	Luke Sugiura                  	Refactor Backup component with hooks (#1927)
+       4	Marcin Wachulski              	Account row collapsible row details (#5894)
+       4	marco                         	feat(types): bump types to 0.0.14 (#6636)
+       4	mateuszaaa                    	Feature/mangata kusama launch (#7280)
+       4	Michael Müller                	Update Rococo genesis hash (#6859)
+       4	mn13                          	update actual equilibrium version (#6836)
+       4	philipstanislaus              	Upgrade Centrifuge types (#2428)
+       4	Pierre Besson                 	replace the Statemint Shell URL by the Statemint one (#6684)
+       4	Rob Thijssen                  	switch to load balancer (#6971)
+       4	toxotguo                      	Add ChainX endpoints hosted by Patract Elara (#4582)
+       4	vol4tim                       	Update color and logo robonomics (#6807)
+       4	WBH                           	Update mainnet url of sherpax (#6822)
+       4	Will Ryan                     	Fix icon for Creditcoin testnet (#7327)
+       3	Alex Siman                    	Add name, color and url of Subsocial parachain (#5006)
+       3	alexdniep                     	added Genshiro as kusama parachain; fixed colors and logos (#5417)
+       3	Andreea Eftene                	change chain name (#7114)
+       3	bari                          	remote uniarts's isUnreachable (#6027)
+       3	Benjamin Lau                  	Added Pinknode Endpoints (#5935)
+       3	Bhanu Teja P                  	Display extrinsic meta documentation on hover (#1247)
+       3	Bruno Škvorc                  	Clarify signed message input (#3303)
+       3	Caos                          	Update NFTMart logo  (#5815)
+       3	Dmitry Selikhov               	Update pontem-types-bundle from 1.0.14 to 1.0.15 (#6191)
+       3	dushaobindoudou               	fix: translate to chinese (#3091)
+       3	Eswara Sai                    	Added parser to extract i18n strings (#1710)
+       3	Gabriel Facco de Arruda       	Fixed InvArch Endpoint (#7256)
+       3	h4x3rotab                     	Update Khala logo, color, and types (#5299)
+       3	Hyungsuk Kang                 	Update opportunity types (#5574)
+       3	iiiiiiii                      	update jupiter (#5018)
+       3	irsal                         	Enable Turing Endpoints in PolkadotJS (#7324)
+       3	jasonberger0                  	update logo (#4612)
+       3	Jay                           	chore: update pangolin parachain info on rococo (#7322)
+       3	Jhon                          	added validator/nominator flags (#4546)
+       3	Jiacheng                      	Add metadata for Phala Network (#7290)
+       3	Jianping Deng                 	Update calamari crowdloan UI and Dropdown menu (#6021)
+       3	Lay Hunt                      	Update Uniarts Chain types & logo & main net  (#5253)
+       3	limichange                    	Bump @phala/typedefs version (#5709)
+       3	marco                         	feat(types): bump types to 0.0.14 (#6636)
+       3	Mario Pino                    	update PolkaStats logo (#3600)
+       3	Marko Petrlić                 	updated ternoa types to support Ternoa Testnet V2.1 (#6658)
+       3	mosonyi                       	Add Integritee Rococo (#7281)
+       3	Myron                         	use new log for crust parachain (#6520)
+       3	Nikhil Ranjan                 	Enable subscan for polkadot parachains (#6802)
+       3	NZT48                         	OriginTrail Parachain types updated (#5959)
+       3	Radha                         	Add info about Bags List (#7283)
+       3	RossAtOnfinality              	add OnFinality endpoint for Nodle Network (#6850)
+       3	RyuH1                         	Update automata-network type definitions (#7321)
+       3	Sam                           	re-enable dock testnet endpoint (#6472)
+       3	shareven                      	Change ipse specName (#5158)
+       3	timorl                        	Add Aleph Zero mainnet (#6531)
+       3	Vincent Geddes                	Update @snowfork/snowbridge-types to v0.2.6 (#6255)
+       3	Vitaliy                       	Add sorting for accounts view (#5923)
+       3	xtony77                       	feat: update SubGame types (#6674)
+       2	1devNdogs                     	Subspace farmers network (#11) (#6675)
+       2	Adam Dossa                    	Add updates for Polymesh Mainnet / Testnet (#6555)
+       2	akashi6824                    	fix PolkaFoundry color (#4985)
+       2	Albrecht                      	chore: update WILT paraID & KILT types (#6005)
+       2	Alexander Popiak              	Add extra Input types to the UI (#2324)
+       2	André Silva                   	Fix typo in chain specifications (#5659)
+       2	Anoymous Hentai               	Update Phala's type definition (#5131)
+       2	Branan Riley                  	Re-enable Altair endpoint (#5739)
+       2	Btwiuse Arch                  	Add NFTMart mainnet staking params (#6405)
+       2	Bulat Saifullin               	remove tick trick track parachains (#6726)
+       2	carumusan                     	Update commonwealth.ts (#3697)
+       2	Chris D'Costa                 	Updates the ss58 prefix long description to align with substrate (u16) (#7277)
+       2	Chris Li                      	Modify OAK Testnet wss endpoint (#5446)
+       2	chrissoso                     	Add Prism parachain (#5287)
+       2	composabledev                 	added picasso logo (#6043)
+       2	Dan Shields                   	Update ED and reaping info in app (#4771)
+       2	dansoft                       	update manta network logo (#6972)
+       2	david-rio                     	feat: add RioChain live network config (#5076)
+       2	Dean                          	update wss endpoint (#5093)
+       2	Eric                          	Update names for Ajuna Network (#7011)
+       2	firke                         	fix: Opportunity chain re-enabled (#7022)
+       2	Hanwen Cheng                  	feat: support import with mini secret key (#2944)
+       2	Hayden                        	Update Zenlink types (#4835)
+       2	hellotrongo                   	fix typing error (#5140)
+       2	imstar15                      	Replace OAK's logo (#6804)
+       2	Jakub Pánik                   	Update types for HydraDX (#5369)
+       2	James Bayly                   	Remove OnFinality's Subsocial Endpoint (#6875)
+       2	Jared Norris                  	Fix Sora configuration (#6677)
+       2	Jegor Sidorenko               	NFTs page (#7144)
+       2	jimmy-tudeski                 	Update add-accounts.json (#4759)
+       2	JimYam                        	fix the bug that have no icon for listen in https://polkadot.js.org/apps (#7241)
+       2	Kai                           	update paraId (#7325)
+       2	kotlarmilos                   	Update OriginTrail ParaId on polkadotjs (#5673)
+       2	Lohsea                        	Add new color and logo (#6004)
+       2	Maciej Nemś                   	Change Aleph Zero Testnet name (#6145)
+       2	maestro779                    	Update translation.json (#3903)
+       2	maxwellfoley                  	Allow custom node URLs in settings (issue #644) (#657)
+       2	Michael (GP)                  	Updating gamepower types (#5251)
+       2	momo200e                      	add new types to SubGame network (#5954)
+       2	qinghuan                      	add chainx rococo node (#4772)
+       2	Shankar D. Warang             	Typo: elpased -> elapsed (#4110)
+       2	sharkygg                      	add subdao test and polkadot parachain network; (#6515)
+       2	Shawn Tabrizi                 	allow dissolve by anyone when ended (#7184)
+       2	Shumo Chu                     	Manta crowdloan (#6493)
+       2	superpw                       	minor fix for button/sliders colors (#4715)
+       2	Toney                         	change chainid from 128 to 2048 for apron (#5081)
+       2	usetech-llc                   	Fix unique types import (#4764)
+       2	VladSemenik                   	change Equilibrium production relay polkadot provider (#7323)
+       2	Witek                         	Make Efinity reachable productionRelayPolkadot.ts (#6580)
+       2	Yashiro                       	Hotfix files upload progress style (#6997)
+       2	Yashiro                       	Add crust mainnet endpoint (#5929)
+       2	zhenfei                       	updating `Manta Network` parachain ID (#5149)
+       1	Adam                          	new edeware logo and color (#6249)
+       1	Albert                        	Apply Nunito fonts globally (#3882)
+       1	albertov19                    	Fix provider name (#5716)
+       1	Alexey                        	Rename SORA-staging Node to Sora (#5084)
+       1	Anakorn Tata Kyavatanakij     	fix SummaryBar (#1981)
+       1	Andrew Jones                  	Fix upload and deploy contract(s) after rename (#1346)
+       1	Bill Laboon                   	Add explanation that Docker port is 80 (#1480)
+       1	BoBin                         	Add subscan rococo extra link (#4439)
+       1	Bobo                          	type def update (#6612)
+       1	Bojian Ho                     	Added fantour network config (#5764)
+       1	Brandon Kite                  	Support for optional usage of pallet_balance (#2578)
+       1	Carl                          	Update Subscan link config (#6194)
+       1	CherryLiang                   	show play/stop button (#1804)
+       1	Chris Ganga                   	use selected theme in the validator stats page (#5391)
+       1	composerpeter                 	Added Composable Finance (#6685)
+       1	crownsterlingllc              	Add Production Crown Sterling blockchain (#6097)
+       1	Dan Forbes                    	Add block number to events on explorer page (#2759)
+       1	ddorgan                       	Fix container build (#1456)
+       1	ddorgan                       	Initial commit of kubernetes deployment (#616)
+       1	Dean                          	mybank.network (#5024)
+       1	dm4                           	Add Geminis parachain information (#7034)
+       1	Dmytro Filippov               	Targets page: fix validators sorting (#6886)
+       1	Eddie Machado                 	not truncating the address (#4311)
+       1	Emilio Silva Schlenker        	[#943] Make hash/number query available globally to explorer (#1111)
+       1	equilibrium-de                	updates genshiro info (#6412)
+       1	fadomire                      	Fix translations loading for ever (#5282)
+       1	fixxxedpoint                  	Changed THRESHOLD in useBlockTime so chains that uses values smaller than 1s for the MinimumPeriod (pallet_timestamp) parameter are displayed correctly (#6045)
+       1	Fr4ctalbit                    	Turn Submit proposal tab into a modal (#1698)
+       1	Francesco Occhipinti          	[CI Skip] update the remote server location, closes #487 (#492)
+       1	Francisco Gamundi             	Updated Moonbeam Foundation's Moonriver endpoint (#7028)
+       1	Fredrik Simonsson             	Polkadex testnet have been resurrected (#6783)
+       1	gabriel klawitter             	CI: add file for substrate-ui and substrate-ui-light domains (#767)
+       1	George Angelopoulos           	typo fix (#5704)
+       1	Gilles Barnier                	Add "Copy" icon to the User Sidebar (#7235)
+       1	goldsteinsveta                	Style bug fix: Balances asset selector (#6668)
+       1	Guenit                        	remove apron config `isDisabled` flag (#5151)
+       1	h4x3rotab                     	Update Phala's websocket endpoint (#4241)
+       1	Hanonycash                    	Added hanonycash Network logos & endpoints (#3911)
+       1	hapham                        	Add parachain Lavender by SingNetwork (#6067)
+       1	Harald Heckmann               	Enable Zeitgeist and Subsocial (#6936)
+       1	Harjyot Singh                 	Update translation.json (#3570)
+       1	Harry Liu                     	Update README.md (#1437)
+       1	Ian He                        	add onfinality endpoint for polkadot and kusama (#4070)
+       1	igorgogo                      	Add Spanner (#6058)
+       1	Jake Naviasky                 	Bump edgeware types version for new testnet. (#3825)
+       1	Jamie Cheng                   	Fix an important translation error in Chinese (#3938)
+       1	Jeff Reiner                   	adding in Wiki link to sidebar (#556)
+       1	Jesse Lurie                   	Add competitors club network (#6754)
+       1	Jhon                          	Identicon and error red shading  adjustments for dark theme  (#4483)
+       1	jizer                         	add trustbase infos (#4627)
+       1	Jun Zhang                     	Update translation.json (#4508)
+       1	Kai                           	Fix broken contract deployment function (#1643)
+       1	kaichao                       	Refresh zh translations (#3322)
+       1	Kerwin Zhu                    	fix Chinese translation of 'comm.' (#4464)
+       1	Kevin Gislason                	add manta testnet (#5355)
+       1	KkenWv                        	Add KICO logo and endpoint (#6906)
+       1	KRogLA                        	sub accounts search fix (#2572)
+       1	kyilkhor                      	feat: Moonsama Development parachain on Rococo (#7014)
+       1	Lauro Gripa Neto              	Add portuguese translation (#2940)
+       1	Letho                         	Coinversation (#6597)
+       1	Lezek123                      	Add Joystream testnet (Olympia) (#7134)
+       1	lulu                          	Update Ares Protocol parachain ID (#5160)
+       1	LusWar                        	Update Phala testnet (PoC2 => PoC3) (#4148)
+       1	Marcin Żółkiewski             	Expose signed transactions (#2203)
+       1	Marin Petrunić                	add Vedran westend provider (#4674)
+       1	mark hayward                  	Accounts typo (#4673)
+       1	Matej Nemček                  	Removed broken link to app-nodeinfo from README (#1392)
+       1	Maxim Surkov                  	Update sora library version (#4918)
+       1	Meghashyam Kodmad             	updated react-dropzone to 10.1.9 (#1682)
+       1	Mickaël Canu                  	fix error on validator word (#7110)
+       1	mikolajsobolewski             	Added Equilibrium Test Network logos & endpoints (#3792)
+       1	Mokhtar Naamani               	Fix app-accounts Restore feature (#761)
+       1	mosonyi                       	[Integritee] Add OnFinality endpoint (#7027)
+       1	motinados                     	fill in all empty values in all languageCaches. (#3606)
+       1	Nantian                       	update acala rpc (#6704)
+       1	nasa8x                        	Add GeekCash testnet, logo, color (#5265)
+       1	NightingaleAsh                	Add loom network kusama (#5591)
+       1	Nikhil Saboo                  	Add Zeitgeist battery station endpoint (#6265)
+       1	Nikita Polyakov               	add SORA mainnet (#5157)
+       1	NingBo Wang                   	Add miniX node (#7122)
+       1	ok.man                        	update-mandala (#6785)
+       1	paulhealy09                   	Update Unit Network logo (Thanks to https://github.com/unit-network) (#5027)
+       1	Pavel                         	Added new community node for SORA (#5600)
+       1	Peter Chung                   	Align Sig Validity Indicator (#1660) (#1697)
+       1	Pierre Krieger                	Update translation.json (#6266)
+       1	Pierre-Luc Gagné              	Added a warning popup at account creation for seed backup (#325)
+       1	Preschian Febryantara         	add KodaDot logo (#7151)
+       1	RadiumBlock                   	add RadiumBlock endpoint service for Kusama (#7308)
+       1	Radka Gettová                 	Make Block Hash "Hover to Copy"-able (#458)
+       1	Ramsey R                      	Kabocha parachain candidate for Kusama chain. (#7333)
+       1	Raoul Millais                 	Upgrade @substrate/connect@0.3.16 (#5855)
+       1	Raphael Flechtner             	chore: use new kilt logo (#5649)
+       1	Ravi Kumar                    	Add hi_IN translation (#5420)
+       1	Raymond Zhong                 	Add types for beresheet runtime (#5576)
+       1	Ricardo Rius                  	Update stable poc types (#3783)
+       1	robcxyz                       	Add geometry labs endpoints for polkadot and kusama (#6477)
+       1	Robin Syihab                  	Fix typo in ID translation (#5865)
+       1	Rocco Musolino                	italian translation typo fix (#3813)
+       1	Sam Hellawell                 	Fix dock logos being blurry/low res (#4427)
+       1	Satyam Agrawal                	Add Polymesh ITN Provider (#5242)
+       1	Sergei Lonshakov              	Robonomics ParaID 2077 added (#5706)
+       1	Shailesh B Nair               	Add KlugDossier (#5456)
+       1	Shaun Wang                    	Fix spelling: Javascript -> JavaScript. (#4698)
+       1	SimonKraus                    	fix(staking): fix typo (#4926)
+       1	Skedley                       	KILT types definition repo (#5132)
+       1	Sonal Banerjii                	"Add UR_IN Translation" (#6273)
+       1	Sota Watanabe                 	update (#2949)
+       1	Spencer Judge                 	Don't crash if there is no tip field in extrinsics (#2466)
+       1	Squirrel                      	Clearer proxy docs. (#6502)
+       1	Stéphane P                    	Fix Fr translations typos (#5104)
+       1	Subsocial                     	Specify the custom types for Subsocial parachain (#5009)
+       1	tarrball                      	Grammar fix in staking tooltip (#6727)
+       1	The Duck                      	add dwellir rpc for zeitgeist (#7316)
+       1	Tore19                        	Added Stafi Network logos & endpoints (#3683)
+       1	Vedhavyas Singareddi          	enable subscan external link for centrifuge (#4307)
+       1	Vlad Proshchavaiev            	Add Subsocial into apps-config (#3523)
+       1	Wenfeng Wang                  	Added Phala PC1 Rococo V1 endpoint (#4468)
+       1	Will Park                     	add astar chain (#6501)
+       1	willeslau                     	Add Konomi Network chain info to Rococo (#5171)
+       1	wimel                         	25 modules translated from ES_es (#2969)
+       1	Witek                         	Add Efinity parachain (#6571)
+       1	wooqii                        	Translate_page_account (Ko) (#3474)
+       1	X5 Engine                     	fix tiny typo (#2399)
+       1	xsteadybcgo                   	feat: update statemine & westmint config (#5476)
+       1	y                             	Add Phoenix parachain (#4939)
+       1	YessineAmor                   	add ar translation for page-calendar (#3816)
+       1	yooml                         	update parachain id (#5065)
+       1	Yuri Gii                      	add Singular profile urls for Kusama and Statemine (#6702)
+       1	Илья Петров                   	Add files via upload (#7001)
+       1	制杖                            	add trustbase network (#5854)
+       1	小白                            	My contacts chinese suggest calling  我的合约账户 (#3288)
\ No newline at end of file
diff --git a/Dockerfile.dev b/Dockerfile.dev
new file mode 100644
index 0000000..65ec7d0
--- /dev/null
+++ b/Dockerfile.dev
@@ -0,0 +1,28 @@
+FROM node:14.15.0 as builder
+WORKDIR /opt/web
+
+# build 命令，具体自定义自己的应用程序build步骤
+COPY . ./
+RUN yarn install
+ENV REACT_APP_API_ENV=pre
+RUN yarn build;
+
+# docker in docker 安装nginx镜像暴露80端口
+
+FROM nginx:latest
+RUN apt-get update && apt-get install awscli curl -y
+RUN curl -L https://github.com/a8m/envsubst/releases/download/v1.1.0/envsubst-`uname -s`-`uname -m` -o envsubst && \
+  chmod +x envsubst && \
+  mv envsubst /usr/local/bin
+
+# 安装aliyun oss 工具
+RUN curl -L  http://gosspublic.alicdn.com/ossutil/1.7.3/ossutil64 -o ossutil64 && \
+  chmod 755 ossutil64 && \
+  mv ossutil64 /usr/local/bin
+
+COPY ./nginx.config /etc/nginx/nginx.template
+ENV REACT_APP_API_ENV=pre
+CMD ["/bin/sh", "-c", "envsubst < /etc/nginx/nginx.template > /etc/nginx/conf.d/default.conf && nginx -g 'daemon off;'"]
+
+# 将build后的产物移动到nginx
+COPY --from=builder /opt/web/packages/apps/build /usr/share/nginx/html
diff --git a/Dockerfile.prod b/Dockerfile.prod
new file mode 100644
index 0000000..4850362
--- /dev/null
+++ b/Dockerfile.prod
@@ -0,0 +1,28 @@
+FROM node:14.15.0 as builder
+WORKDIR /opt/web
+
+# build 命令，具体自定义自己的应用程序build步骤
+COPY . ./
+RUN yarn install
+ENV REACT_APP_API_ENV=prod
+RUN yarn build;
+
+# docker in docker 安装nginx镜像暴露80端口
+
+FROM nginx:latest
+RUN apt-get update && apt-get install awscli curl -y
+RUN curl -L https://github.com/a8m/envsubst/releases/download/v1.1.0/envsubst-`uname -s`-`uname -m` -o envsubst && \
+  chmod +x envsubst && \
+  mv envsubst /usr/local/bin
+
+# 安装aliyun oss 工具
+RUN curl -L  http://gosspublic.alicdn.com/ossutil/1.7.3/ossutil64 -o ossutil64 && \
+  chmod 755 ossutil64 && \
+  mv ossutil64 /usr/local/bin
+
+COPY ./nginx.config /etc/nginx/nginx.template
+ENV REACT_APP_API_ENV=prod
+CMD ["/bin/sh", "-c", "envsubst < /etc/nginx/nginx.template > /etc/nginx/conf.d/default.conf && nginx -g 'daemon off;'"]
+
+# 将build后的产物移动到nginx
+COPY --from=builder /opt/web/build /usr/share/nginx/html
diff --git a/I18N.md b/I18N.md
new file mode 100644
index 0000000..1391c77
--- /dev/null
+++ b/I18N.md
@@ -0,0 +1,22 @@
+# I18N
+
+The apps UI allows all strings to be translated. Additionally it has a basic UI that allows for the creation of the required translation files, which will give an overview on the progress for a specific language.
+
+## Updating translations
+
+To update translations, the following process is required.
+
+- launch the apps UI, either locally or via https://polkadot.js.org/apps
+- explicitly navigate to the i18n page, https://polkadot.js.org/apps/#/settings/i18n
+
+Here you will find a dropdown of all the available languages and all the modules that maps to the UI. On a single screen you will be able to see all the available strings for a specific module.
+
+- adjust any strings as required
+- once completed with the changes, click the `Generate translation.json` button to download the translation file
+- this file can now be added to the repo with a PR to https://github.com/polkadot-js/apps/tree/master/packages/apps/public/locales
+
+## Adding a new language (if not in dropdown above)
+
+The process is similar for the above, but does require a new folder with the language identifier to be added. Create [packages/apps/public/locales/<id>](https://github.com/polkadot-js/apps/tree/master/packages/apps/public/locales) folder with an empty `translation.json` (containing only `{}`). After addition of the folder, run `yarn build:i18n` and then the new language will be available for update as per the process in the previous section.
+
+In addition to the language folder, the language also needs to be added to the dropdown for available languages, this can be found in [packages/apps-config/src/settings/languages.ts](https://github.com/polkadot-js/apps/blob/master/packages/apps-config/src/settings/languages.ts)
diff --git a/LICENSE b/LICENSE
new file mode 100644
index 0000000..0d381b2
--- /dev/null
+++ b/LICENSE
@@ -0,0 +1,201 @@
+                              Apache License
+                        Version 2.0, January 2004
+                    http://www.apache.org/licenses/
+
+TERMS AND CONDITIONS FOR USE, REPRODUCTION, AND DISTRIBUTION
+
+1. Definitions.
+
+  "License" shall mean the terms and conditions for use, reproduction,
+  and distribution as defined by Sections 1 through 9 of this document.
+
+  "Licensor" shall mean the copyright owner or entity authorized by
+  the copyright owner that is granting the License.
+
+  "Legal Entity" shall mean the union of the acting entity and all
+  other entities that control, are controlled by, or are under common
+  control with that entity. For the purposes of this definition,
+  "control" means (i) the power, direct or indirect, to cause the
+  direction or management of such entity, whether by contract or
+  otherwise, or (ii) ownership of fifty percent (50%) or more of the
+  outstanding shares, or (iii) beneficial ownership of such entity.
+
+  "You" (or "Your") shall mean an individual or Legal Entity
+  exercising permissions granted by this License.
+
+  "Source" form shall mean the preferred form for making modifications,
+  including but not limited to software source code, documentation
+  source, and configuration files.
+
+  "Object" form shall mean any form resulting from mechanical
+  transformation or translation of a Source form, including but
+  not limited to compiled object code, generated documentation,
+  and conversions to other media types.
+
+  "Work" shall mean the work of authorship, whether in Source or
+  Object form, made available under the License, as indicated by a
+  copyright notice that is included in or attached to the work
+  (an example is provided in the Appendix below).
+
+  "Derivative Works" shall mean any work, whether in Source or Object
+  form, that is based on (or derived from) the Work and for which the
+  editorial revisions, annotations, elaborations, or other modifications
+  represent, as a whole, an original work of authorship. For the purposes
+  of this License, Derivative Works shall not include works that remain
+  separable from, or merely link (or bind by name) to the interfaces of,
+  the Work and Derivative Works thereof.
+
+  "Contribution" shall mean any work of authorship, including
+  the original version of the Work and any modifications or additions
+  to that Work or Derivative Works thereof, that is intentionally
+  submitted to Licensor for inclusion in the Work by the copyright owner
+  or by an individual or Legal Entity authorized to submit on behalf of
+  the copyright owner. For the purposes of this definition, "submitted"
+  means any form of electronic, verbal, or written communication sent
+  to the Licensor or its representatives, including but not limited to
+  communication on electronic mailing lists, source code control systems,
+  and issue tracking systems that are managed by, or on behalf of, the
+  Licensor for the purpose of discussing and improving the Work, but
+  excluding communication that is conspicuously marked or otherwise
+  designated in writing by the copyright owner as "Not a Contribution."
+
+  "Contributor" shall mean Licensor and any individual or Legal Entity
+  on behalf of whom a Contribution has been received by Licensor and
+  subsequently incorporated within the Work.
+
+2. Grant of Copyright License. Subject to the terms and conditions of
+  this License, each Contributor hereby grants to You a perpetual,
+  worldwide, non-exclusive, no-charge, royalty-free, irrevocable
+  copyright license to reproduce, prepare Derivative Works of,
+  publicly display, publicly perform, sublicense, and distribute the
+  Work and such Derivative Works in Source or Object form.
+
+3. Grant of Patent License. Subject to the terms and conditions of
+  this License, each Contributor hereby grants to You a perpetual,
+  worldwide, non-exclusive, no-charge, royalty-free, irrevocable
+  (except as stated in this section) patent license to make, have made,
+  use, offer to sell, sell, import, and otherwise transfer the Work,
+  where such license applies only to those patent claims licensable
+  by such Contributor that are necessarily infringed by their
+  Contribution(s) alone or by combination of their Contribution(s)
+  with the Work to which such Contribution(s) was submitted. If You
+  institute patent litigation against any entity (including a
+  cross-claim or counterclaim in a lawsuit) alleging that the Work
+  or a Contribution incorporated within the Work constitutes direct
+  or contributory patent infringement, then any patent licenses
+  granted to You under this License for that Work shall terminate
+  as of the date such litigation is filed.
+
+4. Redistribution. You may reproduce and distribute copies of the
+  Work or Derivative Works thereof in any medium, with or without
+  modifications, and in Source or Object form, provided that You
+  meet the following conditions:
+
+  (a) You must give any other recipients of the Work or
+      Derivative Works a copy of this License; and
+
+  (b) You must cause any modified files to carry prominent notices
+      stating that You changed the files; and
+
+  (c) You must retain, in the Source form of any Derivative Works
+      that You distribute, all copyright, patent, trademark, and
+      attribution notices from the Source form of the Work,
+      excluding those notices that do not pertain to any part of
+      the Derivative Works; and
+
+  (d) If the Work includes a "NOTICE" text file as part of its
+      distribution, then any Derivative Works that You distribute must
+      include a readable copy of the attribution notices contained
+      within such NOTICE file, excluding those notices that do not
+      pertain to any part of the Derivative Works, in at least one
+      of the following places: within a NOTICE text file distributed
+      as part of the Derivative Works; within the Source form or
+      documentation, if provided along with the Derivative Works; or,
+      within a display generated by the Derivative Works, if and
+      wherever such third-party notices normally appear. The contents
+      of the NOTICE file are for informational purposes only and
+      do not modify the License. You may add Your own attribution
+      notices within Derivative Works that You distribute, alongside
+      or as an addendum to the NOTICE text from the Work, provided
+      that such additional attribution notices cannot be construed
+      as modifying the License.
+
+  You may add Your own copyright statement to Your modifications and
+  may provide additional or different license terms and conditions
+  for use, reproduction, or distribution of Your modifications, or
+  for any such Derivative Works as a whole, provided Your use,
+  reproduction, and distribution of the Work otherwise complies with
+  the conditions stated in this License.
+
+5. Submission of Contributions. Unless You explicitly state otherwise,
+  any Contribution intentionally submitted for inclusion in the Work
+  by You to the Licensor shall be under the terms and conditions of
+  this License, without any additional terms or conditions.
+  Notwithstanding the above, nothing herein shall supersede or modify
+  the terms of any separate license agreement you may have executed
+  with Licensor regarding such Contributions.
+
+6. Trademarks. This License does not grant permission to use the trade
+  names, trademarks, service marks, or product names of the Licensor,
+  except as required for reasonable and customary use in describing the
+  origin of the Work and reproducing the content of the NOTICE file.
+
+7. Disclaimer of Warranty. Unless required by applicable law or
+  agreed to in writing, Licensor provides the Work (and each
+  Contributor provides its Contributions) on an "AS IS" BASIS,
+  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or
+  implied, including, without limitation, any warranties or conditions
+  of TITLE, NON-INFRINGEMENT, MERCHANTABILITY, or FITNESS FOR A
+  PARTICULAR PURPOSE. You are solely responsible for determining the
+  appropriateness of using or redistributing the Work and assume any
+  risks associated with Your exercise of permissions under this License.
+
+8. Limitation of Liability. In no event and under no legal theory,
+  whether in tort (including negligence), contract, or otherwise,
+  unless required by applicable law (such as deliberate and grossly
+  negligent acts) or agreed to in writing, shall any Contributor be
+  liable to You for damages, including any direct, indirect, special,
+  incidental, or consequential damages of any character arising as a
+  result of this License or out of the use or inability to use the
+  Work (including but not limited to damages for loss of goodwill,
+  work stoppage, computer failure or malfunction, or any and all
+  other commercial damages or losses), even if such Contributor
+  has been advised of the possibility of such damages.
+
+9. Accepting Warranty or Additional Liability. While redistributing
+  the Work or Derivative Works thereof, You may choose to offer,
+  and charge a fee for, acceptance of support, warranty, indemnity,
+  or other liability obligations and/or rights consistent with this
+  License. However, in accepting such obligations, You may act only
+  on Your own behalf and on Your sole responsibility, not on behalf
+  of any other Contributor, and only if You agree to indemnify,
+  defend, and hold each Contributor harmless for any liability
+  incurred by, or claims asserted against, such Contributor by reason
+  of your accepting any such warranty or additional liability.
+
+END OF TERMS AND CONDITIONS
+
+APPENDIX: How to apply the Apache License to your work.
+
+  To apply the Apache License to your work, attach the following
+  boilerplate notice, with the fields enclosed by brackets "[]"
+  replaced with your own identifying information. (Don't include
+  the brackets!)  The text should be enclosed in the appropriate
+  comment syntax for the file format. We also recommend that a
+  file or class name and description of purpose be included on the
+  same "printed page" as the copyright notice for easier
+  identification within third-party archives.
+
+Copyright [yyyy] [name of copyright owner]
+
+Licensed under the Apache License, Version 2.0 (the "License");
+you may not use this file except in compliance with the License.
+You may obtain a copy of the License at
+
+    http://www.apache.org/licenses/LICENSE-2.0
+
+Unless required by applicable law or agreed to in writing, software
+distributed under the License is distributed on an "AS IS" BASIS,
+WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+See the License for the specific language governing permissions and
+limitations under the License.
diff --git a/README.md b/README.md
index 0925908..27bc3dc 100644
--- a/README.md
+++ b/README.md
@@ -1,3 +1,165 @@
-# sherpax-wallet-v2
+[![polkadotjs](https://img.shields.io/badge/polkadot-js-orange?style=flat-square)](https://polkadot.js.org)
+![license](https://img.shields.io/badge/License-Apache%202.0-blue?logo=apache&style=flat-square)
+[![maintainability](https://img.shields.io/codeclimate/maintainability-percentage/polkadot-js/apps?logo=code-climate&style=flat-square)](https://codeclimate.com/github/polkadot-js/apps)
 
-测试数据
\ No newline at end of file
+# @polkadot/apps
+
+A Portal into the Polkadot and Substrate networks. Provides a view and interaction layer from a browser.
+
+This can be accessed as a hosted application via https://polkadot.js.org/apps/ or you can access the IPFS hosted version via https://polkadot.js.org/apps/ipfs (via hash) or https://dotapps.io (via ipns) to explore any of the supported Polkadot and Substrate chains.
+
+If you run one or more IPFS node(s), pinning the UI (which only gets updated on releases) will make it faster for you and others. You can find details about that below in the IPFS chapter below.
+
+**Important** If you are a chain developer and would like to add support for your chain to the UI, all the local configuration (API types, settings, logos) can be customized in [the apps-config package](packages/apps-config#README.md), complete with instructions of what goes where.
+
+## overview
+
+The repo is split into a number of packages, each representing an application. These are -
+
+- [apps](packages/apps/) This is the main entry point. It handles the selection sidebar and routing to the specific application being displayed.
+- [apps-electron](packages/apps-electron/) Desktop app running [apps](packages/apps/).
+- [page-accounts](packages/page-accounts/) A basic account management app.
+- [page-address-book](packages/page-address-book/) A basic address management app.
+- [page-democracy](packages/page-democracy/) A basic voting app, allowing votes on activate proposals and referenda.
+- [page-explorer](packages/page-explorer/) A simple block explorer. It only shows the most recent blocks, updating as they become available.
+- [page-extrinsics](packages/page-extrinsics/) Submission of extrinsics to a node.
+- [page-js](packages/page-js/) An online code editor with [@polkadot-js/api](https://github.com/polkadot-js/api/tree/master/packages/api) access to the currently connected node.
+- [page-settings](packages/page-settings/) A basic settings management app, allowing choice of language, node to connect to, and theme
+- [page-staking](packages/page-staking/) A basic staking management app, allowing staking and nominations.
+- [page-storage](packages/page-storage/) A simple node storage query application. Multiple queries can be queued and updates as new values become available.
+- [page-toolbox](packages/page-toolbox/) Submission of raw data to RPC endpoints and utility hashing functions.
+- [page-transfer](packages/page-transfer/) A basic account management app, allowing transfer of Units/DOTs between accounts.
+
+In addition the following libraries are also included in the repo. These are to be moved to the [@polkadot/ui](https://github.com/polkadot-js/ui/) repository once it reaches a base level of stability and usability. (At this point with the framework being tested on the apps above, it makes development easier having it close)
+
+- [react-components](packages/react-components/) A reactive (using RxJS) application framework with a number of useful shared components.
+- [react-signer](packages/react-signer/) Signer implementation for apps.
+- [react-query](packages/react-query) Base components that use the RxJS Observable APIs
+
+## Development
+
+Contributions are welcome!
+
+To start off, this repo (along with others in the [@polkadot](https://github.com/polkadot-js/) family) uses yarn workspaces to organize the code. As such, after cloning dependencies _should_ be installed via `yarn`, not via npm, the latter will result in broken dependencies.
+
+To get started -
+
+1. Clone the repo locally, via `git clone https://github.com/polkadot-js/apps <optional local path>`
+2. Ensure that you have a recent LTS version of Node.js, for development purposes [Node >=10.13.0](https://nodejs.org/en/) is recommended.
+3. Ensure that you have a recent version of Yarn, for development purposes [Yarn >=1.10.1](https://yarnpkg.com/docs/install) is required.
+4. Install the dependencies by running `yarn`
+5. Ready! Now you can launch the UI (assuming you have a local Polkadot Node running), via `yarn run start`
+6. Access the UI via [http://localhost:3001](http://localhost:3001)
+
+## Docker
+
+You can run a docker container via -
+
+```
+docker run --rm -it --name polkadot-ui -e WS_URL=ws://someip:9944 -p 80:80 jacogr/polkadot-js-apps:latest
+```
+
+To build a docker container containing local changes -
+
+```
+docker build -t jacogr/polkadot-js-apps -f docker/Dockerfile .
+```
+
+When using these Docker commands, you can access the UI via http://localhost:80 (or just http://localhost)
+
+## IPFS
+
+IPFS allows sharing files in a decentralized manner in a similar fashion the polkadot network exchanges blocks. IPFS works best when many nodes seed the same data. Nodes can seed specific data by **pinning** them.
+
+You can pin with the following command:
+
+```
+curl -s https://polkadot.js.org/apps/ipfs/pin.json | jq -jr .IpfsHash | xargs -0 -I CID ipfs pin add --progress CID
+```
+
+Here is a script you can save as `/usr/local/bin/polkadotjs-ipfs-pin.sh`:
+
+```
+#!/usr/bin/env bash
+
+IPFS='/usr/local/bin/ipfs'
+curl -s https://polkadot.js.org/apps/ipfs/pin.json | jq -jr .IpfsHash | xargs -0 -I CID $IPFS pin add --progress CID
+```
+
+I suggest to run the script once. The output should be similar to (the CID/Hash will very likely be different though):
+```
+$ /usr/local/bin/polkadotjs-ipfs-pin.sh
+pinned QmNYAbzaE8kRAf68YiN3ZuUxgdwroeav3JhicsHsG5b2oW recursively
+```
+
+Now that you know the CID (hash), you can check whether the data is already pinned or not:
+```
+$ ipfs pin ls | grep QmNYAbzaE8kRAf68YiN3ZuUxgdwroeav3JhicsHsG5b2oW
+QmNYAbzaE8kRAf68YiN3ZuUxgdwroeav3JhicsHsG5b2oW recursive
+```
+
+Now that we know it works, we can automate that with a cron task. Run `crontab -e`.
+If you see only comments, append the following to the file and save:
+```
+SHELL=/bin/bash
+HOME=/
+0 * * * * /usr/local/bin/polkadotjs-ipfs-pin.sh >/dev/null 2>&1
+```
+
+Now our script will run every hours at minute '0' (8:00, 9:00, etc...). To check, we can unpin temporarily:
+```
+$ ipfs pin rm QmNYAbzaE8kRAf68YiN3ZuUxgdwroeav3JhicsHsG5b2oW
+unpinned QmNYAbzaE8kRAf68YiN3ZuUxgdwroeav3JhicsHsG5b2oW
+```
+
+Now asking for the CID confirms that is it not there.
+```
+$ ipfs pin ls QmNYAbzaE8kRAf68YiN3ZuUxgdwroeav3JhicsHsG5b2oW
+Error: path 'QmNYAbzaE8kRAf68YiN3ZuUxgdwroeav3JhicsHsG5b2oW' is not pinned
+```
+
+Wait until the your cron task runs and try again:
+```
+$ ipfs pin ls QmNYAbzaE8kRAf68YiN3ZuUxgdwroeav3JhicsHsG5b2oW
+QmNYAbzaE8kRAf68YiN3ZuUxgdwroeav3JhicsHsG5b2oW recursive
+```
+
+Tada! This is now automatic and you may forget it.
+
+If you are curious and want to know how many people seed the UI on IPFS, here is the magic command (it may take a while to return the answer as ipfs will search for about 1 minute):
+```
+ipfs dht findprovs QmTejwB7mJPBHBoqubjzHSgSxfLMcjnZA3LFefqoQc87VJ | wc -l
+```
+
+If you are current about the content of what you just pinned, you may use the following command:
+```
+$ ipfs ls QmTejwB7mJPBHBoqubjzHSgSxfLMcjnZA3LFefqoQc87VJ
+QmPJGyqVCcXm238noz7TZDByyGa35qqc8g6sfyXF3KDXZ3 38078   favicon.ico
+QmdouVsVE9rMVB84Cy1ehVi1LAGW1fKcqqQxSEjgxJrv7H 668     index.html
+QmWHcGf1JCFZCYjZsw52vM5RiJVbcNpX1fo2NyoBKBvtuf -       ipfs/
+QmT6NwDsJzMyBs6bMq845nMumeJWbixBfNXA9hdAhAMdSG -       locales/
+QmcgiZpwvpT1E1dkSS3zr5je89rZRVocNKPebgWhn3JVTC 2178582 main.ce05dfca.js
+QmdnEtuhFDyw5Tjr82bFPzyveFrbkYjJAnUvBvzwT18YGG 337     manifest.json
+QmW7gDKHbmtD7sRTqsvyo84bDpyYPZR3w1wQo8pme2q5HC -       next/
+Qmd8UnRQiBobm4qb6dhiC1HoQ7SvwZrWJenoN3JPEV3iiF 480594  polkadotjs.3af757ad.js
+QmUfXPMfNys8Y8dekuankBx7BHiSAjALCpBDKH6F5DdcNm 628284  react.0cecb00d.css
+QmSEgXdQbC1ek9Td1mHy3BRvJpfWHm9zQYegTgAUj1QC4g 924156  react.8f083b49.js
+QmfGBgFe2aqf83Wv21m9k5DH2ew89CDj4tydoxJWdK6NNL 1552    runtime.3d77e510.js
+QmYPa8jcHH7gfopMALr5XTW4i1QM2xgVBe3NeP11y3tErA -       static/
+QmeYBC5EgbccC8NEwXC2rvbd93YiHtTM5xYzqCDohXerDf 859984  vendor.8b793a81.js
+```
+
+## Desktop App
+
+The main advantage of using Desktop App is that it by default stores encrypted accounts on the filesystem instead of browser's local storage.
+Local storage is susceptible to attacks using XSS (Cross-Site Scripting). There's no such risk when with files stored on disk.
+
+The desktop app uses the [Electron](https://www.electronjs.org/) framework. It provides the same features as web app, the only difference
+being different account storage.
+
+The accounts are stored in the following directories:
+* Mac: `~/Library/Application Support/polkadot-apps/polkadot-accounts`
+* Linux: `~/.config/polkadot-apps/polkadot-accounts` (or `$XDG_CONFIG_HOME/polkadot-apps/polkadot-accounts` if `$XDG_CONFIG_HOME` is defined)
+* Windows: `%APPDATA%\polkadot-apps\polkadot-accounts`
+
+For more details on the desktop app, head over to [Electron package README](https://github.com/polkadot-js/apps/blob/master/packages/apps-electron/README.md).
diff --git a/babel.config.cjs b/babel.config.cjs
new file mode 100644
index 0000000..c762fc3
--- /dev/null
+++ b/babel.config.cjs
@@ -0,0 +1,4 @@
+// Copyright 2017-2022 @polkadot/apps authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+module.exports = require('@polkadot/dev/config/babel-config-cjs.cjs');
diff --git a/deploy/pre/deploy-sherpax-wallet-v2.yaml b/deploy/pre/deploy-sherpax-wallet-v2.yaml
new file mode 100644
index 0000000..aa8b463
--- /dev/null
+++ b/deploy/pre/deploy-sherpax-wallet-v2.yaml
@@ -0,0 +1,53 @@
+kind: Deployment
+apiVersion: apps/v1
+metadata:
+  name: sherpax-wallet-v2
+  namespace: chainx-pre
+  labels:
+    app: sherpax-wallet-v2
+spec:
+  replicas: 4
+  selector:
+    matchLabels:
+      app: sherpax-wallet-v2
+  template:
+    metadata:
+      creationTimestamp: null
+      labels:
+        app: sherpax-wallet-v2
+    spec:
+      imagePullSecrets:
+        - name: regcred
+      containers:
+        - name: container-api-pre
+          image: $REGISTRY/$DOCKERHUB_NAMESPACE/$APP_NAME:$BUILD_NUMBER
+          command:
+            - /bin/sh
+            - '-c'
+            - >-
+              cd /usr/share/nginx/html && envsubst < /etc/nginx/nginx.template >
+              /etc/nginx/conf.d/default.conf && nginx -g 'daemon off;'
+          ports:
+            - name: http-main
+              containerPort: 80
+              protocol: TCP
+          
+          resources: {}
+          terminationMessagePath: /dev/termination-log
+          terminationMessagePolicy: File
+          imagePullPolicy: Always
+      restartPolicy: Always
+      terminationGracePeriodSeconds: 30
+      dnsPolicy: ClusterFirst
+      serviceAccountName: default
+      serviceAccount: default
+      securityContext: {}
+      affinity: {}
+      schedulerName: default-scheduler
+  strategy:
+    type: RollingUpdate
+    rollingUpdate:
+      maxUnavailable: 25%
+      maxSurge: 25%
+  revisionHistoryLimit: 10
+  progressDeadlineSeconds: 600
diff --git a/deploy/prod/deploy-sherpax-wallet-v2.yaml b/deploy/prod/deploy-sherpax-wallet-v2.yaml
new file mode 100644
index 0000000..68d816c
--- /dev/null
+++ b/deploy/prod/deploy-sherpax-wallet-v2.yaml
@@ -0,0 +1,53 @@
+kind: Deployment
+apiVersion: apps/v1
+metadata:
+  name: sherpax-wallet-v2
+  namespace: chainx-prod
+  labels:
+    app: sherpax-wallet-v2
+spec:
+  replicas: 4
+  selector:
+    matchLabels:
+      app: sherpax-wallet-v2
+  template:
+    metadata:
+      creationTimestamp: null
+      labels:
+        app: sherpax-wallet-v2
+    spec:
+      imagePullSecrets:
+        - name: regcred
+      containers:
+        - name: container-api-prod
+          image: $REGISTRY/$DOCKERHUB_NAMESPACE/$APP_NAME:$BUILD_NUMBER
+          command:
+            - /bin/sh
+            - '-c'
+            - >-
+              cd /usr/share/nginx/html && envsubst < /etc/nginx/nginx.template >
+              /etc/nginx/conf.d/default.conf && nginx -g 'daemon off;'
+          ports:
+            - name: http-main
+              containerPort: 80
+              protocol: TCP
+          
+          resources: {}
+          terminationMessagePath: /dev/termination-log
+          terminationMessagePolicy: File
+          imagePullPolicy: Always
+      restartPolicy: Always
+      terminationGracePeriodSeconds: 30
+      dnsPolicy: ClusterFirst
+      serviceAccountName: default
+      serviceAccount: default
+      securityContext: {}
+      affinity: {}
+      schedulerName: default-scheduler
+  strategy:
+    type: RollingUpdate
+    rollingUpdate:
+      maxUnavailable: 25%
+      maxSurge: 25%
+  revisionHistoryLimit: 10
+  progressDeadlineSeconds: 600
diff --git a/docker/Dockerfile b/docker/Dockerfile
new file mode 100644
index 0000000..86e2b82
--- /dev/null
+++ b/docker/Dockerfile
@@ -0,0 +1,36 @@
+FROM ubuntu:18.04 as builder
+
+# Install any needed packages
+RUN apt-get update && \
+  apt-get install --no-install-recommends -y curl git gnupg ca-certificates
+
+# install nodejs
+RUN curl -sL https://deb.nodesource.com/setup_14.x | bash -
+RUN apt-get install --no-install-recommends -y nodejs && \
+  apt-get clean && \
+  rm -rf /var/lib/apt/lists/*
+RUN npm install yarn -g
+
+WORKDIR /apps
+COPY . .
+
+RUN yarn && NODE_ENV=production yarn build:www
+
+# ===========================================================
+FROM nginx:stable-alpine
+
+# The following is mainly for doc purpose to show which ENV is supported
+ENV WS_URL=
+
+WORKDIR /usr/share/nginx/html
+
+COPY env.sh .
+
+RUN apk add --no-cache bash; chmod +x env.sh
+
+COPY docker/nginx.conf /etc/nginx/nginx.conf
+COPY --from=builder /apps/packages/apps/build /usr/share/nginx/html
+
+EXPOSE 80
+
+CMD ["/bin/bash", "-c", "/usr/share/nginx/html/env.sh && nginx -g \"daemon off;\""]
diff --git a/docker/build.sh b/docker/build.sh
new file mode 100644
index 0000000..ee4f53c
--- /dev/null
+++ b/docker/build.sh
@@ -0,0 +1,33 @@
+#!/usr/bin/env bash
+# Copyright 2017-2022 @polkadot/apps authors & contributors
+# This software may be modified and distributed under the terms
+# of the Apache-2.0 license. See the LICENSE file for details.
+
+# fail fast on any non-zero exits
+set -e
+
+# the docker image name and dockerhub repo
+NAME="polkadot-js-apps"
+REPO="jacogr"
+
+# extract the current npm version from package.json
+VERSION=$(cat package.json \
+  | grep version \
+  | head -1 \
+  | awk -F: '{ print $2 }' \
+  | sed 's/[",]//g' \
+  | sed 's/ //g')
+
+echo "*** Building $NAME"
+docker build -t $NAME -f docker/Dockerfile .
+
+docker login -u $REPO -p $DOCKER_PASS
+
+echo "*** Tagging $REPO/$NAME"
+if [[ $VERSION != *"beta"* ]]; then
+  docker tag $NAME $REPO/$NAME:$VERSION
+fi
+docker tag $NAME $REPO/$NAME
+
+echo "*** Publishing $NAME"
+docker push $REPO/$NAME
diff --git a/docker/nginx.conf b/docker/nginx.conf
new file mode 100644
index 0000000..dce1ffb
--- /dev/null
+++ b/docker/nginx.conf
@@ -0,0 +1,27 @@
+user  nginx;
+worker_processes  1;
+
+error_log  /var/log/nginx/error.log warn;
+pid        /var/run/nginx.pid;
+
+events {
+    worker_connections  1024;
+}
+
+http {
+    include       /etc/nginx/mime.types;
+    default_type  application/octet-stream;
+
+    log_format  main  '$remote_addr - $remote_user [$time_local] "$request" '
+                      '$status $body_bytes_sent "$http_referer" '
+                      '"$http_user_agent" "$http_x_forwarded_for"';
+
+    access_log  /var/log/nginx/access.log  main;
+
+    sendfile        on;
+    #tcp_nopush     on;
+
+    keepalive_timeout  65;
+    gzip  on;
+    include /etc/nginx/conf.d/*.conf;
+}
diff --git a/electron-builder.yml b/electron-builder.yml
new file mode 100644
index 0000000..df6ad0a
--- /dev/null
+++ b/electron-builder.yml
@@ -0,0 +1,19 @@
+---
+productName: Polkadot-JS Apps
+artifactName: Polkadot-JS-Apps-${version}.${ext}
+files:
+  - "./packages/apps-electron/build"
+  - "./packages/apps-electron/assets"
+  - "./packages/apps-electron/appleEntitlements"
+appId: com.polkadotjs.polkadotjs-apps
+mac:
+  artifactName: Polkadot-JS-Apps-mac-${version}.${ext}
+  category: public.app-category.finance
+  entitlements: "./packages/apps-electron/appleEntitlements/entitlements.mac.plist"
+  extendInfo:
+    NSCameraUsageDescription: "This app requires camera access to capture account data on imports"
+  hardenedRuntime: true
+directories:
+  buildResources: "./packages/apps-electron/assets"
+  output: "./packages/apps-electron/release"
+afterSign: electron-builder-notarize
diff --git a/env.sh b/env.sh
new file mode 100644
index 0000000..841ee8d
--- /dev/null
+++ b/env.sh
@@ -0,0 +1,22 @@
+#!/bin/bash
+# Copyright 2017-2022 @polkadot/apps authors & contributors
+# SPDX-License-Identifier: Apache-2.0
+
+# This script is used when the docker container starts and does the magic to
+# bring the ENV variables to the generated static UI.
+
+TARGET=./env-config.js
+
+# Recreate config file
+echo -n > $TARGET
+
+declare -a vars=(
+  "WS_URL"
+  "SAMPLE"
+)
+
+echo "window.process_env = {" >> $TARGET
+for VAR in ${vars[@]}; do
+  echo "  $VAR: \"${!VAR}\"," >> $TARGET
+done
+echo "}" >> $TARGET
diff --git a/i18next-scanner.config.cjs b/i18next-scanner.config.cjs
new file mode 100644
index 0000000..6b07979
--- /dev/null
+++ b/i18next-scanner.config.cjs
@@ -0,0 +1,66 @@
+// Copyright 2017-2022 @polkadot/apps authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+const fs = require('fs');
+const path = require('path');
+const typescript = require('typescript');
+
+const findPackages = require('./scripts/findPackages.cjs');
+
+function transform (file, enc, done) {
+  const { ext } = path.parse(file.path);
+
+  if (ext === '.tsx') {
+    const { outputText } = typescript.transpileModule(fs.readFileSync(file.path, enc), {
+      compilerOptions: { target: 'es2018' },
+      fileName: path.basename(file.path)
+    });
+
+    this.parser.parseFuncFromString(outputText, (key, options) => {
+      options.defaultValue = key;
+
+      if (process.platform !== 'win32') {
+        options.ns = /packages\/(.*?)\/src/g.exec(file.path)[1].replace('page-', 'app-');
+      } else {
+        options.ns = /packages\\(.*?)\\src/g.exec(file.path)[1].replace('page-', 'app-');
+      }
+
+      this.parser.set(key, options);
+    });
+  }
+
+  done();
+}
+
+module.exports = {
+  input: [
+    'packages/*/src/**/*.{ts,tsx}',
+    // Use ! to filter out files or directories
+    '!packages/*/src/**/*.spec.{ts,tsx}',
+    '!packages/*/src/i18n/**',
+    '!**/node_modules/**'
+  ],
+  options: {
+    debug: true,
+    defaultLng: 'en',
+    func: {
+      extensions: ['.tsx', '.ts'],
+      list: ['t', 'i18next.t', 'i18n.t']
+    },
+    keySeparator: false, // key separator
+    lngs: ['en'],
+    ns: findPackages().map(({ dir }) => dir.replace('page-', 'app-')),
+    nsSeparator: false, // namespace separator
+    resource: {
+      jsonIndent: 2,
+      lineEnding: '\n',
+      loadPath: 'packages/apps/public/locales/{{lng}}/{{ns}}.json',
+      savePath: 'packages/apps/public/locales/{{lng}}/{{ns}}.json'
+    },
+    trans: {
+      component: 'Trans'
+    }
+  },
+  output: './',
+  transform
+};
diff --git a/jenkinsfileOnPre b/jenkinsfileOnPre
new file mode 100644
index 0000000..5f73108
--- /dev/null
+++ b/jenkinsfileOnPre
@@ -0,0 +1,66 @@
+
+pipeline {
+  agent {
+    node {
+      label 'base'
+    }
+  }
+  environment {
+    DOCKER_CREDENTIAL_ID = 'dockerhub-id'
+    KUBECONFIG_CREDENTIAL_ID = 'admin'
+    REGISTRY = 'docker.io'
+    DOCKERHUB_NAMESPACE = 'chainxorg'
+    APP_NAME = 'sherpax-wallet-v2-pre'
+  }
+  parameters {
+    string(name: 'BRANCH_NAME', defaultValue: 'pre', description: '')
+  }
+
+
+  stages {
+
+    stage('拉取代码') {
+      steps {
+        git(branch: 'pre', url: 'https://github.com/chainx-org/sherpax-wallet-v2.git', credentialsId: 'github-id', changelog: true, poll: false)
+      }
+    }
+
+
+    stage('推送镜像') {
+      steps {
+        container('base') {
+          withCredentials([usernamePassword(credentialsId : "$DOCKER_CREDENTIAL_ID" ,passwordVariable : 'DOCKER_PASSWORD' ,usernameVariable : 'DOCKER_USERNAME' ,)]) {
+            sh 'echo "$DOCKER_PASSWORD" | docker login $REGISTRY -u "$DOCKER_USERNAME" --password-stdin'
+            sh 'docker build -f Dockerfile.dev -t $REGISTRY/$DOCKERHUB_NAMESPACE/$APP_NAME:$BUILD_NUMBER .'
+            sh 'docker push $REGISTRY/$DOCKERHUB_NAMESPACE/$APP_NAME:$BUILD_NUMBER'
+          }
+
+        }
+
+      }
+    }
+
+    stage('部署') {
+      steps {
+        container('base') {
+          script {
+            withCredentials([
+              kubeconfigFile(
+                credentialsId: 'admin',
+                variable: 'KUBECONFIG')
+              ])
+              {
+                sh 'envsubst <  deploy/pre/deploy-sherpax-wallet-v2.yaml | kubectl apply -f -'
+
+              }
+            }
+
+        }
+
+      }
+
+    }
+
+  }
+}
+  
\ No newline at end of file
diff --git a/jenkinsfileOnProd b/jenkinsfileOnProd
new file mode 100644
index 0000000..cb70b2c
--- /dev/null
+++ b/jenkinsfileOnProd
@@ -0,0 +1,66 @@
+
+pipeline {
+  agent {
+    node {
+      label 'base'
+    }
+  }
+  environment {
+    DOCKER_CREDENTIAL_ID = 'dockerhub-id'
+    KUBECONFIG_CREDENTIAL_ID = 'admin'
+    REGISTRY = 'docker.io'
+    DOCKERHUB_NAMESPACE = 'chainxorg'
+    APP_NAME = 'sherpax-wallet-v2-prod'
+  }
+  parameters {
+    string(name: 'BRANCH_NAME', defaultValue: 'main', description: '')
+  }
+
+
+  stages {
+
+    stage('拉取代码') {
+      steps {
+        git(branch: 'main', url: 'https://github.com/chainx-org/sherpax-wallet-v2.git', credentialsId: 'github-id', changelog: true, poll: false)
+      }
+    }
+
+
+    stage('推送镜像') {
+      steps {
+        container('base') {
+          withCredentials([usernamePassword(credentialsId : "$DOCKER_CREDENTIAL_ID" ,passwordVariable : 'DOCKER_PASSWORD' ,usernameVariable : 'DOCKER_USERNAME' ,)]) {
+            sh 'echo "$DOCKER_PASSWORD" | docker login $REGISTRY -u "$DOCKER_USERNAME" --password-stdin'
+            sh 'docker build -f Dockerfile.prod -t $REGISTRY/$DOCKERHUB_NAMESPACE/$APP_NAME:$BUILD_NUMBER .'
+            sh 'docker push $REGISTRY/$DOCKERHUB_NAMESPACE/$APP_NAME:$BUILD_NUMBER'
+          }
+
+        }
+
+      }
+    }
+
+    stage('部署') {
+      steps {
+        container('base') {
+          script {
+            withCredentials([
+              kubeconfigFile(
+                credentialsId: 'admin',
+                variable: 'KUBECONFIG')
+              ])
+              {
+                sh 'envsubst <  deploy/prod/deploy-sherpax-wallet-v2.yaml | kubectl apply -f -'
+
+              }
+            }
+
+        }
+
+      }
+
+    }
+
+  }
+}
+  
\ No newline at end of file
diff --git a/jest-slow.config.cjs b/jest-slow.config.cjs
new file mode 100644
index 0000000..1bd6bdb
--- /dev/null
+++ b/jest-slow.config.cjs
@@ -0,0 +1,11 @@
+// Copyright 2017-2022 @polkadot/apps authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+const config = require('./jest.config.cjs');
+
+module.exports = {
+  ...config,
+  displayName: 'all-tests',
+  globalSetup: './jest/globalSetup.cjs',
+  globalTeardown: './jest/globalTeardown.cjs'
+};
diff --git a/jest.config.cjs b/jest.config.cjs
new file mode 100644
index 0000000..bb6a47d
--- /dev/null
+++ b/jest.config.cjs
@@ -0,0 +1,29 @@
+// Copyright 2017-2022 @polkadot/apps authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+const config = require('@polkadot/dev/config/jest.cjs');
+
+const findPackages = require('./scripts/findPackages.cjs');
+
+module.exports = {
+  ...config,
+  moduleNameMapper: {
+    ...(
+      findPackages()
+        .filter(({ name }) => !['@polkadot/apps'].includes(name))
+        .reduce((modules, { dir, name }) => {
+          modules[`${name}(.*)$`] = `<rootDir>/packages/${dir}/src/$1`;
+
+          return modules;
+        }, {})
+    ),
+    '@polkadot/apps/(.*)$': '<rootDir>/packages/apps/src/$1',
+    '\\.(css|less)$': 'empty/object',
+    '\\.(jpg|jpeg|png|gif|eot|otf|webp|svg|ttf|woff|woff2|mp4|webm|wav|mp3|m4a|aac|oga)$': 'empty/object',
+    '\\.(md)$': '<rootDir>/jest/mocks/empty.js'
+  },
+  setupFilesAfterEnv: ['<rootDir>/jest/jest-setup.ts'],
+  testEnvironment: 'jsdom',
+  testTimeout: 90000,
+  transformIgnorePatterns: ['/node_modules/(?!@polkadot|@babel/runtime/helpers/esm/|@substrate|smoldot)']
+};
diff --git a/jest/globalSetup.cjs b/jest/globalSetup.cjs
new file mode 100644
index 0000000..c5ab67f
--- /dev/null
+++ b/jest/globalSetup.cjs
@@ -0,0 +1,25 @@
+// Copyright 2017-2022 @polkadot/apps authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+const { AlwaysPullPolicy, GenericContainer, Wait } = require('testcontainers');
+
+const startSubstrate = async () => {
+  console.log('Substrate container starting...');
+
+  const startedTestContainer = await new GenericContainer('parity/substrate')
+    .withPullPolicy(new AlwaysPullPolicy())
+    .withName('polkadot-apps-test-substrate')
+    .withExposedPorts(9944)
+    .withCmd(['--dev', '--ws-port=9944', '--unsafe-ws-external'])
+    .withWaitStrategy(Wait.forLogMessage('New epoch 0 launching'))
+    .start();
+
+  console.log('Done.');
+
+  process.env.TEST_SUBSTRATE_PORT = startedTestContainer.getMappedPort(9944)?.toString() || '';
+  global.__SUBSTRATE__ = startedTestContainer;
+};
+
+module.exports = async () => {
+  await startSubstrate();
+};
diff --git a/jest/globalTeardown.cjs b/jest/globalTeardown.cjs
new file mode 100644
index 0000000..fe7439d
--- /dev/null
+++ b/jest/globalTeardown.cjs
@@ -0,0 +1,10 @@
+// Copyright 2017-2022 @polkadot/apps authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+module.exports = async () => {
+  console.log('Shutting down Substrate container...');
+
+  await global.__SUBSTRATE__.stop();
+
+  console.log('Done.');
+};
diff --git a/jest/jest-setup.ts b/jest/jest-setup.ts
new file mode 100644
index 0000000..71fc9a8
--- /dev/null
+++ b/jest/jest-setup.ts
@@ -0,0 +1,18 @@
+// Copyright 2017-2022 @polkadot/apps authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import '@testing-library/jest-dom';
+import './substrate-connect';
+
+import { configure } from '@testing-library/dom';
+
+// eslint-disable-next-line @typescript-eslint/ban-ts-comment
+// @ts-ignore
+// eslint-disable-next-line no-global-assign
+CSS = {
+  supports (): boolean {
+    return false;
+  }
+}
+
+configure({ asyncUtilTimeout: 10000 });
diff --git a/jest/mocks/empty.js b/jest/mocks/empty.js
new file mode 100644
index 0000000..8d0ddc3
--- /dev/null
+++ b/jest/mocks/empty.js
@@ -0,0 +1,5 @@
+// Copyright 2019-2022 @polkadot/apps authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+// eslint-disable-line
+module.exports = '';
diff --git a/jest/substrate-connect.ts b/jest/substrate-connect.ts
new file mode 100644
index 0000000..7fd8fe9
--- /dev/null
+++ b/jest/substrate-connect.ts
@@ -0,0 +1,114 @@
+// Copyright 2017-2022 @polkadot/apps authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+// duplicated from https://github.com/polkadot-js/api/blob/bb75b422730d6bf5189a87e9b7bbd1585bd5cd26/packages/rpc-provider/src/substrate-connect/ScProvider.spec.ts#L1
+
+import type { Chain, JsonRpcCallback } from '@substrate/connect';
+
+type MockChain = Chain & {
+  _spec: () => string
+  _recevedRequests: () => string[]
+  _isTerminated: () => boolean
+  _triggerCallback: (response: string | {}) => void
+  _setTerminateInterceptor: (fn: () => void) => void
+  _setSendJsonRpcInterceptor: (fn: (rpc: string) => void) => void
+  _getLatestRequest: () => string
+}
+
+const getFakeChain = (spec: string, callback: JsonRpcCallback): MockChain => {
+  const _receivedRequests: string[] = [];
+  let _isTerminated = false;
+
+  let terminateInterceptor: Function = Function.prototype;
+  let sendJsonRpcInterceptor: Function = Function.prototype;
+
+  return {
+    _spec: () => spec,
+    _recevedRequests: () => _receivedRequests,
+    _isTerminated: () => _isTerminated,
+    _triggerCallback: (response) => {
+      callback(
+        typeof response === 'string' ? response : JSON.stringify(response)
+      );
+    },
+    _setSendJsonRpcInterceptor: (fn) => {
+      sendJsonRpcInterceptor = fn;
+    },
+    _setTerminateInterceptor: (fn) => {
+      terminateInterceptor = fn;
+    },
+    sendJsonRpc: (rpc) => {
+      sendJsonRpcInterceptor(rpc);
+      _receivedRequests.push(rpc);
+    },
+    remove: () => {
+      terminateInterceptor();
+      _isTerminated = true;
+    },
+    _getLatestRequest: () => _receivedRequests[_receivedRequests.length - 1]
+  };
+};
+
+const getFakeClient = () => {
+  const chains: MockChain[] = [];
+  let addChainInterceptor: Promise<void> = Promise.resolve();
+  let addWellKnownChainInterceptor: Promise<void> = Promise.resolve();
+
+  return {
+    _chains: () => chains,
+    _setAddChainInterceptor: (interceptor: Promise<void>) => {
+      addChainInterceptor = interceptor;
+    },
+    _setAddWellKnownChainInterceptor: (interceptor: Promise<void>) => {
+      addWellKnownChainInterceptor = interceptor;
+    },
+    addChain: (chainSpec: string, cb: JsonRpcCallback): Promise<MockChain> =>
+      addChainInterceptor.then(() => {
+        const result = getFakeChain(chainSpec, cb);
+
+        chains.push(result);
+
+        return result;
+      }),
+    addWellKnownChain: (
+      wellKnownChain: string,
+      cb: JsonRpcCallback
+    ): Promise<MockChain> =>
+      addWellKnownChainInterceptor.then(() => {
+        const result = getFakeChain(wellKnownChain, cb);
+
+        chains.push(result);
+
+        return result;
+      })
+  };
+};
+
+enum WellKnownChain {
+  polkadot = 'polkadot',
+  ksmcc3 = 'ksmcc3',
+  rococo_v2_1 = 'rococo_v2_1',
+  westend2 = 'westend2'
+}
+
+const connectorFactory = () => {
+  const clients: ReturnType<typeof getFakeClient>[] = [];
+  const latestClient = () => clients[clients.length - 1];
+
+  return {
+    WellKnownChain,
+    createScClient: () => {
+      const result = getFakeClient();
+
+      clients.push(result);
+
+      return result;
+    },
+    _clients: () => clients,
+    latestClient,
+    latestChain: () =>
+      latestClient()._chains()[latestClient()._chains().length - 1]
+  };
+};
+
+jest.mock('@substrate/connect', () => connectorFactory());
diff --git a/nginx.config b/nginx.config
new file mode 100644
index 0000000..38b872f
--- /dev/null
+++ b/nginx.config
@@ -0,0 +1,29 @@
+server {
+    listen       ${PORT:-80};
+    server_name  _;
+
+    root /usr/share/nginx/html;
+    index index.html;
+    gzip on;
+    gzip_disable "msie6";
+
+    gzip_comp_level 6;
+    gzip_min_length 1100;
+    gzip_buffers 16 8k;
+    gzip_proxied any;
+    gzip_types
+            text/plain
+            text/css
+            text/js
+            text/xml
+            text/javascript
+            application/javascript
+            application/x-javascript
+            application/json
+            application/xml
+            application/rss+xml
+            image/svg+xml/javascript;
+    location / {
+        try_files $$uri /index.html;
+    }
+}
diff --git a/package.json b/package.json
new file mode 100644
index 0000000..795c7ae
--- /dev/null
+++ b/package.json
@@ -0,0 +1,117 @@
+{
+  "author": "Jaco Greeff <jacogr@gmail.com>",
+  "bugs": "https://github.com/polkadot-js/apps/issues",
+  "description": "An Apps portal into the Polkadot network",
+  "homepage": "https://github.com/polkadot-js/apps#readme",
+  "license": "Apache-2.0",
+  "name": "polkadot-apps",
+  "packageManager": "yarn@3.2.0",
+  "private": true,
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/polkadot-js/apps.git"
+  },
+  "sideEffects": false,
+  "version": "0.112.2-14",
+  "workspaces": [
+    "packages/*"
+  ],
+  "main": "packages/apps-electron/build/electron.js",
+  "scripts": {
+    "analyze": "yarn clean && BUILD_ANALYZE=1 yarn run build:code && yarn source-map-explorer packages/apps/build/main.*.js",
+    "build": "yarn run build:i18n && yarn run build:code",
+    "build:code": "NODE_ENV=production yarn polkadot-dev-build-ts",
+    "build:devElectronMain": "cd packages/apps-electron && yarn webpack --config webpack.main.cjs",
+    "build:devElectronRenderer": "cd packages/apps-electron && yarn webpack --config webpack.renderer.cjs",
+    "build:electron": "yarn clean:electronBuild && yarn build:electronMain && yarn build:electronRenderer",
+    "build:electronMain": "cd packages/apps-electron && NODE_ENV=production yarn webpack --config webpack.main.cjs",
+    "build:electronRenderer": "cd packages/apps-electron && NODE_ENV=production yarn webpack --config webpack.renderer.cjs",
+    "build:i18n": "i18next-scanner --config i18next-scanner.config.cjs && node ./scripts/i18nSort.cjs",
+    "build:release:electron": "yarn build && yarn build:electron && yarn postinstall:electron",
+    "build:release:ghpages": "yarn polkadot-ci-ghact-docs",
+    "build:release:ipfs": "node scripts/ipfsUpload.mjs",
+    "build:release:www": "yarn polkadot-ci-ghact-build && yarn build:release:ghpages && yarn build:release:ipfs",
+    "build:robohash": "node scripts/robohash.cjs",
+    "build:www": "rm -rf packages/apps/build && mkdir -p packages/apps/build && yarn run build:i18n && cd packages/apps && yarn webpack --config webpack.config.cjs",
+    "ci:chainEndpoints": "NODE_OPTIONS=--max_old_space_size=8192 polkadot-dev-run-test --runInBand packages/apps-config/src/ci/chainEndpoints",
+    "ci:chainTypes": "NODE_OPTIONS=--max_old_space_size=8192 polkadot-dev-run-test --runInBand packages/apps-config/src/ci/chainTypes",
+    "clean": "polkadot-dev-clean-build",
+    "clean:electronBuild": "cd packages/apps-electron && polkadot-dev-clean-build",
+    "clean:electronRelease": "cd packages/apps-electron && rm -rf release",
+    "clean:i18n": "rm -rf packages/apps/public/locales/en && mkdir -p packages/apps/public/locales/en",
+    "docs": "echo \"skipping docs\"",
+    "lint": "polkadot-dev-run-lint",
+    "packElectron": "yarn build:release:electron && yarn clean:electronRelease && electron-builder build -mwl",
+    "packElectron:linux": "yarn build:release:electron && electron-builder build --linux",
+    "packElectron:mac": "yarn build:release:electron && electron-builder build --mac",
+    "packElectron:test": "yarn build:release:electron && electron-builder --dir",
+    "packElectron:win": "yarn build:release:electron && electron-builder build --win",
+    "postinstall": "polkadot-dev-yarn-only",
+    "postinstall:electron": "electron-builder install-app-deps",
+    "start": "yarn clean && cd packages/apps && yarn webpack-cli serve --config webpack.serve.cjs --port 3001",
+    "start:electron": "yarn clean:electronBuild && concurrently 'yarn build:devElectronMain && cd packages/apps-electron && electron ./build/electron.js' 'yarn build:devElectronRenderer'",
+    "test": "polkadot-dev-run-test --runInBand --testPathIgnorePatterns slow --testNamePattern='^((?!--SLOW--).)*$'",
+    "test:all": "polkadot-dev-run-test --runInBand --config ./jest-slow.config.cjs",
+    "test:one": "polkadot-dev-run-test",
+    "test:skipped": "echo 'tests skipped'"
+  },
+  "devDependencies": {
+    "@babel/core": "^7.17.9",
+    "@babel/register": "^7.17.7",
+    "@babel/runtime": "^7.17.9",
+    "@crustio/crust-pin": "^1.0.0",
+    "@pinata/sdk": "^1.1.23",
+    "@polkadot/dev": "^0.66.3",
+    "@types/chart.js": "^2.9.35",
+    "@types/file-saver": "^2.0.5",
+    "@types/jest": "^27.4.1",
+    "@types/react-beautiful-dnd": "^13.1.2",
+    "@types/react-copy-to-clipboard": "^5.0.2",
+    "@types/react-dom": "^17.0.14",
+    "@types/react-router-dom": "^5.3.3",
+    "@types/store": "^2.0.2",
+    "@types/styled-components": "^5.1.24",
+    "@types/styled-theming": "^2.2.5",
+    "concurrently": "^7.0.0",
+    "devtron": "^1.4.0",
+    "dnslink-cloudflare": "^3.0.0",
+    "electron": "^12.2.3",
+    "electron-builder": "22.14.13",
+    "electron-builder-notarize": "^1.2.0",
+    "i18next-scanner": "^3.1.0",
+    "k8s-deploy-cli": "^0.1.5",
+    "react": "^17.0.2",
+    "react-dom": "^17.0.2",
+    "react-is": "^17.0.2",
+    "source-map-explorer": "^2.5.2",
+    "styled-components": "^5.3.5",
+    "webpack": "^5.72.0",
+    "webpack-cli": "^4.9.2"
+  },
+  "resolutions": {
+    "@polkadot/api": "^8.0.3-1",
+    "@polkadot/api-augment": "^8.0.3-1",
+    "@polkadot/api-base": "^8.0.3-1",
+    "@polkadot/api-contract": "^8.0.3-1",
+    "@polkadot/api-derive": "^8.0.3-1",
+    "@polkadot/hw-ledger": "^9.0.1",
+    "@polkadot/keyring": "^9.0.1",
+    "@polkadot/networks": "^9.0.1",
+    "@polkadot/phishing": "^0.11.29",
+    "@polkadot/rpc-augment": "^8.0.3-1",
+    "@polkadot/rpc-core": "^8.0.3-1",
+    "@polkadot/rpc-provider": "^8.0.3-1",
+    "@polkadot/types": "^8.0.3-1",
+    "@polkadot/types-augment": "^8.0.3-1",
+    "@polkadot/types-codec": "^8.0.3-1",
+    "@polkadot/types-create": "^8.0.3-1",
+    "@polkadot/types-known": "^8.0.3-1",
+    "@polkadot/types-support": "^8.0.3-1",
+    "@polkadot/util": "^9.0.1",
+    "@polkadot/util-crypto": "^9.0.1",
+    "@polkadot/wasm-crypto": "^6.0.1",
+    "babel-core": "^7.0.0-bridge.0",
+    "styled-components": "^5.3.1",
+    "typescript": "^4.6.3"
+  }
+}
diff --git a/packages/apps-config/LICENSE b/packages/apps-config/LICENSE
new file mode 100644
index 0000000..0d381b2
--- /dev/null
+++ b/packages/apps-config/LICENSE
@@ -0,0 +1,201 @@
+                              Apache License
+                        Version 2.0, January 2004
+                    http://www.apache.org/licenses/
+
+TERMS AND CONDITIONS FOR USE, REPRODUCTION, AND DISTRIBUTION
+
+1. Definitions.
+
+  "License" shall mean the terms and conditions for use, reproduction,
+  and distribution as defined by Sections 1 through 9 of this document.
+
+  "Licensor" shall mean the copyright owner or entity authorized by
+  the copyright owner that is granting the License.
+
+  "Legal Entity" shall mean the union of the acting entity and all
+  other entities that control, are controlled by, or are under common
+  control with that entity. For the purposes of this definition,
+  "control" means (i) the power, direct or indirect, to cause the
+  direction or management of such entity, whether by contract or
+  otherwise, or (ii) ownership of fifty percent (50%) or more of the
+  outstanding shares, or (iii) beneficial ownership of such entity.
+
+  "You" (or "Your") shall mean an individual or Legal Entity
+  exercising permissions granted by this License.
+
+  "Source" form shall mean the preferred form for making modifications,
+  including but not limited to software source code, documentation
+  source, and configuration files.
+
+  "Object" form shall mean any form resulting from mechanical
+  transformation or translation of a Source form, including but
+  not limited to compiled object code, generated documentation,
+  and conversions to other media types.
+
+  "Work" shall mean the work of authorship, whether in Source or
+  Object form, made available under the License, as indicated by a
+  copyright notice that is included in or attached to the work
+  (an example is provided in the Appendix below).
+
+  "Derivative Works" shall mean any work, whether in Source or Object
+  form, that is based on (or derived from) the Work and for which the
+  editorial revisions, annotations, elaborations, or other modifications
+  represent, as a whole, an original work of authorship. For the purposes
+  of this License, Derivative Works shall not include works that remain
+  separable from, or merely link (or bind by name) to the interfaces of,
+  the Work and Derivative Works thereof.
+
+  "Contribution" shall mean any work of authorship, including
+  the original version of the Work and any modifications or additions
+  to that Work or Derivative Works thereof, that is intentionally
+  submitted to Licensor for inclusion in the Work by the copyright owner
+  or by an individual or Legal Entity authorized to submit on behalf of
+  the copyright owner. For the purposes of this definition, "submitted"
+  means any form of electronic, verbal, or written communication sent
+  to the Licensor or its representatives, including but not limited to
+  communication on electronic mailing lists, source code control systems,
+  and issue tracking systems that are managed by, or on behalf of, the
+  Licensor for the purpose of discussing and improving the Work, but
+  excluding communication that is conspicuously marked or otherwise
+  designated in writing by the copyright owner as "Not a Contribution."
+
+  "Contributor" shall mean Licensor and any individual or Legal Entity
+  on behalf of whom a Contribution has been received by Licensor and
+  subsequently incorporated within the Work.
+
+2. Grant of Copyright License. Subject to the terms and conditions of
+  this License, each Contributor hereby grants to You a perpetual,
+  worldwide, non-exclusive, no-charge, royalty-free, irrevocable
+  copyright license to reproduce, prepare Derivative Works of,
+  publicly display, publicly perform, sublicense, and distribute the
+  Work and such Derivative Works in Source or Object form.
+
+3. Grant of Patent License. Subject to the terms and conditions of
+  this License, each Contributor hereby grants to You a perpetual,
+  worldwide, non-exclusive, no-charge, royalty-free, irrevocable
+  (except as stated in this section) patent license to make, have made,
+  use, offer to sell, sell, import, and otherwise transfer the Work,
+  where such license applies only to those patent claims licensable
+  by such Contributor that are necessarily infringed by their
+  Contribution(s) alone or by combination of their Contribution(s)
+  with the Work to which such Contribution(s) was submitted. If You
+  institute patent litigation against any entity (including a
+  cross-claim or counterclaim in a lawsuit) alleging that the Work
+  or a Contribution incorporated within the Work constitutes direct
+  or contributory patent infringement, then any patent licenses
+  granted to You under this License for that Work shall terminate
+  as of the date such litigation is filed.
+
+4. Redistribution. You may reproduce and distribute copies of the
+  Work or Derivative Works thereof in any medium, with or without
+  modifications, and in Source or Object form, provided that You
+  meet the following conditions:
+
+  (a) You must give any other recipients of the Work or
+      Derivative Works a copy of this License; and
+
+  (b) You must cause any modified files to carry prominent notices
+      stating that You changed the files; and
+
+  (c) You must retain, in the Source form of any Derivative Works
+      that You distribute, all copyright, patent, trademark, and
+      attribution notices from the Source form of the Work,
+      excluding those notices that do not pertain to any part of
+      the Derivative Works; and
+
+  (d) If the Work includes a "NOTICE" text file as part of its
+      distribution, then any Derivative Works that You distribute must
+      include a readable copy of the attribution notices contained
+      within such NOTICE file, excluding those notices that do not
+      pertain to any part of the Derivative Works, in at least one
+      of the following places: within a NOTICE text file distributed
+      as part of the Derivative Works; within the Source form or
+      documentation, if provided along with the Derivative Works; or,
+      within a display generated by the Derivative Works, if and
+      wherever such third-party notices normally appear. The contents
+      of the NOTICE file are for informational purposes only and
+      do not modify the License. You may add Your own attribution
+      notices within Derivative Works that You distribute, alongside
+      or as an addendum to the NOTICE text from the Work, provided
+      that such additional attribution notices cannot be construed
+      as modifying the License.
+
+  You may add Your own copyright statement to Your modifications and
+  may provide additional or different license terms and conditions
+  for use, reproduction, or distribution of Your modifications, or
+  for any such Derivative Works as a whole, provided Your use,
+  reproduction, and distribution of the Work otherwise complies with
+  the conditions stated in this License.
+
+5. Submission of Contributions. Unless You explicitly state otherwise,
+  any Contribution intentionally submitted for inclusion in the Work
+  by You to the Licensor shall be under the terms and conditions of
+  this License, without any additional terms or conditions.
+  Notwithstanding the above, nothing herein shall supersede or modify
+  the terms of any separate license agreement you may have executed
+  with Licensor regarding such Contributions.
+
+6. Trademarks. This License does not grant permission to use the trade
+  names, trademarks, service marks, or product names of the Licensor,
+  except as required for reasonable and customary use in describing the
+  origin of the Work and reproducing the content of the NOTICE file.
+
+7. Disclaimer of Warranty. Unless required by applicable law or
+  agreed to in writing, Licensor provides the Work (and each
+  Contributor provides its Contributions) on an "AS IS" BASIS,
+  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or
+  implied, including, without limitation, any warranties or conditions
+  of TITLE, NON-INFRINGEMENT, MERCHANTABILITY, or FITNESS FOR A
+  PARTICULAR PURPOSE. You are solely responsible for determining the
+  appropriateness of using or redistributing the Work and assume any
+  risks associated with Your exercise of permissions under this License.
+
+8. Limitation of Liability. In no event and under no legal theory,
+  whether in tort (including negligence), contract, or otherwise,
+  unless required by applicable law (such as deliberate and grossly
+  negligent acts) or agreed to in writing, shall any Contributor be
+  liable to You for damages, including any direct, indirect, special,
+  incidental, or consequential damages of any character arising as a
+  result of this License or out of the use or inability to use the
+  Work (including but not limited to damages for loss of goodwill,
+  work stoppage, computer failure or malfunction, or any and all
+  other commercial damages or losses), even if such Contributor
+  has been advised of the possibility of such damages.
+
+9. Accepting Warranty or Additional Liability. While redistributing
+  the Work or Derivative Works thereof, You may choose to offer,
+  and charge a fee for, acceptance of support, warranty, indemnity,
+  or other liability obligations and/or rights consistent with this
+  License. However, in accepting such obligations, You may act only
+  on Your own behalf and on Your sole responsibility, not on behalf
+  of any other Contributor, and only if You agree to indemnify,
+  defend, and hold each Contributor harmless for any liability
+  incurred by, or claims asserted against, such Contributor by reason
+  of your accepting any such warranty or additional liability.
+
+END OF TERMS AND CONDITIONS
+
+APPENDIX: How to apply the Apache License to your work.
+
+  To apply the Apache License to your work, attach the following
+  boilerplate notice, with the fields enclosed by brackets "[]"
+  replaced with your own identifying information. (Don't include
+  the brackets!)  The text should be enclosed in the appropriate
+  comment syntax for the file format. We also recommend that a
+  file or class name and description of purpose be included on the
+  same "printed page" as the copyright notice for easier
+  identification within third-party archives.
+
+Copyright [yyyy] [name of copyright owner]
+
+Licensed under the Apache License, Version 2.0 (the "License");
+you may not use this file except in compliance with the License.
+You may obtain a copy of the License at
+
+    http://www.apache.org/licenses/LICENSE-2.0
+
+Unless required by applicable law or agreed to in writing, software
+distributed under the License is distributed on an "AS IS" BASIS,
+WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+See the License for the specific language governing permissions and
+limitations under the License.
diff --git a/packages/apps-config/README.md b/packages/apps-config/README.md
new file mode 100644
index 0000000..4b620ac
--- /dev/null
+++ b/packages/apps-config/README.md
@@ -0,0 +1,43 @@
+# @polkadot/apps-config
+
+General config for various services, including settings, external links & types. This is a central source of all the configuration settings that can be tweaked. This also means that it can be customized (via PR) to support any additional chains. The internals are split into a number of settings -
+
+- [api](./src/api) - Here you can add any chain or node-type specific types configuration. When added, it means that when the UI connects to either a runtime with a spec name, or a chain with a specific name, the types will be automatically added to the API as used in the app.
+- [links](./src/links) - These are all links to external providers such as explorers. This information is used anywhere where there is an external link to determine the providers for these links.
+- [settings](./src/settings) - These are used in dropdowns, specifically under the settings page.
+- [ui](./src/ui) - Logos & color settings for chain and node spec specific overrides. This means that when the runtime/chain is detected, the specific logo would be used.
+
+Customization for each of these are discussed next.
+
+## Api
+
+The API config can be done in one of two ways -
+
+- [chain](./src/api/chain) - Here we are mapping to a specific chain name. Generally the next type would be preferred, however if you are supporting multiple chains with individual configs, you would probably want to add the chain-specific information in here.
+- [spec](./src/api/spec) - Here we are mapping from the runtime spec name of the chain to specific types. This means that when connected to a specific spec, these types will be injected.
+
+The actual type definitions you should be familiar with, it is exactly the same as you would upload via the settings page in JSON, or as detailed in the [API types pages](https://polkadot.js.org/api/start/types.extend.html#extending-types).
+
+## Links
+
+We are not going to spend too much time here, since it is generally applicable to explorers and like services. However, should you run one of these services, you can take a look at the existing configs and customize for your setup.
+
+## Settings
+
+There are 2 general areas of interest here -
+
+- [endpoints](./src/settings) - This is where we can add additional endpoints to appear in the dropdowns. We would like to keep this to mostly live networks, although based on demand can probably extend to a testing-only section as well.
+- [ss58](./src/settings) - Should you wish to add your ss58Format to the settings dropdown, this is where the configuration take place
+
+## UI
+
+These are self-explanatory and config here actually does get used in other parts as well. Basically the information here is broken down into a couple of categories -
+
+- [colors](./src/ui/colors.ts)
+  - color configuration based on chain
+- [identityIcon](./src/ui/identityIcons)
+  - specific identityIcon to use based on node name
+- [logos](./src/ui/logos)
+  - chains - Specific logos when connecting to a specific chain
+  - nodes - Logos that are used when connecting to a specific runtime spec type (catch-all)
+  - named - These logos are used as overrides when we pass an explicit logo name 
diff --git a/packages/apps-config/package.json b/packages/apps-config/package.json
new file mode 100644
index 0000000..1ec8a61
--- /dev/null
+++ b/packages/apps-config/package.json
@@ -0,0 +1,50 @@
+{
+  "bugs": "https://github.com/polkadot-js/apps/issues",
+  "homepage": "https://github.com/polkadot-js/apps/tree/master/packages/apps-config#readme",
+  "license": "Apache-2.0",
+  "name": "@polkadot/apps-config",
+  "repository": {
+    "directory": "packages/apps-config",
+    "type": "git",
+    "url": "https://github.com/polkadot-js/apps.git"
+  },
+  "sideEffects": false,
+  "type": "module",
+  "version": "0.112.2-14",
+  "main": "index.js",
+  "dependencies": {
+    "@acala-network/type-definitions": "^4.0.1",
+    "@babel/runtime": "^7.17.9",
+    "@bifrost-finance/type-definitions": "1.5.0",
+    "@crustio/type-definitions": "1.2.0",
+    "@darwinia/types": "2.7.2",
+    "@digitalnative/type-definitions": "1.1.27",
+    "@docknetwork/node-types": "0.6.0",
+    "@edgeware/node-types": "3.6.2-wako",
+    "@equilab/definitions": "1.4.11",
+    "@interlay/interbtc-types": "1.5.10",
+    "@kiltprotocol/type-definitions": "0.1.23",
+    "@laminar/type-definitions": "0.3.1",
+    "@mangata-finance/types": "^0.0.12",
+    "@metaverse-network-sdk/type-definitions": "^0.0.1-13",
+    "@parallel-finance/type-definitions": "1.6.5",
+    "@phala/typedefs": "0.2.30",
+    "@polkadot/api": "^8.0.3-1",
+    "@polkadot/api-derive": "^8.0.3-1",
+    "@polkadot/networks": "^9.0.1",
+    "@polkadot/types": "^8.0.3-1",
+    "@polkadot/util": "^9.0.1",
+    "@polkadot/x-fetch": "^9.0.1",
+    "@polymathnetwork/polymesh-types": "0.0.2",
+    "@snowfork/snowbridge-types": "0.2.7",
+    "@sora-substrate/type-definitions": "1.8.6",
+    "@subsocial/types": "0.6.5",
+    "@unique-nft/types": "0.3.1",
+    "@zeitgeistpm/type-defs": "0.4.5",
+    "@zeroio/type-definitions": "0.0.14",
+    "lodash": "^4.17.21",
+    "moonbeam-types-bundle": "2.0.3",
+    "pontem-types-bundle": "1.0.15",
+    "rxjs": "^7.5.5"
+  }
+}
diff --git a/packages/apps-config/src/api/chain/crust-maxwell.ts b/packages/apps-config/src/api/chain/crust-maxwell.ts
new file mode 100644
index 0000000..7b6bcb3
--- /dev/null
+++ b/packages/apps-config/src/api/chain/crust-maxwell.ts
@@ -0,0 +1,103 @@
+// Copyright 2017-2022 @polkadot/apps-config authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+// structs need to be in order
+/* eslint-disable sort-keys */
+
+export default {
+  AccountInfo: 'AccountInfoWithProviders',
+  Address: 'AccountId',
+  AddressInfo: 'Vec<u8>',
+  LookupSource: 'AccountId',
+  EraBenefits: {
+    total_benefits: 'Balance',
+    total_funds: 'Balance',
+    used_benefits: 'Balance',
+    active_era: 'EraIndex'
+  },
+  FeeReductionBenefit: {
+    funds: 'Balance',
+    total_fee_reduction_count: 'u32',
+    used_fee_reduction_quota: 'Balance',
+    used_fee_reduction_count: 'u32',
+    refreshed_at: 'EraIndex'
+  },
+  CsmBalance: 'Balance',
+  CsmBalanceOf: 'Balance',
+  ETHAddress: 'Vec<u8>',
+  EthereumTxHash: 'H256',
+  CSMLedger: {
+    total: 'Compact<Balance>',
+    active: 'Compact<Balance>',
+    unlocking: 'Vec<CSMUnlockChunk<Balance>>'
+  },
+  CSMUnlockChunk: {
+    value: 'Compact<Balance>',
+    bn: 'Compact<BlockNumber>'
+  },
+  FileInfo: {
+    file_size: 'u64',
+    expired_on: 'BlockNumber',
+    calculated_at: 'BlockNumber',
+    amount: 'Balance',
+    prepaid: 'Balance',
+    reported_replica_count: 'u32',
+    replicas: 'Vec<Replica<AccountId>>'
+  },
+  MerchantLedger: {
+    reward: 'Balance',
+    collateral: 'Balance'
+  },
+  Releases: {
+    _enum: ['V1_0_0', 'V2_0_0']
+  },
+  Replica: {
+    who: 'AccountId',
+    valid_at: 'BlockNumber',
+    anchor: 'SworkerAnchor',
+    is_reported: 'bool'
+  },
+  Status: {
+    _enum: ['Free', 'Reserved']
+  },
+  UsedInfo: {
+    used_size: 'u64',
+    reported_group_count: 'u32',
+    groups: 'BTreeMap<SworkerAnchor, bool>'
+  },
+  Guarantee: {
+    targets: 'Vec<IndividualExposure<AccountId, Balance>>',
+    total: 'Compact<Balance>',
+    submitted_in: 'EraIndex',
+    suppressed: 'bool'
+  },
+  ValidatorPrefs: {
+    guarantee_fee: 'Compact<Perbill>'
+  },
+  IASSig: 'Vec<u8>',
+  Identity: {
+    anchor: 'SworkerAnchor',
+    punishment_deadline: 'u64',
+    group: 'Option<AccountId>'
+  },
+  ISVBody: 'Vec<u8>',
+  MerkleRoot: 'Vec<u8>',
+  ReportSlot: 'u64',
+  PKInfo: {
+    code: 'SworkerCode',
+    anchor: 'Option<SworkerAnchor>'
+  },
+  SworkerAnchor: 'Vec<u8>',
+  SworkerCert: 'Vec<u8>',
+  SworkerCode: 'Vec<u8>',
+  SworkerPubKey: 'Vec<u8>',
+  SworkerSignature: 'Vec<u8>',
+  WorkReport: {
+    report_slot: 'u64',
+    used: 'u64',
+    free: 'u64',
+    reported_files_size: 'u64',
+    reported_srd_root: 'MerkleRoot',
+    reported_files_root: 'MerkleRoot'
+  }
+};
diff --git a/packages/apps-config/src/api/chain/index.ts b/packages/apps-config/src/api/chain/index.ts
new file mode 100644
index 0000000..953798e
--- /dev/null
+++ b/packages/apps-config/src/api/chain/index.ts
@@ -0,0 +1,12 @@
+// Copyright 2017-2022 @polkadot/apps-config authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import { typesChain } from '@phala/typedefs';
+
+import CrustMaxwell from './crust-maxwell';
+
+// alphabetical, based on the actual displayed name
+export default {
+  ...typesChain,
+  'Crust Maxwell': CrustMaxwell
+};
diff --git a/packages/apps-config/src/api/constants.ts b/packages/apps-config/src/api/constants.ts
new file mode 100644
index 0000000..953a454
--- /dev/null
+++ b/packages/apps-config/src/api/constants.ts
@@ -0,0 +1,32 @@
+// Copyright 2017-2022 @polkadot/app-accounts authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import { selectableNetworks } from '@polkadot/networks';
+import { assert, BN } from '@polkadot/util';
+
+function getGenesis (name: string): string {
+  const network = selectableNetworks.find(({ network }) => network === name);
+
+  assert(network && network.genesisHash[0], `Unable to find genesisHash for ${name}`);
+
+  return network.genesisHash[0];
+}
+
+export const KULUPU_GENESIS = getGenesis('kulupu');
+
+export const KUSAMA_GENESIS = getGenesis('kusama');
+
+export const POLKADOT_GENESIS = getGenesis('polkadot');
+export const POLKADOT_DENOM_BLOCK = new BN(1248328);
+
+export const ROCOCO_GENESIS = '0xaaf2cd1b74b5f726895921259421b534124726263982522174147046b8827897';
+
+export const WESTEND_GENESIS = '0xe143f23803ac50e8f6f8e62695d1ce9e4e1d68aa36c1cd2cfd15340213f3423e';
+
+export const NEATCOIN_GENESIS = '0xfbb541421d30423c9a753ffa844b64fd44d823f513bf49e3b73b3a656309a595';
+
+export const DOCK_GENESIS = '0x6bfe24dca2a3be10f22212678ac13a6446ec764103c0f3471c71609eac384aae';
+
+export const DOCK_POS_TESTNET_GENESIS = '0x59d93e2ce42abb8aa52ca9a9e820233667104751f8f2980578a47a26a7235027';
+
+export const NFTMART_GENESIS = '0xfcf9074303d8f319ad1bf0195b145871977e7c375883b834247cb01ff22f51f9';
diff --git a/packages/apps-config/src/api/index.ts b/packages/apps-config/src/api/index.ts
new file mode 100644
index 0000000..7295386
--- /dev/null
+++ b/packages/apps-config/src/api/index.ts
@@ -0,0 +1,20 @@
+// Copyright 2017-2022 @polkadot/apps-config authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { OverrideBundleType } from '@polkadot/types/types';
+
+import typesChain from './chain';
+import spec from './spec';
+
+export * from './constants';
+export * from './params';
+
+export function getChainTypes (_specName: string, chainName: string): Record<string, string | Record<string, unknown>> {
+  return {
+    ...(typesChain[chainName as keyof typeof typesChain] || {})
+  };
+}
+
+export const typesBundle: OverrideBundleType = { spec };
+
+export { typesChain };
diff --git a/packages/apps-config/src/api/params/index.ts b/packages/apps-config/src/api/params/index.ts
new file mode 100644
index 0000000..badc31d
--- /dev/null
+++ b/packages/apps-config/src/api/params/index.ts
@@ -0,0 +1,6 @@
+// Copyright 2017-2022 @polkadot/apps-config authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+export * from './inflation';
+export * from './proposalThresholds';
+export * from './teleport';
diff --git a/packages/apps-config/src/api/params/inflation.ts b/packages/apps-config/src/api/params/inflation.ts
new file mode 100644
index 0000000..a329b39
--- /dev/null
+++ b/packages/apps-config/src/api/params/inflation.ts
@@ -0,0 +1,36 @@
+// Copyright 2017-2022 @polkadot/app-config authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { ApiPromise } from '@polkadot/api';
+
+import { DOCK_POS_TESTNET_GENESIS, KUSAMA_GENESIS, NEATCOIN_GENESIS, NFTMART_GENESIS, POLKADOT_GENESIS } from '../constants';
+
+interface InflationParams {
+  auctionAdjust: number;
+  auctionMax: number;
+  falloff: number;
+  maxInflation: number;
+  minInflation: number;
+  stakeTarget: number;
+}
+
+const DEFAULT_PARAMS: InflationParams = {
+  auctionAdjust: 0,
+  auctionMax: 0,
+  falloff: 0.05,
+  maxInflation: 0.1,
+  minInflation: 0.025,
+  stakeTarget: 0.5
+};
+
+const KNOWN_PARAMS: Record<string, InflationParams> = {
+  [DOCK_POS_TESTNET_GENESIS]: { ...DEFAULT_PARAMS, stakeTarget: 0.75 },
+  [KUSAMA_GENESIS]: { ...DEFAULT_PARAMS, auctionAdjust: (0.3 / 60), auctionMax: 60, stakeTarget: 0.75 },
+  [NEATCOIN_GENESIS]: { ...DEFAULT_PARAMS, stakeTarget: 0.75 },
+  [NFTMART_GENESIS]: { ...DEFAULT_PARAMS, falloff: 0.04, stakeTarget: 0.60 },
+  [POLKADOT_GENESIS]: { ...DEFAULT_PARAMS, stakeTarget: 0.75 }
+};
+
+export function getInflationParams (api: ApiPromise): InflationParams {
+  return KNOWN_PARAMS[api.genesisHash.toHex()] || DEFAULT_PARAMS;
+}
diff --git a/packages/apps-config/src/api/params/proposalThresholds.ts b/packages/apps-config/src/api/params/proposalThresholds.ts
new file mode 100644
index 0000000..a0d998e
--- /dev/null
+++ b/packages/apps-config/src/api/params/proposalThresholds.ts
@@ -0,0 +1,54 @@
+// Copyright 2017-2022 @polkadot/apps-config authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { ApiPromise } from '@polkadot/api';
+
+import { KULUPU_GENESIS, KUSAMA_GENESIS, POLKADOT_GENESIS } from '../constants';
+
+// normal fast-track proposals
+const FAST_TRACK: Record<string, number> = {
+  default: 2 / 3
+};
+
+// in the case where block < fastTrackVotingPeriod
+const FAST_TRACK_NO_DELAY: Record<string, number> = {
+  default: 1
+};
+
+const PROPOSE: Record<string, number> = {
+  [KULUPU_GENESIS]: 1,
+  [KUSAMA_GENESIS]: 1 / 2,
+  [POLKADOT_GENESIS]: 3 / 5,
+  default: 1 / 2
+};
+
+const SLASH: Record<string, number> = {
+  [KUSAMA_GENESIS]: 1 / 2,
+  [POLKADOT_GENESIS]: 3 / 4,
+  default: 1 / 2
+};
+
+const TREASURY: Record<string, number> = {
+  [KULUPU_GENESIS]: 1 / 2,
+  [KUSAMA_GENESIS]: 3 / 5,
+  [POLKADOT_GENESIS]: 3 / 5,
+  default: 3 / 5
+};
+
+export function getFastTrackThreshold (api: ApiPromise, isDefault: boolean): number {
+  return isDefault
+    ? (FAST_TRACK[api.genesisHash.toHex()] || FAST_TRACK.default)
+    : (FAST_TRACK_NO_DELAY[api.genesisHash.toHex()] || FAST_TRACK_NO_DELAY.default);
+}
+
+export function getProposalThreshold (api: ApiPromise): number {
+  return PROPOSE[api.genesisHash.toHex()] || PROPOSE.default;
+}
+
+export function getSlashProposalThreshold (api: ApiPromise): number {
+  return SLASH[api.genesisHash.toHex()] || SLASH.default;
+}
+
+export function getTreasuryProposalThreshold (api: ApiPromise): number {
+  return TREASURY[api.genesisHash.toHex()] || TREASURY.default;
+}
diff --git a/packages/apps-config/src/api/params/teleport.ts b/packages/apps-config/src/api/params/teleport.ts
new file mode 100644
index 0000000..0ad07e9
--- /dev/null
+++ b/packages/apps-config/src/api/params/teleport.ts
@@ -0,0 +1,19 @@
+// Copyright 2017-2022 @polkadot/app-config authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { ApiPromise } from '@polkadot/api';
+
+import { KUSAMA_GENESIS } from '../constants';
+
+// 4 * BaseXcmWeight on Kusama
+const KUSAMA_WEIGHT = 4 * 1_000_000_000;
+
+const DEFAULT_WEIGHT = KUSAMA_WEIGHT;
+
+const KNOWN_WEIGHTS: Record<string, number> = {
+  [KUSAMA_GENESIS]: KUSAMA_WEIGHT
+};
+
+export function getTeleportWeight (api: ApiPromise): number {
+  return KNOWN_WEIGHTS[api.genesisHash.toHex()] || DEFAULT_WEIGHT;
+}
diff --git a/packages/apps-config/src/api/spec/acala.ts b/packages/apps-config/src/api/spec/acala.ts
new file mode 100644
index 0000000..6c972b0
--- /dev/null
+++ b/packages/apps-config/src/api/spec/acala.ts
@@ -0,0 +1,6 @@
+// Copyright 2017-2022 @polkadot/apps-config authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import { typesBundleForPolkadot } from '@acala-network/type-definitions';
+
+export default typesBundleForPolkadot.spec;
diff --git a/packages/apps-config/src/api/spec/ajuna.ts b/packages/apps-config/src/api/spec/ajuna.ts
new file mode 100644
index 0000000..c741d53
--- /dev/null
+++ b/packages/apps-config/src/api/spec/ajuna.ts
@@ -0,0 +1,20 @@
+// Copyright 2017-2022 @polkadot/apps-config authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { OverrideBundleDefinition } from '@polkadot/types/types';
+
+/* eslint-disable sort-keys */
+const definitions: OverrideBundleDefinition = {
+  types: [
+    {
+      // on all versions
+      minmax: [0, undefined],
+      types: {
+        Address: 'MultiAddress',
+        LookupSource: 'MultiAddress'
+      }
+    }
+  ]
+};
+
+export default definitions;
diff --git a/packages/apps-config/src/api/spec/altair.ts b/packages/apps-config/src/api/spec/altair.ts
new file mode 100644
index 0000000..c42e2ab
--- /dev/null
+++ b/packages/apps-config/src/api/spec/altair.ts
@@ -0,0 +1,35 @@
+// Copyright 2017-2022 @polkadot/apps-config authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { OverrideBundleDefinition } from '@polkadot/types/types';
+
+/* eslint-disable sort-keys */
+
+const definitions: OverrideBundleDefinition = {
+  types: [
+    {
+      // on all versions
+      minmax: [0, undefined],
+      types: {
+        ParachainAccountIdOf: 'AccountId',
+        Proof: {
+          leafHash: 'Hash',
+          sortedHashes: 'Vec<Hash>'
+        },
+        ProxyType: {
+          _enum: [
+            'Any',
+            'NonTransfer',
+            'Governance',
+            '_Staking',
+            'NonProxy'
+          ]
+        },
+        RelayChainAccountId: 'AccountId',
+        RootHashOf: 'Hash'
+      }
+    }
+  ]
+};
+
+export default definitions;
diff --git a/packages/apps-config/src/api/spec/apron.ts b/packages/apps-config/src/api/spec/apron.ts
new file mode 100644
index 0000000..5ebd2d8
--- /dev/null
+++ b/packages/apps-config/src/api/spec/apron.ts
@@ -0,0 +1,22 @@
+// Copyright 2017-2022 @polkadot/apps-config authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { OverrideBundleDefinition } from '@polkadot/types/types';
+
+// structs need to be in order
+/* eslint-disable sort-keys */
+
+const definitions: OverrideBundleDefinition = {
+  types: [
+    {
+      // on all versions
+      minmax: [0, undefined],
+      types: {
+        Address: 'AccountId',
+        LookupSource: 'AccountId'
+      }
+    }
+  ]
+};
+
+export default definitions;
diff --git a/packages/apps-config/src/api/spec/ares-gladios.ts b/packages/apps-config/src/api/spec/ares-gladios.ts
new file mode 100644
index 0000000..a2bfee0
--- /dev/null
+++ b/packages/apps-config/src/api/spec/ares-gladios.ts
@@ -0,0 +1,207 @@
+// Copyright 2017-2022 @polkadot/apps-config authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { OverrideBundleDefinition } from '@polkadot/types/types';
+
+/* eslint-disable sort-keys */
+
+const definitions: OverrideBundleDefinition = {
+  types: [
+    {
+      // on all versions
+      minmax: [0, undefined],
+      types: {
+        Address: 'MultiAddress',
+        AskPeriodNum: 'u64',
+        AskPointNum: 'u32',
+        AuthorityAres: 'AccountId',
+        AccountParticipateEstimates: {
+          account: 'AccountId',
+          end: 'BlockNumber',
+          estimates: 'Option<u64>',
+          range_index: 'Option<u8>',
+          bsc_address: 'Option<Bytes>',
+          multiplier: 'MultiplierOption',
+          reward: 'u128'
+        },
+        AresPriceData: {
+          price: 'u64',
+          account_id: 'AccountId',
+          create_bn: 'BlockNumber',
+          fraction_len: 'FractionLength',
+          raw_number: 'JsonNumberValue',
+          timestamp: 'u64'
+        },
+        BalanceOf: 'Balance',
+        ChooseWinnersPayload: {
+          block_number: 'BlockNumber',
+          winners: 'Vec<AccountParticipateEstimates>',
+          public: 'AccountId',
+          estimates_id: 'u64',
+          symbol: 'Bytes',
+          price: '(u64, FractionLength)'
+        },
+        EstimatesState: {
+          _enum: [
+            'InActive',
+            'Active',
+            'WaitingPayout',
+            'Completed'
+          ]
+        },
+        EstimatesType: {
+          _enum: [
+            'DEVIATION', 'RANGE'
+          ]
+        },
+        FractionLength: 'u32',
+        HttpError: {
+          _enum: {
+            IoErr: 'Bytes',
+            TimeOut: 'Bytes',
+            StatusErr: '(Bytes,u16)',
+            ParseErr: 'Bytes'
+          }
+        },
+        HttpErrTracePayload: {
+          trace_data: 'HttpErrTraceData<BlockNumber, AuthorityId>',
+          auth: 'AuthorityId',
+          public: 'MultiSigner'
+        },
+        HttpErrTraceData: {
+          block_number: 'BlockNumber',
+          err_auth: 'AuthorityId',
+          err_status: 'HttpError',
+          tip: 'Bytes'
+        },
+        JsonNumberValue: {
+          integer: 'u64',
+          fraction: 'u64',
+          fraction_length: 'u32',
+          exponent: 'u32'
+        },
+        Keys: 'SessionKeys3',
+        LookupSource: 'MultiAddress',
+        MultiplierOption: {
+          _enum: [
+            'Base1', 'Base2', 'Base5'
+          ]
+        },
+        OcwControlData: {
+          need_verifier_check: 'bool',
+          open_free_price_reporter: 'bool',
+          open_paid_price_reporter: 'bool'
+        },
+        OffchainSignature: 'MultiSignature',
+        PaidValue: {
+          create_bn: 'BlockNumber',
+          amount: 'BalanceOf',
+          is_income: 'bool'
+        },
+        PurchasedId: 'Bytes',
+        PriceKey: 'Vec<u8>',
+        PriceToken: 'Bytes',
+        PreCheckPayload: {
+          block_number: 'BlockNumber',
+          pre_check_stash: 'AccountId',
+          pre_check_auth: 'AuthorityId',
+          auth: 'AuthorityId',
+          public: 'MultiSigner'
+        },
+        PreCheckResultPayload: {
+          block_number: 'BlockNumber',
+          pre_check_list: 'Vec<PreCheckStruct>',
+          pre_check_stash: 'AccountId',
+          pre_check_auth: 'AuthorityId',
+          public: 'MultiSigner'
+        },
+        PreCheckCompareLog: {
+          chain_avg_price_list: 'BTreeMap<Bytes, (u64, FractionLength)>',
+          validator_up_price_list: 'BTreeMap<Bytes, (u64, FractionLength)>',
+          raw_precheck_list: 'Vec<PreCheckStruct>'
+        },
+        PreCheckStruct: {
+          price_key: 'Vec<u8>',
+          number_val: 'JsonNumberValue',
+          max_offset: 'Percent',
+          timestamp: 'u64'
+        },
+        PricePayloadSubPrice: '(PriceKey, u64, FractionLength, JsonNumberValue, u64)',
+        PricePayloadSubJumpBlock: '(PriceKey, RequestInterval)',
+        PricePayload: {
+          block_number: 'BlockNumber',
+          price: 'Vec<PricePayloadSubPrice>',
+          jump_block: 'Vec<PricePayloadSubJumpBlock>',
+          auth: 'AuthorityId',
+          public: 'MultiSigner'
+        },
+        PreCheckStatus: {
+          _enum: [
+            'Review',
+            'Prohibit',
+            'Pass'
+          ]
+        },
+        PurchasedRequestData: {
+          account_id: 'AccountId',
+          offer: 'BalanceOf',
+          create_bn: 'BlockNumber',
+          submit_threshold: 'u8',
+          max_duration: 'u64',
+          request_keys: 'Vec<Vec<u8>>'
+        },
+        PurchasedPricePayload: {
+          block_number: 'BlockNumber',
+          purchase_id: 'Vec<u8>',
+          price: 'Vec<PricePayloadSubPrice>',
+          auth: 'AuthorityId',
+          public: 'MultiSigner'
+        },
+        PurchasedAvgPriceData: {
+          create_bn: 'u64',
+          reached_type: 'u8',
+          price_data: '(u64, FractionLength)'
+        },
+        PurchasedDefaultData: {
+          submit_threshold: 'u8',
+          max_duration: 'u64',
+          avg_keep_duration: 'u64'
+        },
+        PurchasedForceCleanPayload: {
+          BlockNumber: 'BlockNumber',
+          purchase_id_list: 'Vec<Vec<u8>>',
+          auth: 'AuthorityId',
+          public: 'MultiSigner'
+        },
+        PurchaseId: 'Vec<u8>',
+        Releases: {
+          _enum: [
+            'V1_0_0_Ancestral',
+            'V1_0_1_HttpErrUpgrade',
+            'V1_1_0_HttpErrUpgrade',
+            'V1_2_0'
+          ]
+        },
+        RequestInterval: 'u8',
+        StatusErr: '(u16)',
+        SymbolEstimatesConfig: {
+          symbol: 'Bytes',
+          estimates_type: 'EstimatesType',
+          id: 'u64',
+          ticket_price: 'Balance',
+          symbol_completed_price: 'u64',
+          symbol_fraction: 'FractionLength',
+          start: 'BlockNumber',
+          end: 'BlockNumber',
+          distribute: 'BlockNumber',
+          deviation: 'Option<Permill>',
+          range: 'Option<Vec<u64>>',
+          total_reward: 'Balance',
+          state: 'EstimatesState'
+        }
+      }
+    }
+  ]
+};
+
+export default definitions;
diff --git a/packages/apps-config/src/api/spec/ares-parachain.ts b/packages/apps-config/src/api/spec/ares-parachain.ts
new file mode 100644
index 0000000..663e74f
--- /dev/null
+++ b/packages/apps-config/src/api/spec/ares-parachain.ts
@@ -0,0 +1,208 @@
+// Copyright 2017-2022 @polkadot/apps-config authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { OverrideBundleDefinition } from '@polkadot/types/types';
+
+// structs need to be in order
+/* eslint-disable sort-keys */
+
+const definitions: OverrideBundleDefinition = {
+  types: [
+    {
+      // on all versions
+      minmax: [0, undefined],
+      types: {
+        Address: 'MultiAddress',
+        AskPeriodNum: 'u64',
+        AskPointNum: 'u32',
+        AuthorityAres: 'AccountId',
+        AccountParticipateEstimates: {
+          account: 'AccountId',
+          end: 'BlockNumber',
+          estimates: 'Option<u64>',
+          range_index: 'Option<u8>',
+          eth_address: 'Option<Bytes>',
+          multiplier: 'MultiplierOption',
+          reward: 'u128'
+        },
+        AresPriceData: {
+          price: 'u64',
+          account_id: 'AccountId',
+          create_bn: 'BlockNumber',
+          fraction_len: 'FractionLength',
+          raw_number: 'JsonNumberValue',
+          timestamp: 'u64'
+        },
+        BalanceOf: 'Balance',
+        ChooseWinnersPayload: {
+          block_number: 'BlockNumber',
+          winners: 'Vec<AccountParticipateEstimates>',
+          public: 'AccountId',
+          estimates_config: 'Bytes',
+          symbol: 'Bytes',
+          price: '(u64, FractionLength)'
+        },
+        EstimatesState: {
+          _enum: [
+            'InActive',
+            'Active',
+            'WaitingPayout',
+            'Completed'
+          ]
+        },
+        EstimatesType: {
+          _enum: [
+            'DEVIATION', 'RANGE'
+          ]
+        },
+        FractionLength: 'u32',
+        HttpError: {
+          _enum: {
+            IoErr: 'Bytes',
+            TimeOut: 'Bytes',
+            StatusErr: '(Bytes,u16)',
+            ParseErr: 'Bytes'
+          }
+        },
+        HttpErrTracePayload: {
+          trace_data: 'HttpErrTraceData<BlockNumber, AuthorityId>',
+          auth: 'AuthorityId',
+          public: 'MultiSigner'
+        },
+        HttpErrTraceData: {
+          block_number: 'BlockNumber',
+          err_auth: 'AuthorityId',
+          err_status: 'HttpError',
+          tip: 'Bytes'
+        },
+        JsonNumberValue: {
+          integer: 'u64',
+          fraction: 'u64',
+          fraction_length: 'u32',
+          exponent: 'u32'
+        },
+        Keys: 'SessionKeys4',
+        LookupSource: 'MultiAddress',
+        MultiplierOption: {
+          _enum: [
+            'Base1', 'Base2', 'Base5'
+          ]
+        },
+        OcwControlData: {
+          need_verifier_check: 'bool',
+          open_free_price_reporter: 'bool',
+          open_paid_price_reporter: 'bool'
+        },
+        OffchainSignature: 'MultiSignature',
+        PaidValue: {
+          create_bn: 'BlockNumber',
+          amount: 'BalanceOf',
+          is_income: 'bool'
+        },
+        PurchasedId: 'Bytes',
+        PriceKey: 'Vec<u8>',
+        PriceToken: 'Bytes',
+        PreCheckPayload: {
+          block_number: 'BlockNumber',
+          pre_check_stash: 'AccountId',
+          pre_check_auth: 'AuthorityId',
+          auth: 'AuthorityId',
+          public: 'MultiSigner'
+        },
+        PreCheckResultPayload: {
+          block_number: 'BlockNumber',
+          pre_check_list: 'Vec<PreCheckStruct>',
+          pre_check_stash: 'AccountId',
+          pre_check_auth: 'AuthorityId',
+          public: 'MultiSigner'
+        },
+        PreCheckCompareLog: {
+          chain_avg_price_list: 'BTreeMap<Bytes, (u64, FractionLength)>',
+          validator_up_price_list: 'BTreeMap<Bytes, (u64, FractionLength)>',
+          raw_precheck_list: 'Vec<PreCheckStruct>'
+        },
+        PreCheckStruct: {
+          price_key: 'Vec<u8>',
+          number_val: 'JsonNumberValue',
+          max_offset: 'Percent',
+          timestamp: 'u64'
+        },
+        PricePayloadSubPrice: '(PriceKey, u64, FractionLength, JsonNumberValue, u64)',
+        PricePayloadSubJumpBlock: '(PriceKey, RequestInterval)',
+        PricePayload: {
+          block_number: 'BlockNumber',
+          price: 'Vec<PricePayloadSubPrice>',
+          jump_block: 'Vec<PricePayloadSubJumpBlock>',
+          auth: 'AuthorityId',
+          public: 'MultiSigner'
+        },
+        PreCheckStatus: {
+          _enum: [
+            'Review',
+            'Prohibit',
+            'Pass'
+          ]
+        },
+        PurchasedRequestData: {
+          account_id: 'AccountId',
+          offer: 'BalanceOf',
+          create_bn: 'BlockNumber',
+          submit_threshold: 'u8',
+          max_duration: 'u64',
+          request_keys: 'Vec<Vec<u8>>'
+        },
+        PurchasedPricePayload: {
+          block_number: 'BlockNumber',
+          purchase_id: 'Vec<u8>',
+          price: 'Vec<PricePayloadSubPrice>',
+          auth: 'AuthorityId',
+          public: 'MultiSigner'
+        },
+        PurchasedAvgPriceData: {
+          create_bn: 'u64',
+          reached_type: 'u8',
+          price_data: '(u64, FractionLength)'
+        },
+        PurchasedDefaultData: {
+          submit_threshold: 'u8',
+          max_duration: 'u64',
+          avg_keep_duration: 'u64'
+        },
+        PurchasedForceCleanPayload: {
+          BlockNumber: 'BlockNumber',
+          purchase_id_list: 'Vec<Vec<u8>>',
+          auth: 'AuthorityId',
+          public: 'MultiSigner'
+        },
+        PurchaseId: 'Vec<u8>',
+        Releases: {
+          _enum: [
+            'V1_0_0_Ancestral',
+            'V1_0_1_HttpErrUpgrade',
+            'V1_1_0_HttpErrUpgrade',
+            'V1_2_0'
+          ]
+        },
+        RequestInterval: 'u8',
+        StatusErr: '(u16)',
+        SymbolEstimatesConfig: {
+          symbol: 'Bytes',
+          estimates_type: 'EstimatesType',
+          id: 'u64',
+          ticket_price: 'Balance',
+          symbol_completed_price: 'u64',
+          symbol_fraction: 'FractionLength',
+          start: 'BlockNumber',
+          end: 'BlockNumber',
+          distribute: 'BlockNumber',
+          deviation: 'Option<Permill>',
+          range: 'Option<Vec<u64>>',
+          total_reward: 'Balance',
+          state: 'EstimatesState'
+        }
+      }
+    }
+  ]
+};
+
+export default definitions;
diff --git a/packages/apps-config/src/api/spec/astar.ts b/packages/apps-config/src/api/spec/astar.ts
new file mode 100644
index 0000000..3734dfe
--- /dev/null
+++ b/packages/apps-config/src/api/spec/astar.ts
@@ -0,0 +1,42 @@
+// Copyright 2017-2022 @polkadot/apps-config authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { OverrideBundleDefinition } from '@polkadot/types/types';
+
+// structs need to be in order
+/* eslint-disable sort-keys */
+
+const definitions: OverrideBundleDefinition = {
+  types: [
+    {
+      // on all versions
+      minmax: [0, undefined],
+      types: {
+        Keys: 'AccountId',
+        Address: 'MultiAddress',
+        LookupSource: 'MultiAddress',
+        AmountOf: 'Amount',
+        Amount: 'i128',
+        SmartContract: {
+          _enum: {
+            Evm: 'H160',
+            Wasm: 'AccountId'
+          }
+        },
+        EraStakingPoints: {
+          total: 'Balance',
+          stakers: 'BTreeMap<AccountId, Balance>',
+          formerStakedEra: 'EraIndex',
+          claimedRewards: 'Balance'
+        },
+        EraRewardAndStake: {
+          rewards: 'Balance',
+          staked: 'Balance'
+        },
+        EraIndex: 'u32'
+      }
+    }
+  ]
+};
+
+export default definitions;
diff --git a/packages/apps-config/src/api/spec/automata.ts b/packages/apps-config/src/api/spec/automata.ts
new file mode 100644
index 0000000..1825053
--- /dev/null
+++ b/packages/apps-config/src/api/spec/automata.ts
@@ -0,0 +1,130 @@
+// Copyright 2017-2022 @polkadot/apps-config authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { OverrideBundleDefinition } from '@polkadot/types/types';
+
+// structs need to be in order
+/* eslint-disable sort-keys */
+
+const definitions: OverrideBundleDefinition = {
+  types: [
+    {
+      // on all versions
+      minmax: [0, undefined],
+      types: {
+        ResourceId: '[u8; 32]',
+        DepositNonce: 'u64',
+        ProposalStatus: {
+          _enum: [
+            'Initiated',
+            'Approved',
+            'Rejected'
+          ]
+        },
+        ProposalVotes: {
+          votes_for: 'Vec<AccountId>',
+          votes_against: 'Vec<AccountId>',
+          status: 'ProposalStatus'
+        },
+        BridgeTokenId: 'U256',
+        BridgeChainId: 'u8',
+        VestingPlan: {
+          start_time: 'u64',
+          cliff_duration: 'u64',
+          total_duration: 'u64',
+          interval: 'u64',
+          initial_amount: 'Balance',
+          total_amount: 'Balance',
+          vesting_during_cliff: 'bool'
+        },
+        ProposalId: 'u32',
+        ProjectId: 'u32',
+        ChainIndex: 'u32',
+        Protocol: {
+          _enum: ['Solidity', 'Substrate']
+        },
+        Chain: {
+          _protocol: 'Protocol'
+        },
+        CrossChainAccount: {
+          _enum: {
+            Solidity: 'H160',
+            Substrate: 'AccountId'
+          }
+        },
+        IpfsHash: 'Text',
+        SolidityStrategy: {
+          _enum: {
+            ERC20Balance: 'H160'
+          }
+        },
+        SubstrateStrategy: {
+          _enum: ['NativeBalance']
+        },
+        Strategy: {
+          _enum: {
+            Solidity: 'SolidityStrategy',
+            Substrate: 'SubstrateStrategy'
+          }
+        },
+        Workspace: {
+          _chain: 'ChainIndex',
+          strategies: 'Vec<Strategy>'
+        },
+        UserGroup: {
+          owner: 'CrossChainAccount',
+          admins: 'Vec<CrossChainAccount>',
+          maintainers: 'Vec<CrossChainAccount>',
+          proposers: 'Option<Vec<CrossChainAccount>>'
+        },
+        Project: {
+          usergroup: 'UserGroup',
+          data: 'IpfsHash',
+          workspaces: 'Vec<Workspace>'
+        },
+        VotingFormat: {
+          _enum: ['SingleChoice', 'SplitVote']
+        },
+        OptionIndex: 'u8',
+        PrivacyLevel: {
+          _enum: {
+            Opaque: 'u8',
+            Rank: 'Null',
+            Private: 'Null',
+            Public: 'Null',
+            Mixed: 'Null'
+          }
+        },
+        VotingPower: 'U256',
+        DAOProposalState: {
+          finalized: 'bool',
+          snapshots: 'Vec<Option<U256>>',
+          blacklisted: 'bool',
+          votes: 'Vec<VotingPower>',
+          pub_voters: 'Option<IpfsHash>',
+          updates: 'u32'
+        },
+        DAOProposal: {
+          _author: 'CrossChainAccount',
+          _voting_format: 'VotingFormat',
+          _option_count: 'OptionIndex',
+          _data: 'IpfsHash',
+          _privacy: 'PrivacyLevel',
+          _start: 'u64',
+          _end: 'u64',
+          _frequency: 'Option<u64>',
+          _workspaces: 'Vec<Workspace>',
+          state: 'DAOProposalState'
+        },
+        VoteUpdate: {
+          project: 'ProjectId',
+          proposal: 'ProposalId',
+          votes: 'Vec<VotingPower>',
+          pub_voters: 'Option<IpfsHash>'
+        }
+      }
+    }
+  ]
+};
+
+export default definitions;
diff --git a/packages/apps-config/src/api/spec/basilisk.ts b/packages/apps-config/src/api/spec/basilisk.ts
new file mode 100644
index 0000000..bc42c21
--- /dev/null
+++ b/packages/apps-config/src/api/spec/basilisk.ts
@@ -0,0 +1,97 @@
+// Copyright 2017-2022 @polkadot/apps-config authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { OverrideBundleDefinition } from '@polkadot/types/types';
+
+/* eslint-disable sort-keys */
+
+const definitions: OverrideBundleDefinition = {
+  alias: { tokens: { AccountData: 'OrmlAccountData' } },
+  types: [
+    {
+      // on all versions
+      minmax: [0, undefined],
+      types: {
+        AssetPair: { asset_in: 'AssetId', asset_out: 'AssetId' },
+        Amount: 'i128',
+        AmountOf: 'Amount',
+        Address: 'AccountId',
+        OrmlAccountData: { free: 'Balance', frozen: 'Balance', reserved: 'Balance' },
+        Fee: { numerator: 'u32', denominator: 'u32' },
+        BalanceInfo: { amount: 'Balance', assetId: 'AssetId' },
+        Chain: { genesisHash: 'Vec<u8>', lastBlockHash: 'Vec<u8>' },
+        Currency: 'AssetId',
+        CurrencyId: 'AssetId',
+        CurrencyIdOf: 'AssetId',
+        Intention: {
+          who: 'AccountId',
+          asset_sell: 'AssetId',
+          asset_buy: 'AssetId',
+          amount: 'Balance',
+          discount: 'bool',
+          sell_or_buy: 'IntentionType'
+        },
+        IntentionId: 'Hash',
+        IntentionType: { _enum: ['SELL', 'BUY'] },
+        LookupSource: 'AccountId',
+        Price: 'Balance',
+        ClassId: 'u64',
+        TokenId: 'u64',
+        ClassData: { is_pool: 'bool' },
+        TokenData: { locked: 'bool' },
+        ClassInfo: { metadata: 'Vec<u8>', total_issuance: 'TokenId', owner: 'AccountId', data: 'ClassData' },
+        TokenInfo: { metadata: 'Vec<u8>', owner: 'AccountId', data: 'TokenData' },
+        ClassInfoOf: 'ClassInfo',
+        TokenInfoOf: 'TokenInfo',
+        ClassIdOf: 'ClassId',
+        TokenIdOf: 'TokenId',
+        OrderedSet: 'Vec<AssetId>',
+        VestingSchedule: {
+          start: 'BlockNumber',
+          period: 'BlockNumber',
+          period_count: 'u32',
+          per_period: 'Compact<Balance>'
+        },
+        VestingScheduleOf: 'VestingSchedule',
+        LBPWeight: 'u32',
+        WeightCurveType: { _enum: ['Linear'] },
+        PoolId: 'AccountId',
+        BalanceOf: 'Balance',
+        AssetType: {
+          _enum: {
+            Token: 'Null',
+            PoolShare: '(AssetId,AssetId)'
+          }
+        },
+        Pool: {
+          owner: 'AccountId',
+          start: 'BlockNumber',
+          end: 'BlockNumber',
+          assets: 'AssetPair',
+          initial_weights: 'LBPWeight',
+          final_weights: 'LBPWeight',
+          weight_curve: 'WeightCurveType',
+          pausable: 'bool',
+          paused: 'bool',
+          fee: 'Fee',
+          fee_receiver: 'AccountId'
+        },
+        AssetDetails: {
+          name: 'Vec<u8>',
+          asset_type: 'AssetType',
+          existential_deposit: 'Balance',
+          locked: 'bool'
+        },
+        AssetDetailsT: 'AssetDetails',
+        AssetMetadata: { symbol: 'Vec<u8>', decimals: 'u8' },
+        AssetInstance: 'AssetInstanceV1',
+        MultiLocation: 'MultiLocationV1',
+        MultiAsset: 'MultiAssetV1',
+        Xcm: 'XcmV1',
+        XcmOrder: 'XcmOrderV1'
+      }
+    }
+  ]
+};
+
+export default definitions;
diff --git a/packages/apps-config/src/api/spec/beresheet.ts b/packages/apps-config/src/api/spec/beresheet.ts
new file mode 100644
index 0000000..52f2945
--- /dev/null
+++ b/packages/apps-config/src/api/spec/beresheet.ts
@@ -0,0 +1,11 @@
+// Copyright 2017-2022 @polkadot/apps-config authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { OverrideBundleDefinition } from '@polkadot/types/types';
+
+import { spec } from '@edgeware/node-types';
+
+// There is no separate types bundle for testnet at this time
+const beresheet = spec.typesBundle.spec?.edgeware as OverrideBundleDefinition;
+
+export default beresheet;
diff --git a/packages/apps-config/src/api/spec/bifrost-asgard.ts b/packages/apps-config/src/api/spec/bifrost-asgard.ts
new file mode 100644
index 0000000..ec873b4
--- /dev/null
+++ b/packages/apps-config/src/api/spec/bifrost-asgard.ts
@@ -0,0 +1,6 @@
+// Copyright 2017-2022 @polkadot/apps-config authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import { typesBundleForPolkadot } from '@bifrost-finance/type-definitions';
+
+export default typesBundleForPolkadot.spec.asgard;
diff --git a/packages/apps-config/src/api/spec/bifrost-parachain.ts b/packages/apps-config/src/api/spec/bifrost-parachain.ts
new file mode 100644
index 0000000..16c60ae
--- /dev/null
+++ b/packages/apps-config/src/api/spec/bifrost-parachain.ts
@@ -0,0 +1,6 @@
+// Copyright 2017-2022 @polkadot/apps-config authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import { typesBundleForPolkadot } from '@bifrost-finance/type-definitions';
+
+export default typesBundleForPolkadot.spec.bifrost;
diff --git a/packages/apps-config/src/api/spec/bifrost.ts b/packages/apps-config/src/api/spec/bifrost.ts
new file mode 100644
index 0000000..16c60ae
--- /dev/null
+++ b/packages/apps-config/src/api/spec/bifrost.ts
@@ -0,0 +1,6 @@
+// Copyright 2017-2022 @polkadot/apps-config authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import { typesBundleForPolkadot } from '@bifrost-finance/type-definitions';
+
+export default typesBundleForPolkadot.spec.bifrost;
diff --git a/packages/apps-config/src/api/spec/bitcountry-pioneer.ts b/packages/apps-config/src/api/spec/bitcountry-pioneer.ts
new file mode 100644
index 0000000..40cece5
--- /dev/null
+++ b/packages/apps-config/src/api/spec/bitcountry-pioneer.ts
@@ -0,0 +1,6 @@
+// Copyright 2017-2022 @polkadot/apps-config authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import { types } from '@metaverse-network-sdk/type-definitions';
+
+export default types;
diff --git a/packages/apps-config/src/api/spec/bitcountry-rococo.ts b/packages/apps-config/src/api/spec/bitcountry-rococo.ts
new file mode 100644
index 0000000..3fa9852
--- /dev/null
+++ b/packages/apps-config/src/api/spec/bitcountry-rococo.ts
@@ -0,0 +1,128 @@
+// Copyright 2017-2022 @polkadot/apps-config authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { OverrideBundleDefinition } from '@polkadot/types/types';
+
+// structs need to be in order
+/* eslint-disable sort-keys */
+
+const definitions: OverrideBundleDefinition = {
+  types: [
+    {
+      // on all versions
+      minmax: [0, undefined],
+      types: {
+        Address: 'MultiAddress',
+        LookupSource: 'MultiAddress',
+        AssetInfo: {
+          owner: 'AccountId',
+          data: 'AssetData'
+        },
+        AssetData: {
+          name: 'Text',
+          description: 'Text',
+          properties: 'Text',
+          supporters: 'Vec<AccountId>'
+        },
+        AuctionId: 'u64',
+        AuctionItem: {
+          asset_id: 'TokenId',
+          class_id: 'ClassId',
+          recipient: 'AccountId',
+          initial_amount: 'Balance',
+          amount: 'Balance',
+          start_time: 'u32',
+          end_time: 'u32'
+        },
+        AuctionInfo: {
+          bid: 'Option<(AccountId,Balance)>',
+          start: 'BlockNumber',
+          end: 'Option<BlockNumber>'
+        },
+        RentId: 'u64',
+        RentalInfo: {
+          owner: 'AccountId',
+          start: 'BlockNumber',
+          end: 'Option<BlockNumber>',
+          price_per_block: 'Balance'
+        },
+        CountryId: 'u64',
+        CollectionId: 'u64',
+        ClassId: 'u32',
+        TokenId: 'u64',
+        ClassInfoOf: {
+          metadata: 'Vec<u8>',
+          total_issuance: 'TokenId',
+          owner: 'AccountId',
+          data: 'NftClassData'
+        },
+        TokenInfoOf: {
+          metadata: 'Vec<u8>',
+          owner: 'AccountId',
+          data: 'NftAssetData'
+        },
+        NftCollectionData: {
+          name: 'Vec<u8>',
+          owner: 'AccountId',
+          properties: 'Vec<u8>'
+        },
+        TokenType: {
+          _enum: [
+            'Transferrable',
+            'BoundToAddress'
+          ]
+        },
+        NftAssetData: {
+          name: 'Vec<u8>',
+          description: 'Vec<u8>',
+          properties: 'Vec<u8>'
+        },
+        NftClassData: {
+          deposit: 'Balance',
+          properties: 'Vec<u8>',
+          token_type: 'TokenType'
+        },
+        NetworkId: {
+          _enum: {
+            Any: 'Null',
+            Named: 'Vec<u8>',
+            Polkadot: 'Null',
+            Kusama: 'Null'
+          }
+        },
+        CurrencyId: {
+          _enum: {
+            Token: 'TokenSymbol'
+          }
+        },
+        TokenSymbol: {
+          _enum: [
+            'NUUM',
+            'AUSD',
+            'ACA',
+            'DOT'
+          ]
+        },
+        CountryCurrencyId: 'u32',
+        CurrencyIdOf: 'CurrencyId',
+        BalanceIdOf: 'Balance',
+        ChainId: {
+          _enum: {
+            RelayChain: 'Null',
+            ParaChain: 'ParaId'
+          }
+        },
+        XCurrencyId: {
+          chain_id: 'ChainId',
+          currency_id: 'CurrencyId'
+        },
+        GroupCollectionId: 'u64',
+        ClassIdOf: 'u32',
+        TokenIdOf: 'u32',
+        SpotId: 'u32'
+      }
+    }
+  ]
+};
+
+export default definitions;
diff --git a/packages/apps-config/src/api/spec/bitcountry.ts b/packages/apps-config/src/api/spec/bitcountry.ts
new file mode 100644
index 0000000..9cbe1af
--- /dev/null
+++ b/packages/apps-config/src/api/spec/bitcountry.ts
@@ -0,0 +1,82 @@
+// Copyright 2017-2022 @polkadot/apps-config authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { OverrideBundleDefinition } from '@polkadot/types/types';
+
+// structs need to be in order
+/* eslint-disable sort-keys */
+
+const definitions: OverrideBundleDefinition = {
+  types: [
+    {
+      // on all versions
+      minmax: [0, undefined],
+      types: {
+        Address: 'MultiAddress',
+        LookupSource: 'MultiAddress',
+        AssetInfo: {
+          owner: 'AccountId',
+          data: 'AssetData'
+        },
+        AssetData: {
+          name: 'Text',
+          description: 'Text',
+          properties: 'Text',
+          supporters: 'Vec<AccountId>'
+        },
+        AuctionId: 'u64',
+        AuctionItem: {
+          asset_id: 'TokenId',
+          class_id: 'ClassId',
+          recipient: 'AccountId',
+          initial_amount: 'Balance',
+          amount: 'Balance',
+          start_time: 'u32',
+          end_time: 'u32'
+        },
+        AuctionInfo: {
+          bid: 'Option<(AccountId,Balance)>',
+          start: 'BlockNumber',
+          end: 'Option<BlockNumber>'
+        },
+        RentId: 'u64',
+        RentalInfo: {
+          owner: 'AccountId',
+          start: 'BlockNumber',
+          end: 'Option<BlockNumber>',
+          price_per_block: 'Balance'
+        },
+        CountryId: 'u64',
+        CountryCurrencyId: 'u32',
+        CollectionId: 'u64',
+        ClassId: 'u32',
+        TokenId: 'u64',
+        ClassInfoOf: {
+          metadata: 'Vec<u8>',
+          total_issuance: 'TokenId',
+          owner: 'AccountId',
+          data: 'NftClassData'
+        },
+        TokenInfoOf: {
+          metadata: 'Vec<u8>',
+          owner: 'AccountId',
+          data: 'NftAssetData'
+        },
+        NftCollectionData: {
+          name: 'Vec<u8>',
+          owner: 'AccountId',
+          properties: 'Vec<u8>'
+        },
+        CurrencyId: 'u32',
+        CurrencyIdOf: 'CurrencyId',
+        BalanceIdOf: 'Balance',
+        GroupCollectionId: 'u64',
+        ClassIdOf: 'u32',
+        TokenIdOf: 'u32',
+        SpotId: 'u32'
+      }
+    }
+  ]
+};
+
+export default definitions;
diff --git a/packages/apps-config/src/api/spec/canvas.ts b/packages/apps-config/src/api/spec/canvas.ts
new file mode 100644
index 0000000..cc8253e
--- /dev/null
+++ b/packages/apps-config/src/api/spec/canvas.ts
@@ -0,0 +1,30 @@
+// Copyright 2017-2022 @polkadot/apps-config authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { OverrideBundleDefinition } from '@polkadot/types/types';
+
+// structs need to be in order
+/* eslint-disable sort-keys */
+
+const definitions: OverrideBundleDefinition = {
+  types: [
+    {
+      minmax: [0, 8],
+      types: {
+        Address: 'AccountId',
+        Keys: 'SessionKeys2',
+        LookupSource: 'AccountId',
+        Schedule: 'ScheduleTo258'
+      }
+    },
+    {
+      // updated to Substrate master
+      minmax: [9, undefined],
+      types: {
+        Keys: 'SessionKeys2'
+      }
+    }
+  ]
+};
+
+export default definitions;
diff --git a/packages/apps-config/src/api/spec/centrifuge-chain.ts b/packages/apps-config/src/api/spec/centrifuge-chain.ts
new file mode 100644
index 0000000..8c6491b
--- /dev/null
+++ b/packages/apps-config/src/api/spec/centrifuge-chain.ts
@@ -0,0 +1,75 @@
+// Copyright 2017-2022 @polkadot/apps-config authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { OverrideBundleDefinition } from '@polkadot/types/types';
+
+// structs need to be in order
+/* eslint-disable sort-keys */
+
+const definitions: OverrideBundleDefinition = {
+  types: [
+    {
+      // on all versions
+      minmax: [0, undefined],
+      types: {
+        AnchorData: {
+          id: 'H256',
+          docRoot: 'H256',
+          anchoredBlock: 'u64'
+        },
+        Fee: {
+          key: 'Hash',
+          price: 'Balance'
+        },
+        PreCommitData: {
+          signingRoot: 'H256',
+          identity: 'H256',
+          expirationBlock: 'u64'
+        },
+        Proof: {
+          leafHash: 'H256',
+          sortedHashes: 'H256'
+        },
+        // MultiAccount
+        MultiAccountData: {
+          threshold: 'u16',
+          signatories: 'Vec<AccountId>',
+          deposit: 'Balance',
+          depositor: 'AccountId'
+        },
+        // Bridge constants
+        ChainId: 'u8',
+        ResourceId: '[u8; 32]',
+        'chainbridge::ChainId': 'u8',
+        DepositNonce: 'u64',
+        // NFT
+        RegistryId: 'H160',
+        TokenId: 'U256',
+        AssetId: {
+          registryId: 'RegistryId',
+          tokenId: 'TokenId'
+        },
+        RegistryInfo: {
+          ownerCanBurn: 'bool',
+          fields: 'Vec<Bytes>'
+        },
+        AssetInfo: {
+          metadata: 'Bytes'
+        },
+        ProofMint: {
+          value: 'Bytes',
+          property: 'Bytes',
+          salt: '[u8; 32]',
+          hashes: 'Vec<Hash>'
+        },
+        MintInfo: {
+          anchorId: 'Hash',
+          staticHashes: '[Hash; 3]',
+          proofs: 'Vec<ProofMint>'
+        }
+      }
+    }
+  ]
+};
+
+export default definitions;
diff --git a/packages/apps-config/src/api/spec/centrifuge.ts b/packages/apps-config/src/api/spec/centrifuge.ts
new file mode 100644
index 0000000..b79b5b2
--- /dev/null
+++ b/packages/apps-config/src/api/spec/centrifuge.ts
@@ -0,0 +1,53 @@
+// Copyright 2017-2022 @polkadot/apps-config authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { OverrideBundleDefinition } from '@polkadot/types/types';
+
+/* eslint-disable sort-keys */
+
+const definitions: OverrideBundleDefinition = {
+  types: [
+    {
+      // on all versions
+      minmax: [0, undefined],
+      types: {
+        AnchorData: {
+          id: 'Hash',
+          docRoot: 'Hash',
+          anchoredBlock: 'u64'
+        },
+        ChainId: 'u8',
+        'chainbridge::ChainId': 'u8',
+        DepositNonce: 'u64',
+        Fee: {
+          key: 'Hash',
+          price: 'Balance'
+        },
+        ParachainAccountIdOf: 'AccountId',
+        PreCommitData: {
+          signingRoot: 'Hash',
+          identity: 'AccountId',
+          expirationBlock: 'u64'
+        },
+        Proof: {
+          leafHash: 'Hash',
+          sortedHashes: 'Vec<Hash>'
+        },
+        ProxyType: {
+          _enum: [
+            'Any',
+            'NonTransfer',
+            'Governance',
+            '_Staking',
+            'NonProxy'
+          ]
+        },
+        ResourceId: '[u8; 32]',
+        RelayChainAccountId: 'AccountId',
+        RootHashOf: 'Hash'
+      }
+    }
+  ]
+};
+
+export default definitions;
diff --git a/packages/apps-config/src/api/spec/chainx.ts b/packages/apps-config/src/api/spec/chainx.ts
new file mode 100644
index 0000000..50667e4
--- /dev/null
+++ b/packages/apps-config/src/api/spec/chainx.ts
@@ -0,0 +1,462 @@
+// Copyright 2017-2022 @polkadot/apps-config authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { OverrideBundleDefinition } from '@polkadot/types/types';
+
+// structs need to be in order
+/* eslint-disable sort-keys */
+
+const definitions: OverrideBundleDefinition = {
+  types: [
+    {
+      // on all versions
+      minmax: [0, undefined],
+      types: {
+        Address: 'AccountId',
+        LookupSource: 'AccountId',
+        Chain: {
+          _enum: [
+            'ChainX',
+            'Bitcoin',
+            'Ethereum',
+            'Polkadot'
+          ]
+        },
+        NetworkType: {
+          _enum: [
+            'Mainnet',
+            'Testnet'
+          ]
+        },
+        AssetType: {
+          _enum: [
+            'Usable',
+            'Locked',
+            'Reserved',
+            'ReservedWithdrawal',
+            'ReservedDexSpot'
+          ]
+        },
+        OrderType: {
+          _enum: [
+            'Limit',
+            'Market'
+          ]
+        },
+        Side: {
+          _enum: [
+            'Buy',
+            'Sell'
+          ]
+        },
+        LockedType: {
+          _enum: [
+            'Bonded',
+            'BondedWithdrawal'
+          ]
+        },
+        Memo: 'Text',
+        AssetInfo: {
+          token: 'String',
+          tokenName: 'String',
+          chain: 'Chain',
+          decimals: 'Decimals',
+          desc: 'String'
+        },
+        TradingPairProfile: {
+          id: 'TradingPairId',
+          currencyPair: 'CurrencyPair',
+          pipDecimals: 'u32',
+          tickDecimals: 'u32',
+          tradable: 'bool'
+        },
+        Order: {
+          props: 'OrderProperty',
+          status: 'OrderStatus',
+          remaining: 'Balance',
+          executedIndices: 'Vec<TradingHistoryIndex>',
+          alreadyFilled: 'Balance',
+          lastUpdateAt: 'BlockNumber'
+        },
+        TradingPairInfo: {
+          latestPrice: 'Price',
+          lastUpdated: 'BlockNumber'
+        },
+        OrderExecutedInfo: {
+          tradingHistoryIdx: 'TradingHistoryIndex',
+          pairId: 'TradingPairId',
+          price: 'Price',
+          maker: 'AccountId',
+          taker: 'AccountId',
+          makerOrderId: 'OrderId',
+          takerOrderId: 'OrderId',
+          turnover: 'Balance',
+          executedAt: 'BlockNumber'
+        },
+        BtcHeaderInfo: {
+          header: 'BtcHeader',
+          height: 'u32'
+        },
+        BtcParams: {
+          maxBits: 'u32',
+          blockMaxFuture: 'u32',
+          targetTimespanSeconds: 'u32',
+          targetSpacingSeconds: 'u32',
+          retargetingFactor: 'u32',
+          retargetingInterval: 'u32',
+          minTimespan: 'u32',
+          maxTimespan: 'u32'
+        },
+        MiningAssetInfo: {
+          assetId: 'AssetId',
+          miningPower: 'FixedAssetPower',
+          rewardPot: 'AccountId',
+          rewardPotBalance: 'RpcBalance',
+          lastTotalMiningWeight: 'RpcMiningWeight',
+          lastTotalMiningWeightUpdate: 'BlockNumber'
+        },
+        MiningDividendInfo: {
+          own: 'Balance',
+          other: 'Balance',
+          insufficientStake: 'Balance'
+        },
+        AssetLedger: {
+          lastTotalMiningWeight: 'MiningWeight',
+          lastTotalMiningWeightUpdate: 'BlockNumber'
+        },
+        MinerLedger: {
+          lastMiningWeight: 'MiningWeight',
+          lastMiningWeightUpdate: 'BlockNumber',
+          lastClaim: 'Option<BlockNumber>'
+        },
+        ClaimRestriction: {
+          stakingRequirement: 'StakingRequirement',
+          frequencyLimit: 'BlockNumber'
+        },
+        NominatorInfo: {
+          lastRebond: 'Option<BlockNumber>'
+        },
+        BondRequirement: {
+          selfBonded: 'Balance',
+          total: 'Balance'
+        },
+        Unbonded: {
+          value: 'Balance',
+          lockedUntil: 'BlockNumber'
+        },
+        ValidatorLedger: {
+          totalNomination: 'Balance',
+          lastTotalVoteWeight: 'VoteWeight',
+          lastTotalVoteWeightUpdate: 'BlockNumber'
+        },
+        NominatorLedger: {
+          nomination: 'Balance',
+          lastVoteWeight: 'VoteWeight',
+          lastVoteWeightUpdate: 'BlockNumber',
+          unbondedChunks: 'Vec<Unbonded>'
+        },
+        ValidatorProfile: {
+          registeredAt: 'BlockNumber',
+          isChilled: 'bool',
+          lastChilled: 'Option<BlockNumber>',
+          referralId: 'ReferralId'
+        },
+        GlobalDistribution: {
+          treasury: 'u32',
+          mining: 'u32'
+        },
+        MiningDistribution: {
+          asset: 'u32',
+          staking: 'u32'
+        },
+        InclusionFee: {
+          baseFee: 'Balance',
+          lenFee: 'Balance',
+          adjustedWeightFee: 'Balance'
+        },
+        FeeDetails: {
+          inclusionFee: 'Option<InclusionFee<Balance>>',
+          extraFee: 'Balance',
+          tip: 'Balance',
+          finalFee: 'Balance'
+        },
+        UnbondedIndex: 'u32',
+        Token: 'Text',
+        Desc: 'Text',
+        AddrStr: 'Text',
+        HandicapInfo: 'Handicap',
+        Price: 'u128',
+        OrderId: 'u64',
+        TradingPairId: 'u32',
+        TradingHistoryIndex: 'u64',
+        PriceFluctuation: 'u32',
+        BtcAddress: 'Text',
+        FixedAssetPower: 'u32',
+        StakingRequirement: 'u32',
+        Decimals: 'u8',
+        CurrencyPair: {
+          base: 'AssetId',
+          quote: 'AssetId'
+        },
+        OrderStatus: {
+          _enum: [
+            'Created',
+            'PartialFill',
+            'Filled',
+            'PartialFillAndCanceled',
+            'Canceled'
+          ]
+        },
+        AssetId: 'u32',
+        MiningWeight: 'u128',
+        VoteWeight: 'u128',
+        ReferralId: 'Text',
+        AssetRestriction: {
+          _enum: [
+            'Move',
+            'Transfer',
+            'Deposit',
+            'Withdraw',
+            'DestroyWithdrawal',
+            'DestroyFree'
+          ]
+        },
+        AssetRestrictions: {
+          bits: 'u32'
+        },
+        BtcHeader: 'Vec<u8>',
+        BtcNetwork: {
+          _enum: [
+            'Mainnet',
+            'Testnet'
+          ]
+        },
+        OrderInfo: 'Order',
+        Amount: 'i128',
+        AmountOf: 'Amount',
+        CurrencyIdOf: 'AssetId',
+        CurrencyId: 'AssetId',
+        Handicap: {
+          highestBid: 'Price',
+          lowestAsk: 'Price'
+        },
+        OrderProperty: {
+          id: 'OrderId',
+          side: 'Side',
+          price: 'Price',
+          amount: 'Amount',
+          pairId: 'TradingPairId',
+          submitter: 'AccountId',
+          orderType: 'OrderType',
+          createdAt: 'BlockNumber'
+        },
+        TotalAssetInfo: {
+          info: 'AssetInfo',
+          balance: 'BTreeMap<AssetType, Balance>',
+          isOnline: 'bool',
+          restrictions: 'AssetRestrictions'
+        },
+        WithdrawalRecordId: 'u32',
+        WithdrawalState: {
+          _enum: [
+            'Applying',
+            'Processing',
+            'NormalFinish',
+            'RootFinish',
+            'NormalCancel',
+            'RootCancel'
+          ]
+        },
+        WithdrawalRecord: {
+          assetId: 'AssetId',
+          applicant: 'AccountId',
+          balance: 'Balance',
+          addr: 'AddrStr',
+          ext: 'Memo',
+          height: 'BlockNumber'
+        },
+        WithdrawalLimit: {
+          minimalWithdrawal: 'Balance',
+          fee: 'Balance'
+        },
+        TrusteeInfoConfig: {
+          minTrusteeCount: 'u32',
+          maxTrusteeCount: 'u32'
+        },
+        GenericTrusteeIntentionProps: {
+          about: 'Text',
+          hotEntity: 'Vec<u8>',
+          coldEntity: 'Vec<u8>'
+        },
+        GenericTrusteeSessionInfo: {
+          trusteeList: 'Vec<AccountId>',
+          threshold: 'u16',
+          hotAddress: 'Vec<u8>',
+          coldAddress: 'Vec<u8>'
+        },
+        ChainAddress: 'Vec<u8>',
+        BtcTrusteeType: 'Vec<u8>',
+        BtcTrusteeAddrInfo: {
+          addr: 'BtcAddress',
+          redeemScript: 'Vec<u8>'
+        },
+        BtcTrusteeIntentionProps: {
+          about: 'Text',
+          hotEntity: 'BtcTrusteeType',
+          coldEntity: 'BtcTrusteeType'
+        },
+        BtcTrusteeSessionInfo: {
+          trusteeList: 'Vec<AccountId>',
+          threshold: 'u16',
+          hotAddress: 'BtcTrusteeAddrInfo',
+          coldAddress: 'BtcTrusteeAddrInfo'
+        },
+        BtcTransaction: 'Vec<u8>',
+        BtcPartialMerkleTree: 'Vec<u8>',
+        BtcRelayedTxInfo: {
+          blockHash: 'H256',
+          merkleProof: 'BtcPartialMerkleTree'
+        },
+        BtcHeaderIndex: {
+          hash: 'H256',
+          height: 'u32'
+        },
+        BtcTxResult: {
+          _enum: [
+            'Success',
+            'Failure'
+          ]
+        },
+        BtcTxState: {
+          txType: 'BtcTxType',
+          result: 'BtcTxResult'
+        },
+        BtcTxType: {
+          _enum: [
+            'Withdrawal',
+            'Deposit',
+            'HotAndCold',
+            'TrusteeTransition',
+            'Irrelevance'
+          ]
+        },
+        BtcDepositCache: {
+          txid: 'H256',
+          balance: 'u64'
+        },
+        BtcVoteResult: {
+          _enum: [
+            'Unfinish',
+            'Finish'
+          ]
+        },
+        BtcWithdrawalProposal: {
+          sigState: 'BtcVoteResult',
+          withdrawalIdList: 'Vec<u32>',
+          tx: 'BtcTransaction',
+          trusteeList: 'Vec<(AccountId, bool)>'
+        },
+        BtcTxVerifier: {
+          _enum: [
+            'Recover',
+            'RuntimeInterface'
+          ]
+        },
+        RpcTotalAssetInfo: {
+          info: 'AssetInfo',
+          balance: 'BTreeMap<AssetType, RpcBalance>',
+          isOnline: 'bool',
+          restrictions: 'AssetRestrictions'
+        },
+        RpcOrder: {
+          id: 'OrderId',
+          side: 'Side',
+          price: 'RpcPrice',
+          amount: 'RpcBalance',
+          pairId: 'TradingPairId',
+          submitter: 'AccountId',
+          orderType: 'OrderType',
+          createdAt: 'BlockNumber',
+          status: 'OrderStatus',
+          remaining: 'RpcBalance',
+          executedIndices: 'Vec<TradingHistoryIndex>',
+          alreadyFilled: 'RpcBalance',
+          reservedBalance: 'RpcBalance',
+          lastUpdateAt: 'BlockNumber'
+        },
+        RpcWithdrawalRecord: {
+          assetId: 'AssetId',
+          applicant: 'AccountId',
+          balance: 'RpcBalance',
+          addr: 'String',
+          ext: 'String',
+          height: 'BlockNumber',
+          state: 'WithdrawalState'
+        },
+        RpcMiningDividendInfo: {
+          own: 'RpcBalance',
+          other: 'RpcBalance',
+          insufficientStake: 'RpcBalance'
+        },
+        RpcInclusionFee: {
+          baseFee: 'RpcBalance',
+          lenFee: 'RpcBalance',
+          adjustedWeightFee: 'RpcBalance'
+        },
+        RpcFeeDetails: {
+          inclusionFee: 'Option<RpcInclusionFee>',
+          tip: 'RpcBalance',
+          extraFee: 'RpcBalance',
+          finalFee: 'RpcBalance'
+        },
+        ValidatorInfo: {
+          account: 'AccountId',
+          registeredAt: 'BlockNumber',
+          isChilled: 'bool',
+          lastChilled: 'Option<BlockNumber>',
+          totalNomination: 'RpcBalance',
+          lastTotalVoteWeight: 'RpcVoteWeight',
+          lastTotalVoteWeightUpdate: 'BlockNumber',
+          isValidating: 'bool',
+          selfBonded: 'RpcBalance',
+          referralId: 'String',
+          rewardPotAccount: 'AccountId',
+          rewardPotBalance: 'RpcBalance'
+        },
+        FullPairInfo: {
+          baseCurrency: 'AssetId',
+          highestBid: 'RpcPrice',
+          id: 'TradingPairId',
+          latestPrice: 'RpcPrice',
+          latestPriceUpdatedAt: 'BlockNumber',
+          lowestAsk: 'RpcPrice',
+          maxValidBid: 'RpcPrice',
+          minValidAsk: 'RpcPrice',
+          pipDecimals: 'u32',
+          quoteCurrency: 'AssetId',
+          tickDecimals: 'u32',
+          tradable: 'bool'
+        },
+        Depth: {
+          asks: 'Vec<(RpcPrice, RpcBalance)>',
+          bids: 'Vec<(RpcPrice, RpcBalance)>'
+        },
+        Page: {
+          pageIndex: 'u32',
+          pageSize: 'u32',
+          data: 'Vec<RpcOrder>'
+        },
+        String: 'Text',
+        Balance: 'u128',
+        RpcPrice: 'String',
+        RpcBalance: 'String',
+        RpcMiningWeight: 'String',
+        RpcVoteWeight: 'String',
+        FullIdentification: 'ValidatorId',
+        WithdrawalRecordOf: 'WithdrawalRecord'
+      }
+    }
+  ]
+};
+
+export default definitions;
diff --git a/packages/apps-config/src/api/spec/clover-rococo.ts b/packages/apps-config/src/api/spec/clover-rococo.ts
new file mode 100644
index 0000000..83ea5d3
--- /dev/null
+++ b/packages/apps-config/src/api/spec/clover-rococo.ts
@@ -0,0 +1,74 @@
+// Copyright 2017-2022 @polkadot/apps-config authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { OverrideBundleDefinition } from '@polkadot/types/types';
+
+// structs need to be in order
+/* eslint-disable sort-keys */
+
+const definitions: OverrideBundleDefinition = {
+  types: [
+    {
+      // on all versions
+      minmax: [0, undefined],
+      types: {
+        Amount: 'i128',
+        AmountOf: 'Amount',
+        Balance: 'u128',
+        CurrencyId: {
+          _enum: ['CLV', 'CUSDT', 'DOT', 'CETH']
+        },
+        CurrencyIdOf: 'CurrencyId',
+        CurrencyTypeEnum: {
+          _enum: ['CLV', 'CUSDT', 'DOT', 'CETH']
+        },
+        PairKey: 'u64',
+        Rate: 'FixedU128',
+        Ratio: 'FixedU128',
+        Price: 'FixedU128',
+        Share: 'u128',
+        OracleKey: 'CurrencyId',
+        CurrencyInfo: {
+          id: 'CurrencyId',
+          name: 'CurrencyTypeEnum'
+        },
+        ExchangeInfo: {
+          balance: 'Balance',
+          routes: 'Vec<CurrencyTypeEnum>'
+        },
+        PoolId: {
+          _enum: {
+            Swap: 'u64'
+          }
+        },
+        EcdsaSignature: '[u8; 65]',
+        EvmAddress: 'H160',
+        ExitSucceed: {
+          _enum: ['Stopped', 'Returned', 'Suicided']
+        },
+        ExitRevert: {
+          _enum: ['Reverted']
+        },
+        ExitError: {
+          _enum: [
+            'StackUnderflow', 'StackOverflow', 'InvalidJump', 'InvalidRange', 'DesignatedInvalid', 'CallTooDeep',
+            'CreateCollision', 'CreateContractLimit', 'OutOfOffset', 'OutOfGas', 'OutOfFund', 'PCUnderflow', 'CreateEmpty',
+            'Other<String>'
+          ]
+        },
+        ExitFatal: {
+          _enum: ['NotSupported', 'UnhandledInterrupt', 'CallErrorAsFatal', 'Other<String>']
+        },
+        ExitReason: {
+          _enum: ['Succeed<ExitSucceed>',
+            'Error<ExitError>',
+            'Revert<ExitRevert>',
+            'Fatal<ExitFatal>'
+          ]
+        }
+      }
+    }
+  ]
+};
+
+export default definitions;
diff --git a/packages/apps-config/src/api/spec/clover.ts b/packages/apps-config/src/api/spec/clover.ts
new file mode 100644
index 0000000..5579f30
--- /dev/null
+++ b/packages/apps-config/src/api/spec/clover.ts
@@ -0,0 +1,32 @@
+// Copyright 2017-2022 @polkadot/apps-config authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { OverrideBundleDefinition } from '@polkadot/types/types';
+
+// structs need to be in order
+/* eslint-disable sort-keys */
+
+const definitions: OverrideBundleDefinition = {
+  types: [
+    {
+      // on all versions
+      minmax: [0, undefined],
+      types: {
+        Amount: 'i128',
+        Keys: 'SessionKeys4',
+        AmountOf: 'Amount',
+        Balance: 'u128',
+        Rate: 'FixedU128',
+        Ratio: 'FixedU128',
+        EcdsaSignature: '[u8; 65]',
+        EvmAddress: 'H160',
+        EthereumTxHash: 'H256',
+        BridgeNetworks: {
+          _enum: ['BSC', 'Ethereum', 'CloverPara']
+        }
+      }
+    }
+  ]
+};
+
+export default definitions;
diff --git a/packages/apps-config/src/api/spec/coinversation.ts b/packages/apps-config/src/api/spec/coinversation.ts
new file mode 100644
index 0000000..5ebd2d8
--- /dev/null
+++ b/packages/apps-config/src/api/spec/coinversation.ts
@@ -0,0 +1,22 @@
+// Copyright 2017-2022 @polkadot/apps-config authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { OverrideBundleDefinition } from '@polkadot/types/types';
+
+// structs need to be in order
+/* eslint-disable sort-keys */
+
+const definitions: OverrideBundleDefinition = {
+  types: [
+    {
+      // on all versions
+      minmax: [0, undefined],
+      types: {
+        Address: 'AccountId',
+        LookupSource: 'AccountId'
+      }
+    }
+  ]
+};
+
+export default definitions;
diff --git a/packages/apps-config/src/api/spec/competitors-club.ts b/packages/apps-config/src/api/spec/competitors-club.ts
new file mode 100644
index 0000000..6e5e54d
--- /dev/null
+++ b/packages/apps-config/src/api/spec/competitors-club.ts
@@ -0,0 +1,82 @@
+// Copyright 2017-2022 @polkadot/apps-config authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { OverrideBundleDefinition } from '@polkadot/types/types';
+
+// structs need to be in order
+/* eslint-disable sort-keys */
+
+const definitions: OverrideBundleDefinition = {
+  types: [
+    {
+      // on all versions
+      minmax: [0, undefined],
+      types: {
+        Address: 'MultiAddress',
+        LookupSource: 'MultiAddress',
+        ClassId: 'u64',
+        ClassInfoOf: 'ClassId',
+        BalanceOf: 'Balance',
+        BalanceReservableOf: 'BalanceOf',
+        Moment: 'u64',
+        Place: {
+          spot: 'u32',
+          payout: 'Balance'
+        },
+        Competitor: {
+          vie_id: '[u8;16]',
+          staked: 'bool',
+          submitted_winner: 'bool'
+        },
+        Vie: {
+          operator: 'AccountId',
+          stake: 'Balance',
+          places: 'Vec<Place>',
+          time: 'Moment',
+          competitors: 'Vec<AccountId>',
+          memo: 'Vec<u8>'
+        },
+        VieOf: 'Vie',
+        VieReq: {
+          stake: 'Balance',
+          places: 'Vec<Place>',
+          competitors: 'Vec<AccountId>',
+          memo: 'Vec<u8>'
+        },
+        VieRequestOf: 'VieReq',
+        Participants: {
+          AccountId: '[u8;16]'
+        },
+        Operators: {
+          AccountId: '[u8;16]'
+        },
+        StandingReq: {
+          competitor: 'AccountId',
+          spot: 'u32'
+        },
+        PodiumReq: {
+          champion: 'AccountId',
+          podium: 'Vec<StandingReq>'
+        },
+        PodiumReqOf: 'PodiumReq',
+        Trophy: {
+          trophy: '[u8; 16]',
+          competitors: 'Vec<AccountId>',
+          stake: 'Balance',
+          memo: 'Vec<u8>',
+          time: 'u64',
+          podium: 'Vec<StandingReq>'
+        },
+        TokenId: 'u64',
+        TokenInfo: {
+          metadata: 'Vec<u8>',
+          owner: 'AccountId',
+          data: 'Trophy'
+        },
+        TokenInfoOf: 'TokenInfo'
+      }
+    }
+  ]
+};
+
+export default definitions;
diff --git a/packages/apps-config/src/api/spec/crab.ts b/packages/apps-config/src/api/spec/crab.ts
new file mode 100644
index 0000000..45035a3
--- /dev/null
+++ b/packages/apps-config/src/api/spec/crab.ts
@@ -0,0 +1,6 @@
+// Copyright 2017-2022 @polkadot/apps-config authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import { typesBundleForPolkadotApps } from '@darwinia/types/mix';
+
+export default typesBundleForPolkadotApps.spec.Crab;
diff --git a/packages/apps-config/src/api/spec/crown-sterling.ts b/packages/apps-config/src/api/spec/crown-sterling.ts
new file mode 100644
index 0000000..f0aec30
--- /dev/null
+++ b/packages/apps-config/src/api/spec/crown-sterling.ts
@@ -0,0 +1,53 @@
+// Copyright 2017-2022 @polkadot/apps-config authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { OverrideBundleDefinition } from '@polkadot/types/types';
+
+// structs need to be in order
+/* eslint-disable sort-keys */
+
+const definitions: OverrideBundleDefinition = {
+  types: [
+    {
+      // on all versions
+      minmax: [0, undefined],
+      types: {
+        Address: 'MultiAddress',
+        LookupSource: 'MultiAddress',
+        AccountInfo: {
+          nonce: 'Index',
+          consumers: 'RefCount',
+          providers: 'RefCount',
+          data: 'AccountData'
+        },
+        Balance: 'u128',
+        BalanceOf: 'Balance',
+        AuthorityOf: 'AccountId',
+        PaymentId: '[u8;16]',
+        Payment: {
+          id: 'PaymentId',
+          account_id: 'AccountId',
+          success_url: 'Vec<u8>',
+          failure_url: 'Vec<u8>',
+          paid: 'bool',
+          pay_to: 'AccountId'
+        },
+        PeerId: '(Vec<u8>)',
+        Amendment: {
+          statement: 'Vec<u8>',
+          owners: 'Vec<AccountId>'
+        },
+        BlockNumber: 'u32',
+        VestingSchedule: {
+          start: 'BlockNumber',
+          period: 'BlockNumber',
+          period_count: 'BlockNumber',
+          per_period: 'Compact<Balance>'
+        },
+        VestingScheduleOf: 'VestingSchedule'
+      }
+    }
+  ]
+};
+
+export default definitions;
diff --git a/packages/apps-config/src/api/spec/crust.ts b/packages/apps-config/src/api/spec/crust.ts
new file mode 100644
index 0000000..1255db8
--- /dev/null
+++ b/packages/apps-config/src/api/spec/crust.ts
@@ -0,0 +1,8 @@
+// Copyright 2017-2022 @polkadot/apps-config authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { OverrideBundleDefinition } from '@polkadot/types/types';
+
+import { typesBundleForPolkadot } from '@crustio/type-definitions';
+
+export default typesBundleForPolkadot.spec.crust as unknown as OverrideBundleDefinition;
diff --git a/packages/apps-config/src/api/spec/cumulus-test-parachain.ts b/packages/apps-config/src/api/spec/cumulus-test-parachain.ts
new file mode 100644
index 0000000..5ebd2d8
--- /dev/null
+++ b/packages/apps-config/src/api/spec/cumulus-test-parachain.ts
@@ -0,0 +1,22 @@
+// Copyright 2017-2022 @polkadot/apps-config authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { OverrideBundleDefinition } from '@polkadot/types/types';
+
+// structs need to be in order
+/* eslint-disable sort-keys */
+
+const definitions: OverrideBundleDefinition = {
+  types: [
+    {
+      // on all versions
+      minmax: [0, undefined],
+      types: {
+        Address: 'AccountId',
+        LookupSource: 'AccountId'
+      }
+    }
+  ]
+};
+
+export default definitions;
diff --git a/packages/apps-config/src/api/spec/darwinia.ts b/packages/apps-config/src/api/spec/darwinia.ts
new file mode 100644
index 0000000..855ae00
--- /dev/null
+++ b/packages/apps-config/src/api/spec/darwinia.ts
@@ -0,0 +1,6 @@
+// Copyright 2017-2022 @polkadot/apps-config authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import { typesBundleForPolkadotApps } from '@darwinia/types/mix';
+
+export default typesBundleForPolkadotApps.spec.Darwinia;
diff --git a/packages/apps-config/src/api/spec/datahighway.ts b/packages/apps-config/src/api/spec/datahighway.ts
new file mode 100644
index 0000000..59d05e9
--- /dev/null
+++ b/packages/apps-config/src/api/spec/datahighway.ts
@@ -0,0 +1,238 @@
+// Copyright 2017-2022 @polkadot/apps-config authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { OverrideBundleDefinition } from '@polkadot/types/types';
+
+// structs need to be in order
+/* eslint-disable sort-keys */
+
+const definitions: OverrideBundleDefinition = {
+  types: [
+    {
+      // on all versions
+      minmax: [0, undefined],
+      types: {
+        Keys: 'SessionKeys2',
+        Address: 'MultiAddress',
+        LookupSource: 'MultiAddress',
+        RoamingOperator: '[u8; 16]',
+        RoamingOperatorIndex: 'u64',
+        RoamingNetwork: '[u8; 16]',
+        RoamingNetworkIndex: 'u64',
+        RoamingOrganization: '[u8; 16]',
+        RoamingOrganizationIndex: 'u64',
+        RoamingNetworkServer: '[u8; 16]',
+        RoamingNetworkServerIndex: 'u64',
+        RoamingDevice: '[u8; 16]',
+        RoamingDeviceIndex: 'u64',
+        RoamingRoutingProfile: '[u8; 16]',
+        RoamingRoutingProfileIndex: 'u64',
+        RoamingRoutingProfileAppServer: 'Text',
+        RoamingServiceProfile: '[u8; 16]',
+        RoamingServiceProfileIndex: 'u64',
+        RoamingServiceProfileUplinkRate: 'u32',
+        RoamingServiceProfileDownlinkRate: 'u32',
+        RoamingAccountingPolicy: '[u8; 16]',
+        RoamingAccountingPolicyIndex: 'u64',
+        RoamingAccountingPolicyType: 'Text',
+        RoamingAccountingPolicyUplinkFeeFactor: 'u32',
+        RoamingAccountingPolicyDownlinkFeeFactor: 'u32',
+        RoamingAccountingPolicyConfig: {
+          policy_type: 'Text',
+          subscription_fee: 'Balance',
+          uplink_fee_factor: 'u32',
+          downlink_fee_factor: 'u32'
+        },
+        RoamingAgreementPolicy: '[u8; 16]',
+        RoamingAgreementPolicyIndex: 'u64',
+        RoamingAgreementPolicyActivationType: 'Text',
+        RoamingAgreementPolicyConfig: {
+          policy_activation_type: 'Text',
+          policy_expiry_block: 'Moment'
+        },
+        RoamingNetworkProfile: '[u8; 16]',
+        RoamingNetworkProfileIndex: 'u64',
+        RoamingDeviceProfile: '[u8; 16]',
+        RoamingDeviceProfileIndex: 'u64',
+        RoamingDeviceProfileDevAddr: 'Text',
+        RoamingDeviceProfileDevEUI: 'Text',
+        RoamingDeviceProfileJoinEUI: 'Text',
+        RoamingDeviceProfileVendorID: 'Text',
+        RoamingDeviceProfileConfig: {
+          device_profile_devaddr: 'Text',
+          device_profile_deveui: 'Text',
+          device_profile_joineui: 'Text',
+          device_profile_vendorid: 'Text'
+        },
+        RoamingSession: '[u8; 16]',
+        RoamingSessionIndex: 'u64',
+        RoamingSessionJoinRequest: {
+          session_network_server_id: 'Moment',
+          session_join_requested_at_block: 'Moment'
+        },
+        RoamingSessionJoinAccept: {
+          session_join_request_accept_expiry: 'Moment',
+          session_join_request_accept_accepted_at_block: 'Moment'
+        },
+        RoamingBillingPolicy: '[u8; 16]',
+        RoamingBillingPolicyIndex: 'u64',
+        RoamingBillingPolicyConfig: {
+          policy_next_billing_at_block: 'Moment',
+          policy_frequency_in_blocks: 'Moment'
+        },
+        RoamingChargingPolicy: '[u8; 16]',
+        RoamingChargingPolicyIndex: 'u64',
+        RoamingChargingPolicyConfig: {
+          policy_next_charging_at_block: 'Moment',
+          policy_delay_after_billing_in_blocks: 'u64'
+        },
+        RoamingPacketBundle: '[u8; 16]',
+        RoamingPacketBundleIndex: 'u64',
+        RoamingPacketBundleReceivedAtHome: 'bool',
+        RoamingPacketBundleReceivedPacketsCount: 'u64',
+        RoamingPacketBundleReceivedPacketsOkCount: 'u64',
+        RoamingPacketBundleExternalDataStorageHash: 'Hash',
+        RoamingPacketBundleReceiver: {
+          packet_bundle_received_at_home: 'bool',
+          packet_bundle_received_packets_count: 'u64',
+          packet_bundle_received_packets_ok_count: 'u64',
+          packet_bundle_received_started_at_block: 'Moment',
+          packet_bundle_received_ended_at_block: 'Moment',
+          packet_bundle_external_data_storage_hash: 'Hash'
+        },
+        MiningRatesToken: '[u8; 16]',
+        MiningRatesTokenIndex: 'u64',
+        MiningRatesTokenTokenDOT: 'u32',
+        MiningRatesTokenTokenMXC: 'u32',
+        MiningRatesTokenTokenIOTA: 'u32',
+        MiningRatesTokenMaxToken: 'u32',
+        MiningRatesTokenMaxLoyalty: 'u32',
+        MiningRatesTokenConfig: {
+          token_token_mxc: 'u32',
+          token_token_iota: 'u32',
+          token_token_dot: 'u32',
+          token_max_token: 'u32',
+          token_max_loyalty: 'u32'
+        },
+        MiningRatesHardware: '[u8; 16]',
+        MiningRatesHardwareIndex: 'u64',
+        MiningRatesHardwareSecure: 'u32',
+        MiningRatesHardwareInsecure: 'u32',
+        MiningRatesHardwareMaxHardware: 'u32',
+        MiningRatesHardwareCategory1MaxTokenBonusPerGateway: 'u32',
+        MiningRatesHardwareCategory2MaxTokenBonusPerGateway: 'u32',
+        MiningRatesHardwareCategory3MaxTokenBonusPerGateway: 'u32',
+        MiningRatesHardwareConfig: {
+          hardware_hardware_secure: 'u32',
+          hardware_hardware_insecure: 'u32',
+          hardware_max_hardware: 'u32',
+          hardware_category_1_max_token_bonus_per_gateway: 'u32',
+          hardware_category_2_max_token_bonus_per_gateway: 'u32',
+          hardware_category_3_max_token_bonus_per_gateway: 'u32'
+        },
+        MiningConfigToken: '[u8; 16]',
+        MiningConfigTokenIndex: 'u64',
+        MiningConfigTokenType: 'Text',
+        MiningConfigTokenLockAmount: 'u64',
+        MiningConfigTokenConfig: {
+          token_type: 'Text',
+          token_lock_amount: 'u64',
+          token_lock_start_block: 'Moment',
+          token_lock_interval_blocks: 'Moment'
+        },
+        MiningConfigTokenRequirementsConfig: {
+          token_type: 'Text',
+          token_lock_min_amount: 'u64',
+          token_lock_min_blocks: 'u32'
+        },
+        MiningConfigHardware: '[u8; 16]',
+        MiningConfigHardwareIndex: 'u64',
+        MiningConfigHardwareSecure: 'bool',
+        MiningConfigHardwareType: 'Text',
+        MiningConfigHardwareID: 'u64',
+        MiningConfigHardwareDevEUI: 'u64',
+        MiningConfigHardwareConfig: {
+          hardware_secure: 'bool',
+          hardware_type: 'Text',
+          hardware_id: 'u64',
+          hardware_dev_eui: 'u64',
+          hardware_lock_start_block: 'Moment',
+          hardware_lock_interval_blocks: 'Moment'
+        },
+        MiningSamplingToken: '[u8; 16]',
+        MiningSamplingTokenIndex: 'u64',
+        MiningSamplingTokenSampleLockedAmount: 'u64',
+        MiningSamplingTokenConfig: {
+          token_sample_block: 'Moment',
+          token_sample_locked_amount: 'u64'
+        },
+        MiningSamplingHardware: '[u8; 16]',
+        MiningSamplingHardwareIndex: 'u64',
+        MiningSamplingHardwareSampleHardwareOnline: 'u64',
+        MiningSamplingHardwareConfig: {
+          hardware_sample_block: 'Moment',
+          hardware_sample_hardware_online: 'bool'
+        },
+        MiningEligibilityToken: '[u8; 16]',
+        MiningEligibilityTokenIndex: 'u64',
+        MiningEligibilityTokenCalculatedEligibility: 'u64',
+        MiningEligibilityTokenLockedPercentage: 'u32',
+        MiningEligibilityTokenAuditorAccountID: 'u64',
+        MiningEligibilityTokenResult: {
+          token_calculated_eligibility: 'u64',
+          token_token_locked_percentage: 'u32',
+          token_date_audited: 'Moment',
+          token_auditor_account_id: 'u64'
+        },
+        MiningEligibilityHardware: '[u8; 16]',
+        MiningEligibilityHardwareIndex: 'u64',
+        MiningEligibilityHardwareCalculatedEligibility: 'u64',
+        MiningEligibilityHardwareUptimePercentage: 'u32',
+        MiningEligibilityHardwareAuditorAccountID: 'u64',
+        MiningEligibilityHardwareResult: {
+          hardware_calculated_eligibility: 'u64',
+          hardware_uptime_percentage: 'u32',
+          hardware_block_audited: 'Moment',
+          hardware_auditor_account_id: 'u64'
+        },
+        MiningClaimsToken: '[u8; 16]',
+        MiningClaimsTokenIndex: 'u64',
+        MiningClaimsTokenClaimAmount: 'u64',
+        MiningClaimsTokenClaimResult: {
+          token_claim_amount: 'u64',
+          token_claim_block_redeemed: 'u64'
+        },
+        MiningClaimsHardware: '[u8; 16]',
+        MiningClaimsHardwareIndex: 'u64',
+        MiningClaimsHardwareClaimAmount: 'u64',
+        MiningClaimsHardwareClaimResult: {
+          hardware_claim_amount: 'u64',
+          hardware_claim_block_redeemed: 'u64'
+        },
+        MiningExecutionToken: '[u8; 16]',
+        MiningExecutionTokenIndex: 'u64',
+        MiningExecutionTokenExecutorAccountID: 'u64',
+        MiningExecutionTokenExecutionResult: {
+          token_execution_exector_account_id: 'u64',
+          token_execution_started_block: 'Moment',
+          token_execution_ended_block: 'Moment'
+        },
+        ExchangeRateIndex: 'u64',
+        ExchangeRateConfig: {
+          hbtc: 'u64',
+          dot: 'u64',
+          iota: 'u64',
+          fil: 'u64',
+          decimals_after_point: 'u32'
+        },
+        HBTCRate: 'u64',
+        DOTRate: 'u64',
+        IOTARate: 'u64',
+        FILRate: 'u64',
+        DecimalsAfterPoint: 'u32'
+      }
+    }
+  ]
+};
+
+export default definitions;
diff --git a/packages/apps-config/src/api/spec/dock-mainnet.ts b/packages/apps-config/src/api/spec/dock-mainnet.ts
new file mode 100644
index 0000000..24b7613
--- /dev/null
+++ b/packages/apps-config/src/api/spec/dock-mainnet.ts
@@ -0,0 +1,12 @@
+// Copyright 2017-2022 @polkadot/apps-config authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { OverrideBundleDefinition } from '@polkadot/types/types';
+
+// eslint-disable-next-line @typescript-eslint/no-unsafe-assignment, @typescript-eslint/no-var-requires
+const types: any = require('@docknetwork/node-types');
+
+// eslint-disable-next-line @typescript-eslint/no-unsafe-member-access
+const definitions = types.spec['dock-main-runtime'] as OverrideBundleDefinition;
+
+export default definitions;
diff --git a/packages/apps-config/src/api/spec/dock-testnet.ts b/packages/apps-config/src/api/spec/dock-testnet.ts
new file mode 100644
index 0000000..3916529
--- /dev/null
+++ b/packages/apps-config/src/api/spec/dock-testnet.ts
@@ -0,0 +1,12 @@
+// Copyright 2017-2022 @polkadot/apps-config authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { OverrideBundleDefinition } from '@polkadot/types/types';
+
+// eslint-disable-next-line @typescript-eslint/no-unsafe-assignment, @typescript-eslint/no-var-requires
+const types: any = require('@docknetwork/node-types');
+
+// eslint-disable-next-line @typescript-eslint/no-unsafe-member-access
+const definitions = types.spec['dock-test-runtime'] as OverrideBundleDefinition;
+
+export default definitions;
diff --git a/packages/apps-config/src/api/spec/dolphin.ts b/packages/apps-config/src/api/spec/dolphin.ts
new file mode 100644
index 0000000..452aa3a
--- /dev/null
+++ b/packages/apps-config/src/api/spec/dolphin.ts
@@ -0,0 +1,30 @@
+// Copyright 2017-2022 @polkadot/apps-config authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { OverrideBundleDefinition } from '@polkadot/types/types';
+
+// structs need to be in order
+/* eslint-disable sort-keys */
+
+const definitions: OverrideBundleDefinition = {
+  types: [
+    {
+      // on all versions
+      minmax: [0, undefined],
+      types:
+      {
+        CurrencyId: {
+          _enum: [
+            'DOL'
+          ]
+        },
+        CurrencyIdOf: 'CurrencyId',
+        Amount: 'i128',
+        AmountOf: 'Amount',
+        AccountInfo: 'AccountInfoWithDualRefCount'
+      }
+    }
+  ]
+};
+
+export default definitions;
diff --git a/packages/apps-config/src/api/spec/dotmog.ts b/packages/apps-config/src/api/spec/dotmog.ts
new file mode 100644
index 0000000..9b5c06c
--- /dev/null
+++ b/packages/apps-config/src/api/spec/dotmog.ts
@@ -0,0 +1,81 @@
+// Copyright 2017-2022 @polkadot/apps-config authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { OverrideBundleDefinition } from '@polkadot/types/types';
+
+// structs need to be in order
+/* eslint-disable sort-keys */
+
+const definitions: OverrideBundleDefinition = {
+  types: [
+    {
+      // on all versions
+      minmax: [0, undefined],
+      types: {
+        Address: 'MultiAddress',
+        LookupSource: 'MultiAddress',
+        MogwaiStruct: {
+          id: 'Hash',
+          dna: 'Hash',
+          genesis: 'BlockNumber',
+          price: 'Balance',
+          gen: 'u32',
+          rarity: 'RarityType'
+        },
+        MogwaiBios: {
+          mogwai_id: 'Hash',
+          state: 'u32',
+          metaxy: 'Vec<[u8;16]>',
+          intrinsic: 'Balance',
+          level: 'u8',
+          phases: 'Vec<BlockNumber>',
+          adaptations: 'Vec<Hash>'
+        },
+        GameEvent: {
+          id: 'Hash',
+          begin: 'BlockNumber',
+          duration: 'u16',
+          event_type: 'GameEventType',
+          hashes: 'Vec<Hash>',
+          value: 'u64'
+        },
+        GameEventType: {
+          _enum: [
+            'Default',
+            'Hatch'
+          ]
+        },
+        RarityType: {
+          _enum: [
+            'Minor',
+            'Normal',
+            'Rare',
+            'Epic',
+            'Legendary'
+          ]
+        },
+        MogwaicoinAddress: {
+          address: 'Vec<u8>',
+          account: 'AccountId',
+          signature: 'Vec<u8>',
+          state: 'ClaimState',
+          balance: 'Balance'
+        },
+        ClaimState: {
+          _enum: [
+            'None',
+            'Registred',
+            'Verified',
+            'Secured',
+            'Processed',
+            'Holded',
+            'Failed',
+            'Cancelled'
+          ]
+        }
+      }
+    }
+  ]
+};
+
+export default definitions;
diff --git a/packages/apps-config/src/api/spec/eave.ts b/packages/apps-config/src/api/spec/eave.ts
new file mode 100644
index 0000000..9792516
--- /dev/null
+++ b/packages/apps-config/src/api/spec/eave.ts
@@ -0,0 +1,430 @@
+// Copyright 2017-2022 @polkadot/apps-config authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { OverrideBundleDefinition } from '@polkadot/types/types';
+
+// structs need to be in order
+/* eslint-disable sort-keys */
+
+const definitions: OverrideBundleDefinition = {
+  types: [
+    {
+    // on all versions
+      minmax: [0, undefined],
+      types: {
+        AccountIdOf: 'AccountId',
+        Address: 'MultiAddress',
+        AirDropCurrencyId: {
+          _enum: [
+            'ICE',
+            'EAVE'
+          ]
+        },
+        Amount: 'i128',
+        AmountOf: 'Amount',
+        AsOriginId: 'AuthoritysOriginId',
+        AssetId: 'u64',
+        AssetIdOf: 'AssetId',
+        AuctionId: 'u32',
+        AuctionIdOf: 'AuctionId',
+        AuctionInfo: {
+          bid: 'Option<(AccountId, Balance)>',
+          start: 'BlockNumber',
+          end: 'Option<BlockNumber>'
+        },
+        AuthoritysOriginId: {
+          _enum: [
+            'Root',
+            'EaveTreasury',
+            'CdpTreasury',
+            'ElpTreasury',
+            'DSWF'
+          ]
+        },
+        BalanceInfo: {
+          amount: 'Balance'
+        },
+        BalanceRequest: {
+          amount: 'Balance'
+        },
+        BalanceWrapper: {
+          amount: 'Balance'
+        },
+        BondingLedger: {
+          total: 'Compact<Balance>',
+          active: 'Compact<Balance>',
+          unlocking: 'Vec<UnlockChunk>'
+        },
+        CID: 'Vec<u8>',
+        CallOf: 'Call',
+        CallRequest: {
+          from: 'Option<H160>',
+          to: 'Option<H160>',
+          gasLimit: 'Option<u32>',
+          storageLimit: 'Option<u32>',
+          value: 'Option<U128>',
+          data: 'Option<Bytes>'
+        },
+        ChainId: {
+          _enum: {
+            RelayChain: 'Null',
+            ParaChain: 'ParaId'
+          }
+        },
+        ChangeBalance: {
+          _enum: {
+            NoChange: 'Null',
+            NewValue: 'Balance'
+          }
+        },
+        ChangeOptionRate: {
+          _enum: {
+            NoChange: 'Null',
+            NewValue: 'OptionRate'
+          }
+        },
+        ChangeOptionRatio: {
+          _enum: {
+            NoChange: 'Null',
+            NewValue: 'OptionRatio'
+          }
+        },
+        ChangeRate: {
+          _enum: {
+            NoChange: 'Null',
+            NewValue: 'Rate'
+          }
+        },
+        ChangeRatio: {
+          _enum: {
+            NoChange: 'Null',
+            NewValue: 'Ratio'
+          }
+        },
+        ClassData: {
+          deposit: 'Balance',
+          properties: 'Properties'
+        },
+        ClassId: 'u32',
+        ClassIdOf: 'ClassId',
+        ClassInfoOf: {
+          metadata: 'CID',
+          totalIssuance: 'TokenId',
+          owner: 'AccountId',
+          data: 'ClassData'
+        },
+        CodeInfo: {
+          codeSize: 'u32',
+          refCount: 'u32'
+        },
+        CollateralAuctionItem: {
+          refundRecipient: 'AccountId',
+          currencyId: 'CurrencyId',
+          initialAmount: 'Compact<Balance>',
+          amount: 'Compact<Balance>',
+          target: 'Compact<Balance>',
+          startTime: 'BlockNumber'
+        },
+        CurrencyId: {
+          _enum: {
+            Token: 'TokenSymbol',
+            DEXShare: '(TokenSymbol, TokenSymbol)',
+            ERC20: 'EvmAddress'
+          }
+        },
+        CurrencyIdOf: 'CurrencyId',
+        DataProviderId: {
+          _enum: [
+            'Aggregated',
+            'Eave',
+            'Band'
+          ]
+        },
+        DebitAuctionItem: {
+          initialAmount: 'Compact<Balance>',
+          amount: 'Compact<Balance>',
+          fix: 'Compact<Balance>',
+          startTime: 'BlockNumber'
+        },
+        DelayedDispatchTime: {
+          _enum: {
+            At: 'BlockNumber',
+            After: 'BlockNumber'
+          }
+        },
+        DelayedOrigin: {
+          delay: 'BlockNumber',
+          origin: 'PalletsOrigin'
+        },
+        DestAddress: 'Vec<u8>',
+        DispatchId: 'u32',
+        DispatchTime: {
+          _enum: {
+            At: 'BlockNumber',
+            After: 'BlockNumber'
+          }
+        },
+        ElpUnlockChunk: {
+          value: 'Compact<Balance>',
+          era: 'Compact<EraIndex>'
+        },
+        EvmAccountInfo: {
+          nonce: 'Index',
+          contractInfo: 'Option<EvmContractInfo>',
+          developerDeposit: 'Option<Balance>'
+        },
+        EvmAddress: 'H160',
+        EvmContractInfo: {
+          codeHash: 'H256',
+          maintainer: 'H160',
+          deployed: 'bool'
+        },
+        ExchangeRate: 'FixedU128',
+        GraduallyUpdate: {
+          key: 'StorageKey',
+          targetValue: 'StorageValue',
+          perBlock: 'StorageValue'
+        },
+        Keys: 'SessionKeys2',
+        Ledger: {
+          bonded: 'Balance',
+          unbondingToFree: 'Balance',
+          freePool: 'Balance',
+          toUnbondNextEra: '(Balance, Balance)'
+        },
+        LiquidationStrategy: {
+          _enum: [
+            'Auction',
+            'Exchange'
+          ]
+        },
+        LiquidityPool: {
+          currency_ids: 'Vec<AssetIdOf>',
+          lp_token_id: 'AssetId',
+          pool_config_id: 'u32',
+          pool_reserves: 'Vec<Balance>'
+        },
+        LiquidityPoolConfig_: 'PoolConfig',
+        LiquidityPool_: 'LiquidityPool',
+        LookupSource: 'MultiAddress',
+        NomineeId: 'AccountId',
+        NFTBalance: 'u128',
+        OptionRate: 'Option<Rate>',
+        OptionRatio: 'Option<Ratio>',
+        OracleKey: 'CurrencyId',
+        OracleValue: 'Price',
+        OrderedSet: 'Vec<AccountId>',
+        OrmlAccountData: {
+          free: 'Balance',
+          frozen: 'Balance',
+          reserved: 'Balance'
+        },
+        OrmlBalanceLock: {
+          amount: 'Balance',
+          id: 'LockIdentifier'
+        },
+        OrmlVestingSchedule: {
+          start: 'BlockNumber',
+          period: 'BlockNumber',
+          periodCount: 'u32',
+          perPeriod: 'Compact<Balance>'
+        },
+        PalletBalanceOf: 'Balance',
+        PalletsOrigin: {
+          _enum: {
+            System: 'SystemOrigin',
+            Timestamp: 'Null',
+            RandomnessCollectiveFlip: 'Null',
+            Balances: 'Null',
+            Accounts: 'Null',
+            Currencies: 'Null',
+            Tokens: 'Null',
+            Vesting: 'Null',
+            EaveTreasury: 'Null',
+            Utility: 'Null',
+            Multisig: 'Null',
+            Recovery: 'Null',
+            Proxy: 'Null',
+            Scheduler: 'Null',
+            Indices: 'Null',
+            GraduallyUpdate: 'Null',
+            Authorship: 'Null',
+            Babe: 'Null',
+            Grandpa: 'Null',
+            Staking: 'Null',
+            Session: 'Null',
+            Historical: 'Null',
+            GeneralCouncil: 'CollectiveOrigin',
+            GeneralCouncilMembership: 'Null',
+            EYECouncil: 'CollectiveOrigin',
+            EYECouncilMembership: 'Null',
+            ElpCouncil: 'CollectiveOrigin',
+            ElpCouncilMembership: 'Null',
+            TechnicalCommittee: 'CollectiveOrigin',
+            TechnicalCommitteeMembership: 'Null',
+            Authority: 'DelayedOrigin',
+            ElectionsPhragmen: 'Null',
+            EaveOracle: 'Null',
+            BandOracle: 'Null',
+            OperatorMembershipEave: 'Null',
+            OperatorMembershipBand: 'Null',
+            Auction: 'Null',
+            Rewards: 'Null',
+            OrmlNFT: 'Null',
+            Prices: 'Null',
+            Dex: 'Null',
+            AuctionManager: 'Null',
+            Loans: 'Null',
+            EYE: 'Null',
+            CdpTreasury: 'Null',
+            CdpEngine: 'Null',
+            EmergencyShutdown: 'Null',
+            Elp: 'Null',
+            NomineesElection: 'Null',
+            StakingPool: 'Null',
+            PolkadotBridge: 'Null',
+            Incentives: 'Null',
+            AirDrop: 'Null',
+            NFT: 'Null',
+            RenVmBridge: 'Null',
+            Contracts: 'Null',
+            EVM: 'Null',
+            Sudo: 'Null',
+            TransactionPayment: 'Null'
+          }
+        },
+        Params: {
+          targetMaxFreeUnbondedRatio: 'Ratio',
+          targetMinFreeUnbondedRatio: 'Ratio',
+          targetUnbondingToFreeRatio: 'Ratio',
+          unbondingToFreeAdjustment: 'Ratio',
+          baseFeeRate: 'Rate'
+        },
+        PolkadotAccountId: 'AccountId',
+        PolkadotAccountIdOf: 'PolkadotAccountId',
+        PoolId: {
+          _enum: {
+            Loans: 'CurrencyId',
+            DexIncentive: 'CurrencyId',
+            DexSaving: 'CurrencyId',
+            Elp: 'Null'
+          }
+        },
+        PoolInfo: {
+          totalShares: 'Compact<Share>',
+          totalRewards: 'Compact<Balance>',
+          totalWithdrawnRewards: 'Compact<Balance>'
+        },
+        Position: {
+          collateral: 'Balance',
+          debit: 'Balance'
+        },
+        Price: 'FixedU128',
+        Properties: {
+          _set: {
+            _bitLength: 8,
+            Transferable: 1,
+            Burnable: 2
+          }
+        },
+        PublicKey: '[u8; 20]',
+        Rate: 'FixedU128',
+        Ratio: 'FixedU128',
+        RedeemStrategy: {
+          _enum: {
+            Immediately: 'Null',
+            Target: 'EraIndex',
+            WaitForUnbonding: 'Null'
+          }
+        },
+        RelaychainAccountId: 'AccountId',
+        RiskManagementParams: {
+          maximumTotalDebitValue: 'Balance',
+          stabilityFee: 'Option<Rate>',
+          liquidationRatio: 'Option<Rate>',
+          liquidationPenalty: 'Option<Rate>',
+          requiredCollateralRatio: 'Option<Rate>'
+        },
+        RpcDataProviderId: 'Text',
+        ScheduleTaskIndex: 'u32',
+        Share: 'u128',
+        StorageKeyBytes: 'Vec<u8>',
+        StorageValue: 'Vec<u8>',
+        StorageValueBytes: 'Vec<u8>',
+        SubAccountStatus: {
+          bonded: 'Balance',
+          available: 'Balance',
+          unbonding: 'Vec<(EraIndex,Balance)>',
+          mockRewardRate: 'Rate'
+        },
+        SurplusAuctionItem: {
+          amount: 'Compact<Balance>',
+          startTime: 'BlockNumber'
+        },
+        TimestampedValue: {
+          value: 'OracleValue',
+          timestamp: 'Moment'
+        },
+        TimestampedValueOf: 'TimestampedValue',
+        TokenBalanceOf: 'Balance',
+        TokenData: {
+          deposit: 'Balance'
+        },
+        TokenId: 'u64',
+        TokenIdOf: 'TokenId',
+        TokenInfo: {
+          name: 'Text',
+          symbol: 'Text',
+          decimals: 'u8',
+          owner: 'AccountId'
+        },
+        TokenInfoOf: {
+          metadata: 'CID',
+          owner: 'AccountId',
+          data: 'TokenData'
+        },
+        TokenSymbol: {
+          _enum: {
+            EAVE: 0,
+            EUSD: 1,
+            DOT: 2,
+            LDOT: 3,
+            XBTC: 4,
+            RENBTC: 5,
+            INTERBTC: 6,
+            PLM: 7,
+            PHA: 8,
+            HDT: 9,
+            ICE: 128,
+            IUSD: 129,
+            KSM: 130,
+            LKSM: 131,
+            SDN: 135,
+            KILT: 138
+          }
+        },
+        TradingPair: '(CurrencyId,  CurrencyId)',
+        TradingPairProvisionParameters: {
+          minContribution: '(Balance, Balance)',
+          targetProvision: '(Balance, Balance)',
+          accumulatedProvision: '(Balance, Balance)',
+          notBefore: 'BlockNumber'
+        },
+        TradingPairStatus: {
+          _enum: {
+            NotEnabled: 'Null',
+            Provisioning: 'TradingPairProvisionParameters',
+            Enabled: 'Null'
+          }
+        },
+        VestingScheduleOf: 'OrmlVestingSchedule',
+        XCurrencyId: {
+          chainId: 'ChainId',
+          currencyId: 'Vec<u8>'
+        }
+      }
+    }
+  ]
+};
+
+export default definitions;
diff --git a/packages/apps-config/src/api/spec/edgeware.ts b/packages/apps-config/src/api/spec/edgeware.ts
new file mode 100644
index 0000000..0babfe3
--- /dev/null
+++ b/packages/apps-config/src/api/spec/edgeware.ts
@@ -0,0 +1,10 @@
+// Copyright 2017-2022 @polkadot/apps-config authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { OverrideBundleDefinition } from '@polkadot/types/types';
+
+import { spec } from '@edgeware/node-types';
+
+const edgeware = spec.typesBundle.spec?.edgeware as OverrideBundleDefinition;
+
+export default edgeware;
diff --git a/packages/apps-config/src/api/spec/encointer-node-notee.ts b/packages/apps-config/src/api/spec/encointer-node-notee.ts
new file mode 100644
index 0000000..12d2c94
--- /dev/null
+++ b/packages/apps-config/src/api/spec/encointer-node-notee.ts
@@ -0,0 +1,82 @@
+// Copyright 2017-2022 @polkadot/apps-config authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { OverrideBundleDefinition } from '@polkadot/types/types';
+
+// structs need to be in order
+/* eslint-disable sort-keys */
+
+const definitions: OverrideBundleDefinition = {
+  types: [
+    {
+      // on all versions
+      minmax: [0, undefined],
+      types: {
+        Address: 'MultiAddress',
+        LookupSource: 'MultiAddress',
+        CeremonyPhaseType: {
+          _enum: [
+            'Registering',
+            'Assigning',
+            'Attesting'
+          ]
+        },
+        CeremonyIndexType: 'u32',
+        ParticipantIndexType: 'u64',
+        MeetupIndexType: 'u64',
+        AttestationIndexType: 'u64',
+        CurrencyIdentifier: 'Hash',
+        BalanceType: 'i128',
+        BalanceEntry: {
+          principal: 'i128',
+          last_update: 'BlockNumber'
+        },
+        CurrencyCeremony: {
+          cid: 'CurrencyIdentifier',
+          cindex: 'CeremonyIndexType'
+        },
+        Location: {
+          lat: 'i64',
+          lon: 'i64'
+        },
+        Reputation: {
+          _enum: [
+            'Unverified',
+            'UnverifiedReputable',
+            'VerifiedUnlinked',
+            'VerifiedLinked'
+          ]
+        },
+        CurrencyPropertiesType: {
+          name_utf8: 'Text',
+          demurrage_per_block: 'i128'
+        },
+        ClaimOfAttendance: {
+          claimant_public: 'AccountId',
+          ceremony_index: 'CeremonyIndexType',
+          currency_identifier: 'CurrencyIdentifier',
+          meetup_index: 'MeetupIndexType',
+          location: 'Location',
+          timestamp: 'Moment',
+          number_of_participants_confirmed: 'u32'
+        },
+        Attestation: {
+          claim: 'ClaimOfAttendance',
+          signature: 'Signature',
+          public: 'AccountId'
+        },
+        ProofOfAttendance: {
+          prover_public: 'AccountId',
+          ceremony_index: 'CeremonyIndexType',
+          currency_identifier: 'CurrencyIdentifier',
+          attendee_public: 'AccountId',
+          attendee_signature: 'Signature'
+        },
+        ShopIdentifier: 'Text',
+        ArticleIdentifier: 'Text'
+      }
+    }
+  ]
+};
+
+export default definitions;
diff --git a/packages/apps-config/src/api/spec/encointer-node-teeproxy.ts b/packages/apps-config/src/api/spec/encointer-node-teeproxy.ts
new file mode 100644
index 0000000..a2aabb7
--- /dev/null
+++ b/packages/apps-config/src/api/spec/encointer-node-teeproxy.ts
@@ -0,0 +1,54 @@
+// Copyright 2017-2022 @polkadot/apps-config authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { OverrideBundleDefinition } from '@polkadot/types/types';
+
+// structs need to be in order
+/* eslint-disable sort-keys */
+
+const definitions: OverrideBundleDefinition = {
+  types: [
+    {
+      // on all versions
+      minmax: [0, undefined],
+      types: {
+        Address: 'MultiAddress',
+        LookupSource: 'MultiAddress',
+        CeremonyPhaseType: {
+          _enum: [
+            'Registering',
+            'Assigning',
+            'Attesting'
+          ]
+        },
+        CeremonyIndexType: 'u32',
+        CurrencyIdentifier: 'Hash',
+        CurrencyCeremony: {
+          cid: 'CurrencyIdentifier',
+          cindex: 'CeremonyIndexType'
+        },
+        Location: {
+          lat: 'i64',
+          lon: 'i64'
+        },
+        CurrencyPropertiesType: {
+          name_utf8: 'Text',
+          demurrage_per_block: 'i128'
+        },
+        ShardIdentifier: 'Hash',
+        Request: {
+          shard: 'ShardIdentifier',
+          cyphertext: 'Vec<u8>'
+        },
+        Enclave: {
+          pubkey: 'AccountId',
+          mrenclave: 'Hash',
+          timestamp: 'u64',
+          url: 'Text'
+        }
+      }
+    }
+  ]
+};
+
+export default definitions;
diff --git a/packages/apps-config/src/api/spec/encointer-para.ts b/packages/apps-config/src/api/spec/encointer-para.ts
new file mode 100644
index 0000000..7ae4b42
--- /dev/null
+++ b/packages/apps-config/src/api/spec/encointer-para.ts
@@ -0,0 +1,89 @@
+// Copyright 2017-2022 @polkadot/apps-config authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { OverrideBundleDefinition } from '@polkadot/types/types';
+
+// structs need to be in order
+/* eslint-disable sort-keys */
+
+const definitions: OverrideBundleDefinition = {
+  types: [
+    {
+      // on all versions
+      minmax: [0, undefined],
+      types: {
+        Address: 'AccountId',
+        LookupSource: 'AccountId',
+        CeremonyPhaseType: {
+          _enum: [
+            'Registering',
+            'Assigning',
+            'Attesting'
+          ]
+        },
+        CeremonyIndexType: 'u32',
+        ParticipantIndexType: 'u64',
+        MeetupIndexType: 'u64',
+        AttestationIndexType: 'u64',
+        CommunityIdentifier: 'Hash',
+        BalanceType: 'i128',
+        BalanceEntry: {
+          principal: 'i128',
+          last_update: 'BlockNumber'
+        },
+        CommunityCeremony: {
+          cid: 'CommunityIdentifier',
+          cindex: 'CeremonyIndexType'
+        },
+        Location: {
+          lat: 'i64',
+          lon: 'i64'
+        },
+        Reputation: {
+          _enum: [
+            'Unverified',
+            'UnverifiedReputable',
+            'VerifiedUnlinked',
+            'VerifiedLinked'
+          ]
+        },
+        CommunityPropertiesType: {
+          name_utf8: 'Text',
+          demurrage_per_block: 'i128'
+        },
+        ClaimOfAttendance: {
+          claimant_public: 'AccountId',
+          ceremony_index: 'CeremonyIndexType',
+          community_identifier: 'CommunityIdentifier',
+          meetup_index: 'MeetupIndexType',
+          location: 'Location',
+          timestamp: 'Moment',
+          number_of_participants_confirmed: 'u32'
+        },
+        Attestation: {
+          claim: 'ClaimOfAttendance',
+          signature: 'Signature',
+          public: 'AccountId'
+        },
+        ProofOfAttendance: {
+          prover_public: 'AccountId',
+          ceremony_index: 'CeremonyIndexType',
+          community_identifier: 'CommunityIdentifier',
+          attendee_public: 'AccountId',
+          attendee_signature: 'Signature'
+        },
+        ShopIdentifier: 'Text',
+        ArticleIdentifier: 'Text',
+        PersonhoodUniquenessRating: 'Vec<u8>',
+        SybilResponse: {
+          _enum: [
+            'Unused',
+            'Faucet'
+          ]
+        }
+      }
+    }
+  ]
+};
+
+export default definitions;
diff --git a/packages/apps-config/src/api/spec/equilibrium.ts b/packages/apps-config/src/api/spec/equilibrium.ts
new file mode 100644
index 0000000..6e7e0a1
--- /dev/null
+++ b/packages/apps-config/src/api/spec/equilibrium.ts
@@ -0,0 +1,162 @@
+// Copyright 2017-2022 @polkadot/apps-config authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { Observable } from 'rxjs';
+import type { ApiInterfaceRx, AugmentedQuery, RxResult } from '@polkadot/api/types';
+import type { AccountData, AccountId, AccountIndex, Address, Balance } from '@polkadot/types/interfaces';
+import type { Codec, OverrideBundleDefinition } from '@polkadot/types/types';
+
+import { equilibrium, equilibriumNext } from '@equilab/definitions';
+import { map } from 'rxjs';
+
+import { Enum } from '@polkadot/types';
+import { BN } from '@polkadot/util';
+
+interface SignedBalance extends Enum {
+  readonly isPositive: boolean;
+  readonly asPositive: Balance;
+  readonly isNegative: boolean;
+  readonly asNegative: Balance;
+}
+
+interface Currency extends Enum {
+  readonly isUnknown: boolean;
+  readonly isUsd: boolean;
+  readonly isEq: boolean;
+  readonly isEth: boolean;
+  readonly isBtc: boolean;
+  readonly isEos: boolean;
+  readonly isDot: boolean;
+}
+
+type CommonBalanceMap = ApiInterfaceRx['query']['balances']['account'];
+
+type EqBalanceDoubleMap<T> = AugmentedQuery<
+'rxjs',
+(key1: AccountIndex | AccountId | Address | string, key2: T | string) => Observable<SignedBalance>,
+[AccountId, Currency]
+>
+
+export const u64FromCurrency = (currency: string): number => {
+  const buf = Buffer.from(currency.toLowerCase());
+  const size = buf.length;
+
+  return buf.reduce(
+    (val, digit, i) => val + Math.pow(256, size - 1 - i) * digit,
+    0
+  );
+};
+
+const transformBalanceStorage = <T>(
+  query: EqBalanceDoubleMap<T>,
+  currency: string,
+  transform: <SB extends Enum>(data: SB) => AccountData,
+  currencyToAsset: (arg: string, api?: ApiInterfaceRx) => T,
+  api?: ApiInterfaceRx
+): CommonBalanceMap => {
+  const arg = currencyToAsset(currency, api);
+
+  // HACK as we cannot properly transform queryMulti result, define AccountData getters on standard Enum
+  if (!(Enum as { hacked?: boolean }).hacked) {
+    (Enum as { hacked?: boolean }).hacked = true;
+
+    for (const prop of ['free', 'reserved', 'miscFrozen', 'feeFrozen'] as Array<keyof AccountData>) {
+      Object.defineProperty(Enum.prototype, prop, {
+        get () {
+          const accData: AccountData = transform(this as Enum);
+
+          return accData[prop];
+        },
+        set () {
+          // Do nothing
+        }
+      });
+    }
+  }
+
+  // Transform result if we call the func normally
+  const boundFunction = (account: AccountIndex | AccountId | Address | string) =>
+    query(account, arg).pipe(map(transform));
+
+  // Bind currency as second key for doubleMap for queryMulti
+  const boundCreator = (account: AccountIndex | AccountId | Address | string) =>
+    query.creator([account, arg]);
+
+  Object.assign(boundCreator, { ...query.creator });
+
+  return Object.assign(boundFunction, { ...query, creator: boundCreator } as unknown as CommonBalanceMap);
+};
+
+const signedBalancePredicate = (raw: Codec): raw is SignedBalance =>
+  ['asNegative', 'asPositive', 'isNegative', 'isPositive'].some((key) =>
+    Object.prototype.hasOwnProperty.call(raw, key)
+  );
+
+export const createCustomAccount = <A = string>(currency: string, currencyToAsset: (curr: string, api?: ApiInterfaceRx) => A, accountDataType = 'AccountData'):
+(instanceId: string, api: ApiInterfaceRx) => RxResult<(arg: string | Uint8Array | AccountId) => Observable<AccountData>> => (instanceId: string, api: ApiInterfaceRx) => {
+  const registry = api.registry;
+
+  const transform = <SB extends Enum>(balance: SB): AccountData => {
+    let free = registry.createType('Balance');
+    const reserved = registry.createType('Balance');
+    const miscFrozen = registry.createType('Balance');
+    const feeFrozen = registry.createType('Balance');
+
+    if (signedBalancePredicate(balance)) {
+      if (balance.isPositive) {
+        free = registry.createType('Balance', balance.asPositive);
+      } else if (balance.isNegative) {
+        free = registry.createType('Balance', balance.asNegative.mul(new BN(-1)));
+      }
+    }
+
+    return registry.createType(accountDataType as 'AccountData', { feeFrozen, free, miscFrozen, reserved });
+  };
+
+  return transformBalanceStorage(
+    api.query.eqBalances.account as unknown as EqBalanceDoubleMap<A>,
+    currency,
+    transform,
+    currencyToAsset,
+    api
+  );
+};
+
+const definitions: OverrideBundleDefinition = {
+  derives: {
+    ...equilibrium.instances.balances.reduce(
+      (all, cur) => ({
+        ...all,
+        [cur]: {
+          customAccount: createCustomAccount(cur, (currency: string, api?: ApiInterfaceRx) => {
+            let assetsEnabled = true;
+
+            try {
+              api?.registry.createType('AssetIdInnerType' as any);
+            } catch (_) {
+              assetsEnabled = false;
+            }
+
+            return assetsEnabled ? { 0: u64FromCurrency(currency) } : currency;
+          })
+        }
+      }),
+      {}
+    )
+  },
+
+  instances: equilibrium.instances,
+
+  types: [
+    {
+      minmax: [0, 264],
+      types: equilibrium.types
+    },
+    {
+      minmax: [265, undefined],
+      types: equilibriumNext.types
+    }
+  ]
+};
+
+export default definitions;
diff --git a/packages/apps-config/src/api/spec/fantour.ts b/packages/apps-config/src/api/spec/fantour.ts
new file mode 100644
index 0000000..cf6d549
--- /dev/null
+++ b/packages/apps-config/src/api/spec/fantour.ts
@@ -0,0 +1,69 @@
+// Copyright 2017-2022 @polkadot/apps-config authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+// structs need to be in order
+/* eslint-disable sort-keys */
+/* eslint-disable camelcase */
+
+import { OverrideBundleDefinition } from '@polkadot/types/types';
+
+const definitions: OverrideBundleDefinition = {
+  types: [
+    {
+      // on all versions
+      minmax: [0, undefined],
+      types: {
+        Properties: 'u8',
+        NFTMetadata: 'Vec<u8>',
+        BlockNumber: 'u32',
+        BlockNumberOf: 'BlockNumber',
+
+        OrderData: {
+          currencyId: 'Compact<CurrencyIdOf>',
+          price: 'Compact<Balance>',
+          deposit: 'Compact<Balance>',
+          deadline: 'Compact<BlockNumberOf>',
+          categoryId: 'Compact<CategoryIdOf>'
+        },
+
+        CategoryId: 'u32',
+        CategoryIdOf: 'CategoryId',
+        CategoryData: {
+          metadata: 'NFTMetadata',
+          nftCount: 'Compact<Balance>'
+        },
+
+        CurrencyId: 'u32',
+        CurrencyIdOf: 'CurrencyId',
+        Amount: 'i128',
+        AmountOf: 'Amount',
+
+        ClassId: 'u32',
+        ClassIdOf: 'ClassId',
+        ClassInfoOf: {
+          metadata: 'NFTMetadata',
+          totalIssuance: 'TokenId',
+          owner: 'AccountId',
+          data: 'ClassData'
+        },
+        ClassData: {
+          deposit: 'Compact<Balance>',
+          properties: 'Properties',
+          name: 'Vec<u8>',
+          description: 'Vec<u8>',
+          createBlock: 'Compact<BlockNumberOf>'
+        },
+
+        TokenId: 'u64',
+        TokenIdOf: 'TokenId',
+        TokenInfoOf: { metadata: 'NFTMetadata', owner: 'AccountId', data: 'TokenData' },
+        TokenData: {
+          deposit: 'Compact<Balance>',
+          createBlock: 'Compact<BlockNumberOf>'
+        }
+      }
+    }
+  ]
+};
+
+export default definitions;
diff --git a/packages/apps-config/src/api/spec/galital-parachain.ts b/packages/apps-config/src/api/spec/galital-parachain.ts
new file mode 100644
index 0000000..1e851d7
--- /dev/null
+++ b/packages/apps-config/src/api/spec/galital-parachain.ts
@@ -0,0 +1,70 @@
+// Copyright 2017-2022 @polkadot/apps-config authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { OverrideBundleDefinition } from '@polkadot/types/types';
+
+// structs need to be in order
+/* eslint-disable sort-keys */
+
+const definitions: OverrideBundleDefinition = {
+  types: [
+    {
+      // on all versions
+      minmax: [0, undefined],
+      types: {
+        Address: 'AccountId',
+        LookupSource: 'AccountId',
+        Account: {
+          nonce: 'U256',
+          balance: 'U256'
+        },
+        Transaction: {
+          nonce: 'U256',
+          action: 'String',
+          gas_price: 'u64',
+          gas_limit: 'u64',
+          value: 'U256',
+          input: 'Vec<u8>',
+          signature: 'Signature'
+        },
+        Signature: {
+          v: 'u64',
+          r: 'H256',
+          s: 'H256'
+        },
+        ClassId: 'u64',
+        TokenId: 'u64',
+        ClassData: 'Vec<u8>',
+        TokenData: 'Vec<u8>',
+        ReportReason: {
+          _enum: [
+            'None',
+            'Illigal',
+            'Plagiarism',
+            'Duplicate',
+            'Reported'
+          ]
+        },
+        ClassInfoOf: {
+          metadata: 'Vec<u8>',
+          total_issuance: 'TokenId',
+
+          owner: 'AccountId',
+          class_data: 'ClassData'
+        },
+        ExtendedInfo: {
+          display_flag: 'bool',
+          report: 'ReportReason',
+          frozen: 'bool'
+        },
+        TokenInfoOf: {
+          metadata: 'Vec<u8>',
+          owner: 'AccountId',
+          class_data: 'ClassData'
+        }
+      }
+    }
+  ]
+};
+
+export default definitions;
diff --git a/packages/apps-config/src/api/spec/galital.ts b/packages/apps-config/src/api/spec/galital.ts
new file mode 100644
index 0000000..193cd17
--- /dev/null
+++ b/packages/apps-config/src/api/spec/galital.ts
@@ -0,0 +1,75 @@
+// Copyright 2017-2022 @polkadot/apps-config authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { OverrideBundleDefinition } from '@polkadot/types/types';
+
+// structs need to be in order
+/* eslint-disable sort-keys */
+
+const definitions: OverrideBundleDefinition = {
+  types: [
+    {
+      // on all versions
+      minmax: [0, undefined],
+      types: {
+        Address: 'MultiAddress',
+        LookupSource: 'MultiAddress',
+        AccountInfo: 'AccountInfoWithTripleRefCount',
+        Account: {
+          nonce: 'U256',
+          balance: 'U256'
+        },
+        Transaction: {
+          nonce: 'U256',
+          action: 'String',
+          gas_price: 'u64',
+          gas_limit: 'u64',
+          value: 'U256',
+          input: 'Vec<u8>',
+          signature: 'Signature'
+        },
+        ChainId: 'u8',
+        ResourceId: '[u8; 32]',
+        DepositNonce: 'u64',
+        ProposalVotes: {
+          votes_for: 'Vec<AccountId>',
+          votes_against: 'Vec<AccountId>',
+          status: 'u8',
+          expiry: 'U256'
+        },
+        ClassId: 'u64',
+        TokenId: 'u64',
+        ClassData: 'Vec<u8>',
+        TokenData: 'Vec<u8>',
+        ReportReason: {
+          _enum: [
+            'None',
+            'Illigal',
+            'Plagiarism',
+            'Duplicate',
+            'Reported'
+          ]
+        },
+        ClassInfoOf: {
+          metadata: 'Vec<u8>',
+          total_issuance: 'TokenId',
+
+          owner: 'AccountId',
+          class_data: 'ClassData'
+        },
+        ExtendedInfo: {
+          display_flag: 'bool',
+          report: 'ReportReason',
+          frozen: 'bool'
+        },
+        TokenInfoOf: {
+          metadata: 'Vec<u8>',
+          owner: 'AccountId',
+          class_data: 'ClassData'
+        }
+      }
+    }
+  ]
+};
+
+export default definitions;
diff --git a/packages/apps-config/src/api/spec/galois.ts b/packages/apps-config/src/api/spec/galois.ts
new file mode 100644
index 0000000..b427a71
--- /dev/null
+++ b/packages/apps-config/src/api/spec/galois.ts
@@ -0,0 +1,52 @@
+// Copyright 2017-2022 @polkadot/apps-config authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { OverrideBundleDefinition } from '@polkadot/types/types';
+
+// structs need to be in order
+/* eslint-disable sort-keys */
+
+const definitions: OverrideBundleDefinition = {
+  types: [
+    {
+      // on all versions
+      minmax: [0, undefined],
+      types: {
+        Address: 'MultiAddress',
+        LookupSource: 'MultiAddress',
+        Balance: 'u128',
+        RefCount: 'u32',
+        Account: {
+          nonce: 'U256',
+          balance: 'U256'
+        },
+        AccountServiceEnum: {
+          _enum: {
+            Nickname: 'String',
+            Ethereum: 'H160'
+          }
+        },
+        MultiAddressDetails: {
+          nickname: 'AccountServiceEnum',
+          ethereum: 'AccountServiceEnum'
+        },
+        Nickname: 'String',
+        Ethereum: 'H160',
+        TransferAmountInfo: {
+          date: 'u64',
+          daily_info: 'Balance',
+          monthly_info: 'Balance',
+          yearly_info: 'Balance'
+        },
+        AccountLimit: {
+          daily_limit: 'Balance',
+          monthly_limit: 'Balance',
+          yearly_limit: 'Balance'
+        },
+        Keys: 'SessionKeys2'
+      }
+    }
+  ]
+};
+
+export default definitions;
diff --git a/packages/apps-config/src/api/spec/gamepower.ts b/packages/apps-config/src/api/spec/gamepower.ts
new file mode 100644
index 0000000..7eb3dd2
--- /dev/null
+++ b/packages/apps-config/src/api/spec/gamepower.ts
@@ -0,0 +1,76 @@
+// Copyright 2017-2022 @polkadot/apps-config authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { OverrideBundleDefinition } from '@polkadot/types/types';
+
+// structs need to be in order
+/* eslint-disable sort-keys */
+
+const definitions: OverrideBundleDefinition = {
+  types: [
+    {
+      // on all versions
+      minmax: [0, undefined],
+      types: {
+        AccountInfo: 'AccountInfoWithDualRefCount',
+        AssetId: 'u64',
+        SeriesId: 'u64',
+        ClassId: 'u32',
+        ClassIdOf: 'ClassId',
+        ClassInfoOf: 'ClassInfo',
+        TokenId: 'u64',
+        TokenIdOf: 'TokenId',
+        TokenInfoOf: 'TokenInfo',
+        ClassInfo: {
+          metadata: 'Vec<u8>',
+          total_issuance: 'TokenId',
+          owner: 'AccountId',
+          data: 'NftClassData'
+        },
+        TokenInfo: {
+          metadata: 'Vec<u8>',
+          owner: 'AccountId',
+          data: 'NftAssetData'
+        },
+        NftSeriesData: {
+          name: 'Vec<u8>',
+          owner: 'AccountId',
+          properties: 'Vec<u8>'
+        },
+        NftClassData: {
+          deposit: 'Balance',
+          properties: 'Vec<u8>',
+          token_type: 'TokenType',
+          collection_type: 'CollectionType',
+          total_supply: 'u64',
+          initial_supply: 'u64'
+        },
+        NftAssetData: {
+          deposit: 'Balance',
+          name: 'Vec<u8>',
+          description: 'Vec<u8>',
+          properties: 'Vec<u8>'
+        },
+        TokenType: {
+          _enum: [
+            'Transferrable',
+            'BoundToAddress'
+          ]
+        },
+        CollectionType: {
+          _enum: [
+            'Collectable',
+            'Wearable',
+            'Executable'
+          ]
+        },
+        ClassProperties: {
+          Transferrable: 'bool',
+          Burnable: 'bool'
+        }
+      }
+    }
+  ]
+};
+
+export default definitions;
diff --git a/packages/apps-config/src/api/spec/genshiro.ts b/packages/apps-config/src/api/spec/genshiro.ts
new file mode 100644
index 0000000..32dcd63
--- /dev/null
+++ b/packages/apps-config/src/api/spec/genshiro.ts
@@ -0,0 +1,34 @@
+// Copyright 2017-2022 @polkadot/apps-config authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { OverrideBundleDefinition } from '@polkadot/types/types';
+
+import { genshiro } from '@equilab/definitions';
+
+import { createCustomAccount, u64FromCurrency } from './equilibrium';
+
+const definitions: OverrideBundleDefinition = {
+  derives: {
+    ...genshiro.instances.balances.reduce(
+      (all, cur) => ({
+        ...all,
+        [cur]: {
+          customAccount: createCustomAccount(cur, (currency: string) => ({ 0: u64FromCurrency(currency) }), 'CompatAccountData')
+        }
+      }),
+      {}
+    )
+  },
+
+  instances: genshiro.instances,
+
+  types: [
+    {
+      // on all versions
+      minmax: [0, undefined],
+      types: genshiro.types
+    }
+  ]
+};
+
+export default definitions;
diff --git a/packages/apps-config/src/api/spec/hanonycash.ts b/packages/apps-config/src/api/spec/hanonycash.ts
new file mode 100644
index 0000000..c5ed1b4
--- /dev/null
+++ b/packages/apps-config/src/api/spec/hanonycash.ts
@@ -0,0 +1,31 @@
+// Copyright 2017-2022 @polkadot/apps-config authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { OverrideBundleDefinition } from '@polkadot/types/types';
+
+// structs need to be in order
+/* eslint-disable sort-keys */
+
+const definitions: OverrideBundleDefinition = {
+  types: [
+    {
+      // on all versions
+      minmax: [0, undefined],
+      types: {
+        Difficulty: 'U256',
+        DifficultyAndTimestamp: {
+          difficulty: 'Difficulty',
+          timestamp: 'Moment'
+        },
+        Era: {
+          genesisBlockHash: 'H256',
+          finalBlockHash: 'H256',
+          finalStateRoot: 'H256'
+        },
+        RefCount: 'u8'
+      }
+    }
+  ]
+};
+
+export default definitions;
diff --git a/packages/apps-config/src/api/spec/hydrate.ts b/packages/apps-config/src/api/spec/hydrate.ts
new file mode 100644
index 0000000..909c416
--- /dev/null
+++ b/packages/apps-config/src/api/spec/hydrate.ts
@@ -0,0 +1,60 @@
+// Copyright 2017-2022 @polkadot/apps-config authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { OverrideBundleDefinition } from '@polkadot/types/types';
+
+// structs need to be in order
+/* eslint-disable sort-keys */
+
+const definitions: OverrideBundleDefinition = {
+  types: [
+    {
+      // on all versions
+      minmax: [0, undefined],
+      types: {
+        Amount: 'i128',
+        AmountOf: 'Amount',
+        Address: 'AccountId',
+        OrmlAccountData: {
+          free: 'Balance',
+          frozen: 'Balance',
+          reserved: 'Balance'
+        },
+        Fee: {
+          numerator: 'u32',
+          denominator: 'u32'
+        },
+        BalanceInfo: {
+          amount: 'Balance',
+          assetId: 'AssetId'
+        },
+        CurrencyId: 'AssetId',
+        CurrencyIdOf: 'AssetId',
+        Intention: {
+          who: 'AccountId',
+          asset_sell: 'AssetId',
+          asset_buy: 'AssetId',
+          amount: 'Balance',
+          discount: 'bool',
+          sell_or_buy: 'IntentionType'
+        },
+        IntentionId: 'u128',
+        IntentionType: {
+          _enum: [
+            'SELL',
+            'BUY'
+          ]
+        },
+        LookupSource: 'AccountId',
+        OrderedSet: 'Vec<AssetId>',
+        Price: 'Balance',
+        Chain: {
+          genesisHash: 'Vec<u8>',
+          lastBlockHash: 'Vec<u8>'
+        }
+      }
+    }
+  ]
+};
+
+export default definitions;
diff --git a/packages/apps-config/src/api/spec/idavoll.ts b/packages/apps-config/src/api/spec/idavoll.ts
new file mode 100644
index 0000000..5ebd2d8
--- /dev/null
+++ b/packages/apps-config/src/api/spec/idavoll.ts
@@ -0,0 +1,22 @@
+// Copyright 2017-2022 @polkadot/apps-config authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { OverrideBundleDefinition } from '@polkadot/types/types';
+
+// structs need to be in order
+/* eslint-disable sort-keys */
+
+const definitions: OverrideBundleDefinition = {
+  types: [
+    {
+      // on all versions
+      minmax: [0, undefined],
+      types: {
+        Address: 'AccountId',
+        LookupSource: 'AccountId'
+      }
+    }
+  ]
+};
+
+export default definitions;
diff --git a/packages/apps-config/src/api/spec/index.ts b/packages/apps-config/src/api/spec/index.ts
new file mode 100644
index 0000000..66d92a6
--- /dev/null
+++ b/packages/apps-config/src/api/spec/index.ts
@@ -0,0 +1,274 @@
+// Copyright 2017-2022 @polkadot/apps-config authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { OverrideBundleDefinition } from '@polkadot/types/types';
+
+import acala from './acala';
+import ajuna from './ajuna';
+import altair from './altair';
+import apron from './apron';
+import aresGladios from './ares-gladios';
+import aresParachain from './ares-parachain';
+import astar from './astar';
+import automata from './automata';
+import basilisk from './basilisk';
+import beresheet from './beresheet';
+import bifrost from './bifrost';
+import bifrostAsgard from './bifrost-asgard';
+import bifrostParachain from './bifrost-parachain';
+import bitcountry from './bitcountry';
+import bitcountryPioneer from './bitcountry-pioneer';
+import bitcountryParachain from './bitcountry-rococo';
+import canvas from './canvas';
+import centrifuge from './centrifuge';
+import centrifugeChain from './centrifuge-chain';
+import chainx from './chainx';
+import clover from './clover';
+import cloverRococo from './clover-rococo';
+import coinversation from './coinversation';
+import competitorsClub from './competitors-club';
+import crab from './crab';
+import crownSterlingChain from './crown-sterling';
+import crust from './crust';
+import testPara from './cumulus-test-parachain';
+import darwinia from './darwinia';
+import datahighwayParachain from './datahighway';
+import dockMainnet from './dock-mainnet';
+import dockTestnet from './dock-testnet';
+import dotmog from './dotmog';
+import eave from './eave';
+import edgeware from './edgeware';
+import encointerNodeNotee from './encointer-node-notee';
+import encointerNodeTeeproxy from './encointer-node-teeproxy';
+import encointerPara from './encointer-para';
+import equilibrium from './equilibrium';
+import fantour from './fantour';
+import galital from './galital';
+import galitalParachain from './galital-parachain';
+import galois from './galois';
+import gamepower from './gamepower';
+import genshiro from './genshiro';
+import hanonycash from './hanonycash';
+import hydrate from './hydrate';
+import idavoll from './idavoll';
+import integritee from './integritee';
+import interbtc from './interbtc';
+import ipse from './ipse';
+import joystream from './joystream';
+import jupiter from './jupiter';
+import jupiterRococo from './jupiter-rococo';
+import khala from './khala';
+import kilt from './kilt';
+import konomi from './konomi';
+import kpron from './kpron';
+import kulupu from './kulupu';
+import kusari from './kusari';
+import kylin from './kylin';
+import laminar from './laminar';
+import litentry from './litentry';
+import mangata from './mangata';
+import manta from './manta';
+import mathchain from './mathchain';
+import moonbeam from './moonbeam';
+import mybank from './mybank';
+import neatcoin from './neatcoin';
+import neumann from './neumann';
+import nftmart from './nftmart';
+import nodle from './nodle';
+import opal from './opal';
+import opportunity from './opportunity';
+import origintrail from './origintrail';
+import pangolin from './pangolin';
+import pangoro from './pangoro';
+import parallel from './parallel';
+import parami from './parami';
+import phoenix from './phoenix';
+import pichiu from './pichiu';
+import plasm from './plasm';
+import polkadex from './polkadex';
+import polkafoundry from './polkafoundry';
+import polymesh from './polymesh';
+import pontem from './pontem';
+import prism from './prism';
+import quartz from './quartz';
+import realis from './realis';
+import riochain from './riochain';
+import robonomics from './robonomics';
+import shibuya from './shibuya';
+import shiden from './shiden';
+import snowbridge from './snowbridge';
+import soraSubstrate from './soraSubstrate';
+import spanner from './spanner';
+import stafi from './stafi';
+import standard from './standard';
+import subdao from './subdao';
+import subgame from './subgame';
+import subsocial from './subsocial';
+import subspace from './subspace';
+import substrateContractsNode from './substrateContractsNode';
+import swapdex from './swapdex';
+import ternoa from './ternoa';
+import trustbase from './trustbase';
+import turing from './turing';
+import uart from './uart';
+import unique from './unique';
+import unitv from './unitv';
+import vln from './vln';
+import vlnrococo from './vln-rococo';
+import vodka from './vodka';
+import web3games from './web3games';
+import westlake from './westlake';
+import zCloak from './zCloak';
+import zeitgeist from './zeitgeist';
+import zenlink from './zenlink';
+import zero from './zero';
+
+// NOTE: The mapping is done from specName in state.getRuntimeVersion
+const spec: Record<string, OverrideBundleDefinition> = {
+  Crab: crab,
+  Darwinia: darwinia,
+  'Darwinia Crab PC2': pangolin,
+  'Darwinia PC2': pangolin,
+  Equilibrium: equilibrium,
+  Genshiro: genshiro,
+  Pangolin: pangolin,
+  Pangoro: pangoro,
+  VLN: vln,
+  'VLN-PC': vlnrococo,
+  ...acala,
+  ajuna,
+  altair,
+  apron,
+  'ares-gladios': aresGladios,
+  'ares-mars': aresParachain,
+  'ares-odyssey': aresParachain,
+  asgard: bifrostAsgard,
+  astar,
+  automata: automata,
+  basilisk,
+  beresheet,
+  bifrost: bifrost,
+  'bifrost-parachain': bifrostParachain,
+  'bitcountry-node': bitcountry,
+  'bitcountry-parachain': bitcountryParachain,
+  canvas,
+  centrifuge,
+  'centrifuge-chain': centrifugeChain,
+  chainx,
+  'chainx-parachain': chainx,
+  clover,
+  'clover-rococo': cloverRococo,
+  coinversation,
+  'competitors-club': competitorsClub,
+  contextfree: automata,
+  'crown-sterling': crownSterlingChain,
+  crust,
+  'crust-parachain': crust,
+  'cumulus-subsocial-parachain': subsocial,
+  'cumulus-test-parachain': testPara,
+  datahighway: westlake,
+  'datahighway-parachain': datahighwayParachain,
+  dawn: eave,
+  'dev-parachain': zenlink,
+  'dock-pos-main-runtime': dockMainnet,
+  'dock-pos-test-runtime': dockTestnet,
+  'dotmog-node': dotmog,
+  edgeware,
+  'encointer-node-notee': encointerNodeNotee,
+  'encointer-node-teeproxy': encointerNodeTeeproxy,
+  'encointer-parachain': encointerPara,
+  fantour,
+  galital: galital,
+  'galital-collator': galitalParachain,
+  gamepower,
+  'hack-hydra-dx': hydrate,
+  halongbay: polkafoundry,
+  hanonycash,
+  heiko: parallel,
+  'hydra-dx': hydrate,
+  idavoll,
+  'integritee-parachain': integritee,
+  'interbtc-parachain': interbtc,
+  'interbtc-standalone': interbtc,
+  'ipse-node': ipse,
+  'joystream-node': joystream,
+  'jupiter-prep': jupiter,
+  'jupiter-rococo': jupiterRococo,
+  kerria: parallel,
+  khala,
+  'kilt-parachain': kilt,
+  'kilt-spiritnet': kilt,
+  'kintsugi-parachain': interbtc,
+  konomi,
+  kpron,
+  kulupu,
+  kusari,
+  kylin,
+  laminar,
+  litentry,
+  mangata,
+  'mangata-parachain': mangata,
+  'manta-node': manta,
+  'mashnet-node': kilt,
+  mathchain,
+  'mathchain-galois': galois,
+  moonbase: moonbeam,
+  moonbeam,
+  moonriver: moonbeam,
+  moonshadow: moonbeam,
+  'mybank.network Testnet': mybank,
+  neatcoin,
+  neumann,
+  nft: unique,
+  nftmart,
+  'node-moonbeam': moonbeam,
+  'node-polkadex': polkadex,
+  'nodle-chain': nodle,
+  opal: opal,
+  opportunity,
+  'origintrail-parachain': origintrail,
+  parallel,
+  parami,
+  'phoenix-node': phoenix,
+  'phoenix-parachain': phoenix,
+  pichiu,
+  'pioneer-runtime': bitcountryPioneer,
+  plasm,
+  polymesh,
+  'pontem-node': pontem,
+  prism,
+  quartz: quartz,
+  realis,
+  'riochain-runtime': riochain,
+  robonomics,
+  shibuya,
+  shiden,
+  snowbridge,
+  'sora-substrate': soraSubstrate,
+  sora_ksm: soraSubstrate,
+  spanner,
+  stafi,
+  standard,
+  steam: eave,
+  subdao,
+  subgame,
+  subsocial,
+  subspace,
+  'substrate-contracts-node': substrateContractsNode,
+  subzero: zero,
+  swapdex,
+  ternoa,
+  trustbase,
+  turing,
+  uart,
+  'unit-node': unitv,
+  'unit-parachain': unitv,
+  unorthodox: standard,
+  vanilla: parallel,
+  vodka,
+  'web3games-node': web3games,
+  'zcloak-network': zCloak,
+  zeitgeist: zeitgeist
+};
+
+export default spec;
diff --git a/packages/apps-config/src/api/spec/integritee.ts b/packages/apps-config/src/api/spec/integritee.ts
new file mode 100644
index 0000000..5a7fab0
--- /dev/null
+++ b/packages/apps-config/src/api/spec/integritee.ts
@@ -0,0 +1,33 @@
+// Copyright 2017-2022 @polkadot/apps-config authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { OverrideBundleDefinition } from '@polkadot/types/types';
+
+// structs need to be in order
+/* eslint-disable sort-keys */
+
+const definitions: OverrideBundleDefinition = {
+  types: [
+    {
+      // on all versions
+      minmax: [0, undefined],
+      types: {
+        Address: 'MultiAddress',
+        Enclave: {
+          mrenclave: 'Hash',
+          pubkey: 'AccountId',
+          timestamp: 'u64',
+          url: 'Text'
+        },
+        LookupSource: 'MultiAddress',
+        Request: {
+          cyphertext: 'Vec<u8>',
+          shard: 'ShardIdentifier'
+        },
+        ShardIdentifier: 'Hash'
+      }
+    }
+  ]
+};
+
+export default definitions;
diff --git a/packages/apps-config/src/api/spec/interbtc.ts b/packages/apps-config/src/api/spec/interbtc.ts
new file mode 100644
index 0000000..e53b965
--- /dev/null
+++ b/packages/apps-config/src/api/spec/interbtc.ts
@@ -0,0 +1,77 @@
+// Copyright 2017-2022 @polkadot/apps-config authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+/* eslint-disable @typescript-eslint/no-unsafe-argument, @typescript-eslint/no-unsafe-member-access, @typescript-eslint/no-unsafe-assignment */
+
+import type { Observable } from 'rxjs';
+import type { ApiInterfaceRx } from '@polkadot/api/types';
+import type { OverrideBundleDefinition } from '@polkadot/types/types';
+
+import interbtc from '@interlay/interbtc-types';
+import { combineLatest, map } from 'rxjs';
+
+import { DeriveBalancesAll } from '@polkadot/api-derive/types';
+import { memo } from '@polkadot/api-derive/util';
+import { TypeRegistry, U128 } from '@polkadot/types';
+import { Balance } from '@polkadot/types/interfaces';
+import { BN, formatBalance } from '@polkadot/util';
+
+function balanceOf (number: number | string): U128 {
+  return new U128(new TypeRegistry(), number);
+}
+
+function defaultAccountBalance (): DeriveBalancesAll {
+  // eslint-disable-next-line @typescript-eslint/no-unsafe-return
+  return {
+    accountNonce: new BN(1),
+    additional: [],
+    availableBalance: balanceOf(0),
+    freeBalance: balanceOf(0),
+    lockedBalance: balanceOf(0),
+    lockedBreakdown: [],
+    namedReserves: [],
+    reservedBalance: balanceOf(0)
+  } as any;
+}
+
+interface OrmlAccountData {
+  free: Balance,
+  reserved: Balance,
+  frozen: Balance,
+}
+
+export function getBalance (
+  instanceId: string,
+  api: ApiInterfaceRx
+): () => Observable<DeriveBalancesAll> {
+  const nativeToken = api.registry.chainTokens[0] || formatBalance.getDefaults().unit;
+
+  return memo(
+    instanceId,
+    (account: string): Observable<DeriveBalancesAll> =>
+      combineLatest<[any]>([api.query.tokens.accounts(account, { Token: nativeToken })]).pipe(
+        map(([data]: [OrmlAccountData]): DeriveBalancesAll => {
+          return {
+            ...defaultAccountBalance(),
+            accountId: api.registry.createType('AccountId', account),
+            availableBalance: api.registry.createType('Balance', data.free.sub(data.frozen)),
+            freeBalance: data.free,
+            lockedBalance: data.frozen,
+            reservedBalance: data.reserved
+          };
+        })
+      )
+  );
+}
+
+const definitions: OverrideBundleDefinition = {
+  derives: {
+    balances: {
+      all: getBalance
+    }
+  },
+
+  ...interbtc
+} as any;
+
+export default definitions;
diff --git a/packages/apps-config/src/api/spec/ipse.ts b/packages/apps-config/src/api/spec/ipse.ts
new file mode 100644
index 0000000..64a3799
--- /dev/null
+++ b/packages/apps-config/src/api/spec/ipse.ts
@@ -0,0 +1,122 @@
+// Copyright 2017-2022 @polkadot/apps-config authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { OverrideBundleDefinition } from '@polkadot/types/types';
+
+// structs need to be in order
+/* eslint-disable sort-keys */
+
+const definitions: OverrideBundleDefinition = {
+  types: [
+    {
+      // on all versions
+      minmax: [0, undefined],
+      types: {
+        test: 'u64',
+        Address: 'IndicesLookupSource',
+        LookupSource: 'IndicesLookupSource',
+        GIB: 'u64',
+        Amount: 'u128',
+        Miner: {
+          account_id: 'AccountId',
+          nickname: 'Vec<u8>',
+          region: 'Vec<u8>',
+          url: 'Vec<u8>',
+          public_key: 'Vec<u8>',
+          stash_address: 'AccountId',
+          capacity: 'u128',
+          unit_price: 'Balance',
+          violation_times: 'u64',
+          total_staking: 'Balance',
+          create_ts: 'u64',
+          update_ts: 'u64'
+        },
+        Order: {
+          miner: 'AccountId',
+          label: 'Vec<u8>',
+          hash: '[u8; 46]',
+          size: 'u128',
+          user: 'AccountId',
+          orders: 'Vec<MinerOrder<AccountId, Balance>>',
+          status: 'OrderStatus',
+          create_ts: 'u64',
+          update_ts: 'u64',
+          duration: 'u64'
+        },
+        MinerOrder: {
+          miner: 'AccountId',
+          day_price: 'Balance',
+          total_price: 'Balance',
+          verify_result: 'bool',
+          verify_ts: 'u64',
+          confirm_ts: 'u64',
+          url: 'Option<Vec<u8>>'
+        },
+        OrderStatus: {
+          _enum: [
+            'Created',
+            'Confirmed',
+            'Expired',
+            'Deleted'
+          ]
+        },
+        MiningInfo: {
+          miner: 'Option<AccountId>',
+          best_dl: 'u64',
+          block: 'u64'
+        },
+        Difficulty: {
+          base_target: 'u64',
+          net_difficulty: 'u64',
+          block: 'u64'
+        },
+        MachineInfo: {
+          plot_size: 'u64',
+          numeric_id: 'u128',
+          update_time: 'BlockNumber',
+          is_stop: 'bool',
+          reward_dest: 'AccountId'
+        },
+        StakingInfo: {
+          miner: 'AccountId',
+          miner_proportion: 'Percent',
+          total_staking: 'Balance',
+          others: 'Vec<(AccountId, Balance, Balance)>'
+        },
+        Oprate: {
+          _enum: [
+            'Add',
+            'Sub'
+          ]
+        },
+        MiningHistory: {
+          total_num: 'u64',
+          history: 'Vec<(BlockNumber, Balance)>'
+        },
+        PostTxTransferData: {
+          verify_status: 'u64',
+          irreversible: 'bool',
+          is_post_transfer: 'bool',
+          contract_account: 'Vec<u8>',
+          from: 'Vec<u8>',
+          to: 'Vec<u8>',
+          quantity: 'u64',
+          memo: 'Vec<u8>'
+        },
+        AddressStatus: {
+          _enum: [
+            'active',
+            'inActive'
+          ]
+        },
+        FetchFailedOf: {
+          block_num: 'BlockNumber',
+          tx: 'Vec<u8>',
+          err: 'Vec<u8>'
+        }
+      }
+    }
+  ]
+};
+
+export default definitions;
diff --git a/packages/apps-config/src/api/spec/joystream.ts b/packages/apps-config/src/api/spec/joystream.ts
new file mode 100644
index 0000000..6d14d53
--- /dev/null
+++ b/packages/apps-config/src/api/spec/joystream.ts
@@ -0,0 +1,867 @@
+// Copyright 2017-2022 @polkadot/apps-config authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { OverrideBundleDefinition } from '@polkadot/types/types';
+
+// structs need to be in order
+/* eslint-disable sort-keys */
+
+const definitions: OverrideBundleDefinition = {
+  types: [
+    {
+      // on all versions
+      minmax: [0, undefined],
+      types: {
+        ActorId: 'u64',
+        MemberId: 'u64',
+        BlockAndTime: {
+          block: 'u32',
+          time: 'u64'
+        },
+        ThreadId: 'u64',
+        PostId: 'u64',
+        InputValidationLengthConstraint: {
+          min: 'u16',
+          max_min_diff: 'u16'
+        },
+        WorkingGroup: {
+          _enum: [
+            'Forum',
+            'Storage',
+            'Content',
+            'OperationsAlpha',
+            'Gateway',
+            'Distribution',
+            'OperationsBeta',
+            'OperationsGamma',
+            'Membership'
+          ]
+        },
+        BalanceKind: {
+          _enum: [
+            'Positive',
+            'Negative'
+          ]
+        },
+        Address: 'AccountId',
+        LookupSource: 'AccountId',
+        ChannelId: 'u64',
+        Url: 'Text',
+        Membership: {
+          handle_hash: 'Bytes',
+          root_account: 'AccountId',
+          controller_account: 'AccountId',
+          verified: 'bool',
+          invites: 'u32'
+        },
+        StakingAccountMemberBinding: {
+          member_id: 'MemberId',
+          confirmed: 'bool'
+        },
+        BuyMembershipParameters: {
+          root_account: 'AccountId',
+          controller_account: 'AccountId',
+          handle: 'Option<Text>',
+          metadata: 'Bytes',
+          referrer_id: 'Option<MemberId>'
+        },
+        InviteMembershipParameters: {
+          inviting_member_id: 'MemberId',
+          root_account: 'AccountId',
+          controller_account: 'AccountId',
+          handle: 'Option<Text>',
+          metadata: 'Bytes'
+        },
+        CouncilStageAnnouncing: {
+          candidatesCount: 'u64'
+        },
+        CouncilStageElection: {
+          candidatesCount: 'u64'
+        },
+        CouncilStageUpdate: {
+          stage: 'CouncilStage',
+          changed_at: 'u32'
+        },
+        CouncilStage: {
+          _enum: {
+            Announcing: 'CouncilStageAnnouncing',
+            Election: 'CouncilStageElection',
+            Idle: 'Null'
+          }
+        },
+        Candidate: {
+          staking_account_id: 'AccountId',
+          reward_account_id: 'AccountId',
+          cycle_id: 'u64',
+          stake: 'u32',
+          vote_power: 'VotePower',
+          note_hash: 'Option<Hash>'
+        },
+        CouncilMemberOf: {
+          staking_account_id: 'AccountId',
+          reward_account_id: 'AccountId',
+          membership_id: 'MemberId',
+          stake: 'u128',
+          last_payment_block: 'u32',
+          unpaid_reward: 'u128'
+        },
+        CastVoteOf: {
+          commitment: 'Hash',
+          cycle_id: 'u64',
+          stake: 'u128',
+          vote_for: 'Option<MemberId>'
+        },
+        ForumUserId: 'u64',
+        ModeratorId: 'u64',
+        CategoryId: 'u64',
+        PostReactionId: 'u64',
+        Category: {
+          title_hash: 'Hash',
+          description_hash: 'Hash',
+          archived: 'bool',
+          num_direct_subcategories: 'u32',
+          num_direct_threads: 'u32',
+          num_direct_moderators: 'u32',
+          parent_category_id: 'Option<CategoryId>',
+          sticky_thread_ids: 'Vec<ThreadId>'
+        },
+        Thread: {
+          category_id: 'CategoryId',
+          author_id: 'ForumUserId',
+          poll: 'Option<Poll>',
+          cleanup_pay_off: 'u128',
+          number_of_posts: 'u64'
+        },
+        Post: {
+          thread_id: 'ThreadId',
+          text_hash: 'Hash',
+          author_id: 'ForumUserId',
+          cleanup_pay_off: 'u128',
+          last_edited: 'u32'
+        },
+        PollAlternative: {
+          alternative_text_hash: 'Hash',
+          vote_count: 'u32'
+        },
+        Poll: {
+          description_hash: 'Hash',
+          end_time: 'u64',
+          poll_alternatives: 'Vec<PollAlternative>'
+        },
+        PrivilegedActor: {
+          _enum: {
+            Lead: 'Null',
+            Moderator: 'ModeratorId'
+          }
+        },
+        PollInput: {
+          description: 'Bytes',
+          end_time: 'u64',
+          poll_alternatives: 'Vec<Bytes>'
+        },
+        ThreadOf: {
+          category_id: 'CategoryId',
+          author_id: 'ForumUserId',
+          poll: 'Option<Poll>',
+          cleanup_pay_off: 'u128',
+          number_of_posts: 'u64'
+        },
+        ExtendedPostId: {
+          category_id: 'CategoryId',
+          thread_id: 'ThreadId',
+          post_id: 'PostId'
+        },
+        ApplicationId: 'u64',
+        Application: {
+          role_account_id: 'AccountId',
+          reward_account_id: 'AccountId',
+          staking_account_id: 'AccountId',
+          member_id: 'MemberId',
+          description_hash: 'Bytes',
+          opening_id: 'OpeningId'
+        },
+        ApplicationInfo: {
+          application_id: 'ApplicationId',
+          application: 'Application'
+        },
+        ApplicationIdSet: 'BTreeSet<ApplicationId>',
+        ApplicationIdToWorkerIdMap: 'BTreeMap<ApplicationId,WorkerId>',
+        WorkerId: 'u64',
+        Worker: {
+          member_id: 'MemberId',
+          role_account_id: 'AccountId',
+          staking_account_id: 'AccountId',
+          reward_account_id: 'AccountId',
+          started_leaving_at: 'Option<u32>',
+          job_unstaking_period: 'u32',
+          reward_per_block: 'Option<u128>',
+          missed_reward: 'Option<u128>',
+          created_at: 'u32'
+        },
+        WorkerInfo: {
+          worker_id: 'WorkerId',
+          worker: 'Worker'
+        },
+        Opening: {
+          opening_type: 'OpeningType',
+          created: 'u32',
+          description_hash: 'Bytes',
+          stake_policy: 'StakePolicy',
+          reward_per_block: 'Option<u128>',
+          creation_stake: 'u128'
+        },
+        OpeningId: 'u64',
+        StakePolicy: {
+          stake_amount: 'u128',
+          leaving_unstaking_period: 'u32'
+        },
+        StakeParameters: {
+          stake: 'u128',
+          staking_account_id: 'AccountId'
+        },
+        StorageProviderId: 'u64',
+        OpeningType: {
+          _enum: {
+            Leader: 'Null',
+            Regular: 'Null'
+          }
+        },
+        ApplyOnOpeningParameters: {
+          member_id: 'MemberId',
+          opening_id: 'OpeningId',
+          role_account_id: 'AccountId',
+          reward_account_id: 'AccountId',
+          description: 'Bytes',
+          stake_parameters: 'StakeParameters'
+        },
+        Penalty: {
+          slashing_text: 'Text',
+          slashing_amount: 'u128'
+        },
+        RewardPaymentType: {
+          _enum: [
+            'MissedReward',
+            'RegularReward'
+          ]
+        },
+        StorageBucketId: 'u64',
+        StorageBucketsPerBagValueConstraint: {
+          min: 'u64',
+          max_min_diff: 'u64'
+        },
+        DataObjectId: 'u64',
+        DynamicBagId: {
+          _enum: {
+            Member: 'MemberId',
+            Channel: 'u64'
+          }
+        },
+        Voucher: {
+          sizeLimit: 'u64',
+          objectsLimit: 'u64',
+          sizeUsed: 'u64',
+          objectsUsed: 'u64'
+        },
+        DynamicBagType: {
+          _enum: [
+            'Member',
+            'Channel'
+          ]
+        },
+        DynamicBagCreationPolicy: {
+          numberOfStorageBuckets: 'u64',
+          families: 'BTreeMap<DistributionBucketFamilyId,u32>'
+        },
+        DynamicBagDeletionPrize: {
+          account_id: 'GenericAccountId',
+          prize: 'u128'
+        },
+        DynamicBagDeletionPrizeRecord: {
+          account_id: 'GenericAccountId',
+          prize: 'u128'
+        },
+        Bag: {
+          stored_by: 'BTreeSet<StorageBucketId>',
+          distributed_by: 'BTreeSet<DistributionBucketId>',
+          deletion_prize: 'Option<u128>',
+          objects_total_size: 'u64',
+          objects_number: 'u64'
+        },
+        StorageBucket: {
+          operator_status: 'StorageBucketOperatorStatus',
+          accepting_new_bags: 'bool',
+          voucher: 'Voucher',
+          assigned_bags: 'u64'
+        },
+        StaticBagId: {
+          _enum: {
+            Council: 'Null',
+            WorkingGroup: 'WorkingGroup'
+          }
+        },
+        Static: {
+          _enum: {
+            Council: 'Null',
+            WorkingGroup: 'WorkingGroup'
+          }
+        },
+        Dynamic: {
+          _enum: {
+            Member: 'MemberId',
+            Channel: 'u64'
+          }
+        },
+        BagId: {
+          _enum: {
+            Static: 'Static',
+            Dynamic: 'Dynamic'
+          }
+        },
+        DataObjectCreationParameters: {
+          size: 'u64',
+          ipfsContentId: 'Bytes'
+        },
+        BagIdType: {
+          _enum: {
+            Static: 'Static',
+            Dynamic: 'Dynamic'
+          }
+        },
+        UploadParameters: {
+          bagId: 'BagId',
+          objectCreationList: 'Vec<DataObjectCreationParameters>',
+          deletionPrizeSourceAccountId: 'GenericAccountId',
+          expectedDataSizeFee: 'u128'
+        },
+        StorageBucketIdSet: 'BTreeSet<StorageBucketId>',
+        DataObjectIdSet: 'BTreeSet<DataObjectId>',
+        ContentIdSet: 'BTreeSet<Cid>',
+        Cid: 'Bytes',
+        StorageBucketOperatorStatus: {
+          _enum: {
+            Missing: 'Null',
+            InvitedStorageWorker: 'WorkerId',
+            StorageWorker: '(WorkerId,GenericAccountId)'
+          }
+        },
+        DataObject: {
+          accepted: 'bool',
+          deletion_prize: 'u128',
+          size: 'u64',
+          ipfsContentId: 'Bytes'
+        },
+        DistributionBucketId: {
+          distribution_bucket_family_id: 'DistributionBucketFamilyId',
+          distribution_bucket_index: 'DistributionBucketIndex'
+        },
+        DistributionBucketIndex: 'u64',
+        DistributionBucketFamilyId: 'u64',
+        DistributionBucket: {
+          accepting_new_bags: 'bool',
+          distributing: 'bool',
+          pending_invitations: 'BTreeSet<WorkerId>',
+          operators: 'BTreeSet<WorkerId>',
+          assigned_bags: 'u64'
+        },
+        DistributionBucketFamily: {
+          next_distribution_bucket_index: 'DistributionBucketIndex'
+        },
+        DataObjectIdMap: 'BTreeMap<DataObjectId,DataObject>',
+        DistributionBucketIndexSet: 'BTreeSet<DistributionBucketIndex>',
+        DynamicBagCreationPolicyDistributorFamiliesMap: 'BTreeMap<DistributionBucketFamilyId,u32>',
+        ParticipantId: 'u64',
+        Title: 'Text',
+        UpdatedTitle: 'Option<Text>',
+        UpdatedBody: 'Option<Text>',
+        ReplyId: 'u64',
+        Reply: {
+          text_hash: 'Hash',
+          owner: 'ParticipantId',
+          parent_id: 'PostId'
+        },
+        ReplyToDelete: {
+          post_id: 'PostId',
+          reply_id: 'ReplyId',
+          hide: 'bool'
+        },
+        ProposalId: 'u32',
+        ProposalStatus: {
+          _enum: {
+            Active: 'Null',
+            PendingExecution: 'u32',
+            PendingConstitutionality: 'Null'
+          }
+        },
+        ProposalOf: {
+          parameters: 'ProposalParameters',
+          proposerId: 'MemberId',
+          activatedAt: 'u32',
+          status: 'ProposalStatus',
+          votingResults: 'VotingResults',
+          exactExecutionBlock: 'Option<u32>',
+          nrOfCouncilConfirmations: 'u32',
+          stakingAccountId: 'Option<AccountId>'
+        },
+        ProposalDetails: {
+          _enum: {
+            Signal: 'Text',
+            RuntimeUpgrade: 'Bytes',
+            FundingRequest: 'Vec<FundingRequestParameters>',
+            SetMaxValidatorCount: 'u32',
+            CreateWorkingGroupLeadOpening: 'CreateOpeningParameters',
+            FillWorkingGroupLeadOpening: 'FillOpeningParameters',
+            UpdateWorkingGroupBudget: '(Balance,WorkingGroup,BalanceKind)',
+            DecreaseWorkingGroupLeadStake: '(WorkerId,Balance,WorkingGroup)',
+            SlashWorkingGroupLead: '(WorkerId,Balance,WorkingGroup)',
+            SetWorkingGroupLeadReward: '(WorkerId,Option<Balance>,WorkingGroup)',
+            TerminateWorkingGroupLead: 'TerminateRoleParameters',
+            AmendConstitution: 'Text',
+            CancelWorkingGroupLeadOpening: '(OpeningId,WorkingGroup)',
+            SetMembershipPrice: 'u128',
+            SetCouncilBudgetIncrement: 'u128',
+            SetCouncilorReward: 'u128',
+            SetInitialInvitationBalance: 'u128',
+            SetInitialInvitationCount: 'u32',
+            SetMembershipLeadInvitationQuota: 'u32',
+            SetReferralCut: 'u8',
+            CreateBlogPost: '(Text,Text)',
+            EditBlogPost: '(PostId,Option<Text>,Option<Text>)',
+            LockBlogPost: 'PostId',
+            UnlockBlogPost: 'PostId',
+            VetoProposal: 'ProposalId'
+          }
+        },
+        ProposalDetailsOf: {
+          _enum: {
+            Signal: 'Text',
+            RuntimeUpgrade: 'Bytes',
+            FundingRequest: 'Vec<FundingRequestParameters>',
+            SetMaxValidatorCount: 'u32',
+            CreateWorkingGroupLeadOpening: 'CreateOpeningParameters',
+            FillWorkingGroupLeadOpening: 'FillOpeningParameters',
+            UpdateWorkingGroupBudget: '(Balance,WorkingGroup,BalanceKind)',
+            DecreaseWorkingGroupLeadStake: '(WorkerId,Balance,WorkingGroup)',
+            SlashWorkingGroupLead: '(WorkerId,Balance,WorkingGroup)',
+            SetWorkingGroupLeadReward: '(WorkerId,Option<Balance>,WorkingGroup)',
+            TerminateWorkingGroupLead: 'TerminateRoleParameters',
+            AmendConstitution: 'Text',
+            CancelWorkingGroupLeadOpening: '(OpeningId,WorkingGroup)',
+            SetMembershipPrice: 'u128',
+            SetCouncilBudgetIncrement: 'u128',
+            SetCouncilorReward: 'u128',
+            SetInitialInvitationBalance: 'u128',
+            SetInitialInvitationCount: 'u32',
+            SetMembershipLeadInvitationQuota: 'u32',
+            SetReferralCut: 'u8',
+            CreateBlogPost: '(Text,Text)',
+            EditBlogPost: '(PostId,Option<Text>,Option<Text>)',
+            LockBlogPost: 'PostId',
+            UnlockBlogPost: 'PostId',
+            VetoProposal: 'ProposalId'
+          }
+        },
+        VotingResults: {
+          abstensions: 'u32',
+          approvals: 'u32',
+          rejections: 'u32',
+          slashes: 'u32'
+        },
+        ProposalParameters: {
+          votingPeriod: 'u32',
+          gracePeriod: 'u32',
+          approvalQuorumPercentage: 'u32',
+          approvalThresholdPercentage: 'u32',
+          slashingQuorumPercentage: 'u32',
+          slashingThresholdPercentage: 'u32',
+          requiredStake: 'Option<u128>',
+          constitutionality: 'u32'
+        },
+        GeneralProposalParameters: {
+          member_id: 'MemberId',
+          title: 'Text',
+          description: 'Text',
+          staking_account_id: 'Option<AccountId>',
+          exact_execution_block: 'Option<u32>'
+        },
+        VoteKind: {
+          _enum: [
+            'Approve',
+            'Reject',
+            'Slash',
+            'Abstain'
+          ]
+        },
+        DiscussionThread: {
+          activated_at: 'u32',
+          author_id: 'u64',
+          mode: 'ThreadMode'
+        },
+        DiscussionPost: {
+          author_id: 'u64'
+        },
+        CreateOpeningParameters: {
+          description: 'Bytes',
+          stake_policy: 'StakePolicy',
+          reward_per_block: 'Option<u128>',
+          working_group: 'WorkingGroup'
+        },
+        FillOpeningParameters: {
+          opening_id: 'OpeningId',
+          successful_application_id: 'ApplicationId',
+          working_group: 'WorkingGroup'
+        },
+        TerminateRoleParameters: {
+          worker_id: 'WorkerId',
+          slashing_amount: 'Option<u128>',
+          working_group: 'WorkingGroup'
+        },
+        ProposalDecision: {
+          _enum: {
+            Canceled: 'Null',
+            CanceledByRuntime: 'Null',
+            Vetoed: 'Null',
+            Rejected: 'Null',
+            Slashed: 'Null',
+            Expired: 'Null',
+            Approved: 'Approved'
+          }
+        },
+        ExecutionFailed: {
+          error: 'Text'
+        },
+        Approved: {
+          _enum: [
+            'PendingExecution',
+            'PendingConstitutionality'
+          ]
+        },
+        SetLeadParams: '(MemberId,AccountId)',
+        ThreadMode: {
+          _enum: {
+            Open: 'Null',
+            Closed: 'Vec<MemberId>'
+          }
+        },
+        ExecutionStatus: {
+          _enum: {
+            Executed: 'Null',
+            ExecutionFailed: 'ExecutionFailed'
+          }
+        },
+        FundingRequestParameters: {
+          account: 'AccountId',
+          amount: 'u128'
+        },
+        ReferendumStageVoting: {
+          started: 'u32',
+          winning_target_count: 'u64',
+          current_cycle_id: 'u64'
+        },
+        ReferendumStageRevealing: {
+          started: 'u32',
+          winning_target_count: 'u64',
+          intermediate_winners: 'Vec<OptionResult>',
+          current_cycle_id: 'u64'
+        },
+        ReferendumStage: {
+          _enum: {
+            Inactive: 'Null',
+            Voting: 'ReferendumStageVoting',
+            Revealing: 'ReferendumStageRevealing'
+          }
+        },
+        OptionResult: {
+          option_id: 'MemberId',
+          vote_power: 'VotePower'
+        },
+        VotePower: 'u128',
+        ConstitutionInfo: {
+          text_hash: 'Hash'
+        },
+        BountyId: 'u64',
+        EntryId: 'u64',
+        BountyActor: {
+          _enum: {
+            Council: 'Null',
+            Member: 'MemberId'
+          }
+        },
+        AssuranceContractType_Closed: 'BTreeSet<MemberId>',
+        AssuranceContractType: {
+          _enum: {
+            Open: 'Null',
+            Closed: 'AssuranceContractType_Closed'
+          }
+        },
+        FundingType_Limited: {
+          min_funding_amount: 'u128',
+          max_funding_amount: 'u128',
+          funding_period: 'u32'
+        },
+        FundingType_Perpetual: {
+          target: 'u128'
+        },
+        FundingType: {
+          _enum: {
+            Perpetual: 'FundingType_Perpetual',
+            Limited: 'FundingType_Limited'
+          }
+        },
+        BountyCreationParameters: {
+          oracle: 'BountyActor',
+          contract_type: 'AssuranceContractType',
+          creator: 'BountyActor',
+          cherry: 'u128',
+          entrant_stake: 'u128',
+          funding_type: 'FundingType',
+          work_period: 'u32',
+          judging_period: 'u32'
+        },
+        OracleWorkEntryJudgment_Winner: {
+          reward: 'u128'
+        },
+        OracleWorkEntryJudgment: {
+          _enum: {
+            Winner: 'OracleWorkEntryJudgment_Winner',
+            Rejected: 'Null'
+          }
+        },
+        OracleJudgment: 'BTreeMap<EntryId,OracleWorkEntryJudgment>',
+        Entry: {
+          member_id: 'MemberId',
+          staking_account_id: 'AccountId',
+          submitted_at: 'u32',
+          work_submitted: 'bool',
+          oracle_judgment_result: 'Option<OracleWorkEntryJudgment>'
+        },
+        BountyMilestone_Created: {
+          created_at: 'u32',
+          has_contributions: 'bool'
+        },
+        BountyMilestone_BountyMaxFundingReached: {
+          max_funding_reached_at: 'u32'
+        },
+        BountyMilestone_WorkSubmitted: {
+          work_period_started_at: 'u32'
+        },
+        BountyMilestone_JudgmentSubmitted: {
+          successful_bounty: 'bool'
+        },
+        BountyMilestone: {
+          _enum: {
+            Created: 'BountyMilestone_Created',
+            BountyMaxFundingReached: 'BountyMilestone_BountyMaxFundingReached',
+            WorkSubmitted: 'BountyMilestone_WorkSubmitted',
+            JudgmentSubmitted: 'BountyMilestone_JudgmentSubmitted'
+          }
+        },
+        Bounty: {
+          creation_params: 'BountyCreationParameters',
+          total_funding: 'u128',
+          milestone: 'BountyMilestone',
+          active_work_entry_count: 'u32'
+        },
+        CuratorId: 'u64',
+        CuratorGroupId: 'u64',
+        CuratorGroup: {
+          curators: 'BTreeSet<CuratorId>',
+          active: 'bool'
+        },
+        ContentActor: {
+          _enum: {
+            Curator: '(CuratorGroupId,CuratorId)',
+            Member: 'MemberId',
+            Lead: 'Null'
+          }
+        },
+        StorageAssets: {
+          object_creation_list: 'Vec<DataObjectCreationParameters>',
+          expected_data_size_fee: 'u128'
+        },
+        Channel: {
+          owner: 'ChannelOwner',
+          num_videos: 'u64',
+          is_censored: 'bool',
+          reward_account: 'Option<GenericAccountId>',
+          collaborators: 'BTreeSet<MemberId>',
+          moderators: 'BTreeSet<MemberId>',
+          cumulative_payout_earned: 'u128'
+        },
+        ChannelOwner: {
+          _enum: {
+            Member: 'MemberId',
+            Curators: 'CuratorGroupId'
+          }
+        },
+        ChannelCategoryId: 'u64',
+        ChannelCategory: {},
+        ChannelCategoryCreationParameters: {
+          meta: 'Bytes'
+        },
+        ChannelCategoryUpdateParameters: {
+          new_meta: 'Bytes'
+        },
+        ChannelCreationParameters: {
+          assets: 'Option<StorageAssets>',
+          meta: 'Option<Bytes>',
+          reward_account: 'Option<GenericAccountId>',
+          collaborators: 'BTreeSet<MemberId>',
+          moderators: 'BTreeSet<MemberId>'
+        },
+        ChannelUpdateParameters: {
+          assets_to_upload: 'Option<StorageAssets>',
+          new_meta: 'Option<Bytes>',
+          reward_account: 'Option<Option<GenericAccountId>>',
+          assets_to_remove: 'BTreeSet<DataObjectId>',
+          collaborators: 'Option<BTreeSet<MemberId>>'
+        },
+        Video: {
+          in_channel: 'ChannelId',
+          is_censored: 'bool',
+          enable_comments: 'bool',
+          video_post_id: 'Option<VideoPostId>',
+          nft_status: 'Option<OwnedNft>'
+        },
+        VideoId: 'u64',
+        VideoCategoryId: 'u64',
+        VideoCategory: {},
+        VideoCategoryCreationParameters: {
+          meta: 'Bytes'
+        },
+        VideoCategoryUpdateParameters: {
+          new_meta: 'Bytes'
+        },
+        VideoCreationParameters: {
+          assets: 'Option<StorageAssets>',
+          meta: 'Option<Bytes>',
+          enable_comments: 'bool',
+          auto_issue_nft: 'Option<NftIssuanceParameters>'
+        },
+        VideoUpdateParameters: {
+          assets_to_upload: 'Option<StorageAssets>',
+          new_meta: 'Option<Bytes>',
+          assets_to_remove: 'BTreeSet<DataObjectId>',
+          enable_comments: 'Option<bool>'
+        },
+        MaxNumber: 'u32',
+        IsCensored: 'bool',
+        VideoPostId: 'u64',
+        ReactionId: 'u64',
+        VideoPostType: {
+          _enum: {
+            Description: 'Null',
+            Comment: 'VideoPostId'
+          }
+        },
+        VideoPost: {
+          author: 'ContentActor',
+          bloat_bond: 'u128',
+          replies_count: 'VideoPostId',
+          post_type: 'VideoPostType',
+          video_reference: 'VideoId'
+        },
+        Side: {
+          _enum: [
+            'Left',
+            'Right'
+          ]
+        },
+        ProofElement: {
+          hash: 'Hash',
+          side: 'Side'
+        },
+        VideoPostCreationParameters: {
+          post_type: 'VideoPostType',
+          video_reference: 'VideoId'
+        },
+        VideoPostDeletionParameters: {
+          witness: 'Option<Hash>',
+          rationale: 'Option<Bytes>'
+        },
+        PullPayment: {
+          channel_id: 'ChannelId',
+          cumulative_payout_claimed: 'u128',
+          reason: 'Hash'
+        },
+        ModeratorSet: 'BTreeSet<MemberId>',
+        Royalty: 'u64',
+        IsExtended: 'bool',
+        EnglishAuctionDetails: {
+          extension_period: 'u32',
+          auction_duration: 'u32'
+        },
+        OpenAuctionDetails: {
+          bid_lock_duration: 'u32'
+        },
+        AuctionType: {
+          _enum: {
+            English: 'EnglishAuctionDetails',
+            Open: 'OpenAuctionDetails'
+          }
+        },
+        Bid: {
+          bidder: 'MemberId',
+          bidder_account_id: 'GenericAccountId',
+          amount: 'u128',
+          made_at_block: 'u32'
+        },
+        Auction: {
+          starting_price: 'u128',
+          buy_now_price: 'Option<u128>',
+          auction_type: 'AuctionType',
+          minimal_bid_step: 'u128',
+          last_bid: 'Option<Bid>',
+          starts_at: 'u32',
+          whitelist: 'BTreeSet<MemberId>'
+        },
+        TransactionalStatus: {
+          _enum: {
+            Idle: 'Null',
+            InitiatedOfferToMember: '(MemberId,Option<u128>)',
+            Auction: 'Auction',
+            BuyNow: 'u128'
+          }
+        },
+        NftOwner: {
+          _enum: {
+            ChannelOwner: 'Null',
+            Member: 'MemberId'
+          }
+        },
+        OwnedNft: {
+          owner: 'NftOwner',
+          transactional_status: 'TransactionalStatus',
+          creator_royalty: 'Option<Royalty>'
+        },
+        AuctionParams: {
+          auction_type: 'AuctionType',
+          starting_price: 'u128',
+          minimal_bid_step: 'u128',
+          buy_now_price: 'Option<u128>',
+          starts_at: 'Option<u32>',
+          whitelist: 'BTreeSet<MemberId>'
+        },
+        CurrencyOf: 'u128',
+        CurrencyAmount: 'u128',
+        InitTransactionalStatus: {
+          _enum: {
+            Idle: 'Null',
+            InitiatedOfferToMember: '(MemberId,Option<u128>)',
+            Auction: 'AuctionParams'
+          }
+        },
+        NftIssuanceParameters: {
+          royalty: 'Option<Royalty>',
+          nft_metadata: 'Bytes',
+          non_channel_owner: 'Option<MemberId>',
+          init_transactional_status: 'InitTransactionalStatus'
+        },
+        NftMetadata: 'Vec<u8>',
+        AccountInfo: 'AccountInfoWithRefCount',
+        ValidatorPrefs: 'ValidatorPrefsWithCommission'
+      }
+    }
+  ]
+};
+
+export default definitions;
diff --git a/packages/apps-config/src/api/spec/jupiter-rococo.ts b/packages/apps-config/src/api/spec/jupiter-rococo.ts
new file mode 100644
index 0000000..41ec3d1
--- /dev/null
+++ b/packages/apps-config/src/api/spec/jupiter-rococo.ts
@@ -0,0 +1,22 @@
+// Copyright 2017-2022 @polkadot/apps-config authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { OverrideBundleDefinition } from '@polkadot/types/types';
+
+// structs need to be in order
+/* eslint-disable sort-keys */
+
+const definitions: OverrideBundleDefinition = {
+  types: [
+    {
+      // on all versions
+      minmax: [0, undefined],
+      types: {
+        LookupSource: 'MultiAddress',
+        Address: 'MultiAddress'
+      }
+    }
+  ]
+};
+
+export default definitions;
diff --git a/packages/apps-config/src/api/spec/jupiter.ts b/packages/apps-config/src/api/spec/jupiter.ts
new file mode 100644
index 0000000..55d3aca
--- /dev/null
+++ b/packages/apps-config/src/api/spec/jupiter.ts
@@ -0,0 +1,72 @@
+// Copyright 2017-2022 @polkadot/apps-config authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { OverrideBundleDefinition } from '@polkadot/types/types';
+
+// structs need to be in order
+/* eslint-disable sort-keys */
+
+const definitions: OverrideBundleDefinition = {
+  types: [
+    {
+      // on all versions
+      minmax: [0, 2],
+      types: {
+        LookupSource: 'MultiAddress',
+        Address: 'MultiAddress',
+        AccountInfo: 'AccountInfoWithDualRefCount',
+        FullIdentification: 'AccountId',
+        AuthorityState: {
+          _enum: [
+            'Working',
+            'Waiting'
+          ]
+        },
+        EraIndex: 'u32',
+        ActiveEraInfo: {
+          index: 'EraIndex',
+          start: 'Option<u64>'
+        },
+        UnappliedSlash: {
+          validator: 'AccountId',
+          reporters: 'Vec<AccountId>'
+        }
+      }
+    },
+    {
+      // on all versions
+      minmax: [3, undefined],
+      types: {
+        LookupSource: 'MultiAddress',
+        Address: 'MultiAddress',
+        AccountInfo: 'AccountInfoWithTripleRefCount',
+        AliveContractInfo: {
+          trieId: 'TrieId',
+          storageSize: 'u32',
+          pairCount: 'u32',
+          codeHash: 'CodeHash',
+          rentAllowance: 'Balance',
+          rentPayed: 'Balance',
+          deductBlock: 'BlockNumber',
+          lastWrite: 'Option<BlockNumber>',
+          _reserved: 'Option<Null>'
+        },
+        FullIdentification: 'AccountId',
+        AuthorityState: {
+          _enum: ['Working', 'Waiting']
+        },
+        EraIndex: 'u32',
+        ActiveEraInfo: {
+          index: 'EraIndex',
+          start: 'Option<u64>'
+        },
+        UnappliedSlash: {
+          validator: 'AccountId',
+          reporters: 'Vec<AccountId>'
+        }
+      }
+    }
+  ]
+};
+
+export default definitions;
diff --git a/packages/apps-config/src/api/spec/khala.ts b/packages/apps-config/src/api/spec/khala.ts
new file mode 100644
index 0000000..f556a9d
--- /dev/null
+++ b/packages/apps-config/src/api/spec/khala.ts
@@ -0,0 +1,8 @@
+// Copyright 2017-2022 @polkadot/apps-config authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { OverrideBundleDefinition } from '@polkadot/types/types';
+
+import { versionedKhala } from '@phala/typedefs';
+
+export default versionedKhala as OverrideBundleDefinition;
diff --git a/packages/apps-config/src/api/spec/kilt.ts b/packages/apps-config/src/api/spec/kilt.ts
new file mode 100644
index 0000000..6349bdd
--- /dev/null
+++ b/packages/apps-config/src/api/spec/kilt.ts
@@ -0,0 +1,8 @@
+// Copyright 2017-2022 @polkadot/apps-config authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { OverrideBundleDefinition } from '@polkadot/types/types';
+
+import { typeBundleForPolkadot } from '@kiltprotocol/type-definitions';
+
+export default typeBundleForPolkadot as unknown as OverrideBundleDefinition;
diff --git a/packages/apps-config/src/api/spec/konomi.ts b/packages/apps-config/src/api/spec/konomi.ts
new file mode 100644
index 0000000..5ebd2d8
--- /dev/null
+++ b/packages/apps-config/src/api/spec/konomi.ts
@@ -0,0 +1,22 @@
+// Copyright 2017-2022 @polkadot/apps-config authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { OverrideBundleDefinition } from '@polkadot/types/types';
+
+// structs need to be in order
+/* eslint-disable sort-keys */
+
+const definitions: OverrideBundleDefinition = {
+  types: [
+    {
+      // on all versions
+      minmax: [0, undefined],
+      types: {
+        Address: 'AccountId',
+        LookupSource: 'AccountId'
+      }
+    }
+  ]
+};
+
+export default definitions;
diff --git a/packages/apps-config/src/api/spec/kpron.ts b/packages/apps-config/src/api/spec/kpron.ts
new file mode 100644
index 0000000..5ebd2d8
--- /dev/null
+++ b/packages/apps-config/src/api/spec/kpron.ts
@@ -0,0 +1,22 @@
+// Copyright 2017-2022 @polkadot/apps-config authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { OverrideBundleDefinition } from '@polkadot/types/types';
+
+// structs need to be in order
+/* eslint-disable sort-keys */
+
+const definitions: OverrideBundleDefinition = {
+  types: [
+    {
+      // on all versions
+      minmax: [0, undefined],
+      types: {
+        Address: 'AccountId',
+        LookupSource: 'AccountId'
+      }
+    }
+  ]
+};
+
+export default definitions;
diff --git a/packages/apps-config/src/api/spec/kulupu.ts b/packages/apps-config/src/api/spec/kulupu.ts
new file mode 100644
index 0000000..014d2ed
--- /dev/null
+++ b/packages/apps-config/src/api/spec/kulupu.ts
@@ -0,0 +1,65 @@
+// Copyright 2017-2022 @polkadot/apps-config authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { OverrideBundleDefinition } from '@polkadot/types/types';
+
+// structs need to be in order
+/* eslint-disable sort-keys */
+
+const definitions: OverrideBundleDefinition = {
+  types: [
+    {
+      // on all versions
+      minmax: [0, undefined],
+      types: {
+        CurvePoint: {
+          start: 'BlockNumber',
+          reward: 'Balance',
+          taxation: 'Perbill'
+        },
+        Difficulty: 'U256',
+        DifficultyAndTimestamp: {
+          difficulty: 'Difficulty',
+          timestamp: 'Moment'
+        },
+        Era: {
+          genesisBlockHash: 'H256',
+          finalBlockHash: 'H256',
+          finalStateRoot: 'H256'
+        }
+      }
+    },
+    {
+      // swap to MultiAddress in runtime 13
+      minmax: [13, undefined],
+      types: {
+        Address: 'MultiAddress',
+        LookupSource: 'MultiAddress'
+      }
+    },
+    {
+      // enable pallet-lockdrop in runtime 17
+      minmax: [17, undefined],
+      types: {
+        CampaignIdentifier: '[u8; 4]'
+      }
+    },
+    {
+      // enable pallet-atomic-swap in runtime 24
+      minmax: [24, undefined],
+      types: {
+        HashedProof: '[u8; 32]',
+        PendingSwap: {
+          source: 'AccountId',
+          action: 'SwapAction',
+          endBlock: 'BlockNumber'
+        },
+        SwapAction: {
+          value: 'Balance'
+        }
+      }
+    }
+  ]
+};
+
+export default definitions;
diff --git a/packages/apps-config/src/api/spec/kusari.ts b/packages/apps-config/src/api/spec/kusari.ts
new file mode 100644
index 0000000..1fe1974
--- /dev/null
+++ b/packages/apps-config/src/api/spec/kusari.ts
@@ -0,0 +1,82 @@
+// Copyright 2017-2022 @polkadot/apps-config authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { OverrideBundleDefinition } from '@polkadot/types/types';
+
+// structs need to be in order
+/* eslint-disable sort-keys */
+
+const definitions: OverrideBundleDefinition = {
+  types: [
+    {
+      // on all versions
+      minmax: [0, undefined],
+      types: {
+        EvmAddress: 'H160',
+        EthereumTxHash: 'H256',
+        Address: 'MultiAddress',
+        LookupSource: 'MultiAddress',
+        AccountInfo: 'AccountInfoWithTripleRefCount',
+        Account: {
+          nonce: 'U256',
+          balance: 'U256'
+        },
+        Transaction: {
+          nonce: 'U256',
+          action: 'String',
+          gas_price: 'u64',
+          gas_limit: 'u64',
+          value: 'U256',
+          input: 'Vec<u8>',
+          signature: 'Signature'
+        },
+        Signature: {
+          v: 'u64',
+          r: 'H256',
+          s: 'H256'
+        },
+        ClassId: 'u64',
+        TokenId: 'u64',
+        ClassData: 'Vec<u8>',
+        TokenData: 'Vec<u8>',
+        ReportReason: {
+          _enum: [
+            'None',
+            'Illigal',
+            'Plagiarism',
+            'Duplicate',
+            'Reported'
+          ]
+        },
+        ClassInfoOf: {
+          metadata: 'Vec<u8>',
+          total_issuance: 'TokenId',
+
+          owner: 'AccountId',
+          class_data: 'ClassData'
+        },
+        ExtendedInfo: {
+          display_flag: 'bool',
+          report: 'ReportReason',
+          frozen: 'bool'
+        },
+        TokenInfoOf: {
+          metadata: 'Vec<u8>',
+          owner: 'AccountId',
+          class_data: 'ClassData'
+        },
+        'bridge::ChainId': 'u8',
+        ChainId: 'u8',
+        ResourceId: '[u8; 32]',
+        DepositNonce: 'u64',
+        ProposalVotes: {
+          votes_for: 'Vec<AccountId>',
+          votes_against: 'Vec<AccountId>',
+          status: 'enum'
+        }
+      }
+    }
+  ]
+};
+
+export default definitions;
diff --git a/packages/apps-config/src/api/spec/kylin.ts b/packages/apps-config/src/api/spec/kylin.ts
new file mode 100644
index 0000000..de0e434
--- /dev/null
+++ b/packages/apps-config/src/api/spec/kylin.ts
@@ -0,0 +1,34 @@
+// Copyright 2017-2022 @polkadot/apps-config authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { OverrideBundleDefinition } from '@polkadot/types/types';
+
+// structs need to be in order
+/* eslint-disable sort-keys */
+
+const definitions: OverrideBundleDefinition = {
+  types: [
+    {
+      // on all versions
+      minmax: [0, undefined],
+      types: {
+        Address: 'MultiAddress',
+        LookupSource: 'MultiAddress',
+        DataRequest: {
+          para_id: 'Option<ParaId>',
+          account_id: 'Option<AccountId>',
+          requested_block_number: 'BlockNumber',
+          processed_block_number: 'Option<BlockNumber>',
+          requested_timestamp: 'u128',
+          processed_timestamp: 'Option<u128>',
+          payload: 'Text',
+          feed_name: 'Text',
+          is_query: 'bool',
+          url: 'Option<Text>'
+        }
+      }
+    }
+  ]
+};
+
+export default definitions;
diff --git a/packages/apps-config/src/api/spec/laminar.ts b/packages/apps-config/src/api/spec/laminar.ts
new file mode 100644
index 0000000..164382d
--- /dev/null
+++ b/packages/apps-config/src/api/spec/laminar.ts
@@ -0,0 +1,8 @@
+// Copyright 2017-2022 @polkadot/apps-config authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { OverrideBundleDefinition } from '@polkadot/types/types';
+
+import { typesBundleForPolkadot } from '@laminar/type-definitions';
+
+export default typesBundleForPolkadot.spec.laminar as unknown as OverrideBundleDefinition;
diff --git a/packages/apps-config/src/api/spec/litentry.ts b/packages/apps-config/src/api/spec/litentry.ts
new file mode 100644
index 0000000..5ebd2d8
--- /dev/null
+++ b/packages/apps-config/src/api/spec/litentry.ts
@@ -0,0 +1,22 @@
+// Copyright 2017-2022 @polkadot/apps-config authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { OverrideBundleDefinition } from '@polkadot/types/types';
+
+// structs need to be in order
+/* eslint-disable sort-keys */
+
+const definitions: OverrideBundleDefinition = {
+  types: [
+    {
+      // on all versions
+      minmax: [0, undefined],
+      types: {
+        Address: 'AccountId',
+        LookupSource: 'AccountId'
+      }
+    }
+  ]
+};
+
+export default definitions;
diff --git a/packages/apps-config/src/api/spec/mangata.ts b/packages/apps-config/src/api/spec/mangata.ts
new file mode 100644
index 0000000..9ebb0be
--- /dev/null
+++ b/packages/apps-config/src/api/spec/mangata.ts
@@ -0,0 +1,6 @@
+// Copyright 2017-2022 @polkadot/apps-config authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import { typesBundleForPolkadotApps } from '@mangata-finance/types';
+
+export default typesBundleForPolkadotApps;
diff --git a/packages/apps-config/src/api/spec/manta.ts b/packages/apps-config/src/api/spec/manta.ts
new file mode 100644
index 0000000..e1b11cc
--- /dev/null
+++ b/packages/apps-config/src/api/spec/manta.ts
@@ -0,0 +1,30 @@
+// Copyright 2017-2022 @polkadot/apps-config authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { OverrideBundleDefinition } from '@polkadot/types/types';
+
+// structs need to be in order
+/* eslint-disable sort-keys */
+
+const definitions: OverrideBundleDefinition = {
+  types: [
+    {
+      // on all versions
+      minmax: [0, undefined],
+      types:
+      {
+        CurrencyId: {
+          _enum: [
+            'MA'
+          ]
+        },
+        CurrencyIdOf: 'CurrencyId',
+        Amount: 'i128',
+        AmountOf: 'Amount',
+        AccountInfo: 'AccountInfoWithDualRefCount'
+      }
+    }
+  ]
+};
+
+export default definitions;
diff --git a/packages/apps-config/src/api/spec/mathchain.ts b/packages/apps-config/src/api/spec/mathchain.ts
new file mode 100644
index 0000000..b427a71
--- /dev/null
+++ b/packages/apps-config/src/api/spec/mathchain.ts
@@ -0,0 +1,52 @@
+// Copyright 2017-2022 @polkadot/apps-config authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { OverrideBundleDefinition } from '@polkadot/types/types';
+
+// structs need to be in order
+/* eslint-disable sort-keys */
+
+const definitions: OverrideBundleDefinition = {
+  types: [
+    {
+      // on all versions
+      minmax: [0, undefined],
+      types: {
+        Address: 'MultiAddress',
+        LookupSource: 'MultiAddress',
+        Balance: 'u128',
+        RefCount: 'u32',
+        Account: {
+          nonce: 'U256',
+          balance: 'U256'
+        },
+        AccountServiceEnum: {
+          _enum: {
+            Nickname: 'String',
+            Ethereum: 'H160'
+          }
+        },
+        MultiAddressDetails: {
+          nickname: 'AccountServiceEnum',
+          ethereum: 'AccountServiceEnum'
+        },
+        Nickname: 'String',
+        Ethereum: 'H160',
+        TransferAmountInfo: {
+          date: 'u64',
+          daily_info: 'Balance',
+          monthly_info: 'Balance',
+          yearly_info: 'Balance'
+        },
+        AccountLimit: {
+          daily_limit: 'Balance',
+          monthly_limit: 'Balance',
+          yearly_limit: 'Balance'
+        },
+        Keys: 'SessionKeys2'
+      }
+    }
+  ]
+};
+
+export default definitions;
diff --git a/packages/apps-config/src/api/spec/moonbeam.ts b/packages/apps-config/src/api/spec/moonbeam.ts
new file mode 100644
index 0000000..28681e8
--- /dev/null
+++ b/packages/apps-config/src/api/spec/moonbeam.ts
@@ -0,0 +1,6 @@
+// Copyright 2017-2022 @polkadot/apps-config authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import { moonbeamDefinitions } from 'moonbeam-types-bundle';
+
+export default moonbeamDefinitions;
diff --git a/packages/apps-config/src/api/spec/moonsama-development.ts b/packages/apps-config/src/api/spec/moonsama-development.ts
new file mode 100644
index 0000000..5ebd2d8
--- /dev/null
+++ b/packages/apps-config/src/api/spec/moonsama-development.ts
@@ -0,0 +1,22 @@
+// Copyright 2017-2022 @polkadot/apps-config authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { OverrideBundleDefinition } from '@polkadot/types/types';
+
+// structs need to be in order
+/* eslint-disable sort-keys */
+
+const definitions: OverrideBundleDefinition = {
+  types: [
+    {
+      // on all versions
+      minmax: [0, undefined],
+      types: {
+        Address: 'AccountId',
+        LookupSource: 'AccountId'
+      }
+    }
+  ]
+};
+
+export default definitions;
diff --git a/packages/apps-config/src/api/spec/mybank.ts b/packages/apps-config/src/api/spec/mybank.ts
new file mode 100644
index 0000000..a3d4b1f
--- /dev/null
+++ b/packages/apps-config/src/api/spec/mybank.ts
@@ -0,0 +1,83 @@
+// Copyright 2017-2022 @polkadot/apps-config authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { OverrideBundleDefinition } from '@polkadot/types/types';
+
+// structs need to be in order
+/* eslint-disable sort-keys */
+
+const definitions: OverrideBundleDefinition = {
+  types: [
+    {
+      // on all versions
+      minmax: [0, undefined],
+      types: {
+        Token: 'u8',
+        DEXShare: '(u8, u8)',
+        CurrencyId: {
+          _enum: {
+            Token: 'Token',
+            DEXShare: 'DEXShare'
+          }
+        },
+        TradingPair: '(CurrencyId, CurrencyId)',
+        CurrencyIds: { _: 'Vec<CurrencyId>' },
+        TradingPairProvisionParameters: {
+          min_contribution: '(Balance, Balance)',
+          target_provision: '(Balance, Balance)',
+          accumulated_provision: '(Balance, Balance)',
+          not_before: 'BlockNumber'
+        },
+        TradingPairStatus: {
+          _enum: {
+            NotEnabled: null,
+            Provisioning: 'TradingPairProvisionParameters',
+            Enabled: null
+          }
+        },
+        PoolId: 'CurrencyId',
+        Price: 'FixedU128',
+        OracleKey: 'u8',
+        OracleValue: 'FixedU128',
+        Amount: 'i128',
+        Balance: 'u128',
+        Ratio: 'FixedU128',
+        InterestInfo: {
+          critical_point: 'Ratio',
+          base: 'Ratio',
+          slope_1: 'Ratio',
+          slope_2: 'Ratio'
+        },
+        AssetPoolInfo: {
+          maximum_total_debit_ratio: 'Ratio',
+          minimum_deposit: 'Balance',
+          minimum_debit: 'Balance',
+          health_ratio: 'Ratio',
+          total_deposit: 'Balance',
+          total_debit: 'Balance',
+          deposit_rate: 'Ratio',
+          debit_rate: 'Ratio',
+          deposit_apy: 'Ratio',
+          debit_apy: 'Ratio',
+          reserve_factor: 'Ratio',
+          interest_info: 'InterestInfo'
+        },
+        LoanInfo: {
+          deposit: 'Balance',
+          debit: 'Balance'
+        },
+        TimestampedValue: {
+          value: 'OracleValue',
+          timestamp: 'u64'
+        },
+        PoolInfo: {
+          total_shares: 'Compact<u128>',
+          total_rewards: 'Compact<u128>',
+          total_withdrawn_rewards: 'Compact<u128>'
+        }
+      }
+    }
+  ]
+};
+
+export default definitions;
diff --git a/packages/apps-config/src/api/spec/neatcoin.ts b/packages/apps-config/src/api/spec/neatcoin.ts
new file mode 100644
index 0000000..4a360fe
--- /dev/null
+++ b/packages/apps-config/src/api/spec/neatcoin.ts
@@ -0,0 +1,30 @@
+// Copyright 2017-2022 @polkadot/apps-config authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { OverrideBundleDefinition } from '@polkadot/types/types';
+
+// structs need to be in order
+/* eslint-disable sort-keys */
+
+const definitions: OverrideBundleDefinition = {
+  types: [
+    {
+      minmax: [0, undefined],
+      types: {
+        Label: 'Vec<u8>',
+        Name: 'Vec<Label>',
+        NameHash: 'H256',
+        Value: {
+          _enum: {
+            U32: 'U32',
+            U64: 'U64',
+            U128: 'U128',
+            Bool: 'Bool'
+          }
+        }
+      }
+    }
+  ]
+};
+
+export default definitions;
diff --git a/packages/apps-config/src/api/spec/neumann.ts b/packages/apps-config/src/api/spec/neumann.ts
new file mode 100644
index 0000000..d813192
--- /dev/null
+++ b/packages/apps-config/src/api/spec/neumann.ts
@@ -0,0 +1,19 @@
+// Copyright 2017-2022 @polkadot/apps-config authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { OverrideBundleDefinition } from '@polkadot/types/types';
+
+// structs need to be in order
+/* eslint-disable sort-keys */
+
+const definitions: OverrideBundleDefinition = {
+  types: [
+    {
+      // on all versions
+      minmax: [0, undefined],
+      types: {}
+    }
+  ]
+};
+
+export default definitions;
diff --git a/packages/apps-config/src/api/spec/nftmart.ts b/packages/apps-config/src/api/spec/nftmart.ts
new file mode 100644
index 0000000..f21ecd3
--- /dev/null
+++ b/packages/apps-config/src/api/spec/nftmart.ts
@@ -0,0 +1,147 @@
+// Copyright 2017-2022 @polkadot/apps-config authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+// structs need to be in order
+/* eslint-disable sort-keys */
+/* eslint-disable camelcase */
+
+import { OverrideBundleDefinition } from '@polkadot/types/types';
+
+const definitions: OverrideBundleDefinition = {
+  types: [
+    {
+      // on all versions
+      minmax: [0, undefined],
+      types: {
+        Properties: 'u8',
+        NFTMetadata: 'Vec<u8>',
+        BlockNumber: 'u32',
+        BlockNumberOf: 'BlockNumber',
+        BlockNumberFor: 'BlockNumber',
+        GlobalId: 'u64',
+        CurrencyId: 'u32',
+        CurrencyIdOf: 'CurrencyId',
+        Amount: 'i128',
+        AmountOf: 'Amount',
+        CategoryId: 'GlobalId',
+        CategoryIdOf: 'CategoryId',
+        ClassId: 'u32',
+        ClassIdOf: 'ClassId',
+        TokenId: 'u64',
+        TokenIdOf: 'TokenId',
+
+        OrmlAccountData: {
+          free: 'Balance',
+          reserved: 'Balance',
+          frozen: 'Balance'
+        },
+
+        OrmlBalanceLock: {
+          amount: 'Balance',
+          id: 'LockIdentifier'
+        },
+
+        ClassInfoOf: {
+          metadata: 'NFTMetadata',
+          totalIssuance: 'Compact<TokenId>',
+          owner: 'AccountId',
+          data: 'ClassData'
+        },
+
+        ClassData: {
+          deposit: 'Compact<Balance>',
+          properties: 'Properties',
+          name: 'Vec<u8>',
+          description: 'Vec<u8>',
+          createBlock: 'Compact<BlockNumberOf>',
+          royaltyRate: 'Compact<PerU16>',
+          categoryIds: 'Vec<CategoryId>'
+        },
+
+        TokenInfoOf: {
+          metadata: 'NFTMetadata',
+          data: 'TokenData',
+          quantity: 'Compact<TokenId>'
+        },
+
+        TokenData: {
+          deposit: 'Compact<Balance>',
+          createBlock: 'Compact<BlockNumberOf>',
+          royalty_rate: 'Compact<PerU16>',
+          creator: 'AccountId',
+          royaltyBeneficiary: 'AccountId'
+        },
+
+        AccountToken: {
+          quantity: 'Compact<TokenId>',
+          reserved: 'Compact<TokenId>'
+        },
+
+        CategoryData: {
+          metadata: 'NFTMetadata',
+          nftCount: 'Compact<Balance>'
+        },
+
+        OrderItem: {
+          classId: 'Compact<ClassId>',
+          tokenId: 'Compact<TokenId>',
+          quantity: 'Compact<TokenId>'
+        },
+
+        OrderOf: {
+          currencyId: 'Compact<CurrencyId>',
+          deposit: 'Compact<Balance>',
+          price: 'Compact<Balance>',
+          deadline: 'Compact<BlockNumberOf>',
+          items: 'Vec<OrderItem>',
+          commissionRate: 'Compact<PerU16>'
+        },
+
+        OfferOf: {
+          currencyId: 'Compact<CurrencyId>',
+          price: 'Compact<Balance>',
+          deadline: 'Compact<BlockNumberOf>',
+          items: 'Vec<OrderItem>',
+          commissionRate: 'Compact<PerU16>'
+        },
+
+        BritishAuctionOf: {
+          currencyId: 'Compact<CurrencyId>',
+          hammerPrice: 'Compact<Balance>',
+          minRaise: 'Compact<PerU16>',
+          deposit: 'Compact<Balance>',
+          initPrice: 'Compact<Balance>',
+          deadline: 'Compact<BlockNumberOf>',
+          allowDelay: 'bool',
+          items: 'Vec<OrderItem>',
+          commissionRate: 'Compact<PerU16>'
+        },
+
+        BritishAuctionBidOf: {
+          lastBidPrice: 'Compact<Balance>',
+          lastBidAccount: 'Option<AccountId>',
+          lastBidBlock: 'Compact<BlockNumberOf>',
+          commissionAgent: 'Option<AccountId>',
+          commissionData: 'Option<Vec<u8>>'
+        },
+
+        DutchAuctionOf: {
+          currencyId: 'Compact<CurrencyId>',
+          deposit: 'Compact<Balance>',
+          minPrice: 'Compact<Balance>',
+          maxPrice: 'Compact<Balance>',
+          deadline: 'Compact<BlockNumberOf>',
+          createdBlock: 'Compact<BlockNumberOf>',
+          items: 'Vec<OrderItem>',
+          allowBritishAuction: 'bool',
+          minRaise: 'Compact<PerU16>',
+          commissionRate: 'Compact<PerU16>'
+        },
+
+        DutchAuctionBidOf: 'BritishAuctionBidOf'
+      }
+    }
+  ]
+};
+
+export default definitions;
diff --git a/packages/apps-config/src/api/spec/nodle.ts b/packages/apps-config/src/api/spec/nodle.ts
new file mode 100644
index 0000000..b8d2a22
--- /dev/null
+++ b/packages/apps-config/src/api/spec/nodle.ts
@@ -0,0 +1,51 @@
+// Copyright 2017-2022 @polkadot/apps-config authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { OverrideBundleDefinition } from '@polkadot/types/types';
+
+// structs need to be in order
+/* eslint-disable sort-keys */
+
+const definitions: OverrideBundleDefinition = {
+  types: [
+    {
+      // on all versions
+      minmax: [0, undefined],
+      types: {
+        Amendment: 'Call',
+        Application: {
+          candidate: 'AccountId',
+          candidate_deposit: 'Balance',
+          challenged_block: 'BlockNumber',
+          challenger: 'Option<AccountId>',
+          challenger_deposit: 'Option<Balance>',
+          created_block: 'BlockNumber',
+          metadata: 'Vec<u8>',
+          voters_against: 'Vec<(AccountId, Balance)>',
+          voters_for: 'Vec<(AccountId, Balance)>',
+          votes_against: 'Option<Balance>',
+          votes_for: 'Option<Balance>'
+        },
+        CertificateId: 'AccountId',
+        RootCertificate: {
+          child_revocations: 'Vec<CertificateId>',
+          created: 'BlockNumber',
+          key: 'CertificateId',
+          owner: 'AccountId',
+          renewed: 'BlockNumber',
+          revoked: 'bool',
+          validity: 'BlockNumber'
+        },
+        VestingSchedule: {
+          start: 'BlockNumber',
+          period: 'BlockNumber',
+          period_count: 'u32',
+          per_period: 'Balance'
+        },
+        VestingScheduleOf: 'VestingSchedule'
+      }
+    }
+  ]
+};
+
+export default definitions;
diff --git a/packages/apps-config/src/api/spec/opal.ts b/packages/apps-config/src/api/spec/opal.ts
new file mode 100644
index 0000000..5aa71ba
--- /dev/null
+++ b/packages/apps-config/src/api/spec/opal.ts
@@ -0,0 +1,10 @@
+// Copyright 2017-2022 @polkadot/apps-config authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { OverrideBundleDefinition } from '@polkadot/types/types';
+
+import { unique } from '@unique-nft/types/definitions';
+
+export default {
+  rpc: { unique: unique.rpc }
+} as OverrideBundleDefinition;
diff --git a/packages/apps-config/src/api/spec/opportunity-defs.d.ts b/packages/apps-config/src/api/spec/opportunity-defs.d.ts
new file mode 100644
index 0000000..1fe7a0a
--- /dev/null
+++ b/packages/apps-config/src/api/spec/opportunity-defs.d.ts
@@ -0,0 +1,4 @@
+// Copyright 2017-2022 @polkadot/apps-config authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+declare module '@digitalnative/type-definitions/opportunity';
diff --git a/packages/apps-config/src/api/spec/opportunity.ts b/packages/apps-config/src/api/spec/opportunity.ts
new file mode 100644
index 0000000..da9714a
--- /dev/null
+++ b/packages/apps-config/src/api/spec/opportunity.ts
@@ -0,0 +1,8 @@
+// Copyright 2017-2022 @polkadot/apps-config authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import definitions from '@digitalnative/type-definitions/opportunity';
+
+import { OverrideBundleDefinition } from '@polkadot/types/types';
+
+export default definitions as OverrideBundleDefinition;
diff --git a/packages/apps-config/src/api/spec/origintrail.ts b/packages/apps-config/src/api/spec/origintrail.ts
new file mode 100644
index 0000000..98d8189
--- /dev/null
+++ b/packages/apps-config/src/api/spec/origintrail.ts
@@ -0,0 +1,203 @@
+// Copyright 2017-2022 @polkadot/apps-config authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import { DefinitionRpc, DefinitionRpcSub, OverrideBundleDefinition, OverrideBundleType } from '@polkadot/types/types';
+
+// structs need to be in order
+/* eslint-disable sort-keys */
+
+export const rpcDefinitions: Record<string, Record<string, DefinitionRpc | DefinitionRpcSub>> = {
+  txpool: {
+    content: {
+      aliasSection: 'txpool',
+      description:
+                'The detailed information regarding Ethereum transactions that are currently in the ' +
+                'Substrate transaction pool.',
+      params: [],
+      type: 'TxPoolResultContent'
+    },
+    inspect: {
+      aliasSection: 'txpool',
+      description:
+                'Summarized information of the Ethereum transactions that are currently in the Substrate' +
+                ' transaction pool.',
+      params: [],
+      type: 'TxPoolResultInspect'
+    },
+    status: {
+      aliasSection: 'txpool',
+      description:
+                'The number of Ethereum transaction that are currently in the Substrate transaction pool.',
+      params: [],
+      type: 'TxPoolResultStatus'
+    }
+  }
+};
+
+// structs need to be in order
+/* eslint-disable sort-keys */
+
+const origintrailDefinitions = {
+  rpc: rpcDefinitions,
+  types: [
+    {
+      minmax: [0, undefined],
+      types: {
+        AccountId: 'EthereumAccountId',
+        AccountId32: 'H256',
+        AccountInfo: 'AccountInfoWithTripleRefCount',
+        Address: 'AccountId',
+        AuthorId: 'AccountId32',
+        Balance: 'u128',
+        LookupSource: 'AccountId',
+        Account: {
+          nonce: 'U256',
+          balance: 'u128'
+        },
+        ExtrinsicSignature: 'EthereumSignature',
+        RoundIndex: 'u32',
+        Candidate: {
+          id: 'AccountId',
+          fee: 'Perbill',
+          bond: 'Balance',
+          nominators: 'Vec<Bond>',
+          total: 'Balance',
+          state: 'CollatorStatus'
+        },
+        Nominator: {
+          nominations: 'Vec<Bond>',
+          total: 'Balance'
+        },
+        NominatorStatus: {
+          _enum: ['Active', { Leaving: 'RoundIndex' }]
+        },
+        Nominator2: {
+          nominations: 'Vec<Bond>',
+          revocations: 'Vec<AccountId>',
+          total: 'Balance',
+          scheduled_revocations_count: 'u32',
+          scheduled_revocations_total: 'Balance',
+          status: 'NominatorStatus'
+        },
+        Bond: {
+          owner: 'AccountId',
+          amount: 'Balance'
+        },
+        CollatorStatus: {
+          _enum: ['Active', 'Idle', { Leaving: 'RoundIndex' }]
+        },
+        TxPoolResultContent: {
+          pending: 'HashMap<H160, HashMap<U256, PoolTransaction>>',
+          queued: 'HashMap<H160, HashMap<U256, PoolTransaction>>'
+        },
+        TxPoolResultInspect: {
+          pending: 'HashMap<H160, HashMap<U256, Summary>>',
+          queued: 'HashMap<H160, HashMap<U256, Summary>>'
+        },
+        TxPoolResultStatus: {
+          pending: 'U256',
+          queued: 'U256'
+        },
+        Summary: 'Bytes',
+        PoolTransaction: {
+          hash: 'H256',
+          nonce: 'U256',
+          block_hash: 'Option<H256>',
+          block_number: 'Option<U256>',
+          from: 'H160',
+          to: 'Option<H160>',
+          value: 'U256',
+          gas_price: 'U256',
+          gas: 'U256',
+          input: 'Bytes'
+        },
+        // Staking inflation
+        Range: 'RangeBalance',
+        RangeBalance: {
+          min: 'Balance',
+          ideal: 'Balance',
+          max: 'Balance'
+        },
+        RangePerbill: {
+          min: 'Perbill',
+          ideal: 'Perbill',
+          max: 'Perbill'
+        },
+        InflationInfo: {
+          expect: 'RangeBalance',
+          annual: 'RangePerbill',
+          round: 'RangePerbill'
+        },
+        OrderedSet: 'Vec<Bond>',
+        Collator: {
+          id: 'AccountId',
+          bond: 'Balance',
+          nominators: 'Vec<Bond>',
+          total: 'Balance',
+          state: 'CollatorStatus'
+        },
+        Collator2: {
+          id: 'AccountId',
+          bond: 'Balance',
+          nominators: 'Vec<AccountId>',
+          top_nominators: 'Vec<Bond>',
+          bottom_nominators: 'Vec<Bond>',
+          total_counted: 'Balance',
+          total_backing: 'Balance',
+          state: 'CollatorStatus'
+        },
+        NominatorAdded: {
+          _enum: [{ AddedToTop: 'Balance' }, 'AddedToBottom']
+        },
+        CollatorSnapshot: {
+          bond: 'Balance',
+          nominators: 'Vec<Bond>',
+          total: 'Balance'
+        },
+        SystemInherentData: {
+          validation_data: 'PersistedValidationData',
+          relay_chain_state: 'StorageProof',
+          downward_messages: 'Vec<InboundDownwardMessage>',
+          horizontal_messages: 'BTreeMap<ParaId, Vec<InboundHrmpMessage>>'
+        },
+        RelayChainAccountId: 'AccountId32',
+        RoundInfo: {
+          current: 'RoundIndex',
+          first: 'BlockNumber',
+          length: 'u32'
+        },
+        RewardInfo: {
+          total_reward: 'Balance',
+          claimed_reward: 'Balance'
+        },
+        RegistrationInfo: {
+          account: 'AccountId',
+          deposit: 'Balance'
+        },
+        ParachainBondConfig: {
+          account: 'AccountId',
+          deposit: 'Balance'
+        },
+        EthereumSignature: {
+          r: 'H256',
+          s: 'H256',
+          v: 'U8'
+        },
+        ExitQ: {
+          candidates: 'Vec<AccountId>',
+          nominators_leaving: 'Vec<AccountId>',
+          candidate_schedule: 'Vec<(AccountId, RoundIndex)>',
+          nominator_schedule: 'Vec<(AccountId, Option<AccountId>, RoundIndex)>'
+        }
+      }
+    }
+  ]
+} as OverrideBundleDefinition;
+
+export default origintrailDefinitions;
+
+export const typesBundle = {
+  spec: {
+    'origintrail-parachain': origintrailDefinitions
+  }
+} as OverrideBundleType;
diff --git a/packages/apps-config/src/api/spec/pangolin.ts b/packages/apps-config/src/api/spec/pangolin.ts
new file mode 100644
index 0000000..8a05c46
--- /dev/null
+++ b/packages/apps-config/src/api/spec/pangolin.ts
@@ -0,0 +1,6 @@
+// Copyright 2017-2022 @polkadot/apps-config authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import { typesBundleForPolkadotApps } from '@darwinia/types/mix';
+
+export default typesBundleForPolkadotApps.spec.Pangolin;
diff --git a/packages/apps-config/src/api/spec/pangoro.ts b/packages/apps-config/src/api/spec/pangoro.ts
new file mode 100644
index 0000000..e75cf90
--- /dev/null
+++ b/packages/apps-config/src/api/spec/pangoro.ts
@@ -0,0 +1,7 @@
+// Copyright 2017-2022 @polkadot/apps-config authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import { typesBundleForPolkadotApps } from '@darwinia/types/mix';
+
+// use pangolin types;
+export default typesBundleForPolkadotApps.spec.Pangolin;
diff --git a/packages/apps-config/src/api/spec/parallel.ts b/packages/apps-config/src/api/spec/parallel.ts
new file mode 100644
index 0000000..75b30e6
--- /dev/null
+++ b/packages/apps-config/src/api/spec/parallel.ts
@@ -0,0 +1,6 @@
+// Copyright 2017-2022 @polkadot/apps-config authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import { typesBundleForPolkadot } from '@parallel-finance/type-definitions';
+
+export default typesBundleForPolkadot.spec.parallel;
diff --git a/packages/apps-config/src/api/spec/parami.ts b/packages/apps-config/src/api/spec/parami.ts
new file mode 100644
index 0000000..d813192
--- /dev/null
+++ b/packages/apps-config/src/api/spec/parami.ts
@@ -0,0 +1,19 @@
+// Copyright 2017-2022 @polkadot/apps-config authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { OverrideBundleDefinition } from '@polkadot/types/types';
+
+// structs need to be in order
+/* eslint-disable sort-keys */
+
+const definitions: OverrideBundleDefinition = {
+  types: [
+    {
+      // on all versions
+      minmax: [0, undefined],
+      types: {}
+    }
+  ]
+};
+
+export default definitions;
diff --git a/packages/apps-config/src/api/spec/phoenix.ts b/packages/apps-config/src/api/spec/phoenix.ts
new file mode 100644
index 0000000..46b25d1
--- /dev/null
+++ b/packages/apps-config/src/api/spec/phoenix.ts
@@ -0,0 +1,50 @@
+// Copyright 2017-2022 @polkadot/apps-config authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { OverrideBundleDefinition } from '@polkadot/types/types';
+
+// structs need to be in order
+/* eslint-disable sort-keys */
+
+const definitions: OverrideBundleDefinition = {
+  types: [
+    {
+      // on all versions
+      minmax: [0, undefined],
+      types: {
+        Attestation: {
+          attester: 'AccountId',
+          ctypeHash: 'Hash',
+          delegationId: 'Option<DelegationNodeId>',
+          revoked: 'bool'
+        },
+        Balance: 'u128',
+        DelegationNode: {
+          owner: 'AccountId',
+          parent: 'Option<DelegationNodeId>',
+          permissions: 'Permissions',
+          revoked: 'bool',
+          rootId: 'DelegationNodeId'
+        },
+        DelegationNodeId: 'Hash',
+        DelegationRoot: {
+          ctypeHash: 'Hash',
+          owner: 'AccountId',
+          revoked: 'bool'
+        },
+        DidRecord: {
+          boxKey: 'Hash',
+          docRef: 'Option<Vec<u8>>',
+          signKey: 'Hash'
+        },
+        Index: 'u64',
+        Permissions: 'u32',
+        PublicBoxKey: 'Hash',
+        PublicSigningKey: 'Hash',
+        Signature: 'MultiSignature'
+      }
+    }
+  ]
+};
+
+export default definitions;
diff --git a/packages/apps-config/src/api/spec/pichiu.ts b/packages/apps-config/src/api/spec/pichiu.ts
new file mode 100644
index 0000000..de0e434
--- /dev/null
+++ b/packages/apps-config/src/api/spec/pichiu.ts
@@ -0,0 +1,34 @@
+// Copyright 2017-2022 @polkadot/apps-config authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { OverrideBundleDefinition } from '@polkadot/types/types';
+
+// structs need to be in order
+/* eslint-disable sort-keys */
+
+const definitions: OverrideBundleDefinition = {
+  types: [
+    {
+      // on all versions
+      minmax: [0, undefined],
+      types: {
+        Address: 'MultiAddress',
+        LookupSource: 'MultiAddress',
+        DataRequest: {
+          para_id: 'Option<ParaId>',
+          account_id: 'Option<AccountId>',
+          requested_block_number: 'BlockNumber',
+          processed_block_number: 'Option<BlockNumber>',
+          requested_timestamp: 'u128',
+          processed_timestamp: 'Option<u128>',
+          payload: 'Text',
+          feed_name: 'Text',
+          is_query: 'bool',
+          url: 'Option<Text>'
+        }
+      }
+    }
+  ]
+};
+
+export default definitions;
diff --git a/packages/apps-config/src/api/spec/plasm.ts b/packages/apps-config/src/api/spec/plasm.ts
new file mode 100644
index 0000000..1fd3a7b
--- /dev/null
+++ b/packages/apps-config/src/api/spec/plasm.ts
@@ -0,0 +1,52 @@
+// Copyright 2017-2022 @polkadot/apps-config authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { OverrideBundleDefinition } from '@polkadot/types/types';
+
+// structs need to be in order
+/* eslint-disable sort-keys */
+
+const definitions: OverrideBundleDefinition = {
+  types: [
+    {
+      // on all versions
+      minmax: [0, undefined],
+      types: {
+        AccountInfo: 'AccountInfoWithRefCount',
+        AuthorityId: 'AccountId',
+        AuthorityVote: 'u32',
+        Claim: {
+          amount: 'u128',
+          approve: 'BTreeSet<AuthorityId>',
+          complete: 'bool',
+          decline: 'BTreeSet<AuthorityId>',
+          params: 'Lockdrop'
+        },
+        ClaimId: 'H256',
+        ClaimVote: {
+          approve: 'bool',
+          authority: 'u16',
+          claim_id: 'ClaimId'
+        },
+        DollarRate: 'u128',
+        Keys: 'SessionKeys2',
+        Lockdrop: {
+          duration: 'u64',
+          public_key: '[u8; 33]',
+          transaction_hash: 'H256',
+          type: 'u8',
+          value: 'u128'
+        },
+        PredicateHash: 'H256',
+        RefCount: 'u8',
+        TickerRate: {
+          authority: 'u16',
+          btc: 'u128',
+          eth: 'u128'
+        }
+      }
+    }
+  ]
+};
+
+export default definitions;
diff --git a/packages/apps-config/src/api/spec/polkadex.ts b/packages/apps-config/src/api/spec/polkadex.ts
new file mode 100644
index 0000000..50b1346
--- /dev/null
+++ b/packages/apps-config/src/api/spec/polkadex.ts
@@ -0,0 +1,30 @@
+// Copyright 2017-2022 @polkadot/apps-config authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { OverrideBundleDefinition } from '@polkadot/types/types';
+
+// structs need to be in order
+/* eslint-disable sort-keys */
+const definitions: OverrideBundleDefinition = {
+  types: [
+    {
+      // on all versions
+      minmax: [0, undefined],
+      types: {
+        BurnTxDetails: {
+          approvals: 'u32',
+          approvers: 'Vec<AccountId>'
+        },
+        OrmlVestingSchedule: {
+          start: 'BlockNumber',
+          period: 'BlockNumber',
+          periodCount: 'u32',
+          perPeriod: 'Compact<Balance>'
+        },
+        VestingScheduleOf: 'OrmlVestingSchedule'
+      }
+    }
+  ]
+};
+
+export default definitions;
diff --git a/packages/apps-config/src/api/spec/polkafoundry.ts b/packages/apps-config/src/api/spec/polkafoundry.ts
new file mode 100644
index 0000000..7d83d40
--- /dev/null
+++ b/packages/apps-config/src/api/spec/polkafoundry.ts
@@ -0,0 +1,41 @@
+// Copyright 2017-2022 @polkadot/apps-config authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { OverrideBundleDefinition } from '@polkadot/types/types';
+
+// structs need to be in order
+/* eslint-disable sort-keys */
+
+const definitions: OverrideBundleDefinition = {
+  types: [
+    {
+      // on all versions
+      minmax: [0, undefined],
+      types: {
+        RelayChainAccountId: 'H256',
+        RoundIndex: 'u32',
+        SettingStruct: {
+          bond_duration: 'u32',
+          blocks_per_round: 'u32',
+          desired_target: 'u32'
+        },
+        Bond: {
+          owner: 'AccountId',
+          amount: 'Balance'
+        },
+        UnBondChunk: {
+          value: 'Balance',
+          round: 'u32'
+        },
+        StakingNominators: {
+          nominations: 'Vec<Bond>',
+          total: 'Balance',
+          unbonding: 'Vec<UnBondChunk>',
+          claimed_rewards: 'Vec<u32>'
+        }
+      }
+    }
+  ]
+};
+
+export default definitions;
diff --git a/packages/apps-config/src/api/spec/polymesh.ts b/packages/apps-config/src/api/spec/polymesh.ts
new file mode 100644
index 0000000..f94ec89
--- /dev/null
+++ b/packages/apps-config/src/api/spec/polymesh.ts
@@ -0,0 +1,19 @@
+// Copyright 2017-2022 @polkadot/apps-config authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { OverrideBundleDefinition } from '@polkadot/types/types';
+
+import schema from '@polymathnetwork/polymesh-types';
+
+const definitions: OverrideBundleDefinition = {
+  rpc: schema.rpc,
+  types: [
+    {
+      // on all versions
+      minmax: [0, undefined],
+      types: schema.types
+    }
+  ]
+};
+
+export default definitions;
diff --git a/packages/apps-config/src/api/spec/pontem.ts b/packages/apps-config/src/api/spec/pontem.ts
new file mode 100644
index 0000000..5004bbd
--- /dev/null
+++ b/packages/apps-config/src/api/spec/pontem.ts
@@ -0,0 +1,6 @@
+// Copyright 2017-2022 @polkadot/apps-config authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import { pontemDefinitions } from 'pontem-types-bundle';
+
+export default pontemDefinitions;
diff --git a/packages/apps-config/src/api/spec/prism.ts b/packages/apps-config/src/api/spec/prism.ts
new file mode 100644
index 0000000..5ebd2d8
--- /dev/null
+++ b/packages/apps-config/src/api/spec/prism.ts
@@ -0,0 +1,22 @@
+// Copyright 2017-2022 @polkadot/apps-config authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { OverrideBundleDefinition } from '@polkadot/types/types';
+
+// structs need to be in order
+/* eslint-disable sort-keys */
+
+const definitions: OverrideBundleDefinition = {
+  types: [
+    {
+      // on all versions
+      minmax: [0, undefined],
+      types: {
+        Address: 'AccountId',
+        LookupSource: 'AccountId'
+      }
+    }
+  ]
+};
+
+export default definitions;
diff --git a/packages/apps-config/src/api/spec/quartz.ts b/packages/apps-config/src/api/spec/quartz.ts
new file mode 100644
index 0000000..5aa71ba
--- /dev/null
+++ b/packages/apps-config/src/api/spec/quartz.ts
@@ -0,0 +1,10 @@
+// Copyright 2017-2022 @polkadot/apps-config authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { OverrideBundleDefinition } from '@polkadot/types/types';
+
+import { unique } from '@unique-nft/types/definitions';
+
+export default {
+  rpc: { unique: unique.rpc }
+} as OverrideBundleDefinition;
diff --git a/packages/apps-config/src/api/spec/realis.ts b/packages/apps-config/src/api/spec/realis.ts
new file mode 100644
index 0000000..257f9e7
--- /dev/null
+++ b/packages/apps-config/src/api/spec/realis.ts
@@ -0,0 +1,55 @@
+// Copyright 2017-2022 @polkadot/apps-config authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { OverrideBundleDefinition } from '@polkadot/types/types';
+
+// structs need to be in order
+/* eslint-disable sort-keys */
+
+const definitions: OverrideBundleDefinition = {
+  types: [
+    {
+      // on all versions
+      minmax: [0, undefined],
+      types: {
+        Rarity: {
+          _enum: [
+            'Common',
+            'Uncommon',
+            'Rare',
+            'Epic',
+            'Legendary',
+            'Relic'
+          ]
+        },
+        TokenId: 'U256',
+        Stackable: {
+          _enum: [
+            'Silver',
+            'Gold',
+            'Diamond'
+          ]
+        },
+        String: 'Vec<u8>',
+        TokenType: {
+          _enum: {
+            Basic: '(Rarity, String, u32, String)'
+          }
+        },
+        Status: {
+          _enum: [
+            'OnSell',
+            'InDelegation',
+            'Free'
+          ]
+        },
+        Token: {
+          token_id: 'TokenId',
+          token: 'TokenType'
+        }
+      }
+    }
+  ]
+};
+
+export default definitions;
diff --git a/packages/apps-config/src/api/spec/riochain.ts b/packages/apps-config/src/api/spec/riochain.ts
new file mode 100644
index 0000000..df51f5c
--- /dev/null
+++ b/packages/apps-config/src/api/spec/riochain.ts
@@ -0,0 +1,103 @@
+// Copyright 2017-2022 @polkadot/apps-config authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { OverrideBundleDefinition } from '@polkadot/types/types';
+
+// structs need to be in order
+/* eslint-disable sort-keys */
+
+const definitions: OverrideBundleDefinition = {
+  types: [
+    {
+      // on all versions
+      minmax: [0, undefined],
+      types: {
+        LookupSource: 'IndicesLookupSource',
+        Address: 'LookupSource',
+        Amount: 'i128',
+        AmountOf: 'Amount',
+        CurrencyId: 'u32',
+        CurrencyIdOf: 'CurrencyId',
+        Price: 'FixedU128',
+        OracleKey: 'CurrencyId',
+        Chain:
+        {
+          _enum:
+            ['Rio',
+              'Bitcoin',
+              'Litecoin',
+              'Ethereum',
+              'EOS',
+              'Polkadot',
+              'Kusama',
+              'ChainX']
+        },
+        AssetInfo:
+        {
+          chain: 'Chain',
+          symbol: 'Text',
+          name: 'Text',
+          decimals: 'u8',
+          desc: 'Text'
+        },
+        FeeExchangeV1: { max_payment: 'Compact<Balance>' },
+        FeeExchange: { _enum: { V1: 'Compact<FeeExchangeV1>' } },
+        Restriction:
+        {
+          _enum:
+            ['Transferable',
+              'Depositable',
+              'Withdrawable',
+              'Slashable',
+              'Reservable',
+              'Unreservable']
+        },
+        TxHash: 'H256',
+        Deposit: { account_id: 'AccountId', amount: 'Balance' },
+        Auths: { mask: 'u8' },
+        Auth: { _enum: ['Register', 'Deposit', 'Withdraw', 'Sudo'] },
+        WithdrawState:
+        {
+          _enum:
+          {
+            Pending: null,
+            Cancelled: null,
+            Rejected: null,
+            Approved: null,
+            Success: 'TxHash',
+            ReBroadcasted: 'TxHash'
+          }
+        },
+        ChainAddress: 'Bytes',
+        Memo: 'Text',
+        WithdrawInfo:
+        {
+          currency_id: 'CurrencyId',
+          who: 'AccountId',
+          value: 'Balance',
+          addr: 'ChainAddress',
+          memo: 'Text'
+        },
+        WithdrawItem:
+        {
+          currency_id: 'CurrencyId',
+          applicant: 'AccountId',
+          value: 'Balance',
+          addr: 'ChainAddress',
+          memo: 'Text',
+          state: 'WithdrawState'
+        },
+        DepositAddrInfo: { _enum: { Bip32: 'Bip32', Create2: 'Create2' } },
+        Bip32: { x_pub: 'Text', path: 'Text' },
+        Create2:
+        {
+          creator_address: 'Vec<u8>',
+          implementation_address: 'Vec<u8>',
+          vault_address: 'Vec<u8>'
+        }
+      }
+    }
+  ]
+};
+
+export default definitions;
diff --git a/packages/apps-config/src/api/spec/robonomics.ts b/packages/apps-config/src/api/spec/robonomics.ts
new file mode 100644
index 0000000..569e205
--- /dev/null
+++ b/packages/apps-config/src/api/spec/robonomics.ts
@@ -0,0 +1,39 @@
+// Copyright 2017-2022 @polkadot/apps-config authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { OverrideBundleDefinition } from '@polkadot/types/types';
+
+// structs need to be in order
+/* eslint-disable sort-keys */
+
+const definitions: OverrideBundleDefinition = {
+  types: [
+    {
+      // on all versions
+      minmax: [0, undefined],
+      types: {
+        Record: 'Vec<u8>',
+        Technics: 'Vec<u8>',
+        Economics: '{}',
+        Report: {
+          index: 'LiabilityIndex',
+          sender: 'AccountId',
+          payload: 'Vec<u8>',
+          signature: 'MultiSignature'
+        },
+        ReportFor: 'Report',
+        Agreement: {
+          technics: 'Technics',
+          economics: 'Economics',
+          promisee: 'AccountId',
+          promisor: 'AccountId',
+          promisee_signature: 'MultiSignature',
+          promisor_signature: 'MultiSignature'
+        },
+        LiabilityIndex: 'u32'
+      }
+    }
+  ]
+};
+
+export default definitions;
diff --git a/packages/apps-config/src/api/spec/shibuya.ts b/packages/apps-config/src/api/spec/shibuya.ts
new file mode 100644
index 0000000..2a5011a
--- /dev/null
+++ b/packages/apps-config/src/api/spec/shibuya.ts
@@ -0,0 +1,52 @@
+// Copyright 2017-2022 @polkadot/apps-config authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { OverrideBundleDefinition } from '@polkadot/types/types';
+
+// structs need to be in order
+/* eslint-disable sort-keys */
+
+const definitions: OverrideBundleDefinition = {
+  types: [
+    {
+      // on all versions
+      minmax: [0, undefined],
+      types: {
+        Keys: 'AccountId',
+        Address: 'MultiAddress',
+        LookupSource: 'MultiAddress',
+        AmountOf: 'Amount',
+        Amount: 'i128',
+        SmartContract: {
+          _enum: {
+            Evm: 'H160',
+            Wasm: 'AccountId'
+          }
+        },
+        EraStakingPoints: {
+          total: 'Balance',
+          stakers: 'BTreeMap<AccountId, Balance>',
+          formerStakedEra: 'EraIndex',
+          claimedRewards: 'Balance'
+        },
+        PalletDappsStakingEraStakingPoints: {
+          total: 'Balance',
+          stakers: 'BTreeMap<AccountId, Balance>',
+          formerStakedEra: 'EraIndex',
+          claimedRewards: 'Balance'
+        },
+        EraRewardAndStake: {
+          rewards: 'Balance',
+          staked: 'Balance'
+        },
+        PalletDappsStakingEraRewardAndStake: {
+          rewards: 'Balance',
+          staked: 'Balance'
+        },
+        EraIndex: 'u32'
+      }
+    }
+  ]
+};
+
+export default definitions;
diff --git a/packages/apps-config/src/api/spec/shiden.ts b/packages/apps-config/src/api/spec/shiden.ts
new file mode 100644
index 0000000..2a5011a
--- /dev/null
+++ b/packages/apps-config/src/api/spec/shiden.ts
@@ -0,0 +1,52 @@
+// Copyright 2017-2022 @polkadot/apps-config authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { OverrideBundleDefinition } from '@polkadot/types/types';
+
+// structs need to be in order
+/* eslint-disable sort-keys */
+
+const definitions: OverrideBundleDefinition = {
+  types: [
+    {
+      // on all versions
+      minmax: [0, undefined],
+      types: {
+        Keys: 'AccountId',
+        Address: 'MultiAddress',
+        LookupSource: 'MultiAddress',
+        AmountOf: 'Amount',
+        Amount: 'i128',
+        SmartContract: {
+          _enum: {
+            Evm: 'H160',
+            Wasm: 'AccountId'
+          }
+        },
+        EraStakingPoints: {
+          total: 'Balance',
+          stakers: 'BTreeMap<AccountId, Balance>',
+          formerStakedEra: 'EraIndex',
+          claimedRewards: 'Balance'
+        },
+        PalletDappsStakingEraStakingPoints: {
+          total: 'Balance',
+          stakers: 'BTreeMap<AccountId, Balance>',
+          formerStakedEra: 'EraIndex',
+          claimedRewards: 'Balance'
+        },
+        EraRewardAndStake: {
+          rewards: 'Balance',
+          staked: 'Balance'
+        },
+        PalletDappsStakingEraRewardAndStake: {
+          rewards: 'Balance',
+          staked: 'Balance'
+        },
+        EraIndex: 'u32'
+      }
+    }
+  ]
+};
+
+export default definitions;
diff --git a/packages/apps-config/src/api/spec/snowbridge.ts b/packages/apps-config/src/api/spec/snowbridge.ts
new file mode 100644
index 0000000..119c205
--- /dev/null
+++ b/packages/apps-config/src/api/spec/snowbridge.ts
@@ -0,0 +1,6 @@
+// Copyright 2017-2022 @polkadot/apps-config authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import { definition } from '@snowfork/snowbridge-types';
+
+export default definition;
diff --git a/packages/apps-config/src/api/spec/soraSubstrate.ts b/packages/apps-config/src/api/spec/soraSubstrate.ts
new file mode 100644
index 0000000..856ba85
--- /dev/null
+++ b/packages/apps-config/src/api/spec/soraSubstrate.ts
@@ -0,0 +1,8 @@
+// Copyright 2017-2022 @polkadot/apps-config authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { OverrideBundleDefinition } from '@polkadot/types/types';
+
+import { fullOverrideBundle } from '@sora-substrate/type-definitions';
+
+export default fullOverrideBundle.spec.sora as OverrideBundleDefinition;
diff --git a/packages/apps-config/src/api/spec/spanner.ts b/packages/apps-config/src/api/spec/spanner.ts
new file mode 100644
index 0000000..4a63f5b
--- /dev/null
+++ b/packages/apps-config/src/api/spec/spanner.ts
@@ -0,0 +1,516 @@
+// Copyright 2017-2022 @polkadot/apps-config authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { OverrideBundleDefinition } from '@polkadot/types/types';
+
+// structs need to be in order
+/* eslint-disable sort-keys */
+
+const definitions: OverrideBundleDefinition = {
+  types: [
+    {
+      minmax: [0, 104],
+      types: {
+        CallOf: 'Call',
+        DispatchTime: {
+          _enum: {
+            At: 'BlockNumber',
+            After: 'BlockNumber'
+          }
+        },
+        ScheduleTaskIndex: 'u32',
+        DelayedOrigin: {
+          delay: 'BlockNumber',
+          origin: 'PalletsOrigin'
+        },
+        AuthorityOrigin: 'DelayedOrigin',
+        StorageValue: 'Vec<u8>',
+        GraduallyUpdate: {
+          key: 'StorageKey',
+          targetValue: 'StorageValue',
+          perBlock: 'StorageValue'
+        },
+        StorageKeyBytes: 'Vec<u8>',
+        StorageValueBytes: 'Vec<u8>',
+        RpcDataProviderId: 'Text',
+        DataProviderId: 'u8',
+        TimestampedValue: {
+          value: 'OracleValue',
+          timestamp: 'Moment'
+        },
+        TimestampedValueOf: 'TimestampedValue',
+        OrderedSet: 'Vec<AccountId>',
+        OrmlAccountData: {
+          free: 'Balance',
+          frozen: 'Balance',
+          reserved: 'Balance'
+        },
+        OrmlBalanceLock: {
+          amount: 'Balance',
+          id: 'LockIdentifier'
+        },
+        AuctionInfo: {
+          bid: 'Option<(AccountId, Balance)>',
+          start: 'BlockNumber',
+          end: 'Option<BlockNumber>'
+        },
+        DelayedDispatchTime: {
+          _enum: {
+            At: 'BlockNumber',
+            After: 'BlockNumber'
+          }
+        },
+        DispatchId: 'u32',
+        Price: 'FixedU128',
+        OrmlVestingSchedule: {
+          start: 'BlockNumber',
+          period: 'BlockNumber',
+          periodCount: 'u32',
+          perPeriod: 'Compact<Balance>'
+        },
+        VestingScheduleOf: 'OrmlVestingSchedule',
+        PoolInfo: {
+          total_shares: 'Balance',
+          total_rewards: 'Balance',
+          total_withdrawn_rewards: 'Balance'
+        },
+        Share: 'u128',
+        OracleValue: 'FixedU128',
+        DpoInfo: 'DpoInfoV1',
+        Target: 'TargetV1',
+        DpoMemberInfo: 'DpoMemberInfoV1',
+        TravelCabinBuyerInfo: 'TravelCabinBuyerInfoV1',
+        TravelCabinIndex: 'u32',
+        TravelCabinInventoryIndex: 'u16',
+        DpoIndex: 'u32',
+        TravelCabinInfo: {
+          name: 'Text',
+          creator: 'AccountId',
+          token_id: 'CurrencyId',
+          index: 'TravelCabinIndex',
+          deposit_amount: 'Balance',
+          bonus_total: 'Balance',
+          yield_total: 'Balance',
+          maturity: 'BlockNumber'
+        },
+        TravelCabinBuyerInfoV1: {
+          buyer: 'Buyer',
+          purchase_blk: 'BlockNumber',
+          yield_withdrawn: 'Balance',
+          fare_withdrawn: 'bool',
+          blk_of_last_withdraw: 'BlockNumber'
+        },
+        MilestoneRewardInfo: {
+          token_id: 'CurrencyId',
+          deposited: 'Balance',
+          milestones: 'Vec<(Balance, Balance)>'
+        },
+        DpoState: {
+          _enum: ['CREATED', 'ACTIVE', 'RUNNING', 'FAILED', 'COMPLETED']
+        },
+        TargetV1: {
+          _enum: {
+            Dpo: '(DpoIndex, u8)',
+            TravelCabin: 'TravelCabinIndex'
+          }
+        },
+        Buyer: {
+          _enum: {
+            Dpo: 'DpoIndex',
+            Passenger: 'AccountId',
+            InvalidBuyer: null
+          }
+        },
+        DpoInfoV1: {
+          index: 'DpoIndex',
+          name: 'Text',
+          token_id: 'CurrencyId',
+          manager: 'AccountId',
+          target: 'TargetV1',
+          target_maturity: 'BlockNumber',
+          target_amount: 'Balance',
+          target_yield_estimate: 'Balance',
+          target_bonus_estimate: 'Balance',
+          amount_per_seat: 'Balance',
+          empty_seats: 'u8',
+          fifo: 'Vec<Buyer>',
+          vault_deposit: 'Balance',
+          vault_withdraw: 'Balance',
+          vault_yield: 'Balance',
+          vault_bonus: 'Balance',
+          total_yield_received: 'Balance',
+          total_bonus_received: 'Balance',
+          total_milestone_received: 'Balance',
+          blk_of_last_yield: 'Option<BlockNumber>',
+          blk_of_dpo_filled: 'Option<BlockNumber>',
+          expiry_blk: 'BlockNumber',
+          state: 'DpoState',
+          referrer: 'Option<AccountId>',
+          fare_withdrawn: 'bool',
+          direct_referral_rate: 'u32',
+          fee: 'u32',
+          fee_slashed: 'bool'
+        },
+        DpoMemberInfoV1: {
+          buyer: 'Buyer',
+          number_of_seats: 'u8',
+          referrer: 'Referrer'
+        },
+        Referrer: {
+          _enum: {
+            None: null,
+            MemberOfDpo: 'Buyer',
+            External: '(AccountId, Buyer)'
+          }
+        },
+        PaymentType: {
+          _enum: [
+            'Deposit',
+            'Bonus',
+            'MilestoneReward',
+            'Yield',
+            'UnusedFund',
+            'WithdrawOnCompletion',
+            'WithdrawOnFailure'
+          ]
+        },
+        DpoInfoV2: {
+          index: 'DpoIndex',
+          name: 'Text',
+          token_id: 'CurrencyId',
+          manager: 'AccountId',
+          target: 'TargetV2',
+          target_maturity: 'BlockNumber',
+          target_amount: 'Balance',
+          target_yield_estimate: 'Balance',
+          target_bonus_estimate: 'Balance',
+          issued_shares: 'Balance',
+          share_rate: '(Balance, Balance)',
+          fifo: 'Vec<Buyer>',
+          base_fee: 'u32',
+          fee: 'u32',
+          fee_slashed: 'bool',
+          vault_deposit: 'Balance',
+          vault_withdraw: 'Balance',
+          vault_yield: 'Balance',
+          vault_bonus: 'Balance',
+          total_fund: 'Balance',
+          total_yield_received: 'Balance',
+          total_bonus_received: 'Balance',
+          total_milestone_received: 'Balance',
+          blk_of_last_yield: 'Option<BlockNumber>',
+          blk_of_dpo_filled: 'Option<BlockNumber>',
+          expiry_blk: 'BlockNumber',
+          state: 'DpoState',
+          referrer: 'Option<AccountId>',
+          fare_withdrawn: 'bool',
+          direct_referral_rate: 'u32'
+        },
+        TargetV2: {
+          _enum: {
+            Dpo: '(DpoIndex, Balance)',
+            TravelCabin: 'TravelCabinIndex'
+          }
+        },
+        DpoMemberInfoV2: {
+          buyer: 'Buyer',
+          share: 'Balance',
+          referrer: 'Referrer'
+        },
+        TravelCabinBuyerInfoV2: {
+          buyer: 'Buyer',
+          purchase_blk: 'BlockNumber',
+          yield_withdrawn: 'Balance',
+          fare_withdrawn: 'bool'
+        },
+        ExchangeRate: 'FixedU128',
+        Ratio: 'FixedU128',
+        Rate: 'FixedU128',
+        TradingPair: '(CurrencyId, CurrencyId)',
+        TradingPairStatus: {
+          _enum: {
+            NotEnabled: null,
+            Provisioning: 'TradingPairProvisionParameters',
+            Enabled: null
+          }
+        },
+        TradingPairProvisionParameters: {
+          min_contribution: '(Balance, Balance)',
+          target_provision: '(Balance, Balance)',
+          accumulated_provision: '(Balance, Balance)',
+          not_before: 'BlockNumber'
+        },
+        Amount: 'i128',
+        AmountOf: 'Amount',
+        TokenSymbol: {
+          _enum: ['BOLT', 'WUSD', 'BBOT', 'NCAT', 'PLKT']
+        },
+        CurrencyId: {
+          _enum: {
+            Token: 'TokenSymbol',
+            DexShare: '(TokenSymbol, TokenSymbol)'
+          }
+        },
+        CurrencyIdOf: 'CurrencyId',
+        PoolId: {
+          _enum: {
+            DexYieldFarming: 'CurrencyId'
+          }
+        }
+      }
+    },
+    {
+      minmax: [105, undefined],
+      types: {
+        CallOf: 'Call',
+        DispatchTime: {
+          _enum: {
+            At: 'BlockNumber',
+            After: 'BlockNumber'
+          }
+        },
+        ScheduleTaskIndex: 'u32',
+        DelayedOrigin: {
+          delay: 'BlockNumber',
+          origin: 'PalletsOrigin'
+        },
+        AuthorityOrigin: 'DelayedOrigin',
+        StorageValue: 'Vec<u8>',
+        GraduallyUpdate: {
+          key: 'StorageKey',
+          targetValue: 'StorageValue',
+          perBlock: 'StorageValue'
+        },
+        StorageKeyBytes: 'Vec<u8>',
+        StorageValueBytes: 'Vec<u8>',
+        RpcDataProviderId: 'Text',
+        DataProviderId: 'u8',
+        TimestampedValue: {
+          value: 'OracleValue',
+          timestamp: 'Moment'
+        },
+        TimestampedValueOf: 'TimestampedValue',
+        OrderedSet: 'Vec<AccountId>',
+        OrmlAccountData: {
+          free: 'Balance',
+          frozen: 'Balance',
+          reserved: 'Balance'
+        },
+        OrmlBalanceLock: {
+          amount: 'Balance',
+          id: 'LockIdentifier'
+        },
+        AuctionInfo: {
+          bid: 'Option<(AccountId, Balance)>',
+          start: 'BlockNumber',
+          end: 'Option<BlockNumber>'
+        },
+        DelayedDispatchTime: {
+          _enum: {
+            At: 'BlockNumber',
+            After: 'BlockNumber'
+          }
+        },
+        DispatchId: 'u32',
+        Price: 'FixedU128',
+        OrmlVestingSchedule: {
+          start: 'BlockNumber',
+          period: 'BlockNumber',
+          periodCount: 'u32',
+          perPeriod: 'Compact<Balance>'
+        },
+        VestingScheduleOf: 'OrmlVestingSchedule',
+        PoolInfo: {
+          total_shares: 'Balance',
+          total_rewards: 'Balance',
+          total_withdrawn_rewards: 'Balance'
+        },
+        Share: 'u128',
+        OracleValue: 'FixedU128',
+        DpoInfo: 'DpoInfoV2',
+        Target: 'TargetV2',
+        DpoMemberInfo: 'DpoMemberInfoV2',
+        TravelCabinBuyerInfo: 'TravelCabinBuyerInfoV2',
+        TravelCabinIndex: 'u32',
+        TravelCabinInventoryIndex: 'u16',
+        DpoIndex: 'u32',
+        TravelCabinInfo: {
+          name: 'Text',
+          creator: 'AccountId',
+          token_id: 'CurrencyId',
+          index: 'TravelCabinIndex',
+          deposit_amount: 'Balance',
+          bonus_total: 'Balance',
+          yield_total: 'Balance',
+          maturity: 'BlockNumber'
+        },
+        TravelCabinBuyerInfoV1: {
+          buyer: 'Buyer',
+          purchase_blk: 'BlockNumber',
+          yield_withdrawn: 'Balance',
+          fare_withdrawn: 'bool',
+          blk_of_last_withdraw: 'BlockNumber'
+        },
+        MilestoneRewardInfo: {
+          token_id: 'CurrencyId',
+          deposited: 'Balance',
+          milestones: 'Vec<(Balance, Balance)>'
+        },
+        DpoState: {
+          _enum: ['CREATED', 'ACTIVE', 'RUNNING', 'FAILED', 'COMPLETED']
+        },
+        TargetV1: {
+          _enum: {
+            Dpo: '(DpoIndex, u8)',
+            TravelCabin: 'TravelCabinIndex'
+          }
+        },
+        Buyer: {
+          _enum: {
+            Dpo: 'DpoIndex',
+            Passenger: 'AccountId',
+            InvalidBuyer: null
+          }
+        },
+        DpoInfoV1: {
+          index: 'DpoIndex',
+          name: 'Text',
+          token_id: 'CurrencyId',
+          manager: 'AccountId',
+          target: 'TargetV1',
+          target_maturity: 'BlockNumber',
+          target_amount: 'Balance',
+          target_yield_estimate: 'Balance',
+          target_bonus_estimate: 'Balance',
+          amount_per_seat: 'Balance',
+          empty_seats: 'u8',
+          fifo: 'Vec<Buyer>',
+          vault_deposit: 'Balance',
+          vault_withdraw: 'Balance',
+          vault_yield: 'Balance',
+          vault_bonus: 'Balance',
+          total_yield_received: 'Balance',
+          total_bonus_received: 'Balance',
+          total_milestone_received: 'Balance',
+          blk_of_last_yield: 'Option<BlockNumber>',
+          blk_of_dpo_filled: 'Option<BlockNumber>',
+          expiry_blk: 'BlockNumber',
+          state: 'DpoState',
+          referrer: 'Option<AccountId>',
+          fare_withdrawn: 'bool',
+          direct_referral_rate: 'u32',
+          fee: 'u32',
+          fee_slashed: 'bool'
+        },
+        DpoMemberInfoV1: {
+          buyer: 'Buyer',
+          number_of_seats: 'u8',
+          referrer: 'Referrer'
+        },
+        Referrer: {
+          _enum: {
+            None: null,
+            MemberOfDpo: 'Buyer',
+            External: '(AccountId, Buyer)'
+          }
+        },
+        PaymentType: {
+          _enum: [
+            'Deposit',
+            'Bonus',
+            'MilestoneReward',
+            'Yield',
+            'UnusedFund',
+            'WithdrawOnCompletion',
+            'WithdrawOnFailure'
+          ]
+        },
+        DpoInfoV2: {
+          index: 'DpoIndex',
+          name: 'Text',
+          token_id: 'CurrencyId',
+          manager: 'AccountId',
+          target: 'TargetV2',
+          target_maturity: 'BlockNumber',
+          target_amount: 'Balance',
+          target_yield_estimate: 'Balance',
+          target_bonus_estimate: 'Balance',
+          issued_shares: 'Balance',
+          share_rate: '(Balance, Balance)',
+          fifo: 'Vec<Buyer>',
+          base_fee: 'u32',
+          fee: 'u32',
+          fee_slashed: 'bool',
+          vault_deposit: 'Balance',
+          vault_withdraw: 'Balance',
+          vault_yield: 'Balance',
+          vault_bonus: 'Balance',
+          total_fund: 'Balance',
+          total_yield_received: 'Balance',
+          total_bonus_received: 'Balance',
+          total_milestone_received: 'Balance',
+          blk_of_last_yield: 'Option<BlockNumber>',
+          blk_of_dpo_filled: 'Option<BlockNumber>',
+          expiry_blk: 'BlockNumber',
+          state: 'DpoState',
+          referrer: 'Option<AccountId>',
+          fare_withdrawn: 'bool',
+          direct_referral_rate: 'u32'
+        },
+        TargetV2: {
+          _enum: {
+            Dpo: '(DpoIndex, Balance)',
+            TravelCabin: 'TravelCabinIndex'
+          }
+        },
+        DpoMemberInfoV2: {
+          buyer: 'Buyer',
+          share: 'Balance',
+          referrer: 'Referrer'
+        },
+        TravelCabinBuyerInfoV2: {
+          buyer: 'Buyer',
+          purchase_blk: 'BlockNumber',
+          yield_withdrawn: 'Balance',
+          fare_withdrawn: 'bool'
+        },
+        ExchangeRate: 'FixedU128',
+        Ratio: 'FixedU128',
+        Rate: 'FixedU128',
+        TradingPair: '(CurrencyId, CurrencyId)',
+        TradingPairStatus: {
+          _enum: {
+            NotEnabled: null,
+            Provisioning: 'TradingPairProvisionParameters',
+            Enabled: null
+          }
+        },
+        TradingPairProvisionParameters: {
+          min_contribution: '(Balance, Balance)',
+          target_provision: '(Balance, Balance)',
+          accumulated_provision: '(Balance, Balance)',
+          not_before: 'BlockNumber'
+        },
+        Amount: 'i128',
+        AmountOf: 'Amount',
+        TokenSymbol: {
+          _enum: ['BOLT', 'WUSD', 'BBOT', 'NCAT', 'PLKT']
+        },
+        CurrencyId: {
+          _enum: {
+            Token: 'TokenSymbol',
+            DexShare: '(TokenSymbol, TokenSymbol)'
+          }
+        },
+        CurrencyIdOf: 'CurrencyId',
+        PoolId: {
+          _enum: {
+            DexYieldFarming: 'CurrencyId'
+          }
+        }
+      }
+    }
+  ]
+};
+
+export default definitions;
diff --git a/packages/apps-config/src/api/spec/spreehafen.ts b/packages/apps-config/src/api/spec/spreehafen.ts
new file mode 100644
index 0000000..d813192
--- /dev/null
+++ b/packages/apps-config/src/api/spec/spreehafen.ts
@@ -0,0 +1,19 @@
+// Copyright 2017-2022 @polkadot/apps-config authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { OverrideBundleDefinition } from '@polkadot/types/types';
+
+// structs need to be in order
+/* eslint-disable sort-keys */
+
+const definitions: OverrideBundleDefinition = {
+  types: [
+    {
+      // on all versions
+      minmax: [0, undefined],
+      types: {}
+    }
+  ]
+};
+
+export default definitions;
diff --git a/packages/apps-config/src/api/spec/stafi.ts b/packages/apps-config/src/api/spec/stafi.ts
new file mode 100644
index 0000000..815be0e
--- /dev/null
+++ b/packages/apps-config/src/api/spec/stafi.ts
@@ -0,0 +1,23 @@
+// Copyright 2017-2022 @polkadot/apps-config authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { OverrideBundleDefinition } from '@polkadot/types/types';
+
+// structs need to be in order
+/* eslint-disable sort-keys */
+
+const definitions: OverrideBundleDefinition = {
+  types: [
+    {
+      // on all versions
+      minmax: [0, undefined],
+      types: {
+        Address: 'AccountId',
+        LookupSource: 'AccountId',
+        RefCount: 'u8'
+      }
+    }
+  ]
+};
+
+export default definitions;
diff --git a/packages/apps-config/src/api/spec/standard-defs.d.ts b/packages/apps-config/src/api/spec/standard-defs.d.ts
new file mode 100644
index 0000000..d0fdac7
--- /dev/null
+++ b/packages/apps-config/src/api/spec/standard-defs.d.ts
@@ -0,0 +1,4 @@
+// Copyright 2017-2022 @polkadot/apps-config authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+declare module '@digitalnative/type-definitions/standard';
diff --git a/packages/apps-config/src/api/spec/standard.ts b/packages/apps-config/src/api/spec/standard.ts
new file mode 100644
index 0000000..e586f05
--- /dev/null
+++ b/packages/apps-config/src/api/spec/standard.ts
@@ -0,0 +1,8 @@
+// Copyright 2017-2022 @polkadot/apps-config authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import definitions from '@digitalnative/type-definitions/standard';
+
+import { OverrideBundleDefinition } from '@polkadot/types/types';
+
+export default definitions as OverrideBundleDefinition;
diff --git a/packages/apps-config/src/api/spec/subdao.ts b/packages/apps-config/src/api/spec/subdao.ts
new file mode 100644
index 0000000..d813192
--- /dev/null
+++ b/packages/apps-config/src/api/spec/subdao.ts
@@ -0,0 +1,19 @@
+// Copyright 2017-2022 @polkadot/apps-config authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { OverrideBundleDefinition } from '@polkadot/types/types';
+
+// structs need to be in order
+/* eslint-disable sort-keys */
+
+const definitions: OverrideBundleDefinition = {
+  types: [
+    {
+      // on all versions
+      minmax: [0, undefined],
+      types: {}
+    }
+  ]
+};
+
+export default definitions;
diff --git a/packages/apps-config/src/api/spec/subgame.ts b/packages/apps-config/src/api/spec/subgame.ts
new file mode 100644
index 0000000..d6df346
--- /dev/null
+++ b/packages/apps-config/src/api/spec/subgame.ts
@@ -0,0 +1,183 @@
+// Copyright 2017-2022 @polkadot/apps-config authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { OverrideBundleDefinition } from '@polkadot/types/types';
+
+// structs need to be in order
+/* eslint-disable sort-keys */
+
+const definitions: OverrideBundleDefinition = {
+  types: [
+    {
+      // on all versions
+      minmax: [0, undefined],
+      types: {
+        GameIndex: 'u32',
+        GameMode: 'u8',
+        CommodityLimit: 'u128',
+        UserCommodityLimit: 'u64',
+        ChipBalance: 'u128',
+        ChipsDetail: {
+          balance: 'u128',
+          reserve: 'u128'
+        },
+        GameInfo: {
+          owner: 'AccountId',
+          block_number: 'u32',
+          bet_block_number: 'u32',
+          amount: 'u128'
+        },
+        BetInfo: {
+          user: 'AccountId',
+          game_id: 'u32',
+          amount: 'u128',
+          game_mode: 'u8'
+        },
+        Template: {
+          template_id: 'u32',
+          template_name: 'Vec<u8>'
+        },
+        GameInstance: {
+          game_instance_id: 'u32',
+          owner: 'AccountId',
+          bet_block_number: 'u32',
+          chips_pool: 'u128',
+          game_over: 'bool'
+        },
+        GameInstanceId: 'u32',
+        AccountInfo: 'AccountInfoWithDualRefCount',
+        SubGameAssetMetadata: {
+          deposit: 'DepositBalance',
+          name: 'Vec<u8>',
+          symbol: 'Vec<u8>',
+          decimals: 'u8'
+        },
+        SubGameAssetDetails: {
+          owner: 'AccountId',
+          issuer: 'AccountId',
+          admin: 'AccountId',
+          freezer: 'AccountId',
+          supply: 'u64',
+          deposit: 'DepositBalance',
+          max_zombies: 'u32',
+          min_balance: 'u64',
+          zombies: 'u32',
+          accounts: 'u32',
+          isFrozen: 'bool'
+        },
+        SusGameAssetBalance: {
+          balance: 'u64',
+          isFrozen: 'bool',
+          isZombie: 'bool'
+        },
+        SGAssetBalance: 'u64',
+        CommodityId: 'Hash',
+        Commodity: {
+          id: 'CommodityId',
+          info: 'Vec<u8>'
+        },
+        ProgramId: 'u64',
+        Program: {
+          program_id: 'ProgramId',
+          stake_amount: 'u128',
+          valid_day_count: 'u64'
+        },
+        PalletId: 'u64',
+        PalletInfo: {
+          pallet_id: 'PalletId',
+          name: 'Vec<u8>'
+        },
+        NftId: 'Hash',
+        LeaseInfo: {
+          pallet_id: 'PalletId',
+          nft_id: 'NftId'
+        },
+        StakeInfo: {
+          pallet_id: 'PalletId',
+          program_id: 'ProgramId',
+          stake_amount: 'Balance',
+          will_expire: 'bool',
+          expires_at: 'Moment',
+          nft_id: 'NftId'
+        },
+        Moment: 'u64',
+        MomentOf: 'Moment',
+        SwapId: 'u32',
+        SwapSender: 'AccountId',
+        SwapPoolOwner: 'AccountId',
+        SwapAssetX: 'u32',
+        SwapAssetY: 'u32',
+        SwapAmountX: 'u64',
+        SwapAmountY: 'u64',
+        SwapAmountLP: 'u64',
+        SwapPoolDetails: {
+          swap_id: 'u32',
+          account: 'AccountId',
+          asset_a: 'u32',
+          asset_b: 'u32',
+          asset_lp: 'u32',
+          swap_k: 'u128'
+        },
+        Auction: {
+          id: 'u128',
+          platform_id: 'u128',
+          nft_id: 'NftId',
+          seller: 'AccountId',
+          buyer: 'Option<AccountId>',
+          amount: 'Balance',
+          percentage_of_fee: 'u8',
+          platform_fee: 'Balance'
+        },
+        Platform: {
+          id: 'u128',
+          admin: 'AccountId',
+          percentage_of_fee: 'u8',
+          fee_account: 'AccountId'
+        },
+        Plan: {
+          amount: 'SGAssetBalance',
+          score: 'SGAssetBalance'
+        },
+        GRPlatform: {
+          id: 'u128',
+          admin: 'AccountId',
+          pool_account: 'AccountId',
+          asset_id: 'u32',
+          plan: 'Vec<Plan>'
+        },
+        AbilityOfLevel: {
+          level: 'u8',
+          ability_value_1_min: 'u32',
+          ability_value_1_max: 'u32'
+        },
+        CardType: {
+          admin: 'AccountId',
+          id: 'u128',
+          name: 'Vec<u8>',
+          desc: 'Vec<u8>',
+          fixed_ability_value_1: 'u32',
+          fixed_ability_value_2: 'u32',
+          special_attribute_1: 'Vec<u8>',
+          level_max_limit: 'u32',
+          ability_of_level: 'Vec<AbilityOfLevel>',
+          is_can_draw: 'bool'
+        },
+        CardInfo: {
+          id: 'u128',
+          name: 'Vec<u8>',
+          desc: 'Vec<u8>',
+          type_id: 'u128'
+        },
+        Card: {
+          id: 'u128',
+          card_info_id: 'u128',
+          level: 'u8',
+          ability_value_1: 'u32',
+          nft_id: 'NftId'
+        }
+      }
+    }
+  ]
+};
+
+export default definitions;
diff --git a/packages/apps-config/src/api/spec/subsocial.ts b/packages/apps-config/src/api/spec/subsocial.ts
new file mode 100644
index 0000000..b44890f
--- /dev/null
+++ b/packages/apps-config/src/api/spec/subsocial.ts
@@ -0,0 +1,9 @@
+// Copyright 2017-2022 @polkadot/apps-config authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+// We only load the definitions here explicitly - if we try to go via
+//   import { types } from '@subsocial/types/substrate';
+// we end up with multiple version of types/API
+import definitions from '@subsocial/types/substrate/interfaces/subsocial/definitions';
+
+export default definitions;
diff --git a/packages/apps-config/src/api/spec/subspace.ts b/packages/apps-config/src/api/spec/subspace.ts
new file mode 100644
index 0000000..4b0cad9
--- /dev/null
+++ b/packages/apps-config/src/api/spec/subspace.ts
@@ -0,0 +1,128 @@
+// Copyright 2017-2022 @polkadot/apps-config authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+// structs need to be in order
+/* eslint-disable sort-keys */
+
+import type { Observable } from 'rxjs';
+import type { ApiInterfaceRx } from '@polkadot/api/types';
+import type { Struct, u64 } from '@polkadot/types';
+import type { OverrideBundleDefinition, Registry } from '@polkadot/types/types';
+
+import { combineLatest, map } from 'rxjs';
+
+import { bestNumber, bestNumberFinalized, bestNumberLag, getBlock, subscribeNewBlocks } from '@polkadot/api-derive/chain';
+import { memo } from '@polkadot/api-derive/util';
+import { AccountId32, Digest, Header } from '@polkadot/types/interfaces';
+
+interface HeaderExtended extends Header {
+  readonly author: AccountId32 | undefined;
+}
+
+interface Solution extends Struct {
+  readonly public_key: AccountId32;
+}
+
+interface SubPreDigest extends Struct {
+  readonly slot: u64;
+  readonly solution: Solution;
+}
+
+function extractAuthor (
+  digest: Digest,
+  api: ApiInterfaceRx
+): AccountId32 | undefined {
+  const preRuntimes = digest.logs.filter(
+    (log) => log.isPreRuntime && log.asPreRuntime[0].toString() === 'SUB_'
+  );
+
+  if (!preRuntimes || preRuntimes.length === 0) {
+    return undefined;
+  }
+
+  const { solution }: SubPreDigest = api.registry.createType('SubPreDigest', preRuntimes[0].asPreRuntime[1]);
+
+  return solution.public_key;
+}
+
+function createHeaderExtended (
+  registry: Registry,
+  header: Header,
+  api: ApiInterfaceRx
+): HeaderExtended {
+  const HeaderBase = registry.createClass('Header');
+
+  class SubHeaderExtended extends HeaderBase implements HeaderExtended {
+    readonly #author?: AccountId32;
+
+    constructor (registry: Registry, header: Header, api: ApiInterfaceRx) {
+      super(registry, header);
+      this.#author = extractAuthor(this.digest, api);
+      this.createdAtHash = header?.createdAtHash;
+    }
+
+    public get author (): AccountId32 | undefined {
+      return this.#author;
+    }
+  }
+
+  return new SubHeaderExtended(registry, header, api);
+}
+
+function subscribeNewHeads (
+  instanceId: string,
+  api: ApiInterfaceRx
+): () => Observable<HeaderExtended> {
+  return memo(
+    instanceId,
+    (): Observable<HeaderExtended> =>
+      combineLatest([api.rpc.chain.subscribeNewHeads()]).pipe(
+        map(([header]): HeaderExtended => {
+          return createHeaderExtended(header.registry, header, api);
+        })
+      )
+  );
+}
+
+function getHeader (
+  instanceId: string,
+  api: ApiInterfaceRx
+): () => Observable<HeaderExtended> {
+  return memo(instanceId, (blockHash: Uint8Array | string): Observable<HeaderExtended | undefined> =>
+    combineLatest([api.rpc.chain.getHeader(blockHash)]).pipe(
+      map(([header]): HeaderExtended => {
+        return createHeaderExtended(header.registry, header, api);
+      })
+    )
+  );
+}
+
+const definitions: OverrideBundleDefinition = {
+  derives: {
+    chain: {
+      bestNumber,
+      bestNumberFinalized,
+      bestNumberLag,
+      getBlock,
+      getHeader,
+      subscribeNewBlocks,
+      subscribeNewHeads
+    }
+  },
+  types: [
+    {
+      minmax: [0, undefined],
+      types: {
+        Solution: {
+          public_key: 'AccountId32'
+        },
+        SubPreDigest: {
+          slot: 'u64',
+          solution: 'Solution'
+        }
+      }
+    }
+  ]
+};
+
+export default definitions;
diff --git a/packages/apps-config/src/api/spec/substrateContractsNode.ts b/packages/apps-config/src/api/spec/substrateContractsNode.ts
new file mode 100644
index 0000000..4e454ab
--- /dev/null
+++ b/packages/apps-config/src/api/spec/substrateContractsNode.ts
@@ -0,0 +1,21 @@
+// Copyright 2017-2022 @polkadot/apps-config authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { OverrideBundleDefinition } from '@polkadot/types/types';
+
+// structs need to be in order
+/* eslint-disable sort-keys */
+
+const definitions: OverrideBundleDefinition = {
+  types: [
+    {
+      // updated to Substrate master
+      minmax: [0, undefined],
+      types: {
+        Keys: 'SessionKeys2'
+      }
+    }
+  ]
+};
+
+export default definitions;
diff --git a/packages/apps-config/src/api/spec/swapdex.ts b/packages/apps-config/src/api/spec/swapdex.ts
new file mode 100644
index 0000000..1fe1974
--- /dev/null
+++ b/packages/apps-config/src/api/spec/swapdex.ts
@@ -0,0 +1,82 @@
+// Copyright 2017-2022 @polkadot/apps-config authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { OverrideBundleDefinition } from '@polkadot/types/types';
+
+// structs need to be in order
+/* eslint-disable sort-keys */
+
+const definitions: OverrideBundleDefinition = {
+  types: [
+    {
+      // on all versions
+      minmax: [0, undefined],
+      types: {
+        EvmAddress: 'H160',
+        EthereumTxHash: 'H256',
+        Address: 'MultiAddress',
+        LookupSource: 'MultiAddress',
+        AccountInfo: 'AccountInfoWithTripleRefCount',
+        Account: {
+          nonce: 'U256',
+          balance: 'U256'
+        },
+        Transaction: {
+          nonce: 'U256',
+          action: 'String',
+          gas_price: 'u64',
+          gas_limit: 'u64',
+          value: 'U256',
+          input: 'Vec<u8>',
+          signature: 'Signature'
+        },
+        Signature: {
+          v: 'u64',
+          r: 'H256',
+          s: 'H256'
+        },
+        ClassId: 'u64',
+        TokenId: 'u64',
+        ClassData: 'Vec<u8>',
+        TokenData: 'Vec<u8>',
+        ReportReason: {
+          _enum: [
+            'None',
+            'Illigal',
+            'Plagiarism',
+            'Duplicate',
+            'Reported'
+          ]
+        },
+        ClassInfoOf: {
+          metadata: 'Vec<u8>',
+          total_issuance: 'TokenId',
+
+          owner: 'AccountId',
+          class_data: 'ClassData'
+        },
+        ExtendedInfo: {
+          display_flag: 'bool',
+          report: 'ReportReason',
+          frozen: 'bool'
+        },
+        TokenInfoOf: {
+          metadata: 'Vec<u8>',
+          owner: 'AccountId',
+          class_data: 'ClassData'
+        },
+        'bridge::ChainId': 'u8',
+        ChainId: 'u8',
+        ResourceId: '[u8; 32]',
+        DepositNonce: 'u64',
+        ProposalVotes: {
+          votes_for: 'Vec<AccountId>',
+          votes_against: 'Vec<AccountId>',
+          status: 'enum'
+        }
+      }
+    }
+  ]
+};
+
+export default definitions;
diff --git a/packages/apps-config/src/api/spec/tanganika.ts b/packages/apps-config/src/api/spec/tanganika.ts
new file mode 100644
index 0000000..d813192
--- /dev/null
+++ b/packages/apps-config/src/api/spec/tanganika.ts
@@ -0,0 +1,19 @@
+// Copyright 2017-2022 @polkadot/apps-config authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { OverrideBundleDefinition } from '@polkadot/types/types';
+
+// structs need to be in order
+/* eslint-disable sort-keys */
+
+const definitions: OverrideBundleDefinition = {
+  types: [
+    {
+      // on all versions
+      minmax: [0, undefined],
+      types: {}
+    }
+  ]
+};
+
+export default definitions;
diff --git a/packages/apps-config/src/api/spec/ternoa.ts b/packages/apps-config/src/api/spec/ternoa.ts
new file mode 100644
index 0000000..6f5b5a3
--- /dev/null
+++ b/packages/apps-config/src/api/spec/ternoa.ts
@@ -0,0 +1,102 @@
+// Copyright 2017-2022 @polkadot/apps-config authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { OverrideBundleDefinition } from '@polkadot/types/types';
+
+// structs need to be in order
+/* eslint-disable sort-keys */
+
+const definitions: OverrideBundleDefinition = {
+  types: [
+    {
+      // on all versions
+      minmax: [0, undefined],
+      types: {
+        AccountDataOf: 'AccountData',
+        Address: 'MultiAddress',
+        LookupSource: 'MultiAddress',
+        ShardIdentifier: 'Hash',
+        Url: 'Text',
+        URI: 'Text',
+        ClusterId: 'u32',
+        EnclaveId: 'u32',
+        MarketplaceId: 'u32',
+        BalanceCaps: 'Balance',
+        NFTId: 'u32',
+        TernoaString: 'Vec<u8>',
+        NFTSeriesId: 'Text',
+        NFTData: {
+          owner: 'AccountId',
+          ipfs_reference: 'Text',
+          series_id: 'NFTSeriesId',
+          locked: 'bool'
+        },
+        NFTSeriesDetails: {
+          owner: 'AccountId',
+          draft: 'bool'
+        },
+        NFTCurrencyCombined: {
+          caps: 'Balance',
+          tiime: 'Balance'
+        },
+        NFTCurrency: {
+          _enum: {
+            Caps: 'Balance',
+            Tiime: 'Balance',
+            Combined: 'NFTCurrencyCombined'
+          }
+        },
+        NFTCurrencyId: {
+          _enum: [
+            'Caps',
+            'Tiime'
+          ]
+        },
+        SaleInformation: {
+          account_id: 'AccountId',
+          price: 'NFTCurrency',
+          marketplace_id: 'MarketplaceId'
+        },
+        MarketplaceType: {
+          _enum: [
+            'Public',
+            'Private'
+          ]
+        },
+        MarketplaceInformation: {
+          kind: 'MarketplaceType',
+          commission_fee: 'u8',
+          owner: 'AccountId',
+          allow_list: 'Vec<AccountId>',
+          disallow_list: 'Vec<AccountId>',
+          name: 'Text',
+          uri: 'Option<URI>',
+          logo_uri: 'Option<URI>'
+        },
+        Cluster: {
+          enclaves: 'Vec<EnclaveId>'
+        },
+        Enclave: {
+          api_url: 'Url'
+        },
+        CapsuleData: {
+          owner: 'AccountId',
+          ipfs_reference: 'Text'
+        },
+        CapsuleLedger: 'Vec<(NFTId, Balance)>',
+        Status: {
+          _enum: [
+            'Free',
+            'Reserved'
+          ]
+        },
+        Request: {
+          shard: 'ShardIdentifier',
+          cyphertext: 'Vec<u8>'
+        }
+      }
+    }
+  ]
+};
+
+export default definitions;
diff --git a/packages/apps-config/src/api/spec/trustbase.ts b/packages/apps-config/src/api/spec/trustbase.ts
new file mode 100644
index 0000000..5ebd2d8
--- /dev/null
+++ b/packages/apps-config/src/api/spec/trustbase.ts
@@ -0,0 +1,22 @@
+// Copyright 2017-2022 @polkadot/apps-config authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { OverrideBundleDefinition } from '@polkadot/types/types';
+
+// structs need to be in order
+/* eslint-disable sort-keys */
+
+const definitions: OverrideBundleDefinition = {
+  types: [
+    {
+      // on all versions
+      minmax: [0, undefined],
+      types: {
+        Address: 'AccountId',
+        LookupSource: 'AccountId'
+      }
+    }
+  ]
+};
+
+export default definitions;
diff --git a/packages/apps-config/src/api/spec/turing.ts b/packages/apps-config/src/api/spec/turing.ts
new file mode 100644
index 0000000..d813192
--- /dev/null
+++ b/packages/apps-config/src/api/spec/turing.ts
@@ -0,0 +1,19 @@
+// Copyright 2017-2022 @polkadot/apps-config authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { OverrideBundleDefinition } from '@polkadot/types/types';
+
+// structs need to be in order
+/* eslint-disable sort-keys */
+
+const definitions: OverrideBundleDefinition = {
+  types: [
+    {
+      // on all versions
+      minmax: [0, undefined],
+      types: {}
+    }
+  ]
+};
+
+export default definitions;
diff --git a/packages/apps-config/src/api/spec/uart.ts b/packages/apps-config/src/api/spec/uart.ts
new file mode 100644
index 0000000..c05c8ef
--- /dev/null
+++ b/packages/apps-config/src/api/spec/uart.ts
@@ -0,0 +1,310 @@
+// Copyright 2017-2022 @polkadot/apps-config authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { OverrideBundleDefinition } from '@polkadot/types/types';
+
+// structs need to be in order
+/* eslint-disable sort-keys */
+
+const definitions: OverrideBundleDefinition = {
+  types: [
+    {
+      // on all versions
+      minmax: [0, undefined],
+      types: {
+        Keys: 'SessionKeys2',
+        Address: 'MultiAddress',
+        LookupSource: 'MultiAddress',
+        AccountData: {
+          free: 'Balance',
+          reserved: 'Balance',
+          misc_frozen: 'Balance',
+          fee_frozen: 'Balance'
+        },
+        AccountInfo: 'AccountInfoWithDualRefCount',
+        WorkId: 'u32',
+        Id: 'u32',
+        Name: 'Vec<u8>',
+        Value: 'Vec<u8>',
+        ReasonIndex: 'u32',
+        LottoIndex: 'u32',
+        MemberId: 'u64',
+        ProposalId: 'u64',
+        TokenBalance: 'Balance',
+        LotteryKind: {
+          _enum: [
+            'Routine',
+            'TreasuryFunded(ReasonIndex)'
+          ]
+        },
+        LottoResult: {
+          _enum: [
+            'Routine(AccountId, Balance)',
+            'TreasuryFunded(Balance)'
+          ]
+        },
+        Lottery: {
+          round: 'LottoIndex',
+          kind: 'LotteryKind',
+          jackpot: 'Balance',
+          next_ticket_id: 'u32',
+          players: 'BTreeMap<AccountId, bool>',
+          tickets: 'BTreeMap<u32, AccountId>',
+          result: 'Option<LottoResult<AccountId, Balance>>'
+        },
+        CurrencyId: {
+          _enum: {
+            Native: 'Null',
+            UINK: 'Null',
+            DOT: 'Null',
+            KSM: 'Null',
+            ETH: 'Null',
+            Token: 'TokenSymbol'
+          }
+        },
+        TokenSymbol: {
+          _enum: [
+            'USDT',
+            'DAI'
+          ]
+        },
+        StorageVersion: {
+          _enum: [
+            'V1_0_0',
+            'V2_0_0'
+          ]
+        },
+        CurrencyIdOf: 'CurrencyId',
+        Amount: 'i128',
+        AmountOf: 'Amount',
+        NameData: {
+          value: 'Value',
+          owner: 'AccountId',
+          expiration: 'Option<u32>'
+        },
+        Token: {
+          hash: 'H256',
+          symbol: 'Vec<u8>',
+          total_supply: 'Balance'
+        },
+        OrderType: {
+          _enum: [
+            'Buy',
+            'Sell'
+          ]
+        },
+        OrderStatus: {
+          _enum: [
+            'Created',
+            'PartialFilled',
+            'Filled',
+            'Canceled'
+          ]
+        },
+        TradePair: {
+          hash: 'H256',
+          base: 'H256',
+          quote: 'H256',
+          buy_one_price: 'Option<Price>',
+          sell_one_price: 'Option<Price>',
+          latest_matched_price: 'Option<Price>',
+          one_day_trade_volume: 'Option<Price>',
+          one_day_highest_price: 'Option<Price>',
+          one_day_lowest_price: 'Option<Price>'
+        },
+        Price: 'u128',
+        LimitOrder: {
+          hash: 'H256',
+          base: 'H256',
+          quote: 'H256',
+          owner: 'AccountId',
+          price: 'Price',
+          sell_amount: 'Balance',
+          buy_amount: 'Balance',
+          remained_sell_amount: 'Balance',
+          remained_buy_amount: 'Balance',
+          otype: 'OrderType',
+          status: 'OrderStatus'
+        },
+        Trade: {
+          hash: 'H256',
+          base: 'H256',
+          quote: 'H256',
+          buyer: 'AccountId',
+          seller: 'AccountId',
+          maker: 'AccountId',
+          taker: 'AccountId',
+          otype: 'OrderType',
+          price: 'Price',
+          base_amount: 'Balance',
+          quote_amount: 'Balance'
+        },
+        OrderLinkedItem: {
+          prev: 'Option<Price>',
+          next: 'Option<Price>',
+          price: 'Option<Price>',
+          orders: 'Vec<H256>'
+        },
+        CollectionMode: {
+          _enum: {
+            Invalid: null,
+            NFT: 'u32',
+            Fungible: 'u32',
+            ReFungible: '(u32, u32)'
+          }
+        },
+        NftItemType: {
+          Collection: 'u64',
+          Owner: 'AccountId',
+          Data: 'Vec<u8>',
+          item_hash: 'H160'
+        },
+        FungibleItemType: {
+          Collection: 'u64',
+          Owner: 'AccountId',
+          value: 'u128',
+          item_hash: 'H160'
+        },
+        ApprovePermissions: {
+          approved: 'AccountId',
+          amount: 'u64'
+        },
+        AccessMode: {
+          _enum: [
+            'Normal',
+            'WhiteList'
+          ]
+        },
+        SaleOrder: {
+          order_id: 'u64',
+          collection_id: 'u64',
+          item_id: 'u64',
+          currency_id: 'CurrencyId',
+          value: 'u64',
+          owner: 'AccountId',
+          price: 'u64'
+        },
+        SplitSaleOrder: {
+          order_id: 'u64',
+          collection_id: 'u64',
+          item_id: 'u64',
+          currency_id: 'CurrencyId',
+          value: 'u64',
+          balance: 'u64',
+          owner: 'AccountId',
+          price: 'u64'
+        },
+        SaleOrderHistory: {
+          collection_id: 'u64',
+          item_id: 'u64',
+          currency_id: 'CurrencyId',
+          value: 'u64',
+          seller: 'AccountId',
+          buyer: 'AccountId',
+          price: 'u64',
+          buy_time: 'BlockNumber'
+        },
+        SignatureAuthentication: {
+          collection: 'u64',
+          item: 'u64',
+          names: 'Name',
+          names_owner: 'AccountId',
+          sign_time: 'BlockNumber',
+          memo: 'Vec<u8>',
+          expiration: 'Option<BlockNumber>'
+        },
+        Ownership: {
+          owner: 'AccountId',
+          fraction: 'u128'
+        },
+        ReFungibleItemType: {
+          Collection: 'u64',
+          Owner: 'Vec<Ownership<AccountId>>',
+          Data: 'Vec<u8>',
+          item_hash: 'H160'
+        },
+        CollectionType: {
+          Owner: 'AccountId',
+          Mode: 'CollectionMode',
+          Access: 'u8',
+          DecimalPoints: 'u32',
+          Name: 'Vec<u16>',
+          Description: 'Vec<u16>',
+          TokenPrefix: 'Vec<u8>',
+          CustomDataSize: 'u32',
+          OffchainSchema: 'Vec<u8>',
+          Sponsor: 'AccountId',
+          UnconfirmedSponsor: 'AccountId'
+        },
+        Auction: {
+          id: 'u64',
+          collection_id: 'u64',
+          item_id: 'u64',
+          currency_id: 'CurrencyId',
+          value: 'u64',
+          owner: 'AccountId',
+          start_price: 'u64',
+          increment: 'u64',
+          current_price: 'u64',
+          start_time: 'BlockNumber',
+          end_time: 'BlockNumber'
+        },
+        BidHistory: {
+          auction_id: 'u64',
+          currency_id: 'CurrencyId',
+          bidder: 'AccountId',
+          bid_price: 'u64',
+          bid_time: 'BlockNumber'
+        },
+        Pool: {
+          id: 'Id',
+          account: 'AccountId',
+          acc_rewards_per_share: 'Balance',
+          last_reward_block: 'BlockNumber',
+          asset_id: 'Id',
+          total_balance: 'Balance'
+        },
+        Staker: {
+          amount: 'Balance',
+          reward: 'Balance',
+          debt: 'Balance'
+        },
+        Limits: {
+          max_tx_value: 'u128',
+          day_max_limit: 'u128',
+          day_max_limit_for_one_address: 'u128',
+          max_pending_tx_limit: 'u128',
+          min_tx_value: 'u128'
+        },
+        Royalty: {
+          owner: 'AccountId',
+          rate: 'u64',
+          expired_at: 'BlockNumber'
+        },
+        NftCard: {
+          group_id: 'u64',
+          collection_id: 'u64',
+          item_id: 'u64',
+          value: 'u64',
+          remaind_value: 'u64',
+          draw_start: 'u64',
+          draw_end: 'u64'
+        },
+        BlindboxItem: {
+          id: 'u64',
+          owner: 'AccountId',
+          card_group: 'Vec<u64>',
+          total_count: 'u64',
+          remaind_count: 'u64',
+          currency_id: 'CurrencyId',
+          price: 'u64',
+          start_time: 'BlockNumber',
+          end_time: 'BlockNumber',
+          has_ended: 'bool'
+        }
+      }
+    }
+  ]
+};
+
+export default definitions;
diff --git a/packages/apps-config/src/api/spec/unique.ts b/packages/apps-config/src/api/spec/unique.ts
new file mode 100644
index 0000000..cb18c70
--- /dev/null
+++ b/packages/apps-config/src/api/spec/unique.ts
@@ -0,0 +1,125 @@
+// Copyright 2017-2022 @polkadot/apps-config authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { OverrideBundleDefinition } from '@polkadot/types/types';
+
+// structs need to be in order
+/* eslint-disable sort-keys */
+
+const definitions: OverrideBundleDefinition = {
+  types: [
+    {
+      // on all versions
+      minmax: [0, undefined],
+      types: {
+        AccessMode: {
+          _enum: ['Normal', 'WhiteList']
+        },
+        DecimalPoints: 'u8',
+        CollectionMode: {
+          _enum: {
+            Invalid: null,
+            NFT: null,
+            Fungible: 'DecimalPoints',
+            ReFungible: null
+          }
+        },
+        Ownership: {
+          Owner: 'AccountId',
+          Fraction: 'u128'
+        },
+        FungibleItemType: {
+          Value: 'u128'
+        },
+        NftItemType: {
+          Owner: 'AccountId',
+          ConstData: 'Vec<u8>',
+          VariableData: 'Vec<u8>'
+        },
+        ReFungibleItemType: {
+          Owner: 'Vec<Ownership<AccountId>>',
+          ConstData: 'Vec<u8>',
+          VariableData: 'Vec<u8>'
+        },
+        SponsorshipState: {
+          _enum: {
+            Disabled: null,
+            Unconfirmed: 'AccountId',
+            Confirmed: 'AccountId'
+          }
+        },
+        Collection: {
+          Owner: 'AccountId',
+          Mode: 'CollectionMode',
+          Access: 'AccessMode',
+          DecimalPoints: 'DecimalPoints',
+          Name: 'Vec<u16>',
+          Description: 'Vec<u16>',
+          TokenPrefix: 'Vec<u8>',
+          MintMode: 'bool',
+          OffchainSchema: 'Vec<u8>',
+          SchemaVersion: 'SchemaVersion',
+          Sponsorship: 'SponsorshipState',
+          Limits: 'CollectionLimits',
+          VariableOnChainSchema: 'Vec<u8>',
+          ConstOnChainSchema: 'Vec<u8>'
+        },
+        RawData: 'Vec<u8>',
+        Address: 'AccountId',
+        LookupSource: 'AccountId',
+        Weight: 'u64',
+        CreateNftData: {
+          const_data: 'Vec<u8>',
+          variable_data: 'Vec<u8>'
+        },
+        CreateFungibleData: {
+          value: 'u128'
+        },
+        CreateReFungibleData: {
+          const_data: 'Vec<u8>',
+          variable_data: 'Vec<u8>',
+          pieces: 'u128'
+        },
+        CreateItemData: {
+          _enum: {
+            NFT: 'CreateNftData',
+            Fungible: 'CreateFungibleData',
+            ReFungible: 'CreateReFungibleData'
+          }
+        },
+        SchemaVersion: {
+          _enum: [
+            'ImageURL',
+            'Unique'
+          ]
+        },
+        CollectionId: 'u32',
+        TokenId: 'u32',
+        ChainLimits: {
+          CollectionNumbersLimit: 'u32',
+          AccountTokenOwnershipLimit: 'u32',
+          CollectionAdminsLimit: 'u64',
+          CustomDataLimit: 'u32',
+          NftSponsorTimeout: 'u32',
+          FungibleSponsorTimeout: 'u32',
+          RefungibleSponsorTimeout: 'u32',
+          OffchainSchemaLimit: 'u32',
+          VariableOnChainSchemaLimit: 'u32',
+          ConstOnChainSchemaLimit: 'u32'
+        },
+        CollectionLimits: {
+          AccountTokenOwnershipLimit: 'u32',
+          SponsoredDataSize: 'u32',
+          SponsoredDataRateLimit: 'Option<BlockNumber>',
+          TokenLimit: 'u32',
+          SponsorTimeout: 'u32',
+          OwnerCanTransfer: 'bool',
+          OwnerCanDestroy: 'bool'
+        },
+        AccountInfo: 'AccountInfoWithDualRefCount'
+      }
+    }
+  ]
+};
+
+export default definitions;
diff --git a/packages/apps-config/src/api/spec/unitv.ts b/packages/apps-config/src/api/spec/unitv.ts
new file mode 100644
index 0000000..815be0e
--- /dev/null
+++ b/packages/apps-config/src/api/spec/unitv.ts
@@ -0,0 +1,23 @@
+// Copyright 2017-2022 @polkadot/apps-config authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { OverrideBundleDefinition } from '@polkadot/types/types';
+
+// structs need to be in order
+/* eslint-disable sort-keys */
+
+const definitions: OverrideBundleDefinition = {
+  types: [
+    {
+      // on all versions
+      minmax: [0, undefined],
+      types: {
+        Address: 'AccountId',
+        LookupSource: 'AccountId',
+        RefCount: 'u8'
+      }
+    }
+  ]
+};
+
+export default definitions;
diff --git a/packages/apps-config/src/api/spec/vln-rococo.ts b/packages/apps-config/src/api/spec/vln-rococo.ts
new file mode 100644
index 0000000..b5f2f55
--- /dev/null
+++ b/packages/apps-config/src/api/spec/vln-rococo.ts
@@ -0,0 +1,118 @@
+// Copyright 2017-2022 @polkadot/apps-config authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { OverrideBundleDefinition } from '@polkadot/types/types';
+
+// structs need to be in order
+/* eslint-disable sort-keys */
+
+const definitions: OverrideBundleDefinition = {
+  types: [
+    {
+      minmax: [0, undefined],
+      types: {
+        Asset: {
+          _enum: {
+            Collateral: 'Collateral',
+            Fiat: 'Fiat',
+            Network: 'NetworkAsset',
+            Usdv: null
+          }
+        },
+        Collateral: {
+          _enum: [
+            'Usdc'
+          ]
+        },
+        Fiat: {
+          _enum: [
+            'Cop',
+            'Vez'
+          ]
+        },
+        CurrencyId: 'NetworkAsset',
+        OracleKey: 'Asset',
+        OracleValue: 'FixedU128',
+        CurrencyIdOf: 'NetworkAsset',
+        Amount: 'i64',
+        AmountOf: 'Amount',
+        TimestampedValue: {
+          value: 'OracleValue',
+          timestamp: 'Moment'
+        },
+        TimestampedValueOf: 'TimestampedValue',
+        OrderedSet: 'Vec<AccountId>',
+        Share: 'Permill',
+        XCurrencyId: {
+          chain_id: 'ChainId',
+          currency_id: 'Bytes'
+        },
+        ChainId: {
+          _enum: {
+            RelayChain: null,
+            Parachain: 'ParaId'
+          }
+        },
+        NetworkAsset: {
+          _enum: [
+            'ACA',
+            'AUSD',
+            'DOT'
+          ]
+        },
+        BaseAsset: 'CurrencyId',
+        AssetPair: {
+          base: 'BaseAsset',
+          quote: 'CurrencyId'
+        },
+        PaymentMethod: {
+          _enum: [
+            'BankX',
+            'BankY'
+          ]
+        },
+        RatePremiumType: 'FixedU128',
+        SwapKind: {
+          _enum: {
+            In: 'SwapIn',
+            Out: 'SwapOut'
+          }
+        },
+        SwapIn: {
+          _enum: {
+            Created: null,
+            Accepted: 'Vec<u8>',
+            Rejected: 'Vec<u8>',
+            Confirmed: 'Vec<u8>',
+            Expired: null,
+            Completed: null
+          }
+        },
+        SwapOut: {
+          _enum: {
+            Created: null,
+            Accepted: null,
+            Rejected: 'Vec<u8>',
+            Confirmed: 'Vec<u8>',
+            Expired: null,
+            Completed: null
+          }
+        },
+        PairPrice: {
+          pair: 'AssetPair',
+          price: 'FixedU128'
+        },
+        Swap: {
+          human: 'AccountId',
+          kind: 'SwapKind',
+          price: 'PairPrice',
+          amount: 'FixedU128'
+        },
+        RateDetail: {
+          rate: 'FixedU128'
+        }
+      }
+    }]
+};
+
+export default definitions;
diff --git a/packages/apps-config/src/api/spec/vln.ts b/packages/apps-config/src/api/spec/vln.ts
new file mode 100644
index 0000000..76fb404
--- /dev/null
+++ b/packages/apps-config/src/api/spec/vln.ts
@@ -0,0 +1,47 @@
+// Copyright 2017-2022 @polkadot/apps-config authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { OverrideBundleDefinition } from '@polkadot/types/types';
+
+// structs need to be in order
+/* eslint-disable sort-keys */
+
+const definitions: OverrideBundleDefinition = {
+  types: [
+    {
+      minmax: [0, undefined],
+      types: {
+        Asset: {
+          _enum: {
+            Collateral: 'Collateral',
+            Fiat: 'Fiat',
+            Usdv: null
+          }
+        },
+        Collateral: {
+          _enum: [
+            'Usdc'
+          ]
+        },
+        Fiat: {
+          _enum: [
+            'Cop',
+            'Vez'
+          ]
+        },
+        CurrencyId: 'Asset',
+        OracleKey: 'Asset',
+        OracleValue: 'FixedU128',
+        CurrencyIdOf: 'Asset',
+        TimestampedValue: {
+          value: 'OracleValue',
+          timestamp: 'Moment'
+        },
+        TimestampedValueOf: 'TimestampedValue',
+        OrderedSet: 'Vec<AccountId>',
+        Share: 'Permill'
+      }
+    }]
+};
+
+export default definitions;
diff --git a/packages/apps-config/src/api/spec/vodka.ts b/packages/apps-config/src/api/spec/vodka.ts
new file mode 100644
index 0000000..ef53e1a
--- /dev/null
+++ b/packages/apps-config/src/api/spec/vodka.ts
@@ -0,0 +1,20 @@
+// Copyright 2017-2022 @polkadot/apps-config authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { OverrideBundleDefinition } from '@polkadot/types/types';
+
+// structs need to be in order
+/* eslint-disable sort-keys */
+
+const definitions: OverrideBundleDefinition = {
+  types: [
+    {
+      minmax: [0, undefined],
+      types: {
+        NameHash: 'H256'
+      }
+    }
+  ]
+};
+
+export default definitions;
diff --git a/packages/apps-config/src/api/spec/web3games.ts b/packages/apps-config/src/api/spec/web3games.ts
new file mode 100644
index 0000000..7044c3a
--- /dev/null
+++ b/packages/apps-config/src/api/spec/web3games.ts
@@ -0,0 +1,41 @@
+// Copyright 2017-2022 @polkadot/apps-config authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { OverrideBundleDefinition } from '@polkadot/types/types';
+
+// structs need to be in order
+/* eslint-disable sort-keys */
+
+const definitions: OverrideBundleDefinition = {
+  types: [
+    {
+      // on all versions
+      minmax: [0, undefined],
+      types: {
+        Address: 'MultiAddress',
+        LookupSource: 'MultiAddress',
+        TokenId: 'u64',
+        InstanceId: 'u64',
+        ExchangeId: 'u32',
+        TokenSymbol: {
+          _enum: {
+            W3G: 0,
+            DOT: 1,
+            ACA: 2,
+            AUSD: 3
+          }
+        },
+        CurrencyId: {
+          _enum: {
+            Token: 'TokenSymbol'
+          }
+        },
+        CurrencyIdOf: 'CurrencyId',
+        CollectionId: 'u64',
+        AssetId: '64'
+      }
+    }
+  ]
+};
+
+export default definitions;
diff --git a/packages/apps-config/src/api/spec/westlake.ts b/packages/apps-config/src/api/spec/westlake.ts
new file mode 100644
index 0000000..f94349f
--- /dev/null
+++ b/packages/apps-config/src/api/spec/westlake.ts
@@ -0,0 +1,303 @@
+// Copyright 2017-2022 @polkadot/apps-config authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { OverrideBundleDefinition } from '@polkadot/types/types';
+
+// structs need to be in order
+/* eslint-disable sort-keys */
+
+const definitions: OverrideBundleDefinition = {
+  types: [
+    {
+      // on all versions
+      minmax: [0, undefined],
+      types: {
+        AccountInfo: 'AccountInfoWithDualRefCount',
+        Date: 'i64',
+        Keys: 'SessionKeys2',
+        Address: 'MultiAddress',
+        LookupSource: 'MultiAddress',
+        RoamingOperator: '[u8; 16]',
+        RoamingOperatorIndex: 'u64',
+        RoamingNetwork: '[u8; 16]',
+        RoamingNetworkIndex: 'u64',
+        RoamingOrganization: '[u8; 16]',
+        RoamingOrganizationIndex: 'u64',
+        RoamingNetworkServer: '[u8; 16]',
+        RoamingNetworkServerIndex: 'u64',
+        RoamingDevice: '[u8; 16]',
+        RoamingDeviceIndex: 'u64',
+        RoamingRoutingProfile: '[u8; 16]',
+        RoamingRoutingProfileIndex: 'u64',
+        RoamingRoutingProfileAppServer: 'Text',
+        RoamingServiceProfile: '[u8; 16]',
+        RoamingServiceProfileIndex: 'u64',
+        RoamingServiceProfileUplinkRate: 'u32',
+        RoamingServiceProfileDownlinkRate: 'u32',
+        RoamingAccountingPolicy: '[u8; 16]',
+        RoamingAccountingPolicyIndex: 'u64',
+        RoamingAccountingPolicyType: 'Text',
+        RoamingAccountingPolicyUplinkFeeFactor: 'u32',
+        RoamingAccountingPolicyDownlinkFeeFactor: 'u32',
+        RoamingAccountingPolicySetting: {
+          policy_type: 'Text',
+          subscription_fee: 'Balance',
+          uplink_fee_factor: 'u32',
+          downlink_fee_factor: 'u32'
+        },
+        RoamingAgreementPolicy: '[u8; 16]',
+        RoamingAgreementPolicyIndex: 'u64',
+        RoamingAgreementPolicyActivationType: 'Text',
+        RoamingAgreementPolicySetting: {
+          policy_activation_type: 'Text',
+          policy_expiry_block: 'Moment'
+        },
+        RoamingNetworkProfile: '[u8; 16]',
+        RoamingNetworkProfileIndex: 'u64',
+        RoamingDeviceProfile: '[u8; 16]',
+        RoamingDeviceProfileIndex: 'u64',
+        RoamingDeviceProfileDevAddr: 'Text',
+        RoamingDeviceProfileDevEUI: 'Text',
+        RoamingDeviceProfileJoinEUI: 'Text',
+        RoamingDeviceProfileVendorID: 'Text',
+        RoamingDeviceProfileSetting: {
+          device_profile_devaddr: 'Text',
+          device_profile_deveui: 'Text',
+          device_profile_joineui: 'Text',
+          device_profile_vendorid: 'Text'
+        },
+        RoamingSession: '[u8; 16]',
+        RoamingSessionIndex: 'u64',
+        RoamingSessionJoinRequest: {
+          session_network_server_id: 'Moment',
+          session_join_requested_at_block: 'Moment'
+        },
+        RoamingSessionJoinAccept: {
+          session_join_request_accept_expiry: 'Moment',
+          session_join_request_accept_accepted_at_block: 'Moment'
+        },
+        RoamingBillingPolicy: '[u8; 16]',
+        RoamingBillingPolicyIndex: 'u64',
+        RoamingBillingPolicySetting: {
+          policy_next_billing_at_block: 'Moment',
+          policy_frequency_in_blocks: 'Moment'
+        },
+        RoamingChargingPolicy: '[u8; 16]',
+        RoamingChargingPolicyIndex: 'u64',
+        RoamingChargingPolicySetting: {
+          policy_next_charging_at_block: 'Moment',
+          policy_delay_after_billing_in_blocks: 'u64'
+        },
+        RoamingPacketBundle: '[u8; 16]',
+        RoamingPacketBundleIndex: 'u64',
+        RoamingPacketBundleReceivedAtHome: 'bool',
+        RoamingPacketBundleReceivedPacketsCount: 'u64',
+        RoamingPacketBundleReceivedPacketsOkCount: 'u64',
+        RoamingPacketBundleExternalDataStorageHash: 'Hash',
+        RoamingPacketBundleReceiver: {
+          packet_bundle_received_at_home: 'bool',
+          packet_bundle_received_packets_count: 'u64',
+          packet_bundle_received_packets_ok_count: 'u64',
+          packet_bundle_received_started_at_block: 'Moment',
+          packet_bundle_received_ended_at_block: 'Moment',
+          packet_bundle_external_data_storage_hash: 'Hash'
+        },
+        MiningRatesToken: '[u8; 16]',
+        MiningRatesTokenIndex: 'u64',
+        MiningRatesTokenTokenDOT: 'u32',
+        MiningRatesTokenTokenMXC: 'u32',
+        MiningRatesTokenTokenIOTA: 'u32',
+        MiningRatesTokenMaxToken: 'u32',
+        MiningRatesTokenMaxLoyalty: 'u32',
+        MiningRatesTokenSetting: {
+          token_token_mxc: 'u32',
+          token_token_iota: 'u32',
+          token_token_dot: 'u32',
+          token_max_token: 'u32',
+          token_max_loyalty: 'u32'
+        },
+        MiningRatesHardware: '[u8; 16]',
+        MiningRatesHardwareIndex: 'u64',
+        MiningRatesHardwareSecure: 'u32',
+        MiningRatesHardwareInsecure: 'u32',
+        MiningRatesHardwareMaxHardware: 'u32',
+        MiningRatesHardwareCategory1MaxTokenBonusPerGateway: 'u32',
+        MiningRatesHardwareCategory2MaxTokenBonusPerGateway: 'u32',
+        MiningRatesHardwareCategory3MaxTokenBonusPerGateway: 'u32',
+        MiningRatesHardwareSetting: {
+          hardware_hardware_secure: 'u32',
+          hardware_hardware_insecure: 'u32',
+          hardware_max_hardware: 'u32',
+          hardware_category_1_max_token_bonus_per_gateway: 'u32',
+          hardware_category_2_max_token_bonus_per_gateway: 'u32',
+          hardware_category_3_max_token_bonus_per_gateway: 'u32'
+        },
+        MiningSettingToken: '[u8; 16]',
+        MiningSettingTokenIndex: 'u64',
+        MiningSettingTokenType: 'Text',
+        MiningSettingTokenLockAmount: 'u64',
+        MiningSettingTokenSetting: {
+          token_type: 'Text',
+          token_lock_amount: 'u64',
+          token_lock_start_block: 'Moment',
+          token_lock_interval_blocks: 'Moment'
+        },
+        MiningSettingTokenRequirementsSetting: {
+          token_type: 'Text',
+          token_lock_min_amount: 'u64',
+          token_lock_min_blocks: 'u32'
+        },
+        MiningSettingHardware: '[u8; 16]',
+        MiningSettingHardwareIndex: 'u64',
+        MiningSettingHardwareSecure: 'bool',
+        MiningSettingHardwareType: 'Text',
+        MiningSettingHardwareID: 'u64',
+        MiningSettingHardwareDevEUI: 'u64',
+        MiningSettingHardwareSetting: {
+          hardware_secure: 'bool',
+          hardware_type: 'Text',
+          hardware_id: 'u64',
+          hardware_dev_eui: 'u64',
+          hardware_lock_start_block: 'Moment',
+          hardware_lock_interval_blocks: 'Moment'
+        },
+        MiningSamplingToken: '[u8; 16]',
+        MiningSamplingTokenIndex: 'u64',
+        MiningSamplingTokenSampleLockedAmount: 'u64',
+        MiningSamplingTokenSetting: {
+          token_sample_block: 'Moment',
+          token_sample_locked_amount: 'u64'
+        },
+        MiningSamplingHardware: '[u8; 16]',
+        MiningSamplingHardwareIndex: 'u64',
+        MiningSamplingHardwareSampleHardwareOnline: 'u64',
+        MiningSamplingHardwareSetting: {
+          hardware_sample_block: 'Moment',
+          hardware_sample_hardware_online: 'bool'
+        },
+        MiningEligibilityToken: '[u8; 16]',
+        MiningEligibilityTokenIndex: 'u64',
+        MiningEligibilityTokenCalculatedEligibility: 'u64',
+        MiningEligibilityTokenLockedPercentage: 'u32',
+        MiningEligibilityTokenAuditorAccountID: 'u64',
+        MiningEligibilityTokenResult: {
+          token_calculated_eligibility: 'u64',
+          token_token_locked_percentage: 'u32',
+          token_date_audited: 'Moment',
+          token_auditor_account_id: 'u64'
+        },
+        MiningEligibilityHardware: '[u8; 16]',
+        MiningEligibilityHardwareIndex: 'u64',
+        MiningEligibilityHardwareCalculatedEligibility: 'u64',
+        MiningEligibilityHardwareUptimePercentage: 'u32',
+        MiningEligibilityHardwareAuditorAccountID: 'u64',
+        MiningEligibilityHardwareResult: {
+          hardware_calculated_eligibility: 'u64',
+          hardware_uptime_percentage: 'u32',
+          hardware_block_audited: 'Moment',
+          hardware_auditor_account_id: 'u64'
+        },
+        MiningEligibilityProxy: '[u8; 16]',
+        MiningEligibilityProxyIndex: 'u64',
+        MiningEligibilityProxyRewardRequest: {
+          proxy_claim_requestor_account_id: 'AccountId',
+          proxy_claim_total_reward_amount: 'Balance',
+          proxy_claim_timestamp_redeemed: 'Moment'
+        },
+        MiningEligibilityProxyClaimRewardeeData: {
+          proxy_claim_rewardee_account_id: 'AccountId',
+          proxy_claim_reward_amount: 'Balance',
+          proxy_claim_start_date: 'Date',
+          proxy_claim_end_date: 'Date'
+        },
+        RewardeeData: {
+          proxy_claim_rewardee_account_id: 'AccountId',
+          proxy_claim_reward_amount: 'Balance',
+          proxy_claim_start_date: 'Date',
+          proxy_claim_end_date: 'Date'
+        },
+        RewardRequestorData: {
+          mining_eligibility_proxy_id: 'MiningEligibilityProxyIndex',
+          total_amt: 'Balance',
+          rewardee_count: 'u64',
+          member_kind: 'u32',
+          requested_date: 'Moment'
+        },
+        RequestorData: {
+          mining_eligibility_proxy_id: 'MiningEligibilityProxyIndex',
+          total_amt: 'Balance',
+          rewardee_count: 'u64',
+          member_kind: 'u32',
+          requested_date: 'Moment'
+        },
+        RewardTransferData: {
+          mining_eligibility_proxy_id: 'MiningEligibilityProxyIndex',
+          is_sent: 'bool',
+          total_amt: 'Balance',
+          rewardee_count: 'u64',
+          member_kind: 'u32',
+          requested_date: 'Moment'
+        },
+        TransferData: {
+          mining_eligibility_proxy_id: 'MiningEligibilityProxyIndex',
+          is_sent: 'bool',
+          total_amt: 'Balance',
+          rewardee_count: 'u64',
+          member_kind: 'u32',
+          requested_date: 'Moment'
+        },
+        RewardDailyData: {
+          mining_eligibility_proxy_id: 'MiningEligibilityProxyIndex',
+          total_amt: 'Balance',
+          proxy_claim_requestor_account_id: 'AccountId',
+          member_kind: 'u32',
+          rewarded_date: 'Date'
+        },
+        DailyData: {
+          mining_eligibility_proxy_id: 'MiningEligibilityProxyIndex',
+          total_amt: 'Balance',
+          proxy_claim_requestor_account_id: 'AccountId',
+          member_kind: 'u32',
+          rewarded_date: 'Date'
+        },
+        MiningClaimsToken: '[u8; 16]',
+        MiningClaimsTokenIndex: 'u64',
+        MiningClaimsTokenClaimAmount: 'u64',
+        MiningClaimsTokenClaimResult: {
+          token_claim_amount: 'u64',
+          token_claim_block_redeemed: 'u64'
+        },
+        MiningClaimsHardware: '[u8; 16]',
+        MiningClaimsHardwareIndex: 'u64',
+        MiningClaimsHardwareClaimAmount: 'u64',
+        MiningClaimsHardwareClaimResult: {
+          hardware_claim_amount: 'u64',
+          hardware_claim_block_redeemed: 'u64'
+        },
+        MiningExecutionToken: '[u8; 16]',
+        MiningExecutionTokenIndex: 'u64',
+        MiningExecutionTokenExecutorAccountID: 'u64',
+        MiningExecutionTokenExecutionResult: {
+          token_execution_exector_account_id: 'u64',
+          token_execution_started_block: 'Moment',
+          token_execution_ended_block: 'Moment'
+        },
+        ExchangeRateIndex: 'u64',
+        ExchangeRateSetting: {
+          hbtc: 'u64',
+          dot: 'u64',
+          iota: 'u64',
+          fil: 'u64',
+          decimals_after_point: 'u32'
+        },
+        HBTCRate: 'u64',
+        DOTRate: 'u64',
+        IOTARate: 'u64',
+        FILRate: 'u64',
+        DecimalsAfterPoint: 'u32'
+      }
+    }
+  ]
+};
+
+export default definitions;
diff --git a/packages/apps-config/src/api/spec/zCloak.ts b/packages/apps-config/src/api/spec/zCloak.ts
new file mode 100644
index 0000000..84cf145
--- /dev/null
+++ b/packages/apps-config/src/api/spec/zCloak.ts
@@ -0,0 +1,49 @@
+// Copyright 2017-2022 @polkadot/apps-config authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { OverrideBundleDefinition } from '@polkadot/types/types';
+
+// structs need to be in order
+/* eslint-disable sort-keys */
+
+const definitions: OverrideBundleDefinition = {
+  types: [
+    {
+      // on all versions
+      minmax: [0, undefined],
+      types: {
+        Class: 'Vec<u8>',
+        TaskStatus: {
+          _enum: [
+            'JustCreated',
+            'Verifying',
+            'VerifiedTrue',
+            'VerifiedFalse'
+          ]
+        },
+        Status: {
+          verifiers: 'Vec<u32>',
+          ayes: 'u32',
+          nays: 'u32'
+        },
+        VerificationReceipt: {
+          program_hash: '[u8; 32]',
+          passed: 'bool',
+          submit_at: 'BlockNumber',
+          auth_index: 'u32',
+          validator_len: 'u32'
+        },
+        TaskInfo: {
+          proof_id: 'Vec<u8>',
+          inputs: 'Vec<u128>',
+          outputs: 'Vec<u128>',
+          program_hash: '[u8; 32]',
+          is_task_finish: 'Option<TaskStatus>',
+          expiration: 'Option<BlockNumber>'
+        }
+      }
+    }
+  ]
+};
+
+export default definitions;
diff --git a/packages/apps-config/src/api/spec/zeitgeist.ts b/packages/apps-config/src/api/spec/zeitgeist.ts
new file mode 100644
index 0000000..134b809
--- /dev/null
+++ b/packages/apps-config/src/api/spec/zeitgeist.ts
@@ -0,0 +1,29 @@
+// Copyright 2017-2022 @polkadot/apps-config authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { OverrideBundleDefinition } from '@polkadot/types/types';
+
+import * as typeDefs from '@zeitgeistpm/type-defs';
+
+import { typesFromDefs } from '../util';
+
+const bundle = {
+  alias: {
+    tokens: {
+      AccountData: 'TokensAccountData'
+    }
+  },
+  types: [{
+    minmax: [0, undefined],
+    types: {
+      ...typesFromDefs(typeDefs),
+      TokensAccountData: {
+        free: 'Balance',
+        frozen: 'Balance',
+        reserved: 'Balance'
+      }
+    }
+  }]
+};
+
+export default bundle as never as OverrideBundleDefinition;
diff --git a/packages/apps-config/src/api/spec/zenlink.ts b/packages/apps-config/src/api/spec/zenlink.ts
new file mode 100644
index 0000000..7d3094c
--- /dev/null
+++ b/packages/apps-config/src/api/spec/zenlink.ts
@@ -0,0 +1,55 @@
+// Copyright 2017-2022 @polkadot/apps-config authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { OverrideBundleDefinition } from '@polkadot/types/types';
+
+// structs need to be in order
+/* eslint-disable sort-keys */
+
+const definitions: OverrideBundleDefinition = {
+  types: [
+    {
+      // on all versions
+      minmax: [0, undefined],
+      types: {
+        PairId: 'u32',
+        Pair: {
+          token_0: 'AssetId',
+          token_1: 'AssetId',
+          account: 'AccountId',
+          total_liquidity: 'TokenBalance',
+          lp_asset_id: 'AssetId'
+        },
+        PairInfo: {
+          token_0: 'AssetId',
+          token_1: 'AssetId',
+          account: 'AccountId',
+          total_liquidity: 'TokenBalance',
+          holding_liquidity: 'TokenBalance',
+          reserve_0: 'TokenBalance',
+          reserve_1: 'TokenBalance',
+          lp_asset_id: 'AssetId'
+        },
+        AssetId: {
+          chain_id: 'u32',
+          module_index: 'u8',
+          asset_index: 'u32'
+        },
+        TokenId: 'u32',
+        AssetProperty: {
+          _enum: {
+            FOREIGN: null,
+            LP: 'LpProperty'
+          }
+        },
+        LpProperty: {
+          token_0: 'AssetId',
+          token_1: 'AssetId'
+        },
+        TokenBalance: 'u128'
+      }
+    }
+  ]
+};
+
+export default definitions;
diff --git a/packages/apps-config/src/api/spec/zero.ts b/packages/apps-config/src/api/spec/zero.ts
new file mode 100644
index 0000000..0ae5fc9
--- /dev/null
+++ b/packages/apps-config/src/api/spec/zero.ts
@@ -0,0 +1,8 @@
+// Copyright 2017-2022 @polkadot/apps-config authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { OverrideBundleDefinition } from '@polkadot/types/types';
+
+import { typeBundleForPolkadot } from '@zeroio/type-definitions';
+
+export default typeBundleForPolkadot as unknown as OverrideBundleDefinition;
diff --git a/packages/apps-config/src/api/util.ts b/packages/apps-config/src/api/util.ts
new file mode 100644
index 0000000..b469558
--- /dev/null
+++ b/packages/apps-config/src/api/util.ts
@@ -0,0 +1,11 @@
+// Copyright 2017-2022 @polkadot/apps-config authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+export function typesFromDefs (definitions: Record<string, { types: Record<string, any> }>): Record<string, any> {
+  return Object
+    .values(definitions)
+    .reduce((res: Record<string, any>, { types }): Record<string, any> => ({
+      ...res,
+      ...types
+    }), {});
+}
diff --git a/packages/apps-config/src/ci/chainEndpoints.spec.ts b/packages/apps-config/src/ci/chainEndpoints.spec.ts
new file mode 100644
index 0000000..4103407
--- /dev/null
+++ b/packages/apps-config/src/ci/chainEndpoints.spec.ts
@@ -0,0 +1,12 @@
+// Copyright 2017-2022 @polkadot/apps-config authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import { checkEndpoints } from './util';
+
+describe('--SLOW--: check configured chain endpoints', (): void => {
+  checkEndpoints('./.github/chain-endpoints.md', [
+    'No DNS entry for',
+    'Timeout connecting to',
+    'Unable to initialize'
+  ]);
+});
diff --git a/packages/apps-config/src/ci/chainTypes.spec.ts b/packages/apps-config/src/ci/chainTypes.spec.ts
new file mode 100644
index 0000000..107e39b
--- /dev/null
+++ b/packages/apps-config/src/ci/chainTypes.spec.ts
@@ -0,0 +1,10 @@
+// Copyright 2017-2022 @polkadot/apps-config authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import { checkEndpoints } from './util';
+
+describe('--SLOW--: check configured chain types', (): void => {
+  checkEndpoints('./.github/chain-types.md', [
+    'Unknown types'
+  ]);
+});
diff --git a/packages/apps-config/src/ci/util.ts b/packages/apps-config/src/ci/util.ts
new file mode 100644
index 0000000..86155b6
--- /dev/null
+++ b/packages/apps-config/src/ci/util.ts
@@ -0,0 +1,112 @@
+// Copyright 2017-2022 @polkadot/apps-config authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import fs from 'fs';
+
+import { ApiPromise, WsProvider } from '@polkadot/api';
+import { assert, isError, isString } from '@polkadot/util';
+import { fetch } from '@polkadot/x-fetch';
+
+import { typesBundle, typesChain } from '../api';
+import { createWsEndpoints } from '../endpoints';
+
+interface Endpoint {
+  name: string;
+  ws: string;
+}
+
+interface DnsResponse {
+  Answer?: { name: string }[];
+  Question: { name: string }[];
+}
+
+const TICK = '`';
+
+export function checkEndpoints (issueFile: string, failures: string[]): void {
+  createWsEndpoints()
+    .filter(({ isDisabled, isUnreachable, value }) =>
+      !isDisabled &&
+      !isUnreachable &&
+      value &&
+      isString(value) &&
+      !value.includes('127.0.0.1') &&
+      !value.startsWith('light://')
+    )
+    .map(({ text, value }): Partial<Endpoint> => ({
+      name: text as string,
+      ws: value
+    }))
+    .filter((v): v is Endpoint => !!v.ws)
+    .forEach(({ name, ws }) =>
+      it(`${name} @ ${ws}`, async (): Promise<void> => {
+        console.error(`>>> ${name} @ ${ws}`);
+
+        const [,, hostWithPort] = ws.split('/');
+        const [host] = hostWithPort.split(':');
+
+        const response = await fetch(`https://dns.google/resolve?name=${host}`);
+        const json = await response.json() as DnsResponse;
+
+        let provider: WsProvider | null = null;
+        let api: ApiPromise | null = null;
+        let timerId: NodeJS.Timeout | null = null;
+
+        try {
+          assert(json.Answer, `No DNS entry for ${host}`);
+
+          provider = new WsProvider(ws, false);
+          api = new ApiPromise({
+            provider,
+            throwOnConnect: true,
+            throwOnUnknown: false,
+            typesBundle,
+            typesChain
+          });
+
+          setTimeout((): void => {
+            provider &&
+              provider
+                .connect()
+                .catch(() => undefined);
+          }, 1000);
+
+          await Promise.race([
+            // eslint-disable-next-line promise/param-names
+            new Promise((_, reject): void => {
+              timerId = setTimeout((): void => {
+                timerId = null;
+                reject(new Error(`Timeout connecting to ${ws}`));
+              }, 30_000);
+            }),
+            api.isReadyOrError
+              .then((a) => a.rpc.chain.getBlock())
+              .then((b) => console.log(b.toHuman()))
+          ]);
+        } catch (error) {
+          if (isError(error) && failures.some((f) => (error as Error).message.includes(f))) {
+            process.env.CI_LOG && fs.appendFileSync(issueFile, `\n${TICK}${name} @ ${ws} ${error.message}${TICK}\n`);
+
+            throw error;
+          }
+
+          console.error(JSON.stringify(error));
+        } finally {
+          if (timerId) {
+            clearTimeout(timerId);
+          }
+
+          if (provider) {
+            try {
+              if (api) {
+                await api.disconnect();
+              } else {
+                await provider.disconnect();
+              }
+            } catch {
+              // ignore
+            }
+          }
+        }
+      })
+    );
+}
diff --git a/packages/apps-config/src/detectOther.ts b/packages/apps-config/src/detectOther.ts
new file mode 100644
index 0000000..5bb4024
--- /dev/null
+++ b/packages/apps-config/src/detectOther.ts
@@ -0,0 +1,6 @@
+// Copyright 2017-2022 @polkadot/apps-config authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+// Empty template, auto-generated by @polkadot/dev
+
+export default [];
diff --git a/packages/apps-config/src/detectPackage.ts b/packages/apps-config/src/detectPackage.ts
new file mode 100644
index 0000000..e747a09
--- /dev/null
+++ b/packages/apps-config/src/detectPackage.ts
@@ -0,0 +1,11 @@
+// Copyright 2017-2022 @polkadot/apps-config authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+// Do not edit, auto-generated by @polkadot/dev
+
+import { detectPackage } from '@polkadot/util';
+
+import others from './detectOther';
+import { packageInfo } from './packageInfo';
+
+detectPackage(packageInfo, null, others);
diff --git a/packages/apps-config/src/endpoints/development.ts b/packages/apps-config/src/endpoints/development.ts
new file mode 100644
index 0000000..74fee25
--- /dev/null
+++ b/packages/apps-config/src/endpoints/development.ts
@@ -0,0 +1,74 @@
+// Copyright 2017-2022 @polkadot/apps-config authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { TFunction } from '../types';
+import type { LinkOption } from './types';
+
+export const CUSTOM_ENDPOINT_KEY = 'polkadot-app-custom-endpoints';
+
+interface EnvWindow {
+  // eslint-disable-next-line camelcase
+  process_env?: {
+    WS_URL: string;
+  }
+}
+
+export function createCustom (t: TFunction): LinkOption[] {
+  const WS_URL = (
+    (typeof process !== 'undefined' ? process.env?.WS_URL : undefined) ||
+    (typeof window !== 'undefined' ? (window as EnvWindow).process_env?.WS_URL : undefined)
+  );
+
+  return WS_URL
+    ? [
+      {
+        isHeader: true,
+        text: t('rpc.dev.custom', 'Custom environment', { ns: 'apps-config' }),
+        textBy: '',
+        value: ''
+      },
+      {
+        info: 'WS_URL',
+        text: t('rpc.dev.custom.entry', 'Custom {{WS_URL}}', { ns: 'apps-config', replace: { WS_URL } }),
+        textBy: WS_URL,
+        value: WS_URL
+      }
+    ]
+    : [];
+}
+
+export function createOwn (t: TFunction): LinkOption[] {
+  try {
+    // this may not be available, e.g. when running via script
+    const storedItems = typeof localStorage === 'object' && typeof localStorage.getItem === 'function'
+      ? localStorage.getItem(CUSTOM_ENDPOINT_KEY)
+      : null;
+
+    if (storedItems) {
+      const items = JSON.parse(storedItems) as string[];
+
+      return items.map((textBy) => ({
+        info: 'local',
+        text: t('rpc.dev.custom.own', 'Custom', { ns: 'apps-config' }),
+        textBy,
+        value: textBy
+      }));
+    }
+  } catch (e) {
+    console.error(e);
+  }
+
+  return [];
+}
+
+export function createDev (t: TFunction): LinkOption[] {
+  return [
+    {
+      dnslink: 'local',
+      info: 'local',
+      text: t('rpc.dev.local', 'Local Node', { ns: 'apps-config' }),
+      textBy: '127.0.0.1:9944',
+      value: 'ws://127.0.0.1:9944'
+    }
+  ];
+}
diff --git a/packages/apps-config/src/endpoints/index.spec.ts b/packages/apps-config/src/endpoints/index.spec.ts
new file mode 100644
index 0000000..718ae7f
--- /dev/null
+++ b/packages/apps-config/src/endpoints/index.spec.ts
@@ -0,0 +1,118 @@
+// Copyright 2017-2022 @polkadot/apps-config authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import { assert, isNumber, isString } from '@polkadot/util';
+
+import { createWsEndpoints } from '.';
+
+interface Endpoint {
+  name: string;
+  provider: string;
+  value: string;
+}
+
+const allEndpoints = createWsEndpoints(undefined, false, false);
+
+describe('WS urls are all valid', (): void => {
+  allEndpoints
+    .filter(({ value }) =>
+      value &&
+      isString(value) &&
+      !value.includes('127.0.0.1')
+    )
+    .map(({ text, textBy, value }): Endpoint => ({
+      name: text as string,
+      provider: textBy,
+      value
+    }))
+    .forEach(({ name, provider, value }) =>
+      it(`${name}:: ${provider}`, (): void => {
+        assert(value.startsWith('wss://') || value.startsWith('light://substrate-connect/'), `${name}:: ${provider} -> ${value} should start with wss:// or light://`);
+      })
+    );
+});
+
+describe('urls are sorted', (): void => {
+  let hasDevelopment = false;
+  let lastHeader = '';
+  const filtered = allEndpoints.filter(({ isHeader, text }): boolean => {
+    hasDevelopment = hasDevelopment || (!!isHeader && text === 'Development');
+
+    return !hasDevelopment;
+  });
+
+  filtered.forEach(({ isHeader, text, textBy }, index): void => {
+    if (isHeader) {
+      lastHeader = text as string;
+    } else {
+      it(`${lastHeader}:: ${text as string}:: ${textBy}`, (): void => {
+        assert((
+          filtered[index - 1].isHeader ||
+          filtered[index - 1].linked ||
+          (isNumber(filtered[index - 1].paraId) && (filtered[index - 1].paraId as number) < 2000) ||
+          filtered[index - 1].text === '' ||
+          text === filtered[index - 1].text ||
+          (text as string).localeCompare(filtered[index - 1].text as string) === 1
+        ), `${lastHeader}:: ${text as string} needs to be before ${filtered[index - 1].text as string}`);
+      });
+    }
+  });
+});
+
+describe('urls are not duplicated', (): void => {
+  let hasDevelopment = false;
+  let lastHeader = '';
+  const filtered = allEndpoints.filter(({ isDisabled, isHeader, isUnreachable, text }): boolean => {
+    hasDevelopment = hasDevelopment || (!!isHeader && text === 'Development');
+
+    return !hasDevelopment && !isDisabled && !isUnreachable;
+  });
+  const map: Record<string, string[]> = {};
+
+  filtered.forEach(({ isHeader, text, value }): void => {
+    if (isHeader) {
+      lastHeader = text as string;
+    } else {
+      const path = `${lastHeader} -> ${text as string}`;
+
+      if (!map[value]) {
+        map[value] = [path];
+      } else {
+        map[value].push(path);
+      }
+    }
+  });
+
+  it('has no duplicates, e.g. parachain & live', (): void => {
+    expect(
+      Object
+        .entries(map)
+        .filter(([, paths]) => paths.length !== 1)
+    ).toEqual([]);
+  });
+});
+
+describe('endpopints do not contain emojis or all uppercase', (): void => {
+  const emoji = /(\u00a9|\u00ae|[\u2000-\u3300]|\ud83c[\ud000-\udfff]|\ud83d[\ud000-\udfff]|\ud83e[\ud000-\udfff])/;
+
+  console.error(allEndpoints);
+
+  allEndpoints
+    .filter(({ value }) =>
+      value &&
+      isString(value) &&
+      !value.includes('127.0.0.1')
+    )
+    .map(({ text, textBy, value }): Endpoint => ({
+      name: text as string,
+      provider: textBy,
+      value: value
+    }))
+    .forEach(({ name, provider }) =>
+      it(`${name}:: ${provider}`, (): void => {
+        assert(!emoji.test(name), `${name} should not contain any emojis`);
+        assert(!emoji.test(provider), `${name}:: ${provider} should not contain any emojis`);
+        assert(!provider.includes(' ') || (provider.toLocaleUpperCase() !== provider), `${name}:: ${provider} should not be all uppercase`);
+      })
+    );
+});
diff --git a/packages/apps-config/src/endpoints/index.ts b/packages/apps-config/src/endpoints/index.ts
new file mode 100644
index 0000000..cb7ff69
--- /dev/null
+++ b/packages/apps-config/src/endpoints/index.ts
@@ -0,0 +1,82 @@
+// Copyright 2017-2022 @polkadot/apps-config authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { TFunction } from '../types';
+import type { LinkOption } from './types';
+
+import { defaultT } from '../util';
+import { createCustom, createDev, createOwn } from './development';
+import { createProduction } from './production';
+import { createKusamaRelay, createPolkadotRelay } from './productionRelays';
+import { createTesting } from './testing';
+import { createRococoRelay, createWestendRelay } from './testingRelays';
+
+export { CUSTOM_ENDPOINT_KEY } from './development';
+
+export function createWsEndpoints (t: TFunction = defaultT, firstOnly = false, withSort = true): LinkOption[] {
+  return [
+    ...createCustom(t),
+    {
+      isDisabled: false,
+      isHeader: true,
+      isSpaced: true,
+      text: t('rpc.header.polkadot.relay', 'Polkadot & parachains', { ns: 'apps-config' }),
+      textBy: '',
+      value: ''
+    },
+    ...createPolkadotRelay(t, firstOnly, withSort),
+    {
+      isDisabled: false,
+      isHeader: true,
+      text: t('rpc.header.kusama.relay', 'Kusama & parachains', { ns: 'apps-config' }),
+      textBy: '',
+      value: ''
+    },
+    ...createKusamaRelay(t, firstOnly, withSort),
+    {
+      isDisabled: false,
+      isHeader: true,
+      isSpaced: true,
+      text: t('rpc.header.westend.relay', 'Test Westend & parachains', { ns: 'apps-config' }),
+      textBy: '',
+      value: ''
+    },
+    ...createWestendRelay(t, firstOnly, withSort),
+    {
+      isDisabled: false,
+      isHeader: true,
+      text: t('rpc.header.rococo.relay', 'Test Rococo & parachains', { ns: 'apps-config' }),
+      textBy: '',
+      value: ''
+    },
+    ...createRococoRelay(t, firstOnly, withSort),
+    {
+      isDisabled: false,
+      isHeader: true,
+      isSpaced: true,
+      text: t('rpc.header.live', 'Live networks', { ns: 'apps-config' }),
+      textBy: '',
+      value: ''
+    },
+    ...createProduction(t, firstOnly, withSort),
+    {
+      isDisabled: false,
+      isHeader: true,
+      text: t('rpc.header.test', 'Test networks', { ns: 'apps-config' }),
+      textBy: '',
+      value: ''
+    },
+    ...createTesting(t, firstOnly, withSort),
+    {
+      isDevelopment: true,
+      isDisabled: false,
+      isHeader: true,
+      isSpaced: true,
+      text: t('rpc.header.dev', 'Development', { ns: 'apps-config' }),
+      textBy: '',
+      value: ''
+    },
+    ...createDev(t),
+    ...createOwn(t)
+  ].filter(({ isDisabled }) => !isDisabled);
+}
diff --git a/packages/apps-config/src/endpoints/production.ts b/packages/apps-config/src/endpoints/production.ts
new file mode 100644
index 0000000..54df2bc
--- /dev/null
+++ b/packages/apps-config/src/endpoints/production.ts
@@ -0,0 +1,332 @@
+// Copyright 2017-2022 @polkadot/apps-config authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { TFunction } from '../types';
+import type { LinkOption } from './types';
+
+import { expandEndpoints } from './util';
+
+/* eslint-disable sort-keys */
+
+// The available endpoints that will show in the dropdown. For the most part (with the exception of
+// Polkadot) we try to keep this to live chains only, with RPCs hosted by the community/chain vendor
+//   info: The chain logo name as defined in ../ui/logos/index.ts in namedLogos (this also needs to align with @polkadot/networks)
+//   text: The text to display on the dropdown
+//   value: The actual hosted secure websocket endpoint
+
+// alphabetical based on chain name
+export function createProduction (t: TFunction, firstOnly: boolean, withSort: boolean): LinkOption[] {
+  return expandEndpoints(t, [
+    {
+      info: 'aleph',
+      text: t('rpc.prod.aleph', 'Aleph Zero', { ns: 'apps-config' }),
+      providers: {
+        'Aleph Zero Foundation': 'wss://ws.azero.dev'
+      }
+    },
+    {
+      info: 'automata',
+      text: t('rpc.prod.automata', 'Automata', { ns: 'apps-config' }),
+      providers: {
+        'Automata Network': 'wss://api.ata.network',
+        OnFinality: 'wss://automata.api.onfinality.io/public-ws'
+      }
+    },
+    {
+      dnslink: 'centrifuge',
+      info: 'centrifuge',
+      text: t('rpc.prod.centrifuge', 'Centrifuge Standalone [Archived]', { ns: 'apps-config' }),
+      providers: {
+        Centrifuge: 'wss://fullnode.centrifuge.io',
+        Dwellir: 'wss://centrifuge-rpc.dwellir.com'
+      }
+    },
+    {
+      info: 'chainx',
+      text: t('rpc.prod.chainx', 'ChainX', { ns: 'apps-config' }),
+      providers: {
+        ChainX: 'wss://mainnet.chainx.org/ws'
+      }
+    },
+    {
+      // this is also a duplicate as a parachain under Polkadot and Testing net -
+      // it is either/or, not and
+      info: 'coinversation',
+      isDisabled: true, // https://github.com/polkadot-js/apps/issues/6635
+      text: t('rpc.prod.coinversation', 'Coinversation', { ns: 'apps-config' }),
+      providers: {
+        Coinversation: 'wss://rpc.coinversation.io/'
+      }
+    },
+    {
+      info: 'competitors-club',
+      text: t('rpc.prod.competitors-club', 'Competitors Club', { ns: 'apps-config' }),
+      providers: {
+        'Competitors Club': 'wss://node0.competitors.club/wss'
+      }
+    },
+    {
+      info: 'creditcoin',
+      text: t('rpc.prod.creditcoin', 'Creditcoin', { ns: 'apps-config' }),
+      providers: {
+        'Creditcoin Foundation': 'wss://mainnet.creditcoin.network'
+      }
+    },
+    {
+      info: 'crown-sterling',
+      text: t('rpc.prod.crown-sterling', 'Crown Sterling', { ns: 'apps-config' }),
+      providers: {
+        'Crown Sterling': 'wss://blockchain.crownsterling.io'
+      }
+    },
+    {
+      info: 'crust',
+      text: t('rpc.prod.crust', 'Crust Network', { ns: 'apps-config' }),
+      providers: {
+        'Crust Network': 'wss://rpc.crust.network',
+        OnFinality: 'wss://crust.api.onfinality.io/public-ws'
+      }
+    },
+    {
+      info: 'darwinia',
+      text: t('rpc.prod.darwinia', 'Darwinia', { ns: 'apps-config' }),
+      providers: {
+        'Darwinia Network': 'wss://rpc.darwinia.network'
+      }
+    },
+    {
+      info: 'crab',
+      text: t('rpc.prod.crab', 'Darwinia Crab', { ns: 'apps-config' }),
+      providers: {
+        'Darwinia Network': 'wss://crab-rpc.darwinia.network',
+        Dwellir: 'wss://darwiniacrab-rpc.dwellir.com',
+        OnFinality: 'wss://darwinia-crab.api.onfinality.io/public-ws'
+      }
+    },
+    {
+      info: 'dock-pos-mainnet',
+      text: t('rpc.prod.dock-pos-mainnet', 'Dock', { ns: 'apps-config' }),
+      providers: {
+        'Dock Association': 'wss://mainnet-node.dock.io'
+      }
+    },
+    {
+      dnslink: 'edgeware',
+      info: 'edgeware',
+      text: t('rpc.prod.edgeware', 'Edgeware', { ns: 'apps-config' }),
+      providers: {
+        'Commonwealth Labs': 'wss://mainnet.edgewa.re',
+        OnFinality: 'wss://edgeware.api.onfinality.io/public-ws'
+      }
+    },
+    {
+      info: 'efinity',
+      isDisabled: true, // https://github.com/polkadot-js/apps/pull/6761
+      text: t('rpc.prod.efinity', 'Efinity', { ns: 'apps-config' }),
+      providers: {
+        Efinity: 'wss://rpc.efinity.io'
+      }
+    },
+    {
+      info: 'equilibrium',
+      isDisabled: true, // https://github.com/polkadot-js/apps/issues/7219
+      text: t('rpc.prod.equilibrium', 'Equilibrium', { ns: 'apps-config' }),
+      providers: {
+        Equilibrium: 'wss://node.equilibrium.io'
+      }
+    },
+    {
+      info: 'genshiro',
+      text: t('rpc.prod.genshiro', 'Genshiro', { ns: 'apps-config' }),
+      providers: {
+        Equilibrium: 'wss://node.genshiro.io'
+      }
+    },
+    {
+      info: 'hanonycash',
+      isDisabled: true, // https://github.com/polkadot-js/apps/runs/2755409009?check_suite_focus=true
+      text: t('rpc.prod.hanonycash', 'Hanonycash', { ns: 'apps-config' }),
+      providers: {
+        Hanonycash: 'wss://rpc.hanonycash.com'
+      }
+    },
+    {
+      info: 'snakenet',
+      text: t('rpc.prod.hydra', 'HydraDX', { ns: 'apps-config' }),
+      providers: {
+        HydraDX: 'wss://rpc-01.snakenet.hydradx.io',
+        'Galactic Council': 'wss://rpc-02.snakenet.hydradx.io',
+        Archives: 'wss://archive.snakenet.hydradx.io'
+      }
+    },
+    {
+      info: 'integritee',
+      text: t('rpc.prod.integritee', 'Integritee Network', { ns: 'apps-config' }),
+      providers: {
+        Integritee: 'wss://api.solo.integritee.io',
+        OnFinality: 'wss://integritee.api.onfinality.io/public-ws'
+      }
+    },
+    {
+      dnslink: 'kulupu',
+      info: 'kulupu',
+      text: t('rpc.prod.kulupu', 'Kulupu', { ns: 'apps-config' }),
+      providers: {
+        Kulupu: 'wss://rpc.kulupu.corepaper.org/ws'
+      }
+    },
+    {
+      info: 'kusari',
+      text: t('rpc.prod.kusari', 'Kusari', { ns: 'apps-config' }),
+      providers: {
+        Swapdex: 'wss://ws.kusari.network'
+      }
+    },
+    {
+      info: 'mathchain',
+      text: t('rpc.prod.mathchain', 'MathChain', { ns: 'apps-config' }),
+      providers: {
+        MathWallet: 'wss://mathchain-asia.maiziqianbao.net/ws',
+        'MathWallet Backup': 'wss://mathchain-us.maiziqianbao.net/ws'
+      }
+    },
+    {
+      info: 'minix',
+      isDisabled: true, // https://github.com/polkadot-js/apps/issues/7182
+      text: t('rpc.prod.minix', 'MiniX', { ns: 'apps-config' }),
+      providers: {
+        ChainX: 'wss://minichain-mainnet.coming.chat/ws'
+      }
+    },
+    {
+      info: 'neatcoin',
+      text: t('rpc.prod.neatcoin', 'Neatcoin', { ns: 'apps-config' }),
+      providers: {
+        Neatcoin: 'wss://rpc.neatcoin.org/ws'
+      }
+    },
+    {
+      info: 'nftmart',
+      text: t('rpc.prod.nftmart', 'NFTMart', { ns: 'apps-config' }),
+      providers: {
+        NFTMart: 'wss://mainnet.nftmart.io/rpc/ws'
+      }
+    },
+    {
+      info: 'nodle',
+      text: t('rpc.prod.nodle-main', 'Nodle', { ns: 'apps-config' }),
+      providers: {
+        Nodle: 'wss://main3.nodleprotocol.io',
+        OnFinality: 'wss://nodle.api.onfinality.io/public-ws'
+        // Pinknode: 'wss://rpc.pinknode.io/nodle/explorer' // https://github.com/polkadot-js/apps/issues/5721
+      }
+    },
+    {
+      info: 'plasm',
+      text: t('rpc.prod.plasm', 'Plasm', { ns: 'apps-config' }),
+      providers: {
+        'Stake Technologies': 'wss://rpc.plasmnet.io/'
+      }
+    },
+    {
+      info: 'polkadex',
+      text: t('rpc.prod.polkadex', 'Polkadex', { ns: 'apps-config' }),
+      providers: {
+        'Polkadex Team': 'wss://mainnet.polkadex.trade'
+      }
+    },
+    {
+      info: 'polymesh',
+      text: t('rpc.prod.polymesh', 'Polymesh Mainnet', { ns: 'apps-config' }),
+      providers: {
+        Polymath: 'wss://mainnet-rpc.polymesh.network'
+      }
+    },
+    {
+      info: 'riochain',
+      text: t('rpc.prod.riochain', 'RioChain', { ns: 'apps-config' }),
+      providers: {
+        RioChain: 'wss://node.v1.riochain.io'
+      }
+    },
+    {
+      info: 'robonomics',
+      isDisabled: true, // https://github.com/polkadot-js/apps/pull/6761
+      text: t('rpc.prod.robonomics', 'Robonomics', { ns: 'apps-config' }),
+      providers: {
+        Airalab: 'wss://kusama.rpc.robonomics.network/'
+      }
+    },
+    {
+      info: 'sherpax',
+      text: t('rpc.prod.sherpax', 'SherpaX', { ns: 'apps-config' }),
+      providers: {
+        ChainX: 'wss://mainnet.sherpax.io'
+      }
+    },
+    {
+      info: 'sora-substrate',
+      text: t('rpc.prod.sora-substrate', 'SORA', { ns: 'apps-config' }),
+      providers: {
+        'SORA Parliament Ministry of Finance #2': 'wss://mof2.sora.org',
+        'SORA Parliament Ministry of Finance': 'wss://ws.mof.sora.org',
+        'SORA Parliament Ministry of Finance #3': 'wss://mof3.sora.org',
+        Soramitsu: 'wss://ws.alb.sora.org',
+        OnFinality: 'wss://sora.api.onfinality.io/public-ws'
+        // 'SORA Community (Lux8)': 'wss://sora.lux8.net' // https://github.com/polkadot-js/apps/issues/6195
+      }
+    },
+    {
+      info: 'spanner',
+      isDisabled: true, // https://github.com/polkadot-js/apps/issues/6547
+      text: t('rpc.spanner', 'Spanner', { ns: 'apps-config' }),
+      providers: {
+        Spanner: 'wss://wss.spannerprotocol.com'
+      }
+    },
+    {
+      info: 'stafi',
+      isDisabled: true, // Cannot find type ChainId
+      text: t('rpc.prod.stafi', 'Stafi', { ns: 'apps-config' }),
+      providers: {
+        'Stafi Foundation': 'wss://mainnet-rpc.stafi.io'
+      }
+    },
+    {
+      info: 'subgame',
+      text: t('rpc.prod.subgame', 'SubGame', { ns: 'apps-config' }),
+      providers: {
+        SubGame: 'wss://mainnet.subgame.org/'
+      }
+    },
+    {
+      info: 'subsocial',
+      text: t('rpc.prod.subsocial', 'Subsocial', { ns: 'apps-config' }),
+      providers: {
+        DappForce: 'wss://rpc.subsocial.network'
+      }
+    },
+    {
+      info: 'swapdex',
+      text: t('rpc.prod.swapdex', 'Swapdex', { ns: 'apps-config' }),
+      providers: {
+        Swapdex: 'wss://ws.swapdex.network'
+      }
+    },
+    {
+      info: 'uniarts',
+      text: t('rpc.prod.uniarts', 'UniArts', { ns: 'apps-config' }),
+      providers: {
+        UniArts: 'wss://mainnet.uniarts.vip:9443'
+      }
+    },
+    {
+      info: 'westlake',
+      isDisabled: true, // https://github.com/polkadot-js/apps/issues/7293
+      text: t('rpc.prod.westlake', 'Westlake', { ns: 'apps-config' }),
+      providers: {
+        DataHighway: 'wss://westlake.datahighway.com'
+      }
+    }
+  ], firstOnly, withSort);
+}
diff --git a/packages/apps-config/src/endpoints/productionRelayKusama.ts b/packages/apps-config/src/endpoints/productionRelayKusama.ts
new file mode 100644
index 0000000..76fb091
--- /dev/null
+++ b/packages/apps-config/src/endpoints/productionRelayKusama.ts
@@ -0,0 +1,452 @@
+// Copyright 2017-2022 @polkadot/apps-config authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { TFunction } from '../types';
+import type { EndpointOption } from './types';
+
+import { KUSAMA_GENESIS } from '../api/constants';
+
+/* eslint-disable sort-keys */
+
+// The available endpoints that will show in the dropdown. For the most part (with the exception of
+// Polkadot) we try to keep this to live chains only, with RPCs hosted by the community/chain vendor
+//   info: The chain logo name as defined in ../ui/logos/index.ts in namedLogos (this also needs to align with @polkadot/networks)
+//   text: The text to display on the dropdown
+//   value: The actual hosted secure websocket endpoint
+export function createKusama (t: TFunction): EndpointOption {
+  return {
+    dnslink: 'kusama',
+    genesisHash: KUSAMA_GENESIS,
+    info: 'kusama',
+    text: t('rpc.kusama.parity', 'Kusama', { ns: 'apps-config' }),
+    providers: {
+      Parity: 'wss://kusama-rpc.polkadot.io',
+      OnFinality: 'wss://kusama.api.onfinality.io/public-ws',
+      // 'Geometry Labs': 'wss://kusama.geometry.io/websockets', // https://github.com/polkadot-js/apps/pull/6746
+      Dwellir: 'wss://kusama-rpc.dwellir.com',
+      RadiumBlock: 'wss://kusama.public.curie.radiumblock.co/ws',
+      'light client': 'light://substrate-connect/kusama'
+      // Pinknode: 'wss://rpc.pinknode.io/kusama/explorer' // https://github.com/polkadot-js/apps/issues/5721
+    },
+    teleport: [1000, 1001],
+    linked: [
+      // (1) all system parachains (none available yet)
+      // ...
+      // (2) all common good parachains
+      {
+        info: 'statemine',
+        paraId: 1000,
+        text: t('rpc.kusama.statemine', 'Statemine', { ns: 'apps-config' }),
+        providers: {
+          Parity: 'wss://statemine-rpc.polkadot.io',
+          OnFinality: 'wss://statemine.api.onfinality.io/public-ws',
+          Dwellir: 'wss://statemine-rpc.dwellir.com'
+        },
+        teleport: [-1]
+      },
+      {
+        info: 'encointer',
+        homepage: 'https://encointer.org/',
+        paraId: 1001,
+        text: t('rpc.kusama.encointer', 'Encointer Network', { ns: 'apps-config' }),
+        providers: {
+          'Encointer Association': 'wss://kusama.api.encointer.org',
+          OnFinality: 'wss://encointer.api.onfinality.io/public-ws'
+        },
+        teleport: [-1]
+      },
+      /// (3) parachains with id, see Rococo (info here maps to the actual "named icon")
+      //
+      // NOTE: Added alphabetical based on chain name
+      {
+        info: 'altair',
+        homepage: 'https://centrifuge.io/altair',
+        paraId: 2088,
+        text: t('rpc.kusama.altair', 'Altair', { ns: 'apps-config' }),
+        providers: {
+          Centrifuge: 'wss://fullnode.altair.centrifuge.io',
+          OnFinality: 'wss://altair.api.onfinality.io/public-ws'
+        }
+      },
+      {
+        info: 'basilisk',
+        homepage: 'https://bsx.fi',
+        paraId: 2090,
+        text: t('rpc.kusama.basilisk', 'Basilisk', { ns: 'apps-config' }),
+        providers: {
+          HydraDX: 'wss://rpc-01.basilisk.hydradx.io',
+          OnFinality: 'wss://basilisk.api.onfinality.io/public-ws'
+        }
+      },
+      {
+        info: 'bifrost',
+        homepage: 'https://ksm.vtoken.io/?ref=polkadotjs',
+        paraId: 2001,
+        text: t('rpc.kusama.bifrost', 'Bifrost (Kusama)', { ns: 'apps-config' }),
+        providers: {
+          'Liebi 0': 'wss://bifrost-rpc.liebi.com/ws',
+          'Liebi 1': 'wss://us.bifrost-rpc.liebi.com/ws',
+          'Liebi 2': 'wss://eu.bifrost-rpc.liebi.com/ws',
+          OnFinality: 'wss://bifrost-parachain.api.onfinality.io/public-ws'
+        }
+      },
+      {
+        info: 'bitcountryPioneer',
+        homepage: 'https://bit.country/?ref=polkadotjs',
+        paraId: 2096,
+        text: t('rpc.kusama.pioneerNetwork', 'Bit.Country Pioneer', { ns: 'apps-config' }),
+        providers: {
+          'Bit.Country': 'wss://pioneer-1-rpc.bit.country',
+          OnFinality: 'wss://pioneer.api.onfinality.io/public-ws'
+        }
+      },
+      {
+        info: 'calamari',
+        homepage: 'https://www.calamari.network/',
+        paraId: 2084,
+        text: t('rpc.calamari.systems', 'Calamari', { ns: 'apps-config' }),
+        providers: {
+          'Manta Network': 'wss://ws.calamari.systems/',
+          OnFinality: 'wss://calamari.api.onfinality.io/public-ws'
+        }
+      },
+      {
+        info: 'shadow',
+        homepage: 'https://crust.network/',
+        paraId: 2012,
+        text: t('rpc.kusama.shadow', 'Crust Shadow', { ns: 'apps-config' }),
+        providers: {
+          Crust: 'wss://rpc-shadow.crust.network/'
+        }
+      },
+      {
+        info: 'crab',
+        homepage: 'https://crab.network',
+        paraId: 2105,
+        text: t('rpc.kusama.crab', 'Darwinia Crab Parachain', { ns: 'apps-config' }),
+        providers: {
+          Crab: 'wss://crab-parachain-rpc.darwinia.network/'
+        }
+      },
+      {
+        info: 'dorafactory',
+        isUnreachable: true,
+        homepage: 'https://dorafactory.org/kusama/',
+        paraId: 2115,
+        text: t('rpc.dorafactory.org', 'Dora Factory', { ns: 'apps-config' }),
+        providers: {
+          DORA: 'wss://rpc.dorafactory.org'
+        }
+      },
+      {
+        info: 'genshiro',
+        homepage: 'https://genshiro.equilibrium.io',
+        isUnreachable: true, // https://github.com/polkadot-js/apps/pull/6761
+        paraId: 2024,
+        text: t('rpc.kusama.genshiro', 'Genshiro', { ns: 'apps-config' }),
+        providers: {
+          Equilibrium: 'wss://node.genshiro.io'
+        }
+      },
+      {
+        info: 'integritee',
+        homepage: 'https://integritee.network',
+        paraId: 2015,
+        text: t('rpc.kusama.integritee', 'Integritee Network', { ns: 'apps-config' }),
+        providers: {
+          Integritee: 'wss://kusama.api.integritee.network'
+        }
+      },
+      {
+        info: 'kabocha',
+        homepage: 'https://kabocha.network',
+        paraId: 2113,
+        text: t('rpc.kusama.kabocha', 'Kabocha', { ns: 'apps-config' }),
+        providers: {
+          JelliedOwl: 'wss://kabocha.jelliedowl.com'
+        }
+      },
+      {
+        info: 'karura',
+        homepage: 'https://acala.network/karura/join-karura',
+        paraId: 2000,
+        text: t('rpc.kusama.karura', 'Karura', { ns: 'apps-config' }),
+        providers: {
+          'Acala Foundation 0': 'wss://karura-rpc-0.aca-api.network',
+          'Acala Foundation 1': 'wss://karura-rpc-1.aca-api.network',
+          'Acala Foundation 2': 'wss://karura-rpc-2.aca-api.network/ws',
+          'Acala Foundation 3': 'wss://karura-rpc-3.aca-api.network/ws',
+          'Polkawallet 0': 'wss://karura.polkawallet.io',
+          OnFinality: 'wss://karura.api.onfinality.io/public-ws',
+          Dwellir: 'wss://karura-rpc.dwellir.com'
+        }
+      },
+      {
+        info: 'khala',
+        homepage: 'https://phala.network/',
+        paraId: 2004,
+        text: t('rpc.kusama.khala', 'Khala Network', { ns: 'apps-config' }),
+        providers: {
+          Phala: 'wss://khala-api.phala.network/ws',
+          OnFinality: 'wss://khala.api.onfinality.io/public-ws'
+        }
+      },
+      {
+        info: 'kico',
+        homepage: 'https://dico.io/',
+        paraId: 2107,
+        text: t('rpc.kusama.kico', 'KICO', { ns: 'apps-config' }),
+        providers: {
+          'DICO Foundation': 'wss://rpc.kico.dico.io',
+          'DICO Foundation 2': 'wss://rpc.api.kico.dico.io'
+        }
+      },
+      {
+        info: 'kilt',
+        homepage: 'https://www.kilt.io/',
+        paraId: 2086,
+        text: t('rpc.kusama.kilt', 'KILT Spiritnet', { ns: 'apps-config' }),
+        providers: {
+          'KILT Protocol': 'wss://spiritnet.kilt.io/',
+          OnFinality: 'wss://spiritnet.api.onfinality.io/public-ws',
+          Dwellir: 'wss://kilt-rpc.dwellir.com'
+        }
+      },
+      {
+        info: 'kintsugi',
+        homepage: 'https://kintsugi.interlay.io/',
+        paraId: 2092,
+        text: t('rpc.kusama.kintsugi', 'Kintsugi BTC', { ns: 'apps-config' }),
+        providers: {
+          'Kintsugi Labs': 'wss://api-kusama.interlay.io/parachain',
+          OnFinality: 'wss://kintsugi.api.onfinality.io/public-ws'
+        }
+      },
+      {
+        info: 'kpron',
+        homepage: 'http://apron.network/',
+        isUnreachable: true,
+        paraId: 2019,
+        text: t('rpc.kusama.kpron', 'Kpron', { ns: 'apps-config' }),
+        providers: {
+          Kpron: 'wss://kusama-kpron-rpc.apron.network/'
+        }
+      },
+      {
+        info: 'listen',
+        homepage: 'https://listen.io/',
+        paraId: 2118,
+        text: t('rpc.kusama.listen', 'Listen Network', { ns: 'apps-config' }),
+        providers: {
+          'Listen Foundation 1': 'wss://rpc.mainnet.listen.io',
+          'Listen Foundation 2': 'wss://wss.mainnet.listen.io'
+        }
+      },
+      {
+        info: 'litmus',
+        homepage: 'https://kusama-crowdloan.litentry.com',
+        paraId: 2106,
+        isUnreachable: false,
+        text: t('rpc.kusama.litmus', 'Litmus', { ns: 'apps-config' }),
+        providers: {
+          Litentry: 'wss://rpc.litmus-parachain.litentry.io'
+        }
+      },
+      {
+        info: 'loomNetwork',
+        isUnreachable: true, // https://github.com/polkadot-js/apps/issues/5888
+        homepage: 'https://loomx.io/',
+        paraId: 2080,
+        text: t('rpc.kusama.loomnetwork', 'Loom Network', { ns: 'apps-config' }),
+        providers: {
+          LoomNetwork: 'wss://kusama.dappchains.com'
+        }
+      },
+      {
+        info: 'mangata',
+        isUnreachable: true, // https://github.com/polkadot-js/apps/issues/7295
+        homepage: 'https://mangata.finance',
+        paraId: 2110,
+        text: t('rpc.kusama.mangata', 'Mangata', { ns: 'apps-config' }),
+        providers: {
+          Mangata: 'wss://prod-kusama-collator-01.mangatafinance.cloud'
+        }
+      },
+      {
+        info: 'mars',
+        homepage: 'https://www.aresprotocol.io/mars',
+        paraId: 2008,
+        text: t('rpc.kusama.mars', 'Mars', { ns: 'apps-config' }),
+        providers: {
+          AresProtocol: 'wss://wss.mars.aresprotocol.io'
+        }
+      },
+      {
+        info: 'moonriver',
+        homepage: 'https://moonbeam.foundation/moonriver-crowdloan/',
+        paraId: 2023,
+        text: t('rpc.kusama.moonriver', 'Moonriver', { ns: 'apps-config' }),
+        providers: {
+          'Moonbeam Foundation': 'wss://wss.api.moonriver.moonbeam.network',
+          OnFinality: 'wss://moonriver.api.onfinality.io/public-ws',
+          Dwellir: 'wss://moonriver-rpc.dwellir.com'
+          // Pinknode: 'wss://rpc.pinknode.io/moonriver/explorer' // https://github.com/polkadot-js/apps/issues/7058
+        }
+      },
+      {
+        info: 'heiko',
+        homepage: 'https://parallel.fi',
+        paraId: 2085,
+        text: t('rpc.kusama.heiko', 'Parallel Heiko', { ns: 'apps-config' }),
+        providers: {
+          OnFinality: 'wss://parallel-heiko.api.onfinality.io/public-ws',
+          Parallel: 'wss://heiko-rpc.parallel.fi'
+        }
+      },
+      {
+        info: 'picasso',
+        homepage: 'https://picasso.composable.finance/',
+        paraId: 2087,
+        text: t('rpc.kusama.picasso', 'Picasso', { ns: 'apps-config' }),
+        providers: {
+          Composable: 'wss://picasso-rpc.composable.finance'
+        }
+      },
+      {
+        info: 'pichiu',
+        homepage: 'https://kylin.network/',
+        paraId: 2102,
+        text: t('rpc.kusama.pichiu', 'Pichiu', { ns: 'apps-config' }),
+        providers: {
+          'Kylin Network': 'wss://kusama.kylin-node.co.uk'
+        }
+      },
+      {
+        info: 'polkasmith',
+        isUnreachable: true, // https://github.com/polkadot-js/apps/issues/6595
+        homepage: 'https://polkasmith.polkafoundry.com/',
+        paraId: 2009,
+        text: t('rpc.kusama.polkasmith', 'PolkaSmith by PolkaFoundry', { ns: 'apps-config' }),
+        providers: {
+          PolkaSmith: 'wss://wss-polkasmith.polkafoundry.com'
+        }
+      },
+      {
+        info: 'quartz',
+        homepage: 'https://unique.network/',
+        paraId: 2095,
+        text: t('quartz.unique.network', 'QUARTZ by UNIQUE', { ns: 'apps-config' }),
+        providers: {
+          Unique: 'wss://quartz.unique.network',
+          OnFinality: 'wss://quartz.api.onfinality.io/public-ws',
+          'Unique Europe': 'wss://eu-ws-quartz.unique.network',
+          'Unique US': 'wss://us-ws-quartz.unique.network'
+        }
+      },
+      {
+        info: 'robonomics',
+        homepage: 'http://robonomics.network/',
+        paraId: 2048,
+        text: t('rpc.kusama.robonomics', 'Robonomics', { ns: 'apps-config' }),
+        providers: {
+          Airalab: 'wss://kusama.rpc.robonomics.network/'
+        }
+      },
+      {
+        info: 'trustbase',
+        isUnreachable: true, // no providers (yet)
+        homepage: 'https://trustbase.network/',
+        paraId: 2078,
+        text: t('rpc.kusama.trustbase', 'TrustBase', { ns: 'apps-config' }),
+        providers: {}
+      },
+      {
+        info: 'sakura',
+        homepage: 'https://clover.finance/',
+        isUnreachable: true,
+        paraId: 2016,
+        text: t('rpc.kusama.sakura', 'Sakura', { ns: 'apps-config' }),
+        providers: {
+          Clover: 'wss://api-sakura.clover.finance'
+        }
+      },
+      {
+        info: 'shiden',
+        homepage: 'https://shiden.plasmnet.io/',
+        paraId: 2007,
+        text: t('rpc.kusama.shiden', 'Shiden', { ns: 'apps-config' }),
+        providers: {
+          StakeTechnologies: 'wss://rpc.shiden.astar.network',
+          OnFinality: 'wss://shiden.api.onfinality.io/public-ws',
+          Pinknode: 'wss://rpc.pinknode.io/shiden/explorer',
+          Dwellir: 'wss://shiden-rpc.dwellir.com'
+        }
+      },
+      {
+        info: 'sora_ksm',
+        homepage: 'https://sora.org/',
+        paraId: 2011,
+        text: t('rpc.kusama.sora_ksm', 'SORA Kusama Parachain', { ns: 'apps-config' }),
+        providers: {
+          Soramitsu: 'wss://ws.parachain-collator-1.c1.sora2.soramitsu.co.jp'
+        }
+      },
+      {
+        info: 'subgame',
+        homepage: 'http://subgame.org/',
+        paraId: 2018,
+        text: t('rpc.kusama.subgame', 'SubGame Gamma', { ns: 'apps-config' }),
+        providers: {
+          SubGame: 'wss://gamma.subgame.org/'
+        }
+      },
+      {
+        info: 'subsocial',
+        homepage: 'https://subsocial.network/',
+        paraId: 2100,
+        text: t('rpc.kusama.subsocial', 'Subsocial', { ns: 'apps-config' }),
+        providers: {
+          Dappforce: 'wss://para.subsocial.network'
+        }
+      },
+      {
+        info: 'tanganika',
+        homepage: 'https://www.datahighway.com/',
+        paraId: 2116,
+        text: t('rpc.kusama.tanganika', 'Tanganika', { ns: 'apps-config' }),
+        providers: {
+          DataHighway: 'wss://tanganika.datahighway.com'
+        }
+      },
+      {
+        info: 'turing',
+        homepage: 'https://oak.tech',
+        paraId: 2114,
+        text: t('rpc.turing.oak', 'Turing Network', { ns: 'apps-config' }),
+        providers: {
+          OAK: 'wss://rpc.turing.oak.tech',
+          OnFinality: 'wss://turing.api.onfinality.io/public-ws'
+        }
+      },
+      {
+        info: 'unorthodox',
+        homepage: 'https://standard.tech/',
+        paraId: 2094,
+        text: t('rpc.kusama.standard', 'Unorthodox', { ns: 'apps-config' }),
+        providers: {
+          'Standard Protocol': 'wss://rpc.kusama.standard.tech'
+        }
+      },
+      {
+        info: 'zeitgeist',
+        homepage: 'https://zeitgeist.pm',
+        paraId: 2101,
+        text: t('rpc.kusama.zeitgeist', 'Zeitgeist', { ns: 'apps-config' }),
+        providers: {
+          ZeitgeistPM: 'wss://rpc-0.zeitgeist.pm',
+          Dwellir: 'wss://zeitgeist-rpc.dwellir.com'
+        }
+      }
+    ]
+  };
+}
diff --git a/packages/apps-config/src/endpoints/productionRelayPolkadot.ts b/packages/apps-config/src/endpoints/productionRelayPolkadot.ts
new file mode 100644
index 0000000..681af0f
--- /dev/null
+++ b/packages/apps-config/src/endpoints/productionRelayPolkadot.ts
@@ -0,0 +1,313 @@
+// Copyright 2017-2022 @polkadot/apps-config authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { TFunction } from '../types';
+import type { EndpointOption } from './types';
+
+import { POLKADOT_GENESIS } from '../api/constants';
+
+/* eslint-disable sort-keys */
+
+// The available endpoints that will show in the dropdown. For the most part (with the exception of
+// Polkadot) we try to keep this to live chains only, with RPCs hosted by the community/chain vendor
+//   info: The chain logo name as defined in ../ui/logos/index.ts in namedLogos (this also needs to align with @polkadot/networks)
+//   text: The text to display on the dropdown
+//   value: The actual hosted secure websocket endpoint
+export function createPolkadot (t: TFunction): EndpointOption {
+  return {
+    dnslink: 'polkadot',
+    genesisHash: POLKADOT_GENESIS,
+    info: 'polkadot',
+    text: t('rpc.polkadot.parity', 'Polkadot', { ns: 'apps-config' }),
+    providers: {
+      Parity: 'wss://rpc.polkadot.io',
+      OnFinality: 'wss://polkadot.api.onfinality.io/public-ws',
+      // 'Geometry Labs': 'wss://polkadot.geometry.io/websockets', // https://github.com/polkadot-js/apps/pull/6746
+      Dwellir: 'wss://polkadot-rpc.dwellir.com',
+      'light client': 'light://substrate-connect/polkadot'
+      // Pinknode: 'wss://rpc.pinknode.io/polkadot/explorer' // https://github.com/polkadot-js/apps/issues/5721
+    },
+    linked: [
+      // (1) system parachains (none available yet)
+      // ...
+      // (2) all common good parachains
+      {
+        info: 'statemint',
+        paraId: 1000,
+        text: t('rpc.polkadot.statemint', 'Statemint', { ns: 'apps-config' }),
+        providers: {
+          Parity: 'wss://statemint-rpc.polkadot.io',
+          OnFinality: 'wss://statemint.api.onfinality.io/public-ws',
+          Dwellir: 'wss://statemint-rpc.dwellir.com'
+        }
+      },
+      /// (3) parachains with id, see Rococo (info here maps to the actual "named icon")
+      //
+      // NOTE: Added alphabetical based on chain name
+      {
+        info: 'acala',
+        homepage: 'https://acala.network/',
+        paraId: 2000,
+        text: t('rpc.polkadot.acala', 'Acala', { ns: 'apps-config' }),
+        providers: {
+          'Acala Foundation 0': 'wss://acala-rpc-0.aca-api.network',
+          'Acala Foundation 1': 'wss://acala-rpc-1.aca-api.network',
+          // 'Acala Foundation 2': 'wss://acala-rpc-2.aca-api.network/ws', // https://github.com/polkadot-js/apps/issues/6965
+          'Acala Foundation 3': 'wss://acala-rpc-3.aca-api.network/ws',
+          'Polkawallet 0': 'wss://acala.polkawallet.io',
+          OnFinality: 'wss://acala-polkadot.api.onfinality.io/public-ws',
+          Dwellir: 'wss://acala-rpc.dwellir.com'
+        }
+      },
+      {
+        info: 'odyssey',
+        homepage: 'https://www.aresprotocol.io/',
+        paraId: 2028,
+        text: t('rpc.polkadot.odyssey', 'Ares Odyssey', { ns: 'apps-config' }),
+        providers: {
+          AresProtocol: 'wss://wss.odyssey.aresprotocol.io'
+        }
+      },
+      {
+        info: 'astar',
+        homepage: 'https://astar.network',
+        paraId: 2006,
+        text: t('rpc.polkadot.astar', 'Astar', { ns: 'apps-config' }),
+        providers: {
+          Astar: 'wss://rpc.astar.network',
+          OnFinality: 'wss://astar.api.onfinality.io/public-ws',
+          Dwellir: 'wss://astar-rpc.dwellir.com'
+        }
+      },
+      {
+        info: 'bifrost',
+        homepage: 'https://dot.bifrost.app/?ref=polkadotjs',
+        paraId: 2001,
+        isUnreachable: true,
+        text: t('rpc.polkadot.bifrost', 'Bifrost', { ns: 'apps-config' }),
+        providers: {
+          Liebi: 'wss://bifrost-dot.liebi.com/ws'
+        }
+      },
+      {
+        info: 'centrifuge',
+        homepage: 'https://centrifuge.io',
+        paraId: 2031,
+        text: t('rpc.polkadot.centrifuge', 'Centrifuge', { ns: 'apps-config' }),
+        providers: {
+          Centrifuge: 'wss://fullnode.parachain.centrifuge.io',
+          OnFinality: 'wss://centrifuge-parachain.api.onfinality.io/public-ws'
+        }
+      },
+      {
+        info: 'clover',
+        homepage: 'https://clover.finance',
+        paraId: 2002,
+        text: t('rpc.polkadot.clover-para', 'Clover', { ns: 'apps-config' }),
+        providers: {
+          Clover: 'wss://rpc-para.clover.finance',
+          OnFinality: 'wss://clover.api.onfinality.io/public-ws'
+        }
+      },
+      {
+        // this is also a duplicate as a Live and Testing network -
+        // it is either/or, not and
+        info: 'coinversation',
+        isUnreachable: true, // https://github.com/polkadot-js/apps/issues/6635
+        homepage: 'http://www.coinversation.io/',
+        paraId: 2027,
+        text: t('rpc.polkadot.coinversation', 'Coinversation', { ns: 'apps-config' }),
+        providers: {
+          Coinversation: 'wss://rpc.coinversation.io/'
+        }
+      },
+      {
+        info: 'composableFinance',
+        isUnreachable: true, // https://github.com/polkadot-js/apps/issues/6721
+        homepage: 'https://composable.finance/',
+        paraId: 2019,
+        text: t('rpc.polkadot.composable', 'Composable Finance', { ns: 'apps-config' }),
+        providers: {
+          Composable: 'wss://rpc.composable.finance'
+        }
+      },
+      {
+        info: 'crustParachain',
+        homepage: 'https://crust.network',
+        paraId: 2008,
+        isUnreachable: true,
+        text: t('rpc.polkadot.crust', 'Crust', { ns: 'apps-config' }),
+        providers: {
+          Crust: 'wss://rpc.crust.network'
+        }
+      },
+      {
+        info: 'darwinia',
+        isUnreachable: true, // https://github.com/polkadot-js/apps/issues/6530
+        homepage: 'https://darwinia.network/',
+        paraId: 2003,
+        text: t('rpc.polkadot.darwinia', 'Darwinia', { ns: 'apps-config' }),
+        providers: {
+          Darwinia: 'wss://parachain-rpc.darwinia.network'
+        }
+      },
+      {
+        info: 'efinity',
+        homepage: 'https://efinity.io',
+        paraId: 2021,
+        text: t('rpc.polkadot.efinity', 'Efinity', { ns: 'apps-config' }),
+        providers: {
+          Efinity: 'wss://rpc.efinity.io'
+        }
+      },
+      {
+        info: 'equilibrium',
+        homepage: 'https://equilibrium.io/',
+        paraId: 2011,
+        text: t('rpc.polkadot.equilibrium', 'Equilibrium', { ns: 'apps-config' }),
+        providers: {
+          Equilibrium: 'wss://node.pol.equilibrium.io/'
+        }
+      },
+      {
+        info: 'geminis',
+        isUnreachable: true,
+        homepage: 'https://geminis.network/',
+        paraId: 2038,
+        text: t('rpc.polkadot.geminis', 'Geminis', { ns: 'apps-config' }),
+        providers: {
+          Geminis: 'wss://rpc.geminis.network'
+        }
+      },
+      {
+        info: 'hydra',
+        homepage: 'https://hydradx.io/',
+        paraId: 2034,
+        text: t('rpc.polkadot.hydra', 'HydraDX', { ns: 'apps-config' }),
+        providers: {
+          'Galactic Council': 'wss://rpc-01.hydradx.io'
+        }
+      },
+      {
+        info: 'interlay',
+        homepage: 'https://interlay.io/',
+        paraId: 2032,
+        text: t('rpc.polkadot.interlay', 'Interlay', { ns: 'apps-config' }),
+        providers: {
+          'Kintsugi Labs': 'wss://api.interlay.io/parachain',
+          OnFinality: 'wss://interlay.api.onfinality.io/public-ws'
+        }
+      },
+      {
+        info: 'kapex',
+        homepage: 'https://totemaccounting.com/',
+        paraId: 2007,
+        text: t('rpc.polkadot.kapex', 'Kapex', { ns: 'apps-config' }),
+        providers: {
+          Totem: 'wss://k-ui.kapex.network'
+        }
+      },
+      {
+        info: 'litentry',
+        homepage: 'https://crowdloan.litentry.com',
+        paraId: 2013,
+        isUnreachable: true,
+        text: t('rpc.polkadot.litentry', 'Litentry', { ns: 'apps-config' }),
+        providers: {
+          Litentry: 'wss://parachain.litentry.io'
+        }
+      },
+      {
+        info: 'manta',
+        isUnreachable: true, // https://github.com/polkadot-js/apps/issues/7018
+        homepage: 'https://manta.network',
+        paraId: 2015,
+        text: t('rpc.polkadot.manta', 'Manta', { ns: 'apps-config' }),
+        providers: {
+          // 'Manta Kuhlii': 'wss://kuhlii.manta.systems', // https://github.com/polkadot-js/apps/issues/6930
+          // 'Manta Munkiana': 'wss://munkiana.manta.systems', // https://github.com/polkadot-js/apps/issues/6871
+          // 'Manta Pectinata': 'wss://pectinata.manta.systems' // https://github.com/polkadot-js/apps/issues/7018
+        }
+      },
+      {
+        info: 'moonbeam',
+        homepage: 'https://moonbeam.network/networks/moonbeam/',
+        paraId: 2004,
+        text: t('rpc.polkadot.moonbeam', 'Moonbeam', { ns: 'apps-config' }),
+        providers: {
+          'Moonbeam Foundation': 'wss://wss.api.moonbeam.network',
+          OnFinality: 'wss://moonbeam.api.onfinality.io/public-ws',
+          Dwellir: 'wss://moonbeam-rpc.dwellir.com'
+        }
+      },
+      {
+        info: 'nodle',
+        homepage: 'https://nodle.com',
+        paraId: 2026,
+        text: t('rpc.polkadot.nodle', 'Nodle', { ns: 'apps-config' }),
+        providers: {
+          OnFinality: 'wss://nodle-parachain.api.onfinality.io/public-ws',
+          Dwellir: 'wss://eden-rpc.dwellir.com'
+        }
+      },
+      {
+        info: 'parallel',
+        homepage: 'https://parallel.fi',
+        paraId: 2012,
+        text: t('rpc.polkadot.parallel', 'Parallel', { ns: 'apps-config' }),
+        providers: {
+          OnFinality: 'wss://parallel.api.onfinality.io/public-ws',
+          Parallel: 'wss://rpc.parallel.fi'
+        }
+      },
+      {
+        info: 'phala',
+        homepage: 'https://phala.network',
+        paraId: 2035,
+        text: t('rpc.polkadot.phala', 'Phala Network', { ns: 'apps-config' }),
+        providers: {
+          Phala: 'wss://api.phala.network/ws'
+        }
+      },
+      {
+        info: 'polkadex',
+        homepage: 'https://polkadex.trade/',
+        paraId: 2040,
+        text: t('rpc.polkadot.polkadex', 'Polkadex', { ns: 'apps-config' }),
+        providers: {
+          'Polkadex Team': 'wss://mainnet.polkadex.trade/',
+          OnFinality: 'wss://polkadex.api.onfinality.io/public-ws'
+        }
+      },
+      {
+        info: 'subdao',
+        homepage: 'https://subdao.network/',
+        paraId: 2018,
+        isUnreachable: true,
+        text: t('rpc.polkadot.subdao', 'SubDAO', { ns: 'apps-config' }),
+        providers: {
+          SubDAO: 'wss://parachain-rpc.subdao.org'
+        }
+      },
+      {
+        info: 'subgame',
+        homepage: 'http://subgame.org/',
+        isUnreachable: true, // https://github.com/polkadot-js/apps/pull/6761
+        paraId: 2017,
+        text: t('rpc.polkadot.subgame', 'SubGame Gamma', { ns: 'apps-config' }),
+        providers: {
+          SubGame: 'wss://gamma.subgame.org/'
+        }
+      },
+      {
+        info: 'unique',
+        homepage: 'https://unique.network/',
+        paraId: 2037,
+        text: t('ws.unique.network', 'Unique Network', { ns: 'apps-config' }),
+        providers: {
+          Unique: 'wss://ws.unique.network/'
+        }
+      }
+    ]
+  };
+}
diff --git a/packages/apps-config/src/endpoints/productionRelays.ts b/packages/apps-config/src/endpoints/productionRelays.ts
new file mode 100644
index 0000000..6fe0cb4
--- /dev/null
+++ b/packages/apps-config/src/endpoints/productionRelays.ts
@@ -0,0 +1,17 @@
+// Copyright 2017-2022 @polkadot/apps-config authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { TFunction } from '../types';
+import type { LinkOption } from './types';
+
+import { createKusama } from './productionRelayKusama';
+import { createPolkadot } from './productionRelayPolkadot';
+import { expandEndpoints } from './util';
+
+export function createKusamaRelay (t: TFunction, firstOnly: boolean, withSort: boolean): LinkOption[] {
+  return expandEndpoints(t, [createKusama(t)], firstOnly, withSort);
+}
+
+export function createPolkadotRelay (t: TFunction, firstOnly: boolean, withSort: boolean): LinkOption[] {
+  return expandEndpoints(t, [createPolkadot(t)], firstOnly, withSort);
+}
diff --git a/packages/apps-config/src/endpoints/testing.ts b/packages/apps-config/src/endpoints/testing.ts
new file mode 100644
index 0000000..43fa1c8
--- /dev/null
+++ b/packages/apps-config/src/endpoints/testing.ts
@@ -0,0 +1,583 @@
+// Copyright 2017-2022 @polkadot/apps-config authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { TFunction } from '../types';
+import type { LinkOption } from './types';
+
+import { expandEndpoints } from './util';
+
+/* eslint-disable sort-keys */
+
+// The available endpoints that will show in the dropdown. For the most part (with the exception of
+// Polkadot) we try to keep this to live chains only, with RPCs hosted by the community/chain vendor
+//   info: The chain logo name as defined in ../ui/logos/index.ts in namedLogos (this also needs to align with @polkadot/networks)
+//   text: The text to display on the dropdown
+//   value: The actual hosted secure websocket endpoint
+
+export function createTesting (t: TFunction, firstOnly: boolean, withSort: boolean): LinkOption[] {
+  return expandEndpoints(t, [
+    // alphabetical based on chain name, e.g. Arcadia, Beresheet, ...
+    {
+      info: 'ajuna',
+      text: t('rpc.test.ajuna', 'Ajuna Testnet', { ns: 'apps-config' }),
+      providers: {
+        'Ajuna Network': 'wss://rpc-test.ajuna.network'
+      }
+    },
+    {
+      info: 'aleph',
+      text: t('rpc.test.aleph', 'Aleph Zero Testnet', { ns: 'apps-config' }),
+      providers: {
+        'Aleph Zero Foundation': 'wss://ws.test.azero.dev'
+      }
+    },
+    {
+      info: 'nodle',
+      text: t('rpc.test.nodle-arcadia', 'Arcadia', { ns: 'apps-config' }),
+      providers: {
+        Nodle: 'wss://arcadia1.nodleprotocol.io'
+      }
+    },
+    {
+      info: 'Ares Gladios',
+      text: t('rpc.test.ares.network', 'Ares Gladios', { ns: 'apps-config' }),
+      providers: {
+        'Ares Protocol': 'wss://gladios.aresprotocol.io'
+      }
+    },
+    {
+      info: 'automata-contextfree',
+      text: t('rpc.test.automata-contextfree', 'Automata ContextFree', { ns: 'apps-config' }),
+      providers: {
+        'Automata Network': 'wss://cf-api.ata.network',
+        OnFinality: 'wss://contextfree.api.onfinality.io/public-ws'
+      }
+    },
+    {
+      info: 'edgeware',
+      text: t('rpc.test.beresheet', 'Beresheet', { ns: 'apps-config' }),
+      providers: {
+        'Commonwealth Labs': 'wss://beresheet.edgewa.re'
+      }
+    },
+    {
+      info: 'bifrost',
+      text: t('rpc.test.bifrost', 'Bifrost Stage Network', { ns: 'apps-config' }),
+      providers: {
+        Liebi: 'wss://bifrost-rpc.testnet.liebi.com/ws'
+      }
+    },
+    {
+      info: 'bitcountry',
+      text: t('rpc.test.bitcountry', 'Bit.Country - Metaverse Network', { ns: 'apps-config' }),
+      providers: {
+        'Metaverse Foundation': 'wss://tewai-rpc.bit.country'
+      }
+    },
+    {
+      info: 'clover',
+      isDisabled: true, // Cannot construct unknown type BridgeNetworks
+      text: t('rpc.test.clover.finance', 'Clover', { ns: 'apps-config' }),
+      providers: {
+        Clover: 'wss://api.clover.finance/'
+      }
+    },
+    {
+      // this is also a duplicate as a parachain under Polkadot and live under production -
+      // it is either/or, not and
+      info: 'coinversation',
+      isDisabled: true, // https://github.com/polkadot-js/apps/issues/6635
+      text: t('rpc.test.coinversation', 'Coinversation', { ns: 'apps-config' }),
+      providers: {
+        Coinversation: 'wss://rpc.coinversation.io/'
+      }
+    },
+    {
+      info: 'creditcoin-testnet',
+      text: t('rpc.test.creditcoin', 'Creditcoin Testnet', { ns: 'apps-config' }),
+      providers: {
+        'Creditcoin Foundation': 'wss://testnet.creditcoin.network'
+      }
+    },
+    {
+      info: 'Crust Maxwell',
+      text: t('rpc.test.crust.network', 'Crust Maxwell', { ns: 'apps-config' }),
+      providers: {
+        'Crust Network': 'wss://api.crust.network/',
+        'DCloud Foundation': 'wss://api.decloudf.com/'
+        // Pinknode: 'wss://rpc.pinknode.io/maxwell/explorer' // https://github.com/polkadot-js/apps/issues/7058
+      }
+    },
+    {
+      info: 'datahighway',
+      isDisabled: true,
+      text: t('rpc.test.datahighway.spreehafen', 'Spreehafen', { ns: 'apps-config' }),
+      providers: {
+        MXC: 'wss://spreehafen.datahighway.com'
+      }
+    },
+    {
+      info: 'dock-testnet',
+      isDisabled: true, // https://github.com/polkadot-js/apps/issues/6831
+      text: t('rpc.test.dock-pos-testnet', 'Dock', { ns: 'apps-config' }),
+      providers: {
+        'Dock Association': 'wss://knox-1.dock.io'
+      }
+    },
+    {
+      info: 'dolphin',
+      text: t('rpc.dolphin', 'Dolphin Testnet', { ns: 'apps-config' }),
+      providers: {
+        'Dolphin Testnet': 'wss://trillian.dolphin.red'
+      }
+    },
+    {
+      info: 'dotmog',
+      text: t('rpc.test.dotmog', 'DOTMog', { ns: 'apps-config' }),
+      providers: {
+        DOTMog: 'wss://mogiway-01.dotmog.com'
+      }
+    },
+    {
+      info: 'encointer',
+      text: t('rpc.test.encointer.gesell', 'Encointer Gesell', { ns: 'apps-config' }),
+      providers: {
+        'Encointer Association': 'wss://gesell.encointer.org'
+      }
+    },
+    {
+      info: 'equilibrium',
+      isDisabled: true, // https://github.com/polkadot-js/apps/issues/6250
+      text: t('rpc.test.equilibriumtestnet', 'Equilibrium', { ns: 'apps-config' }),
+      providers: {
+        Equilibrium: 'wss://testnet.equilibrium.io'
+      }
+    },
+    {
+      info: 'substrate',
+      isDisabled: true, // https://github.com/polkadot-js/apps/issues/5571
+      text: t('rpc.test.flamingfir', 'Flaming Fir', { ns: 'apps-config' }),
+      providers: {
+        Parity: 'wss://substrate-rpc.parity.io'
+      }
+    },
+    {
+      info: 'fantour',
+      isDisabled: true, // https://github.com/polkadot-js/apps/issues/6519
+      text: t('rpc.test.fantour', 'Fantour', { ns: 'apps-config' }),
+      providers: {
+        FantourDev: 'wss://test-ws.fantour.io'
+      }
+    },
+    {
+      info: 'Galital',
+      isDisabled: true, // https://github.com/polkadot-js/apps/issues/6721
+      text: t('rpc.test.galital', 'Galital PC2', { ns: 'apps-config' }),
+      providers: {
+        StarkleyTech: 'wss://galital-rpc-testnet.starkleytech.com'
+      }
+    },
+    {
+      info: 'galois',
+      text: t('rpc.test.galois', 'Galois', { ns: 'apps-config' }),
+      providers: {
+        MathWallet: 'wss://galois-hk.maiziqianbao.net/ws',
+        'MathWallet Backup': 'wss://galois.maiziqianbao.net/ws'
+      }
+    },
+    {
+      info: 'gamepower',
+      isDisabled: true, // https://github.com/polkadot-js/apps/issues/7223
+      text: t('rpc.test.gamepower', 'GamePower', { ns: 'apps-config' }),
+      providers: {
+        GamePower: 'wss://gamepower.io'
+      }
+    },
+    {
+      info: 'geek',
+      text: t('rpc.test.geek', 'GeekCash', { ns: 'apps-config' }),
+      providers: {
+        'Geek Team': 'wss://testnet.geekcash.org'
+      }
+    },
+    {
+      info: 'halongbay',
+      isDisabled: true, // https://github.com/polkadot-js/apps/issues/6871
+      text: t('rpc.test.halongbay', 'Halongbay Testnet', { ns: 'apps-config' }),
+      providers: {
+        Halongbay: 'wss://halongbay.polkafoundry.com'
+      }
+    },
+    {
+      info: 'interbtc',
+      text: t('rpc.test.interbtc', 'Interlay Testnet', { ns: 'apps-config' }),
+      providers: {
+        Interlay: 'wss://api-testnet.interlay.io/parachain/'
+      }
+    },
+    {
+      info: 'ipse',
+      isDisabled: true, // https://github.com/polkadot-js/apps/issues/6242
+      text: t('rpc.test.ipse', 'IPSE', { ns: 'apps-config' }),
+      providers: {
+        'IPSE China': 'wss://testnet-china.ipse.io',
+        'IPSE USA': 'wss://testnet-usa.ipse.io',
+        'IPSE Europe': 'wss://testnet-europe.ipse.io'
+      }
+    },
+    {
+      info: 'joystream',
+      text: t('rpc.test.joystream', 'Joystream', { ns: 'apps-config' }),
+      providers: {
+        Jsgenesis: 'wss://rpc.joystream.org:9944'
+      }
+    },
+    {
+      info: 'jupiter',
+      text: t('rpc.test.jupiter', 'Jupiter', { ns: 'apps-config' }),
+      providers: {
+        Patract: 'wss://ws.jupiter-poa.patract.cn'
+      }
+    },
+    {
+      info: 'khala',
+      isDisabled: true, // https://github.com/polkadot-js/apps/issues/6930
+      text: t('rpc.test.khala', 'Khala (Para 3)', { ns: 'apps-config' }),
+      providers: {
+        'Phala Network': 'wss://pc-test-3.phala.network/khala/ws'
+      }
+    },
+    {
+      info: 'kilt',
+      text: t('rpc.test.kilt.mash', 'KILT Mashnet', { ns: 'apps-config' }),
+      providers: {
+        'KILT Protocol': 'wss://full-nodes.kilt.io:9944/'
+      }
+    },
+    {
+      info: 'kilt',
+      text: t('rpc.test.kilt.pere', 'KILT Peregrine', { ns: 'apps-config' }),
+      providers: {
+        'KILT Protocol': 'wss://peregrine.kilt.io/parachain-public-ws/'
+      }
+    },
+    {
+      info: 'klugdossier',
+      text: t('rpc.KlugDossier', 'Klug Dossier', { ns: 'apps-config' }),
+      providers: {
+        'Klug Dossier': 'wss://klugdossier.net/'
+      }
+    },
+    {
+      info: 'kylin',
+      isDisabled: true, // https://github.com/polkadot-js/apps/issues/6635
+      text: t('testnet.kylin-node.co.uk', 'Kylin Testnet', { ns: 'apps-config' }),
+      providers: {
+        'Kylin Network': 'wss://testnet.kylin-node.co.uk'
+      }
+    },
+    {
+      info: 'litentry',
+      text: t('rpc.test.litentry', 'Litentry Testnet', { ns: 'apps-config' }),
+      providers: {
+        Litentry: 'wss://testnet.litentry.io'
+      }
+    },
+    {
+      info: 'acala',
+      text: t('rpc.test.mandala', 'Mandala', { ns: 'apps-config' }),
+      providers: {
+        Acala: 'wss://mandala.polkawallet.io',
+        Pinknode: 'wss://rpc.pinknode.io/mandala/explorer'
+      }
+    },
+    {
+      info: 'mangata',
+      text: t('rpc.test.mangata', 'Mangata', { ns: 'apps-config' }),
+      providers: {
+        Mangata: 'wss://v4-prod-collator-01.mangatafinance.cloud'
+      }
+    },
+    {
+      info: 'manta',
+      isDisabled: true, // https://github.com/polkadot-js/apps/issues/6384
+      text: t('rpc.manta', 'Manta Testnet', { ns: 'apps-config' }),
+      providers: {
+        'Manta Testnet': 'wss://ws.f1.testnet.manta.network'
+      }
+    },
+    {
+      info: 'minix',
+      text: t('rpc.test.minix', 'MiniX Testnet', { ns: 'apps-config' }),
+      providers: {
+        Chainx: 'wss://minichain.coming.chat/ws'
+      }
+    },
+    {
+      info: 'moonbaseAlpha',
+      text: t('rpc.test.moonbeam', 'Moonbase Alpha', { ns: 'apps-config' }),
+      providers: {
+        'Moonbeam Foundation': 'wss://wss.api.moonbase.moonbeam.network',
+        OnFinality: 'wss://moonbeam-alpha.api.onfinality.io/public-ws'
+        // Pinknode: 'wss://rpc.pinknode.io/alphanet/explorer' // https://github.com/polkadot-js/apps/issues/7058
+      }
+    },
+    {
+      info: 'mybank',
+      isDisabled: true, // https://github.com/polkadot-js/apps/issues/5845
+      text: t('rpc.test.mybank', 'mybank.network', { ns: 'apps-config' }),
+      providers: {
+        MYBANK: 'wss://mybank.network/substrate'
+      }
+    },
+    {
+      info: 'neumann',
+      text: t('rpc.test.oak', 'Neumann Network', { ns: 'apps-config' }),
+      providers: {
+        OAK: 'wss://rpc.testnet.oak.tech',
+        OnFinality: 'wss://neumann.api.onfinality.io/public-ws'
+      }
+    },
+    {
+      info: 'nftmart',
+      text: t('rpc.test.nftmart', 'NFTMart', { ns: 'apps-config' }),
+      providers: {
+        NFTMartDev: 'wss://dev-ws.nftmart.io',
+        NFTMartStaging: 'wss://staging-ws.nftmart.io'
+      }
+    },
+    {
+      info: 'opal',
+      text: t('opal.unique.network', 'OPAL by UNIQUE', { ns: 'apps-config' }),
+      providers: {
+        Unique: 'wss://opal.unique.network'
+      }
+    },
+    {
+      info: 'opportunity',
+      isDisabled: false,
+      text: t('rpc.test.opportunity', 'Opportunity', { ns: 'apps-config' }),
+      providers: {
+        'Standard Protocol': 'wss://rpc.opportunity.standard.tech'
+      }
+    },
+    {
+      info: 'origintrail-parachain-testnet',
+      text: t('rpc.test.origintrail', 'OriginTrail Parachain Testnet', { ns: 'apps-config' }),
+      providers: {
+        'Trace Labs': 'wss://parachain-rpc.origin-trail.network'
+      }
+    },
+    {
+      info: 'pangolin',
+      text: t('rpc.test.pangolin', 'Pangolin', { ns: 'apps-config' }),
+      providers: {
+        'Darwinia Network': 'wss://pangolin-rpc.darwinia.network'
+      }
+    },
+    {
+      info: 'pangoro',
+      text: t('rpc.test.pangoro', 'Pangoro', { ns: 'apps-config' }),
+      providers: {
+        'Darwinia Network': 'wss://pangoro-rpc.darwinia.network'
+      }
+    },
+    {
+      info: 'phala',
+      isDisabled: true, // https://github.com/polkadot-js/apps/issues/7364
+      text: t('rpc.test.phala', 'Phala (PoC 5)', { ns: 'apps-config' }),
+      providers: {
+        'Phala Network': 'wss://poc5.phala.network/ws'
+      }
+    },
+    {
+      info: 'phoenix',
+      isDisabled: true, // https://github.com/polkadot-js/apps/issues/6181
+      text: t('rpc.test.phoenix', 'Phoenix Mashnet', { ns: 'apps-config' }),
+      providers: {
+        'phoenix Protocol': 'wss://phoenix-ws.coinid.pro/'
+      }
+    },
+    {
+      info: 'pichiu',
+      isDisabled: true, // https://github.com/polkadot-js/apps/pull/6761
+      text: t('rpc.test.kylin-node.co.uk', 'Pichiu Testnet', { ns: 'apps-config' }),
+      providers: {
+        'Kylin Network': 'wss://westend.kylin-node.co.uk'
+      }
+    },
+    {
+      info: 'polkadex',
+      text: t('rpc.test.polkadex', 'Polkadex', { ns: 'apps-config' }),
+      providers: {
+        'Polkadex Team': 'wss://blockchain.polkadex.trade'
+      }
+    },
+    {
+      info: 'polymesh',
+      text: t('rpc.test.polymesh', 'Polymesh Testnet', { ns: 'apps-config' }),
+      providers: {
+        Polymath: 'wss://testnet-rpc.polymesh.live'
+      }
+    },
+    {
+      info: 'pontem',
+      text: t('rpc.test.pontem', 'Pontem', { ns: 'apps-config' }),
+      providers: {
+        Pontem: 'wss://testnet.pontem.network/ws',
+        OnFinality: 'wss://pontem-testnet.api.onfinality.io/public-ws'
+      }
+    },
+    {
+      info: 'prism',
+      isDisabled: true, // https://github.com/polkadot-js/apps/issues/7340
+      text: t('rpc.test.prism', 'Prism', { ns: 'apps-config' }),
+      providers: {
+        Prism: 'wss://testnet.psm.link'
+      }
+    },
+    {
+      info: 'realis',
+      text: t('rpc.test.realis', 'Realis.Network', { ns: 'apps-config' }),
+      providers: {
+        'Realis.Network': 'wss://rpc.realis.network/'
+      }
+    },
+    {
+      info: 'riochain',
+      isDisabled: true, // https://github.com/polkadot-js/apps/issues/6181
+      text: t('rpc.test.riochain', 'RioChain', { ns: 'apps-config' }),
+      providers: {
+        'RioChain Staging': 'wss://node.v1.staging.riochain.io'
+      }
+    },
+    {
+      info: 'sherpax',
+      text: t('rpc.test.sherpax', 'Sherpax Testnet', { ns: 'apps-config' }),
+      providers: {
+        Chainx: 'wss://sherpax-testnet.chainx.org'
+      }
+    },
+    {
+      info: 'shibuya',
+      text: t('rpc.test.shibuya', 'Shibuya', { ns: 'apps-config' }),
+      providers: {
+        StakeTechnologies: 'wss://rpc.shibuya.astar.network'
+      }
+    },
+    {
+      info: 'snowbridge',
+      text: t('rpc.test.snowbridge', 'Snowbridge', { ns: 'apps-config' }),
+      providers: {
+        Snowfork: 'wss://parachain-rpc.snowbridge.network'
+      }
+    },
+    {
+      info: 'sora-substrate',
+      isDisabled: true, // https://github.com/polkadot-js/apps/issues/7093
+      text: t('rpc.test.sora-substrate-staging', 'SORA-staging', { ns: 'apps-config' }),
+      providers: {
+        Soramitsu: 'wss://ws.stage.sora2.soramitsu.co.jp'
+      }
+    },
+    {
+      info: 'subdao',
+      text: t('rpc.test.subdao', 'SubDAO Staging', { ns: 'apps-config' }),
+      providers: {
+        SubDAO: 'wss://alpha.subdao.org'
+      }
+    },
+    {
+      info: 'subgame',
+      text: t('rpc.test.subgame', 'SubGame Staging', { ns: 'apps-config' }),
+      providers: {
+        SubGame: 'wss://staging.subgame.org'
+      }
+    },
+    {
+      info: 'subspace-farmnet',
+      text: t('rpc.test.subspace.farmnet', 'Subspace Farmnet', { ns: 'apps-config' }),
+      providers: {
+        'Subspace Network': 'wss://farm-rpc.subspace.network'
+      }
+    },
+    {
+      info: 'subspace',
+      text: t('rpc.test.subspace', 'Subspace Testnet', { ns: 'apps-config' }),
+      providers: {
+        'Subspace Network': 'wss://test-rpc.subspace.network'
+      }
+    },
+    {
+      info: 'ternoa-testnet',
+      text: t('rpc.test.ternoa-testnet', 'Ternoa Testnet', { ns: 'apps-config' }),
+      providers: {
+        CapsuleCorp: 'wss://testnet.ternoa.com/'
+      }
+    },
+    {
+      info: 'laminar',
+      text: t('rpc.test.turbulence', 'Turbulence', { ns: 'apps-config' }),
+      providers: {
+        Laminar: 'wss://testnet-node-1.laminar-chain.laminar.one/ws'
+      }
+    },
+    {
+      info: 'uniarts',
+      text: t('rpc.test.uniarts', 'UniArts', { ns: 'apps-config' }),
+      providers: {
+        UniArts: 'wss://testnet.uniarts.network'
+      }
+    },
+    {
+      info: 'unique',
+      text: t('rpc.test.unique', 'Unique', { ns: 'apps-config' }),
+      providers: {
+        Unique: 'wss://testnet2.unique.network'
+      }
+    },
+    {
+      info: 'unitv',
+      isDisabled: true, // https://github.com/polkadot-js/apps/issues/5684
+      text: t('rpc.test.unitv', 'Unit Network', { ns: 'apps-config' }),
+      providers: {
+        'Unit Network': 'wss://unitventures.io/'
+      }
+    },
+    {
+      info: 'vodka',
+      text: t('rpc.test.vodka', 'Vodka', { ns: 'apps-config' }),
+      providers: {
+        Vodka: 'wss://vodka.rpc.neatcoin.org/ws'
+      }
+    },
+    {
+      info: 'web3games',
+      text: t('rpc.test.web3games', 'Web3Games', { ns: 'apps-config' }),
+      providers: {
+        Web3Games: 'wss://testnet.web3games.org'
+      }
+    },
+    {
+      info: 'zCloak',
+      text: t('rpc.test.zCloak', 'zCloak-network', { ns: 'apps-config' }),
+      providers: {
+        'zCloak Network': 'wss://test1.zcloak.network'
+      }
+    },
+    {
+      info: 'zeitgeist',
+      text: t('rpc.test.zeitgeist', 'Zeitgeist Battery Station', { ns: 'apps-config' }),
+      providers: {
+        Zeitgeist: 'wss://bsr.zeitgeist.pm'
+      }
+    },
+    {
+      info: 'zero',
+      text: t('rpc.test.zero', 'Zero', { ns: 'apps-config' }),
+      providers: {
+        ZERO: 'wss://alphaville.zero.io'
+      }
+    }
+  ], firstOnly, withSort);
+}
diff --git a/packages/apps-config/src/endpoints/testingRelayRococo.ts b/packages/apps-config/src/endpoints/testingRelayRococo.ts
new file mode 100644
index 0000000..45ab47b
--- /dev/null
+++ b/packages/apps-config/src/endpoints/testingRelayRococo.ts
@@ -0,0 +1,571 @@
+// Copyright 2017-2022 @polkadot/apps-config authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { TFunction } from '../types';
+import type { EndpointOption } from './types';
+
+import { ROCOCO_GENESIS } from '../api/constants';
+
+/* eslint-disable sort-keys */
+
+// The available endpoints that will show in the dropdown. For the most part (with the exception of
+// Polkadot) we try to keep this to live chains only, with RPCs hosted by the community/chain vendor
+//   info: The chain logo name as defined in ../ui/logos/index.ts in namedLogos (this also needs to align with @polkadot/networks)
+//   text: The text to display on the dropdown
+//   value: The actual hosted secure websocket endpoint
+
+// Based on history, this will expand so keep it as a singular chunk
+export function createRococo (t: TFunction): EndpointOption {
+  return {
+    dnslink: 'rococo',
+    genesisHash: ROCOCO_GENESIS,
+    info: 'rococo',
+    text: t('rpc.rococo', 'Rococo', { ns: 'apps-config' }),
+    providers: {
+      Parity: 'wss://rococo-rpc.polkadot.io',
+      'light client': 'light://substrate-connect/rococo'
+      // OnFinality: 'wss://rococo.api.onfinality.io/public-ws', // After reset, node misses host functions
+      // Pinknode: 'wss://rpc.pinknode.io/rococo/explorer' // After reset, syncs to old chain
+      // 'Ares Protocol': 'wss://rococo.aresprotocol.com' // https://github.com/polkadot-js/apps/issues/5767
+    },
+    teleport: [1000, 1002],
+    linked: [
+      // these are the base chains
+      {
+        info: 'rococoStatemint',
+        paraId: 1000,
+        text: t('rpc.rococo.statemint', 'Statemint', { ns: 'apps-config' }),
+        providers: {
+          Parity: 'wss://rococo-statemint-rpc.polkadot.io'
+        },
+        teleport: [-1]
+      },
+      {
+        info: 'rococoCanvas',
+        paraId: 1002,
+        text: t('rpc.rococo.canvas', 'Canvas', { ns: 'apps-config' }),
+        providers: {
+          Parity: 'wss://rococo-canvas-rpc.polkadot.io'
+        },
+        teleport: [-1]
+      },
+      {
+        info: 'encointer',
+        homepage: 'https://encointer.org/',
+        paraId: 1003,
+        text: t('rpc.rococo.encointer', 'Encointer Lietaer', { ns: 'apps-config' }),
+        providers: {
+          'Encointer Association': 'wss://rococo.api.encointer.org'
+        },
+        teleport: [-1]
+      },
+      // add any additional parachains here, alphabetical
+      {
+        info: 'rococoApron',
+        isDisabled: true, // Rococo reset
+        paraId: 2048,
+        text: t('rpc.rococo.apron', 'Apron PC1', { ns: 'apps-config' }),
+        providers: {
+          'Apron Network': 'wss://rococo.apron.network'
+        }
+      },
+      {
+        info: 'rococoAres',
+        isDisabled: true, // Rococo reset
+        paraId: 1006,
+        text: t('rpc.rococo.ares', 'Ares PC1', { ns: 'apps-config' }),
+        providers: {
+          'Ares Protocol': 'wss://rococo.parachain.aresprotocol.com'
+        }
+      },
+      {
+        info: 'rococoBasilisk',
+        paraId: 2090,
+        text: t('rpc.rococo.basilisk', 'Basilisk', { ns: 'apps-config' }),
+        providers: {
+          'Galactic Council': 'wss://rpc-01.basilisk-rococo.hydradx.io'
+        }
+      },
+      {
+        info: 'rococoBifrost',
+        isDisabled: true, // Rococo reset
+        paraId: 1024,
+        text: t('rpc.rococo.bifrost', 'Bifrost PC1', { ns: 'apps-config' }),
+        providers: {
+          Bifrost: 'wss://rococo-1.testnet.liebi.com'
+        }
+      },
+      {
+        info: 'rococoBitCountry',
+        isDisabled: true, // Rococo reset
+        paraId: 1008,
+        text: t('rpc.rococo.bitcountry', 'Bit.Country PC1', { ns: 'apps-config' }),
+        providers: {
+          BitCountry: 'wss://tewai-parachain.bit.country:9955'
+        }
+      },
+      {
+        info: 'rococoCatalyst',
+        paraId: 2031,
+        text: t('rpc.rococo.catalyst', 'Catalyst', { ns: 'apps-config' }),
+        providers: {
+          Centrifuge: 'wss://fullnode.catalyst.cntrfg.com'
+        }
+      },
+      {
+        info: 'rococoClover',
+        isDisabled: true, // Rococo reset
+        paraId: 229,
+        text: t('rpc.rococo.clover', 'Clover PC1', { ns: 'apps-config' }),
+        providers: {
+          Clover: 'wss://api-rococo.clover.finance'
+        }
+      },
+      {
+        info: 'rococoCrab',
+        isDisabled: true, // Rococo reset
+        paraId: 9,
+        text: t('rpc.rococo.crab', 'Darwinia Crab PC2', { ns: 'apps-config' }),
+        providers: {
+          Darwinia: 'wss://crab-pc2-rpc.darwinia.network'
+        }
+      },
+      {
+        info: 'rococoCrust',
+        isDisabled: true, // Rococo reset
+        paraId: 2001,
+        text: t('rpc.rococo.crust', 'Crust PC1', { ns: 'apps-config' }),
+        providers: {
+          Crust: 'wss://api-rococo.crust.network'
+        }
+      },
+      {
+        info: 'rococoChainX',
+        isDisabled: true, // Rococo reset
+        paraId: 1059,
+        text: t('rpc.rococo.chainx', 'ChainX PC1', { ns: 'apps-config' }),
+        providers: {
+          ChainX: 'wss://sherpax.chainx.org'
+        }
+      },
+      {
+        info: 'rococoDarwinia',
+        isDisabled: true, // Rococo reset
+        paraId: 18,
+        text: t('rpc.rococo.darwinia', 'Darwinia PC2', { ns: 'apps-config' }),
+        providers: {
+          Darwinia: 'wss://pc2-rpc.darwinia.network'
+        }
+      },
+      {
+        info: 'rococoDataHighway',
+        isDisabled: true, // Rococo reset
+        paraId: 2,
+        text: t('rpc.rococo.datahighway', 'DataHighway', { ns: 'apps-config' }),
+        providers: {
+          DataHighway: 'wss://spreehafen.datahighway.com'
+        }
+      },
+      {
+        info: 'rococoEave',
+        isDisabled: true, // Rococo reset
+        paraId: 2003,
+        text: t('rpc.rococo.eave', 'Steam PC', { ns: 'apps-config' }),
+        providers: {
+          EAVE: 'wss://steamcollator.eave.network'
+        }
+      },
+      {
+        info: 'rocfinity',
+        paraId: 2051,
+        text: t('rpc.rococo.efinity.io', 'Efinity', { ns: 'apps-config' }),
+        providers: {
+          Efinity: 'wss://rpc.rococo.efinity.io'
+        }
+      },
+      {
+        info: 'rococoIntegritee',
+        isDisabled: false,
+        paraId: 3002,
+        text: t('rpc.rococo.integritee', 'Integritee Network', { ns: 'apps-config' }),
+        providers: {
+          Integritee: 'wss://rococo.api.integritee.network'
+        }
+      },
+      {
+        info: 'rococoTinker',
+        isDisabled: false,
+        paraId: 2014,
+        text: t('rpc.rococo.tinker', 'InvArch Tinkernet', { ns: 'apps-config' }),
+        providers: {
+          OnFinality: 'wss://invarch-tinkernet.api.onfinality.io/public-ws'
+        }
+      },
+      {
+        info: 'rococoGalital',
+        isDisabled: true, // Rococo reset
+        paraId: 1230,
+        text: t('rpc.rococo.galital', 'Galital PC1', { ns: 'apps-config' }),
+        providers: {
+          StarkleyTech: 'wss://galital-rpc.starkleytech.com'
+        }
+      },
+      {
+        info: 'rococoGenshiro',
+        isDisabled: true, // Rococo reset
+        paraId: 2021,
+        text: t('rpc.rococo.genshiro', 'Genshiro', { ns: 'apps-config' }),
+        providers: {
+          Equilibrium: 'wss://gens-rococo.equilibrium.io'
+        }
+      },
+      {
+        info: 'rococoHalongbay',
+        isDisabled: true, // Rococo reset
+        paraId: 2018,
+        text: t('rpc.rococo.halongbay', 'Halongbay', { ns: 'apps-config' }),
+        providers: {
+          Halongbay: 'wss://halongbay.polkafoundry.com'
+        }
+      },
+      {
+        info: 'rococoHydrate',
+        isDisabled: true, // Rococo reset
+        paraId: 82406,
+        text: t('rpc.rococo.hydrate', 'Hydrate', { ns: 'apps-config' }),
+        providers: {
+          HydraDX: 'wss://hydrate-rpc.hydradx.io:9944'
+        }
+      },
+      {
+        info: 'rococoIdavoll',
+        isDisabled: true, // Rococo reset
+        paraId: 7766,
+        text: t('rpc.rococo.idavoll', 'Idavoll', { ns: 'apps-config' }),
+        providers: {
+          Idavoll: 'wss://rococo.idavoll.network'
+        }
+      },
+      {
+        info: 'rococoIntegritee',
+        isDisabled: true, // Rococo reset
+        paraId: 1983,
+        text: t('rpc.rococo.integritee', 'Integritee PC1', { ns: 'apps-config' }),
+        providers: {
+          SCS: 'wss://rococo.integritee.network'
+        }
+      },
+      {
+        info: 'rococoInterBTC',
+        isDisabled: true, // Rococo reset
+        paraId: 2088,
+        text: t('rpc.rococo.interbtc', 'Interlay PC1', { ns: 'apps-config' }),
+        providers: {
+          Interlay: 'wss://api-rococo.interlay.io/parachain'
+        }
+      },
+      {
+        info: 'rococoLitentry',
+        isDisabled: false,
+        paraId: 2106,
+        text: t('rpc.rococo.litentry', 'Litentry', { ns: 'apps-config' }),
+        providers: {
+          Litentry: 'wss://rpc.rococo-parachain-sg.litentry.io'
+        }
+      },
+      {
+        info: 'rococoMoonsama',
+        paraId: 2055,
+        text: t('rpc.rococo.moonsama', 'Moonsama', { ns: 'apps-config' }),
+        providers: {
+          Moonsama: 'wss://moonsama-testnet-rpc.moonsama.com'
+        }
+      },
+      {
+        info: 'rococoNodle',
+        paraId: 2026,
+        text: t('rpc.rococo.nodle', 'Nodle', { ns: 'apps-config' }),
+        providers: {
+          OnFinality: 'wss://node-6913072722034561024.lh.onfinality.io/ws?apikey=84d77e2e-3793-4785-8908-5096cffea77a'
+        }
+      },
+      {
+        info: 'rococoPangolin',
+        isDisabled: false,
+        paraId: 2105,
+        text: t('rpc.rococo.pangolin', 'Pangolin Parachain', { ns: 'apps-config' }),
+        providers: {
+          'Darwinia Network': 'wss://pangolin-parachain-rpc.darwinia.network'
+        }
+      },
+      {
+        info: 'rococoKilt',
+        paraId: 2015,
+        text: t('rpc.rococo.kilt', 'RILT', { ns: 'apps-config' }),
+        providers: {
+          'KILT Protocol': 'wss://rococo.kilt.io'
+        }
+      },
+      {
+        info: 'rococoKonomi',
+        isDisabled: true, // Rococo reset
+        paraId: 18403,
+        text: t('rpc.rococo.konomi', 'Komomi Network', { ns: 'apps-config' }),
+        providers: {
+          'Konomi Network': 'wss://rococo.konomi.tech'
+        }
+      },
+      {
+        info: 'rococoKylin',
+        isDisabled: true, // Rococo reset
+        paraId: 2013,
+        text: t('rpc.kylin-node.co.uk', 'Kylin Network', { ns: 'apps-config' }),
+        providers: {
+          'Kylin Network': 'wss://rpc.kylin-node.co.uk'
+        }
+      },
+      {
+        info: 'rococoSpreehafen',
+        paraId: 2116,
+        text: t('rpc.rococo.spreehafen', 'Spreehafen', { ns: 'apps-config' }),
+        providers: {
+          DataHighway: 'wss://spreehafen.datahighway.com'
+        }
+      },
+      {
+        info: 'rococoSingLavender',
+        isDisabled: true, // Rococo reset
+        paraId: 2104,
+        text: t('rpc.rococo.singlavender', 'Lavender by SingNetwork', { ns: 'apps-config' }),
+        providers: {
+          SingNetwork: 'wss://rpc-lavender.singnetwork.io'
+        }
+      },
+      {
+        info: 'rococoLoomNetwork',
+        isDisabled: true, // Rococo reset
+        paraId: 2043,
+        text: t('rpc.rococo.loomnetwork', 'Loom Network', { ns: 'apps-config' }),
+        providers: {
+          LoomNetwork: 'wss://rococo.dappchains.com'
+        }
+      },
+      {
+        info: 'rococoAcala',
+        isDisabled: true, // Rococo reset
+        paraId: 1000,
+        text: t('rpc.rococo.acala', 'Mandala PC2', { ns: 'apps-config' }),
+        providers: {
+          Acala: 'wss://rococo-1.acala.laminar.one'
+        }
+      },
+      {
+        info: 'rococoMathChain',
+        isDisabled: true, // Rococo reset
+        paraId: 40,
+        text: t('rpc.rococo.mathchain', 'MathChain PC1', { ns: 'apps-config' }),
+        providers: {
+          MathWallet: 'wss://testpara.maiziqianbao.net/ws'
+        }
+      },
+      {
+        info: 'rococoManta',
+        isDisabled: true, // Rococo reset
+        paraId: 2021,
+        text: t('rpc.rococo.manta', 'Manta PC1', { ns: 'apps-config' }),
+        providers: {
+          Manta: 'wss://rococo.manta.network'
+        }
+      },
+      {
+        info: 'rococoMoonrock',
+        isDisabled: true, // Rococo reset
+        paraId: 1286,
+        text: t('rpc.rococo.moonrock', 'Moonrock', { ns: 'apps-config' }),
+        providers: {
+          Moonrock: 'wss://wss-moonrock.gcp.purestake.run'
+        }
+      },
+      {
+        info: 'rococoOriginTrail',
+        isDisabled: true, // Rococo reset
+        paraId: 2037,
+        text: t('rpc.rococo.origintrail', 'OriginTrail Parachain', { ns: 'apps-config' }),
+        providers: {
+          'Trace Labs': 'wss://polkadot-js-second.origin-trail.network'
+        }
+      },
+      {
+        info: 'rococoParami',
+        isDisabled: true, // Rococo reset
+        paraId: 18888,
+        text: t('rpc.rococo.parami', 'Parami PC2', { ns: 'apps-config' }),
+        providers: {
+          Parami: 'wss://rococo.parami.io'
+        }
+      },
+      {
+        info: 'rococoTick',
+        isDisabled: true, // Rococo reset
+        paraId: 100,
+        text: t('rpc.rococo.tick', 'Tick', { ns: 'apps-config' }),
+        providers: {
+          Parity: 'wss://tick-rococo-rpc.polkadot.io'
+        }
+      },
+      {
+        info: 'rococoTrick',
+        isDisabled: true, // Rococo reset
+        paraId: 110,
+        text: t('rpc.rococo.trick', 'Trick', { ns: 'apps-config' }),
+        providers: {
+          Parity: 'wss://trick-rpc.polkadot.io'
+        }
+      },
+      {
+        info: 'rococoTrack',
+        isDisabled: true, // Rococo reset
+        paraId: 120,
+        text: t('rpc.rococo.track', 'Track', { ns: 'apps-config' }),
+        providers: {
+          Parity: 'wss://track-rpc.polkadot.io'
+        }
+      },
+      {
+        info: 'rococoJupiter',
+        isDisabled: true, // Rococo reset
+        paraId: 1010,
+        text: t('rpc.rococo.jupiter', 'Patract Jupiter PC1', { ns: 'apps-config' }),
+        providers: {
+          jupiter: 'wss://ws.rococo.jupiter.patract.cn'
+        }
+      },
+      {
+        info: 'rococoPhala',
+        isDisabled: true, // Rococo reset
+        paraId: 1030,
+        text: t('rpc.rococo.phala', 'Phala PC1', { ns: 'apps-config' }),
+        providers: {
+          Phala: 'wss://rococov1.phala.network/ws'
+        }
+      },
+      {
+        info: 'rococoPhoenix',
+        isDisabled: true, // Rococo reset
+        paraId: 6806,
+        text: t('rpc.rococo.phoenix', 'PHOENIX PC1', { ns: 'apps-config' }),
+        providers: {
+          'PHOENIX Protocol': 'wss://phoenix-ws.coinid.pro'
+        }
+      },
+      {
+        info: 'rococoPlasm',
+        isDisabled: true, // Rococo reset
+        paraId: 5000,
+        text: t('rpc.rococo.plasm', 'Plasm PC2', { ns: 'apps-config' }),
+        providers: {
+          PlasmNetwork: 'wss://rpc.rococo.plasmnet.io'
+        }
+      },
+      {
+        info: 'rococoPolkaFoundry',
+        isDisabled: true, // Rococo reset
+        paraId: 1111,
+        text: t('rpc.rococo.polkafoundry', 'PolkaFoundry PC1', { ns: 'apps-config' }),
+        providers: {
+          PolkaFoundry: 'wss://rococo.polkafoundry.com'
+        }
+      },
+      {
+        info: 'rococoPrism',
+        isDisabled: true, // Rococo reset
+        paraId: 2002,
+        text: t('rpc.rococo.prism', 'Prism PC1', { ns: 'apps-config' }),
+        providers: {
+          Prism: 'wss://rococo.psm.link'
+        }
+      },
+      {
+        info: 'rococoRobonomics',
+        isDisabled: true, // Rococo reset
+        paraId: 3000,
+        text: t('rpc.rococo.robonomics', 'Robonomics PC2', { ns: 'apps-config' }),
+        providers: {
+          Airalab: 'wss://rococo.parachain.robonomics.network'
+        }
+      },
+      {
+        info: 'rococoStandard',
+        isDisabled: true, // Rococo reset
+        paraId: 2003,
+        text: t('rpc.rococo.standard', 'Standard', { ns: 'apps-config' }),
+        providers: {
+          'Standard Protocol': 'wss://rpc.rococo.standard.tech'
+        }
+      },
+      {
+        info: 'rococoSubDAO',
+        isDisabled: true, // Rococo reset
+        paraId: 888,
+        text: t('rpc.rococo.subdao', 'SubDAO PC1', { ns: 'apps-config' }),
+        providers: {
+          SubDAONetwork: 'wss://parachain.subdao.network'
+        }
+      },
+      {
+        info: 'rococoSubsocial',
+        isDisabled: true, // Rococo reset
+        paraId: 28,
+        text: t('rpc.rococo.subsocial', 'Subsocial PC1', { ns: 'apps-config' }),
+        providers: {
+          DappForce: 'wss://roc.subsocial.network'
+        }
+      },
+      {
+        info: 'rococoTrustBase',
+        isDisabled: true, // Rococo reset
+        paraId: 6633,
+        text: t('rpc.rococo.trustbase', 'TrustBase PC1', { ns: 'apps-config' }),
+        providers: {
+          TrustBase: 'wss://rococo.trustednodes.net'
+        }
+      },
+      {
+        info: 'rococoUnitv',
+        isDisabled: true, // Rococo reset
+        paraId: 3,
+        text: t('rpc.rococo.unitv', 'Unit Network', { ns: 'apps-config' }),
+        providers: {
+          'Unit Network': 'wss://unitp.io'
+        }
+      },
+      {
+        info: 'rococoVln',
+        isDisabled: true, // Rococo reset
+        paraId: 2007,
+        text: t('rpc.rococo.vln', 'Valibre Network PC', { ns: 'apps-config' }),
+        providers: {
+          Valibre: 'wss://testnet.valibre.dev'
+        }
+      },
+      {
+        info: 'rococoZeitgeist',
+        isDisabled: true, // See https://github.com/polkadot-js/apps/issues/5842
+        paraId: 2050,
+        text: t('rpc.rococo.zeitgeist', 'Zeitgeist PC', { ns: 'apps-config' }),
+        providers: {
+          Zeitgeist: 'wss://roc.zeitgeist.pm'
+        }
+      },
+      {
+        info: 'rococoZenlink',
+        isDisabled: true, // Rococo reset
+        paraId: 1188,
+        text: t('rpc.rococo.zenlink', 'Zenlink PC1', { ns: 'apps-config' }),
+        providers: {
+          Zenlink: 'wss://rococo-parachain.zenlink.pro'
+        }
+      }
+    ]
+  };
+}
diff --git a/packages/apps-config/src/endpoints/testingRelayWestend.ts b/packages/apps-config/src/endpoints/testingRelayWestend.ts
new file mode 100644
index 0000000..000cbc0
--- /dev/null
+++ b/packages/apps-config/src/endpoints/testingRelayWestend.ts
@@ -0,0 +1,149 @@
+// Copyright 2017-2022 @polkadot/apps-config authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { TFunction } from '../types';
+import type { EndpointOption } from './types';
+
+import { WESTEND_GENESIS } from '../api/constants';
+
+/* eslint-disable sort-keys */
+
+// The available endpoints that will show in the dropdown. For the most part (with the exception of
+// Polkadot) we try to keep this to live chains only, with RPCs hosted by the community/chain vendor
+//   info: The chain logo name as defined in ../ui/logos/index.ts in namedLogos (this also needs to align with @polkadot/networks)
+//   text: The text to display on the dropdown
+//   value: The actual hosted secure websocket endpoint
+
+// Based on history, this will expand so keep it as a singular chunk
+export function createWestend (t: TFunction): EndpointOption {
+  return {
+    dnslink: 'westend',
+    genesisHash: WESTEND_GENESIS,
+    info: 'westend',
+    text: t('rpc.westend', 'Westend', { ns: 'apps-config' }),
+    providers: {
+      Parity: 'wss://westend-rpc.polkadot.io',
+      OnFinality: 'wss://westend.api.onfinality.io/public-ws',
+      Pinknode: 'wss://rpc.pinknode.io/westend/explorer',
+      Dwellir: 'wss://westend-rpc.dwellir.com',
+      'light client': 'light://substrate-connect/westend'
+      // 'NodeFactory(Vedran)': 'wss://westend.vedran.nodefactory.io/ws', // https://github.com/polkadot-js/apps/issues/5580
+    },
+    teleport: [1000],
+    linked: [
+      // (1) system parachains (none available yet)
+      // ...
+      // (2) common good, leave as second group
+      {
+        info: 'westmint',
+        paraId: 1000,
+        text: t('rpc.westend.shell', 'Westmint', { ns: 'apps-config' }),
+        providers: {
+          Parity: 'wss://westmint-rpc.polkadot.io',
+          Dwellir: 'wss://westmint-rpc.dwellir.com'
+        },
+        teleport: [-1]
+      },
+      // (3) parachains with id, see Rococo (info here maps to the actual "named icon")
+      //
+      // NOTE: Added alphabetical based on chain name
+      {
+        info: 'basilisk',
+        isUnreachable: true, // https://github.com/polkadot-js/apps/issues/6422
+        paraId: 2097,
+        text: t('rpc.westend.basilisk', 'Basilisk Egg', { ns: 'apps-config' }),
+        providers: {
+          HydraDX: 'wss://rpc-01.basilisk-testnet.hydradx.io'
+        }
+      },
+      {
+        info: 'charcoal',
+        paraId: 2086,
+        text: t('rpc.westend.charcoal', 'Charcoal', { ns: 'apps-config' }),
+        providers: {
+          Centrifuge: 'wss://fullnode-collator.charcoal.centrifuge.io'
+        }
+      },
+      {
+        info: 'integritee',
+        paraId: 2081,
+        text: t('rpc.westend.integritee', 'Integritee Network', { ns: 'apps-config' }),
+        providers: {
+          Integritee: 'wss://teerw1.integritee.network'
+        }
+      },
+      {
+        info: 'interlay',
+        isUnreachable: true, // https://github.com/polkadot-js/apps/issues/6261
+        paraId: 2094,
+        text: t('rpc.westend.interbtc', 'Interlay', { ns: 'apps-config' }),
+        providers: {
+          Interlay: 'wss://api-westend.interlay.io/parachain'
+        }
+      },
+      {
+        info: 'moonshadow',
+        isUnreachable: true, // https://github.com/polkadot-js/apps/issues/6181
+        paraId: 2002,
+        text: t('rpc.westend.moonshadow', 'Moonshadow', { ns: 'apps-config' }),
+        providers: {
+          PureStake: 'wss://wss.moonshadow.testnet.moonbeam.network'
+        }
+      },
+      {
+        info: 'pangoro',
+        isUnreachable: true, // https://github.com/polkadot-js/apps/issues/6530
+        homepage: 'https://darwinia.network/',
+        paraId: 2102,
+        text: t('rpc.westend.pangoro', 'Pangoro', { ns: 'apps-config' }),
+        providers: {
+          Darwinia: 'wss://pangoro-parachain-rpc.darwinia.network'
+        }
+      },
+      {
+        info: 'westendPichiu',
+        homepage: 'https://kylin.network/',
+        paraId: 2112,
+        text: t('westend.kylin-node.co.uk', 'Pichiu', { ns: 'apps-config' }),
+        providers: {
+          'Kylin Network': 'wss://westend.kylin-node.co.uk'
+        }
+      },
+      {
+        info: 'westendStandard',
+        paraId: 2094,
+        text: t('rpc.westend.standard', 'Standard ', { ns: 'apps-config' }),
+        providers: {
+          'Standard Protocol': 'wss://rpc.westend.standard.tech'
+        }
+      },
+      {
+        info: 'karura',
+        isUnreachable: true, // https://github.com/polkadot-js/apps/issues/5830
+        paraId: 2005,
+        text: t('rpc.westend.wendala', 'Wendala', { ns: 'apps-config' }),
+        providers: {
+          'Acala Foundation': 'wss://karura-westend-rpc.aca-staging.network'
+        }
+      },
+      {
+        info: 'whala',
+        isUnreachable: true, // https://github.com/polkadot-js/apps/issues/6181
+        paraId: 2013,
+        text: t('rpc.westend.whala', 'Whala', { ns: 'apps-config' }),
+        providers: {
+          Phala: 'wss://whala.phala.network/ws'
+        }
+      },
+      {
+        info: 'kilt',
+        homepage: 'https://www.kilt.io/',
+        paraId: 2085,
+        text: t('rpc.westend.kilt', 'WILT', { ns: 'apps-config' }),
+        providers: {
+          'KILT Protocol': 'wss://westend.kilt.io:9977'
+        }
+      }
+    ]
+  };
+}
diff --git a/packages/apps-config/src/endpoints/testingRelays.ts b/packages/apps-config/src/endpoints/testingRelays.ts
new file mode 100644
index 0000000..3ed4904
--- /dev/null
+++ b/packages/apps-config/src/endpoints/testingRelays.ts
@@ -0,0 +1,17 @@
+// Copyright 2017-2022 @polkadot/apps-config authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { TFunction } from '../types';
+import type { LinkOption } from './types';
+
+import { createRococo } from './testingRelayRococo';
+import { createWestend } from './testingRelayWestend';
+import { expandEndpoints } from './util';
+
+export function createRococoRelay (t: TFunction, firstOnly: boolean, withSort: boolean): LinkOption[] {
+  return expandEndpoints(t, [createRococo(t)], firstOnly, withSort);
+}
+
+export function createWestendRelay (t: TFunction, firstOnly: boolean, withSort: boolean): LinkOption[] {
+  return expandEndpoints(t, [createWestend(t)], firstOnly, withSort);
+}
diff --git a/packages/apps-config/src/endpoints/types.ts b/packages/apps-config/src/endpoints/types.ts
new file mode 100644
index 0000000..29993cc
--- /dev/null
+++ b/packages/apps-config/src/endpoints/types.ts
@@ -0,0 +1,41 @@
+// Copyright 2017-2022 @polkadot/apps-config authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { Option } from '../settings/types';
+
+export interface EndpointOption {
+  dnslink?: string;
+  genesisHash?: string;
+  homepage?: string;
+  isChild?: boolean;
+  isDevelopment?: boolean;
+  isDisabled?: boolean;
+  isUnreachable?: boolean;
+  linked?: EndpointOption[];
+  info?: string;
+  paraId?: number;
+  providers: Record<string, string>;
+  summary?: string;
+  teleport?: number[];
+  text: React.ReactNode;
+}
+
+export interface LinkOption extends Option {
+  dnslink?: string;
+  genesisHash?: string;
+  genesisHashRelay?: string;
+  homepage?: string;
+  isChild?: boolean;
+  isDevelopment?: boolean;
+  isLightClient?: boolean;
+  isRelay?: boolean;
+  isUnreachable?: boolean;
+  isSpaced?: boolean;
+  linked?: LinkOption[];
+  paraId?: number;
+  summary?: string;
+  teleport?: number[];
+  textBy: string;
+  value: string;
+  valueRelay?: string[];
+}
diff --git a/packages/apps-config/src/endpoints/util.ts b/packages/apps-config/src/endpoints/util.ts
new file mode 100644
index 0000000..6aaca09
--- /dev/null
+++ b/packages/apps-config/src/endpoints/util.ts
@@ -0,0 +1,93 @@
+// Copyright 2017-2022 @polkadot/apps-config authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { TFunction } from '../types';
+import type { EndpointOption, LinkOption } from './types';
+
+interface SortOption {
+  isUnreachable?: boolean;
+}
+
+function sortNoop (): number {
+  return 0;
+}
+
+function sortLinks (a: SortOption, b: SortOption): number {
+  return !!a.isUnreachable !== !!b.isUnreachable
+    ? a.isUnreachable
+      ? 1
+      : -1
+    : 0;
+}
+
+function expandLinked (input: LinkOption[]): LinkOption[] {
+  const valueRelay = input.map(({ value }) => value);
+
+  return input.reduce((result: LinkOption[], entry): LinkOption[] => {
+    result.push(entry);
+
+    return entry.linked
+      ? result.concat(
+        expandLinked(entry.linked).map((child): LinkOption => {
+          child.genesisHashRelay = entry.genesisHash;
+          child.isChild = true;
+          child.valueRelay = valueRelay;
+
+          return child;
+        })
+      )
+      : result;
+  }, []);
+}
+
+function expandEndpoint (t: TFunction, { dnslink, genesisHash, homepage, info, isChild, isDisabled, isUnreachable, linked, paraId, providers, teleport, text }: EndpointOption, firstOnly: boolean, withSort: boolean): LinkOption[] {
+  const base = {
+    genesisHash,
+    homepage,
+    info,
+    isChild,
+    isDisabled,
+    isUnreachable,
+    paraId,
+    teleport,
+    text
+  };
+
+  const result = Object
+    .entries(providers)
+    .filter((_, index) => !firstOnly || index === 0)
+    .map(([host, value], index): LinkOption => ({
+      ...base,
+      dnslink: index === 0 ? dnslink : undefined,
+      isLightClient: value.startsWith('light://'),
+      isRelay: false,
+      textBy: value.startsWith('light://')
+        ? t('lightclient.experimental', 'light client (experimental)', { ns: 'apps-config' })
+        : t('rpc.hosted.via', 'via {{host}}', { ns: 'apps-config', replace: { host } }),
+      value
+    }));
+
+  if (linked) {
+    const last = result[result.length - 1];
+    const options: LinkOption[] = [];
+
+    linked
+      .sort(withSort ? sortLinks : sortNoop)
+      .filter(({ paraId }) => paraId)
+      .forEach((o) =>
+        options.push(...expandEndpoint(t, o, firstOnly, withSort))
+      );
+
+    last.isRelay = true;
+    last.linked = options;
+  }
+
+  return expandLinked(result);
+}
+
+export function expandEndpoints (t: TFunction, input: EndpointOption[], firstOnly: boolean, withSort: boolean): LinkOption[] {
+  return input
+    .sort(withSort ? sortLinks : sortNoop)
+    .reduce((all: LinkOption[], e) =>
+      all.concat(expandEndpoint(t, e, firstOnly, withSort)), []);
+}
diff --git a/packages/apps-config/src/extensions/index.ts b/packages/apps-config/src/extensions/index.ts
new file mode 100644
index 0000000..dd14cb7
--- /dev/null
+++ b/packages/apps-config/src/extensions/index.ts
@@ -0,0 +1,31 @@
+// Copyright 2017-2022 @polkadot/apps-config authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+// it would have been really good to import this from detect-browser, however... not exported
+type Browser = 'chrome' | 'firefox';
+
+interface Extension {
+  desc: string;
+  link: string;
+  name: string;
+}
+
+// The list of known extensions including the links to tem on the store. This is used when
+// no extensions are actually available, promoting the user to install one or more
+
+export const availableExtensions: Record<Browser, Extension[]> = [
+  {
+    browsers: {
+      chrome: 'https://chrome.google.com/webstore/detail/polkadot%7Bjs%7D-extension/mopnmbcafieddcagagdcbnhejhlodfdd',
+      firefox: 'https://addons.mozilla.org/en-US/firefox/addon/polkadot-js-extension/'
+    },
+    desc: 'Basic account injection and signer',
+    name: 'polkadot-js extension'
+  }
+].reduce((available: Record<Browser, Extension[]>, { browsers, desc, name }): Record<Browser, Extension[]> => {
+  Object.entries(browsers).forEach(([browser, link]): void => {
+    available[browser as 'chrome'].push({ desc, link, name });
+  });
+
+  return available;
+}, { chrome: [], firefox: [] });
diff --git a/packages/apps-config/src/index.ts b/packages/apps-config/src/index.ts
new file mode 100644
index 0000000..4066491
--- /dev/null
+++ b/packages/apps-config/src/index.ts
@@ -0,0 +1,10 @@
+// Copyright 2017-2022 @polkadot/apps-config authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+export * from './api';
+export * from './endpoints';
+export * from './extensions';
+export * from './links';
+export * from './settings';
+export * from './ui';
+export * from './ipfs-gateway-endpoints';
diff --git a/packages/apps-config/src/ipfs-gateway-endpoints/index.ts b/packages/apps-config/src/ipfs-gateway-endpoints/index.ts
new file mode 100644
index 0000000..5f0113a
--- /dev/null
+++ b/packages/apps-config/src/ipfs-gateway-endpoints/index.ts
@@ -0,0 +1,32 @@
+// Copyright 2017-2022 @polkadot/apps-config authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { TFunction } from '../types';
+import type { AuthIpfsEndpoint } from './types';
+
+// Definitions here are with the following values -
+//   info: the name of a logo as defined in ../ui/logos, specifically in namedLogos
+//   text: the IPFS endpoint name
+//   value: the IPFS endpoint domain
+//   location: IPFS gateway location
+export function createAuthIpfsEndpoints (t: TFunction): AuthIpfsEndpoint[] {
+  return [
+    {
+      location: t('Singapore'),
+      text: t('DCF'),
+      value: 'https://crustipfs.xyz'
+    },
+    {
+      location: t('Seattle'),
+      text: t('Crust Network'),
+      value: 'https://crustwebsites.net'
+    },
+    {
+      location: t('Berlin'),
+      text: t('⚡️ Thunder Gateway'),
+      value: 'https://gw.crustapps.net'
+    }
+  ];
+}
+
+export type { AuthIpfsEndpoint };
diff --git a/packages/apps-config/src/ipfs-gateway-endpoints/types.ts b/packages/apps-config/src/ipfs-gateway-endpoints/types.ts
new file mode 100644
index 0000000..e26498b
--- /dev/null
+++ b/packages/apps-config/src/ipfs-gateway-endpoints/types.ts
@@ -0,0 +1,8 @@
+// Copyright 2017-2022 @polkadot/apps-config authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+export interface AuthIpfsEndpoint {
+  text?: string;
+  value: string;
+  location?: string;
+}
diff --git a/packages/apps-config/src/links/commonwealth.ts b/packages/apps-config/src/links/commonwealth.ts
new file mode 100644
index 0000000..02ea7a2
--- /dev/null
+++ b/packages/apps-config/src/links/commonwealth.ts
@@ -0,0 +1,28 @@
+// Copyright 2017-2022 @polkadot/apps-config authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { BN } from '@polkadot/util';
+
+import { externalLogos } from '../ui/logos';
+
+const HASH_PATHS = ['proposal/councilmotion'];
+
+export default {
+  chains: {
+    Edgeware: 'edgeware',
+    Kulupu: 'kulupu',
+    Kusama: 'kusama',
+    'Kusama CC3': 'kusama'
+  },
+  create: (chain: string, path: string, data: BN | number | string, hash?: string): string =>
+    `https://commonwealth.im/${chain}/${path}/${HASH_PATHS.includes(path) ? (hash || '') : data.toString()}`,
+  isActive: true,
+  logo: externalLogos.commonwealth as string,
+  paths: {
+    council: 'proposal/councilmotion',
+    proposal: 'proposal/democracyproposal',
+    referendum: 'proposal/referendum',
+    treasury: 'proposal/treasuryproposal'
+  },
+  url: 'https://commonwealth.im/'
+};
diff --git a/packages/apps-config/src/links/dotreasury.ts b/packages/apps-config/src/links/dotreasury.ts
new file mode 100644
index 0000000..cb52023
--- /dev/null
+++ b/packages/apps-config/src/links/dotreasury.ts
@@ -0,0 +1,23 @@
+// Copyright 2017-2022 @polkadot/apps-config authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { BN } from '@polkadot/util';
+
+import { externalLogos } from '../ui/logos';
+
+export default {
+  chains: {
+    Kusama: 'ksm',
+    Polkadot: 'dot'
+  },
+  create: (chain: string, path: string, data: BN | number | string): string =>
+    `https://www.dotreasury.com/${chain}/${path}/${data.toString()}`,
+  isActive: true,
+  logo: externalLogos.dotreasury as string,
+  paths: {
+    bounty: 'bounties',
+    tip: 'tips',
+    treasury: 'proposals'
+  },
+  url: 'https://dotreasury.com/'
+};
diff --git a/packages/apps-config/src/links/dotscanner.ts b/packages/apps-config/src/links/dotscanner.ts
new file mode 100644
index 0000000..6e3207a
--- /dev/null
+++ b/packages/apps-config/src/links/dotscanner.ts
@@ -0,0 +1,22 @@
+// Copyright 2017-2022 @polkadot/apps-config authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { BN } from '@polkadot/util';
+
+import { externalLogos } from '../ui/logos';
+
+export default {
+  chains: {
+    Kusama: 'kusama',
+    Polkadot: 'polkadot'
+  },
+  create: (chain: string, path: string, data: BN | number | string): string =>
+    `https://dotscanner.com/${chain}/${path}/${data.toString()}?utm_source=polkadotjs`,
+  isActive: true,
+  logo: externalLogos.dotscanner as string,
+  paths: {
+    address: 'account',
+    block: 'block'
+  },
+  url: 'https://dotscanner.com/'
+};
diff --git a/packages/apps-config/src/links/index.ts b/packages/apps-config/src/links/index.ts
new file mode 100644
index 0000000..d554c7e
--- /dev/null
+++ b/packages/apps-config/src/links/index.ts
@@ -0,0 +1,33 @@
+// Copyright 2017-2022 @polkadot/apps-config authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { ExternalDef } from './types';
+
+import Commonwealth from './commonwealth';
+import Dotreasury from './dotreasury';
+import DotScanner from './dotscanner';
+import KodaDot from './kodadot';
+import Polkascan from './polkascan';
+import { PolkassemblyIo, PolkassemblyNetwork } from './polkassembly';
+import Polkastats from './polkastats';
+import Singular from './singular';
+import Statescan from './statescan';
+import SubId from './subid';
+import Subscan from './subscan';
+import Subsquare from './subsquare';
+
+export const externalLinks: Record<string, ExternalDef> = {
+  Commonwealth,
+  DotScanner,
+  Dotreasury,
+  KodaDot,
+  Polkascan,
+  PolkassemblyIo,
+  PolkassemblyNetwork,
+  Polkastats,
+  'Singular (NFTs)': Singular,
+  Statescan,
+  SubId,
+  Subscan,
+  Subsquare
+};
diff --git a/packages/apps-config/src/links/kodadot.ts b/packages/apps-config/src/links/kodadot.ts
new file mode 100644
index 0000000..cefc7f8
--- /dev/null
+++ b/packages/apps-config/src/links/kodadot.ts
@@ -0,0 +1,28 @@
+// Copyright 2017-2022 @polkadot/apps-config authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { BN } from '@polkadot/util';
+
+import { externalLogos } from '../ui/logos';
+
+const getNetwork = (_chain: string) => {
+  const chain = _chain === 'kusama' ? 'rmrk' : _chain;
+
+  return `https://kodadot.xyz/${chain}/u/`;
+};
+
+export default {
+  chains: {
+    Kusama: 'kusama',
+    Statemine: 'statemine',
+    Westend: 'westend',
+    Westmint: 'westmint'
+  },
+  create: (_chain: string, _path: string, data: BN | number | string): string => `${getNetwork(_chain)}${data.toString()}`,
+  isActive: true,
+  logo: externalLogos.kodadot as string,
+  paths: {
+    address: 'account'
+  },
+  url: 'https://kodadot.xyz'
+};
diff --git a/packages/apps-config/src/links/polkascan.ts b/packages/apps-config/src/links/polkascan.ts
new file mode 100644
index 0000000..1b0a217
--- /dev/null
+++ b/packages/apps-config/src/links/polkascan.ts
@@ -0,0 +1,30 @@
+// Copyright 2017-2022 @polkadot/apps-config authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { BN } from '@polkadot/util';
+
+import { externalLogos } from '../ui/logos';
+
+export default {
+  chains: {
+    // Kulupu: 'kulupu',
+    Kusama: 'kusama',
+    Polkadot: 'polkadot',
+    Rococo: 'rococo'
+  },
+  create: (chain: string, path: string, data: BN | number | string): string =>
+    `https://polkascan.io/${chain}/${path}/${data.toString()}`,
+  isActive: true,
+  logo: externalLogos.polkascan as string,
+  paths: {
+    address: 'account',
+    block: 'block',
+    council: 'council/motion',
+    extrinsic: 'transaction',
+    proposal: 'democracy/proposal',
+    referendum: 'democracy/referendum',
+    techcomm: 'techcomm/proposal',
+    treasury: 'treasury/proposal'
+  },
+  url: 'https://polkascan.io/'
+};
diff --git a/packages/apps-config/src/links/polkassembly.ts b/packages/apps-config/src/links/polkassembly.ts
new file mode 100644
index 0000000..f52fb57
--- /dev/null
+++ b/packages/apps-config/src/links/polkassembly.ts
@@ -0,0 +1,41 @@
+// Copyright 2017-2022 @polkadot/apps-config authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { BN } from '@polkadot/util';
+
+import { externalLogos } from '../ui/logos';
+
+export const PolkassemblyIo = {
+  chains: {
+    Kusama: 'kusama',
+    'Kusama CC3': 'kusama',
+    Polkadot: 'polkadot'
+  },
+  create: (chain: string, path: string, data: BN | number | string): string =>
+    `https://${chain}.polkassembly.io/${path}/${data.toString()}`,
+  isActive: true,
+  logo: externalLogos.polkassembly as string,
+  paths: {
+    bounty: 'bounty',
+    council: 'motion',
+    proposal: 'proposal',
+    referendum: 'referendum',
+    tip: 'tip',
+    treasury: 'treasury'
+  },
+  url: 'https://polkassembly.io/'
+};
+
+export const PolkassemblyNetwork = {
+  ...PolkassemblyIo,
+  chains: {
+    Bifrost: 'bifrost',
+    'KILT Spiritnet': 'kilt',
+    Karura: 'karura',
+    'Khala Network': 'khala',
+    Moonriver: 'moonriver'
+  },
+  create: (chain: string, path: string, data: BN | number | string): string =>
+    `https://${chain}.polkassembly.network/${path}/${data.toString()}`,
+  url: 'https://polkassembly.network/'
+};
diff --git a/packages/apps-config/src/links/polkastats.ts b/packages/apps-config/src/links/polkastats.ts
new file mode 100644
index 0000000..a6be42f
--- /dev/null
+++ b/packages/apps-config/src/links/polkastats.ts
@@ -0,0 +1,27 @@
+// Copyright 2017-2022 @polkadot/apps-config authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { BN } from '@polkadot/util';
+
+import { externalLogos } from '../ui/logos';
+
+export default {
+  chains: {
+    Kusama: 'kusama',
+    Polkadot: 'polkadot',
+    Westend: 'westend'
+
+  },
+  create: (chain: string, path: string, data: BN | number | string): string =>
+    `https://${chain}.polkastats.io/${path}/${data.toString()}`,
+  isActive: true,
+  logo: externalLogos.polkastats as string,
+  paths: {
+    address: 'account',
+    block: 'block',
+    extrinsic: 'extrinsic',
+    intention: 'intention',
+    validator: 'validator'
+  },
+  url: 'https://polkastats.io/'
+};
diff --git a/packages/apps-config/src/links/singular.ts b/packages/apps-config/src/links/singular.ts
new file mode 100644
index 0000000..318fbdb
--- /dev/null
+++ b/packages/apps-config/src/links/singular.ts
@@ -0,0 +1,29 @@
+// Copyright 2017-2022 @polkadot/apps-config authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { BN } from '@polkadot/util';
+
+import { externalLogos } from '../ui/logos';
+
+const getNetwork = (_chain: string) => {
+  switch (_chain) {
+    case 'statemine':
+      return 'statemine/';
+    default:
+      return '';
+  }
+};
+
+export default {
+  chains: {
+    Kusama: 'kusama',
+    Statemine: 'statemine'
+  },
+  create: (_chain: string, _path: string, data: BN | number | string): string => `https://singular.rmrk.app/space/${getNetwork(_chain)}${data.toString()}`,
+  isActive: true,
+  logo: externalLogos.singular as string,
+  paths: {
+    address: 'account'
+  },
+  url: 'https://singular.rmrk.app'
+};
diff --git a/packages/apps-config/src/links/statescan.ts b/packages/apps-config/src/links/statescan.ts
new file mode 100644
index 0000000..51e71b8
--- /dev/null
+++ b/packages/apps-config/src/links/statescan.ts
@@ -0,0 +1,22 @@
+// Copyright 2017-2022 @polkadot/apps-config authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { BN } from '@polkadot/util';
+
+import { externalLogos } from '../ui/logos';
+
+export default {
+  chains: {
+    Statemine: 'statemine',
+    Westmint: 'westmint'
+  },
+  create: (chain: string, path: string, data: BN | number | string): string =>
+    `https://${chain}.statescan.io/${path}/${data.toString()}`,
+  isActive: true,
+  logo: externalLogos.statescan as string,
+  paths: {
+    address: 'account',
+    block: 'block'
+  },
+  url: 'https://statescan.io/'
+};
diff --git a/packages/apps-config/src/links/subid.ts b/packages/apps-config/src/links/subid.ts
new file mode 100644
index 0000000..fa1c62d
--- /dev/null
+++ b/packages/apps-config/src/links/subid.ts
@@ -0,0 +1,33 @@
+// Copyright 2017-2022 @polkadot/apps-config authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { BN } from '@polkadot/util';
+
+import { externalLogos } from '../ui/logos';
+
+export default {
+  chains: {
+    Altair: 'altair',
+    Bifrost: 'bifrost',
+    Centrifuge: 'centrifuge',
+    'Centrifuge Mainnet': 'centrifuge',
+    ChainX: 'chainx',
+    Edgeware: 'edgeware',
+    Karura: 'karura',
+    Khala: 'khala',
+    Kusama: 'kusama',
+    Polkadot: 'polkadot',
+    SORA: 'sora-substrate',
+    Shiden: 'shiden',
+    Statemine: 'statemine',
+    Subsocial: 'subsocial'
+  },
+  create: (_chain: string, _path: string, data: BN | number | string): string =>
+    `https://sub.id/#/${data.toString()}`,
+  isActive: true,
+  logo: externalLogos.subid as string,
+  paths: {
+    address: 'account'
+  },
+  url: 'https://sub.id'
+};
diff --git a/packages/apps-config/src/links/subscan.ts b/packages/apps-config/src/links/subscan.ts
new file mode 100644
index 0000000..7c098c1
--- /dev/null
+++ b/packages/apps-config/src/links/subscan.ts
@@ -0,0 +1,67 @@
+// Copyright 2017-2022 @polkadot/apps-config authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { BN } from '@polkadot/util';
+
+import { externalLogos } from '../ui/logos';
+
+export default {
+  chains: {
+    Acala: 'acala',
+    'Acala Mandala TC5': 'acala-testnet',
+    Altair: 'altair',
+    'Ares Gladios': 'ares-testnet',
+    Astar: 'astar',
+    Bifrost: 'bifrost',
+    Calamari: 'calamari',
+    'Centrifuge Mainnet': 'centrifuge',
+    ChainX: 'chainx',
+    Clover: 'clv',
+    'Crust Maxwell': 'crust',
+    Darwinia: 'darwinia',
+    'Darwinia Crab': 'crab',
+    Edgeware: 'edgeware',
+    Equilibrium: 'equilibrium',
+    'KILT Peregrine': 'kilt-testnet',
+    'KILT Spiritnet': 'spiritnet',
+    Kapex: 'kapex',
+    Karura: 'karura',
+    Khala: 'khala',
+    Kulupu: 'kulupu',
+    Kusama: 'kusama',
+    'Laminar Turbulence TC2': 'laminar-testnet',
+    Litmus: 'litmus',
+    Moonbase: 'moonbase',
+    Moonbeam: 'moonbeam',
+    Moonriver: 'moonriver',
+    Parallel: 'parallel',
+    'Phala PoC-4': 'phala',
+    Plasm: 'plasm',
+    Polkadot: 'polkadot',
+    Rococo: 'rococo',
+    SORA: 'sora',
+    'Shibuya Testnet': 'shibuya',
+    Shiden: 'shiden',
+    Stafi: 'stafi',
+    Statemine: 'statemine',
+    Subgame: 'subgame',
+    Uniarts: 'uniarts',
+    Westend: 'westend'
+  },
+  create: (chain: string, path: string, data: BN | number | string): string =>
+    `https://${chain}.subscan.io/${path}/${data.toString()}`,
+  isActive: true,
+  logo: externalLogos.subscan as string,
+  paths: {
+    address: 'account',
+    block: 'block',
+    council: 'council',
+    extrinsic: 'extrinsic',
+    proposal: 'democracy_proposal',
+    referendum: 'referenda',
+    techcomm: 'tech',
+    treasury: 'treasury',
+    validator: 'validator'
+  },
+  url: 'https://subscan.io/'
+};
diff --git a/packages/apps-config/src/links/subsquare.ts b/packages/apps-config/src/links/subsquare.ts
new file mode 100644
index 0000000..30b9502
--- /dev/null
+++ b/packages/apps-config/src/links/subsquare.ts
@@ -0,0 +1,29 @@
+// Copyright 2017-2022 @polkadot/apps-config authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { BN } from '@polkadot/util';
+
+import { externalLogos } from '../ui/logos';
+
+export default {
+  chains: {
+    Acala: 'acala',
+    Bifrost: 'bifrost',
+    Karura: 'karura',
+    Khala: 'khala',
+    kintsugi: 'kintsugi'
+  },
+  create: (chain: string, path: string, data: BN | number | string): string =>
+    `https://${chain}.subsquare.io/${path}/${data.toString()}`,
+  isActive: true,
+  logo: externalLogos.subsquare as string,
+  paths: {
+    bounty: 'treasury/bounty',
+    council: 'council/motion',
+    proposal: 'democracy/proposal',
+    referendum: 'democracy/referendum',
+    tip: 'treasury/tip',
+    treasury: 'treasury/proposal'
+  },
+  url: 'https://subsquare.io/'
+};
diff --git a/packages/apps-config/src/links/types.ts b/packages/apps-config/src/links/types.ts
new file mode 100644
index 0000000..9df6e4b
--- /dev/null
+++ b/packages/apps-config/src/links/types.ts
@@ -0,0 +1,15 @@
+// Copyright 2017-2022 @polkadot/apps-config authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { BN } from '@polkadot/util';
+
+export type LinkTypes = 'address' | 'block' | 'bounty' | 'council' | 'extrinsic' | 'proposal' | 'referendum' | 'techcomm' | 'tip' | 'treasury';
+
+export interface ExternalDef {
+  chains: Record<string, string>;
+  isActive: boolean;
+  logo: string;
+  paths: Partial<Record<LinkTypes, string>>;
+  url: string;
+  create: (chain: string, path: string, data: BN | number | string, hash?: string) => string;
+}
diff --git a/packages/apps-config/src/packageInfo.ts b/packages/apps-config/src/packageInfo.ts
new file mode 100644
index 0000000..3bc2e5b
--- /dev/null
+++ b/packages/apps-config/src/packageInfo.ts
@@ -0,0 +1,6 @@
+// Copyright 2017-2022 @polkadot/apps-config authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+// Do not edit, auto-generated by @polkadot/dev
+
+export const packageInfo = { name: '@polkadot/apps-config', path: 'auto', type: 'auto', version: '0.112.2-14' };
diff --git a/packages/apps-config/src/settings/ethereumChains.ts b/packages/apps-config/src/settings/ethereumChains.ts
new file mode 100644
index 0000000..8ce4216
--- /dev/null
+++ b/packages/apps-config/src/settings/ethereumChains.ts
@@ -0,0 +1,12 @@
+// Copyright 2017-2022 @polkadot/apps-config authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+// The list of Ethereum networks, for these the UI will default to Ethereum-only accounts
+
+export const ethereumChains = [
+  'moonbase',
+  'moonbeam',
+  'moonriver',
+  'moonshadow',
+  'origintrail-parachain'
+];
diff --git a/packages/apps-config/src/settings/index.ts b/packages/apps-config/src/settings/index.ts
new file mode 100644
index 0000000..ed1b88c
--- /dev/null
+++ b/packages/apps-config/src/settings/index.ts
@@ -0,0 +1,6 @@
+// Copyright 2017-2022 @polkadot/apps-config authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+export * from './ethereumChains';
+export * from './languages';
+export * from './ss58';
diff --git a/packages/apps-config/src/settings/languages.ts b/packages/apps-config/src/settings/languages.ts
new file mode 100644
index 0000000..88b67b2
--- /dev/null
+++ b/packages/apps-config/src/settings/languages.ts
@@ -0,0 +1,60 @@
+// Copyright 2017-2022 @polkadot/apps-config authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { TFunction } from '../types';
+import type { Option } from './types';
+
+export function createLanguages (t: TFunction): Option[] {
+  return [
+    {
+      text: t('lng.detect', 'Default browser language (auto-detect)', { ns: 'apps-config' }),
+      value: 'default'
+    },
+    // default/native
+    {
+      text: 'English',
+      value: 'en'
+    },
+    // translations (sorted by language code)
+    {
+      text: 'عربى',
+      value: 'ar'
+    },
+    {
+      text: 'Español',
+      value: 'es'
+    },
+    {
+      text: 'Français',
+      value: 'fr'
+    },
+    {
+      text: 'Bahasa Indonesia',
+      value: 'id'
+    },
+    {
+      text: 'Italiano',
+      value: 'it'
+    },
+    {
+      text: '日本語',
+      value: 'ja'
+    },
+    {
+      text: '한국어',
+      value: 'ko'
+    },
+    {
+      text: 'Português',
+      value: 'pt'
+    },
+    {
+      text: 'русский',
+      value: 'ru'
+    },
+    {
+      text: '汉语',
+      value: 'zh'
+    }
+  ];
+}
diff --git a/packages/apps-config/src/settings/ss58.ts b/packages/apps-config/src/settings/ss58.ts
new file mode 100644
index 0000000..58d7187
--- /dev/null
+++ b/packages/apps-config/src/settings/ss58.ts
@@ -0,0 +1,35 @@
+// Copyright 2017-2022 @polkadot/ui-settings authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { TFunction } from '../types';
+import type { Option } from './types';
+
+import { selectableNetworks } from '@polkadot/networks';
+
+const networks = selectableNetworks
+  .map(({ displayName, network, prefix }) => ({
+    info: network,
+    text: displayName,
+    value: prefix
+  }))
+  .sort((a, b) =>
+    [0, 2, 42].includes(a.value) || [0, 2, 42].includes(b.value)
+      ? 0
+      : a.text.localeCompare(b.text)
+  );
+
+// Definitions here are with the following values -
+//   info: the name of a logo as defined in ../logos, specifically in namedLogos
+//   text: The text you wish to display in the dropdown
+//   value: The actual ss5Format value (as registered)
+
+export function createSs58 (t: TFunction): Option[] {
+  return [
+    {
+      info: 'default',
+      text: t('ss58.default', 'Default for the connected node', { ns: 'apps-config' }),
+      value: -1
+    },
+    ...networks
+  ];
+}
diff --git a/packages/apps-config/src/settings/types.ts b/packages/apps-config/src/settings/types.ts
new file mode 100644
index 0000000..164b36c
--- /dev/null
+++ b/packages/apps-config/src/settings/types.ts
@@ -0,0 +1,23 @@
+// Copyright 2017-2022 @polkadot/apps-config authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+export interface Option {
+  info?: string;
+  isDisabled?: boolean;
+  isHeader?: boolean;
+  text: React.ReactNode;
+  value: string | number;
+}
+
+export interface LinkOption extends Option {
+  dnslink?: string;
+  genesisHash?: string;
+  genesisHashRelay?: string;
+  isChild?: boolean;
+  isDevelopment?: boolean;
+  isSpaced?: boolean;
+  isLightClient?: boolean;
+  linked?: LinkOption[];
+  paraId?: number;
+  textBy: string;
+}
diff --git a/packages/apps-config/src/types.ts b/packages/apps-config/src/types.ts
new file mode 100644
index 0000000..6613e28
--- /dev/null
+++ b/packages/apps-config/src/types.ts
@@ -0,0 +1,9 @@
+// Copyright 2017-2022 @polkadot/apps-config authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+export interface TOptions {
+  ns?: string;
+  replace?: Record<string, string>
+}
+
+export type TFunction = (keyOrText: string, text?: string, options?: TOptions) => string;
diff --git a/packages/apps-config/src/ui/colors.ts b/packages/apps-config/src/ui/colors.ts
new file mode 100644
index 0000000..54c4eb6
--- /dev/null
+++ b/packages/apps-config/src/ui/colors.ts
@@ -0,0 +1,551 @@
+// Copyright 2017-2022 @polkadot/apps-config authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+/* eslint sort-keys: ["error", "asc", { caseSensitive: false }] */
+
+import nodeBasiliskRococo from './logos/nodes/basilisk-rococo-bg.png';
+import { sanitize } from './util';
+
+// The mapping here is done on the actual chain name (system.chain RPC) or
+// the actual RPC node it is corrected to (system.name RPC)
+
+// defaults
+const emptyColor = '#99999';
+
+// based on chain name
+// alphabetical
+const chainSherpax = '#6bbee8';
+const chainAcala = '#645AFF';
+const chainAjuna = 'linear-gradient(135deg, #0e0c14, #12203b, #1f3451)';
+const chainAleph = '#00CCAB';
+const chainAltair = '#ffb700';
+const chainApron = 'linear-gradient(45deg, #0099F7 0%, #2E49EB 100%)';
+const chainAstar = '#1b6dc1d9';
+const chainAutomata = '#EC7032';
+const chainAutomataContextFree = '#EC7032';
+const chainBitCountry = '#191a2e';
+const chainBitCountryPioneer = '#000000';
+const chainBasiliskTestnet = `url(${String(nodeBasiliskRococo)}) #000`;
+const chainBeastEave = '#900048';
+const chainCalamari = '#000000';
+const chainCoinversation = '#e6017a';
+const chainCompetitorsClub = '#213830';
+const chainComposable = '#FF8500';
+const chainComposableFinance = '#861660';
+const chainCrab = '#7C30DD';
+const chainCreditcoin = '#2D353F';
+const chainCreditcoinTestnet = '#00DF83';
+const chainCrownSterling = '#13264b';
+const chainCrust = '#ff8812';
+const chainCrustMaxwell = '#2E333B';
+const chainClover = 'linear-gradient(to right, #52ad75, #7cc773)';
+const chainChainx = '#F6C94A';
+const chainDarwinia = 'linear-gradient(-45deg, #FE3876 0%, #7C30DD 71%, #3A30DD 100%)';
+const chainDolphin = '#000000';
+const chainDorafactory = '#FF761C';
+const chainDotMog = '#020609';
+const chainEfinity = '#496ddb';
+const chainEquilibrium = '#1792ff';
+const chainFantour = '#5a189a';
+const chainGalital = '#00063F';
+const chainGamePower = '#5d21a5';
+const chainGenshiro = '#e8662d';
+const chainHanonycash = '#0099CC';
+const chainHeiko = '#42d5de';
+const chainHydrate = '#000000';
+const chainInterbtc = '#1a0a2d';
+const chainInterlay = '#3E96FF';
+const chainIpse = '#08a1e8';
+const chainKarura = '#ff4c3b';
+const chainKhala = '#03f3f3';
+const chainKintsugi = '#1a0a2d';
+const chainKlug = '#000000';
+const chainKulupu = '#003366';
+const chainMinix = '#5152f7';
+const chainManta = '#2070a6';
+const chainMangata = '#030408';
+const chainMoonrock = '#3d1d5a';
+const chainMoonsama = '#000000';
+const chainNeumann = '#A8278C';
+const chainNFTMart = '#815287';
+const chainNodle = '#1ab394';
+const chainPangolin = '#5744ff';
+const chainPangoro = '#5745de';
+const chainParallel = '#ef18ac';
+const chainParami = '#ee06e2';
+const chainPhala = '#c6fa4c';
+const chainPhoenix = '#d42181';
+const chainPlasm = '#2096F3';
+const chainPolkadex = '#7C30DD';
+const chainPolkadot = '#e6007a';
+const chainPolkaFoundry = '#ff527c';
+const chainPolkaSmith = '#0DDDFB';
+const chainPontem = '#A92FAC';
+const chainPrism = 'linear-gradient(45deg, rgba(63,94,251,1) 0%, rgba(252,70,107,1) 100%)';
+const chainKico = '#29B58D';
+const chainKilt = '#8c145a';
+const chainKiltDev = '#f05a27';
+const chainKiltPeregrine = `linear-gradient(45deg, ${chainKiltDev} 0%, ${chainKilt} 100%)`;
+const chainKiltRilt = `linear-gradient(45deg, ${chainKilt} 0%, ${chainKiltDev} 100%)`;
+const chainKonomi = '#007aff';
+const chainKusama = '#000000';
+const chainKusamaDataHighway = 'linear-gradient(-90deg, #9400D3 0%, #5A5CA9 50%, #00BFFF 100%)';
+const chainKusari = '#b8860b';
+const chainKylin = '#ed007e';
+const chainListen = '#FFAD0A';
+const chainLitentry = 'linear-gradient(45deg, #5cc27c 0%, #6de98f 100%)';
+const chainLitmus = '#6822fb';
+const chainMybank = '#282736';
+const chainOpal = '#3B9C9D';
+const chainPichiu = '#ed007e';
+const chainQuartz = '#FF4D6A';
+const chainRocco = '#6f36dc';
+const chainRoccoMandala = '#173DC9';
+const chainRoccoAres = '#70FF8B';
+const chainAresGladios = '#1295F0';
+const chainRoccoBifrost = '#5a25f0';
+const chainRococoCanvas = '#000000';
+const chainRoccoDarwinia = 'linear-gradient(-45deg, #FE3876 0%, #7C30DD 71%, #3A30DD 100%)';
+const chainRoccoDataHighway = 'linear-gradient(-90deg, #9400D3 0%, #5A5CA9 50%, #00BFFF 100%)';
+const chainRococoEave = '#900048';
+const chainRococoLaminar = '#004FFF';
+const chainRoccoTick = '#22bb22';
+const chainRoccoTrack = '#bb2222';
+const chainRoccoTrick = '#2222bb';
+const chainRiochain = '#4d87f6';
+const chainSakura = '#ff5995';
+const chainShadow = '#ffa940';
+const chainShiden = '#5923B2';
+const chainSnakenet = '#f653a2';
+const chainSora = '#2D2926';
+const chainSpanner = '#EC3D3D';
+const chainStandard = 'background: radial-gradient(circle, rgba(255,255,255,1) 0%, rgba(42,170,244,1) 35%, rgba(10,10,10,1) 100%)';
+const chainTotem = 'linear-gradient(158deg, rgba(226,157,0,1) 0%, rgba(234,55,203,1) 100%)';
+const chainWestend = '#da68a7';
+const chainWhala = '#03f3f3';
+const chainGalois = '#000000';
+const chainZero = '#000000';
+const chainZenlink = 'linear-gradient(45deg, #F20082 0%, #FF4D4D 100%)';
+const chainJupiter = '#7143ff';
+const chainUniarts = 'linear-gradient(150deg, #333ef7 0%, #55adff 100%)';
+const chainUnique = '#40BCFF';
+const chainIdavoll = '#ff43ff';
+const chainSubDAO = 'linear-gradient(50deg, #F20092 0%, #FF4D5D 100%)';
+const chainSubsocial = '#b9018c';
+const chainSwapdex = '#E94082';
+const chainTinker = '#161616';
+const chainTrustBase = '#ff43aa';
+const chainTuring = '#A8278C';
+const chainUnitv = '#1452F0';
+const chainUnorthodox = 'radial-gradient(circle, rgba(255,255,255,1) 0%, rgba(42,244,187,1) 35%, rgba(10,10,10,1) 100%)';
+const chainVln = '#33cc33';
+const chainWeb3games = '#000000';
+const chainWestlake = 'linear-gradient(-90deg, #9400D3 0%, #5A5CA9 50%, #00BFFF 100%)';
+// based on node name
+// alphabetical
+const nodeAjuna = 'linear-gradient(135deg, #0e0c14, #12203b, #1f3451)';
+const nodeApron = 'linear-gradient(45deg, #0099F7 0%, #2E49EB 100%)';
+const nodeAres = '#E56239';
+const nodeAstar = '#1b6dc1d9';
+const nodeAutomata = '#EC7032';
+const nodeAutomataContextFree = '#EC7032';
+const nodeBasilisk = '#9eec1b';
+const nodeBitCountry = '#191a2e';
+const nodeBifrost = '#5a25f0';
+const nodeCentrifuge = '#fcc367';
+const nodeCoinversation = '#e6017a';
+const nodeCompetitorsClub = '#213830';
+const nodeCrownSterling = '#13264b';
+const nodeDotMog = '#020609';
+const nodeEdgeware = '#111111';
+const nodeEfinity = '#496ddb';
+const nodeEncointer = '#0000cc';
+const nodeFantour = '#5a189a';
+const nodeGalital = '#00063F;';
+const nodeGamePower = '#5d21a5';
+const nodeGeek = '#4f46e5';
+const nodeHeiko = '#42d5de';
+const nodeIntegritee = '#658ea9';
+const nodeIpse = '#08a1e8';
+const nodeJoystream = '#4038FF';
+const nodeJupiter = '#7143ff';
+const nodeKabocha = '#f53485';
+const nodeKonomi = '#007aff';
+const nodeKpron = 'linear-gradient(45deg, #0099F7 0%, #2E49EB 100%)';
+const nodeKylin = '#ed007e';
+const nodeKlug = '#663399';
+const nodeKusari = '#b8860b';
+const nodeLitentry = 'linear-gradient(45deg, #5cc27c 0%, #6de98f 100%)';
+const nodeManta = '#2070a6';
+const nodeMathChain = '#000000';
+const nodeMoonbeam = '#53cbc9';
+const nodeMoonbase = '#F45B5B';
+const nodeMoonriver = '#0E132E';
+const nodeMybank = '#282736';
+const nodeNFTMart = '#307182';
+const nodeNodle = '#1ab394';
+const nodeOdyssey = '#1295F0';
+const nodeOpportunity = '#6143bc';
+const nodeOriginTrail = '#131415';
+const nodePangolin = '#5744ff';
+const nodePangoro = '#5745de';
+const nodeParallel = '#ef18ac';
+const nodeParami = '#ee06e2';
+const nodePichiu = '#ed007e';
+const nodePolkadex = '#7C30DD';
+const nodePolymesh = '#1348e4';
+const nodePontem = '#A92FAC';
+const nodePrism = 'linear-gradient(45deg, rgba(63,94,251,1) 0%, rgba(252,70,107,1) 100%)';
+const nodeRealis = '#000000';
+const nodeRiochain = '#1A3BB3';
+const nodeRobonomics = '#2949d3';
+const nodeSora = '#2D2926';
+const nodeStafi = '#00F3AB';
+const nodeSubDAO = 'linear-gradient(50deg, #F20092 0%, #FF4D5D 100%)';
+const nodeSubsocial = '#b9018c';
+const nodeSubspace = '#562b8e';
+const nodeSwapdex = '#E94082';
+const nodeTernoa = '#d622ff';
+const nodeUniarts = chainUniarts;
+const nodeUnique = chainUnique;
+const nodeOpal = chainOpal;
+const nodeWeb3games = '#000000';
+const nodeWestlake = chainWestlake;
+const nodeZeitgeist = 'linear-gradient(180deg, rgba(32,90,172,1) 0%, rgba(26,72,138,1) 50%, rgba(13,36,69,1) 100%)';
+const nodeZero = '#0099cc';
+const nodeZenlink = 'linear-gradient(45deg, #F20082 0%, #FF4D4D 100%)';
+const nodeSubGame = '#EB027D';
+const nodeZCloak = 'linear-gradient(to right, #E89A76 0%, #C5B8CC 50%, #B0B4D7 100%)';
+
+// based on the spec name
+const specShell = '#2e86ab'; // '#0596FC';
+const specStatemine = '#113911';
+const specStatemint = '#86e62a';
+const specWestmint = '#77bb77';
+
+export { emptyColor };
+
+// Alphabetical overrides based on the actual matched chain name
+// NOTE: This is as retrieved via the system.chain RPC
+export const chainColors: Record<string, string> = Object.entries({
+  Acala: chainAcala,
+  'Acala Dev': chainAcala,
+  'acala mandala pc1': chainRoccoMandala,
+  'acala mandala pc2': chainRoccoMandala,
+  'Ajuna Testnet': chainAjuna,
+  'Aleph Zero': chainAleph,
+  'Aleph Zero Testnet': chainAleph,
+  Altair: chainAltair,
+  'Apron PC1': chainApron,
+  'Ares Gladios': chainAresGladios,
+  'Ares Odyssey': nodeOdyssey,
+  'Ares PC1': chainRoccoAres,
+  Astar: chainAstar,
+  Automata: chainAutomata,
+  'Automata ContextFree': chainAutomataContextFree,
+  'Basilisk testnet': chainBasiliskTestnet,
+  'Beast Developer': chainBeastEave,
+  bifrost: chainRoccoBifrost,
+  'Bifrost Asgard CC4': chainRoccoBifrost,
+  'Bifrost PC1': chainRoccoBifrost,
+  'Bifrost Stage Testnet': chainRoccoBifrost,
+  'Bit.Country Tewai Chain': chainBitCountry,
+  'Calamari Parachain': chainCalamari,
+  'Calamari Parachain Development': chainCalamari,
+  'Calamari Parachain Local': chainCalamari,
+  'Calamari Parachain Testnet': chainCalamari,
+  'Canvas on Rococo': chainRococoCanvas,
+  Centrifuge: nodeCentrifuge,
+  ChainX: chainChainx,
+  Clover: chainClover,
+  Coinversation: chainCoinversation,
+  'Competitors Club': chainCompetitorsClub,
+  Composable: chainComposable,
+  'Composable Finance': chainComposableFinance,
+  Creditcoin: chainCreditcoin,
+  'Creditcoin Testnet': chainCreditcoinTestnet,
+  'Crown Sterling': chainCrownSterling,
+  crust: chainCrust,
+  'crust maxwell': chainCrustMaxwell,
+  'Crust PC1': chainCrust,
+  'darwinia cc1': chainDarwinia,
+  'Darwinia Crab': chainCrab,
+  'Darwinia Crab Redirect': chainCrab,
+  'Darwinia PC2': chainRoccoDarwinia,
+  'DataHighway Spreehafen Rococo Parachain Testnet': chainRoccoDataHighway,
+  'DataHighway Tanganika Kusama Parachain': chainKusamaDataHighway,
+  'Dolphin Testnet': chainDolphin,
+  'Dora Factory': chainDorafactory,
+  'DOTMog.com NET': chainDotMog,
+  Efinity: chainEfinity,
+  Equilibrium: chainEquilibrium,
+  'Equilibrium parachain': chainEquilibrium,
+  EquilibriumTestnet: chainGenshiro,
+  'Fantour Development': chainFantour,
+  Galital: chainGalital,
+  'Galois-PoC-1': chainGalois,
+  'GamePower Network': chainGamePower,
+  Genshiro: chainGenshiro,
+  'Genshiro Rococo Testnet': chainGenshiro,
+  'Halongbay PC1': chainPolkaFoundry,
+  hanonycash: chainHanonycash,
+  HydraDX: chainHydrate,
+  'HydraDX Hydrate': chainHydrate,
+  'HydraDX Snakenet': chainSnakenet,
+  'HydraDX Snakenet Gen2': chainSnakenet,
+  'HydraDX Snakenet Gen3': chainSnakenet,
+  Idavoll: chainIdavoll,
+  InterBTC: chainInterbtc,
+  'InterBTC Staging': chainInterbtc,
+  Interlay: chainInterlay,
+  'InvArch Tinkernet': chainTinker,
+  IpseTestnet: chainIpse,
+  'Jupiter A1': chainJupiter,
+  'Jupiter PC1': chainJupiter,
+  Kapex: chainTotem,
+  Karura: chainKarura,
+  Khala: chainKhala,
+  KICO: chainKico,
+  KILT: chainKilt,
+  'KILT Local': chainKiltDev,
+  'KILT Peregrine': chainKiltPeregrine,
+  'KILT Peregrine Stagenet': chainKiltDev,
+  'KILT Spiritnet': chainKilt,
+  'KILT Spiritnet Development': chainKiltDev,
+  'KILT Testnet': chainKiltDev,
+  Kintsugi: chainKintsugi,
+  'KLUGDOSSIER.NET': chainKlug,
+  Konomi: chainKonomi,
+  Kpron: nodeKpron,
+  Kulupu: chainKulupu,
+  Kusama: chainKusama,
+  'Kusama CC1': chainKusama,
+  'Kusama CC2': chainKusama,
+  'Kusama CC3': chainKusama,
+  kusari: chainKusari,
+  'Kylin Testnet': chainKylin,
+  'laminar turbulence pc1': chainRococoLaminar,
+  Lego: chainTotem,
+  'Listen Network': chainListen,
+  Litentry: chainLitentry,
+  'Litentry-rococo': chainLitentry,
+  Litmus: chainLitmus,
+  'Mangata Kusama Mainnet': chainMangata,
+  'Mangata Public Testnet': chainMangata,
+  'Manta Parachain': chainManta,
+  'Manta Parachain Development': chainManta,
+  'Manta Parachain Local': chainManta,
+  'Manta Parachain Testnet': chainManta,
+  Mars: nodeAres,
+  MathChain: nodeMathChain,
+  'MathChain PC1': chainGalois,
+  Minix: chainMinix,
+  'Minix Testnet': chainMinix,
+  'Moonbase Alpha': nodeMoonbase,
+  'Moonbase Development Testnet': nodeMoonbase,
+  'Moonbase Stage': nodeMoonbase,
+  Moonbeam: nodeMoonbeam,
+  Moonriver: nodeMoonriver,
+  Moonrock: chainMoonrock,
+  'Moonsama Development': chainMoonsama,
+  Moonshadow: nodeMoonbeam,
+  'mybank.network Testnet': chainMybank,
+  'Neumann Network': chainNeumann,
+  'NFTMart Staging': chainNFTMart,
+  'NFTMart Testnet': chainNFTMart,
+  'Nodle Parachain': chainNodle,
+  'Nodle Testing Parachain': chainNodle,
+  Odyssey: nodeOdyssey,
+  'Opal Node': chainOpal,
+  'OriginTrail Parachain': nodeOriginTrail,
+  'OriginTrail Parachain Testnet': nodeOriginTrail,
+  Pangolin: chainPangolin,
+  'Pangolin Parachain': chainPangolin,
+  Pangoro: chainPangoro,
+  Parallel: chainParallel,
+  'Parallel Heiko': chainHeiko,
+  'Parami PC2': chainParami,
+  Phala: chainPhala,
+  PHOENIX: chainPhoenix,
+  'Pichiu Testnet': chainPichiu,
+  'Pioneer Network': chainBitCountryPioneer,
+  Plasm: chainPlasm,
+  'Plasm PC2': chainPlasm,
+  PolkaBTC: chainInterbtc,
+  'Polkadex Testnet': chainPolkadex,
+  Polkadot: chainPolkadot,
+  'Polkadot CC1': chainPolkadot,
+  PolkaSmith: chainPolkaSmith,
+  'Pontem Testnet': chainPontem,
+  'Prism PC1': chainPrism,
+  'Prism Testnet': chainPrism,
+  'QUARTZ by UNIQUE': chainQuartz,
+  'ReAlis Network': nodeRealis,
+  RILT: chainKiltRilt,
+  'RioChain CC-1': chainRiochain,
+  'Riochain Staging': chainRiochain,
+  Robonomics: nodeRobonomics,
+  Rococo: chainRocco,
+  Sakura: chainSakura,
+  Shadow: chainShadow,
+  Sherpax: chainSherpax,
+  'Sherpax Testnet': chainSherpax,
+  Shiden: chainShiden,
+  'SORA Kusama': chainSora,
+  Spanner: chainSpanner,
+  Standard: chainStandard,
+  'Standard Kusama Parachain': chainUnorthodox,
+  Statemine: specStatemine,
+  'Statemine Test': specStatemine,
+  Statemint: specStatemint,
+  'Statemint Test': specStatemint,
+  'Steam PC': chainRococoEave,
+  SubDAO: chainSubDAO,
+  'SubDAO PC1': chainSubDAO,
+  'SubDAO Staging': chainSubDAO,
+  subgame: nodeSubGame,
+  'SubGame Gamma': nodeSubGame,
+  'SubGame Staging': nodeSubGame,
+  'Subsocial PC1': chainSubsocial,
+  Subspace: nodeSubspace,
+  swapdex: chainSwapdex,
+  Tick: chainRoccoTick,
+  Track: chainRoccoTrack,
+  Trick: chainRoccoTrick,
+  'TrustBase PC1': chainTrustBase,
+  'Turing Network': chainTuring,
+  'uni arts staging network': chainUniarts,
+  'UniArts Mainnet': chainUniarts,
+  'Unique Node': chainUnique,
+  UNIT: chainUnitv,
+  'VLN PC': chainVln,
+  Wapex: chainTotem,
+  'Web3Games Plum': chainWeb3games,
+  Westend: chainWestend,
+  Westlake: chainWestlake,
+  Westmint: specWestmint,
+  'Westmint Test': specWestmint,
+  Whala: chainWhala,
+  WILT: chainKilt,
+  'zcloak poc1': nodeZCloak,
+  'Zenlink PC1': chainZenlink,
+  'ZERO.IO': chainZero
+}).reduce<Record<string, string>>((colors, [chain, color]) => ({
+  ...colors,
+  [sanitize(chain)]: color
+}), {});
+
+// Alphabetical overrides based on the actual software node type
+// NOTE: This is as retrieved via the system.name RPC
+export const nodeColors = Object.entries({
+  'Ajuna Node': nodeAjuna,
+  'Apron Node': nodeApron,
+  Astar: nodeAstar,
+  'Automata ContextFree Node': nodeAutomataContextFree,
+  'Automata Node': nodeAutomata,
+  Basilisk: nodeBasilisk,
+  'Bifrost Node': nodeBifrost,
+  'Bifrost Stage Testnet': nodeBifrost,
+  'Bit.Country Node': nodeBitCountry,
+  centrifuge: nodeCentrifuge,
+  'centrifuge chain': nodeCentrifuge,
+  'Centrifuge Chain Node': nodeCentrifuge,
+  Coinversation: nodeCoinversation,
+  'Competitors Club': nodeCompetitorsClub,
+  'Crown Sterling': nodeCrownSterling,
+  'DataHighway Spreehafen Rococo Parachain Testnet': chainRoccoDataHighway,
+  'DataHighway Tanganika Kusama Parachain': chainKusamaDataHighway,
+  'Dora Factory': chainDorafactory,
+  'DOTMog Node': nodeDotMog,
+  'edgeware node': nodeEdgeware,
+  Efinity: nodeEfinity,
+  'Encointer collator': nodeEncointer,
+  'Encointer Node noTEE': nodeEncointer,
+  'Fantour Development': nodeFantour,
+  Galital: nodeGalital,
+  'Galital Parachain Collator': nodeGalital,
+  'GamePower Node': nodeGamePower,
+  GEEK: nodeGeek,
+  'Integritee Collator': nodeIntegritee,
+  'Integritee Node': nodeIntegritee,
+  'InvArch Tinkernet Node': chainTinker,
+  IpseTestnet: nodeIpse,
+  'Joystream Node': nodeJoystream,
+  Kabocha: nodeKabocha,
+  KICO: chainKico,
+  'Klug Dossier Node': nodeKlug,
+  'Konomi Collator': nodeKonomi,
+  'Kpron Collator': nodeKpron,
+  kusari: nodeKusari,
+  'Kylin Parachain Collator': nodeKylin,
+  'Listen Network': chainListen,
+  'Litentry node': nodeLitentry,
+  'Manta Collator': nodeManta,
+  'Manta Node': nodeManta,
+  MathChain: nodeMathChain,
+  'Moonsama Development': chainMoonsama,
+  'mybank.network node': nodeMybank,
+  'NFTMart Staging': nodeNFTMart,
+  'NFTMart Testnet': nodeNFTMart,
+  'nodle chain node': nodeNodle,
+  'Opal Node': nodeOpal,
+  'Opportunity Standalone Testnet': nodeOpportunity,
+  'OriginTrail Parachain': nodeOriginTrail,
+  Pangolin: nodePangolin,
+  'Pangolin Parachain': nodePangolin,
+  Pangoro: nodePangoro,
+  Parallel: nodeParallel,
+  'Parallel Heiko': nodeHeiko,
+  'Parami Collator': nodeParami,
+  'Patract Node': nodeJupiter,
+  'Pichiu Parachain Collator': nodePichiu,
+  'Polkadex Node': nodePolkadex,
+  'Polymesh Node': nodePolymesh,
+  'Pontem Node': nodePontem,
+  'Prism Collator': nodePrism,
+  'Prism Node': nodePrism,
+  'ReAlis Network': nodeRealis,
+  'Rio Defi Chain Node': nodeRiochain,
+  'Riochain Staging': nodeRiochain,
+  'Shiden Collator': chainShiden,
+  SORA: nodeSora,
+  'Stafi node': nodeStafi,
+  'Statemine Collator': specStatemint,
+  'Statemint Collator': specStatemint,
+  SubDAO: nodeSubDAO,
+  'SubDAO Collator': nodeSubDAO,
+  'SubDAO Staging': nodeSubDAO,
+  subgame: nodeSubGame,
+  'SubGame Gamma': nodeSubGame,
+  'SubGame Staging': nodeSubGame,
+  'subsocial node': nodeSubsocial,
+  Subspace: nodeSubspace,
+  'subzero node': nodeZero,
+  swapdex: nodeSwapdex,
+  'Ternoa Node': nodeTernoa,
+  'uni arts node': nodeUniarts,
+  'UniArts Node': nodeUniarts,
+  'Unique Node': nodeUnique,
+  'Web3Games Node': nodeWeb3games,
+  Westlake: nodeWestlake,
+  'Westmint Collator': specWestmint,
+  'zcloak node': nodeZCloak,
+  'Zeitgeist Collator': nodeZeitgeist,
+  'Zeitgeist Node': nodeZeitgeist,
+  'Zenlink Collator': nodeZenlink
+}).reduce<Record<string, string>>((colors, [node, color]) => ({
+  ...colors,
+  [sanitize(node)]: color
+}), {});
+
+// Alphabetical overrides based on the actual software node type
+// NOTE: This is as retrieved via the system.name RPC
+export const specColors = Object.entries({
+  shell: specShell,
+  statemine: specStatemine,
+  statemint: specStatemint,
+  westmint: specWestmint
+}).reduce<Record<string, string>>((colors, [spec, color]) => ({
+  ...colors,
+  [sanitize(spec)]: color
+}), {});
diff --git a/packages/apps-config/src/ui/identityIcons/index.ts b/packages/apps-config/src/ui/identityIcons/index.ts
new file mode 100644
index 0000000..0e3e952
--- /dev/null
+++ b/packages/apps-config/src/ui/identityIcons/index.ts
@@ -0,0 +1,27 @@
+// Copyright 2017-2022 @polkadot/apps-config authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+// overrides based on the actual software node type, valid values are one of -
+// polkadot, substrate, beachball, robohash
+
+export const identityNodes: Record<string, string> = [
+  ['centrifuge chain', 'polkadot'],
+  ['joystream-node', 'beachball'],
+  ['parity-polkadot', 'polkadot']
+].reduce((icons, [node, icon]): Record<string, string> => ({
+  ...icons,
+  [node.toLowerCase().replace(/-/g, ' ')]: icon
+}), {});
+
+export const identitySpec: Record<string, string> = [
+  ['kusama', 'polkadot'],
+  ['polkadot', 'polkadot'],
+  ['rococo', 'polkadot'],
+  ['statemine', 'polkadot'],
+  ['statemint', 'polkadot'],
+  ['westend', 'polkadot'],
+  ['westmint', 'polkadot']
+].reduce((icons, [spec, icon]): Record<string, string> => ({
+  ...icons,
+  [spec.toLowerCase().replace(/-/g, ' ')]: icon
+}), {});
diff --git a/packages/apps-config/src/ui/index.ts b/packages/apps-config/src/ui/index.ts
new file mode 100644
index 0000000..562defa
--- /dev/null
+++ b/packages/apps-config/src/ui/index.ts
@@ -0,0 +1,24 @@
+// Copyright 2017-2022 @polkadot/apps-config authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import { chainColors, nodeColors, specColors } from './colors';
+import { identityNodes, identitySpec } from './identityIcons';
+import { sanitize } from './util';
+
+export * from './logos';
+
+export function getSystemIcon (systemName: string, specName: string): 'beachball' | 'polkadot' | 'substrate' {
+  return (
+    identityNodes[sanitize(systemName)] ||
+    identitySpec[sanitize(specName)] ||
+    'substrate'
+  ) as 'substrate';
+}
+
+export function getSystemColor (systemChain: string, systemName: string, specName: string): string | undefined {
+  return (
+    chainColors[sanitize(systemChain)] ||
+    nodeColors[sanitize(systemName)] ||
+    specColors[sanitize(specName)]
+  );
+}
diff --git a/packages/apps-config/src/ui/logos/chains/acala.svg b/packages/apps-config/src/ui/logos/chains/acala.svg
new file mode 100644
index 0000000..1b92bb9
--- /dev/null
+++ b/packages/apps-config/src/ui/logos/chains/acala.svg
@@ -0,0 +1,34 @@
+<svg width="88" height="88" viewBox="0 0 88 88" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M43.6965 49.5651C41.9108 49.5651 40.1744 49.714 38.4945 49.9987L41.0816 45.5178C41.9549 45.4602 42.8293 45.4311 43.6965 45.4311C45.7279 45.4311 47.7949 45.5987 49.7933 45.9193L39.7478 28.52L23.0252 57.4845L20.6353 53.3451L39.7102 20.3065L39.7495 20.3746L39.7871 20.3094L62.8067 60.1805H58.0269L52.6468 50.8618C49.8436 50.0164 46.8468 49.5651 43.6965 49.5651Z" fill="url(#paint0_linear)"/>
+<path d="M64.2943 57.5542L42.0076 18.9526H46.7873L66.6841 53.4149L64.2943 57.5542Z" fill="url(#paint1_linear)"/>
+<path d="M42.1743 37.997L33.0231 53.8475C36.2974 52.8596 40.152 52.4185 43.7884 52.4185C44.0823 52.4185 44.377 52.422 44.6722 52.429C46.7381 52.4778 48.825 52.6964 50.8248 53.0697L53.8779 58.3579C50.7525 57.2211 47.3696 56.5524 43.7884 56.5524C38.4919 56.5524 33.6277 57.8624 29.3915 60.1414L29.4581 60.0221L29.3668 60.1804H24.587L39.7845 33.8577L42.1743 37.997Z" fill="url(#paint2_linear)"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M44 80.8163C64.3331 80.8163 80.8163 64.3331 80.8163 44C80.8163 23.6669 64.3331 7.18367 44 7.18367C23.6669 7.18367 7.18367 23.6669 7.18367 44C7.18367 64.3331 23.6669 80.8163 44 80.8163ZM44.0898 76.3265C61.9928 76.3265 76.5061 61.8132 76.5061 43.9102C76.5061 26.0072 61.9928 11.4939 44.0898 11.4939C26.1868 11.4939 11.6735 26.0072 11.6735 43.9102C11.6735 61.8132 26.1868 76.3265 44.0898 76.3265Z" fill="url(#paint3_linear)"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M44 88C68.3005 88 88 68.3005 88 44C88 19.6995 68.3005 0 44 0C19.6995 0 0 19.6995 0 44C0 68.3005 19.6995 88 44 88ZM44.1796 83.8694C66.1988 83.8694 84.049 66.0193 84.049 44C84.049 21.9807 66.1988 4.13061 44.1796 4.13061C22.1603 4.13061 4.3102 21.9807 4.3102 44C4.3102 66.0193 22.1603 83.8694 44.1796 83.8694Z" fill="url(#paint4_linear)"/>
+<defs>
+<linearGradient id="paint0_linear" x1="132.24" y1="57.577" x2="65.1457" y2="-20.9227" gradientUnits="userSpaceOnUse">
+<stop stop-color="#645AFF"/>
+<stop offset="0.5238" stop-color="#E40C5B"/>
+<stop offset="1" stop-color="#FF4C3B"/>
+</linearGradient>
+<linearGradient id="paint1_linear" x1="132.24" y1="57.577" x2="65.1457" y2="-20.9227" gradientUnits="userSpaceOnUse">
+<stop stop-color="#645AFF"/>
+<stop offset="0.5238" stop-color="#E40C5B"/>
+<stop offset="1" stop-color="#FF4C3B"/>
+</linearGradient>
+<linearGradient id="paint2_linear" x1="132.24" y1="57.577" x2="65.1457" y2="-20.9227" gradientUnits="userSpaceOnUse">
+<stop stop-color="#645AFF"/>
+<stop offset="0.5238" stop-color="#E40C5B"/>
+<stop offset="1" stop-color="#FF4C3B"/>
+</linearGradient>
+<linearGradient id="paint3_linear" x1="132.24" y1="57.577" x2="65.1457" y2="-20.9227" gradientUnits="userSpaceOnUse">
+<stop stop-color="#645AFF"/>
+<stop offset="0.5238" stop-color="#E40C5B"/>
+<stop offset="1" stop-color="#FF4C3B"/>
+</linearGradient>
+<linearGradient id="paint4_linear" x1="132.24" y1="57.577" x2="65.1457" y2="-20.9227" gradientUnits="userSpaceOnUse">
+<stop stop-color="#645AFF"/>
+<stop offset="0.5238" stop-color="#E40C5B"/>
+<stop offset="1" stop-color="#FF4C3B"/>
+</linearGradient>
+</defs>
+</svg>
diff --git a/packages/apps-config/src/ui/logos/chains/aleph.svg b/packages/apps-config/src/ui/logos/chains/aleph.svg
new file mode 100644
index 0000000..530226c
--- /dev/null
+++ b/packages/apps-config/src/ui/logos/chains/aleph.svg
@@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 25.3.1, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 80 80" style="enable-background:new 0 0 80 80;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill-rule:evenodd;clip-rule:evenodd;fill:#14202A;}
+</style>
+<path class="st0" d="M65.7,33.5H53.9l-9.3-21.2c-0.1-0.3-0.4-0.5-0.7-0.5H36c-0.3,0-0.6,0.2-0.7,0.5l-9.3,21.2H14.3
+	c-0.4,0-0.8,0.3-0.8,0.8v5.5c0,0.4,0.3,0.8,0.8,0.8H23l-9,20.6c-0.1,0.2-0.1,0.5,0.1,0.7c0.1,0.2,0.4,0.3,0.6,0.3h6.8
+	c0.3,0,0.6-0.2,0.7-0.5L40,19.4l17.8,42.3c0.1,0.3,0.4,0.5,0.7,0.5h6.8c0.3,0,0.5-0.1,0.6-0.3c0.1-0.2,0.2-0.5,0.1-0.7l-9-20.6h8.7
+	c0.4,0,0.8-0.3,0.8-0.8v-5.5C66.4,33.8,66.1,33.5,65.7,33.5z"/>
+</svg>
diff --git a/packages/apps-config/src/ui/logos/chains/altair.svg b/packages/apps-config/src/ui/logos/chains/altair.svg
new file mode 100644
index 0000000..867e769
--- /dev/null
+++ b/packages/apps-config/src/ui/logos/chains/altair.svg
@@ -0,0 +1,35 @@
+<svg width="268" height="268" viewBox="0 0 268 268" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect width="268" height="268" fill="black"/>
+<path d="M174.639 104.116C174.139 105.439 145.511 90.7747 127.666 103.38C117.19 112.031 113.432 126.265 117.19 138.777C119.22 145.534 120.205 148.3 123.539 153.062C125.983 156.554 129.412 160.364 134.173 163.062C135.259 163.864 149.846 172.65 167.558 170.565C195.417 167.288 217 130.71 217 130.71C217 130.71 211.974 141.527 211.51 142.515C198.056 171.15 175.7 178.782 175.7 178.782C155.828 185.566 135.939 176.882 133.744 175.777C119.392 168.557 113.199 161.889 111.27 158.267C108.125 152.359 100.241 129.277 107.796 112.031C113.395 99.2497 125.549 93.9 126.982 93.299C150.11 83.5959 175.094 102.914 174.639 104.116Z" fill="url(#paint0_linear)"/>
+<path d="M174.64 104.116C173.7 104.991 166.949 96.8467 156.109 90.9646C153.01 89.2835 141.187 83.2406 126.746 83.5508C102.808 84.0627 86.8999 101.713 84.0631 104.984C69.8844 121.333 63.2087 146.508 71.1838 166.098C81.5481 191.556 117.379 209.353 113.719 206.389L110.546 205.184C106.886 203.734 61.9737 183.726 60.3648 143.206C59.4577 120.374 66.7616 101.883 71.1838 96.8353C78.9106 88.0158 85.1061 83.7699 90.3292 80.9655C100.824 75.3343 120.562 70.5089 135.211 72.7255C151.647 75.2135 161.964 86.7463 166.995 92.3703C171.534 97.4425 175.399 103.409 174.64 104.116Z" fill="url(#paint1_linear)"/>
+<path d="M126.983 93.3021C123.651 95.1246 120.678 97.5412 118.21 100.433C116.16 102.863 112.501 108.023 110.692 119.669C109.141 129.65 107.431 140.659 112.652 152.586C121.131 171.946 141.104 178.319 145.866 179.839C158.044 183.581 171.078 183.461 183.186 179.496C198.086 174.672 208.507 164.701 209.423 165.867C209.99 166.591 206.154 170.629 203.491 173.097C195.364 180.475 185.409 185.53 174.666 187.733C167.094 189.242 159.318 189.43 151.682 188.289C145.409 187.367 126.749 184.646 112.418 168.733C108.405 164.276 97.0864 151.71 97.971 133.929C98.6095 121.12 105.258 112.069 107.513 109.082C112.683 102.368 119.351 96.9635 126.983 93.3021Z" fill="url(#paint2_linear)"/>
+<path d="M174.64 104.116C175.75 103.621 173.234 89.7821 163.43 78.2524C159.477 73.5933 154.717 69.6875 149.379 66.7227C127.314 54.7087 101.674 64.9729 95.8014 67.3258C89.7857 69.7349 76.7878 75.1398 66.0117 88.6466C53.8648 103.873 52.0659 120.209 51.3743 127.36C48.4191 157.893 63.888 181.98 65.3478 181.511C66.4653 181.152 58.8335 166.043 60.3647 143.206C60.948 134.512 62.2035 118.867 73.1777 103.583C79.8255 94.5686 88.5292 87.2801 98.5616 82.3263C104.367 79.4452 124.068 69.6662 144.869 77.0411C151.207 79.334 157.042 82.8341 162.053 87.3483C171.109 95.663 173.731 104.523 174.64 104.116Z" fill="url(#paint3_linear)"/>
+<path d="M137.468 188.173C136.947 189.064 107.303 181.091 93.7833 155.663C91.7484 151.838 81.1 131.651 87.2649 115.777C89.8432 109.137 94.9192 101.704 96.9694 99.3951C100.281 95.6662 107.544 94.798 114.678 91.7602C117.884 90.4274 121.474 90.1279 124.914 89.6684C128.324 89.2466 131.346 89.3372 134.766 89.6684C139.412 89.9755 158.538 95.8467 152.11 94.8318C146.078 93.8794 132.532 90.5745 124.914 94.8318C124.218 95.2208 123.433 95.7164 123.01 95.9836C116.857 99.8526 111.508 104.878 107.259 110.783C105.781 112.882 99.4834 122.07 98.9849 133.935C98.3669 148.781 106.487 159.612 111.279 166.006C123.378 182.135 137.845 187.535 137.468 188.173Z" fill="url(#paint4_linear)"/>
+<path d="M123.062 82.9044C129.306 82.0002 134.649 81.6885 140.84 82.9044C147.944 84.3378 151.874 85.8152 156.713 88.3011C164.977 92.5471 175.437 103.434 174.64 105.069C173.221 107.981 139.214 82.6111 112.136 94.2411C97.5525 100.504 87.6498 119.001 86.2698 121.797C82.9426 127.964 82.744 133.116 82.4411 140.119C82.2133 148.435 84.5424 155.01 86.6671 161.006C89.6898 169.54 94.5553 178.642 94.4491 178.692C94.444 178.692 94.4266 178.67 94.4215 178.664C78.5695 155.459 76.8779 144.515 76.8779 144.515C76.1628 139.893 73.1095 120.147 86.2698 103.477C98.2676 88.2812 118.408 83.5852 123.062 82.9044Z" fill="url(#paint5_linear)"/>
+<defs>
+<linearGradient id="paint0_linear" x1="160.81" y1="90.5826" x2="160.81" y2="181.349" gradientUnits="userSpaceOnUse">
+<stop stop-color="#FAB961"/>
+<stop offset="1"/>
+</linearGradient>
+<linearGradient id="paint1_linear" x1="117.512" y1="72.1749" x2="117.512" y2="206.712" gradientUnits="userSpaceOnUse">
+<stop stop-color="#FAB961"/>
+<stop offset="1"/>
+</linearGradient>
+<linearGradient id="paint2_linear" x1="153.701" y1="93.3021" x2="153.701" y2="189.024" gradientUnits="userSpaceOnUse">
+<stop stop-color="#FAB961"/>
+<stop offset="1"/>
+</linearGradient>
+<linearGradient id="paint3_linear" x1="112.941" y1="61" x2="112.941" y2="181.517" gradientUnits="userSpaceOnUse">
+<stop/>
+<stop offset="0.414296" stop-color="#FAB961"/>
+</linearGradient>
+<linearGradient id="paint4_linear" x1="114.385" y1="90.2343" x2="114.385" y2="188.239" gradientUnits="userSpaceOnUse">
+<stop/>
+<stop offset="1" stop-color="#FAB961"/>
+</linearGradient>
+<linearGradient id="paint5_linear" x1="125.371" y1="84.4647" x2="125.371" y2="178.692" gradientUnits="userSpaceOnUse">
+<stop/>
+<stop offset="1" stop-color="#FAB961"/>
+</linearGradient>
+</defs>
+</svg>
diff --git a/packages/apps-config/src/ui/logos/chains/astar.png b/packages/apps-config/src/ui/logos/chains/astar.png
new file mode 100644
index 0000000..dd30832
Binary files /dev/null and b/packages/apps-config/src/ui/logos/chains/astar.png differ
diff --git a/packages/apps-config/src/ui/logos/chains/coinversation.png b/packages/apps-config/src/ui/logos/chains/coinversation.png
new file mode 100644
index 0000000..410771a
Binary files /dev/null and b/packages/apps-config/src/ui/logos/chains/coinversation.png differ
diff --git a/packages/apps-config/src/ui/logos/chains/competitors-club.png b/packages/apps-config/src/ui/logos/chains/competitors-club.png
new file mode 100644
index 0000000..f6a3ae0
Binary files /dev/null and b/packages/apps-config/src/ui/logos/chains/competitors-club.png differ
diff --git a/packages/apps-config/src/ui/logos/chains/composableFinance.png b/packages/apps-config/src/ui/logos/chains/composableFinance.png
new file mode 100644
index 0000000..1a73f6d
Binary files /dev/null and b/packages/apps-config/src/ui/logos/chains/composableFinance.png differ
diff --git a/packages/apps-config/src/ui/logos/chains/creditcoin-test.png b/packages/apps-config/src/ui/logos/chains/creditcoin-test.png
new file mode 100644
index 0000000..76231fa
Binary files /dev/null and b/packages/apps-config/src/ui/logos/chains/creditcoin-test.png differ
diff --git a/packages/apps-config/src/ui/logos/chains/creditcoin.png b/packages/apps-config/src/ui/logos/chains/creditcoin.png
new file mode 100644
index 0000000..22563f3
Binary files /dev/null and b/packages/apps-config/src/ui/logos/chains/creditcoin.png differ
diff --git a/packages/apps-config/src/ui/logos/chains/crown-sterling.png b/packages/apps-config/src/ui/logos/chains/crown-sterling.png
new file mode 100644
index 0000000..b872b4e
Binary files /dev/null and b/packages/apps-config/src/ui/logos/chains/crown-sterling.png differ
diff --git a/packages/apps-config/src/ui/logos/chains/datahighway.png b/packages/apps-config/src/ui/logos/chains/datahighway.png
new file mode 100644
index 0000000..679f745
Binary files /dev/null and b/packages/apps-config/src/ui/logos/chains/datahighway.png differ
diff --git a/packages/apps-config/src/ui/logos/chains/dorafactory.png b/packages/apps-config/src/ui/logos/chains/dorafactory.png
new file mode 100644
index 0000000..8024efd
Binary files /dev/null and b/packages/apps-config/src/ui/logos/chains/dorafactory.png differ
diff --git a/packages/apps-config/src/ui/logos/chains/dusty.png b/packages/apps-config/src/ui/logos/chains/dusty.png
new file mode 100644
index 0000000..192c2aa
Binary files /dev/null and b/packages/apps-config/src/ui/logos/chains/dusty.png differ
diff --git a/packages/apps-config/src/ui/logos/chains/efinity.svg b/packages/apps-config/src/ui/logos/chains/efinity.svg
new file mode 100644
index 0000000..0dc7961
--- /dev/null
+++ b/packages/apps-config/src/ui/logos/chains/efinity.svg
@@ -0,0 +1,23 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 25.2.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 178.5 178.5" style="enable-background:new 0 0 178.5 178.5;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#496DDB;}
+</style>
+<g>
+	<path class="st0" d="M109.2,72c-1.1-4.2-3.7-6.9-8-8.1c-3.6-1-7.3-1.4-11-1.6c-4.2,0.1-8.5,0.4-12.6,1.6c-4.3,1.2-6.9,3.9-8,8.1
+		c-0.6,2.3-0.8,4.7-0.9,7c-0.2,2.2-0.2,2.5,1.3,2.5h37.8c2.6,0,2.6,0,2.3-2.6C110,76.7,109.7,74.3,109.2,72z"/>
+	<path class="st0" d="M108.5,96.9H70.8c-2.6,0-2.6,0-2.3,2.6c0.1,2.3,0.3,4.7,0.9,7c1.1,4.2,3.7,6.9,8,8.1c3.6,1,7.3,1.4,11,1.6
+		c4.2-0.1,8.5-0.4,12.6-1.6c4.3-1.2,6.9-3.9,8-8.1c0.6-2.3,0.8-4.7,0.9-7C110.1,97.3,110.1,97,108.5,96.9z"/>
+	<path class="st0" d="M89.2,0C40,0,0,40,0,89.2s40,89.2,89.2,89.2c49.3,0,89.2-40,89.2-89.2S138.5,0,89.2,0z M126.8,69.1
+		c0.4,2.6,0.7,5.2,1,7.9v4.6h13.8c1.1,0,2.1,0,3.1,0.2c2.4,0.4,3.9,1.8,4,4.1l0,6.7c-0.1,2.3-1.6,3.7-4,4.1c-1,0.2-2,0.2-3.1,0.2
+		h-14v4.5c-0.3,2.7-0.6,5.3-1,7.9c-0.4,2.6-1.1,4.9-2,6.9h17.7c2.1,0,4.1,0.2,5.5,2.2c2.1,3.3,1,7.7-2.3,9.8
+		c-0.4,0.3-0.9,0.6-1.4,0.7c-3.7,1.2-7.5,1.4-11.4,1.6c-15.9,0.3-32.2,0.4-43.2,0.4c-13,0-30.4-0.2-43.6-0.5
+		c-3.9-0.1-7.7-0.3-11.3-1.6c-0.6-0.1-1-0.3-1.4-0.7c-3.3-2.1-4.4-6.4-2.3-9.8c1.3-2,3.3-2.2,5.4-2.2h17.5c-0.8-2-1.5-4.3-1.9-6.8
+		c-0.4-2.6-0.7-5.2-1-7.9v-4.6H36.9c-1.1,0-2.1,0-3.1-0.2c-2.4-0.4-3.9-1.8-4-4.1l0-6.7c0.1-2.3,1.6-3.7,4-4.1c1-0.2,2-0.2,3.1-0.2
+		h14V77c0.3-2.7,0.6-5.3,1-7.9c0.4-2.6,1.1-4.9,2-6.9H36.2c-2.1,0-4.1-0.2-5.5-2.2c-2.1-3.3-1-7.7,2.3-9.8c0.4-0.3,0.9-0.6,1.4-0.7
+		c3.7-1.2,7.5-1.4,11.3-1.6c15.9-0.3,32.2-0.4,43.2-0.4c13,0,30.5,0.2,43.6,0.5c3.9,0.1,7.7,0.3,11.3,1.6c0.6,0.1,1,0.3,1.4,0.7
+		c3.3,2.1,4.4,6.4,2.3,9.8c-1.3,2-3.3,2.2-5.4,2.2h-17.5C125.7,64.3,126.3,66.5,126.8,69.1z"/>
+</g>
+</svg>
diff --git a/packages/apps-config/src/ui/logos/chains/equilibrium.svg b/packages/apps-config/src/ui/logos/chains/equilibrium.svg
new file mode 100644
index 0000000..f977032
--- /dev/null
+++ b/packages/apps-config/src/ui/logos/chains/equilibrium.svg
@@ -0,0 +1,49 @@
+<svg width="309" height="308" viewBox="0 0 309 308" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M254.04 94.1006L203.959 124.176L254.04 154.378L303.999 124.176L254.04 94.1006Z" fill="white"/>
+<path d="M53.9596 94.1006L4 124.176L53.9596 154.378L104.04 124.176L53.9596 94.1006Z" fill="white"/>
+<path d="M104.041 244.226V304L154.001 273.924V214.15L104.041 244.226Z" fill="#1792FF"/>
+<path d="M104.04 124.538V184.312L53.959 154.236V94.4624L104.04 124.538Z" fill="#A4D8FF"/>
+<path d="M104.04 184.337V243.985L53.959 214.035V154.261L104.04 184.337Z" fill="#A4D8FF"/>
+<path d="M53.9596 154.252V214.026L4 183.95V124.176L53.9596 154.252Z" fill="#A4D8FF"/>
+<path d="M154.001 214.151V273.925L104.041 243.975V184.201L154.001 214.151Z" fill="#A4D8FF"/>
+<path d="M203.96 124.302V184.076L154 154V94.2266L203.96 124.302Z" fill="#A4D8FF"/>
+<path d="M104.04 64.1508V123.925L53.959 93.8489V34.0752L104.04 64.1508Z" fill="#A4D8FF"/>
+<path d="M203.96 243.974V303.748L154 273.798V214.024L203.96 243.974Z" fill="#A4D8FF"/>
+<path d="M104.04 243.974V303.748L53.959 273.798V214.024L104.04 243.974Z" fill="#A4D8FF"/>
+<path d="M203.959 124.302V184.076L254.04 154V94.2266L203.959 124.302Z" fill="#1792FF"/>
+<path d="M203.959 64.1508V123.925L254.04 93.8489V34.0752L203.959 64.1508Z" fill="#1792FF"/>
+<path d="M104.041 124.302V184.076L154.001 154V94.2266L104.041 124.302Z" fill="#1792FF"/>
+<path d="M203.959 184.076V243.849L254.04 213.774V154L203.959 184.076Z" fill="#1792FF"/>
+<path d="M254.041 154.252V214.026L304.001 183.95V124.176L254.041 154.252Z" fill="#1792FF"/>
+<path d="M154 214.026V273.8L203.96 243.85V184.076L154 214.026Z" fill="#1792FF"/>
+<path d="M203.959 243.849V303.623L254.04 273.547V213.773L203.959 243.849Z" fill="#1792FF"/>
+<path d="M104.04 64.2871L53.959 94.3627L104.04 124.564L153.999 94.3627L104.04 64.2871Z" fill="white"/>
+<path d="M154.001 34.0752L104.041 64.2767L154.001 94.3523L203.96 64.2767L154.001 34.0752Z" fill="white"/>
+<path d="M154.001 154L104.041 184.076L154.001 214.151L203.96 184.076L154.001 154Z" fill="white"/>
+<path d="M203.96 4L154 34.0756L203.96 64.2771L254.04 34.0756L203.96 4Z" fill="white"/>
+<path d="M104.04 4L53.959 34.0756L104.04 64.2771L153.999 34.0756L104.04 4Z" fill="white"/>
+<path d="M203.96 63.8994L154 94.1009L203.96 124.176L254.04 94.1009L203.96 63.8994Z" fill="white"/>
+<path d="M53.9596 34.0756V94.101L4 124.177V183.95L53.9596 214.026V273.8L104.04 303.749L154 273.8L203.959 303.749L254.04 273.8V214.026L304 183.95V124.177L254.04 94.101V34.0756L203.959 4L154 34.0756L104.04 4L53.9596 34.0756Z" stroke="#001423" stroke-width="8" stroke-miterlimit="10" stroke-linejoin="round"/>
+<path d="M4 124.176L53.9596 154.629" stroke="white" stroke-width="8" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M104.041 244.228V303.75" stroke="white" stroke-width="8" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M104.041 184.34V244.239" stroke="#001423" stroke-width="8" stroke-miterlimit="10" stroke-linejoin="round"/>
+<path d="M53.959 94.1006V214.026" stroke="#001423" stroke-width="8" stroke-miterlimit="10" stroke-linejoin="round"/>
+<path d="M203.959 243.976V184.076" stroke="#001423" stroke-width="8" stroke-miterlimit="10" stroke-linejoin="round"/>
+<path d="M203.959 303.75V243.977" stroke="white" stroke-width="8" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M304.001 123.924L254.041 154.377" stroke="white" stroke-width="8" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M254.04 34.0752L203.959 64.5283" stroke="white" stroke-width="8" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M53.959 34.0752L104.04 64.5283" stroke="white" stroke-width="8" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M254.041 215.401V95.6016" stroke="#001423" stroke-width="8" stroke-miterlimit="10" stroke-linejoin="round"/>
+<path d="M54.082 154.261L104.042 184.211" stroke="#001423" stroke-width="8" stroke-miterlimit="10" stroke-linejoin="round"/>
+<path d="M53.959 214.024L153.999 274.301" stroke="#001423" stroke-width="8" stroke-miterlimit="10" stroke-linejoin="round"/>
+<path d="M253.072 214.024L153.152 274.301" stroke="#001423" stroke-width="8" stroke-miterlimit="10" stroke-linejoin="round"/>
+<path d="M254.04 154.391L203.959 184.089" stroke="#001423" stroke-width="8" stroke-miterlimit="10" stroke-linejoin="round"/>
+<path d="M205.653 64.6445L154 94.2168" stroke="#001423" stroke-width="8" stroke-miterlimit="10" stroke-linejoin="round"/>
+<path d="M154 34.0752L257.306 96.114" stroke="#001423" stroke-width="8" stroke-miterlimit="10" stroke-linejoin="round"/>
+<path d="M203.114 183.446L154.001 153.496V94.226L104.041 64.1504" stroke="#001423" stroke-width="8" stroke-miterlimit="10" stroke-linejoin="round"/>
+<path d="M153.999 33.9502L53.959 94.1014" stroke="#001423" stroke-width="8" stroke-miterlimit="10" stroke-linejoin="round"/>
+<path d="M153.996 153.246L103.674 183.573" stroke="#001423" stroke-width="8" stroke-miterlimit="10" stroke-linejoin="round"/>
+<path d="M53.959 94.1006L104.04 124.554V184.202L153.999 214.151V273.799" stroke="white" stroke-width="8" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M254.04 94.1006L203.96 124.554V184.202L154 214.151" stroke="white" stroke-width="8" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M104.041 124.567L154.001 94.3652L203.96 124.567" stroke="white" stroke-width="8" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
diff --git a/packages/apps-config/src/ui/logos/chains/galital-logo.png b/packages/apps-config/src/ui/logos/chains/galital-logo.png
new file mode 100644
index 0000000..a9a17b7
Binary files /dev/null and b/packages/apps-config/src/ui/logos/chains/galital-logo.png differ
diff --git a/packages/apps-config/src/ui/logos/chains/geminis.png b/packages/apps-config/src/ui/logos/chains/geminis.png
new file mode 100644
index 0000000..78b1192
Binary files /dev/null and b/packages/apps-config/src/ui/logos/chains/geminis.png differ
diff --git a/packages/apps-config/src/ui/logos/chains/genshiro.svg b/packages/apps-config/src/ui/logos/chains/genshiro.svg
new file mode 100644
index 0000000..265188a
--- /dev/null
+++ b/packages/apps-config/src/ui/logos/chains/genshiro.svg
@@ -0,0 +1,7 @@
+<svg width="755" height="744" viewBox="0 0 755 744" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M754.116 352.174C752.667 328.986 749.768 304.348 743.971 282.609C738.174 259.42 730.927 237.681 720.783 215.942C710.638 194.203 699.043 175.362 686 156.522C672.956 137.681 657.014 120.29 639.623 104.348C623.681 88.4058 604.84 73.913 586 62.3188C565.71 49.2754 545.42 37.6812 525.13 28.9855C504.84 20.2899 483.101 13.0435 461.362 8.69565C439.623 4.34783 417.884 1.44928 396.145 0C390.348 0 384.551 0 377.304 0C359.913 0 341.072 1.44928 323.681 4.34783C303.391 7.24638 284.551 11.5942 265.71 17.3913C245.42 23.1884 225.13 31.8841 204.84 42.029C181.652 52.1739 159.913 66.6667 139.623 84.058C126.58 94.2029 113.536 105.797 101.942 118.841C87.4492 134.783 72.9564 152.174 61.3622 171.014C49.768 189.855 39.6231 208.696 30.9275 228.986C22.2318 249.275 14.9854 269.565 10.6376 291.304C4.8405 311.594 1.94195 333.333 0.492676 355.072C0.492676 360.87 0.492676 366.667 0.492676 372.464C0.492676 388.406 1.94195 404.348 3.39123 420.29C6.28978 442.029 10.6376 462.319 17.884 482.609C23.6811 502.899 32.3767 523.188 42.5217 542.029C52.6666 560.87 62.8115 578.261 75.855 594.203C87.4492 611.594 101.942 626.087 116.435 640.58C130.927 655.072 146.869 666.667 164.261 678.261C181.652 689.855 199.043 700 217.884 708.696C235.275 717.391 254.116 724.638 274.406 728.986C293.246 734.783 313.536 737.681 333.826 740.58C348.319 742.029 362.812 743.478 378.754 743.478C384.551 743.478 388.898 743.478 394.696 743.478C414.985 742.029 435.275 740.58 455.565 736.232C475.855 731.884 496.145 726.087 514.985 718.841C535.275 711.594 554.116 702.899 571.507 691.304C590.348 679.71 607.739 668.116 623.681 653.623C641.072 639.13 655.565 624.638 670.058 607.246C684.551 589.855 697.594 571.014 707.739 552.174C719.333 531.884 728.029 511.594 735.275 489.855C742.522 468.116 748.319 444.928 751.217 421.739C754.116 405.797 754.116 388.406 754.116 371.015C754.116 365.217 754.116 359.42 754.116 352.174ZM333.826 723.188C338.174 678.261 341.072 646.377 342.522 621.739C355.565 623.188 368.609 624.638 383.101 624.638C384.551 640.58 386 656.522 387.449 668.116C388.898 684.058 390.348 702.899 391.797 724.638C387.449 724.638 383.101 724.638 378.754 724.638C362.812 726.087 348.319 724.638 333.826 723.188ZM58.4637 533.333C72.9564 526.087 88.8985 518.841 103.391 511.594C120.783 502.899 139.623 494.203 157.014 485.507C162.812 497.101 170.058 508.696 177.304 520.29C170.058 526.087 162.812 530.435 159.913 533.333C133.826 552.174 123.681 559.42 90.3477 584.058C78.7535 568.116 67.1593 552.174 58.4637 533.333ZM19.3333 355.072C20.7825 334.783 23.6811 314.493 28.0289 295.652C51.2173 301.449 71.5072 307.246 80.2028 310.145C90.3477 313.043 113.536 318.841 132.377 324.638C133.826 324.638 135.275 324.638 135.275 326.087C132.377 339.13 130.927 352.174 130.927 366.667C97.5941 363.768 55.5651 359.42 23.6811 356.522C22.2318 356.522 20.7825 356.522 20.7825 356.522C19.3333 356.522 19.3333 355.072 19.3333 355.072ZM152.667 97.1014C175.855 120.29 197.594 147.826 220.783 179.71C209.188 188.406 199.043 198.551 190.348 210.145C177.304 197.101 162.812 182.609 149.768 168.116C138.174 156.522 126.58 143.478 114.985 131.884C126.58 118.841 138.174 107.246 152.667 97.1014ZM377.304 17.3913C383.101 17.3913 388.898 17.3913 393.246 17.3913C391.797 31.8841 390.348 44.9275 390.348 56.5217C388.898 76.8116 386 98.5507 384.551 120.29C383.101 120.29 383.101 120.29 381.652 120.29C367.159 120.29 352.667 121.739 338.174 124.638C333.826 88.4058 329.478 55.0725 325.13 21.7391C342.522 18.8406 359.913 17.3913 377.304 17.3913ZM565.71 443.478C561.362 455.072 555.565 466.667 548.319 476.812C542.522 486.957 533.826 497.101 526.58 505.797C517.884 514.493 509.188 521.739 500.493 528.986C491.797 536.232 481.652 542.029 471.507 547.826C461.362 552.174 451.217 557.971 441.072 560.87C430.927 563.768 420.783 566.667 409.188 568.116C400.493 569.565 391.797 569.565 381.652 569.565C380.203 569.565 378.754 569.565 377.304 569.565C367.159 569.565 357.014 568.116 346.869 566.667C336.725 565.217 326.58 562.319 317.884 559.42C307.739 556.522 299.043 552.174 290.348 547.826C281.652 543.478 272.956 537.681 264.261 531.884C257.014 526.087 248.319 520.29 242.522 513.044C235.275 505.797 229.478 498.551 222.232 489.855C216.435 481.159 210.638 472.464 206.29 463.768C201.942 455.072 197.594 444.928 194.696 434.783C191.797 424.638 188.898 414.493 187.449 404.348C186 394.203 184.551 384.058 184.551 373.913V372.464C184.551 362.319 186 350.725 187.449 340.58C188.898 328.986 191.797 318.841 196.145 308.696C200.493 298.551 204.84 288.406 209.188 278.261C214.985 268.116 220.783 259.42 228.029 250.725C235.275 242.029 242.522 234.783 251.217 226.087C259.913 218.841 268.609 211.594 278.754 205.797C288.898 200 299.043 194.203 309.188 189.855C320.783 185.507 330.927 182.609 342.522 179.71C354.116 176.812 365.71 176.812 378.754 176.812C380.203 176.812 380.203 176.812 381.652 176.812C393.246 176.812 404.84 178.261 416.435 179.71C428.029 181.159 441.072 185.507 451.217 189.855C462.812 194.203 474.406 200 484.551 207.246C494.696 214.493 504.84 221.739 514.985 230.435C525.13 239.13 533.826 249.275 541.072 259.42C548.319 269.565 555.565 281.159 559.913 292.754C565.71 304.348 570.058 317.391 572.956 330.435C575.855 343.478 577.304 356.522 577.304 369.565C577.304 371.015 577.304 372.464 577.304 373.913C577.304 385.507 575.855 397.101 574.406 408.696C574.406 420.29 571.507 431.884 565.71 443.478ZM587.449 226.087C603.391 214.493 620.783 202.899 633.826 192.754C639.623 188.406 651.217 181.159 659.913 173.913C661.362 172.464 665.71 169.565 668.609 168.116C681.652 185.507 693.246 205.797 701.942 226.087C677.304 237.681 646.869 252.174 610.638 269.565C604.84 253.623 597.594 239.13 587.449 226.087ZM555.565 188.406C543.971 176.812 530.927 168.116 517.884 159.42C538.174 128.986 558.464 98.5507 574.406 76.8116C593.246 88.4058 610.638 102.899 625.13 117.391C603.391 140.58 580.203 163.768 555.565 188.406ZM491.797 102.899C490.348 105.797 484.551 118.841 475.855 139.13C461.362 133.333 446.869 128.986 430.927 126.087C433.826 115.942 435.275 110.145 435.275 108.696C438.174 100 442.522 78.2609 446.869 62.3188C448.319 55.0725 452.667 43.4783 455.565 27.5362C475.855 31.8841 496.145 39.1304 516.435 46.3768C503.391 76.8116 493.246 100 491.797 102.899ZM274.406 50.7246C278.754 65.2174 286 98.5507 293.246 124.638C294.696 127.536 294.696 131.884 296.145 136.232C281.652 140.58 268.609 147.826 255.565 155.072C248.319 137.681 241.072 124.638 239.623 118.841C236.725 110.145 225.13 86.9565 212.087 57.971C230.927 49.2754 249.768 40.5797 270.058 34.7826C271.507 40.5797 272.956 46.3768 274.406 50.7246ZM164.261 244.928C157.014 256.522 151.217 269.565 145.42 284.058C125.13 273.913 101.942 262.319 75.855 250.725C65.7101 246.377 55.5651 240.58 45.4202 236.232C54.1159 217.391 62.8115 198.551 74.4057 181.159C101.942 200 133.826 223.188 164.261 244.928ZM41.0724 417.391C64.2608 415.942 100.493 411.594 132.377 408.696C133.826 421.739 136.725 436.232 141.072 449.275C139.623 449.275 136.725 450.725 135.275 450.725C104.841 459.42 64.2608 469.565 35.2753 478.261C29.4782 459.42 25.1304 439.13 22.2318 418.841C28.0289 417.391 33.826 417.391 41.0724 417.391ZM203.391 552.174C212.087 560.87 222.232 569.565 233.826 576.812C212.087 608.696 193.246 636.232 187.449 644.928C183.101 650.725 178.754 657.971 174.406 663.768C158.464 653.623 143.971 640.58 129.478 627.536C154.116 602.899 180.203 576.812 203.391 552.174ZM267.159 598.551C278.754 604.348 290.348 610.145 303.391 614.493C300.493 623.188 293.246 652.174 286 678.261C283.101 689.855 280.203 701.449 277.304 713.044C258.464 707.246 241.072 701.449 223.681 692.754C236.725 665.217 251.217 633.333 267.159 598.551ZM443.971 701.449C441.072 688.406 433.826 665.217 429.478 647.826C428.029 642.029 425.13 633.333 422.232 621.739C436.725 618.841 449.768 615.942 462.811 611.594C470.058 626.087 475.855 639.13 477.304 644.928C478.754 649.275 488.898 671.015 503.391 702.899C484.551 710.145 465.71 715.942 446.869 718.841C446.869 713.043 445.42 707.246 443.971 701.449ZM543.971 655.072C536.725 644.928 520.783 620.29 503.391 595.652C516.435 588.406 528.029 579.71 539.623 571.015C551.217 582.609 564.261 595.652 575.855 608.696C587.449 620.29 597.594 631.884 609.188 642.029C593.246 655.072 577.304 666.667 558.464 676.812C554.116 669.565 548.319 662.319 543.971 655.072ZM633.826 584.058C614.985 571.014 588.898 550.725 572.956 539.13C583.101 527.536 591.797 514.493 600.493 501.449C607.739 504.348 612.087 507.246 613.536 507.246C617.884 510.145 641.072 520.29 662.812 530.435C671.507 534.783 681.652 539.13 690.348 543.478C680.203 562.319 667.159 579.71 654.116 595.652C646.869 592.754 641.072 588.406 633.826 584.058ZM642.522 465.217C635.275 463.768 628.029 460.87 620.782 459.42C626.58 444.928 629.478 428.986 632.377 413.043C661.362 415.942 687.449 417.391 704.84 418.841C714.985 420.29 723.681 420.29 732.377 421.739C729.478 443.478 723.681 465.217 716.435 485.507C693.246 478.261 661.362 469.565 642.522 465.217ZM713.536 356.522C688.898 357.971 657.014 360.87 635.275 363.768C635.275 346.377 632.377 330.435 628.029 314.493C652.667 307.246 674.406 301.449 723.681 288.406C723.681 288.406 723.681 288.406 725.13 288.406C730.927 310.145 733.826 331.884 735.275 355.072C728.029 355.072 720.783 355.072 713.536 356.522Z" fill="#E8662D"/>
+<path d="M349.768 415.948C348.319 414.499 346.87 413.049 345.42 413.049C343.971 411.6 343.971 411.6 342.522 410.151C341.072 408.701 339.623 407.252 338.174 405.803C336.725 404.354 336.725 402.904 335.275 401.455C335.275 400.006 333.826 400.006 333.826 398.557C333.826 398.557 333.826 397.107 332.377 397.107C332.377 395.658 330.928 394.209 330.928 391.31C330.928 389.861 329.478 386.962 329.478 385.513C329.478 384.064 329.478 382.615 329.478 381.165V379.716C329.478 376.817 329.478 375.368 329.478 375.368C329.478 375.368 325.13 375.368 312.087 375.368C303.391 375.368 291.797 375.368 274.406 375.368C242.522 375.368 219.333 375.368 217.884 375.368C217.884 375.368 217.884 375.368 217.884 376.817C217.884 379.716 217.884 394.209 217.884 400.006C217.884 401.455 217.884 402.904 217.884 404.354C219.333 413.049 220.783 421.745 222.232 430.441C225.13 439.136 228.029 446.383 230.928 455.078C235.275 463.774 239.623 471.02 243.971 476.817C248.319 481.165 251.217 486.962 257.014 491.31C258.464 492.759 259.913 494.209 262.812 495.658C267.159 500.006 272.957 504.354 278.754 508.701C280.203 510.151 281.652 510.151 283.101 511.6C287.449 514.499 293.246 518.846 294.696 518.846C294.696 518.846 296.145 515.948 299.043 513.049C300.493 510.151 309.188 497.107 316.435 485.513C323.681 473.919 335.275 456.528 342.522 444.933C342.522 444.933 342.522 443.484 343.971 443.484L357.014 423.194H355.565C351.217 417.397 349.768 417.397 349.768 415.948Z" fill="#E8662D"/>
+<path d="M316.436 253.629C319.334 257.977 325.131 269.571 336.726 291.31C339.624 297.107 342.523 302.904 346.87 308.701C351.218 317.397 355.566 323.194 355.566 324.643C355.566 324.643 355.566 324.643 358.465 324.643H359.914C362.812 323.194 365.711 323.194 368.61 321.745C371.508 321.745 374.407 320.296 377.305 320.296C378.754 320.296 378.754 320.296 380.204 320.296C384.552 320.296 388.899 320.296 393.247 320.296C397.595 320.296 400.494 321.745 404.841 323.194H406.291H407.74C407.74 323.194 409.189 320.296 412.088 315.948C412.088 314.499 413.537 313.049 414.986 310.151C420.783 298.557 433.827 276.817 439.624 268.122C441.073 265.223 445.421 257.977 448.32 253.629C451.218 249.281 455.566 240.586 458.465 236.238C461.363 230.441 464.262 226.093 464.262 226.093V224.643L458.465 221.745C452.668 218.846 446.87 215.948 441.073 213.049C430.928 208.701 420.783 205.803 410.639 202.904C406.291 201.455 401.943 201.455 397.595 201.455C393.247 201.455 386.001 201.455 378.754 201.455C374.407 201.455 371.508 201.455 368.61 201.455C361.363 202.904 354.117 204.354 346.87 205.803C336.725 208.701 328.03 211.6 317.885 215.948C312.088 218.846 303.392 223.194 301.943 224.643C301.943 224.643 304.841 230.441 312.088 242.035C313.537 246.383 314.986 249.281 316.436 253.629Z" fill="#E8662D"/>
+<path d="M414.987 389.85C416.436 386.951 416.436 384.053 417.885 382.603C419.335 379.705 419.335 375.357 419.335 372.459C419.335 371.009 419.335 371.009 419.335 371.009C419.335 368.111 419.335 365.212 417.885 362.314C417.885 360.864 416.436 357.966 416.436 356.516C414.987 355.067 414.987 353.618 413.538 352.169C412.088 350.719 410.639 347.821 409.19 346.372C407.741 344.922 407.741 344.922 406.291 343.473C403.393 340.574 400.494 339.125 397.596 337.676C394.697 336.227 390.349 334.777 387.451 334.777H386.001C383.103 334.777 380.204 334.777 377.306 334.777C374.407 334.777 370.059 336.227 367.161 337.676C364.262 339.125 361.364 340.574 358.465 342.024C357.016 343.473 354.117 344.922 352.668 346.372L351.219 347.821C349.77 349.27 348.32 352.169 346.871 355.067C345.422 357.966 343.972 359.415 343.972 362.314C343.972 363.763 342.523 365.212 342.523 368.111C342.523 371.009 342.523 372.458 342.523 375.357C342.523 376.806 342.523 378.256 342.523 379.705C342.523 381.154 342.523 382.603 343.972 385.502V386.951V388.401C343.972 389.85 345.422 389.85 345.422 391.299C345.422 392.748 346.871 392.748 346.871 394.198C346.871 395.647 348.32 395.647 348.32 397.096C348.32 397.096 348.32 398.545 349.77 398.545C351.219 399.995 351.219 399.995 352.668 401.444L354.117 402.893C355.567 404.343 355.567 404.343 357.016 405.792C358.465 407.241 358.465 407.241 359.914 407.241C361.364 407.241 361.364 408.69 362.813 408.69C364.262 408.69 365.712 410.14 367.161 410.14C368.61 410.14 370.059 411.589 371.509 411.589C372.958 411.589 375.857 411.589 377.306 413.038C378.755 413.038 381.654 413.038 383.103 413.038C386.001 413.038 387.451 413.038 390.349 411.589C393.248 410.14 396.146 410.14 397.596 408.69C400.494 407.241 403.393 405.792 406.291 402.893C409.19 399.995 410.639 398.545 412.088 395.647C414.987 391.299 414.987 391.299 414.987 389.85Z" fill="#E8662D"/>
+<path d="M545.421 373.91H522.233H490.349H435.276V375.359C435.276 378.258 433.827 379.707 433.827 382.606C432.378 386.954 432.378 391.301 429.479 395.649C429.479 397.099 428.03 397.099 428.03 398.548C426.58 401.446 425.131 404.345 423.682 405.794C420.783 410.142 419.334 413.041 416.436 414.49C414.986 415.939 413.537 415.939 413.537 417.388C412.088 418.838 410.638 418.838 410.638 420.287C410.638 420.287 412.088 421.736 413.537 424.635C419.334 433.33 429.479 450.722 441.073 468.113C452.667 486.954 464.262 504.345 465.711 507.244C465.711 508.693 467.16 510.142 470.059 513.041C471.508 515.939 472.957 517.388 472.957 517.388C472.957 517.388 478.754 514.49 483.102 511.591C484.551 511.591 484.551 510.142 486.001 510.142C494.696 504.345 500.494 498.548 507.74 492.751C514.986 485.504 520.783 478.258 526.58 471.012C526.58 469.562 528.03 469.562 528.03 468.113C533.827 459.417 538.175 449.272 542.523 439.128C545.421 428.983 548.32 418.838 549.769 408.693V407.244C549.769 399.997 551.218 385.504 549.769 379.707L545.421 373.91Z" fill="#E8662D"/>
+</svg>
diff --git a/packages/apps-config/src/ui/logos/chains/hydrate.png b/packages/apps-config/src/ui/logos/chains/hydrate.png
new file mode 100644
index 0000000..a664cf4
Binary files /dev/null and b/packages/apps-config/src/ui/logos/chains/hydrate.png differ
diff --git a/packages/apps-config/src/ui/logos/chains/interlay.svg b/packages/apps-config/src/ui/logos/chains/interlay.svg
new file mode 100644
index 0000000..796bec1
--- /dev/null
+++ b/packages/apps-config/src/ui/logos/chains/interlay.svg
@@ -0,0 +1,33 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 25.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 631.3 622.2" style="enable-background:new 0 0 631.3 622.2;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#1A0A2D;}
+</style>
+<g id="Layer_2_1_">
+	<g id="Layer_1-2">
+		<g id="Oval">
+			<path class="st0" d="M315.6,622.2c-84.3,0-163.5-32.3-223.2-91.1C32.8,472.4,0,394.2,0,311.1s32.8-161.3,92.5-220
+				C152.1,32.3,231.3,0,315.6,0s163.5,32.3,223.2,91.1c59.6,58.8,92.5,136.9,92.5,220s-32.8,161.3-92.5,220
+				C479.2,589.9,399.9,622.2,315.6,622.2z M315.6,14.2c-80.5,0-156.2,30.9-213.2,87c-56.9,56.1-88.2,130.6-88.2,209.9
+				S45.6,464.9,102.5,521c56.9,56.1,132.6,87,213.2,87c80.5,0,156.2-30.9,213.2-87c56.9-56.1,88.2-130.6,88.2-209.9
+				s-31.3-153.8-88.2-209.9C471.9,45.1,396.2,14.2,315.6,14.2z"/>
+		</g>
+		<g>
+			<path class="st0" d="M482.6,448.4H248c-1.1,0-2.2-0.3-3.2-0.9l-84.8-52.3c-2.8-1.7-3.8-5.4-2.1-8.2c1.1-1.8,3.1-3,5.3-2.9h234.6
+				c1.1,0,2.2,0.3,3.2,0.9l84.8,52.3c2.8,1.7,3.8,5.4,2.1,8.2C486.8,447.3,484.8,448.4,482.6,448.4L482.6,448.4z M249.7,436.3h211.7
+				L396.2,396H184.5L249.7,436.3z"/>
+		</g>
+		<g>
+			<path class="st0" d="M468,238.2H233.4c-1.1,0-2.2-0.3-3.2-0.9L145.5,185c-2.9-1.7-3.8-5.4-2.1-8.2c1.1-1.9,3.1-3,5.3-2.9h234.6
+				c1.1,0,2.2,0.3,3.2,0.9l84.8,52.3c2.9,1.7,3.8,5.4,2.1,8.2C472.2,237.2,470.2,238.3,468,238.2L468,238.2z M235.1,226.2h211.7
+				l-65.2-40.3H169.9L235.1,226.2z"/>
+		</g>
+		<g>
+			<path class="st0" d="M348,284.9c-6.9-6.8-16.2-10.6-25.8-10.6h-0.4c-20.4,1.2-36,18.6-34.8,39c1.1,18.9,16.3,34,35.2,34.9h0.4
+				c20.4-0.2,36.8-16.9,36.6-37.3C359,301.2,355,291.8,348,284.9z"/>
+		</g>
+	</g>
+</g>
+</svg>
diff --git a/packages/apps-config/src/ui/logos/chains/kabocha.svg b/packages/apps-config/src/ui/logos/chains/kabocha.svg
new file mode 100644
index 0000000..393a4c6
--- /dev/null
+++ b/packages/apps-config/src/ui/logos/chains/kabocha.svg
@@ -0,0 +1,3 @@
+<svg width="466" height="478" viewBox="0 0 466 478" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M371.599 158.093L318.76 128.024L245.553 170.586L245.61 86.3771L192.771 56.3079L139.922 87.0341L139.866 171.243L139.846 210.584L139.98 247.487L140.185 267.113L139.846 315.203L139.835 353.63L139.84 397.896L192.646 427.908L245.495 397.181L245.489 352.915L318.698 394.528L319.223 394.222L371.547 363.801L371.591 303.063L298.382 261.451L371.589 218.888L371.599 158.093ZM232.252 94.1434L232.195 178.352L199.413 197.412L199.507 75.5458L232.252 94.1434ZM153.268 94.6852L186.051 75.6254L185.992 273.671L153.21 292.731L153.268 94.6852ZM139.835 353.63L139.852 300.497L139.847 338.212L139.835 353.63ZM153.21 292.731L185.992 273.671L185.999 363.315L153.217 382.375L153.21 292.731ZM232.182 389.588L192.691 412.548L159.913 393.892L199.404 370.932L199.404 265.495L232.169 282.495L232.182 389.588ZM318.686 379.202L245.477 337.589L245.481 299.874L351.468 360.142L318.686 379.202ZM358.233 310.83L358.195 348.487L252.208 288.219L284.99 269.159L358.233 310.83ZM232.169 282.495L199.404 265.495L318.757 196.482L351.535 215.137L232.169 282.495ZM318.802 181.122L318.277 181.428L185.997 257.495L186.009 218.495L318.865 143.373L358.3 165.825L358.237 203.575L318.802 181.122Z" fill="#151515"/>
+</svg>
diff --git a/packages/apps-config/src/ui/logos/chains/karura.svg b/packages/apps-config/src/ui/logos/chains/karura.svg
new file mode 100644
index 0000000..38b9efe
--- /dev/null
+++ b/packages/apps-config/src/ui/logos/chains/karura.svg
@@ -0,0 +1,15 @@
+<svg width="200" height="200" viewBox="0 0 200 200" fill="none" xmlns="http://www.w3.org/2000/svg">
+<circle cx="100" cy="100" r="95" fill="#1B1B1B"/>
+<path d="M128.905 48L95.1043 78.7033C91.6047 81.8877 87.0508 83.6484 82.3231 83.6701L72.2481 83.6919L72.2155 48H54V150H63.9337C69.4875 150 74.6717 147.055 77.3888 142.218C77.4106 142.186 77.4214 142.153 77.4432 142.131C79.2473 138.892 80.1494 132.491 79.9755 128.122C79.5842 118.134 77.9757 115.536 77.9757 115.536C77.6388 122.383 70.4874 122.753 70.4874 122.753C75.5738 117.895 72.8023 114.221 72.8023 114.221C63.7924 120.634 61.5427 113.786 61.3688 113.167C61.6514 113.406 64.2163 115.547 69.0853 108.874C74.237 101.82 81.1058 90.0607 85.4749 87.0393C89.8549 84.007 94.0066 84.257 94.0066 84.257C94.0066 84.257 96.3977 81.0182 102.723 78.3229C109.048 75.6492 113.102 79.5727 113.102 79.5727C106.636 84.7896 97.854 93.3539 97.3649 105.624C96.9737 115.558 118.384 132.6 114.624 157.771C116.874 152.054 117.776 146.326 117.004 139.24C116.385 133.523 112.7 121.579 112.7 121.579L133.263 149.989H156L111.559 88.9413L156 48H128.905Z" fill="url(#paint0_linear)"/>
+<path d="M87.4855 91.9192C86.0509 94.2994 86.0509 95.0276 86.0509 95.0276C86.0509 95.0276 91.0721 94.1798 92.4307 88.2131C92.4415 88.2131 89.2245 89.0391 87.4855 91.9192Z" fill="url(#paint1_linear)"/>
+<defs>
+<linearGradient id="paint0_linear" x1="209.623" y1="191.383" x2="114.031" y2="0.572889" gradientUnits="userSpaceOnUse">
+<stop stop-color="#E40C5B"/>
+<stop offset="1" stop-color="#FF4C3B"/>
+</linearGradient>
+<linearGradient id="paint1_linear" x1="95.7846" y1="97.1142" x2="89.8771" y2="85.2333" gradientUnits="userSpaceOnUse">
+<stop stop-color="#E40C5B"/>
+<stop offset="1" stop-color="#FF4C3B"/>
+</linearGradient>
+</defs>
+</svg>
\ No newline at end of file
diff --git a/packages/apps-config/src/ui/logos/chains/kico.png b/packages/apps-config/src/ui/logos/chains/kico.png
new file mode 100644
index 0000000..365540f
Binary files /dev/null and b/packages/apps-config/src/ui/logos/chains/kico.png differ
diff --git a/packages/apps-config/src/ui/logos/chains/kintsugi.png b/packages/apps-config/src/ui/logos/chains/kintsugi.png
new file mode 100644
index 0000000..b0c6b40
Binary files /dev/null and b/packages/apps-config/src/ui/logos/chains/kintsugi.png differ
diff --git a/packages/apps-config/src/ui/logos/chains/kusama-128.gif b/packages/apps-config/src/ui/logos/chains/kusama-128.gif
new file mode 100644
index 0000000..5d800a2
Binary files /dev/null and b/packages/apps-config/src/ui/logos/chains/kusama-128.gif differ
diff --git a/packages/apps-config/src/ui/logos/chains/listen.png b/packages/apps-config/src/ui/logos/chains/listen.png
new file mode 100644
index 0000000..5281fd4
Binary files /dev/null and b/packages/apps-config/src/ui/logos/chains/listen.png differ
diff --git a/packages/apps-config/src/ui/logos/chains/mangata.png b/packages/apps-config/src/ui/logos/chains/mangata.png
new file mode 100644
index 0000000..473d3b8
Binary files /dev/null and b/packages/apps-config/src/ui/logos/chains/mangata.png differ
diff --git a/packages/apps-config/src/ui/logos/chains/mangatax.svg b/packages/apps-config/src/ui/logos/chains/mangatax.svg
new file mode 100644
index 0000000..686599a
--- /dev/null
+++ b/packages/apps-config/src/ui/logos/chains/mangatax.svg
@@ -0,0 +1,4 @@
+<svg width="64" height="64" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect width="64" height="64" rx="32" fill="#7AEAD7"/>
+<path d="M36.75 41.4507C36.6251 41.4814 36.6562 41.604 36.7812 41.5733C36.6562 41.604 36.6562 41.7572 36.7812 41.7265H36.8125C36.7812 41.7572 36.8125 41.8184 36.875 41.8184C36.875 41.8797 36.9063 41.941 36.9063 41.941C36.9688 41.941 37 41.9103 37 41.8797C37.0313 41.849 37.0938 41.849 37.125 41.8797C37.1875 41.8797 37.25 41.8797 37.25 41.9715C37.3438 41.9715 37.375 42.0328 37.4063 42.0635C37.5626 42.186 37.5938 42.3698 37.6563 42.5536L37.6251 42.5843C37.6251 42.5843 37.6876 42.7068 37.8126 42.7988C37.9062 43.1051 38.0938 43.2582 38.3438 43.4114C38.4063 43.5033 38.5626 43.6259 38.6876 43.7484L38.6563 43.6564V43.5646C38.7501 43.6259 38.8438 43.6871 38.9376 43.779C38.9687 43.779 39.0001 43.7484 39.0001 43.7484C39.0625 43.8097 39.0939 43.9016 39.1563 43.9322C39.1875 43.9322 39.2188 43.9322 39.25 43.9016C39.4688 44.1467 39.5313 44.4837 39.7188 44.698C39.8751 44.8512 40.25 45.0657 40.4063 45.3108C40.5938 45.5558 40.9376 45.6478 41.1251 45.8928C41.1876 45.8009 41.2187 45.9234 41.2812 45.8928C41.2812 45.9234 41.2812 45.9847 41.3126 45.9847L41.5625 46.0766C41.5 46.0459 41.4689 45.9847 41.4375 45.9541C41.9063 46.2604 42.3437 46.628 42.8125 46.965C44.0313 47.976 45.2188 49.1401 46.4375 50.1817C46.4063 50.0897 46.4063 50.0285 46.4688 49.9978C46.6563 50.151 46.9376 50.488 47.125 50.5186C46.6251 49.9978 46.0625 49.5077 45.8751 48.8949C46.0625 48.9256 46.1563 48.9256 46.3125 49.0481C46.25 49.0788 46.2188 49.1094 46.2188 49.1707C46.3438 49.0788 46.375 49.1707 46.4063 49.2014C47.25 50.1204 48.1251 50.9781 49.0313 51.8053C48.5313 51.0394 47.7501 50.58 47.3438 49.8447C48.0938 50.488 48.8438 51.1313 49.5314 51.8972L50.3438 52.7243C50.3438 52.6324 50.3751 52.5712 50.3751 52.5099L49.5314 51.6214C49.2501 51.3458 48.9063 51.0394 48.7188 50.7637C48.4688 50.3655 48.3439 49.9672 47.9376 49.7222C47.9376 49.814 48.0626 49.9365 48.0001 49.9978C47.4375 49.4771 46.7501 48.8949 46.375 48.2516C46.4375 48.1903 46.5313 48.4048 46.5313 48.2823C46.3438 48.1598 46.1875 47.9147 46.0625 47.639C45.9689 47.639 46.0625 47.7615 45.9376 47.7003C45.5938 47.2407 44.9688 46.9957 44.7187 46.4136C44.8125 46.4442 44.9064 46.4749 45.0313 46.4749C45.1875 46.5054 44.125 46.1072 44.2813 45.6478C44.4376 45.2801 44.5001 45.9234 45.0625 46.0459C45.2813 46.0766 45.25 45.8928 45.3438 45.8009C46.2188 46.628 46.9376 47.302 47.25 47.547V47.4552C47.1564 47.302 47.0312 47.2714 47.0312 47.1182L47.0626 47.0262C47.625 47.6696 48.7188 49.2014 49.625 49.2932C49.5314 49.2014 49.4689 49.1401 49.4689 49.0176C49.5 48.8644 49.5938 48.8949 49.75 48.8949C49.5938 48.8031 49.5 48.7724 49.3437 48.7724V48.8949C49.1563 48.8644 48.9376 48.8337 48.8438 48.6193C48.9376 48.6193 49.0938 48.6193 49.1251 48.4968C48.8751 48.4968 48.7188 48.4661 48.5625 48.221C48.6563 48.1598 48.75 48.1598 48.8126 48.1598C48.8126 48.0678 48.8126 48.0678 48.75 47.976C48.6563 47.9147 48.4375 47.639 48.375 47.639C48.2814 47.547 48.1562 47.4858 48.1562 47.4858L48.0313 47.5165L47.9688 47.21C47.8126 47.2714 47.9063 47.4552 47.7501 47.5165L47.1875 46.9037V46.6587C47.1875 46.5054 47.3438 46.5667 47.375 46.5667C47.3438 46.8119 47.0939 46.7506 47.5625 47.0262L47.5938 46.8425C47.5938 46.5361 47.2189 46.5054 47.2189 46.2604H47.1875C47.1875 46.2298 47.2189 46.1686 47.2189 46.1379C47.1564 46.1686 47.125 46.1072 47.0626 46.0766C47.0312 46.0766 47.0312 46.0766 47.0001 46.0459H46.9687V45.9234C46.6876 45.9234 46.5938 45.6478 46.4688 45.4946C46.1875 45.0657 45.8437 44.6368 45.4376 44.2998C45.4063 44.1772 45.25 43.9934 44.9375 43.6259C44.7812 43.4726 46.0314 44.3917 45.9689 44.2692C45.7188 43.8709 47.7188 44.2998 47.7188 44.2998L47.1564 43.8709C47.2813 43.8402 47.125 43.3501 47.125 43.2889V43.1969L46.9687 43.3194V43.2276L46.7501 43.3808H46.7188C46.7188 43.1969 46.7813 43.0744 46.9063 42.9826H46.8751C46.7501 42.9826 46.7188 42.8293 46.8438 42.8293C46.9063 42.8293 46.9376 42.9213 46.9063 42.9519L47.0939 42.86L47.125 43.0438H47.25C47.25 43.1663 47.3125 43.2582 47.4063 43.4421H47.2813L47.375 43.8097C47.5313 43.8097 47.5313 43.4421 47.5 43.2889C47.5 43.0438 47.4063 42.9519 47.375 42.7068H47.4688V42.6455H47.3438L46.9687 42.4923L46.8438 42.5843C46.8438 42.4311 46.7188 42.4311 46.6876 42.4311C46.4688 42.4311 46.4375 42.4311 46.4375 42.5843L46.4688 42.6761L46.4375 42.7374C46.4375 42.7374 46.2813 42.7068 46.1875 42.6149L46.0938 42.523L46.1875 42.3698C46.1875 42.4618 46.2813 42.4618 46.3438 42.4618L46.3125 42.278H46.4063C46.4375 42.2473 46.4375 42.0328 46.4375 41.941C46.4375 41.941 46.4063 41.8184 46.3125 41.8184H46.25L46.2188 41.5733C46.2188 41.5733 46.375 41.7265 46.4063 41.6959L46.6251 41.604C46.4063 41.4202 46.2188 41.4814 45.9689 41.4814C45.9689 41.3282 46.0314 41.3282 46 41.2057C45.9062 41.0525 45.8126 40.9912 45.6876 40.9912C45.6876 41.0219 45.7501 41.2364 45.8751 41.2364C45.7188 41.3589 45.6251 41.4814 45.5626 41.604L45.4688 41.512L45.3125 41.604L45.2188 41.6345H45.125C45.4688 41.4814 45.6251 41.3589 45.5938 40.9912C45.4376 40.9912 45.0938 40.8994 45.0313 40.8687L45 40.6236L44.6562 40.6543V40.4399L44.8439 40.4092V40.3786C44.7501 40.2866 44.5938 40.2561 44.5938 40.2561L44.2501 40.4092C44.2501 40.4092 44.2188 40.4092 44.1563 40.4399C44.3126 40.3786 44.2188 40.1641 44.3751 40.1641V40.0723C44.3751 39.9803 44.3438 39.8884 44.3126 39.8271C44.3751 39.7965 44.3438 39.674 44.3126 39.674C44.2501 39.674 44.2501 39.7046 44.2501 39.7353C44.0313 39.5821 43.6875 39.674 43.6564 39.3063L43.5001 39.429C43.2501 39.429 43.0313 39.092 43 38.9387L42.875 38.9694C42.875 38.8162 42.9688 38.6017 42.7188 38.6324C42.7188 38.5712 42.6875 38.4792 42.8438 38.4792C42.8438 38.4486 42.7813 38.3261 42.6875 38.3261L42.5314 38.4792C42.5939 38.3261 42.4376 38.3261 42.4376 38.2035H42.5939V38.0809H42.5625C42.5625 37.9584 42.6563 37.8972 42.5625 37.7134C42.3437 37.6214 42.2188 37.7134 42.1563 37.8359L42.0938 37.8666L41.9063 37.7439H42.0938V37.6214C42.0001 37.5908 41.8125 37.3764 41.8125 37.3764L41.6563 37.5296L41.4688 37.3764L41.625 37.2845L41.5625 37.1006C41.6563 37.0394 41.7188 36.9781 41.6875 36.8863C41.6563 36.7025 41.2187 36.733 41.2812 37.0394C41.1251 36.9781 40.5313 36.4573 40.4688 36.396C40.375 36.3042 40.1562 36.059 40.1875 35.9672C40.2187 35.9672 40.25 35.9978 40.2814 35.9978H40.3125C40.3125 36.0285 40.375 36.059 40.4063 36.1204L40.4375 36.151L40.5625 36.3042C40.5313 36.3348 40.5313 36.396 40.5625 36.4573C40.5938 36.488 40.6875 36.488 40.75 36.4573C40.8438 36.5493 40.9063 36.5798 40.9063 36.5493C40.9063 36.5186 40.8751 36.488 40.8126 36.4267C40.8438 36.4267 40.8751 36.396 40.9063 36.3655C40.8751 36.1817 40.7188 36.151 40.625 36.2429L40.5625 36.1817C40.6563 36.151 40.7188 35.9672 40.625 35.9059C40.5313 35.8752 40.4375 35.9365 40.4063 36.0285C40.375 35.9978 40.3438 35.9978 40.3438 35.9672C40.5 35.9365 40.5 35.8752 40.6875 35.814C40.75 35.7527 40.7813 35.6915 40.8126 35.6302C40.8126 35.7222 40.8751 35.7222 40.8751 35.6302C40.8751 35.5996 40.8438 35.5689 40.8438 35.5689V35.5077V35.4464C40.8438 35.1094 40.4375 34.8949 40.0313 34.9256C40.0001 35.0176 40.0313 35.1094 40.0313 35.2319H40.0001C39.9688 35.1707 39.9063 35.1401 39.8751 35.1094L40.0313 34.8949C40.1562 34.8949 40.1875 34.8949 40.2814 34.7724H40.1562L40.0626 34.8337C40.1251 34.7111 40.1562 34.5886 40.1251 34.4355C39.8438 34.3741 39.3438 34.6499 39.2188 34.9869L38.7188 34.558C38.7813 34.558 38.8438 34.5274 38.8751 34.4661C38.9376 34.4661 38.9376 34.4355 38.9376 34.4048C38.9687 34.3436 38.9687 34.2823 38.9687 34.221H39.375C39.3438 33.976 38.9376 33.976 39.0312 33.8228L38.5313 33.4245C38.5938 33.3327 38.5626 33.21 38.4375 33.0875C38.3438 33.0875 38.2813 33.1182 38.2188 33.1488C37.6876 32.6892 37.0625 32.1991 37 32.2604L36.2188 31.5251L36.0625 31.5558C35.8438 31.5558 35.6562 30.6675 35.2501 30.9431L35.0625 30.7593C35.9688 29.5646 36.875 28.3698 37.7187 27.1751C37.7812 27.1751 37.875 27.1444 37.9689 27.0525C37.9375 26.8994 38 26.7769 37.9689 26.6236C38.125 26.4092 38.25 26.2254 38.2813 26.1028L37.8437 26.6543C37.7188 26.6543 37.6251 26.5317 37.4688 26.6543C37.375 26.7462 37.375 26.9606 37.5001 27.0832C36.9688 27.6652 36.4688 28.2473 35.875 28.6761C35.9063 28.4618 35.875 28.3698 36.0938 28.0941C36.125 28.1248 36.1875 28.1248 36.2501 28.0941C36.125 28.0328 36.2501 27.941 36.3126 27.8797L37.8126 26.0416C37.9375 26.1028 38.0625 26.1028 38.125 26.1028C38.2188 25.9496 38.1875 25.7965 38.125 25.6433L38.5626 25.1225C38.5626 25.2757 38.6876 25.4288 38.8126 25.5208C38.7188 25.6127 38.5938 25.7046 38.5626 25.7965C38.6876 25.674 38.8126 25.5821 38.8751 25.674C38.9062 25.7965 38.7188 25.9496 38.6563 26.0723C38.8751 25.8884 39.0625 25.674 39.2188 25.4902C39.2813 25.4288 39.3438 25.3676 39.375 25.2757C39.6876 24.8775 39.9376 24.5099 40.2187 24.1116C39.7501 24.4792 39.625 24.7855 39.375 25.1225C39.3438 25.0307 39.2813 24.9387 39.1875 24.908C39.625 24.5405 40.0312 24.1116 40.2187 23.7134L40.0313 23.8972C40.0313 23.7439 39.8751 23.5908 39.7188 23.6214L40.0937 23.1007C39.25 23.8972 38.6876 24.7855 38 25.5515C37.9689 25.5208 37.9062 25.4902 37.875 25.4902C38.25 24.9387 38.6876 24.3874 39.0939 23.8359C39.1563 23.8359 39.1875 23.8053 39.2188 23.7439V23.7134L40.25 22.4267L41.0001 21.477C41.0626 21.5996 41.2501 21.6608 41.3126 21.4464C41.3126 21.4158 41.2187 21.3545 41.1563 21.3239L41.2187 21.232V21.3545C41.375 21.1707 41.7188 20.9256 41.7813 20.6805L41.2501 21.2013C41.4688 20.9256 41.6875 20.6499 41.9375 20.4048C41.9375 20.4355 41.9375 20.4967 41.9688 20.4967C42.0626 20.4967 42.0938 20.3742 42.0001 20.3435C42.1251 20.1904 42.2501 20.0678 42.3751 19.9759C42.875 19.0263 43.7813 18.1379 44.6562 17.1269C45.4063 16.2998 46.0938 15.2888 46.8438 14.3698L48.5313 12.2867C48.6875 12.1028 49.1876 11.5208 48.9688 11.7659C45.8437 15.3501 42.75 19.0569 39.8438 22.6105C39.8438 22.6105 39.8126 22.6411 39.8126 22.6718C39.6563 22.5799 39.5625 22.5799 39.4688 22.7024C39.4688 22.8249 39.5313 22.8862 39.625 22.8862L39.3438 23.2538C39.3125 23.2232 39.25 23.2232 39.2188 23.2538C39.25 23.2845 39.25 23.3151 39.25 23.3457L39.125 23.5296C39.0625 23.4989 39.0001 23.4989 38.9376 23.4989C38.8438 23.5908 38.8751 23.7134 38.9376 23.7746L38.5626 24.1729C38.2188 24.5099 37.875 24.7855 37.5938 25.0613C37.6876 24.908 37.7501 24.7243 37.7812 24.5099C37.9062 23.6521 38.5 23.07 39.125 22.5186C39.2813 22.3961 39.5 22.2429 39.5 21.9672C39.4375 21.9365 39.4375 21.814 39.5313 21.814C39.5938 21.814 39.625 21.814 39.625 21.8753C39.6563 21.814 39.6876 21.7834 39.6563 21.7221H39.7813V21.6915H39.7501C39.7501 21.6915 39.7813 21.6608 39.8126 21.6608C39.9063 21.5996 39.9376 21.477 39.9376 21.3851C39.9688 21.3545 39.9376 21.2932 39.9063 21.2626C39.9688 21.2626 40.0937 21.1707 40.2187 21.0788C40.25 21.0481 40.2814 21.0481 40.2814 21.0175C40.375 21.1707 40.5625 21.232 40.7188 21.0788C40.7188 20.9869 40.6563 20.895 40.5313 20.8031C40.7188 20.6193 40.8751 20.4661 40.8751 20.3742C40.8438 20.221 41.0313 20.3129 41.1563 20.0678H40.8438L41.0001 19.9147C41.2501 19.8228 41.2187 19.6696 41.375 19.5471L41.2812 19.4858V19.3939L41.375 19.302C41.5313 19.2407 41.6875 18.9037 41.6875 18.9037L41.8438 18.965C41.8438 18.8731 41.875 18.8425 42.0001 18.7199C41.875 18.5974 41.875 18.628 41.8438 18.628C41.8125 18.3829 42.0626 18.3523 42.3126 18.3523L42.0626 18.2298C42.0938 17.9541 42.3126 17.7702 42.4687 17.5864C42.4687 17.6783 42.5625 17.6783 42.5625 17.5864C42.5625 17.5558 42.5314 17.5252 42.5 17.5558C42.5939 17.4026 42.6875 17.2801 42.6875 17.0963L42.2813 17.4639C42.2813 17.2188 42.4062 16.9431 42.3751 16.698C42.1251 16.7287 41.0001 18.1685 40.9063 18.4442H41.0626C40.9376 18.6586 40.375 18.965 40.4063 19.2101H40.625C40.4688 19.302 40.2187 19.3632 40.0626 19.3939V19.3326C40.0312 19.0875 40.1875 18.965 40.375 18.965C40.375 18.9344 40.2814 18.8118 40.2814 18.8118C40.375 18.8118 40.4375 18.7506 40.5313 18.628C40.5625 18.6586 40.5625 18.6893 40.5938 18.6893C40.6563 18.6893 40.6563 18.5667 40.625 18.5055C40.7813 18.3217 40.9063 18.1072 41.0313 18.0153L40.5625 18.0459C41.0313 17.9847 42.0001 17.2188 41.9688 16.7287C41.9688 16.5755 41.625 16.6061 41.625 16.361L41.5938 16.2692C41.5938 16.2079 42.0626 15.5952 42.0626 15.5339L41.9063 15.5952V15.5339C41.875 15.1663 42.9375 14.4923 42.9063 14.0635L42.1563 14.9212H42.1251C42.1251 14.9519 42.1251 15.1663 42.0313 15.1663H41.9063L41.875 15.0438C42.1251 14.9212 42.0938 14.6761 42.0938 14.4311V14.1247C42.0001 14.2779 41.6563 14.7987 41.5313 14.7987L40.5938 15.7484L40.5 15.779C40.5938 15.6565 41.0313 15.2276 41.0313 15.105C41.0313 15.0131 40.9688 14.9825 40.8751 14.9825C41.0313 14.8293 41.7188 14.0328 41.8438 13.8796L42.0626 13.6346C41.5938 13.7265 41.1876 14.3085 40.9376 14.6149H40.8438L40.9063 14.4923L41.2187 14.0635H41.1563C41.1563 14.0635 41.0001 14.3392 40.9376 14.2473L40.1562 15.0438L39.9688 15.0744C40.0626 15.0131 40.4375 14.6455 40.4375 14.523C40.4375 14.4004 40.3438 14.3698 40.2814 14.3698C40.4375 14.2166 40.5625 14.0022 40.6563 13.849C40.4063 14.0328 40.1251 14.3698 40.0626 14.7681L39.9688 14.7987C39.9063 14.7987 39.7188 14.9212 39.6563 15.0438V14.9212C39.4063 14.9519 39.3438 15.105 39.3438 15.3195C39.4375 15.3195 39.4375 15.4114 39.3438 15.442V15.3195C39.3125 15.3195 39.3125 15.442 39.3438 15.442V15.5646C39.0939 15.5646 39.1875 15.5952 39.0625 15.442L39.1563 15.1969V15.105H39.0312C39.0625 15.442 38.5938 16.361 38.0938 16.3917C38.125 16.453 38.2188 16.453 38.2813 16.453C38.25 16.5755 38.1563 16.6061 38.0938 16.6368C38.125 16.6674 38.125 16.7899 38.0625 16.7899C38 16.7899 37.9689 16.7287 38 16.698C37.9062 16.7287 37.8437 16.7899 37.9062 17.035L37.8126 16.9431L37.6876 17.0657L37.7501 17.1575V17.2188C37.5938 17.372 37.4063 17.4945 37.2813 17.6171L37.375 17.709C37.2813 17.9541 37.125 17.8315 36.9688 17.8315V17.6477C36.8125 17.6477 36.8125 17.8315 36.6251 17.8621H36.4688L36.8125 17.6477L36.5937 17.5252L37.0313 17.4026L37.0938 17.4945H37.1875L37.25 17.3107V17.2188L36.6876 17.2495C36.6876 17.2495 36.5313 17.5252 36.4376 17.4333L36.0625 17.8928L36.0313 17.5558L35.5312 18.0459C35.5625 17.9541 35.7188 17.8009 35.7188 17.709V17.6477H35.6875C35.6875 17.4026 36.4063 17.1269 36.1563 16.8818L37.0938 15.6565C36.9688 15.7177 36.8439 15.779 36.7812 15.8709C36.6562 15.9628 36.5626 16.0853 36.4688 16.2079V16.2385L36.3438 16.361C36.2501 16.5142 36.125 16.6368 36 16.7593V16.8206L35.9063 16.9125L35.9375 16.8206C35.875 16.9125 35.8125 16.9431 35.75 17.0044C35.875 17.0044 35.9063 17.1575 35.7813 17.1575C35.7188 17.1575 35.6875 17.0963 35.6875 17.0657L35.2813 17.3414C35.2188 17.4333 35.1251 17.5252 35.0313 17.5864C35.0313 17.6783 34.875 17.7702 34.875 17.9541V18.0153L35.0313 17.8315H35.0625C35.0313 17.9234 34.9688 18.0766 34.875 18.1072H34.7813L34.6875 18.0153C34.6875 17.9541 34.7188 17.8928 34.7188 17.8315C34.6875 17.9541 34.625 18.0766 34.5625 18.1685C34.5938 18.2298 34.6563 18.2604 34.7188 18.2604L34.5625 18.5055C34.4062 18.628 33.8438 19.302 33.7188 19.4245L33.6875 19.3326C33.9688 18.9344 34.2812 18.6586 34.5625 18.3523C33.4063 18.5667 33.5313 20.0985 32.7188 20.6193L32.8751 20.5886L32.4688 21.0175C32.3438 20.9256 31.5938 21.7527 31.4063 21.9978V21.9672C31.4688 21.7221 31.375 21.814 31.5625 21.7527C31.625 21.5996 31.7188 21.5996 31.7188 21.4464L31.625 21.477C30.5938 21.8446 31.0312 22.8556 30.25 23.6521C29.875 23.9891 28.8125 25.9191 28.5001 25.9191C27.1563 25.2145 25.6875 23.9891 25.0313 23.4683C24.75 23.2538 23.2188 22.0897 22.3438 22.1816V21.9672L22.1875 22.0285L22.25 21.814L22.0625 21.7221V21.9365L21.9688 21.9672C21.9063 21.9672 21.5313 21.7527 21.4375 21.7527C21.5313 21.5996 21.4688 21.5077 21.375 21.4464C21.4375 21.2013 21.5 21.0175 21.2813 20.895C20.9063 20.8337 20.875 21.0788 20.5625 21.0788C20.5313 21.14 20.5313 21.1707 20.5 21.1707L19.875 21.3545C19.9375 21.2932 19.9688 21.232 19.9688 21.1094C19.7813 20.9256 19.5313 21.2626 19.7188 21.4158C19.5938 21.4464 19.4375 21.477 19.25 21.477C18.875 21.5077 18.5938 21.7221 18.4063 21.9672C18.3125 21.9978 18.2813 22.0591 18.2188 22.0897C18.1875 21.9978 18.1875 21.9365 18.0938 21.9059C18.125 21.6915 18.2813 21.5996 18.3125 21.3851C18.0625 21.4158 17.9688 21.4158 17.6875 21.3545C17.7188 21.2626 17.6563 21.2013 17.5938 21.1707C17.5625 21.477 17.1563 21.6915 16.875 21.4464C16.625 21.5077 16.4063 21.5996 16.4063 21.814C16.4063 22.2429 17.0938 22.1204 17.2188 21.814C17.375 22.0897 17.7813 22.3654 18.1563 22.1816C18.1875 22.1816 18.1875 22.2123 18.2188 22.2429L17.9688 22.7331V22.6411C17.75 22.4573 17.4688 22.6411 17.375 22.8249C17.4688 23.0088 17.6875 23.0394 17.875 22.9781C17.75 23.2232 17.6563 23.3764 17.5 23.407C17.25 23.407 19.0938 24.2342 18.8438 24.2342C18.8438 24.4179 17.4063 23.407 17.4063 23.6521C17.4688 24.3874 15.5313 24.5712 16.25 26.9606L16.4375 27.4507C16.6875 27.5733 17.6875 28.2473 17.6875 28.4923C17.7188 28.9826 15.9375 27.6345 15.9375 27.9715L17.6563 29.1051L17.5625 29.1356C17.7188 29.1051 18.125 29.1051 18.25 29.3194C18.2188 29.1051 18.3125 29.0438 18.4688 29.0438C18.375 29.1969 18.5313 29.1969 18.5625 29.3194C18.6563 29.3194 18.8125 29.3194 18.8125 29.2889C20.625 30.1772 22.4063 31.2801 24.0938 32.3524C22.875 35.2626 15.5 41.9103 16.3438 43.2889C16.25 43.3194 16.1875 43.4114 16.0625 43.3808C16.0312 43.5033 15.9688 43.5952 15.875 43.6564C15.7813 43.9322 15.9688 44.1467 16.2188 44.116C16.2188 44.2079 16.2813 44.2998 16.2813 44.4223C16.0625 44.4223 16.0625 44.8205 16.3125 44.698C16.3438 44.361 16.875 44.4223 17.0625 44.1467C17.0938 44.0854 17.0938 43.9934 17.0313 43.9629C17.0938 43.9629 17.125 43.9322 17.1875 43.9322C17.1563 44.0547 17.25 44.1467 17.25 44.2998C17.2813 44.3304 17.3125 44.361 17.3438 44.361C17.3125 44.361 17.2813 44.361 17.2188 44.3917C17.0938 44.6368 17.3438 44.8205 17.4688 44.6062C17.4688 44.5142 17.4688 44.453 17.4063 44.3917C17.5313 44.453 17.625 44.3917 17.7813 44.3917V44.4223C17.8125 44.4223 17.8438 44.3917 17.875 44.3917H17.9375C18 44.3917 18.0313 44.453 18.0938 44.453C18.1563 44.453 18.2188 44.4223 18.2813 44.4223C18.2813 44.6368 18.3125 44.9738 18.5313 44.9125C18.5938 44.8512 18.625 44.79 18.6563 44.698C18.6563 44.8205 18.75 44.79 18.8438 44.7593C18.875 44.698 18.875 44.6062 18.8438 44.5142C18.75 44.5755 18.7188 44.6062 18.6563 44.5755V44.4223C18.5625 44.4223 18.5313 44.3917 18.4688 44.361C18.5313 44.3304 18.5938 44.2692 18.6563 44.2079L18.6875 44.4223C18.75 44.3917 18.9375 44.3917 18.9375 44.2385H18.8438L18.8125 44.1772L18.9063 44.0854V43.9934L18.8438 43.9322C18.875 43.9016 18.875 43.9016 18.875 43.8709H18.9063C18.9375 43.8097 18.9375 43.779 18.9063 43.7484C19.0313 43.7484 19.0625 43.8402 19.0625 43.9322C19.0625 44.1772 19 44.3917 19 44.5755C19.0938 44.5755 19.1875 44.4837 19.25 44.3917C19.3438 44.453 19.5 44.453 19.5 44.5449L19.4063 44.698H19.5L19.5938 44.6062C19.5938 44.6062 19.7188 44.453 19.875 44.2079C19.9063 44.2998 19.9375 44.361 20 44.361L19.9063 44.5142H19.875C19.8438 44.5142 19.8438 44.5449 19.8438 44.5755C19.7188 44.79 19.625 44.9431 19.625 44.9738L19.6875 45.1882C19.6875 45.2801 19.6563 45.3413 19.6563 45.4333C19.6563 45.4639 19.8125 45.6171 19.9063 45.5865L20.0625 45.5558V45.8009L20.0313 45.7703C20 45.8316 20.0313 45.8928 20.0625 45.8928C20.0938 45.8621 20.0938 45.8316 20.0938 45.8316C20.0938 45.7703 20.125 45.5865 20.3125 45.5865C20.3438 45.5865 20.4688 45.5558 20.4688 45.6478L20.3438 45.8316L20.4688 45.8009C20.5938 45.8009 20.6563 45.7703 20.75 45.7703L20.7188 45.6478V45.5558C20.875 45.5865 21 45.6478 21.0938 45.7396L21.3125 45.6171C21.4375 45.4946 21.4375 45.4026 21.5625 45.3108C21.7188 45.1882 21.875 45.0045 22 44.8205H22.125V44.698C22.1875 44.698 22.25 44.6675 22.3125 44.6368C22.625 44.2385 22.9375 43.9322 23.375 43.7177C23.4063 43.6871 23.4063 43.5952 23.4375 43.5339C23.9063 43.1051 24.2188 42.6149 24.625 42.1248C24.7188 42.0022 24.8125 41.9103 24.9688 41.849C25 41.8184 25 41.6959 25.0313 41.6652L25.4375 41.3282C25.1563 42.1248 23.6563 43.6564 23.3438 44.2998C22.9688 44.361 22.2188 45.5558 22.2813 45.5865C22.8438 45.8928 23.4063 44.6062 23.5938 44.5755C23.7188 44.4223 24.5313 43.2889 24.7813 43.1051C24.7813 43.3194 24.5 43.5646 24.4688 43.779C24.2188 43.9016 23.75 44.79 23.9375 44.79C23.9688 44.9125 24.75 43.6871 24.75 43.8097C25.0313 43.5952 24.6875 44.5755 25.3438 43.9629C25.4063 43.9016 25.4688 43.8097 25.5625 43.7484C25.5313 43.7177 25.5 43.6564 25.5313 43.6259C25.5313 43.5339 25.5313 43.4421 25.6875 43.3808C25.6563 43.2889 25.7813 43.1969 25.8125 43.1356C26.0313 42.8293 26.4062 42.6455 26.7188 42.3698C26.7813 42.3085 26.7813 42.2167 26.875 42.186C27.7188 41.604 27.8438 40.8687 28.3438 40.1641L28.3126 40.1335L28.5937 39.7965C28.5937 39.7965 28.5626 39.7658 28.5626 39.7353C28.875 39.3063 29.4376 39 29.7501 38.6017C29.9687 38.3261 30.2813 37.7746 30.6563 37.4071L30.8126 37.2233L30.9687 37.3458C30.9687 37.2845 30.9687 37.1926 31.0625 37.1926C31.125 37.1926 31.1563 37.3458 31.0625 37.3458H31.0312C31.5938 37.7439 32.25 38.3567 32.4375 38.5405H32.3438L32.1875 38.5099C32.2187 38.7855 32.5313 39.0307 32.8125 39L32.9688 38.9694L33.1251 39.092L33.0001 39.245L33.2187 39.1532H33.25C33.5 39.1225 33.7813 39.7046 34.1563 39.7353V39.674C34.1563 39.6433 34.0626 39.5515 34.0313 39.5208H34.1563C34.5312 39.4902 34.875 39.8884 35.3438 39.8578C35.3751 40.2561 35.4687 40.2561 35.9375 40.2866L35.7813 40.3786C35.875 40.3786 35.9063 40.4704 35.9063 40.5317C36.1563 40.5624 36.1875 40.6543 36.2501 40.7462C36.2501 40.7156 36.2813 40.6849 36.3126 40.6849C36.3438 40.6849 36.3438 40.8381 36.3126 40.8381C36.4063 40.8994 36.5313 40.8994 36.8125 40.8381L36.75 40.9912L36.6251 41.1139C36.6251 41.2364 36.8439 41.3282 36.8439 41.3282C36.875 41.3282 37 41.3282 37 41.2977V41.4814C37.0313 41.4814 37.25 41.2977 37.25 41.2977L37.2813 41.3282V41.4507L37.25 41.4814L37.1875 41.604C37.125 41.6652 37.0313 41.7265 36.9375 41.7265H36.9063L36.875 41.6959H36.8439C36.8439 41.6345 36.8439 41.5733 36.8125 41.5733C36.875 41.5427 36.8125 41.4507 36.75 41.4507ZM36.6562 16.8512V16.9431C36.75 16.8512 36.9063 16.698 37 16.698C37.0625 16.698 37.2188 16.7287 37.3125 16.7287C37.2188 16.8206 37.0625 16.8512 37.0625 17.0044L37.0938 17.0963C37.1563 17.0044 37.4688 16.7287 37.5626 16.4836V16.6674C37.5626 16.9125 37.4688 16.9125 37.4376 17.0657L37.875 16.5449V16.453L37.7812 16.3917L38.0938 15.9015C38.125 15.9322 38.25 15.8709 38.375 15.7484C38.3438 15.779 38.3438 15.779 38.4063 15.779C38.4375 15.779 38.4375 15.779 38.4375 15.7177L38.4063 15.6871C38.8438 15.2276 39.5 14.2166 39.5 14.0635C39.2813 14.2779 39.0625 14.9212 38.6563 14.9519H38.6251C38.6563 14.86 38.8438 14.6761 38.8751 14.4617C38.5 14.7068 37.6563 15.442 37.6563 15.8403L37.6876 15.9322L37.8126 15.8096C37.7812 16.2385 37.5313 15.9322 37.4376 16.2692C37.4376 16.3304 37.4063 16.5755 37.4063 16.5755H37.3125L37.2813 16.4223C37.0313 16.453 36.6562 16.6061 36.6562 16.8512ZM39.7813 41.3895C39.6876 41.4507 39.6876 41.5733 39.8438 41.6345L39.9688 41.5427L40.25 41.7877L41.2187 42.6761C41.6563 43.0131 42.1876 43.4421 42.1251 43.4421C42.0626 43.4421 41.9688 43.4114 41.875 43.3501L42.0938 43.6564C42.1251 43.6564 42.1251 43.6259 42.1876 43.6259C42.2501 43.6259 42.2501 43.7177 42.1876 43.7177H42.1563V43.7484C42.0001 43.5952 41.8438 43.4114 41.6563 43.2582C41.1563 42.9519 40.75 42.4311 40.7188 42.3392C40.4063 42.0635 40.0937 41.8184 39.7501 41.604C39.7188 41.6959 39.8751 41.7265 39.8438 41.7877C39.5625 41.6345 39.25 41.2977 39.0312 41.2364C39.125 41.3282 39.3125 41.4202 39.3125 41.5733C39.0939 41.3895 38.9062 41.1751 38.7501 40.8687C38.9062 40.8994 39.0001 41.0219 39.1563 41.0832C39.0001 40.8687 38.7813 40.7156 38.5938 40.5931C38.5938 40.6849 38.6876 40.8074 38.5938 40.8687C38.5626 40.8074 38.3438 40.7156 38.3438 40.5011C38.4063 40.5931 38.4688 40.6849 38.5626 40.6236C38.4063 40.4704 38.25 40.2866 38.0625 40.1335C38.0625 40.0723 38.0625 40.011 38 39.9496C38.6563 40.4399 39.25 40.9606 39.7813 41.3895ZM35.8125 27.604C35.5937 27.5733 35.3126 27.7572 35.4687 28.0022L35 28.4923C35.0313 28.3698 35.0625 28.2473 35.1251 28.186L35.2188 28.0328H35.2813C35.3126 28.0022 35.2813 27.941 35.2813 27.9103C35.4062 27.6345 35.4687 27.3282 35.625 27.0219C35.8125 27.3282 36.2501 26.8687 35.875 26.6543L35.6875 26.7156C35.6875 26.6849 35.6875 26.6543 35.7188 26.6236C36.1563 26.2561 36.6562 26.0723 37.0938 25.674C37.0625 25.7353 37.0313 25.7658 37.0313 25.7965C37.1563 25.7353 37.3438 25.4902 37.4063 25.5208C37.2188 25.8271 37 26.1028 36.7812 26.4092C36.7812 26.2254 36.5626 26.1028 36.4063 26.3173C36.3751 26.4399 36.5001 26.5931 36.6562 26.5624L36.5001 26.7462C36.4376 26.7156 36.3438 26.7462 36.2188 26.8074C36.1875 26.8994 36.2188 26.9912 36.2501 27.0832C36.0938 27.2364 35.9688 27.4202 35.8125 27.604ZM32.1875 36.2123C32.1562 36.151 32.0937 36.059 32.0937 35.9978L32.3438 35.8752C32.4375 35.8752 32.5625 35.9059 32.6563 35.9672C32.4688 35.9978 32.3125 36.0285 32.3125 36.1817C32.375 36.4267 32.9063 36.2735 32.6875 35.9978C32.8751 36.0897 33.0313 36.2429 33.1876 36.3655C33.3125 36.4573 33.4375 36.5493 33.5625 36.6105C33.3437 36.9168 33.75 37.4683 34.0001 37.0394C34.0313 37.0394 34.0313 36.9781 34.0313 36.9475L34.5 37.2845C34.4062 37.4071 34.3437 37.5601 34.3437 37.7134L32.1875 36.2123ZM15.25 44.8512H15.2187C15.3125 44.698 15.1563 44.4223 14.9688 44.6675C14.9688 44.8205 15 44.9125 15.0938 44.9125L14.875 45.0045C14.5625 45.3413 14.7188 45.9234 15.0938 45.8928C15.1563 45.8928 15.25 45.8009 15.3437 45.8316C15.375 45.6478 15.5313 45.4639 15.5313 45.2495C15.5313 44.9431 15.3125 45.035 15.25 44.8512ZM40.4063 33.4552C40.2814 32.5974 39.125 33.1795 39.5 33.7615C39.7188 34.0678 40.3125 33.884 40.4063 33.4552ZM14.4688 45.8621C14.4375 45.7396 14.3438 45.709 14.3125 45.6478C14.4375 45.4639 14.3125 45.1576 14.0625 45.372C14.0625 45.4639 14.0313 45.5251 14.0625 45.6171C13.9687 45.6783 13.9375 45.8009 13.9063 45.9234C13.7813 45.9847 13.75 46.0766 13.6875 46.1991C13.6875 46.5667 13.8438 46.7506 14.1563 46.6894C14.3125 46.5974 14.25 46.3217 14.3125 46.1379C14.375 46.0153 14.4688 45.9847 14.4688 45.8621ZM37.6876 31.0963C37.9062 30.6368 37.6251 30.0241 37 30.116C36.8125 30.5142 37.0313 31.2188 37.6876 31.0963ZM45.0938 48.0985C45 48.1291 44.9375 48.1598 45 48.2516C44.875 48.221 44.8125 48.0985 44.7187 48.0678C44.7187 48.0066 44.8125 48.0373 44.8125 47.9453C44.4063 47.4858 43.9063 47.2714 43.4688 46.8425C43.4063 46.7812 43.4376 46.965 43.3126 46.9037C43.0625 46.7812 42.9375 46.3524 42.7188 46.1379C42.5939 46.1686 42.8125 46.3524 42.6563 46.3829C42.5314 46.2911 42.5939 46.1072 42.5939 46.0153V45.9847H42.75C43.0313 46.1991 43.2813 46.4442 43.5312 46.6587C44.125 47.1488 44.7187 47.7003 45.25 48.2516C45.1563 48.2823 45.125 48.1903 45.0938 48.0985ZM16.2813 44.79C16.1875 44.7593 16.1875 44.8818 16.0938 44.8818C16 44.9125 16 44.8512 15.9375 44.8818C15.875 44.9125 15.8125 45.0045 15.75 45.0045C15.6875 45.1576 15.7188 45.3108 15.7813 45.4026C15.8438 45.4333 15.9063 45.4333 16 45.4026C15.9688 45.4946 15.9688 45.5865 16 45.709H16.25C16.4063 45.5865 16.3125 45.2801 16.2188 45.2495H16.1875C16.1875 45.2188 16.2188 45.1882 16.2188 45.1576C16.3125 45.127 16.3438 45.0657 16.375 45.0045C16.375 44.8818 16.375 44.79 16.2813 44.79ZM19.125 20.895C19.0625 20.7724 19 20.6193 18.875 20.558C18.7188 20.7418 18.3125 20.7418 18.3438 21.0481C18.4063 21.3851 19.0938 21.3239 19.125 20.895ZM32.8438 20.1597C32.9376 20.1597 32.9376 20.0066 32.8438 20.0066C33.0626 19.7002 33.2812 19.3326 33.375 19.0875C32.9688 19.7002 32.125 20.3435 32.0937 20.8643V20.9562C32.1562 20.895 32.5 20.4967 32.8125 20.0372C32.8125 20.0678 32.8125 20.1597 32.8438 20.1597ZM39.7813 24.1422C39.5 24.3874 39.25 24.6324 39.125 24.8775C39.0001 24.8162 38.8751 24.7855 38.7501 24.8468L39.5 23.8666C39.5625 23.9891 39.6563 24.1116 39.7813 24.1422ZM20.1563 44.1467C20.0938 44.0854 20.0313 44.0547 19.9688 44.0854C20.5625 43.2889 21.6563 41.7877 21.6875 41.7877C21.6875 41.8797 20.75 43.2276 20.1563 44.1467ZM37.0938 29.7177C37.25 29.6259 37.3438 29.5033 37.3125 29.2582C37.2188 29.1663 37.0938 29.0744 36.8439 29.1051C36.6251 29.2889 36.75 29.8097 37.0938 29.7177ZM43.2188 15.9628L43.0313 15.8709C43.0313 15.8096 43.0625 15.7177 43.0625 15.6565C42.9375 15.779 42.7813 15.6871 42.625 15.9015H42.7188C42.75 15.9015 42.8125 15.8403 42.8438 15.8096C42.8125 16.0241 42.625 16.116 42.625 16.2998H42.7188L42.9063 16.4223H43C43.1563 16.3304 43.2188 16.1772 43.2188 16.0241V15.9628ZM35.8438 41.1139H35.8125V41.0525C35.8125 41.0832 35.8438 41.0832 35.8438 41.1139C35.8125 40.9912 35.75 40.9299 35.6875 40.8687H35.7188C35.75 40.8687 35.7813 40.8381 35.7813 40.8074C35.8125 40.8687 35.875 40.93 35.9375 40.9912C35.9375 41.0525 35.9688 41.1139 36 41.1139C36.0313 41.1139 36.0313 41.0832 36.0625 41.0525C36.0625 41.0832 36.0938 41.0832 36.125 41.1139L36.0625 41.0219C36.0625 40.9606 36.0313 40.8994 35.9688 40.8994C35.875 40.7156 35.75 40.5624 35.5937 40.5011L35.6875 40.6849C35.6562 40.7156 35.6562 40.8074 35.6875 40.8687C35.5312 40.7156 35.3438 40.6543 35.2501 40.4092C35.2501 40.3786 35.2813 40.3786 35.3438 40.3786C35.2813 40.3479 35.2501 40.3173 35.2501 40.2866C35.2501 40.3173 35.2501 40.3786 35.1876 40.3786C35.0938 40.4092 35.0625 40.2866 34.9688 40.2561C35.0313 40.3786 35.0938 40.4704 35.1563 40.5317C35.0625 40.5317 35.0625 40.7156 35.1563 40.7156C35.1876 40.7156 35.2188 40.5931 35.1876 40.5624L35.2813 40.6543C35.2501 40.6849 35.2501 40.8074 35.3126 40.8074C35.3751 40.8074 35.4063 40.7462 35.3751 40.7156C35.4063 40.7156 35.4063 40.7462 35.4376 40.7462C35.3751 40.8074 35.4063 40.8994 35.4687 40.8994C35.5001 40.8994 35.5312 40.8687 35.5312 40.8381L35.5937 40.8994H35.5625C35.5001 40.8994 35.5312 41.0525 35.5937 41.0525C35.6562 41.0219 35.6562 40.9606 35.625 40.93L35.75 41.0219C35.6875 41.0219 35.6875 41.1444 35.75 41.1444C35.7813 41.1444 35.7813 41.1444 35.8125 41.1139C35.75 41.1444 35.75 41.267 35.8438 41.267C35.9375 41.267 35.9375 41.1139 35.8438 41.1139ZM35.8438 38.3261C35.8125 38.3261 35.7813 38.3261 35.75 38.3567L35.8438 38.2954C36.2188 38.5405 36.5626 38.8162 36.9375 39.092C36.8125 39.0613 36.6251 39.1225 36.6251 39.3063L36.5626 39.245C36.5001 39.1532 36.5313 39.092 36.5313 39.0307C36.4063 38.9694 36.2813 38.8775 36.1563 38.7855C36.1875 38.7855 36.1875 38.755 36.1875 38.755C36.125 38.5712 36 38.5712 35.9063 38.663C35.8438 38.663 35.8125 38.6324 35.7813 38.6324C35.875 38.6324 35.9688 38.4179 35.8438 38.3261ZM41.0313 23.4989C40.9063 23.407 41.0001 23.2538 40.9688 23.1313C40.75 23.07 40.5625 23.0394 40.4063 23.2845C40.4688 23.5908 40.8438 23.5602 41.0313 23.4989ZM44.5001 38.3874C44.3751 38.2954 44.1875 38.2035 43.9688 38.3567C43.9688 38.4486 43.9063 38.5405 43.9688 38.6937C44.1563 38.8162 44.5626 38.6324 44.5001 38.3874ZM43.5937 44.6675C43.5001 44.7593 42.3751 43.9016 42.4376 43.8402C42.5625 43.8097 43.7189 44.6368 43.5937 44.6675ZM37.3125 27.512C36.9375 28.0941 36.5313 28.6761 35.9688 29.2582C36.3438 28.6761 36.7812 28.0941 37.3125 27.512ZM39.3125 14.8293V14.9519C39.5313 14.8906 39.8751 14.4311 39.8751 14.2473C39.625 14.3698 39.2813 14.5536 39.3125 14.8293ZM43.2813 14.2166L42.3126 15.2582C42.5625 15.1663 43.2813 14.6149 43.2813 14.2473V14.2166ZM38.7501 33.2407C38.7813 33.3327 38.8438 33.4245 38.9062 33.4858C38.8126 33.4858 38.8438 33.6696 38.9376 33.6696C39.0001 33.6696 39.0001 33.5165 38.9376 33.4858C39.5313 33.3632 38.9062 32.7812 38.7501 33.2407ZM16.8438 45.0045C16.875 44.9125 16.8438 44.698 16.75 44.6675C16.6563 44.6368 16.5625 44.7287 16.4688 44.79C16.4375 44.9125 16.5 45.0657 16.5313 45.1882C16.6563 45.1882 16.8125 45.0963 16.8438 45.0045ZM21.8438 19.4858L22.0938 19.6083C22.1563 19.5471 22.2813 19.5164 22.2813 19.3632C22.2188 19.2713 22.0938 19.2407 22.0313 19.2101C22.0313 19.0263 21.875 19.0569 21.7813 19.1488C21.75 19.3326 21.9375 19.302 21.8438 19.4858ZM21.4688 20.3742C21.3438 20.2823 21.0938 20.3129 21.0313 20.4355C20.8438 20.8031 21.625 20.8337 21.4688 20.3742ZM18.3125 45.709C18.3125 45.5865 18.2188 45.6783 18.0313 45.5865C17.9375 45.5251 17.9688 45.3108 17.7813 45.4639C17.7188 45.5865 17.8125 45.7396 17.875 45.8009C17.9688 45.7703 18.0313 45.709 18.0625 45.8009C18.0625 45.8928 18.0313 45.9234 18.0938 45.9847C18.2188 45.9234 18.3438 45.8316 18.3125 45.709ZM19.7813 44.9431C19.75 44.9431 19.8125 44.8205 19.9063 44.6675C19.9375 44.6368 19.9375 44.6368 19.9375 44.6062C20.1875 44.2692 20.5938 43.7484 20.6563 43.7484C20.75 43.7484 19.875 44.9125 19.7813 44.9431ZM42.0313 35.5077C41.9688 35.5077 41.9375 35.5077 41.9063 35.4464C41.6875 35.5077 41.5625 35.5996 41.6563 35.814C41.7813 35.9978 42.1876 35.7834 42.0313 35.5077ZM41.9688 16.2385C41.9375 16.2385 41.8438 16.2079 41.8438 16.116C41.8125 16.2079 41.7188 16.361 41.75 16.4223V16.4836H41.875L42.0001 16.5755H42.1251C42.2188 16.5755 42.2501 16.4223 42.2188 16.3304L42.1251 16.4223L42.1876 16.1466C42.1563 16.2079 42.0626 16.2385 41.9688 16.2385ZM37 39.3676C37.0313 39.3063 37.0625 39.2451 37.0313 39.2145V39.1838L37.9689 39.9191H37.7812C37.5313 39.7046 37.25 39.5208 37 39.3676ZM41.8125 42.8293C41.75 42.8293 40.5 41.6959 40.5625 41.6959C40.6563 41.6959 41.9063 42.7988 41.8125 42.8293ZM17 45.035C16.9688 45.2188 17.0938 45.4026 17.1563 45.5251C17.25 45.5251 17.2813 45.4639 17.3438 45.4026C17.3125 45.1882 17.25 44.8512 17 45.035ZM40.8126 13.6958C41.1251 13.4201 41.3437 13.0219 41.5313 12.6849H41.5L40.75 13.6039L40.8126 13.6958ZM40.7188 15.105H40.8126L40.8751 15.2276L40.25 15.779C40.25 15.6258 40.625 15.105 40.7188 15.105ZM35.4687 41.2977C35.3438 41.1751 35.1563 41.0525 35 40.8994C34.9063 40.8381 34.5625 40.4704 34.6875 40.6236C35.1876 41.2364 35.8438 41.604 36.5001 42.278C36.2188 41.8184 35.8125 41.604 35.4687 41.2977ZM16.8438 43.9629C16.6875 43.9016 16.5625 43.8709 16.3438 43.9629L16.5938 43.7484C16.5625 43.5339 16.4375 43.5339 16.4063 43.3808C16.4688 43.4421 16.5625 43.4727 16.6563 43.5033C16.75 43.5033 16.6875 43.8402 16.6875 43.8402L16.8125 43.9322V43.5952C16.8438 43.5952 16.8438 43.5646 16.875 43.5646C16.875 43.5033 16.875 43.4727 16.8438 43.4421C16.8438 43.4114 16.875 43.3808 16.9063 43.3808C16.9063 43.3808 16.9375 43.4727 17 43.5646C16.9688 43.5646 16.9375 43.5646 16.9063 43.5952C16.8125 43.7177 16.8438 43.8402 16.9375 43.9016C16.9063 43.9016 16.875 43.9322 16.8438 43.9629ZM34.875 40.2866L34.2812 39.8271H34.1876L34.3126 39.9803V40.0723L34.1876 39.9803C34.2501 40.2254 34.6875 40.2561 34.875 40.3479V40.2866ZM39.8751 32.5054C40.0626 32.6892 40.3438 32.4749 40.25 32.2298C40.0626 32.1686 39.7813 32.2911 39.8751 32.5054ZM16.25 46.1072C15.875 46.1072 15.9688 46.5974 16.1875 46.5054C16.375 46.4442 16.4063 46.1991 16.25 46.1072ZM15.1563 48.1598C15.25 48.0678 15.2187 47.9147 15.1875 47.7922C14.8125 47.6696 14.8125 48.4355 15.1563 48.1598ZM19.375 45.4333C19.25 45.7396 19.5 45.8928 19.7188 45.7396C19.6875 45.4946 19.5625 45.4026 19.375 45.4333ZM16.75 45.4639C16.6563 45.5865 16.7187 45.8009 16.8125 45.8316C17.0625 45.8009 17.0625 45.5251 16.9688 45.4026C16.875 45.4639 16.875 45.4333 16.75 45.4639ZM19.9063 20.5886C19.7813 20.5886 19.6563 20.558 19.5625 20.4967C19.5313 20.6193 19.5 20.7724 19.5938 20.8643C19.8125 20.895 19.9375 20.8031 19.9063 20.5886ZM40.8438 33.7615C40.6563 33.8228 40.5938 33.9147 40.625 34.0678C40.8438 34.2823 41.1563 33.8535 40.8438 33.7615ZM35.8125 18.0766L35.3751 18.7506C35.3751 18.8425 35.3751 18.965 35.3438 18.965L35.2501 18.7506C35.3126 18.5667 35.5937 18.1991 35.8125 18.0766ZM20.125 20.6499C20.2813 20.6193 20.4063 20.5274 20.375 20.3435C20.2188 20.1597 19.9375 20.4048 20.0625 20.6193C20.0938 20.6193 20.125 20.6193 20.125 20.6499ZM46.2813 49.8753C45.9375 49.5996 45.5938 49.3239 45.3125 48.9563C45.6563 49.2014 46 49.5077 46.2813 49.8753ZM42.3751 16.6368C42.5 16.698 42.4376 17.035 42.6563 17.035L42.625 16.5449C42.5 16.5449 42.3751 16.5449 42.3751 16.6368ZM39.4063 17.1269C39.4063 17.2801 39.2813 17.4639 39.1563 17.4639H39.0312L39.1875 17.2801H39.0001C39.0312 17.1269 39.2813 17.1269 39.4063 17.1269ZM36.5937 31.6478V31.5251C36.5626 31.5251 35.9063 30.9738 35.875 30.9738C35.875 31.0043 36.4688 31.6171 36.4688 31.6171L36.5937 31.6478ZM42.75 35.8447C42.6563 35.814 42.5 35.8752 42.4376 35.9365C42.4687 36.3042 43 36.059 42.75 35.8447ZM34.2188 19.9453C34.2188 20.0372 34.2501 20.1904 34.2501 20.1904L34.1563 20.2823C34.0938 20.2823 33.625 20.8337 33.5313 20.9562L34.2188 19.9453ZM17.4063 45.5865C17.375 45.7703 17.125 46.1072 17.4688 46.0153C17.5 45.8621 17.625 45.6783 17.5 45.5558C17.4688 45.5558 17.4375 45.5865 17.4063 45.5865ZM44.2188 40.5624H44.2501C44.4063 40.5624 44.6251 40.8074 44.6876 40.8994C44.4688 40.8994 44.2813 40.7156 44.0938 40.6849L44.2188 40.5624ZM42.1876 13.2976C42.3126 13.267 42.4687 13.267 42.5625 13.0219H42.4687L42.3126 13.1138V13.0219C42.2813 12.9606 42.2813 12.8993 42.3751 12.8687C42.1563 12.93 42.1876 13.2363 42.0313 13.2976H42.1876ZM42.8125 46.9037C43.1563 46.7199 43.4688 47.2714 43.7813 47.547C43.3751 47.5165 43.2188 46.7812 42.8125 46.9037ZM43.2813 39.674L43.4376 39.8271V39.674C43.5626 39.6433 43.6875 39.6433 43.7189 39.7965C43.6875 39.7965 43.5312 39.8578 43.4376 39.8884H43.3126C43.2813 39.8884 43.1876 39.8884 43.1876 39.8271L43.2813 39.674ZM13.3125 46.4136C13.3125 46.5667 13.3438 46.5974 13.4063 46.6587C13.7813 46.5054 13.5 46.0459 13.3125 46.4136ZM35.0313 37.9584C34.9688 37.8972 34.8438 37.9279 34.75 37.9891L34.625 37.8972C34.75 37.8359 34.875 37.7439 35 37.6521L35.1251 37.7439C35.0313 37.8053 35.0625 37.8972 35.0313 37.9584ZM42.3437 45.9847C42.2813 45.9847 42.2188 45.9847 42.1563 45.9541C42.0938 45.8928 42.0626 45.8316 42.0313 45.7703C42.1251 45.8316 42.2188 45.8621 42.3126 45.8621L42.2813 45.6783H42.3751L42.5939 45.8621C42.5 45.8928 42.4062 45.9234 42.3437 45.9847ZM43.875 37.1006C43.8125 37.0088 43.6251 37.0394 43.5626 37.1619C43.5626 37.2538 43.6251 37.2845 43.6564 37.3458C43.8125 37.3764 43.9375 37.2845 43.875 37.1006ZM42.1876 38.3567C42.1876 38.4792 42.1563 38.6017 42.0626 38.6017H41.9688L42.0313 38.5099C41.875 38.5099 41.7813 38.3567 41.7813 38.2647H41.9375V38.3567H42.1876ZM44.9064 41.7877C44.7187 41.7877 44.5626 41.7265 44.4688 41.5733C44.4688 41.5427 44.5626 41.5427 44.6562 41.5427C44.8125 41.512 44.9064 41.6345 44.9064 41.7877ZM13.7813 47.3939L13.9063 47.3327C14.1563 46.8119 13.4688 47.0875 13.7813 47.3939ZM35.5312 17.8009C35.5001 18.1072 35.3751 18.3523 35.0938 18.3523L35.5312 17.8009ZM15.625 43.9629C15.5625 43.9629 15.5 43.9016 15.4375 43.9016C15.2813 44.0241 15.4375 44.1772 15.5 44.2692C15.625 44.2079 15.6563 44.116 15.625 43.9629ZM44.2501 39.5821C44.3751 39.5515 44.4376 39.4902 44.3751 39.337H44.3438V39.2757H44.2813L44.3126 39.337C44.2188 39.3063 44.125 39.3676 44.125 39.429L44.0313 39.4595L44.1875 39.6128L44.2501 39.5821ZM22.0938 21.2626C22.1875 21.3239 22.3438 21.2626 22.4063 21.2013C22.4375 20.895 22.0313 21.0175 22.0938 21.2626ZM42.5625 38.8162C42.5625 38.8775 42.5625 38.8775 42.625 38.9694C42.625 38.9694 42.4687 39.0613 42.3751 39.0613L42.2188 39C42.2501 38.8468 42.4376 38.8162 42.5625 38.8162ZM43.0313 34.7724C42.875 34.8031 42.7813 34.8644 42.7813 34.9869C42.8125 34.9869 42.8438 34.9869 42.8438 35.0481C43.0313 35.0788 43.2188 34.8949 43.0313 34.7724ZM34.875 29.8709C34.9688 29.9322 34.8125 30.0547 34.6563 30.1772C34.7188 30.2385 34.7813 30.2692 34.9063 30.1467C34.875 30.2385 34.7813 30.361 34.7188 30.453C34.6563 30.3917 34.5938 30.3304 34.5625 30.2692L34.875 29.8709ZM19.25 45.1576C19.1875 45.2495 19.125 45.3108 19.125 45.4333C19.1875 45.4639 19.2188 45.4946 19.2813 45.4946L19.4063 45.372C19.375 45.2495 19.3438 45.1576 19.25 45.1576ZM48.0313 47.7003C48.1876 47.7308 48.375 47.7922 48.3439 47.9453L48.1562 48.0373C48.1562 47.884 48.0313 47.7615 47.9376 47.7003H48.0313ZM33.4688 39.0613C33.25 39.092 33.0001 38.8468 32.9688 38.7243L33.4688 38.9694V39.0613ZM40.9376 23.9584C40.8438 23.8972 40.75 23.9278 40.6875 23.8972C40.5313 24.0504 40.8438 24.2647 40.9376 24.1116V23.9584ZM42.7813 18.5974L42.875 18.5667C42.875 18.5667 42.9063 18.3523 42.9063 18.2604C42.7813 18.3217 42.5625 18.5974 42.625 18.628C42.625 18.6586 42.7813 18.5974 42.7813 18.5974ZM21.75 19.9147C21.6563 19.8228 21.5 19.8534 21.4375 19.9759C21.4375 20.0372 21.5 20.0678 21.5313 20.1291C21.6563 20.1291 21.75 20.0372 21.75 19.9147ZM41.5625 15.3195V15.442L40.9376 16.0853C41.0938 15.8403 41.3126 15.5646 41.5625 15.3195ZM38.5313 15.105V15.1357C38.4375 15.3501 38.4063 15.4726 38.25 15.5033H38.1563C38.25 15.4114 38.375 15.105 38.5313 15.105ZM41.1563 34.8949C41.0938 34.8949 41.0938 34.8644 41.0626 34.8644C40.9063 34.8949 40.8751 34.9562 40.8751 35.0788C40.9376 35.0788 40.9376 35.1401 40.9688 35.1401C41.1251 35.1094 41.1876 35.0176 41.1563 34.8949ZM46.8751 41.2057C46.9063 41.2977 46.8751 41.4202 46.7813 41.4507L46.9063 41.604V41.4507C47.0626 41.4202 47.0626 41.512 47.1564 41.512C47.1564 41.3895 47.0312 41.267 46.8751 41.2057ZM18.3438 45.9847C18.4063 46.1072 18.2813 46.1072 18.25 46.1379V46.2911C18.4063 46.2604 18.375 46.1379 18.5 46.1686C18.5938 46.0154 18.4688 45.8621 18.3438 45.9847ZM33.5 39.1225H33.625C33.75 39.1225 33.9063 39.2757 33.9375 39.429C33.7813 39.4595 33.625 39.2145 33.5 39.1225ZM15.5 46.5974C15.4063 46.7199 15.4687 46.9344 15.6563 46.8425C15.75 46.7199 15.6563 46.5054 15.5 46.5974ZM36.8125 18.1379H36.875L36.4688 18.6586V18.5361C36.4688 18.4136 36.6562 18.2604 36.8125 18.1379ZM45.8126 42.0941C45.9062 42.0635 46 42.1248 46.0625 42.2167L45.8437 42.4005L45.8126 42.3085L45.7501 42.0941H45.8126ZM43.7189 40.1948C43.8438 40.1948 43.9688 40.2866 44.0938 40.2866V40.4399C43.9688 40.4399 43.7189 40.3479 43.7189 40.1948ZM41.5625 43.4726C41.4375 43.5339 41.3437 43.3194 41.375 43.2276C41.5313 43.1663 41.7188 43.3808 41.5625 43.4726ZM31.9063 37.8972H31.8438L31.3438 37.4989C31.4375 37.5296 31.7813 37.7134 31.8751 37.7134C31.9063 37.7439 31.8751 37.8666 31.9063 37.8972ZM37.5938 40.1335C37.4688 40.0723 37.3125 39.9803 37.2813 39.8884C37.4376 39.8578 37.5313 39.9191 37.6563 39.9803C37.6251 40.0416 37.5938 40.0723 37.5938 40.1335ZM39.5938 15.5646C39.5938 15.2888 39.7501 15.4114 39.9063 15.2888L39.9376 15.3195L39.5938 15.6565V15.5646ZM41.2187 22.4573C40.9688 22.6411 40.8438 22.7943 40.8438 22.9475C41.0001 22.8862 41.1251 22.6105 41.2187 22.4573ZM14.8125 47.0262C14.875 46.9344 14.875 46.7199 14.7188 46.7812C14.5938 46.8731 14.625 47.1182 14.8125 47.0262ZM21.25 19.5164C21.3125 19.4858 21.4063 19.4551 21.375 19.3326C21.2813 19.2407 21.0938 19.3326 21.0938 19.4245C21.1563 19.4551 21.1563 19.5471 21.25 19.5164ZM15.4375 44.5142C15.4687 44.453 15.4375 44.3304 15.4375 44.2692C15.375 44.2998 15.375 44.2385 15.2813 44.2998C15.2187 44.4223 15.2813 44.5755 15.4375 44.5142ZM21.9688 21.9059L21.9375 21.7221L21.5625 21.5996C21.5625 21.6302 21.9063 21.9059 21.9688 21.9059ZM40.8751 44.8818H41.0626C41.1251 45.0045 41.2187 45.127 41.3437 45.2495C41.1563 45.1576 41.0001 45.035 40.8751 44.8818ZM46.5938 42.3392C46.6563 42.3392 46.6563 42.2167 46.5938 42.186C46.6563 42.1553 46.6251 42.0328 46.5626 42.0328C46.4375 42.0328 46.4375 42.1553 46.5313 42.186C46.4375 42.2167 46.4688 42.3392 46.5938 42.3392ZM44.1563 41.6652C44.2501 41.6652 44.2813 41.7877 44.1875 41.8184C44.2813 41.849 44.2813 41.9715 44.1875 41.9715C44.0938 42.0022 44.0625 41.849 44.1563 41.8184C44.0625 41.849 44.0625 41.6959 44.1563 41.6652ZM44.125 14.7987C44.0625 14.7987 43.875 14.86 43.875 15.0744L43.9688 15.0438C44.0625 15.0438 44.125 14.9212 44.125 14.7987ZM42.7813 46.628C42.5 46.628 42.3437 46.4749 42.1563 46.2911C42.2501 46.3524 42.5939 46.5054 42.7813 46.628ZM33.8125 18.5667C33.8125 18.5667 33.9375 18.4748 33.9375 18.3523C33.9063 18.3829 33.6875 18.5667 33.6875 18.5974C33.5625 19.0569 33.6563 18.8425 33.8125 18.5667ZM39.5938 14.1554L39.8438 14.0022C39.7501 14.0022 39.7501 13.9103 39.7501 13.8184H39.6563L39.5938 14.1554ZM14.75 44.4837C14.75 44.361 14.7188 44.2998 14.625 44.3304C14.4375 44.4223 14.625 44.698 14.75 44.4837ZM36.7812 41.9715L36.8125 42.0635C36.8125 42.2167 36.9063 42.3085 37.0625 42.3698H37.0938C37.0625 42.278 36.9063 42.1553 36.9063 42.0635L36.7812 41.9715ZM16.0938 47.6083C16.0625 47.7308 16.1563 47.8228 16.25 47.7922C16.25 47.7308 16.3438 47.7308 16.3125 47.639C16.2813 47.5777 16.2188 47.547 16.0938 47.6083ZM39.8126 22.2429C39.9063 22.2735 39.8438 22.3348 39.9063 22.3654C40.0312 22.3348 40.0001 22.2735 40.0626 22.1816C39.9376 22.0897 39.8751 22.0897 39.8126 22.2429ZM32.75 36.3348C32.75 36.4267 32.625 36.4573 32.6875 36.5493C32.7813 36.5798 32.8438 36.5493 32.9063 36.488C32.8751 36.3655 32.8125 36.3348 32.75 36.3348ZM45.6876 43.5646L45.6563 43.3808H45.7188C45.7188 43.3808 46 43.5033 46.0938 43.5033L45.6876 43.5646ZM42.3751 14.4923L42.5 14.0941L42.3751 14.1554C42.3751 14.1554 42.2501 14.4923 42.3751 14.4923ZM15.5625 45.3413C15.4063 45.5865 15.7813 45.6171 15.7188 45.3413C15.6563 45.3413 15.625 45.3108 15.5625 45.3413ZM17.5 47.547C17.5 47.5777 17.4688 47.5777 17.4375 47.6083C17.4375 47.7003 17.4375 47.7308 17.5 47.7922C17.5938 47.7922 17.5938 47.7308 17.625 47.6696C17.625 47.6083 17.5625 47.547 17.5 47.547ZM43.7189 16.5755V16.4836C43.5626 16.5755 43.5001 16.6674 43.5001 16.8206L43.5312 16.8818L43.6564 16.6368L43.7189 16.5755ZM34.9688 18.5974H35.0625L34.6875 18.9956C34.75 18.7812 34.9063 18.628 34.9688 18.5974ZM44.3438 14.5536C44.3438 14.4923 44.3126 14.4311 44.2501 14.4311C44.1875 14.4311 44.2188 14.6455 44.2813 14.6455C44.3126 14.6455 44.3126 14.6761 44.3751 14.6761C44.4688 14.6761 44.4376 14.5536 44.3438 14.5536ZM37.6563 25.9496L37.25 26.3479L37.5938 25.8578L37.6563 25.9496ZM43.75 15.5952H43.6564C43.5001 15.5952 43.4376 15.6871 43.4688 15.7484C43.6251 15.7484 43.6875 15.7484 43.75 15.5952ZM40.8126 14.8293C40.8126 14.86 40.5625 15.105 40.4688 15.1357C40.375 15.1357 40.8126 14.7374 40.8126 14.8293ZM39.0001 14.4617C39.0312 14.4311 39.2188 14.186 39.2188 14.0941C39.0001 14.186 39.0001 14.3392 39.0001 14.4617ZM37.4688 42.6761H37.4376C37.4063 42.6149 37.4063 42.5843 37.375 42.5843C37.3438 42.6149 37.3438 42.7681 37.375 42.7374H37.4063C37.375 42.7988 37.4063 42.8293 37.4688 42.8293C37.5938 42.8293 37.5938 42.6761 37.4688 42.6761ZM45.6251 42.4005L45.5313 42.4923C45.4688 42.4923 45.25 42.3698 45.25 42.3085L45.6251 42.4005ZM39.5 13.6652L39.3438 13.849V13.9409C39.4688 13.9103 39.5 13.8184 39.5938 13.7571L39.5 13.6652ZM40.0001 16.6061C39.9063 16.6061 39.9063 16.4836 39.9688 16.453C39.8751 16.4223 39.8751 16.2998 39.9688 16.2998C40.0313 16.2692 40.0626 16.4223 40.0001 16.453C40.0626 16.4223 40.0626 16.5755 40.0001 16.6061ZM43.5001 13.5427C43.4688 13.5427 43.4376 13.5733 43.4376 13.5733C43.4688 13.5427 43.4688 13.512 43.4688 13.4508C43.4688 13.3895 43.2501 13.6346 43.3438 13.6346C43.3751 13.6346 43.4063 13.6039 43.4376 13.5733C43.4063 13.6346 43.4376 13.6958 43.5001 13.6958C43.5626 13.6958 43.5626 13.5427 43.5001 13.5427ZM43.8438 15.1969C43.75 15.2276 43.6564 15.2888 43.5937 15.3501V15.442C43.6564 15.442 43.8438 15.3501 43.8438 15.1969ZM18.5938 45.035C18.5 45.127 18.5313 45.3108 18.6875 45.2188C18.75 45.127 18.6875 45.0045 18.5938 45.035ZM46.9687 46.2298C46.9687 46.3524 46.7501 46.3524 46.7501 46.2298C46.7501 46.1379 46.9687 46.1379 46.9687 46.2298ZM46.9063 43.7484C47.0001 43.7484 47.0001 43.9629 46.9063 43.9629C46.7813 43.9629 46.7813 43.7484 46.9063 43.7484ZM36.4376 17.6783C36.4063 17.6477 36.4063 17.5252 36.4376 17.5252C36.5313 17.5252 36.5626 17.6783 36.4688 17.6783H36.4376C36.4688 17.709 36.4688 17.8621 36.4376 17.8621C36.3126 17.8621 36.3126 17.6783 36.4376 17.6783ZM41.5313 36.488C41.5938 36.488 41.5625 36.3348 41.5 36.3348C41.5 36.3042 41.4689 36.2429 41.4064 36.2429C41.3437 36.2429 41.375 36.396 41.4375 36.396C41.4375 36.4267 41.4688 36.488 41.5313 36.488ZM47.3438 42.1553H47.375C47.375 42.186 47.4063 42.2167 47.4375 42.2167C47.5625 42.186 47.5625 42.0328 47.4375 42.0635H47.4063C47.4063 42.0328 47.375 42.0022 47.3438 42.0022C47.3125 42.0022 47.3125 42.1553 47.3438 42.1553ZM21.8438 19.7309C21.8438 19.6083 21.75 19.6083 21.6563 19.6083C21.6563 19.639 21.625 19.6696 21.5938 19.7309C21.6563 19.7615 21.7813 19.7615 21.8438 19.7309ZM41.75 37.5296C41.8125 37.5296 41.8125 37.5601 41.8125 37.6214C41.8125 37.6214 41.8125 37.5908 41.8438 37.5908C41.9063 37.5908 41.9063 37.7439 41.8438 37.7439C41.7813 37.7746 41.75 37.7134 41.7813 37.6521H41.75C41.6563 37.6521 41.6563 37.5296 41.75 37.5296ZM43.1251 38.6937V38.6017C43.0938 38.5712 43.0313 38.5405 43 38.5405H42.9688C43 38.6017 43 38.7855 43 38.8468L43.1251 38.6937ZM36.3438 18.291C36.4688 18.291 36.4688 18.5055 36.3438 18.5055C36.2501 18.5055 36.2501 18.291 36.3438 18.291ZM39.6876 19.884C39.6876 19.7309 39.7813 19.5777 39.9688 19.5777L39.6876 19.884ZM37.875 14.9825C37.9689 14.9825 37.9375 14.7681 37.8437 14.7681C37.7501 14.7681 37.7812 14.9825 37.875 14.9825ZM39.5 16.8512C39.625 16.8512 39.6563 17.035 39.5313 17.035C39.4375 17.0657 39.4063 16.8818 39.5 16.8512ZM32.4375 38.3567C32.3438 38.3567 32.3125 38.1422 32.4063 38.1422C32.5 38.1422 32.5313 38.3567 32.4375 38.3567ZM44.6251 40.0723V39.8271L44.4688 39.9191C44.4688 40.011 44.5626 40.0723 44.6251 40.0723ZM16.875 20.8643C16.9063 20.7112 16.75 20.7112 16.6875 20.7724V20.8643C16.7813 20.8643 16.8125 20.9256 16.875 20.8643ZM37.7187 42.9826C37.6251 42.9826 37.6563 43.1663 37.7501 43.1663C37.875 43.1663 37.8437 42.9826 37.7187 42.9826ZM21.8125 20.7724C21.7813 20.7418 21.625 20.7418 21.5938 20.8031V20.895C21.7188 20.895 21.8125 20.8643 21.8125 20.7724ZM34.7813 19.5164C34.7813 19.6696 34.625 19.7615 34.5312 19.7615H34.4687C34.5312 19.6696 34.7188 19.6083 34.7813 19.5164ZM35.4063 38.4179C35.4376 38.4486 35.4687 38.4486 35.5312 38.4486C35.5937 38.4486 35.625 38.4179 35.6562 38.4179C35.625 38.4486 35.625 38.5099 35.6875 38.5712C35.7188 38.6324 35.75 38.6324 35.7813 38.6324H35.7188L35.4063 38.4179ZM39.5625 19.4858C39.625 19.4858 39.6563 19.6083 39.5938 19.639C39.6563 19.6696 39.6563 19.7921 39.5938 19.7921C39.5625 19.8228 39.5313 19.6696 39.5625 19.639C39.5313 19.6696 39.5313 19.5164 39.5625 19.4858ZM44.5938 14.3698C44.6876 14.3698 44.6876 14.1554 44.5938 14.1554C44.5001 14.186 44.5001 14.3698 44.5938 14.3698ZM40.7813 16.2385L40.7188 16.3917C40.7188 16.3917 40.5313 16.2998 40.5313 16.2079C40.5625 16.2079 40.75 16.2692 40.7813 16.2385ZM38.0313 16.2998L38.2813 15.9934H38.1875C38.1875 15.9934 38.0313 16.1466 38.0313 16.2385V16.2998ZM20.5313 46.4442C20.4063 46.4749 20.4063 46.6587 20.5313 46.628C20.625 46.628 20.625 46.4442 20.5313 46.4442ZM42.1876 36.8863C42.2188 36.825 42.1876 36.7025 42.0938 36.733C42.0938 36.7943 42.0001 36.825 42.0001 36.8863C42.0938 36.8556 42.0938 36.9475 42.1876 36.8863ZM43 13.8184V13.9716L43.1563 13.6346C43 13.6346 43 13.7265 43 13.8184ZM32.375 21.0788C32.4688 21.0788 32.4688 21.2626 32.375 21.2626C32.25 21.2626 32.25 21.0788 32.375 21.0788ZM40.9688 12.2867C41.0626 12.256 41.0626 12.0416 40.9688 12.0722C40.8751 12.0722 40.8751 12.2867 40.9688 12.2867ZM36.9688 39.5821C37.0313 39.4595 36.9063 39.5515 36.8439 39.5208V39.429C36.875 39.429 36.9063 39.429 36.9375 39.3983C37 39.4595 37.0625 39.5208 37.0938 39.6128C37.0313 39.5208 37 39.5821 36.9688 39.5821ZM38.1563 23.8666C38.2188 23.8666 38.25 23.8053 38.25 23.7439C38.2188 23.6827 38.1875 23.7134 38.125 23.6827C38.0625 23.7746 38.0625 23.8359 38.1563 23.8666ZM45.4688 47.5165C45.3438 47.3939 45.2188 47.3327 45.0938 47.1795L45.3438 47.302C45.4063 47.3632 45.4376 47.4245 45.4688 47.5165ZM47.5 42.4311C47.7188 42.4923 47.5938 42.278 47.4688 42.3085C47.375 42.3085 47.4063 42.4311 47.5 42.4311ZM41.0938 37.6827C41.1876 37.6827 41.1876 37.8666 41.0938 37.8972C41.0001 37.8972 41.0001 37.6827 41.0938 37.6827ZM45.8751 41.6345C45.9689 41.6345 46 41.8184 45.9062 41.8184C45.8126 41.849 45.7813 41.6652 45.8751 41.6345ZM17.3125 21.3851C17.3125 21.2932 17.3125 21.2013 17.1875 21.232C17.1875 21.2932 17.1563 21.3239 17.1563 21.3545C17.1875 21.3851 17.2188 21.4158 17.3125 21.3851ZM41.9063 36.3348L41.8438 36.2123C41.75 36.2123 41.6875 36.2429 41.7188 36.3348C41.7813 36.3655 41.8125 36.3655 41.9063 36.3348ZM46.6251 43.1356V43.2276L46.4688 43.3808L46.375 43.3501L46.6251 43.1356ZM32.8751 38.9694C32.8125 38.9694 32.7813 38.755 32.8438 38.755C32.9376 38.755 32.9688 38.9694 32.8751 38.9694ZM42.0001 43.7484C42.0938 43.7484 42.0938 43.9629 42.0001 43.9629C41.9375 43.9629 41.9375 43.7484 42.0001 43.7484ZM38.9062 17.0044C39.0001 16.9737 39.0001 17.1269 38.9062 17.1575C38.7813 17.1575 38.7813 17.0044 38.9062 17.0044ZM43.4063 11.8884C43.4688 11.8884 43.4376 11.674 43.3751 11.674C43.2813 11.7046 43.3126 11.8884 43.4063 11.8884ZM44.2188 46.0766C44.0938 46.0766 44.0938 45.9234 44.2188 45.9234C44.3126 45.8928 44.3126 46.0459 44.2188 46.0766ZM41.875 14.2779C42.0001 14.2779 41.9688 14.0635 41.8438 14.0635C41.8125 14.0635 41.8438 14.2779 41.875 14.2779ZM44.8439 40.6543C44.9064 40.6543 44.9375 40.8687 44.875 40.8687C44.7812 40.8687 44.7501 40.6543 44.8439 40.6543ZM44.5626 11.8271C44.6251 11.8271 44.5938 11.6127 44.5313 11.6127C44.4376 11.6127 44.4688 11.8271 44.5626 11.8271ZM42.9063 15.1357H42.9688C43.0625 15.1357 43.1563 14.8906 43.1563 14.86C42.9688 14.8906 43.0625 15.105 42.9063 15.1357ZM42.5939 18.3523C42.7188 18.3523 42.7188 18.2298 42.625 18.1991H42.5939C42.5 18.1991 42.5 18.3523 42.5939 18.3523ZM36.8439 31.9234C36.9688 31.9234 36.9688 31.7703 36.8439 31.7703C36.75 31.7703 36.75 31.9234 36.8439 31.9234ZM43.9375 42.2473C44.0625 42.2473 44.0625 42.4005 43.9375 42.4005C43.8438 42.4005 43.8438 42.2473 43.9375 42.2473ZM44.6251 42.7988C44.5313 42.7988 44.5313 42.6149 44.6251 42.6149C44.7187 42.6149 44.7187 42.7988 44.6251 42.7988ZM40.2814 41.5733C40.1875 41.5733 40.1875 41.4202 40.2814 41.4202C40.4063 41.4202 40.4063 41.5733 40.2814 41.5733ZM42.4687 15.9934C42.3751 15.9934 42.3751 16.1466 42.4687 16.1466C42.5939 16.1466 42.5939 15.9934 42.4687 15.9934ZM32.75 39.3983C32.6563 39.429 32.6563 39.6127 32.75 39.5821C32.8438 39.5821 32.8438 39.3983 32.75 39.3983ZM35.2813 19.3939C35.1563 19.3939 35.1251 19.2407 35.2501 19.2407C35.3438 19.2407 35.3751 19.3939 35.2813 19.3939ZM38.9376 17.6171C39.0312 17.6171 39.0312 17.7702 38.9376 17.7702C38.8126 17.8009 38.8126 17.6477 38.9376 17.6171ZM41.6875 13.3895C41.7813 13.3895 41.7813 13.2363 41.6875 13.2363C41.5625 13.267 41.5625 13.4201 41.6875 13.3895ZM43.875 40.8381C43.7813 40.8381 43.75 40.6849 43.8438 40.6849C43.9688 40.6849 44 40.8381 43.875 40.8381ZM44 11.2144C44.0625 11.2144 44.0625 11 44 11C43.9063 11 43.9063 11.2144 44 11.2144ZM39.3125 34.3436C39.2188 34.3436 39.2188 34.558 39.3125 34.558C39.375 34.558 39.375 34.3436 39.3125 34.3436ZM41.2501 38.3567C41.1563 38.3874 41.1563 38.1729 41.2501 38.1422C41.3126 38.1422 41.3126 38.3567 41.2501 38.3567ZM33.5 18.6586H33.4063C33.4063 18.6586 33.2812 18.8425 33.2812 18.8731L33.375 18.8425C33.4375 18.7506 33.5 18.6893 33.5 18.6586ZM43.5937 14.2166C43.5626 14.186 43.5312 14.1247 43.5312 14.0941L43.4376 14.186V14.2166L43.5937 14.3392V14.2166ZM46.5938 45.9541C46.5938 45.8621 46.7501 45.8928 46.7501 45.9847C46.7188 46.0766 46.5626 46.0766 46.5938 45.9541ZM39.4063 27.0219C39.375 27.1137 39.5 27.2364 39.5625 27.1444C39.5938 27.0525 39.4688 26.9912 39.4063 27.0219ZM41.625 14.5536C41.75 14.523 41.75 14.3085 41.625 14.3392C41.5938 14.3392 41.5938 14.5536 41.625 14.5536ZM43.9688 44.6368C43.8438 44.6368 43.8125 44.5449 43.9375 44.5449C43.9688 44.5449 43.9688 44.6368 43.9688 44.6368C44.0625 44.6368 44.0938 44.79 44 44.79C43.9688 44.79 43.9688 44.6368 43.9688 44.6368ZM41.0938 35.8752C41.1251 35.9978 41.1876 35.9672 41.2812 35.9365C41.2812 35.814 41.1251 35.814 41.0938 35.8752ZM22.8125 19.2101C22.7813 19.1794 22.7188 19.1794 22.6563 19.2101V19.3326C22.75 19.3326 22.8438 19.302 22.8125 19.2101ZM36.5937 41.4814C36.5626 41.4507 36.5001 41.4202 36.4688 41.4202C36.4688 41.4814 36.5001 41.512 36.5313 41.5427C36.5626 41.5733 36.5626 41.604 36.6251 41.604C36.6251 41.604 36.6562 41.6345 36.6876 41.6345L36.6251 41.5427C36.6251 41.512 36.6251 41.4814 36.5937 41.4814ZM42.6563 44.7287C42.6563 44.6675 42.6875 44.6062 42.7188 44.6062C42.7813 44.6062 42.8125 44.7593 42.75 44.8205L42.6563 44.7287ZM16.1563 44.4223C16.0938 44.4223 16.125 44.2692 16.0312 44.2998C15.9063 44.3917 16.0938 44.5449 16.1563 44.4223ZM44.2501 45.3413C44.125 45.372 44.0938 45.1882 44.2188 45.1576C44.2501 45.1576 44.2813 45.3413 44.2501 45.3413ZM32.7188 38.2035C32.8125 38.2035 32.8438 38.3567 32.75 38.3567C32.6563 38.3874 32.625 38.2342 32.7188 38.2035ZM40.2814 17.0044C40.1875 17.0044 40.1562 16.8206 40.25 16.8206C40.3125 16.8206 40.3438 17.0044 40.2814 17.0044ZM34.625 40.3479C34.5625 40.3479 34.5938 40.5317 34.6563 40.5317C34.75 40.5317 34.7188 40.3479 34.625 40.3479ZM42.8438 17.9234H42.8125L42.75 18.1685C42.8438 18.0766 42.9375 17.9234 42.9375 17.8928C42.9063 17.8928 42.875 17.9234 42.8438 17.9234ZM43.9063 16.3304C43.9688 16.3304 43.9375 16.1466 43.875 16.1466C43.7813 16.1466 43.8125 16.3304 43.9063 16.3304ZM39.5938 16.361C39.625 16.361 39.6563 16.5449 39.625 16.5449C39.5 16.5449 39.4688 16.361 39.5938 16.361ZM38.9687 16.3917C39.0939 16.3917 39.125 16.5755 39.0001 16.5755C38.9687 16.5755 38.9376 16.3917 38.9687 16.3917ZM42.9688 13.0832C43.0625 13.0832 43.0313 12.93 42.9375 12.93C42.8438 12.93 42.875 13.0832 42.9688 13.0832ZM42.7188 38.9694C42.8125 38.9694 42.8438 39.1225 42.75 39.1225C42.6563 39.1225 42.625 38.9694 42.7188 38.9694ZM39.9376 17.3414C39.8438 17.3414 39.8438 17.1882 39.9376 17.1882C40.0313 17.1882 40.0313 17.3414 39.9376 17.3414ZM41.6563 19.7921C41.75 19.7921 41.7188 19.639 41.625 19.639C41.5313 19.639 41.5625 19.7921 41.6563 19.7921ZM41.5 17.2495C41.4064 17.2495 41.4064 17.0963 41.5 17.0963C41.5938 17.0963 41.5938 17.2495 41.5 17.2495ZM41.4688 16.361C41.5625 16.361 41.5625 16.5142 41.4688 16.5142C41.375 16.5142 41.375 16.361 41.4688 16.361ZM41.0313 36.7637C41.1251 36.7637 41.1251 36.6105 41.0313 36.6105C40.9376 36.6105 40.9376 36.7637 41.0313 36.7637ZM40.1562 16.4223C40.0626 16.4223 40.0312 16.2692 40.1251 16.2692C40.2187 16.2692 40.25 16.4223 40.1562 16.4223ZM48.1251 47.639C48.1251 47.547 48.2814 47.547 48.2814 47.639C48.2814 47.7308 48.1251 47.7308 48.1251 47.639ZM34.875 19.4245C34.7813 19.4245 34.75 19.2713 34.8438 19.2713C34.9375 19.2713 34.9688 19.4245 34.875 19.4245ZM43.2501 13.9716C43.3438 13.9716 43.3438 13.8184 43.2501 13.8184C43.1563 13.8184 43.1563 13.9716 43.2501 13.9716ZM34.2188 19.3939C34.3126 19.3939 34.3126 19.5471 34.2188 19.5471C34.1251 19.5471 34.1251 19.3939 34.2188 19.3939ZM35.9688 41.512C36.0625 41.512 36.0625 41.3589 35.9688 41.3589C35.875 41.3589 35.875 41.512 35.9688 41.512ZM42.5 39.3676C42.5939 39.3676 42.5939 39.5208 42.5 39.5208C42.4062 39.5208 42.4062 39.3676 42.5 39.3676ZM40.3438 12.9912C40.4375 12.9912 40.4375 12.8381 40.3438 12.8381C40.25 12.8381 40.25 12.9912 40.3438 12.9912ZM42.75 39.6128C42.8438 39.6128 42.875 39.7658 42.7813 39.7658C42.6875 39.7658 42.6563 39.6128 42.75 39.6128ZM42.1251 43.0744C42.0313 43.0744 42.0001 42.9213 42.0938 42.9213C42.1876 42.9213 42.2188 43.0744 42.1251 43.0744ZM44.6876 15.779C44.7812 15.779 44.7501 15.6258 44.6562 15.6258C44.5626 15.6258 44.5938 15.779 44.6876 15.779ZM40.2814 17.4026C40.1875 17.4026 40.1875 17.2188 40.2814 17.2188C40.3438 17.2188 40.3438 17.4026 40.2814 17.4026ZM41.3437 17.3414C41.2501 17.3414 41.2501 17.1575 41.3437 17.1575C41.4064 17.1575 41.4064 17.3414 41.3437 17.3414ZM44.1563 12.7155C44.2501 12.7155 44.2501 12.5317 44.1563 12.5317C44.0938 12.5317 44.0938 12.7155 44.1563 12.7155ZM39.625 13.6039C39.7188 13.6039 39.7188 13.4201 39.625 13.4201C39.5625 13.4201 39.5625 13.6039 39.625 13.6039ZM41.9688 38.9082C42.0626 38.9082 42.0626 39.092 41.9688 39.092C41.9063 39.092 41.9063 38.9082 41.9688 38.9082ZM45.6251 42.7374C45.5313 42.7374 45.5313 42.5536 45.6251 42.5536C45.6876 42.5536 45.6876 42.7374 45.6251 42.7374ZM40.0001 41.1444C40.0626 41.1444 40.0626 41.3282 40.0001 41.3282C39.9063 41.3282 39.9063 41.1444 40.0001 41.1444ZM45 43.4114C44.9064 43.4114 44.9064 43.2276 45 43.2276C45.0625 43.2276 45.0625 43.4114 45 43.4114ZM40.0001 13.7877C40.0937 13.7877 40.0937 13.6346 40.0001 13.6346C39.9063 13.6652 39.9063 13.8184 40.0001 13.7877ZM40.1562 21.0175C40.0626 21.0175 40.0626 20.8643 40.1562 20.8643C40.25 20.8337 40.25 20.9869 40.1562 21.0175ZM40.0313 18.9956C39.9376 18.9956 39.9376 18.8425 40.0313 18.8425C40.1251 18.8118 40.1251 18.965 40.0313 18.9956ZM41.2187 16.361C41.3126 16.361 41.3126 16.5142 41.2187 16.5142C41.1251 16.5449 41.1251 16.3917 41.2187 16.361ZM44 15.3195C44.0938 15.3195 44.0938 15.1663 44 15.1663C43.9063 15.1969 43.9063 15.3501 44 15.3195ZM41.6875 36.6412C41.7813 36.6105 41.7813 36.4573 41.6875 36.488C41.5938 36.488 41.5938 36.6412 41.6875 36.6412ZM43.9063 13.849C44 13.8184 44 13.6652 43.9063 13.6958C43.8125 13.6958 43.8125 13.849 43.9063 13.849ZM38.2813 34.0985C38.1875 34.1291 38.1875 33.976 38.2813 33.9453C38.375 33.9453 38.375 34.0985 38.2813 34.0985ZM44.7812 45.6478C44.6876 45.6478 44.6876 45.4946 44.7812 45.4946C44.875 45.4639 44.875 45.6171 44.7812 45.6478ZM42.2813 33.9453C42.2501 33.9147 42.2501 33.884 42.2501 33.8535C42.1563 33.884 42.0626 33.884 42.1251 33.976C42.1563 34.0066 42.2501 34.0066 42.2813 33.9453ZM43.875 45.5865C44 45.5865 44 45.7396 43.9063 45.7703H43.875C43.8438 45.709 43.8438 45.5865 43.875 45.5865ZM14.4375 44.6368C14.375 44.6675 14.375 44.698 14.375 44.7593C14.375 44.79 14.4063 44.8205 14.4688 44.79C14.5 44.7593 14.5 44.698 14.5 44.6368C14.4688 44.6368 14.4375 44.6675 14.4375 44.6368ZM39.8751 35.3852C39.8751 35.4157 39.8751 35.4157 39.8438 35.4464C39.8438 35.4157 39.8126 35.4157 39.7813 35.4157V35.3545C39.7188 35.2932 39.6876 35.2626 39.6563 35.2626L39.7188 35.2014L39.8751 35.3852ZM40.5938 17.4026L40.6875 17.2801H40.75L40.8438 17.372L40.5938 17.4026ZM42.4687 15.8096C42.5939 15.8096 42.5939 15.7484 42.5939 15.6565C42.4687 15.6565 42.4376 15.7177 42.4687 15.8096ZM46.7813 41.2977C46.8751 41.2977 46.8438 41.1751 46.7501 41.1751C46.6251 41.1751 46.6563 41.2977 46.7813 41.2977ZM47.0312 41.5733C46.9063 41.604 46.9063 41.7877 47.0312 41.7572C47.0626 41.7572 47.0626 41.5733 47.0312 41.5733ZM39.1875 13.6346C39.2188 13.6346 39.2188 13.4508 39.1875 13.4508C39.0625 13.4508 39.0625 13.6346 39.1875 13.6346ZM42.6875 15.5033C42.8125 15.5033 42.8125 15.3808 42.6875 15.3808C42.5939 15.3808 42.5939 15.5033 42.6875 15.5033ZM18.375 46.3829C18.2188 46.4136 18.3438 46.5974 18.4063 46.5974C18.4375 46.5361 18.375 46.4749 18.375 46.3829ZM43.75 40.4704C43.8438 40.4704 43.8438 40.6849 43.75 40.6849C43.7189 40.6849 43.7189 40.4704 43.75 40.4704ZM39.0939 16.1772C39.125 16.1772 39.125 16.3304 39.0939 16.3304C38.9687 16.3304 38.9687 16.1772 39.0939 16.1772ZM32.5938 20.8337C32.625 20.8337 32.625 20.6805 32.5938 20.6805C32.4688 20.6805 32.4688 20.8337 32.5938 20.8337ZM35.9063 17.5558C35.9375 17.5558 35.9375 17.4026 35.9063 17.4026C35.7813 17.4026 35.7813 17.5558 35.9063 17.5558ZM42.6563 12.9606C42.6875 12.9606 42.6875 12.8074 42.6563 12.8074C42.5314 12.8074 42.5314 12.9606 42.6563 12.9606ZM22.9688 21.8446C23.0625 21.8446 23.1563 21.8446 23.125 21.7527C23.0938 21.7221 23 21.7221 22.9688 21.7527V21.8446ZM46.6876 42.6761L46.7188 42.8293H46.5938C46.5938 42.7374 46.5938 42.6761 46.6876 42.6761ZM43.5626 13.6958C43.5001 13.6958 43.5001 13.849 43.5626 13.849C43.6564 13.849 43.6564 13.6958 43.5626 13.6958ZM46.0314 41.5733C46.125 41.5733 46.125 41.7265 46.0314 41.7265C45.9689 41.7265 45.9689 41.5733 46.0314 41.5733ZM44.9688 38.8468C44.9064 38.8468 44.9064 39 44.9688 39C45.0625 39 45.0625 38.8468 44.9688 38.8468ZM41.5313 38.5405C41.4688 38.5405 41.4688 38.3874 41.5313 38.3874C41.625 38.3874 41.625 38.5405 41.5313 38.5405ZM42.2188 38.755C42.1563 38.755 42.1563 38.6017 42.2188 38.6017C42.3126 38.6017 42.3126 38.755 42.2188 38.755ZM40.2187 19.4551C40.3125 19.4551 40.3125 19.6083 40.2187 19.6083C40.1562 19.6083 40.1562 19.4551 40.2187 19.4551ZM39.8126 16.453C39.9063 16.453 39.9063 16.6061 39.8126 16.6061C39.7501 16.6061 39.7501 16.453 39.8126 16.453ZM40.1562 13.8796C40.25 13.8796 40.25 13.7265 40.1562 13.7265C40.0937 13.7265 40.0937 13.8796 40.1562 13.8796ZM41.5938 15.9628C41.5313 15.9628 41.5313 15.8096 41.5938 15.8096C41.6875 15.8096 41.6875 15.9628 41.5938 15.9628ZM41.8438 36.8556C41.9375 36.8556 41.9375 36.7025 41.8438 36.7025C41.7813 36.7025 41.7813 36.8556 41.8438 36.8556ZM44.8439 39.337C44.7812 39.337 44.7812 39.4902 44.8439 39.4902C44.9375 39.4902 44.9375 39.337 44.8439 39.337ZM43 15.4726C42.9375 15.4726 42.9375 15.6258 43 15.6258C43.0938 15.6258 43.0938 15.4726 43 15.4726ZM31.8751 21.3545C31.9687 21.3545 31.9687 21.2013 31.8751 21.2013C31.8126 21.2013 31.8126 21.3545 31.8751 21.3545ZM35.7188 18.6893L35.75 18.8118H35.625L35.5937 18.6893H35.7188ZM42.4687 18.0766C42.5 18.0766 42.4687 17.9234 42.4376 17.9234C42.3126 17.9541 42.3438 18.1072 42.4687 18.0766ZM32.5938 38.5099C32.5313 38.5099 32.5313 38.3567 32.5938 38.3567C32.6875 38.3567 32.6875 38.5099 32.5938 38.5099ZM43.5312 13.2976C43.6251 13.2976 43.6251 13.1444 43.5312 13.1444C43.4688 13.1444 43.4688 13.2976 43.5312 13.2976ZM45.6876 42.4005C45.7813 42.4005 45.7813 42.5536 45.6876 42.5536C45.6251 42.5536 45.6251 42.4005 45.6876 42.4005ZM40.2814 13.4814C40.375 13.4814 40.375 13.3282 40.2814 13.3282C40.2187 13.3282 40.2187 13.4814 40.2814 13.4814ZM43.0313 16.1772C42.9688 16.1772 42.9688 16.0241 43.0313 16.0241C43.1251 16.0241 43.1251 16.1772 43.0313 16.1772ZM42.9688 44.698C43.0625 44.698 43.0625 44.8512 42.9688 44.8512C42.9063 44.8512 42.9063 44.698 42.9688 44.698ZM43.0625 16.5142C43 16.5142 43 16.6674 43.0625 16.6674C43.1563 16.6674 43.1563 16.5142 43.0625 16.5142ZM44.5313 42.6149C44.4688 42.6149 44.4688 42.4618 44.5313 42.4618C44.6251 42.4618 44.6251 42.6149 44.5313 42.6149ZM37.8437 15.9934C37.9375 15.9934 37.9375 16.1466 37.8437 16.1466C37.7812 16.1466 37.7812 15.9934 37.8437 15.9934ZM42.2188 13.7877C42.2501 13.7571 42.2501 13.6039 42.2188 13.6346C42.0938 13.6346 42.0938 13.7877 42.2188 13.7877ZM45.7501 43.9322C45.6876 43.9322 45.6876 43.779 45.7501 43.779C45.8437 43.779 45.8437 43.9322 45.7501 43.9322ZM45.7188 43.0438C45.8126 43.0438 45.8126 43.1969 45.7188 43.1969C45.6563 43.1969 45.6563 43.0438 45.7188 43.0438ZM45.6563 42.1553C45.7501 42.1553 45.7501 42.3085 45.6563 42.3085C45.5938 42.3085 45.5938 42.1553 45.6563 42.1553ZM39.5625 15.9934C39.5313 15.9934 39.5 15.8096 39.5313 15.8096C39.625 15.8096 39.6563 15.9934 39.5625 15.9934ZM45.7188 40.2561C45.8126 40.2254 45.7813 40.0723 45.6876 40.1028C45.6251 40.1028 45.6563 40.2561 45.7188 40.2561ZM41.1876 36.8863C41.2812 36.8863 41.2812 36.733 41.1876 36.733C41.1251 36.7637 41.1251 36.9168 41.1876 36.8863ZM33.8125 18.3217C33.9063 18.291 33.875 18.1379 33.7813 18.1685C33.7188 18.1685 33.75 18.3217 33.8125 18.3217ZM43.3751 13.4508C43.4688 13.4508 43.4688 13.2976 43.3751 13.2976C43.3126 13.3282 43.3126 13.4814 43.3751 13.4508ZM44.7812 42.4311C44.875 42.4311 44.875 42.5843 44.7812 42.5843C44.7187 42.6149 44.7187 42.4618 44.7812 42.4311ZM43.6564 45.6171C43.6251 45.6171 43.6251 45.4639 43.6564 45.4639C43.7813 45.4333 43.8125 45.5865 43.6564 45.6171ZM42.9063 39.6128C42.8438 39.6128 42.8438 39.4595 42.9063 39.4595C43 39.429 43 39.5821 42.9063 39.6128ZM41.1251 19.5777C41.2187 19.5777 41.2501 19.7309 41.1563 19.7309C41.0938 19.7309 41.0626 19.6083 41.1251 19.5777ZM41.6875 38.2954C41.625 38.2954 41.625 38.1422 41.6875 38.1422C41.7813 38.1116 41.7813 38.2647 41.6875 38.2954ZM37.8437 17.5252C37.9062 17.5252 37.9375 17.6783 37.875 17.6783C37.7812 17.709 37.7501 17.5558 37.8437 17.5252ZM17.375 43.3194H17.4688C17.4688 43.3194 17.5 43.3194 17.5 43.2889C17.4375 43.3501 17.375 43.4114 17.3438 43.4726C17.3125 43.4726 17.2813 43.4727 17.2813 43.4421L17.375 43.3194ZM46.375 43.1051C46.4688 43.0744 46.4688 43.2276 46.375 43.2582C46.3125 43.2582 46.3125 43.1051 46.375 43.1051ZM43.4376 14.0941C43.5312 14.0941 43.5001 13.9409 43.4063 13.9409C43.3438 13.9716 43.3751 14.0941 43.4376 14.0941ZM36.2188 41.512C36.2813 41.512 36.2501 41.3589 36.1875 41.3589C36.0938 41.3895 36.125 41.5427 36.2188 41.512ZM45.3438 41.1139C45.4376 41.1139 45.4688 41.267 45.3751 41.267C45.3125 41.267 45.2813 41.1139 45.3438 41.1139ZM40.3125 13.7265C40.4063 13.7265 40.375 13.5733 40.2814 13.5733C40.2187 13.5733 40.25 13.7265 40.3125 13.7265ZM34.3126 18.291C34.4062 18.291 34.3751 18.1379 34.2812 18.1379C34.2188 18.1379 34.2501 18.291 34.3126 18.291ZM41.5313 14.7068C41.625 14.7068 41.5938 14.5536 41.5 14.5536C41.4375 14.5536 41.4688 14.7068 41.5313 14.7068ZM42.8125 11.9497C42.9063 11.9497 42.875 11.7965 42.7813 11.7965C42.7188 11.7965 42.75 11.9497 42.8125 11.9497ZM44.3751 43.4421C44.4063 43.4421 44.4376 43.5952 44.4063 43.5952C44.2813 43.5952 44.2501 43.4421 44.3751 43.4421ZM42.9688 17.7396C42.9688 17.709 42.9375 17.6477 42.9375 17.6477C42.8125 17.6783 42.8125 17.8009 42.9063 17.8009H42.9375C42.9688 17.8009 42.9688 17.7702 42.9688 17.7396ZM45.9062 39.5208C45.8437 39.5208 45.8751 39.674 45.9376 39.674C46.0314 39.674 46 39.5208 45.9062 39.5208ZM44.1563 45.8316C44.0313 45.8316 44 45.6783 44.125 45.6783C44.1563 45.6783 44.1875 45.8316 44.1563 45.8316ZM42.5625 34.9869L42.5 34.8949C42.4062 34.9256 42.4062 34.9869 42.4376 35.0481C42.5 35.0481 42.5314 35.0176 42.5625 34.9869ZM42.5625 43.5339C42.625 43.5339 42.6563 43.6871 42.5939 43.6871C42.5 43.6871 42.4687 43.5646 42.5625 43.5339ZM33.0313 19.3632C33.0626 19.3632 33.0313 19.2101 33.0001 19.2101C32.8751 19.2101 32.9063 19.3632 33.0313 19.3632ZM42.1251 38.2647C42.0313 38.2647 42.0313 38.1116 42.1251 38.1116C42.1876 38.1116 42.1876 38.2647 42.1251 38.2647ZM39.7188 16.0547C39.7813 16.0547 39.7813 16.2079 39.7188 16.2079C39.625 16.2079 39.625 16.0547 39.7188 16.0547ZM41.5625 16.7593C41.4688 16.7593 41.4688 16.6061 41.5625 16.6061C41.625 16.6061 41.625 16.7593 41.5625 16.7593ZM45.9376 40.8074C45.8437 40.8074 45.8437 40.9606 45.9376 40.9606C46 40.9606 46 40.8074 45.9376 40.8074ZM41.4688 15.0744C41.5313 15.0744 41.5313 15.2276 41.4688 15.2276C41.375 15.2276 41.375 15.0744 41.4688 15.0744ZM40.9376 17.035C41.0001 17.035 41.0001 17.1882 40.9376 17.1882C40.8438 17.1882 40.8438 17.035 40.9376 17.035ZM42.8438 39.2757C42.75 39.2757 42.75 39.1225 42.8438 39.1225C42.9063 39.1225 42.9063 39.2757 42.8438 39.2757ZM44.5313 39.1838C44.5938 39.1838 44.5626 39.0307 44.5001 39.0307C44.4063 39.0307 44.4376 39.1838 44.5313 39.1838ZM17.8125 28.9826C17.7188 28.9826 17.7188 28.8293 17.8125 28.8293C17.875 28.8293 17.875 28.9826 17.8125 28.9826ZM43.1876 15.3808C43.0938 15.3808 43.0938 15.5339 43.1876 15.5339C43.2501 15.5339 43.2501 15.3808 43.1876 15.3808ZM33.9688 18.1379C34.0313 18.1379 34.0313 17.9847 33.9688 17.9847C33.875 17.9847 33.875 18.1379 33.9688 18.1379ZM46.3438 43.7484C46.4063 43.7484 46.4063 43.9016 46.3438 43.9016C46.25 43.9016 46.25 43.7484 46.3438 43.7484ZM44.9688 40.0416C45.0313 40.0416 45.0313 39.8884 44.9688 39.8884C44.875 39.8884 44.875 40.0416 44.9688 40.0416ZM38.9376 43.9016C38.8438 43.9016 38.8438 44.0547 38.9376 44.0547C39.0001 44.0547 39.0001 43.9016 38.9376 43.9016ZM43.0625 17.8928C42.9688 17.8928 43 18.0459 43.0938 18.0459C43.1563 18.0459 43.1251 17.8928 43.0625 17.8928ZM43.0313 17.2495C42.9375 17.2495 42.9375 17.4026 43.0313 17.4026C43.0938 17.4026 43.0938 17.2495 43.0313 17.2495ZM41.75 43.5033C41.8125 43.5033 41.8438 43.6564 41.7813 43.6564C41.6875 43.6564 41.6563 43.5033 41.75 43.5033ZM43.7189 13.2057C43.7813 13.2057 43.7813 13.0525 43.7189 13.0525C43.6251 13.0525 43.6251 13.2057 43.7189 13.2057ZM37.6251 16.2692C37.6876 16.2692 37.6876 16.4223 37.6251 16.4223C37.5313 16.4223 37.5313 16.2692 37.6251 16.2692ZM45.1563 43.4726C45.0625 43.4726 45.0625 43.3194 45.1563 43.3194C45.2188 43.3194 45.2188 43.4726 45.1563 43.4726ZM45.125 42.9213C45.0313 42.9213 45.0313 42.7681 45.125 42.7681C45.1875 42.7681 45.1875 42.9213 45.125 42.9213ZM45.4376 43.5339C45.3438 43.5339 45.3125 43.3808 45.4063 43.3808C45.4688 43.3808 45.5001 43.5339 45.4376 43.5339ZM42.3751 39.7965C42.4376 39.7658 42.4376 39.9191 42.3751 39.9496C42.2813 39.9496 42.2813 39.7965 42.3751 39.7965ZM41.1563 37.1619C41.2187 37.1313 41.2187 37.2845 41.1563 37.3151C41.0626 37.3151 41.0626 37.1619 41.1563 37.1619ZM39.0001 16.8206C39.125 16.8206 39.1564 16.9737 39.0312 16.9737C39.0001 16.9737 38.9687 16.8206 39.0001 16.8206ZM42.4376 43.0131C42.4376 43.0744 42.4376 43.1356 42.4062 43.1356C42.3126 43.1356 42.2813 42.9826 42.3751 42.9826C42.4062 42.9826 42.4062 43.0131 42.4376 43.0131ZM39.625 35.4157L39.4688 35.3239C39.5313 35.3239 39.5625 35.2932 39.5938 35.2626L39.625 35.3239L39.7188 35.4157H39.625ZM36.1563 31.6478C36.2813 31.6478 36.2813 31.8009 36.1563 31.8009C36.125 31.8009 36.125 31.6478 36.1563 31.6478ZM41.9688 16.0241C41.9375 16.0241 41.9375 16.1772 41.9688 16.1772C42.0938 16.1772 42.0938 16.0241 41.9688 16.0241ZM43.3438 40.6236C43.3126 40.6236 43.3126 40.4704 43.3438 40.4704C43.4688 40.4704 43.4688 40.6236 43.3438 40.6236ZM46.5001 43.7177C46.4688 43.7177 46.4688 43.5646 46.5001 43.5646C46.6251 43.5646 46.6251 43.7177 46.5001 43.7177ZM35.2813 17.8315C35.2813 17.9234 35.1876 17.9847 35.0625 18.0766C35.0625 17.9847 35.1876 17.9234 35.2813 17.8315ZM36.4063 41.604C36.3751 41.604 36.3751 41.7572 36.4063 41.7572C36.5313 41.7572 36.5313 41.604 36.4063 41.604ZM43.5937 40.5931C43.5626 40.5931 43.5626 40.4399 43.5937 40.4399C43.7189 40.4399 43.7189 40.5931 43.5937 40.5931ZM34.5 20.0678C34.4062 20.0985 34.4062 19.9453 34.5 19.9147C34.5625 19.9147 34.5625 20.0678 34.5 20.0678ZM46.375 40.9606C46.5001 40.93 46.5001 40.7769 46.375 40.8074C46.3438 40.8074 46.3438 40.9606 46.375 40.9606ZM39.5 34.221C39.4375 34.221 39.4375 34.3436 39.5 34.3436C39.6563 34.3436 39.5938 34.221 39.5 34.221ZM42.3126 17.4639C42.4376 17.4333 42.4376 17.5864 42.3126 17.6171C42.2813 17.6171 42.2813 17.4639 42.3126 17.4639ZM44.3126 41.2977C44.2813 41.1751 44.4376 41.1751 44.4688 41.2977C44.4688 41.3282 44.3126 41.3282 44.3126 41.2977ZM46.125 41.4507C46.2188 41.4507 46.2188 41.3282 46.125 41.3282C46.0314 41.3282 46.0314 41.4507 46.125 41.4507ZM45.5938 43.8097C45.5001 43.8097 45.5001 43.6871 45.5938 43.6871C45.6876 43.6871 45.6876 43.8097 45.5938 43.8097ZM42.5939 13.849C42.7188 13.849 42.7188 13.849 42.7188 13.7571C42.7188 13.6652 42.5 13.849 42.5939 13.849ZM46.8751 46.1072C46.8751 46.1379 46.7188 46.1072 46.7188 46.0766C46.7501 45.9847 46.9063 45.9847 46.8751 46.1072ZM33.5313 18.9344C33.625 18.9344 33.625 18.8118 33.5313 18.8118C33.4375 18.8118 33.4375 18.9344 33.5313 18.9344ZM44.9688 41.2977L45.0938 41.1444V41.267L44.9688 41.3895V41.2977ZM44.0313 39.3063C44.0313 39.2145 43.9063 39.2145 43.9063 39.3063C43.9063 39.3983 44.0313 39.3983 44.0313 39.3063ZM43.7813 11.5208C43.875 11.4902 43.875 11.3676 43.7813 11.3982C43.6875 11.3982 43.6875 11.5208 43.7813 11.5208ZM43.4688 39.0307C43.5001 39 43.5001 38.8162 43.4688 38.8468C43.3751 38.8468 43.3751 39.0307 43.4688 39.0307ZM45.2813 39.7658V39.8578L45.3751 39.9496H45.4688L45.2813 39.7658ZM42.9688 40.2561V40.3479H42.8125C42.8125 40.2561 42.9063 40.2561 42.9688 40.2561ZM39.125 34.5886L39.2188 34.7111H39.3125C39.3125 34.6806 39.25 34.6193 39.2188 34.5886H39.125ZM39.7188 40.9606C39.625 40.9606 39.5938 40.8074 39.6876 40.8074C39.7188 40.8074 39.7501 40.9606 39.7188 40.9606ZM43.6875 42.8293C43.7189 42.8293 43.75 42.9826 43.7189 42.9826C43.6251 42.9826 43.5937 42.8293 43.6875 42.8293ZM42.4376 44.116C42.5 44.0854 42.5314 44.2079 42.4687 44.2385C42.3751 44.2385 42.3437 44.116 42.4376 44.116ZM46.6251 41.6959C46.5313 41.6959 46.5626 41.849 46.6563 41.849C46.6876 41.849 46.6563 41.6959 46.6251 41.6959ZM42.1563 15.779C42.0626 15.779 42.0938 15.9322 42.1876 15.9322C42.2188 15.9322 42.1876 15.779 42.1563 15.779ZM42.0313 13.0525C42.0626 13.0525 42.0313 12.8993 42.0001 12.8993C41.9063 12.8993 41.9375 13.0525 42.0313 13.0525ZM36.5001 18.1685C36.4688 18.1685 36.4376 18.0153 36.4688 18.0153C36.5626 18.0153 36.5937 18.1685 36.5001 18.1685ZM41.5313 13.512C41.4375 13.512 41.4688 13.6652 41.5625 13.6652C41.5938 13.6652 41.5625 13.512 41.5313 13.512ZM42.1876 17.6171C42.2813 17.6171 42.2813 17.709 42.1876 17.709C42.0626 17.709 42.0626 17.6171 42.1876 17.6171ZM41.875 14.7681C41.9063 14.7681 41.9063 14.9212 41.875 14.9212C41.7813 14.9212 41.7813 14.7681 41.875 14.7681ZM17.5313 43.1356C17.5313 43.1051 17.5625 43.1051 17.5938 43.0744C17.625 43.0744 17.625 43.1051 17.6563 43.1051L17.5 43.2889C17.5313 43.2582 17.5313 43.1663 17.5313 43.1356ZM32.8438 38.6017C32.8438 38.5099 32.9376 38.5099 32.9376 38.6017C32.9376 38.7243 32.8438 38.7243 32.8438 38.6017ZM41.5938 38.0197C41.6563 38.0197 41.6875 38.1422 41.625 38.1422C41.5313 38.1422 41.5 38.0197 41.5938 38.0197ZM43.2501 39.429C43.2813 39.429 43.2813 39.5821 43.2501 39.5821C43.1563 39.5821 43.1563 39.429 43.2501 39.429ZM18 47.1488C17.9063 47.1488 17.9375 47.2714 17.9688 47.302C18.0625 47.302 18.0313 47.1488 18 47.1488ZM41.7813 15.1969C41.875 15.1969 41.9063 15.2888 41.8125 15.2888C41.6875 15.3195 41.6563 15.2276 41.7813 15.1969ZM44.5313 45.4026C44.5001 45.4026 44.5001 45.2495 44.5313 45.2495C44.6251 45.2495 44.6251 45.4026 44.5313 45.4026ZM39.0625 15.0744C39.1564 15.0744 39.1564 14.9212 39.0625 14.9212C39.0312 14.9212 39.0312 15.0744 39.0625 15.0744ZM43 18.291C43.0938 18.291 43.0938 18.1379 43 18.1379C42.9688 18.1379 42.9688 18.291 43 18.291ZM35.8125 19.4551C35.7813 19.4551 35.7813 19.302 35.8125 19.302C35.9063 19.302 35.9063 19.4551 35.8125 19.4551ZM42.875 16.116C42.8438 16.1466 42.8438 15.9934 42.875 15.9628C42.9688 15.9628 42.9688 16.116 42.875 16.116ZM36.4063 41.9715C36.3751 41.9715 36.4063 42.0941 36.4376 42.0941C36.5626 42.0941 36.5313 41.9715 36.4063 41.9715ZM14.0937 46.7506C14.0625 46.7812 14.0937 46.8731 14.125 46.9037L14.1875 46.8425C14.1875 46.7812 14.1563 46.7506 14.0937 46.7506ZM45.2188 45.7703C45.1563 45.7703 45.125 45.6783 45.1563 45.6171L45.2813 45.709C45.25 45.7396 45.25 45.7703 45.2188 45.7703ZM44.9375 43.9629V44.0241C44.9064 44.0241 44.875 43.9934 44.8439 43.9934V43.9629C44.8439 43.8402 44.9375 43.8402 44.9375 43.9629ZM36.4688 18.1685C36.5001 18.1685 36.5001 18.291 36.4688 18.291C36.3438 18.291 36.3438 18.1685 36.4688 18.1685ZM36.1875 17.9234C36.2188 17.9234 36.2188 18.0459 36.1875 18.0459C36.0625 18.0766 36.0625 17.9541 36.1875 17.9234ZM42.6875 12.7155C42.7813 12.6849 42.7813 12.5317 42.6875 12.5624C42.6563 12.5624 42.6563 12.7155 42.6875 12.7155ZM46.9063 42.0941L46.9376 42.186L47.0626 42.1553L46.9063 42.0328V42.0941ZM42.7813 41.512C42.7188 41.512 42.7188 41.3895 42.7813 41.3895C42.875 41.3895 42.875 41.512 42.7813 41.512ZM39.6563 19.3939C39.6563 19.3326 39.7813 19.3326 39.7813 19.3939C39.7813 19.4858 39.6563 19.4858 39.6563 19.3939ZM35.5312 41.1751C35.4376 41.1751 35.4376 41.2977 35.5312 41.2977C35.5937 41.2977 35.5937 41.1751 35.5312 41.1751ZM15.875 47.547V47.6696C15.9063 47.6696 15.9375 47.639 15.9688 47.639V47.5165C15.9375 47.547 15.9063 47.547 15.875 47.547ZM39.0625 34.4661C39.125 34.4661 39.125 34.3436 39.0625 34.3436C38.9687 34.3436 38.9687 34.4661 39.0625 34.4661ZM45.3438 40.7462C45.3438 40.8381 45.4376 40.8381 45.4376 40.7462C45.4063 40.6236 45.3125 40.6236 45.3438 40.7462ZM37.0313 32.0459C37.0625 32.0153 37.0625 31.8928 37.0313 31.9234C36.9063 31.9234 36.9063 32.0459 37.0313 32.0459ZM42.75 16.5449C42.6563 16.5449 42.6563 16.6368 42.75 16.6368C42.875 16.6061 42.875 16.5142 42.75 16.5449ZM40.1251 16.0241L39.9688 16.2079V16.1466C39.9688 16.116 40.0001 16.0853 40.0313 16.0241H40.1251ZM44 41.0832C44 41.1139 43.875 41.1139 43.875 41.0832C43.875 40.9606 44 40.9606 44 41.0832ZM39.5625 15.2888C39.5938 15.2888 39.5938 15.4114 39.5625 15.4114C39.4375 15.4114 39.4375 15.3195 39.5625 15.2888ZM14.4375 46.8731V46.7199C14.3125 46.7506 14.3125 46.9037 14.4375 46.8731ZM46.6251 40.93C46.5938 40.93 46.5938 41.0525 46.6251 41.0525C46.7501 41.0525 46.7501 40.93 46.6251 40.93ZM32.7813 38.4792C32.8438 38.4792 32.8438 38.6017 32.7813 38.6017C32.6875 38.6324 32.6875 38.5099 32.7813 38.4792ZM47.3438 42.4005C47.3125 42.3085 47.1875 42.3085 47.2189 42.4005C47.2189 42.4618 47.3438 42.4618 47.3438 42.4005ZM44.0938 42.2473L43.9375 42.0941H44.0625C44.0625 42.1248 44.0938 42.1553 44.0938 42.186V42.2473ZM36.5313 41.849L36.6251 41.9715V41.849L36.5313 41.7572V41.849ZM14.7812 48.7724C14.8125 48.8031 14.9063 48.7418 14.9063 48.6806C14.8438 48.6499 14.7812 48.6806 14.7812 48.7724ZM36.8439 17.0963C36.8439 17.1882 36.9375 17.1882 36.9375 17.0963C36.9063 17.0044 36.8125 17.0044 36.8439 17.0963ZM40.6875 12.5624C40.6563 12.4705 40.5625 12.4705 40.5938 12.5624C40.5938 12.6543 40.6875 12.6543 40.6875 12.5624ZM40.6563 18.1685C40.75 18.1685 40.75 18.2604 40.6563 18.2604C40.5625 18.291 40.5625 18.1991 40.6563 18.1685ZM43.1251 13.3282L42.8438 13.6346H42.9063L43.1251 13.3282ZM35.9688 18.5361V18.4442C35.9688 18.4136 36.0625 18.3217 36.0938 18.291V18.3217L35.9688 18.5361ZM33.4063 19.4245C33.4688 19.4245 33.4375 19.3326 33.375 19.3326C33.2812 19.3632 33.3125 19.4551 33.4063 19.4245ZM36.0313 19.0569C36.0313 19.1794 36.0313 19.1794 36 19.1794C35.875 19.1794 36.0313 18.965 36.0313 19.0569ZM44.2501 41.0832C44.2501 41.1751 44.125 41.1751 44.125 41.0832C44.125 41.0525 44.2501 41.0525 44.2501 41.0832ZM41.6563 15.442C41.6875 15.442 41.6875 15.5646 41.6563 15.5646C41.5625 15.5646 41.5625 15.442 41.6563 15.442ZM43.7813 44.3917C43.6875 44.3917 43.6875 44.2998 43.75 44.2692L43.8125 44.3304C43.8125 44.361 43.8125 44.3917 43.7813 44.3917ZM43.4688 40.3173C43.4688 40.2254 43.5626 40.1948 43.5626 40.2866C43.5626 40.3479 43.4688 40.3786 43.4688 40.3173ZM14.5 47.3939V47.4858C14.5625 47.4858 14.5938 47.4245 14.5938 47.3632C14.5625 47.3327 14.5625 47.3632 14.5 47.3939ZM43.1876 17.3107C43.2813 17.3107 43.2813 17.3107 43.2813 17.2495C43.2813 17.1575 43.0938 17.3107 43.1876 17.3107ZM42.9063 12.3479C43 12.3479 43 12.3479 43 12.2867C43 12.1947 42.8125 12.3479 42.9063 12.3479ZM19.125 43.5952C19.1875 43.5952 19.2188 43.6871 19.1563 43.6871C19.0625 43.6871 19.0313 43.5952 19.125 43.5952ZM44.1563 44.6368C44.1563 44.6675 44.1875 44.698 44.2188 44.7287V44.79C44.125 44.79 44.0938 44.698 44.1563 44.6368ZM46.9376 42.6761L47.0939 42.6455C47.0939 42.7068 46.9687 42.7374 46.9376 42.7374V42.6761ZM38.7501 43.8097C38.6876 43.8097 38.6876 43.9016 38.7501 43.9016C38.8438 43.9016 38.8438 43.8097 38.7501 43.8097ZM41.2187 13.9103C41.2187 13.9716 41.3126 13.9716 41.3126 13.9103C41.3126 13.8184 41.2187 13.8184 41.2187 13.9103ZM44.6251 41.1751C44.6251 41.0832 44.6876 41.0525 44.6876 41.1444C44.7187 41.267 44.6562 41.2977 44.6251 41.1751ZM44.2501 43.7484C44.2188 43.7177 44.1875 43.6871 44.1563 43.6871C44.1563 43.6564 44.1563 43.6259 44.1875 43.6259C44.2501 43.5952 44.2813 43.6871 44.2501 43.7484ZM36.4376 17.2188C36.5313 17.2188 36.5313 17.2188 36.5313 17.1269C36.5001 17.035 36.4063 17.2188 36.4376 17.2188ZM44.5938 39.5208C44.5313 39.5208 44.5313 39.6128 44.5938 39.6128C44.6876 39.5821 44.6876 39.4902 44.5938 39.5208ZM41.8125 38.9082C41.8125 38.8468 41.9063 38.8468 41.9063 38.9082C41.9063 39 41.8125 39 41.8125 38.9082ZM39.7501 16.8512C39.7501 16.9431 39.6563 16.9431 39.6563 16.8512C39.6563 16.7899 39.7501 16.7899 39.7501 16.8512ZM42.4376 36.5798C42.3437 36.5798 42.3437 36.6718 42.4376 36.6718C42.5 36.6718 42.5 36.5798 42.4376 36.5798ZM44.3438 16.9431C44.4063 16.9431 44.4063 16.8512 44.3438 16.8512C44.2501 16.8512 44.2501 16.9431 44.3438 16.9431ZM41.3437 37.7746L41.4375 37.8666H41.3437L41.2501 37.7746H41.3437ZM45.0313 42.5843H44.875C44.875 42.523 44.9688 42.523 45.0313 42.523V42.5843ZM47.0001 43.6259C47.0312 43.5952 47.0312 43.7177 47.0001 43.7484C46.9063 43.7484 46.9063 43.6259 47.0001 43.6259ZM21.5 46.3524C21.4375 46.4136 21.5 46.4749 21.5313 46.4749C21.5313 46.4442 21.5625 46.4136 21.5938 46.3829C21.5313 46.3829 21.5313 46.3217 21.5 46.3524ZM42.5314 18.8118C42.5314 18.8425 42.625 18.8425 42.625 18.8118C42.625 18.6893 42.5314 18.6893 42.5314 18.8118ZM45.4063 40.3786C45.4063 40.5011 45.5001 40.5011 45.5001 40.3786C45.5001 40.3479 45.4063 40.3479 45.4063 40.3786ZM43.9375 12.6236C44 12.6236 44 12.5317 43.9375 12.5317C43.8438 12.5624 43.8438 12.6543 43.9375 12.6236ZM35.9688 18.0766C35.9375 18.0766 35.9375 17.9541 35.9688 17.9541C36.0625 17.9541 36.0625 18.0766 35.9688 18.0766ZM35.3751 19.0875C35.3438 19.0875 35.3438 18.9956 35.3751 18.9956C35.5001 18.9956 35.5001 19.0875 35.3751 19.0875ZM39.625 34.5274C39.625 34.4355 39.5 34.4355 39.5 34.5274C39.5 34.558 39.625 34.558 39.625 34.5274ZM43.8125 41.3282C43.9063 41.3282 43.9063 41.4507 43.8125 41.4507C43.7813 41.4507 43.7813 41.3282 43.8125 41.3282ZM43.625 40.8381C43.6564 40.8381 43.7189 40.8994 43.75 40.93H43.625L43.5937 40.8381H43.625ZM43.8125 14.8293C43.875 14.8293 43.875 14.8293 43.875 14.7068C43.875 14.6761 43.7189 14.8293 43.8125 14.8293ZM14.9063 46.628C14.8125 46.628 14.8438 46.7199 14.875 46.7506C14.9375 46.7506 14.9375 46.6587 14.9063 46.628ZM43 14.2473C43 14.2166 42.875 14.3698 42.9063 14.3698C43 14.3698 43 14.3698 43 14.2473ZM43.3126 13.1751C43.3751 13.1444 43.3751 13.0525 43.3126 13.0832C43.2188 13.0832 43.2188 13.1751 43.3126 13.1751ZM43.2188 40.7462L43.2501 40.8687H43.1251L43.2188 40.7462ZM44.3751 11.9803C44.3751 11.8884 44.3126 11.8884 44.3126 11.9803C44.3126 12.1028 44.3751 12.1028 44.3751 11.9803ZM17.75 47.9147C17.7813 47.9147 17.7813 47.9147 17.7813 47.9453C17.7813 47.9453 17.8125 47.9453 17.8438 47.9147C17.875 47.8228 17.75 47.7922 17.75 47.9147ZM43.9063 41.6959C44.0313 41.6959 44.0313 41.7572 43.9063 41.7572C43.8125 41.7572 43.8125 41.6959 43.9063 41.6959ZM37.1875 42.0635C37.0938 42.0635 37.0938 42.1248 37.1875 42.1248C37.3125 42.1248 37.3125 42.0635 37.1875 42.0635ZM44.3126 38.9694C44.3126 38.9387 44.2813 38.9082 44.2501 38.8775H44.1563L44.2501 38.9694H44.3126ZM45.125 41.7877C45.1563 41.8797 45.1563 41.8797 45.0938 41.8797C45 41.8797 45.125 41.6959 45.125 41.7877ZM15.0625 46.3829C15.0938 46.4749 15.0625 46.4442 15.0625 46.5361C15.1563 46.5054 15.1563 46.3524 15.0625 46.3829ZM21.2188 45.8928C21.1563 45.9234 21.1563 45.9541 21.1563 46.0153C21.25 46.0153 21.25 45.9234 21.2188 45.8928ZM40.1875 18.6893C40.1562 18.5667 40.25 18.5667 40.2814 18.6893C40.2814 18.7199 40.1875 18.7199 40.1875 18.6893ZM32.6875 38.7855C32.6875 38.755 32.7813 38.7243 32.7813 38.755C32.8125 38.8468 32.7188 38.8775 32.6875 38.7855ZM41.5 17.0044L41.4688 16.8512H41.5625L41.5 17.0044ZM45.25 42.1248H45.0938L45.1563 42.0328L45.25 42.1248ZM44.125 12.2254C44.2188 12.2254 44.2188 12.2254 44.2188 12.1335C44.2188 12.1028 44.0625 12.2254 44.125 12.2254ZM40.4375 15.9322L40.375 16.0241L40.2814 15.9322H40.4375ZM20.7813 46.6894H20.9063V46.628C20.8125 46.628 20.7813 46.628 20.7813 46.6894ZM47.4063 41.7572L47.3125 41.6652V41.7572L47.4375 41.8184L47.4063 41.7572ZM43.3438 15.5339L43.2501 15.7177L43.4376 15.5033L43.3438 15.5339ZM43.5626 40.6849C43.5626 40.7156 43.4688 40.7462 43.4688 40.7156C43.4688 40.6236 43.5626 40.5931 43.5626 40.6849ZM37.6563 27.1751C37.5938 27.2364 37.5313 27.2364 37.5001 27.2364L37.5626 27.1444C37.5938 27.1751 37.6251 27.1751 37.6563 27.1751ZM38.3438 16.116C38.4375 16.116 38.4375 16.116 38.4375 16.0241C38.4375 15.9628 38.2813 16.1466 38.3438 16.116ZM44 13.5733C44.0625 13.5733 44.0625 13.5733 44.0625 13.512C44.0313 13.4201 43.9063 13.6039 44 13.5733ZM35.6562 19.5471L35.625 19.7002L35.5312 19.7309L35.6562 19.5471ZM40.75 14.0941C40.7813 14.186 40.8438 14.186 40.8126 14.0941C40.8126 14.0022 40.75 14.0022 40.75 14.0941ZM35.0625 40.5011C35.0313 40.4092 34.9688 40.4399 35 40.5317C35 40.5931 35.0625 40.5624 35.0625 40.5011ZM38.0625 15.6565C38.0625 15.7484 38.0625 15.7484 38 15.7484C37.9062 15.7484 38.0625 15.6258 38.0625 15.6565ZM44.5938 40.4092C44.5938 40.4399 44.5001 40.4399 44.5001 40.4092C44.5001 40.3173 44.5938 40.3173 44.5938 40.4092ZM34.1563 18.3829C34.1563 18.291 34.0626 18.291 34.0626 18.3829C34.0626 18.4136 34.1563 18.4136 34.1563 18.3829ZM42.9063 40.5011C42.9063 40.5317 42.8125 40.5317 42.8125 40.5011C42.8125 40.4092 42.9063 40.4092 42.9063 40.5011ZM40.5938 14.3392C40.5938 14.3698 40.6875 14.3698 40.6875 14.3392C40.6875 14.2473 40.5938 14.2473 40.5938 14.3392ZM35.0938 19.2101C35.0938 19.2407 35.0938 19.2407 35 19.2407C34.9375 19.2713 35.0938 19.0875 35.0938 19.2101ZM15.1563 44.453C15.0938 44.453 15.0625 44.4837 15.0938 44.5449C15.1875 44.5449 15.1563 44.4837 15.1563 44.453ZM45.6563 41.849C45.7501 41.849 45.7501 41.9103 45.6563 41.9103C45.5938 41.9103 45.5938 41.849 45.6563 41.849ZM43.2188 44.9738C43.1563 44.9738 43.1563 44.9125 43.2188 44.9125C43.3126 44.9125 43.3126 44.9738 43.2188 44.9738ZM38.0313 40.3479C38.0313 40.4092 38.0313 40.4399 38.125 40.4704C38.0313 40.5011 38 40.4092 37.9375 40.3786C37.9375 40.3786 37.9689 40.3786 38.0313 40.3479ZM40.8751 43.3808C40.8438 43.3808 40.8126 43.3501 40.7813 43.3194C40.8126 43.3194 40.8438 43.2889 40.8751 43.2889C40.9063 43.2889 40.9063 43.3808 40.8751 43.3808ZM45.4063 43.1356C45.4063 43.0438 45.4688 43.0438 45.4688 43.1356C45.4688 43.1969 45.4063 43.1969 45.4063 43.1356ZM40.375 15.2888C40.375 15.3808 40.2814 15.3808 40.2814 15.2888C40.25 15.2582 40.3438 15.2582 40.375 15.2888ZM41.0313 17.6783C41.0313 17.7702 40.9688 17.7702 40.9688 17.6783C40.9688 17.6171 41.0313 17.6171 41.0313 17.6783ZM43.3126 45.0657C43.3438 45.0657 43.3438 45.1576 43.3126 45.1576C43.2188 45.1576 43.2188 45.0657 43.3126 45.0657ZM44.9064 45.7703C44.875 45.709 44.9375 45.709 44.9688 45.7703C44.9688 45.8621 44.9064 45.8621 44.9064 45.7703ZM38.375 34.1291V34.0985L38.4375 34.1291V34.2516C38.4063 34.221 38.375 34.1598 38.375 34.1291ZM43.5937 45.3108C43.6251 45.3108 43.6251 45.4026 43.5937 45.4026C43.5001 45.4026 43.5001 45.3108 43.5937 45.3108ZM43.6564 39.1532H43.7813L43.625 39.0613L43.6564 39.1532ZM42.1563 37.9891C42.1563 38.0197 42.1563 38.0504 42.1876 38.0809L42.0313 38.0197L42.1563 37.9891ZM41.0001 43.4421H41.1251V43.5339L41.0001 43.4421ZM32.0001 38.0504V37.9279L32.0937 38.0504H32.0001ZM40.4063 18.3217C40.4375 18.3217 40.4688 18.291 40.5 18.291L40.4063 18.4442V18.3217ZM45.4063 41.849H45.5001V41.9103H45.4063V41.849ZM46.25 43.7484C46.25 43.779 46.25 43.779 46.1563 43.779C46.0938 43.779 46.25 43.6564 46.25 43.7484ZM35.9375 17.8928C35.9688 17.8928 35.9688 17.9541 35.9375 17.9541C35.8125 17.9541 35.8125 17.8928 35.9375 17.8928ZM45.0625 41.512C45.0625 41.3895 45.125 41.3895 45.125 41.512C45.125 41.5427 45.0625 41.5427 45.0625 41.512ZM46.1875 40.9606C46.1875 40.9912 46.25 40.9912 46.25 40.9606C46.25 40.8381 46.1875 40.8381 46.1875 40.9606ZM19.2188 43.7484H19.25C19.2188 43.779 19.1875 43.8402 19.1875 43.9016C19.1563 43.8402 19.1563 43.7484 19.2188 43.7484ZM44.0938 45.127H44V45.035L44.0938 45.127ZM36.2813 17.372V17.2801L36.1875 17.4333L36.2813 17.372ZM19.4375 44.8512L19.5313 44.9431V44.8512H19.4375ZM34.5 19.0263L34.5938 19.1182H34.5V19.0263ZM36.2813 41.604H36.3751L36.2813 41.512V41.604ZM41.375 14.7068L41.2812 14.7987H41.375V14.7068ZM41.8438 43.7484V43.6564L41.9375 43.7177L41.8438 43.7484ZM17.2188 43.779C17.1875 43.779 17.1875 43.6871 17.2188 43.6871H17.2813L17.2188 43.779ZM39.9376 14.6455C39.9376 14.5536 39.8751 14.5536 39.8751 14.6455C39.8751 14.6761 39.9376 14.6761 39.9376 14.6455ZM42.1876 44.116V43.9934L42.2501 44.116H42.1876ZM32.5938 38.755L32.5313 38.6324H32.5938V38.755ZM40.8438 18.6586L40.75 18.5361L40.7813 18.6586H40.8438ZM43.3126 40.2254C43.2813 40.1335 43.3126 40.1335 43.3438 40.2254C43.3438 40.3173 43.3126 40.3173 43.3126 40.2254ZM38.9376 25.5821C38.8751 25.5821 38.8438 25.5515 38.8438 25.5208C38.8751 25.5515 38.9376 25.5515 38.9687 25.5515C38.9687 25.5515 38.9687 25.5821 38.9376 25.5821ZM41.75 16.7287C41.75 16.8206 41.7188 16.8512 41.7188 16.7593C41.7188 16.698 41.75 16.6674 41.75 16.7287ZM43.5312 40.0416C43.5312 39.9496 43.5626 39.9496 43.5626 40.0416C43.5626 40.1028 43.5312 40.1028 43.5312 40.0416ZM43.2188 38.7855C43.2188 38.8468 43.2501 38.8468 43.2501 38.7855C43.2501 38.6937 43.2188 38.6937 43.2188 38.7855ZM43.4376 14.4617C43.5312 14.4617 43.5312 14.4311 43.4376 14.4311C43.3751 14.4311 43.3751 14.4617 43.4376 14.4617ZM40.5313 20.4048V20.4967H40.4688L40.5313 20.4048ZM42.3751 37.1619V37.2233H42.4687L42.3751 37.1619ZM36.5626 42.1553H36.6562L36.5626 42.0941V42.1553ZM19.1875 44.6368V44.7287H19.25L19.1875 44.6368ZM39.8751 13.512L39.8126 13.6039H39.8751V13.512ZM45.3125 42.9826L45.1875 42.9213H45.2813L45.3125 42.9826ZM42.875 39.8578V39.7658L42.9375 39.8578H42.875ZM40.4688 16.5755V16.5142H40.5625L40.4688 16.5755ZM34.3437 19.2713C34.4375 19.2407 34.4375 19.2713 34.3437 19.302C34.2812 19.302 34.2812 19.2713 34.3437 19.2713ZM42.8438 12.5317V12.593L42.9375 12.5317H42.8438ZM43.2188 39.092C43.2501 39.1838 43.2813 39.1838 43.2501 39.092C43.2501 39.0307 43.2188 39.0307 43.2188 39.092ZM13.0625 44.698V44.6062H13L13.0625 44.698ZM50.9375 52.9082C50.9688 52.9387 51 52.9694 51 53V52.9082H50.9375ZM41.5938 13.8184H41.5625L41.4688 13.9716L41.5938 13.8184ZM36.0313 38.8775C36.0313 38.8775 36.0625 38.8775 36.0938 38.8468V38.8775C36.0938 38.9387 36.0625 38.9082 36.0313 38.8775ZM46.25 42.0635H46.3125L46.25 42.1248V42.0635ZM36.2501 40.7462C36.2501 40.8074 36.2813 40.8381 36.3126 40.8381L36.2501 40.7462ZM38.0625 16.6368C38.0313 16.6368 38 16.6674 38 16.698L38.0938 16.6368H38.0625ZM32.25 38.1422L32.1562 38.1116H32.25V38.1422ZM39.625 21.9672V21.9365C39.5938 21.9365 39.5625 21.9672 39.5313 21.9672H39.625ZM17.2813 43.5339C17.25 43.5339 17.25 43.5646 17.2188 43.5646C17.2188 43.5646 17.2188 43.5339 17.25 43.5033C17.25 43.5033 17.25 43.5339 17.2813 43.5339ZM41.8125 13.3895L41.7813 13.4814H41.8125V13.3895ZM45.6563 40.5931H45.5626L45.6563 40.6236V40.5931ZM44.5313 43.8709C44.5626 43.8709 44.5626 43.8709 44.5938 43.9016C44.5626 43.9016 44.5313 43.8709 44.5001 43.8709H44.5313ZM50.9063 52.8469V52.8162H50.875L50.9063 52.8469ZM41.4375 43.779L41.4688 43.8097H41.4375V43.779ZM17.2188 43.8097L17.1875 43.8402V43.8097H17.2188ZM42.1876 16.1466C42.2188 16.116 42.2188 16.0853 42.2188 16.0853L42.1876 16.1466ZM27.6875 38.2954C27.6875 38.2954 27.6875 38.2647 27.7188 38.2647L27.6875 38.2954ZM41.1563 43.5952L41.1876 43.6259C41.1563 43.6259 41.1563 43.5952 41.1563 43.5952ZM44.2188 46.2298V46.2604V46.2298ZM35.2188 40.2254C35.2188 40.2561 35.2501 40.2561 35.2501 40.2866C35.2188 40.2561 35.2188 40.2561 35.2188 40.2254ZM43.0938 15.6258C43.0938 15.6565 43.0938 15.6565 43.0625 15.6565L43.0938 15.6258Z" fill="#030408"/>
+</svg>
diff --git a/packages/apps-config/src/ui/logos/chains/moonsama.png b/packages/apps-config/src/ui/logos/chains/moonsama.png
new file mode 100644
index 0000000..ed6e78e
Binary files /dev/null and b/packages/apps-config/src/ui/logos/chains/moonsama.png differ
diff --git a/packages/apps-config/src/ui/logos/chains/opal-logo.png b/packages/apps-config/src/ui/logos/chains/opal-logo.png
new file mode 100644
index 0000000..8fd3530
Binary files /dev/null and b/packages/apps-config/src/ui/logos/chains/opal-logo.png differ
diff --git a/packages/apps-config/src/ui/logos/chains/parallel.svg b/packages/apps-config/src/ui/logos/chains/parallel.svg
new file mode 100644
index 0000000..711860d
--- /dev/null
+++ b/packages/apps-config/src/ui/logos/chains/parallel.svg
@@ -0,0 +1,15 @@
+<svg width="200" height="200" viewBox="0 0 200 200" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect width="200" height="200" fill="white"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M63.0641 96.3672L33.4438 109.677C26.8591 112.635 26.877 121.985 33.473 124.918L106.504 157.398C110.871 159.34 115.863 159.32 120.214 157.341L166.713 136.204C173.249 133.233 173.237 123.951 166.694 120.997L137.454 107.796L120.217 115.631C115.865 117.61 110.874 117.63 106.506 115.688L63.0641 96.3672Z" fill="url(#paint0_linear)"/>
+<path d="M80.8013 42.4841C85.1683 40.5219 90.1678 40.5263 94.5313 42.4964L166.702 75.08C173.245 78.0343 173.257 87.3165 166.721 90.2875L120.222 111.425C115.871 113.403 110.879 113.423 106.512 111.481L33.4811 79.0013C26.8851 76.0678 26.8671 66.7183 33.4518 63.7596L80.8013 42.4841Z" fill="url(#paint1_linear)"/>
+<defs>
+<linearGradient id="paint0_linear" x1="171.581" y1="120.946" x2="28.5482" y2="120.946" gradientUnits="userSpaceOnUse">
+<stop stop-color="#EF18AC"/>
+<stop offset="1" stop-color="#FAD972"/>
+</linearGradient>
+<linearGradient id="paint1_linear" x1="171.586" y1="95.7346" x2="28.5536" y2="95.7346" gradientUnits="userSpaceOnUse">
+<stop stop-color="#5314F1"/>
+<stop offset="1" stop-color="#04E2FF"/>
+</linearGradient>
+</defs>
+</svg>
diff --git a/packages/apps-config/src/ui/logos/chains/picasso.svg b/packages/apps-config/src/ui/logos/chains/picasso.svg
new file mode 100644
index 0000000..d7266e4
--- /dev/null
+++ b/packages/apps-config/src/ui/logos/chains/picasso.svg
@@ -0,0 +1,12 @@
+<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect width="48" height="48" rx="24" fill="url(#paint0_linear)"/>
+<rect width="48" height="48" rx="24" fill="#120901"/>
+<path d="M30.2158 23.5225C29.9928 23.5225 29.7697 23.5503 29.5746 23.6619C29.3237 23.8291 29.1285 24.2194 29.1285 24.5818C29.1285 24.8885 29.4073 25.2788 29.714 25.4461C30.5782 25.8921 31.4982 24.8885 31.0522 24.0522C30.9128 23.7455 30.5504 23.5503 30.2158 23.5225Z" fill="#FF8500"/>
+<path d="M23.2322 17.5565C23.5388 17.6122 23.9849 18.6716 24.0685 19.5637C24.0964 19.7589 24.0685 20.1771 24.0685 20.4837C24.0406 20.9577 23.9849 21.0971 23.8176 21.3201C23.4552 21.8498 22.7861 22.1843 21.9219 22.2401C21.671 22.268 21.2528 22.2958 21.0297 22.2958C20.6673 22.268 20.6394 22.268 20.6952 22.1286C20.7231 22.0728 20.8067 21.8777 20.8625 21.7104C21.2249 20.5953 22.0334 18.811 22.4516 18.2535C22.7303 17.8353 23.0649 17.5286 23.2322 17.5565ZM22.9534 15.1311C22.814 15.1311 22.6467 15.1589 22.3958 15.2426C22.0334 15.3541 21.6988 15.5492 21.3922 15.8001C20.9461 16.1347 20.8904 16.1626 20.8625 16.0232C20.8346 15.8001 20.4722 15.4935 20.1376 15.4656C19.8031 15.4098 19.3849 15.5771 19.2176 15.828C19.134 15.9395 18.911 16.302 18.6879 16.6644C18.2976 17.3335 18.1582 17.8074 18.2976 18.0862C18.3813 18.2535 18.3534 18.4486 18.1025 19.6474C17.6564 21.8219 16.9316 26.3104 16.9316 27.1746C16.9037 29.1261 16.9316 30.9661 16.9595 31.3285C17.0431 31.8861 17.2383 32.2764 17.6007 32.5273C17.9631 32.7782 18.1582 32.834 18.5485 32.7224C18.9388 32.6388 19.134 32.4994 19.357 32.1927C19.6079 31.8303 19.6637 31.44 19.6637 29.7394C19.6358 27.6764 19.9146 24.4146 20.0819 24.2195C20.1376 24.1916 20.5 24.1637 20.9182 24.2195C22.4794 24.3589 23.7618 24.0801 24.7376 23.3552C25.797 22.5746 26.243 21.6825 26.3267 20.1771C26.4103 18.1977 25.7691 16.4413 24.6261 15.5492C24.2637 15.2983 24.1521 15.2704 23.5946 15.1868C23.3158 15.1311 23.1206 15.1032 22.9534 15.1311Z" fill="white"/>
+<defs>
+<linearGradient id="paint0_linear" x1="24" y1="-1.18095" x2="22.9068" y2="48.5093" gradientUnits="userSpaceOnUse">
+<stop stop-color="#020100"/>
+<stop offset="1" stop-color="#1B0E00"/>
+</linearGradient>
+</defs>
+</svg>
diff --git a/packages/apps-config/src/ui/logos/chains/pioneer.png b/packages/apps-config/src/ui/logos/chains/pioneer.png
new file mode 100644
index 0000000..0dfe146
Binary files /dev/null and b/packages/apps-config/src/ui/logos/chains/pioneer.png differ
diff --git a/packages/apps-config/src/ui/logos/chains/polkadex.svg b/packages/apps-config/src/ui/logos/chains/polkadex.svg
new file mode 100644
index 0000000..69b95d5
--- /dev/null
+++ b/packages/apps-config/src/ui/logos/chains/polkadex.svg
@@ -0,0 +1,11 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="183.227" height="181.136" viewBox="0 0 183.227 181.136">
+  <g id="Icon" transform="translate(0 0)">
+    <g id="Letter" transform="translate(183.227 181.136) rotate(180)">
+      <path id="Path_1" data-name="Path 1" d="M0,0V24.855L42.582,67.837H68.229Z" transform="translate(0 24.457)"/>
+      <path id="Path_3" data-name="Path 3" d="M68.229,67.837V42.982L25.647,0H0Z" transform="translate(114.998 86.751)"/>
+      <path id="Path_4" data-name="Path 4" d="M68.229,0V24.855L25.647,67.837,68.229,110.43V136.4L0,67.837Z" transform="translate(160.86 112.907) rotate(90)"/>
+      <path id="Path_5" data-name="Path 5" d="M68.229,136.4V111.548L25.647,68.566,68.229,25.973V0L0,68.566Z" transform="translate(20.276 68.229) rotate(-90)"/>
+    </g>
+    <circle id="Ellipse" cx="11.585" cy="11.585" r="11.585" transform="translate(80.371 81.255)" fill="#e6007a"/>
+  </g>
+</svg>
diff --git a/packages/apps-config/src/ui/logos/chains/quartz.png b/packages/apps-config/src/ui/logos/chains/quartz.png
new file mode 100644
index 0000000..6964083
Binary files /dev/null and b/packages/apps-config/src/ui/logos/chains/quartz.png differ
diff --git a/packages/apps-config/src/ui/logos/chains/rococo-canvas.svg b/packages/apps-config/src/ui/logos/chains/rococo-canvas.svg
new file mode 100644
index 0000000..4cb6023
--- /dev/null
+++ b/packages/apps-config/src/ui/logos/chains/rococo-canvas.svg
@@ -0,0 +1,8 @@
+<svg width="200" height="200" viewBox="0 0 200 200" fill="none" xmlns="http://www.w3.org/2000/svg">
+<circle cx="100" cy="100" r="100" fill="black"/>
+<path d="M80 120H120V160H80V120Z" fill="white"/>
+<path d="M80 40H120V80H80V40Z" fill="white"/>
+<path d="M40 80H80V120H40V80Z" fill="white"/>
+<path d="M160 80C160 74.7471 158.965 69.5457 156.955 64.6927C154.945 59.8396 151.999 55.4301 148.284 51.7157C144.57 48.0014 140.16 45.055 135.307 43.0448C130.454 41.0346 125.253 40 120 40V80H160Z" fill="white"/>
+<path d="M120 160C125.253 160 130.454 158.965 135.307 156.955C140.16 154.945 144.57 151.999 148.284 148.284C151.999 144.57 154.945 140.16 156.955 135.307C158.965 130.454 160 125.253 160 120H120V160Z" fill="white"/>
+</svg>
diff --git a/packages/apps-config/src/ui/logos/chains/rococo-tick.svg b/packages/apps-config/src/ui/logos/chains/rococo-tick.svg
new file mode 100644
index 0000000..c534c5c
--- /dev/null
+++ b/packages/apps-config/src/ui/logos/chains/rococo-tick.svg
@@ -0,0 +1 @@
+<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 50 50"><defs><style>.cls-1{fill:#22bb22;}.cls-2{fill:#fff;}</style></defs><circle class="cls-1" cx="25" cy="25" r="25"/><path class="cls-2" d="M14.77,15.26v1.51a2.52,2.52,0,0,1,2.46-1.51h1.36v1.91h-1.7c-1.51,0-2.09.71-2.09,2.45v2.76H18v1.79H10.2V22.38h2.22V17.07H10.2V15.26Z"/><path class="cls-2" d="M25,24.39c-2.19,0-4.26-1.26-4.26-4.67s2.07-4.65,4.26-4.65,4.25,1.24,4.25,4.65S27.17,24.39,25,24.39Zm0-7.57c-1.14,0-1.87.85-1.87,2.9s.73,2.91,1.87,2.91,1.87-.86,1.87-2.91S26.14,16.82,25,16.82Z"/><path class="cls-2" d="M39.62,18.48H37.37c-.14-.95-.58-1.66-1.64-1.66S34,17.73,34,19.73s.66,2.9,1.72,2.9c.73,0,1.47-.36,1.69-1.72H39.7a3.87,3.87,0,0,1-4,3.48c-2.59,0-4.07-2-4.07-4.66s1.51-4.66,4.12-4.66A3.74,3.74,0,0,1,39.62,18.48Z"/><path class="cls-2" d="M14.31,36.5c-2.19,0-4.26-1.26-4.26-4.67s2.07-4.65,4.26-4.65,4.25,1.24,4.25,4.65S16.47,36.5,14.31,36.5Zm0-7.57c-1.15,0-1.88.85-1.88,2.9s.73,2.91,1.88,2.91,1.87-.86,1.87-2.91S15.45,28.93,14.31,28.93Z"/><path class="cls-2" d="M28.92,30.59H26.67c-.13-.95-.58-1.66-1.64-1.66s-1.72.91-1.72,2.92S24,34.74,25,34.74c.73,0,1.48-.36,1.69-1.72H29a3.88,3.88,0,0,1-4,3.48c-2.6,0-4.07-2-4.07-4.65s1.5-4.67,4.12-4.67A3.72,3.72,0,0,1,28.92,30.59Z"/><path class="cls-2" d="M35.69,36.5c-2.18,0-4.25-1.26-4.25-4.67s2.07-4.65,4.25-4.65S40,28.42,40,31.83,37.86,36.5,35.69,36.5Zm0-7.57c-1.14,0-1.87.85-1.87,2.9s.73,2.91,1.87,2.91,1.88-.86,1.88-2.91S36.84,28.93,35.69,28.93Z"/></svg>
diff --git a/packages/apps-config/src/ui/logos/chains/rococo-track.svg b/packages/apps-config/src/ui/logos/chains/rococo-track.svg
new file mode 100644
index 0000000..6d86c44
--- /dev/null
+++ b/packages/apps-config/src/ui/logos/chains/rococo-track.svg
@@ -0,0 +1 @@
+<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 50 50"><defs><style>.cls-1{fill:#bb2222;}.cls-2{fill:#fff;}</style></defs><circle class="cls-1" cx="25" cy="25" r="25"/><path class="cls-2" d="M14.77,15.26v1.51a2.52,2.52,0,0,1,2.46-1.51h1.36v1.91h-1.7c-1.51,0-2.09.71-2.09,2.45v2.76H18v1.79H10.2V22.38h2.22V17.07H10.2V15.26Z"/><path class="cls-2" d="M25,24.39c-2.19,0-4.26-1.26-4.26-4.67s2.07-4.65,4.26-4.65,4.25,1.24,4.25,4.65S27.17,24.39,25,24.39Zm0-7.57c-1.14,0-1.87.85-1.87,2.9s.73,2.91,1.87,2.91,1.87-.86,1.87-2.91S26.14,16.82,25,16.82Z"/><path class="cls-2" d="M39.62,18.48H37.37c-.14-.95-.58-1.66-1.64-1.66S34,17.73,34,19.73s.66,2.9,1.72,2.9c.73,0,1.47-.36,1.69-1.72H39.7a3.87,3.87,0,0,1-4,3.48c-2.59,0-4.07-2-4.07-4.66s1.51-4.66,4.12-4.66A3.74,3.74,0,0,1,39.62,18.48Z"/><path class="cls-2" d="M14.31,36.5c-2.19,0-4.26-1.26-4.26-4.67s2.07-4.65,4.26-4.65,4.25,1.24,4.25,4.65S16.47,36.5,14.31,36.5Zm0-7.57c-1.15,0-1.88.85-1.88,2.9s.73,2.91,1.88,2.91,1.87-.86,1.87-2.91S15.45,28.93,14.31,28.93Z"/><path class="cls-2" d="M28.92,30.59H26.67c-.13-.95-.58-1.66-1.64-1.66s-1.72.91-1.72,2.92S24,34.74,25,34.74c.73,0,1.48-.36,1.69-1.72H29a3.88,3.88,0,0,1-4,3.48c-2.6,0-4.07-2-4.07-4.65s1.5-4.67,4.12-4.67A3.72,3.72,0,0,1,28.92,30.59Z"/><path class="cls-2" d="M35.69,36.5c-2.18,0-4.25-1.26-4.25-4.67s2.07-4.65,4.25-4.65S40,28.42,40,31.83,37.86,36.5,35.69,36.5Zm0-7.57c-1.14,0-1.87.85-1.87,2.9s.73,2.91,1.87,2.91,1.88-.86,1.88-2.91S36.84,28.93,35.69,28.93Z"/></svg>
diff --git a/packages/apps-config/src/ui/logos/chains/rococo-trick.svg b/packages/apps-config/src/ui/logos/chains/rococo-trick.svg
new file mode 100644
index 0000000..825aa32
--- /dev/null
+++ b/packages/apps-config/src/ui/logos/chains/rococo-trick.svg
@@ -0,0 +1 @@
+<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 50 50"><defs><style>.cls-1{fill:#2222bb;}.cls-2{fill:#fff;}</style></defs><circle class="cls-1" cx="25" cy="25" r="25"/><path class="cls-2" d="M14.77,15.26v1.51a2.52,2.52,0,0,1,2.46-1.51h1.36v1.91h-1.7c-1.51,0-2.09.71-2.09,2.45v2.76H18v1.79H10.2V22.38h2.22V17.07H10.2V15.26Z"/><path class="cls-2" d="M25,24.39c-2.19,0-4.26-1.26-4.26-4.67s2.07-4.65,4.26-4.65,4.25,1.24,4.25,4.65S27.17,24.39,25,24.39Zm0-7.57c-1.14,0-1.87.85-1.87,2.9s.73,2.91,1.87,2.91,1.87-.86,1.87-2.91S26.14,16.82,25,16.82Z"/><path class="cls-2" d="M39.62,18.48H37.37c-.14-.95-.58-1.66-1.64-1.66S34,17.73,34,19.73s.66,2.9,1.72,2.9c.73,0,1.47-.36,1.69-1.72H39.7a3.87,3.87,0,0,1-4,3.48c-2.59,0-4.07-2-4.07-4.66s1.51-4.66,4.12-4.66A3.74,3.74,0,0,1,39.62,18.48Z"/><path class="cls-2" d="M14.31,36.5c-2.19,0-4.26-1.26-4.26-4.67s2.07-4.65,4.26-4.65,4.25,1.24,4.25,4.65S16.47,36.5,14.31,36.5Zm0-7.57c-1.15,0-1.88.85-1.88,2.9s.73,2.91,1.88,2.91,1.87-.86,1.87-2.91S15.45,28.93,14.31,28.93Z"/><path class="cls-2" d="M28.92,30.59H26.67c-.13-.95-.58-1.66-1.64-1.66s-1.72.91-1.72,2.92S24,34.74,25,34.74c.73,0,1.48-.36,1.69-1.72H29a3.88,3.88,0,0,1-4,3.48c-2.6,0-4.07-2-4.07-4.65s1.5-4.67,4.12-4.67A3.72,3.72,0,0,1,28.92,30.59Z"/><path class="cls-2" d="M35.69,36.5c-2.18,0-4.25-1.26-4.25-4.67s2.07-4.65,4.25-4.65S40,28.42,40,31.83,37.86,36.5,35.69,36.5Zm0-7.57c-1.14,0-1.87.85-1.87,2.9s.73,2.91,1.87,2.91,1.88-.86,1.88-2.91S36.84,28.93,35.69,28.93Z"/></svg>
diff --git a/packages/apps-config/src/ui/logos/chains/rococo.svg b/packages/apps-config/src/ui/logos/chains/rococo.svg
new file mode 100644
index 0000000..a17e506
--- /dev/null
+++ b/packages/apps-config/src/ui/logos/chains/rococo.svg
@@ -0,0 +1 @@
+<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 50 50"><defs><style>.cls-1{fill:none;}.cls-2{clip-path:url(#clip-path);}.cls-3{clip-path:url(#clip-path-2);}.cls-4{fill:#fff;}</style><clipPath id="clip-path"><circle class="cls-1" cx="25" cy="25" r="25"/></clipPath><clipPath id="clip-path-2"><rect class="cls-1" x="-5" y="-5" width="60" height="60"/></clipPath></defs><g class="cls-2"><g class="cls-3"><image width="126" height="126" transform="translate(-5.28 -5.28) scale(0.48)" xlink:href="data:image/png;base64,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"/></g></g><path class="cls-4" d="M14.77,15.26v1.51a2.52,2.52,0,0,1,2.46-1.51h1.36v1.91h-1.7c-1.51,0-2.09.71-2.09,2.45v2.76H18v1.79H10.2V22.38h2.22V17.07H10.2V15.26Z"/><path class="cls-4" d="M25,24.39c-2.19,0-4.26-1.26-4.26-4.67s2.07-4.65,4.26-4.65,4.25,1.24,4.25,4.65S27.17,24.39,25,24.39Zm0-7.57c-1.14,0-1.87.85-1.87,2.9s.73,2.91,1.87,2.91,1.87-.86,1.87-2.91S26.14,16.82,25,16.82Z"/><path class="cls-4" d="M39.62,18.48H37.37c-.14-.95-.58-1.66-1.64-1.66S34,17.73,34,19.73s.66,2.9,1.72,2.9c.73,0,1.47-.36,1.69-1.72H39.7a3.87,3.87,0,0,1-4,3.48c-2.6,0-4.07-2-4.07-4.66s1.51-4.66,4.12-4.66A3.74,3.74,0,0,1,39.62,18.48Z"/><path class="cls-4" d="M14.3,36.5c-2.18,0-4.25-1.26-4.25-4.67s2.07-4.65,4.25-4.65,4.26,1.24,4.26,4.65S16.47,36.5,14.3,36.5Zm0-7.57c-1.14,0-1.87.85-1.87,2.9s.73,2.91,1.87,2.91,1.88-.86,1.88-2.91S15.45,28.93,14.3,28.93Z"/><path class="cls-4" d="M28.92,30.59H26.67c-.13-.95-.58-1.66-1.64-1.66s-1.72.91-1.72,2.92S24,34.74,25,34.74c.73,0,1.48-.36,1.69-1.72H29a3.88,3.88,0,0,1-4,3.48c-2.6,0-4.07-2-4.07-4.65s1.5-4.67,4.12-4.67A3.72,3.72,0,0,1,28.92,30.59Z"/><path class="cls-4" d="M35.69,36.5c-2.18,0-4.25-1.26-4.25-4.67s2.07-4.65,4.25-4.65S40,28.42,40,31.83,37.86,36.5,35.69,36.5Zm0-7.57c-1.14,0-1.87.85-1.87,2.9s.73,2.91,1.87,2.91,1.88-.86,1.88-2.91S36.84,28.93,35.69,28.93Z"/></svg>
\ No newline at end of file
diff --git a/packages/apps-config/src/ui/logos/chains/shiden.png b/packages/apps-config/src/ui/logos/chains/shiden.png
new file mode 100644
index 0000000..caf17e6
Binary files /dev/null and b/packages/apps-config/src/ui/logos/chains/shiden.png differ
diff --git a/packages/apps-config/src/ui/logos/chains/snakenet.svg b/packages/apps-config/src/ui/logos/chains/snakenet.svg
new file mode 100644
index 0000000..9f185bd
--- /dev/null
+++ b/packages/apps-config/src/ui/logos/chains/snakenet.svg
@@ -0,0 +1 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg width="100%" height="100%" viewBox="0 0 2001 2000" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;"><rect id="Pink-transp" x="0.054" y="0" width="2000" height="2000" style="fill:none;"/><path id="logo" d="M188.657,1000.03l811.686,-810.921l811.108,811.131l-811.108,810.653l-811.686,-810.863Zm1290.98,-243.392c-33.722,37.657 -107.253,132.484 -107.253,243.392c0,110.908 73.531,205.735 107.253,243.391c-216.633,-11.457 -389.843,-243.391 -389.843,-243.391c0,0 173.21,-231.935 389.843,-243.392Zm-957.995,0c216.633,11.457 389.843,243.392 389.843,243.392c0,0 -173.21,231.934 -389.843,243.391c33.722,-37.656 107.253,-132.483 107.253,-243.391c0,-110.908 -73.531,-205.735 -107.253,-243.392Zm-34.325,1.434c-34.273,38.551 -106.012,132.41 -106.012,241.958c0,109.976 72.302,204.141 106.414,242.409l175.471,175.5l0.824,-0.807c70.248,-68.649 187.023,-158.874 320.153,-165.746c-33.516,37.344 -107.428,132.295 -107.428,243.41c0,111.116 73.912,206.067 107.428,243.411l16.172,16.938l16.172,-16.938c33.516,-37.344 107.428,-132.295 107.428,-243.411c0,-111.115 -73.912,-206.066 -107.428,-243.41c133.651,6.899 250.819,97.805 320.977,166.553l179.611,-179.641l0.416,-0.478c35.513,-40.782 102.459,-131.966 102.459,-237.79c0,-106.239 -67.471,-197.723 -102.875,-238.268l-178.774,-178.804l-0.823,0.808c-70.177,68.741 -187.343,159.644 -320.991,166.543c33.516,-37.345 107.428,-132.296 107.428,-243.411c0,-111.116 -73.912,-206.067 -107.428,-243.411l-16.172,-18.572l-16.172,18.572c-33.516,37.344 -107.428,132.295 -107.428,243.411c0,111.115 73.912,206.066 107.428,243.411c-134.171,-6.926 -251.731,-98.515 -321.815,-167.351l-175.035,175.114Z" style="fill:#f653a2;"/></svg>
\ No newline at end of file
diff --git a/packages/apps-config/src/ui/logos/chains/spanner.png b/packages/apps-config/src/ui/logos/chains/spanner.png
new file mode 100644
index 0000000..7e84574
Binary files /dev/null and b/packages/apps-config/src/ui/logos/chains/spanner.png differ
diff --git a/packages/apps-config/src/ui/logos/chains/standard.png b/packages/apps-config/src/ui/logos/chains/standard.png
new file mode 100644
index 0000000..ab72a82
Binary files /dev/null and b/packages/apps-config/src/ui/logos/chains/standard.png differ
diff --git a/packages/apps-config/src/ui/logos/chains/swapdex.svg b/packages/apps-config/src/ui/logos/chains/swapdex.svg
new file mode 100644
index 0000000..385c3ae
--- /dev/null
+++ b/packages/apps-config/src/ui/logos/chains/swapdex.svg
@@ -0,0 +1,29 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 24.0.1, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Laag_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 300 300" style="enable-background:new 0 0 300 300;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:url(#SVGID_1_);}
+	.st1{fill:url(#SVGID_2_);}
+</style>
+<linearGradient id="SVGID_1_" gradientUnits="userSpaceOnUse" x1="4.8442" y1="150.4221" x2="218.8309" y2="150.4221">
+	<stop  offset="0" style="stop-color:#E94081"/>
+	<stop  offset="0.2171" style="stop-color:#E63F81"/>
+	<stop  offset="0.4368" style="stop-color:#DF3D82"/>
+	<stop  offset="0.6576" style="stop-color:#D23983"/>
+	<stop  offset="0.878" style="stop-color:#C03384"/>
+	<stop  offset="1" style="stop-color:#B33085"/>
+</linearGradient>
+<path class="st0" d="M4.8,276.1c0-54.7,0-108.7,0-163.2C6.5,114,48.8,149,55,154c1.3,1,2.4,0.9,3.5-0.3
+	c5.1-5.3,121-123.7,124.8-127.7c1.9-2,2.7-1.9,5.7,1.1c4.6,4.5,26.6,27.2,29.8,30.5C147.7,130.3,76.5,203,4.8,276.1z"/>
+<linearGradient id="SVGID_2_" gradientUnits="userSpaceOnUse" x1="-1176.6617" y1="660.4056" x2="-1385.3871" y2="660.4056" gradientTransform="matrix(-1 0 0 -1 -1089.5677 811.5134)">
+	<stop  offset="6.961042e-02" style="stop-color:#E94081"/>
+	<stop  offset="8.148406e-02" style="stop-color:#E84081"/>
+	<stop  offset="0.3497" style="stop-color:#D13984"/>
+	<stop  offset="0.6003" style="stop-color:#C13486"/>
+	<stop  offset="0.8245" style="stop-color:#B63187"/>
+	<stop  offset="1" style="stop-color:#B23087"/>
+</linearGradient>
+<path class="st1" d="M295.8,27.9c0,54.7-0.3,109.7-0.3,164.2c-1.6-1.2-38.4-42-44.7-47.1c-1.3-1-2.4-0.9-3.5,0.3
+	c-5.1,5.3-121,123.7-124.8,127.7c-1.9,2-2.7,1.9-5.7-1.1c-4.6-4.5-26.6-27.2-29.8-30.5C158.3,168.8,224.2,101,295.8,27.9z"/>
+</svg>
diff --git a/packages/apps-config/src/ui/logos/chains/tanganika.png b/packages/apps-config/src/ui/logos/chains/tanganika.png
new file mode 100644
index 0000000..679f745
Binary files /dev/null and b/packages/apps-config/src/ui/logos/chains/tanganika.png differ
diff --git a/packages/apps-config/src/ui/logos/chains/tinker.png b/packages/apps-config/src/ui/logos/chains/tinker.png
new file mode 100644
index 0000000..ef76a12
Binary files /dev/null and b/packages/apps-config/src/ui/logos/chains/tinker.png differ
diff --git a/packages/apps-config/src/ui/logos/chains/totem.svg b/packages/apps-config/src/ui/logos/chains/totem.svg
new file mode 100644
index 0000000..241aeb7
--- /dev/null
+++ b/packages/apps-config/src/ui/logos/chains/totem.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="228" height="228" viewBox="0 0 228 228"><defs><style>.a{fill:#fff;}.b{fill:#493b2a;}.c{fill:#ff1f66;}.d{fill:#5cffd9;}</style></defs><g transform="translate(-55 -21)"><path class="a" d="M114,0A114,114,0,1,1,0,114,114,114,0,0,1,114,0Z" transform="translate(55 21)"/><path class="b" d="M107.5,206a103.255,103.255,0,0,1-20.657-2.082,101.936,101.936,0,0,1-36.651-15.423,102.8,102.8,0,0,1-37.136-45.1,101.986,101.986,0,0,1-5.972-19.24,103.5,103.5,0,0,1,0-41.315A101.939,101.939,0,0,1,22.506,46.191,102.8,102.8,0,0,1,67.6,9.055a101.984,101.984,0,0,1,19.24-5.973,103.5,103.5,0,0,1,41.315,0,101.937,101.937,0,0,1,36.651,15.423,102.8,102.8,0,0,1,37.136,45.1,101.983,101.983,0,0,1,5.973,19.24,103.447,103.447,0,0,1-.507,43.655,101.943,101.943,0,0,1-7.387,21.168A19.923,19.923,0,0,0,182.934,138a19.927,19.927,0,0,0-15.5,32.472,20.01,20.01,0,0,0,11.109,6.911,102.616,102.616,0,0,1-32.089,20.954,102,102,0,0,1-18.811,5.684A103.291,103.291,0,0,1,107.5,206Z" transform="translate(62 32)"/><path class="c" d="M306.92,196.477c0,1.051,0,24.87,0,24.87s71.4-.094,73.49,0,4.015,2.653,4.068,6.612-1.342,7.375-4.068,7.463-73.49,0-73.49,0-.495,15.714,0,35.852,11.615,30.4,26.65,30.245,43.236-.057,45.537,0,5.552,3.493,5.425,7.145-2.758,7.477-4.945,7.477-9.386-.039-46.017,0-43.577-24.922-43.577-44.867-.071-72.595,0-74.8,1.912-6.684,8.794-6.684S306.921,195.426,306.92,196.477Z" transform="translate(-173.991 -118.87)"/><path class="d" d="M49.651,140.884c-15.237,0-27.3-4.479-35.851-13.312A44.735,44.735,0,0,1,5.521,115.42,57.46,57.46,0,0,1,1.46,103.3,64.806,64.806,0,0,1,.12,94c-.157-2.3-.115-3.7-.114-3.718,0-.727.192-72.771.1-77.366a10.355,10.355,0,0,1,.922-4.147A14.575,14.575,0,0,1,3.981,4.383,14.765,14.765,0,0,1,14.845,0l.3,0a20.17,20.17,0,0,1,6.884,1.275,16.614,16.614,0,0,1,5.084,3.035,13.729,13.729,0,0,1,3.151,3.981,9.2,9.2,0,0,1,1.084,4.113c.007,5.058,0,18.446,0,19.013v0h.585c8.271-.015,29.254-.048,45.432-.048,11.484,0,18.459.017,20.732.05a10.508,10.508,0,0,1,4.959,1.232,9.825,9.825,0,0,1,3.392,3.133,14.1,14.1,0,0,1,1.946,4.441,20.65,20.65,0,0,1,.62,5.157,19.931,19.931,0,0,1-.691,5.239,15.721,15.721,0,0,1-2.059,4.624,10.841,10.841,0,0,1-3.413,3.325A9.548,9.548,0,0,1,98.1,59.918c-3.688.084-21.3.1-35.419.1-15.7,0-30.7-.021-31.331-.022,0,.094,0,21.858,0,27.448A33.241,33.241,0,0,0,32,93.568a31.432,31.432,0,0,0,2.676,8.08,18.973,18.973,0,0,0,5.782,7.044,15.557,15.557,0,0,0,4.4,2.2,18.5,18.5,0,0,0,5.579.816h.225c5.018-.051,10.879-.076,17.92-.076,7.493,0,14.631.028,20.367.051h.022c3.539.014,6.334.025,8.161.025a9.977,9.977,0,0,1,4.888,1.284,12.646,12.646,0,0,1,3.8,3.306,16.06,16.06,0,0,1,2.461,4.511,14.914,14.914,0,0,1,.876,4.9,14.456,14.456,0,0,1-1.043,5.079,20.355,20.355,0,0,1-2.74,4.91,15.915,15.915,0,0,1-3.854,3.706,9.742,9.742,0,0,1-2.163,1.077,6.879,6.879,0,0,1-2.224.388c-1.5,0-1.992,0-2.736,0h-.017C92.268,140.873,87.887,140.884,49.651,140.884Zm28.944-7.5c9.841,0,14.443.01,16.655.015h.014l1.623,0a2.887,2.887,0,0,0,1.677-.655,7.043,7.043,0,0,0,1.567-1.715,10.452,10.452,0,0,0,1.181-2.4,9.393,9.393,0,0,0,.519-2.709,6.772,6.772,0,0,0-.584-2.928,8.45,8.45,0,0,0-1.594-2.42,5.092,5.092,0,0,0-3.247-1.8c-1.33-.033-11.852-.082-23.663-.082-6.272,0-15.158.014-21.874.082l-.328,0c-7.545,0-13.96-2.637-18.553-7.626a27.145,27.145,0,0,1-5.54-9.46,42.848,42.848,0,0,1-2.229-13.16c-.255-10.4-.242-19.6-.185-25.478.061-6.372.184-10.335.185-10.374.176,0,31.5.039,53.225.039,12.642,0,19.46-.013,20.265-.039a3.6,3.6,0,0,0,3.077-2.28,11.54,11.54,0,0,0,.992-5.183,10.637,10.637,0,0,0-.365-2.69,7.344,7.344,0,0,0-.907-2.065,4.607,4.607,0,0,0-1.288-1.341,2.953,2.953,0,0,0-1.509-.516c-.615-.028-7.338-.042-19.98-.042-21.12,0-52.185.04-53.5.042h-.013c0-.1,0-4.488,0-9.566,0-6.9,0-14.711,0-15.3A7.146,7.146,0,0,0,22.735,10a7.072,7.072,0,0,0-2.473-2.051,9.236,9.236,0,0,0-4.174-.9,11.531,11.531,0,0,0-4.267.735A7.493,7.493,0,0,0,9.137,9.569a6.821,6.821,0,0,0-1.407,2.195,6.043,6.043,0,0,0-.436,1.974c-.049,1.521-.031,26.934-.014,49.356.007,9.9.014,19.259.014,25.442,0,12.463,2.7,22.525,8.034,29.907a32.492,32.492,0,0,0,5.627,6.019,34.354,34.354,0,0,0,7.607,4.733,44,44,0,0,0,9.852,3.1,64.81,64.81,0,0,0,12.363,1.11h.093C61.68,133.39,71.008,133.384,78.6,133.384Z" transform="translate(108.699 63.867)"/><path class="c" d="M12.38,0A12.38,12.38,0,1,1,0,12.38,12.38,12.38,0,0,1,12.38,0Z" transform="translate(232.5 177.5)"/></g></svg>
\ No newline at end of file
diff --git a/packages/apps-config/src/ui/logos/chains/turing.png b/packages/apps-config/src/ui/logos/chains/turing.png
new file mode 100644
index 0000000..3d2eafc
Binary files /dev/null and b/packages/apps-config/src/ui/logos/chains/turing.png differ
diff --git a/packages/apps-config/src/ui/logos/chains/unique.svg b/packages/apps-config/src/ui/logos/chains/unique.svg
new file mode 100644
index 0000000..a3b0846
--- /dev/null
+++ b/packages/apps-config/src/ui/logos/chains/unique.svg
@@ -0,0 +1,4 @@
+<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<circle cx="24" cy="24" r="24" fill="#40BCFF"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M28.4696 47.3024C39.4542 45.1596 47.7447 35.4841 47.7447 23.8723C47.7447 10.688 37.0567 0 23.8723 0C10.688 0 0 10.688 0 23.8723C0 35.6098 8.47092 45.3688 19.6328 47.3694V40.0675C16.0004 39.0373 13.093 37.0472 10.9105 34.0972C8.74328 31.1472 7.65967 27.7289 7.65967 23.8424C7.65967 18.7071 9.55217 14.5006 13.3372 11.2228C16.4812 8.50689 20.0601 7.14894 24.0741 7.14894C29.2479 7.14894 33.4221 9.06099 36.5966 12.8851C39.1607 15.9756 40.4427 19.5422 40.4427 23.5848C40.4427 27.5494 39.3057 31.1004 37.0316 34.2377C34.9865 37.0785 32.1325 39.0217 28.4696 40.0675V47.3024ZM28.172 26.4178H19.9533V30C18.1219 28.4547 17.2061 26.4178 17.2061 23.8892C17.2061 21.9069 17.8853 20.1899 19.2436 18.7383C20.6019 17.2867 22.2121 16.5609 24.0741 16.5609C25.9208 16.5609 27.5233 17.2867 28.8816 18.7383C30.24 20.1899 30.9191 21.9069 30.9191 23.8892C30.9191 26.3553 30.0034 28.3923 28.172 30V26.4178Z" fill="white"/>
+</svg>
diff --git a/packages/apps-config/src/ui/logos/chains/unorthodox.png b/packages/apps-config/src/ui/logos/chains/unorthodox.png
new file mode 100644
index 0000000..aaa756d
Binary files /dev/null and b/packages/apps-config/src/ui/logos/chains/unorthodox.png differ
diff --git a/packages/apps-config/src/ui/logos/empty.svg b/packages/apps-config/src/ui/logos/empty.svg
new file mode 100644
index 0000000..c9d53a1
--- /dev/null
+++ b/packages/apps-config/src/ui/logos/empty.svg
@@ -0,0 +1,5 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="15 15 140 140" style="enable-background:new 0 0 170 170;" xml:space="preserve">
+<style type="text/css">.bg{fill: rgba(255, 255, 255, 0)}</style>
+<g><circle class="bg" cx="85" cy="85" r="70"/></g>
+</svg>
diff --git a/packages/apps-config/src/ui/logos/ext.gif.d.ts b/packages/apps-config/src/ui/logos/ext.gif.d.ts
new file mode 100644
index 0000000..bec7ae5
--- /dev/null
+++ b/packages/apps-config/src/ui/logos/ext.gif.d.ts
@@ -0,0 +1,7 @@
+// Copyright 2017-2022 @polkadot/apps-config authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+declare module '*.gif' {
+  const content: any;
+  export default content;
+}
diff --git a/packages/apps-config/src/ui/logos/ext.png.d.ts b/packages/apps-config/src/ui/logos/ext.png.d.ts
new file mode 100644
index 0000000..75a4f68
--- /dev/null
+++ b/packages/apps-config/src/ui/logos/ext.png.d.ts
@@ -0,0 +1,7 @@
+// Copyright 2017-2022 @polkadot/apps-config authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+declare module '*.png' {
+  const content: any;
+  export default content;
+}
diff --git a/packages/apps-config/src/ui/logos/ext.svg.d.ts b/packages/apps-config/src/ui/logos/ext.svg.d.ts
new file mode 100644
index 0000000..247294a
--- /dev/null
+++ b/packages/apps-config/src/ui/logos/ext.svg.d.ts
@@ -0,0 +1,7 @@
+// Copyright 2017-2022 @polkadot/apps-config authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+declare module '*.svg' {
+  const content: any;
+  export default content;
+}
diff --git a/packages/apps-config/src/ui/logos/extensions/polkadot-js.svg b/packages/apps-config/src/ui/logos/extensions/polkadot-js.svg
new file mode 100644
index 0000000..7b60266
--- /dev/null
+++ b/packages/apps-config/src/ui/logos/extensions/polkadot-js.svg
@@ -0,0 +1,13 @@
+<?xml version="1.0" encoding="utf-8" standalone="yes"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Layer_1" x="0px" y="0px" viewBox="15 15 140 140" style="enable-background:new 0 0 170 170;zoom: 1;" xml:space="preserve">
+<style type="text/css">
+	.bg0{fill:#FF8C00}
+	.st0{fill:#FFFFFF;}
+</style>
+<g>
+	<circle class="bg0" cx="85" cy="85" r="70"/>
+	<g>
+		<path class="st0" d="M85,34.7c-20.8,0-37.8,16.9-37.8,37.8c0,4.2,0.7,8.3,2,12.3c0.9,2.7,3.9,4.2,6.7,3.3c2.7-0.9,4.2-3.9,3.3-6.7 c-1.1-3.1-1.6-6.4-1.5-9.7C58.1,57.6,69.5,46,83.6,45.3c15.7-0.8,28.7,11.7,28.7,27.2c0,14.5-11.4,26.4-25.7,27.2 c0,0-5.3,0.3-7.9,0.7c-1.3,0.2-2.3,0.4-3,0.5c-0.3,0.1-0.6-0.2-0.5-0.5l0.9-4.4L81,73.4c0.6-2.8-1.2-5.6-4-6.2 c-2.8-0.6-5.6,1.2-6.2,4c0,0-11.8,55-11.9,55.6c-0.6,2.8,1.2,5.6,4,6.2c2.8,0.6,5.6-1.2,6.2-4c0.1-0.6,1.7-7.9,1.7-7.9 c1.2-5.6,5.8-9.7,11.2-10.4c1.2-0.2,5.9-0.5,5.9-0.5c19.5-1.5,34.9-17.8,34.9-37.7C122.8,51.6,105.8,34.7,85,34.7z M87.7,121.7 c-3.4-0.7-6.8,1.4-7.5,4.9c-0.7,3.4,1.4,6.8,4.9,7.5c3.4,0.7,6.8-1.4,7.5-4.9C93.3,125.7,91.2,122.4,87.7,121.7z"/>
+	</g>
+</g>
+</svg>
diff --git a/packages/apps-config/src/ui/logos/external/commonwealth.png b/packages/apps-config/src/ui/logos/external/commonwealth.png
new file mode 100644
index 0000000..df0929d
Binary files /dev/null and b/packages/apps-config/src/ui/logos/external/commonwealth.png differ
diff --git a/packages/apps-config/src/ui/logos/external/dotreasury.svg b/packages/apps-config/src/ui/logos/external/dotreasury.svg
new file mode 100644
index 0000000..78baa13
--- /dev/null
+++ b/packages/apps-config/src/ui/logos/external/dotreasury.svg
@@ -0,0 +1,9 @@
+<svg width="400" height="400" viewBox="0 0 400 400" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M139.471 96.2353C139.471 72.3571 120.113 53 96.2353 53C72.3571 53 53 72.3571 53 96.2353C53 120.113 72.3571 139.471 96.2353 139.471C120.113 139.471 139.471 120.113 139.471 96.2353Z" fill="#F23252"/>
+<path d="M326 53H281.529C269.931 53 260.529 62.402 260.529 74V118.471C260.529 130.069 269.931 139.471 281.529 139.471H326C337.598 139.471 347 130.069 347 118.471V74C347 62.402 337.598 53 326 53Z" fill="#F2B12F"/>
+<path d="M243.236 200C243.236 176.121 223.878 156.764 200 156.764C176.122 156.764 156.765 176.121 156.765 200C156.765 223.878 176.122 243.235 200 243.235C223.878 243.235 243.236 223.878 243.236 200Z" fill="#F23252"/>
+<path d="M118.471 156.764H74C62.402 156.764 53 166.166 53 177.764V222.235C53 233.833 62.402 243.235 74 243.235H118.471C130.069 243.235 139.471 233.833 139.471 222.235V177.764C139.471 166.166 130.069 156.764 118.471 156.764Z" fill="#F2B12F"/>
+<path d="M118.471 260.529H74C62.402 260.529 53 269.931 53 281.529V325.999C53 337.597 62.402 346.999 74 346.999H118.471C130.069 346.999 139.471 337.597 139.471 325.999V281.529C139.471 269.931 130.069 260.529 118.471 260.529Z" fill="#F2B12F"/>
+<path d="M222.236 260.529H177.765C166.167 260.529 156.765 269.931 156.765 281.529V325.999C156.765 337.597 166.167 346.999 177.765 346.999H222.236C233.834 346.999 243.236 337.597 243.236 325.999V281.529C243.236 269.931 233.834 260.529 222.236 260.529Z" fill="#F2B12F"/>
+<path d="M347 303.764C347 279.886 327.643 260.529 303.765 260.529C279.887 260.529 260.529 279.886 260.529 303.764C260.529 327.642 279.887 346.999 303.765 346.999C327.643 346.999 347 327.642 347 303.764Z" fill="#F23252"/>
+</svg>
diff --git a/packages/apps-config/src/ui/logos/external/dotscanner.png b/packages/apps-config/src/ui/logos/external/dotscanner.png
new file mode 100644
index 0000000..84b67c7
Binary files /dev/null and b/packages/apps-config/src/ui/logos/external/dotscanner.png differ
diff --git a/packages/apps-config/src/ui/logos/external/kodadot.png b/packages/apps-config/src/ui/logos/external/kodadot.png
new file mode 100644
index 0000000..a077aab
Binary files /dev/null and b/packages/apps-config/src/ui/logos/external/kodadot.png differ
diff --git a/packages/apps-config/src/ui/logos/external/polkascan.png b/packages/apps-config/src/ui/logos/external/polkascan.png
new file mode 100644
index 0000000..83cd596
Binary files /dev/null and b/packages/apps-config/src/ui/logos/external/polkascan.png differ
diff --git a/packages/apps-config/src/ui/logos/external/polkassembly.png b/packages/apps-config/src/ui/logos/external/polkassembly.png
new file mode 100644
index 0000000..6e2429e
Binary files /dev/null and b/packages/apps-config/src/ui/logos/external/polkassembly.png differ
diff --git a/packages/apps-config/src/ui/logos/external/polkastats.png b/packages/apps-config/src/ui/logos/external/polkastats.png
new file mode 100644
index 0000000..0f35147
Binary files /dev/null and b/packages/apps-config/src/ui/logos/external/polkastats.png differ
diff --git a/packages/apps-config/src/ui/logos/external/singular.svg b/packages/apps-config/src/ui/logos/external/singular.svg
new file mode 100644
index 0000000..a5781b6
--- /dev/null
+++ b/packages/apps-config/src/ui/logos/external/singular.svg
@@ -0,0 +1,3 @@
+<svg viewBox="152.688 152.688 194.624 194.624" xmlns="http://www.w3.org/2000/svg">
+  <path d="M 323.091 287.28 L 304.168 287.42 C 304.905 284.059 305.28 280.629 305.291 277.19 L 305.291 269.341 C 303.889 246.775 287.351 231.78 263.245 231.78 L 235.775 231.78 C 230.952 231.478 227.267 227.357 227.505 222.528 C 227.263 217.203 231.563 212.773 236.897 212.858 L 305.009 212.858 C 311.59 212.858 316.923 207.525 316.923 200.946 L 316.923 183.567 C 316.923 182.483 316.045 181.605 314.962 181.605 L 236.897 181.605 C 212.789 181.605 196.25 196.602 194.85 219.166 L 194.85 225.052 C 194.983 227.217 195.264 229.372 195.691 231.499 L 176.91 231.499 C 180.835 250.419 196.393 262.612 218.115 262.612 L 260.442 262.612 C 266.328 262.612 272.917 265.276 272.917 273.966 C 273.234 281.228 267.432 287.286 260.162 287.28 L 208.444 287.28 C 201.866 287.28 196.531 292.615 196.531 299.194 L 196.531 316.434 C 196.531 317.515 197.411 318.394 198.492 318.394 L 278.942 318.394 C 301.646 318.394 318.606 306.481 323.091 287.28 Z" fill="#eb3089" />
+</svg>
diff --git a/packages/apps-config/src/ui/logos/external/statescan.svg b/packages/apps-config/src/ui/logos/external/statescan.svg
new file mode 100644
index 0000000..22efa48
--- /dev/null
+++ b/packages/apps-config/src/ui/logos/external/statescan.svg
@@ -0,0 +1,4 @@
+<svg width="400" height="400" viewBox="0 0 400 400" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M265.038 141.74C257.896 92.5232 215.045 62.0889 142.122 62.0889C68.2597 62.0889 19.582 93.7406 19.7699 145.218C19.582 185.218 46.834 211.13 103.217 221.565L153.211 230.782C178.395 235.478 189.86 243.999 190.236 257.391C189.86 273.216 171.254 284.521 143.25 284.521C114.682 284.521 95.6997 273.216 90.8131 251.478L12.0642 255.304C19.582 306.433 66.5682 337.911 143.062 337.911C217.864 337.911 271.428 302.607 271.616 249.912C271.428 211.304 244.176 188.174 188.169 177.566L135.92 167.827C109.044 162.435 99.0827 153.914 99.2706 141.044C99.0827 125.045 118.629 114.61 143.438 114.61C171.254 114.61 187.793 128.697 191.74 145.914L265.038 141.74Z" fill="#111111"/>
+<path d="M361.936 301.698C361.936 321.698 345.723 337.911 325.723 337.911C305.723 337.911 289.509 321.698 289.509 301.698C289.509 281.698 305.723 265.485 325.723 265.485C345.723 265.485 361.936 281.698 361.936 301.698Z" fill="#F22279"/>
+</svg>
diff --git a/packages/apps-config/src/ui/logos/external/subid.svg b/packages/apps-config/src/ui/logos/external/subid.svg
new file mode 100644
index 0000000..e6edc39
--- /dev/null
+++ b/packages/apps-config/src/ui/logos/external/subid.svg
@@ -0,0 +1,9 @@
+<svg width="300" height="300" viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M150 300C232.843 300 300 232.843 300 150C300 67.1573 232.843 0 150 0C67.1573 0 0 67.1573 0 150C0 232.843 67.1573 300 150 300ZM63.2617 218H97.4414V75.8125H63.2617V218ZM131.27 75.8125V218H178.047C190.352 217.935 201.484 215.005 211.445 209.211C221.471 203.352 229.219 195.279 234.688 184.992C240.221 174.641 242.988 162.954 242.988 149.934V143.391C242.923 130.5 240.059 118.879 234.395 108.527C228.796 98.1107 220.983 90.0703 210.957 84.4062C200.931 78.6771 189.635 75.8125 177.07 75.8125H131.27ZM165.547 191.633V102.277H177.07C187.161 102.277 194.844 105.76 200.117 112.727C205.391 119.693 208.027 130.044 208.027 143.781V149.934C208.027 163.736 205.391 174.152 200.117 181.184C194.844 188.15 187.292 191.633 177.461 191.633H165.547Z" fill="url(#paint0_linear)"/>
+<defs>
+<linearGradient id="paint0_linear" x1="150" y1="0" x2="150" y2="300" gradientUnits="userSpaceOnUse">
+<stop stop-color="#F50083"/>
+<stop offset="1" stop-color="#720497"/>
+</linearGradient>
+</defs>
+</svg>
diff --git a/packages/apps-config/src/ui/logos/external/subscan.svg b/packages/apps-config/src/ui/logos/external/subscan.svg
new file mode 100644
index 0000000..0236b23
--- /dev/null
+++ b/packages/apps-config/src/ui/logos/external/subscan.svg
@@ -0,0 +1,22 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="25px" height="25px" viewBox="0 0 25 25" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>SUBSCAN-彩</title>
+    <defs>
+        <linearGradient x1="99.9989583%" y1="100%" x2="0.00104165907%" y2="0%" id="linearGradient-1">
+            <stop stop-color="#FE3876" offset="0%"></stop>
+            <stop stop-color="#7C30DD" offset="71.4447846%"></stop>
+            <stop stop-color="#3A30DD" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="100.000417%" y1="100%" x2="-0.000416700174%" y2="0%" id="linearGradient-2">
+            <stop stop-color="#FE3876" offset="0%"></stop>
+            <stop stop-color="#7C30DD" offset="71.4447846%"></stop>
+            <stop stop-color="#3A30DD" offset="100%"></stop>
+        </linearGradient>
+    </defs>
+    <g id="页面-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="SUBSCAN-彩" fill-rule="nonzero">
+            <path d="M13.827875,3.20564583 C14.5612083,2.4723125 14.5612083,1.28335417 13.827875,0.550020833 C13.0945417,-0.1833125 11.9055833,-0.1833125 11.17225,0.550020833 L0.550166667,11.1723125 C-0.183166667,11.9056458 -0.183166667,13.0946042 0.550166667,13.8277292 L5.86120833,19.1387708 L5.86120833,19.1389792 C6.59454167,19.8723125 7.78329167,19.8723125 8.516625,19.1389792 L17.8112083,9.84439583 L20.4668333,12.5000208 L11.17225,21.7946042 C10.4389167,22.5277292 10.4389167,23.7166875 11.17225,24.4502292 C11.9055833,25.1833542 13.0945417,25.1833542 13.827875,24.4502292 L24.4499583,13.8277292 C25.1832917,13.0946042 25.1832917,11.9056458 24.4499583,11.1723125 L19.1389167,5.8610625 C18.4055833,5.1279375 17.2168333,5.1279375 16.4835,5.8610625 L7.18891667,15.1556458 L4.53329167,12.5000208 L13.827875,3.20564583 Z" id="Fill-1" fill="url(#linearGradient-1)" opacity="0.200000003"></path>
+            <path d="M13.827875,21.7945208 C14.5612083,22.5278542 14.5612083,23.7168125 13.827875,24.4501458 C13.0945417,25.1834792 11.9055833,25.1834792 11.17225,24.4501458 C10.4389167,23.7168125 10.4389167,22.5278542 11.17225,21.7945208 C11.9055833,21.0611875 13.0945417,21.0611875 13.827875,21.7945208 Z M8.51670833,16.4834375 C9.25004167,17.2167708 9.25004167,18.4057292 8.51670833,19.1390625 C7.783375,19.8723958 6.59441667,19.8723958 5.86108333,19.1390625 C5.12775,18.4057292 5.12775,17.2167708 5.86108333,16.4834375 C6.59441667,15.7501042 7.783375,15.7501042 8.51670833,16.4834375 Z M19.1389583,16.4834375 C19.8722917,17.2167708 19.8722917,18.4057292 19.1389583,19.1388542 C18.405625,19.8723958 17.2166667,19.8723958 16.4833333,19.1390625 C15.75,18.4057292 15.75,17.2167708 16.4833333,16.4834375 C17.2166667,15.7501042 18.405625,15.7501042 19.1389583,16.4834375 Z M3.205625,11.172375 C3.93895833,11.9057083 3.93895833,13.0946667 3.205625,13.8277917 C2.47229167,14.5613333 1.28333333,14.5613333 0.55,13.8277917 C-0.183333333,13.0946667 -0.183333333,11.9057083 0.55,11.172375 C1.28333333,10.4388333 2.47229167,10.4388333 3.205625,11.172375 Z M13.827875,11.172375 C14.5612083,11.9057083 14.5612083,13.0946667 13.827875,13.8277917 C13.0945417,14.5613333 11.9055833,14.5613333 11.17225,13.8277917 C10.4389167,13.0946667 10.4389167,11.9057083 11.17225,11.172375 C11.9055833,10.4388333 13.0945417,10.4388333 13.827875,11.172375 Z M24.4500417,11.172375 C25.183375,11.9057083 25.183375,13.0946667 24.4500417,13.8277917 C23.7167083,14.5613333 22.52775,14.5613333 21.7944167,13.8277917 C21.0610833,13.0946667 21.0610833,11.9057083 21.7944167,11.172375 C22.52775,10.4388333 23.7167083,10.4388333 24.4500417,11.172375 Z M8.51670833,5.86108333 C9.25004167,6.594625 9.25004167,7.78358333 8.51670833,8.51670833 C7.783375,9.25004167 6.59441667,9.25004167 5.86108333,8.51670833 C5.12775,7.78358333 5.12775,6.594625 5.86108333,5.86129167 C6.59441667,5.12775 7.783375,5.12775 8.51670833,5.86108333 Z M19.1389583,5.86108333 C19.8722917,6.594625 19.8722917,7.78358333 19.1389583,8.51670833 C18.405625,9.25004167 17.2166667,9.25004167 16.4833333,8.51670833 C15.75,7.78358333 15.75,6.594625 16.4833333,5.86129167 C17.2166667,5.12775 18.405625,5.12775 19.1389583,5.86108333 Z M13.827875,0.55 C14.5612083,1.28354167 14.5612083,2.4725 13.827875,3.205625 C13.0945417,3.93895833 11.9055833,3.93895833 11.17225,3.205625 C10.4389167,2.4725 10.4389167,1.28354167 11.17225,0.55 C11.9055833,-0.183333333 13.0945417,-0.183333333 13.827875,0.55 Z" id="形状结合" fill="url(#linearGradient-2)"></path>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/packages/apps-config/src/ui/logos/external/subsquare.svg b/packages/apps-config/src/ui/logos/external/subsquare.svg
new file mode 100644
index 0000000..f70acda
--- /dev/null
+++ b/packages/apps-config/src/ui/logos/external/subsquare.svg
@@ -0,0 +1,11 @@
+<svg width="21" height="21" viewBox="0 0 21 21" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_2905_26738)">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M21.416 12.5097L10.5 6.34375L-0.415955 12.5097L10.5 19.2694L21.416 12.5097ZM17.5761 12.587L10.5 8.59009L3.42396 12.587L10.5 16.9689L17.5761 12.587Z" fill="#1E2134"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M10.5 3.84009L3.42396 7.83705L10.5 12.2189L17.576 7.83705L10.5 3.84009ZM10.5 1.59375L-0.415955 7.75971L10.5 14.5194L21.416 7.75971L10.5 1.59375Z" fill="#6848FF"/>
+</g>
+<defs>
+<clipPath id="clip0_2905_26738">
+<rect width="19" height="19" fill="white" transform="translate(1 1)"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/packages/apps-config/src/ui/logos/index.ts b/packages/apps-config/src/ui/logos/index.ts
new file mode 100644
index 0000000..e0c072c
--- /dev/null
+++ b/packages/apps-config/src/ui/logos/index.ts
@@ -0,0 +1,846 @@
+// Copyright 2017-2022 @polkadot/apps-config authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+/* eslint sort-keys: ["error", "asc", { caseSensitive: false }] */
+
+// The mapping here is done on the actual chain name (system.chain RPC) or
+// the actual RPC node it is corrected to (system.name RPC)
+
+// anything for a specific chain, most would probably fit into the node category (but allow for chain-specific)
+// alphabetical
+import { sanitize } from '../util';
+import chainAcala from './chains/acala.svg';
+import chainAleph from './chains/aleph.svg';
+import chainAltair from './chains/altair.svg';
+import chainAstar from './chains/astar.png';
+import chainCoinversation from './chains/coinversation.png';
+import chainCompetitorsClub from './chains/competitors-club.png';
+import chainComposableFinance from './chains/composableFinance.png';
+import chainCreditcoin from './chains/creditcoin.png';
+import chainCreditcoinTest from './chains/creditcoin-test.png';
+import chainCrownSterling from './chains/crown-sterling.png';
+import chainRoccoDataHighway from './chains/datahighway.png';
+import chainDorafactory from './chains/dorafactory.png';
+import chainEfinity from './chains/efinity.svg';
+import chainEquilibrium from './chains/equilibrium.svg';
+import chainGeminis from './chains/geminis.png';
+import chainGenshiro from './chains/genshiro.svg';
+import chainHydrate from './chains/hydrate.png';
+import chainInterlay from './chains/interlay.svg';
+import chainKarura from './chains/karura.svg';
+import chainKico from './chains/kico.png';
+import chainKintsugi from './chains/kintsugi.png';
+import chainKusama from './chains/kusama-128.gif';
+import chainListen from './chains/listen.png';
+import chainMangata from './chains/mangatax.svg';
+import chainMoonsamaDevelopment from './chains/moonsama.png';
+import chainOpal from './chains/opal-logo.png';
+import chainParallel from './chains/parallel.svg';
+import chainComposable from './chains/picasso.svg';
+import chainQuartz from './chains/quartz.png';
+import chainRococo from './chains/rococo.svg';
+import chainRococoCanvas from './chains/rococo-canvas.svg';
+import chainRococoTick from './chains/rococo-tick.svg';
+import chainRococoTrack from './chains/rococo-track.svg';
+import chainRococoTrick from './chains/rococo-trick.svg';
+import chainShiden from './chains/shiden.png';
+import chainSnakenet from './chains/snakenet.svg';
+import chainSpanner from './chains/spanner.png';
+import chainStandard from './chains/standard.png';
+import chainKusamaDataHighway from './chains/tanganika.png';
+import chainTinker from './chains/tinker.png';
+import nodeTotem from './chains/totem.svg';
+import chainTuring from './chains/turing.png';
+import chainUnique from './chains/unique.svg';
+import chainUnorthodox from './chains/unorthodox.png';
+import extensionPolkadotJs from './extensions/polkadot-js.svg';
+import externalCommonwealth from './external/commonwealth.png';
+import externalDotreasury from './external/dotreasury.svg';
+import externalDotScanner from './external/dotscanner.png';
+import externalKodaDot from './external/kodadot.png';
+import externalPolkascan from './external/polkascan.png';
+import externalPolkassembly from './external/polkassembly.png';
+import externalPolkastats from './external/polkastats.png';
+import externalSingular from './external/singular.svg';
+import externalStatescan from './external/statescan.svg';
+import externalSubId from './external/subid.svg';
+import externalSubscan from './external/subscan.svg';
+import externalSubsquare from './external/subsquare.svg';
+import nodeAjuna from './nodes/ajuna.png';
+import nodeApron from './nodes/apron.png';
+import nodeAres from './nodes/ares.png';
+import nodeAresGladios from './nodes/ares-gladios.svg';
+import nodeAresMars from './nodes/ares-mars.png';
+import nodeAstar from './nodes/astar.png';
+import nodeAutomata from './nodes/automata.png';
+import nodeBasilisk from './nodes/basilisk.png';
+import nodeBeast from './nodes/beast.svg';
+import nodeBifrost from './nodes/bifrost.svg';
+import nodeBitCountry from './nodes/bitcountry.svg';
+import nodeCalamari from './nodes/calamari.png';
+import nodeCentrifuge from './nodes/centrifuge.png';
+import nodeChainx from './nodes/chainx.svg';
+import nodeClover from './nodes/clover.svg';
+import nodeCoinversation from './nodes/coinversation.png';
+import nodeCompetitorsClub from './nodes/competitors-club.png';
+import nodeCrab from './nodes/crab.svg';
+import nodeCrownSterling from './nodes/crown-sterling.png';
+import nodeCrust from './nodes/crust.svg';
+import nodeCrustMaxwell from './nodes/crust-maxwell.svg';
+import nodeCrustParachain from './nodes/crustParachain.svg';
+import nodeDarwinia from './nodes/darwinia.png';
+import nodeDataHighway from './nodes/datahighway.png';
+import nodeDockMainnet from './nodes/dock-mainnet.png';
+import nodeDockTestnet from './nodes/dock-testnet.png';
+import nodeDolphin from './nodes/dolphin.svg';
+import nodeDotMog from './nodes/dotmog.svg';
+import nodeEave from './nodes/eave.svg';
+import nodeEdgeware from './nodes/edgeware-white.png';
+import nodeEfinity from './nodes/efinity.svg';
+import nodeEncointer from './nodes/encointer-blue.svg';
+import nodeFantour from './nodes/fantour.png';
+import nodeGalital from './nodes/galital-logo.png';
+import nodeGamePower from './nodes/gamepower.svg';
+import nodeGeek from './nodes/geek.svg';
+import nodeHanonycash from './nodes/hanonycash.svg';
+import nodeIdavoll from './nodes/idavoll.png';
+import nodeIntegritee from './nodes/integritee.svg';
+import nodeInterBTC from './nodes/interlay.svg';
+import nodeIpse from './nodes/ipse.png';
+import nodeJoystream from './nodes/joystream.svg';
+import nodeJupiter from './nodes/jupiter.svg';
+import nodeKabocha from './nodes/kabocha.svg';
+import nodeKhala from './nodes/khala.svg';
+import nodeKilt from './nodes/kilt.png';
+import nodeKlug from './nodes/klug.png';
+import nodeKonomi from './nodes/konomi.png';
+import nodeKulupu from './nodes/kulupu.svg';
+import nodeKusari from './nodes/kusari.svg';
+import nodeKylin from './nodes/kylin.png';
+import nodeLaminar from './nodes/laminar-circle.svg';
+import nodeLitentry from './nodes/litentry.png';
+import nodeLitmus from './nodes/litmus.png';
+import nodeLoomNetwork from './nodes/loom_network.png';
+import nodeManta from './nodes/manta.png';
+import nodeMath from './nodes/math.svg';
+import nodeMinix from './nodes/minix.png';
+import moonbase from './nodes/moonbase_alpha.png';
+import moonbeam from './nodes/moonbeam.png';
+import moonriver from './nodes/moonriver.svg';
+import nodeMoonrock from './nodes/moonrock.png';
+import moonshadow from './nodes/moonshadow.png';
+import mybank from './nodes/mybank.png';
+import nodeNFTMart from './nodes/nftmart.png';
+import nodeNodle from './nodes/nodle.svg';
+import oak from './nodes/oak.png';
+import nodeUniqueWestend from './nodes/opal-logo.png';
+import nodeOpportunity from './nodes/opportunity.png';
+import nodeOriginTrail from './nodes/origintrail.png';
+import nodePangolin from './nodes/pangolin.svg';
+import nodePangoro from './nodes/pangoro.svg';
+import nodeParallel from './nodes/parallel.svg';
+import nodeParami from './nodes/parami.png';
+import nodePhala from './nodes/phala.svg';
+import nodePhoenix from './nodes/phoenix.png';
+import nodePichiu from './nodes/pichiu.png';
+import nodePioneerNetwork from './nodes/pioneer.png';
+import nodePlasm from './nodes/plasm.png';
+import nodePolkadex from './nodes/polkadex.svg';
+import nodePolkadot from './nodes/polkadot-circle.svg';
+import nodePolkadotJs from './nodes/polkadot-js.svg';
+import nodePolkaFoundry from './nodes/polkafoundry.svg';
+import nodePolkaSmith from './nodes/polkasmith.svg';
+import nodePolymesh from './nodes/polymesh.svg';
+import nodePontem from './nodes/pontem.svg';
+import nodePrism from './nodes/prism.png';
+import nodeQuartz from './nodes/quartz.png';
+import nodeRealis from './nodes/realis.png';
+import nodeRiochain from './nodes/riochain.svg';
+import nodeRobonomics from './nodes/robonomics.svg';
+import nodeSakura from './nodes/sakura.svg';
+import nodeShadow from './nodes/shadow.svg';
+import nodeShell from './nodes/shell.svg';
+import nodeSherpax from './nodes/sherpax.png';
+import nodeSingLavender from './nodes/singlavender.svg';
+import nodeSora from './nodes/sora-substrate.svg';
+import nodeStafi from './nodes/stafi.png';
+import nodeStatemine from './nodes/statemine.svg';
+import nodeSubDAO from './nodes/subdao.png';
+import nodeSubGame from './nodes/subgame.svg';
+import nodeSubsocial from './nodes/subsocial.svg';
+import nodeSubspace from './nodes/subspace.png';
+import nodeSubstrateContractsNode from './nodes/substrate-contracts-node.png';
+import nodeSubstrate from './nodes/substrate-hexagon.svg';
+import nodeSwapdex from './nodes/swapdex.svg';
+import nodeTernoa from './nodes/ternoa.svg';
+import nodeTrustBase from './nodes/trustbase.png';
+import nodeUniarts from './nodes/uniarts.png';
+import nodeUnique from './nodes/unique.svg';
+import nodeUnitv from './nodes/unitv.png';
+import nodeVln from './nodes/valiu.png';
+import nodeWeb3games from './nodes/web3games.svg';
+import nodeWestend from './nodes/westend_colour.svg';
+import nodeWestlake from './nodes/westlake.png';
+import nodeWhala from './nodes/whala.svg';
+import nodeZCloak from './nodes/zCloak.svg';
+import nodeZeitgeist from './nodes/zeitgeist.png';
+import nodeZenlink from './nodes/zenlink.svg';
+import nodeZero from './nodes/zero.svg';
+import emptyLogo from './empty.svg';
+// last-resort fallback, just something empty
+
+// Alphabetical overrides based on the actual matched chain name
+// NOTE: This is as retrieved via system.chain RPC
+export const chainLogos = Object.entries({
+  'Ajuna Testnet': nodeAjuna,
+  'Aleph Zero': chainAleph,
+  'Aleph Zero Testnet': chainAleph,
+  Altair: chainAltair,
+  'Apron PC1': nodeApron,
+  'Ares Gladios': nodeAresGladios,
+  'Ares PC1': nodeAres,
+  Astar: chainAstar,
+  Automata: nodeAutomata,
+  'Automata ContextFree': nodeAutomata,
+  'Beast Developer': nodeBeast,
+  Bifrost: nodeBifrost,
+  'Bifrost Asgard CC4': nodeBifrost,
+  'Bifrost Stage Testnet': nodeBifrost,
+  'Calamari Parachain': nodeCalamari,
+  'Calamari Parachain Development': nodeCalamari,
+  'Calamari Parachain Local': nodeCalamari,
+  'Calamari Parachain Testnet': nodeCalamari,
+  'Canvas on Rococo': chainRococoCanvas,
+  'Catalyst Testnet': nodeCentrifuge,
+  Centrifuge: nodeCentrifuge,
+  ChainX: nodeChainx,
+  'Charcoal Testnet': nodeCentrifuge,
+  Coinversation: chainCoinversation,
+  'Competitors Club': chainCompetitorsClub,
+  Creditcoin: chainCreditcoin,
+  'Creditcoin Testnet': chainCreditcoinTest,
+  'Crown Sterling': chainCrownSterling,
+  'Crust Maxwell': nodeCrustMaxwell,
+  'Crust PC1': nodeCrust,
+  'darwinia crab': nodeCrab,
+  'Darwinia Crab PC2': nodeCrab,
+  'Darwinia PC2': nodeDarwinia,
+  DataHighway: nodeDataHighway,
+  'DataHighway Spreehafen Rococo Parachain Testnet': chainRoccoDataHighway,
+  'DataHighway Tanganika Kusama Parachain': chainKusamaDataHighway,
+  'Dolphin Testnet': nodeDolphin,
+  'Dora Factory': chainDorafactory,
+  Efinity: chainEfinity,
+  Equilibrium: chainEquilibrium,
+  'Equilibrium parachain': chainEquilibrium,
+  EquilibriumTestnet: chainEquilibrium,
+  Galital: nodeGalital,
+  'GamePower Network': nodeGamePower,
+  GEEK: nodeGeek,
+  Geminis: chainGeminis,
+  Genshiro: chainGenshiro,
+  'Genshiro Rococo Testnet': chainEquilibrium,
+  HydraDX: chainSnakenet,
+  'HydraDX Hydrate': chainHydrate,
+  'HydraDX Snakenet': chainSnakenet,
+  'HydraDX Snakenet Gen2': chainSnakenet,
+  'HydraDX Snakenet Gen3': chainSnakenet,
+  Idavoll: nodeIdavoll,
+  InterBTC: nodeInterBTC,
+  'InterBTC Staging': nodeInterBTC,
+  Interlay: chainInterlay,
+  'InvArch Tinkernet': chainTinker,
+  IpseTestnet: nodeIpse,
+  'Jupiter A1': nodeJupiter,
+  'Jupiter PC1': nodeJupiter,
+  Kapex: nodeTotem,
+  Karura: chainKarura,
+  Kerria: chainParallel,
+  'Kerria Dev': chainParallel,
+  Khala: nodeKhala,
+  KICO: chainKico,
+  KILT: nodeKilt,
+  'KILT Local': nodeKilt,
+  'KILT Peregrine': nodeKilt,
+  'KILT Testnet': nodeKilt,
+  Kintsugi: chainKintsugi,
+  KlugDossier: nodeKlug,
+  Konomi: nodeKonomi,
+  Kpron: nodeApron,
+  Kusama: chainKusama, // new name after CC3
+  'Kusama CC1': chainKusama,
+  'Kusama CC2': chainKusama,
+  'Kusama CC3': chainKusama,
+  kusari: nodeKusari,
+  'Kylin Testnet': nodeKylin,
+  Lego: nodeTotem,
+  'Listen Network': chainListen,
+  Litentry: nodeLitentry,
+  'Litentry-rococo': nodeLitentry,
+  Litmus: nodeLitmus,
+  'Loom Network Local': nodeLoomNetwork,
+  LoomNetwork: nodeLoomNetwork,
+  'Mangata Kusama Mainnet': chainMangata,
+  'Mangata Public Testnet': chainMangata,
+  'Manta Parachain': nodeManta,
+  'Manta Parachain Development': nodeManta,
+  'Manta Parachain Local': nodeManta,
+  'Manta Parachain Testnet': nodeManta,
+  Mars: nodeAresMars,
+  MathChain: nodeMath,
+  'MathChain PC1': nodeMath,
+  'mathchain-galois': nodeMath,
+  Minix: nodeMinix,
+  'Minix Testnet': nodeMinix,
+  'Moonbase Alpha': moonbase,
+  'Moonbase Development Testnet': moonbase,
+  'Moonbase Stage': moonbase,
+  Moonbeam: moonbeam,
+  Moonriver: moonriver,
+  Moonrock: nodeMoonrock,
+  'Moonsama Development': chainMoonsamaDevelopment,
+  Moonshadow: moonshadow,
+  'mybank.network PC1': mybank,
+  'Neumann Network': oak,
+  NFTMart: nodeNFTMart,
+  'NFTMart Staging': nodeNFTMart,
+  'NFTMart Testnet': nodeNFTMart,
+  Odyssey: nodeAresGladios,
+  'OPAL by UNIQUE': chainOpal,
+  'OriginTrail Parachain': nodeOriginTrail,
+  'OriginTrail Parachain Testnet': nodeOriginTrail,
+  Pangolin: nodePangolin,
+  Pangoro: nodePangoro,
+  Parallel: chainParallel,
+  'Parallel Dev': chainParallel,
+  'Parallel Heiko': chainParallel,
+  'Parallel Heiko Dev': chainParallel,
+  'Parami PC2': nodeParami,
+  Phala: nodePhala,
+  'PHOENIX PC1': nodePhoenix,
+  'Pichiu Mainnet': nodePichiu,
+  'Pichiu Testnet': nodePichiu,
+  'Pioneer Network': nodePioneerNetwork,
+  'Polkadex Mainnet': nodePolkadex,
+  'Polkadex Testnet': nodePolkadex,
+  'PolkaFoundry PC1': nodePolkaFoundry,
+  'Pontem Testnet': nodePontem,
+  'Prism PC1': nodePrism,
+  'Prism Testnet': nodePrism,
+  'QUARTZ by UNIQUE': chainQuartz,
+  'ReAlis Network': nodeRealis,
+  'RioChain CC-1': nodeRiochain,
+  'RioChain Staging': nodeRiochain,
+  Robonomics: nodeRobonomics,
+  Rococo: chainRococo,
+  Sherpax: nodeSherpax,
+  'Sherpax Testnet': nodeSherpax,
+  Shiden: chainShiden,
+  SingLavender: nodeSingLavender,
+  SORA: nodeSora,
+  'SORA Kusama': nodeSora,
+  Spanner: chainSpanner,
+  Statemine: nodeStatemine,
+  'Statemine Test': nodeStatemine,
+  'Statemint Test': nodeStatemine,
+  'Steam PC': nodeEave,
+  subdao: nodeSubDAO,
+  'SubDAO PC1': nodeSubDAO,
+  'SubDAO Staging': nodeSubDAO,
+  subgame: nodeSubGame,
+  'SubGame Gamma': nodeSubGame,
+  'SubGame Staging': nodeSubGame,
+  Subsocial: nodeSubsocial,
+  'Subsocial PC': nodeSubsocial,
+  subspace: nodeSubspace,
+  swapdex: nodeSwapdex,
+  Tick: chainRococoTick,
+  Track: chainRococoTrack,
+  Trick: chainRococoTrick,
+  trustbase: nodeTrustBase,
+  'TrustBase PC1': nodeTrustBase,
+  turing: chainTuring,
+  'uni arts staging network': nodeUniarts,
+  'UniArts Mainnet': nodeUniarts,
+  Unique: chainUnique,
+  UNIQUE: chainUnique,
+  'Unit Network': nodeUnitv,
+  Unorthodox: chainUnorthodox,
+  Vln: nodeVln,
+  'VLN PC': nodeVln,
+  Wapex: nodeTotem,
+  'Web3Games Plum': nodeWeb3games,
+  Westend: nodeWestend,
+  Westlake: nodeWestlake,
+  Westmint: nodeStatemine,
+  'Westmint Test': nodeStatemine,
+  WILT: nodeKilt,
+  'zcloak poc1': nodeZCloak
+}).reduce<Record<string, unknown>>((logos, [chain, logo]) => ({
+  ...logos,
+  [sanitize(chain)]: logo
+}), {});
+
+// Alphabetical overrides based on the actual software node type
+// NOTE: This is as retrieved via system.name RPC
+export const nodeLogos = Object.entries({
+  'Acala Node': chainAcala,
+  'Ajuna Node': nodeAjuna,
+  'Apron Node': nodeApron,
+  'Apron Parachain Collator': nodeApron,
+  'Ares Gladios': nodeAresGladios,
+  'Ares Node': nodeAres,
+  'Ares Parachain Collator': nodeAres,
+  Astar: nodeAstar,
+  'Automata ContextFree Node': nodeAutomata,
+  'Automata Node': nodeAutomata,
+  Basilisk: nodeBasilisk,
+  'Beast Node': nodeBeast,
+  Bifrost: nodeBifrost,
+  'Bifrost Node': nodeBifrost,
+  'Bifrost Stage Testnet': nodeBifrost,
+  'Bit Country Tewai Parachain Collator': nodeBitCountry,
+  'Bit.Country': nodeBitCountry,
+  'BitCountry Node': nodeBitCountry,
+  'Calamari Parachain Collator': nodeCalamari,
+  Centrifuge: nodeCentrifuge,
+  'centrifuge chain': nodeCentrifuge,
+  'Centrifuge Chain Node': nodeCentrifuge,
+  'ChainX Node': nodeChainx,
+  'Clover Node': nodeClover,
+  Coinversation: nodeCoinversation,
+  'Competitors Club': nodeCompetitorsClub,
+  'Crown Sterling': nodeCrownSterling,
+  crust: nodeCrust,
+  'Crust Collator': nodeCrust,
+  'Crust Maxwell': nodeCrustMaxwell,
+  darwinia: nodeDarwinia,
+  'darwinia crab': nodeCrab,
+  'darwinia parachain': nodeDarwinia,
+  'Darwinia Runtime Module Library': nodeDarwinia,
+  DataHighway: nodeDataHighway,
+  'DataHighway Node': nodeDataHighway,
+  'DataHighway Parachain Collator': nodeDataHighway,
+  'DataHighway Spreehafen Rococo Parachain Testnet': chainRoccoDataHighway,
+  'DataHighway Tanganika Kusama Parachain': chainKusamaDataHighway,
+  'Dock Full Node': nodeDockMainnet,
+  'Dock Node': nodeDockMainnet,
+  'Dora Factory': chainDorafactory,
+  'DOTMog Node': nodeDotMog,
+  'Eave Node': nodeEave,
+  'Edgeware Node': nodeEdgeware,
+  Efinity: nodeEfinity,
+  'Efinity Node': nodeEfinity,
+  'Encointer collator': nodeEncointer,
+  'Encointer Node noTEE': nodeEncointer,
+  'Fantour Node': nodeFantour,
+  'Galital Parachain Collator': nodeGalital,
+  'GamePower Node': nodeGamePower,
+  GEEK: nodeGeek,
+  Geminis: chainGeminis,
+  'Halongbay Parachain Collator': nodePolkaFoundry,
+  hanonycash: nodeHanonycash,
+  'Idavoll Node': nodeIdavoll,
+  'Integritee Collator': nodeIntegritee,
+  'Integritee Node': nodeIntegritee,
+  Interlay: chainInterlay,
+  'InvArch Tinkernet Node': chainTinker,
+  IpseTestnet: nodeIpse,
+  'Joystream Node': nodeJoystream,
+  Kabocha: nodeKabocha,
+  Kerria: nodeParallel,
+  'Kerria Dev': nodeParallel,
+  KICO: chainKico,
+  KILT: nodeKilt,
+  'KILT Local': nodeKilt,
+  'KILT Peregrine': nodeKilt,
+  Kintsugi: chainKintsugi,
+  'Klug Dossier Node': nodeKlug,
+  'Kpron Collator': nodeApron,
+  kulupu: nodeKulupu,
+  kusari: nodeKusari,
+  'Kylin Node': nodeKylin,
+  'Laminar Node': nodeLaminar,
+  'Listen Network': chainListen,
+  'Litentry node': nodeLitentry,
+  'mandala node': chainAcala,
+  'Manta Node': nodeManta,
+  'Manta Parachain Collator': nodeManta,
+  MathChain: nodeMath,
+  'mathChain-galois': nodeMath,
+  minix: nodeMinix,
+  Moonrock: nodeMoonrock,
+  'Moonsama Development': chainMoonsamaDevelopment,
+  'mybank.network': mybank,
+  'Neumann Network': oak,
+  NFTMart: nodeNFTMart,
+  'NFTMart Staging': nodeNFTMart,
+  'NFTMart Testnet': nodeNFTMart,
+  'node-template': nodeSubstrate,
+  'Nodle Chain Node': nodeNodle,
+  'Opal Node': nodeUniqueWestend,
+  'Opportunity Standalone Testnet': nodeOpportunity,
+  'OriginTrail Parachain': nodeOriginTrail,
+  'OriginTrail Parachain Testnet': nodeOriginTrail,
+  Pangolin: nodePangolin,
+  Pangoro: nodePangoro,
+  Parallel: nodeParallel,
+  'Parallel Dev': nodeParallel,
+  'Parallel Heiko': nodeParallel,
+  'Parallel Heiko Dev': nodeParallel,
+  Parami: nodeParami,
+  'parity-polkadot': nodePolkadot,
+  'Patract Node': nodeJupiter,
+  Phala: nodePhala,
+  phala: nodePhala,
+  'Phala Collator': nodePhala,
+  'phala-substrate-node': nodePhala,
+  'PHOENIX Collator': nodePhoenix,
+  'PHOENIX Node': nodePhoenix,
+  'Pichiu Node': nodePichiu,
+  'Pioneer Network Collator Node': nodePioneerNetwork,
+  Plasm: nodePlasm,
+  'Plasm Node': nodePlasm,
+  'Plasm Parachain Collator': nodePlasm,
+  'Polkadex Node': nodePolkadex,
+  'polkadot-js': nodePolkadotJs,
+  'PolkaFoundry Node': nodePolkaFoundry,
+  'PolkaFoundry Parachain Collator': nodePolkaFoundry,
+  'PolkaSmith Parachain Collator': nodePolkaSmith,
+  'Pontem Testnet': nodePontem,
+  'Prism Collator': nodePrism,
+  'Prism Node': nodePrism,
+  'Quartz Node': nodeQuartz,
+  'ReAlis Network': nodeRealis,
+  'Rio Defi Chain Node': nodeRiochain,
+  'RioChain Staging': nodeRiochain,
+  robonomics: nodeRobonomics,
+  Sakura: nodeSakura,
+  Shadow: nodeShadow,
+  sherpax: nodeSherpax,
+  'Shiden Collator': chainShiden,
+  'SingLavender Parachain Collator': nodeSingLavender,
+  Sora: nodeSora,
+  Stafi: nodeStafi,
+  'Stafi Node': nodeStafi,
+  'Statemine Collator': nodeStatemine,
+  'Statemint Collator': nodeStatemine,
+  subdao: nodeSubDAO,
+  'SubDAO Collator': nodeSubDAO,
+  'SubDAO Staging': nodeSubDAO,
+  subgame: nodeSubGame,
+  'SubGame Gamma': nodeSubGame,
+  'SubGame Staging': nodeSubGame,
+  'Subsocial Node': nodeSubsocial,
+  'Subsocial PC': nodeSubsocial,
+  'subsocial-node': nodeSubsocial,
+  subspace: nodeSubspace,
+  'substrate-contracts-node': nodeSubstrateContractsNode,
+  'substrate-node': nodeSubstrate,
+  'subzero node': nodeZero,
+  swapdex: nodeSwapdex,
+  'Ternoa Node': nodeTernoa,
+  'Totem Parachain Collator': nodeTotem,
+  'TrustBase Collator': nodeTrustBase,
+  'TrustBase Node': nodeTrustBase,
+  'uni arts node': nodeUniarts,
+  'UniArts Node': nodeUniarts,
+  'Unique Node': nodeUnique,
+  'Unit Collator': nodeUnitv,
+  'Unit Node': nodeUnitv,
+  Vanilla: nodeParallel,
+  'Vanilla Dev': nodeParallel,
+  Vln: nodeVln,
+  'VLN PC': nodeVln,
+  'Web3Games Node': nodeWeb3games,
+  Westend: nodeWestend,
+  Westlake: nodeWestlake,
+  'Westmint Collator': nodeStatemine,
+  Whala: nodeWhala,
+  'Whala Node': nodeWhala,
+  WILT: nodeKilt,
+  'zcloak node': nodeZCloak,
+  'Zeitgeist Collator': nodeZeitgeist,
+  'Zeitgeist Node': nodeZeitgeist,
+  Zenlink: nodeZenlink,
+  'Zenlink Collator': nodeZenlink
+}).reduce<Record<string, unknown>>((logos, [node, logo]) => ({
+  ...logos,
+  [sanitize(node)]: logo
+}), {});
+
+// Alphabetical overrides based on the actual specName
+export const specLogos = Object.entries({
+  shell: nodeShell,
+  statemine: nodeStatemine,
+  statemint: nodeStatemine,
+  westmint: nodeStatemine
+}).reduce<Record<string, unknown>>((logos, [spec, logo]) => ({
+  ...logos,
+  [sanitize(spec)]: logo
+}), {});
+
+// Alphabetical overrides when we pass an explicit logo name
+// NOTE: Matches with what is defined as "info" in settings/endpoints.ts
+// (Generally would be the 'network' key in the known ss58 as per
+// https://github.com/polkadot-js/common/blob/master/packages/networks/src/index.ts)
+export const namedLogos: Record<string, unknown> = {
+  acala: chainAcala,
+  ajuna: nodeAjuna,
+  aleph: chainAleph,
+  alexander: nodePolkadot,
+  altair: chainAltair,
+  'Ares Gladios': nodeAresGladios,
+  astar: chainAstar,
+  automata: nodeAutomata,
+  'automata-contextfree': nodeAutomata,
+  basilisk: nodeBasilisk,
+  beast: nodeBeast,
+  bifrost: nodeBifrost,
+  'Bifrost Stage Testnet': nodeBifrost,
+  bitcountry: nodeBitCountry,
+  bitcountryPioneer: nodePioneerNetwork,
+  calamari: nodeCalamari,
+  centrifuge: nodeCentrifuge,
+  chainx: nodeChainx,
+  charcoal: nodeCentrifuge,
+  clover: nodeClover,
+  coinversation: chainCoinversation,
+  'competitors-club': chainCompetitorsClub,
+  composableFinance: chainComposableFinance,
+  crab: nodeCrab,
+  creditcoin: chainCreditcoin,
+  'creditcoin-testnet': chainCreditcoinTest,
+  'crown-sterling': chainCrownSterling,
+  crust: nodeCrust,
+  'Crust Maxwell': nodeCrustMaxwell,
+  crustParachain: nodeCrustParachain,
+  darwinia: nodeDarwinia,
+  datahighway: nodeDataHighway,
+  'dock-pos-mainnet': nodeDockMainnet,
+  'dock-pos-testnet': nodeDockTestnet,
+  dolphin: nodeDolphin,
+  dorafactory: chainDorafactory,
+  dotmog: nodeDotMog,
+  eave: nodeEave,
+  edgeware: nodeEdgeware,
+  efinity: nodeEfinity,
+  empty: emptyLogo,
+  encointer: nodeEncointer,
+  equilibrium: chainEquilibrium,
+  fantour: nodeFantour,
+  galital: nodeGalital,
+  galois: nodeMath,
+  gamepower: nodeGamePower,
+  geek: nodeGeek,
+  geminis: chainGeminis,
+  genshiro: chainGenshiro,
+  halongbay: nodePolkaFoundry,
+  hanonycash: nodeHanonycash,
+  heiko: chainParallel,
+  hydra: chainSnakenet,
+  idavoll: nodeIdavoll,
+  integritee: nodeIntegritee,
+  interbtc: nodeInterBTC,
+  interlay: chainInterlay,
+  ipse: nodeIpse,
+  joystream: nodeJoystream,
+  jupiter: nodeJupiter,
+  kabocha: nodeKabocha,
+  kapex: nodeTotem,
+  karura: chainKarura,
+  kerria: nodeParallel,
+  khala: nodeKhala,
+  kico: chainKico,
+  kilt: nodeKilt,
+  kintsugi: chainKintsugi,
+  klugdossier: nodeKlug,
+  kpron: nodeApron,
+  kulupu: nodeKulupu,
+  kusama: chainKusama,
+  kusari: nodeKusari,
+  kylin: nodeKylin,
+  laminar: nodeLaminar,
+  lego: nodeTotem,
+  listen: chainListen,
+  litentry: nodeLitentry,
+  litmus: nodeLitmus,
+  loomNetwork: nodeLoomNetwork,
+  mangata: chainMangata,
+  manta: nodeManta,
+  mars: nodeAresMars,
+  mathchain: nodeMath,
+  minix: nodeMinix,
+  moonbaseAlpha: moonbase,
+  moonbeam: moonbeam,
+  moonriver: moonriver,
+  moonrock: nodeMoonrock,
+  moonshadow: moonshadow,
+  mybank: mybank,
+  neumann: oak,
+  nftmart: nodeNFTMart,
+  nodle: nodeNodle,
+  odyssey: nodeAresGladios,
+  opal: nodeUniqueWestend,
+  opportunity: nodeOpportunity,
+  'origintrail-parachain-testnet': nodeOriginTrail,
+  pangolin: nodePangolin,
+  pangoro: nodePangoro,
+  parallel: chainParallel,
+  phala: nodePhala,
+  phoenix: nodePhoenix,
+  picasso: chainComposable,
+  pichiu: nodePichiu,
+  plasm: nodePlasm,
+  polkadex: nodePolkadex,
+  polkadot: nodePolkadot,
+  polkafoundry: nodePolkaFoundry,
+  polkasmith: nodePolkaSmith,
+  polymesh: nodePolymesh,
+  pontem: nodePontem,
+  prism: nodePrism,
+  quartz: nodeQuartz,
+  realis: nodeRealis,
+  riochain: nodeRiochain,
+  robonomics: nodeRobonomics,
+  rocfinity: nodeEfinity,
+  rocky: nodeCrust,
+  rococo: chainRococo,
+  rococoAcala: chainAcala,
+  rococoApron: nodeApron,
+  rococoAres: nodeAres,
+  rococoBasilisk: nodeBasilisk,
+  rococoBifrost: nodeBifrost,
+  rococoBitCountry: nodeBitCountry,
+  rococoCanvas: chainRococoCanvas,
+  rococoCatalyst: nodeCentrifuge,
+  rococoChainX: nodeChainx,
+  rococoClover: nodeClover,
+  rococoCrab: nodeCrab,
+  rococoCrust: nodeCrust,
+  rococoDarwinia: nodeDarwinia,
+  rococoEave: nodeEave,
+  rococoEncointer: nodeEncointer,
+  rococoGalital: nodeGalital,
+  rococoGenshiro: chainGenshiro,
+  rococoHydrate: chainHydrate,
+  rococoIdavoll: nodeIdavoll,
+  rococoInterBTC: chainInterlay,
+  rococoJupiter: nodeJupiter,
+  rococoKilt: nodeKilt,
+  rococoKonomi: nodeKonomi,
+  rococoKylin: nodeKylin,
+  rococoLaminar: nodeLaminar,
+  rococoLitentry: nodeLitentry,
+  rococoLoomNetwork: nodeLoomNetwork,
+  rococoManta: nodeManta,
+  rococoMathChain: nodeMath,
+  rococoMoonrock: nodeMoonrock,
+  rococoMoonsama: chainMoonsamaDevelopment,
+  rococoNodle: nodeNodle,
+  rococoOriginTrail: nodeOriginTrail,
+  rococoPangolin: nodePangolin,
+  rococoParami: nodeParami,
+  rococoPhala: nodePhala,
+  rococoPhoenix: nodePhoenix,
+  rococoPlasm: nodePlasm,
+  rococoPolkaFoundry: nodePolkaFoundry,
+  rococoPrism: nodePrism,
+  rococoSingLavender: nodeSingLavender,
+  rococoSpreehafen: chainRoccoDataHighway,
+  rococoStandard: chainStandard,
+  rococoStatemint: nodeStatemine,
+  rococoSubDAO: nodeSubDAO,
+  rococoSubsocial: nodeSubsocial,
+  rococoTick: chainRococoTick,
+  rococoTinker: chainTinker,
+  rococoTrack: chainRococoTrack,
+  rococoTrick: chainRococoTrick,
+  rococoTrustBase: nodeTrustBase,
+  rococoUnitv: nodeUnitv,
+  rococoVln: nodeVln,
+  rococoZeitgeist: nodeZeitgeist,
+  rococoZenlink: nodeZenlink,
+  sakura: nodeSakura,
+  shadow: nodeShadow,
+  shell: nodeShell,
+  sherpax: nodeSherpax,
+  shibuya: chainShiden,
+  shiden: chainShiden,
+  singLavender: nodeSingLavender,
+  snakenet: chainSnakenet,
+  sora: nodeSora,
+  'sora-substrate': nodeSora,
+  sora_ksm: nodeSora,
+  spanner: chainSpanner,
+  stafi: nodeStafi,
+  statemine: nodeStatemine,
+  statemint: nodeStatemine,
+  subdao: nodeSubDAO,
+  'SubDAO PC1': nodeSubDAO,
+  'SubDAO Staging': nodeSubDAO,
+  subgame: nodeSubGame,
+  'SubGame Gamma': nodeSubGame,
+  'SubGame Staging': nodeSubGame,
+  subsocial: nodeSubsocial,
+  subspace: nodeSubspace,
+  'subspace-farmnet': nodeSubspace,
+  substrate: nodeSubstrate,
+  substrateContractsNode: nodeSubstrateContractsNode,
+  swapdex: nodeSwapdex,
+  tanganika: chainKusamaDataHighway,
+  'ternoa-testnet': nodeTernoa,
+  'totem-parachain': nodeTotem,
+  trustbase: nodeTrustBase,
+  turing: chainTuring,
+  uniarts: nodeUniarts,
+  unique: nodeUnique,
+  unitv: nodeUnitv,
+  unorthodox: chainUnorthodox,
+  vanilla: nodeParallel,
+  vln: nodeVln,
+  wapex: nodeTotem,
+  web3games: nodeWeb3games,
+  westend: nodeWestend,
+  westendPichiu: nodePichiu,
+  westendStandard: chainStandard,
+  westlake: nodeWestlake,
+  westmint: nodeStatemine,
+  whala: nodeWhala,
+  zCloak: nodeZCloak,
+  zeitgeist: nodeZeitgeist,
+  zero: nodeZero
+};
+
+// extension logos
+export const extensionLogos: Record<string, unknown> = {
+  'polkadot-js': extensionPolkadotJs
+};
+
+// external logos, i.e. for explorers
+export const externalLogos: Record<string, unknown> = {
+  commonwealth: externalCommonwealth,
+  dotreasury: externalDotreasury,
+  dotscanner: externalDotScanner,
+  kodadot: externalKodaDot,
+  polkascan: externalPolkascan,
+  polkassembly: externalPolkassembly,
+  polkastats: externalPolkastats,
+  singular: externalSingular,
+  statescan: externalStatescan,
+  subid: externalSubId,
+  subscan: externalSubscan,
+  subsquare: externalSubsquare
+};
+
+// empty logos
+export const emptyLogos: Record<string, unknown> = {
+  empty: emptyLogo
+};
+
+// preload all
+[chainLogos, extensionLogos, externalLogos, namedLogos, nodeLogos, emptyLogos].forEach((imageSet): void => {
+  Object.values(imageSet).forEach((src): void => {
+    new Image().src = src as string;
+  });
+});
diff --git a/packages/apps-config/src/ui/logos/nodes/ajuna.png b/packages/apps-config/src/ui/logos/nodes/ajuna.png
new file mode 100644
index 0000000..bcdf6cf
Binary files /dev/null and b/packages/apps-config/src/ui/logos/nodes/ajuna.png differ
diff --git a/packages/apps-config/src/ui/logos/nodes/apron.png b/packages/apps-config/src/ui/logos/nodes/apron.png
new file mode 100644
index 0000000..77dca72
Binary files /dev/null and b/packages/apps-config/src/ui/logos/nodes/apron.png differ
diff --git a/packages/apps-config/src/ui/logos/nodes/ares-gladios.svg b/packages/apps-config/src/ui/logos/nodes/ares-gladios.svg
new file mode 100644
index 0000000..37ffd5b
--- /dev/null
+++ b/packages/apps-config/src/ui/logos/nodes/ares-gladios.svg
@@ -0,0 +1,36 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 25.0.1, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+     viewBox="0 0 247.86 247.85" style="enable-background:new 0 0 247.86 247.85;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#1195F1;}
+	.st1{fill:#2B9FF3;}
+	.st2{fill:#3EA8F4;}
+	.st3{fill:#51B1F5;}
+	.st4{fill:#FFFFFF;}
+</style>
+  <path class="st0" d="M247.86,123.93c0,68.45-55.48,123.93-123.93,123.93S0,192.37,0,123.93C0,55.49,55.49,0,123.93,0
+	S247.86,55.49,247.86,123.93"/>
+  <path class="st1" d="M231.19,123.93c0,59.25-48.03,107.28-107.28,107.28S16.63,183.18,16.63,123.93
+	c0-59.25,48.03-107.28,107.28-107.28S231.19,64.68,231.19,123.93"/>
+  <path class="st2" d="M212.3,123.93c0,48.82-39.57,88.39-88.39,88.39s-88.39-39.57-88.39-88.39c0-48.81,39.57-88.39,88.39-88.39
+	S212.3,75.11,212.3,123.93"/>
+  <path class="st3" d="M193.15,123.93c0,38.23-30.99,69.22-69.22,69.22s-69.22-30.99-69.22-69.22c0-38.23,30.99-69.22,69.22-69.22
+	S193.15,85.7,193.15,123.93"/>
+  <path class="st4" d="M195.34,194.33l-7.33-19.95c-0.31-0.86-1.12-1.42-2.03-1.42h-28.09c-1.51,0-2.56,1.51-2.03,2.93l7.48,19.95
+	c0.32,0.84,1.13,1.41,2.03,1.41h27.94C194.82,197.25,195.86,195.75,195.34,194.33"/>
+  <path class="st4" d="M126.26,146.64c-17.69,1.39-32.35-13.26-30.95-30.95c1.1-13.92,12.37-25.19,26.29-26.29
+	c17.69-1.4,32.35,13.25,30.95,30.95C151.45,134.26,140.18,145.54,126.26,146.64 M181.06,155.42l-35.04-95.47
+	c-7.53-20.51-36.54-20.51-44.08,0l-50.39,137.3h33.19l9.17-25.44c0.69-1.92,2.5-3.19,4.54-3.19h73.39
+	C178.67,168.62,183.41,161.83,181.06,155.42"/>
+  <path class="st4" d="M121.5,134.26l-13.17-13.17c-1.34-1.34-1.34-3.52,0-4.86l13.17-13.17c1.34-1.34,3.52-1.34,4.86,0l13.17,13.17
+	c1.33,1.34,1.33,3.52,0,4.86l-13.17,13.17C125.02,135.6,122.84,135.6,121.5,134.26"/>
+  <path class="st4" d="M195.34,194.33l-7.33-19.95c-0.31-0.86-1.12-1.43-2.03-1.43h-28.1c-1.51,0-2.56,1.51-2.03,2.93l7.48,19.95
+	c0.32,0.84,1.13,1.41,2.03,1.41h27.94C194.82,197.25,195.86,195.75,195.34,194.33"/>
+  <path class="st4" d="M126.26,146.63c-17.69,1.4-32.35-13.26-30.96-30.95c1.1-13.92,12.38-25.19,26.29-26.28
+	c17.69-1.4,32.34,13.25,30.95,30.95C151.45,134.26,140.18,145.54,126.26,146.63 M181.06,155.41l-35.04-95.47
+	c-7.53-20.51-36.54-20.51-44.08,0L51.55,197.25h33.19l9.17-25.43c0.69-1.92,2.5-3.19,4.54-3.19h73.39
+	C178.67,168.62,183.41,161.83,181.06,155.41"/>
+  <path class="st4" d="M121.5,134.26l-13.17-13.17c-1.34-1.34-1.34-3.52,0-4.86l13.17-13.17c1.34-1.34,3.52-1.34,4.86,0l13.17,13.17
+	c1.33,1.34,1.33,3.52,0,4.86l-13.17,13.17C125.02,135.6,122.84,135.6,121.5,134.26"/>
+</svg>
diff --git a/packages/apps-config/src/ui/logos/nodes/ares-mars.png b/packages/apps-config/src/ui/logos/nodes/ares-mars.png
new file mode 100644
index 0000000..b31269a
Binary files /dev/null and b/packages/apps-config/src/ui/logos/nodes/ares-mars.png differ
diff --git a/packages/apps-config/src/ui/logos/nodes/ares.png b/packages/apps-config/src/ui/logos/nodes/ares.png
new file mode 100644
index 0000000..32fe2b7
Binary files /dev/null and b/packages/apps-config/src/ui/logos/nodes/ares.png differ
diff --git a/packages/apps-config/src/ui/logos/nodes/astar.png b/packages/apps-config/src/ui/logos/nodes/astar.png
new file mode 100644
index 0000000..dd30832
Binary files /dev/null and b/packages/apps-config/src/ui/logos/nodes/astar.png differ
diff --git a/packages/apps-config/src/ui/logos/nodes/automata.png b/packages/apps-config/src/ui/logos/nodes/automata.png
new file mode 100644
index 0000000..1f9f1a4
Binary files /dev/null and b/packages/apps-config/src/ui/logos/nodes/automata.png differ
diff --git a/packages/apps-config/src/ui/logos/nodes/basilisk-rococo-bg.png b/packages/apps-config/src/ui/logos/nodes/basilisk-rococo-bg.png
new file mode 100644
index 0000000..568c8cc
Binary files /dev/null and b/packages/apps-config/src/ui/logos/nodes/basilisk-rococo-bg.png differ
diff --git a/packages/apps-config/src/ui/logos/nodes/basilisk.png b/packages/apps-config/src/ui/logos/nodes/basilisk.png
new file mode 100644
index 0000000..d4ad8d9
Binary files /dev/null and b/packages/apps-config/src/ui/logos/nodes/basilisk.png differ
diff --git a/packages/apps-config/src/ui/logos/nodes/beast.svg b/packages/apps-config/src/ui/logos/nodes/beast.svg
new file mode 100644
index 0000000..dd82cc8
--- /dev/null
+++ b/packages/apps-config/src/ui/logos/nodes/beast.svg
@@ -0,0 +1,11 @@
+<svg width="128" height="128" xmlns="http://www.w3.org/2000/svg">
+
+ <g>
+  <title>background</title>
+  <rect fill="none" id="canvas_background" height="402" width="582" y="-1" x="-1"/>
+ </g>
+ <g>
+  <title>Layer 1</title>
+  <path fill="#240041" id="svg_1" d="m117.264,114.56c5.77,2.285 5.287,-2.091 10.736,2.303c0,-6.502 -10.43,-9.11 -12.221,-15.016c4.303,1.372 8.055,1.045 10.818,-0.009c-4.808,-2.241 -12.771,-8.96 -12.005,-11.862c2.776,1.622 6.108,1.407 10.442,-0.556c-5.889,-3.822 -12.969,-9.031 -13.811,-16.543c3.117,1.221 3.714,2.49 10.686,3.93c-4.928,-5.165 -3.554,-7.601 -7.697,-10.378c-3.916,-2.623 -9.017,-3.389 -10.799,-8.347c4.928,1.186 9.616,0.659 11.899,-2.109c-3.241,-0.137 -7.891,-3.031 -12.577,-6.797c-3.353,-2.694 -3.09,-3.196 -5.967,-6.56c3.973,-0.484 5.074,2.022 11.727,2.022c-4.608,-3.822 -5.201,-7.613 -8.567,-9.621c-3.964,-2.365 -5.51,-1.012 -11.269,-2.05c3.816,-2.572 3.716,-9.162 2.855,-12.58c-1.445,2.344 -3.486,6.59 -9.333,7.401c-4.624,0.642 -8.45,-0.982 -8.45,-0.982c0.35,-0.237 3.039,-3.902 1.196,-9.933c-0.992,3.888 -4.943,6.893 -13.168,6.893c-1.844,0 -3.589,0.369 -5.208,0.935c-1.46,-1.423 -3.554,-3.008 -6.264,-3.894c-5.616,-1.835 -9.251,-0.691 -9.251,-0.691s2.447,1.593 5.188,5.461c1.005,1.417 1.62,2.818 1.996,4.015c-0.888,0.689 -1.575,1.237 -2.013,1.473l0.005,0.004c-0.919,0.527 -1.837,1.121 -2.759,1.781l-39.816,-28.621c-4.402,-3.166 -4.875,-2.609 -1.053,1.235l34.27,34.452c-2.286,3.175 -4.852,7.236 -6.891,11.337c-1.208,1.745 1.073,4.967 -2.128,10.746c-2.344,4.233 -4.341,8.308 -5.209,10.595c-1.523,4 -6.927,12.247 -5.983,14.648c1.812,4.608 4.685,7.776 4.685,7.776s0.792,1.23 8.636,0.801c8.852,-0.485 9.143,-7.754 12.636,-11.396c3.49,-3.643 12.197,1.328 17.748,-12.959c3.824,12.821 4.555,21.87 0.462,31.135c-4.091,9.267 -7.31,10.557 -8.984,23.225l57.07,0l4.449,0l7.436,0c2.117,-0.249 4.516,-0.638 7.221,-1.23c-4.007,-1.406 -9.625,-5.748 -10.738,-10.034z"/>
+ </g>
+</svg>
\ No newline at end of file
diff --git a/packages/apps-config/src/ui/logos/nodes/bifrost.svg b/packages/apps-config/src/ui/logos/nodes/bifrost.svg
new file mode 100644
index 0000000..00be9f2
--- /dev/null
+++ b/packages/apps-config/src/ui/logos/nodes/bifrost.svg
@@ -0,0 +1,19 @@
+<svg width="100" height="100" viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M0 50C0 22.3858 22.3858 0 50 0V0C77.6142 0 100 22.3858 100 50V50C100 77.6142 77.6142 100 50 100V100C22.3858 100 0 77.6142 0 50V50Z" fill="black"/>
+<g clip-path="url(#clip0)">
+<path d="M50 72.3684H19.7368L65.1316 26.9736H80.2631L50 72.3684Z" fill="url(#paint0_linear)"/>
+</g>
+<defs>
+<linearGradient id="paint0_linear" x1="50" y1="26.9736" x2="50" y2="72.3684" gradientUnits="userSpaceOnUse">
+<stop stop-color="#7AEDCF"/>
+<stop offset="0.201333" stop-color="#68CEFA"/>
+<stop offset="0.403244" stop-color="#689CF8"/>
+<stop offset="0.602076" stop-color="#AC57C0"/>
+<stop offset="0.801867" stop-color="#E65659"/>
+<stop offset="1" stop-color="#F2C241"/>
+</linearGradient>
+<clipPath id="clip0">
+<rect width="60.5263" height="45.3947" fill="white" transform="translate(19.7368 26.9736)"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/packages/apps-config/src/ui/logos/nodes/bitcountry.svg b/packages/apps-config/src/ui/logos/nodes/bitcountry.svg
new file mode 100644
index 0000000..0b42bde
--- /dev/null
+++ b/packages/apps-config/src/ui/logos/nodes/bitcountry.svg
@@ -0,0 +1 @@
+<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 500 500"><defs><style>.cls-1{fill:#2f3033;}.cls-2{fill:#a4fdff;}</style></defs><polygon class="cls-1" points="214.52 382.3 70.1 382.3 70.1 335.05 167.27 335.05 167.27 249.16 70.1 249.16 70.1 117.62 117.35 117.62 117.35 201.92 214.52 201.92 214.52 382.3"/><polygon class="cls-1" points="429.9 382.3 285.48 382.3 285.48 201.92 429.9 201.92 429.9 249.16 332.73 249.16 332.73 335.05 429.9 335.05 429.9 382.3"/><rect class="cls-2" x="229.73" y="341.85" width="40.53" height="40.53"/></svg>
\ No newline at end of file
diff --git a/packages/apps-config/src/ui/logos/nodes/calamari.png b/packages/apps-config/src/ui/logos/nodes/calamari.png
new file mode 100644
index 0000000..d335b29
Binary files /dev/null and b/packages/apps-config/src/ui/logos/nodes/calamari.png differ
diff --git a/packages/apps-config/src/ui/logos/nodes/centrifuge.png b/packages/apps-config/src/ui/logos/nodes/centrifuge.png
new file mode 100644
index 0000000..cee529c
Binary files /dev/null and b/packages/apps-config/src/ui/logos/nodes/centrifuge.png differ
diff --git a/packages/apps-config/src/ui/logos/nodes/chainx.svg b/packages/apps-config/src/ui/logos/nodes/chainx.svg
new file mode 100644
index 0000000..6cd7488
--- /dev/null
+++ b/packages/apps-config/src/ui/logos/nodes/chainx.svg
@@ -0,0 +1,14 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="140" height="140" viewBox="0 0 140 140">
+  <g fill="none" fill-rule="evenodd">
+    <rect width="140" height="140" fill="#FFF" rx="70"/>
+    <g fill-rule="nonzero" transform="translate(30 31)">
+      <path fill="#EA754B" d="M46.1910204,22.5785034 L33.7567347,10.1442177 C33.5138242,9.90978131 33.1288969,9.90978131 32.8859864,10.1442177 L27.957551,15.0726531 C27.7317686,15.318994 27.7317686,15.6970604 27.957551,15.9434014 L40.2438095,28.2819048 C43.2742643,31.314659 43.2742643,36.2292866 40.2438095,39.2620408 C37.2631863,42.1272711 32.5413628,42.092495 29.6032653,39.1836735 L11.7006803,21.237551 C8.77136716,18.2957247 8.73266953,13.5513951 11.6136054,10.5621769 C13.0674238,9.105235 15.0411003,8.28647049 17.0993197,8.28647049 C19.1575392,8.28647049 21.1312157,9.105235 22.585034,10.5621769 L24.370068,12.3472109 C24.6129785,12.5816473 24.9979058,12.5816473 25.2408163,12.3472109 L30.1779592,7.41877551 C30.4037416,7.1724346 30.4037416,6.79436812 30.1779592,6.54802721 L28.244898,4.64108844 C25.2728464,1.66873359 21.2416974,-0.00114346519 17.0383673,-0.00114346519 C12.8350373,-0.00114346519 8.80388829,1.66873359 5.83183673,4.64108844 L5.83183673,4.64108844 C-0.349205489,10.8370585 -0.349205489,20.866887 5.83183673,27.0628571 L23.7605442,45.0002721 C26.7325958,47.9726269 30.7637448,49.642504 34.9670748,49.642504 C39.1704049,49.642504 43.2015539,47.9726269 46.1736054,45.0002721 L46.1736054,45.0002721 C52.3690561,38.8130826 52.3768524,28.7753094 46.1910204,22.5785034 Z"/>
+      <path fill="#34C69A" d="M74.9344218,4.64108844 C71.9638568,1.66926311 67.9341495,-0.000396955862 63.7322449,-0.000396955862 C59.5303403,-0.000396955862 55.500633,1.66926311 52.530068,4.64108844 L40.4353741,16.7793197 L46.2345578,22.5785034 L46.2345578,22.5785034 L58.3553741,10.4489796 C61.3510209,7.62496854 66.0493039,7.69518622 68.9592197,10.6074582 C71.8691355,13.5197302 71.9355504,18.2180685 69.1091156,21.2114286 L67.2021769,23.1183673 C66.9677405,23.3612778 66.9677405,23.7462052 67.2021769,23.9891156 L72.1306122,28.9262585 C72.3769532,29.1520409 72.7550196,29.1520409 73.0013605,28.9262585 L74.9082993,27.0106122 C81.0714263,20.8318323 81.0831012,10.8342458 74.9344218,4.64108844 L74.9344218,4.64108844 Z"/>
+      <path fill="#34C69A" d="M64.5115646,26.7319728 C64.2652237,26.5061904 63.8871572,26.5061904 63.6408163,26.7319728 L51.1804082,39.1836735 C48.212393,42.1487654 43.4033893,42.1487654 40.4353741,39.1836735 L40.4353741,39.1836735 C37.5085952,36.216847 37.5085952,31.4490034 40.4353741,28.4821769 L34.5665306,22.6394558 C29.871828,27.3682521 28.6302218,34.5257464 31.4579592,40.5594558 C34.0748086,46.1086611 39.663922,49.6447 45.7991837,49.6326837 C49.9929993,49.633121 54.0150379,47.9666688 56.9795918,45.0002721 L69.44,32.5659864 C69.6657824,32.3196455 69.6657824,31.941579 69.44,31.6952381 L64.5115646,26.7319728 Z"/>
+      <path fill="#F6C94A" d="M74.9344218,51.3741497 L62.804898,39.1836735 L56.9795918,45.0263946 L69.1091156,57.1646259 C72.0347023,60.1086919 72.0618183,64.8539845 69.170068,67.8312925 C67.7166012,69.2855679 65.7447918,70.1026393 63.6887075,70.1026393 C61.6326232,70.1026393 59.6608138,69.2855679 58.2073469,67.8312925 L56.4136054,66.037551 C56.1672645,65.8117686 55.7891981,65.8117686 55.5428571,66.037551 L50.6144218,70.9659864 C50.3799854,71.2088969 50.3799854,71.5938242 50.6144218,71.8367347 L52.3559184,73.5782313 C58.6009106,79.8482029 68.7356219,79.9026488 75.047619,73.7001361 C81.1526782,67.4894501 81.1138247,57.5196485 74.9605442,51.3567347 L74.9344218,51.3741497 Z"/>
+      <path fill="#F6C94A" d="M52.8522449,63.3208163 C53.0866813,63.0779058 53.0866813,62.6929785 52.8522449,62.450068 L40.4353741,49.9896599 C38.999624,48.5670293 38.1919159,46.6296371 38.1919159,44.6084354 C38.1919159,42.5872337 38.999624,40.6498414 40.4353741,39.2272109 L40.4353741,39.2272109 C43.3983244,36.2909984 48.1739205,36.2909984 51.1368707,39.2272109 L56.9795918,33.3670748 C52.2532586,28.6676058 45.0925874,27.4254486 39.0595918,30.2585034 C34.3889279,32.4578318 31.0813731,36.7932892 30.1941795,41.879057 C29.3069859,46.9648249 30.9512403,52.1641073 34.6013605,55.814966 L47.0269388,68.2492517 C47.2698493,68.4836881 47.6547766,68.4836881 47.8976871,68.2492517 L52.8522449,63.3208163 Z"/>
+      <path fill="#46AEE2" d="M49.9004082 39.2272109C49.7373164 38.7556698 49.5483679 38.2934727 49.3344218 37.8427211 47.7638202 34.5013013 45.0793095 31.8106335 41.7414966 30.232381 41.3061224 30.0234014 40.8707483 29.8405442 40.4005442 29.675102 34.6409704 27.5940766 28.1977467 29.0217593 23.8563265 33.3409524L29.6380952 39.1836735C30.1773063 38.6541663 30.7902741 38.2054387 31.4579592 37.8514286 34.3999608 36.3050686 38.0048754 36.84422 40.3657143 39.1836735L40.3657143 39.1836735C42.7152309 41.5560975 43.2415706 45.1839555 41.6631293 48.1262585 41.3215216 48.7692225 40.8840401 49.3564461 40.3657143 49.8677551L46.1997279 55.7017687C50.4996661 51.3793284 51.9386316 44.9733925 49.9004082 39.2272109L49.9004082 39.2272109zM17.1602721 51.6527891L23.8127891 45.0002721 17.987483 39.1836735 11.334966 45.8361905C11.1091836 46.0825314 11.1091836 46.4605979 11.334966 46.7069388L16.2634014 51.6440816C16.5109473 51.8887198 16.9080231 51.8925749 17.1602721 51.6527891z"/>
+      <path fill="#46AEE2" d="M22.4370068,67.9183673 C19.4602295,70.8831219 14.6436664,70.8733756 11.6789117,67.8965985 C8.71415711,64.9198213 8.72390321,60.1032581 11.7006803,57.1385034 L13.5902041,55.2402721 C13.8246405,54.9973616 13.8246405,54.6124343 13.5902041,54.3695238 L8.66176871,49.432381 C8.41542779,49.2065986 8.03736132,49.2065986 7.79102041,49.432381 L5.89278912,51.3306122 C1.49441854,55.2364907 -0.378675566,61.2572403 1.02759209,66.9689793 C2.43385975,72.6807182 6.88810168,77.1436361 12.5970933,78.5610156 C18.306085,79.9783951 24.3304681,78.1170203 28.244898,73.7262585 L40.4353741,61.5880272 L34.5665306,55.7278912 L22.4370068,67.9183673 Z"/>
+    </g>
+  </g>
+</svg>
diff --git a/packages/apps-config/src/ui/logos/nodes/clover.svg b/packages/apps-config/src/ui/logos/nodes/clover.svg
new file mode 100644
index 0000000..825cbbc
--- /dev/null
+++ b/packages/apps-config/src/ui/logos/nodes/clover.svg
@@ -0,0 +1,14 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 21.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 43 43" style="enable-background:new 0 0 43 43;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#F9FFF3;}
+	.st1{fill:#27A577;}
+</style>
+<title>clover</title>
+<circle class="st0" cx="21.5" cy="21.5" r="21.2"/>
+<path class="st1" d="M27.1,21.5c-3.1,0-5.6-2.5-5.6-5.6c0,3.1-2.5,5.5-5.6,5.6c3.1,0,5.6,2.5,5.6,5.6C21.5,24,24,21.5,27.1,21.5
+	L27.1,21.5z M21.5,27.5c0,3.3-2.7,6-6,6s-6-2.7-6-6s2.7-6,6-6c-3.3,0-6-2.7-6-6s2.7-6,6-6s6,2.7,6,6c0-3.3,2.7-6,6-6s6,2.7,6,6
+	s-2.7,6-6,6c3.3,0,6,2.7,6,6s-2.7,6-6,6S21.5,30.8,21.5,27.5L21.5,27.5z"/>
+</svg>
diff --git a/packages/apps-config/src/ui/logos/nodes/coinversation.png b/packages/apps-config/src/ui/logos/nodes/coinversation.png
new file mode 100644
index 0000000..410771a
Binary files /dev/null and b/packages/apps-config/src/ui/logos/nodes/coinversation.png differ
diff --git a/packages/apps-config/src/ui/logos/nodes/competitors-club.png b/packages/apps-config/src/ui/logos/nodes/competitors-club.png
new file mode 100644
index 0000000..f6a3ae0
Binary files /dev/null and b/packages/apps-config/src/ui/logos/nodes/competitors-club.png differ
diff --git a/packages/apps-config/src/ui/logos/nodes/crab.svg b/packages/apps-config/src/ui/logos/nodes/crab.svg
new file mode 100644
index 0000000..e95ac69
--- /dev/null
+++ b/packages/apps-config/src/ui/logos/nodes/crab.svg
@@ -0,0 +1,17 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="69px" height="69px" viewBox="0 0 69 69" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>编组 3</title>
+    <defs>
+        <linearGradient x1="100%" y1="75.92%" x2="0%" y2="24.08%" id="linearGradient-1">
+            <stop stop-color="#FE3876" offset="0%"></stop>
+            <stop stop-color="#7C30DD" offset="71.4447846%"></stop>
+            <stop stop-color="#3A30DD" offset="100%"></stop>
+        </linearGradient>
+    </defs>
+    <g id="页面-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="编组-3">
+            <circle id="椭圆形" fill="#FFFFFF" cx="34.1120002" cy="34.1120002" r="34.1120002"></circle>
+            <path d="M52.4686129,21.4545455 C53.6710081,21.4545455 54.6457419,22.4313787 54.6457419,23.6363636 C54.6457419,24.8160238 53.7115488,25.7770216 52.5441151,25.8168944 L49.8841249,29.8153825 L49.8549718,29.8584625 C49.2558836,30.7288063 48.2737704,31.2555493 47.2188427,31.2723146 L47.1669037,31.2727273 L43.9428081,31.272561 C44.2448401,31.965296 44.477159,32.6955414 44.6308778,33.4543913 L51.4862729,33.4545455 L51.5214163,33.4539784 C51.8603355,33.4430359 52.1749648,33.2742887 52.3720485,32.9977534 L52.3920133,32.9687639 L54.9532663,29.1186108 C54.7579803,28.7915141 54.6457419,28.4088926 54.6457419,28 C54.6457419,26.7950151 55.6204758,25.8181818 56.822871,25.8181818 C58.0252661,25.8181818 59,26.7950151 59,28 C59,29.1915938 58.0468104,30.1600787 56.8628727,30.1814573 L54.2034942,34.1790188 L54.174341,34.2220989 C53.5752528,35.0924426 52.5931397,35.6191857 51.5382119,35.635951 L51.4862729,35.6363636 L44.8486066,35.6362545 C44.8486613,36.3836163 44.7736913,37.113321 44.6308778,37.8183359 L51.4862729,37.8181818 C52.5608363,37.8181818 53.5654317,38.3478349 54.174341,39.2324466 L54.2034942,39.2755266 L56.8628727,43.2730882 C58.0468104,43.2944668 59,44.2629517 59,45.4545455 C59,46.6595304 58.0252661,47.6363636 56.822871,47.6363636 C55.6204758,47.6363636 54.6457419,46.6595304 54.6457419,45.4545455 C54.6457419,45.0456528 54.7579803,44.6630313 54.9532663,44.3359346 L52.3920133,40.4857816 C52.1966345,40.1920821 51.8720223,40.0118869 51.5214163,40.000567 L51.4862729,40 L43.9428081,40.0001663 C43.6031929,40.779101 43.1754358,41.5106093 42.6721711,42.1820295 L47.1320149,42.1818182 C48.2065782,42.1818182 49.2111736,42.7114713 49.8200829,43.5960829 L49.8492361,43.639163 L52.5086147,47.6367245 C53.6925524,47.6581032 54.6457419,48.6265881 54.6457419,49.8181818 C54.6457419,51.0231667 53.6710081,52 52.4686129,52 C51.2662178,52 50.2914839,51.0231667 50.2914839,49.8181818 C50.2914839,49.4092892 50.4037223,49.0266677 50.5990083,48.699571 L48.0377553,44.849418 C47.8423764,44.5557185 47.5177643,44.3755233 47.1671583,44.3642034 L47.1320149,44.3636364 L40.4951567,44.3638681 C38.6756868,45.7337145 36.4139438,46.5454545 33.9630162,46.5454545 C31.5120886,46.5454545 29.2503455,45.7337145 27.4308757,44.3638681 L20.8679851,44.3636364 L20.8328417,44.3642034 C20.4939226,44.3751459 20.1792933,44.5438931 19.9822096,44.8204284 L19.9622447,44.849418 L17.4010569,48.6996801 C17.5963027,49.0267528 17.7085161,49.4093347 17.7085161,49.8181818 C17.7085161,51.0231667 16.7337822,52 15.5313871,52 C14.3289919,52 13.3542581,51.0231667 13.3542581,49.8181818 C13.3542581,48.6265539 14.3075022,47.6580477 15.4914871,47.6367227 L18.1507639,43.639163 L18.1799171,43.5960829 C18.7790053,42.7257392 19.7611184,42.1989961 20.8160461,42.1822308 L20.8679851,42.1818182 L25.2538612,42.1820295 C24.7505966,41.5106093 24.3228394,40.779101 23.9832243,40.0001663 L16.5137271,40 L16.4785837,40.000567 C16.1396645,40.0115096 15.8250352,40.1802568 15.6279515,40.4567921 L15.6079867,40.4857816 L13.0467988,44.3360438 C13.2420446,44.6631164 13.3542581,45.0456983 13.3542581,45.4545455 C13.3542581,46.6595304 12.3795242,47.6363636 11.177129,47.6363636 C9.97473387,47.6363636 9,46.6595304 9,45.4545455 C9,44.2629176 9.95324419,43.2944113 11.1372291,43.2730863 L13.7965058,39.2755266 L13.825659,39.2324466 C14.4247472,38.3621028 15.4068603,37.8353597 16.4617881,37.8185944 L16.5137271,37.8181818 L23.2951546,37.8183359 C23.1607419,37.1547925 23.0864258,36.4693785 23.0781478,35.7680481 L23.077371,35.6362544 L16.5137271,35.6363636 C15.4391637,35.6363636 14.4345683,35.1067106 13.825659,34.2220989 L13.7965058,34.1790188 L11.1372291,30.1814591 C9.95324419,30.1601342 9,29.1916279 9,28 C9,26.7950151 9.97473387,25.8181818 11.177129,25.8181818 C12.3795242,25.8181818 13.3542581,26.7950151 13.3542581,28 C13.3542581,28.4088472 13.2420446,28.791429 13.0467988,29.1185017 L15.6079867,32.9687639 C15.8033655,33.2624633 16.1279777,33.4426586 16.4785837,33.4539784 L16.5137271,33.4545455 L23.2951546,33.4543913 C23.4488734,32.6955414 23.6811923,31.965296 23.9832243,31.272561 L20.8330963,31.2727273 C19.758533,31.2727273 18.7539376,30.7430742 18.1450282,29.8584625 L18.1158751,29.8153825 L15.4558868,25.8168944 C14.2884523,25.7770226 13.3542581,24.8160245 13.3542581,23.6363636 C13.3542581,22.4313787 14.3289919,21.4545455 15.5313871,21.4545455 C16.7337822,21.4545455 17.7085161,22.4313787 17.7085161,23.6363636 C17.7085161,24.0567157 17.5898985,24.4493035 17.3843777,24.7823442 L19.9273559,28.6051275 C20.1227347,28.898827 20.4473469,29.0790222 20.7979529,29.0903421 L20.8330963,29.0909091 L25.2538612,29.0906977 C27.2398619,26.4411161 30.4017244,24.7272727 33.9630162,24.7272727 C37.524308,24.7272727 40.6861705,26.4411161 42.6721711,29.0906977 L47.1669037,29.0909091 L47.2020471,29.0903421 C47.5409662,29.0793995 47.8555956,28.9106523 48.0526793,28.634117 L48.0726441,28.6051275 L50.6156223,24.7823442 C50.4101015,24.4493035 50.2914839,24.0567157 50.2914839,23.6363636 C50.2914839,22.4313787 51.2662178,21.4545455 52.4686129,21.4545455 Z M33.9630162,26.9090909 C29.1534355,26.9090909 25.2545001,30.816424 25.2545001,35.6363636 C25.2545001,40.4563033 29.1534355,44.3636364 33.9630162,44.3636364 C38.7725968,44.3636364 42.6715323,40.4563033 42.6715323,35.6363636 C42.6715323,30.816424 38.7725968,26.9090909 33.9630162,26.9090909 Z M33.9630162,29.0909091 C37.5702017,29.0909091 40.4944033,32.0214089 40.4944033,35.6363636 C40.4944033,39.2513184 37.5702017,42.1818182 33.9630162,42.1818182 C30.3558307,42.1818182 27.4316291,39.2513184 27.4316291,35.6363636 C27.4316291,32.0214089 30.3558307,29.0909091 33.9630162,29.0909091 Z M41.5829678,16 L41.6549734,16.0005846 C44.0265525,16.039119 45.9372258,17.9777662 45.9372258,20.3636364 C45.9372258,22.7736062 43.9877581,24.7272727 41.5829678,24.7272727 C39.1781775,24.7272727 37.2287097,22.7736062 37.2287097,20.3636364 C37.2287097,19.1794271 37.6994158,18.1053938 38.4635546,17.3191918 L38.5040424,17.2780795 L41.5829678,20.3636364 L41.5829678,16 Z M26.3430646,16 L26.3430646,20.3636364 L29.42199,17.2780795 C30.2099557,18.0677424 30.6973226,19.1586515 30.6973226,20.3636364 C30.6973226,22.7736062 28.7478549,24.7272727 26.3430646,24.7272727 C23.9382743,24.7272727 21.9888065,22.7736062 21.9888065,20.3636364 C21.9888065,17.9777662 23.8994799,16.039119 26.271059,16.0005846 L26.3430646,16 Z" id="形状" fill="url(#linearGradient-1)"></path>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/packages/apps-config/src/ui/logos/nodes/crown-sterling.png b/packages/apps-config/src/ui/logos/nodes/crown-sterling.png
new file mode 100644
index 0000000..b872b4e
Binary files /dev/null and b/packages/apps-config/src/ui/logos/nodes/crown-sterling.png differ
diff --git a/packages/apps-config/src/ui/logos/nodes/crust-maxwell.svg b/packages/apps-config/src/ui/logos/nodes/crust-maxwell.svg
new file mode 100644
index 0000000..67a6240
--- /dev/null
+++ b/packages/apps-config/src/ui/logos/nodes/crust-maxwell.svg
@@ -0,0 +1,28 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 24.0.1, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="tucen_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 1028 1028" style="enable-background:new 0 0 1028 1028;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#FFFFFF;}
+	.st1{fill:url(#SVGID_1_);}
+	.st2{fill:url(#SVGID_2_);}
+</style>
+<title>ziyuan 1</title>
+<circle class="st0" cx="514" cy="514" r="514"/>
+<g>
+	<linearGradient id="SVGID_1_" gradientUnits="userSpaceOnUse" x1="251.3642" y1="331.0095" x2="776.0202" y2="331.0095">
+		<stop  offset="0" style="stop-color:#2E333B"/>
+		<stop  offset="1" style="stop-color:#575859"/>
+	</linearGradient>
+	<path class="st1" d="M267.1,325.2l283.2-163.5c9.8-5.6,21.8-5.6,31.5,0l178.4,103c15.1,8.7,20.3,28,11.6,43.1
+		c-1.4,2.4-3,4.5-4.9,6.5L706.3,375c-10.1,10.1-25.7,12.2-38.1,5.1l-86.1-49.7c-10-5.7-22.2-5.7-32.2,0L251.4,504.5v-152
+		C251.4,341.3,257.4,330.8,267.1,325.2z"/>
+	<linearGradient id="SVGID_2_" gradientUnits="userSpaceOnUse" x1="251.3642" y1="661.7465" x2="776.6142" y2="661.7465">
+		<stop  offset="0" style="stop-color:#2E333B"/>
+		<stop  offset="1" style="stop-color:#575859"/>
+	</linearGradient>
+	<path class="st2" d="M760.9,762.9L581.8,866.3c-9.7,5.6-21.8,5.6-31.5,0L267.1,702.8c-9.8-5.6-15.8-16-15.8-27.3V537.6L397.3,453
+		v138.2c0,11.3,6,21.7,15.8,27.3l137.3,79.2c9.7,5.6,21.8,5.6,31.5,0l86.9-50.1c12.4-7.1,28-5.1,38,5l60.6,60.7
+		c12.3,12.3,12.3,32.3,0,44.6C765.5,759.9,763.3,761.5,760.9,762.9z"/>
+</g>
+</svg>
diff --git a/packages/apps-config/src/ui/logos/nodes/crust.svg b/packages/apps-config/src/ui/logos/nodes/crust.svg
new file mode 100644
index 0000000..45e2331
--- /dev/null
+++ b/packages/apps-config/src/ui/logos/nodes/crust.svg
@@ -0,0 +1,18 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 24.0.1, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="tucen_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 1028 1028" style="enable-background:new 0 0 1028 1028;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#FFFFFF;}
+	.st1{fill:#F08727;}
+	.st2{fill:#191919;}
+</style>
+<title>ziyuan 1</title>
+<circle class="st0" cx="514" cy="514" r="514"/>
+<path class="st1" d="M267.1,325.2l283.2-163.5c9.8-5.6,21.8-5.6,31.5,0l178.4,103c15.1,8.7,20.3,28,11.6,43.1
+	c-1.4,2.4-3,4.5-4.9,6.5L706.3,375c-10.1,10.1-25.7,12.2-38.1,5.1l-86.1-49.7c-10-5.7-22.2-5.7-32.2,0L251.4,504.5v-152
+	C251.4,341.3,257.4,330.8,267.1,325.2z"/>
+<path class="st2" d="M760.9,762.9L581.8,866.3c-9.7,5.6-21.8,5.6-31.5,0L267.1,702.8c-9.8-5.6-15.8-16-15.8-27.3V537.6l146-84.6
+	v138.2c0,11.3,6,21.7,15.8,27.3l137.3,79.2c9.7,5.6,21.8,5.6,31.5,0l86.9-50.1c12.4-7.1,28-5.1,38,5l60.6,60.7
+	c12.3,12.3,12.3,32.3,0,44.6C765.5,759.9,763.3,761.5,760.9,762.9z"/>
+</svg>
diff --git a/packages/apps-config/src/ui/logos/nodes/crustParachain.svg b/packages/apps-config/src/ui/logos/nodes/crustParachain.svg
new file mode 100644
index 0000000..83bde74
--- /dev/null
+++ b/packages/apps-config/src/ui/logos/nodes/crustParachain.svg
@@ -0,0 +1,20 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 24.0.1, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="图层_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 590 590" style="enable-background:new 0 0 590 590;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#1F1F1F;}
+	.st1{fill:#FA8C16;}
+	.st2{fill:#FFFFFF;}
+</style>
+<title>资源 59</title>
+<circle class="st0" cx="295" cy="295" r="295"/>
+<g>
+	<path class="st1" d="M146.5,185.9l163.7-94.5c5.6-3.2,12.6-3.2,18.2,0l103.1,59.5c8.7,5,11.7,16.1,6.7,24.9
+		c-0.8,1.4-1.8,2.6-2.9,3.8l-35,35.1c-5.8,5.9-14.9,7.1-22,2.9l-49.7-28.7c-5.8-3.3-12.8-3.3-18.6,0L137.3,289.5v-87.9
+		C137.3,195.1,140.8,189.1,146.5,185.9z"/>
+	<path class="st2" d="M431.9,438.9l-103.5,59.8c-5.6,3.2-12.6,3.2-18.2,0l-163.7-94.5c-5.6-3.3-9.1-9.3-9.1-15.8v-79.7l84.3-48.9
+		v79.9c0,6.5,3.5,12.5,9.1,15.8l79.3,45.8c5.6,3.2,12.6,3.2,18.2,0l50.2-29c7.1-4.1,16.2-2.9,22,2.9l35.1,35.1
+		c7.1,7.1,7.1,18.7,0,25.8C434.5,437.1,433.2,438.1,431.9,438.9z"/>
+</g>
+</svg>
diff --git a/packages/apps-config/src/ui/logos/nodes/darwinia.png b/packages/apps-config/src/ui/logos/nodes/darwinia.png
new file mode 100644
index 0000000..893ba7b
Binary files /dev/null and b/packages/apps-config/src/ui/logos/nodes/darwinia.png differ
diff --git a/packages/apps-config/src/ui/logos/nodes/darwinia.svg b/packages/apps-config/src/ui/logos/nodes/darwinia.svg
new file mode 100644
index 0000000..99ff6fb
--- /dev/null
+++ b/packages/apps-config/src/ui/logos/nodes/darwinia.svg
@@ -0,0 +1,18 @@
+
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="117px" height="117px" viewBox="0 0 117 117" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>编组</title>
+    <defs>
+        <linearGradient x1="100%" y1="99.1489517%" x2="0%" y2="0.851048287%" id="linearGradient-1">
+            <stop stop-color="#FE3876" offset="0%"></stop>
+            <stop stop-color="#7C30DD" offset="71.4447846%"></stop>
+            <stop stop-color="#3A30DD" offset="100%"></stop>
+        </linearGradient>
+    </defs>
+    <g id="组件" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="编组" transform="translate(0.000000, 0.500000)">
+            <ellipse id="椭圆形" fill="url(#linearGradient-1)" cx="58.5" cy="58" rx="58.5" ry="58"></ellipse>
+            <path d="M37.7963293,41.5 C39.9824632,41.5 41.7547918,43.279328 41.7547918,45.4743151 C41.7547918,47.1928414 40.6681548,48.6567557 39.1471488,49.2111776 L39.1473608,69.7990411 C41.9789596,69.6735315 44.6120387,69.1533422 46.9514658,68.2911374 L46.9513819,52.5074105 C45.4303759,51.9529886 44.3437389,50.4890743 44.3437389,48.7705479 C44.3437389,46.5755608 46.1160675,44.7962329 48.3022014,44.7962329 C50.4883354,44.7962329 52.260664,46.5755608 52.260664,48.7705479 C52.260664,50.4890743 51.1740269,51.9529886 49.653021,52.5074105 L49.6531476,67.0732838 C52.2541893,65.6614956 54.3379792,63.7507164 55.7197953,61.4432064 C54.7822379,60.5949052 54.1929941,59.366518 54.1929941,58 C54.1929941,55.4408465 56.2592231,53.3664384 58.8080736,53.3664384 C59.0173771,53.3664384 59.2234261,53.3804264 59.4253438,53.4075224 C62.9403905,47.2712649 70.477406,43.5546777 79.4700228,43.4607288 L79.819818,43.4589041 L94.2653923,43.4589041 C95.0113936,43.4589041 95.6161473,44.0660796 95.6161473,44.8150685 C95.6161473,45.5373078 95.053819,46.1276823 94.3447594,46.1689307 L94.2653923,46.1712329 L91.6764452,46.1712329 L91.6765426,66.7888024 C93.1975662,67.3431828 94.2841527,68.8070168 94.2841527,70.5256849 C94.2841527,72.720491 92.5117418,74.5 90.3256902,74.5 C88.1396386,74.5 86.3672276,72.720491 86.3672276,70.5256849 C86.3672276,68.8068464 87.4540297,67.3428925 88.9752902,66.7886375 L88.9749352,46.1712329 L81.1702728,46.1712329 L81.1706704,66.7888024 C82.691694,67.3431828 83.7782806,68.8070168 83.7782806,70.5256849 C83.7782806,72.720491 82.0058696,74.5 79.819818,74.5 C77.6337664,74.5 75.8613554,72.720491 75.8613554,70.5256849 C75.8613554,68.8070168 76.947942,67.3431828 78.4689656,66.7888024 L78.4687864,46.2009589 C75.6371877,46.3264685 73.0041086,46.8466578 70.6646814,47.7088626 L70.6647983,63.4925695 C72.1858218,64.0469499 73.2724084,65.510784 73.2724084,67.2294521 C73.2724084,69.4242582 71.5,71.2037671 69.3139458,71.2037671 C67.1278942,71.2037671 65.3554833,69.4242582 65.3554833,67.2294521 C65.3554833,65.510784 66.4420698,64.0469499 67.9630934,63.4925695 L67.9629996,48.9267162 C65.3619579,50.3385044 63.278168,52.2492836 61.8963519,54.5567936 C62.8339332,55.4050054 63.4231532,56.633386 63.4231532,58 C63.4231532,60.5589739 61.3568404,62.6335616 58.8080736,62.6335616 C58.5987771,62.6335616 58.3927338,62.6195724 58.1908208,62.5924743 C54.6758024,68.7287126 47.1387685,72.445322 38.1461244,72.5392712 L37.7963293,72.5410959 L23.350755,72.5410959 C22.6047536,72.5410959 22,71.9339204 22,71.1849315 C22,70.4626922 22.5623283,69.8723177 23.2713879,69.8310693 L23.350755,69.8287671 L25.9397021,69.8286164 L25.939706,49.2112026 C24.4186642,48.6567997 23.3319945,47.1928672 23.3319945,45.4743151 C23.3319945,43.279328 25.1043231,41.5 27.2904571,41.5 C29.476591,41.5 31.2489196,43.279328 31.2489196,45.4743151 C31.2489196,47.1926976 30.1624645,48.6565106 28.6416586,49.2110383 L28.6412121,69.8286164 L36.4454242,69.8286164 L36.4455097,49.2111776 C34.9245037,48.6567557 33.8378667,47.1928414 33.8378667,45.4743151 C33.8378667,43.279328 35.6101953,41.5 37.7963293,41.5 Z" id="路径" fill="#FFFFFF"></path>
+        </g>
+    </g>
+</svg>
diff --git a/packages/apps-config/src/ui/logos/nodes/datahighway.png b/packages/apps-config/src/ui/logos/nodes/datahighway.png
new file mode 100644
index 0000000..679f745
Binary files /dev/null and b/packages/apps-config/src/ui/logos/nodes/datahighway.png differ
diff --git a/packages/apps-config/src/ui/logos/nodes/dock-mainnet.png b/packages/apps-config/src/ui/logos/nodes/dock-mainnet.png
new file mode 100644
index 0000000..0c74d63
Binary files /dev/null and b/packages/apps-config/src/ui/logos/nodes/dock-mainnet.png differ
diff --git a/packages/apps-config/src/ui/logos/nodes/dock-testnet.png b/packages/apps-config/src/ui/logos/nodes/dock-testnet.png
new file mode 100644
index 0000000..0c74d63
Binary files /dev/null and b/packages/apps-config/src/ui/logos/nodes/dock-testnet.png differ
diff --git a/packages/apps-config/src/ui/logos/nodes/dolphin.svg b/packages/apps-config/src/ui/logos/nodes/dolphin.svg
new file mode 100644
index 0000000..0495010
--- /dev/null
+++ b/packages/apps-config/src/ui/logos/nodes/dolphin.svg
@@ -0,0 +1,12 @@
+<svg version="1.2" baseProfile="tiny-ps" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 243 243" width="243" height="243">
+	<title>dolphin_logo</title>
+	<style>
+		tspan { white-space:pre }
+		.shp0 { fill: #c4a5bd }
+		.shp1 { fill: #ffffff }
+	</style>
+	<g id="2">
+		<path id="Shape 4" class="shp0" d="M128.85 192.96C128.85 192.96 187.87 181.38 160.49 139.53C143.48 113.54 109.11 115.91 75.59 125.2C47.03 133.12 40.96 129.89 40.96 129.89C40.96 129.89 18.17 126.06 49.75 103.62C49.75 103.62 34.11 30.48 133.24 46.68C244.56 64.86 229.51 210.83 131.48 204.35C131.48 204.35 124.3 202.79 128.85 192.96ZM147.3 42.3C147.3 42.3 170.87 46.83 190.37 65.95C190.37 65.95 191.82 42.73 203.55 34.41C203.55 34.41 216.45 22.4 198.28 23.03C181.12 23.62 159.44 26.68 147.3 42.3ZM102.62 142.12C102.62 142.12 120.88 143.35 128.25 160.17C135.61 176.99 138.68 191.32 141.57 194.67C144.47 198.03 110.3 194.55 106.09 185.67C101.88 176.8 116.83 169.77 100.16 145.41C100.16 145.41 98.39 141.22 102.62 142.12ZM84.34 228.42C84.34 228.42 101.54 234.69 115.14 222.27C128.74 209.86 137.39 197.98 141.4 196.08C145.42 194.19 112.75 183.52 105.28 189.95C97.81 196.37 108.61 208.86 83.43 224.41C83.43 224.41 80.11 227.53 84.34 228.42ZM111.21 122.6C111.21 122.6 116.84 146.74 135.3 152.85C135.3 152.85 132.49 128.6 135.11 126.73C136.46 125.77 129.82 122.92 123.31 122.11C117.19 121.35 111.21 122.6 111.21 122.6Z" />
+		<path id="Ellipse 1" class="shp1" d="M81.39 81.72C86.25 81.72 90.19 85.64 90.19 90.47C90.19 95.3 86.25 99.22 81.39 99.22C76.53 99.22 72.59 95.3 72.59 90.47C72.59 85.64 76.53 81.72 81.39 81.72Z" />
+	</g>
+</svg>
diff --git a/packages/apps-config/src/ui/logos/nodes/dotmog.svg b/packages/apps-config/src/ui/logos/nodes/dotmog.svg
new file mode 100644
index 0000000..4070731
--- /dev/null
+++ b/packages/apps-config/src/ui/logos/nodes/dotmog.svg
@@ -0,0 +1 @@
+<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 120.11 118.02"><defs><style>.cls-1{fill:#706c69;}.cls-2{fill:#fff;}</style></defs><path class="cls-1" d="M110.92,35.82a19.29,19.29,0,0,0,2-16.2s-2.58-7.68-5.61-2.67a14.07,14.07,0,0,1-5.56,4.83,55.87,55.87,0,0,0-83.39,0A14,14,0,0,1,12.8,17c-3-5-5.61,2.67-5.61,2.67a19.31,19.31,0,0,0,2,16.2,55.91,55.91,0,1,0,101.74,0Z"/><path class="cls-2" d="M90.93,79.37l-.49-.14.1-27.94V40.9a2.73,2.73,0,0,1,1.27-2.07A2.36,2.36,0,0,0,93,36.89V33.57H72.81L60.05,49.75,47.29,33.57H27.08v3.32a2.36,2.36,0,0,0,1.22,1.94,2.73,2.73,0,0,1,1.27,2.07V51.29l.1,27.94-.49.14a2.61,2.61,0,0,0-2.12,2.55v2.53H49.18V81.72a2.14,2.14,0,0,0-1.27-2l-1-.48v-21L57.82,71.43a2.68,2.68,0,0,0,4.47,0L73.23,58.26v21l-1,.48a2.14,2.14,0,0,0-1.27,2v2.73H93V81.92A2.6,2.6,0,0,0,90.93,79.37Z"/></svg>
diff --git a/packages/apps-config/src/ui/logos/nodes/eave.svg b/packages/apps-config/src/ui/logos/nodes/eave.svg
new file mode 100644
index 0000000..13c9e0a
--- /dev/null
+++ b/packages/apps-config/src/ui/logos/nodes/eave.svg
@@ -0,0 +1,13 @@
+<svg width="50" height="50" xmlns="http://www.w3.org/2000/svg">
+
+ <g>
+  <title>background</title>
+  <rect fill="none" id="canvas_background" height="402" width="582" y="-1" x="-1"/>
+ </g>
+ <g>
+  <title fill="#240041">Layer 1</title>
+  <path fill="#240041" id="svg_1" fill-rule="evenodd" d="m13.595,24.999c0,-6.289 5.117,-11.405 11.406,-11.405c6.289,0 11.407,5.117 11.407,11.405c0,6.289 -5.117,11.406 -11.407,11.406c-6.289,0 -11.406,-5.117 -11.406,-11.406m11.406,-9.639c-5.316,0 -9.639,4.322 -9.639,9.639c0,5.314 4.323,9.639 9.639,9.639c5.316,0 9.639,-4.325 9.639,-9.639c0,-5.316 -4.323,-9.639 -9.639,-9.639zm-15.157,-10.541c-2.798,2.474 -3.73,7.451 -0.967,10.257c-1.045,1.69 -1.831,3.555 -2.303,5.541l-5.681,0c-0.467,0 -0.851,0.362 -0.88,0.829c-0.23,3.729 2.625,7.896 6.562,7.936c0.473,1.985 1.259,3.85 2.303,5.54l-4.022,4.023c-0.332,0.33 -0.348,0.86 -0.038,1.208c2.439,2.762 7.415,3.768 10.258,0.969c1.69,1.044 3.554,1.831 5.539,2.303l0,5.682c0,0.794 0.688,0.894 1.294,0.894c3.575,0 7.438,-2.806 7.475,-6.576c1.985,-0.473 3.851,-1.259 5.54,-2.303l4.022,4.021c0.328,0.329 0.861,0.345 1.21,0.038c2.805,-2.478 3.73,-7.445 0.969,-10.258c1.044,-1.69 1.83,-3.554 2.302,-5.539l5.68,0c0.466,0 0.852,-0.363 0.881,-0.828c0.232,-3.73 -2.622,-7.899 -6.559,-7.939c-0.473,-1.986 -1.259,-3.851 -2.303,-5.542l4.022,-4.02c0.33,-0.329 0.348,-0.859 0.038,-1.208c-2.474,-2.802 -7.452,-3.729 -10.257,-0.969c-1.691,-1.045 -3.556,-1.832 -5.543,-2.304l0,-5.679c0,-0.467 -0.361,-0.852 -0.828,-0.883c-3.727,-0.23 -7.898,2.625 -7.938,6.561c-1.986,0.473 -3.852,1.259 -5.542,2.304l-4.023,-4.023c-0.333,-0.331 -0.865,-0.343 -1.211,-0.035z" clip-rule="evenodd"/>
+  <g id="Layer_2"/>
+  <text xml:space="preserve" text-anchor="start" font-family="Helvetica, Arial, sans-serif" font-size="24" id="svg_2" y="31.173535" x="18.347941" stroke-width="0" stroke="#0f0f00" fill="#ff4057">e</text>
+ </g>
+</svg>
\ No newline at end of file
diff --git a/packages/apps-config/src/ui/logos/nodes/edgeware-circle.svg b/packages/apps-config/src/ui/logos/nodes/edgeware-circle.svg
new file mode 100644
index 0000000..cda424a
--- /dev/null
+++ b/packages/apps-config/src/ui/logos/nodes/edgeware-circle.svg
@@ -0,0 +1 @@
+<?xml version="1.0" encoding="UTF-8" standalone="yes"?><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="512px" height="512px" viewBox="0 0 512 512" version="1.1" style="zoom: 1;"><!-- Generator: Sketch 57.1 (83088) - https://sketch.com --><title>logo-white-with-bg</title><desc>Created with Sketch.</desc><g id="logo-white-with-bg" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><rect fill="#111111" x="0" y="0" width="512" height="512" visibility="hidden"></rect><circle stroke="#000000" id="circle1" stroke-width="3px" cy="256px" fill="#111111" r="250px" cx="256px" transform=""></circle><path d="M160.5,199.5 L160.5,319.5" id="Line" stroke="#FFFFFF" stroke-width="22" stroke-linecap="square"></path><path d="M160.5,199.5 L160.5,319.5" id="Line" stroke="#FFFFFF" stroke-width="22" stroke-linecap="square" transform="translate(160.500000, 259.500000) rotate(60.000000) translate(-160.500000, -259.500000)"></path><path d="M160.5,199.5 L160.5,319.5" id="Line" stroke="#FFFFFF" stroke-width="22" stroke-linecap="square" transform="translate(160.500000, 259.500000) rotate(-60.000000) translate(-160.500000, -259.500000)"></path><path d="M348.5,206.5 L348.5,256.5" id="Line" stroke="#FFFFFF" stroke-width="22" stroke-linecap="square" transform="translate(348.500000, 231.500000) scale(1, -1) translate(-348.500000, -231.500000)"></path><path d="M385.739092,271 L385.739092,321" id="Line" stroke="#FFFFFF" stroke-width="22" stroke-linecap="square" transform="translate(385.739092, 296.000000) scale(-1, 1) rotate(60.000000) translate(-385.739092, -296.000000)"></path><path d="M311.260908,271 L311.260908,321" id="Line" stroke="#FFFFFF" stroke-width="22" stroke-linecap="square" transform="translate(311.260908, 296.000000) scale(-1, 1) rotate(-60.000000) translate(-311.260908, -296.000000)"></path></g></svg>
\ No newline at end of file
diff --git a/packages/apps-config/src/ui/logos/nodes/edgeware-white.png b/packages/apps-config/src/ui/logos/nodes/edgeware-white.png
new file mode 100644
index 0000000..f024b5d
Binary files /dev/null and b/packages/apps-config/src/ui/logos/nodes/edgeware-white.png differ
diff --git a/packages/apps-config/src/ui/logos/nodes/edgeware.svg b/packages/apps-config/src/ui/logos/nodes/edgeware.svg
new file mode 100644
index 0000000..9735fcb
--- /dev/null
+++ b/packages/apps-config/src/ui/logos/nodes/edgeware.svg
@@ -0,0 +1 @@
+<?xml version="1.0" encoding="UTF-8" standalone="yes"?><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="512px" height="512px" viewBox="0 0 512 512" version="1.1" style="zoom: 1;"><!-- Generator: Sketch 57.1 (83088) - https://sketch.com --><title>logo-white-with-bg</title><desc>Created with Sketch.</desc><g id="logo-white-with-bg" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><rect fill="#111111" x="0" y="0" width="512" height="512"></rect><path d="M160.5,199.5 L160.5,319.5" id="Line" stroke="#FFFFFF" stroke-width="22" stroke-linecap="square"></path><path d="M160.5,199.5 L160.5,319.5" id="Line" stroke="#FFFFFF" stroke-width="22" stroke-linecap="square" transform="translate(160.500000, 259.500000) rotate(60.000000) translate(-160.500000, -259.500000)"></path><path d="M160.5,199.5 L160.5,319.5" id="Line" stroke="#FFFFFF" stroke-width="22" stroke-linecap="square" transform="translate(160.500000, 259.500000) rotate(-60.000000) translate(-160.500000, -259.500000)"></path><path d="M348.5,206.5 L348.5,256.5" id="Line" stroke="#FFFFFF" stroke-width="22" stroke-linecap="square" transform="translate(348.500000, 231.500000) scale(1, -1) translate(-348.500000, -231.500000)"></path><path d="M385.739092,271 L385.739092,321" id="Line" stroke="#FFFFFF" stroke-width="22" stroke-linecap="square" transform="translate(385.739092, 296.000000) scale(-1, 1) rotate(60.000000) translate(-385.739092, -296.000000)"></path><path d="M311.260908,271 L311.260908,321" id="Line" stroke="#FFFFFF" stroke-width="22" stroke-linecap="square" transform="translate(311.260908, 296.000000) scale(-1, 1) rotate(-60.000000) translate(-311.260908, -296.000000)"></path></g></svg>
\ No newline at end of file
diff --git a/packages/apps-config/src/ui/logos/nodes/efinity.svg b/packages/apps-config/src/ui/logos/nodes/efinity.svg
new file mode 100644
index 0000000..0dc7961
--- /dev/null
+++ b/packages/apps-config/src/ui/logos/nodes/efinity.svg
@@ -0,0 +1,23 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 25.2.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 178.5 178.5" style="enable-background:new 0 0 178.5 178.5;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#496DDB;}
+</style>
+<g>
+	<path class="st0" d="M109.2,72c-1.1-4.2-3.7-6.9-8-8.1c-3.6-1-7.3-1.4-11-1.6c-4.2,0.1-8.5,0.4-12.6,1.6c-4.3,1.2-6.9,3.9-8,8.1
+		c-0.6,2.3-0.8,4.7-0.9,7c-0.2,2.2-0.2,2.5,1.3,2.5h37.8c2.6,0,2.6,0,2.3-2.6C110,76.7,109.7,74.3,109.2,72z"/>
+	<path class="st0" d="M108.5,96.9H70.8c-2.6,0-2.6,0-2.3,2.6c0.1,2.3,0.3,4.7,0.9,7c1.1,4.2,3.7,6.9,8,8.1c3.6,1,7.3,1.4,11,1.6
+		c4.2-0.1,8.5-0.4,12.6-1.6c4.3-1.2,6.9-3.9,8-8.1c0.6-2.3,0.8-4.7,0.9-7C110.1,97.3,110.1,97,108.5,96.9z"/>
+	<path class="st0" d="M89.2,0C40,0,0,40,0,89.2s40,89.2,89.2,89.2c49.3,0,89.2-40,89.2-89.2S138.5,0,89.2,0z M126.8,69.1
+		c0.4,2.6,0.7,5.2,1,7.9v4.6h13.8c1.1,0,2.1,0,3.1,0.2c2.4,0.4,3.9,1.8,4,4.1l0,6.7c-0.1,2.3-1.6,3.7-4,4.1c-1,0.2-2,0.2-3.1,0.2
+		h-14v4.5c-0.3,2.7-0.6,5.3-1,7.9c-0.4,2.6-1.1,4.9-2,6.9h17.7c2.1,0,4.1,0.2,5.5,2.2c2.1,3.3,1,7.7-2.3,9.8
+		c-0.4,0.3-0.9,0.6-1.4,0.7c-3.7,1.2-7.5,1.4-11.4,1.6c-15.9,0.3-32.2,0.4-43.2,0.4c-13,0-30.4-0.2-43.6-0.5
+		c-3.9-0.1-7.7-0.3-11.3-1.6c-0.6-0.1-1-0.3-1.4-0.7c-3.3-2.1-4.4-6.4-2.3-9.8c1.3-2,3.3-2.2,5.4-2.2h17.5c-0.8-2-1.5-4.3-1.9-6.8
+		c-0.4-2.6-0.7-5.2-1-7.9v-4.6H36.9c-1.1,0-2.1,0-3.1-0.2c-2.4-0.4-3.9-1.8-4-4.1l0-6.7c0.1-2.3,1.6-3.7,4-4.1c1-0.2,2-0.2,3.1-0.2
+		h14V77c0.3-2.7,0.6-5.3,1-7.9c0.4-2.6,1.1-4.9,2-6.9H36.2c-2.1,0-4.1-0.2-5.5-2.2c-2.1-3.3-1-7.7,2.3-9.8c0.4-0.3,0.9-0.6,1.4-0.7
+		c3.7-1.2,7.5-1.4,11.3-1.6c15.9-0.3,32.2-0.4,43.2-0.4c13,0,30.5,0.2,43.6,0.5c3.9,0.1,7.7,0.3,11.3,1.6c0.6,0.1,1,0.3,1.4,0.7
+		c3.3,2.1,4.4,6.4,2.3,9.8c-1.3,2-3.3,2.2-5.4,2.2h-17.5C125.7,64.3,126.3,66.5,126.8,69.1z"/>
+</g>
+</svg>
diff --git a/packages/apps-config/src/ui/logos/nodes/encointer-blue.svg b/packages/apps-config/src/ui/logos/nodes/encointer-blue.svg
new file mode 100644
index 0000000..f1a0472
--- /dev/null
+++ b/packages/apps-config/src/ui/logos/nodes/encointer-blue.svg
@@ -0,0 +1,366 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="36.513321mm"
+   height="36.513321mm"
+   viewBox="0 0 36.513321 36.513321"
+   version="1.1"
+   id="svg8"
+   inkscape:version="0.92.3 (2405546, 2018-03-11)"
+   sodipodi:docname="encointer-teeproxy.svg">
+  <defs
+     id="defs2">
+    <clipPath
+       id="clipPath833"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         inkscape:connector-curvature="0"
+         id="path831"
+         d="M 0,0 H 283.465 V 283.465 H 0 Z" />
+    </clipPath>
+    <clipPath
+       id="clipPath839"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         inkscape:connector-curvature="0"
+         id="path837"
+         d="M 61,82 H 226 V 210 H 61 Z" />
+    </clipPath>
+    <clipPath
+       id="clipPath843"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         inkscape:connector-curvature="0"
+         id="path841"
+         d="M 0,0 H 283.465 V 283.465 H 0 Z" />
+    </clipPath>
+    <clipPath
+       id="clipPath847"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         inkscape:connector-curvature="0"
+         id="path845"
+         d="m 117.923,209.071 -24.478,-41.3 21.157,-35.698 c 0.091,0.001 8.566,0.078 8.991,0.132 v 0 c 1.368,0.169 2.661,0.622 3.832,1.588 v 0 c 2.48,2.045 2.762,4.859 2.076,7.7 v 0 c -0.461,1.908 -0.21,3.349 0.992,4.78 v 0 c 0.934,1.115 0.335,2.182 -0.448,3.353 v 0 c 2.264,1.203 2.32,2.961 1.614,5.057 v 0 c -0.575,1.709 -0.218,2.111 1.387,2.65 v 0 c 0.982,0.33 1.959,0.81 2.799,1.424 v 0 c 1.378,1.006 1.709,2.685 0.795,4.159 v 0 c -2.021,3.255 -4.008,6.545 -6.256,9.631 v 0 c -1.49,2.045 -1.954,3.931 -0.763,6.226 v 0 c 1.045,2.016 0.791,4.2 0.212,6.233 v 0 c -1.166,4.11 -2.511,8.17 -3.867,12.22 v 0 c -0.682,2.035 -2.679,6.236 -4.207,8.469 v 0 c -1.409,2.06 -3.481,3.21 -3.793,3.376 v 0 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath851"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         inkscape:connector-curvature="0"
+         id="path849"
+         d="M 0,0 H 284 V 284 H 0 Z" />
+    </clipPath>
+    <clipPath
+       id="clipPath855"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         inkscape:connector-curvature="0"
+         id="path853"
+         d="m 164.324,209.071 c -0.312,-0.166 -2.383,-1.316 -3.794,-3.376 v 0 c -1.527,-2.233 -3.524,-6.434 -4.205,-8.469 v 0 c -1.358,-4.05 -2.701,-8.11 -3.869,-12.22 v 0 c -0.577,-2.033 -0.832,-4.217 0.213,-6.233 v 0 c 1.19,-2.295 0.727,-4.181 -0.763,-6.226 v 0 c -2.249,-3.086 -4.236,-6.376 -6.255,-9.631 v 0 c -0.916,-1.474 -0.584,-3.153 0.794,-4.159 v 0 c 0.84,-0.614 1.817,-1.094 2.799,-1.424 v 0 c 1.604,-0.539 1.962,-0.941 1.387,-2.65 v 0 c -0.706,-2.096 -0.65,-3.854 1.615,-5.057 v 0 c -0.785,-1.171 -1.383,-2.238 -0.448,-3.353 v 0 c 1.201,-1.431 1.451,-2.872 0.991,-4.78 v 0 c -0.685,-2.841 -0.405,-5.655 2.076,-7.7 v 0 c 1.172,-0.966 2.465,-1.419 3.833,-1.588 v 0 c 0.426,-0.054 8.898,-0.131 8.991,-0.132 v 0 l 21.155,35.698 -24.476,41.3 z" />
+    </clipPath>
+    <clipPath
+       id="clipPath859"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         inkscape:connector-curvature="0"
+         id="path857"
+         d="M 0,0 H 284 V 284 H 0 Z" />
+    </clipPath>
+    <clipPath
+       id="clipPath863"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         inkscape:connector-curvature="0"
+         id="path861"
+         d="M 0,0 H 283.465 V 283.465 H 0 Z" />
+    </clipPath>
+    <clipPath
+       id="clipPath867"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         inkscape:connector-curvature="0"
+         id="path865"
+         d="M 0,0 H 284 V 284 H 0 Z" />
+    </clipPath>
+    <clipPath
+       id="clipPath871"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         inkscape:connector-curvature="0"
+         id="path869"
+         d="M 0,0 H 283.465 V 283.465 H 0 Z" />
+    </clipPath>
+  </defs>
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#716969"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="1.4"
+     inkscape:cx="-41.544824"
+     inkscape:cy="50.195772"
+     inkscape:document-units="mm"
+     inkscape:current-layer="layer1"
+     showgrid="false"
+     fit-margin-top="2.7755576e-17"
+     fit-margin-left="0"
+     fit-margin-right="0"
+     fit-margin-bottom="0"
+     inkscape:window-width="1280"
+     inkscape:window-height="934"
+     inkscape:window-x="0"
+     inkscape:window-y="31"
+     inkscape:window-maximized="1" />
+  <metadata
+     id="metadata5">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     transform="translate(-66.349684,-28.202943)">
+    <g
+       id="g825"
+       transform="matrix(0.35277777,0,0,-0.35277777,33.313599,111.30868)" />
+    <g
+       id="g835"
+       transform="matrix(0.35277777,0,0,-0.35277777,33.313599,111.30868)" />
+    <g
+       id="g873"
+       transform="matrix(0.35277777,0,0,-0.35277777,33.313599,111.30868)" />
+    <g
+       id="g1551"
+       transform="translate(1.4999977,-4.6750668)"
+       style="fill:#0022cb;stroke:#4a5fff;stroke-width:0.7;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:0.99134201;fill-opacity:1">
+      <g
+         transform="matrix(0.35277777,0,0,-0.35277777,33.313599,111.30868)"
+         id="g929"
+         style="fill:#0022cb;stroke:#4a5fff;stroke-width:1.98425201;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:0.99134201;fill-opacity:1">
+        <g
+           id="g927"
+           clip-path="url(#clipPath847)"
+           style="fill:#0022cb;stroke:#4a5fff;stroke-width:1.98425201;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:0.99134201;fill-opacity:1">
+          <g
+             id="g925"
+             clip-path="url(#clipPath851)"
+             style="fill:#0022cb;stroke:#4a5fff;stroke-width:1.98425201;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:0.99134201;fill-opacity:1">
+            <g
+               id="g891"
+               transform="translate(113.3987,132.0237)"
+               style="fill:#0022cb;stroke:#4a5fff;stroke-width:1.98425201;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:0.99134201;fill-opacity:1">
+              <path
+                 inkscape:connector-curvature="0"
+                 id="path889"
+                 style="fill:#0022cb;stroke:#4a5fff;stroke-width:1.98425201;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:0.99134201;fill-opacity:1"
+                 d="m 0,0 c 0.09,0 8.344,0.078 8.759,0.131 1.332,0.17 2.593,0.623 3.733,1.589 2.417,2.045 2.691,4.859 2.023,7.7 -0.449,1.908 -0.204,3.349 0.965,4.78 0.912,1.114 0.329,2.181 -0.436,3.352 2.206,1.204 2.261,2.961 1.573,5.057 -0.56,1.708 -0.212,2.111 1.351,2.65 0.957,0.33 1.909,0.81 2.727,1.425 1.342,1.006 1.665,2.684 0.774,4.159 -1.967,3.254 -3.904,6.545 -6.093,9.63 -1.452,2.046 -1.904,3.932 -0.745,6.226 1.018,2.017 0.77,4.199 0.208,6.234 -1.138,4.11 -2.446,8.17 -3.769,12.219 -0.664,2.036 -2.609,6.237 -4.096,8.469 -1.374,2.061 -3.393,3.21 -3.697,3.376" />
+            </g>
+            <g
+               id="g895"
+               transform="translate(110.9046,131.2434)"
+               style="fill:#0022cb;stroke:#4a5fff;stroke-width:1.98425201;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:0.99134201;fill-opacity:1">
+              <path
+                 inkscape:connector-curvature="0"
+                 id="path893"
+                 style="fill:#0022cb;stroke:#4a5fff;stroke-width:1.98425201;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:0.99134201;fill-opacity:1"
+                 d="m 0,0 c 0.071,0.001 4.772,0.407 6.174,0.959 0.554,0.063 1.021,0.155 1.275,0.233 1.121,0.345 2.324,0.784 3.237,1.581 3.175,2.776 2.601,6.124 2.645,8.232 0.027,1.281 0.262,2.744 1.07,4.306 0.531,1.023 0.361,2.037 0.079,3.117 1.171,1.295 1.421,2.832 1.335,4.405 -0.006,0.129 -0.469,1.774 -0.53,1.896 -1.677,3.35 5.437,3.335 -1.752,16.234 -1.979,3.552 -1.64,2.412 0.07,6.276 0.024,0.054 1.279,1.697 -0.337,6.664 -1.28,3.935 -2.076,7.601 -3.448,11.457 -0.723,2.027 -2.461,5.985 -3.78,8.231 -0.046,0.077 -0.092,0.153 -0.138,0.228 -1.18,1.916 -2.771,3.039 -3.032,3.333" />
+            </g>
+            <g
+               id="g899"
+               transform="translate(108.4104,130.4631)"
+               style="fill:#0022cb;stroke:#4a5fff;stroke-width:1.98425201;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:0.99134201;fill-opacity:1">
+              <path
+                 inkscape:connector-curvature="0"
+                 id="path897"
+                 style="fill:#0022cb;stroke:#4a5fff;stroke-width:1.98425201;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:0.99134201;fill-opacity:1"
+                 d="m 0,0 c 0.074,0.001 4.768,0.77 5.079,1.829 0.999,0.38 2.978,0.963 3.8,1.998 2.354,2.962 2.86,7.185 3.269,8.763 1.045,4.031 1.327,12.426 1.327,12.426 3.128,9.522 -2.422,16.34 -2.539,18.971 -0.131,2.934 1.479,5.381 1.057,7.336 -0.851,3.922 -2.005,10.582 -3.427,14.245 -0.81,2.087 -2.419,5.988 -3.579,8.218 -0.997,1.917 -2.299,3.093 -2.529,3.522" />
+            </g>
+            <g
+               id="g903"
+               transform="translate(105.9163,129.6838)"
+               style="fill:#0022cb;stroke:#4a5fff;stroke-width:1.98425201;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:0.99134201;fill-opacity:1">
+              <path
+                 inkscape:connector-curvature="0"
+                 id="path901"
+                 style="fill:#0022cb;stroke:#4a5fff;stroke-width:1.98425201;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:0.99134201;fill-opacity:1"
+                 d="m 0,0 c 0.065,0 3.729,1.114 3.989,2.678 0.833,0.483 1.608,1.182 2.333,2.202 1.218,1.71 3.168,4.706 4.263,9.31 0.713,3.001 1.055,8.285 1.307,10.915 1.287,13.418 -3.546,15.282 -1.996,23.738 0.634,3.461 -1.971,13.345 -2.957,16.931 -0.608,2.213 -1.579,5.857 -2.57,8.094 -0.815,1.838 -2.127,3.034 -2.32,3.594" />
+            </g>
+            <g
+               id="g907"
+               transform="translate(103.4221,128.9035)"
+               style="fill:#0022cb;stroke:#4a5fff;stroke-width:1.98425201;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:0.99134201;fill-opacity:1">
+              <path
+                 inkscape:connector-curvature="0"
+                 id="path905"
+                 style="fill:#0022cb;stroke:#4a5fff;stroke-width:1.98425201;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:0.99134201;fill-opacity:1"
+                 d="M 0,0 C 0.058,0.001 2.69,1.46 2.899,3.526 3.565,4.115 4.221,4.87 4.766,5.934 12.337,20.693 10.012,33.246 9.738,34.137 8.937,36.751 6.159,62.294 5.562,65.982 5.186,68.307 4.318,71.703 3.501,73.95 2.862,75.706 1.797,76.926 1.639,77.617" />
+            </g>
+            <g
+               id="g911"
+               transform="translate(100.928,128.1233)"
+               style="fill:#0022cb;stroke:#4a5fff;stroke-width:1.98425201;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:0.99134201;fill-opacity:1">
+              <path
+                 inkscape:connector-curvature="0"
+                 id="path909"
+                 style="fill:#0022cb;stroke:#4a5fff;stroke-width:1.98425201;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:0.99134201;fill-opacity:1"
+                 d="M 0,0 C 0.05,0.001 2.151,1.806 2.309,4.376 2.809,5.069 3.265,5.923 3.71,6.987 4.583,9.078 11.529,26.86 5.789,44.172 5.199,45.951 5.46,53.446 5.25,55.283 4.825,58.923 4.623,62.598 4.186,66.19 3.893,68.59 3.269,71.771 2.633,74.033 2.164,75.703 1.351,76.95 1.229,77.772" />
+            </g>
+            <g
+               id="g915"
+               transform="translate(98.4339,127.344)"
+               style="fill:#0022cb;stroke:#4a5fff;stroke-width:1.98425201;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:0.99134201;fill-opacity:1">
+              <path
+                 inkscape:connector-curvature="0"
+                 id="path913"
+                 style="fill:#0022cb;stroke:#4a5fff;stroke-width:1.98425201;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:0.99134201;fill-opacity:1"
+                 d="m 0,0 c 0.041,0 1.363,2.151 1.469,5.225 0.334,0.797 7.867,23.674 2.403,39.685 -0.575,1.687 -0.47,3.544 -0.178,5.502 0.257,1.729 0.198,3.543 0.058,5.34 -0.282,3.546 -0.657,7.149 -0.944,10.644 -0.204,2.477 -0.601,5.44 -1.043,7.718 -0.307,1.583 -0.861,2.859 -0.946,3.813" />
+            </g>
+            <g
+               id="g919"
+               transform="translate(95.9397,126.5637)"
+               style="fill:#0022cb;stroke:#4a5fff;stroke-width:1.98425201;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:0.99134201;fill-opacity:1">
+              <path
+                 inkscape:connector-curvature="0"
+                 id="path917"
+                 style="fill:#0022cb;stroke:#4a5fff;stroke-width:1.98425201;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:0.99134201;fill-opacity:1"
+                 d="M 0,0 C 0.033,0 0.775,2.514 1.129,6.073 1.22,6.987 1.444,7.981 1.597,9.094 1.881,11.186 5.421,33.13 1.954,45.65 1.5,47.293 1.724,49.129 1.872,51.031 c 0.13,1.681 0.101,3.434 0.032,5.192 -0.139,3.451 -0.33,6.982 -0.473,10.381 -0.108,2.553 -0.298,5.297 -0.535,7.593 -0.153,1.496 -0.438,2.8 -0.486,3.885" />
+            </g>
+            <g
+               id="g923"
+               transform="translate(94.1956,125.7834)"
+               style="fill:#0022cb;stroke:#4a5fff;stroke-width:1.98425201;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:0.99134201;fill-opacity:1">
+              <path
+                 inkscape:connector-curvature="0"
+                 id="path921"
+                 style="fill:#0022cb;stroke:#4a5fff;stroke-width:1.98425201;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:0.99134201;fill-opacity:1"
+                 d="m 0,0 c 0.089,0.001 0,35.697 0,35.697 0,0 0.131,28.6 0,42.541" />
+            </g>
+          </g>
+        </g>
+      </g>
+      <g
+         transform="matrix(0.35277777,0,0,-0.35277777,33.313599,111.30868)"
+         id="g971"
+         style="fill:#0022cb;stroke:#4a5fff;stroke-width:1.98425201;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:0.99134201;fill-opacity:1">
+        <g
+           id="g969"
+           clip-path="url(#clipPath855)"
+           style="fill:#0022cb;stroke:#4a5fff;stroke-width:1.98425201;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:0.99134201;fill-opacity:1">
+          <g
+             id="g967"
+             clip-path="url(#clipPath859)"
+             style="fill:#0022cb;stroke:#4a5fff;stroke-width:1.98425201;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:0.99134201;fill-opacity:1">
+            <g
+               id="g933"
+               transform="translate(168.8909,132.0237)"
+               style="fill:#0022cb;stroke:#4a5fff;stroke-width:1.98425201;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:0.99134201;fill-opacity:1">
+              <path
+                 inkscape:connector-curvature="0"
+                 id="path931"
+                 style="fill:#0022cb;stroke:#4a5fff;stroke-width:1.98425201;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:0.99134201;fill-opacity:1"
+                 d="m 0,0 c -0.09,0 -8.344,0.078 -8.759,0.131 -1.332,0.17 -2.593,0.623 -3.733,1.589 -2.417,2.045 -2.69,4.859 -2.023,7.7 0.45,1.908 0.205,3.349 -0.965,4.78 -0.911,1.114 -0.328,2.181 0.436,3.352 -2.205,1.204 -2.261,2.961 -1.573,5.057 0.56,1.708 0.212,2.111 -1.351,2.65 -0.957,0.33 -1.908,0.81 -2.726,1.425 -1.343,1.006 -1.665,2.684 -0.775,4.159 1.968,3.254 3.905,6.545 6.094,9.63 1.451,2.046 1.904,3.932 0.744,6.226 -1.018,2.017 -0.77,4.199 -0.208,6.234 1.138,4.11 2.446,8.17 3.769,12.219 0.664,2.036 2.609,6.237 4.097,8.469 1.373,2.061 3.392,3.21 3.696,3.376" />
+            </g>
+            <g
+               id="g937"
+               transform="translate(171.385,131.2434)"
+               style="fill:#0022cb;stroke:#4a5fff;stroke-width:1.98425201;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:0.99134201;fill-opacity:1">
+              <path
+                 inkscape:connector-curvature="0"
+                 id="path935"
+                 style="fill:#0022cb;stroke:#4a5fff;stroke-width:1.98425201;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:0.99134201;fill-opacity:1"
+                 d="m 0,0 c -0.07,0.001 -4.772,0.407 -6.173,0.959 -0.555,0.063 -1.022,0.155 -1.276,0.233 -1.121,0.345 -2.323,0.784 -3.237,1.581 -3.175,2.776 -2.6,6.124 -2.645,8.232 -0.027,1.281 -0.262,2.744 -1.07,4.306 -0.531,1.023 -0.36,2.037 -0.078,3.117 -1.172,1.295 -1.421,2.832 -1.336,4.405 0.006,0.129 0.469,1.774 0.53,1.896 1.677,3.35 -5.436,3.335 1.752,16.234 1.979,3.552 1.641,2.412 -0.07,6.276 -0.023,0.054 -1.278,1.697 0.337,6.664 1.28,3.935 2.076,7.601 3.448,11.457 0.723,2.027 2.462,5.985 3.78,8.231 0.046,0.077 0.092,0.153 0.138,0.228 1.181,1.916 2.771,3.039 3.033,3.333" />
+            </g>
+            <g
+               id="g941"
+               transform="translate(173.8792,130.4631)"
+               style="fill:#0022cb;stroke:#4a5fff;stroke-width:1.98425201;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:0.99134201;fill-opacity:1">
+              <path
+                 inkscape:connector-curvature="0"
+                 id="path939"
+                 style="fill:#0022cb;stroke:#4a5fff;stroke-width:1.98425201;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:0.99134201;fill-opacity:1"
+                 d="m 0,0 c -0.073,0.001 -4.767,0.77 -5.079,1.829 -0.999,0.38 -2.978,0.963 -3.8,1.998 -2.353,2.962 -2.859,7.185 -3.268,8.763 -1.046,4.031 -1.328,12.426 -1.328,12.426 -3.128,9.522 2.422,16.34 2.539,18.971 0.131,2.934 -1.479,5.381 -1.057,7.336 0.852,3.922 2.005,10.582 3.427,14.245 0.81,2.087 2.419,5.988 3.58,8.218 0.997,1.917 2.298,3.093 2.528,3.522" />
+            </g>
+            <g
+               id="g945"
+               transform="translate(176.3733,129.6838)"
+               style="fill:#0022cb;stroke:#4a5fff;stroke-width:1.98425201;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:0.99134201;fill-opacity:1">
+              <path
+                 inkscape:connector-curvature="0"
+                 id="path943"
+                 style="fill:#0022cb;stroke:#4a5fff;stroke-width:1.98425201;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:0.99134201;fill-opacity:1"
+                 d="m 0,0 c -0.065,0 -3.729,1.114 -3.988,2.678 -0.833,0.483 -1.608,1.182 -2.334,2.202 -1.218,1.71 -3.168,4.706 -4.262,9.31 -0.714,3.001 -1.055,8.285 -1.308,10.915 -1.287,13.418 3.547,15.282 1.996,23.738 -0.633,3.461 1.972,13.345 2.957,16.931 0.608,2.213 1.579,5.857 2.571,8.094 0.814,1.838 2.126,3.034 2.32,3.594" />
+            </g>
+            <g
+               id="g949"
+               transform="translate(178.8675,128.9035)"
+               style="fill:#0022cb;stroke:#4a5fff;stroke-width:1.98425201;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:0.99134201;fill-opacity:1">
+              <path
+                 inkscape:connector-curvature="0"
+                 id="path947"
+                 style="fill:#0022cb;stroke:#4a5fff;stroke-width:1.98425201;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:0.99134201;fill-opacity:1"
+                 d="m 0,0 c -0.058,0.001 -2.689,1.46 -2.898,3.526 -0.667,0.589 -1.323,1.344 -1.868,2.408 -7.57,14.759 -5.245,27.312 -4.972,28.203 0.802,2.614 3.579,28.157 4.176,31.845 0.376,2.325 1.244,5.721 2.061,7.968 0.639,1.756 1.705,2.976 1.862,3.667" />
+            </g>
+            <g
+               id="g953"
+               transform="translate(181.3616,128.1233)"
+               style="fill:#0022cb;stroke:#4a5fff;stroke-width:1.98425201;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:0.99134201;fill-opacity:1">
+              <path
+                 inkscape:connector-curvature="0"
+                 id="path951"
+                 style="fill:#0022cb;stroke:#4a5fff;stroke-width:1.98425201;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:0.99134201;fill-opacity:1"
+                 d="m 0,0 c -0.049,0.001 -2.151,1.806 -2.309,4.376 -0.5,0.693 -0.956,1.547 -1.4,2.611 -0.873,2.091 -7.819,19.873 -2.08,37.185 0.591,1.779 0.329,9.274 0.54,11.111 0.424,3.64 0.626,7.315 1.064,10.907 0.293,2.4 0.917,5.581 1.552,7.843 0.47,1.67 1.283,2.917 1.404,3.739" />
+            </g>
+            <g
+               id="g957"
+               transform="translate(183.8557,127.344)"
+               style="fill:#0022cb;stroke:#4a5fff;stroke-width:1.98425201;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:0.99134201;fill-opacity:1">
+              <path
+                 inkscape:connector-curvature="0"
+                 id="path955"
+                 style="fill:#0022cb;stroke:#4a5fff;stroke-width:1.98425201;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:0.99134201;fill-opacity:1"
+                 d="m 0,0 c -0.041,0 -1.363,2.151 -1.469,5.225 -0.333,0.797 -7.866,23.674 -2.402,39.685 0.575,1.687 0.47,3.544 0.177,5.502 -0.257,1.729 -0.197,3.543 -0.058,5.34 0.282,3.546 0.657,7.149 0.944,10.644 0.204,2.477 0.601,5.44 1.043,7.718 0.308,1.583 0.862,2.859 0.946,3.813" />
+            </g>
+            <g
+               id="g961"
+               transform="translate(186.3499,126.5637)"
+               style="fill:#0022cb;stroke:#4a5fff;stroke-width:1.98425201;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:0.99134201;fill-opacity:1">
+              <path
+                 inkscape:connector-curvature="0"
+                 id="path959"
+                 style="fill:#0022cb;stroke:#4a5fff;stroke-width:1.98425201;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:0.99134201;fill-opacity:1"
+                 d="m 0,0 c -0.033,0 -0.774,2.514 -1.129,6.073 -0.091,0.914 -0.315,1.908 -0.467,3.021 -0.285,2.092 -3.825,24.036 -0.358,36.556 0.455,1.643 0.23,3.479 0.083,5.381 -0.131,1.681 -0.102,3.434 -0.032,5.192 0.138,3.451 0.33,6.982 0.472,10.381 0.108,2.553 0.299,5.297 0.535,7.593 0.153,1.496 0.439,2.8 0.487,3.885" />
+            </g>
+            <g
+               id="g965"
+               transform="translate(188.094,125.7834)"
+               style="fill:#0022cb;stroke:#4a5fff;stroke-width:1.98425201;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:0.99134201;fill-opacity:1">
+              <path
+                 inkscape:connector-curvature="0"
+                 id="path963"
+                 style="fill:#0022cb;stroke:#4a5fff;stroke-width:1.98425201;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:0.99134201;fill-opacity:1"
+                 d="m 0,0 c -0.089,0.001 0,35.697 0,35.697 0,0 -0.131,28.6 0,42.541" />
+            </g>
+          </g>
+        </g>
+      </g>
+    </g>
+  </g>
+</svg>
diff --git a/packages/apps-config/src/ui/logos/nodes/fantour.png b/packages/apps-config/src/ui/logos/nodes/fantour.png
new file mode 100644
index 0000000..488aa1d
Binary files /dev/null and b/packages/apps-config/src/ui/logos/nodes/fantour.png differ
diff --git a/packages/apps-config/src/ui/logos/nodes/galital-logo.png b/packages/apps-config/src/ui/logos/nodes/galital-logo.png
new file mode 100644
index 0000000..a9a17b7
Binary files /dev/null and b/packages/apps-config/src/ui/logos/nodes/galital-logo.png differ
diff --git a/packages/apps-config/src/ui/logos/nodes/gamepower.svg b/packages/apps-config/src/ui/logos/nodes/gamepower.svg
new file mode 100644
index 0000000..14b1120
--- /dev/null
+++ b/packages/apps-config/src/ui/logos/nodes/gamepower.svg
@@ -0,0 +1,15 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="2006" height="2006" viewBox="0 0 2006 2006">
+  <defs>
+    <clipPath id="a" transform="translate(10 12)">
+      <path d="M1551.62,1028.11c-28-16.46-474.23-275-474.23-275s-27.34-19-54.4-25.36V662.4c103-27.89,163.79-134,135.9-236.92S1025,261.68,922,289.58,758.15,423.58,786,526.5A193.15,193.15,0,0,0,942.35,666.76v61.63c-24.89,5.2-59.28,18.12-103.73,47.77-23,11.58-406.72,242-406.72,242s-90.51,36.26-82.35,154.83c-1.67,24.69-.52,110.32-.52,110.32s-7.69,82.33,81.23,131.72,480.81,278.23,480.81,278.23,69.16,57.64,164.66,0,508.83-297.94,508.83-297.94,47.73-39.52,49.41-93.86,0-116.9,0-116.9,19.76-113.62-82.33-156.43Zm-631-561.27a74.09,74.09,0,1,1,74.1-74.08,74.09,74.09,0,0,1-74.1,74.08ZM581.74,1122c-39.1,0-70.75-23.22-70.75-51.83s31.71-52,70.82-52,70.81,23.23,70.81,52S621,1122,581.81,1122Zm410,100.33c-119.12,0-215.71-67.83-215.71-151.49,0-71.7,71-131.63,166.32-147.32V1011a47.28,47.28,0,0,0,11.86,31.84,38.1,38.1,0,0,0,28.5,13.24c22.32,0,40.31-20.11,40.31-45V921.13c104.3,10.64,184.48,73.51,184.48,149.7,0,83.66-96.57,151.49-215.71,151.49Z" style="fill: none"/>
+    </clipPath>
+    <linearGradient id="b" x1="394.53" y1="954.99" x2="1602.48" y2="991.9" gradientUnits="userSpaceOnUse">
+      <stop offset="0" stop-color="#f25416"/>
+      <stop offset="1" stop-color="#fdb93f"/>
+    </linearGradient>
+  </defs>
+  <rect width="2006" height="2006" style="fill: #0d0d0d"/>
+  <g style="clip-path: url(#a)">
+    <rect x="60" y="122" width="1848" height="1702" style="fill: url(#b)"/>
+  </g>
+</svg>
diff --git a/packages/apps-config/src/ui/logos/nodes/geek.svg b/packages/apps-config/src/ui/logos/nodes/geek.svg
new file mode 100644
index 0000000..bb4737f
--- /dev/null
+++ b/packages/apps-config/src/ui/logos/nodes/geek.svg
@@ -0,0 +1,23 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 25.2.1, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 360 360" style="enable-background:new 0 0 360 360;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#282829;}
+	.st1{fill:#F7941D;}
+</style>
+<path class="st0" d="M333.47,360H26.53C11.88,360,0,348.12,0,333.47V26.53C0,11.88,11.88,0,26.53,0h306.94
+	C348.12,0,360,11.88,360,26.53v306.94C360,348.12,348.12,360,333.47,360z"/>
+<g>
+	<path class="st1" d="M99.79,171.86l11.55-11.55l-24.17-24.17L43.31,180l43.86,43.86l24.2-24.2l-11.57-11.57
+		C95.31,183.61,95.31,176.34,99.79,171.86z"/>
+	<path class="st1" d="M188.19,99.69l11.57,11.57l24.1-24.1L180,43.31l-43.86,43.86l24.17,24.17l11.64-11.64
+		C176.44,95.21,183.7,95.21,188.19,99.69z"/>
+	<path class="st1" d="M260.35,188.09l-11.64,11.64l24.13,24.13L316.69,180l-43.86-43.86l-24.1,24.1l11.61,11.61
+		C264.83,176.34,264.83,183.61,260.35,188.09z"/>
+	<path class="st1" d="M171.95,260.25l-11.61-11.61l-24.2,24.2L180,316.69l43.86-43.86l-24.13-24.13l-11.55,11.55
+		C183.7,264.73,176.44,264.73,171.95,260.25z"/>
+</g>
+<path class="st1" d="M236.98,186.58l-50.4,50.4c-3.64,3.64-9.53,3.64-13.17,0l-50.4-50.4c-3.64-3.64-3.64-9.53,0-13.17l50.4-50.4
+	c3.64-3.64,9.53-3.64,13.17,0l50.4,50.4C240.62,177.05,240.62,182.95,236.98,186.58z"/>
+</svg>
diff --git a/packages/apps-config/src/ui/logos/nodes/hanonycash.svg b/packages/apps-config/src/ui/logos/nodes/hanonycash.svg
new file mode 100644
index 0000000..d628b50
--- /dev/null
+++ b/packages/apps-config/src/ui/logos/nodes/hanonycash.svg
@@ -0,0 +1,726 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="500px" height="500px" viewBox="0 0 500 500" enable-background="new 0 0 500 500" xml:space="preserve">  <image id="image0" width="500" height="500" x="0" y="0"
+    href="data:image/png;base64,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
+RXwas5glV3VMkYklxVKkRRRTSiGhrBW7JUE33fRop3bTLec5zgnOmKN1QXqnLCIQetYRF6GLM+aa
+adEZyenM5hqZyVSKCQEG4eIJlfFB+npp7AbAoqRo4age5wRHOeQeljbHAjQEj1WWEQg9a6kORWPJ
+KDHyJSr5UqFTbKWWSRnlTJIyKjQ2+qkqtZM2adN2WmmVVj2jJ7lgEjpAggS9bmJrsALPUgKhZzVx
+AUQQEUejdqIWSREllEgxJVosMc3XUikkjzxCEiFPI4QkjwgRDUuY0L99v5deCZfcdT79/4CnLilJ
+ktQUSUlqihQDJCWp/dIjPZqgSzvpkk7tppNO6dRO7ccaFDQYxbObQOg5RFzUiMHBiINRR4w6GqVc
+irRAYhKjwBYQNfkUkK8xiRIlpGEcwoQkRIgwjoYkDLjq4uKSEhePFClSJDVJr/TRr/30Sr/2ax99
+ppde7ZYLklSLqx5WrFo8bEMQOppDBEIfA8RD6ogRB8eGMMbBwVFHDA6iF9fzRgSD4eKrAqwqFosV
+xfLhP7V44uGpxRVPrXp4xsULihXmPoHQAwLGAUEO04CAcUAg9ICAcUAg9ICAcUAg9ICAcUAg9ICA
+cUAg9ICAcUAg9ICAcUAg9ICAcUAg9ICAcUAg9ICAcUCQSipgBLjdYHAEBQ/v5cCvOusIhB4wEizh
+VhaTzwBbeIaTfpsT8Gn+PwAftXIclKZZAAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDIwLTEwLTE3VDAz
+OjM2OjE3KzA4OjAw9isC9QAAACV0RVh0ZGF0ZTptb2RpZnkAMjAyMC0xMC0xN1QwMzozNjoxNysw
+ODowMId2ukkAAAAgdEVYdHNvZnR3YXJlAGh0dHBzOi8vaW1hZ2VtYWdpY2sub3JnvM8dnQAAABh0
+RVh0VGh1bWI6OkRvY3VtZW50OjpQYWdlcwAxp/+7LwAAABh0RVh0VGh1bWI6OkltYWdlOjpIZWln
+aHQANTAweJgD7AAAABd0RVh0VGh1bWI6OkltYWdlOjpXaWR0aAA1MDDraVOxAAAAGXRFWHRUaHVt
+Yjo6TWltZXR5cGUAaW1hZ2UvcG5nP7JWTgAAABd0RVh0VGh1bWI6Ok1UaW1lADE2MDI4NzY5Nzcw
+fFcAAAAAE3RFWHRUaHVtYjo6U2l6ZQA3NjkzNUJCuf69uAAAAEZ0RVh0VGh1bWI6OlVSSQBmaWxl
+Oi8vL2FwcC90bXAvaW1hZ2VsYy9pbWd2aWV3Ml85XzE2MDI1Nzg2OTI5Njk2ODUyXzI2X1swXc1I
+rvMAAAAASUVORK5CYII=" ></image>
+</svg>
diff --git a/packages/apps-config/src/ui/logos/nodes/idavoll.png b/packages/apps-config/src/ui/logos/nodes/idavoll.png
new file mode 100644
index 0000000..76e5400
Binary files /dev/null and b/packages/apps-config/src/ui/logos/nodes/idavoll.png differ
diff --git a/packages/apps-config/src/ui/logos/nodes/integritee.svg b/packages/apps-config/src/ui/logos/nodes/integritee.svg
new file mode 100644
index 0000000..c83a7c2
--- /dev/null
+++ b/packages/apps-config/src/ui/logos/nodes/integritee.svg
@@ -0,0 +1,30 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 24.3.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 300 300" style="enable-background:new 0 0 300 300;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#000563;}
+	.st1{fill:#75E6DA;}
+	.st2{fill:#FFFFFF;}
+</style>
+<g>
+	<ellipse transform="matrix(0.7071 -0.7071 0.7071 0.7071 -62.132 150)" class="st0" cx="150" cy="150" rx="140.09" ry="140.09"/>
+	<path class="st1" d="M150,11.41c37.02,0,71.82,14.42,98,40.59c26.18,26.18,40.59,60.98,40.59,98s-14.42,71.82-40.59,98
+		c-26.18,26.18-60.98,40.59-98,40.59S78.18,274.18,52,248s-40.59-60.98-40.59-98S25.82,78.18,52,52
+		C78.18,25.82,112.98,11.41,150,11.41 M150,8.41C71.8,8.41,8.41,71.8,8.41,150S71.8,291.59,150,291.59S291.59,228.2,291.59,150
+		S228.2,8.41,150,8.41L150,8.41z"/>
+</g>
+<g>
+	<path class="st2" d="M232.45,89.66c3.35,0,6.09-2.74,6.09-6.09v-0.03c0-3.35-2.74-6.09-6.09-6.09H67.53
+		c-3.35,0-6.09,2.74-6.09,6.09v0.03c0,3.35,2.74,6.09,6.09,6.09h76.34v127.33c0,3.05,2.5,5.55,5.55,5.55h1.21
+		c3.05,0,5.55-2.5,5.55-5.55V89.66H232.45z"/>
+	<path class="st2" d="M125.19,101.89H67.07c-3.36,0-6.1,2.75-6.1,6.1v0c0,3.36,2.75,6.1,6.1,6.1h51.26v41.53H73.38
+		c-3.19,0-5.81,2.61-5.81,5.81v0.59c0,3.19,2.61,5.81,5.81,5.81h44.95v42.37H67.41c-3.35,0-6.09,2.74-6.09,6.09v0.03
+		c0,3.35,2.74,6.09,6.09,6.09h57.8c2.33,0,4.37-1.33,5.39-3.27c0.65-1.02,1.03-2.23,1.03-3.52V108.67c0-1.38-0.43-2.66-1.16-3.73
+		C129.4,103.13,127.43,101.89,125.19,101.89z"/>
+	<path class="st2" d="M232.93,114.1c3.36,0,6.1-2.75,6.1-6.1v0c0-3.36-2.75-6.1-6.1-6.1h-58.12c-2.25,0-4.21,1.23-5.27,3.05
+		c-0.73,1.06-1.16,2.35-1.16,3.73v106.93c0,1.29,0.38,2.5,1.03,3.52c1.02,1.94,3.05,3.27,5.39,3.27h57.8c3.35,0,6.09-2.74,6.09-6.09
+		v-0.03c0-3.35-2.74-6.09-6.09-6.09h-50.92v-42.37h44.95c3.19,0,5.81-2.61,5.81-5.81v-0.59c0-3.19-2.61-5.81-5.81-5.81h-44.95V114.1
+		H232.93z"/>
+</g>
+</svg>
diff --git a/packages/apps-config/src/ui/logos/nodes/interlay.svg b/packages/apps-config/src/ui/logos/nodes/interlay.svg
new file mode 100644
index 0000000..796bec1
--- /dev/null
+++ b/packages/apps-config/src/ui/logos/nodes/interlay.svg
@@ -0,0 +1,33 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 25.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 631.3 622.2" style="enable-background:new 0 0 631.3 622.2;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#1A0A2D;}
+</style>
+<g id="Layer_2_1_">
+	<g id="Layer_1-2">
+		<g id="Oval">
+			<path class="st0" d="M315.6,622.2c-84.3,0-163.5-32.3-223.2-91.1C32.8,472.4,0,394.2,0,311.1s32.8-161.3,92.5-220
+				C152.1,32.3,231.3,0,315.6,0s163.5,32.3,223.2,91.1c59.6,58.8,92.5,136.9,92.5,220s-32.8,161.3-92.5,220
+				C479.2,589.9,399.9,622.2,315.6,622.2z M315.6,14.2c-80.5,0-156.2,30.9-213.2,87c-56.9,56.1-88.2,130.6-88.2,209.9
+				S45.6,464.9,102.5,521c56.9,56.1,132.6,87,213.2,87c80.5,0,156.2-30.9,213.2-87c56.9-56.1,88.2-130.6,88.2-209.9
+				s-31.3-153.8-88.2-209.9C471.9,45.1,396.2,14.2,315.6,14.2z"/>
+		</g>
+		<g>
+			<path class="st0" d="M482.6,448.4H248c-1.1,0-2.2-0.3-3.2-0.9l-84.8-52.3c-2.8-1.7-3.8-5.4-2.1-8.2c1.1-1.8,3.1-3,5.3-2.9h234.6
+				c1.1,0,2.2,0.3,3.2,0.9l84.8,52.3c2.8,1.7,3.8,5.4,2.1,8.2C486.8,447.3,484.8,448.4,482.6,448.4L482.6,448.4z M249.7,436.3h211.7
+				L396.2,396H184.5L249.7,436.3z"/>
+		</g>
+		<g>
+			<path class="st0" d="M468,238.2H233.4c-1.1,0-2.2-0.3-3.2-0.9L145.5,185c-2.9-1.7-3.8-5.4-2.1-8.2c1.1-1.9,3.1-3,5.3-2.9h234.6
+				c1.1,0,2.2,0.3,3.2,0.9l84.8,52.3c2.9,1.7,3.8,5.4,2.1,8.2C472.2,237.2,470.2,238.3,468,238.2L468,238.2z M235.1,226.2h211.7
+				l-65.2-40.3H169.9L235.1,226.2z"/>
+		</g>
+		<g>
+			<path class="st0" d="M348,284.9c-6.9-6.8-16.2-10.6-25.8-10.6h-0.4c-20.4,1.2-36,18.6-34.8,39c1.1,18.9,16.3,34,35.2,34.9h0.4
+				c20.4-0.2,36.8-16.9,36.6-37.3C359,301.2,355,291.8,348,284.9z"/>
+		</g>
+	</g>
+</g>
+</svg>
diff --git a/packages/apps-config/src/ui/logos/nodes/ipse.png b/packages/apps-config/src/ui/logos/nodes/ipse.png
new file mode 100644
index 0000000..f6edffd
Binary files /dev/null and b/packages/apps-config/src/ui/logos/nodes/ipse.png differ
diff --git a/packages/apps-config/src/ui/logos/nodes/ipse.svg b/packages/apps-config/src/ui/logos/nodes/ipse.svg
new file mode 100644
index 0000000..ad823bb
--- /dev/null
+++ b/packages/apps-config/src/ui/logos/nodes/ipse.svg
@@ -0,0 +1,49 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 22.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="图层_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 113.4 113.4" style="enable-background:new 0 0 113.4 113.4;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#009FE8;}
+</style>
+<g id="XMLID_20_">
+	<path id="XMLID_63_" class="st0" d="M90.9,15.4c-0.9,0.5-1.5,1.3-1.9,2.1c-0.9,1.9-2.4,3.5-4.3,4.6c-2,1.1-4.1,1.5-6.2,1.4l0,0
+		c-0.9-0.1-1.8,0-2.6,0.5c-2,1.2-2.8,3.8-1.6,5.8s3.8,2.8,5.8,1.6c0.8-0.5,1.4-1.2,1.8-2l0,0c0.9-1.9,2.4-3.6,4.4-4.7
+		c1.9-1.1,4.1-1.5,6.1-1.3c0.9,0.1,1.8,0,2.7-0.5c2-1.2,2.8-3.8,1.6-5.8S92.9,14.3,90.9,15.4z"/>
+	<path id="XMLID_62_" class="st0" d="M60.6,33.7c-0.9,0.5-1.5,1.2-1.8,2.1c-0.9,1.9-2.4,3.5-4.3,4.6c-2,1.1-4.1,1.5-6.2,1.3l0,0
+		c-0.9-0.1-1.8,0-2.6,0.5c-2.1,1.2-2.8,3.8-1.6,5.8s3.8,2.8,5.8,1.6c0.8-0.5,1.4-1.2,1.8-2l0,0c0.9-1.9,2.4-3.6,4.4-4.7
+		c1.9-1.1,4.1-1.5,6.1-1.3c0.9,0.1,1.8,0,2.7-0.5c2.1-1.2,2.8-3.8,1.6-5.8S62.6,32.5,60.6,33.7z"/>
+	<path id="XMLID_61_" class="st0" d="M45.6,42.2c-0.9,0.5-1.5,1.2-1.8,2.1c-0.9,1.9-2.4,3.5-4.3,4.6c-2,1.1-4.1,1.5-6.2,1.3l0,0
+		c-0.9-0.1-1.8,0-2.6,0.5c-2.1,1.2-2.8,3.8-1.6,5.8s3.8,2.8,5.8,1.6c0.8-0.5,1.4-1.2,1.8-2l0,0c0.9-1.9,2.4-3.6,4.4-4.7
+		c1.9-1.1,4.1-1.5,6.1-1.3c0.9,0.1,1.8,0,2.7-0.5c2.1-1.2,2.8-3.8,1.6-5.8C50.3,41.7,47.7,41,45.6,42.2z"/>
+	<path id="XMLID_60_" class="st0" d="M81.6,78.4c-0.2,0.9-0.8,1.7-1.5,2.3c-1.6,1.4-2.7,3.2-3.3,5.4c-0.6,2.2-0.4,4.4,0.3,6.4l0,0
+		c0.3,0.8,0.4,1.7,0.2,2.7c-0.6,2.3-2.9,3.7-5.2,3.1s-3.7-2.9-3.1-5.2c0.2-0.9,0.8-1.7,1.5-2.2l0,0c1.6-1.4,2.8-3.2,3.4-5.4
+		c0.6-2.2,0.4-4.3-0.3-6.3c-0.4-0.8-0.5-1.8-0.2-2.7c0.6-2.3,2.9-3.7,5.2-3.1C80.8,73.8,82.2,76.1,81.6,78.4z"/>
+	<circle id="XMLID_59_" class="st0" cx="59.5" cy="48.7" r="4.3"/>
+	<circle id="XMLID_58_" class="st0" cx="86.3" cy="42.5" r="4.3"/>
+	<circle id="XMLID_57_" class="st0" cx="66.5" cy="85.7" r="4.3"/>
+	<g id="XMLID_53_">
+		<path id="XMLID_56_" class="st0" d="M73.9,54.3c-0.8,0.5-1.8,0.7-2.7,0.6c-2.1-0.1-4.2,0.4-6.1,1.6c-1.9,1.2-3.3,2.9-4.2,4.8l0,0
+			c-0.3,0.8-0.9,1.6-1.7,2.1c-2,1.2-4.6,0.6-5.9-1.4c-1.2-2-0.6-4.6,1.4-5.9c0.8-0.5,1.7-0.7,2.6-0.6l0,0c2.1,0.1,4.3-0.4,6.2-1.6
+			c1.9-1.2,3.3-2.8,4.1-4.7c0.3-0.8,0.9-1.6,1.7-2.1c2-1.2,4.6-0.6,5.9,1.4S75.9,53.1,73.9,54.3z"/>
+		<path id="XMLID_55_" class="st0" d="M82.7,69.1c-0.8,0.5-1.8,0.7-2.7,0.6c-2.1-0.1-4.2,0.4-6.1,1.6s-3.3,2.9-4.2,4.8l0,0
+			c-0.3,0.8-0.9,1.6-1.7,2.1c-2,1.2-4.6,0.6-5.9-1.4c-1.2-2-0.6-4.6,1.4-5.9c0.8-0.5,1.7-0.7,2.6-0.6l0,0c2.1,0.1,4.3-0.4,6.2-1.6
+			c1.9-1.2,3.3-2.8,4.1-4.7c0.3-0.8,0.9-1.6,1.7-2.1c2-1.2,4.6-0.6,5.9,1.4C85.3,65.3,84.7,67.8,82.7,69.1z"/>
+		<path id="XMLID_54_" class="st0" d="M60.6,57.5c0.5,0.8,0.7,1.8,0.6,2.7c-0.1,2.1,0.3,4.2,1.5,6.1s2.8,3.4,4.8,4.3l0,0
+			c0.8,0.3,1.5,0.9,2,1.7c1.2,2,0.5,4.6-1.5,5.9c-2,1.2-4.6,0.5-5.9-1.5c-0.5-0.8-0.7-1.7-0.6-2.6l0,0c0.2-2.1-0.3-4.3-1.5-6.2
+			c-1.1-1.9-2.8-3.3-4.7-4.2c-0.8-0.3-1.6-0.9-2.1-1.8c-1.2-2-0.5-4.6,1.5-5.9C56.8,54.8,59.4,55.5,60.6,57.5z"/>
+	</g>
+	<path id="XMLID_25_" class="st0" d="M87,27c-0.8,0.5-1.4,1.3-1.8,2.1c-0.9,1.9-2.3,3.5-4.2,4.7c-1.9,1.2-4.1,1.6-6.2,1.5l0,0
+		c-0.9-0.1-1.8,0.1-2.6,0.6c-2,1.2-2.7,3.8-1.5,5.9s3.8,2.7,5.9,1.5c0.8-0.5,1.4-1.2,1.7-2l0,0c0.9-1.9,2.3-3.6,4.3-4.8
+		c1.9-1.1,4-1.6,6.1-1.5c0.9,0.1,1.8-0.1,2.7-0.6c2-1.2,2.7-3.8,1.5-5.9S89,25.8,87,27z"/>
+	<path id="XMLID_24_" class="st0" d="M81.5,50.2c-0.8,0.5-1.4,1.2-1.8,2.1c-0.9,1.9-2.3,3.5-4.3,4.6s-4.1,1.6-6.2,1.4l0,0
+		c-0.9-0.1-1.8,0.1-2.6,0.5c-2,1.2-2.7,3.8-1.5,5.8c1.2,2,3.8,2.7,5.8,1.5c0.8-0.5,1.4-1.2,1.8-2l0,0c0.9-1.9,2.3-3.6,4.3-4.7
+		c1.9-1.1,4.1-1.6,6.1-1.4c0.9,0.1,1.8,0,2.7-0.5c2-1.2,2.7-3.8,1.5-5.8C86.2,49.7,83.6,49,81.5,50.2z"/>
+	<path id="XMLID_23_" class="st0" d="M77.9,37.2c0.5,0.8,0.7,1.8,0.7,2.7c0,2.1,0.5,4.2,1.7,6.1c1.2,1.9,3,3.3,4.9,4.1l0,0
+		c0.8,0.3,1.6,0.9,2.1,1.7c1.3,2,0.7,4.6-1.3,5.9c-2,1.3-4.6,0.7-5.9-1.3c-0.5-0.8-0.7-1.7-0.7-2.6l0,0c0.1-2.1-0.5-4.3-1.7-6.2
+		s-2.9-3.2-4.8-4c-0.9-0.3-1.6-0.9-2.2-1.7c-1.2-2-0.7-4.7,1.3-6C74,34.7,76.6,35.2,77.9,37.2z"/>
+	<path id="XMLID_22_" class="st0" d="M42.7,53.7c-0.8,0.5-1.4,1.3-1.7,2.2c-0.8,1.9-2.1,3.6-4,4.9c-1.9,1.2-4,1.8-6.1,1.8l0,0
+		c-0.9-0.1-1.8,0.2-2.6,0.7c-2,1.3-2.5,3.9-1.2,5.9s3.9,2.5,5.9,1.2c0.8-0.5,1.3-1.3,1.6-2.1l0,0c0.8-2,2.1-3.7,4-5
+		c1.9-1.2,4-1.8,6-1.7c0.9,0.1,1.8-0.1,2.7-0.7c2-1.3,2.5-3.9,1.2-5.9S44.7,52.4,42.7,53.7z"/>
+	<circle id="XMLID_21_" class="st0" cx="20.4" cy="61.5" r="4.3"/>
+</g>
+</svg>
diff --git a/packages/apps-config/src/ui/logos/nodes/joystream.svg b/packages/apps-config/src/ui/logos/nodes/joystream.svg
new file mode 100644
index 0000000..b57d0e2
--- /dev/null
+++ b/packages/apps-config/src/ui/logos/nodes/joystream.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 240 240"><defs><style>.cls-1{fill:#fff;}.cls-2{fill:#4038ff;}</style></defs><title>Icon-basic-1bg</title><g id="Layer_2" data-name="Layer 2"><g id="Layer_13" data-name="Layer 13"><rect class="cls-1" width="240" height="240"/><path class="cls-2" d="M135.28,49.73l12.7,0-.15,59.67a57,57,0,0,1-14.49,37.86,67.76,67.76,0,0,0,1.72-15Z"/><path class="cls-2" d="M94.28,153.78v0a34.19,34.19,0,0,1-26.15,12.61L72,153.73Z"/><path class="cls-2" d="M102,130.94v1.28a34,34,0,0,1-2,11.41l-25-.06,3.83-12.69Z"/><path class="cls-2" d="M158.14,49.78l12.7,0-.09,36.84a57,57,0,0,1-14.49,37.86,67.76,67.76,0,0,0,1.72-15Z"/><path class="cls-2" d="M125.11,49.69l-.21,82.59a57.22,57.22,0,0,1-57.32,57H61.23l3.83-12.69h2.56a44.5,44.5,0,0,0,44.57-44.35l.22-82.58Z"/></g></g></svg>
\ No newline at end of file
diff --git a/packages/apps-config/src/ui/logos/nodes/jupiter.svg b/packages/apps-config/src/ui/logos/nodes/jupiter.svg
new file mode 100644
index 0000000..efa3df0
--- /dev/null
+++ b/packages/apps-config/src/ui/logos/nodes/jupiter.svg
@@ -0,0 +1 @@
+<svg id="图层_1" data-name="图层 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><defs><style>.cls-1,.cls-6{fill:red;}.cls-1,.cls-2,.cls-3{stroke:#000072;stroke-miterlimit:10;stroke-width:0.42px;}.cls-2{fill:aqua;stroke-linecap:round;}.cls-3,.cls-7{fill:#fff;}.cls-4{fill:#ff1e97;}.cls-5{fill:#000072;}</style></defs><rect class="cls-1" x="3.7" y="4.1" width="11.5" height="15.71" rx="1.3" transform="translate(-4.7 6.3) rotate(-30)"/><line class="cls-2" x1="4.5" y1="11.6" x2="11.1" y2="7.8"/><line class="cls-2" x1="5.9" y1="14" x2="12.4" y2="10.2"/><line class="cls-2" x1="7.2" y1="16.4" x2="13.8" y2="12.6"/><rect class="cls-3" x="7.1" y="3.7" width="13.1" height="16.66" rx="1.3" transform="translate(-4.2 8.4) rotate(-30)"/><circle class="cls-4" cx="20.4" cy="15.3" r="0.8"/><path class="cls-5" d="M19.8,11.1c-.1-.9-1.6-1.1-2.9-1.2h-.1a3.6,3.6,0,0,0-2.3-1.4A3.8,3.8,0,0,0,10,11.1H9.9c-1.1.4-2.4,1.2-2.3,2.1s.7.9,1.6,1l1.1.2h0A4.5,4.5,0,0,0,13,16.3a4,4,0,0,0,4.7-3.1h0C18.8,12.6,20,12,19.8,11.1Zm-6.6,4.5a3.7,3.7,0,0,1-2-1.2l2.9-.3,2.8-.7A3.3,3.3,0,0,1,13.2,15.6Zm4.6-3.3-.5.2H17l-3.1.8a19.5,19.5,0,0,1-3.2.2H9.9c-1-.1-1.5-.4-1.5-.5s.3-.6,1.4-1.1a3.7,3.7,0,0,0,.1,1.5h.8a3.7,3.7,0,0,1-.2-1.8,3.3,3.3,0,0,1,3.9-2.5A3.1,3.1,0,0,1,17,12.5h.2l.6-.3a8.3,8.3,0,0,0-.4-1.5l-.3-.4.3.4c1.2.1,1.7.4,1.7.5S18.8,11.8,17.8,12.3Z"/><ellipse class="cls-6" cx="14.4" cy="14.6" rx="0.9" ry="0.4" transform="translate(-2.7 3.2) rotate(-11.7)"/><circle class="cls-5" cx="8.4" cy="8.9" r="1.4"/><circle class="cls-7" cx="7.7" cy="8.2" r="0.3"/><circle class="cls-7" cx="9.2" cy="8.4" r="0.2"/><circle class="cls-7" cx="8.4" cy="8.9" r="0.2"/><circle class="cls-7" cx="8" cy="10.1" r="0.1"/><circle class="cls-7" cx="7.2" cy="8.9" r="0.1"/><circle class="cls-7" cx="8.8" cy="9.6" r="0.1"/></svg>
\ No newline at end of file
diff --git a/packages/apps-config/src/ui/logos/nodes/kabocha.svg b/packages/apps-config/src/ui/logos/nodes/kabocha.svg
new file mode 100644
index 0000000..393a4c6
--- /dev/null
+++ b/packages/apps-config/src/ui/logos/nodes/kabocha.svg
@@ -0,0 +1,3 @@
+<svg width="466" height="478" viewBox="0 0 466 478" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M371.599 158.093L318.76 128.024L245.553 170.586L245.61 86.3771L192.771 56.3079L139.922 87.0341L139.866 171.243L139.846 210.584L139.98 247.487L140.185 267.113L139.846 315.203L139.835 353.63L139.84 397.896L192.646 427.908L245.495 397.181L245.489 352.915L318.698 394.528L319.223 394.222L371.547 363.801L371.591 303.063L298.382 261.451L371.589 218.888L371.599 158.093ZM232.252 94.1434L232.195 178.352L199.413 197.412L199.507 75.5458L232.252 94.1434ZM153.268 94.6852L186.051 75.6254L185.992 273.671L153.21 292.731L153.268 94.6852ZM139.835 353.63L139.852 300.497L139.847 338.212L139.835 353.63ZM153.21 292.731L185.992 273.671L185.999 363.315L153.217 382.375L153.21 292.731ZM232.182 389.588L192.691 412.548L159.913 393.892L199.404 370.932L199.404 265.495L232.169 282.495L232.182 389.588ZM318.686 379.202L245.477 337.589L245.481 299.874L351.468 360.142L318.686 379.202ZM358.233 310.83L358.195 348.487L252.208 288.219L284.99 269.159L358.233 310.83ZM232.169 282.495L199.404 265.495L318.757 196.482L351.535 215.137L232.169 282.495ZM318.802 181.122L318.277 181.428L185.997 257.495L186.009 218.495L318.865 143.373L358.3 165.825L358.237 203.575L318.802 181.122Z" fill="#151515"/>
+</svg>
diff --git a/packages/apps-config/src/ui/logos/nodes/khala.svg b/packages/apps-config/src/ui/logos/nodes/khala.svg
new file mode 100644
index 0000000..5a02bc7
--- /dev/null
+++ b/packages/apps-config/src/ui/logos/nodes/khala.svg
@@ -0,0 +1,15 @@
+<svg width="512" height="512" xmlns="http://www.w3.org/2000/svg">
+ <rect width="100%" height="100%" fill="black"/>
+ <g id="Layer_1">
+  <title>Layer 1</title>
+  <g transform="matrix(5.21101 0 0 5.21101 -10580.6 -11719.7)" id="svg_100">
+   <g id="svg_6">
+    <rect id="svg_1" fill="#03FFFF" height="49.504" width="12.925" y="2273.4014" x="2055.64633"/>
+    <rect id="svg_2" fill="#03FFFF" height="13.024" width="12.939" y="2286.9984" x="2068.47333"/>
+    <rect id="svg_3" fill="#03FFFF" height="13.024" width="12.939" y="2300.0514" x="2081.24033"/>
+    <rect id="svg_4" fill="#03FFFF" height="13.024" width="12.939" y="2309.6614" x="2090.53133"/>
+    <rect id="svg_5" fill="#03FFFF" height="13.024" width="21.863" y="2273.9354" x="2081.09433"/>
+   </g>
+  </g>
+ </g>
+</svg>
\ No newline at end of file
diff --git a/packages/apps-config/src/ui/logos/nodes/kilt.png b/packages/apps-config/src/ui/logos/nodes/kilt.png
new file mode 100644
index 0000000..cecfd60
Binary files /dev/null and b/packages/apps-config/src/ui/logos/nodes/kilt.png differ
diff --git a/packages/apps-config/src/ui/logos/nodes/klug.png b/packages/apps-config/src/ui/logos/nodes/klug.png
new file mode 100644
index 0000000..b31e19f
Binary files /dev/null and b/packages/apps-config/src/ui/logos/nodes/klug.png differ
diff --git a/packages/apps-config/src/ui/logos/nodes/konomi.png b/packages/apps-config/src/ui/logos/nodes/konomi.png
new file mode 100644
index 0000000..16594b2
Binary files /dev/null and b/packages/apps-config/src/ui/logos/nodes/konomi.png differ
diff --git a/packages/apps-config/src/ui/logos/nodes/kulupu.svg b/packages/apps-config/src/ui/logos/nodes/kulupu.svg
new file mode 100644
index 0000000..bbd8789
--- /dev/null
+++ b/packages/apps-config/src/ui/logos/nodes/kulupu.svg
@@ -0,0 +1,83 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   sodipodi:docname="kulupu.svg"
+   inkscape:version="0.92.5 (2060ec1f9f, 2020-04-08)"
+   id="svg1237"
+   version="1.1"
+   viewBox="0 0 132.29167 132.29168"
+   height="500.00003"
+   width="500.00003">
+  <defs
+     id="defs1231" />
+  <sodipodi:namedview
+     inkscape:window-maximized="0"
+     inkscape:window-y="22"
+     inkscape:window-x="0"
+     inkscape:window-height="1032"
+     inkscape:window-width="1916"
+     inkscape:snap-bbox="true"
+     inkscape:snap-page="true"
+     units="px"
+     showborder="true"
+     showgrid="false"
+     inkscape:document-rotation="0"
+     inkscape:current-layer="layer1"
+     inkscape:document-units="mm"
+     inkscape:cy="290.0126"
+     inkscape:cx="-12.29317"
+     inkscape:zoom="0.35"
+     inkscape:pageshadow="2"
+     inkscape:pageopacity="0.0"
+     borderopacity="1.0"
+     bordercolor="#666666"
+     pagecolor="#ffffff"
+     id="base"
+     fit-margin-top="0"
+     fit-margin-left="0"
+     fit-margin-right="0"
+     fit-margin-bottom="0" />
+  <metadata
+     id="metadata1234">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     id="layer1"
+     inkscape:groupmode="layer"
+     inkscape:label="Layer 1"
+     transform="translate(-66.145836,-66.145836)">
+    <path
+       d="M 198.43751,132.29167 A 66.145836,66.145836 0 0 1 132.29167,198.43751 66.145836,66.145836 0 0 1 66.145836,132.29167 66.145836,66.145836 0 0 1 132.29167,66.145836 66.145836,66.145836 0 0 1 198.43751,132.29167 Z"
+       style="fill:#231f20;fill-opacity:1;stroke:none;stroke-width:0.57163;stroke-opacity:1"
+       id="path845"
+       inkscape:connector-curvature="0" />
+    <g
+       id="g1834"
+       transform="translate(-1.8720778,40.71716)">
+      <path
+         d="m 168.34531,58.19922 -29.71538,9.723097 a 17.521244,17.521244 0 0 0 -10.17254,8.717257 l -13.63198,26.836146 a 10.907927,10.907927 0 0 1 -4.34571,4.54909 l -12.840327,7.27921 a 6.1044908,6.1044908 0 0 0 -3.093944,5.31049 v 0 a 4.5445989,4.5445989 0 0 0 7.051901,3.79035 l 15.51366,-10.26228 a 11.795232,11.795232 0 0 0 4.03076,-4.53943 L 134.18227,83.6649 a 17.656454,17.656454 0 0 1 10.54462,-8.933045 l 25.61079,-7.943227 a 4.8941792,4.8941792 0 0 0 3.44438,-4.674519 4.1374683,4.1374683 0 0 0 -5.43675,-3.914889 z M 94.545429,76.931052 a 3.9139513,3.9139513 0 0 0 4.430149,3.318398 h 5.794792 a 6.8104403,6.8104403 0 0 1 4.96881,2.152883 l 6.69934,7.147071 4.06602,-7.556307 -5.95502,-7.118557 a 6.6236024,6.6236024 0 0 0 -5.08034,-2.373659 H 98.975578 a 4.4301517,4.4301517 0 0 0 -4.430149,4.430171 z m 38.358101,19.593053 -3.87468,7.748565 10.85658,13.17114 a 12.251458,12.251458 0 0 0 9.45383,4.45894 h 21.07201 a 3.3707675,3.3707675 0 0 0 3.37079,-3.37076 3.874104,3.874104 0 0 0 -3.94862,-3.79814 h -17.38725 a 10.087613,10.087613 0 0 1 -7.84349,-3.74412 z"
+         style="fill:#ffffff;stroke-width:0.99582398"
+         id="path1130-2"
+         inkscape:connector-curvature="0" />
+      <g
+         inkscape:export-ydpi="60.222229"
+         inkscape:export-xdpi="60.222229"
+         transform="matrix(0.23295834,0,0,0.23295834,-514.53181,-86.111817)"
+         id="g2615-3-5-5" />
+    </g>
+  </g>
+</svg>
diff --git a/packages/apps-config/src/ui/logos/nodes/kusari.svg b/packages/apps-config/src/ui/logos/nodes/kusari.svg
new file mode 100644
index 0000000..6797241
--- /dev/null
+++ b/packages/apps-config/src/ui/logos/nodes/kusari.svg
@@ -0,0 +1 @@
+<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 500 500"><defs><style>.cls-1{fill:url(#linear-gradient);}.cls-2{fill:url(#linear-gradient-2);}.cls-3{fill:url(#linear-gradient-3);}.cls-4{fill:url(#linear-gradient-4);}.cls-5{fill:#231f20;}</style><linearGradient id="linear-gradient" x1="294.1" y1="372.25" x2="294.1" y2="193.99" gradientUnits="userSpaceOnUse"><stop offset="0.18" stop-color="#624098"/><stop offset="1" stop-color="#e84181"/></linearGradient><linearGradient id="linear-gradient-2" x1="315.83" y1="433.57" x2="315.83" y2="73.22" xlink:href="#linear-gradient"/><linearGradient id="linear-gradient-3" x1="321.85" y1="258.66" x2="321.85" y2="150.44" xlink:href="#linear-gradient"/><linearGradient id="linear-gradient-4" x1="164.11" y1="433.57" x2="164.11" y2="73.22" xlink:href="#linear-gradient"/></defs><polygon class="cls-1" points="215.64 282.42 217.52 280.54 218.71 279.36 225.76 272.3 225.76 244.18 242.95 261.37 242.94 261.39 257.64 276.09 257.65 276.07 335.4 353.82 317.37 371.84 383.22 372.25 366.75 355.78 366.76 355.77 272.36 261.37 260.72 249.73 257.65 246.67 256.98 245.99 256.84 245.85 204.97 193.99 204.97 281.69 204.97 293.08 209.84 288.23 215.64 282.42"/><polygon class="cls-2" points="215.37 73.22 215.37 94.01 405.9 94.01 405.9 412.78 225.76 412.78 225.76 314.31 207.76 332.31 204.97 335.45 204.97 342.04 204.97 433.57 426.7 433.57 426.7 73.22 215.37 73.22"/><polygon class="cls-3" points="317.65 186.68 260.38 243.94 262.27 245.85 275.07 258.66 293.05 240.68 293.12 240.75 350.4 183.47 350.34 183.41 383.32 150.44 317.47 150.85 335.55 168.92 317.72 186.75 317.65 186.68"/><polygon class="cls-4" points="209.57 324.24 225.76 308.05 225.76 307.97 254.92 278.81 240.22 264.1 208.26 296.07 207.76 296.57 204.97 299.35 191.36 312.97 191.36 73.22 73.3 73.22 73.3 433.57 177.61 433.57 177.61 412.78 94.09 412.78 94.09 94.01 170.57 94.01 170.57 363.17 203.89 329.84 203.89 329.84 204.97 328.77 209.57 324.24"/><polygon class="cls-5" points="215.64 282.42 217.52 280.54 218.71 279.36 225.76 272.3 225.76 244.18 242.95 261.37 242.94 261.39 257.64 276.09 257.65 276.07 335.4 353.82 317.37 371.84 383.22 372.25 366.75 355.78 366.76 355.77 272.36 261.37 260.72 249.73 257.65 246.67 256.98 245.99 256.84 245.85 204.97 193.99 204.97 281.69 204.97 293.08 209.84 288.23 215.64 282.42"/><polygon class="cls-5" points="215.37 73.22 215.37 94.01 405.9 94.01 405.9 412.78 225.76 412.78 225.76 314.31 207.76 332.31 204.97 335.45 204.97 342.04 204.97 433.57 426.7 433.57 426.7 73.22 215.37 73.22"/><polygon class="cls-5" points="317.65 186.68 260.38 243.94 262.27 245.85 275.07 258.66 293.05 240.68 293.12 240.75 350.4 183.47 350.34 183.41 383.32 150.44 317.47 150.85 335.55 168.92 317.72 186.75 317.65 186.68"/><polygon class="cls-5" points="209.57 324.24 225.76 308.05 225.76 307.97 254.92 278.81 240.22 264.1 208.26 296.07 207.76 296.57 204.97 299.35 191.36 312.97 191.36 73.22 73.3 73.22 73.3 433.57 177.61 433.57 177.61 412.78 94.09 412.78 94.09 94.01 170.57 94.01 170.57 363.17 203.89 329.84 203.89 329.84 204.97 328.77 209.57 324.24"/></svg>
\ No newline at end of file
diff --git a/packages/apps-config/src/ui/logos/nodes/kylin.png b/packages/apps-config/src/ui/logos/nodes/kylin.png
new file mode 100644
index 0000000..fb7ff5a
Binary files /dev/null and b/packages/apps-config/src/ui/logos/nodes/kylin.png differ
diff --git a/packages/apps-config/src/ui/logos/nodes/laminar-circle.svg b/packages/apps-config/src/ui/logos/nodes/laminar-circle.svg
new file mode 100644
index 0000000..8d3f52d
--- /dev/null
+++ b/packages/apps-config/src/ui/logos/nodes/laminar-circle.svg
@@ -0,0 +1,9 @@
+<svg width="70px" height="70px" viewBox="0 0 70 70" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>Group 9</title>
+    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="Group-9">
+            <circle id="Oval" fill="#FFFFFF" cx="35" cy="35" r="35"></circle>
+            <image id="Bitmap-Copy" x="7" y="27" width="56" height="16" xlink:href="data:image/png;base64,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"></image>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/packages/apps-config/src/ui/logos/nodes/litentry.png b/packages/apps-config/src/ui/logos/nodes/litentry.png
new file mode 100644
index 0000000..9b3f003
Binary files /dev/null and b/packages/apps-config/src/ui/logos/nodes/litentry.png differ
diff --git a/packages/apps-config/src/ui/logos/nodes/litmus.png b/packages/apps-config/src/ui/logos/nodes/litmus.png
new file mode 100644
index 0000000..1d6792e
Binary files /dev/null and b/packages/apps-config/src/ui/logos/nodes/litmus.png differ
diff --git a/packages/apps-config/src/ui/logos/nodes/loom_network.png b/packages/apps-config/src/ui/logos/nodes/loom_network.png
new file mode 100644
index 0000000..a1cf4f5
Binary files /dev/null and b/packages/apps-config/src/ui/logos/nodes/loom_network.png differ
diff --git a/packages/apps-config/src/ui/logos/nodes/manta.png b/packages/apps-config/src/ui/logos/nodes/manta.png
new file mode 100644
index 0000000..953c1ee
Binary files /dev/null and b/packages/apps-config/src/ui/logos/nodes/manta.png differ
diff --git a/packages/apps-config/src/ui/logos/nodes/math.svg b/packages/apps-config/src/ui/logos/nodes/math.svg
new file mode 100644
index 0000000..33ce116
--- /dev/null
+++ b/packages/apps-config/src/ui/logos/nodes/math.svg
@@ -0,0 +1,14 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="128px" height="128px" viewBox="0 0 128 128" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: Sketch 55 (78076) - https://sketchapp.com -->
+    <title>Logo_Icon_black</title>
+    <desc>Created with Sketch.</desc>
+    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="A3" transform="translate(-216.000000, -334.000000)">
+            <g id="Logo_Icon" transform="translate(216.000000, 334.000000)">
+                <rect id="Rectangle" fill="#FFFFFF" opacity="0" x="0" y="0" width="128" height="128"></rect>
+                <path d="M90.8470086,57.7610023 C88.5699723,55.483966 88.5699723,51.7921607 90.8470086,49.5151245 C93.1240448,47.2380882 96.8158501,47.2380882 99.0928864,49.5151245 C101.369923,51.7921607 101.369923,55.483966 99.0928864,57.7610023 C96.8158501,60.0380385 93.1240448,60.0380385 90.8470086,57.7610023 Z M71.2630488,77.344962 C69.5552716,75.6371848 69.5552716,72.8683309 71.2630488,71.1605537 C72.970826,69.4527765 75.7396799,69.4527765 77.4474571,71.1605537 C79.1552343,72.8683309 79.1552343,75.6371848 77.4474571,77.344962 C75.7396799,79.0527392 72.970826,79.0527392 71.2630488,77.344962 Z M102.185091,67.0376148 C100.477313,65.3298376 100.477313,62.5609836 102.185091,60.8532064 C103.892868,59.1454292 106.661722,59.1454292 108.369499,60.8532064 C110.077276,62.5609836 110.077276,65.3298376 108.369499,67.0376148 C106.661722,68.745392 103.892868,68.745392 102.185091,67.0376148 Z M91.8777433,77.344962 C90.1699661,75.6371848 90.1699661,72.8683309 91.8777433,71.1605537 C93.5855205,69.4527765 96.3543744,69.4527765 98.0621516,71.1605537 C99.7699288,72.8683309 99.7699288,75.6371848 98.0621516,77.344962 C96.3543744,79.0527392 93.5855205,79.0527392 91.8777433,77.344962 Z M113.523172,76.3142273 C112.384654,75.1757092 112.384654,73.3298065 113.523172,72.1912884 C114.661691,71.0527703 116.507593,71.0527703 117.646111,72.1912884 C118.78463,73.3298065 118.78463,75.1757092 117.646111,76.3142273 C116.507593,77.4527454 114.661691,77.4527454 113.523172,76.3142273 Z M103.215825,86.6215745 C102.077307,85.4830564 102.077307,83.6371538 103.215825,82.4986356 C104.354343,81.3601175 106.200246,81.3601175 107.338764,82.4986356 C108.477282,83.6371538 108.477282,85.4830564 107.338764,86.6215745 C106.200246,87.7600927 104.354343,87.7600927 103.215825,86.6215745 Z M80.5396613,68.0683495 C78.262625,65.7913132 78.262625,62.099508 80.5396613,59.8224717 C82.8166976,57.5454354 86.5085028,57.5454354 88.7855391,59.8224717 C91.0625754,62.099508 91.0625754,65.7913132 88.7855391,68.0683495 C86.5085028,70.3453858 82.8166976,70.3453858 80.5396613,68.0683495 Z M80.5396613,47.453655 C78.262625,45.1766187 78.262625,41.4848135 80.5396613,39.2077772 C82.8166976,36.9307409 86.5085028,36.9307409 88.7855391,39.2077772 C91.0625754,41.4848135 91.0625754,45.1766187 88.7855391,47.453655 C86.5085028,49.7306913 82.8166976,49.7306913 80.5396613,47.453655 Z M70.2323141,57.7610023 C67.9552778,55.483966 67.9552778,51.7921607 70.2323141,49.5151245 C72.5093503,47.2380882 76.2011556,47.2380882 78.4781919,49.5151245 C80.7552281,51.7921607 80.7552281,55.483966 78.4781919,57.7610023 C76.2011556,60.0380385 72.5093503,60.0380385 70.2323141,57.7610023 Z M49.5218081,57.7610023 C47.2447719,55.483966 47.2447719,51.7921607 49.5218081,49.5151245 C51.7988444,47.2380882 55.4906497,47.2380882 57.7676859,49.5151245 C60.0447222,51.7921607 60.0447222,55.483966 57.7676859,57.7610023 C55.4906497,60.0380385 51.7988444,60.0380385 49.5218081,57.7610023 Z M29.9378484,77.344962 C28.2300712,75.6371848 28.2300712,72.8683309 29.9378484,71.1605537 C31.6456256,69.4527765 34.4144795,69.4527765 36.1222567,71.1605537 C37.8300339,72.8683309 37.8300339,75.6371848 36.1222567,77.344962 C34.4144795,79.0527392 31.6456256,79.0527392 29.9378484,77.344962 Z M60.8598901,67.0376148 C59.1521129,65.3298376 59.1521129,62.5609836 60.8598901,60.8532064 C62.5676673,59.1454292 65.3365213,59.1454292 67.0442985,60.8532064 C68.7520757,62.5609836 68.7520757,65.3298376 67.0442985,67.0376148 C65.3365213,68.745392 62.5676673,68.745392 60.8598901,67.0376148 Z M50.5525429,77.344962 C48.8447657,75.6371848 48.8447657,72.8683309 50.5525429,71.1605537 C52.2603201,69.4527765 55.029174,69.4527765 56.7369512,71.1605537 C58.4447284,72.8683309 58.4447284,75.6371848 56.7369512,77.344962 C55.029174,79.0527392 52.2603201,79.0527392 50.5525429,77.344962 Z M10.3538886,76.3142273 C9.21537047,75.1757092 9.21537047,73.3298065 10.3538886,72.1912884 C11.4924067,71.0527703 13.3383094,71.0527703 14.4768275,72.1912884 C15.6153456,73.3298065 15.6153456,75.1757092 14.4768275,76.3142273 C13.3383094,77.4527454 11.4924067,77.4527454 10.3538886,76.3142273 Z M20.6612359,86.6215745 C19.5227177,85.4830564 19.5227177,83.6371538 20.6612359,82.4986356 C21.799754,81.3601175 23.6456566,81.3601175 24.7841747,82.4986356 C25.9226929,83.6371538 25.9226929,85.4830564 24.7841747,86.6215745 C23.6456566,87.7600927 21.799754,87.7600927 20.6612359,86.6215745 Z M61.8906248,86.6215745 C60.7521067,85.4830564 60.7521067,83.6371538 61.8906248,82.4986356 C63.029143,81.3601175 64.8750456,81.3601175 66.0135637,82.4986356 C67.1520819,83.6371538 67.1520819,85.4830564 66.0135637,86.6215745 C64.8750456,87.7600927 63.029143,87.7600927 61.8906248,86.6215745 Z M19.6305011,67.0376148 C17.9227239,65.3298376 17.9227239,62.5609836 19.6305011,60.8532064 C21.3382783,59.1454292 24.1071323,59.1454292 25.8149095,60.8532064 C27.5226867,62.5609836 27.5226867,65.3298376 25.8149095,67.0376148 C24.1071323,68.745392 21.3382783,68.745392 19.6305011,67.0376148 Z M39.2144609,68.0683495 C36.9374246,65.7913132 36.9374246,62.099508 39.2144609,59.8224717 C41.4914972,57.5454354 45.1833024,57.5454354 47.4603387,59.8224717 C49.737375,62.099508 49.737375,65.7913132 47.4603387,68.0683495 C45.1833024,70.3453858 41.4914972,70.3453858 39.2144609,68.0683495 Z M39.2144609,47.453655 C36.9374246,45.1766187 36.9374246,41.4848135 39.2144609,39.2077772 C41.4914972,36.9307409 45.1833024,36.9307409 47.4603387,39.2077772 C49.737375,41.4848135 49.737375,45.1766187 47.4603387,47.453655 C45.1833024,49.7306913 41.4914972,49.7306913 39.2144609,47.453655 Z M28.9071136,57.7610023 C26.6300774,55.483966 26.6300774,51.7921607 28.9071136,49.5151245 C31.1841499,47.2380882 34.8759552,47.2380882 37.1529914,49.5151245 C39.4300277,51.7921607 39.4300277,55.483966 37.1529914,57.7610023 C34.8759552,60.0380385 31.1841499,60.0380385 28.9071136,57.7610023 Z" id="Combined-Shape" fill="#000000"></path>
+            </g>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/packages/apps-config/src/ui/logos/nodes/minix.png b/packages/apps-config/src/ui/logos/nodes/minix.png
new file mode 100644
index 0000000..10dc403
Binary files /dev/null and b/packages/apps-config/src/ui/logos/nodes/minix.png differ
diff --git a/packages/apps-config/src/ui/logos/nodes/moonbase_alpha.png b/packages/apps-config/src/ui/logos/nodes/moonbase_alpha.png
new file mode 100644
index 0000000..a6605ea
Binary files /dev/null and b/packages/apps-config/src/ui/logos/nodes/moonbase_alpha.png differ
diff --git a/packages/apps-config/src/ui/logos/nodes/moonbeam.png b/packages/apps-config/src/ui/logos/nodes/moonbeam.png
new file mode 100644
index 0000000..04fc979
Binary files /dev/null and b/packages/apps-config/src/ui/logos/nodes/moonbeam.png differ
diff --git a/packages/apps-config/src/ui/logos/nodes/moonriver.svg b/packages/apps-config/src/ui/logos/nodes/moonriver.svg
new file mode 100644
index 0000000..2beb524
--- /dev/null
+++ b/packages/apps-config/src/ui/logos/nodes/moonriver.svg
@@ -0,0 +1,22 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="375pt" height="374.999991pt" viewBox="0 0 375 374.999991" version="1.2">
+<defs>
+<clipPath id="clip1">
+  <path d="M 71.246094 43.597656 L 303.746094 43.597656 L 303.746094 331.597656 L 71.246094 331.597656 Z M 71.246094 43.597656 "/>
+</clipPath>
+<image id="image7" width="3751" height="3001" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAADqcAAAu5CAAAAAA40A8nAAAAAmJLR0QA/4ePzL8AACAASURBVHic7N17kKVlfSfw7/O+5/TMwAAzMMNt1IhcFUYFxAIvCATx7qqocTWK7m5WjZeNS61uGd2UtVW7lX9Wk5jdROMmkmDUqFlj1NqivIBEZGu4CCKCF0RFhjvIwDDd57zP/tEz3GFu3X1O9/l8av6Y06ereYrpquf3Pb/nfX4JAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA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j/o441dUs8wm65fdGNapACyVTgWA4ejjwzvGZ/otpcwyG08/eH3Z1K2rALBpOhUABqTElX89ziyZp23PLFHH8fvXFad+AVgynQoAA5IlPvrBUjJOd/g3I7J0h9/1jxv8PjAAzE+nAsCQZIm//8VvlJJZTrFSzSg1S9z2k3fJVACWT6cCwKBkxBcv+fTxrsxOulLNKHXWdcc//u79y50NACJCpwLAAB25/Ne/PBuX6aveUZMR/bQbH/2Piz9slQrASuhUABie7tZ3XnFXP+lm05rx3ed/M7Ku96PJkX//vffuHq1uQAAGbbzqAQCApatdfOaaP/i1n3tjxLR2pYsoJTMys47Go3jkjptvismsX/WYAAyUTgWAAaoxrp/61C9fcvFP/1hEROS0dmsv/dLjt9+9679jVKYrHA+AYdOpADBIszLpb731nDf/yNsvetuPj885N+JgHHvg2Xseefq+GuOYrXo+AAZMpwLAMOU0RuXYffd9bu2153eTc8fT52J66MSxiJhUlQrAKulUABisPkrpZuv7v+v6ma6r6cQvAKulUwFgwDJrRCnf+WHUuspxACBCpwIA6Z5UAJri/lQAAABaolMBAABoiU4FAACgJToVAACAluhUAAAAWqJTAQAAaIlOBQAAoCU6FQAAgJboVAAAAFqiUwEAAGiJTgUAAKAlOhUAAICW6FQAAABaolMBAABoiU4FAACgJToVAACAluhUAAAAWqJTAQAAaIlOBQAAoCU6FQAAgJboVAAAAFqiUwEAAGiJTgUAAKAlOhUAAICW6FQAAABaolMBAABoiU4FAACgJToVAACAluhUAAAAWqJTAQAAaIlOBQAAoCU6FQAAgJboVAAAAFqiUwEAAGiJTgUAAKAlOhUAAICW6FQAAABaolMBAABoiU4FAACgJToVAACAluhUAAAAWqJTAQAAaIlOBQAAoCU6FQAAgJboVAAAAFqiUwEAAGiJTgUAAKAlOhUAAICW6FQAAABaolMBAABoiU4FAACgJToVAACAluhUAAAAWqJTAQAAaIlOBQAAoCU6FQAAgJboVAAAAFqiUwEAAGiJTgUAAKAlOhUAAICW6FQAAABaolMBAABoiU4FAACgJToVAACAluhUAAAAWqJTAQAAaIlOBQAAoCU6FQAAgJboVAAAAFqiUwEAAGiJTgUAAKAlOhUAAICW6FQAAABa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AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAICIiP8D2JdTs68I6E0AAAAASUVORK5CYII="/>
+<mask id="mask0">
+<use xlink:href="#image7" transform="matrix(1,0,0,1,0,0)"/>
+</mask>
+<image id="image6" width="3751" height="3001" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAADqcAAAu5CAIAAACS2cesAAAABmJLR0QA/wD/AP+gvaeTAAAgAElEQVR4nOzBAQEAAACAkP6v7ggKAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACA2YMDAQAAAAAg/9dGUFVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVV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AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAADDfzw0AABYGSURBVAAAAAAAAAAAAAAAAAAAAAD+mz04EAAAAAAA8n9tBFVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVZX24JAAAAAAQND/194wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAALAb1p1d7T1K8DAAAAAElFTkSuQmCC"/>
+</defs>
+<g id="surface1">
+<rect x="0" y="0" width="375" height="374.999991" style="fill:rgb(100%,100%,100%);fill-opacity:1;stroke:none;"/>
+<rect x="0" y="0" width="375" height="374.999991" style="fill:rgb(100%,100%,100%);fill-opacity:1;stroke:none;"/>
+<rect x="0" y="0" width="375" height="374.999991" style="fill:rgb(100%,100%,100%);fill-opacity:1;stroke:none;"/>
+<rect x="0" y="0" width="375" height="374.999991" style="fill:rgb(5.488586%,7.449341%,18.03894%);fill-opacity:1;stroke:none;"/>
+<g clip-path="url(#clip1)" clip-rule="nonzero">
+<use xlink:href="#image6" mask="url(#mask0)" transform="matrix(0.191349,0,0,0.191436,-171.249872,-99.748577)"/>
+</g>
+</g>
+</svg>
diff --git a/packages/apps-config/src/ui/logos/nodes/moonrock.png b/packages/apps-config/src/ui/logos/nodes/moonrock.png
new file mode 100644
index 0000000..d30eb8f
Binary files /dev/null and b/packages/apps-config/src/ui/logos/nodes/moonrock.png differ
diff --git a/packages/apps-config/src/ui/logos/nodes/moonshadow.png b/packages/apps-config/src/ui/logos/nodes/moonshadow.png
new file mode 100644
index 0000000..82b5868
Binary files /dev/null and b/packages/apps-config/src/ui/logos/nodes/moonshadow.png differ
diff --git a/packages/apps-config/src/ui/logos/nodes/mybank.png b/packages/apps-config/src/ui/logos/nodes/mybank.png
new file mode 100644
index 0000000..7141795
Binary files /dev/null and b/packages/apps-config/src/ui/logos/nodes/mybank.png differ
diff --git a/packages/apps-config/src/ui/logos/nodes/nftmart.png b/packages/apps-config/src/ui/logos/nodes/nftmart.png
new file mode 100644
index 0000000..bfdac01
Binary files /dev/null and b/packages/apps-config/src/ui/logos/nodes/nftmart.png differ
diff --git a/packages/apps-config/src/ui/logos/nodes/nodle.svg b/packages/apps-config/src/ui/logos/nodes/nodle.svg
new file mode 100644
index 0000000..be30c72
--- /dev/null
+++ b/packages/apps-config/src/ui/logos/nodes/nodle.svg
@@ -0,0 +1,33 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 23.1.1, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 100 100" style="enable-background:new 0 0 100 100;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#FFFFFF;}
+</style>
+<circle class="st0" cx="50" cy="50" r="48.5"/>
+<g>
+	<g>
+		<polygon points="47.5,51.4 52.1,51.4 52.1,48.5 47.6,48.4 		"/>
+		<path d="M79.5,27.5c-4.2-4.3-10.4-6.5-18-6.5c-5,0-7.9,1.5-10.4,4.4C48.6,28.4,48,32.3,48,35l-0.1,7.8l4.3,0.1l0.1-7.8
+			c0-2,0.7-3.9,1.8-5.4c1.2-1.5,2.8-2.3,4.6-2.3h0.1c2.1,0,3.7,0.5,4.7,1.4c1.2,0.9,1.8,2.4,1.7,4.3c0,1.9-0.8,3.7-2.2,5
+			c-1.4,1.4-3.2,2.1-5.2,2l-4.2-0.1v2.7l4.2,0.1c0.1,0,0.1,0,0.2,0c5.4,0,9.8-4.3,9.9-9.7c0-1.3-0.2-2.6-0.7-3.8L67,29l0.3,0.4
+			c1.4,1.7,2.1,3.9,2.1,6.1c-0.1,5-4.2,9.1-9.4,9.1c-0.1,0-0.1,0-0.2,0l-7.8-0.1l-4.4-0.1l-12.1-0.2c-0.1,0-0.2,0-0.3,0
+			c-4.2,0-8.2,1.6-11.3,4.5c-3.2,3-4.9,7-4.9,11.5c0,2.5,0.4,4.9,1.6,7.2l-0.1,0.1c-2-2.7-3-6-2.9-9.5c0.1-4.2,1.8-8.1,4.8-11
+			s6.9-4.5,11.1-4.4l12.7,0.2v-2.7l-12.7-0.2c-0.1,0-0.2,0-0.3,0c-4.8,0-9.3,1.8-12.7,5.2c-3.6,3.4-5.6,8-5.7,12.9
+			c-0.1,6.1,1.8,11.5,5.4,15.1c3.9,4,9.6,6,16.9,6c4.9,0,8.7-1.5,11.4-4.5c2-2.4,3.2-5.8,3.3-9.5l0.1-7.8l-4.3-0.1L47.5,65
+			c0,2-0.7,3.9-1.8,5.4c-1.3,1.6-2.8,2.3-4.7,2.3c-2.1,0-3.7-0.5-4.7-1.4c-1.2-0.9-1.8-2.4-1.7-4.3c0.1-3.9,3.3-7,7.2-7h0.1L46,60
+			v-2.7l-4.2-0.1c-0.1,0-0.1,0-0.2,0c-5.4,0-9.8,4.3-9.9,9.7c0,1.3,0.2,2.6,0.7,3.8l0.2,0.4l-0.3-0.4c-1.4-1.7-2.1-3.9-2.1-6.1
+			c0.1-5,4.2-9.1,9.4-9.1c0.1,0,0.1,0,0.2,0l7.8,0.1l4.4,0.1l12.1,0.2c0.1,0,0.2,0,0.3,0c8.8,0,16.1-7.2,16.3-16
+			c0-2.5-0.4-4.9-1.6-7.2l0.1-0.1c2,2.7,3,6,2.9,9.5c-0.1,4.2-1.8,8.1-4.8,11c-3,2.9-7,4.5-11.1,4.4l-12.7-0.2V60l12.7,0.2
+			c0.1,0,0.2,0,0.3,0c4.8,0,9.7-1.9,13.4-5.2c4-3.5,5.2-8.1,5.3-12.9C85.2,36.5,83.2,31.2,79.5,27.5z M64.3,53.1c-0.1,0-0.2,0-0.2,0
+			L52,52.9l-4.4-0.1l-7.8-0.1c-0.1,0-0.1,0-0.2,0c-3.2,0-6.1,1.2-8.3,3.4c-2.3,2.2-3.6,5.3-3.7,8.4c0,1.7,0.3,3.4,0.9,4.9l0.2,0.5
+			l-0.4-0.5c-1.6-2.1-2.4-4.5-2.4-7.2C26,56,31.2,51,37.4,51c0.1,0,0.1,0,0.2,0l8.4,0.1v-2.7l-8.4-0.1c-0.1,0-0.2,0-0.2,0
+			c-7.7,0-14,6.2-14.1,13.9c0,2.1,0.4,4.1,1.3,6.1l0.3,0.6l-0.4-0.6c-1.8-2.4-2.7-5.3-2.6-8.3c0.1-7.4,6.2-13.4,13.6-13.4
+			c0.1,0,0.2,0,0.2,0l12.2,0.2l4.3,0.1h0.1L60,47c0.1,0,0.1,0,0.2,0c3.2,0,6.1-1.2,8.3-3.4c2.3-2.2,3.6-5.3,3.7-8.4
+			c0-1.7-0.3-3.4-0.9-4.9L71,29.8l0.4,0.5c1.6,2.1,2.4,4.5,2.4,7.2c0,3-1.3,5.9-3.5,8c-2.1,2.1-4.9,3.3-8,3.3c-0.1,0-0.1,0-0.2,0
+			l-8.4-0.1v2.7l8.4,0.1c0.1,0,0.2,0,0.2,0c3.7,0,7.2-1.4,9.8-4c2.7-2.6,4.2-6.1,4.3-9.9c0-2.1-0.4-4.1-1.3-6.1l-0.3-0.6l0.4,0.6
+			c1.8,2.4,2.7,5.3,2.6,8.3C77.8,47.1,71.7,53.1,64.3,53.1z"/>
+	</g>
+</g>
+</svg>
diff --git a/packages/apps-config/src/ui/logos/nodes/oak.png b/packages/apps-config/src/ui/logos/nodes/oak.png
new file mode 100644
index 0000000..1a412ed
Binary files /dev/null and b/packages/apps-config/src/ui/logos/nodes/oak.png differ
diff --git a/packages/apps-config/src/ui/logos/nodes/opal-logo.png b/packages/apps-config/src/ui/logos/nodes/opal-logo.png
new file mode 100644
index 0000000..8fd3530
Binary files /dev/null and b/packages/apps-config/src/ui/logos/nodes/opal-logo.png differ
diff --git a/packages/apps-config/src/ui/logos/nodes/opportunity.png b/packages/apps-config/src/ui/logos/nodes/opportunity.png
new file mode 100644
index 0000000..835d0ad
Binary files /dev/null and b/packages/apps-config/src/ui/logos/nodes/opportunity.png differ
diff --git a/packages/apps-config/src/ui/logos/nodes/origintrail.png b/packages/apps-config/src/ui/logos/nodes/origintrail.png
new file mode 100644
index 0000000..9548027
Binary files /dev/null and b/packages/apps-config/src/ui/logos/nodes/origintrail.png differ
diff --git a/packages/apps-config/src/ui/logos/nodes/pangolin.svg b/packages/apps-config/src/ui/logos/nodes/pangolin.svg
new file mode 100644
index 0000000..cfb7bfb
--- /dev/null
+++ b/packages/apps-config/src/ui/logos/nodes/pangolin.svg
@@ -0,0 +1,10 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="200px" height="200px" viewBox="0 0 200 200" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>Pangolin</title>
+    <g id="页面-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="Pangolin" fill-rule="nonzero">
+            <circle id="蒙版" fill="rgb(87,68,2222)" cx="100" cy="100" r="100"></circle>
+            <path d="M113.471594,101.95602 C113.692916,101.625891 115.140879,102.395622 115.976436,102.444852 C116.766086,102.491377 115.140559,100.837591 115.976436,101.061821 C117.125896,101.370174 120.73997,103.702682 121.801583,105.022198 C124.003244,107.758523 124.518867,112.074269 122.881538,114.833414 C122.660499,115.205807 122.416755,115.522035 122.177181,115.8008 L121.973479,116.031002 L121.497836,116.543406 L121.330896,116.729997 C120.98838,117.126211 120.779407,117.476146 120.876106,117.899592 C121.16697,119.174054 123.951752,119.918125 125.504187,119.739714 C127.827114,119.471567 130.207872,116.810779 132.099255,112.810417 L135.972605,116.478135 L129.528503,125.280076 L129.463076,125.377876 C129.199486,125.810551 129.195,126.353079 129.451401,126.789999 L129.515202,126.888855 L134.797231,134.360566 L130.199308,145.054263 C121.271721,150.553346 110.818536,154.966646 100.667793,155 L108.53268,148.460239 L108.63017,148.395301 C109.039964,148.096791 109.253809,147.59853 109.186534,147.097641 L109.167793,146.990339 L107.28822,138.275762 L116.873171,132.561215 L116.966295,132.50055 C117.35683,132.223385 117.576288,131.764766 117.546142,131.288796 L117.534719,131.178724 L114.962244,113.373114 C115.442141,113.041798 117.793607,111.675856 117.36813,108.668488 C117.250008,107.833571 116.219568,106.248023 114.27681,103.911844 L114.066533,103.634104 C113.531445,102.911702 113.216164,102.337098 113.471594,101.95602 Z M108.290301,111.174985 C109.397562,112.386311 110.779009,113.562738 112.227063,113.902677 L114.647892,130.662172 L105.003418,136.412974 L104.904739,136.477594 C104.489868,136.775039 104.27232,137.27629 104.339785,137.780647 L104.358636,137.888698 L106.239359,146.611711 L95.7949911,152.955498 C93.1392129,152.746456 82.53076,152.447132 69.3546593,146.701819 C67.7979213,146.023018 64.7825825,144.178978 60.308643,141.169698 L72.28885,142.396903 L72.4015548,142.419855 C73.1547708,142.541787 73.870372,142.032515 73.9956497,141.283187 L74.0090221,141.179554 L75.2250379,127.889212 L92.2373967,135.403018 L92.3454175,135.445515 C92.9261383,135.64674 93.573238,135.443525 93.9321531,134.947218 L93.995986,134.850753 L108.290301,111.174985 Z M135.48641,100.668342 L137.367719,103.831945 L137.433749,103.932722 C137.692178,104.292009 138.108698,104.507379 138.55345,104.511196 L138.66515,104.507704 L147.619216,103.870827 L152.536294,115.146905 C150.604716,122.114089 147.237327,128.771438 142.318644,134.610055 C139.929876,137.44571 136.176408,142.472293 133.372621,144.627273 L137.661704,134.738124 L137.703992,134.626762 C137.828171,134.251669 137.784907,133.841192 137.585211,133.499812 L137.52062,133.399575 L132.364633,126.108195 L138.940237,117.125507 L139.004196,117.030159 C139.320393,116.513965 139.261429,115.851282 138.859757,115.39828 L138.774863,115.310581 L133.240348,110.070043 C134.262747,107.277923 135.054281,104.061567 135.48641,100.668342 Z M85.0771482,102.469032 L96.2622742,111.114422 L96.3609458,111.184145 C96.8984563,111.530277 97.6075085,111.465582 98.0726113,111.027972 L98.1568579,110.941559 L103.833106,104.595562 C104.340097,105.799232 105.059411,106.89468 105.785813,107.932241 L106.441771,108.85829 L92.242128,132.378311 L74.5799583,124.577179 L74.4789552,124.53703 C73.6662155,124.249074 72.7825543,124.765952 72.642005,125.612639 L72.6287581,125.715794 L71.3833584,139.324368 L60.3508014,136.61296 C51.0443765,128.423907 45.9274427,120.722618 45,113.509093 L52.9077832,116.44352 C53.8992469,116.865601 54.577328,116.900692 54.9420265,116.548792 L63.8633728,106.422486 L76.040677,116.61274 L76.1324745,116.683444 C76.7895896,117.148139 77.7122981,116.957554 78.1283637,116.270155 L78.1818871,116.173355 L85.0771482,102.469032 Z M101.593478,81.4131803 C102.910994,80.9239542 104.233656,80.5901703 105.511063,80.3753746 L105.987871,80.3003326 L106.459845,80.2360185 C106.616299,80.216321 106.771849,80.1983403 106.926396,80.1820051 L107.386932,80.1378654 L107.840863,80.1031719 C108.366367,80.0680405 108.877179,80.0513232 109.36908,80.0499673 L109.785979,80.052496 L110.193024,80.0621213 C110.326998,80.0664651 110.459231,80.0719205 110.589625,80.0784163 L110.975191,80.1009537 C111.0385,80.1052064 111.101324,80.1097013 111.163652,80.1144297 L111.531558,80.1455297 L111.886953,80.181804 L112.229246,80.2228255 L112.557847,80.268167 L112.872164,80.3174014 L113.171607,80.3701013 L113.455585,80.4258396 L113.723509,80.4841892 L113.974786,80.5447228 C114.015246,80.55497 114.054987,80.5652904 114.093998,80.5756751 L114.3192,80.6386837 L114.526278,80.7028083 L114.714644,80.7676218 L114.883706,80.8326969 L115.032874,80.8976064 L115.161557,80.9619232 C115.35863,81.0683866 115.467888,81.1706001 115.477026,81.2596639 C115.492683,81.4135952 115.21268,81.5716963 114.81558,81.7341913 L114.535458,81.8431747 L114.232397,81.9534747 L113.604486,82.1780837 C112.933987,82.4243375 112.350328,82.6801743 112.391639,82.9462693 C112.436637,83.2355531 113.060039,83.3896841 113.874129,83.4927967 L114.233569,83.5341095 L114.609576,83.5706469 L116.143635,83.6984771 L116.500746,83.7332135 C117.308496,83.8184235 117.919218,83.9367494 117.945197,84.1723256 C117.970668,84.4027457 117.429649,84.6747649 116.70932,84.944582 L116.365538,85.068797 L116.004751,85.1917424 C115.943673,85.2120743 115.882238,85.2323135 115.820624,85.2524399 L114.241811,85.7539296 L113.956636,85.8491604 C113.912389,85.8643947 113.869901,85.879297 113.829348,85.8938473 L113.610658,85.9767664 C113.418008,86.0551431 113.307703,86.1194137 113.317811,86.1652721 C113.33138,86.2275085 113.559749,86.2282432 113.897115,86.2019332 L114.168924,86.1776682 L115.130407,86.076326 L115.631932,86.0295847 L115.951249,86.0072822 C116.518063,85.975358 116.9659,85.9981632 117.01972,86.1652721 C117.066965,86.3126841 116.798545,86.5430729 116.410145,86.7904338 L116.187567,86.9266444 L115.948249,87.063841 L115.57332,87.2662777 L115.323025,87.3955254 L114.96545,87.5719685 L114.226855,87.9364249 L113.874956,88.1174932 C113.815093,88.1489876 113.754644,88.1811356 113.693639,88.2139301 L113.321187,88.4183998 C113.131872,88.5244579 112.938105,88.6362091 112.74071,88.7534643 L112.341329,88.9952575 L111.933739,89.2513926 C111.79667,89.339124 111.658478,89.4291897 111.519405,89.5215338 L111.099794,89.8053453 C110.888912,89.9506127 110.676601,90.1008805 110.463683,90.25596 L110.037284,90.5724784 L109.610733,90.9014919 C106.414699,93.4151113 103.329497,96.9546817 103.136172,100.882788 C103.130559,100.996508 103.127432,101.109273 103.126694,101.221107 L96.9418894,108.135381 L85.4458568,99.2498145 L85.3536984,99.1842414 C84.6956099,98.7544347 83.8038944,98.9566376 83.3988223,99.6284905 L83.3466692,99.7230026 L76.4818422,113.365537 L64.612457,103.432708 L64.5186002,103.360631 C63.9744298,102.978058 63.2300178,103.034417 62.750446,103.494497 L62.6686595,103.579871 L53.9960627,113.428831 L47.1089713,105.267652 C46.216139,102.940447 46.2089959,98.7724433 47.0875422,92.7636401 C48.4053616,83.7504353 50.3264165,78.7055539 51.2626267,76.8587926 L53.4104656,89.7087499 L53.4444123,89.8067266 C53.7535308,90.6033347 54.7168753,90.9327263 55.453586,90.4947246 L55.5444307,90.4359558 L66.1224343,83.0146601 L70.9297194,91.37527 L70.9884427,91.4687598 C71.4209899,92.1008987 72.2939095,92.2629405 72.9269172,91.8286028 L73.0156414,91.7624839 L82.8610437,83.8126686 L85.5342843,88.5946932 L85.5907815,88.6873289 C86.0651359,89.4021774 87.0814255,89.5177947 87.7061013,88.9290313 L87.7852831,88.8482328 L90.5977772,85.7434779 C92.4953984,85.7520901 93.9559822,85.4737626 94.9795287,84.9084956 L95.3373841,84.7065259 L95.8889723,84.3824961 L97.2617832,83.5566537 L97.894635,83.1860866 L98.333754,82.9375796 L98.7877593,82.6898078 C99.6343306,82.2372314 100.56076,81.796595 101.593478,81.4131803 Z M145.695034,80.3318484 L147.945777,81.6311156 L150.392239,83.0568857 L152.128648,84.0801294 C154.674555,92.5678143 155.897095,103.267124 154.248043,112.126063 L149.78031,101.87129 L149.72917,101.766312 C149.488745,101.321489 149.022003,101.041699 148.513518,101.038194 L148.403985,101.041713 L139.325497,101.68794 L135.8434,95.8333198 C135.889801,93.4822241 135.747462,91.1034148 135.377566,88.7715926 C135.153922,87.361795 134.841482,85.9337881 134.442956,84.5044 L139.478267,85.7346325 L139.598944,85.7585601 C140.002314,85.8202757 140.413166,85.7026094 140.721622,85.4370293 L140.810977,85.3529493 L145.695034,80.3318484 Z M86.7508445,61.6454602 C93.0134712,62.3369753 95.0490336,63.1882996 99.5490788,65.0477837 C100.99706,65.6461748 102.470164,66.2636107 103.96839,66.9000914 L106.234572,67.8690962 L106.932988,68.1255468 L107.362578,68.2893596 L107.763353,68.4474492 L108.135312,68.5998154 L108.478455,68.7464582 L108.792782,68.8873777 L109.078293,69.0225738 C109.123477,69.0446296 109.16746,69.0664468 109.210243,69.0880256 L109.45253,69.2146368 C109.832329,69.4208858 110.092062,69.6032877 110.231728,69.7618422 C111.111279,70.7610815 111.02569,72.6938663 110.386206,73.7477353 C109.760264,74.779973 108.58352,75.0551551 106.993799,75.1279798 L106.587845,75.1422912 L106.165162,75.1500971 L105.500818,75.1538212 L104.528587,75.1540629 L103.980558,75.1571467 L103.415267,75.1656847 C101.216074,75.2122319 98.6508506,75.4370384 95.8854422,76.5075721 C95.7507837,76.559698 95.6156875,76.6138146 95.480363,76.6698192 L95.0739139,76.843394 C94.9383421,76.9030717 94.8027513,76.9645347 94.6673509,77.0276801 L94.2619302,77.2220613 L93.8589081,77.4259211 C93.4575039,77.6343148 93.0615817,77.8560019 92.6767943,78.088209 L92.2959279,78.3238199 C89.7843539,79.9165673 87.4466919,86.5400041 87.0208195,85.5573612 C86.7369045,84.9022659 85.8926872,83.392392 84.4881676,81.0277395 L84.4301096,80.9328397 C84.0016685,80.2909656 83.1215072,80.1221205 82.4834449,80.5594027 L82.394015,80.6260093 C76.4845008,85.9517027 73.197356,88.60559 72.5325806,88.5876711 C71.8678052,88.5696312 70.283478,85.8143102 67.7795991,80.3217081 L67.7208678,80.228235 C67.3086005,79.6260677 66.4916895,79.4458115 65.8617218,79.8180035 L65.7687026,79.877992 C59.3452732,84.7803435 55.9264234,87.1785031 55.512153,87.0724708 C55.0978826,86.9664385 54.6278736,84.4838992 54.1021258,79.6248531 C55.6428879,77.5721674 57.0417908,75.9035719 58.2988345,74.6190664 L58.8304792,74.0870327 L59.1331672,73.7978267 L59.4638351,73.4921073 L59.8715015,73.1271113 L60.2268466,72.8182488 L60.7655206,72.3646583 L61.0622264,72.1217295 L61.5409497,71.7393814 L61.8822582,71.4736598 L62.426975,71.060809 L62.8116722,70.7772099 L63.2133847,70.4878363 L63.6319185,70.1934745 L64.0670791,69.8949111 C64.1409807,69.8448441 64.2155669,69.7946348 64.2908338,69.7442995 L64.7505705,69.4409083 L65.2264484,69.1352817 C65.3877429,69.033121 65.5516953,68.9307188 65.7182732,68.8282062 L66.2258506,68.5204682 C66.3117488,68.469167 66.3982952,68.417871 66.4854858,68.3665966 L67.016328,68.0593396 C67.3753333,67.8548488 67.7445165,67.6512271 68.1236187,67.4495233 L68.6996789,67.1485371 C71.6640845,65.6278794 75.593788,64.6637814 79.096523,63.7200055 C79.7135766,63.5537468 76.9749178,61.7414271 77.7048282,61.6454602 C78.606698,61.5268845 80.4882178,60.9539451 86.7508445,61.6454602 Z M131.640643,66.7225641 L145.227307,69.4223083 L145.250249,69.455501 C147.470237,72.7521368 150.720228,76.5793831 152.160501,80.3163682 L148.974524,79.0224999 L146.147113,77.3963607 L146.0418,77.3417113 C145.543251,77.1092357 144.951888,77.1916394 144.536904,77.5514116 L144.450776,77.6327374 L139.366085,82.8583203 L133.445959,81.4120208 C132.528909,78.9101101 131.351647,76.4415126 129.928911,74.097765 L131.640643,66.7225641 Z M129.467812,54.2022052 C134.605687,57.3759303 140.045921,61.0209361 143.810332,65.7945509 L130.862165,63.746863 L130.756897,63.7300175 C130.09348,63.6493526 129.464181,64.0517184 129.262723,64.6844953 L129.233176,64.7920483 L127.804602,70.9427804 C125.593479,67.9754211 122.951699,65.3095288 119.914978,63.1669616 L118.342303,55.8775327 L129.467812,54.2022052 Z M90.9259289,67.8690962 C90.1573171,67.8690962 89.5342341,68.4882999 89.5342341,69.2521264 C89.5342341,70.0159529 90.1573171,70.6351566 90.9259289,70.6351566 C91.6945408,70.6351566 92.3176238,70.0159529 92.3176238,69.2521264 C92.3176238,68.4882999 91.6945408,67.8690962 90.9259289,67.8690962 Z M111.918907,47.0627578 C116.511941,48.167694 125.250261,51.8524566 125.535318,51.9970693 L116.4638,53.3628857 L116.361934,53.3820305 C115.661486,53.5403515 115.196672,54.2068995 115.292812,54.9138129 L115.311481,55.0200942 L116.632901,61.14564 C116.252656,60.9437068 115.867346,60.7497141 115.477026,60.5639997 C113.368565,59.5605851 111.036545,58.7620185 108.574403,58.1439829 L104.080973,52.2405946 L111.918907,47.0627578 Z M90.2349894,47.3518755 L86.8691196,50.3242531 L86.7941798,50.3954441 C86.2961385,50.9046448 86.2692509,51.709409 86.7296845,52.2502034 L86.8109385,52.3377957 L90.9517975,56.4396424 C88.1400305,56.5207526 85.4252653,56.7517981 82.9294711,57.1010357 L82.0995691,57.2227374 L81.6709449,57.2896056 L78.9698397,57.728961 L78.283987,57.8353403 L77.6040997,57.934543 L77.1566731,57.9952609 L76.715674,58.0506437 L76.2826129,58.0998332 L75.8590004,58.1419713 L75.4463469,58.1761998 C75.3785685,58.1811978 75.3113096,58.1858304 75.2446018,58.1900798 L74.851219,58.2108348 C73.2417737,58.2769618 72.0160598,58.0812378 71.6657773,57.3443054 C71.5456058,57.0915026 71.7765827,56.5087247 72.3528197,55.7470966 L72.5268485,55.5247524 C72.6185553,55.4112775 72.7172967,55.2944464 72.8230556,55.1746996 L73.0439251,54.9314489 L73.2834774,54.6812063 C73.324958,54.6389601 73.3672158,54.5964552 73.4102501,54.5537079 L73.6777695,54.2944462 C73.7700454,54.2071432 73.8654224,54.1190013 73.9638954,54.0301509 L74.2685973,53.7616052 C74.530247,53.5362637 74.811215,53.3073107 75.1114218,53.0767859 L75.4808994,52.7995323 C77.2481755,51.5033798 79.6177817,50.1835246 82.57576,49.1981882 C84.8096518,48.4540534 87.3627283,47.8386158 90.2349894,47.3518755 Z M106.683602,46 C107.164489,46.0804931 107.642015,46.1649005 108.11618,46.2532222 L101.308952,50.7504144 L101.224771,50.8105479 C100.658698,51.2471201 100.520166,52.0435337 100.904334,52.6433256 L100.96935,52.7363145 L104.433757,57.2880612 C101.310268,56.7693643 98.0706365,56.4964423 94.8813312,56.42597 L89.8227203,51.416477 L95.1960235,46.6728374 C98.6563521,46.2998298 102.485545,46.0755507 106.683602,46 Z" id="形状" fill="#FFFFFF" transform="translate(100.000000, 100.500000) scale(-1, 1) translate(-100.000000, -100.500000) "></path>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/packages/apps-config/src/ui/logos/nodes/pangoro.svg b/packages/apps-config/src/ui/logos/nodes/pangoro.svg
new file mode 100644
index 0000000..43fc208
--- /dev/null
+++ b/packages/apps-config/src/ui/logos/nodes/pangoro.svg
@@ -0,0 +1,22 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="200px" height="200px" viewBox="0 0 200 200" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>编组 2</title>
+    <g id="页面-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="编组-2">
+            <g id="Pangolin1" fill="#5745DE" fill-rule="nonzero">
+                <rect id="矩形" x="0" y="0" width="200" height="200"></rect>
+            </g>
+            <g id="编组" transform="translate(26.345543, 44.000000)">
+                <path d="M50.6987511,30.5856533 C38.6623907,30.5856533 28.8881789,40.3385959 28.8153318,52.4074661 L28.8078204,53.6519129 L30.0220897,53.3794169 C32.4996143,52.8234318 35.1031185,52.5368175 37.7639563,52.5368175 C51.310626,52.5368175 62.2787772,59.9652929 62.633507,69.0622399 L62.7093986,71.0084604 L64.2369512,69.8001075 C69.4688334,65.661487 72.5834196,59.3598208 72.5834196,52.5453757 C72.5834196,40.418149 62.7861159,30.5856533 50.6987511,30.5856533 Z M50.6987511,32.5656533 C61.6909997,32.5656533 70.6034196,41.5100867 70.6034196,52.5453757 L70.5992324,52.9581958 C70.490494,58.31536 68.2689039,63.2938516 64.5231494,66.9208949 L64.396,67.041 L64.3607202,66.8497334 C62.5235336,57.5568468 51.2443555,50.5568175 37.7639563,50.5568175 L37.0001026,50.5643076 C34.9672332,50.6042202 32.968096,50.8033693 31.0301218,51.1551324 L30.84,51.191 L30.8501,51.0439762 C31.6139708,40.7062947 40.2138354,32.5656533 50.6987511,32.5656533 Z" id="形状结合" fill="#FFFFFF" fill-rule="nonzero" transform="translate(50.695620, 50.797057) rotate(-86.000000) translate(-50.695620, -50.797057) "></path>
+                <path d="M72.0134179,20.1355282 C75.6706399,20.1355282 106.232919,-2.11860821 109.822818,0.16436399 C111.579448,1.28148139 109.299517,4.39478916 107.0299,7.76198841 L106.662583,8.30997104 C104.771854,11.1498695 103.041921,14.1018822 103.852913,16.1412954 C104.38501,17.4793686 111.656197,14.619409 119.324013,11.5571686 L120.304549,11.1654534 L120.304549,11.1654534 L121.777018,10.5778008 C129.620856,7.45263562 137.174634,4.55985138 137.682376,6.15571325 C139.278097,11.1711506 136.550933,19.2850848 133.417987,27.666788 L132.838884,29.208646 C132.70958,29.5516615 132.58,29.8948344 132.450409,30.2379721 L132.061873,31.2670876 C131.9972,31.4385251 131.932592,31.6099057 131.868081,31.7812054 L131.482451,32.8078393 C130.01072,36.7380693 128.625715,40.6000138 127.732534,44.1009253 C127.429749,45.2877198 131.448035,45.2728968 135.755531,45.1676877 L136.475433,45.1495065 C141.163218,45.0283657 145.927543,44.8735998 145.64225,46.0980417 C143.051455,57.2174107 135.754905,70.5315202 123.752597,86.0403701 C108.329177,104.680123 92.7410911,114 76.988339,114 C53.3592108,114 34.2040177,102.823257 34.2040177,89.0360447 C34.2040177,81.4981934 33.1117428,76.6378829 42.1638915,72.0605552 C44.0050339,71.1295593 40.2587328,68.9753848 38.1839546,62.074973 C37.3164358,59.1897313 36.3285461,52.5750387 38.1839546,50.0922745 C40.0393631,47.6095103 38.6437623,51.5339916 44.1538599,54.0865074 C45.9226981,54.9059098 46.235446,42.8154375 56.0936705,22.1326446 C58.6346265,16.8016576 68.0334811,6.15571325 70.0234495,6.15571325 C71.0347449,6.15571325 70.9513267,9.76619489 70.9198223,13.3174883 L70.9146809,14.0031109 C70.8965863,17.1900364 70.9811948,20.1355282 72.0134179,20.1355282 Z M83.7923297,84.2881395 C83.3594008,83.2743438 82.1895403,82.8047187 81.1793731,83.2392026 C73.1310458,84.9890615 67.4224362,86.5884895 64.0535442,88.0374865 C60.7325711,89.4658731 56.4063831,92.1825206 51.0749802,96.187429 C50.3433009,96.5021322 49.8688987,97.2241659 49.8688987,98.0230686 C49.8688987,99.1260456 50.7598379,100.020185 51.8588672,100.020185 L51.8588672,100.020185 L81.9632601,100.020185 C83.0622893,100.020185 83.9532285,99.1260456 83.9532285,98.0230686 L83.9532285,98.0230686 L83.9532285,85.0748422 C83.9532285,84.8043792 83.8984889,84.5367343 83.7923297,84.2881395 Z" id="形状结合" fill="#FFFFFF"></path>
+                <path d="M65.1737462,54.7215516 C65.6795771,54.9370353 65.9155752,55.5232493 65.7008627,56.0308971 L61.8910695,65.0349073 L77.9724612,55.1709263 C78.9101382,54.595607 80.1349947,54.8920863 80.7082548,55.8331314 C80.8259301,56.0263032 80.9100181,56.2381507 80.9569234,56.4596153 L82.4408361,63.4659524 C82.6693371,64.5448267 81.9831037,65.6053291 80.9080909,65.8346509 L61.1278532,70.0541725 C60.4405655,70.2007848 58.2115764,68.6266968 58.4262888,68.119049 L63.8690871,55.2505615 C64.0837996,54.7429137 64.6679153,54.5060679 65.1737462,54.7215516 Z" id="路径" fill="#5745DE"></path>
+                <path d="M100.86796,22.1326446 C112.407767,22.1326446 121.762629,31.5211091 121.762629,43.102367 C121.762629,49.7868147 118.646202,55.7407672 113.791964,59.5806561 C113.413835,49.8836319 101.981135,42.1038088 87.9331653,42.1038088 C85.1563798,42.1038088 82.4817761,42.4077764 79.9745228,42.9704329 C80.044058,31.4502541 89.3717815,22.1326446 100.86796,22.1326446 Z" id="形状结合" fill="#5745DE"></path>
+                <ellipse id="椭圆形" stroke="#FFFFFF" stroke-width="1.98" fill="#5745DE" cx="40.173923" cy="80.0490208" rx="9.94984215" ry="5.99134926"></ellipse>
+                <polygon id="矩形" fill="#FFFFFF" transform="translate(28.234112, 94.028836) rotate(11.000000) translate(-28.234112, -94.028836) " points="14.3011729 92.0226077 42.1643743 92.0413515 42.167052 96.0350639 14.3038506 96.0163201"></polygon>
+                <path d="M15.1107312,41.529507 L14.3043334,40.397215 L13.4979357,41.529507 C8.07177524,49.148573 5.35445973,57.6706859 5.35445973,67.0677641 C5.35445973,76.4648423 8.07177524,84.9869552 13.4979357,92.6060212 L14.3043334,93.7383132 L15.1107312,92.6060212 C20.5368917,84.9869552 23.2542072,76.4648423 23.2542072,67.0677641 C23.2542072,57.6706859 20.5368917,49.148573 15.1107312,41.529507 Z M14.3040736,43.849 L14.5456572,44.2147494 C19.03363,51.0986778 21.2742072,58.7088145 21.2742072,67.0677641 L21.270006,67.6932817 C21.1607737,75.8067667 18.9214307,83.2089486 14.5456572,89.9207788 L14.3030736,90.285 L14.0630097,89.9207788 C9.57503687,83.0368504 7.33445973,75.4267138 7.33445973,67.0677641 C7.33445973,58.7088145 9.57503687,51.0986778 14.0630097,44.2147494 L14.3040736,43.849 Z" id="椭圆形" fill="#FFFFFF" fill-rule="nonzero"></path>
+                <path d="M10.970644,87.3166544 L10.3105765,86.7257467 L9.65027898,87.3163973 C6.79554738,89.8700172 5.34035583,92.7863037 5.3460402,96.0206578 C5.35177822,99.2538895 6.81618892,102.173156 9.67814921,104.73525 L10.3382166,105.326158 L10.9985142,104.735507 C13.8532458,102.181887 15.3084373,99.2656007 15.302753,96.0312466 C15.297015,92.798015 13.8326043,89.878748 10.970644,87.3166544 Z M10.3100736,89.419 L10.4527429,89.5633074 C12.3760541,91.5548716 13.3186116,93.7020449 13.3227394,96.0347434 L13.3179511,96.3378044 C13.2437666,98.5524016 12.3094636,100.594711 10.4778731,102.491747 L10.3380736,102.632 L10.1960502,102.488597 C8.27273906,100.497033 7.3301816,98.3498595 7.3260403,96.017161 C7.32194382,93.6854674 8.25607544,91.5434226 10.17092,89.5601574 L10.3100736,89.419 Z" id="椭圆形" fill="#FFFFFF" fill-rule="nonzero" transform="translate(10.324397, 96.025952) rotate(50.000000) translate(-10.324397, -96.025952) "></path>
+                <polygon id="直线" fill="#FFFFFF" fill-rule="nonzero" points="86.9356711 87.6359756 88.3382503 89.0335347 82.2312931 95.1624282 76.139 93.124 70.1701441 97.1189531 64.321 95.162 60.3998045 99.098288 48.9582992 96.8017673 49.3479501 94.8604863 59.747 96.947 63.7855111 92.8952434 69.876 94.933 75.8466602 90.9387184 81.695 92.894"></polygon>
+            </g>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/packages/apps-config/src/ui/logos/nodes/parallel.svg b/packages/apps-config/src/ui/logos/nodes/parallel.svg
new file mode 100644
index 0000000..711860d
--- /dev/null
+++ b/packages/apps-config/src/ui/logos/nodes/parallel.svg
@@ -0,0 +1,15 @@
+<svg width="200" height="200" viewBox="0 0 200 200" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect width="200" height="200" fill="white"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M63.0641 96.3672L33.4438 109.677C26.8591 112.635 26.877 121.985 33.473 124.918L106.504 157.398C110.871 159.34 115.863 159.32 120.214 157.341L166.713 136.204C173.249 133.233 173.237 123.951 166.694 120.997L137.454 107.796L120.217 115.631C115.865 117.61 110.874 117.63 106.506 115.688L63.0641 96.3672Z" fill="url(#paint0_linear)"/>
+<path d="M80.8013 42.4841C85.1683 40.5219 90.1678 40.5263 94.5313 42.4964L166.702 75.08C173.245 78.0343 173.257 87.3165 166.721 90.2875L120.222 111.425C115.871 113.403 110.879 113.423 106.512 111.481L33.4811 79.0013C26.8851 76.0678 26.8671 66.7183 33.4518 63.7596L80.8013 42.4841Z" fill="url(#paint1_linear)"/>
+<defs>
+<linearGradient id="paint0_linear" x1="171.581" y1="120.946" x2="28.5482" y2="120.946" gradientUnits="userSpaceOnUse">
+<stop stop-color="#EF18AC"/>
+<stop offset="1" stop-color="#FAD972"/>
+</linearGradient>
+<linearGradient id="paint1_linear" x1="171.586" y1="95.7346" x2="28.5536" y2="95.7346" gradientUnits="userSpaceOnUse">
+<stop stop-color="#5314F1"/>
+<stop offset="1" stop-color="#04E2FF"/>
+</linearGradient>
+</defs>
+</svg>
diff --git a/packages/apps-config/src/ui/logos/nodes/parami.png b/packages/apps-config/src/ui/logos/nodes/parami.png
new file mode 100644
index 0000000..749f2f2
Binary files /dev/null and b/packages/apps-config/src/ui/logos/nodes/parami.png differ
diff --git a/packages/apps-config/src/ui/logos/nodes/phala.svg b/packages/apps-config/src/ui/logos/nodes/phala.svg
new file mode 100644
index 0000000..aeac40c
--- /dev/null
+++ b/packages/apps-config/src/ui/logos/nodes/phala.svg
@@ -0,0 +1,18 @@
+<svg id="layer_1" data-name="layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 500 500">
+  <defs>
+    <style>
+      .cls-1 {
+      fill: #d1ff52;
+      }
+    </style>
+  </defs>
+  <title>board 14</title>
+  <circle cx="250" cy="250" r="250" />
+  <rect class="cls-1" x="180" y="259.85" width="171.5" height="57.17" />
+  <rect class="cls-1" x="351.51" y="174.1" width="57.17" height="85.76" />
+  <polygon class="cls-1"
+           points="180 317.03 122.82 317.03 122.82 331.32 122.82 345.62 122.82 402.78 179.99 402.78 179.99 345.62 180 345.62 180 317.03" />
+  <polygon class="cls-1"
+           points="351.51 116.93 180 116.93 171.78 116.93 122.82 116.93 122.82 231.27 122.82 249.52 122.82 259.86 180 259.86 180 249.52 180 231.27 180 174.1 351.51 174.1 351.51 116.93" />
+  <rect class="cls-1" x="180" y="259.85" width="171.5" height="57.17" />
+</svg>
diff --git a/packages/apps-config/src/ui/logos/nodes/phoenix.png b/packages/apps-config/src/ui/logos/nodes/phoenix.png
new file mode 100644
index 0000000..af5aae1
Binary files /dev/null and b/packages/apps-config/src/ui/logos/nodes/phoenix.png differ
diff --git a/packages/apps-config/src/ui/logos/nodes/picasso.png b/packages/apps-config/src/ui/logos/nodes/picasso.png
new file mode 100644
index 0000000..da9a22c
Binary files /dev/null and b/packages/apps-config/src/ui/logos/nodes/picasso.png differ
diff --git a/packages/apps-config/src/ui/logos/nodes/pichiu.png b/packages/apps-config/src/ui/logos/nodes/pichiu.png
new file mode 100644
index 0000000..a1db0ef
Binary files /dev/null and b/packages/apps-config/src/ui/logos/nodes/pichiu.png differ
diff --git a/packages/apps-config/src/ui/logos/nodes/pioneer.png b/packages/apps-config/src/ui/logos/nodes/pioneer.png
new file mode 100644
index 0000000..0dfe146
Binary files /dev/null and b/packages/apps-config/src/ui/logos/nodes/pioneer.png differ
diff --git a/packages/apps-config/src/ui/logos/nodes/plasm.png b/packages/apps-config/src/ui/logos/nodes/plasm.png
new file mode 100644
index 0000000..5c42dcd
Binary files /dev/null and b/packages/apps-config/src/ui/logos/nodes/plasm.png differ
diff --git a/packages/apps-config/src/ui/logos/nodes/polkadex.svg b/packages/apps-config/src/ui/logos/nodes/polkadex.svg
new file mode 100644
index 0000000..69b95d5
--- /dev/null
+++ b/packages/apps-config/src/ui/logos/nodes/polkadex.svg
@@ -0,0 +1,11 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="183.227" height="181.136" viewBox="0 0 183.227 181.136">
+  <g id="Icon" transform="translate(0 0)">
+    <g id="Letter" transform="translate(183.227 181.136) rotate(180)">
+      <path id="Path_1" data-name="Path 1" d="M0,0V24.855L42.582,67.837H68.229Z" transform="translate(0 24.457)"/>
+      <path id="Path_3" data-name="Path 3" d="M68.229,67.837V42.982L25.647,0H0Z" transform="translate(114.998 86.751)"/>
+      <path id="Path_4" data-name="Path 4" d="M68.229,0V24.855L25.647,67.837,68.229,110.43V136.4L0,67.837Z" transform="translate(160.86 112.907) rotate(90)"/>
+      <path id="Path_5" data-name="Path 5" d="M68.229,136.4V111.548L25.647,68.566,68.229,25.973V0L0,68.566Z" transform="translate(20.276 68.229) rotate(-90)"/>
+    </g>
+    <circle id="Ellipse" cx="11.585" cy="11.585" r="11.585" transform="translate(80.371 81.255)" fill="#e6007a"/>
+  </g>
+</svg>
diff --git a/packages/apps-config/src/ui/logos/nodes/polkadot-circle.svg b/packages/apps-config/src/ui/logos/nodes/polkadot-circle.svg
new file mode 100644
index 0000000..dc99ea8
--- /dev/null
+++ b/packages/apps-config/src/ui/logos/nodes/polkadot-circle.svg
@@ -0,0 +1,9 @@
+<svg width="800" height="800" viewBox="0 0 800 800" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect width="800" height="800" rx="400" fill="#E6007A"/>
+<path d="M400.072 246.038C452.666 246.038 495.302 221.181 495.302 190.519C495.302 159.857 452.666 135 400.072 135C347.478 135 304.843 159.857 304.843 190.519C304.843 221.181 347.478 246.038 400.072 246.038Z" fill="white"/>
+<path d="M400.072 664.364C452.666 664.364 495.302 639.507 495.302 608.845C495.302 578.183 452.666 553.326 400.072 553.326C347.478 553.326 304.843 578.183 304.843 608.845C304.843 639.507 347.478 664.364 400.072 664.364Z" fill="white"/>
+<path d="M267.363 322.89C293.66 277.233 293.489 227.785 266.982 212.443C240.475 197.102 197.668 221.677 171.371 267.333C145.074 312.989 145.245 362.438 171.753 377.779C198.26 393.121 241.066 368.546 267.363 322.89Z" fill="white"/>
+<path d="M628.731 532.027C655.028 486.371 654.872 436.931 628.382 421.6C601.893 406.269 559.101 430.852 532.804 476.508C506.507 522.165 506.663 571.605 533.153 586.936C559.643 602.267 602.434 577.684 628.731 532.027Z" fill="white"/>
+<path d="M266.996 586.923C293.503 571.582 293.674 522.133 267.377 476.477C241.08 430.821 198.274 406.246 171.766 421.587C145.259 436.929 145.088 486.377 171.385 532.034C197.682 577.69 240.488 602.265 266.996 586.923Z" fill="white"/>
+<path d="M628.405 377.792C654.894 362.461 655.051 313.02 628.754 267.364C602.457 221.708 559.665 197.124 533.175 212.455C506.686 227.787 506.53 277.227 532.827 322.883C559.124 368.539 601.915 393.123 628.405 377.792Z" fill="white"/>
+</svg>
diff --git a/packages/apps-config/src/ui/logos/nodes/polkadot-dots.svg b/packages/apps-config/src/ui/logos/nodes/polkadot-dots.svg
new file mode 100644
index 0000000..ff6d17f
--- /dev/null
+++ b/packages/apps-config/src/ui/logos/nodes/polkadot-dots.svg
@@ -0,0 +1 @@
+<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 436.22 436.22"><defs><style>.cls-1{fill:none;}.cls-2{clip-path:url(#clip-path);}.cls-3{fill:#f2f2f2;}.cls-4{fill:#4d4d4d;}.cls-5{fill:#d64ca8;}</style><clipPath id="clip-path" transform="translate(-782.01 -781.74)"><circle class="cls-1" cx="1001.02" cy="1001.98" r="215.98"/></clipPath></defs><title>Polkadot dot logo</title><g class="cls-2"><rect class="cls-3" x="782.01" y="781.74" width="436.22" height="436.22" transform="translate(-781.74 1218.23) rotate(-90)"/><circle class="cls-4" cx="84.89" cy="298" r="22.44"/><circle class="cls-4" cx="84.89" cy="222.44" r="22.44"/><circle class="cls-4" cx="84.89" cy="146.89" r="22.44"/><circle class="cls-4" cx="153.81" cy="334.98" r="22.44"/><circle class="cls-4" cx="153.81" cy="259.43" r="22.44"/><circle class="cls-4" cx="153.81" cy="183.88" r="22.44"/><circle class="cls-4" cx="153.81" cy="108.33" r="22.44"/><circle class="cls-4" cx="220.2" cy="373.55" r="22.44"/><circle class="cls-4" cx="220.2" cy="298" r="22.44"/><circle class="cls-5" cx="220.2" cy="222.44" r="22.44"/><circle class="cls-4" cx="220.2" cy="146.89" r="22.44"/><circle class="cls-4" cx="220.2" cy="71.34" r="22.44"/><circle class="cls-4" cx="289.12" cy="334.98" r="22.44"/><circle class="cls-4" cx="289.12" cy="259.43" r="22.44"/><circle class="cls-4" cx="289.12" cy="183.88" r="22.44"/><circle class="cls-4" cx="289.12" cy="108.33" r="22.44"/><circle class="cls-4" cx="355.5" cy="298" r="22.44"/><circle class="cls-4" cx="355.5" cy="222.44" r="22.44"/><circle class="cls-4" cx="355.5" cy="146.89" r="22.44"/></g></svg>
\ No newline at end of file
diff --git a/packages/apps-config/src/ui/logos/nodes/polkadot-js.svg b/packages/apps-config/src/ui/logos/nodes/polkadot-js.svg
new file mode 100644
index 0000000..7b60266
--- /dev/null
+++ b/packages/apps-config/src/ui/logos/nodes/polkadot-js.svg
@@ -0,0 +1,13 @@
+<?xml version="1.0" encoding="utf-8" standalone="yes"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Layer_1" x="0px" y="0px" viewBox="15 15 140 140" style="enable-background:new 0 0 170 170;zoom: 1;" xml:space="preserve">
+<style type="text/css">
+	.bg0{fill:#FF8C00}
+	.st0{fill:#FFFFFF;}
+</style>
+<g>
+	<circle class="bg0" cx="85" cy="85" r="70"/>
+	<g>
+		<path class="st0" d="M85,34.7c-20.8,0-37.8,16.9-37.8,37.8c0,4.2,0.7,8.3,2,12.3c0.9,2.7,3.9,4.2,6.7,3.3c2.7-0.9,4.2-3.9,3.3-6.7 c-1.1-3.1-1.6-6.4-1.5-9.7C58.1,57.6,69.5,46,83.6,45.3c15.7-0.8,28.7,11.7,28.7,27.2c0,14.5-11.4,26.4-25.7,27.2 c0,0-5.3,0.3-7.9,0.7c-1.3,0.2-2.3,0.4-3,0.5c-0.3,0.1-0.6-0.2-0.5-0.5l0.9-4.4L81,73.4c0.6-2.8-1.2-5.6-4-6.2 c-2.8-0.6-5.6,1.2-6.2,4c0,0-11.8,55-11.9,55.6c-0.6,2.8,1.2,5.6,4,6.2c2.8,0.6,5.6-1.2,6.2-4c0.1-0.6,1.7-7.9,1.7-7.9 c1.2-5.6,5.8-9.7,11.2-10.4c1.2-0.2,5.9-0.5,5.9-0.5c19.5-1.5,34.9-17.8,34.9-37.7C122.8,51.6,105.8,34.7,85,34.7z M87.7,121.7 c-3.4-0.7-6.8,1.4-7.5,4.9c-0.7,3.4,1.4,6.8,4.9,7.5c3.4,0.7,6.8-1.4,7.5-4.9C93.3,125.7,91.2,122.4,87.7,121.7z"/>
+	</g>
+</g>
+</svg>
diff --git a/packages/apps-config/src/ui/logos/nodes/polkadot-white.svg b/packages/apps-config/src/ui/logos/nodes/polkadot-white.svg
new file mode 100644
index 0000000..94b215b
--- /dev/null
+++ b/packages/apps-config/src/ui/logos/nodes/polkadot-white.svg
@@ -0,0 +1,13 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="15 15 140 140" style="enable-background:new 0 0 170 170;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#FFFFFF;}
+	.st1{fill:#E6007A;}
+</style>
+<g>
+	<g>
+		<path class="st0" d="M85,34.7c-20.8,0-37.8,16.9-37.8,37.8c0,4.2,0.7,8.3,2,12.3c0.9,2.7,3.9,4.2,6.7,3.3c2.7-0.9,4.2-3.9,3.3-6.7 c-1.1-3.1-1.6-6.4-1.5-9.7C58.1,57.6,69.5,46,83.6,45.3c15.7-0.8,28.7,11.7,28.7,27.2c0,14.5-11.4,26.4-25.7,27.2 c0,0-5.3,0.3-7.9,0.7c-1.3,0.2-2.3,0.4-3,0.5c-0.3,0.1-0.6-0.2-0.5-0.5l0.9-4.4L81,73.4c0.6-2.8-1.2-5.6-4-6.2s-5.6,1.2-6.2,4 c0,0-11.8,55-11.9,55.6c-0.6,2.8,1.2,5.6,4,6.2c2.8,0.6,5.6-1.2,6.2-4c0.1-0.6,1.7-7.9,1.7-7.9c1.2-5.6,5.8-9.7,11.2-10.4 c1.2-0.2,5.9-0.5,5.9-0.5c19.5-1.5,34.9-17.8,34.9-37.7C122.8,51.6,105.8,34.7,85,34.7z"/>
+	</g>
+</g>
+<path class="st1" d="M87.7,121.7c-3.4-0.7-6.8,1.4-7.5,4.9c-0.7,3.4,1.4,6.8,4.9,7.5c3.4,0.7,6.8-1.4,7.5-4.9 C93.3,125.7,91.2,122.4,87.7,121.7z"/>
+</svg>
diff --git a/packages/apps-config/src/ui/logos/nodes/polkafoundry.svg b/packages/apps-config/src/ui/logos/nodes/polkafoundry.svg
new file mode 100644
index 0000000..2e1eadf
--- /dev/null
+++ b/packages/apps-config/src/ui/logos/nodes/polkafoundry.svg
@@ -0,0 +1,14 @@
+<svg width="320" height="320" viewBox="0 0 320 320" fill="none" xmlns="http://www.w3.org/2000/svg">
+<circle cx="153.218" cy="167.538" r="66.2183" stroke="url(#paint0_linear)" stroke-width="30"/>
+<circle cx="251.695" cy="85.3046" r="20.3046" fill="url(#paint1_linear)"/>
+<defs>
+<linearGradient id="paint0_linear" x1="153.218" y1="86.3198" x2="153.218" y2="248.756" gradientUnits="userSpaceOnUse">
+<stop stop-color="#FC3868"/>
+<stop offset="1" stop-color="#FC3A6B" stop-opacity="0"/>
+</linearGradient>
+<linearGradient id="paint1_linear" x1="251.695" y1="65" x2="251.695" y2="105.609" gradientUnits="userSpaceOnUse">
+<stop offset="0.0420559" stop-color="#08DEFC"/>
+<stop offset="1" stop-color="#08DEFC"/>
+</linearGradient>
+</defs>
+</svg>
diff --git a/packages/apps-config/src/ui/logos/nodes/polkasmith.svg b/packages/apps-config/src/ui/logos/nodes/polkasmith.svg
new file mode 100644
index 0000000..bc0db1a
--- /dev/null
+++ b/packages/apps-config/src/ui/logos/nodes/polkasmith.svg
@@ -0,0 +1,3 @@
+<svg width="39" height="39" viewBox="0 0 39 39" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M37.7763 22.7579C35.7701 33.0925 25.7724 39.8488 15.4376 37.8429C5.10277 35.8368 -1.65335 25.8389 0.352632 15.5042C2.35861 5.16942 12.3564 -1.5867 22.6912 0.419283C33.0259 2.42526 39.7661 12.4231 37.7763 22.7579ZM19.3211 8.17038C13.0625 8.17038 7.99139 13.2415 7.99139 19.5001C7.99139 25.7589 13.0625 30.8299 19.3211 30.8299C25.5798 30.8299 30.6509 25.7589 30.6509 19.5001C30.6509 13.2415 25.5798 8.17038 19.3211 8.17038Z" fill="#2CC5F4"/>
+</svg>
diff --git a/packages/apps-config/src/ui/logos/nodes/polymesh.svg b/packages/apps-config/src/ui/logos/nodes/polymesh.svg
new file mode 100644
index 0000000..27db547
--- /dev/null
+++ b/packages/apps-config/src/ui/logos/nodes/polymesh.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="1024" height="1024" preserveAspectRatio="xMidYMid meet"><circle cx="512" cy="512" r="450" fill="#fff"/><path d="M477 .6C405.3 6.7 346.2 22.7 286.5 52c-58.3 28.6-104.3 62.7-149.7 111-50.4 53.6-89.5 120.4-112.7 192.4-11 34.1-18 67.7-22.3 107.1-1.8 16.3-1.8 82.8 0 99C9 627 24.7 681.8 52 737.5c11.2 22.9 19.5 37.4 31.7 56 22.6 34.3 47.7 64 78.8 93.2 71.6 67.4 165.4 113.9 262.5 130.2 34.6 5.9 44 6.6 87 6.6 42.3 0 52.9-.8 84.3-6 163.8-27.4 303.9-132 376.3-281 26-53.6 41.6-107.6 49.1-170 2.6-21.6 2.6-87.4 0-109-5.9-48.9-16.5-91.6-33.4-134.5C936.8 192.7 832.9 88.4 702.5 36.2 660.7 19.5 615.2 8.1 567 2.4 554.2.9 489.1-.4 477 .6zm152.8 339.8l41.7 20.4 25 1.6 29.5 2.1c4.5.5 4.5.5 35.9-21.4l31.4-22 7.1-.6c3.9-.3 13.8-.5 22-.3l14.9.3-18.9 5.4-20.1 6c-1.4.8-39.3 50.8-39.3 52 0 .5 2.9 3.5 6.4 6.6l6.4 5.6 22.2-3.3 22.2-3.2 19.6-16.6 19.7-16.5 7-19 .6 6c.4 3.3.7 8.5.8 11.7l.1 5.6-33.5 39.7-24 5.9-24.5 6.3c-.2.2 2 7.7 4.9 16.6l5.4 16.1.9 31.8.6 42.4-.3 10.6-18.4 8.4-18.4 8.3-32.6-19.5c-32.5-19.5-32.6-19.6-44.3-31.1-13.5-13.4-12.1-14-13.7 5.5l-1 12.4-20.8 31.5c-11.4 17.4-21.7 32.1-22.8 32.9-1.1.7-13.7 6.2-28 12.1-22.9 9.6-27.9 12.1-41.9 21.1l-16.2 10c-.4-.5 10.4-45.9 11.1-46.6.3-.4 9-1.4 19.1-2.3 10.2-.9 18.6-1.8 18.8-2 .7-.9 14.1-55.9 13.6-55.9-.3 0-19.5 8-42.7 17.8l-42.2 17.8-40.8-5.8-43-5.8c-1.2 0-11.6 6.6-23.5 14.9l-21.3 15-25.4 40.6-65.2 25-16.9 33.2c-9.4 18.2-17 34.2-17 35.5 0 1.2.9 7.2 2.1 13.2 1.1 5.9 1.9 11 1.7 11.2-.7.7-39.1 8.4-39.6 8-.2-.3 2.8-5.3 6.6-11.3 3.9-5.9 7.5-11.9 8.1-13.3s4.2-15.8 8-32c6.7-28.4 7.5-30.8 20-63l12.9-33.5.4-22.8c.3-22.1.2-22.8-1.7-23.3-5.4-1.2-47-9.4-48.1-9.4-.7 0-8.8 9.7-17.9 21.6-15.4 19.9-16.9 21.5-19.3 21-1.5-.3-8.8-1.3-16.2-2.2s-14.1-2-14.8-2.3c-.7-.4 6.7-2.9 16.5-5.5 9.8-2.7 18.3-5.4 19-6 .6-.6 6.6-11 13.4-23.1l13.3-23.2c.8-.8 9.6-1.4 28.2-1.9l27-.7 15.5-14.7 15.4-14.8 36.8-11.3 36.8-11.4 76.7-61.4 77.7-61.7c1.6-.6 45.8-9.2 47.8-9.3 1-.1 20.6 9.1 43.5 20.3z" fill="#1348e4"/></svg>
diff --git a/packages/apps-config/src/ui/logos/nodes/pontem.svg b/packages/apps-config/src/ui/logos/nodes/pontem.svg
new file mode 100644
index 0000000..e8a577d
--- /dev/null
+++ b/packages/apps-config/src/ui/logos/nodes/pontem.svg
@@ -0,0 +1,13 @@
+<svg width="620" height="620" viewBox="0 0 620 620" fill="none" xmlns="http://www.w3.org/2000/svg">
+<title>Pontem</title>
+<path d="M309.527 17C148.25 17 17 148.194 17 309.535C17 425.477 84.8591 525.928 182.924 573.235V573.413H183.341C221.59 591.764 264.367 602.071 309.527 602.071C470.805 602.071 602.055 470.817 602.055 309.535C602.055 148.254 470.805 17 309.527 17ZM309.527 41.0105C457.578 41.0105 578.045 161.48 578.045 309.535C578.045 352.075 568.036 392.291 550.401 428.099C511.735 409.331 472.473 395.39 432.854 385.976V161.957C432.854 154.212 426.658 147.896 419.091 147.896H369.88H245.958H196.746C189.12 147.896 182.984 154.212 182.984 161.957V386.989C144.556 396.462 106.367 410.106 68.7732 428.099C51.0786 392.291 41.0693 352.075 41.0693 309.476C41.0098 161.48 161.476 41.0105 309.527 41.0105ZM84.2037 455.267C116.018 439.478 149.084 427.384 182.924 419.043V546.245C142.828 524.737 108.869 493.279 84.2037 455.267ZM245.958 570.375V270.63C245.958 236.014 274.376 207.178 308.336 207.178C342.295 207.178 369.88 235.24 369.88 269.915C369.88 270.153 369.82 270.392 369.82 270.63H369.88V374.894C340.925 371.617 311.851 370.426 282.837 371.975L258.886 406.65C296.122 403.493 332.346 403.79 368.093 407.782C368.39 407.842 368.748 407.842 369.046 407.842C369.284 407.842 369.522 407.901 369.88 407.961C376.076 408.676 398.834 411.595 419.568 416.779L369.88 433.64V571.09C350.457 575.558 330.32 578.001 309.587 578.001C287.603 578.06 266.333 575.32 245.958 570.375ZM432.854 547.913V419.579C466.694 428.099 500.236 440.551 533.838 456.876C508.577 495.185 473.784 526.643 432.854 547.913Z" fill="url(#paint0_linear)"/>
+<defs>
+<linearGradient id="paint0_linear" x1="309.523" y1="614.834" x2="309.523" y2="-72.7024" gradientUnits="userSpaceOnUse">
+<stop offset="0.0858" stop-color="#8D29C1"/>
+<stop offset="0.2383" stop-color="#942BBB"/>
+<stop offset="0.4667" stop-color="#A92FAC"/>
+<stop offset="0.7413" stop-color="#CA3793"/>
+<stop offset="1" stop-color="#F03F77"/>
+</linearGradient>
+</defs>
+</svg>
diff --git a/packages/apps-config/src/ui/logos/nodes/prism.png b/packages/apps-config/src/ui/logos/nodes/prism.png
new file mode 100644
index 0000000..877d60a
Binary files /dev/null and b/packages/apps-config/src/ui/logos/nodes/prism.png differ
diff --git a/packages/apps-config/src/ui/logos/nodes/quartz.png b/packages/apps-config/src/ui/logos/nodes/quartz.png
new file mode 100644
index 0000000..6964083
Binary files /dev/null and b/packages/apps-config/src/ui/logos/nodes/quartz.png differ
diff --git a/packages/apps-config/src/ui/logos/nodes/realis.png b/packages/apps-config/src/ui/logos/nodes/realis.png
new file mode 100644
index 0000000..14411b5
Binary files /dev/null and b/packages/apps-config/src/ui/logos/nodes/realis.png differ
diff --git a/packages/apps-config/src/ui/logos/nodes/riochain.svg b/packages/apps-config/src/ui/logos/nodes/riochain.svg
new file mode 100644
index 0000000..a65b393
--- /dev/null
+++ b/packages/apps-config/src/ui/logos/nodes/riochain.svg
@@ -0,0 +1,10 @@
+<svg width="1787" height="1787" viewBox="0 0 1787 1787" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect x="549.491" y="343.977" width="486.457" height="486.457" transform="rotate(-45 549.491 343.977)" fill="#002060"/>
+<rect x="549.491" y="1443.02" width="486.457" height="486.457" transform="rotate(-45 549.491 1443.02)" fill="#002060"/>
+<rect x="1099.04" y="896.209" width="486.457" height="486.457" transform="rotate(-45 1099.04 896.209)" fill="#002060"/>
+<path d="M994.84 895.871L1237.08 653.634L1479.31 895.871L1237.08 1138.11L994.84 895.871Z" fill="#4E87F7"/>
+<rect y="896.209" width="486.457" height="486.457" transform="rotate(-45 0 896.209)" fill="#002060"/>
+<path d="M306.947 895.871L549.185 653.634L791.422 895.871L549.185 1138.11L306.947 895.871Z" fill="#4E87F7"/>
+<path d="M650.894 551.926L893.131 309.688L1135.37 551.926L893.131 794.163L650.894 551.926Z" fill="#4E87F7"/>
+<path d="M650.894 1239.82L893.131 997.581L1135.37 1239.82L893.131 1482.06L650.894 1239.82Z" fill="#4E87F7"/>
+</svg>
diff --git a/packages/apps-config/src/ui/logos/nodes/robonomics.svg b/packages/apps-config/src/ui/logos/nodes/robonomics.svg
new file mode 100644
index 0000000..80039c9
--- /dev/null
+++ b/packages/apps-config/src/ui/logos/nodes/robonomics.svg
@@ -0,0 +1,26 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 24.0.1, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 26 26" style="enable-background:new 0 0 26 26;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#FFFFFF;}
+	.st1{fill:none;stroke:#03A5ED;stroke-width:0.25;stroke-miterlimit:10;}
+	.st2{fill:#03A5ED;}
+	.st3{fill:#B5C0F1;}
+	.st4{fill:#535974;}
+</style>
+<circle class="st0" cx="13" cy="13" r="12.3"/>
+<g>
+	<polygon class="st1" points="13.1,5.7 5.9,17.9 20.1,17.9 	"/>
+	<circle class="st2" cx="13.1" cy="5.7" r="1"/>
+	<g>
+		<circle class="st2" cx="20" cy="17.9" r="1"/>
+		<circle class="st2" cx="6" cy="17.9" r="1"/>
+	</g>
+	<g>
+		<path id="Path_1834" class="st3" d="M13.1,10.7V14l2.7,1.4L13.1,10.7z"/>
+		<path id="Path_1835" class="st4" d="M13.1,14l-2.7,1.4h5.4L13.1,14z"/>
+		<path id="Path_1836" class="st2" d="M13.1,10.7l-2.7,4.7l2.7-1.4V10.7z"/>
+	</g>
+</g>
+</svg>
diff --git a/packages/apps-config/src/ui/logos/nodes/sakura.svg b/packages/apps-config/src/ui/logos/nodes/sakura.svg
new file mode 100644
index 0000000..92b5ccd
--- /dev/null
+++ b/packages/apps-config/src/ui/logos/nodes/sakura.svg
@@ -0,0 +1,14 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 21.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 43 43" style="enable-background:new 0 0 43 43;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#F9FFF3;}
+	.st1{fill:#ff5995;}
+</style>
+<title>clover</title>
+<circle class="st0" cx="21.5" cy="21.5" r="21.2"/>
+<path class="st1" d="M27.1,21.5c-3.1,0-5.6-2.5-5.6-5.6c0,3.1-2.5,5.5-5.6,5.6c3.1,0,5.6,2.5,5.6,5.6C21.5,24,24,21.5,27.1,21.5
+	L27.1,21.5z M21.5,27.5c0,3.3-2.7,6-6,6s-6-2.7-6-6s2.7-6,6-6c-3.3,0-6-2.7-6-6s2.7-6,6-6s6,2.7,6,6c0-3.3,2.7-6,6-6s6,2.7,6,6
+	s-2.7,6-6,6c3.3,0,6,2.7,6,6s-2.7,6-6,6S21.5,30.8,21.5,27.5L21.5,27.5z"/>
+</svg>
diff --git a/packages/apps-config/src/ui/logos/nodes/shadow.svg b/packages/apps-config/src/ui/logos/nodes/shadow.svg
new file mode 100644
index 0000000..7ded2d9
--- /dev/null
+++ b/packages/apps-config/src/ui/logos/nodes/shadow.svg
@@ -0,0 +1,33 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 24.0.1, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 600 600" style="enable-background:new 0 0 600 600;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#0F0F0F;}
+	.st1{fill:#FFA940;}
+</style>
+<path class="st0" d="M501.6,236.2C501.6,236.2,501.6,236.1,501.6,236.2c-0.4-1.4-0.7-2.7-1.1-4c0,0,0,0,0,0
+	c-1.2-4.1-2.4-8.1-3.9-12.1c-14-39.5-40.4-73.2-74.5-96.3c-3.8-2.6-7.7-5-11.7-7.3c-0.4-0.3-0.9-0.5-1.3-0.8
+	c-2.1-1.1-4.5-1.8-7.1-1.8c-5.5,0-10.4,3-12.9,7.5c0,0,0,0,0,0c-0.1,0.2-0.2,0.3-0.3,0.5c0,0,0,0,0,0.1l-9.4,16.2l-19,32.9
+	l-17.1,29.7l-41.2,71.4l-1.3,2.3l-2.1,3.6c-0.8,1.8-1.1,3.7-1.1,5.8c0,8.5,6.9,15.4,15.4,15.4c1.1,0,2.3-0.1,3.3-0.3l1.2-0.3
+	c0,0,0.1,0,0.1,0l0.7-0.2l3.7-1l80.2-21.5l33-8.8l36.7-9.8l16.2-4.3c0,0,0,0,0,0l5.1-1.4c0,0,0,0,0,0c5.1-2.4,8.6-7.5,8.6-13.5
+	C501.7,237.4,501.7,236.8,501.6,236.2z M427.3,238.7l-33.1,8.9l-51.5,13.8l26.5-45.9l17.1-29.6l19-32.9c26.6,18.6,47.3,45,58.8,75.8
+	L427.3,238.7z"/>
+<path class="st1" d="M412.4,331.6c0,1.4-0.2,2.8-0.5,4.2c-0.2,0.6-0.4,1.2-0.6,1.8c-15.9,49.9-62.7,86.1-117.9,86.1
+	c-17.6,0-34.3-3.7-49.4-10.2c-9.2-4-17.8-9.1-25.6-15.1c-8-6.1-15.2-13.2-21.5-21c-2.2-2.7-4.3-5.5-6.2-8.5
+	c-4.9-7.3-9.1-15.2-12.4-23.5c-3.6-9-6.1-18.6-7.4-28.5c-0.8-5.5-1.1-11.1-1.1-16.9c0-63.8,48.3-116.4,110.4-123h0
+	c1.2-0.1,2.4-0.3,3.7-0.3c9.3,0.1,16.8,7.7,16.8,17c0,2.2-0.4,4.3-1.2,6.3l-2.4,4.1c-2.6,3.5-6.6,5.9-11.2,6.5
+	c-0.4,0-0.8,0.1-1.2,0.1c-45.4,4.4-81,42.8-81,89.4c0,2.7,0.1,5.4,0.3,8c0.9,10.1,3.4,19.7,7.4,28.5c1.3,2.9,2.7,5.7,4.3,8.4
+	c3,5.2,6.5,10,10.5,14.5c2.9,3.3,6.1,6.4,9.5,9.2c7.6,6.4,16.2,11.6,25.6,15.2c10,3.9,20.9,6,32.3,6c40,0,73.9-26.2,85.5-62.3
+	c0.2-0.6,0.4-1.2,0.6-1.9c1.8-4.8,5.8-8.6,10.7-10.2c0.6-0.2,1.2-0.3,1.8-0.5c1.1-0.2,2.3-0.3,3.4-0.3
+	C404.8,314.7,412.4,322.3,412.4,331.6z"/>
+<path class="st0" d="M488.3,309.3L488.3,309.3c-0.1,2-0.2,3.9-0.3,5.8c-7.7,100.7-91.9,180.1-194.6,180.1c-30.6,0-59.5-7-85.3-19.6
+	c-9-4.3-17.5-9.4-25.7-15c-8.1-5.6-15.8-11.8-22.9-18.6c-16.4-15.4-30.1-33.6-40.4-53.9c-3.9-7.8-7.4-15.8-10.2-24.1
+	c-3.2-9.2-5.7-18.7-7.5-28.5c-2.1-11.5-3.2-23.3-3.2-35.4c0-107.8,87.4-195.1,195.1-195.1c10.4,0,20.6,0.8,30.6,2.4
+	c1.7,0.3,3.3,0.5,4.9,0.9c0,0,0,0,0,0c6.8,2.3,11.6,8.6,11.6,16.1c0,2.4-0.5,4.6-1.3,6.6c0,0.1-0.1,0.2-0.1,0.2l-1.7,3
+	c0,0,0,0,0,0.1c-3.1,4.3-8.1,7.1-13.8,7.1c-0.2,0-0.4,0-0.6,0c0,0,0,0-0.1,0c-1.5-0.3-3-0.6-4.6-0.8c-8.1-1.3-16.4-1.9-24.9-1.9
+	c-89.2,0-161.5,72.3-161.5,161.5c0,9.1,0.8,18,2.2,26.7c1.6,9.8,4.2,19.4,7.5,28.5c3,8.3,6.7,16.3,11,23.9
+	c6.7,11.9,14.9,23,24.4,32.8c6.8,7.1,14.4,13.6,22.4,19.4c8,5.8,16.6,10.8,25.7,15c20.8,9.7,43.9,15.2,68.4,15.2
+	c85.3,0,155.1-66.1,161.1-149.8c0,0,0,0,0,0c0.1-1.1,0.2-2.2,0.2-3.3c0,0,0,0,0,0c1-5.8,4.9-10.6,10.1-12.8c0,0,0,0,0.1,0l4.2-1.1h0
+	c0.8-0.1,1.6-0.2,2.4-0.2C480.2,294.1,487.4,300.8,488.3,309.3z"/>
+</svg>
diff --git a/packages/apps-config/src/ui/logos/nodes/shell.svg b/packages/apps-config/src/ui/logos/nodes/shell.svg
new file mode 100644
index 0000000..a6b01cb
--- /dev/null
+++ b/packages/apps-config/src/ui/logos/nodes/shell.svg
@@ -0,0 +1 @@
+<svg data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="-40 -40 535.64 447.08" width="2500" height="2014"><path d="M214.52 62.29C133.14 67.44 95 125.63 88.29 137.12h-.61a15.5 15.5 0 0 0-13 23.92c-2.22 4.17-11.15 22.55-13.15 51.89l-20.68-20.35A13.48 13.48 0 0 1 37.3 178c23.88-74.91 80.94-111.3 80.94-111.3a15.48 15.48 0 0 0 21.87-12.45c88-40.41 162.51-8.37 178.09-.68a15.51 15.51 0 0 0 22.87 13.64 177.56 177.56 0 0 1 26.33 22.65l-20.22 20.22C311.47 70.13 257.7 62.7 242.39 61.37a15.49 15.49 0 0 0-27.87.92zM355.4 295.62a6.81 6.81 0 0 0 5 11.46h56.79v9.5a50.49 50.49 0 0 1-50.5 50.5h-276a50.49 50.49 0 0 1-50.5-50.5v-9.5l55.17-.08a7.29 7.29 0 0 0 6.77-4.33 7.26 7.26 0 0 0-1.53-8.13l-90-89.15a35.75 35.75 0 0 1-9-36c14-45.1 60.76-146.7 200.58-168.33 0 0 103-13 175 51 0 0 64.93 51.2 78 125 1.71 9.67-1.35 21.31-8.33 28.21zM56.18 319.08a34 34 0 0 0 34 34h276a34 34 0 0 0 34-34zm374.69-118.76a23 23 0 0 0 5.89-22.74c-7.83-26.75-31-86.21-87.61-124.49a15.46 15.46 0 0 0-23.06-13c-97.47-47.13-179.54-6.8-192.21.05a15.48 15.48 0 0 0-24.7 12.45 15.65 15.65 0 0 0 .27 2.85l-.27-.35c-57.77 37-79.91 96.9-88.41 122a19.68 19.68 0 0 0 4.78 20.29l104.16 105.18a8.07 8.07 0 0 0 11.2.27 8.08 8.08 0 0 0 .2-11.71l-6.45-9.37c-21.48-38.67-13.57-75.2-3.73-96.84l32.44 19.53a71 71 0 1 0 108.4-30.16l18.23-31.6c20.78 16.32 72.62 68 26.25 150.09a8 8 0 0 0 12.6 9.73zm-53.94-99.92l-25 25.77a7.33 7.33 0 0 1-10.72-.19c-11.7-13.1-44.28-43.06-100.44-47.68a15.49 15.49 0 0 1-24.23-.12A151.72 151.72 0 0 0 157.32 95l13.17 24.79a1.45 1.45 0 0 0 2 .58c63.53-34.75 123.72 5.7 123.72 5.7 78 54 52 134 52 134l32.35-32.34c1.93-30-7.73-52.05-11.71-59.7a15.53 15.53 0 1 1 14.09-7.42c8.72 16.22 12.64 41.59 13.84 50.89l21.85-21.84c2.84-2.84 2.86-7 1.61-10.86-11.32-34.46-27.87-60.15-43.31-78.4zm-203.84 37.52a8.19 8.19 0 0 1-11.09-3.21l-17.52-32.17a142 142 0 0 0-42.59 44A15.47 15.47 0 0 1 90 167.89c-9.86 14.56-13.3 44.92-14.39 58.88l32.23 31.68c-3.6-17.8-10.69-74 31.78-114a2.15 2.15 0 0 1 3 .06l8.87 8.86a2.16 2.16 0 0 1-.1 3.14 79.41 79.41 0 0 0-13.69 16L169.93 192a71 71 0 0 1 89.81-25l18.52-32.08c-45.86-24.36-89.04-5.78-105.17 3zm-84.91 6.16a9 9 0 1 0 9 9 9 9 0 0 0-9-9zm37-100a9 9 0 1 0 9 9 9 9 0 0 0-9-9zm104 16a9 9 0 1 0 9 9 9 9 0 0 0-9-9zm105-16a9 9 0 1 0 9 9 9 9 0 0 0-9-9zm36 100a9 9 0 1 0 9 9 9 9 0 0 0-9-9z" fill="#2e86ab"/></svg>
diff --git a/packages/apps-config/src/ui/logos/nodes/sherpax.png b/packages/apps-config/src/ui/logos/nodes/sherpax.png
new file mode 100644
index 0000000..f8af0d2
Binary files /dev/null and b/packages/apps-config/src/ui/logos/nodes/sherpax.png differ
diff --git a/packages/apps-config/src/ui/logos/nodes/singlavender.svg b/packages/apps-config/src/ui/logos/nodes/singlavender.svg
new file mode 100644
index 0000000..aa9efc1
--- /dev/null
+++ b/packages/apps-config/src/ui/logos/nodes/singlavender.svg
@@ -0,0 +1,18 @@
+<svg width="512" height="512" viewBox="0 0 512 512" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M512 256C512 397.385 397.385 512 256 512C114.615 512 0 397.385 0 256C0 114.615 114.615 0 256 0C397.385 0 512 114.615 512 256Z" fill="#FEC125"/>
+<path d="M512 256C512 397.385 397.385 512 256 512C114.615 512 0 397.385 0 256C0 114.615 114.615 0 256 0C397.385 0 512 114.615 512 256Z" fill="#FEC125"/>
+<path d="M512 256C512 397.385 397.385 512 256 512C114.615 512 0 397.385 0 256C0 114.615 114.615 0 256 0C397.385 0 512 114.615 512 256Z" fill="#FEC125"/>
+<path d="M512 256C512 397.385 397.385 512 256 512C114.615 512 0 397.385 0 256C0 114.615 114.615 0 256 0C397.385 0 512 114.615 512 256Z" fill="#FEC125"/>
+<path d="M386 256C386 327.797 327.797 386 256 386C184.203 386 126 327.797 126 256C126 184.203 184.203 126 256 126C327.797 126 386 184.203 386 256Z" fill="white"/>
+<path d="M386 256C386 327.797 327.797 386 256 386C184.203 386 126 327.797 126 256C126 184.203 184.203 126 256 126C327.797 126 386 184.203 386 256Z" fill="white"/>
+<path d="M386 256C386 327.797 327.797 386 256 386C184.203 386 126 327.797 126 256C126 184.203 184.203 126 256 126C327.797 126 386 184.203 386 256Z" fill="white"/>
+<path d="M386 256C386 327.797 327.797 386 256 386C184.203 386 126 327.797 126 256C126 184.203 184.203 126 256 126C327.797 126 386 184.203 386 256Z" fill="white"/>
+<path d="M256.5 17L291.574 113.75H221.426L256.5 17Z" fill="white"/>
+<path d="M256.5 496L291.574 399.25H221.426L256.5 496Z" fill="white"/>
+<path d="M495.992 258.449L398.96 292.734L399.531 222.589L495.992 258.449Z" fill="white"/>
+<path d="M17.0079 254.551L113.469 290.411L114.04 220.266L17.0079 254.551Z" fill="white"/>
+<path d="M425.716 87.0115L382.179 180.26L332.537 130.698L425.716 87.0115Z" fill="white"/>
+<path d="M87.2845 425.989L180.463 382.302L130.821 332.74L87.2845 425.989Z" fill="white"/>
+<path d="M426.531 425.17L333.143 381.934L382.546 332.133L426.531 425.17Z" fill="white"/>
+<path d="M86.4688 87.8297L130.455 180.867L179.857 131.066L86.4688 87.8297Z" fill="white"/>
+</svg>
diff --git a/packages/apps-config/src/ui/logos/nodes/sora-substrate.svg b/packages/apps-config/src/ui/logos/nodes/sora-substrate.svg
new file mode 100644
index 0000000..5ad5501
--- /dev/null
+++ b/packages/apps-config/src/ui/logos/nodes/sora-substrate.svg
@@ -0,0 +1,5 @@
+<svg width="121" height="121" viewBox="0 0 121 121" fill="none" xmlns="http://www.w3.org/2000/svg">
+<ellipse cx="60" cy="60.7656" rx="60" ry="60" fill="white"/>
+<path d="M23.3236 60.9175V51.0673H55.0783V40.931H23.3236V31.0819H96.6817V40.931H64.9323V51.0662H96.6817V60.9169H64.9323L96.8096 108.385C110.924 97.4089 120.004 80.266 120.004 61.0019C120.004 27.8625 93.1396 1 60.0013 1C26.8646 1.00106 0 27.863 0 61.0024C0 80.2655 9.07853 97.4094 23.1936 108.385L55.0773 60.9175H23.3236V60.9175Z" fill="#E3232C"/>
+<path d="M31.4341 113.778C39.9288 118.383 49.6607 121 60.0018 121C70.3445 121 80.0742 118.381 88.57 113.778L60.0018 71.2241L31.4341 113.778Z" fill="#E3232C"/>
+</svg>
diff --git a/packages/apps-config/src/ui/logos/nodes/stafi.png b/packages/apps-config/src/ui/logos/nodes/stafi.png
new file mode 100644
index 0000000..1d8620c
Binary files /dev/null and b/packages/apps-config/src/ui/logos/nodes/stafi.png differ
diff --git a/packages/apps-config/src/ui/logos/nodes/statemine.svg b/packages/apps-config/src/ui/logos/nodes/statemine.svg
new file mode 100644
index 0000000..458f167
--- /dev/null
+++ b/packages/apps-config/src/ui/logos/nodes/statemine.svg
@@ -0,0 +1 @@
+<svg fill="none" height="200" viewBox="0 0 200 200" width="200" xmlns="http://www.w3.org/2000/svg"><circle cx="100" cy="100" fill="#000" r="100"/><g fill="#fff"><path d="m58.1305 75.5093c-4.9017-18.2936 5.9544-37.0971 24.2479-41.9988 4.9134 18.3361 3.9738 14.8298 8.8755 33.1234 4.9018 18.2936 3.9622 14.7873 8.8751 33.1235-18.2933 4.9016-37.0967-5.9545-41.9985-24.2481z"/><path d="m142.006 124.248c4.902 18.294-5.954 37.097-24.248 41.999-4.913-18.336-3.973-14.83-8.875-33.124-4.902-18.293-3.962-14.787-8.876-33.123 18.294-4.9018 37.097 5.954 41.999 24.248z"/><path d="m69.2286 166.209c-13.3918-13.392-13.3919-35.104-.0001-48.496 13.4232 13.423 10.8563 10.856 24.2481 24.248 13.3914 13.392 10.8254 10.825 24.2484 24.248-13.392 13.392-35.1045 13.392-48.4964 0z"/><path d="m130.752 33.7524c13.392 13.3919 13.392 35.1042 0 48.496-13.423-13.4228-10.856-10.8561-24.248-24.248-13.3919-13.3918-10.825-10.825-24.248-24.2481 13.3917-13.3917 35.104-13.3917 48.496.0001z"/></g></svg>
diff --git a/packages/apps-config/src/ui/logos/nodes/statemint-2.png b/packages/apps-config/src/ui/logos/nodes/statemint-2.png
new file mode 100644
index 0000000..dd11549
Binary files /dev/null and b/packages/apps-config/src/ui/logos/nodes/statemint-2.png differ
diff --git a/packages/apps-config/src/ui/logos/nodes/statemint-3.png b/packages/apps-config/src/ui/logos/nodes/statemint-3.png
new file mode 100644
index 0000000..51ae2c9
Binary files /dev/null and b/packages/apps-config/src/ui/logos/nodes/statemint-3.png differ
diff --git a/packages/apps-config/src/ui/logos/nodes/statemint.png b/packages/apps-config/src/ui/logos/nodes/statemint.png
new file mode 100644
index 0000000..f9c31b6
Binary files /dev/null and b/packages/apps-config/src/ui/logos/nodes/statemint.png differ
diff --git a/packages/apps-config/src/ui/logos/nodes/subdao.png b/packages/apps-config/src/ui/logos/nodes/subdao.png
new file mode 100644
index 0000000..fa967f7
Binary files /dev/null and b/packages/apps-config/src/ui/logos/nodes/subdao.png differ
diff --git a/packages/apps-config/src/ui/logos/nodes/subgame.svg b/packages/apps-config/src/ui/logos/nodes/subgame.svg
new file mode 100644
index 0000000..a96181a
--- /dev/null
+++ b/packages/apps-config/src/ui/logos/nodes/subgame.svg
@@ -0,0 +1,83 @@
+<svg width="256" height="256" viewBox="0 0 256 256" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M128 256C198.692 256 256 198.692 256 128C256 57.3076 198.692 0 128 0C57.3076 0 0 57.3076 0 128C0 198.692 57.3076 256 128 256Z" fill="#171717"/>
+<path d="M189.273 61.9977C194.942 61.9977 199.538 57.402 199.538 51.733C199.538 46.0641 194.942 41.4684 189.273 41.4684C183.604 41.4684 179.009 46.0641 179.009 51.733C179.009 57.402 183.604 61.9977 189.273 61.9977Z" fill="#EB027D"/>
+<path d="M168.648 67.5605C173.268 67.5605 177.013 63.8154 177.013 59.1957C177.013 54.576 173.268 50.8309 168.648 50.8309C164.029 50.8309 160.284 54.576 160.284 59.1957C160.284 63.8154 164.029 67.5605 168.648 67.5605Z" fill="#EB027D"/>
+<path d="M102.086 136.324C104.562 136.324 106.569 134.317 106.569 131.841C106.569 129.365 104.562 127.358 102.086 127.358C99.6099 127.358 97.6028 129.365 97.6028 131.841C97.6028 134.317 99.6099 136.324 102.086 136.324Z" fill="#EB027D"/>
+<path d="M103.062 147.807C103.124 145.151 101.022 142.947 98.3654 142.884C95.7091 142.822 93.5051 144.925 93.4427 147.581C93.3802 150.237 95.4829 152.441 98.1392 152.504C100.796 152.566 103 150.463 103.062 147.807Z" fill="#EB027D"/>
+<path d="M100.555 113.977C103.491 113.977 105.872 111.596 105.872 108.66C105.872 105.723 103.491 103.343 100.555 103.343C97.6185 103.343 95.238 105.723 95.238 108.66C95.238 111.596 97.6185 113.977 100.555 113.977Z" fill="#EB027D"/>
+<path d="M98.0538 100.295C101.541 100.295 104.368 97.468 104.368 93.9805C104.368 90.4931 101.541 87.666 98.0538 87.666C94.5664 87.666 91.7393 90.4931 91.7393 93.9805C91.7393 97.468 94.5664 100.295 98.0538 100.295Z" fill="#EB027D"/>
+<path d="M106.255 125.266C108.73 125.266 110.738 123.259 110.738 120.783C110.738 118.307 108.73 116.3 106.255 116.3C103.779 116.3 101.771 118.307 101.771 120.783C101.771 123.259 103.779 125.266 106.255 125.266Z" fill="#EB027D"/>
+<path d="M114.141 133.03C116.186 133.03 117.845 131.371 117.845 129.326C117.845 127.28 116.186 125.622 114.141 125.622C112.095 125.622 110.437 127.28 110.437 129.326C110.437 131.371 112.095 133.03 114.141 133.03Z" fill="#EB027D"/>
+<path d="M112.856 141.818C114.902 141.818 116.56 140.16 116.56 138.114C116.56 136.069 114.902 134.41 112.856 134.41C110.81 134.41 109.152 136.069 109.152 138.114C109.152 140.16 110.81 141.818 112.856 141.818Z" fill="#EB027D"/>
+<path d="M114.401 113.075C116.876 113.075 118.884 111.067 118.884 108.592C118.884 106.116 116.876 104.108 114.401 104.108C111.925 104.108 109.917 106.116 109.917 108.592C109.917 111.067 111.925 113.075 114.401 113.075Z" fill="#EB027D"/>
+<path d="M117.421 122.123C119.467 122.123 121.125 120.464 121.125 118.419C121.125 116.373 119.467 114.715 117.421 114.715C115.375 114.715 113.717 116.373 113.717 118.419C113.717 120.464 115.375 122.123 117.421 122.123Z" fill="#EB027D"/>
+<path d="M122.328 145.112C124.034 145.112 125.417 143.729 125.417 142.023C125.417 140.317 124.034 138.934 122.328 138.934C120.622 138.934 119.239 140.317 119.239 142.023C119.239 143.729 120.622 145.112 122.328 145.112Z" fill="#EB027D"/>
+<path d="M124.685 150.066C124.725 148.361 123.374 146.946 121.669 146.906C119.963 146.866 118.548 148.216 118.509 149.921C118.469 151.627 119.819 153.042 121.524 153.082C123.23 153.122 124.645 151.771 124.685 150.066Z" fill="#EB027D"/>
+<path d="M122.957 137.855C124.663 137.855 126.046 136.472 126.046 134.766C126.046 133.06 124.663 131.677 122.957 131.677C121.251 131.677 119.868 133.06 119.868 134.766C119.868 136.472 121.251 137.855 122.957 137.855Z" fill="#EB027D"/>
+<path d="M123.995 129.517C125.701 129.517 127.084 128.134 127.084 126.428C127.084 124.722 125.701 123.339 123.995 123.339C122.289 123.339 120.906 124.722 120.906 126.428C120.906 128.134 122.289 129.517 123.995 129.517Z" fill="#EB027D"/>
+<path d="M125.171 121.344C126.877 121.344 128.26 119.961 128.26 118.255C128.26 116.549 126.877 115.166 125.171 115.166C123.465 115.166 122.082 116.549 122.082 118.255C122.082 119.961 123.465 121.344 125.171 121.344Z" fill="#EB027D"/>
+<path d="M125.786 112.296C127.831 112.296 129.49 110.637 129.49 108.592C129.49 106.546 127.831 104.888 125.786 104.888C123.74 104.888 122.082 106.546 122.082 108.592C122.082 110.637 123.74 112.296 125.786 112.296Z" fill="#EB027D"/>
+<path d="M140.752 83.4562C144.24 83.4562 147.067 80.6291 147.067 77.1417C147.067 73.6542 144.24 70.8271 140.752 70.8271C137.265 70.8271 134.438 73.6542 134.438 77.1417C134.438 80.6291 137.265 83.4562 140.752 83.4562Z" fill="#EB027D"/>
+<path d="M131.964 92.2721C134.9 92.2721 137.281 89.8916 137.281 86.9552C137.281 84.0188 134.9 81.6384 131.964 81.6384C129.027 81.6384 126.647 84.0188 126.647 86.9552C126.647 89.8916 129.027 92.2721 131.964 92.2721Z" fill="#EB027D"/>
+<path d="M127.631 102.373C130.107 102.373 132.114 100.366 132.114 97.8896C132.114 95.4136 130.107 93.4065 127.631 93.4065C125.155 93.4065 123.148 95.4136 123.148 97.8896C123.148 100.366 125.155 102.373 127.631 102.373Z" fill="#EB027D"/>
+<path d="M116.833 88.8961C120.321 88.8961 123.148 86.0689 123.148 82.5815C123.148 79.094 120.321 76.2669 116.833 76.2669C113.346 76.2669 110.519 79.094 110.519 82.5815C110.519 86.0689 113.346 88.8961 116.833 88.8961Z" fill="#EB027D"/>
+<path d="M113.717 101.361C116.654 101.361 119.034 98.9808 119.034 96.0444C119.034 93.108 116.654 90.7275 113.717 90.7275C110.781 90.7275 108.4 93.108 108.4 96.0444C108.4 98.9808 110.781 101.361 113.717 101.361Z" fill="#EB027D"/>
+<path d="M114.964 149.724C115.015 147.535 113.282 145.72 111.094 145.669C108.905 145.619 107.09 147.352 107.039 149.54C106.988 151.728 108.721 153.544 110.91 153.594C113.098 153.645 114.913 151.912 114.964 149.724Z" fill="#EB027D"/>
+<path d="M152.835 74.6815C156.79 74.6815 159.997 71.4749 159.997 67.5195C159.997 63.564 156.79 60.3575 152.835 60.3575C148.879 60.3575 145.673 63.564 145.673 67.5195C145.673 71.4749 148.879 74.6815 152.835 74.6815Z" fill="#EB027D"/>
+<path d="M148.42 45.4321C154.089 45.4321 158.684 40.8365 158.684 35.1675C158.684 29.4985 154.089 24.9029 148.42 24.9029C142.751 24.9029 138.155 29.4985 138.155 35.1675C138.155 40.8365 142.751 45.4321 148.42 45.4321Z" fill="#EB027D"/>
+<path d="M133.618 60.8358C138.237 60.8358 141.982 57.0908 141.982 52.4711C141.982 47.8514 138.237 44.1063 133.618 44.1063C128.998 44.1063 125.253 47.8514 125.253 52.4711C125.253 57.0908 128.998 60.8358 133.618 60.8358Z" fill="#EB027D"/>
+<path d="M123.408 75.3921C127.363 75.3921 130.57 72.1856 130.57 68.2302C130.57 64.2747 127.363 61.0682 123.408 61.0682C119.452 61.0682 116.246 64.2747 116.246 68.2302C116.246 72.1856 119.452 75.3921 123.408 75.3921Z" fill="#EB027D"/>
+<path d="M110.519 45.2818C116.188 45.2818 120.783 40.6861 120.783 35.0172C120.783 29.3482 116.188 24.7526 110.519 24.7526C104.85 24.7526 100.254 29.3482 100.254 35.0172C100.254 40.6861 104.85 45.2818 110.519 45.2818Z" fill="#EB027D"/>
+<path d="M102.824 66.1527C107.443 66.1527 111.189 62.4076 111.189 57.7879C111.189 53.1682 107.443 49.4232 102.824 49.4232C98.204 49.4232 94.459 53.1682 94.459 57.7879C94.459 62.4076 98.204 66.1527 102.824 66.1527Z" fill="#EB027D"/>
+<path d="M98.7919 84.6317C102.747 84.6317 105.954 81.4252 105.954 77.4697C105.954 73.5143 102.747 70.3077 98.7919 70.3077C94.8364 70.3077 91.6299 73.5143 91.6299 77.4697C91.6299 81.4252 94.8364 84.6317 98.7919 84.6317Z" fill="#EB027D"/>
+<path d="M91.5751 127.658C94.5115 127.658 96.8919 125.278 96.8919 122.341C96.8919 119.405 94.5115 117.025 91.5751 117.025C88.6387 117.025 86.2583 119.405 86.2583 122.341C86.2583 125.278 88.6387 127.658 91.5751 127.658Z" fill="#EB027D"/>
+<path d="M82.9098 115.289C86.3972 115.289 89.2244 112.462 89.2244 108.974C89.2244 105.487 86.3972 102.66 82.9098 102.66C79.4223 102.66 76.5952 105.487 76.5952 108.974C76.5952 112.462 79.4223 115.289 82.9098 115.289Z" fill="#EB027D"/>
+<path d="M77.5519 99.1197C81.5073 99.1197 84.7139 95.9132 84.7139 91.9577C84.7139 88.0022 81.5073 84.7957 77.5519 84.7957C73.5964 84.7957 70.3899 88.0022 70.3899 91.9577C70.3899 95.9132 73.5964 99.1197 77.5519 99.1197Z" fill="#EB027D"/>
+<path d="M90.3985 141.968C90.471 138.844 87.9972 136.253 84.873 136.18C81.7488 136.108 79.1574 138.582 79.0849 141.706C79.0124 144.83 81.4863 147.421 84.6104 147.494C87.7346 147.566 90.326 145.093 90.3985 141.968Z" fill="#EB027D"/>
+<path d="M79.9301 55.6284C85.5991 55.6284 90.1947 51.0328 90.1947 45.3638C90.1947 39.6948 85.5991 35.0992 79.9301 35.0992C74.2611 35.0992 69.6655 39.6948 69.6655 45.3638C69.6655 51.0328 74.2611 55.6284 79.9301 55.6284Z" fill="#EB027D"/>
+<path d="M76.1987 79.3285C80.8185 79.3285 84.5635 75.5835 84.5635 70.9638C84.5635 66.344 80.8185 62.599 76.1987 62.599C71.579 62.599 67.834 66.344 67.834 70.9638C67.834 75.5835 71.579 79.3285 76.1987 79.3285Z" fill="#EB027D"/>
+<path d="M61.3651 68.4578C61.49 63.1225 57.2662 58.6962 51.9309 58.5713C46.5957 58.4464 42.1694 62.6703 42.0445 68.0055C41.9196 73.3408 46.1434 77.7671 51.4787 77.892C56.8139 78.0168 61.2402 73.793 61.3651 68.4578Z" fill="#EB027D"/>
+<path d="M63.5778 94.9036C63.6811 90.489 60.1862 86.8265 55.7716 86.7232C51.357 86.6199 47.6945 90.1148 47.5912 94.5294C47.4878 98.944 50.9828 102.607 55.3974 102.71C59.812 102.813 63.4745 99.3182 63.5778 94.9036Z" fill="#EB027D"/>
+<path d="M69.7268 115.755C69.8189 111.823 66.7062 108.561 62.7746 108.469C58.843 108.377 55.5812 111.49 55.4891 115.422C55.3971 119.353 58.5097 122.615 62.4414 122.707C66.373 122.799 69.6348 119.687 69.7268 115.755Z" fill="#EB027D"/>
+<path d="M78.7504 131.095C78.8327 127.579 76.0487 124.661 72.5321 124.579C69.0155 124.497 66.0981 127.281 66.0157 130.797C65.9334 134.314 68.7174 137.231 72.234 137.314C75.7506 137.396 78.6681 134.612 78.7504 131.095Z" fill="#EB027D"/>
+<path d="M107.58 231.097C113.249 231.097 117.845 226.501 117.845 220.832C117.845 215.164 113.249 210.568 107.58 210.568C101.911 210.568 97.3154 215.164 97.3154 220.832C97.3154 226.501 101.911 231.097 107.58 231.097Z" fill="white"/>
+<path d="M189.965 125.197C190.047 121.68 187.263 118.763 183.747 118.68C180.23 118.598 177.313 121.382 177.23 124.899C177.148 128.415 179.932 131.333 183.449 131.415C186.965 131.497 189.883 128.713 189.965 125.197Z" fill="white"/>
+<path d="M173.09 153.34C176.578 153.34 179.405 150.513 179.405 147.026C179.405 143.538 176.578 140.711 173.09 140.711C169.603 140.711 166.776 143.538 166.776 147.026C166.776 150.513 169.603 153.34 173.09 153.34Z" fill="white"/>
+<path d="M176.902 114.295C176.975 111.171 174.502 108.579 171.378 108.506C168.254 108.433 165.662 110.906 165.588 114.03C165.515 117.154 167.989 119.746 171.113 119.819C174.237 119.892 176.829 117.419 176.902 114.295Z" fill="white"/>
+<path d="M178.448 171.204C182.404 171.204 185.61 167.998 185.61 164.042C185.61 160.087 182.404 156.88 178.448 156.88C174.493 156.88 171.286 160.087 171.286 164.042C171.286 167.998 174.493 171.204 178.448 171.204Z" fill="white"/>
+<path d="M155.445 152.657C158.382 152.657 160.762 150.276 160.762 147.34C160.762 144.404 158.382 142.023 155.445 142.023C152.509 142.023 150.128 144.404 150.128 147.34C150.128 150.276 152.509 152.657 155.445 152.657Z" fill="white"/>
+<path d="M157.946 168.334C161.434 168.334 164.261 165.507 164.261 162.019C164.261 158.532 161.434 155.705 157.946 155.705C154.459 155.705 151.632 158.532 151.632 162.019C151.632 165.507 154.459 168.334 157.946 168.334Z" fill="white"/>
+<path d="M130.214 151.112C132.26 151.112 133.918 149.454 133.918 147.408C133.918 145.363 132.26 143.704 130.214 143.704C128.169 143.704 126.51 145.363 126.51 147.408C126.51 149.454 128.169 151.112 130.214 151.112Z" fill="white"/>
+<path d="M130.829 140.848C132.535 140.848 133.918 139.465 133.918 137.759C133.918 136.053 132.535 134.67 130.829 134.67C129.123 134.67 127.74 136.053 127.74 137.759C127.74 139.465 129.123 140.848 130.829 140.848Z" fill="white"/>
+<path d="M132.005 132.661C133.711 132.661 135.094 131.278 135.094 129.572C135.094 127.866 133.711 126.483 132.005 126.483C130.299 126.483 128.916 127.866 128.916 129.572C128.916 131.278 130.299 132.661 132.005 132.661Z" fill="white"/>
+<path d="M133.672 117.066C135.378 117.066 136.761 115.683 136.761 113.977C136.761 112.271 135.378 110.888 133.672 110.888C131.966 110.888 130.583 112.271 130.583 113.977C130.583 115.683 131.966 117.066 133.672 117.066Z" fill="white"/>
+<path d="M137.485 106.086C137.525 104.381 136.175 102.966 134.469 102.926C132.764 102.886 131.349 104.236 131.309 105.942C131.269 107.647 132.619 109.062 134.325 109.102C136.03 109.142 137.445 107.792 137.485 106.086Z" fill="white"/>
+<path d="M133.044 124.323C134.75 124.323 136.132 122.94 136.132 121.234C136.132 119.528 134.75 118.145 133.044 118.145C131.338 118.145 129.955 119.528 129.955 121.234C129.955 122.94 131.338 124.323 133.044 124.323Z" fill="white"/>
+<path d="M138.524 141.23C140.57 141.23 142.228 139.572 142.228 137.527C142.228 135.481 140.57 133.823 138.524 133.823C136.479 133.823 134.82 135.481 134.82 137.527C134.82 139.572 136.479 141.23 138.524 141.23Z" fill="white"/>
+<path d="M141.6 151.892C144.075 151.892 146.083 149.884 146.083 147.408C146.083 144.932 144.075 142.925 141.6 142.925C139.124 142.925 137.116 144.932 137.116 147.408C137.116 149.884 139.124 151.892 141.6 151.892Z" fill="white"/>
+<path d="M141.859 130.378C143.905 130.378 145.563 128.72 145.563 126.674C145.563 124.629 143.905 122.97 141.859 122.97C139.814 122.97 138.155 124.629 138.155 126.674C138.155 128.72 139.814 130.378 141.859 130.378Z" fill="white"/>
+<path d="M143.144 121.59C145.19 121.59 146.848 119.931 146.848 117.886C146.848 115.84 145.19 114.182 143.144 114.182C141.098 114.182 139.44 115.84 139.44 117.886C139.44 119.931 141.098 121.59 143.144 121.59Z" fill="white"/>
+<path d="M148.952 106.469C149.003 104.28 147.271 102.465 145.082 102.414C142.894 102.362 141.078 104.095 141.027 106.283C140.976 108.472 142.708 110.287 144.897 110.339C147.085 110.39 148.901 108.657 148.952 106.469Z" fill="white"/>
+<path d="M115.248 185.173C118.735 185.173 121.563 182.346 121.563 178.858C121.563 175.371 118.735 172.544 115.248 172.544C111.76 172.544 108.933 175.371 108.933 178.858C108.933 182.346 111.76 185.173 115.248 185.173Z" fill="white"/>
+<path d="M124.036 174.362C126.973 174.362 129.353 171.981 129.353 169.045C129.353 166.108 126.973 163.728 124.036 163.728C121.1 163.728 118.719 166.108 118.719 169.045C118.719 171.981 121.1 174.362 124.036 174.362Z" fill="white"/>
+<path d="M128.369 162.593C130.845 162.593 132.852 160.586 132.852 158.11C132.852 155.634 130.845 153.627 128.369 153.627C125.893 153.627 123.886 155.634 123.886 158.11C123.886 160.586 125.893 162.593 128.369 162.593Z" fill="white"/>
+<path d="M139.167 179.733C142.654 179.733 145.481 176.906 145.481 173.418C145.481 169.931 142.654 167.104 139.167 167.104C135.679 167.104 132.852 169.931 132.852 173.418C132.852 176.906 135.679 179.733 139.167 179.733Z" fill="white"/>
+<path d="M142.283 165.286C145.219 165.286 147.6 162.906 147.6 159.969C147.6 157.033 145.219 154.652 142.283 154.652C139.346 154.652 136.966 157.033 136.966 159.969C136.966 162.906 139.346 165.286 142.283 165.286Z" fill="white"/>
+<path d="M149.746 139.7C152.222 139.7 154.229 137.693 154.229 135.217C154.229 132.741 152.222 130.734 149.746 130.734C147.27 130.734 145.263 132.741 145.263 135.217C145.263 137.693 147.27 139.7 149.746 139.7Z" fill="white"/>
+<path d="M153.914 128.642C156.39 128.642 158.398 126.635 158.398 124.159C158.398 121.683 156.39 119.676 153.914 119.676C151.439 119.676 149.431 121.683 149.431 124.159C149.431 126.635 151.439 128.642 153.914 128.642Z" fill="white"/>
+<path d="M162.558 108.42C162.621 105.763 160.518 103.559 157.862 103.497C155.205 103.434 153.001 105.537 152.939 108.194C152.877 110.85 154.979 113.054 157.636 113.116C160.292 113.179 162.496 111.076 162.558 108.42Z" fill="white"/>
+<path d="M66.7268 214.532C72.3957 214.532 76.9914 209.936 76.9914 204.267C76.9914 198.598 72.3957 194.002 66.7268 194.002C61.0578 194.002 56.4622 198.598 56.4622 204.267C56.4622 209.936 61.0578 214.532 66.7268 214.532Z" fill="white"/>
+<path d="M87.3516 205.169C91.9713 205.169 95.7163 201.424 95.7163 196.804C95.7163 192.185 91.9713 188.44 87.3516 188.44C82.7318 188.44 78.9868 192.185 78.9868 196.804C78.9868 201.424 82.7318 205.169 87.3516 205.169Z" fill="white"/>
+<path d="M103.165 195.643C107.121 195.643 110.327 192.436 110.327 188.481C110.327 184.525 107.121 181.319 103.165 181.319C99.21 181.319 96.0034 184.525 96.0034 188.481C96.0034 192.436 99.21 195.643 103.165 195.643Z" fill="white"/>
+<path d="M122.383 211.894C127.002 211.894 130.747 208.149 130.747 203.529C130.747 198.909 127.002 195.164 122.383 195.164C117.763 195.164 114.018 198.909 114.018 203.529C114.018 208.149 117.763 211.894 122.383 211.894Z" fill="white"/>
+<path d="M132.592 194.932C136.548 194.932 139.754 191.725 139.754 187.77C139.754 183.814 136.548 180.608 132.592 180.608C128.637 180.608 125.43 183.814 125.43 187.77C125.43 191.725 128.637 194.932 132.592 194.932Z" fill="white"/>
+<path d="M145.481 231.247C151.15 231.247 155.746 226.652 155.746 220.983C155.746 215.314 151.15 210.718 145.481 210.718C139.812 210.718 135.217 215.314 135.217 220.983C135.217 226.652 139.812 231.247 145.481 231.247Z" fill="white"/>
+<path d="M153.176 206.577C157.796 206.577 161.541 202.832 161.541 198.212C161.541 193.592 157.796 189.847 153.176 189.847C148.557 189.847 144.812 193.592 144.812 198.212C144.812 202.832 148.557 206.577 153.176 206.577Z" fill="white"/>
+<path d="M157.208 185.692C161.164 185.692 164.37 182.486 164.37 178.53C164.37 174.575 161.164 171.368 157.208 171.368C153.253 171.368 150.046 174.575 150.046 178.53C150.046 182.486 153.253 185.692 157.208 185.692Z" fill="white"/>
+<path d="M164.425 138.975C167.361 138.975 169.742 136.595 169.742 133.658C169.742 130.722 167.361 128.342 164.425 128.342C161.489 128.342 159.108 130.722 159.108 133.658C159.108 136.595 161.489 138.975 164.425 138.975Z" fill="white"/>
+<path d="M176.084 220.914C181.753 220.914 186.348 216.319 186.348 210.65C186.348 204.981 181.753 200.385 176.084 200.385C170.415 200.385 165.819 204.981 165.819 210.65C165.819 216.319 170.415 220.914 176.084 220.914Z" fill="white"/>
+<path d="M179.801 193.401C184.421 193.401 188.166 189.656 188.166 185.036C188.166 180.416 184.421 176.671 179.801 176.671C175.182 176.671 171.437 180.416 171.437 185.036C171.437 189.656 175.182 193.401 179.801 193.401Z" fill="white"/>
+<path d="M200.502 140.584C200.594 136.653 197.481 133.391 193.55 133.299C189.618 133.207 186.356 136.319 186.264 140.251C186.172 144.183 189.285 147.444 193.217 147.537C197.148 147.629 200.41 144.516 200.502 140.584Z" fill="white"/>
+<path d="M208.401 161.477C208.504 157.062 205.009 153.4 200.595 153.297C196.18 153.193 192.518 156.688 192.414 161.103C192.311 165.517 195.806 169.18 200.221 169.283C204.635 169.387 208.298 165.892 208.401 161.477Z" fill="white"/>
+<path d="M213.941 187.994C214.065 182.659 209.841 178.233 204.506 178.109C199.171 177.984 194.745 182.209 194.62 187.544C194.496 192.879 198.72 197.305 204.056 197.429C209.391 197.554 213.817 193.33 213.941 187.994Z" fill="white"/>
+</svg>
diff --git a/packages/apps-config/src/ui/logos/nodes/subsocial.svg b/packages/apps-config/src/ui/logos/nodes/subsocial.svg
new file mode 100644
index 0000000..119e879
--- /dev/null
+++ b/packages/apps-config/src/ui/logos/nodes/subsocial.svg
@@ -0,0 +1,9 @@
+<svg width="300" height="300" viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M300 150C300 232.843 232.843 300 150 300C67.1573 300 0 232.843 0 150C0 67.1573 67.1573 0 150 0C232.843 0 300 67.1573 300 150ZM149.489 31.9888C118.837 31.9888 93.9888 56.837 93.9888 87.4888V123.489C93.9888 154.141 118.837 178.989 149.489 178.989C153.791 178.989 157.979 178.499 162 177.573C164.415 177.017 165.092 174.036 163.3 172.325L163 172.038L131.027 141.5C126.069 136.684 122.989 129.946 122.989 122.489V88.4888C122.989 73.8532 134.853 61.9888 149.489 61.9888C164.124 61.9888 175.989 73.8532 175.989 88.4888V100C175.989 102.209 177.78 104 179.989 104H200.989C203.198 104 204.989 102.209 204.989 100V87.4888C204.989 56.837 180.141 31.9888 149.489 31.9888ZM205 209.5C205 240.152 180.152 265 149.5 265C118.848 265 94 240.152 94 209.5V197C94 194.791 95.7909 193 98 193H119C121.209 193 123 194.791 123 197V208.5C123 223.136 134.864 235 149.5 235C164.136 235 176 223.136 176 208.5V174.5C176 167.042 172.919 160.304 167.961 155.489L135.989 124.951L135.688 124.664C133.896 122.952 134.574 119.972 136.989 119.416C141.01 118.49 145.198 118 149.5 118C180.152 118 205 142.848 205 173.5V209.5Z" fill="url(#paint0_linear)"/>
+<defs>
+<linearGradient id="paint0_linear" x1="150" y1="0" x2="150" y2="300" gradientUnits="userSpaceOnUse">
+<stop stop-color="#F50083"/>
+<stop offset="1" stop-color="#720497"/>
+</linearGradient>
+</defs>
+</svg>
diff --git a/packages/apps-config/src/ui/logos/nodes/subspace.png b/packages/apps-config/src/ui/logos/nodes/subspace.png
new file mode 100644
index 0000000..5d16fe1
Binary files /dev/null and b/packages/apps-config/src/ui/logos/nodes/subspace.png differ
diff --git a/packages/apps-config/src/ui/logos/nodes/substrate-circle.svg b/packages/apps-config/src/ui/logos/nodes/substrate-circle.svg
new file mode 100644
index 0000000..eec7d99
--- /dev/null
+++ b/packages/apps-config/src/ui/logos/nodes/substrate-circle.svg
@@ -0,0 +1,17 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 2000 2000" style="enable-background:new 0 0 2000 2000;" xml:space="preserve">
+<style type="text/css">
+	.bg0{fill:#fff;}
+	.st0{fill:#231F20;}
+</style>
+<g>
+	<circle class="bg0" cx="1000" cy="1000" r="1000"/>
+	<polygon class="st0" points="1000.5,1959.6 974.6,1974.5 979.3,1977.2 1000.5,1965 1000.5,1989 1862.2,1491.5 1862.2,1437.7 1000.5,1935.2"/>
+	<polygon class="st0" points="1000.5,1796.1 833.1,1892.8 841.2,1897.5 1000.5,1805.6 1000.5,1825.8 1862.2,1328.2 1862.2,1278.3 1000.5,1775.8"/>
+	<polygon class="st0" points="1000.5,1632.7 691.5,1811.1 703.2,1817.8 1000.5,1646.2 1000.5,1662.3 1862.2,1164.8 1862.2,1118.9 1000.5,1616.4"/>
+	<path class="st0" d="M1862.2,495.9l-12.7-7.3l-690 398.4l-89.6-51.7l209.7-121.1v-30.3l454.1-262.2l-22.2-12.8l-431.9,249.3v-26 L998.9,794.3l-96.8-55.9l690-398.4l-18.7-10.8l-690,398.4l-94.2-54.4l153-88.3l-28.6-16.5l537.1-310.1l-15.2-8.8L898.4,559.6 l-27.2-15.7l-153.4,88.3v31.7l-143.8,83l-10.5-6L137.9,986.5v41.8l461.8-266.6l-10.6-6.1l128.6-74.2V714l94.6,54.6l-100.2,57.8 l-7-4L137.9,1150v37.8L738,841.3l-7.1-4.1l100.1-57.8l96.8,55.9L717.8,956.6v22l-579.9,334.8v33.7l579.9-334.8v25.8l90,51.9 l-669.8,386.7v14.6l13.1,7.6l682.5-394l93.1,53.7l-208.8,119.4v27.4l-450.9,260.4l22.2,12.8l428.7-247.5v31.6l281.1-162.3l84.9,49 l-83.3,48.1v8.1l-592.1,341.8l18.7,10.8l573.4-331v8.1l116.1-67l92.1,53.2l-150.3,86.8l13.2,7.6l-71.1,41v12.2L550,1729.3l15.2,8.8 l435.3-251.3v12.1l107.3-62l21.6,12.5l150.3-86.6v-25.1l582.6-336.3v-41.8l-582.6,336.3v-15.3l-92.1-53.2l674.6-389.5v-37.8 l-707.4,408.4l-84.9-49l209.7-121.1v-27.6l582.6-336.3v-33.7l-582.6,336.3v-20.7l-94.4-54.5l677-390.9V495.9z M789.2,997.4 l209.7-121.1l89.5,51.7l-99.9,57.7l0,0l-109.8,63.4L789.2,997.4z M1208.6,997.4L998,1117.9l-93.4-53.9l96.4-55.7v0l113.3-65.4 L1208.6,997.4z"/>
+	<polygon class="st0" points="447.4,674.1 1309.1,176.6 1297.4,169.8 435.7,667.3 421.7,659.3 137.9,823.1 137.9,869 461.5,682.2"/>
+	<polygon class="st0" points="305.7,592.5 1167.6,94.9 1159.4,90.1 297.5,587.8 279.9,577.7 137.9,659.7 137.9,709.6 323.3,602.6"/>
+	<polygon class="st0" points="163.9,510.9 1026,13.1 1021.3,10.4 159.2,508.2 138.2,496.1 137.9,496.2 137.9,550.2 185,523"/>
+</g>
+</svg>
diff --git a/packages/apps-config/src/ui/logos/nodes/substrate-contracts-node.png b/packages/apps-config/src/ui/logos/nodes/substrate-contracts-node.png
new file mode 100644
index 0000000..b99179d
Binary files /dev/null and b/packages/apps-config/src/ui/logos/nodes/substrate-contracts-node.png differ
diff --git a/packages/apps-config/src/ui/logos/nodes/substrate-hexagon.svg b/packages/apps-config/src/ui/logos/nodes/substrate-hexagon.svg
new file mode 100644
index 0000000..45357eb
--- /dev/null
+++ b/packages/apps-config/src/ui/logos/nodes/substrate-hexagon.svg
@@ -0,0 +1 @@
+<svg viewBox="0 0 1976.45 2282.21" xmlns="http://www.w3.org/2000/svg"><path d="m1976.45 1711.65v-1141.1l-988.23-570.55-988.22 570.55v1141.1l988.22 570.56z"/><g fill="#fff"><path d="m988.62 2101-25.9 14.9 4.7 2.7 21.2-12.2v24l861.7-497.5v-53.8l-861.7 497.5z"/><path d="m988.62 1937.5-167.4 96.7 8.1 4.7 159.3-91.9v20.2l861.7-497.6v-49.9l-861.7 497.5z"/><path d="m988.62 1774.1-309 178.4 11.7 6.7 297.3-171.6v16.1l861.7-497.5v-45.9l-861.7 497.5z"/><path d="m1859.56 499.46-12.7-7.3-690 398.4-89.6-51.7 209.74-121.1v-30.3l454.1-262.2-22.2-12.8-431.9 249.3v-26l-280.7 162.1-96.84-55.86 690-398.4-18.7-10.8-690 398.4-94.2-54.4 153-88.3-28.56-16.5 537.1-310.1-15.2-8.8-537.1 310.1-27.2-15.7-153.4 88.3v31.7l-143.8 83-10.5-6-425.6 245.6v41.8l461.8-266.6-10.6-6.1 128.56-74.2v32.6l94.6 54.6-100.2 57.8-7-4-567.2 327.6v37.8l600.1-346.5-7.1-4.1 100.1-57.8 96.8 55.9-210 121.3v22l-579.9 334.8v33.7l579.9-334.8v25.8l90 51.9-669.8 386.7v14.6l13.1 7.6 682.5-394 93.1 53.7-208.8 119.4v27.4l-450.9 260.4 22.2 12.8 428.7-247.5v31.6l281.1-162.3 84.9 49-83.3 48.1v8.1l-592.1 341.8 18.7 10.8 573.4-331v8.1l116.1-67 92.1 53.2-150.3 86.8 13.2 7.6-71.1 41v12.2l-450.6 260.2 15.2 8.8 435.3-251.3v12.1l107.3-62 21.6 12.5 150.3-86.6v-25.1l582.6-336.3v-41.8l-582.6 336.3v-15.3l-92.06-53.2 674.6-389.5v-37.8l-707.4 408.4-84.9-49 209.7-121.1v-27.6l582.6-336.3v-33.7l-582.6 336.26v-20.66l-94.4-54.5 677-390.9zm-1073 501.54 209.7-121.1 89.5 51.7-99.9 57.7-109.8 63.4zm419.4 0-210.6 120.5-93.4-53.9 96.4-55.7 113.3-65.4z" transform="translate(-9.23 137.85)"/><path d="m435.52 815.5 861.7-497.5-11.7-6.8-861.7 497.5-14-8-283.8 163.8v45.9l323.6-186.8z"/><path d="m293.82 733.9 861.9-497.6-8.2-4.8-861.9 497.7-17.6-10.1-142 82v49.9l185.4-107z"/><path d="m152.02 652.3 862.1-497.8-4.7-2.7-862.1 497.8-21-12.1-.3.1v54l47.1-27.2z"/></g></svg>
\ No newline at end of file
diff --git a/packages/apps-config/src/ui/logos/nodes/substrate-white.svg b/packages/apps-config/src/ui/logos/nodes/substrate-white.svg
new file mode 100644
index 0000000..63c70e8
--- /dev/null
+++ b/packages/apps-config/src/ui/logos/nodes/substrate-white.svg
@@ -0,0 +1,15 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 2000 2000" style="enable-background:new 0 0 2000 2000;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#eee;}
+</style>
+<g>
+	<polygon class="st0" points="1000.5,1959.6 974.6,1974.5 979.3,1977.2 1000.5,1965 1000.5,1989 1862.2,1491.5 1862.2,1437.7 1000.5,1935.2"/>
+	<polygon class="st0" points="1000.5,1796.1 833.1,1892.8 841.2,1897.5 1000.5,1805.6 1000.5,1825.8 1862.2,1328.2 1862.2,1278.3 1000.5,1775.8"/>
+	<polygon class="st0" points="1000.5,1632.7 691.5,1811.1 703.2,1817.8 1000.5,1646.2 1000.5,1662.3 1862.2,1164.8 1862.2,1118.9 1000.5,1616.4"/>
+	<path class="st0" d="M1862.2,495.9l-12.7-7.3l-690,398.4l-89.6-51.7l209.7-121.1v-30.3l454.1-262.2l-22.2-12.8l-431.9,249.3v-26 L998.9,794.3l-96.8-55.9l690-398.4l-18.7-10.8l-690,398.4l-94.2-54.4l153-88.3l-28.6-16.5l537.1-310.1l-15.2-8.8L898.4,559.6 l-27.2-15.7l-153.4,88.3v31.7l-143.8,83l-10.5-6L137.9,986.5v41.8l461.8-266.6l-10.6-6.1l128.6-74.2V714l94.6,54.6l-100.2,57.8 l-7-4L137.9,1150v37.8L738,841.3l-7.1-4.1l100.1-57.8l96.8,55.9L717.8,956.6v22l-579.9,334.8v33.7l579.9-334.8v25.8l90,51.9 l-669.8,386.7v14.6l13.1,7.6l682.5-394l93.1,53.7l-208.8,119.4v27.4l-450.9,260.4l22.2,12.8l428.7-247.5v31.6l281.1-162.3l84.9,49 l-83.3,48.1v8.1l-592.1,341.8l18.7,10.8l573.4-331v8.1l116.1-67l92.1,53.2l-150.3,86.8l13.2,7.6l-71.1,41v12.2L550,1729.3l15.2,8.8 l435.3-251.3v12.1l107.3-62l21.6,12.5l150.3-86.6v-25.1l582.6-336.3v-41.8l-582.6,336.3v-15.3l-92.1-53.2l674.6-389.5v-37.8 l-707.4,408.4l-84.9-49l209.7-121.1v-27.6l582.6-336.3v-33.7l-582.6,336.3v-20.7l-94.4-54.5l677-390.9V495.9z M789.2,997.4 l209.7-121.1l89.5,51.7l-99.9,57.7l0,0l-109.8,63.4L789.2,997.4z M1208.6,997.4L998,1117.9l-93.4-53.9l96.4-55.7v0l113.3-65.4 L1208.6,997.4z"/>
+	<polygon class="st0" points="447.4,674.1 1309.1,176.6 1297.4,169.8 435.7,667.3 421.7,659.3 137.9,823.1 137.9,869 461.5,682.2"/>
+	<polygon class="st0" points="305.7,592.5 1167.6,94.9 1159.4,90.1 297.5,587.8 279.9,577.7 137.9,659.7 137.9,709.6 323.3,602.6"/>
+	<polygon class="st0" points="163.9,510.9 1026,13.1 1021.3,10.4 159.2,508.2 138.2,496.1 137.9,496.2 137.9,550.2 185,523"/>
+</g>
+</svg>
diff --git a/packages/apps-config/src/ui/logos/nodes/swapdex.svg b/packages/apps-config/src/ui/logos/nodes/swapdex.svg
new file mode 100644
index 0000000..385c3ae
--- /dev/null
+++ b/packages/apps-config/src/ui/logos/nodes/swapdex.svg
@@ -0,0 +1,29 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 24.0.1, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Laag_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 300 300" style="enable-background:new 0 0 300 300;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:url(#SVGID_1_);}
+	.st1{fill:url(#SVGID_2_);}
+</style>
+<linearGradient id="SVGID_1_" gradientUnits="userSpaceOnUse" x1="4.8442" y1="150.4221" x2="218.8309" y2="150.4221">
+	<stop  offset="0" style="stop-color:#E94081"/>
+	<stop  offset="0.2171" style="stop-color:#E63F81"/>
+	<stop  offset="0.4368" style="stop-color:#DF3D82"/>
+	<stop  offset="0.6576" style="stop-color:#D23983"/>
+	<stop  offset="0.878" style="stop-color:#C03384"/>
+	<stop  offset="1" style="stop-color:#B33085"/>
+</linearGradient>
+<path class="st0" d="M4.8,276.1c0-54.7,0-108.7,0-163.2C6.5,114,48.8,149,55,154c1.3,1,2.4,0.9,3.5-0.3
+	c5.1-5.3,121-123.7,124.8-127.7c1.9-2,2.7-1.9,5.7,1.1c4.6,4.5,26.6,27.2,29.8,30.5C147.7,130.3,76.5,203,4.8,276.1z"/>
+<linearGradient id="SVGID_2_" gradientUnits="userSpaceOnUse" x1="-1176.6617" y1="660.4056" x2="-1385.3871" y2="660.4056" gradientTransform="matrix(-1 0 0 -1 -1089.5677 811.5134)">
+	<stop  offset="6.961042e-02" style="stop-color:#E94081"/>
+	<stop  offset="8.148406e-02" style="stop-color:#E84081"/>
+	<stop  offset="0.3497" style="stop-color:#D13984"/>
+	<stop  offset="0.6003" style="stop-color:#C13486"/>
+	<stop  offset="0.8245" style="stop-color:#B63187"/>
+	<stop  offset="1" style="stop-color:#B23087"/>
+</linearGradient>
+<path class="st1" d="M295.8,27.9c0,54.7-0.3,109.7-0.3,164.2c-1.6-1.2-38.4-42-44.7-47.1c-1.3-1-2.4-0.9-3.5,0.3
+	c-5.1,5.3-121,123.7-124.8,127.7c-1.9,2-2.7,1.9-5.7-1.1c-4.6-4.5-26.6-27.2-29.8-30.5C158.3,168.8,224.2,101,295.8,27.9z"/>
+</svg>
diff --git a/packages/apps-config/src/ui/logos/nodes/ternoa.svg b/packages/apps-config/src/ui/logos/nodes/ternoa.svg
new file mode 100644
index 0000000..34bc2fc
--- /dev/null
+++ b/packages/apps-config/src/ui/logos/nodes/ternoa.svg
@@ -0,0 +1,15 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 24.3.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Calque_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 30.5 29.9" style="enable-background:new 0 0 30.5 29.9;" xml:space="preserve">
+<g id="Calque_2_1_">
+	<g id="Calque_1-2">
+		<path d="M15.3,0C6.8,0,0,6.8,0,15.3c0,6.7,4.3,12.5,10.6,14.6c0.3,0.1,0.6,0,0.8-0.1l0.2-0.1h0c1-0.4,1.7-1.4,1.7-2.5v-9.5h-3.3
+			c-1,0-1.8-0.8-1.8-1.8S9.2,14,10.2,14l0,0h10.2c1,0,1.8,0.8,1.8,1.8s-0.8,1.8-1.8,1.8h-3.3v9.5c0,1.2,0.7,2.2,1.8,2.5l0,0l0,0h0
+			c0.2,0.1,0.4,0.1,0.5,0.1c0.1,0,0.2,0,0.3,0c8-2.6,12.5-11.2,9.9-19.2C27.8,4.3,21.9,0,15.3,0z M4.5,17.7c-1,0-1.8-0.8-1.8-1.8
+			S3.5,14,4.5,14c1,0,1.8,0.8,1.8,1.8c0,0,0,0,0,0C6.3,16.9,5.5,17.7,4.5,17.7z M15.3,11c-2,0-3.6-1.6-3.6-3.6s1.6-3.6,3.6-3.6
+			c2,0,3.6,1.6,3.6,3.6c0,0,0,0,0,0C18.9,9.4,17.3,11,15.3,11z M26.1,17.7c-1,0-1.8-0.8-1.8-1.8s0.8-1.8,1.8-1.8s1.8,0.8,1.8,1.8
+			c0,0,0,0,0,0C27.9,16.9,27.1,17.7,26.1,17.7L26.1,17.7z"/>
+	</g>
+</g>
+</svg>
diff --git a/packages/apps-config/src/ui/logos/nodes/trustbase.png b/packages/apps-config/src/ui/logos/nodes/trustbase.png
new file mode 100644
index 0000000..9d70de0
Binary files /dev/null and b/packages/apps-config/src/ui/logos/nodes/trustbase.png differ
diff --git a/packages/apps-config/src/ui/logos/nodes/uniarts.png b/packages/apps-config/src/ui/logos/nodes/uniarts.png
new file mode 100644
index 0000000..d4dcb2f
Binary files /dev/null and b/packages/apps-config/src/ui/logos/nodes/uniarts.png differ
diff --git a/packages/apps-config/src/ui/logos/nodes/unique.svg b/packages/apps-config/src/ui/logos/nodes/unique.svg
new file mode 100644
index 0000000..a3b0846
--- /dev/null
+++ b/packages/apps-config/src/ui/logos/nodes/unique.svg
@@ -0,0 +1,4 @@
+<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<circle cx="24" cy="24" r="24" fill="#40BCFF"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M28.4696 47.3024C39.4542 45.1596 47.7447 35.4841 47.7447 23.8723C47.7447 10.688 37.0567 0 23.8723 0C10.688 0 0 10.688 0 23.8723C0 35.6098 8.47092 45.3688 19.6328 47.3694V40.0675C16.0004 39.0373 13.093 37.0472 10.9105 34.0972C8.74328 31.1472 7.65967 27.7289 7.65967 23.8424C7.65967 18.7071 9.55217 14.5006 13.3372 11.2228C16.4812 8.50689 20.0601 7.14894 24.0741 7.14894C29.2479 7.14894 33.4221 9.06099 36.5966 12.8851C39.1607 15.9756 40.4427 19.5422 40.4427 23.5848C40.4427 27.5494 39.3057 31.1004 37.0316 34.2377C34.9865 37.0785 32.1325 39.0217 28.4696 40.0675V47.3024ZM28.172 26.4178H19.9533V30C18.1219 28.4547 17.2061 26.4178 17.2061 23.8892C17.2061 21.9069 17.8853 20.1899 19.2436 18.7383C20.6019 17.2867 22.2121 16.5609 24.0741 16.5609C25.9208 16.5609 27.5233 17.2867 28.8816 18.7383C30.24 20.1899 30.9191 21.9069 30.9191 23.8892C30.9191 26.3553 30.0034 28.3923 28.172 30V26.4178Z" fill="white"/>
+</svg>
diff --git a/packages/apps-config/src/ui/logos/nodes/unitv.png b/packages/apps-config/src/ui/logos/nodes/unitv.png
new file mode 100644
index 0000000..31ede85
Binary files /dev/null and b/packages/apps-config/src/ui/logos/nodes/unitv.png differ
diff --git a/packages/apps-config/src/ui/logos/nodes/valiu.png b/packages/apps-config/src/ui/logos/nodes/valiu.png
new file mode 100644
index 0000000..534c3b5
Binary files /dev/null and b/packages/apps-config/src/ui/logos/nodes/valiu.png differ
diff --git a/packages/apps-config/src/ui/logos/nodes/web3games.svg b/packages/apps-config/src/ui/logos/nodes/web3games.svg
new file mode 100644
index 0000000..512fa49
--- /dev/null
+++ b/packages/apps-config/src/ui/logos/nodes/web3games.svg
@@ -0,0 +1 @@
+<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1080 1080"><defs><style>.cls-1{fill:#fff;}</style></defs><rect width="1080" height="1080"/><polygon class="cls-1" points="400.25 505.74 400.24 505.74 400.24 505.74 302.68 336.03 205.13 505.74 400.24 845.17 544.03 595.03 446.48 425.31 400.25 505.74"/><polygon class="cls-1" points="841.71 251.15 401.59 251.15 463.77 359.31 463.64 359.53 584.32 359.53 549.05 420.87 646.61 590.59 549.05 760.32 646.61 930.04 744.16 760.32 841.71 590.59 744.16 420.87 841.71 251.15"/></svg>
\ No newline at end of file
diff --git a/packages/apps-config/src/ui/logos/nodes/westend_black_bg.svg b/packages/apps-config/src/ui/logos/nodes/westend_black_bg.svg
new file mode 100644
index 0000000..3e73799
--- /dev/null
+++ b/packages/apps-config/src/ui/logos/nodes/westend_black_bg.svg
@@ -0,0 +1,4 @@
+<svg width="1672" height="1672" viewBox="0 0 1672 1672" fill="none" xmlns="http://www.w3.org/2000/svg">
+<circle cx="836.274" cy="835.84" r="835.436" fill="black"/>
+<path d="M577.732 1139.64H749.772L804.621 942.419C812.184 915.225 850.747 915.242 858.287 942.442L912.947 1139.64H1084.66L1216.31 635.336H1055.11L1013.93 835.472C1007.96 864.535 966.727 865.338 959.621 836.53L909.992 635.336H752.727L704.379 837.779C697.476 866.684 656.159 866.124 650.041 837.043L635.523 768.027C619.255 690.696 551.037 635.336 472.014 635.336H446.404L577.732 1139.64Z" fill="white"/>
+</svg>
diff --git a/packages/apps-config/src/ui/logos/nodes/westend_colour.svg b/packages/apps-config/src/ui/logos/nodes/westend_colour.svg
new file mode 100644
index 0000000..3e0599e
--- /dev/null
+++ b/packages/apps-config/src/ui/logos/nodes/westend_colour.svg
@@ -0,0 +1,17 @@
+<svg width="1672" height="1672" viewBox="0 0 1672 1672" fill="none" xmlns="http://www.w3.org/2000/svg">
+<circle cx="836.274" cy="836.219" r="835.436" fill="#E6007A"/>
+<mask id="mask0" mask-type="alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="1672" height="1672">
+<circle cx="836.274" cy="836.219" r="835.436" fill="#C4C4C4"/>
+</mask>
+<g mask="url(#mask0)">
+<rect x="-299.919" y="-66.0518" width="2840.48" height="1871.38" fill="url(#paint0_linear)"/>
+<path d="M-30.6062 -2704.78C4.61255 -2283.66 177.141 -1879.1 455.772 -1562.26C741.535 -1237.35 1137.41 -1018.51 1561.82 -940.645C1770.91 -902.158 1989.36 -894.998 2199.33 -931.247C2399.05 -965.706 2600.56 -1052.97 2713.35 -1230.64C2763.73 -1309.4 2794.49 -1402.94 2793.15 -1496.92C2791.81 -1597.16 2749.46 -1687.56 2687.49 -1764.54C2618.84 -1850.01 2531.01 -1922.51 2444.08 -1989.19C2358.04 -2054.98 2265.31 -2113.16 2164.11 -2152.99C1939.42 -2240.7 1716.07 -2191.92 1500.75 -2101.07C1272.49 -2004.86 1051.82 -1891.19 830.697 -1780.65C378.201 -1554.65 -84.1033 -1331.33 -586.53 -1244.51C-712.694 -1222.59 -841.087 -1210.05 -969.035 -1208.71C-1083.61 -1207.37 -1207.99 -1208.26 -1318.99 -1239.59C-1368.03 -1253.46 -1418.41 -1276.74 -1446.94 -1321.04C-1483.94 -1378.32 -1471.02 -1449.93 -1454.97 -1511.69C-1427.77 -1614.62 -1376.5 -1710.39 -1310.08 -1793.18C-1172.77 -1964.58 -977.951 -2078.25 -768.866 -2137.77C-649.389 -2171.78 -525.454 -2189.24 -401.519 -2195.95C-282.042 -2202.21 -154.987 -2206.69 -36.4019 -2187C79.5085 -2168.2 159.754 -2095.7 199.431 -1985.61C239.554 -1875.07 232.421 -1757.82 228.409 -1642.36C222.614 -1469.17 236.879 -1221.69 431.252 -1150.98C532.005 -1114.28 652.374 -1152.77 750.897 -1181.41C853.434 -1211.4 953.295 -1250.78 1048.7 -1298.66C1147.22 -1348.34 1240.84 -1406.96 1328.22 -1474.54C1403.12 -1531.82 1490.05 -1596.27 1540.43 -1677.72C1576.09 -1735.45 1596.6 -1814.66 1533.29 -1860.31C1529.73 -1862.99 1523.48 -1862.54 1519.92 -1860.31C1336.69 -1747.98 1235.05 -1546.14 1196.71 -1339.39C1161.04 -1146.51 1161.93 -908.871 1290.77 -748.21C1394.2 -619.323 1597.04 -584.864 1724.99 -701.22C1786.07 -756.713 1805.24 -842.19 1777.15 -919.611C1743.71 -1011.35 1658.12 -1076.24 1564.94 -1098.62C1442.35 -1128.16 1313.06 -1095.04 1197.15 -1054.76C1089.71 -1017.17 986.73 -967.944 888.207 -911.109C682.689 -792.515 496.34 -644.385 306.426 -502.519C112.499 -357.969 -86.7783 -217.894 -310.574 -123.467C-561.565 -16.9561 -834.846 36.7468 -1107.68 33.1667C-1230.72 31.3765 -1371.15 29.1389 -1483.94 -25.9065C-1605.2 -85.4272 -1642.65 -211.629 -1611.89 -336.936C-1582.47 -456.872 -1509.36 -558.46 -1427.33 -647.517C-1345.74 -736.127 -1252.57 -813.996 -1152.71 -881.124C-953.431 -1014.49 -729.635 -1106.23 -500.489 -1173.81C-442.98 -1190.81 -385.025 -1206.03 -327.069 -1219.9C-264.656 -1235.12 -195.556 -1257.49 -130.913 -1253.46C14.8662 -1244.07 37.157 -1068.64 62.1223 -955.413C173.574 -455.529 216.818 67.1785 428.577 538.868C454.88 597.942 483.858 655.672 515.956 711.613C537.801 750.1 564.549 791.719 611.805 799.327C715.233 814.991 778.092 683.419 808.853 606.445C849.421 504.409 883.749 368.362 853.434 259.166C826.685 163.844 737.523 128.489 646.132 136.992C532.005 147.733 424.119 204.121 320.692 249.321C191.407 305.708 63.4595 366.124 -63.1504 428.33C-314.587 551.847 -562.457 682.524 -814.339 806.04C-1316.77 1054.42 -1846.39 1276.84 -2409 1336.36C-2544.08 1350.68 -2679.6 1355.15 -2815.13 1348.44C-2810.67 1352.91 -2806.21 1357.39 -2801.76 1361.86C-2798.19 1187.33 -2665.34 1045.02 -2507.52 987.287C-2332.32 923.292 -2139.73 971.624 -1983.25 1062.47C-1814.29 1160.93 -1684.11 1309.06 -1563.74 1461.21C-1446.5 1609.79 -1332.81 1760.61 -1202.19 1898.45C-720.273 2405.49 -88.1157 2767.54 593.081 2922.38C750.006 2958.18 928.329 2991.75 1065.64 2884.34C1165.5 2806.02 1210.53 2679.38 1227.02 2557.2C1246.19 2410.86 1230.14 2255.57 1185.12 2115.05C1135.18 1959.31 1027.74 1849.67 860.121 1837.14C679.122 1823.71 492.774 1895.31 320.692 1940.96C106.257 1997.8 -107.731 2054.63 -322.165 2111.47C-533.925 2167.41 -745.239 2223.8 -956.998 2279.74C-1061.32 2307.48 -1166.08 2335.23 -1270.4 2362.98C-1374.28 2390.72 -1478.59 2425.18 -1584.25 2444.43C-1685.9 2462.77 -1767.92 2415.34 -1771.94 2307.93C-1775.06 2230.51 -1747.42 2153.98 -1713.98 2085.51C-1633.29 1920.37 -1542.35 1760.61 -1442.04 1606.66C-1236.07 1289.81 -990.879 998.476 -713.586 742.044C-646.269 679.839 -577.168 619.423 -506.284 561.245C-512.526 561.245 -518.767 561.245 -525.009 561.245C-308.791 729.514 -286.946 1030.25 -243.257 1280.42C-215.171 1441.52 -179.952 1601.74 -138.938 1760.16C-117.985 1840.72 -95.2485 1920.82 -70.7292 2000.48C-50.6677 2066.27 -33.281 2136.53 -2.07446 2197.84C18.8787 2238.56 50.9771 2279.74 99.1243 2286.45C145.934 2293.16 184.719 2264.52 212.36 2229.17C252.928 2176.36 278.34 2110.57 306.426 2050.6C339.861 1979.45 371.959 1907.4 402.275 1834.9C521.306 1550.72 616.709 1256.25 687.146 956.408C766.5 616.738 813.756 269.459 828.468 -79.6094C828.914 -93.0352 810.19 -97.5103 803.503 -86.3223C646.132 184.43 573.02 501.277 599.322 813.648C621.167 1075.45 725.04 1353.81 994.755 1442.42C1129.39 1486.72 1276.51 1480.91 1414.71 1457.63C1558.7 1433.47 1700.02 1390.95 1832.88 1330.54C2095.46 1211.05 2322.38 1012.35 2442.3 745.625C2498.92 619.87 2531.46 482.48 2529.68 344.196C2528.34 224.707 2506.94 80.6042 2412.43 -3.08276C2304.1 -99.3003 2160.55 -42.4648 2059.35 34.5093C1952.35 115.958 1862.75 219.784 1792.75 334.35C1457.95 881.224 1581.44 1586.07 1764.22 2163.83C1946.56 2739.34 2247.48 3276.82 2643.8 3731.5C2692.4 3787.44 2742.77 3842.04 2794.49 3895.3C2806.97 3907.83 2823.91 3889.48 2813.21 3876.5C2279.13 3196.71 1709.83 2544.67 1107.1 1924.85C508.377 1309.5 -122.889 724.591 -782.686 175.032C-1099.66 -89.0073 -1430.89 -336.041 -1743.41 -605.002C-1891.41 -732.547 -2034.07 -866.804 -2163.36 -1013.59C-2230.23 -1089.67 -2293.53 -1169.33 -2351.49 -1252.57C-2377.35 -1290.16 -2402.76 -1328.2 -2426.38 -1367.14C-2438.42 -1386.83 -2450.01 -1406.52 -2461.16 -1426.21C-2478.1 -1455.74 -2477.65 -1469.17 -2462.94 -1499.15C-2381.8 -1662.05 -2155.78 -1692.49 -1995.73 -1708.6C-1783.53 -1729.63 -1569.54 -1718.44 -1359.56 -1681.3C-936.045 -1606.56 -535.262 -1434.71 -157.662 -1232.88C578.815 -839.952 1246.64 -310.979 2042.41 -36.1995C2231.43 29.1389 2425.8 78.814 2624.19 105.218C2723.16 118.644 2822.57 126.251 2922.43 127.594C2963.89 128.042 2984.4 136.992 3004.91 99.4001C3024.97 62.7031 3036.12 21.531 3039.24 -20.5361C3052.61 -187.015 2952.3 -344.991 2828.81 -447.921C2706.66 -549.509 2553.75 -607.24 2398.16 -630.511C2018.33 -686.899 1663.02 -532.503 1334.02 -357.969C1242.18 -309.189 1151.23 -259.066 1059.4 -210.734C972.91 -165.086 838.276 -66.6311 740.198 -127.942C667.085 -173.589 650.144 -277.415 640.337 -356.179C626.071 -472.088 617.155 -588.891 609.576 -705.248C579.707 -1168.88 593.527 -1635.2 651.036 -2096.15C665.748 -2216.09 684.026 -2336.02 704.979 -2455.07C721.92 -2551.28 733.511 -2655.11 773.634 -2745.51C814.202 -2835.91 894.894 -2894.53 996.093 -2858.28C1093.28 -2823.38 1166.39 -2734.32 1234.6 -2660.48C1721.42 -2131.95 2050.88 -1453.95 2634.44 -1018.07C2787.35 -903.948 2963.89 -790.725 3156.04 -765.216C3312.96 -744.182 3493.96 -797.885 3577.77 -942.435C3625.92 -1025.67 3627.7 -1123.68 3617.45 -1216.77C3606.31 -1318.8 3585.8 -1420.39 3563.06 -1520.64C3517.14 -1722.02 3453.39 -1918.93 3373.15 -2108.68C3292.01 -2299.77 3193.93 -2483.26 3080.25 -2656.9C3077.13 -2661.82 3070.89 -2664.95 3065.09 -2663.16C2689.72 -2530.25 2556.87 -2119.42 2368.74 -1807.5C2263.08 -1632.07 2121.31 -1454.85 1929.62 -1370.72C1727.67 -1281.66 1511 -1343.86 1361.66 -1500.5C1169.96 -1701.88 1127.61 -1987.85 1090.16 -2251.44C1083.47 -2246.52 1077.23 -2241.15 1070.54 -2236.23C1408.02 -2088.1 1548.45 -1716.65 1687.1 -1401.59C1723.65 -1318.36 1761.1 -1235.56 1803.01 -1155.01C1855.61 -1053.87 1915.8 -957.203 1969.29 -856.063C2068.26 -668.551 2145.83 -450.159 2081.64 -237.585C2020.56 -35.752 1836.44 43.0122 1662.13 126.699C1583.22 164.739 1504.31 206.358 1440.12 266.774C1369.68 333.008 1322.42 418.932 1284.08 506.647C1205.18 687.894 1151.68 901.81 974.248 1014.14C873.941 1077.69 768.284 1069.63 663.073 1021.75C573.911 981.47 491.436 934.927 395.142 912.551C42.9521 831.549 -374.325 997.58 -524.563 1340.38C-611.496 1539.08 -562.903 1759.27 -471.066 1947.23C-387.254 2118.63 -264.656 2269.89 -120.214 2393.85C200.323 2668.63 614.48 2797.52 1031.76 2811.84C1254.22 2819.45 1481.58 2798.42 1698.69 2749.19C1871.66 2709.81 2045.08 2646.26 2186.4 2535.72C2326.39 2426.52 2418.22 2270.79 2428.92 2091.33C2442.3 1872.94 2349.12 1661.71 2248.37 1473.75C2141.82 1275.05 2016.55 1075.45 1984.45 848.107C1955.03 641.351 2021.01 443.099 2118.64 263.194C2213.6 87.7646 2333.52 -72.0015 2434.27 -243.851C2545.28 -433.153 2612.6 -636.329 2668.77 -848.008C2769.08 -1227.96 2885.43 -1711.73 3291.12 -1876.42C3519.82 -1969.5 3770.81 -1907.3 3994.61 -1831.22C4192.1 -1764.09 4390.93 -1691.59 4577.72 -1597.61C4754.26 -1509 4921.89 -1395.78 5046.27 -1240.04C5062.76 -1219.45 5088.18 -1198.87 5077.48 -1173.36C5069.9 -1155.46 5055.63 -1138.45 5044.49 -1122.79C5015.06 -1081.61 4981.63 -1043.58 4944.62 -1008.67C4875.52 -942.883 4795.72 -889.627 4711.47 -846.665C4536.71 -757.16 4341.89 -709.723 4147.96 -687.347C3925.06 -661.39 3699.48 -662.733 3476.13 -686.899C3018.73 -736.574 2574.7 -882.915 2160.55 -1080.72C1955.03 -1178.73 1756.2 -1290.61 1563.61 -1411.89C1377.26 -1529.59 1196.26 -1655.34 1006.35 -1767.22C822.227 -1875.52 628.3 -1971.29 420.999 -2027.23C247.579 -2074.22 -0.737061 -2108.23 -97.4778 -1912.22C-129.13 -1848.22 -126.455 -1772.14 -84.5491 -1713.52C-49.7761 -1664.74 5.50415 -1637.44 60.7847 -1617.75C196.311 -1569.42 381.322 -1560.47 457.109 -1417.71C539.584 -1262.41 470.483 -1070.43 544.934 -912.004C559.199 -881.572 573.02 -852.035 607.347 -845.77C643.903 -839.057 681.797 -843.085 717.907 -850.693C796.37 -866.804 882.411 -913.794 963.994 -899.473C1074.11 -880.229 1065.64 -753.58 1093.72 -671.683C1116.02 -607.24 1179.32 -536.979 1252.88 -565.62C1264.02 -570.095 1266.7 -588.444 1252.88 -591.576C917.63 -667.656 568.115 -649.307 226.626 -647.07C-134.034 -644.384 -494.248 -640.804 -854.907 -635.881C-1215.57 -630.959 -1575.78 -625.141 -1936.44 -618.428C-2066.62 -615.743 -2203.48 -623.351 -2328.75 -580.836C-2376.01 -565.173 -2422.37 -541.901 -2457.15 -505.204C-2478.54 -482.828 -2519.56 -427.335 -2508.41 -394.219C-2500.84 -371.842 -2462.5 -344.991 -2445.55 -328.433C-2418.81 -302.476 -2391.17 -277.862 -2362.63 -253.696C-2311.81 -211.181 -2257.87 -171.352 -2202.14 -135.102C-2085.34 -58.5757 -1960.07 3.63013 -1830.78 55.5427C-1555.72 166.081 -1264.16 228.287 -972.601 273.934C-282.043 382.235 420.107 392.528 1116.91 354.936C1469.99 335.693 1822.62 304.366 2174.37 267.221C2310.78 252.901 2447.2 233.21 2584.51 238.58C2700.87 243.055 2825.69 262.746 2922.43 331.665C2970.14 365.677 3005.8 410.877 3029.87 463.685C3030.77 458.314 3031.21 452.944 3032.1 447.573C2891.23 560.797 2722.27 626.583 2548.85 670.888C2365.17 717.878 2176.15 747.415 1988.02 771.581C1596.15 821.704 1199.38 833.787 805.286 808.725C608.684 796.195 414.757 769.343 219.493 743.387C153.959 734.884 81.7378 735.331 33.1445 787.692C-2.96582 826.179 -9.20728 880.329 -4.74927 930.899C1.49219 999.37 22.8909 1065.16 38.9402 1131.39C59.0015 1215.52 75.4963 1317.56 -27.9314 1348.44C-105.948 1372.16 -197.785 1357.39 -277.584 1354.7C-380.121 1351.57 -482.211 1348.44 -584.747 1345.31C-1041.26 1330.99 -1498.21 1317.11 -1954.72 1302.79C-1967.65 1302.34 -1973.44 1321.59 -1961.41 1327.85C-1522.28 1558.78 -1083.16 1789.25 -644.04 2020.17C-442.534 2126.24 -242.812 2242.14 -29.7146 2323.59C164.212 2397.44 379.093 2436.82 580.598 2369.24C765.163 2307.48 914.509 2172.78 1046.02 2033.15C1183.78 1887.26 1307.71 1727.94 1416.49 1558.78C1635.38 1217.76 1791.86 835.129 1871.66 437.281C1963.5 -19.1936 1957.26 -486.856 1967.06 -950.491C1971.97 -1184.1 1981.33 -1418.6 2009.86 -1650.87C2024.57 -1772.14 2044.64 -1892.98 2072.28 -2012.02C2095.01 -2110.02 2124.88 -2208.93 2179.27 -2294.4C2234.1 -2379.88 2314.35 -2445.22 2415.1 -2465.36C2508.72 -2484.15 2603.68 -2457.75 2662.53 -2379.88C2746.34 -2268.45 2749.91 -2100.63 2862.7 -2010.23C3000.9 -1899.24 3194.38 -2009.33 3311.63 -2098.84C3447.6 -2202.66 3580 -2359.74 3755.21 -2393.75C3797.56 -2401.81 3843.92 -2402.26 3884.04 -2385.7C3942.45 -2361.53 3961.62 -2307.83 3962.51 -2248.31C3963.84 -2130.61 3949.13 -2010.67 3937.99 -1893.42C3927.29 -1783.78 3925.95 -1658.03 3869.33 -1560.47C3812.72 -1462.46 3701.26 -1424.42 3601.85 -1385.48C3490.4 -1341.63 3378.5 -1297.77 3267.04 -1253.91C3163.17 -1213.19 3057.51 -1163.51 2946.06 -1146.95C2824.36 -1128.61 2708.89 -1167.54 2600.56 -1220.35C2504.71 -1267.34 2412.43 -1321.94 2323.27 -1380.11C1962.61 -1615.96 1653.66 -1920.72 1304.15 -2171.78C968.452 -2412.55 573.465 -2616.17 151.73 -2619.75C-25.2566 -2621.1 -231.22 -2599.17 -339.552 -2440.74C-431.389 -2306.49 -436.739 -2129.72 -449.667 -1973.08C-467.945 -1754.24 -531.696 -1547.93 -572.71 -1333.12C-607.483 -1148.74 -610.158 -964.811 -546.853 -786.25C-436.293 -473.878 -167.024 -218.342 152.621 -131.97C329.162 -84.0847 506.148 -105.118 684.472 -130.627C874.386 -157.926 1091.94 -196.413 1268.93 -97.9578C1452.6 4.52515 1521.7 223.364 1509.22 423.407C1501.64 542.449 1469.1 658.357 1429.86 770.238C1400 856.163 1331.34 965.359 1382.61 1055.31C1402.22 1089.32 1432.09 1117.07 1458.84 1144.82C1496.29 1183.75 1533.74 1222.24 1572.97 1259.38C1641.62 1323.83 1715.18 1384.24 1797.66 1430.34C1976.87 1530.13 2167.23 1526.55 2356.7 1458.53C2456.56 1422.73 2551.97 1376.19 2649.15 1334.12C2752.58 1289.37 2857.35 1248.64 2963.89 1211.94C3169.41 1140.79 3380.28 1084.85 3593.38 1043.68C4024.03 960.883 4466.72 938.955 4903.16 980.127C5118.49 1000.27 5332.03 1036.07 5542.46 1086.64C5559.4 1090.67 5566.53 1064.71 5549.59 1060.68C4705.67 857.505 3807.37 898.23 2984.85 1176.14C2881.87 1211.05 2780.22 1249.54 2679.91 1291.6C2578.71 1334.12 2480.19 1382.9 2378.1 1421.83C2274.23 1461.21 2163.67 1490.75 2051.77 1482.7C1949.23 1475.09 1852.49 1435.26 1766.9 1379.77C1681.3 1324.72 1605.96 1255.35 1534.18 1183.75C1502.98 1152.42 1471.77 1120.65 1441.9 1087.98C1423.62 1067.84 1405.35 1047.26 1396.43 1020.85C1382.61 980.574 1395.54 940.297 1409.36 902.258C1482.02 702.662 1560.04 496.354 1531.06 279.752C1507.44 103.875 1414.26 -62.1558 1248.87 -137.34C1082.58 -212.971 892.219 -186.567 717.907 -161.954C526.655 -135.102 338.078 -106.908 148.609 -160.611C-21.2444 -208.944 -175.94 -306.504 -298.092 -434.048C-420.244 -561.593 -510.743 -720.463 -550.42 -893.208C-599.013 -1103.54 -553.095 -1313.88 -503.164 -1519.29C-477.307 -1624.91 -451.004 -1730.08 -436.739 -1837.93C-424.702 -1925.64 -420.689 -2014.25 -411.773 -2101.97C-392.604 -2282.32 -344.902 -2479.23 -156.77 -2549.94C-56.0173 -2587.53 58.5554 -2593.8 165.55 -2592.01C272.99 -2589.77 379.984 -2574.11 484.303 -2548.15C694.28 -2495.34 892.219 -2401.81 1076.78 -2289.48C1443.69 -2066.61 1753.52 -1764.54 2095.46 -1507.21C2264.87 -1379.67 2444.97 -1256.15 2640.24 -1171.57C2733.41 -1131.29 2831.93 -1105.78 2934.02 -1117.86C3041.46 -1130.84 3142.66 -1176.04 3242.53 -1215.42C3353.98 -1259.28 3465.88 -1303.14 3577.33 -1347C3663.81 -1381.01 3758.33 -1410.99 3829.66 -1472.75C3904.55 -1537.19 3931.3 -1631.62 3944.67 -1726.05C3960.72 -1838.83 3969.64 -1952.94 3977.66 -2066.17C3981.68 -2122.11 3986.58 -2178.05 3987.47 -2233.99C3988.36 -2277.85 3983.91 -2322.6 3958.05 -2359.3C3917.93 -2416.58 3842.58 -2430.9 3777.05 -2424.19C3608.98 -2407.18 3474.35 -2268 3350.41 -2165.52C3226.48 -2063.03 2986.63 -1891.63 2847.09 -2060.8C2754.81 -2172.68 2755.7 -2340.5 2642.02 -2438.95C2521.65 -2542.78 2333.52 -2499.82 2226.53 -2397.33C2083.87 -2260.84 2044.64 -2045.13 2011.65 -1858.96C1930.51 -1400.7 1941.21 -933.932 1928.73 -470.298C1916.69 -18.2986 1875.67 431.463 1724.99 860.19C1587.24 1253.12 1373.69 1619.19 1099.52 1931.56C966.223 2082.83 817.323 2237.22 630.529 2320.01C417.432 2413.99 185.611 2377.74 -25.2566 2297.19C-246.378 2213.06 -453.679 2090.88 -662.764 1980.79C-879.873 1866.67 -1096.98 1752.55 -1314.09 1638.43C-1526.3 1527 -1738.5 1415.57 -1950.71 1304.13C-1952.94 1312.64 -1955.16 1320.69 -1957.39 1329.2C-1542.35 1342.17 -1126.85 1354.7 -711.803 1367.68C-513.418 1373.95 -312.803 1389.16 -114.418 1385.58C-57.8005 1384.69 7.7334 1376.63 47.8562 1331.88C92.4373 1282.65 81.2917 1211.5 68.3633 1151.98C43.844 1035.62 -60.9211 781.427 140.139 765.763C183.382 762.183 227.517 771.581 269.869 778.294C318.908 785.902 367.947 792.615 416.986 798.88C518.185 811.858 619.83 822.151 721.92 829.759C1118.69 860.191 1518.13 852.583 1913.12 806.935C2123.1 782.769 2333.97 751.442 2539.48 699.977C2722.27 654.33 2900.14 585.411 3048.15 466.37C3053.06 462.342 3052.61 455.182 3050.38 450.259C2955.42 243.055 2706.22 207.253 2503.37 211.281C2359.82 214.414 2216.72 235.895 2074.51 250.663C1901.09 268.564 1727.67 284.675 1554.25 298.548C867.253 353.594 174.912 371.942 -511.634 305.709C-827.267 275.277 -1144.24 230.525 -1451.4 151.313C-1725.57 80.6042 -1995.29 -21.4314 -2229.34 -183.435C-2289.52 -225.055 -2346.59 -270.255 -2400.53 -319.93C-2424.6 -342.306 -2449.12 -364.682 -2470.97 -389.296C-2483.89 -403.617 -2484.79 -406.302 -2478.54 -424.65C-2472.75 -440.761 -2464.72 -455.977 -2454.47 -469.85C-2384.92 -562.935 -2244.05 -581.731 -2136.61 -587.101C-1965.86 -595.604 -1793.78 -594.262 -1623.04 -597.395C-1448.28 -600.527 -1273.52 -603.212 -1098.77 -605.897C-746.576 -610.82 -394.386 -615.295 -42.1973 -617.98C132.56 -619.323 306.871 -620.666 481.629 -621.561C648.361 -622.456 815.094 -622.903 981.381 -607.24C1069.65 -598.737 1157.03 -585.311 1243.52 -565.62C1243.52 -574.123 1243.52 -583.073 1243.52 -591.576C1161.93 -560.25 1118.24 -664.523 1105.32 -726.729C1093.72 -781.774 1085.7 -842.637 1044.69 -884.705C973.356 -958.546 866.808 -921.401 782.55 -896.788C731.282 -881.572 665.748 -857.853 611.805 -872.174C560.537 -886.047 543.596 -983.16 536.463 -1028.36C518.631 -1142.93 534.68 -1262.41 500.798 -1374.3C437.939 -1581.05 217.264 -1584.18 48.302 -1650.87C-56.9089 -1692.48 -134.034 -1789.15 -74.2957 -1904.61C5.50439 -2058.56 197.202 -2051.4 342.09 -2019.18C626.962 -1956.08 885.978 -1813.32 1130.73 -1658.92C1379.49 -1502.29 1621.12 -1335.36 1879.24 -1193.94C2395.93 -911.556 2963.45 -702.562 3552.81 -652.887C3827.87 -629.616 4112.3 -638.119 4381.57 -701.667C4614.28 -756.713 4848.33 -859.196 5009.71 -1041.34C5047.61 -1084.3 5081.04 -1131.29 5109.13 -1180.97C5111.36 -1184.99 5111.8 -1190.81 5109.13 -1194.39C4963.79 -1406.52 4747.13 -1548.38 4517.54 -1654.45C4400.29 -1709.04 4279.48 -1755.14 4158.22 -1799.44C4011.99 -1853.15 3864.43 -1907.74 3710.62 -1934.15C3566.63 -1958.76 3417.28 -1956.97 3279.97 -1901.93C3172.53 -1858.52 3078.91 -1786.91 3002.23 -1700.54C2822.13 -1497.81 2739.21 -1236.91 2671.44 -979.132C2632.21 -831.002 2596.1 -681.529 2542.16 -537.426C2492.67 -404.512 2424.47 -281.89 2349.12 -162.401C2213.15 52.8577 2051.77 262.746 1979.99 511.122C1944.77 632.848 1936.3 759.498 1958.59 884.357C1984.01 1026.67 2045.53 1160.03 2111.95 1287.13C2250.15 1551.61 2442.3 1838.03 2391.03 2152.19C2347.79 2414.89 2122.21 2578.23 1888.16 2664.61C1619.78 2763.96 1318.86 2794.84 1034.88 2785.89C471.821 2768.43 -107.285 2525.87 -404.64 2023.31C-479.982 1895.76 -539.72 1751.66 -548.191 1601.74C-557.553 1440.63 -495.139 1292.95 -388.145 1174.8C-215.617 985.497 51.4226 894.65 303.305 925.082C365.718 932.689 427.686 947.905 486.532 971.177C552.512 997.133 613.588 1034.28 679.568 1060.68C795.032 1106.78 912.281 1092.9 1011.7 1017.27C1225.68 854.373 1240.4 568.405 1388.85 360.754C1538.64 151.313 1821.29 133.86 1995.15 -45.1499C2174.37 -229.977 2144.5 -516.84 2051.77 -735.679C1992.48 -874.859 1910.89 -1002.4 1839.12 -1134.87C1780.72 -1243.17 1731.23 -1355.95 1681.75 -1468.72C1589.46 -1679.06 1496.74 -1899.69 1339.37 -2070.64C1265.81 -2150.3 1178.87 -2215.19 1079.46 -2258.6C1068.31 -2263.53 1058.06 -2255.47 1059.84 -2243.39C1094.17 -2004.41 1131.17 -1750.22 1278.74 -1551.52C1397.77 -1390.85 1582.78 -1278.08 1787.4 -1304.03C1984.01 -1328.65 2144.94 -1467.38 2264.42 -1616.85C2395.49 -1780.65 2479.3 -1972.19 2582.28 -2153.88C2696.41 -2355.27 2840.85 -2556.65 3067.32 -2636.76C3062.42 -2639 3057.07 -2640.79 3052.16 -2643.03C3287.11 -2284.11 3454.73 -1882.68 3543.89 -1462.46C3585.8 -1264.2 3656.24 -996.138 3459.19 -858.301C3277.3 -731.204 3049.04 -795.647 2870.72 -893.655C2220.28 -1250.33 1860.96 -1946.23 1403.56 -2501.16C1345.61 -2571.87 1285.42 -2640.79 1223.01 -2707.02C1161.49 -2772.36 1096.85 -2843.07 1012.59 -2878.42C943.487 -2907.06 865.916 -2900.8 808.853 -2849.33C755.355 -2800.55 729.499 -2726.71 712.558 -2657.79C659.952 -2442.98 632.758 -2218.33 608.684 -1998.59C582.827 -1766.33 568.115 -1533.17 564.549 -1299.56C560.982 -1065.95 568.115 -832.344 586.394 -599.184C594.418 -497.149 599.768 -392.428 619.384 -291.736C632.312 -225.502 656.832 -151.213 714.341 -110.041C783.887 -60.3657 866.808 -86.7698 937.246 -119.886C1035.32 -166.429 1130.28 -219.684 1225.68 -271.149C1414.71 -373.185 1605.51 -476.115 1810.59 -543.692C2133.8 -650.202 2536.36 -656.915 2810.54 -424.65C2946.06 -309.636 3072.23 -97.5105 2980.83 80.604C2967.01 107.903 2946.51 101.638 2918.42 101.19C2894.35 100.743 2870.72 100.295 2846.65 99.4001C2794.49 97.1626 2742.33 93.135 2690.61 87.7646C2588.52 77.0239 2486.88 59.5706 2387.02 36.7468C1561.38 -149.871 868.591 -668.103 149.947 -1088.33C-218.738 -1304.03 -603.471 -1501.39 -1013.62 -1624.46C-1211.11 -1683.53 -1413.95 -1724.71 -1619.92 -1739.48C-1811.61 -1752.9 -2015.79 -1750.22 -2203.03 -1702.33C-2275.26 -1683.98 -2347.48 -1655.79 -2406.77 -1609.69C-2432.63 -1589.55 -2455.81 -1566.28 -2474.09 -1538.98C-2487.46 -1518.85 -2513.76 -1476.78 -2509.75 -1451.27C-2506.18 -1431.13 -2484.79 -1405.62 -2474.53 -1388.17C-2462.94 -1368.48 -2450.9 -1348.79 -2438.87 -1329.54C-2412.12 -1287.03 -2384.03 -1245.41 -2354.61 -1204.68C-2300.67 -1129.95 -2242.71 -1057.9 -2181.64 -988.53C-1918.16 -690.479 -1602.53 -445.684 -1292.25 -199.993C-612.833 334.35 35.3735 903.6 651.928 1506.86C1265.81 2107.89 1848.93 2740.69 2396.82 3403.02C2531.46 3565.47 2663.86 3730.16 2794.49 3896.19C2800.73 3889.93 2806.97 3883.66 2813.21 3877.4C2421.79 3471.49 2110.62 2989.96 1900.64 2465.91C1796.32 2205.45 1716.52 1934.7 1664.36 1658.57C1605.07 1343.96 1582.78 1013.24 1666.59 701.32C1735.24 445.783 1878.79 189.8 2101.7 38.5371C2166.34 -5.32031 2246.14 -41.1223 2325.05 -20.0889C2391.48 -2.18774 2436.06 56.438 2461.91 116.854C2514.96 240.37 2512.29 390.738 2486.88 520.52C2432.94 797.985 2257.29 1036.07 2025.91 1193.15C1800.33 1346.2 1515.01 1442.87 1242.18 1449.13C1103.09 1452.26 957.307 1424.97 847.638 1333.67C744.656 1248.19 685.809 1121.99 654.157 993.552C585.056 712.06 620.721 401.479 725.932 133.86C754.018 62.7031 787.899 -5.76782 826.239 -72.0015C817.769 -74.239 809.744 -76.4766 801.274 -78.7144C776.309 513.807 655.94 1101.41 445.518 1655.89C391.129 1799.54 330.053 1940.96 263.628 2079.25C237.325 2134.29 210.577 2213.5 156.188 2247.96C85.75 2292.71 34.0361 2219.32 9.9624 2161.14C-47.5469 2021.52 -84.1033 1868.46 -121.551 1722.57C-160.337 1571.75 -192.881 1419.15 -219.184 1266.09C-262.873 1013.69 -288.284 712.508 -506.284 542.896C-512.526 537.974 -519.213 537.974 -525.009 542.896C-813.447 779.636 -1072.02 1050.84 -1295.37 1350.23C-1408.16 1501.04 -1511.14 1659.02 -1604.76 1822.81C-1651.57 1904.71 -1695.7 1987.95 -1736.72 2072.53C-1766.59 2133.84 -1790.22 2198.73 -1796.9 2267.21C-1802.25 2324.04 -1794.23 2387.14 -1753.66 2430.1C-1699.72 2487.39 -1618.13 2481.57 -1548.14 2465.01C-1334.15 2414.44 -1121.95 2352.23 -909.296 2295.85C-483.548 2182.62 -57.8005 2069.85 367.947 1956.62C544.042 1910.08 753.126 1825.5 936.354 1877.41C1121.81 1930.22 1177.09 2135.63 1198.94 2305.69C1217.21 2448.9 1212.31 2608.22 1146.78 2739.79C1115.57 2802.44 1069.65 2856.59 1008.13 2890.61C916.738 2941.18 810.19 2936.7 710.329 2919.7C355.465 2858.38 7.2876 2724.58 -307.899 2552.28C-624.424 2379.53 -914.646 2158.9 -1165.19 1899.34C-1296.26 1763.29 -1410.83 1615.16 -1526.74 1466.59C-1642.21 1318.9 -1765.25 1173.46 -1923.07 1069.18C-2065.28 975.204 -2238.25 912.998 -2410.34 936.27C-2552.99 955.513 -2689.86 1038.75 -2767.43 1160.93C-2806.21 1221.34 -2827.17 1290.26 -2828.5 1362.31C-2828.5 1369.92 -2822.26 1375.29 -2815.13 1375.74C-1779.52 1424.07 -869.173 848.107 28.6865 414.904C141.922 360.306 255.603 307.499 371.068 257.824C471.375 214.861 584.611 154.893 697.4 163.844C851.65 176.374 846.746 344.196 824.456 460.552C813.757 516.492 796.816 571.538 773.634 623.451C748.668 679.839 711.666 754.127 646.578 771.581C576.14 790.377 541.813 704.005 515.51 654.777C486.532 600.179 459.784 543.792 435.264 486.956C388.9 378.208 351.452 266.327 319.354 152.656C255.157 -75.134 213.697 -308.294 171.345 -541.006C149.501 -660.048 127.656 -779.537 102.691 -898.13C82.6294 -993.901 69.2549 -1104.44 17.0952 -1189.47C-38.6309 -1281.21 -131.805 -1288.37 -228.991 -1268.68C-333.311 -1247.65 -437.184 -1219.9 -538.829 -1189.02C-746.13 -1125.92 -949.419 -1041.79 -1132.65 -924.534C-1301.61 -816.681 -1470.57 -674.816 -1572.21 -498.939C-1662.27 -343.648 -1697.93 -120.334 -1518.72 -13.376C-1433.57 37.6418 -1329.69 47.9348 -1232.95 55.5427C-1109.91 64.9409 -985.53 62.7031 -862.932 49.2773C-629.328 23.321 -401.074 -42.9124 -190.206 -148.081C3.72095 -244.746 179.37 -372.29 352.344 -502.072C524.426 -631.406 694.28 -764.321 879.736 -873.964C975.585 -930.8 1075.45 -980.922 1180.21 -1019.41C1294.34 -1061.48 1421.84 -1099.07 1543.99 -1075.35C1654.11 -1053.87 1767.79 -963.916 1764.22 -841.295C1761.55 -754.028 1692.89 -692.717 1613.98 -669.446C1529.73 -644.384 1433.43 -656.468 1364.33 -712.408C1284.53 -776.404 1241.29 -873.516 1221.23 -971.524C1178.87 -1176.49 1214.98 -1412.78 1313.51 -1596.72C1335.8 -1638.33 1361.66 -1678.16 1391.97 -1713.97C1422.29 -1750.22 1468.65 -1806.16 1513.68 -1823.61C1530.17 -1829.87 1531.06 -1831.66 1542.21 -1813.76C1548.9 -1803.02 1549.79 -1787.81 1549.34 -1775.28C1548 -1748.87 1536.86 -1722.92 1524.38 -1700.54C1496.29 -1650.42 1451.26 -1611.93 1408.91 -1574.34C1235.49 -1419.94 1030.42 -1301.35 811.082 -1227.51C761.151 -1210.95 710.329 -1196.18 658.615 -1184.1C591.298 -1168.43 518.185 -1151.43 450.422 -1172.91C345.657 -1206.03 288.147 -1316.12 266.749 -1417.26C221.276 -1636.1 315.787 -1880 183.382 -2080.04C130.777 -2160.15 51.4226 -2201.77 -42.1973 -2215.19C-159.445 -2231.75 -282.489 -2229.51 -400.628 -2222.8C-817.46 -2200.42 -1273.08 -2028.58 -1446.94 -1615.06C-1482.61 -1530.48 -1521.39 -1415.92 -1479.93 -1326.41C-1444.27 -1249.44 -1358.23 -1217.21 -1280.21 -1202.89C-1046.61 -1159.04 -795.615 -1179.18 -562.902 -1220.8C-53.7883 -1312.09 414.311 -1541.67 873.049 -1771.25C1105.32 -1887.16 1337.14 -2011.12 1580.1 -2103.76C1697.35 -2148.51 1820.84 -2181.63 1947.45 -2174.47C2070.05 -2167.76 2186.85 -2122.56 2292.06 -2060.8C2391.92 -2002.17 2483.31 -1928.78 2568.91 -1850.46C2656.73 -1770.35 2740.54 -1675.48 2762.39 -1554.2C2803.85 -1320.59 2627.31 -1114.28 2427.59 -1025.23C2218.06 -931.247 1969.29 -921.849 1743.71 -942.435C1513.23 -963.021 1285.87 -1026.12 1077.23 -1126.37C671.097 -1321.49 347.886 -1658.03 162.429 -2069.3C71.9299 -2269.79 16.2039 -2485.05 -2.07446 -2704.34C-5.19507 -2721.79 -31.9438 -2721.79 -30.6062 -2704.78Z" fill="#E6007A"/>
+</g>
+<path d="M579.661 1151H750.827L805.398 953.118C812.923 925.833 851.29 925.85 858.791 953.141L913.173 1151H1084.01L1215 645H1054.61L1013.65 845.811C1007.7 874.972 966.681 875.778 959.61 846.872L910.233 645H753.767L705.665 848.126C698.797 877.128 657.69 876.566 651.603 847.387L637.158 778.138C620.973 700.547 553.102 645 474.48 645H449L579.661 1151Z" fill="white"/>
+<defs>
+<linearGradient id="paint0_linear" x1="-232.429" y1="816.169" x2="2713.69" y2="813.592" gradientUnits="userSpaceOnUse">
+<stop stop-color="#F79420" stop-opacity="0.92"/>
+<stop offset="1" stop-color="#C4C4C4" stop-opacity="0"/>
+</linearGradient>
+</defs>
+</svg>
diff --git a/packages/apps-config/src/ui/logos/nodes/westend_white_bg.svg b/packages/apps-config/src/ui/logos/nodes/westend_white_bg.svg
new file mode 100644
index 0000000..a853b0c
--- /dev/null
+++ b/packages/apps-config/src/ui/logos/nodes/westend_white_bg.svg
@@ -0,0 +1,4 @@
+<svg width="1672" height="1672" viewBox="0 0 1672 1672" fill="none" xmlns="http://www.w3.org/2000/svg">
+<circle cx="836.274" cy="835.792" r="835.436" fill="white"/>
+<path d="M577.732 1139.59H749.772L804.621 942.371C812.184 915.177 850.747 915.194 858.287 942.394L912.947 1139.59H1084.66L1216.31 635.288H1055.11L1013.93 835.424C1007.96 864.487 966.727 865.29 959.621 836.482L909.992 635.288H752.727L704.379 837.731C697.476 866.636 656.159 866.076 650.041 836.995L635.523 767.979C619.255 690.648 551.037 635.288 472.014 635.288H446.404L577.732 1139.59Z" fill="black"/>
+</svg>
diff --git a/packages/apps-config/src/ui/logos/nodes/westlake.png b/packages/apps-config/src/ui/logos/nodes/westlake.png
new file mode 100644
index 0000000..679f745
Binary files /dev/null and b/packages/apps-config/src/ui/logos/nodes/westlake.png differ
diff --git a/packages/apps-config/src/ui/logos/nodes/whala.svg b/packages/apps-config/src/ui/logos/nodes/whala.svg
new file mode 100644
index 0000000..5a02bc7
--- /dev/null
+++ b/packages/apps-config/src/ui/logos/nodes/whala.svg
@@ -0,0 +1,15 @@
+<svg width="512" height="512" xmlns="http://www.w3.org/2000/svg">
+ <rect width="100%" height="100%" fill="black"/>
+ <g id="Layer_1">
+  <title>Layer 1</title>
+  <g transform="matrix(5.21101 0 0 5.21101 -10580.6 -11719.7)" id="svg_100">
+   <g id="svg_6">
+    <rect id="svg_1" fill="#03FFFF" height="49.504" width="12.925" y="2273.4014" x="2055.64633"/>
+    <rect id="svg_2" fill="#03FFFF" height="13.024" width="12.939" y="2286.9984" x="2068.47333"/>
+    <rect id="svg_3" fill="#03FFFF" height="13.024" width="12.939" y="2300.0514" x="2081.24033"/>
+    <rect id="svg_4" fill="#03FFFF" height="13.024" width="12.939" y="2309.6614" x="2090.53133"/>
+    <rect id="svg_5" fill="#03FFFF" height="13.024" width="21.863" y="2273.9354" x="2081.09433"/>
+   </g>
+  </g>
+ </g>
+</svg>
\ No newline at end of file
diff --git a/packages/apps-config/src/ui/logos/nodes/zCloak.svg b/packages/apps-config/src/ui/logos/nodes/zCloak.svg
new file mode 100644
index 0000000..a74476a
--- /dev/null
+++ b/packages/apps-config/src/ui/logos/nodes/zCloak.svg
@@ -0,0 +1,40 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 25.3.1, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="图层_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 120 120" style="enable-background:new 0 0 120 120;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#4571B9;}
+</style>
+<g>
+	<path class="st0" d="M50,38.5c11.8-7.7,27.7-4.4,35.4,7.4c0.1,0.2,0.2,0.3,0.3,0.5l19.1-11c-4.4-7.2-10.6-13.2-18-17.2
+		C72.5,20.4,59.5,27.6,50,38.5z"/>
+	<path class="st0" d="M24.9,50.3c-0.1-0.3,0-0.6,0.2-0.8c0.2-0.2,0.5-0.3,0.7-0.2c5.9,1.5,12.1,1.2,17.8-0.8
+		c1.3-0.5,2.6-1.1,3.8-1.8c-1.5-1-7.2-3-27.2,0c-0.9,0.1-3.1,0.4-5,0.5c3.4,3.6,5.6,8,6.4,12.9C26.1,54.9,24.9,50.3,24.9,50.3z"/>
+	<path class="st0" d="M20,45.1c10.9-1.7,17.8-1.9,22.1-1.4c9.2-14.1,23.5-24,39.8-27.8c-24.3-9.9-52.1,1.8-62,26.1
+		c-0.4,1.1-0.8,2.2-1.2,3.3L20,45.1z"/>
+	<path class="st0" d="M103.4,78.8c-0.3-2.1-1.5-3.9-3.2-5.1l-0.6-0.4c-0.9-0.5-1.9-0.8-2.9-0.6c-0.4,0.1-0.8,0.1-1.2,0.2l0,0
+		L94.7,73c-0.7,0.1-1.5,0.3-2.3,0.6c-2.5,0.7-4.8,1.9-6.9,3.4c-1.3,0.8-2.3,1.9-3.1,3.3c-0.1,0.4-0.2,0.8-0.2,1.2
+		c0.1,0.7,0.2,1.4,0.4,2c0.6,1.7,0.7,3.5,0.2,5.2c-0.3,1-0.7,1.9-1.2,2.8c-0.8,1.5-1.3,2.4-0.2,4.5c0.3,0.7,0.7,1.2,0.9,1.8
+		c1.1,1.6,1.7,3.6,1.6,5.6c0.1,0.2,0.3,0.3,0.5,0.3l0,0c0.4,0,0.8-0.3,0.8-0.7c0.1-1.9-0.5-3.9-1.6-5.4c-0.3-0.5-0.6-1.1-1-1.7
+		c-1.1-1.9-0.6-2.7,0.2-4.2c0.5-0.8,0.9-1.7,1.2-2.6c0.5-1.6,0.5-3.4-0.2-5c-0.2-0.6-0.4-1.2-0.4-1.9c0-0.6,0.2-1.2,0.5-1.7l0.1,0.1
+		l15.5,4.9c0.1,0,0.2,0,0.2,0c0.2,0,0.4-0.1,0.6-0.2C102.6,83.1,103.6,80.9,103.4,78.8z M99.8,83.8l-14.5-4.6
+		c0.4-0.3,0.8-0.6,1.2-0.9c2.2-1.6,4.7-2.8,7.4-3.4c1.1-0.3,2.2-0.5,3.3-0.6c0.6-0.1,1.1,0.1,1.6,0.4l0.6,0.4c1.3,1,2.2,2.4,2.4,4
+		C101.8,80.8,101.1,82.5,99.8,83.8z"/>
+	<path class="st0" d="M38.6,61.8l0.4,0.1c2,0.3,4,1.1,5.7,2.1c1,0.7,2,1.4,2.9,2.1c1.1,0.8,2.2,1.6,3.2,2.3c2.4,1.5,5,2.5,7.8,2.9
+		l0,0c3.6,0.4,7.2,0.3,10.7-0.3c10.7-1.4,17.6-1.3,23.5,0.8c1-0.2,1.9-0.4,2.8-0.6c-6.7-3-14.2-3.4-26.5-1.8
+		c-5.1,0.7-11,1.2-16.1-1.4c-1.5-0.8-2.9-1.8-4.2-2.9c-1-0.9-2.2-1.7-3.3-2.4c-1.3-0.8-2.8-1.5-4.3-1.9l0,0l-0.8-0.2l-0.3-0.1
+		c-0.6-0.1-1.2-0.2-1.9-0.3l0,0c-5.7-1-11.6-0.2-16.9,2.3c-0.1,0.1-0.3,0.1-0.4,0.1c-0.3,0-0.5-0.1-0.6-0.3
+		c-0.1-0.1-0.1-0.2-0.1-0.4l0,0c-0.5-3.4-1.6-6.7-3.3-9.6c-4.3,25.9,13.2,50.4,39.2,54.8c8.9,1.5,18,0.4,26.2-3.1
+		c0.3-2.4-0.3-3.5-1.3-5.4c-0.3-0.5-0.6-1.1-1-1.8c-0.2-0.4-0.4-0.9-0.5-1.3c-4.5,1.2-9.2,1.9-13.8,1.9c-5.8,0.1-11.5-1.4-16.4-4.3
+		c-5.9-3.6-10.3-9.3-12.2-16c-0.1-0.4,0.2-0.9,0.6-1c0.4-0.1,0.9,0.2,1,0.6v0c1.8,6.2,5.9,11.6,11.5,15c7.5,4.5,17.2,5.2,29.1,2l0,0
+		c0.1-1.1,0.4-2.1,1-3.1c0.4-0.8,0.8-1.6,1.1-2.5c0.4-1.4,0.4-2.9-0.2-4.3c-0.3-0.8-0.4-1.6-0.5-2.4c-0.1-2.6,2.2-4.5,3.5-5.5
+		c1.2-0.9,2.5-1.7,3.8-2.4h-0.4l-2.1,0.2c-1.6,0.1-3.3,0.4-4.9,0.8c-2.3,0.4-4.5,1.2-6.5,2.1c-2.1,1.1-4.2,2.1-6.4,3
+		c-3,1.2-6.3,1.7-9.6,1.5c-1.1-0.1-2.1-0.3-3.1-0.6c-2.7-0.6-5.3-1.8-7.6-3.3C46,76.5,45,75.5,44,74.4c-0.7-0.7-1.4-1.4-2-2.1
+		c-0.4-0.5-0.7-1-1.1-1.5c-1.1-1.3-2.3-2.4-3.6-3.4c-3.1-2-6.8-3.1-10.5-3.2c1.8,1,3.1,3.1,3.8,6.3c0.5,2.9,0.6,5.8,0.2,8.7
+		c-0.1,1.5-0.2,3-0.2,4.4c0,4.4,0.8,7.6,2.4,10.1c-1.1-1-2.1-2-3.1-3.1c-0.6-2.3-0.9-4.6-0.9-7c0-1.5,0.1-3.1,0.3-4.6
+		c0.4-2.7,0.3-5.5-0.1-8.2c-0.5-2.1-1.7-5.6-4.4-5.6c-0.2,0-0.4,0-0.6,0c-3.8,0.5-4.7,4.4-4.7,4.6c0,0.1-0.1,0.2-0.1,0.3
+		c-0.2-0.9-0.4-1.9-0.5-2.9c0.8-1.5,2.1-2.6,3.7-3.2c1.7-0.8,7-3.1,15.6-2.3"/>
+	<path class="st0" d="M50.3,46.8C50.3,46.8,50.3,46.8,50.3,46.8L50.3,46.8c-2.6,1.8-10.9,6.9-23.7,4.3c0.2,3.1-0.8,6.1-2.6,8.6
+		c6.2-2,13-2,19.2,0l0,0l0.7,0.2C47.6,56.5,49.9,51.8,50.3,46.8L50.3,46.8z"/>
+</g>
+</svg>
diff --git a/packages/apps-config/src/ui/logos/nodes/zeitgeist.png b/packages/apps-config/src/ui/logos/nodes/zeitgeist.png
new file mode 100644
index 0000000..93bd683
Binary files /dev/null and b/packages/apps-config/src/ui/logos/nodes/zeitgeist.png differ
diff --git a/packages/apps-config/src/ui/logos/nodes/zenlink.svg b/packages/apps-config/src/ui/logos/nodes/zenlink.svg
new file mode 100644
index 0000000..e376f7d
--- /dev/null
+++ b/packages/apps-config/src/ui/logos/nodes/zenlink.svg
@@ -0,0 +1,14 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="512px" height="512px" viewBox="0 0 512 512" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>logo@2x</title>
+    <defs>
+        <linearGradient x1="0%" y1="23.3931975%" x2="100%" y2="72.0241831%" id="linearGradient-1">
+            <stop stop-color="#333333" offset="0%"></stop>
+            <stop stop-color="#393939" offset="100%"></stop>
+        </linearGradient>
+    </defs>
+    <g id="logo" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <rect id="Rectangle" fill="url(#linearGradient-1)" x="0" y="0" width="512" height="512"></rect>
+        <path d="M315.211977,361.327767 L258.116297,394.202463 C255.43626,395.746387 252.132246,395.746387 249.448801,394.202463 L140.470895,331.452499 C137.303269,329.629717 135.356322,326.25961 135.356322,322.614045 L135.356322,195.417161 C135.356322,193.373332 136.447431,191.492737 138.220483,190.469123 L198.869086,155.543796 C200.345493,154.697018 202.186739,155.758041 202.186739,157.454997 L202.186739,288.481084 C202.186739,290.912594 203.482431,293.157065 205.596454,294.374521 L315.211977,357.491762 C316.691793,358.345341 316.691793,360.474187 315.211977,361.327767 L315.211977,361.327767 Z M420,175.178094 C420,166.640746 415.442404,158.751976 408.042289,154.485009 L268.041415,73.723267 C260.590053,69.4255777 251.409947,69.4255777 243.965418,73.723267 L103.957711,154.485009 C96.557596,158.75539 92,166.640746 92,175.178094 L92,336.797158 C92,345.331093 96.557596,353.223275 103.957711,357.490242 L244.043998,438.299775 C251.440696,442.566742 260.559304,442.566742 267.959419,438.299775 L408.042289,357.490242 C415.442404,353.223275 420,345.331093 420,336.797158 L420,175.178094 Z" id="Fill-64" fill="#FFFFFF"></path>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/packages/apps-config/src/ui/logos/nodes/zero.svg b/packages/apps-config/src/ui/logos/nodes/zero.svg
new file mode 100644
index 0000000..ba7e945
--- /dev/null
+++ b/packages/apps-config/src/ui/logos/nodes/zero.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 342 342"><defs><style>.a{fill:#000000;}.b{fill:#00adee;}.c{fill:#ec297b;}.d{fill:#37b34a;}.e{fill:#f6921e;}</style></defs><title>z-ctrl-45-col</title><rect class="a" width="342" height="342"/><path class="b" d="M152.35,170.46l-12.18-12.19a.5.5,0,0,0-.35-.14.48.48,0,0,0-.34.14l-34.41,34.41V106.15a.51.51,0,0,0-.3-.46l-.19,0a.52.52,0,0,0-.35.14L39.58,170.46a.49.49,0,0,0-.15.34.51.51,0,0,0,.15.35l12.18,12.18a.47.47,0,0,0,.35.14.45.45,0,0,0,.34-.14l34.41-34.41v86.54a.49.49,0,0,0,.3.45.43.43,0,0,0,.19,0,.45.45,0,0,0,.34-.15l64.66-64.65A.49.49,0,0,0,152.35,170.46Z"/><path class="c" d="M185.24,49.85,173.06,37.66a.49.49,0,0,0-.34-.14.52.52,0,0,0-.35.14l-56,56a.49.49,0,0,0,0,.69l12.18,12.19a.52.52,0,0,0,.35.14.49.49,0,0,0,.34-.14l56-56A.47.47,0,0,0,185.24,49.85Z"/><path class="c" d="M229.1,93.7,216.92,81.52a.51.51,0,0,0-.34-.14.52.52,0,0,0-.35.14l-56,56a.49.49,0,0,0,0,.69l12.18,12.19a.52.52,0,0,0,.35.14.49.49,0,0,0,.34-.14l56-56A.49.49,0,0,0,229.1,93.7Z"/><path class="c" d="M207.17,71.77,195,59.59a.49.49,0,0,0-.34-.14.52.52,0,0,0-.35.14l-56,56a.49.49,0,0,0,0,.69l12.18,12.19a.52.52,0,0,0,.35.14.49.49,0,0,0,.34-.14l56-56A.49.49,0,0,0,207.17,71.77Z"/><path class="d" d="M219.71,243.93H176.34V188.38a.49.49,0,0,0-.3-.45.43.43,0,0,0-.19,0,.49.49,0,0,0-.35.15l-64.65,64.65a.49.49,0,0,0,0,.69L123,265.57a.5.5,0,0,0,.35.14.48.48,0,0,0,.34-.14l34.41-34.41v74.35a.49.49,0,0,0,.49.49h17.23a.49.49,0,0,0,.49-.49V262.14h43.37a.49.49,0,0,0,.49-.49V244.42A.49.49,0,0,0,219.71,243.93Z"/><path class="e" d="M305.86,170.46l-56-56.05a.51.51,0,0,0-.7,0l-56,56.05a.48.48,0,0,0-.14.34.5.5,0,0,0,.14.35l56,56a.51.51,0,0,0,.7,0l56-56A.49.49,0,0,0,305.86,170.46Zm-56.39,31.33-31-31,31-31,31,31Z"/></svg>
diff --git a/packages/apps-config/src/ui/util.ts b/packages/apps-config/src/ui/util.ts
new file mode 100644
index 0000000..fafaeb0
--- /dev/null
+++ b/packages/apps-config/src/ui/util.ts
@@ -0,0 +1,6 @@
+// Copyright 2017-2022 @polkadot/apps-config authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+export function sanitize (value?: string): string {
+  return value?.toLowerCase().replace(/-/g, ' ') || '';
+}
diff --git a/packages/apps-config/src/util.ts b/packages/apps-config/src/util.ts
new file mode 100644
index 0000000..2b61fbb
--- /dev/null
+++ b/packages/apps-config/src/util.ts
@@ -0,0 +1,16 @@
+// Copyright 2017-2022 @polkadot/apps-config authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import { TOptions } from './types';
+
+export function defaultT (keyOrText: string, text?: string, options?: TOptions): string {
+  return (
+    (
+      options &&
+      options.replace &&
+      options.replace.host
+    ) ||
+    text ||
+    keyOrText
+  );
+}
diff --git a/packages/apps-config/tsconfig.build.json b/packages/apps-config/tsconfig.build.json
new file mode 100644
index 0000000..da24d9f
--- /dev/null
+++ b/packages/apps-config/tsconfig.build.json
@@ -0,0 +1,9 @@
+{
+  "extends": "../../tsconfig.base.json",
+  "compilerOptions": {
+    "baseUrl": "..",
+    "outDir": "./build",
+    "rootDir": "./src"
+  },
+  "references": []
+}
diff --git a/packages/apps-electron/.gitignore b/packages/apps-electron/.gitignore
new file mode 100644
index 0000000..775f4d1
--- /dev/null
+++ b/packages/apps-electron/.gitignore
@@ -0,0 +1,3 @@
+build
+node_modules
+release
diff --git a/packages/apps-electron/.skip-build b/packages/apps-electron/.skip-build
new file mode 100644
index 0000000..e69de29
diff --git a/packages/apps-electron/.skip-npm b/packages/apps-electron/.skip-npm
new file mode 100644
index 0000000..e69de29
diff --git a/packages/apps-electron/README.md b/packages/apps-electron/README.md
new file mode 100644
index 0000000..ed7c21a
--- /dev/null
+++ b/packages/apps-electron/README.md
@@ -0,0 +1,17 @@
+# @polkadot/apps-electron
+
+Desktop Polkadot apps client for Windows, Mac and Linux. 
+
+## Installation
+
+[Download here](https://github.com/polkadot-js/apps/releases/latest) latest versions for Windows, Mac and Linux.
+
+## Development and testing
+
+Contributions are welcome!
+
+Follow steps described [here](https://github.com/polkadot-js/apps#development) to setup the project.
+
+* Run `yarn start:electron` to start the app in development mode. You will possibly see the `Not Found / 404` message. It's ok, just wait for the build to finish and refresh pressing `Ctrl+R`.
+* Run `yarn test` to run tests
+* Run `yarn packElectron:(mac|linux|windows)` with the OS you want to build for to create the app executable. Find the packages in `packages/apps-electron/release`.
diff --git a/packages/apps-electron/appleEntitlements/entitlements.mac.plist b/packages/apps-electron/appleEntitlements/entitlements.mac.plist
new file mode 100644
index 0000000..4c40ee7
--- /dev/null
+++ b/packages/apps-electron/appleEntitlements/entitlements.mac.plist
@@ -0,0 +1,14 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE plist PUBLIC "-//Apple//DTD PLIST 1.0//EN" "http://www.apple.com/DTDs/PropertyList-1.0.dtd">
+<plist version="1.0">
+	<dict>
+		<key>com.apple.security.cs.allow-jit</key>
+		<true/>
+		<key>com.apple.security.cs.allow-unsigned-executable-memory</key>
+		<true/>
+		<key>com.apple.security.cs.allow-dyld-environment-variables</key>
+		<true/>
+		<key>com.apple.security.device.camera</key>
+		<true/>
+	</dict>
+</plist>
diff --git a/packages/apps-electron/assets/icon.png b/packages/apps-electron/assets/icon.png
new file mode 100644
index 0000000..f282e5a
Binary files /dev/null and b/packages/apps-electron/assets/icon.png differ
diff --git a/packages/apps-electron/package.json b/packages/apps-electron/package.json
new file mode 100644
index 0000000..b566e3d
--- /dev/null
+++ b/packages/apps-electron/package.json
@@ -0,0 +1,34 @@
+{
+  "bugs": "https://github.com/polkadot-js/apps/issues",
+  "homepage": "https://github.com/polkadot-js/apps/tree/master/packages/apps-electron#readme",
+  "license": "Apache-2.0",
+  "name": "@polkadot/apps-electron",
+  "private": true,
+  "repository": {
+    "directory": "packages/apps-electron",
+    "type": "git",
+    "url": "https://github.com/polkadot-js/apps.git"
+  },
+  "sideEffects": false,
+  "version": "0.112.2-14",
+  "dependencies": {
+    "@babel/core": "^7.17.9",
+    "@babel/polyfill": "^7.12.1",
+    "@polkadot/dev": "^0.66.3",
+    "@polkadot/react-components": "^0.112.2-14",
+    "electron-log": "^4.4.6",
+    "electron-updater": "^4.6.5"
+  },
+  "devDependencies": {
+    "@types/react-dom": "^17.0.14",
+    "@types/tmp": "^0.2.3",
+    "babel-loader": "^8.2.4",
+    "copy-webpack-plugin": "^10.2.4",
+    "html-webpack-plugin": "^5.5.0",
+    "react": "^17.0.2",
+    "react-dom": "^17.0.2",
+    "thread-loader": "^3.0.4",
+    "tmp": "^0.2.1",
+    "webpack": "^5.72.0"
+  }
+}
diff --git a/packages/apps-electron/src/api/account-store-api.ts b/packages/apps-electron/src/api/account-store-api.ts
new file mode 100644
index 0000000..5f4304b
--- /dev/null
+++ b/packages/apps-electron/src/api/account-store-api.ts
@@ -0,0 +1,11 @@
+// Copyright 2017-2022 @polkadot/apps authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { KeyringJson } from '@polkadot/ui-keyring/types';
+
+export interface AccountStoreApi {
+  all: () => Promise<{ key: string, value: KeyringJson }[]>
+  get: (key: string) => Promise<KeyringJson>
+  remove: (key: string) => Promise<void>
+  set: (key: string, value: KeyringJson) => Promise<void>
+}
diff --git a/packages/apps-electron/src/api/electron-main-api.ts b/packages/apps-electron/src/api/electron-main-api.ts
new file mode 100644
index 0000000..d67379e
--- /dev/null
+++ b/packages/apps-electron/src/api/electron-main-api.ts
@@ -0,0 +1,8 @@
+// Copyright 2017-2022 @polkadot/apps authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import { AccountStoreApi } from './account-store-api';
+
+export interface ElectronMainApi {
+  accountStore: AccountStoreApi
+}
diff --git a/packages/apps-electron/src/api/global-exported-api.ts b/packages/apps-electron/src/api/global-exported-api.ts
new file mode 100644
index 0000000..07366e4
--- /dev/null
+++ b/packages/apps-electron/src/api/global-exported-api.ts
@@ -0,0 +1,12 @@
+// Copyright 2017-2022 @polkadot/apps authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import { ElectronMainApi } from './electron-main-api';
+
+declare global {
+  interface Window {
+    ElectronMain: ElectronMainApi
+  }
+}
+
+export const electronMainApi = window.ElectronMain;
diff --git a/packages/apps-electron/src/electron/autoUpdater.ts b/packages/apps-electron/src/electron/autoUpdater.ts
new file mode 100644
index 0000000..6612ff3
--- /dev/null
+++ b/packages/apps-electron/src/electron/autoUpdater.ts
@@ -0,0 +1,18 @@
+// Copyright 2017-2022 @polkadot/apps authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import { AppUpdater } from 'electron-updater';
+
+export async function setupAutoUpdater (): Promise<void> {
+  const { autoUpdater } = await import('electron-updater');
+
+  await setLogger(autoUpdater);
+  autoUpdater.checkForUpdatesAndNotify().catch(console.error);
+}
+
+async function setLogger (autoUpdater: AppUpdater): Promise<void> {
+  const log = await import('electron-log');
+
+  log.transports.file.level = 'debug';
+  autoUpdater.logger = log;
+}
diff --git a/packages/apps-electron/src/electron/contentSecurityPolicy.ts b/packages/apps-electron/src/electron/contentSecurityPolicy.ts
new file mode 100644
index 0000000..24b07bf
--- /dev/null
+++ b/packages/apps-electron/src/electron/contentSecurityPolicy.ts
@@ -0,0 +1,28 @@
+// Copyright 2017-2022 @polkadot/apps authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import { HeadersReceivedResponse, session } from 'electron';
+
+// eslint-disable-next-line @typescript-eslint/no-unused-vars
+export function setupContentSecurityPolicy (_: string): void {
+  session.defaultSession.webRequest.onHeadersReceived((details, respond: (response: HeadersReceivedResponse) => void) => {
+    respond({
+      responseHeaders: {
+        ...details.responseHeaders,
+        'Content-Security-Policy': [
+          "default-src 'self';" +
+          " style-src-elem 'self' https://fonts.googleapis.com/css 'unsafe-inline';" +
+          " font-src data: 'self' https://fonts.gstatic.com;" +
+          " style-src 'unsafe-inline';" +
+          " connect-src 'self' wss: ws:;" +
+          " img-src 'self' data:;" +
+          // react-qr-reader uses an embedded blob
+          " worker-src 'self' blob: filesystem:;" +
+          // unsafe-eval is needed for the WASM content - same as the extension
+          // script hashes here are for the window.top script (not technically needed)
+          " script-src 'self' 'unsafe-eval' 'sha256-02/ejyoV/iwRdJ4NAsxjzF6WVUtLMPM6Nv96EbAm6u8=' 'sha256-wW/WsLudCDaPo/ibpeK0KslHqYpCzcAKNFxFBXwCHJg='"
+        ]
+      }
+    });
+  });
+}
diff --git a/packages/apps-electron/src/electron/index.ts b/packages/apps-electron/src/electron/index.ts
new file mode 100644
index 0000000..c8ddb5f
--- /dev/null
+++ b/packages/apps-electron/src/electron/index.ts
@@ -0,0 +1,29 @@
+// Copyright 2017-2022 @polkadot/apps authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import { app, shell } from 'electron';
+
+import { registerAccountStoreHandlers } from '../main/account-store';
+import { setupAutoUpdater } from './autoUpdater';
+import { setupContentSecurityPolicy } from './contentSecurityPolicy';
+import { createWindow } from './window';
+
+const ENV = process.env.NODE_ENV || 'production';
+
+app.on('web-contents-created', (_, webContents): void => {
+  webContents.on('new-window', (e, url): void => {
+    e.preventDefault();
+    shell.openExternal(url).catch(console.error);
+  });
+});
+
+app
+  .whenReady()
+  .then(async (): Promise<void> => {
+    registerAccountStoreHandlers();
+    setupContentSecurityPolicy(ENV);
+
+    await createWindow(ENV);
+    await setupAutoUpdater();
+  })
+  .catch(console.error);
diff --git a/packages/apps-electron/src/electron/window.ts b/packages/apps-electron/src/electron/window.ts
new file mode 100644
index 0000000..4a28ae7
--- /dev/null
+++ b/packages/apps-electron/src/electron/window.ts
@@ -0,0 +1,31 @@
+// Copyright 2017-2022 @polkadot/apps authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import { BrowserWindow, screen } from 'electron';
+import path from 'path';
+
+export function createWindow (environment: string): Promise<unknown> {
+  const { height, width } = screen.getPrimaryDisplay().workAreaSize;
+
+  const win = new BrowserWindow({
+    height,
+    icon: path.join(__dirname, 'icon.png'),
+    webPreferences: {
+      contextIsolation: true,
+      enableRemoteModule: false,
+      nodeIntegration: false,
+      preload: path.join(__dirname, 'preload.js')
+    },
+    width
+  });
+
+  if (environment === 'development') {
+    win.webContents.openDevTools();
+
+    return win.loadURL('http://127.0.0.1:3001/');
+  }
+
+  const mainFilePath = path.resolve(__dirname, 'index.html');
+
+  return win.loadFile(mainFilePath);
+}
diff --git a/packages/apps-electron/src/index.tsx b/packages/apps-electron/src/index.tsx
new file mode 100644
index 0000000..9505bfa
--- /dev/null
+++ b/packages/apps-electron/src/index.tsx
@@ -0,0 +1,32 @@
+// Copyright 2017-2022 @polkadot/apps authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+// setup these right at front
+import '@polkadot/apps/initSettings';
+import 'semantic-ui-css/semantic.min.css';
+import '@polkadot/react-components/i18n';
+
+import React from 'react';
+import ReactDOM from 'react-dom';
+
+import Root from '@polkadot/apps/Root';
+
+import { electronMainApi } from './api/global-exported-api';
+import { RemoteElectronStore } from './renderer/remote-electron-store';
+
+const rootId = 'root';
+const rootElement = document.getElementById(rootId);
+
+if (!rootElement) {
+  throw new Error(`Unable to find element with id '${rootId}'`);
+}
+
+const store = new RemoteElectronStore(electronMainApi.accountStore);
+
+ReactDOM.render(
+  <Root
+    isElectron
+    store={store}
+  />,
+  rootElement
+);
diff --git a/packages/apps-electron/src/main/account-store.spec.ts b/packages/apps-electron/src/main/account-store.spec.ts
new file mode 100644
index 0000000..4d18282
--- /dev/null
+++ b/packages/apps-electron/src/main/account-store.spec.ts
@@ -0,0 +1,66 @@
+// Copyright 2017-2022 @polkadot/apps authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { KeyringJson } from '@polkadot/ui-keyring/types';
+
+import * as tmp from 'tmp';
+
+import { FileStore } from '@polkadot/ui-keyring/stores';
+
+import { accountStoreIpcHandler } from './account-store';
+import { IpcMainHandler } from './ipc-main-handler';
+
+const exampleAccount = (address: string): KeyringJson => ({
+  address,
+  meta: {}
+});
+
+describe('Account store', () => {
+  let accountStore: IpcMainHandler;
+  let tmpDir: tmp.DirResult;
+
+  beforeEach(() => {
+    tmpDir = tmp.dirSync({ unsafeCleanup: true });
+    accountStore = accountStoreIpcHandler(new FileStore(tmpDir.name));
+  });
+
+  afterEach(() => {
+    tmpDir.removeCallback();
+  });
+
+  it('all returns empty array at first', () => {
+    expect(accountStore['account-store-all']()).toEqual([]);
+  });
+
+  it('after adding accounts, they become visible', async () => {
+    await accountStore['account-store-set']('1', exampleAccount('a'));
+    await accountStore['account-store-set']('2', exampleAccount('b'));
+
+    expect(accountStore['account-store-all']()).toEqual([{
+      key: '1', value: exampleAccount('a')
+    }, {
+      key: '2', value: exampleAccount('b')
+    }]);
+  });
+
+  it('get returns account if exists', async () => {
+    await accountStore['account-store-set']('1', exampleAccount('a'));
+    expect(await accountStore['account-store-get']('1')).toEqual(exampleAccount('a'));
+  });
+
+  it('get returns null if account does not exist', async () => {
+    jest.spyOn(console, 'error').mockImplementationOnce(() => { /**/ });
+
+    expect(await accountStore['account-store-get']('1')).toEqual(null);
+  });
+
+  it('account disappears from list after it is removed', async () => {
+    jest.spyOn(console, 'error').mockImplementationOnce(() => { /**/ });
+
+    await accountStore['account-store-set']('1', exampleAccount('a'));
+    await accountStore['account-store-remove']('1');
+
+    expect(await accountStore['account-store-get']('1')).toEqual(null);
+    expect(accountStore['account-store-all']()).toEqual([]);
+  });
+});
diff --git a/packages/apps-electron/src/main/account-store.ts b/packages/apps-electron/src/main/account-store.ts
new file mode 100644
index 0000000..36adc54
--- /dev/null
+++ b/packages/apps-electron/src/main/account-store.ts
@@ -0,0 +1,56 @@
+// Copyright 2017-2022 @polkadot/apps authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { KeyringJson } from '@polkadot/ui-keyring/types';
+
+import { app } from 'electron';
+import path from 'path';
+
+import { FileStore } from '@polkadot/ui-keyring/stores';
+
+import { IpcMainHandler } from './ipc-main-handler';
+import { registerIpcHandler } from './register-ipc-handler';
+
+const ACCOUNTS_SUBFOLDER = 'polkadot-accounts';
+
+function safeWriteKey (key: string) {
+  return key.replace(/:/g, '-');
+}
+
+function safeReadKey (key: string) {
+  return key.replace(/-/g, ':');
+}
+
+export const accountStoreIpcHandler = (fileStore: FileStore): IpcMainHandler => ({
+  'account-store-all': () => {
+    let result: { key: string, value: KeyringJson }[] = [];
+
+    const collect = (key: string, value: KeyringJson) => {
+      result = [...result, { key: safeReadKey(key), value }];
+    };
+
+    fileStore.all(collect);
+
+    return result;
+  },
+  'account-store-get': async (key: string) => new Promise((resolve) => {
+    try {
+      fileStore.get(safeWriteKey(key), resolve);
+    } catch (err) {
+      resolve(null);
+    }
+  }),
+  'account-store-remove': async (key: string) => new Promise((resolve) =>
+    fileStore.remove(safeWriteKey(key), () => resolve(undefined))
+  ),
+  'account-store-set': async (key: string, value: KeyringJson) => new Promise((resolve) =>
+    fileStore.set(safeWriteKey(key), value, () => resolve(undefined))
+  )
+});
+
+export const registerAccountStoreHandlers = (): void => {
+  const defaultStorePath = path.join(app.getPath('userData'), ACCOUNTS_SUBFOLDER);
+  const fileStore = new FileStore(defaultStorePath);
+
+  registerIpcHandler(accountStoreIpcHandler(fileStore));
+};
diff --git a/packages/apps-electron/src/main/ipc-main-handler.ts b/packages/apps-electron/src/main/ipc-main-handler.ts
new file mode 100644
index 0000000..9e6e855
--- /dev/null
+++ b/packages/apps-electron/src/main/ipc-main-handler.ts
@@ -0,0 +1,6 @@
+// Copyright 2017-2022 @polkadot/apps authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+export type IpcMainHandler = {
+  [channel: string]: (...args: any[]) => unknown
+}
diff --git a/packages/apps-electron/src/main/register-ipc-handler.ts b/packages/apps-electron/src/main/register-ipc-handler.ts
new file mode 100644
index 0000000..3207f0b
--- /dev/null
+++ b/packages/apps-electron/src/main/register-ipc-handler.ts
@@ -0,0 +1,14 @@
+// Copyright 2017-2022 @polkadot/apps authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import { ipcMain } from 'electron';
+
+import { IpcMainHandler } from './ipc-main-handler';
+
+export const registerIpcHandler = (ipcHandler: IpcMainHandler): void => {
+  for (const [channel, listener] of Object.entries(ipcHandler)) {
+    ipcMain.handle(channel, (_, ...args: unknown[]) => {
+      return listener(...args);
+    });
+  }
+};
diff --git a/packages/apps-electron/src/preload.ts b/packages/apps-electron/src/preload.ts
new file mode 100644
index 0000000..f8d0b82
--- /dev/null
+++ b/packages/apps-electron/src/preload.ts
@@ -0,0 +1,15 @@
+// Copyright 2017-2022 @polkadot/apps authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { KeyringJson } from '@polkadot/ui-keyring/types';
+
+import { contextBridge, ipcRenderer } from 'electron';
+
+contextBridge.exposeInMainWorld('ElectronMain', {
+  accountStore: {
+    all: () => ipcRenderer.invoke('account-store-all'),
+    get: (key: string) => ipcRenderer.invoke('account-store-get', key),
+    remove: (key: string) => ipcRenderer.invoke('account-store-remove', key),
+    set: (key: string, value: KeyringJson) => ipcRenderer.invoke('account-store-set', key, value)
+  }
+});
diff --git a/packages/apps-electron/src/renderer/remote-electron-store.spec.ts b/packages/apps-electron/src/renderer/remote-electron-store.spec.ts
new file mode 100644
index 0000000..a006db6
--- /dev/null
+++ b/packages/apps-electron/src/renderer/remote-electron-store.spec.ts
@@ -0,0 +1,91 @@
+// Copyright 2017-2022 @polkadot/apps authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { KeyringJson } from '@polkadot/ui-keyring/types';
+
+import { RemoteElectronStore } from './remote-electron-store';
+
+describe('Remote Electron Store', () => {
+  const accountStore = {
+    all: jest.fn(),
+    get: jest.fn(),
+    remove: jest.fn(),
+    set: jest.fn()
+  };
+  const remoteStore = new RemoteElectronStore(accountStore);
+
+  beforeEach(() => {
+    accountStore.all.mockClear();
+    accountStore.get.mockClear();
+    accountStore.remove.mockClear();
+    accountStore.set.mockClear();
+  });
+
+  describe('all', () => {
+    it('calls callback for each returned account', async () => {
+      accountStore.all.mockResolvedValue([{
+        key: 1,
+        value: 'a'
+      }, {
+        key: 2,
+        value: 'b'
+      }]);
+      const cb = jest.fn();
+
+      remoteStore.all(cb);
+      await Promise.resolve();
+
+      expect(cb).nthCalledWith(1, 1, 'a');
+      expect(cb).nthCalledWith(2, 2, 'b');
+    });
+  });
+
+  describe('get', () => {
+    it('calls callback with returned account', async () => {
+      accountStore.get.mockResolvedValue('a');
+      const cb = jest.fn();
+
+      remoteStore.get('1', cb);
+      await Promise.resolve();
+
+      expect(accountStore.get).toBeCalledWith('1');
+      expect(cb).toBeCalledWith('a');
+    });
+
+    it('calls callback with null if no accounts found', async () => {
+      accountStore.get.mockResolvedValue(null);
+      const cb = jest.fn();
+
+      remoteStore.get('1', cb);
+      await Promise.resolve();
+
+      expect(cb).toBeCalledWith(null);
+    });
+  });
+
+  describe('remove', () => {
+    it('calls callback after success', async () => {
+      accountStore.remove.mockResolvedValue(null);
+      const cb = jest.fn();
+
+      remoteStore.remove('1', cb);
+      await Promise.resolve();
+
+      expect(accountStore.remove).toBeCalledWith('1');
+      expect(cb).toBeCalledTimes(1);
+    });
+  });
+
+  describe('set', () => {
+    it('calls callback after success', async () => {
+      accountStore.set.mockResolvedValue(null);
+      const cb = jest.fn();
+
+      remoteStore.set('1', 'a' as unknown as KeyringJson, cb);
+      await Promise.resolve();
+
+      expect(accountStore.set).toBeCalledWith('1', 'a');
+      expect(cb).toBeCalledTimes(1);
+    });
+  });
+});
diff --git a/packages/apps-electron/src/renderer/remote-electron-store.ts b/packages/apps-electron/src/renderer/remote-electron-store.ts
new file mode 100644
index 0000000..d81acb5
--- /dev/null
+++ b/packages/apps-electron/src/renderer/remote-electron-store.ts
@@ -0,0 +1,41 @@
+// Copyright 2017-2022 @polkadot/apps authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { KeyringJson, KeyringStore } from '@polkadot/ui-keyring/types';
+
+import { AccountStoreApi } from '../api/account-store-api';
+
+export class RemoteElectronStore implements KeyringStore {
+  readonly #accountStore: AccountStoreApi;
+
+  constructor (accountStore: AccountStoreApi) {
+    this.#accountStore = accountStore;
+  }
+
+  all (cb: (key: string, value: KeyringJson) => void): void {
+    this.#accountStore.all()
+      .then((result: { key: string, value: KeyringJson }[]) => result?.forEach(({ key, value }) => cb(key, value)))
+      .catch((e: Error) => {
+        throw new Error(`error getting all accounts: ${e.message}`);
+      });
+  }
+
+  get (key: string, cb: (value: KeyringJson) => void): void {
+    this.#accountStore.get(key)
+      .then(cb).catch((e: Error) => {
+        throw new Error(`error storing account: ${e.message}`);
+      });
+  }
+
+  remove (key: string, cb: (() => void) | undefined): void {
+    this.#accountStore.remove(key).then(cb).catch((e: Error) => {
+      throw new Error(`error removing account: ${e.message}`);
+    });
+  }
+
+  set (key: string, value: KeyringJson, cb: (() => void) | undefined): void {
+    this.#accountStore.set(key, value).then(cb).catch((e: Error) => {
+      throw new Error(`error saving account: ${e.message}`);
+    });
+  }
+}
diff --git a/packages/apps-electron/tsconfig.build.json b/packages/apps-electron/tsconfig.build.json
new file mode 100644
index 0000000..da24d9f
--- /dev/null
+++ b/packages/apps-electron/tsconfig.build.json
@@ -0,0 +1,9 @@
+{
+  "extends": "../../tsconfig.base.json",
+  "compilerOptions": {
+    "baseUrl": "..",
+    "outDir": "./build",
+    "rootDir": "./src"
+  },
+  "references": []
+}
diff --git a/packages/apps-electron/webpack.main.cjs b/packages/apps-electron/webpack.main.cjs
new file mode 100644
index 0000000..38dacf4
--- /dev/null
+++ b/packages/apps-electron/webpack.main.cjs
@@ -0,0 +1,59 @@
+// Copyright 2017-2022 @polkadot/apps authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+/* eslint-disable camelcase */
+
+const CopyWebpackPlugin = require('copy-webpack-plugin');
+const path = require('path');
+
+function createWebpack () {
+  return [
+    {
+      entry: {
+        electron: './src/electron',
+        preload: './src/preload.ts'
+      },
+      mode: 'production',
+      module: {
+        rules: [
+          {
+            include: /node_modules/,
+            test: /\.mjs$/,
+            type: 'javascript/auto'
+          },
+          {
+            exclude: /(node_modules)/,
+            test: /\.(js|mjs|ts|tsx)$/,
+            use: [
+              require.resolve('thread-loader'),
+              {
+                loader: require.resolve('babel-loader'),
+                options: require('@polkadot/dev/config/babel-config-webpack.cjs')
+              }
+            ]
+          }
+        ]
+      },
+      node: {
+        __dirname: false,
+        __filename: false
+      },
+      output: {
+        filename: '[name].js',
+        path: path.join(__dirname, '/build')
+      },
+      plugins: [
+        new CopyWebpackPlugin({ patterns: [{ from: 'assets' }] })
+      ],
+      resolve: {
+        alias: {
+          '@polkadot/hw-ledger-transports': require.resolve('@polkadot/hw-ledger-transports/node')
+        },
+        extensions: ['.js', '.jsx', '.json', '.mjs', '.ts', '.tsx']
+      },
+      target: 'electron-main'
+    }
+  ];
+}
+
+module.exports = createWebpack();
diff --git a/packages/apps-electron/webpack.renderer.cjs b/packages/apps-electron/webpack.renderer.cjs
new file mode 100644
index 0000000..5521c72
--- /dev/null
+++ b/packages/apps-electron/webpack.renderer.cjs
@@ -0,0 +1,37 @@
+// Copyright 2017-2022 @polkadot/apps authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+/* eslint-disable camelcase */
+
+const CopyWebpackPlugin = require('copy-webpack-plugin');
+const HtmlWebpackPlugin = require('html-webpack-plugin');
+const path = require('path');
+const { merge } = require('webpack-merge');
+
+const baseConfig = require('../apps/webpack.base.cjs');
+
+const context = __dirname;
+
+module.exports = merge(
+  baseConfig(context, 'development'),
+  {
+    plugins: [
+      // It must be placed before HtmlWebpackPlugin
+      new CopyWebpackPlugin({
+        patterns: [{
+          from: '../apps/public',
+          globOptions: {
+            dot: true,
+            ignore: ['**/index.html']
+          }
+        }]
+      }),
+      new HtmlWebpackPlugin({
+        PAGE_TITLE: 'Polkadot/Substrate Portal',
+        inject: true,
+        template: path.join(context, '../apps/public/index.html')
+      })
+    ],
+    target: 'web'
+  }
+);
diff --git a/packages/apps-routing/.skip-build b/packages/apps-routing/.skip-build
new file mode 100644
index 0000000..e69de29
diff --git a/packages/apps-routing/.skip-npm b/packages/apps-routing/.skip-npm
new file mode 100644
index 0000000..e69de29
diff --git a/packages/apps-routing/LICENSE b/packages/apps-routing/LICENSE
new file mode 100644
index 0000000..0d381b2
--- /dev/null
+++ b/packages/apps-routing/LICENSE
@@ -0,0 +1,201 @@
+                              Apache License
+                        Version 2.0, January 2004
+                    http://www.apache.org/licenses/
+
+TERMS AND CONDITIONS FOR USE, REPRODUCTION, AND DISTRIBUTION
+
+1. Definitions.
+
+  "License" shall mean the terms and conditions for use, reproduction,
+  and distribution as defined by Sections 1 through 9 of this document.
+
+  "Licensor" shall mean the copyright owner or entity authorized by
+  the copyright owner that is granting the License.
+
+  "Legal Entity" shall mean the union of the acting entity and all
+  other entities that control, are controlled by, or are under common
+  control with that entity. For the purposes of this definition,
+  "control" means (i) the power, direct or indirect, to cause the
+  direction or management of such entity, whether by contract or
+  otherwise, or (ii) ownership of fifty percent (50%) or more of the
+  outstanding shares, or (iii) beneficial ownership of such entity.
+
+  "You" (or "Your") shall mean an individual or Legal Entity
+  exercising permissions granted by this License.
+
+  "Source" form shall mean the preferred form for making modifications,
+  including but not limited to software source code, documentation
+  source, and configuration files.
+
+  "Object" form shall mean any form resulting from mechanical
+  transformation or translation of a Source form, including but
+  not limited to compiled object code, generated documentation,
+  and conversions to other media types.
+
+  "Work" shall mean the work of authorship, whether in Source or
+  Object form, made available under the License, as indicated by a
+  copyright notice that is included in or attached to the work
+  (an example is provided in the Appendix below).
+
+  "Derivative Works" shall mean any work, whether in Source or Object
+  form, that is based on (or derived from) the Work and for which the
+  editorial revisions, annotations, elaborations, or other modifications
+  represent, as a whole, an original work of authorship. For the purposes
+  of this License, Derivative Works shall not include works that remain
+  separable from, or merely link (or bind by name) to the interfaces of,
+  the Work and Derivative Works thereof.
+
+  "Contribution" shall mean any work of authorship, including
+  the original version of the Work and any modifications or additions
+  to that Work or Derivative Works thereof, that is intentionally
+  submitted to Licensor for inclusion in the Work by the copyright owner
+  or by an individual or Legal Entity authorized to submit on behalf of
+  the copyright owner. For the purposes of this definition, "submitted"
+  means any form of electronic, verbal, or written communication sent
+  to the Licensor or its representatives, including but not limited to
+  communication on electronic mailing lists, source code control systems,
+  and issue tracking systems that are managed by, or on behalf of, the
+  Licensor for the purpose of discussing and improving the Work, but
+  excluding communication that is conspicuously marked or otherwise
+  designated in writing by the copyright owner as "Not a Contribution."
+
+  "Contributor" shall mean Licensor and any individual or Legal Entity
+  on behalf of whom a Contribution has been received by Licensor and
+  subsequently incorporated within the Work.
+
+2. Grant of Copyright License. Subject to the terms and conditions of
+  this License, each Contributor hereby grants to You a perpetual,
+  worldwide, non-exclusive, no-charge, royalty-free, irrevocable
+  copyright license to reproduce, prepare Derivative Works of,
+  publicly display, publicly perform, sublicense, and distribute the
+  Work and such Derivative Works in Source or Object form.
+
+3. Grant of Patent License. Subject to the terms and conditions of
+  this License, each Contributor hereby grants to You a perpetual,
+  worldwide, non-exclusive, no-charge, royalty-free, irrevocable
+  (except as stated in this section) patent license to make, have made,
+  use, offer to sell, sell, import, and otherwise transfer the Work,
+  where such license applies only to those patent claims licensable
+  by such Contributor that are necessarily infringed by their
+  Contribution(s) alone or by combination of their Contribution(s)
+  with the Work to which such Contribution(s) was submitted. If You
+  institute patent litigation against any entity (including a
+  cross-claim or counterclaim in a lawsuit) alleging that the Work
+  or a Contribution incorporated within the Work constitutes direct
+  or contributory patent infringement, then any patent licenses
+  granted to You under this License for that Work shall terminate
+  as of the date such litigation is filed.
+
+4. Redistribution. You may reproduce and distribute copies of the
+  Work or Derivative Works thereof in any medium, with or without
+  modifications, and in Source or Object form, provided that You
+  meet the following conditions:
+
+  (a) You must give any other recipients of the Work or
+      Derivative Works a copy of this License; and
+
+  (b) You must cause any modified files to carry prominent notices
+      stating that You changed the files; and
+
+  (c) You must retain, in the Source form of any Derivative Works
+      that You distribute, all copyright, patent, trademark, and
+      attribution notices from the Source form of the Work,
+      excluding those notices that do not pertain to any part of
+      the Derivative Works; and
+
+  (d) If the Work includes a "NOTICE" text file as part of its
+      distribution, then any Derivative Works that You distribute must
+      include a readable copy of the attribution notices contained
+      within such NOTICE file, excluding those notices that do not
+      pertain to any part of the Derivative Works, in at least one
+      of the following places: within a NOTICE text file distributed
+      as part of the Derivative Works; within the Source form or
+      documentation, if provided along with the Derivative Works; or,
+      within a display generated by the Derivative Works, if and
+      wherever such third-party notices normally appear. The contents
+      of the NOTICE file are for informational purposes only and
+      do not modify the License. You may add Your own attribution
+      notices within Derivative Works that You distribute, alongside
+      or as an addendum to the NOTICE text from the Work, provided
+      that such additional attribution notices cannot be construed
+      as modifying the License.
+
+  You may add Your own copyright statement to Your modifications and
+  may provide additional or different license terms and conditions
+  for use, reproduction, or distribution of Your modifications, or
+  for any such Derivative Works as a whole, provided Your use,
+  reproduction, and distribution of the Work otherwise complies with
+  the conditions stated in this License.
+
+5. Submission of Contributions. Unless You explicitly state otherwise,
+  any Contribution intentionally submitted for inclusion in the Work
+  by You to the Licensor shall be under the terms and conditions of
+  this License, without any additional terms or conditions.
+  Notwithstanding the above, nothing herein shall supersede or modify
+  the terms of any separate license agreement you may have executed
+  with Licensor regarding such Contributions.
+
+6. Trademarks. This License does not grant permission to use the trade
+  names, trademarks, service marks, or product names of the Licensor,
+  except as required for reasonable and customary use in describing the
+  origin of the Work and reproducing the content of the NOTICE file.
+
+7. Disclaimer of Warranty. Unless required by applicable law or
+  agreed to in writing, Licensor provides the Work (and each
+  Contributor provides its Contributions) on an "AS IS" BASIS,
+  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or
+  implied, including, without limitation, any warranties or conditions
+  of TITLE, NON-INFRINGEMENT, MERCHANTABILITY, or FITNESS FOR A
+  PARTICULAR PURPOSE. You are solely responsible for determining the
+  appropriateness of using or redistributing the Work and assume any
+  risks associated with Your exercise of permissions under this License.
+
+8. Limitation of Liability. In no event and under no legal theory,
+  whether in tort (including negligence), contract, or otherwise,
+  unless required by applicable law (such as deliberate and grossly
+  negligent acts) or agreed to in writing, shall any Contributor be
+  liable to You for damages, including any direct, indirect, special,
+  incidental, or consequential damages of any character arising as a
+  result of this License or out of the use or inability to use the
+  Work (including but not limited to damages for loss of goodwill,
+  work stoppage, computer failure or malfunction, or any and all
+  other commercial damages or losses), even if such Contributor
+  has been advised of the possibility of such damages.
+
+9. Accepting Warranty or Additional Liability. While redistributing
+  the Work or Derivative Works thereof, You may choose to offer,
+  and charge a fee for, acceptance of support, warranty, indemnity,
+  or other liability obligations and/or rights consistent with this
+  License. However, in accepting such obligations, You may act only
+  on Your own behalf and on Your sole responsibility, not on behalf
+  of any other Contributor, and only if You agree to indemnify,
+  defend, and hold each Contributor harmless for any liability
+  incurred by, or claims asserted against, such Contributor by reason
+  of your accepting any such warranty or additional liability.
+
+END OF TERMS AND CONDITIONS
+
+APPENDIX: How to apply the Apache License to your work.
+
+  To apply the Apache License to your work, attach the following
+  boilerplate notice, with the fields enclosed by brackets "[]"
+  replaced with your own identifying information. (Don't include
+  the brackets!)  The text should be enclosed in the appropriate
+  comment syntax for the file format. We also recommend that a
+  file or class name and description of purpose be included on the
+  same "printed page" as the copyright notice for easier
+  identification within third-party archives.
+
+Copyright [yyyy] [name of copyright owner]
+
+Licensed under the Apache License, Version 2.0 (the "License");
+you may not use this file except in compliance with the License.
+You may obtain a copy of the License at
+
+    http://www.apache.org/licenses/LICENSE-2.0
+
+Unless required by applicable law or agreed to in writing, software
+distributed under the License is distributed on an "AS IS" BASIS,
+WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+See the License for the specific language governing permissions and
+limitations under the License.
diff --git a/packages/apps-routing/README.md b/packages/apps-routing/README.md
new file mode 100644
index 0000000..c200610
--- /dev/null
+++ b/packages/apps-routing/README.md
@@ -0,0 +1,3 @@
+# @polkadot/apps-routing
+
+The routing config for the application
diff --git a/packages/apps-routing/package.json b/packages/apps-routing/package.json
new file mode 100644
index 0000000..106d26b
--- /dev/null
+++ b/packages/apps-routing/package.json
@@ -0,0 +1,18 @@
+{
+  "bugs": "https://github.com/polkadot-js/apps/issues",
+  "homepage": "https://github.com/polkadot-js/apps/tree/master/packages/apps-routing#readme",
+  "license": "Apache-2.0",
+  "name": "@polkadot/apps-routing",
+  "private": true,
+  "repository": {
+    "directory": "packages/apps-routing",
+    "type": "git",
+    "url": "https://github.com/polkadot-js/apps.git"
+  },
+  "sideEffects": false,
+  "type": "module",
+  "version": "0.112.2-14",
+  "dependencies": {
+    "@babel/runtime": "^7.17.9"
+  }
+}
diff --git a/packages/apps-routing/src/accounts.ts b/packages/apps-routing/src/accounts.ts
new file mode 100644
index 0000000..075e121
--- /dev/null
+++ b/packages/apps-routing/src/accounts.ts
@@ -0,0 +1,21 @@
+// Copyright 2017-2022 @polkadot/apps-routing authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { TFunction } from 'i18next';
+import type { Route } from './types';
+
+import Component, { useCounter } from '@polkadot/app-accounts';
+
+export default function create (t: TFunction): Route {
+  return {
+    Component,
+    display: {
+      needsApi: []
+    },
+    group: 'accounts',
+    icon: 'users',
+    name: 'accounts',
+    text: t('nav.accounts', 'Accounts', { ns: 'apps-routing' }),
+    useCounter
+  };
+}
diff --git a/packages/apps-routing/src/addresses.ts b/packages/apps-routing/src/addresses.ts
new file mode 100644
index 0000000..4e329e2
--- /dev/null
+++ b/packages/apps-routing/src/addresses.ts
@@ -0,0 +1,20 @@
+// Copyright 2017-2022 @polkadot/apps-routing authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { TFunction } from 'i18next';
+import type { Route } from './types';
+
+import Component from '@polkadot/app-addresses';
+
+export default function create (t: TFunction): Route {
+  return {
+    Component,
+    display: {
+      needsApi: []
+    },
+    group: 'accounts',
+    icon: 'address-card',
+    name: 'addresses',
+    text: t('nav.addresses', 'Address book', { ns: 'apps-routing' })
+  };
+}
diff --git a/packages/apps-routing/src/assets.ts b/packages/apps-routing/src/assets.ts
new file mode 100644
index 0000000..bff6a91
--- /dev/null
+++ b/packages/apps-routing/src/assets.ts
@@ -0,0 +1,23 @@
+// Copyright 2017-2022 @polkadot/apps-routing authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { TFunction } from 'i18next';
+import type { Route } from './types';
+
+import Component from '@polkadot/app-assets';
+
+export default function create (t: TFunction): Route {
+  return {
+    Component,
+    display: {
+      needsApi: [
+        'tx.assets.setMetadata',
+        'tx.assets.transferKeepAlive'
+      ]
+    },
+    group: 'network',
+    icon: 'shopping-basket',
+    name: 'assets',
+    text: t('nav.assets', 'Assets', { ns: 'apps-routing' })
+  };
+}
diff --git a/packages/apps-routing/src/bounties.ts b/packages/apps-routing/src/bounties.ts
new file mode 100644
index 0000000..3e0cdd8
--- /dev/null
+++ b/packages/apps-routing/src/bounties.ts
@@ -0,0 +1,23 @@
+// Copyright 2017-2022 @polkadot/apps-routing authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { TFunction } from 'i18next';
+import type { Route } from './types';
+
+import Component, { useCounter } from '@polkadot/app-bounties';
+
+export default function create (t: TFunction): Route {
+  return {
+    Component,
+    display: {
+      needsApi: [
+        ['tx.bounties.proposeBounty', 'tx.treasury.proposeBounty']
+      ]
+    },
+    group: 'governance',
+    icon: 'coins',
+    name: 'bounties',
+    text: t('nav.bounties', 'Bounties', { ns: 'apps-routing' }),
+    useCounter
+  };
+}
diff --git a/packages/apps-routing/src/calendar.ts b/packages/apps-routing/src/calendar.ts
new file mode 100644
index 0000000..a0c9737
--- /dev/null
+++ b/packages/apps-routing/src/calendar.ts
@@ -0,0 +1,20 @@
+// Copyright 2017-2022 @polkadot/apps-routing authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { TFunction } from 'i18next';
+import type { Route } from './types';
+
+import Component from '@polkadot/app-calendar';
+
+export default function create (t: TFunction): Route {
+  return {
+    Component,
+    display: {
+      needsApi: []
+    },
+    group: 'network',
+    icon: 'calendar-alt',
+    name: 'calendar',
+    text: t('nav.calendar', 'Event calendar', { ns: 'apps-routing' })
+  };
+}
diff --git a/packages/apps-routing/src/claims.ts b/packages/apps-routing/src/claims.ts
new file mode 100644
index 0000000..892d730
--- /dev/null
+++ b/packages/apps-routing/src/claims.ts
@@ -0,0 +1,24 @@
+// Copyright 2017-2022 @polkadot/apps-routing authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { TFunction } from 'i18next';
+import type { Route } from './types';
+
+import Component, { useCounter } from '@polkadot/app-claims';
+
+export default function create (t: TFunction): Route {
+  return {
+    Component,
+    display: {
+      needsAccounts: true,
+      needsApi: [
+        'tx.claims.mintClaim'
+      ]
+    },
+    group: 'accounts',
+    icon: 'star',
+    name: 'claims',
+    text: t('nav.claims', 'Claim Tokens', { ns: 'apps-routing' }),
+    useCounter
+  };
+}
diff --git a/packages/apps-routing/src/contracts.ts b/packages/apps-routing/src/contracts.ts
new file mode 100644
index 0000000..6055d46
--- /dev/null
+++ b/packages/apps-routing/src/contracts.ts
@@ -0,0 +1,23 @@
+// Copyright 2017-2022 @polkadot/apps-routing authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { TFunction } from 'i18next';
+import type { Route } from './types';
+
+import Component from '@polkadot/app-contracts';
+
+export default function create (t: TFunction): Route {
+  return {
+    Component,
+    display: {
+      needsAccounts: true,
+      needsApi: [
+        'tx.contracts.instantiateWithCode'
+      ]
+    },
+    group: 'developer',
+    icon: 'compress',
+    name: 'contracts',
+    text: t('nav.contracts', 'Contracts', { ns: 'apps-routing' })
+  };
+}
diff --git a/packages/apps-routing/src/council.ts b/packages/apps-routing/src/council.ts
new file mode 100644
index 0000000..9d63baa
--- /dev/null
+++ b/packages/apps-routing/src/council.ts
@@ -0,0 +1,24 @@
+// Copyright 2017-2022 @polkadot/apps-routing authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { TFunction } from 'i18next';
+import type { Route } from './types';
+
+import Component, { useCounter } from '@polkadot/app-council';
+
+export default function create (t: TFunction): Route {
+  return {
+    Component,
+    display: {
+      needsApi: [
+        'query.council.prime'
+      ],
+      needsApiInstances: true
+    },
+    group: 'governance',
+    icon: 'building',
+    name: 'council',
+    text: t('nav.council', 'Council', { ns: 'apps-routing' }),
+    useCounter
+  };
+}
diff --git a/packages/apps-routing/src/democracy.ts b/packages/apps-routing/src/democracy.ts
new file mode 100644
index 0000000..a6c0a7d
--- /dev/null
+++ b/packages/apps-routing/src/democracy.ts
@@ -0,0 +1,38 @@
+// Copyright 2017-2022 @polkadot/apps-routing authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { TFunction } from 'i18next';
+import type { ApiPromise } from '@polkadot/api';
+import type { Route } from './types';
+
+import Component, { useCounter } from '@polkadot/app-democracy';
+
+function needsApiCheck (api: ApiPromise): boolean {
+  // we need to be able to create an actual vote
+  try {
+    api.tx.democracy.vote(1, { Standard: { balance: 1, vote: { aye: true, conviction: 1 } } });
+
+    return true;
+  } catch (error) {
+    console.warn('Unable to create referendum vote transaction, disabling democracy route');
+
+    return false;
+  }
+}
+
+export default function create (t: TFunction): Route {
+  return {
+    Component,
+    display: {
+      needsApi: [
+        'tx.democracy.notePreimage'
+      ],
+      needsApiCheck
+    },
+    group: 'governance',
+    icon: 'calendar-check',
+    name: 'democracy',
+    text: t('nav.democracy', 'Democracy', { ns: 'apps-routing' }),
+    useCounter
+  };
+}
diff --git a/packages/apps-routing/src/explorer.ts b/packages/apps-routing/src/explorer.ts
new file mode 100644
index 0000000..7d2a3a6
--- /dev/null
+++ b/packages/apps-routing/src/explorer.ts
@@ -0,0 +1,20 @@
+// Copyright 2017-2022 @polkadot/apps-routing authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { TFunction } from 'i18next';
+import type { Route } from './types';
+
+import Component from '@polkadot/app-explorer';
+
+export default function create (t: TFunction): Route {
+  return {
+    Component,
+    display: {
+      needsApi: []
+    },
+    group: 'network',
+    icon: 'braille',
+    name: 'explorer',
+    text: t('nav.explorer', 'Explorer', { ns: 'apps-routing' })
+  };
+}
diff --git a/packages/apps-routing/src/extrinsics.ts b/packages/apps-routing/src/extrinsics.ts
new file mode 100644
index 0000000..f5292f4
--- /dev/null
+++ b/packages/apps-routing/src/extrinsics.ts
@@ -0,0 +1,21 @@
+// Copyright 2017-2022 @polkadot/apps-routing authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { TFunction } from 'i18next';
+import type { Route } from './types';
+
+import Component from '@polkadot/app-extrinsics';
+
+export default function create (t: TFunction): Route {
+  return {
+    Component,
+    display: {
+      needsAccounts: true,
+      needsApi: []
+    },
+    group: 'developer',
+    icon: 'envelope-open-text',
+    name: 'extrinsics',
+    text: t('nav.extrinsics', 'Extrinsics', { ns: 'apps-routing' })
+  };
+}
diff --git a/packages/apps-routing/src/files.ts b/packages/apps-routing/src/files.ts
new file mode 100644
index 0000000..4c69ac1
--- /dev/null
+++ b/packages/apps-routing/src/files.ts
@@ -0,0 +1,21 @@
+// Copyright 2017-2022 @polkadot/apps-routing authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { TFunction } from 'i18next';
+import type { Route } from './types';
+
+import Component from '@polkadot/app-files';
+
+export default function create (t: TFunction): Route {
+  return {
+    Component,
+    display: {
+      needsAccounts: true,
+      needsApi: []
+    },
+    group: 'developer',
+    icon: 'file',
+    name: 'files',
+    text: t('nav.files', 'Files (IPFS)', { ns: 'apps-routing' })
+  };
+}
diff --git a/packages/apps-routing/src/gilt.ts b/packages/apps-routing/src/gilt.ts
new file mode 100644
index 0000000..9661c6a
--- /dev/null
+++ b/packages/apps-routing/src/gilt.ts
@@ -0,0 +1,23 @@
+// Copyright 2017-2022 @polkadot/apps-routing authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { TFunction } from 'i18next';
+import type { Route } from './types';
+
+import Component from '@polkadot/app-gilt';
+
+export default function create (t: TFunction): Route {
+  return {
+    Component,
+    display: {
+      needsApi: [
+        'tx.gilt.placeBid',
+        'query.proxy.proxies'
+      ]
+    },
+    group: 'network',
+    icon: 'leaf',
+    name: 'gilt',
+    text: t('nav.gilt', 'Gilt', { ns: 'apps-routing' })
+  };
+}
diff --git a/packages/apps-routing/src/index.ts b/packages/apps-routing/src/index.ts
new file mode 100644
index 0000000..9740a45
--- /dev/null
+++ b/packages/apps-routing/src/index.ts
@@ -0,0 +1,69 @@
+// Copyright 2017-2022 @polkadot/apps-routing authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { TFunction } from 'i18next';
+import type { Routes } from './types';
+
+import accounts from './accounts';
+import addresses from './addresses';
+import assets from './assets';
+import bounties from './bounties';
+import calendar from './calendar';
+import claims from './claims';
+import contracts from './contracts';
+import council from './council';
+import democracy from './democracy';
+import explorer from './explorer';
+import extrinsics from './extrinsics';
+import files from './files';
+import gilt from './gilt';
+import js from './js';
+import membership from './membership';
+import nfts from './nfts';
+import parachains from './parachains';
+import poll from './poll';
+import rpc from './rpc';
+import settings from './settings';
+import signing from './signing';
+import society from './society';
+import staking from './staking';
+import storage from './storage';
+import sudo from './sudo';
+import techcomm from './techcomm';
+import teleport from './teleport';
+import transfer from './transfer';
+import treasury from './treasury';
+
+export default function create (t: TFunction): Routes {
+  return [
+    accounts(t),
+    addresses(t),
+    explorer(t),
+    claims(t),
+    poll(t),
+    transfer(t),
+    teleport(t),
+    staking(t),
+    democracy(t),
+    council(t),
+    treasury(t),
+    bounties(t),
+    techcomm(t),
+    membership(t),
+    parachains(t),
+    gilt(t),
+    assets(t),
+    nfts(t),
+    society(t),
+    calendar(t),
+    contracts(t),
+    storage(t),
+    extrinsics(t),
+    rpc(t),
+    signing(t),
+    sudo(t),
+    files(t),
+    js(t),
+    settings(t)
+  ];
+}
diff --git a/packages/apps-routing/src/js.ts b/packages/apps-routing/src/js.ts
new file mode 100644
index 0000000..696f699
--- /dev/null
+++ b/packages/apps-routing/src/js.ts
@@ -0,0 +1,20 @@
+// Copyright 2017-2022 @polkadot/apps-routing authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { TFunction } from 'i18next';
+import type { Route } from './types';
+
+import Component from '@polkadot/app-js';
+
+export default function create (t: TFunction): Route {
+  return {
+    Component,
+    display: {
+      needsApi: []
+    },
+    group: 'developer',
+    icon: 'code',
+    name: 'js',
+    text: t('nav.js', 'JavaScript', { ns: 'apps-routing' })
+  };
+}
diff --git a/packages/apps-routing/src/membership.ts b/packages/apps-routing/src/membership.ts
new file mode 100644
index 0000000..c5a7765
--- /dev/null
+++ b/packages/apps-routing/src/membership.ts
@@ -0,0 +1,24 @@
+// Copyright 2017-2022 @polkadot/apps-routing authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { TFunction } from 'i18next';
+import type { Route } from './types';
+
+import Component, { useCounter } from '@polkadot/app-membership';
+
+export default function create (t: TFunction): Route {
+  return {
+    Component,
+    display: {
+      needsAccounts: true,
+      needsApi: [
+        'query.membership.members'
+      ]
+    },
+    group: 'governance',
+    icon: 'people-carry',
+    name: 'membership',
+    text: t('nav.membership', 'Membership', { ns: 'apps-routing' }),
+    useCounter
+  };
+}
diff --git a/packages/apps-routing/src/nfts.ts b/packages/apps-routing/src/nfts.ts
new file mode 100644
index 0000000..689f46c
--- /dev/null
+++ b/packages/apps-routing/src/nfts.ts
@@ -0,0 +1,22 @@
+// Copyright 2017-2022 @polkadot/apps-routing authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { TFunction } from 'i18next';
+import type { Route } from './types';
+
+import Component from '@polkadot/app-nfts';
+
+export default function create (t: TFunction): Route {
+  return {
+    Component,
+    display: {
+      needsApi: [
+        'tx.uniques.create'
+      ]
+    },
+    group: 'network',
+    icon: 'shopping-cart',
+    name: 'nfts',
+    text: t('nav.nfts', 'NFTs', { ns: 'apps-routing' })
+  };
+}
diff --git a/packages/apps-routing/src/parachains.ts b/packages/apps-routing/src/parachains.ts
new file mode 100644
index 0000000..4f816ca
--- /dev/null
+++ b/packages/apps-routing/src/parachains.ts
@@ -0,0 +1,23 @@
+// Copyright 2017-2022 @polkadot/apps-routing authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { TFunction } from 'i18next';
+import type { Route } from './types';
+
+import Component from '@polkadot/app-parachains';
+
+export default function create (t: TFunction): Route {
+  return {
+    Component,
+    display: {
+      needsApi: [
+        // children - parachainInfo.arachainId / parachainUpgrade.didSetValidationCode
+        ['query.paras.parachains']
+      ]
+    },
+    group: 'network',
+    icon: 'link',
+    name: 'parachains',
+    text: t('nav.parachains', 'Parachains', { ns: 'apps-routing' })
+  };
+}
diff --git a/packages/apps-routing/src/poll.ts b/packages/apps-routing/src/poll.ts
new file mode 100644
index 0000000..cbef4a8
--- /dev/null
+++ b/packages/apps-routing/src/poll.ts
@@ -0,0 +1,23 @@
+// Copyright 2017-2022 @polkadot/apps-routing authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { TFunction } from 'i18next';
+import type { Route } from './types';
+
+import Component from '@polkadot/app-poll';
+
+export default function create (t: TFunction): Route {
+  return {
+    Component,
+    display: {
+      needsAccounts: true,
+      needsApi: [
+        'tx.poll.vote'
+      ]
+    },
+    group: 'governance',
+    icon: 'podcast',
+    name: 'poll',
+    text: t('nav.poll', 'Token poll', { ns: 'apps-routing' })
+  };
+}
diff --git a/packages/apps-routing/src/rpc.ts b/packages/apps-routing/src/rpc.ts
new file mode 100644
index 0000000..57569cd
--- /dev/null
+++ b/packages/apps-routing/src/rpc.ts
@@ -0,0 +1,20 @@
+// Copyright 2017-2022 @polkadot/apps-routing authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { TFunction } from 'i18next';
+import type { Route } from './types';
+
+import Component from '@polkadot/app-rpc';
+
+export default function create (t: TFunction): Route {
+  return {
+    Component,
+    display: {
+      needsApi: []
+    },
+    group: 'developer',
+    icon: 'network-wired',
+    name: 'rpc',
+    text: t('nav.rpc', 'RPC calls', { ns: 'apps-routing' })
+  };
+}
diff --git a/packages/apps-routing/src/settings.ts b/packages/apps-routing/src/settings.ts
new file mode 100644
index 0000000..b78f5a4
--- /dev/null
+++ b/packages/apps-routing/src/settings.ts
@@ -0,0 +1,19 @@
+// Copyright 2017-2022 @polkadot/apps-routing authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { TFunction } from 'i18next';
+import type { Route } from './types';
+
+import Component, { useCounter } from '@polkadot/app-settings';
+
+export default function create (t: TFunction): Route {
+  return {
+    Component,
+    display: {},
+    group: 'settings',
+    icon: 'cogs',
+    name: 'settings',
+    text: t('nav.settings', 'Settings', { ns: 'apps-routing' }),
+    useCounter
+  };
+}
diff --git a/packages/apps-routing/src/signing.ts b/packages/apps-routing/src/signing.ts
new file mode 100644
index 0000000..b278654
--- /dev/null
+++ b/packages/apps-routing/src/signing.ts
@@ -0,0 +1,21 @@
+// Copyright 2017-2022 @polkadot/apps-routing authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { TFunction } from 'i18next';
+import type { Route } from './types';
+
+import Component from '@polkadot/app-signing';
+
+export default function create (t: TFunction): Route {
+  return {
+    Component,
+    display: {
+      needsAccounts: true,
+      needsApi: []
+    },
+    group: 'developer',
+    icon: 'signature',
+    name: 'signing',
+    text: t('nav.signing', 'Sign and verify', { ns: 'apps-routing' })
+  };
+}
diff --git a/packages/apps-routing/src/society.ts b/packages/apps-routing/src/society.ts
new file mode 100644
index 0000000..475318b
--- /dev/null
+++ b/packages/apps-routing/src/society.ts
@@ -0,0 +1,24 @@
+// Copyright 2017-2022 @polkadot/apps-routing authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { TFunction } from 'i18next';
+import type { Route } from './types';
+
+import Component, { useCounter } from '@polkadot/app-society';
+
+export default function create (t: TFunction): Route {
+  return {
+    Component,
+    display: {
+      needsAccounts: true,
+      needsApi: [
+        'query.society.pot'
+      ]
+    },
+    group: 'network',
+    icon: 'hand-spock',
+    name: 'society',
+    text: t('nav.society', 'Society', { ns: 'apps-routing' }),
+    useCounter
+  };
+}
diff --git a/packages/apps-routing/src/staking.ts b/packages/apps-routing/src/staking.ts
new file mode 100644
index 0000000..e1bc3a1
--- /dev/null
+++ b/packages/apps-routing/src/staking.ts
@@ -0,0 +1,22 @@
+// Copyright 2017-2022 @polkadot/apps-routing authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { TFunction } from 'i18next';
+import type { Route } from './types';
+
+import Component from '@polkadot/app-staking';
+
+export default function create (t: TFunction): Route {
+  return {
+    Component,
+    display: {
+      needsApi: [
+        ['tx.staking.bond']
+      ]
+    },
+    group: 'network',
+    icon: 'certificate',
+    name: 'staking',
+    text: t('nav.staking', 'Staking', { ns: 'apps-routing' })
+  };
+}
diff --git a/packages/apps-routing/src/storage.ts b/packages/apps-routing/src/storage.ts
new file mode 100644
index 0000000..47d53de
--- /dev/null
+++ b/packages/apps-routing/src/storage.ts
@@ -0,0 +1,20 @@
+// Copyright 2017-2022 @polkadot/apps-routing authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { TFunction } from 'i18next';
+import type { Route } from './types';
+
+import Component from '@polkadot/app-storage';
+
+export default function create (t: TFunction): Route {
+  return {
+    Component,
+    display: {
+      needsApi: []
+    },
+    group: 'developer',
+    icon: 'database',
+    name: 'chainstate',
+    text: t('nav.storage', 'Chain state', { ns: 'apps-routing' })
+  };
+}
diff --git a/packages/apps-routing/src/sudo.ts b/packages/apps-routing/src/sudo.ts
new file mode 100644
index 0000000..134f9fd
--- /dev/null
+++ b/packages/apps-routing/src/sudo.ts
@@ -0,0 +1,24 @@
+// Copyright 2017-2022 @polkadot/apps-routing authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { TFunction } from 'i18next';
+import type { Route } from './types';
+
+import Component from '@polkadot/app-sudo';
+
+export default function create (t: TFunction): Route {
+  return {
+    Component,
+    display: {
+      needsAccounts: true,
+      needsApi: [
+        'tx.sudo.setKey'
+      ],
+      needsSudo: true
+    },
+    group: 'developer',
+    icon: 'unlock',
+    name: 'sudo',
+    text: t('nav.sudo', 'Sudo', { ns: 'apps-routing' })
+  };
+}
diff --git a/packages/apps-routing/src/techcomm.ts b/packages/apps-routing/src/techcomm.ts
new file mode 100644
index 0000000..40a3f36
--- /dev/null
+++ b/packages/apps-routing/src/techcomm.ts
@@ -0,0 +1,25 @@
+// Copyright 2017-2022 @polkadot/apps-routing authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { TFunction } from 'i18next';
+import type { Route } from './types';
+
+import Component, { useCounter } from '@polkadot/app-tech-comm';
+
+export default function create (t: TFunction): Route {
+  return {
+    Component,
+    display: {
+      needsAccounts: true,
+      needsApi: [
+        'query.technicalCommittee.members'
+      ],
+      needsApiInstances: true
+    },
+    group: 'governance',
+    icon: 'microchip',
+    name: 'techcomm',
+    text: t('nav.tech-comm', 'Tech. comm.', { ns: 'apps-routing' }),
+    useCounter
+  };
+}
diff --git a/packages/apps-routing/src/teleport.ts b/packages/apps-routing/src/teleport.ts
new file mode 100644
index 0000000..e4f1680
--- /dev/null
+++ b/packages/apps-routing/src/teleport.ts
@@ -0,0 +1,33 @@
+// Copyright 2017-2022 @polkadot/apps-routing authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { TFunction } from 'i18next';
+import type { Route } from './types';
+
+import Modal from '@polkadot/app-parachains/Teleport';
+
+export default function create (t: TFunction): Route {
+  return {
+    Component: Modal,
+    Modal,
+    display: {
+      isHidden: false,
+      needsAccounts: true,
+      needsApi: [
+        [
+          'tx.xcm.teleportAssets',
+          'tx.xcmPallet.teleportAssets',
+          'tx.polkadotXcm.teleportAssets',
+          'tx.xcm.limitedTeleportAssets',
+          'tx.xcmPallet.limitedTeleportAssets',
+          'tx.polkadotXcm.limitedTeleportAssets'
+        ]
+      ],
+      needsTeleport: true
+    },
+    group: 'accounts',
+    icon: 'share-square',
+    name: 'teleport',
+    text: t('nav.teleport', 'Teleport', { ns: 'apps-routing' })
+  };
+}
diff --git a/packages/apps-routing/src/transfer.ts b/packages/apps-routing/src/transfer.ts
new file mode 100644
index 0000000..1bbebfc
--- /dev/null
+++ b/packages/apps-routing/src/transfer.ts
@@ -0,0 +1,25 @@
+// Copyright 2017-2022 @polkadot/apps-routing authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { TFunction } from 'i18next';
+import type { Route } from './types';
+
+import Modal from '@polkadot/app-accounts/modals/Transfer';
+
+export default function create (t: TFunction): Route {
+  return {
+    Component: Modal,
+    Modal,
+    display: {
+      isHidden: false,
+      needsAccounts: true,
+      needsApi: [
+        'tx.balances.transfer'
+      ]
+    },
+    group: 'accounts',
+    icon: 'paper-plane',
+    name: 'transfer',
+    text: t('nav.transfer', 'Transfer', { ns: 'apps-routing' })
+  };
+}
diff --git a/packages/apps-routing/src/treasury.ts b/packages/apps-routing/src/treasury.ts
new file mode 100644
index 0000000..0d3125b
--- /dev/null
+++ b/packages/apps-routing/src/treasury.ts
@@ -0,0 +1,23 @@
+// Copyright 2017-2022 @polkadot/apps-routing authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { TFunction } from 'i18next';
+import type { Route } from './types';
+
+import Component, { useCounter } from '@polkadot/app-treasury';
+
+export default function create (t: TFunction): Route {
+  return {
+    Component,
+    display: {
+      needsApi: [
+        'tx.treasury.proposeSpend'
+      ]
+    },
+    group: 'governance',
+    icon: 'gem',
+    name: 'treasury',
+    text: t('nav.treasury', 'Treasury', { ns: 'apps-routing' }),
+    useCounter
+  };
+}
diff --git a/packages/apps-routing/src/types.ts b/packages/apps-routing/src/types.ts
new file mode 100644
index 0000000..e8762b4
--- /dev/null
+++ b/packages/apps-routing/src/types.ts
@@ -0,0 +1,36 @@
+// Copyright 2017-2022 @polkadot/apps-routing authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { IconName } from '@fortawesome/fontawesome-svg-core';
+import type { ApiPromise } from '@polkadot/api';
+import type { AppProps, BareProps } from '@polkadot/react-components/types';
+
+export type RouteGroup = 'accounts' | 'developer' | 'governance' | 'network' | 'files' | 'settings';
+
+export interface RouteProps extends AppProps, BareProps {
+  location: any;
+}
+
+export interface Route {
+  // FIXME This is weird, we really expect the memo to be there...
+  Component: React.ComponentType<RouteProps> | React.MemoExoticComponent<any>;
+  Modal?: React.ComponentType<any> | React.MemoExoticComponent<any>;
+  display: {
+    isHidden?: boolean;
+    isModal?: boolean;
+    needsAccounts?: boolean;
+    needsApi?: (string | string[])[];
+    needsApiCheck?: (api: ApiPromise) => boolean;
+    needsApiInstances?: boolean;
+    needsSudo?: boolean;
+    needsTeleport?: boolean;
+  };
+  group: RouteGroup;
+  icon: IconName;
+  isIgnored?: boolean;
+  name: string;
+  text: string;
+  useCounter?: () => number | string | null;
+}
+
+export type Routes = Route[];
diff --git a/packages/apps-routing/tsconfig.build.json b/packages/apps-routing/tsconfig.build.json
new file mode 100644
index 0000000..da24d9f
--- /dev/null
+++ b/packages/apps-routing/tsconfig.build.json
@@ -0,0 +1,9 @@
+{
+  "extends": "../../tsconfig.base.json",
+  "compilerOptions": {
+    "baseUrl": "..",
+    "outDir": "./build",
+    "rootDir": "./src"
+  },
+  "references": []
+}
diff --git a/packages/apps/.skip-npm b/packages/apps/.skip-npm
new file mode 100644
index 0000000..e69de29
diff --git a/packages/apps/LICENSE b/packages/apps/LICENSE
new file mode 100644
index 0000000..0d381b2
--- /dev/null
+++ b/packages/apps/LICENSE
@@ -0,0 +1,201 @@
+                              Apache License
+                        Version 2.0, January 2004
+                    http://www.apache.org/licenses/
+
+TERMS AND CONDITIONS FOR USE, REPRODUCTION, AND DISTRIBUTION
+
+1. Definitions.
+
+  "License" shall mean the terms and conditions for use, reproduction,
+  and distribution as defined by Sections 1 through 9 of this document.
+
+  "Licensor" shall mean the copyright owner or entity authorized by
+  the copyright owner that is granting the License.
+
+  "Legal Entity" shall mean the union of the acting entity and all
+  other entities that control, are controlled by, or are under common
+  control with that entity. For the purposes of this definition,
+  "control" means (i) the power, direct or indirect, to cause the
+  direction or management of such entity, whether by contract or
+  otherwise, or (ii) ownership of fifty percent (50%) or more of the
+  outstanding shares, or (iii) beneficial ownership of such entity.
+
+  "You" (or "Your") shall mean an individual or Legal Entity
+  exercising permissions granted by this License.
+
+  "Source" form shall mean the preferred form for making modifications,
+  including but not limited to software source code, documentation
+  source, and configuration files.
+
+  "Object" form shall mean any form resulting from mechanical
+  transformation or translation of a Source form, including but
+  not limited to compiled object code, generated documentation,
+  and conversions to other media types.
+
+  "Work" shall mean the work of authorship, whether in Source or
+  Object form, made available under the License, as indicated by a
+  copyright notice that is included in or attached to the work
+  (an example is provided in the Appendix below).
+
+  "Derivative Works" shall mean any work, whether in Source or Object
+  form, that is based on (or derived from) the Work and for which the
+  editorial revisions, annotations, elaborations, or other modifications
+  represent, as a whole, an original work of authorship. For the purposes
+  of this License, Derivative Works shall not include works that remain
+  separable from, or merely link (or bind by name) to the interfaces of,
+  the Work and Derivative Works thereof.
+
+  "Contribution" shall mean any work of authorship, including
+  the original version of the Work and any modifications or additions
+  to that Work or Derivative Works thereof, that is intentionally
+  submitted to Licensor for inclusion in the Work by the copyright owner
+  or by an individual or Legal Entity authorized to submit on behalf of
+  the copyright owner. For the purposes of this definition, "submitted"
+  means any form of electronic, verbal, or written communication sent
+  to the Licensor or its representatives, including but not limited to
+  communication on electronic mailing lists, source code control systems,
+  and issue tracking systems that are managed by, or on behalf of, the
+  Licensor for the purpose of discussing and improving the Work, but
+  excluding communication that is conspicuously marked or otherwise
+  designated in writing by the copyright owner as "Not a Contribution."
+
+  "Contributor" shall mean Licensor and any individual or Legal Entity
+  on behalf of whom a Contribution has been received by Licensor and
+  subsequently incorporated within the Work.
+
+2. Grant of Copyright License. Subject to the terms and conditions of
+  this License, each Contributor hereby grants to You a perpetual,
+  worldwide, non-exclusive, no-charge, royalty-free, irrevocable
+  copyright license to reproduce, prepare Derivative Works of,
+  publicly display, publicly perform, sublicense, and distribute the
+  Work and such Derivative Works in Source or Object form.
+
+3. Grant of Patent License. Subject to the terms and conditions of
+  this License, each Contributor hereby grants to You a perpetual,
+  worldwide, non-exclusive, no-charge, royalty-free, irrevocable
+  (except as stated in this section) patent license to make, have made,
+  use, offer to sell, sell, import, and otherwise transfer the Work,
+  where such license applies only to those patent claims licensable
+  by such Contributor that are necessarily infringed by their
+  Contribution(s) alone or by combination of their Contribution(s)
+  with the Work to which such Contribution(s) was submitted. If You
+  institute patent litigation against any entity (including a
+  cross-claim or counterclaim in a lawsuit) alleging that the Work
+  or a Contribution incorporated within the Work constitutes direct
+  or contributory patent infringement, then any patent licenses
+  granted to You under this License for that Work shall terminate
+  as of the date such litigation is filed.
+
+4. Redistribution. You may reproduce and distribute copies of the
+  Work or Derivative Works thereof in any medium, with or without
+  modifications, and in Source or Object form, provided that You
+  meet the following conditions:
+
+  (a) You must give any other recipients of the Work or
+      Derivative Works a copy of this License; and
+
+  (b) You must cause any modified files to carry prominent notices
+      stating that You changed the files; and
+
+  (c) You must retain, in the Source form of any Derivative Works
+      that You distribute, all copyright, patent, trademark, and
+      attribution notices from the Source form of the Work,
+      excluding those notices that do not pertain to any part of
+      the Derivative Works; and
+
+  (d) If the Work includes a "NOTICE" text file as part of its
+      distribution, then any Derivative Works that You distribute must
+      include a readable copy of the attribution notices contained
+      within such NOTICE file, excluding those notices that do not
+      pertain to any part of the Derivative Works, in at least one
+      of the following places: within a NOTICE text file distributed
+      as part of the Derivative Works; within the Source form or
+      documentation, if provided along with the Derivative Works; or,
+      within a display generated by the Derivative Works, if and
+      wherever such third-party notices normally appear. The contents
+      of the NOTICE file are for informational purposes only and
+      do not modify the License. You may add Your own attribution
+      notices within Derivative Works that You distribute, alongside
+      or as an addendum to the NOTICE text from the Work, provided
+      that such additional attribution notices cannot be construed
+      as modifying the License.
+
+  You may add Your own copyright statement to Your modifications and
+  may provide additional or different license terms and conditions
+  for use, reproduction, or distribution of Your modifications, or
+  for any such Derivative Works as a whole, provided Your use,
+  reproduction, and distribution of the Work otherwise complies with
+  the conditions stated in this License.
+
+5. Submission of Contributions. Unless You explicitly state otherwise,
+  any Contribution intentionally submitted for inclusion in the Work
+  by You to the Licensor shall be under the terms and conditions of
+  this License, without any additional terms or conditions.
+  Notwithstanding the above, nothing herein shall supersede or modify
+  the terms of any separate license agreement you may have executed
+  with Licensor regarding such Contributions.
+
+6. Trademarks. This License does not grant permission to use the trade
+  names, trademarks, service marks, or product names of the Licensor,
+  except as required for reasonable and customary use in describing the
+  origin of the Work and reproducing the content of the NOTICE file.
+
+7. Disclaimer of Warranty. Unless required by applicable law or
+  agreed to in writing, Licensor provides the Work (and each
+  Contributor provides its Contributions) on an "AS IS" BASIS,
+  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or
+  implied, including, without limitation, any warranties or conditions
+  of TITLE, NON-INFRINGEMENT, MERCHANTABILITY, or FITNESS FOR A
+  PARTICULAR PURPOSE. You are solely responsible for determining the
+  appropriateness of using or redistributing the Work and assume any
+  risks associated with Your exercise of permissions under this License.
+
+8. Limitation of Liability. In no event and under no legal theory,
+  whether in tort (including negligence), contract, or otherwise,
+  unless required by applicable law (such as deliberate and grossly
+  negligent acts) or agreed to in writing, shall any Contributor be
+  liable to You for damages, including any direct, indirect, special,
+  incidental, or consequential damages of any character arising as a
+  result of this License or out of the use or inability to use the
+  Work (including but not limited to damages for loss of goodwill,
+  work stoppage, computer failure or malfunction, or any and all
+  other commercial damages or losses), even if such Contributor
+  has been advised of the possibility of such damages.
+
+9. Accepting Warranty or Additional Liability. While redistributing
+  the Work or Derivative Works thereof, You may choose to offer,
+  and charge a fee for, acceptance of support, warranty, indemnity,
+  or other liability obligations and/or rights consistent with this
+  License. However, in accepting such obligations, You may act only
+  on Your own behalf and on Your sole responsibility, not on behalf
+  of any other Contributor, and only if You agree to indemnify,
+  defend, and hold each Contributor harmless for any liability
+  incurred by, or claims asserted against, such Contributor by reason
+  of your accepting any such warranty or additional liability.
+
+END OF TERMS AND CONDITIONS
+
+APPENDIX: How to apply the Apache License to your work.
+
+  To apply the Apache License to your work, attach the following
+  boilerplate notice, with the fields enclosed by brackets "[]"
+  replaced with your own identifying information. (Don't include
+  the brackets!)  The text should be enclosed in the appropriate
+  comment syntax for the file format. We also recommend that a
+  file or class name and description of purpose be included on the
+  same "printed page" as the copyright notice for easier
+  identification within third-party archives.
+
+Copyright [yyyy] [name of copyright owner]
+
+Licensed under the Apache License, Version 2.0 (the "License");
+you may not use this file except in compliance with the License.
+You may obtain a copy of the License at
+
+    http://www.apache.org/licenses/LICENSE-2.0
+
+Unless required by applicable law or agreed to in writing, software
+distributed under the License is distributed on an "AS IS" BASIS,
+WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+See the License for the specific language governing permissions and
+limitations under the License.
diff --git a/packages/apps/README.md b/packages/apps/README.md
new file mode 100644
index 0000000..6b2c62e
--- /dev/null
+++ b/packages/apps/README.md
@@ -0,0 +1 @@
+# @polkadot/apps
diff --git a/packages/apps/package.json b/packages/apps/package.json
new file mode 100644
index 0000000..d22a7be
--- /dev/null
+++ b/packages/apps/package.json
@@ -0,0 +1,56 @@
+{
+  "bugs": "https://github.com/polkadot-js/apps/issues",
+  "homepage": "https://github.com/polkadot-js/apps/tree/master/packages/apps#readme",
+  "license": "Apache-2.0",
+  "name": "@polkadot/apps",
+  "private": true,
+  "repository": {
+    "directory": "packages/apps",
+    "type": "git",
+    "url": "https://github.com/polkadot-js/apps.git"
+  },
+  "sideEffects": true,
+  "type": "module",
+  "version": "0.112.2-14",
+  "dependencies": {
+    "@babel/core": "^7.17.9",
+    "@babel/polyfill": "^7.12.1",
+    "@babel/runtime": "^7.17.9",
+    "@polkadot/apps-config": "^0.112.2-14",
+    "@polkadot/apps-routing": "^0.112.2-14",
+    "@polkadot/dev": "^0.66.3",
+    "@polkadot/react-api": "^0.112.2-14",
+    "@polkadot/react-components": "^0.112.2-14",
+    "@polkadot/react-hooks": "^0.112.2-14",
+    "@polkadot/react-params": "^0.112.2-14",
+    "@polkadot/react-query": "^0.112.2-14",
+    "@polkadot/react-signer": "^0.112.2-14",
+    "punycode": "^2.1.1",
+    "query-string": "^7.1.1"
+  },
+  "devDependencies": {
+    "@types/punycode": "^2.1.0",
+    "assert": "^2.0.0",
+    "babel-loader": "^8.2.4",
+    "buffer": "^6.0.3",
+    "copy-webpack-plugin": "^10.2.4",
+    "crypto-browserify": "^3.12.0",
+    "css-loader": "^5.2.7",
+    "empty": "^0.10.1",
+    "html-loader": "^3.1.0",
+    "html-webpack-plugin": "^5.5.0",
+    "https-browserify": "^1.0.0",
+    "markdown-loader": "^8.0.0",
+    "mini-css-extract-plugin": "^2.6.0",
+    "null-loader": "^4.0.1",
+    "os-browserify": "^0.3.0",
+    "path-browserify": "^1.0.1",
+    "process": "^0.11.10",
+    "stream-browserify": "^3.0.0",
+    "stream-http": "^3.2.0",
+    "webpack": "^5.72.0",
+    "webpack-cli": "^4.9.2",
+    "webpack-dev-server": "^4.8.1",
+    "webpack-merge": "^5.8.0"
+  }
+}
diff --git a/packages/apps/public/favicon.ico b/packages/apps/public/favicon.ico
new file mode 100644
index 0000000..ec3c167
Binary files /dev/null and b/packages/apps/public/favicon.ico differ
diff --git a/packages/apps/public/index.html b/packages/apps/public/index.html
new file mode 100644
index 0000000..abd1dfd
--- /dev/null
+++ b/packages/apps/public/index.html
@@ -0,0 +1,76 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <meta name="theme-color" content="#000000">
+    <link rel="manifest" href="manifest.json">
+    <link rel="shortcut icon" href="favicon.ico">
+    <title><%= htmlWebpackPlugin.options.PAGE_TITLE %></title>
+    <script type="text/javascript" src="/env-config.js"></script>
+    <style>
+      :root {
+        --font-mono: 0.9em Consolas, monaco, "Ubuntu Mono", "Liberation Mono", "Courier New", Courier, monospace;
+        --font-sans: 1em "-apple-system", BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
+        --font-weight-bold: 700;
+        --font-weight-light: 200;
+        --font-weight-normal: 400;
+        --width-full: 1750px;
+        --width-half: 875px;
+        --bg-menu-hover: rgba(255, 255, 255, 0.2);
+        --border-input: rgba(34, 36, 38, .15);
+      }
+
+      [data-theme="dark"] {
+        --bg-input: #38393f;
+        --bg-input-error: #48393f;
+        --bg-inverse: rgba(78, 78, 78, 0.66);
+        --bg-menu: #26272c;
+        --bg-page: #26272c;
+        --bg-table: #3b3d3f;
+        --bg-tabs: #38393f;
+        --bg-toggle: #58595f;
+        --bg-sidebar: #1a1b20;
+        --border-table: #343536;
+        --border-tabs: #343536;
+        --color-checkbox: rgba(78, 78, 78, 0.66);
+        --color-error: rgba(255, 83, 83, 0.8);
+        --color-label: rgba(244, 242, 240, 0.45);
+        --color-summary: rgba(244, 242, 240, 0.75);
+        --color-table-foot: rgba(254, 240, 240, 0.66);
+        --color-table-head: rgba(254, 240, 240, 0.66);
+        --color-text: rgba(244, 242, 240, 0.9);
+      }
+
+      [data-theme="light"] {
+        --bg-input: #ffffff;
+        --bg-input-error: #fff6f6;
+        --bg-inverse: rgba(244, 242, 240, 0.91);
+        --bg-menu: #ffffff;
+        --bg-page: #f5f3f1;
+        --bg-table: #ffffff;
+        --bg-tabs: #ffffff;
+        --bg-toggle: #e4e5e6;
+        --bg-sidebar: #fafafa;
+        --border-table: #f1efed;
+        --border-tabs: #f1efed;
+        --color-checkbox: rgba(34, 36, 38, 0.15);
+        --color-error: rgba(139, 0, 0);
+        --color-label: rgba(78, 78, 78, 0.66);
+        --color-summary: rgba(0, 0, 0, 0.6);
+        --color-table-foot: rgba(78, 78, 78, 0.66);
+        --color-table-head: rgba(78, 78, 78, 0.66);
+        --color-text: #4e4e4e;
+      }
+    </style>
+  </head>
+  <body>
+    <noscript>You need to enable JavaScript to run this app.</noscript>
+    <div id="root"></div>
+    <div id="tooltips"></div>
+    <script>
+      if (window.self !== window.top) {
+        window.top.location.href = window.location.href;
+      }
+    </script>
+  </body>
+</html>
diff --git a/packages/apps/public/ipfs/index.html b/packages/apps/public/ipfs/index.html
new file mode 100644
index 0000000..5e659a2
--- /dev/null
+++ b/packages/apps/public/ipfs/index.html
@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <title>Redirecting to ipfs gateway</title>
+    <meta http-equiv="refresh" content="0; url=https://ipfs.io/ipfs/QmUWjUgxQHJbKLv56xxCun9Pnqy9S81AundPRzHhrnvPda/" />
+    <style>
+      body { font-family: 'Nunito Sans',sans-serif; line-height: 1.5rem; padding: 2rem; text-align: center }
+      p { margin: 0 }
+    </style>
+  </head>
+  <body>
+    <p>Redirecting to</p>
+    <p><a href="https://ipfs.io/ipfs/QmUWjUgxQHJbKLv56xxCun9Pnqy9S81AundPRzHhrnvPda/">https://ipfs.io/ipfs/QmUWjUgxQHJbKLv56xxCun9Pnqy9S81AundPRzHhrnvPda/</a></p>
+  </body>
+</html>
\ No newline at end of file
diff --git a/packages/apps/public/ipfs/pin.json b/packages/apps/public/ipfs/pin.json
new file mode 100644
index 0000000..e708cbf
--- /dev/null
+++ b/packages/apps/public/ipfs/pin.json
@@ -0,0 +1 @@
+{"IpfsHash":"QmUWjUgxQHJbKLv56xxCun9Pnqy9S81AundPRzHhrnvPda","PinSize":27963816,"Timestamp":"2022-04-11T09:41:29.232Z"}
\ No newline at end of file
diff --git a/packages/apps/public/locales/ar/translation.json b/packages/apps/public/locales/ar/translation.json
new file mode 100644
index 0000000..7dadb59
--- /dev/null
+++ b/packages/apps/public/locales/ar/translation.json
@@ -0,0 +1,1303 @@
+{
+  "//hard///password": "صعب///كلمة المرور//",
+  "//hard/soft": "صعب/لين//",
+  "//hard/soft///password": "صعب/لين///كلمة المرور//",
+  "0.1x voting balance, no lockup period": "رصيد التصويت،  ليس هناك فترة توقف  x0.1",
+  "1 billion DOTs; 10 decimals": "١ مليار نقطة ١٠ أرقام عشرية",
+  "1 day": "يوم واحد",
+  "1 hr": "ساعة واحدة",
+  "1 min": "دقيقة واحدة",
+  "1 s": "ثانية واحدة",
+  "1. Select your {{chain}} account": "{{١. حدد حساب  {{سلسلتك",
+  "10 billion DOTs; 9 decimals": "١٠ مليار نقطة ٩ أرقام عشرية",
+  "10 million DOTs; status quo": "١٠ مليون نقطة الوضع الراهن",
+  "100 million DOTs; 11 decimals": "١٠٠ مليون نقطة ١١ عشرية",
+  "2. Enter the ETH address from the sale.": "٢. أدخل عنوان إيثيريوم من عملية البيع",
+  "2. Sign ETH transaction": "٣. توقيع معاملة إيثيريوم",
+  "<empty>": "<فارغ>",
+  "<unknown>": "\"<غير معروف>",
+  "@YourTwitterName": "إسمك تويتر",
+  "@yourname:matrix.org": "matrix.org اسمك",
+  "A controller account should not be set to manage multiple stashes. The selected controller is already controlling {{stashId}}": "لا يجب تعيين حساب وحدة تحكم لإدارة وحدات التخزين المتعددة. وحدة التحكم المحددة تتحكم بالفعل في {{تعريف الحصة}}",
+  "A controller account should not be set to manages multiple stashes. The selected controller is already controlling {{stashId}}": "لا يجب تعيين حساب وحدة تحكم لإدارة وحدات التخزين المتعددة. وحدة التحكم المحددة تتحكم بالفعل في {{تعريف الحصة}}",
+  "A controller account should not map to another stash. This selected controller is a stash, controlled by {{bondedId}}": "يجب ألا يتم تعيين حساب جهاز تحكم إلى خبأ آخر. جهاز التحكم المحدد هذا مخبأ ، يتم التحكم فيه بواسطة {{تعريف المرهون}}",
+  "A deployed contract that has either been deployed or attached. The address and ABI are used to construct the parameters.": ".عقد منتشر إما تم نشره أو مرفق.  يتم استخدام العنوان و واجهة التطبيق الثنائية  لإنشاء الإعدادات",
+  "A fee of {{creationFee}} will be deducted from the sender since the destination account does not exist": "سيتم خصم رسم بقيمة {{رسم الإنشاء}} من المرسل نظرًا لعدم وجود حساب الوجهة",
+  "A reason (to be stored-on-chain) as to why the recipient deserves a tip payout.": ".سبب (تخزين على السلسلة) يبرر أن المتلقي يستحق دفع مقابل مالي",
+  "ABI": "واجهة التطبيق الثنائية",
+  "Acceptance of new members and bids": "قبول الأعضاء الجدد و المناقصات",
+  "Acceptance proposal to council": "قبول اقتراح مقدم إلى المجلس",
+  "Account actions": "إجراءات الحساب",
+  "Account balance:": ":رصيد الحساب",
+  "Accounts injected from any of these extensions will appear in this application and be available for use. The above list is updated as more extensions with external signing capability become available.": ".ستظهر الحسابات التي تم إدخالها في أي من هذه الامتدادات في هذا التطبيق وستكون متاحة للاستخدام.  يتم تحديث القائمة أعلاه مع توفر المزيد من الملحقات مع إمكانية التوقيع الخارجي",
+  "Active nominations ({{count}})": "({{الترشيحات النشطة ({{عد",
+  "Add": "أضف",
+  "Add a tip to this extrinsic, paying the block author for greater priority": "أضف جائزة إلى هذا البرنامج الخارجي، لتدفع لكاتب الكتلة في مقابل أولوية أكبر",
+  "Add account": "أضف حسابًا",
+  "Add account via Qr": "QR أضف حسابًا عبر كود",
+  "Add an account via seed {{step}}/{{STEPS_COUNT}}": "{{step}}/{{STEPS_COUNT}} seed أضف حسابًا باستخدام الجملة البذرة",
+  "Add an address": "أضف عنوانا",
+  "Add an existing code hash": "إضافة تجزئة رمز موجودة",
+  "Add an existing contract": "إضافة عقد موجود",
+  "Add contact": "أضف اسم المتصل",
+  "Add identity judgment": "إضافة حكم على الهوية",
+  "Add item": "أضف شيئا",
+  "Add multisig": "إضافة دخول متعدد",
+  "Add proxied account": "أضف حساب بروكسيد",
+  "Add proxy": "أضف بروكسي",
+  "Add sub": "sub أضف",
+  "Add via Ledger": "الاستعلام عن اللدجر",
+  "Add via Qr": "Qr ضف عبر كود",
+  "Add via backup file": "أضف عبر ملف النسخ الاحتياطي",
+  "Adding an optional tip to the transaction could allow for higher priority, especially when the chain is busy.": ".قد تسمح إضافة بقشيش اختياري إلى المعاملة بأولوية أعلى، خاصة عندما تكون السلسلة مشغولة",
+  "Additional types as a JSON file (or edit below)": "( أنواع إضافية كملف جسون (أو غير أدناه",
+  "Address Prefix": "بادئة العنوان",
+  "Adjust the mode from basic (with a limited number of beginner-user-friendly apps) to full (with all basic & advanced apps available)": "(اضبط الوضع من الأساسي (مع عدد محدود من التطبيقات سهلة الاستخدام للمبتدئين) إلى الكامل (مع توفر كل التطبيقات الأساسية والمتقدمة",
+  "Advanced creation options": "خيارات إنشاء متقدمة",
+  "All rewards will go towards the selected output destination when a payout is made.": ".سيتم توجيه كل المكافآت إلى وجهة الإخراج المحددة عند إجراء دفع مقابل",
+  "All the listed validators and all their nominators will receive their rewards.": ".سيتلقى كل القائمين على التحقق وكل المرشحين من صحة البرنامج مكافآتهم",
+  "All voters may alter their votes any number of times prior to the close of the poll.": "يجوز لجميع الناخبين تغيير أصواتهم في أي عدد من المرات قبل إغلاق الاستطلاع",
+  "Allocate a suggested tip amount. With enough endorsements, the suggested values are averaged and sent to the beneficiary.": ".تخصيص مبلغ تلميح مقترح.  مع وجود عدد كافٍ من المصادقات، يتم حساب متوسط القيم المقترحة وإرسالها إلى المستفيد",
+  "Amount to add to the currently bonded funds. This is adjusted using the available funds on the account.": ".المبلغ الذي يجب إضافته إلى الأموال المرهونة حالياً. يتم تعديل ذلك باستخدام الأموال المتوفرة على الحساب",
+  "Amount to delegate for any democracy vote. This is adjusted using the available funds on the account.": "مبلغ المندوب لأي تصويت ديمقراطي. يتم تعديل هذا باستخدام الأموال المتاحة في الحساب",
+  "An URL that is linked to this identity.": ".مرتبط بهذه الهوية (URL ) عنوا ن",
+  "An encrypted backup file will be created once you have pressed the \"Download\" button. This can be used to re-import your account on any other machine.": "سيتم إنشاء ملف نسخ احتياطي مشفر بمجرد الضغط على زر \"تنزيل\". يمكن استخدام هذا لإعادة استيراد حسابك على أي جهاز آخر.",
+  "Any account can request payout for stakers, this is not limited to accounts that will be rewarded.": ".يمكن لأي حساب طلب دفع مقابل المصادقين على الصحة، ولا يقتصر ذلك على الحسابات التي سيتم مكافأتها",
+  "Any account set as proxy will be able to perform actions in place of the proxied account": "سيتمكن أي حساب تم تعيينه كوكيل من تنفيذ الإجراءات بدلاً من الحساب الوكيل",
+  "Any combination of the four options may be approved of by the voter. There is no need to select only one option!": "ويجوز للناخب الموافقة على أي مجموعة من الخيارات الأربعة. ليست هناك حاجة لتحديد خيار واحد فقط",
+  "Any democracy vote performed by the delegated account will result in an additional vote from the delegating account": "أي تصويت ديمقراطي يقوم به الحساب المفوض سينتج عنه تصويت إضافي من حساب التفويض",
+  "Application of slashes from era {{id}}": "تطبيق التخفيضات من الحقبة {{id}}",
+  "Apply to UI": "التطبيق على واجهة المستخدم",
+  "Approvals": "موافقات",
+  "Approve or reject this defender.": ".قم بالموافقة على هذا المدافع أو رفضه",
+  "Approve this call hash": "اعتماد تجزئة هذه المكالمة",
+  "Approve this candidacy.": ".وافق على هذا الترشيح",
+  "Approved": "موافق عليه",
+  "Approving of all or none of the options is equivalent and will not affect the outcome of the poll.": "الموافقة على كل الخيارات أو لا شيء منها معادلة ولن تؤثر على نتيجة الاستطلاع",
+  "As a council member, you can suggest an initial value for the tip, each other council member can suggest their own.": ".كعضو في المجلس، يمكنك أن تقترح قيمة أولية للجائزة، ويمكن أن يقترح كل عضو آخر من أعضاء المجلس قيمة أخرى",
+  "Asset ID": "تعريف الأصل",
+  "Assets": "الأصول",
+  "Aura": "هالة",
+  "Authorize transaction": "السماح بالمعاملة",
+  "Aye": "نعم",
+  "Aye {{count}}": "نعم {{عداد}}",
+  "Aye, I approve": "نعم, أنا أوافق",
+  "Aye, I can support this": "نعم ، يمكنني دعم هذا",
+  "Aye, I support this": "نعم ، أنا أدعم هذا",
+  "Babe": "عزيزي",
+  "Backup account": "حساب نسخ احتياطي",
+  "Bid": "عرض",
+  "Bid to join": "العرض للانضمام",
+  "Block details": "تفاصيل الكتلة",
+  "Bond": "الرهن",
+  "Bond & Nominate": "الرهن والترشيح",
+  "Bond & Validate": "الرهن والتحقق من الصحة",
+  "Bond more": "رهن المزيد",
+  "Bond more funds": "زيادة رهون الأموال",
+  "Bonding Preferences": "تفضيلات الرهن",
+  "Call": "مكالمة",
+  "Call a contract": "اتصل بعقد",
+  "Call a method on this contract": "اتصل بطريقة على هذا العقد",
+  "Call results": "نتائج المكالمات",
+  "Call this message": "اتصل بهذه الرسالة",
+  "Cancel": "إلغاء",
+  "Cancel slashes": "إلغاء الخطوط المائلة",
+  "Cancel this call hash": "إلغاء  تجزئة هذه المكالمة",
+  "Chain info": "معلومات السلسلة",
+  "Chain specifications": "مواصفات السلسلة",
+  "Change": "تغيير",
+  "Change account password": "تغيير كلمة المرور للحساب",
+  "Change controller account": "تغيير حساب وحدة التحكم",
+  "Change democracy delegation": "وفد تغيير الديمقراطية",
+  "Change reward destination": "تغيير وجهة المكافأة",
+  "Change session keys": "تغيير مفاتيح الحساب",
+  "Change this account's password": "غير كلمة المرور لهذا الحساب",
+  "Change validator preferences": "تغيير تفضيلات المتحقق من الصحة",
+  "Changing the key only takes effect at the start of the next session. The input here is generated from the author_rotateKeys command": "لا يصبح تغييرالمفتاح نافذ المفعول إلا في بداية فتح الجلسة التالية.  يتم إنشاء الإدخال هنا من الأمر المفاتيح_الدوارة_للكاتب",
+  "Chilled nominations ({{count}})": "الترشيحات المبردة ({{عد}})",
+  "Claim": "مطالبة",
+  "Claim tokens...": "...المطالبة بالرموز",
+  "Clear all": "مسح الكل",
+  "Clear expired democracy locks": "أقفال الديمقراطية منتهية الصلاحية",
+  "Close": "إغلاق",
+  "Close proposal": "إغلاق الاقتراح",
+  "Close tip": "إغلاق بقشيش",
+  "Color": "لون",
+  "Committee prime member, default voting": "عضو رئيسي باللجنة، التصويت التلقائي",
+  "Completed": "منجز",
+  "Confirm ABI removal": "تأكيد إزالة  واجهة التطبيق الثنائية",
+  "Confirm account removal": "تأكيد إزالة الحساب",
+  "Confirm address removal": "تأكيد إزالة العنوان",
+  "Confirm claim": "تأكيد المطالبة",
+  "Confirm code removal": "تأكيد إزالة الكود",
+  "Confirm contract removal": "تأكيد إزالة العقد",
+  "Constants": "ثوابت",
+  "Continue": "إكمال",
+  "Conviction locks do overlap and are not additive, meaning that funds locked during a previous vote can be locked again.": ".إن أقفال الإقناع تتداخل وتضاف، وهذا يعني أن الأموال التي يتم تأمينها أثناء التصويت السابق يمكن تأمينها مرة أخرى",
+  "Copy the above string and sign an Ethereum transaction with the account you used during the pre-sale in the wallet of your choice, using the string as the payload, and then paste the transaction signature object below": "انسخ السلسلة أعلاه وقم بتوقيع معاملة إيثريوم مع الحساب الذي استخدمته أثناء عملية البيع المسبق في محفظة من اختيارك، باستخدام السلسلة كحمولة صافية، ثم الصق توقيع المعاملة المذكورة أدناه",
+  "Copy the following string and sign it with the Ethereum account you used during the pre-sale in the wallet of your choice, using the string as the payload, and then paste the transaction signature object below:": ":انسخ السلسلة التالية وقم بالتوقيع عليها باستخدام حساب أثيريوم الذي استخدمته أثناء عملية البيع المسبق في محفظة من اختيارك، باستخدام السلسلة كحمولة صافية، ثم الصق توقيع المعاملة المذكورة أدناه",
+  "Council": "مجلس",
+  "Council overview": "نظرة عامة على المجلس",
+  "Create": "أنشإ",
+  "Create a backup file for this account": "قم بإنشاء ملف نسخ احتياطي لهذا الحساب",
+  "Create an account now.": "افتح حسابا الأن",
+  "Create and backup account": "أنشإ  و قم بنسخ ملف احتياطي للحساب",
+  "Crypto not detected": "لم يتم اكتشاف تشفير",
+  "Cryptography used to create this signature. It is auto-detected on valid signatures.": ".التشفير المستخدم لإنشاء هذا التوقيع. يتم الكشف تلقائيًا على التواقيع الصحيحة",
+  "Current account nonce: {{accountNonce}}": "{{نونس الحساب الجاري : {{نونس الحساب",
+  "Current prime member, default voting": "عضو رئيسي حالي، التصويت التلقائي",
+  "Current society head, exempt": "رئيس المجتمع الحالي، معفى",
+  "Custom url": "رابط مخصص",
+  "Decimals": "أعشار",
+  "Decimals decides the smallest unit of the token, which is 1/10^decimals": "تحدد الأعداد العشرية أصغر وحدة من الرمز المميز،  وهي 1/10^الأعشار",
+  "Delegate": "مندوب",
+  "Delegate democracy vote": "إنتدب صوت الديمقراطية",
+  "Delegate democracy votes": "إنتدب أصوات الديمقراطية",
+  "Delete this custom example": "احذف هذا المثال المخصص",
+  "Democracy overview": "نظرة عامة على الديمقراطية",
+  "Deploy": "نشر",
+  "Deploy a code hash": "نشر تجزئة رمز",
+  "Deploy this code hash as a smart contract": "نشر تجزئة هذا الكود كعقد ذكي",
+  "Deploy with this constructor": "نشر مع هذا المنشئ",
+  "Deposit": "إيداع",
+  "Deregister this parachain": "قم بإلغاء تسجيل هذه السلسلة الموازية",
+  "Derive account from pair": "اشتقاق الحساب من زوج",
+  "Derive account via derivation path": "اشتقاق الحساب عبر مسار الإشتقاق",
+  "Details": "تفاصيل",
+  "Detection on the input string to determine if it is hex or non-hex.": ".اكتشاف سلسلة الإدخال لتحديد ما إذا كانت سداسية عشرية أو غير سداسية عشرية",
+  "Determines what cryptography will be used to create this account. Note that to validate on Polkadot, the session account must use \"ed25519\".": ".\"ed25519\" يحدد التشفير الذي سيتم استخدامه لإنشاء هذا الحساب.  لاحظ أنه للتحقق من صحة الأمر على بولكادوت ، يجب أن يستخدم الحساب",
+  "Developer": "مبرمج",
+  "Development": "تطوير",
+  "Dismiss all notifications": "استبعاد كل الإشعارات",
+  "Display overview information for the selected validator, including blocks produced.": ".عرض معلومات النظرة العامة للمتحقق المحدد، بما في ذلك الكتل التي تم إنتاجها",
+  "Distinct stash and controller accounts are recommended to ensure fund security. You will be allowed to make the transaction, but take care to not tie up all funds, only use a portion of the available funds during this period.": ".يوصى باستخدام حسابات تخزين ومراقبات متفرقة لضمان أمن الصناديق. سيُسمح لك بإجراء المعاملة، ولكن احرص على عدم ربط كل الأموال، استخدم فقط جزءًا من الأموال المتوفرة خلال هذه الفترة",
+  "Do not include a tip for the block author": "لا تقم بتضمين بقشيش لكاتب الكتلة",
+  "Don't use a proxy for this call": "لا تستخدم بروكسي لهذه المكالمة",
+  "Download": "تحميل",
+  "Either approve or reject this call.": ".إما الموافقة على هذه المكالمة أو رفضها",
+  "Election of new council candidates": "إنتخاب مرشّحين جدد للمجلس",
+  "Enactment of the result of referendum {{id}}": "تنفيذ نتيجة الإستفتاء {{id}}",
+  "Endorse": "تأييد",
+  "Endorsements ({{count}})": "({{موافقات ({{عد",
+  "Ensure that not all funds are locked, funds need to be available for fees.": ".ضمان عدم قفل كل الأموال، يجب توفير الأموال مقابل الرسوم",
+  "Ensure that the extension has accounts, some accounts are visible globally and available for this chain and that you gave the application permission to access accounts from the extension to use them.": "تأكد من أن الإضافة لها حسابات ، وبعض الحسابات مرئية عالميًا ومتاحة لهذه السلسلة وأنك منحت التطبيق الإذن للوصول إلى الحسابات من الإضافة لاستخدامها",
+  "Enter the Asset ID of the token you want to manage.": ".أدخل تعريف الأصل للعملة التي تريد إدارتها",
+  "Enter the Asset ID of the token you want to transfer.": ".أدخل تعريف الأصل للعملة التي تريد تحويلها",
+  "Erroneous": "خاطئ",
+  "Evaluated {{count}} keys in {{elapsed}}s ({{avg}} keys/s)": "({{تم تقييم {{حساب}} المفاتيح في {{سابق}}}  (المفاتيح{{معدل",
+  "Execute anonymous scheduled task": "تنفيذ مهمة مجدولة مجهولة",
+  "Execute named scheduled task {{id}}": "تنفيذ مهمّة مجدولة مسمّاة{{id}}",
+  "Extensions": "امتدادات",
+  "External": "خارجي",
+  "Extrinsic submission": "التطبيق لمهام خارجية",
+  "Fast track": "المسار السريع",
+  "Fast track proposal": "إقتراح المسار السريع",
+  "Filter available candidates based on name, address or short account index.": ".قم بتصفية المرشحين المتاحين استنادًا إلى الاسم , العنوان أو المؤشرالقصيرللحساب",
+  "For approvals outstanding approvers will be shown, for hashes that should be cancelled the first approver is required.": "بالنسبة للموافقات ، سيتم عرض جهات الاعتماد المعلقة ، حيث يلزم إجراء عمليات التجزئة التي يجب إلغاؤها",
+  "For final approvals, the actual full call data is required to execute the transaction": "بالنسبة للموافقات النهائية ، تكون بيانات المكالمة الكاملة الفعلية مطلوبة لتنفيذ المعاملة",
+  "For fund security, your session key should not match your stash key.": ".بالنسبة إلى أمن الصناديق، يجب ألا يتطابق مفتاح الجلسة مع مفتاح التخزين",
+  "Forget": "نسيان",
+  "Forget this account": "نسيت هذا الحساب",
+  "Forget this address": "نسيت هذا العنوان",
+  "Forget this asset": "انسَ هذا الأصل",
+  "Forget this code hash": "تم نسيان تجزئة الرمز هذه",
+  "Forget this contract": "تم نسيان هذا العقد",
+  "Forks": "تقاطعات",
+  "Full Legal Name": "الاسم القانوني الكامل",
+  "General": "عام",
+  "Generate {{lng}}/translation.json": "إنشاء {{إنج}}/ترجمة.جسون",
+  "Genesis Hash": "تجزئة التكوين",
+  "Genesis Hash refers to initial state of the chain, it cannot be changed once the chain is launched": "تجزئة التكوين يشير إلى الحالة الأولية للسلسلة، ولا يمكن تغييرها بمجرد إطلاق السلسلة",
+  "Grandpa": "جدي",
+  "Hash data": "تجزئة البيانات",
+  "I agree": "أوافق",
+  "I'm Online": "أنا اونلاين",
+  "If the delegated account is currently voting in a referendum, the delegating vote and conviction will be added.": "إذا كان الحساب المفوض يصوت حاليًا في استفتاء ، فسيتم إضافة تصويت التفويض والإدانة",
+  "If the recipient account is new, the balance needs to be more than the existential deposit. Likewise if the sending account balance drops below the same value, the account will be removed from the state.": ".إذا كان حساب المتلقي جديداً، فلابد أن يكون الرصيد أكثر من الإيداع الموجود. وبالمثل إذا انخفض رصيد الحساب المرسل عن القيمة نفسها، فستتم إزالة الحساب من الحالة",
+  "If this proposal is passed, the changes will be applied via dispatch and the deposit returned.": ".إذا تم تمرير هذا المقترح، فسيتم تطبيق التغييرات عبر الإرسال ويتم إرجاع الإيداع",
+  "If you add several proxy accounts for the same proxy type (e.g 2 accounts set as proxy for Governance), then any of those 2 accounts will be able to perfom governance actions on behalf of the proxied account": "إذا أضفت العديد من حسابات الوكيل لنفس نوع الوكيل (على سبيل المثال ، تم تعيين حسابين على أنهما وكيل للحوكمة) ، فسيتمكن أي من هذين الحسابين من تنفيذ إجراءات الحوكمة نيابة عن الحساب الوكيل",
+  "If you are moving accounts between applications, ensure that you use the correct type.": ".إذا كنت تنقل حسابات بين التطبيقات، فتأكد من استخدام النوع الصحيح",
+  "Image": "صورة",
+  "Important notice": "إشعار هام",
+  "In calculating the election outcome, this prioritized vote ordering will be used to determine the final score for the candidates.": ".عند حساب نتيجة الانتخابات، سيتم استخدام أولوية  أمر التصويت لتحديد النتيجة النهائية للمرشحين",
+  "Inactive nominations ({{count}})": "({{الترشيحات غير النشطة ({{عد",
+  "Include an optional tip for faster processing": "قم بتضمين بقشيش اختياري لمعالجة أسرع",
+  "Initializing connection": "جاري تهيئة الاتصال",
+  "Initiate account recovery": "بدء استرداد الحساب",
+  "Initiate recovery for another": "بدء الاسترداد لآخر",
+  "Inject Keys": "ضخ المفاتيح",
+  "Inject session keys (advanced)": "(ضخ مفاتيح الجلسات (متقدم",
+  "Injected": "حقن",
+  "It is recommended that you create/store your accounts securely and externally from the app. On {{yourBrowser}} the following browser extensions are available for use -": "- يوصى بإنشاء/تخزين حساباتك بأمان وخارج من التطبيق. في {{متصفحك}} تتوفر ملحقات المتصفح التالية للاستخدام",
+  "Judge": "قاضي",
+  "Keys from rotateKeys": "مفاتيح من المفاتيح الدوارة",
+  "Known good": "معروف جيد",
+  "Learn more...": "...معرفة المزيد",
+  "Lifetime (# of blocks)": "(فترة الاستهلاك (# من الكتل",
+  "Loading": "جاري التحميل",
+  "Locked funds (e.g. for staking) are counted.": "تحسب الأموال المقفلة (مثلاً للتوقيع المساحي)",
+  "Locked1x": "قفلx1",
+  "Locked2x": "قفلx2",
+  "Locked3x": "قفلx3",
+  "Locked4x": "قفلx4",
+  "Locked5x": "قفلx5",
+  "Locked6x": "قفلx6",
+  "Low quality": "جودة  منخفضة",
+  "Make Transfer": "إجراء النقل",
+  "Make recoverable": "جعلها قابلة للاسترداد",
+  "Manage proxies": "إدارة البروكسيس",
+  "Manage your connection to Ledger S": "قم بإطلاق اتصالك بـ ليدجر إس",
+  "Max, {{eras}} eras": "أقصى ، {{عصور}} عصور",
+  "Message data": "بيانات الرسالة",
+  "Message origin.": ".أصل الرسالة",
+  "Messages": "رسائل",
+  "Metadata {{count}}": "{{بيانات التعريف {{عد",
+  "Mnemonic": "ذاكري",
+  "Most profitable": "الأكثر ربحية",
+  "Most recent head data": "أحدث بيانات الرأس",
+  "Motions": "الحركات",
+  "Multiple council proposals could exist, both approval and rejection. Apply your vote to the correct council proposal (also available on council motions page)": "(قد تنشأ مقترحات متعددة من جانب المجلس، سواء بالموافقة أو الرفض. طبق تصويتك على اقتراح المجلس الصحيح (متاح أيضا في صفحة طلبات المجلس",
+  "Multisig": "متعدد الدخول",
+  "Multisig approval with hash (non-final approval)": "(اعتماد متعدد التوقيعات مع تجزئة (موافقة غير نهائية",
+  "Multisig approval with hash (not message with call)": "(اعتماد متعدد التوقيعات مع تجزئة (لا رسالة مع المكالمة",
+  "Multisig approvals": "موافقات متعددة الدخول",
+  "Multisig approvals pending": "موافقات متعددة الدخول قيد الانتظار",
+  "Multisig message with call (for final approval)": "(رسالة متعددة التوقيعات مع مكالمة (لموافقة نهائية",
+  "Multisig message with call (not approval with hash)": "(رسالة متعددة التوقيعات مع مكالمة (لاموافقة مع تجزئة",
+  "Mutates contract state": "كتم حالة العقد",
+  "My On-Chain Name": "اسمي على السلسلة",
+  "My accounts": "حساباتي",
+  "My contacts": "أرقامي",
+  "Name given to this account. You can change it at any point in the future.": ".الاسم الذي تم إعطاؤه لهذا الحساب. يمكنك تغييره في أي وقت في المستقبل",
+  "Name given to this account. You can edit it. To use the account to validate or nominate, it is a good practice to append the function of the account in the name, e.g \"name_you_want - stash\".": ". \"الاسم الذي تم إعطاؤه لهذا الحساب.  يمكنك تغييره.  لاستخدام الحساب للتحقق من الصحة أو الترشيح، من الجيد إلحاق وظيفة الحساب بالاسم، مثل \"الإسم_الذي_تريد_إخفاءه",
+  "Name given to this multisig. You can edit it at any later point in time.": ".الاسم الذي تم إعطاؤه لهذا الدخول المتعدد.  يمكنك تغييره في أي وقت لاحق",
+  "Name given to this proxied account. You can edit it at any later point in time.": ".الاسم الذي تم إعطاؤه لهذا حساب بالبروكسي.  يمكنك تغييره في أي وقت لاحق",
+  "Name of the network. It is only for display purposes.": ".اسم الشبكة. هو فقط لأغراض العرض",
+  "Name your example": "اذكر المثال الخاص بك",
+  "Nay": "لا",
+  "Nay {{counter}}": "كلا{{عداد}}",
+  "Nay, I cannot support this": "لا ، لا يمكنني دعم هذا",
+  "Nay, I do not approve": "لا ,أنا لا أوافق",
+  "Nay, I do not support this": "لا ، أنا لا أؤيد هذا",
+  "Network Name": "اسم الشبكة",
+  "New stake": "حصة جديدة",
+  "No": "لا",
+  "No active members": "لا يوجد أعضاء نشطين",
+  "No active proposals": "لا توجد مقترحات نشطة",
+  "No active referendums": "لا توجد  استفتاءات نشطة",
+  "No active schedules": "لا توجد جداول نشطة",
+  "No active validators found": "لم يتم العثور على أدوات تحقق نشطة",
+  "No active validators to check": "لا توجد أدوات تحقق نشطة لتحديدها",
+  "No approved proposals": "لا اقتراحات مصادق عليها",
+  "No assets found.": "لم يتم العثور على أصول",
+  "No bids": "لا عروض أسعار",
+  "No blocks available": "لا توجد كتل متوفرة",
+  "No candidates": "لا مرشحين",
+  "No candidates found": "لم يتم العثور على مرشحين",
+  "No change": "لا تغيير",
+  "No change from the original 2017 sale definitions; will mean a total of 10 million DOT from genesis.": "لا تغيير من تعريفات البيع الأصلية لعام ٢٠١٧ ؛ سيعني ما مجموعه ١٠ مليون نقطة من التكوين",
+  "No change from the original 2017 sale definitions; will mean a total of 10m DOT from genesis.": "لا تغيير من تعريفات البيع الأصلية لعام ٢٠١٧ ؛ سيعني ما مجموعه ١٠ مليون نقطة من التكوين",
+  "No code hashes available": "لا تتوفر أجزاء للكود",
+  "No committee proposals": "لا توجد اقتراحات من اللجان",
+  "No contracts available": "لا عقود متوفرة",
+  "No council motions": "لم يتم العثور على مرشحين",
+  "No discretionary lock-voting is in place; all DOT used to vote counts the same.": "لا يوجد تصويت مقفل تقديري ؛ كل دوت المستخدمة للتصويت تحسب نفسها",
+  "No documentation provided": "لم يتم توفير أي وثائق",
+  "No events available": "لا توجد أحداث متوفرة",
+  "No external proposal": "لا يوجد اقتراح خارجي",
+  "No funds staked yet. Bond funds to validate or nominate a validator": ".لم يتم التحقق من أي أموال بعد. قم برهن الأموال للتحقق من صحة أو تعيين جهة التحقق",
+  "No items": "لا أشياء",
+  "No judgments": "لا أحكام",
+  "No logs available": "لا تتوفر سجلات",
+  "No matches found": "لا نتائج مشابهة",
+  "No members found": "لم يتم العثور على أعضاء",
+  "No open tips": "لا بقشيش مفتوحة",
+  "No pending era payouts from validators": "لا توجد دفعات معلقة لعصر من القائمين على التحقق",
+  "No pending extrinsics are in the queue": "لا توجد أي مهام خارجية معلقة في قائمة الانتظار",
+  "No pending payouts for your stashes": "لا توجد دفعات معلقة لتخزيناتك",
+  "No pending proposals": "لا توجد اقتراحات معلقة",
+  "No runners up found": "لم يتم العثور على أي عدّائين",
+  "No sub identities set.": "لم يتم تعيين هويات فرعية",
+  "No upgradable extensions found": "لم يتم العثور على ملحقات قابلة للتحديث",
+  "No waiting validators found": "لم يتم العثور على متحققين في الانتظار",
+  "Node info": "معلومات العقدة",
+  "Nominate": "ترشيح",
+  "Nominate Validators": "تسمية المتحققين",
+  "Nominate selected": "تم تحديد التسمية",
+  "Nominate validators": "تسمية المتحققين",
+  "Nominations ({{count}})": "({{الترشيحات  ({{عد",
+  "Nominator": "مرشح",
+  "Nominators can be selected automatically based on the current on-chain conditions or supplied manually as selected from the list of all currently available validators. In both cases, your favorites appear for the selection.": ".يمكن تحديد جهات الترشيح تلقائيًا استنادًا إلى الظروف الحالية على السلسلة أو إمدادها يدويًا كما هو محدد من قائمة كافة أدوات التحقق المتوفرة حاليًا.  في كلتا الحالتين، تظهر مفضلاتك للتحديد",
+  "Nominators can be selected manually from the list of all currently available validators. If you have set favorites these will appear for the selection.": "يمكن اختيار المرشحين يدويًا من قائمة جميع أدوات التحقق المتاحة حاليًا. إذا قمت بتعيين المفضلة ، فستظهر هذه للتحديد.",
+  "Nonce": "نونس",
+  "None": "لا شيء",
+  "Not updated in the last block": "لم يتم التحديث في الكتلة الأخيرة",
+  "Nothing queued for execution": "لا شيء في قائمة الانتظار للتنفيذ",
+  "Of the beneficiary amount, at least {{bondPercentage}} would need to be put up as collateral. The maximum of this and the minimum bond will be used to secure the proposal, refundable if it passes.": ".من مبلغ المستفيد، يجب تقديم {{نسبة السند}} على الأقل كضمان. سيتم استخدام الحد الأقصى من هذا السند والحد الأدنى للسند لتأمين المقترح، ويمكن استرداد المبلغ إذا تم تمريره",
+  "Once bonded, it will need to be unlocked/withdrawn and will be locked for at least the bonding duration.": ". بمجرد الرهن، يجب إلغاء قفله/سحبه وقفله لمدة لا تقل عن مدة الرهن",
+  "Once transmitted the new selection will only take effect in 2 eras since the selection criteria for the next era was done at the end of the previous era. Until then, the nominations will show as inactive.": ".بمجرد انتقال الاختيار الجديد فسوف يصبح نافذا في عصرين فقط منذ تم تنفيذ معايير الاختيار في العصر التالي في نهاية العصر السابق. وحتى ذلك الحين، ستظهر الترشيحات على أنها غير نشطة",
+  "One of your available nomination accounts, keyed by the stash. The transaction will be sent from the controller.": ".أحد حسابات الترشيح المتاحة الخاصة بك، والذي يقوم بفتح التخزين. سيتم إرسال المعاملة من وحدة التحكم",
+  "One or more extensions are detected in your browser, however no accounts has been injected.": "تم اكتشاف واحدة من الإضافات في متصفحك ، ولكن لم يتم إدخال أي حسابات",
+  "Only applicable if the proposal has already passed and is ready for dispatch.": ".ينطبق فقط إذا كان المقترح قد تم تمريره بالفعل وجاهز للإرسال",
+  "Override any applicable values for the specific signed output. These will be used to construct and display the signed transaction.": ".تجاوز أي قيم قابلة للتطبيق للإخراج الموقّع المحدد. سيتم استخدام هذه الإجراءات لإنشاء المعاملة الموقعة وعرضها\"",
+  "Override the default identity icon display with a specific theme": "تجاوز عرض رمز الهوية التلقائي بسيمة معينة",
+  "Override the default ss58 prefix for address generation": "تجاوز البادئة التلقائية إس إس58 لإنشاء العناوين",
+  "Owned": "مملوك",
+  "Parachains": "الكتل الموازية",
+  "Parachains overview": "نظرة عامة على الكتل الموازية",
+  "Paste here the address of the contact you want to add to your address book.": ".الصق هنا عنوان جهة الاتصال التي تريد إضافتها إلى دفتر العناوين",
+  "Paste the signed message into the field below. The placeholder text is there as a hint to what the message should look like:": "قم بلصق الرسالة الموقعة في الحقل أدناه. نص العنصر النائب يوجد تلميحًا لما يجب أن تبدو عليه الرسالة:",
+  "Payout": "دفع تعويضات",
+  "Payout all": "دفع تعويضات للكل",
+  "Payout all stakers": "دفع تعويضات لكل أصحاب الحصص",
+  "Payouts": "التعويضات",
+  "Pending call hashes": "بانتظار أجزاء المكالمات",
+  "Please make sure to save this file in a secure location as it is required, together with your password, to restore your account.": ".يرجى التأكد من حفظ هذا الملف في مكان آمن كما هو مطلوب، مع كلمة المرور، لاستعادة حسابك",
+  "Please read these terms and conditions carefully. By submitting this statement, you are deemed to have accepted these Terms and Conditions. If you do not agree to these terms, please refrain from accessing or proceeding. You can also find them at:": ":يرجى قراءة هذه الشروط والأحكام بعناية.  من خلال إرسال هذا البيان، يُعتبر أنك قد قبلت هذه الشروط والأحكام. إذا لم توافق على هذه الشروط، فيرجى الامتناع عن الدخول أو المتابعة. يمكنك أيضًا العثور عليها في",
+  "Positive number": "عدد إيجابي",
+  "Positive number between 1 and {{count}}": "{{عدد موجب بين 1 و {{عد",
+  "Positive number between 1 and {{memberCount}}": "{{عدد موجب بين 1 و {{عدالعضو",
+  "Positive number greater than or equal to {{nextFreeId}}": "{{الرقم الموجب أكبر من أو يساوي {{التعريف الحرالقادم",
+  "Potential dispatch of referendum {{id}} (if passed)": "(إمكانية إرسال الإستفتاء(إذا تم قبوله {{id}}",
+  "Pre-sale ethereum address": "عنوان إيثيريوم مسبق البيع",
+  "Prefix indicates the ss58 address format in this network, it is a 16 bit unsigned integer that describes the precise format of the bytes of the address": "البادئة تشير إلى فورمة عنوان إس إس58 في هذه الشبكة، هو رقم بين 0 ~ 255 يصف الفورما الدقيقة لوحدات بايت العنوان",
+  "Preimage": "الصورة الأولية",
+  "Preparing QR for signing": "إعداد ريال قطري للتوقيع",
+  "Present the QR code containing the signature to the UI. Once scanned it will be submitted for on-chain processing and execution.": ".تقديم رمز الاستجابة السريعة الذي يحتوي على التوقيع إلى ىواجهة المستخدم. بمجرد فحصه ، سيتم تقديمه للمعالجة والتنفيذ على السلسلة",
+  "Proposal can either be to approve or reject this spend. One approved, the change is applied by either removing the proposal or scheduling payout.": ".قد يكون الاقتراح إما الموافقة على هذا الإنفاق أو رفضه. إذا تمت الموافقة على التغيير، يتم تطبيقه إما بإزالة المقترح أو جدولة الدفع",
+  "Proposals": "اقتراحات",
+  "Proposals ({{count}})": "({{المقترحات ({{عد",
+  "Propose": "اقترح",
+  "Propose a committee motion": "اقتراح إجراء لجنة",
+  "Propose a council motion": "اقترح التماس من المجلس",
+  "Propose external": "اقترح خارجي",
+  "Propose external (majority)": "(اقترح خارجي (الأغلبية",
+  "Propose motion": "اقترح حركة",
+  "Propose tip": "اقتراح بقشيش",
+  "Provide judgement": "إصدار الحكم",
+  "Provide the account QR from the module/external application for scanning. Once detected as valid, you will be taken to the next step to add the account to your list.": ".للحساب من الوحدة/التطبيق الخارجي للمسح الضوئي. إن تم اكتشاف الحساب كصحيح، سيتم نقلك إلى الخطوة التالية لإضافة الحساب إلى قائمتك (QR) إصداركود",
+  "Proxied": "بروكسيد",
+  "Proxied account has no owned proxies": "حساب بروكسي ليس لديه بروكسيات مملوكة",
+  "Proxy overview": "نظرة عامة الوكيل",
+  "RPC calls": "استدعاء إجراء مكالمة عن بُعد",
+  "Random": "عشوائي",
+  "Raw seed": "البذرة المسودة",
+  "Raw storage": "تخزين أولي",
+  "Reasonable": "معقول",
+  "Reassign": "إعادة التعيين",
+  "Redeem": "إسترداد",
+  "Register": "تسجيل",
+  "Register Asset": "تسجيل الأصل",
+  "Register a parachain": "تسجيل كتلة موازية",
+  "Register an Asset": "سجل أصلا",
+  "Register identity": "تسجيل الهوية",
+  "Register sub-identities": "تسجيل الهويات الفرعية",
+  "Register the vote for or against the proposal.": ".تسجيل التصويت لصالح الاقتراح أو ضده",
+  "Rejection proposal to council": "رفض اقتراح  مقدم إلى المجلس",
+  "Rejections": "رفوضات",
+  "Remove": "إلغاء",
+  "Remove ABI": "إلغاء  واجهة التطبيق الثنائية",
+  "Remove item": "امسح  شيئا",
+  "Remove sub": "إزالة الفرعية",
+  "Reset": "إعادة ضبط",
+  "Restore": "إرجاع",
+  "Restore JSON": "JSON  إرجاع",
+  "Retrieving data": "استرجاع البيانات",
+  "Retrieving info for all applicable eras, this will take some time": "ستستغرق عملية استرداد المعلومات لكل العصور القابلة للتطبيق بعض الوقت",
+  "Retrieving info for last {{numEras}} eras, this will take some time": "جاري استرداد المعلومات لآخر {{عدد العصور}} العصور ، سيستغرق ذلك بعض الوقت",
+  "Retrieving info for the selected eras, this will take some time": "جاري استرداد المعلومات للعصور المحددة ، سيستغرق ذلك بعض الوقت",
+  "Retrieving sub-identities": "استرجاع الهويات الفرعية",
+  "Retrieving totals...": "جاري استرداد الإجماليات",
+  "Revert": "استرجاع",
+  "Revert pending slashes": "إرجاع الألواح المائلة المعلقة",
+  "Rewards (once paid) can be deposited to either the stash or controller, with different effects.": "يمكن إيداع المكافآت (بمجرد دفعها) إلى المخبأ أو المتحكم ، مع تأثيرات مختلفة",
+  "Save": "حفظ",
+  "Save & Reload": "حفظ وإعادة تحميل",
+  "Save delegation": "استرجاع الهويات الفرعية",
+  "Save snippet to local storage": "احفظ  المقتطف  في التخزين المحلي",
+  "Save the type definitions for your custom structures as key-value pairs in a valid JSON file. The key should be the name of your custom structure and the value an object containing your type definitions.": ".احفظ تعريفات النوع للبنى المخصصة لك كأزواج قيم مفتاحية في ملف جسون صالح.  يجب أن يكون المفتاح هو اسم البنية الخاص بك والقيمة التي يحتوي عليها موضوع تعريفات النوع",
+  "Save this backup file in a secure location. Additionally, the password associated with this account is needed together with this backup file in order to restore your account.": ".احفظ ملف النسخ الاحتياطي هذا في مكان آمن.  بالإضافة إلى ذلك، يلزم إضافة كلمة المرور المقترنة بهذا الحساب إلى ملف النسخ الاحتياطي هذا بهدف استعادة حسابك",
+  "Saved": "محفوظ",
+  "Scan Signature Qr": "QR مسح التوقيع",
+  "Scan the QR code with your QR scanner. Once approved, you will be required to present the signed QR back to the UI for submission.": ".امسح رمز الاستجابة السريعة  باستخدام ماسح كيو ار . بمجرد الموافقة ، سيُطلب منك تقديم كيو ار الموقّع إلى واجهة المستخدم لتقديمه",
+  "Search for": "البحث عن",
+  "Second": "الثاني",
+  "Second proposal": "الاقتراح الثاني",
+  "Seconding a proposal that indicates your backing for the proposal. Proposals with greater interest moves up the queue for potential next referendums.": ".إعارة المقترح الذي يشير إلى مساندتك للاقتراح.  المقترحات ذات المنفعة الأكبر تتحرك في الصف نحو الاستفتاءات التالية المحتملة",
+  "Seconds ({{count}})": "({{الثواني ({{عد",
+  "Select Network": "اختر شبكة",
+  "Select a contact or paste the address you want to send funds to.": ".حدد جهة اتصال أو الصق العنوان الذي تريد إرسال الأموال إليه",
+  "Select and order council candidates you wish to vote for.": ".حدد المرشحين الذين ترغب في التصويت لصالحهم  وقم بطلب ترشيحهم",
+  "Select best": "حدد الأفضل",
+  "Select example": "إختر مثالا",
+  "Select targets manually (no auto-selection based on current profitability)": "(تحديد الأهداف يدويًا (لا يتم التحديد التلقائي استنادًا إلى الربحية الحالية",
+  "Select the JSON key file that was downloaded when you created the account. This JSON file contains your private key encrypted with your password.": ".حدد ملف المفتاح ج.سون الذي تم تنزيله عند إنشاء الحساب. يحتوي ملف ج.سون هذا على المفتاح الخاص المشفر مع كلمة المرور الخاصة بك",
+  "Select the account to use for this action.": ".حدد الحساب الذي تريد استخدامه لهذا الإجراء",
+  "Select the account you wish close the proposal with.": ".حدد الحساب الذي تريد إغلاق العرض به",
+  "Select the account you wish to close from.": "حدد الحساب الذي ترغب في الإغلاق منه.",
+  "Select the account you wish to make the proposal with.": ".حدد الحساب الذي تريد تقديم العرض معه",
+  "Select the account you wish to recover into this account.": ".حدد الحساب الذي تريد استرداده في هذا الحساب",
+  "Select the account you wish to second with. This will lock your funds until the proposal is either approved or rejected": "حدد الحساب الذي ترغب في استخدامه مع الثاني. سيؤدي هذا إلى قفل أموالك حتى تتم الموافقة على الاقتراح أو رفضه",
+  "Select the account you wish to submit for candidacy.": ".حدد الحساب الذي ترغب في إرساله للترشيح",
+  "Select the account you wish to submit the proposal from.": ".حدد الحساب الذي ترغب في إرسال المقترح منه",
+  "Select the account you wish to submit the tip from.": ".حدد البقشيش الذي تريد إرسال الجائزة منه",
+  "Select the account you wish to vote with. You can approve \"aye\" or deny \"nay\" the proposal.": ".حدد الحساب الذي تريد التصويت منه. يمكنك الموافقة ب\"نعم\" أو الرفض \"لا\" للاقتراح",
+  "Select the council account you wish to use to make the proposal.": ".حدد حساب المجلس الذي ترغب في استخدامه لتقديم الاقتراح",
+  "Select the remote endpoint, either from the dropdown on manual entered via the custom toggle": "حدد نقطة النهاية عن بعد، إما من القائمة المنسدلة في الدليل يتم  إدخالها يدويًا عبر التبديل المخصص",
+  "Send": "أرسل",
+  "Send funds": "أرسل الأموال",
+  "Send funds from this account": "أرسل الأموال من هذا الحساب",
+  "Send funds to this address": "أرسل الأموال إلى هذا العنوان",
+  "Send to council": ".حدد حساب المجلس الذي ترغب في استخدامه لتقديم الاقتراح",
+  "Sending transaction": "إرسال المعاملة",
+  "Session Key": "مفتاح الجلسة",
+  "Set Identity": "تعيين الهوية",
+  "Set Session Key": "اضبط مفتاح الجلسة",
+  "Set Subs": "تعين الهويات الفرعية",
+  "Set controller": "تعيين وحدة التحكم",
+  "Set nominees": "تعيين المرشحين",
+  "Set on-chain identity": "تعيين الهوية على السلسلة",
+  "Set on-chain sub-identities": "تعيين الهويات الفرعية على السلسلة",
+  "Set reward destination": "تعيين وجهة المكافأة",
+  "Set sudo key": "تعيين مفتاح سودو",
+  "Set to 0 to make transaction immortal": "اضبط على 0 لإجراء المعاملة الخالدة",
+  "Set validator preferences": "تعيين تفضيلات التحقق",
+  "Setup Nominator {{step}}/{{NUM_STEPS}}": "{{إعداد المرشِّح {{خطوة}}/ {{عدد _الخطوات",
+  "Setup Validator {{step}}/{{NUM_STEPS}}": "{{إعداد المتحقق{{خطوة}}/ {{عدد _الخطوات",
+  "Setup account as recoverable": "إعداد الحساب على أنه قابل للاسترداد",
+  "Should the search be case sensitive, e.g if you select \"no\" your search for \"Some\" may return addresses containing \"somE\" or \"sOme\"...": "...\"إذا كان البحث يهتم لحالة الأحرف، على سبيل المثال، إذا حددت \"لا\"، فقد يرجع بحثك عن \"البعض\" عناوين تحتوي على \"بعض\" أو \"بضع",
+  "Show address on hardware device": "إظهار العنوان على الجهاز",
+  "Sign (no submission)": "(التوقيع (لا إرسال",
+  "Sign and Submit": "التوقيع والإرسال",
+  "Sign for multisig": "تسجيل الدخول لمتعدد التوقيعات",
+  "Sign message": "توقيع الرسالة",
+  "Sign via Qr": "Qr وقع عبر كود",
+  "Sign via {{hardwareType}}": "{{سجّل عبر {{نوع البرنامج الصلب",
+  "Signed transaction": "المعاملة الموقّعة",
+  "Since the multisig function like any other account, once created it is available for selection anywhere accounts are used and needs to be funded before use.": ".بما أن وظيفة الدخول  المتعدد مثل أي حساب آخر، فإنه بمجرد إنشائها تصبح متوفرة  للاختيار من أي حساب يتم استخدامه  ويلزم تمويله قبل الاستخدام",
+  "Since this transaction deals with funding, the stash account will be used.": ".بما أن هذه المعاملة تتعامل مع التمويل، فسيتم استخدام حساب التخزين",
+  "Skeptics": "مشككين",
+  "Slashed in era {{eras}}": "قطعت في العصر {{عصور}}",
+  "Society": "مجتمع",
+  "Society overview": "نظرة عامة على المجتمع",
+  "Specify the user account to use for this contract call. And fees will be deducted from this account.": ".حدد حساب المستخدم الذي تريد استخدامه لمكالمة العقد هذه.  وسيتم خصم الرسوم من هذا الحساب",
+  "Specify the user account to use for this deployment. And fees will be deducted from this account.": ".حدد حساب المستخدم الذي تريد استخدامه لهذا النشر.  وسيتم خصم الرسوم من هذا الحساب",
+  "Specify the user account to use for this deployment. Any fees will be deducted from this account.": ".حدد حساب المستخدم الذي تريد استخدامه لهذا النشر.  وسيتم خصم الرسوم من هذا الحساب",
+  "Split of 1,000x from the original sale; will mean a total of 10b DOT from genesis. Apparent DOT price would be 1000x lower.": "تقسيم ١٠٠٠ مرة من البيع الأصلي ؛ سيعني ما مجموعه عشرة بليون دوت من التكوين. سعر دوت الظاهر سيكون أقل ألف مرة",
+  "Split of 1000x": "تقسيم ١٠٠٠ مرة",
+  "Split of 1000x from the original sale; will mean a total of 10 billion DOT from genesis. Apparent DOT price would be 1000x lower and apparent account balances 1000x higher.": "انقسام  ١٠٠٠ مرة من البيع الأصلي ؛ سيعني ما مجموعه ١٠ مليار نقطة من التكوين. سعر دوت الظاهر سيكون أقل ١٠٠٠ مرة  وأرصدة الحساب الظاهرية أعلى ١٠٠٠ مرة",
+  "Split of 100x": "تقسيم ١٠٠ مرة",
+  "Split of 100x from the original sale; will mean a total of 1 billion DOT from genesis. Apparent DOT price would be 100x lower and apparent account balances 100x higher.": "تقسيم ١٠٠ مرة من البيع الأصلي ؛ سيعني ما مجموعه ١ مليار نقطة من التكوين. سيكون سعر دوت الظاهر أقل بمقدار ١٠٠ مرة وأرصدة الحسابات الظاهرة أعلى بمقدار ١٠٠ مرة",
+  "Split of 100x from the original sale; will mean a total of 1b DOT from genesis. Apparent DOT price would be 100x lower.": "تقسيم ١٠٠ مرة من البيع الأصلي ؛ سيعني ما مجموعه ١ بليون دوت من التكوين. سعر دوت الظاهر سيكون أقل ١٠٠ مرة",
+  "Split of 10x": "تقسيم ١٠ مرة",
+  "Split of 10x from the original sale; will mean a total of 100 million DOT from genesis. Apparent DOT price would be 10x lower and apparent account balances 10x higher.": "تقسيم ١٠ مرة من البيع الأصلي ؛ سيعني ما مجموعه ١٠٠ مليون نقطة من التكوين. سيكون سعر دوت الظاهر أقل ١٠ مرات وأرصدة الحسابات الظاهرة أعلى ١٠ مرة",
+  "Split of 10x from the original sale; will mean a total of 100m DOT from genesis. Apparent DOT price would be 10x lower.": "\"تقسيم ١٠ مرة من البيع الأصلي ؛ سيعني ما مجموعه ١٠٠ متر نقطة من التكوين. سيكون سعر دوت الظاهر ١٠ أضعا",
+  "Staking overview": "نظرة عامة على صحة التحقق",
+  "Start generation": "بدأ الإنشاء",
+  "Start of a new staking era {{id}}": "بداية حقبة مراهنات جديدة{{id}}",
+  "Start of a new staking session {{id}}": "بداية حصّة مراهنات جديدة {{id}}",
+  "Start of next membership challenge period": "بداية فترة تحدّي العضويات جديدة",
+  "Start of next spending period": "بداية فترة إنفاق جديدة",
+  "Start of the next referendum voting period": "بداية فترة الإستفتاء القادمة",
+  "Start recovery": "بدأ الإسترداد",
+  "Stash": "تخزين",
+  "Stop": "توقف",
+  "Stop generation": "إنهاء الإنشاء",
+  "Storage": "تخزين",
+  "Submit": "إرسال",
+  "Submit (no signature)": "إرسال (لا يوجد توقيع)",
+  "Submit RPC call": "إرسال استدعاء إجراء مكالمة عن بُعد",
+  "Submit Sudo": "أرسل  سودو",
+  "Submit Transaction": "إرسال المعاملة",
+  "Submit Unsigned": "إرسال غير موقّع",
+  "Submit bid": "تقديم العرض",
+  "Submit candidacy": "تقديم الترشيح",
+  "Submit key": "إرسال مفتاح",
+  "Submit preimage": "إرسال الصورة الأصلية",
+  "Submit proposal": "تقديم الاقتراح",
+  "Submit signed extrinsic": "تقديم توقيع لمهمة خارجية",
+  "Submit tip": "تقديم  بقشيش",
+  "Submit tip endorsement": "تقديم مصادقة بقشيش",
+  "Submit tip request": "تقديم طلب بقشيش",
+  "Submit treasury proposal": "تقديم اقتراح خزينة",
+  "Submit your council candidacy": "اعرض ترشيحك للمجلس",
+  "Sudo access": "وصول سودو",
+  "Sudo key": "مفتاح سودو",
+  "Supply a backed-up JSON file, encrypted with your account-specific password.": ".قم بتوفير ملف احتياطي ج.سون، مشفّر بكلمة مرور خاصة بحسابك",
+  "Swap to a non-executing approval type, with subsequent calls providing the actual call data.": "قم بالتبديل إلى نوع الموافقة غير التنفيذية ، مع المكالمات اللاحقة التي توفر بيانات المكالمة الفعلية",
+  "Targets": "أهداف",
+  "Tech. committee": "لجنة التكنولوجيا",
+  "Technical committee": "اللجنة التقنية",
+  "Test account": "حساب تجريبي",
+  "The ABI for the WASM code. In this step it is optional, but setting it here simplifies the setup of contract instances.": ". واجهة التطبيق الثنائية لكود واسم .  في هذه الخطوة، يكون هذا الأمر اختياريًا،  ولكن إعداده هنا يبسط عملية إعداد مثيلات العقد",
+  "The ABI for the WASM code. Since we will be making a call into the code, the ABI is required and stored for future operations such as sending messages.": ".واجهة التطبيق الثنائية  لكود واسم.  بما أننا سنقوم باتصال بالكود، فإن واجهة التطبيق الثنائية مطلوبة ويتم تخزينها للعمليات المستقبلية مثل إرسال الرسائل",
+  "The Ethereum address you used during the pre-sale (starting by \"0x\")": "(\\\"0x\\\"عنوان إيثريوم الذي استخدمته أثناء فترة ما قبل البيع (بدءًا من",
+  "The RPC node can be selected from the pre-defined list or manually entered, depending on the chain you wish to connect to.": ".يمكن تحديد عقدة استدعاء إجراء عن بُعد من القائمة المحددة مسبقًا أو إدخالها يدويًا، وفقًا للسلسلة التي ترغب في الاتصال بها",
+  "The Threshold must be a positive number": "يجب أن يكون الحد رقماً موجباً",
+  "The Threshold must lower than 11": "يجب أن يكون السقف أصغر من ١١",
+  "The UI puts a limit of 40 payouts at a time, where each payout is a single validator for a single era.": ".تضع واجهة المستخدم الحد في ٤٠ حصة دفع في كل مرة، حيث يكون كل دفع هو صالح لمتحقق واحد لعصر واحد",
+  "The account password as specified when creating the account. This is used to encrypt the backup file and subsequently decrypt it when restoring the account.": ".كلمة مرور الحساب كما هو محدد عند إنشاء الحساب.  يتم استخدامها لتشفير ملف النسخ الاحتياطي وبالتالي فك تشفيره بعد ذلك عند استعادة الحساب",
+  "The account that signed the input": "الحساب الذي وقّع الإدخال",
+  "The account to which the proposed balance will be transferred if approved": "الحساب الذي سيتم تحويل الرصيد المقترح إليه إذا تمت الموافقة عليه",
+  "The account to which the tip will be transferred if approved": "الحساب الذي سيتم تحويل البقشيش إليه في حال الموافقة عليه",
+  "The account you want to claim to.": ".الحساب الذي تريد المطالبة عليه",
+  "The account you want to register the preimage from": "الحساب الذي تريد تسجيل الصورة الأصلية منه",
+  "The account you want to register the proposal from": "الحساب الذي تريد تسجيل المقترح منه",
+  "The account you will send funds from.": ".الحساب الذي سترسل منه الأموال",
+  "The account's password specified at the creation of this account.": ".كلمة مرور الحساب المحددة عند إنشاء هذا الحساب",
+  "The actual JSONRPC module and function to make a call to.": ".وحدة جسون لاستدعاء إجراء عن بُعد والوظيفة الفعليين لإجراء مكالمة",
+  "The actual account you wish to submit the bid with": "الحساب الفعلي الذي ترغب في استخدامه فرعيًا ، هو المزايدة مع",
+  "The actual fully constructed signed output. This can be used for submission via other channels.": ".المخرج الموقع الفعلي الذي تم إنشاؤه بالكامل. يمكن استخدام هذا لتقديمه عبر قنوات أخرى",
+  "The actual proposal to make, based on the selected call and parameters thereof.": ".الاقتراح الفعلي الذي يجب طرحه، استناداً إلى المكالمة المحددة  والإعدادات الموجودة",
+  "The address for the deployed contract instance.": ".عنوان لحالة العقد المنتشر",
+  "The address that has previously setup a proxy to one of the accounts that you control.": "العنوان الذي سبق له إعداد وكيل لأحد الحسابات التي تتحكم فيها",
+  "The address that you have a valid proxy setup for.": "العنوان الذي لديك إعداد وكيل صالح له",
+  "The address to vote from (must be a member)": "(العنوان المصوت منه (يجب أن يكون عضواً",
+  "The addresses that are able to approve multisig transactions. You can select up to {{maxHelpers}} trusted addresses.": ".العناوين التي يمكنها الموافقة على المعاملات المتعددة.  يمكنك تحديد ما يصل إلى {{عدد المساعدين الأعلى}} من العناوين الموثوق بها",
+  "The addresses that are able to help in recovery. You can select up to {{maxHelpers}} trusted helpers.": ".العناوين التي يمكنها المساعدة في الاسترداد.  يمكنك تحديد حتى {{عدد المساعدين الأعلى}} من المساعدين الموثوق بهم",
+  "The allotted endowment for this contract, i.e. the amount transferred to the contract upon instantiation.": ".الوقف مخصص لهذا العقد، أي المبلغ المحوَّل إلى العقد عند عدم التبرم",
+  "The allotted value for this contract, i.e. the amount transferred to the contract as part of this call.": ".الوقف المخصص لهذا العقد،  أي المبلغ المحوَّل إلى العقد كجزء من هذه  المكالمة",
+  "The amount of funds to unbond, this is adjusted using the bonded funds on the stash account.": ".مبلغ الأموال المراد إلغاء رهنها، يتم تعديل هذا المبلغ باستخدام الأموال المربوطة في الحساب المُخزن",
+  "The amount placed at-stake should allow some free funds for future transactions.": "يجب أن يسمح المبلغ الموضوع على المحك ببعض الأموال المجانية للمعاملات المستقبلية",
+  "The amount placed at-stake should be no more that 95% of your available amount to protect against slashing events.": ".لا ينبغي أن يكون المبلغ الذي تم وضعه على الرهان أكثر من ٩٥% من المبلغ المتاح لك للحماية من حوادث التقريع",
+  "The amount placed at-stake should not be your full available available amount to allow for transaction fees.": "لا ينبغي أن يكون المبلغ المحجوز على المحك المبلغ الكامل المتاح لك للسماح برسوم المعاملات",
+  "The amount reserved to store this image": "المبلغ المحجوز لتخزين هذه الصورة",
+  "The amount that is associated with this vote. This value is is locked for the duration of the vote.": ".المبلغ المرتبط بهذا التصويت. يتم تأمين هذه القيمة طوال مدة التصويت",
+  "The amount that will be allocated from the treasury pot": "المبلغ الذي سيتم تخصيصه من وعاء الخزينة",
+  "The amount that will be used on a per-validator basis to calculate profits for that validator.": ".المبلغ الذي سيتم استخدامه على أساس كل تحقق من الصحة لحساب الأرباح الخاصة بهذا المسؤول عن التحقق",
+  "The amount this total can be reduced by to change the referendum outcome. This assumes changes to the convictions of the existing votes, with no additional turnout.": ".يمكن تخفيض المبلغ الإجمالي هذا بتغيير نتيجة الاستفتاء. وهذا يفترض إدخال تغييرات على قناعات الأصوات القائمة، دون أي مشاركة إضافية",
+  "The amount this total should be increased by to change the referendum outcome. This assumes additional turnout with new votes at 1x conviction.": ".المبلغ الإجمالي الذي يجب زيادته من خلال تغيير نتيجة الاستفتاء.  وهذا يفترض إقبالا إضافيا بأصوات جديدة في إدانة واحدة",
+  "The amount to allocate and the conviction that will be applied to all votes made on a referendum.": "المبلغ الذي سيتم تخصيصه والاقتناع الذي سيتم تطبيقه على جميع الأصوات التي تمت في الاستفتاء",
+  "The amount to associate with your bid, should be less than the pot.": "يجب أن يكون المبلغ المراد ربطه بعرضك أقل من الوعاء",
+  "The amount to tie to your bid. The lowest bidder moves forward.": "المبلغ المراد ربطه بعرضك. يتحرك مقدم العطاء الأقل إلى الأمام",
+  "The associated deposit for this proposal should be more then the minimum on-chain deposit required. It will be locked until the proposal passes.": ".يجب أن يكون الإيداع المرتبط بهذا الاقتراح أكثر من الحد الأدنى المطلوب للإيداع على السلسلة.  سيتم تأمينه حتى يتم تمرير الاقتراح",
+  "The auto-selection is done on the current profitability of the validators taking your favorites into account. It is adjusted based on the commission and current range of backing for the validator. The calculation may and will change over time, so it is rather a selection based on the current state of the network, not a predictor of future profitability.": ".يتم الاختيار التلقائي على الربحية الحالية للقائمين على التحقق من صحة الحساب مع أخذ مفضلاتك في الاعتبار. ويتم تعديلها بناءً على العمولة والنطاق الحالي للدعم الخاص بالقائم بالمصادقة. قد تتغير الحسابات مع مرور الوقت، لذا فهي عبارة عن اختيار يستند إلى الحالة الحالية للشبكة وليس إلى التوقعات الربحية المستقبلية",
+  "The balance associated with the vote will be locked as per the conviction specified and will not be available for transfer during this period.": ".سيتم إقفال الرصيد المرتبط بالتصويت وفقا للقناعة المحددة ولن يكون متاحا للتحويل خلال هذه الفترة",
+  "The beneficiary will have access to the transferred fees when the transaction is included in a block.": ".سيتمكّن المستفيد من الوصول إلى الرسوم المحولة عند تضمين المعاملة في السلسلة",
+  "The beneficiary will receive the full amount if the proposal passes.": ".سيحصل المستفيد على المبلغ الكامل إذا تم تمرير الاقتراح",
+  "The beneficiary will received the tip as approved by council members.": "سوف يتلقى المستفيد البقشيش كما وافق عليها أعضاء المجلس",
+  "The blake2b 256-bit hash of the actual input data.": ".تجزئة بلايك 2 ب 256 -بت لبيانات الإدخال الفعلية",
+  "The bond that is reserved": "السند الذي هو محجوز",
+  "The bond will be reserved for the duration of your candidacy and membership.": "السند سيتم حجز السند طوال فترة ترشحك وعضوتك",
+  "The bonded amount is less than the minimum bond amount of {{existentialDeposit}}": "المبلغ المسترد أقل من الحد الأدنى للمبلغ المستحق {{إيداع موجود}}",
+  "The bonding duration for any staked funds. After this period needs to be withdrawn.": ".مدة الترابط لأي أموال مرهونة. وبعد هذه الفترة يتعين سحبها",
+  "The bonding duration for any staked funds. Needs to be unlocked and withdrawn to become available.": ".مدة الترابط لأي أموال مرهونة. يجب إلغاء قفلها وسحبها لتصبح متوفرًة",
+  "The calculated storage costs based on the size and the per-bytes fee.": "تكاليف التخزين المحسوبة على أساس الحجم ورسوم البايت",
+  "The call data for this transaction matching the hash. Once sent, the multisig will be executed against this.": "تتطابق بيانات المكالمة الخاصة بهذه المعاملة مع التجزئة. بمجرد إرسالها ، سيتم تنفيذ  ضد هذا المتعدد الأطراف",
+  "The call data that can be supplied to a final call to multi approvals": "بيانات المكالمة التي يمكن توفيرها للمكالمة النهائية للموافقات المتعددة",
+  "The call hash from the list of available and unapproved calls.": "تجزئة المكالمة من قائمة المكالمات المتاحة وغير المعتمدة",
+  "The call hashes that have not been executed as of yet.": ".أجزاء المكالمة التي لم يتم تنفيذها حتى الآن",
+  "The code hash for the on-chain deployed code.": ".تجزئة الكود للرمز الذي تم نشره على السلسلة",
+  "The code is not recognized as being in valid WASM format": ".لم يتم التعرف على الكود على أنه فورما صالحة من واسم",
+  "The codeHash is not a valid hex hash": ".لا تعد تجزئة الكود تجزئة سداسية عشرية صالحة",
+  "The color used to distinguish this network with others, use color code with 3 or 6 digits, like \"#FFF\" or \"#111111\"": "\" #111111\"أو \"#FFF\" اللون المستخدم لتمييز هذه الشبكة عن الآخرين، استخدم رمز اللون الذي يتألف من 3 أو 6 أرقام، مثل",
+  "The commission is deducted from all rewards before the remainder is split with nominators.": ".يتم خصم العمولة من جميع المكافآت قبل تقسيم الباقي مع المترشيحن",
+  "The committee account that will apply the close for the current round.": ".حساب اللجنة الذي سيطبق الإغلاق للجولة الحالية",
+  "The compiled WASM for the contract that you wish to deploy. Each unique code blob will be attached with a code hash that can be used to create new instances.": ".نظام واسم المجمع للعقد الذي ترغب في نشره.  سيتم إرفاق كل كود بلوب  فريد بتجزئة  رمز يمكن استخدامه لإنشاء مثيلات جديدة",
+  "The compiled runtime WASM for the parachain you wish to register.": ".وقت التشغيل المجمع  واسم  للكتلة الموازية الذي ترغب في تسجيله",
+  "The compiled runtime WASM for this parachain.": "وقت التشغيل المجمع واسم  لهذه الكتلة الموازية",
+  "The contract WASM previously deployed. Internally this is identified by the hash of the code, as either created or attached.": ".تم نشر عقد واسم  من قبل.  يتم تعريف هذا الأمر داخليًا بواسطة تجزئة الرمز، على أنه تم إنشاؤه أو إرفاقه",
+  "The controller does not have sufficient funds available to cover transaction fees. Ensure that a funded controller is used.": "ليس لدى المراقب المالي الأموال الكافية لتغطية رسوم المعاملات. تأكد من استخدام وحدة تحكم ممولة",
+  "The controller is the account that is be used to control any nominating or validating actions. I will sign this transaction.": ".وحدة التحكم هي الحساب الذي يتم استخدامه للتحكم في أي إجراءات ترشيح أو التحقق من الصحة. سأقوم بالتوقيع على هذه المعاملة",
+  "The controller is the account that will be used to control any nominating or validating actions. Should not match another stash or controller.": ".وحدة التحكم هي الحساب الذي سيتم استخدامه للتحكم في أي إجراءات ترشيح أو التحقق من الصحة. يجب ألا يتطابق مع وحدة تخزين أو وحدة تحكم أخرى",
+  "The conviction that will be used for each delegated vote.": "القناعة التي ستستخدم لكل تصويت مفوض",
+  "The conviction to use for this vote, with an appropriate lock period.": ".القناعة المستخدمة لهذا التصويت، مع فترة إقفال مناسبة",
+  "The council account for the proposal. The selection is filtered by the current members.": ".يضع المجلس بيانا للاقتراح.  تتم تصفية التحديد من طرف الأعضاء الحاليين",
+  "The council account for this vote. The selection is filtered by the current members.": ".يطرح المجلس هذا التصويت.  تتم تصفية التحديد من طرف  الأعضاء الحاليين",
+  "The council account that will apply the close for the current round.": ".حساب المجلس الذي سيطبق الإغلاق في الجولة الحالية",
+  "The council member that is proposing this, submission equates to an \"aye\" vote.": "عضو المجلس الذي يقترح هذا الاقتراح، يمثل التطبيق تصويت ب نعم",
+  "The council proposal to make the vote on": "اقتراح المجلس بإجراء التصويت",
+  "The data that was signed. This is used in combination with the signature for the verification. It can either be hex or a string.": ".البيانات التي تم توقيعها.  ويستخدم هذا مع التوقيع للتحقق.  يمكن أن يكون إما ست عشري أو سلسلة",
+  "The delay between vouching and the availability of the recovered account.": ".التأخير بين توفير الشهادة وتوفير الحساب المسترد",
+  "The delay period to apply in blocks": "فترة التأخير المطلوب تطبيقها في الكتل",
+  "The deployment constructor information for this contract, as provided by the ABI.": ".معلومات منشئ النشر الخاصة بهذا العقد، كما تم توفيرها من قبل  واجهة التطبيق الثنائية",
+  "The deposit is below the {{minimum}} minimum required for the proposal to be evaluated": "الإيداع أقل من الحد الأدنى المطلوب لـ {{الحد الأدنى}} لتقييم العرض",
+  "The deposit of {{deposit}} will be reserved until the proposal is completed": "سيتم حجز إيداع {{الإيداع }} حتى اكتمال العرض",
+  "The derivation path allows you to create different accounts from the same base mnemonic.": ".يسمح لك مسار التخميل بإنشاء حسابات مختلفة من نفس الذاكرة الأساسية",
+  "The desired threshold. Here set to a default of 50%+1, as applicable for general proposals.": ".السقف المطلوب.  يتم تعيين هذا الخيار كقيمة  تلقائية 50%+1،  كما ينطبق على الاقتراحات العامة",
+  "The destination account for any payments as either a nominator or validator": "حساب الوجهة لأي دفعات كمرشح أو جهة تحقق",
+  "The details of the transaction including the type, the description (as available from the chain metadata) as well as any parameters and fee estimations (as available) for the specific type of call.": ". تفاصيل المعاملة بما في ذلك النوع والوصف (كما هو متوفر من بيانات تعريف السلسلة) بالإضافة إلى أي إعدادات وتقديرات رسوم (حسب توفرها) لنوع الاتصال المحدد",
+  "The email address associated with this identity.": ".عنوان البريد الإلكتروني المرتبط بهذه الهوية",
+  "The existing account password as specified when this account was created or when it was last changed.": ".كلمة مرور الحساب الحالية  كما هو محدد عند إنشاء هذا الحساب أو متى تم تغييره آخر مرة",
+  "The external proposal to send to the technical committee": "الاقتراح الخارجي لإرساله إلى اللجنة الفنية",
+  "The final recipient balance is less or equal to {{existentialDeposit}} (the existential amount) and will not be reflected": "رصيد المستلم النهائي أقل أو يساوي {{الإيداع الموجود}} (المبلغ الموجود) ولن ينعكس",
+  "The funds will only be available for withdrawal after the unbonding period, however will not be part of the staked amount after the next validator election. You can follow the unlock countdown in the UI.": ".لن تكون الأموال متاحة للسحب إلا بعد فترة الترابط، ولكن لن تكون جزءاً من المبلغ المرهون  بعد الانتخابات التالية التي يتم التحقق منها. يمكنك متابعة العد التنازلي لإلغاء القفل في واجهة المستخدم",
+  "The hash for the proposal this vote applies to": "تجزئة الاقتراح الذي ينطبق عليه هذا التصويت",
+  "The hash of the preimage for the proposal as previously submitted or intended.": ".تجزئة الصورة الأصلية للاقتراح كما سبق تقديمه أو تطبيقه",
+  "The hash of the proposal image, either already submitted or valid for the specific call.": ".تجزئة الصورة المعروضة، إما مُطبقة بالفعل أو صالحة للمكالمة المحددة",
+  "The hash of the selected proposal, use it for submitting the proposal": "تجزئة الاقتراح المحدد، استخدمه لتقديم الاقتراح",
+  "The helpers should be able to verify, via an off-chain mechanism, that the account owner indeed wishes to recover access and as such provide any approvals. In the cases of malicious recovery procedures, they will have the power to stop it.": "ينبغي على المساعدين أن يكونوا قادرين على التحقق، عن طريق آلية غير متسلسلة، من أن مالك الحساب يرغب بالفعل في استرداد الدخول، وبالتالي تقديم أي موافقات. في حالات إجراءات الاسترداد المغشوشة، سيكون لديهم القدرة على إيقافها",
+  "The hex output from author_rotateKeys, as executed on the validator node. The keys will show as pending until applied at the start of a new session.": ".المخرج سداسي عشري من كاتب_المفاتيح_الدوارة  ، كما تم تنفيذه على عقدة التحقق. ستظهر المفاتيح كمعلقة حتى يتم تطبيقها في بداية جلسة جديدة",
+  "The id number to assign to this parachain.": ".رقم التعريف الذي تريد تعيينه لهذه الكتلة الموازية",
+  "The id of the parachain to be deregistered.": ".التعريف الخاص  للكتلة الموازية  الذي سيتم إلغاء تسجيله",
+  "The image (proposal) will be stored on-chain against the hash of the contents.": ".سيتم تخزين الصورة (المقترحة) على السلسلة مقابل تجزئة المحتويات",
+  "The initial head state for the parachain.": ".الحالة الأولية  للرأس الخاصة بالكتلة الموازية",
+  "The initial head state is invalid.": ".حالة الرأس الأولية غير صالحة",
+  "The input data to hash. This can be either specified as a hex value (0x-prefix) or as a string.": "بيانات الإدخال إلى التجزئة.  يمكن تحديد هذا إما كقيمة سداسية عشرية (بادئة-0إكس) أو كسلسلة",
+  "The input data to sign. This can be either specified as a hex value (0x-prefix) or as a string.": "بيانات الإدخال التي يجب توقيعها. يمكن تحديد هذا إما كقيمة سداسية عشرية (بادئة-0إكس) أو كسلسلة",
+  "The key type and crypto type to use for this key. Be aware that different keys have different crypto requirements. You should be familiar with the type requirements for the different keys.": ".نوع المفتاح ونوع التشفير الذي يجب استخدامه لهذا المفتاح. انتبه إلى أن المفاتيح المختلفة لها متطلبات تشفير مختلفة. يجب أن تكون على دراية بنوع المتطلبات للمفاتيح المختلفة",
+  "The legal name for this identity.": ".الاسم القانوني لهذه الهوية",
+  "The local name for this account. Changing this does not affect your on-line identity, so this is only used to indicate the name of the account locally.": ".الاسم المحلي لهذا الحساب.  لا يؤثر تغيير هذا الخيار على هويتك على الإنترنت، لذلك يتم استخدام هذا الخيار فقط للإشارة إلى اسم الحساب محليًا",
+  "The locked value for this proposal": "القيمة المقفلة لهذا المقترح",
+  "The maximum amount of gas that can be used by this call. If the code requires more, the call will fail.": ".الحد الأقصى لكمية الغاز التي يمكن استخدامها بواسطة هذه المكالمة.  إذا كان الرمز يتطلب المزيد، فستفشل المكالمة",
+  "The maximum amount of gas that can be used by this deployment, if the code requires more, the deployment will fail.": ".الحد الأقصى لكمية الغاز التي يمكن استخدامها بواسطة هذا النشر، إذا تطلب الرمز المزيد، فسيفشل النشر",
+  "The maximum amount of gas to use for this contract call. If the call requires more, it will fail.": ".الحد الأقصى لكمية الغاز التي يجب استخدامها في مكالمة العقد هذه.  إذا كانت المكالمة تتطلب المزيد، فسوف تفشل",
+  "The maximum amount you can delegate is the amount of funds available on the delegating account.": "الحد الأقصى للمبلغ الذي يمكنك تفويضه هو مبلغ الأموال المتوفرة في حساب التفويض",
+  "The message to send to this contract. Parameters are adjusted based on the ABI provided.": ".الرسالة التي يجب إرسالها إلى هذا العقد.  يتم تعديل الإعدادات استنادًا إلى واجهة التطبيق الثنائية المقدمة",
+  "The minimum amount that an account should have to be deemed active": ".الحد الأدنى للمبلغ الذي يجب توفره لاعتبار الحساب نشطًا",
+  "The minimum amount that will be bonded": "الحد الأدنى للمبلغ الذي سيتم ربطه",
+  "The minimum deposit required": "الحد الأدنى للإيداع مطلوب",
+  "The minimum number of committee votes required to approve this motion": "الحد الأدنى لعدد أصوات اللجنة المطلوبة للموافقة على هذا الاقتراح",
+  "The minimum number of council votes required to approve this motion": "الحد الأدنى لعدد أصوات المجلس المطلوبة للموافقة على هذا الاقتراح",
+  "The multisig signatory for this transaction.": ".الموقع المتعدد الأطراف لهذه المعاملة",
+  "The name for this account and how it will appear under your addresses. With an on-chain identity, it can be made available to others.": ".اسم هذا الحساب وكيفية ظهوره أسفل عناوينك.  ومن خلال الهوية المتسلسلة  يصبح من الممكن إتاحته للآخرين",
+  "The name is for unique identification of the account in your owner lists.": ".الاسم خاص بالتعريف الفريد للحساب في قوائم المالك الخاصة",
+  "The name that will be displayed in your accounts list.": ".الاسم الذي سيتم عرضه في قائمة حساباتك",
+  "The new account password. Once set, all future account unlocks will be performed with this new password.": ".كلمة مرور الحساب الجديدة.  بمجرد أن يتم ضبطها، سيتم تحديث كل أقفال الحساب المستقبلية  باستخدام كلمة المرور الجديدة هذه",
+  "The on-chain percentage for the treasury": "نسبة الخزينة بالنسبة للسلسلة",
+  "The operation type to apply. For approvals both non-final and final approvals are supported.": "نوع العملية المطلوب تطبيقها. بالنسبة للموافقات ، يتم اعتماد الموافقات غير النهائية والنهائية",
+  "The password and password confirmation for this account. This is required to authenticate any transactions made and to encrypt the keypair.": ". (كلمة المرور وتأكيد كلمة المرور لهذا الحساب.  هذا مطلوب للمصادقة على أي معاملات تتم وتشفيرالمفتاح الثنائي (الخاص و العام",
+  "The password previously used to encrypt this account.": ".كلمة المرور المستخدمة مسبقًا لتشفير هذا الحساب",
+  "The password to unlock the selected account.": ".كلمة المرور لفتح الحساب المحدد",
+  "The percentage reward (0-100) that should be applied for the validator": "مكافأة النسبة المئوية (٠ - ١٠٠) التي يجب تطبيقها على المتحقق من الصحة",
+  "The preimage hash of the proposal": "تجزئة الصورة الأولية  للمقترح",
+  "The private key for your account is derived from this seed. This seed must be kept secret as anyone in its possession has access to the funds of this account. If you validate, use the seed of the session account as the \"--key\" parameter of your node.": "المفتاح الخاص لحسابك مشتق من هذه البذرة. يجب أن تبقى هذه البذرة  سرية لأن أي شخص في حوزته يمكنه الوصول إلى أموال هذا الحساب. إذا قمت بالتحقق من صحة الأمر، فاستخدم بذرة الحساب كال \"--مفتاح\" لعقدة التوصيل",
+  "The proposal is in the queue for future referendums. One proposal from this list will move forward to voting.": ".الاقتراح في قائمة انتظار الاستفتاءات المستقبلية.  سوف تنتقل أحد المقترحات الواردة في هذه القائمة إلى التصويت",
+  "The proposal that is being voted on. It will pass when the threshold is reached.": ".الاقتراح الذي يجري التصويت عليه.  سوف يمر عند بلوغ العتبة",
+  "The proposal that will be affected. Once closed for the current voting round, it would need to be re-submitted for a subsequent voting round.": ".الاقتراح الذي سيتأثر.  بمجرد إغلاق الدورة الحالية للتصويت، فسوف يكون من الضروري إعادة تقديمها لجولة تصويت لاحقة",
+  "The proposal that will be affected. Once closed for the current voting round, it would need to be re-submitted to council for a subsequent voting round.": ".الاقتراح الذي سيتأثر.  وبمجرد أن يتم إغلاقه لجولة التصويت الحالية، فسوف يكون من الضروري إعادة عرضه على المجلس لجولة تصويت تالية",
+  "The proposal will be registered from this account and the balance lock will be applied here.": ".سيتم تسجيل الاقتراح من هذا الحساب وسيتم تطبيق قفل الرصيد هنا",
+  "The proxy is one of the allowed proxies on the account, as set and filtered by the transaction type.": ".البروكسي هو واحد من البروكسيس المسموحة على هذا الحساب، كما تم تعيينه وتصفيته من خلال نوع المعاملة",
+  "The proxy to be used for this transaction.": ".البروكسي  الذي سيتم استخدامه لهذه المعاملة",
+  "The reason why this tip should be paid.": "السبب وراء ضرورة دفع هذه البقشيش",
+  "The recoverable account is protected against the loss of seed/access by a social process.": ". الحساب الذي يمكن استرداده محمي من فقدان البذرة/الدخول بواسطة عملية اجتماعية",
+  "The resulting signature of the input data, as done with the crypto algorithm from the account. (This could be non-deterministic for some types such as sr25519).": ".(التوقيع الناتج لبيانات الإدخال، كما تم مع خوارزمية التشفير من الحساب. (قد يكون هذا غير حتمي لبعض الأنواع مثل إس أر25519",
+  "The scheduling preference for this parachain.": ".تفضيلات الجدولة لهذا  لهذه الكتلة الموازية",
+  "The scheduling setting for this parachain.": ".إعداد الجدولة  لهذه الكتلة الموازية",
+  "The secret seed value for this account. Ensure that you keep this in a safe place, with access to the seed you can re-create the account.": ".قيمة البذرة السرية لهذا الحساب.  تأكد من الاحتفاظ بهذا في مكان آمن، مع الوصول إلى البذرة يمكنك إعادة إنشاء الحساب",
+  "The seed and derivation path will be submitted to the validator node. this is an advanced operation, only to be performed when you are sure of the security and connection risks.": ".سيتم إرسال البذور ومسار الاشتقاق إلى عقدة أداة التحقق. هذه عملية متقدمة، يجب تنفيذها فقط عندما تكون متأكداً من مخاطر الأمان والاتصال",
+  "The selected account to be unlocked.": "الحساب المحدد الذي سيتم إلغاء تأمينه",
+  "The selected account to perform the derivation on.": ".الحساب المحدد لإجراء الاشتقاق",
+  "The selected controller tied to this stash. Once set, this account will be able to control the actions performed by the stash account.": ".وحدة التحكم المحددة المرتبطة بهذه المخزنة.  بمجرد أن يتم الضبط، سيتمكن هذا الحساب من التحكم في الإجراءات التي يتم تنفيذها بواسطة الحساب المُخزن",
+  "The selected validators to nominate, either via the \"currently best algorithm\" or via a manual selection.": "المدققون الذين تم اختيارهم للترشيح ، إما عن طريق \"أفضل خوارزمية حاليًا\" أو عبر التحديد اليدوي",
+  "The sending account that will be used to send this transaction. Any applicable fees will be paid by this account.": ".حساب المرسل الذي سيتم استخدامه لإرسال هذه المعاملة. سيتم دفع أي رسوم مطبقة بواسطة هذا الحساب",
+  "The signatories has the ability to create transactions using the multisig and approve transactions sent by others.Once the threshold is reached with approvals, the multisig transaction is enacted on-chain.": "الموقعون لديهم القدرة على إنشاء معاملات باستخدام التوقيعات المتعددة الأطراف والموافقة على المعاملات المرسلة من قبل الآخرين. وبمجرد الوصول إلى سقف الموافقات، يتم تنفيذ المعاملة متعددة الأطراف على السلسلة",
+  "The signatory is one of the allowed accounts on the multisig, making a recorded approval for the transaction.": ".الموقع هو أحد الحسابات المسموح بها على التوقيعات المتعددة، حيث يتم الحصول على موافقة مسجلة على المعاملة",
+  "The signatory is one of the allowed accounts on the multisig. The transaction could either be the call or an approval for the hash of a call.": ".الموقع هو أحد الحسابات المسموح بها في التوقيعات المتعددة.  قد تكون المعاملة إما مكالمة أو موافقة على تجزئة المكالمة",
+  "The signatory to send the approval/cancel from": "الموقع الذي يرسل الموافقة/الإلغاء",
+  "The signature as by the account being checked, supplied as a hex-formatted string.": ".التوقيع كما هو بواسطة الحساب الجاري التحقق منه، يتم توفيره كسلسلة على هيئة ست عشرية",
+  "The specific eras on which there are unapplied slashes. For each era a separate proposal is to be made.": ".العصور الخاصة التي لا تطبق عليها خطوط مائلة.  يتعين تقديم اقتراح منفصل لكل عصر",
+  "The specified value is greater than the recommended amount. You may not be adequately protected against slashing events or have funds for future fees.": "القيمة المحددة أكبر من المبلغ الموصى به. قد لا تكون محميًا بشكل كافٍ من أحداث القطع أو لديك أموال مقابل رسوم مستقبلية",
+  "The specified value is greater than your free balance. The node will bond the maximum amount available.": ".القيمة المحددة أكبر من الرصيد الحر. ستقوم العقدة بربط الحد الأقصى للمبلغ المتوفر",
+  "The specified value is too large and does not allow funds to pay future transaction fees.": "القيمة المحددة كبيرة جدًا ولا تسمح للأموال بدفع رسوم المعاملات المستقبلية",
+  "The stash account that is used. This will allow the controller to perform all non-funds related operations on behalf of the account.": ".الحساب المُخزن المستخدم.  سيسمح ذلك للمراقب بتنفيذ جميع العمليات غير المرتبطة بالأموال بالنيابة عن الحساب",
+  "The stash and controller pair as linked. This operation will be performed via the controller.": ".زوج وحدة التحكم والتخزين على أنه متصل. سيتم تنفيذ هذه العملية عبر وحدة التحكم",
+  "The stash and controller pair, here the controller will be used to send the transaction.": "زوج وحدة التحكم والتخزين, سيتم استخدام  وحدة التحكم  هنا لإرسال المعاملة",
+  "The stash and controller pair. This transaction, managing preferences, will be sent from the controller.": ".زوج وحدة التحكم والتخزين  . سيتم إرسال هذه المعاملة، إدارة التفضيلات، من وحدة التحكم",
+  "The stash and controller pair. This transaction, setting the session keys, will be sent from the controller.": ".زوج وحدة التحكم والتخزين . سيتم إرسال هذه المعاملة، التي تقوم بتعيين مفاتيح الجلسة، من وحدة التحكم",
+  "The stash that is to be affected. The transaction will be sent from the associated controller account.": ".التخزين الذي يجب أن يتأثر. سيتم إرسال المعاملة من حساب وحدة التحكم المرتبط",
+  "The suggested value for this tip": "القيمة المقترحة  لهذه البقشيش",
+  "The threshold for approval should be less or equal to the number of signatories for this multisig.": ".ينبغي أن تكون عتبة الموافقة أقل أو مساوية لعدد الموقعين على هذا الاتفاق المتعدد الأطراف",
+  "The threshold for approvals and the delay is the protection associated with the account. The delay should be such that any colluding recovery attempts does have a window to stop.": ".الحد الأقصى للموافقات والتأخير هو الحماية المرتبطة بالحساب.  ينبغي أن يكون التأخير إلى الحد الذي يسمح لأي محاولات اختراق بعرض نافذة التوقف",
+  "The threshold for this multisig": "عتبة  الاتفاق  المتعدد الأطراف",
+  "The threshold of vouches that is to be reached for the account to be recovered.": ".عتبة  الشهادات التي يجب الوصول إليها من أجل استرداد الحساب",
+  "The tip amount that should be allocated": "مبلغ البقشيش الذي يجب تخصيصه",
+  "The total amount of the stash balance that will be at stake in any forthcoming rounds (should be less than the free amount available)": "(المبلغ الإجمالي للرصيد المتبقي الذي سيكون على المحك في أي جولات مقبلة (ينبغي أن يكون أقل من المبلغ المتاح",
+  "The total amount of the stash balance that will be at stake in any forthcoming rounds (should be less than the total amount available)": "(المبلغ الإجمالي للرصيد المتبقي الذي سيوضع على المحك في أي جولات مقبلة (ينبغي أن يكون أقل من المبلغ الإجمالي المتاح",
+  "The transferred balance will be subtracted (along with fees) from the sender account.": ".سيتم طرح الرصيد المحوَّل (مع الرسوم) من حساب المرسل",
+  "The twitter name for this identity.": ".اسم تويتر لهذه الهوية",
+  "The type of council proposal to submit.": ".نوع اقتراح المجلس الذي سيقدم",
+  "The unapplied slashed era to cancel.": ". إلغاء عصر الخطوط المائلة غير المعمول بها",
+  "The unchecked weight as specified for the sudoUncheckedWeight call.": ".الوزن غير المؤكد كما هو محدد لمكالمة سودو الغيرالمتحققة من الوزن",
+  "The value associated with this vote. The amount will be locked (not available for transfer) and used in all subsequent elections.": ".القيمة المرتبطة بهذا التصويت.  سيتم تأمين المبلغ (غير متوفر للتحويل) واستخدامه في جميع الانتخابات اللاحقة",
+  "The value is not in a valid address format": "القيمة ليست على هيئة عنوان صالح",
+  "The value is the amount that is being asked for and that will be allocated to the beneficiary if the proposal is approved.": "القيمة هي المبلغ المطلوب والذي سيتم تخصيصها للمستفيد في حالة الموافقة على المقترح",
+  "The vote to record for this proposal, either for or against.": ".التصويت على تسجيل هذا الاقتراح، إما لصالحه أو ضده",
+  "The vote will be recorded for the selected account.": ".سيتم تسجيل التصويت للحساب المحدد",
+  "The vote will be recorded for this account. If another account delegated to this one, the delegated votes will also be counted.": ".سيتم تسجيل التصويت لهذا الحساب.  وإذا تم تفويض حساب آخر لهذا الحساب، فسيتم أيضاً عد الأصوات المفوضة",
+  "The votes for the members, runner-ups and candidates. These should be ordered based on your priority.": ".الأصوات للأعضاء، النواب والمرشحين.  يجب ترتيب هذه الأمور بناءً على أولوياتك",
+  "The voting period to apply in blocks": "فترة التصويت على أن تطبق في كتل",
+  "There are no registered parachains": "لا يوجد أي  كتلة موازية مسجلة",
+  "There is currently an ongoing election for new validator candidates. As such staking operations are not permitted.": ".هناك حاليا انتخابات جارية لمرشحين جدد  من التحقق. وبالتالي، لا يُسمح بعمليات الرهان هذه",
+  "These are trusted individuals that can verify and approve any recovery actions. With recovery, once the threshold is reached, the funds associated with the account can be moved to a new destination.": ".هؤلاء أفراد موثوق بهم يمكنهم التحقق من أي إجراءات استرداد والموافقة عليها. مع الاسترداد، بمجرد الوصول إلى العتبة ،  يمكن نقل الأموال المرتبطة بالحساب إلى وجهة جديدة",
+  "Think of the stash as your cold wallet and the controller as your hot wallet. Funding operations are controlled by the stash, any other non-funding actions by the controller itself.": ".فكّر في التخزين على أنه محفظتك الباردة وفي أداة التحكم كمحفظتك الساخنة. عمليات التمويل خاضعة للرقابة من طرف المُخزن، وأي إجراءات أخرى غير التمويل يتم مراقبتها من المراقب ذاته",
+  "This Ethereum address does not have a claim.": "لا يشتمل عنوان إيثيروم هذا على المطالبة",
+  "This account has a governance delegation": "هذا الحساب لديه تفويض حوكمة",
+  "This account has {{proxyNumber}} proxy set.": "{{proxyNumber}} يحتوي هذا الحساب على مجموعة وكيل",
+  "This account is recoverable, with the following friends:": ":يمكن استرداد هذا الحساب مع الأصدقاء التاليين",
+  "This account that will perform the message signing.": ".هذا الحساب الذي سيقوم بتوقيع الرسالة",
+  "This account will appear in the list of candidates. With enough votes in an election, it will become either a runner-up or a council member.": ".سيظهر هذا الحساب في قائمة المرشحين.  وبالعدد الكافي من الأصوات في الانتخابات، فإنها سوف تصبح إما نائباً أو عضواً في المجلس",
+  "This account will be use to approve each candidate.": ".سيتم استخدام هذا الحساب للموافقة على كل مرشح",
+  "This account will make the proposal and be responsible for the bond.": "سيقدم هذا الحساب الاقتراح وسيكون مسؤولاً عن السند",
+  "This account will pay the fees for the preimage, based on the size thereof.": ".سيدفع هذا الحساب رسوم الصورة الأولية، بناءً على حجمها",
+  "This could either be an approval for the hash or with full call details. The call as last approval triggers execution.": ".قد يكون ذلك إما موافقة على التجزئة أو مع تفاصيل المكالمة الكاملة. تؤدي المكالمة كآخر موافقة إلى مباشرة التنفيذ",
+  "This external account cannot be used to sign data. Only Limited support is currently available for signing from any non-internal accounts.": ".لا يمكن استخدام هذا الحساب الخارجي لتوقيع البيانات.  يتوفر الدعم المحدود فقط حاليًا للتوقيع من أي حسابات غير داخلية",
+  "This injected account cannot be used to sign data since the extension does not support raw signing.": ".لا يمكن استخدام ضخ هذا الحساب لتوقيع البيانات نظرًا لأن الملحق لا يدعم التوقيع الأولي",
+  "This is not a valid JSON object.": ".هذا ليس موضوع جسون صالح",
+  "This operation does not impact the associated on-chain code or any of its contracts.": ".لا تؤثر هذه العملية على رمز السلسلة المرتبط بها أو أي من عقوده",
+  "This operation does not remove the history of the account from the chain, nor any associated funds from the account. The forget operation only limits your access to the account on this browser.": ".لا تؤدي هذه العملية إلى إزالة محفوظات الحساب من السلسلة، ولا أي أموال مرتبطة من الحساب.  إن عملية النسيان تحد من وصولك إلى الحساب على هذا المتصفح  فقط",
+  "This operation does not remove the history of the account from the chain, nor any associated funds from the account. The forget operation only limits your access to the address on this browser.": ".لا تؤدي هذه العملية إلى إزالة محفوظات الحساب من السلسلة، ولا أي أموال مرتبطة من الحساب.  إن عملية النسيان تحد من وصولك إلى العنوان على هذا المتصفح  فقط",
+  "This operation does not remove the history of the contract from the chain, nor any associated funds from its account. The forget operation only limits your access to the contract on this browser.": ".لا تؤدي هذه العملية إلى إزالة محفوظات الحساب من السلسلة، ولا أي أموال مرتبطة من الحساب.  إن عملية النسيان تحد من وصولك إلى العقد على هذا المتصفح  فقط",
+  "This operation does not remove the uploaded code WASM and ABI from the chain, nor any deployed contracts. The forget operation only limits your access to the code on this browser.": ".لا تؤدي هذه العملية إلى إزالة الرمز واسم وكذا  واجهة التطبيق الثنائية المحمّلين من السلسلة، ولا إلى أي عقود تم نشرها.  إن عملية النسيان تحد من وصولك إلى الرمز على هذا المتصفح فقط",
+  "This operation will submit the seed via an RPC call. Do not perform this operation on a public RPC node, but ensure that the node is local, connected to your validator and secure.": ".ستسلم هذه العملية البذورعبراستدعاء إجراء مكالمة عن بُعد. لا تقم بإجراء هذه العملية على عقدة استدعاء إجراء عن بُعدعامة، ولكن تأكد من أن العقدة محلية ومتصلة بالمتحقق وأمنة",
+  "This password is used to encrypt your private key. It must be strong and unique! You will need it to sign transactions with this account. You can recover this account using this password together with the backup file (generated in the next step).": "يتم استخدام كلمة المرور هذه لتشفير المفتاح الخاص بك. يجب أن يكون قوياً وفريدا! ستحتاج إليه لتوقيع المعاملات في هذا الحساب. يمكنك استرداد هذا الحساب باستخدام كلمة المرور هذه مع ملف النسخ الاحتياطي (الذي سيتم إنشاؤه في الخطوة التالية)",
+  "This poll is setup to judge the sentiment of the Polkadot token holders in adjusting the number of decimals that is used to identify one full DOT. It does not change the overall supply, but rather just allows for a different representation of the current supply.": "تم إعداد هذا الاستطلاع للحكم على معنويات حاملي الرمز المميز بلكدوت في تعديل عدد الكسور العشرية المستخدمة لتحديد نقطة واحدة كاملة. لا يغير العرض الكلي ، ولكنه يسمح فقط بتمثيل مختلف للعرض الحالي",
+  "This pubic key is what will be visible in your queued keys list. It is generated based on the seed and the crypto used.": ".هذا المفتاح العام هو ما سيكون مرئياً في قائمة مفاتيح قائمة الانتظار.  يتم إنشاؤه استنادًا إلى البذرة والتشفرة المستخدمة",
+  "This vote does not affect any economics of the Polkadot platform. Staking rewards, inflation, effective market capitalisation and the underlying balances of every account remain completely unchanged. It is \"merely\" about what units we use to denominate the balances into \"DOT\" for the purpose of display.": "لا يؤثر هذا التصويت على أي اقتصاديات لمنصة بلكدوت. التوقيع على المكافآت والتضخم ورسملة السوق الفعالة والأرصدة الأساسية لكل حساب تظل دون تغيير تمامًا. يتعلق الأمر \"فقط\" بالوحدات التي نستخدمها لتقسيم الأرصدة إلى \"دوت\" لغرض العرض",
+  "This will apply to any future use of this account as stored on this browser. Ensure that you securely store this new password and that it is strong and unique to the account.": ".ينطبق هذا على أي استخدام مستقبلي لهذا الحساب كما هو مخزن على هذا المتصفح.  تأكد من تخزين كلمة المرور الجديدة هذه بأمان و أنها قوية وفريدة لهذا الحساب",
+  "Tip": "بقشيش",
+  "Tip (optional)": "(بقشيش (إختياري",
+  "Tippers ({{count}})": "({{معطيين البقشيش ({{احسب",
+  "To council": "إلى المجلس",
+  "To ensure optimal fund security using the same stash/controller is strongly discouraged, but not forbidden.": ".لضمان الحصول على أفضل أمن للتمويل باستخدام نفس وحدة التحكم/وحدة التخزين، يتم تثبيط هذا الأمان بشدة، ولكنه لا يمنع استخدامه",
+  "Transfer": "تحويل",
+  "Translate": "ترجم",
+  "Treasury overview": "نظرة عامة على الخزينة",
+  "Type here what you would like your address to contain. This tool will generate the keys and show the associated addresses that best match your search. You can use \"?\" as a wildcard for a character.": "اكتب هنا ما تريد أن يحتوي عليه عنوانك. ستقوم هذه الأداة بإنشاء المفاتيح وإظهار العناوين المرتبطة التي تتطابق مع بحثك على أفضل نحو. يمكنك استخدام \"؟\" كحرف بدل للشخصية",
+  "Type the amount you want to transfer. Note that you can select the unit on the right e.g sending 1 milli is equivalent to sending 0.001.": "اكتب المبلغ الذي تريد تحويله.  لاحظ أنه يمكنك تحديد الوحدة على اليمين، على سبيل المثال، إرسال 1 ميلي يعادل إرسال 0.001",
+  "Type the name of this Asset. This name will be used across all the apps. It can be edited later on.": ".اكتب اسم هذا الأصل. سيتم استخدام هذا الاسم في كل التطبيقات. يمكن تغييره لاحقًا",
+  "Type the name of your contact. This name will be used across all the apps. It can be edited later on.": ".اكتب اسم جهة الاتصال.  سيتم استخدام هذا الاسم في كل التطبيقات. يمكن تغييره لاحقًا",
+  "Type the password chosen at the account creation. It was used to encrypt your account's private key in the backup file.": ".اكتب كلمة المرور التي تم اختيارها عند إنشاء الحساب.  تم استخدامها لتشفير المفتاح الخاص لحسابك في ملف النسخ الاحتياطي",
+  "Unable to find deployed contract code at the specified address": ".يتعذر العثور على رمز العقد الذي تم نشره على العنوان المحدد",
+  "Unable to find on-chain WASM code for the supplied codeHash": ".يتعذر العثور على كود واسم على السلسلة لرمز وحدة التحكم عن بعد المقدم",
+  "Unbid": "إلغاء العرض",
+  "Unbond": "إلغاء الربط",
+  "Unbond funds": "إلغاء الربط الأموال",
+  "Unbonding {{value}}": "،{{إلغاء الربط {{قيمة",
+  "Uncaught error. Something went wrong with the query and rendering of this component. {{message}}": "{{خطأ غير مسلط. حدث خطأ ما في الاستعلام عن هذا المكون وتصويله. {{رسالة",
+  "Undelegate": "إلغاء التفويض",
+  "Unit": "وحدة",
+  "Unit decides the name of 1 unit token, e.g. \"DOT\" for Polkadot": "الوحدة تقرر اسم واحد للرمز المميز للوحدة، مثل \"دوت\" لـبولكادوت",
+  "Unknown": "غير معروف",
+  "Unlock": "فتح",
+  "Unlock account": "إلغاء قفل الحساب",
+  "Unlock the account for signing. Once active the signature will be generated based on the content provided.": ".قم بإلغاء قفل الحساب للتوقيع.  بمجرد تنشيط التوقيع، سيتم إنشاؤه استنادًا إلى المحتوى المقدم",
+  "Unlock the sending account to allow signing of this transaction.": ".قم بإلغاء قفل حساب الإرسال للسماح بتوقيع هذه المعاملة",
+  "Unlock vested amount": "فتح المبلغ المكتسب",
+  "Upcoming events": "الأحداث المقبلة",
+  "Update metadata": "تحديث بيانات التعريف",
+  "Updated in the latest block": "تم التحديث في  الكتلة الأخيرة",
+  "Upload": "تحميل",
+  "Upload WASM": "WASM تحميل",
+  "Use a proxy for this call": "إستخدام بروكسي لهذا الاتصال",
+  "Use an automatic selection of the currently most profitable validators": "استخدم مجموعة مختارة تلقائية من أدوات التحقق الأكثر ربحًا حاليًا",
+  "Use this account to request the tip from. This can be a normal or council account.": "استخدم هذا الحساب لطلب البقشيش  منه. قد يكون هذا حسابًا طبيعيًا أو حسابًا في المجلس",
+  "Validate": "التحقق من الصحة",
+  "Validator": "المتحقق",
+  "Validator stats": "إحصائيات التحقق",
+  "Vanity generator": "مولد الزهو",
+  "Verify signature": "تدقيق التوقيع",
+  "Verify the password entered above.": ".تحقق من كلمة المرور التي تم إدخالها أعلاه",
+  "View this externally": "اعرض هذا خارجيًا",
+  "Vote": "تصويت",
+  "Vote Aye": "صوت نعم",
+  "Vote Nay": "صوت لا",
+  "Vote for candidate": "صوّت على المرشح",
+  "Vote for current candidates": ".صوت للمرشحين الحاليين",
+  "Vote for defender": "صوّت لصالح مدافع",
+  "Vote on proposal": "التصويت على الاقتراح",
+  "Voting closed": "التصويت مقفل",
+  "Voting costs nothing other than the transaction fee and can be done from all accounts with a non-zero spendable balance.": "لا يكلف التصويت سوى رسوم المعاملات ويمكن إجراؤه من جميع الحسابات التي لا تحتوي على رصيد يمكن إنفاقه بصفر",
+  "Voting ends for referendum {{id}}": "نهاية مهلة التصويت للإستفاء {{id}}",
+  "Voting ends on council motion {{id}}": "نهاية مهلة التصويت لإقتراح المجلس {{id}}",
+  "Voting is made on a per-account basis; a single account must all vote the same way and cannot split its vote.": "يتم التصويت على أساس كل حساب ؛ يجب أن يصوت كل حساب بنفس الطريقة ولا يمكن تقسيمه",
+  "Waiting": "في الإنتطار",
+  "Waiting for authorization from the extension. Please open the installed extension and approve or reject access.": ". في انتظار تفويض من التمديد.  يرجى فتح الامتداد المثبت والموافقة على الوصول أو رفضه",
+  "Waiting nominations ({{count}})": "({{بانتظار الترشيحات ({{عد",
+  "Warning: we did not find any attest statement for {{chain}}": "{{تحذير: لم نعثر على أي بيان يشهد لـهذه {{السلسلة",
+  "We found a pre-claim with this Polkadot address. However, attesting requires signing with this account. To continue with attesting, please add this account as an owned account first.": ".وجدنا مطالبة مسبقة بعنوان بولكدوت هذا. ومع ذلك، تتطلب المصادقة التوقيع باستخدام هذا الحساب.  لمتابعة عملية التحقق، يرجى إضافة هذا الحساب كحساب مملوك أولاً",
+  "We will provide you with a generated backup file after your account is created. As long as you have access to your account you can always download this file later by clicking on \"Backup\" button from the Accounts section.": "سنوفر لك ملف نسخ احتياطي تم إنشاؤه بعد إنشاء حسابك. طالما لديك حق الوصول إلى حسابك ، يمكنك دائمًا تنزيل هذا الملف لاحقًا بالنقر فوق الزر \"نسخ احتياطي\" من قسم الحسابات",
+  "When submitting a proposal the hash needs to be known. Proposals can be submitted with hash-only, but upon dispatch the preimage needs to be available.": ".عند تقديم الاقتراح، يجب معرفة التجزئة. يمكن تقديم المقترحات بتجزئة فقط، ولكن عند إرسالها يلزم أن تكون الصورة الأولية متاحة",
+  "Withdraw these unbonded funds": "اسحب هذه الأموال غير المربوطة",
+  "Withdraw unbonded funds": "سحب الأموال غير المربوطة",
+  "Yes": "نعم",
+  "You are about to remove this account from your list of available accounts. Once completed, should you need to access it again, you will have to re-create the account either via seed or via a backup file.": ".أنت على وشك إزالة هذا الحساب من قائمة الحسابات المتوفرة لديك. بمجرد الانتهاء، إذا كنت بحاجة إلى الوصول إليه مرة أخرى، فسوف تضطر إلى إعادة إنشاء الحساب إما عبرالبذرة أو عبر ملف نسخ احتياطي",
+  "You are about to remove this address from your address book. Once completed, should you need to access it again, you will have to re-add the address.": ".أنت على وشك إزالة هذا العنوان من دفتر العناوين.  بمجرد الانتهاء، إذا كنت بحاجة إلى الوصول إليه مرة أخرى، فسوف تضطر إلى إعادة إضافة العنوان",
+  "You are about to remove this code from your list of available code hashes. Once completed, should you need to access it again, you will have to manually add the code hash again.": ".أنت على وشك إزالة هذا الرمز من قائمة أجزاء الرموز المتوفرة لديك.  بمجرد الانتهاء، إذا كنت بحاجة إلى الوصول إليه مجددا، فسوف تضطر إلى إضافة تجزئة الرمز يدويًا مرة أخرى",
+  "You are about to remove this code's ABI. Once completed, should you need to access it again, you will have to manually re-upload it.": ".أنت على وشك إزالة  واجهة التطبيق الثنائية  لهذا الرمز. بمجرد الانتهاء، إذا كنت بحاجة إلى الوصول إليه مرة أخرى، فسيتوجب عليك إعادة تحميله يدويًا",
+  "You are about to remove this contract from your list of available contracts. Once completed, should you need to access it again, you will have to manually add the contract's address in the Instantiate tab.": ".أنت على وشك إزالة هذا العقد من قائمة العقود المتوفرة لديك.  بمجرد الانتهاء، إذا كنت بحاجة إلى الوصول إليه مرة أخرى، فسوف تضطر إلى إضافة عنوان العقد يدويًا في علامة التبويب",
+  "You are connecting from a secure location to an insecure WebSocket ({{wsUrl}}). Due to browser mixed-content security policies this connection type is not allowed. Change the RPC service to a secure 'wss' endpoint.": ".  امن كنقطة نهاية 'wss'أنت متصل من مكان امن بويب'سوكت (دابليوإس يو ار إل) غير امن. بسبب سياسات الحماية للمتصفح متعدد المحتوى فإن هذا النوع من الإرتباط غير مسموح به. غيرخدمة ''استدعاء الإجراء عن بُعد'' إلى",
+  "You are not connected to a node. Ensure that your node is running and that the Websocket endpoint is reachable.": ".أنت لست مرتبط بعقدة. تأكد أن العقدة جارية  وأن نقطة النهاية  لويب'سوكت موصولة",
+  "You are using an ABI with an outdated format. Please generate a new one.": ".أنت تستخدم واجهة التطبيق الثنائية بفورما قديمة.  يرجى إنشاء واحدة جديدة",
+  "You are voting with this collective's prime account. The vote will be the default outcome in case of any abstentions.": ".أنت مصوت بحساب الجمعية الأساسي هذا.  سوف يكون التصويت النتيجة التلقائية في حالة امتناع أي عضو عن التصويت",
+  "You can indicate your vote for any combination of the options laid out below.": "يمكنك الإشارة إلى تصويتك لأي مجموعة من الخيارات الموضحة أدناه",
+  "You can set a custom derivation path for this account using the following syntax \"/<soft-key>//<hard-key>///<password>\". The \"/<soft-key>\" and \"//<hard-key>\" may be repeated and mixed`. The \"///password\" is optional and should only occur once.": "يمكنك تعيين مسار اشتقاق مخصص لهذا الحساب باستخدام بناء الجملة التالي \"/ <مفتاح لين> // <مفتاح صعب> /// <كلمة مرور>\". يمكن تكرار \"/ <مفتاح لين>\" و \"// <مفتاح صعب>\" وخلطهما. كلمة المرور /// اختيارية ويجب أن تحدث مرة واحدة فقط",
+  "You do not have access to the current sudo key": "ليس لديك حق الوصول إلى مفتاح سودو الحالي",
+  "You don't have any accounts. Some features are currently hidden and will only become available once you have accounts.": ".ليس لديك أي حساب. بعض الميزات محجوبة عنك الان و ستكون متاحة عندما تنشأ حسابا",
+  "You have {{claimCount}} accounts that need attestations. Use the Claim Tokens app on the navigation bar to complete the process. Until you do, your balances for those accounts will not be reflected.": ".لديك {{مطالبة بعدد}} من الحسابات التي تحتاج إلى شهادات. استخدم تطبيق علامات المطالبة على شريط التنقل الأيسر لإكمال العملية. وإلى أن تفعل ذلك، لن تنعكس الأرصدة الخاصة بك لهذه الحسابات",
+  "You need to sign an attestation for the following account:": ":يجب أن توقع شهادة للحساب التالي",
+  "You need to sign an attestation for the following accounts:": ":يجب أن توقع شهادة للحسابات التالية",
+  "You need to unlock this account to be able to sign data.": ".يجب إلغاء قفل هذا الحساب لتتمكن من توقيع البيانات",
+  "You will no longer have sudo access": "لن يكون لديك حق الوصول إلى إذن الدخول سودو",
+  "You will remove any delegation made by this acccount": "ستقوم بإزالة أي تفويض قام به هذا الحساب",
+  "Your Ethereum account": "حساب إيثيريوم الخاص بك",
+  "Your candidate/bid account. Once accepted this account will become a member.": "حساب المزايدة / المرشح الخاص بك. بمجرد قبول هذا الحساب سيصبح عضوا",
+  "Your close will be applied for this council account.": "سيتم تطبيق إغلاقك على حساب المجلس هذا",
+  "Your custom types have been added": "تمت إضافة الأنواع المخصصة لك",
+  "Your endorsement will be applied for this account.": "سيتم تطبيق موافقتك على هذا الحساب.",
+  "Your stash account. The transaction will be sent from the associated controller.": ".حسابك المُخزن . سيتم إرسال المعاملة من المراقب المرتبط",
+  "a riot name linked to this identity": "اسم شغب مرتبط بهذه الهوية",
+  "account": "حساب",
+  "account forgotten": "نسي الحساب",
+  "account restored": "تم استرداد الحساب",
+  "accounts": "الحسابات",
+  "activate": "تفعيل",
+  "added proxy": "تم إضافة بروكسي",
+  "additional bonded funds": "أموال مرتبطة إضافية",
+  "address": "العنوان",
+  "address copied": "تم نسخ العنوان",
+  "address created": "تم إنشاء العنوان",
+  "address edited": "تم تغيير العنوان",
+  "address forgotten": "\"تم نسيان العنوان",
+  "address prefix": "بادئة العنوان",
+  "address {{index}}": "{{index}} العنوان",
+  "amount": "المبلغ",
+  "amount to use for estimation": "المبلغ الذي يجب استخدامه للتقدير",
+  "approval type": "نوع الاعتماد",
+  "approved": "موافق عليه",
+  "asset id": "تعريف الأصل",
+  "auto-selected targets for nomination": "أهداف محددة تلقائيًا للترشيح",
+  "available": "متوفر",
+  "available signatories": "الموقعون المتاحين",
+  "available social recovery helpers": "مساعدو الإسترداد الاجتماعي المتاحين",
+  "available to be unlocked": "متاح لإلغاء القفل",
+  "average": "معدل",
+  "aye": "نعم",
+  "aye: bool": "نعم : بول",
+  "backing": "دعم",
+  "backup file": "ملف النسخ الاحتياطي",
+  "balance": "رصيد حساب",
+  "balances": "أرصدة",
+  "beneficiary": "المستفيد",
+  "best": "أفضل",
+  "best #": "# أفضل",
+  "best block": "أفضل كتلة",
+  "best hash": "أفضل تجزئة",
+  "bid account": "حساب المزايدة",
+  "bid amount": "قيمة المزايدة",
+  "bids": "المزايدات",
+  "block hash or number to query": "كتلة التجزئة أو رقم الاستعلام",
+  "blocks": "كتل",
+  "bond": "السند",
+  "bonded": "مضمون بسندات",
+  "calculated storage fee": "رسوم التخزين المحسوبة",
+  "call data for final approval": "بيانات الاتصال للحصول على الموافقة النهائية",
+  "call from account": "اتصل من الحساب",
+  "call the selected endpoint": "الاتصال بنقطة النهاية المحددة",
+  "candidacy bond": "سند ترشيحي",
+  "candidate account": "حساب المرشح",
+  "candidate accounts": "حسابات المرشحين",
+  "candidates": "المرشحين",
+  "case sensitive": "مهتم لحالة الأحرف",
+  "challenge": "تحدي",
+  "claim to account": "مطالبة للحساب",
+  "click to copy": "انقر للنسخ",
+  "click to select or drag and drop a JSON ABI file": "انقر لتحديد أو سحب وإسقط واجهة التطبيق الثنائية  لملف ج.سون",
+  "click to select or drag and drop the file here": "انقر لتحديد الملف أو سحبه وإفلاته هنا",
+  "clipboard": "الحافظة",
+  "code": "كود",
+  "code for this contract": "رمز لهذا العقد",
+  "code hash": "تجزئة الرمز",
+  "comm.": "الاتصالات",
+  "commission": "عمولة",
+  "compiled contract WASM": "WASM تم تجميع العقد",
+  "connected peers": "النظراء المتصلون",
+  "contacts": "جهات الاتصال",
+  "contract address": "عنوان العقد",
+  "contract to use": "عقد للاستخدام",
+  "controller": "مراقب",
+  "controller account": "حساب المراقب",
+  "conviction": "قناعة",
+  "conviction: Conviction": "قناعة : قناعة",
+  "copied": "نسخ",
+  "council candidates": "مرشحو المجلس",
+  "council proposal": "اقتراح المجلس",
+  "council proposal type": "نوع اقتراح المجلس",
+  "count": "العد",
+  "created account": "حساب منشأ",
+  "created multisig": "منشأ متعدد الأطراف",
+  "crypto type to use": "نوع التشفيرة للاستخدام",
+  "custom endpoint": "نقطة نهاية مخصصة",
+  "data": "بيانات",
+  "default icon theme": "سمة الرمز التلقائية",
+  "default interface language": "لغة الواجهة التلقائية",
+  "defender": "مدافع",
+  "delay": "تأخير",
+  "delegate democracy vote": "مندوب الديمقراطية التصويت",
+  "delegated account": "حساب مفوض",
+  "delegating account": "تفويض الحساب",
+  "delegating amount": "تفويض المبلغ",
+  "delegation": "وفد",
+  "democracy": "ديمقراطية",
+  "democracy vote delegation": "وفد تصويت الديمقراطية",
+  "denomination vote": "التصويت المذهبي",
+  "deploy": "نشر",
+  "deployment account": "حساب النشر",
+  "deployment constructor": "منشئ النشر",
+  "deposit": "الإيداع",
+  "derivation path": "مسار التخميل",
+  "derive root account": "شتقاق جذرالحساب",
+  "design samples": "عينات التصميم",
+  "details": "تفاصيل",
+  "development seed": "بذرة التنمية",
+  "dispatch queue": "قائمة انتظار الإرسال",
+  "display name": "الإسم المعروض",
+  "do not include empty strings in the generated file": "لا تقم بتضمين سلاسل فارغة في الملف الذي تم إنشاؤه",
+  "does not appear to have a valid claim. Please double check that you have signed the transaction correctly on the correct ETH account.": ".لا يبدو أن لديك مطالبة صالحة.  يرجى التحقق من أنك وقعت المعاملة بشكل صحيح على حساب إيثيريوم المناسب",
+  "ed25519, Edwards": "ed25519، إدواردز",
+  "elected stake": "حصة منتخبة",
+  "email": "الايميل",
+  "enact": "يسن قانون",
+  "endowment": "الهبة",
+  "epoch": "حقبة",
+  "era": "عصر",
+  "era points": "نقاط العصر",
+  "era {{era}}, {{count}} slashes": "عصر{{عصر}}،  {{عد}} خطوط مائلة",
+  "eras": "عصور",
+  "events": "أحداث",
+  "everything": "كل شيء",
+  "everything{{labelPost}}": "{{label Post}}كل شيء",
+  "exclude option": "إخراج الإختيار",
+  "exclude value": "القيمة المستبعدة",
+  "execute": "تنفيذ",
+  "existential deposit": "الإيداع  الموجود",
+  "external": "خارجي",
+  "extrinsic hash": "تجزئة خارجية",
+  "extrinsics": "مهام خارجية",
+  "fee": "الرسوم",
+  "file upload": "تحميل الملف",
+  "filter by name or tags": "التصفية حسب الاسم أو العلامات",
+  "filter by name, address or index": "التصفية حسب الاسم أو العنوان أو المؤشر",
+  "filter by name, address, or account index": "التصفية حسب الاسم أو العنوان أو مؤشر الحساب",
+  "finalized": "تم ختمها",
+  "finder": "مكتشف",
+  "forks": "تقاطعات",
+  "free balance": "رصيد مجاني",
+  "from the following data": "من البيانات التالية",
+  "generated public key": "المفتاح العلني المنشأ",
+  "has a valid claim for": "لديك مطالبة صالحة لـ",
+  "hash": "تجزئة",
+  "heads": "رؤساء",
+  "hex input data": "بيانات الإدخال السداسي عشري",
+  "hex-encoded storage key": "مفتاح تخزين مشفر سداسي",
+  "https://example.com": "https://مثال.com",
+  "identity": "الهوية",
+  "imminent preimage (proposal already passed)": "(صورة أولية وشيكة (تم تمرير الاقتراح بالفعل",
+  "immortal": "خالد",
+  "include all empty strings in the generated file": "تضمين كافة السلاسل الفارغة في الملف الذي تم إنشاؤه",
+  "include field": "تضمين الحقل",
+  "include option": "تضمين الإختيار",
+  "include value": "القيمة المضمنة",
+  "index": "مؤشر",
+  "initial head state": "حالة الرأس الأولية",
+  "intentions": "نوايا",
+  "interface operation mode": "وضع تشغيل الواجهة",
+  "invalid ABI file selected": "تم تحديد ملف لواجهة التطبيق الثنائية غير صالح",
+  "invalid/unknown registrar account": "حساب مسجل غير صالح\\غير معروف",
+  "judgement": "الحكم",
+  "key type to set": "نوع المفتاح الذي تريد تعيينه",
+  "keypair crypto type": "نوع تشفير ثنائي المفتاح",
+  "kind": "نوع",
+  "last #": "أخير#",
+  "last block": "الكتلة الأخيرة",
+  "last reward": "المكافأة الأخيرة",
+  "launch period": "فترة الإطلاق",
+  "legal name": "الإسم القانوني",
+  "lifetime": "مدى الحياة",
+  "lng.detect": "(لغة المتصفح الافتراضية (الكشف التلقائي",
+  "lock expired": "انتهت صلاحية القفل",
+  "locked": "مقفل",
+  "locked balance": "الرصيد المقفول",
+  "logs": "سجلات",
+  "manage hardware connections": "إدارة اتصالات الأجهزة",
+  "matches": "مطابقات",
+  "maximum gas allowed": "الحد الأقصى المسموح  به  للغاز",
+  "members": "أعضاء",
+  "message to send": "رسالة للإرسال",
+  "minimum bond": "الحد الأدنى للسند",
+  "minimum deposit": "الحد الأدنى للإيداع",
+  "mnemonic seed": "بذرة ذاكرية",
+  "mortal, valid from #{{startAt}} to #{{endsAt}}": "{{خالد، صالح من #{{بداية ب}} إلى#{{نهاية ب",
+  "motions": "التماسات",
+  "multisig": "متعدد التوقيعات",
+  "multisig call data": "بيانات مكالمات متعددة الأطراف",
+  "multisig name": "اسم متعدد التوقيعات",
+  "multisig signatory": "الموقع المتعدد الأطراف",
+  "my ordered votes": "أصواتي التي أمرت بها",
+  "name": "إسم",
+  "nav.accounts": "حسابات",
+  "nav.claims": "المطالبة العملة الرمزية",
+  "nav.contracts": "عقود",
+  "nav.council": "مجلس",
+  "nav.dashboard": "لوحة القيادة",
+  "nav.democracy": "الديمقراطية",
+  "nav.explorer": "مستكشف",
+  "nav.extrinsics": "العوامل الخارجية",
+  "nav.generic-asset": "أصل عام",
+  "nav.github": "غيتهوب",
+  "nav.i18n": "I18n مترجم",
+  "nav.js": "جافا سكريبت",
+  "nav.parachains": "السلاسل الموازية",
+  "nav.rpc": "استدعاء إجراء مكالمة عن بُعد",
+  "nav.settings": "الإعدادات",
+  "nav.society": "المجتمع",
+  "nav.staking": "الرهان",
+  "nav.storage": "حالة السلسلة",
+  "nav.sudo": "سودو",
+  "nav.tech-comm": "تقنية. كوم.",
+  "nav.toolbox": "مربع الأدوات",
+  "nav.transfer": "تحويل",
+  "nav.treasury": "الخزينة",
+  "nav.wiki": "ويكي",
+  "nay": "كلا",
+  "new account": "حساب جديد",
+  "new address": "عنوان جديد",
+  "next": "التالي",
+  "next id": "التعريف التالي",
+  "no": "لا",
+  "no accounts yet, create or import an existing": "لا توجد حسابات بعد، قم بإنشاء أو استيراد حساب موجود",
+  "no addresses saved yet, add any existing address": "لا توجد عناوين محفوظة بعد، أضف أي عنوان موجود",
+  "no messages": "لا رسائل",
+  "no peers connected": "لا يوجد نظراء متصلين",
+  "no tags": "لا توجد علامات",
+  "no unapplied slashes found": "لم يتم العثور على أي  خطوط  مائلة غير مطبقة",
+  "nominated accounts": "الحسابات المرشحة",
+  "nominators": "مرشحين",
+  "not signed": "لم يوقع",
+  "on-chain bonding duration": "مدة الربط على السلسلة",
+  "ongoing referendum": "الاستفتاء الجاري",
+  "only elected": "الاقتصار على المنتخبين",
+  "only query most recent {{partialEras}} of {{historyDepth}} eras": "الاستعلام فقط عن أحدث {{عصور جزئية}} من {{عمق التاريخ}}",
+  "only this network": "فقط هذه الشبكة",
+  "only with an identity": "فقط مع هوية",
+  "origin": "أصل",
+  "other stake": "حصة أخرى",
+  "our best": "أفضل ما لدينا",
+  "own stake": "حصّة خاصة",
+  "parachain id": "تعريف الكتلة موازية",
+  "parachains": "الكتل  الموازية",
+  "parent": "أصل",
+  "password": "كلمة مرور",
+  "password (repeat)": "(كلمة مرور ( إعادة",
+  "payment": "دفع",
+  "payment destination": "مكان دفع التعويض",
+  "payout stakers for (multiple)": "دفع التعويضات لأصحاب الحصص ل(متعدد)",
+  "payout stakers for (single)": "(دفع التعويضات لأصحاب الحصص لـ (مفرد",
+  "payout/stash": "الدفع/تخزين",
+  "payout/validator": "الدفع/المتحقق",
+  "peer best": "أفضل نظير",
+  "pending extrinsics": "في انتظار مهام خارجية",
+  "pending hashes": "أجزاء معلقة",
+  "pending swap id": "تعريف التبديل المعلّق",
+  "period": "فترة",
+  "points": "نقاط",
+  "poll on token decimals": "استطلاع للرقم العشري",
+  "pot": "وعاء المزايدات",
+  "preimage hash": "تجزئة الصورة الأصلية",
+  "preimage {{hash}}": "ما قبل الصورة {{تجزئة}}",
+  "prev": "سابق",
+  "prime member": "عضو رئيسي",
+  "prime voter": "الناخب الرئيسي",
+  "priority {{index}}": "{{الأولوية {{مؤشر",
+  "profit/era": "الربح/العصر",
+  "profit/era est": "est الربح/العصر",
+  "proposal": "اقتراح",
+  "proposal bond": "اقتراح السند",
+  "proposal hash": "اقتراح التجزئة",
+  "proposals": "اقتراحات",
+  "propose": "اقترح",
+  "propose from account": "اقتراح من الحساب",
+  "proposed by": "مقترح من",
+  "proposer": "مقدم الإقتراح",
+  "proxied account": "حساب بالبروكسي",
+  "proxied name": "اسم بالوكالة",
+  "proxy account": "حساب بروكسي",
+  "queued tx": "معاملة في قائمة الانتظار",
+  "reason": "سبب",
+  "recent blocks": "الكتل الأخيرة",
+  "recent events": "الأحداث الأخيرة",
+  "recover this account": "قم باسترداد هذا الحساب",
+  "recovery block delay": "تأخير كتلة الاسترداد",
+  "recovery threshold": "استرداد الحد الأقصى",
+  "redeemable": "قابلة للاسترداد",
+  "referenda": "الاستفتاءات",
+  "refresh in": "يتم التحديث في",
+  "registrar account": "حساب مسجل",
+  "registrar index": "مؤشر مسجل",
+  "relay dispatch queue": "ترحيل  إرسال قائمة الانتظار",
+  "remaining": "المتبقي",
+  "remote node/endpoint to connect to": "عقدةعن بعد/نقطة نهاية للاتصال بها",
+  "request payout from": "طلب الدفع من",
+  "reserved": "محجوز",
+  "reward commission percentage": "نسبة عمولة المكافأة",
+  "rewards": "المكافآت",
+  "rewards & slashes": "المكافآت والخطوط المائلة",
+  "riot": "شغب",
+  "riot name": "إسم  شغب",
+  "role": "دور",
+  "rotation": "تناوب",
+  "runners up": "المتسابق الثاني في السباق",
+  "scheduled": "المقرر",
+  "scheduling": "الجدولة",
+  "seats": "مقاعد",
+  "second with account": "الثانية مع الحساب",
+  "secret": "سري",
+  "secret derivation path": "مسار تخميل سري",
+  "seed (hex or string)": "(بذرة (سداسية أو سلسلة",
+  "select the account you wish to sign data with": "حدد الحساب الذي تريد توقيع البحدد الحساب الذي تريد توقيع البيانات منه",
+  "selected constant query": "استعلام ثابت محدد",
+  "selected signatories": "الموقعون المختارون",
+  "selected state query": "استعلام الحالة المحدد",
+  "selected validators": "المتحققين المحددون",
+  "send": "أرسل",
+  "send as RPC call": "إرسال كمكالمة إجراء عن بُعد",
+  "send as transaction": "إرسال كمعاملة",
+  "send from account": "أرسل من حساب",
+  "send to address": "أرسل  إلى عنوان",
+  "sending account": "جارٍ إرسال الحساب",
+  "sending from my account": "إرسال من حسابي",
+  "session": "دورة",
+  "session keys": "\"مفاتيح الجلسات",
+  "session next": "الجلسة التالية",
+  "sign data from account": "قم بتوقيع البيانات من الحساب",
+  "sign the following data": "قم بتوقيع البيانات التالية",
+  "signatories": "الموقعون",
+  "signatory": "الموقع",
+  "signature crypto type": "نوع التشفير الخاص بالتوقيع",
+  "signature of supplied data": "توقيع البيانات المقدمة",
+  "signer": "موقع",
+  "society head": "رئيس المجتمع",
+  "somebody@example.com": ".comشخص@مثلا",
+  "spend period": "فترة الإنفاق",
+  "sr15519, Schnorrkel": "sr15519، سنوركل",
+  "ss58.centrifuge": "(جهاز الطرد المركزي (مباشر",
+  "ss58.default": "التلقائي للعقدة المتصلة",
+  "ss58.edgeware": "(برامج إيدج (مباشر",
+  "ss58.kusama": "(كوساما (كانارى",
+  "ss58.polkadot": "(بولكادوت (مباشر",
+  "ss58.substrate": "(المادة (عامة",
+  "staked": "مرهون",
+  "stash account": "تخزين الحساب",
+  "stash address": "عنوان خبأ",
+  "stashes": "التخزينات",
+  "state": "حالة",
+  "strikes": "الضربات",
+  "sub name": "الاسم الفرعي",
+  "submit the following change": "أرسل التغيير التالي",
+  "submit the following extrinsic": "تطبيق ما يلي خارجيا",
+  "submit with account": "إرسال مع الحساب",
+  "submit with council account": "إرسال مع حساب المجلس",
+  "sudo key": "مفتاح سودو",
+  "sudo with unchecked weight parameter": "سودو مع وزن غير محدد الإعداد",
+  "sudo without unchecked weight parameter": "سودو دون  وزن غير محدد الإعداد",
+  "suri (seed & derivation)": "(سوري (البذرة  والإشتقاق",
+  "swap to id": "التبديل إلى التعريف",
+  "syncing": "تزامن",
+  "system events": "أحداث النظام",
+  "tags": "علامات",
+  "target": "هدف",
+  "term progress": "مدى التقدم",
+  "the account to make recoverable": "الحساب الذي يجب استرداده",
+  "the account to recover to": "الحساب الذي تريد الاسترداد إليه",
+  "the associated controller": "وحدة التحكم ذات الصلة",
+  "the era to cancel for": "عصر الإلغاء لأجله",
+  "the language to display translations for": "اللغة التي سيتم عرض ترجمات لها",
+  "the module to display strings for": "الوحدة النمطية لعرض السلاسل",
+  "the resulting hash is": "تكون التجزئة الناتجة عن ذلك",
+  "the stash account to nominate with": "الحساب المُخزن الذي تريد ترشيحه",
+  "the supplied signature": "التوقيع المقدم",
+  "threshold": "سقف",
+  "tip": "بقشيش",
+  "tip reason": "سبب البقشيش",
+  "tip value": "قيمة البقشيش",
+  "tips": "بكاشيش",
+  "total": "مجموع",
+  "total issuance": "إجمالي الإصدار",
+  "total peers": "مجموع الأقران",
+  "total stake": "إجمالي الرهن",
+  "total staked": "إجمالي المرهون",
+  "transactions": "معاملات",
+  "transfer received": "تم استلام التحويل",
+  "transferrable": "قابل للتحويل",
+  "trusted social recovery helpers": "مساعدو الإسترجاع الاجتماعي الموثوق بهم",
+  "turnout": "معدل المشاركة في الإنتخابات",
+  "twitter": "تويتر",
+  "type": "نوع",
+  "unbond amount": "مبلغ إلغاء الربط",
+  "unbonding": "لا يفوتك",
+  "unchecked weight for this call": "وزن غير محدد لهذه المكالمة",
+  "unlock account with password": "قم بإلغاء قفل الحساب باستخدام كلمة المرور",
+  "unstake threshold": "عتبة عدم الرهن",
+  "update on #{{index}}": "{{مراجعة على#{{المؤشر",
+  "upgradable extensions": "الملحقات القابلة للتحديث",
+  "use on any network": "استخدم على أي شبكة",
+  "using my account": "باستخدام حسابي",
+  "using the following data": "باستخدام البيانات التالية",
+  "using the selected account": "استخدام الحساب المحدد",
+  "validator to query": "المتحقق للاستعلام عن",
+  "validators": "المتحققين",
+  "validators/nominators": "المتحققين/ المرشحون",
+  "value": "قيمة",
+  "value bonded": "القيمة المستعبدة",
+  "verify using address": "تحقق باستخدام العنوان",
+  "version {{version}}": "{{إحداث {{إحداث",
+  "vested": "راسخ",
+  "vesting": "الاستحقاق",
+  "via Council": "عن طريق المجلس",
+  "via Council/Motions": "عن طريق إقتراحات المجلس",
+  "via Council/Vote": "عن طريق المجلس/التصويت",
+  "via Democracy": "عن طريق وحدة الديمقراطية",
+  "via Democracy/Dispatch": "عن طريق وحدة الديمقراطية/الإرسال",
+  "via Democracy/Vote": "عن طريق الديمقراطية/التصويت",
+  "via Society": "عن طريق وحدة المجتمع",
+  "via Staking": "عن طريق وحدة المراهنة",
+  "via Staking/Bond": "عبر الرهان/السندات",
+  "via Staking/Slashed": "عن طريق وحدة المراهنات/التخفيضات",
+  "via Treasury": "عن طريق وحدة الخزينة",
+  "via Vesting": "عبر الاستحقاق",
+  "vote for candidate": "صوّت على المرشح",
+  "vote for defender": "صوّت لمدافع",
+  "vote from account": "التصويت من حساب",
+  "vote using my account": "التصويت باستخدام حسابي",
+  "vote value": "قيمة التصويت",
+  "vote with account": "صوّت بالحساب",
+  "votes": "الأصوات",
+  "voting account": "حساب التصويت",
+  "voting balance": "رصيد التصويت",
+  "voting end": "انتهاء التصويت",
+  "voting period": "فترة التصويت",
+  "voting round": "جولة التصويت",
+  "waiting": "في الإنتطار",
+  "web": "ويب",
+  "website": "موقع إلكتروني",
+  "with an index of": "مع مؤشر من",
+  "with/without identity": "مع / بدون هوية",
+  "wrong password supplied": "تم توفير كلمة مرور غير صحيحة",
+  "yes": "نعم",
+  "your current password": "كلمة المرور الحالية",
+  "your new password": "كلمة المرور الجديدة",
+  "{{balance}} voted": "صوت {{توازن}}",
+  "{{blocks}} blocks": "{{بلوكس {{بلوكس",
+  "{{count}} key/value pairs encoded for submission": "عد}} المفتاح /ترميز أزواج  القيم  لإرسالها}}",
+  "{{count}} own stashes": "{{التخزينات الخاصة {{عد",
+  "{{currency}} average": "{{متوسط  {{العملة",
+  "{{currency}} clipped": "{{تم قطع  {{العملة",
+  "{{currency}} rewards": "{{المكافآت {{العملة",
+  "{{currency}} slashed": "{{العملة}} شطب",
+  "{{currency}} total": "{{الإجمالي {{العملة",
+  "{{days}} days": "{{أيام {{أيام",
+  "{{done}}/{{total}}, {{progress}}% done": "%تم}}/{{المجموع}} , {{تقدم}}تم}}",
+  "{{executionTime}}s execution time": "وقت التنفيذ}} من زمن التنفيذ}}",
+  "{{hours}} hrs": "{{ساعات {{س",
+  "{{minutes}} mins": "{{دقائق {{د",
+  "{{name}} ({{size}} bytes)": "({{الإسم}} ({{الحجم}} من البايتات}}",
+  "{{percentage}} aye": "{{نعم {{النسبة المئوية",
+  "{{percentage}}% of block time": "النسبة المئوية}}% من وقت البلوك}}",
+  "{{percentage}}% turnout": "{{نسبة مئوية}}٪ إقبال",
+  "{{relayDispatchQueueSize}} dispatch messages pending": "حجم ترحيل  إرسال قائمة الانتظار}} الرسائل المرسلة المعلقة}}",
+  "{{seconds}} s": "{{دقائق {{د",
+  "{{step}}. Sign with your ETH address": "{{قم بتسجيل الدخول باستخدام عنوان إيثيريوم الخاص بك {{خطوة",
+  "{{threshold}}, not passing": "سقف}}، لا يتم  تمريره}}",
+  "{{threshold}}, passing": "سقف}}،   يتم  تمريره}}",
+  "{{value}}x voting balance, locked for {{lock}}x enactment ({{period}} days)": "({{قفل}} (تاريخ إصدار {{أيام}}x رصيد التصويت، مقفل لـ x  {{قيمة }}"
+}
\ No newline at end of file
diff --git a/packages/apps/public/locales/en/app-accounts.json b/packages/apps/public/locales/en/app-accounts.json
new file mode 100644
index 0000000..eb764df
--- /dev/null
+++ b/packages/apps/public/locales/en/app-accounts.json
@@ -0,0 +1,390 @@
+{
+  " This update includes chain metadata and chain properties.": " This update includes chain metadata and chain properties.",
+  "//hard": "//hard",
+  "//hard///password": "//hard///password",
+  "//hard/soft": "//hard/soft",
+  "//hard/soft///password": "//hard/soft///password",
+  "<none provided>": "<none provided>",
+  "<unknown>": "<unknown>",
+  "@YourTwitterName": "@YourTwitterName",
+  "@yourname:matrix.org": "@yourname:matrix.org",
+  "A deposit paid by the proxied account that can not be used while the proxy is in existence. The deposit is returned when the proxy is destroyed. The amount reserved is based on the base deposit and number of proxies": "A deposit paid by the proxied account that can not be used while the proxy is in existence. The deposit is returned when the proxy is destroyed. The amount reserved is based on the base deposit and number of proxies",
+  "Account type {{index}}": "Account type {{index}}",
+  "Accounts injected from any of these extensions will appear in this application and be available for use. The above list is updated as more extensions with external signing capability become available.": "Accounts injected from any of these extensions will appear in this application and be available for use. The above list is updated as more extensions with external signing capability become available.",
+  "Add": "Add",
+  "Add account": "Add account",
+  "Add account via Ledger": "Add account via Ledger",
+  "Add account via Qr": "Add account via Qr",
+  "Add an account via seed {{step}}/{{STEPS_COUNT}}": "Add an account via seed {{step}}/{{STEPS_COUNT}}",
+  "Add identity judgment": "Add identity judgment",
+  "Add multisig": "Add multisig",
+  "Add proxied account": "Add proxied account",
+  "Add proxy": "Add proxy",
+  "Add sub": "Add sub",
+  "Add via Ledger": "Add via Ledger",
+  "Add via Qr": "Add via Qr",
+  "Add via backup file": "Add via backup file",
+  "Address index {{index}}": "Address index {{index}}",
+  "Advanced creation options": "Advanced creation options",
+  "Amount to delegate for any democracy vote. This is adjusted using the available funds on the account.": "Amount to delegate for any democracy vote. This is adjusted using the available funds on the account.",
+  "An URL that is linked to this identity.": "An URL that is linked to this identity.",
+  "An encrypted backup file will be created once you have pressed the \"Download\" button. This can be used to re-import your account on any other machine.": "An encrypted backup file will be created once you have pressed the \"Download\" button. This can be used to re-import your account on any other machine.",
+  "Any account set as proxy will be able to perform actions in place of the proxied account": "Any account set as proxy will be able to perform actions in place of the proxied account",
+  "Any democracy vote performed by the delegated account will result in an additional vote from the delegating account": "Any democracy vote performed by the delegated account will result in an additional vote from the delegating account",
+  "Applying list": "Applying list",
+  "Approve this call hash": "Approve this call hash",
+  "Backup": "Backup",
+  "Backup account": "Backup account",
+  "Cancel": "Cancel",
+  "Cancel this call hash": "Cancel this call hash",
+  "Change": "Change",
+  "Change account password": "Change account password",
+  "Change democracy delegation": "Change democracy delegation",
+  "Change this account's password": "Change this account's password",
+  "Claim tokens...": "Claim tokens...",
+  "Clear Identity": "Clear Identity",
+  "Clear all": "Clear all",
+  "Clear expired democracy locks": "Clear expired democracy locks",
+  "Consider storing your account in a signer such as a browser extension, hardware device, QR-capable phone wallet (non-connected) or desktop application for optimal account security.": "Consider storing your account in a signer such as a browser extension, hardware device, QR-capable phone wallet (non-connected) or desktop application for optimal account security.",
+  "Contracts": "Contracts",
+  "Copied": "Copied",
+  "Copy": "Copy",
+  "Council": "Council",
+  "Create": "Create",
+  "Create a backup file for this account": "Create a backup file for this account",
+  "Custom index": "Custom index",
+  "Delegate": "Delegate",
+  "Delegate democracy votes": "Delegate democracy votes",
+  "Derivation for Ledger-type accounts are only available on mnemonic seeds.": "Derivation for Ledger-type accounts are only available on mnemonic seeds.",
+  "Derive": "Derive",
+  "Derive account from pair": "Derive account from pair",
+  "Derive account via derivation path": "Derive account via derivation path",
+  "Determines what cryptography will be used to create this account. Note that to validate on Polkadot, the session account must use \"ed25519\".": "Determines what cryptography will be used to create this account. Note that to validate on Polkadot, the session account must use \"ed25519\".",
+  "Development": "Development",
+  "Display overview information for the selected validator, including blocks produced.": "Display overview information for the selected validator, including blocks produced.",
+  "Download": "Download",
+  "Edit": "Edit",
+  "Either approve or reject this call.": "Either approve or reject this call.",
+  "Ensure that the extension has accounts, some accounts are visible globally and available for this chain and that you gave the application permission to access accounts from the extension to use them.": "Ensure that the extension has accounts, some accounts are visible globally and available for this chain and that you gave the application permission to access accounts from the extension to use them.",
+  "Ensure that you utilized the \"Save\" functionality before using a generated address to receive funds. Without saving the address and the associated seed any funds sent to it will be lost.": "Ensure that you utilized the \"Save\" functionality before using a generated address to receive funds. Without saving the address and the associated seed any funds sent to it will be lost.",
+  "Ensure that you utilized the \"Save\" functionality before using a generated address to receive funds. Without saving the address any funds and the associated seed any funds sent to it will be lost.": "Ensure that you utilized the \"Save\" functionality before using a generated address to receive funds. Without saving the address any funds and the associated seed any funds sent to it will be lost.",
+  "Ensure you are using a strong password for proper account protection.": "Ensure you are using a strong password for proper account protection.",
+  "Evaluated {{count}} keys in {{elapsed}}s ({{avg}} keys/s)": "Evaluated {{count}} keys in {{elapsed}}s ({{avg}} keys/s)",
+  "Existing approvals ({{approvals}}/{{threshold}})": "Existing approvals ({{approvals}}/{{threshold}})",
+  "External": "External",
+  "Flags": "Flags",
+  "For approvals outstanding approvers will be shown, for hashes that should be cancelled the first approver is required.": "For approvals outstanding approvers will be shown, for hashes that should be cancelled the first approver is required.",
+  "For final approvals, the actual full call data is required to execute the transaction": "For final approvals, the actual full call data is required to execute the transaction",
+  "Forget this account": "Forget this account",
+  "Full Legal Name": "Full Legal Name",
+  "Future versions of the web-only interface will drop support for non-external accounts, much like the IPFS version.": "Future versions of the web-only interface will drop support for non-external accounts, much like the IPFS version.",
+  "I have saved my mnemonic seed safely": "I have saved my mnemonic seed safely",
+  "Identity": "Identity",
+  "If the delegated account is currently voting in a referendum, the delegating vote and conviction will be added.": "If the delegated account is currently voting in a referendum, the delegating vote and conviction will be added.",
+  "If the recipient account is new, the balance needs to be more than the existential deposit. Likewise if the sending account balance drops below the same value, the account will be removed from the state.": "If the recipient account is new, the balance needs to be more than the existential deposit. Likewise if the sending account balance drops below the same value, the account will be removed from the state.",
+  "If you add several proxy accounts for the same proxy type (e.g 2 accounts set as proxy for Governance), then any of those 2 accounts will be able to perform governance actions on behalf of the proxied account": "If you add several proxy accounts for the same proxy type (e.g 2 accounts set as proxy for Governance), then any of those 2 accounts will be able to perform governance actions on behalf of the proxied account",
+  "If you are moving accounts between applications, ensure that you use the correct type.": "If you are moving accounts between applications, ensure that you use the correct type.",
+  "Initiate account recovery": "Initiate account recovery",
+  "Initiate recovery for another": "Initiate recovery for another",
+  "Injected": "Injected",
+  "It is recommended that you create/store your accounts securely and externally from the app. On {{yourBrowser}} the following browser extensions are available for use -": "It is recommended that you create/store your accounts securely and externally from the app. On {{yourBrowser}} the following browser extensions are available for use -",
+  "Judge": "Judge",
+  "Learn more...": "Learn more...",
+  "Ledger app type (originated from)": "Ledger app type (originated from)",
+  "Make Transfer": "Make Transfer",
+  "Make recoverable": "Make recoverable",
+  "Manage delegation": "Manage delegation",
+  "Manage proxies": "Manage proxies",
+  "Mnemonic": "Mnemonic",
+  "Modal text": "Modal text",
+  "Multisig": "Multisig",
+  "Multisig approval with hash (non-final approval)": "Multisig approval with hash (non-final approval)",
+  "Multisig approvals": "Multisig approvals",
+  "Multisig approvals pending": "Multisig approvals pending",
+  "Multisig message with call (for final approval)": "Multisig message with call (for final approval)",
+  "My On-Chain Name": "My On-Chain Name",
+  "My accounts": "My accounts",
+  "Name given to this account to uniquely identity the account to yourself.": "Name given to this account to uniquely identity the account to yourself.",
+  "Name given to this account. You can change it at any point in the future.": "Name given to this account. You can change it at any point in the future.",
+  "Name given to this account. You can edit it. To use the account to validate or nominate, it is a good practice to append the function of the account in the name, e.g \"name_you_want - stash\".": "Name given to this account. You can edit it. To use the account to validate or nominate, it is a good practice to append the function of the account in the name, e.g \"name_you_want - stash\".",
+  "Name given to this multisig. You can edit it at any later point in time.": "Name given to this multisig. You can edit it at any later point in time.",
+  "Name given to this proxied account. You can edit it at any later point in time.": "Name given to this proxied account. You can edit it at any later point in time.",
+  "Next": "Next",
+  "No judgements": "No judgements",
+  "No matches found": "No matches found",
+  "No sub identities set.": "No sub identities set.",
+  "Nominator": "Nominator",
+  "Normal transfer without keep-alive checks": "Normal transfer without keep-alive checks",
+  "One or more extensions are detected in your browser, however no accounts has been injected.": "One or more extensions are detected in your browser, however no accounts has been injected.",
+  "Password are ignored for hex seed": "Password are ignored for hex seed",
+  "Pending call hashes": "Pending call hashes",
+  "Please make sure to save this file in a secure location as it is required, together with your password, to restore your account.": "Please make sure to save this file in a secure location as it is required, together with your password, to restore your account.",
+  "Prev": "Prev",
+  "Private Key": "Private Key",
+  "Provide judgement": "Provide judgement",
+  "Provide the account QR from the module/external application for scanning. Once detected as valid, you will be taken to the next step to add the account to your list.": "Provide the account QR from the module/external application for scanning. Once detected as valid, you will be taken to the next step to add the account to your list.",
+  "Proxied": "Proxied",
+  "Proxied account has no owned proxies": "Proxied account has no owned proxies",
+  "Proxy overview": "Proxy overview",
+  "Raw seed": "Raw seed",
+  "Ready to send a withdrawal request": "Ready to send a withdrawal request",
+  "Recovery": "Recovery",
+  "Register identity": "Register identity",
+  "Register sub-identities": "Register sub-identities",
+  "Remove": "Remove",
+  "Remove sub": "Remove sub",
+  "Reset": "Reset",
+  "Restore": "Restore",
+  "Restore JSON": "Restore JSON",
+  "Retrieving sub-identities": "Retrieving sub-identities",
+  "Save": "Save",
+  "Save delegation": "Save delegation",
+  "Save this backup file in a secure location. Additionally, the password associated with this account is needed together with this backup file in order to restore your account.": "Save this backup file in a secure location. Additionally, the password associated with this account is needed together with this backup file in order to restore your account.",
+  "Search for": "Search for",
+  "Select a JSON key file with the list of signatories.": "Select a JSON key file with the list of signatories.",
+  "Select a contact or paste the address you want to send funds to.": "Select a contact or paste the address you want to send funds to.",
+  "Select the JSON key file that was downloaded when you created the account. This JSON file contains your private key encrypted with your password.": "Select the JSON key file that was downloaded when you created the account. This JSON file contains your private key encrypted with your password.",
+  "Select the account you wish to recover into this account.": "Select the account you wish to recover into this account.",
+  "Send": "Send",
+  "Send funds": "Send funds",
+  "Set Identity": "Set Identity",
+  "Set Subs": "Set Subs",
+  "Set on-chain identity": "Set on-chain identity",
+  "Set on-chain sub-identities": "Set on-chain sub-identities",
+  "Setup account as recoverable": "Setup account as recoverable",
+  "Share": "Share",
+  "Should the search be case sensitive, e.g if you select \"no\" your search for \"Some\" may return addresses containing \"somE\" or \"sOme\"...": "Should the search be case sensitive, e.g if you select \"no\" your search for \"Some\" may return addresses containing \"somE\" or \"sOme\"...",
+  "Show address on hardware device": "Show address on hardware device",
+  "Since some extensions, such as the polkadot-js extension, protects you against all community reported phishing sites, there are valid reasons to use them for additional protection, even if you are not storing accounts in it.": "Since some extensions, such as the polkadot-js extension, protects you against all community reported phishing sites, there are valid reasons to use them for additional protection, even if you are not storing accounts in it.",
+  "Since the multisig function like any other account, once created it is available for selection anywhere accounts are used and needs to be funded before use.": "Since the multisig function like any other account, once created it is available for selection anywhere accounts are used and needs to be funded before use.",
+  "Society": "Society",
+  "Soft derivation paths are not allowed on ed25519": "Soft derivation paths are not allowed on ed25519",
+  "Start generation": "Start generation",
+  "Start recovery": "Start recovery",
+  "Stop generation": "Stop generation",
+  "Sudo key": "Sudo key",
+  "Supply a JSON file with the list of signatories.": "Supply a JSON file with the list of signatories.",
+  "Supply a backed-up JSON file, encrypted with your account-specific password.": "Supply a backed-up JSON file, encrypted with your account-specific password.",
+  "Swap to a non-executing approval type, with subsequent calls providing the actual call data.": "Swap to a non-executing approval type, with subsequent calls providing the actual call data.",
+  "Technical committee": "Technical committee",
+  "Test account": "Test account",
+  "The account password as specified when creating the account. This is used to encrypt the backup file and subsequently decrypt it when restoring the account.": "The account password as specified when creating the account. This is used to encrypt the backup file and subsequently decrypt it when restoring the account.",
+  "The account type (derivation) to use": "The account type (derivation) to use",
+  "The account type that you wish to create. This is the top-level derivation.": "The account type that you wish to create. This is the top-level derivation.",
+  "The account you will send funds from.": "The account you will send funds from.",
+  "The address index (derivation on account) to use": "The address index (derivation on account) to use",
+  "The address index on the account that you wish to add. This is the second-level derivation.": "The address index on the account that you wish to add. This is the second-level derivation.",
+  "The address that has previously setup a proxy to one of the accounts that you control.": "The address that has previously setup a proxy to one of the accounts that you control.",
+  "The address that you have a valid proxy setup for.": "The address that you have a valid proxy setup for.",
+  "The addresses that are able to approve multisig transactions. You can select up to {{maxHelpers}} trusted addresses.": "The addresses that are able to approve multisig transactions. You can select up to {{maxHelpers}} trusted addresses.",
+  "The addresses that are able to help in recovery. You can select up to {{maxHelpers}} trusted helpers.": "The addresses that are able to help in recovery. You can select up to {{maxHelpers}} trusted helpers.",
+  "The amount to allocate and the conviction that will be applied to all votes made on a referendum.": "The amount to allocate and the conviction that will be applied to all votes made on a referendum.",
+  "The beneficiary will have access to the transferred fees when the transaction is included in a block.": "The beneficiary will have access to the transferred fees when the transaction is included in a block.",
+  "The bonding duration for any staked funds. After this period needs to be withdrawn.": "The bonding duration for any staked funds. After this period needs to be withdrawn.",
+  "The call data for this transaction matching the hash. Once sent, the multisig will be executed against this.": "The call data for this transaction matching the hash. Once sent, the multisig will be executed against this.",
+  "The call hash from the list of available and unapproved calls.": "The call hash from the list of available and unapproved calls.",
+  "The call hashes that have not been executed as of yet.": "The call hashes that have not been executed as of yet.",
+  "The code is not recognized as being in valid WASM format": "The code is not recognized as being in valid WASM format",
+  "The compiled WASM for the contract that you wish to deploy. Each unique code blob will be attached with a code hash that can be used to create new instances.": "The compiled WASM for the contract that you wish to deploy. Each unique code blob will be attached with a code hash that can be used to create new instances.",
+  "The compiled runtime WASM for the parachain you wish to register.": "The compiled runtime WASM for the parachain you wish to register.",
+  "The conviction that will be used for each delegated vote.": "The conviction that will be used for each delegated vote.",
+  "The conviction to use for this vote, with an appropriate lock period.": "The conviction to use for this vote, with an appropriate lock period.",
+  "The creator for this multisig call": "The creator for this multisig call",
+  "The current approvals applied to this multisig": "The current approvals applied to this multisig",
+  "The delay between vouching and the availability of the recovered account.": "The delay between vouching and the availability of the recovered account.",
+  "The derivation path allows you to create different accounts from the same base mnemonic.": "The derivation path allows you to create different accounts from the same base mnemonic.",
+  "The derivation path is only relevant when deriving keys from a mnemonic.": "The derivation path is only relevant when deriving keys from a mnemonic.",
+  "The derivation will be constructed from the values you specify.": "The derivation will be constructed from the values you specify.",
+  "The email address associated with this identity.": "The email address associated with this identity.",
+  "The existing account password as specified when this account was created or when it was last changed.": "The existing account password as specified when this account was created or when it was last changed.",
+  "The full account balance to be transferred, minus the transaction fees": "The full account balance to be transferred, minus the transaction fees",
+  "The helpers should be able to verify, via an off-chain mechanism, that the account owner indeed wishes to recover access and as such provide any approvals. In the cases of malicious recovery procedures, they will have the power to stop it.": "The helpers should be able to verify, via an off-chain mechanism, that the account owner indeed wishes to recover access and as such provide any approvals. In the cases of malicious recovery procedures, they will have the power to stop it.",
+  "The legal name for this identity.": "The legal name for this identity.",
+  "The local name for this account. Changing this does not affect your on-line identity, so this is only used to indicate the name of the account locally.": "The local name for this account. Changing this does not affect your on-line identity, so this is only used to indicate the name of the account locally.",
+  "The maximum amount you can delegate is the amount of funds available on the delegating account.": "The maximum amount you can delegate is the amount of funds available on the delegating account.",
+  "The minimum amount that an account should have to be deemed active": "The minimum amount that an account should have to be deemed active",
+  "The name for this account and how it will appear under your addresses. With an on-chain identity, it can be made available to others.": "The name for this account and how it will appear under your addresses. With an on-chain identity, it can be made available to others.",
+  "The name for this account as it will appear under your accounts.": "The name for this account as it will appear under your accounts.",
+  "The name is for unique identification of the account in your owner lists.": "The name is for unique identification of the account in your owner lists.",
+  "The name that will be displayed in your accounts list.": "The name that will be displayed in your accounts list.",
+  "The network from which this account was originally generated is different than the network you are currently connected to. Once imported ensure you toggle the \"allow on any network\" option for the account to keep it visible on the current network.": "The network from which this account was originally generated is different than the network you are currently connected to. Once imported ensure you toggle the \"allow on any network\" option for the account to keep it visible on the current network.",
+  "The network to derive on": "The network to derive on",
+  "The new account password. Once set, all future account unlocks will be performed with this new password.": "The new account password. Once set, all future account unlocks will be performed with this new password.",
+  "The operation type to apply. For approvals both non-final and final approvals are supported.": "The operation type to apply. For approvals both non-final and final approvals are supported.",
+  "The password and password confirmation for this account. This is required to authenticate any transactions made and to encrypt the keypair.": "The password and password confirmation for this account. This is required to authenticate any transactions made and to encrypt the keypair.",
+  "The password previously used to encrypt this account.": "The password previously used to encrypt this account.",
+  "The password to unlock the selected account.": "The password to unlock the selected account.",
+  "The private key for your account is derived from this seed. This seed must be kept secret as anyone in its possession has access to the funds of this account. If you validate, use the seed of the session account as the \"--key\" parameter of your node.": "The private key for your account is derived from this seed. This seed must be kept secret as anyone in its possession has access to the funds of this account. If you validate, use the seed of the session account as the \"--key\" parameter of your node.",
+  "The recipient is associated with a known phishing site on {{url}}": "The recipient is associated with a known phishing site on {{url}}",
+  "The recoverable account is protected against the loss of seed/access by a social process.": "The recoverable account is protected against the loss of seed/access by a social process.",
+  "The secret seed value for this account. Ensure that you keep this in a safe place, with access to the seed you can re-create the account.": "The secret seed value for this account. Ensure that you keep this in a safe place, with access to the seed you can re-create the account.",
+  "The selected account to perform the derivation on.": "The selected account to perform the derivation on.",
+  "The signatories has the ability to create transactions using the multisig and approve transactions sent by others.Once the threshold is reached with approvals, the multisig transaction is enacted on-chain.": "The signatories has the ability to create transactions using the multisig and approve transactions sent by others.Once the threshold is reached with approvals, the multisig transaction is enacted on-chain.",
+  "The signatory to send the approval/cancel from": "The signatory to send the approval/cancel from",
+  "The threshold for approval should be less or equal to the number of signatories for this multisig.": "The threshold for approval should be less or equal to the number of signatories for this multisig.",
+  "The threshold for approvals and the delay is the protection associated with the account. The delay should be such that any colluding recovery attempts does have a window to stop.": "The threshold for approvals and the delay is the protection associated with the account. The delay should be such that any colluding recovery attempts does have a window to stop.",
+  "The threshold for this multisig": "The threshold for this multisig",
+  "The threshold of vouches that is to be reached for the account to be recovered.": "The threshold of vouches that is to be reached for the account to be recovered.",
+  "The transaction, after application of the transfer fees, will drop the available balance below the existential deposit. As such the transfer will fail. The account needs more free funds to cover the transaction fees.": "The transaction, after application of the transfer fees, will drop the available balance below the existential deposit. As such the transfer will fail. The account needs more free funds to cover the transaction fees.",
+  "The transferred balance will be subtracted (along with fees) from the sender account.": "The transferred balance will be subtracted (along with fees) from the sender account.",
+  "The twitter name for this identity.": "The twitter name for this identity.",
+  "There is an existing reference count on the sender account. As such the account cannot be reaped from the state.": "There is an existing reference count on the sender account. As such the account cannot be reaped from the state.",
+  "These are trusted individuals that can verify and approve any recovery actions. With recovery, once the threshold is reached, the funds associated with the account can be moved to a new destination.": "These are trusted individuals that can verify and approve any recovery actions. With recovery, once the threshold is reached, the funds associated with the account can be moved to a new destination.",
+  "This account has a governance delegation": "This account has a governance delegation",
+  "This account has {{proxyNumber}} proxy set.": "This account has {{proxyNumber}} proxy set.",
+  "This account is available on all networks. It is recommended to link to a specific network via the account options (\"only this network\" option) to limit availability. For accounts from an extension, set the network on the extension.": "This account is available on all networks. It is recommended to link to a specific network via the account options (\"only this network\" option) to limit availability. For accounts from an extension, set the network on the extension.",
+  "This account is recoverable, with the following friends:": "This account is recoverable, with the following friends:",
+  "This does not send any transaction, rather it only sets the genesis in the account JSON.": "This does not send any transaction, rather it only sets the genesis in the account JSON.",
+  "This is a development account derived from the known development seed. Do not use for any funds on a non-development network.": "This is a development account derived from the known development seed. Do not use for any funds on a non-development network.",
+  "This is an invalid derivation path.": "This is an invalid derivation path.",
+  "This password is used to encrypt your private key. It must be strong and unique! You will need it to sign transactions with this account. You can recover this account using this password together with the backup file (generated in the next step).": "This password is used to encrypt your private key. It must be strong and unique! You will need it to sign transactions with this account. You can recover this account using this password together with the backup file (generated in the next step).",
+  "This will apply to any future use of this account as stored on this browser. Ensure that you securely store this new password and that it is strong and unique to the account.": "This will apply to any future use of this account as stored on this browser. Ensure that you securely store this new password and that it is strong and unique to the account.",
+  "Total amount of fund that will be reserved. These funds are returned when the identity is cleared": "Total amount of fund that will be reserved. These funds are returned when the identity is cleared",
+  "Transfer the full account balance, reap the sender": "Transfer the full account balance, reap the sender",
+  "Transfer with account keep-alive checks": "Transfer with account keep-alive checks",
+  "Type here what you would like your address to contain. This tool will generate the keys and show the associated addresses that best match your search. ": "Type here what you would like your address to contain. This tool will generate the keys and show the associated addresses that best match your search. ",
+  "Type the amount you want to transfer. Note that you can select the unit on the right e.g sending 1 milli is equivalent to sending 0.001.": "Type the amount you want to transfer. Note that you can select the unit on the right e.g sending 1 milli is equivalent to sending 0.001.",
+  "Type the password chosen at the account creation. It was used to encrypt your account's private key in the backup file.": "Type the password chosen at the account creation. It was used to encrypt your account's private key in the backup file.",
+  "Undelegate": "Undelegate",
+  "Unlock": "Unlock",
+  "Unlock vested amount": "Unlock vested amount",
+  "Upload JSON file with signatories": "Upload JSON file with signatories",
+  "Use custom address index": "Use custom address index",
+  "Use custom derivation path": "Use custom derivation path",
+  "Validator": "Validator",
+  "Vanity generator": "Vanity generator",
+  "Verify the password entered above.": "Verify the password entered above.",
+  "View pending approvals": "View pending approvals",
+  "We will provide you with a generated backup file after your account is created. As long as you have access to your account you can always download this file later by clicking on \"Backup\" button from the Accounts section.": "We will provide you with a generated backup file after your account is created. As long as you have access to your account you can always download this file later by clicking on \"Backup\" button from the Accounts section.",
+  "With the keep-alive option set, the account is protected against removal due to low balances.": "With the keep-alive option set, the account is protected against removal due to low balances.",
+  "You can set a custom derivation index for this account": "You can set a custom derivation index for this account",
+  "You can set a custom derivation path for this account using the following syntax \"/<soft-key>//<hard-key>\". The \"/<soft-key>\" and \"//<hard-key>\" may be repeated and mixed`. An optional \"///<password>\" can be used with a mnemonic seed, and may only be specified once.": "You can set a custom derivation path for this account using the following syntax \"/<soft-key>//<hard-key>\". The \"/<soft-key>\" and \"//<hard-key>\" may be repeated and mixed`. An optional \"///<password>\" can be used with a mnemonic seed, and may only be specified once.",
+  "You can set a custom derivation path for this account using the following syntax \"/<soft-key>//<hard-key>///<password>\". The \"/<soft-key>\" and \"//<hard-key>\" may be repeated and mixed`.": "You can set a custom derivation path for this account using the following syntax \"/<soft-key>//<hard-key>///<password>\". The \"/<soft-key>\" and \"//<hard-key>\" may be repeated and mixed`.",
+  "You can set a custom derivation path for this account using the following syntax \"m/<purpose>/<coin_type>/<account>/<change>/<address_index>": "You can set a custom derivation path for this account using the following syntax \"m/<purpose>/<coin_type>/<account>/<change>/<address_index>",
+  "You don't have any accounts. Some features are currently hidden and will only become available once you have accounts.": "You don't have any accounts. Some features are currently hidden and will only become available once you have accounts.",
+  "You have 1 extension that needs to be updated with the latest chain properties in order to display the correct information for the chain you are connected to.": "You have 1 extension that needs to be updated with the latest chain properties in order to display the correct information for the chain you are connected to.",
+  "You have {{claimCount}} accounts that need attestations. Use the Claim Tokens app on the navigation bar to complete the process. Until you do, your balances for those accounts will not be reflected.": "You have {{claimCount}} accounts that need attestations. Use the Claim Tokens app on the navigation bar to complete the process. Until you do, your balances for those accounts will not be reflected.",
+  "You have {{upgradableCount}} extensions that need to be updated with the latest chain properties in order to display the correct information for the chain you are connected to.": "You have {{upgradableCount}} extensions that need to be updated with the latest chain properties in order to display the correct information for the chain you are connected to.",
+  "You should not setup proxies to act as a self-proxy.": "You should not setup proxies to act as a self-proxy.",
+  "You will remove any delegation made by this acccount": "You will remove any delegation made by this acccount",
+  "Your ethereum key pair is derived from your private key. Don't divulge this key.": "Your ethereum key pair is derived from your private key. Don't divulge this key.",
+  "Your password contains at least one \"/\" character. Disregard this warning if it is intended.": "Your password contains at least one \"/\" character. Disregard this warning if it is intended.",
+  "a riot name linked to this identity": "a riot name linked to this identity",
+  "account forgotten": "account forgotten",
+  "account name": "account name",
+  "account restored": "account restored",
+  "account type": "account type",
+  "accounts": "accounts",
+  "added proxy": "added proxy",
+  "address index": "address index",
+  "address {{index}}": "address {{index}}",
+  "amount": "amount",
+  "approval type": "approval type",
+  "available signatories": "available signatories",
+  "available social recovery helpers": "available social recovery helpers",
+  "available to be unlocked": "available to be unlocked",
+  "backup file": "backup file",
+  "balance": "balance",
+  "balances": "balances",
+  "bonded": "bonded",
+  "call data for final approval": "call data for final approval",
+  "case sensitive": "case sensitive",
+  "compiled contract WASM": "compiled contract WASM",
+  "conviction": "conviction",
+  "created account": "created account",
+  "created multisig": "created multisig",
+  "decoded call": "decoded call",
+  "delay": "delay",
+  "delegate democracy vote": "delegate democracy vote",
+  "delegated account": "delegated account",
+  "delegating account": "delegating account",
+  "delegating amount": "delegating amount",
+  "democracy vote delegation": "democracy vote delegation",
+  "deposit": "deposit",
+  "depositor": "depositor",
+  "derivation path": "derivation path",
+  "derive root account": "derive root account",
+  "development seed": "development seed",
+  "display name": "display name",
+  "email": "email",
+  "ethereum private key": "ethereum private key",
+  "existential deposit": "existential deposit",
+  "filter by name or tags": "filter by name or tags",
+  "found signatories": "found signatories",
+  "https://example.com": "https://example.com",
+  "identity": "identity",
+  "include field": "include field",
+  "index": "index",
+  "invalid/unknown registrar account": "invalid/unknown registrar account",
+  "judgement": "judgement",
+  "keypair crypto type": "keypair crypto type",
+  "keypair type": "keypair type",
+  "legal name": "legal name",
+  "matches": "matches",
+  "mnemonic": "mnemonic",
+  "mnemonic seed": "mnemonic seed",
+  "multisig": "multisig",
+  "multisig name": "multisig name",
+  "name": "name",
+  "new account": "new account",
+  "on-chain bonding duration": "on-chain bonding duration",
+  "parent": "parent",
+  "partial seed": "partial seed",
+  "password": "password",
+  "password (repeat)": "password (repeat)",
+  "pending hashes {{count}}": "pending hashes {{count}}",
+  "private key": "private key",
+  "proposal": "proposal",
+  "proxied account": "proxied account",
+  "proxied name": "proxied name",
+  "proxy account": "proxy account",
+  "raw seed": "raw seed",
+  "recover this account": "recover this account",
+  "recovery block delay": "recovery block delay",
+  "recovery threshold": "recovery threshold",
+  "redeemable": "redeemable",
+  "registrar account": "registrar account",
+  "registrar index": "registrar index",
+  "reserved balance": "reserved balance",
+  "riot": "riot",
+  "riot name": "riot name",
+  "secret": "secret",
+  "secret derivation path": "secret derivation path",
+  "seed (hex or string)": "seed (hex or string)",
+  "selected constant query": "selected constant query",
+  "selected signatories": "selected signatories",
+  "send": "send",
+  "send from account": "send from account",
+  "send to address": "send to address",
+  "signatories": "signatories",
+  "signatory": "signatory",
+  "society head": "society head",
+  "somebody@example.com": "somebody@example.com",
+  "sort by": "sort by",
+  "stash address": "stash address",
+  "sub name": "sub name",
+  "subs": "subs",
+  "the account to make recoverable": "the account to make recoverable",
+  "the account to recover to": "the account to recover to",
+  "threshold": "threshold",
+  "total balance": "total balance",
+  "total deposit": "total deposit",
+  "total locked": "total locked",
+  "total transferrable": "total transferrable",
+  "transactions": "transactions",
+  "transferrable": "transferrable",
+  "transferrable minus fees": "transferrable minus fees",
+  "trusted social recovery helpers": "trusted social recovery helpers",
+  "twitter": "twitter",
+  "type": "type",
+  "unbonding": "unbonding",
+  "upload signatories list": "upload signatories list",
+  "url": "url",
+  "validation code": "validation code",
+  "validator to query": "validator to query",
+  "web": "web",
+  "website": "website",
+  "with an index of": "with an index of",
+  "your current password": "your current password",
+  "your new password": "your new password"
+}
\ No newline at end of file
diff --git a/packages/apps/public/locales/en/app-addresses.json b/packages/apps/public/locales/en/app-addresses.json
new file mode 100644
index 0000000..06bfdf7
--- /dev/null
+++ b/packages/apps/public/locales/en/app-addresses.json
@@ -0,0 +1,21 @@
+{
+  "Add an address": "Add an address",
+  "Add contact": "Add contact",
+  "Forget this address": "Forget this address",
+  "My contacts": "My contacts",
+  "Paste here the address of the contact you want to add to your address book.": "Paste here the address of the contact you want to add to your address book.",
+  "Save": "Save",
+  "Type the name of your contact. This name will be used across all the apps. It can be edited later on.": "Type the name of your contact. This name will be used across all the apps. It can be edited later on.",
+  "address": "address",
+  "address created": "address created",
+  "address edited": "address edited",
+  "address forgotten": "address forgotten",
+  "balances": "balances",
+  "contacts": "contacts",
+  "filter by name or tags": "filter by name or tags",
+  "name": "name",
+  "new address": "new address",
+  "no addresses saved yet, add any existing address": "no addresses saved yet, add any existing address",
+  "send": "send",
+  "transactions": "transactions"
+}
\ No newline at end of file
diff --git a/packages/apps/public/locales/en/app-assets.json b/packages/apps/public/locales/en/app-assets.json
new file mode 100644
index 0000000..58604d8
--- /dev/null
+++ b/packages/apps/public/locales/en/app-assets.json
@@ -0,0 +1,59 @@
+{
+  "Balances": "Balances",
+  "Create": "Create",
+  "Mint": "Mint",
+  "Next": "Next",
+  "No": "No",
+  "No accounts with balances found for the asset": "No accounts with balances found for the asset",
+  "No assets found": "No assets found",
+  "Normal transfer without keep-alive checks": "Normal transfer without keep-alive checks",
+  "Overview": "Overview",
+  "Prev": "Prev",
+  "Send": "Send",
+  "The account that is to be used for issuing this token.": "The account that is to be used for issuing this token.",
+  "The account that is to be used for ongoing admin on the token.": "The account that is to be used for ongoing admin on the token.",
+  "The account that is to be used for performing freezing.": "The account that is to be used for performing freezing.",
+  "The account that is to be used to create this asset and setup the initial metadata.": "The account that is to be used to create this asset and setup the initial metadata.",
+  "The account to transfer from. This account should have sufficient assets for this transfer.": "The account to transfer from. This account should have sufficient assets for this transfer.",
+  "The amount of tokens to issue to the account.": "The amount of tokens to issue to the account.",
+  "The amount of tokens to transfer to the account.": "The amount of tokens to transfer to the account.",
+  "The beneficiary will have access to the transferred asset when the transaction is included in a block.": "The beneficiary will have access to the transferred asset when the transaction is included in a block.",
+  "The descriptive name for this asset.": "The descriptive name for this asset.",
+  "The minimum balance allowed for the asset.": "The minimum balance allowed for the asset.",
+  "The minimum balance for the asset. This is specified in the units and decimals as requested.": "The minimum balance for the asset. This is specified in the units and decimals as requested.",
+  "The number of decimals for this token. Max allowed via the UI is set to 20.": "The number of decimals for this token. Max allowed via the UI is set to 20.",
+  "The recipient account for this minting operation.": "The recipient account for this minting operation.",
+  "The selected id for the asset. This should not match an already-existing asset id.": "The selected id for the asset. This should not match an already-existing asset id.",
+  "The symbol that will represent this asset.": "The symbol that will represent this asset.",
+  "Transfer with account keep-alive checks": "Transfer with account keep-alive checks",
+  "With the keep-alive option set, the account is protected against removal due to low balances.": "With the keep-alive option set, the account is protected against removal due to low balances.",
+  "Yes": "Yes",
+  "accounts": "accounts",
+  "admin": "admin",
+  "admin account": "admin account",
+  "amount to issue": "amount to issue",
+  "amount to transfer": "amount to transfer",
+  "asset decimals": "asset decimals",
+  "asset id": "asset id",
+  "asset name": "asset name",
+  "asset symbol": "asset symbol",
+  "assets": "assets",
+  "create asset {{step}}/{{steps}}": "create asset {{step}}/{{steps}}",
+  "creator account": "creator account",
+  "freezer": "freezer",
+  "freezer account": "freezer account",
+  "frozen": "frozen",
+  "issuer": "issuer",
+  "issuer account": "issuer account",
+  "minimum balance": "minimum balance",
+  "mint asset": "mint asset",
+  "mint to address": "mint to address",
+  "owner": "owner",
+  "send": "send",
+  "send from": "send from",
+  "send to address": "send to address",
+  "sufficient": "sufficient",
+  "supply": "supply",
+  "the asset to query for balances": "the asset to query for balances",
+  "transfer asset": "transfer asset"
+}
\ No newline at end of file
diff --git a/packages/apps/public/locales/en/app-bounties.json b/packages/apps/public/locales/en/app-bounties.json
new file mode 100644
index 0000000..95a95f1
--- /dev/null
+++ b/packages/apps/public/locales/en/app-bounties.json
@@ -0,0 +1,130 @@
+{
+  "A reward for a curator, this amount is included in the total value of the bounty.": "A reward for a curator, this amount is included in the total value of the bounty.",
+  "Accept": "Accept",
+  "Accept Curator Role": "Accept Curator Role",
+  "Account does not have enough funds.": "Account does not have enough funds.",
+  "Add Bounty": "Add Bounty",
+  "After a bounty was proposed the council decides whether to fund it or not.": "After a bounty was proposed the council decides whether to fund it or not.",
+  "Allocation value is smaller than the minimum bounty value.": "Allocation value is smaller than the minimum bounty value.",
+  "Approve": "Approve",
+  "Aye": "Aye",
+  "Aye: {{count}}": "Aye: {{count}}",
+  "Beneficiary": "Beneficiary",
+  "Bond": "Bond",
+  "Bounty approval under voting": "Bounty approval under voting",
+  "Bounty rejection under voting": "Bounty rejection under voting",
+  "Choose a curator whose background and expertise is such that they are capable of determining when the task is complete.": "Choose a curator whose background and expertise is such that they are capable of determining when the task is complete.",
+  "Choose the Beneficiary for this bounty.": "Choose the Beneficiary for this bounty.",
+  "Claim": "Claim",
+  "Close": "Close",
+  "Close Bounty": "Close Bounty",
+  "Close deadline": "Close deadline",
+  "Curator has been proposed by council. The bounty is waiting for curator to accept the role.": "Curator has been proposed by council. The bounty is waiting for curator to accept the role.",
+  "Curator proposal under voting": "Curator proposal under voting",
+  "Curator slash under voting": "Curator slash under voting",
+  "Curator's account that will reward the bounty to the implementer.": "Curator's account that will reward the bounty to the implementer.",
+  "Curator's deposit": "Curator's deposit",
+  "Curator's deposit is calculated based on the accepted curator's fee for this bounty.": "Curator's deposit is calculated based on the accepted curator's fee for this bounty.",
+  "Curator's deposit will be slashed and curator will be unassigned. Bounty will return to the Funded state.": "Curator's deposit will be slashed and curator will be unassigned. Bounty will return to the Funded state.",
+  "Curator's fee": "Curator's fee",
+  "Curator's fee can't be higher than bounty value.": "Curator's fee can't be higher than bounty value.",
+  "Description of the Bounty (to be stored on-chain)": "Description of the Bounty (to be stored on-chain)",
+  "Extend expiry": "Extend expiry",
+  "Give up": "Give up",
+  "How much should be paid out for completed Bounty. Upon funding, the amount will be reserved in treasury.": "How much should be paid out for completed Bounty. Upon funding, the amount will be reserved in treasury.",
+  "If the motion is approved, Curator's deposit will be slashed and Curator will be unassigned. Bounty will return to the Funded state.": "If the motion is approved, Curator's deposit will be slashed and Curator will be unassigned. Bounty will return to the Funded state.",
+  "If the motion is approved, the current Curator will be unassigned and the Bounty will return to the Funded state.": "If the motion is approved, the current Curator will be unassigned and the Bounty will return to the Funded state.",
+  "Initiate voting": "Initiate voting",
+  "Nay": "Nay",
+  "Nay: {{count}}": "Nay: {{count}}",
+  "No open bounties": "No open bounties",
+  "Only curator can extend the bounty time.": "Only curator can extend the bounty time.",
+  "Only the account proposed as curator by the council can create the assign curator transaction": "Only the account proposed as curator by the council can create the assign curator transaction",
+  "Only the account proposed as curator by the council can create the unassign curator transaction ": "Only the account proposed as curator by the council can create the unassign curator transaction ",
+  "Overview": "Overview",
+  "Part of the bounty value that will go to the Curator as a reward for their work": "Part of the bounty value that will go to the Curator as a reward for their work",
+  "Propose curator": "Propose curator",
+  "Proposed Curator": "Proposed Curator",
+  "Proposer": "Proposer",
+  "Proposer bond depends on bounty title length.": "Proposer bond depends on bounty title length.",
+  "Reject": "Reject",
+  "Reject curator": "Reject curator",
+  "Reward implementer": "Reward implementer",
+  "Reward the bounty to an implementer's account. The implementer will be able to claim the funds after a delay period.": "Reward the bounty to an implementer's account. The implementer will be able to claim the funds after a delay period.",
+  "Select an account which (after a successful vote) will act as a curator.": "Select an account which (after a successful vote) will act as a curator.",
+  "Select the account you wish to propose the bounty from.": "Select the account you wish to propose the bounty from.",
+  "Select the council member account you wish to use to create a motion for the Bounty.": "Select the council member account you wish to use to create a motion for the Bounty.",
+  "Select the council member account you wish to use to create a proposal for closing bounty.": "Select the council member account you wish to use to create a proposal for closing bounty.",
+  "Slash curator": "Slash curator",
+  "Slash curator (Council)": "Slash curator (Council)",
+  "The Curator account that will be used to send this transaction. Any applicable fees will be paid by this account.": "The Curator account that will be used to send this transaction. Any applicable fees will be paid by this account.",
+  "The Curator account that will give up on it's role.": "The Curator account that will give up on it's role.",
+  "The Curator that will be slashed.": "The Curator that will be slashed.",
+  "The Curator that will be unassigned": "The Curator that will be unassigned",
+  "The account that will create the transaction.": "The account that will create the transaction.",
+  "The account that will sign the transaction.": "The account that will sign the transaction.",
+  "The council member that will create a motion, submission equates to an \"aye\" vote for chosen option.": "The council member that will create a motion, submission equates to an \"aye\" vote for chosen option.",
+  "The council member that will create the close bounty proposal, submission equates to an \"aye\" vote.": "The council member that will create the close bounty proposal, submission equates to an \"aye\" vote.",
+  "The council member that will create the motion, submission equates to an \"aye\" vote.": "The council member that will create the motion, submission equates to an \"aye\" vote.",
+  "The council member that will create the motion.": "The council member that will create the motion.",
+  "The description of this bounty": "The description of this bounty",
+  "The extended expiry date does not depend on the current expiry date.": "The extended expiry date does not depend on the current expiry date.",
+  "The note linked to the extension call, explaining the reason behind it.": "The note linked to the extension call, explaining the reason behind it.",
+  "The note that will be added to the transaction. It won't be stored on chain": "The note that will be added to the transaction. It won't be stored on chain",
+  "The total payment amount of this bounty, curator's fee included.": "The total payment amount of this bounty, curator's fee included.",
+  "This account will accept the curator role.": "This account will accept the curator role.",
+  "This account will be used to create an extend bounty expire transaction.": "This account will be used to create an extend bounty expire transaction.",
+  "This account will be used to create the unassign curator transaction.": "This account will be used to create the unassign curator transaction.",
+  "This account will propose the bounty. Bond amount will be reserved on its balance.": "This account will propose the bounty. Bond amount will be reserved on its balance.",
+  "This action will Slash the Curator.": "This action will Slash the Curator.",
+  "This action will create a Council motion to slash the Curator.": "This action will create a Council motion to slash the Curator.",
+  "This action will create a Council motion to unassign the Curator.": "This action will create a Council motion to unassign the Curator.",
+  "This amount will be reserved from origin account and returned on approval or slashed upon rejection.": "This amount will be reserved from origin account and returned on approval or slashed upon rejection.",
+  "This amount will be reserved from your account and returned after bounty claim is confirmed or if you give up, unless you are slashed earlier.": "This amount will be reserved from your account and returned after bounty claim is confirmed or if you give up, unless you are slashed earlier.",
+  "This amount will be sent to your account after bounty is rewarded and you claim curator's fee.": "This amount will be sent to your account after bounty is rewarded and you claim curator's fee.",
+  "This bounty has received approval and is currently being implemented.": "This bounty has received approval and is currently being implemented.",
+  "This bounty is funded.": "This bounty is funded.",
+  "This bounty was approved by the council. When the next spend period starts, it will be funded.": "This bounty was approved by the council. When the next spend period starts, it will be funded.",
+  "This bounty was completed and the beneficiary was rewarded by the curator. Claiming the payout will be possible after the delay period is over.": "This bounty was completed and the beneficiary was rewarded by the curator. Claiming the payout will be possible after the delay period is over.",
+  "Title too long": "Title too long",
+  "Unassign curator": "Unassign curator",
+  "Unassign curator under voting": "Unassign curator under voting",
+  "Update overdue": "Update overdue",
+  "Voting": "Voting",
+  "Waiting for Bounty Funding": "Waiting for Bounty Funding",
+  "Waiting for Curator's acceptance": "Waiting for Curator's acceptance",
+  "Waiting for implementer to claim": "Waiting for implementer to claim",
+  "You are giving up your curator role, the bounty will return to the Funded state. You will get your deposit back.": "You are giving up your curator role, the bounty will return to the Funded state. You will get your deposit back.",
+  "accept curator role": "accept curator role",
+  "active": "active",
+  "active total": "active total",
+  "award bounty": "award bounty",
+  "award with account": "award with account",
+  "bounties": "bounties",
+  "bounty bond": "bounty bond",
+  "bounty remark": "bounty remark",
+  "bounty requested allocation": "bounty requested allocation",
+  "bounty title": "bounty title",
+  "close bounty": "close bounty",
+  "curator": "curator",
+  "curator account": "curator account",
+  "curator's deposit": "curator's deposit",
+  "curator's fee": "curator's fee",
+  "current curator": "current curator",
+  "extend expiry": "extend expiry",
+  "funding period": "funding period",
+  "give up curator's role": "give up curator's role",
+  "implementer account": "implementer account",
+  "new expiry date and time": "new expiry date and time",
+  "next action": "next action",
+  "past": "past",
+  "payout": "payout",
+  "propose with account": "propose with account",
+  "proposing account": "proposing account",
+  "reject curator": "reject curator",
+  "select curator": "select curator",
+  "submit with account": "submit with account",
+  "update": "update",
+  "value": "value",
+  "vote with account": "vote with account"
+}
\ No newline at end of file
diff --git a/packages/apps/public/locales/en/app-calendar.json b/packages/apps/public/locales/en/app-calendar.json
new file mode 100644
index 0000000..59d01ea
--- /dev/null
+++ b/packages/apps/public/locales/en/app-calendar.json
@@ -0,0 +1,30 @@
+{
+  "Acceptance of new members and bids": "Acceptance of new members and bids",
+  "Application of slashes from era {{id}}": "Application of slashes from era {{id}}",
+  "Election of new council candidates": "Election of new council candidates",
+  "Enactment of the result of referendum {{id}}": "Enactment of the result of referendum {{id}}",
+  "End of the current parachain auction {{id}}": "End of the current parachain auction {{id}}",
+  "Execute anonymous scheduled task": "Execute anonymous scheduled task",
+  "Execute named scheduled task {{id}}": "Execute named scheduled task {{id}}",
+  "Potential dispatch of referendum {{id}} (if passed)": "Potential dispatch of referendum {{id}} (if passed)",
+  "Start of a new staking era {{id}}": "Start of a new staking era {{id}}",
+  "Start of a new staking session {{id}}": "Start of a new staking session {{id}}",
+  "Start of next membership challenge period": "Start of next membership challenge period",
+  "Start of next spending period": "Start of next spending period",
+  "Start of the next parachain lease period {{id}}": "Start of the next parachain lease period {{id}}",
+  "Start of the next referendum voting period": "Start of the next referendum voting period",
+  "Upcoming Events": "Upcoming Events",
+  "Upcoming events": "Upcoming events",
+  "Voting ends for referendum {{id}}": "Voting ends for referendum {{id}}",
+  "Voting ends on council motion {{id}}": "Voting ends on council motion {{id}}",
+  "via Council": "via Council",
+  "via Council/Motions": "via Council/Motions",
+  "via Democracy": "via Democracy",
+  "via Democracy/Dispatch": "via Democracy/Dispatch",
+  "via Parachains": "via Parachains",
+  "via Parachains/Auction": "via Parachains/Auction",
+  "via Society": "via Society",
+  "via Staking": "via Staking",
+  "via Staking/Slashed": "via Staking/Slashed",
+  "via Treasury": "via Treasury"
+}
\ No newline at end of file
diff --git a/packages/apps/public/locales/en/app-claims.json b/packages/apps/public/locales/en/app-claims.json
new file mode 100644
index 0000000..6ff21dc
--- /dev/null
+++ b/packages/apps/public/locales/en/app-claims.json
@@ -0,0 +1,30 @@
+{
+  "1. Select your {{chain}} account": "1. Select your {{chain}} account",
+  "2. Enter the ETH address from the sale.": "2. Enter the ETH address from the sale.",
+  "Account balance:": "Account balance:",
+  "Claim": "Claim",
+  "Claim tokens": "Claim tokens",
+  "Confirm claim": "Confirm claim",
+  "Continue": "Continue",
+  "Copy the following string and sign it with the Ethereum account you used during the pre-sale in the wallet of your choice, using the string as the payload, and then paste the transaction signature object below:": "Copy the following string and sign it with the Ethereum account you used during the pre-sale in the wallet of your choice, using the string as the payload, and then paste the transaction signature object below:",
+  "I agree": "I agree",
+  "Loading": "Loading",
+  "Paste the signed message into the field below. The placeholder text is there as a hint to what the message should look like:": "Paste the signed message into the field below. The placeholder text is there as a hint to what the message should look like:",
+  "Please read these terms and conditions carefully. By submitting this statement, you are deemed to have accepted these Terms and Conditions. If you do not agree to these terms, please refrain from accessing or proceeding. You can also find them at:": "Please read these terms and conditions carefully. By submitting this statement, you are deemed to have accepted these Terms and Conditions. If you do not agree to these terms, please refrain from accessing or proceeding. You can also find them at:",
+  "Pre-sale ethereum address": "Pre-sale ethereum address",
+  "The Ethereum address you used during the pre-sale (starting by \"0x\")": "The Ethereum address you used during the pre-sale (starting by \"0x\")",
+  "The account you want to claim to.": "The account you want to claim to.",
+  "There is no on-chain attestation statement associated with the Ethereum account {{ethereumAddress}}": "There is no on-chain attestation statement associated with the Ethereum account {{ethereumAddress}}",
+  "There is no on-chain claimable balance associated with the Ethereum account {{ethereumAddress}}": "There is no on-chain claimable balance associated with the Ethereum account {{ethereumAddress}}",
+  "Warning: we did not find any attest statement for {{chain}}": "Warning: we did not find any attest statement for {{chain}}",
+  "We found a pre-claim with this Polkadot address. However, attesting requires signing with this account. To continue with attesting, please add this account as an owned account first.": "We found a pre-claim with this Polkadot address. However, attesting requires signing with this account. To continue with attesting, please add this account as an owned account first.",
+  "You need to sign an attestation for the following account:": "You need to sign an attestation for the following account:",
+  "You need to sign an attestation for the following accounts:": "You need to sign an attestation for the following accounts:",
+  "Your Ethereum account": "Your Ethereum account",
+  "claim to account": "claim to account",
+  "click to copy": "click to copy",
+  "copied": "copied",
+  "does not appear to have a valid claim. Please double check that you have signed the transaction correctly on the correct ETH account.": "does not appear to have a valid claim. Please double check that you have signed the transaction correctly on the correct ETH account.",
+  "has a valid claim for": "has a valid claim for",
+  "{{step}}. Sign with your ETH address": "{{step}}. Sign with your ETH address"
+}
\ No newline at end of file
diff --git a/packages/apps/public/locales/en/app-contracts.json b/packages/apps/public/locales/en/app-contracts.json
new file mode 100644
index 0000000..b232f96
--- /dev/null
+++ b/packages/apps/public/locales/en/app-contracts.json
@@ -0,0 +1,86 @@
+{
+  "0x prefixed hex, e.g. 0x1234 or ascii data": "0x prefixed hex, e.g. 0x1234 or ascii data",
+  "<none>": "<none>",
+  "A deployed contract that has either been deployed or attached. The address and ABI are used to construct the parameters.": "A deployed contract that has either been deployed or attached. The address and ABI are used to construct the parameters.",
+  "A hex or string value that acts as a salt for this deployment.": "A hex or string value that acts as a salt for this deployment.",
+  "Add an existing code hash": "Add an existing code hash",
+  "Add an existing contract": "Add an existing contract",
+  "Available": "Available",
+  "Call a contract": "Call a contract",
+  "Call results": "Call results",
+  "Confirm ABI removal": "Confirm ABI removal",
+  "Constructors ({{count}})": "Constructors ({{count}})",
+  "Contracts": "Contracts",
+  "Deploy": "Deploy",
+  "Deploy a contract": "Deploy a contract",
+  "Execute": "Execute",
+  "Messages ({{count}})": "Messages ({{count}})",
+  "Mutates contract state": "Mutates contract state",
+  "Next": "Next",
+  "No code hashes available": "No code hashes available",
+  "No contracts available": "No contracts available",
+  "No documentation provided": "No documentation provided",
+  "Not on-chain": "Not on-chain",
+  "Prev": "Prev",
+  "Read": "Read",
+  "Remove": "Remove",
+  "Remove ABI": "Remove ABI",
+  "Save": "Save",
+  "Specify the user account to use for this contract call. And fees will be deducted from this account.": "Specify the user account to use for this contract call. And fees will be deducted from this account.",
+  "Specify the user account to use for this deployment. Any fees will be deducted from this account.": "Specify the user account to use for this deployment. Any fees will be deducted from this account.",
+  "The ABI for the WASM code. The ABI is required and stored for future operations such as sending messages.": "The ABI for the WASM code. The ABI is required and stored for future operations such as sending messages.",
+  "The address for the deployed contract instance.": "The address for the deployed contract instance.",
+  "The allotted value for this contract, i.e. the amount transferred to the contract as part of this call.": "The allotted value for this contract, i.e. the amount transferred to the contract as part of this call.",
+  "The balance to transfer from the `origin` to the newly created contract.": "The balance to transfer from the `origin` to the newly created contract.",
+  "The code hash for the on-chain deployed code.": "The code hash for the on-chain deployed code.",
+  "The code is not recognized as being in valid WASM format": "The code is not recognized as being in valid WASM format",
+  "The codeHash is not a valid hex hash": "The codeHash is not a valid hex hash",
+  "The compiled WASM for the contract that you wish to deploy. Each unique code blob will be attached with a code hash that can be used to create new instances.": "The compiled WASM for the contract that you wish to deploy. Each unique code blob will be attached with a code hash that can be used to create new instances.",
+  "The deployment constructor information for this contract, as provided by the ABI.": "The deployment constructor information for this contract, as provided by the ABI.",
+  "The maximum amount of gas that can be used by this deployment, if the code requires more, the deployment will fail": "The maximum amount of gas that can be used by this deployment, if the code requires more, the deployment will fail",
+  "The maximum amount of gas that can be used by this deployment, if the code requires more, the deployment will fail.": "The maximum amount of gas that can be used by this deployment, if the code requires more, the deployment will fail.",
+  "The maximum amount of gas to use for this contract call. If the call requires more, it will fail.": "The maximum amount of gas to use for this contract call. If the call requires more, it will fail.",
+  "The message to send to this contract. Parameters are adjusted based on the ABI provided.": "The message to send to this contract. Parameters are adjusted based on the ABI provided.",
+  "The value is not in a valid address format": "The value is not in a valid address format",
+  "This is the ABI as supplied. Any calls to the contract will use this information for encoding.": "This is the ABI as supplied. Any calls to the contract will use this information for encoding.",
+  "This operation does not impact the associated on-chain code or any of its contracts.": "This operation does not impact the associated on-chain code or any of its contracts.",
+  "This operation does not remove the uploaded code WASM and ABI from the chain, nor any deployed contracts. The forget operation only limits your access to the code on this browser.": "This operation does not remove the uploaded code WASM and ABI from the chain, nor any deployed contracts. The forget operation only limits your access to the code on this browser.",
+  "Unable to find deployed contract code at the specified address": "Unable to find deployed contract code at the specified address",
+  "Unable to find on-chain WASM code for the supplied codeHash": "Unable to find on-chain WASM code for the supplied codeHash",
+  "Upload & deploy code": "Upload & deploy code",
+  "Upload & deploy code {{info}}": "Upload & deploy code {{info}}",
+  "You are about to remove this code from your list of available code hashes. Once completed, should you need to access it again, you will have to manually add the code hash again.": "You are about to remove this code from your list of available code hashes. Once completed, should you need to access it again, you will have to manually add the code hash again.",
+  "You are about to remove this code's ABI. Once completed, should you need to access it again, you will have to manually re-upload it.": "You are about to remove this code's ABI. Once completed, should you need to access it again, you will have to manually re-upload it.",
+  "address forgotten": "address forgotten",
+  "addresses": "addresses",
+  "call from account": "call from account",
+  "click to select or drag and drop a JSON file": "click to select or drag and drop a JSON file",
+  "code hash": "code hash",
+  "code hashes": "code hashes",
+  "compiled contract WASM": "compiled contract WASM",
+  "contract ABI": "contract ABI",
+  "contract address": "contract address",
+  "contract to use": "contract to use",
+  "contracts": "contracts",
+  "current value": "current value",
+  "deploy": "deploy",
+  "deployment account": "deployment account",
+  "deployment constructor": "deployment constructor",
+  "exec": "exec",
+  "json for either ABI or .contract bundle": "json for either ABI or .contract bundle",
+  "max gas allowed (M)": "max gas allowed (M)",
+  "max gas allowed (M, {{estimatedMg}} estimated)": "max gas allowed (M, {{estimatedMg}} estimated)",
+  "max read gas": "max read gas",
+  "message to send": "message to send",
+  "read": "read",
+  "read contract only, no execution": "read contract only, no execution",
+  "status": "status",
+  "transferrable": "transferrable",
+  "unique deployment salt": "unique deployment salt",
+  "use deployment salt": "use deployment salt",
+  "use estimated gas": "use estimated gas",
+  "value": "value",
+  "{{executionTime}}s execution time": "{{executionTime}}s execution time",
+  "{{percentage}}% of block weight": "{{percentage}}% of block weight",
+  "{{size}} WASM bytes": "{{size}} WASM bytes"
+}
\ No newline at end of file
diff --git a/packages/apps/public/locales/en/app-council.json b/packages/apps/public/locales/en/app-council.json
new file mode 100644
index 0000000..4369ea6
--- /dev/null
+++ b/packages/apps/public/locales/en/app-council.json
@@ -0,0 +1,82 @@
+{
+  "Aye {{count}}": "Aye {{count}}",
+  "Cancel slashes": "Cancel slashes",
+  "Close": "Close",
+  "Close proposal": "Close proposal",
+  "Current prime member, default voting": "Current prime member, default voting",
+  "In calculating the election outcome, this prioritized vote ordering will be used to determine the final score for the candidates.": "In calculating the election outcome, this prioritized vote ordering will be used to determine the final score for the candidates.",
+  "Motions": "Motions",
+  "Nay {{count}}": "Nay {{count}}",
+  "No candidates found": "No candidates found",
+  "No council motions": "No council motions",
+  "No members found": "No members found",
+  "No runners up found": "No runners up found",
+  "Overview": "Overview",
+  "Positive number between 1 and {{memberCount}}": "Positive number between 1 and {{memberCount}}",
+  "Propose": "Propose",
+  "Propose a council motion": "Propose a council motion",
+  "Propose external": "Propose external",
+  "Propose external (majority)": "Propose external (majority)",
+  "Propose motion": "Propose motion",
+  "Revert": "Revert",
+  "Revert pending slashes": "Revert pending slashes",
+  "Select and order council candidates you wish to vote for.": "Select and order council candidates you wish to vote for.",
+  "Select the account you wish close the proposal with.": "Select the account you wish close the proposal with.",
+  "Select the account you wish to make the proposal with.": "Select the account you wish to make the proposal with.",
+  "Select the account you wish to submit for candidacy.": "Select the account you wish to submit for candidacy.",
+  "Submit candidacy": "Submit candidacy",
+  "Submit your council candidacy": "Submit your council candidacy",
+  "The actual proposal to make, based on the selected call and parameters thereof.": "The actual proposal to make, based on the selected call and parameters thereof.",
+  "The amount that is reserved": "The amount that is reserved",
+  "The amount will be reserved for the duration of your vote": "The amount will be reserved for the duration of your vote",
+  "The bond that is reserved": "The bond that is reserved",
+  "The bond will be reserved for the duration of your candidacy and membership.": "The bond will be reserved for the duration of your candidacy and membership.",
+  "The council account for the proposal. The selection is filtered by the current members.": "The council account for the proposal. The selection is filtered by the current members.",
+  "The council account for this vote. The selection is filtered by the current members.": "The council account for this vote. The selection is filtered by the current members.",
+  "The council account that will apply the close for the current round.": "The council account that will apply the close for the current round.",
+  "The desired threshold. Here set to a default of 50%+1, as applicable for general proposals.": "The desired threshold. Here set to a default of 50%+1, as applicable for general proposals.",
+  "The hash of the proposal image, either already submitted or valid for the specific call.": "The hash of the proposal image, either already submitted or valid for the specific call.",
+  "The minimum number of council votes required to approve this motion": "The minimum number of council votes required to approve this motion",
+  "The preimage hash of the proposal": "The preimage hash of the proposal",
+  "The proposal that is being voted on. It will pass when the threshold is reached.": "The proposal that is being voted on. It will pass when the threshold is reached.",
+  "The proposal that will be affected. Once closed for the current voting round, it would need to be re-submitted to council for a subsequent voting round.": "The proposal that will be affected. Once closed for the current voting round, it would need to be re-submitted to council for a subsequent voting round.",
+  "The specific eras on which there are unapplied slashes. For each era a separate proposal is to be made.": "The specific eras on which there are unapplied slashes. For each era a separate proposal is to be made.",
+  "The unapplied slashed era to cancel.": "The unapplied slashed era to cancel.",
+  "The value associated with this vote. The amount will be locked (not available for transfer) and used in all subsequent elections.": "The value associated with this vote. The amount will be locked (not available for transfer) and used in all subsequent elections.",
+  "The vote will be recorded for the selected account.": "The vote will be recorded for the selected account.",
+  "The votes for the members, runner-ups and candidates. These should be ordered based on your priority.": "The votes for the members, runner-ups and candidates. These should be ordered based on your priority.",
+  "This account will appear in the list of candidates. With enough votes in an election, it will become either a runner-up or a council member.": "This account will appear in the list of candidates. With enough votes in an election, it will become either a runner-up or a council member.",
+  "This account will be use to approve each candidate.": "This account will be use to approve each candidate.",
+  "Unvote all": "Unvote all",
+  "Vote": "Vote",
+  "Vote Aye": "Vote Aye",
+  "Vote Nay": "Vote Nay",
+  "Vote for current candidates": "Vote for current candidates",
+  "Vote on proposal": "Vote on proposal",
+  "You are voting with this collective's prime account. The vote will be the default outcome in case of any abstentions.": "You are voting with this collective's prime account. The vote will be the default outcome in case of any abstentions.",
+  "backing": "backing",
+  "candidacy bond": "candidacy bond",
+  "candidate account": "candidate account",
+  "candidates": "candidates",
+  "close from account": "close from account",
+  "council candidates": "council candidates",
+  "era {{era}}, {{count}} slashes": "era {{era}}, {{count}} slashes",
+  "members": "members",
+  "motions": "motions",
+  "my ordered votes": "my ordered votes",
+  "no unapplied slashes found": "no unapplied slashes found",
+  "preimage hash": "preimage hash",
+  "prime voter": "prime voter",
+  "proposal": "proposal",
+  "propose from account": "propose from account",
+  "runners up": "runners up",
+  "seats": "seats",
+  "term progress": "term progress",
+  "the era to cancel for": "the era to cancel for",
+  "threshold": "threshold",
+  "votes": "votes",
+  "voting account": "voting account",
+  "voting bond": "voting bond",
+  "voting end": "voting end",
+  "voting round": "voting round"
+}
\ No newline at end of file
diff --git a/packages/apps/public/locales/en/app-democracy.json b/packages/apps/public/locales/en/app-democracy.json
new file mode 100644
index 0000000..5506d3e
--- /dev/null
+++ b/packages/apps/public/locales/en/app-democracy.json
@@ -0,0 +1,94 @@
+{
+  "Aye {{count}}": "Aye {{count}}",
+  "Conviction locks do overlap and are not additive, meaning that funds locked during a previous vote can be locked again.": "Conviction locks do overlap and are not additive, meaning that funds locked during a previous vote can be locked again.",
+  "Dispatch": "Dispatch",
+  "Fast track": "Fast track",
+  "Fast track proposal": "Fast track proposal",
+  "If this proposal is passed, the changes will be applied via dispatch and the deposit returned.": "If this proposal is passed, the changes will be applied via dispatch and the deposit returned.",
+  "Image": "Image",
+  "Nay {{count}}": "Nay {{count}}",
+  "No active proposals": "No active proposals",
+  "No active referendums": "No active referendums",
+  "No active schedules": "No active schedules",
+  "No external proposal": "No external proposal",
+  "Nothing queued for execution": "Nothing queued for execution",
+  "Overview": "Overview",
+  "Second": "Second",
+  "Second proposal": "Second proposal",
+  "Seconding a proposal that indicates your backing for the proposal. Proposals with greater interest moves up the queue for potential next referendums.": "Seconding a proposal that indicates your backing for the proposal. Proposals with greater interest moves up the queue for potential next referendums.",
+  "Seconds ({{count}})": "Seconds ({{count}})",
+  "Select the account you wish to second with. This will lock your funds until the proposal is either approved or rejected": "Select the account you wish to second with. This will lock your funds until the proposal is either approved or rejected",
+  "Select the committee account you wish to make the proposal with.": "Select the committee account you wish to make the proposal with.",
+  "Submit Aye vote with proposal": "Submit Aye vote with proposal",
+  "Submit an Aye vote alongside the proposal as part of a batch": "Submit an Aye vote alongside the proposal as part of a batch",
+  "Submit preimage": "Submit preimage",
+  "Submit proposal": "Submit proposal",
+  "The account you want to register the preimage from": "The account you want to register the preimage from",
+  "The account you want to register the proposal from": "The account you want to register the proposal from",
+  "The amount reserved to store this image": "The amount reserved to store this image",
+  "The amount this total can be reduced by to change the referendum outcome. This assumes changes to the convictions of the existing votes, with no additional turnout.": "The amount this total can be reduced by to change the referendum outcome. This assumes changes to the convictions of the existing votes, with no additional turnout.",
+  "The amount this total should be increased by to change the referendum outcome. This assumes additional turnout with new votes at 1x conviction.": "The amount this total should be increased by to change the referendum outcome. This assumes additional turnout with new votes at 1x conviction.",
+  "The associated deposit for this proposal should be more then the minimum on-chain deposit required. It will be locked until the proposal passes.": "The associated deposit for this proposal should be more then the minimum on-chain deposit required. It will be locked until the proposal passes.",
+  "The balance associated with the vote will be locked as per the conviction specified and will not be available for transfer during this period.": "The balance associated with the vote will be locked as per the conviction specified and will not be available for transfer during this period.",
+  "The calculated storage costs based on the size and the per-bytes fee.": "The calculated storage costs based on the size and the per-bytes fee.",
+  "The conviction to use for this vote, with an appropriate lock period.": "The conviction to use for this vote, with an appropriate lock period.",
+  "The delay period to apply in blocks": "The delay period to apply in blocks",
+  "The deposit will be locked for the lifetime of the proposal.": "The deposit will be locked for the lifetime of the proposal.",
+  "The external proposal to send to the technical committee": "The external proposal to send to the technical committee",
+  "The hash of the preimage for the proposal as previously submitted or intended.": "The hash of the preimage for the proposal as previously submitted or intended.",
+  "The hash of the selected proposal, use it for submitting the proposal": "The hash of the selected proposal, use it for submitting the proposal",
+  "The image (proposal) will be stored on-chain against the hash of the contents.": "The image (proposal) will be stored on-chain against the hash of the contents.",
+  "The locked value for this proposal": "The locked value for this proposal",
+  "The minimum deposit required": "The minimum deposit required",
+  "The preimage hash of the proposal": "The preimage hash of the proposal",
+  "The proposal is in the queue for future referendums. One proposal from this list will move forward to voting.": "The proposal is in the queue for future referendums. One proposal from this list will move forward to voting.",
+  "The proposal will be registered from this account and the balance lock will be applied here.": "The proposal will be registered from this account and the balance lock will be applied here.",
+  "The vote will be recorded for this account. If another account delegated to this one, the delegated votes will also be counted.": "The vote will be recorded for this account. If another account delegated to this one, the delegated votes will also be counted.",
+  "The voting period and delay to apply to this proposal. The threshold is calculated from these values.": "The voting period and delay to apply to this proposal. The threshold is calculated from these values.",
+  "The voting period to apply in blocks": "The voting period to apply in blocks",
+  "This account will pay the fees for the preimage, based on the size thereof.": "This account will pay the fees for the preimage, based on the size thereof.",
+  "Vote": "Vote",
+  "Vote Aye": "Vote Aye",
+  "Vote Nay": "Vote Nay",
+  "Vote on proposal": "Vote on proposal",
+  "When submitting a proposal the hash needs to be known. Proposals can be submitted with hash-only, but upon dispatch the preimage needs to be available.": "When submitting a proposal the hash needs to be known. Proposals can be submitted with hash-only, but upon dispatch the preimage needs to be available.",
+  "activate": "activate",
+  "beneficiary": "beneficiary",
+  "calculated storage fee": "calculated storage fee",
+  "conviction": "conviction",
+  "count": "count",
+  "delay": "delay",
+  "deposit required": "deposit required",
+  "dispatch queue": "dispatch queue",
+  "enact": "enact",
+  "external": "external",
+  "id": "id",
+  "launch period": "launch period",
+  "locked": "locked",
+  "locked balance": "locked balance",
+  "minimum deposit": "minimum deposit",
+  "payout": "payout",
+  "period": "period",
+  "preimage hash": "preimage hash",
+  "preimage {{hash}}": "preimage {{hash}}",
+  "proposal hash": "proposal hash",
+  "proposals": "proposals",
+  "propose": "propose",
+  "propose from account": "propose from account",
+  "proposer": "proposer",
+  "referenda": "referenda",
+  "remaining": "remaining",
+  "scheduled": "scheduled",
+  "second with account": "second with account",
+  "send from account": "send from account",
+  "threshold": "threshold",
+  "total": "total",
+  "transferrable": "transferrable",
+  "turnout": "turnout",
+  "votes": "votes",
+  "voting period": "voting period",
+  "{{blocks}} blocks": "{{blocks}} blocks",
+  "{{percentage}} aye": "{{percentage}} aye",
+  "{{threshold}}, not passing": "{{threshold}}, not passing",
+  "{{threshold}}, passing": "{{threshold}}, passing"
+}
\ No newline at end of file
diff --git a/packages/apps/public/locales/en/app-explorer.json b/packages/apps/public/locales/en/app-explorer.json
new file mode 100644
index 0000000..d88d031
--- /dev/null
+++ b/packages/apps/public/locales/en/app-explorer.json
@@ -0,0 +1,73 @@
+{
+  "Block details": "Block details",
+  "Chain info": "Chain info",
+  "Forks": "Forks",
+  "Latency": "Latency",
+  "No blocks available": "No blocks available",
+  "No events available": "No events available",
+  "No extrinsics available": "No extrinsics available",
+  "No justifications available": "No justifications available",
+  "No logs available": "No logs available",
+  "Node info": "Node info",
+  "Unable to retrieve the specified block details. {{error}}": "Unable to retrieve the specified block details. {{error}}",
+  "average": "average",
+  "avg": "avg",
+  "best": "best",
+  "best #": "best #",
+  "best hash": "best hash",
+  "block hash or number to query": "block hash or number to query",
+  "block weight": "block weight",
+  "blocks": "blocks",
+  "blocksize (last {{num}} blocks)": "blocksize (last {{num}} blocks)",
+  "blocktime": "blocktime",
+  "blocktimes (last {{num}} blocks)": "blocktimes (last {{num}} blocks)",
+  "bytes": "bytes",
+  "connected peers": "connected peers",
+  "deposits": "deposits",
+  "elapsed": "elapsed",
+  "epoch": "epoch",
+  "era": "era",
+  "event count": "event count",
+  "events": "events",
+  "events (last {{num}} blocks)": "events (last {{num}} blocks)",
+  "extrinsic count": "extrinsic count",
+  "extrinsics": "extrinsics",
+  "extrinsics (last {{num}} blocks)": "extrinsics (last {{num}} blocks)",
+  "finalized": "finalized",
+  "forks": "forks",
+  "hash": "hash",
+  "immortal": "immortal",
+  "index": "index",
+  "justifications": "justifications",
+  "last": "last",
+  "last block": "last block",
+  "last events": "last events",
+  "logs": "logs",
+  "max": "max",
+  "min": "min",
+  "mortal, valid from #{{startAt}} to #{{endsAt}}": "mortal, valid from #{{startAt}} to #{{endsAt}}",
+  "no": "no",
+  "no peers connected": "no peers connected",
+  "our best": "our best",
+  "parent": "parent",
+  "peer best": "peer best",
+  "pending extrinsics": "pending extrinsics",
+  "queued tx": "queued tx",
+  "recent blocks": "recent blocks",
+  "recent events": "recent events",
+  "refresh in": "refresh in",
+  "role": "role",
+  "session": "session",
+  "signer": "signer",
+  "state": "state",
+  "std dev": "std dev",
+  "syncing": "syncing",
+  "system": "system",
+  "system events": "system events",
+  "target": "target",
+  "total issuance": "total issuance",
+  "total peers": "total peers",
+  "transfers": "transfers",
+  "weight": "weight",
+  "yes": "yes"
+}
\ No newline at end of file
diff --git a/packages/apps/public/locales/en/app-extrinsics.json b/packages/apps/public/locales/en/app-extrinsics.json
new file mode 100644
index 0000000..2b75f64
--- /dev/null
+++ b/packages/apps/public/locales/en/app-extrinsics.json
@@ -0,0 +1,15 @@
+{
+  "0x...": "0x...",
+  "Decode": "Decode",
+  "Submission": "Submission",
+  "Submit Transaction": "Submit Transaction",
+  "Submit Unsigned": "Submit Unsigned",
+  "decoded call": "decoded call",
+  "encoded call data": "encoded call data",
+  "encoded call details": "encoded call details",
+  "encoded call hash": "encoded call hash",
+  "free balance": "free balance",
+  "hex-encoded call": "hex-encoded call",
+  "submit the following extrinsic": "submit the following extrinsic",
+  "using the selected account": "using the selected account"
+}
\ No newline at end of file
diff --git a/packages/apps/public/locales/en/app-files.json b/packages/apps/public/locales/en/app-files.json
new file mode 100644
index 0000000..6e25c2c
--- /dev/null
+++ b/packages/apps/public/locales/en/app-files.json
@@ -0,0 +1,39 @@
+{
+  "Copy file cid": "Copy file cid",
+  "Copy link": "Copy link",
+  "Crust Pinner": "Crust Pinner",
+  "Do not upload files larger than 100MB!": "Do not upload files larger than 100MB!",
+  "Download": "Download",
+  "Export": "Export",
+  "File": "File",
+  "File streaming and wallet authentication will be processed by the chosen gateway.": "File streaming and wallet authentication will be processed by the chosen gateway.",
+  "Folder": "Folder",
+  "Import": "Import",
+  "Import Success": "Import Success",
+  "Import files": "Import files",
+  "Importing": "Importing",
+  "Loading": "Loading",
+  "No files": "No files",
+  "Note: The file list is cached locally, switching browsers or devices will not keep displaying the original browser information.": "Note: The file list is cached locally, switching browsers or devices will not keep displaying the original browser information.",
+  "Please choose account": "Please choose account",
+  "Please do not upload more than 2000 files": "Please do not upload more than 2000 files",
+  "Please select non-empty folder": "Please select non-empty folder",
+  "Select a Web3 IPFS Gateway": "Select a Web3 IPFS Gateway",
+  "Select a Web3 IPFS Pinner": "Select a Web3 IPFS Pinner",
+  "Sign and Upload": "Sign and Upload",
+  "The account's password specified at the creation of this account.": "The account's password specified at the creation of this account.",
+  "Upload": "Upload",
+  "Upload File": "Upload File",
+  "View status in Crust": "View status in Crust",
+  "Your Files": "Your Files",
+  "Your file will be pinned to IPFS for long-term storage.": "Your file will be pinned to IPFS for long-term storage.",
+  "action": "action",
+  "file cid": "file cid",
+  "file content error": "file content error",
+  "file error": "file error",
+  "file size": "file size",
+  "files": "files",
+  "password": "password",
+  "status": "status",
+  "transferrable": "transferrable"
+}
\ No newline at end of file
diff --git a/packages/apps/public/locales/en/app-gilt.json b/packages/apps/public/locales/en/app-gilt.json
new file mode 100644
index 0000000..08c2ad5
--- /dev/null
+++ b/packages/apps/public/locales/en/app-gilt.json
@@ -0,0 +1,30 @@
+{
+  "Bid": "Bid",
+  "No active gilt queues found.": "No active gilt queues found.",
+  "Overview": "Overview",
+  "Submit Bid": "Submit Bid",
+  "The account you want to register the bid from": "The account you want to register the bid from",
+  "The amount you wish to lock for the duration. It needs to be more than the gilt minimum.": "The amount you wish to lock for the duration. It needs to be more than the gilt minimum.",
+  "The associated proxy to use for this account": "The associated proxy to use for this account",
+  "The minimum amount that is allowed as a bid": "The minimum amount that is allowed as a bid",
+  "The number of periods this bid is to be freezed for, less than the maximum period": "The number of periods this bid is to be freezed for, less than the maximum period",
+  "This account will make the bid for the gilt and pay all associated fees.": "This account will make the bid for the gilt and pay all associated fees.",
+  "active": "active",
+  "balance": "balance",
+  "bid amount": "bid amount",
+  "index": "index",
+  "intake": "intake",
+  "lock periods": "lock periods",
+  "maximum lock periods": "maximum lock periods",
+  "minimum freeze amount": "minimum freeze amount",
+  "no": "no",
+  "participants": "participants",
+  "proportion": "proportion",
+  "queues": "queues",
+  "send via proxy": "send via proxy",
+  "submit gilt bid": "submit gilt bid",
+  "target": "target",
+  "transferrable": "transferrable",
+  "use proxied account": "use proxied account",
+  "yes": "yes"
+}
\ No newline at end of file
diff --git a/packages/apps/public/locales/en/app-js.json b/packages/apps/public/locales/en/app-js.json
new file mode 100644
index 0000000..ccd18b3
--- /dev/null
+++ b/packages/apps/public/locales/en/app-js.json
@@ -0,0 +1,10 @@
+{
+  "Close": "Close",
+  "Console": "Console",
+  "Name your example": "Name your example",
+  "Never execute JS snippets from untrusted sources.": "Never execute JS snippets from untrusted sources.",
+  "Save snippet to local storage": "Save snippet to local storage",
+  "Select example": "Select example",
+  "This is a developer tool that allows you to execute selected snippets in a limited context.": "This is a developer tool that allows you to execute selected snippets in a limited context.",
+  "Unless you are a developer with insight into what the specific script does to your environment (based on reading the code being executed) generally the advice would be to not use this environment.": "Unless you are a developer with insight into what the specific script does to your environment (based on reading the code being executed) generally the advice would be to not use this environment."
+}
\ No newline at end of file
diff --git a/packages/apps/public/locales/en/app-membership.json b/packages/apps/public/locales/en/app-membership.json
new file mode 100644
index 0000000..9e26dfe
--- /dev/null
+++ b/packages/apps/public/locales/en/app-membership.json
@@ -0,0 +1 @@
+{}
\ No newline at end of file
diff --git a/packages/apps/public/locales/en/app-nfts.json b/packages/apps/public/locales/en/app-nfts.json
new file mode 100644
index 0000000..e9754aa
--- /dev/null
+++ b/packages/apps/public/locales/en/app-nfts.json
@@ -0,0 +1,13 @@
+{
+  "Frozen": "Frozen",
+  "My NFTs": "My NFTs",
+  "No accounts with items found for the collection": "No accounts with items found for the collection",
+  "No collections found": "No collections found",
+  "Overview": "Overview",
+  "collections": "collections",
+  "items": "items",
+  "no name": "no name",
+  "owner": "owner",
+  "status": "status",
+  "the collection to query for items": "the collection to query for items"
+}
\ No newline at end of file
diff --git a/packages/apps/public/locales/en/app-parachains.json b/packages/apps/public/locales/en/app-parachains.json
new file mode 100644
index 0000000..6e89af1
--- /dev/null
+++ b/packages/apps/public/locales/en/app-parachains.json
@@ -0,0 +1,164 @@
+{
+  "0x...": "0x...",
+  "Active": "Active",
+  "Add": "Add",
+  "Add campaign": "Add campaign",
+  "Add fund": "Add fund",
+  "Add validator": "Add validator",
+  "Approve": "Approve",
+  "Auctions": "Auctions",
+  "Before using this registered paraId, you need to have a WASM validation function registered on-chain": "Before using this registered paraId, you need to have a WASM validation function registered on-chain",
+  "Bid": "Bid",
+  "Cancel": "Cancel",
+  "Capped": "Capped",
+  "Close": "Close",
+  "Contribute": "Contribute",
+  "Contribute to fund": "Contribute to fund",
+  "Crowdloan": "Crowdloan",
+  "Currently this is a one-way transfer since the on-chain runtime functionality to send the funds from the destination chain back to this account not yet available.": "Currently this is a one-way transfer since the on-chain runtime functionality to send the funds from the destination chain back to this account not yet available.",
+  "Deregister": "Deregister",
+  "Do not transfer any funds directly to a specific account that is associated with a loan or a team. Use the \"Contribute\" action to record the contribution on-chain using the crowdloan runtime module. When the fund is dissolved, after either the parachain lease expires or the loan ending without winning, the full value will be returned to your account by the runtime. Funds sent directly to an account, without using the crowdloan functionality, may not be returned by the receiving account.": "Do not transfer any funds directly to a specific account that is associated with a loan or a team. Use the \"Contribute\" action to record the contribution on-chain using the crowdloan runtime module. When the fund is dissolved, after either the parachain lease expires or the loan ending without winning, the full value will be returned to your account by the runtime. Funds sent directly to an account, without using the crowdloan functionality, may not be returned by the receiving account.",
+  "Ended": "Ended",
+  "Homepage": "Homepage",
+  "My contributions ({{count}})": "My contributions ({{count}})",
+  "No": "No",
+  "No active campaigns found": "No active campaigns found",
+  "No completed campaigns found": "No completed campaigns found",
+  "No ongoing auction": "No ongoing auction",
+  "No winners in this auction": "No winners in this auction",
+  "Non-voters ({{count}})": "Non-voters ({{count}})",
+  "None": "None",
+  "Overview": "Overview",
+  "ParaId": "ParaId",
+  "ParaThread": "ParaThread",
+  "Parathreads": "Parathreads",
+  "Past": "Past",
+  "Place bid": "Place bid",
+  "Proposals": "Proposals",
+  "Propose": "Propose",
+  "Propose parachain": "Propose parachain",
+  "Refund": "Refund",
+  "Register parathread": "Register parathread",
+  "Remove validator": "Remove validator",
+  "Reserve ParaId": "Reserve ParaId",
+  "Retrieving destination chain fees": "Retrieving destination chain fees",
+  "Teleport": "Teleport",
+  "Teleport assets": "Teleport assets",
+  "The Id of this parachain as known on the network (selected from nextFreeId)": "The Id of this parachain as known on the network (selected from nextFreeId)",
+  "The WASM validation function as well as the genesis state for this parachain.": "The WASM validation function as well as the genesis state for this parachain.",
+  "The WASM validation function for this parachain.": "The WASM validation function for this parachain.",
+  "The above contribution should more than minimum contribution amount and less than the remaining value.": "The above contribution should more than minimum contribution amount and less than the remaining value.",
+  "The amount deposited to the recipient will be net the calculated cross-chain fee. If the recipient address is new, the amount deposited should be greater than the Existential Deposit": "The amount deposited to the recipient will be net the calculated cross-chain fee. If the recipient address is new, the amount deposited should be greater than the Existential Deposit",
+  "The amount is less than the minimum allowed contribution of {{value}}": "The amount is less than the minimum allowed contribution of {{value}}",
+  "The amount is more than the remaining contribution needed {{value}}": "The amount is more than the remaining contribution needed {{value}}",
+  "The amount to be raised in this funding campaign.": "The amount to be raised in this funding campaign.",
+  "The amount to contribute from this account.": "The amount to contribute from this account.",
+  "The amount to to bid for this parachain lease period range.": "The amount to to bid for this parachain lease period range.",
+  "The beneficiary will have access to the transferred amount when the transaction is included in a block.": "The beneficiary will have access to the transferred amount when the transaction is included in a block.",
+  "The bid should be more than the current range winner to be accepted and influence the auction outcome.": "The bid should be more than the current range winner to be accepted and influence the auction outcome.",
+  "The code is not recognized as being in valid WASM format": "The code is not recognized as being in valid WASM format",
+  "The compiled runtime WASM for the parachain you wish to register.": "The compiled runtime WASM for the parachain you wish to register.",
+  "The destination chain for this asset teleport. The transferred value will appear on this chain.": "The destination chain for this asset teleport. The transferred value will appear on this chain.",
+  "The end block for contributions to this fund.": "The end block for contributions to this fund.",
+  "The ending lease period should be after the first and a maximum of {{maxPeriods}} periods more than the first": "The ending lease period should be after the first and a maximum of {{maxPeriods}} periods more than the first",
+  "The first and last lease period for this bid. The last lease period should be after the first with the maximum determined by the auction config.": "The first and last lease period for this bid. The last lease period should be after the first with the maximum determined by the auction config.",
+  "The first and last lease periods for this funding campaign.": "The first and last lease periods for this funding campaign.",
+  "The genesis state for the parachain.": "The genesis state for the parachain.",
+  "The genesis state for this parachain.": "The genesis state for this parachain.",
+  "The hex-encoded verifier signature should be provided to you by the team running the crowdloan (based on the information you provide).": "The hex-encoded verifier signature should be provided to you by the team running the crowdloan (based on the information you provide).",
+  "The id of this parachain as known on the network": "The id of this parachain as known on the network",
+  "The name for this parachain, the id and the allocated/requested balance.": "The name for this parachain, the id and the allocated/requested balance.",
+  "The parachain id is associated with the selected account via parathread registration.": "The parachain id is associated with the selected account via parathread registration.",
+  "The reservation fee for this Id": "The reservation fee for this Id",
+  "The reservation fee for this parachain, including base fee and per-byte fees": "The reservation fee for this parachain, including base fee and per-byte fees",
+  "The transferred balance will be subtracted (along with fees) from the sender account.": "The transferred balance will be subtracted (along with fees) from the sender account.",
+  "The validators for this parachain. At least one is required and where multiple is supplied, they need to be unique.": "The validators for this parachain. At least one is required and where multiple is supplied, they need to be unique.",
+  "The verifier signature that is to be associated with this contribution.": "The verifier signature that is to be associated with this contribution.",
+  "There are no available parathreads": "There are no available parathreads",
+  "There are no pending proposals": "There are no pending proposals",
+  "There are no registered parachains": "There are no registered parachains",
+  "This account that has been used to register the parachain. This will pay all associated fees.": "This account that has been used to register the parachain. This will pay all associated fees.",
+  "This account will be associated with the parachain and pay the deposit.": "This account will be associated with the parachain and pay the deposit.",
+  "This account will be used to send the transaction.": "This account will be used to send the transaction.",
+  "This account will be used to the Id reservation and for the future parathread.": "This account will be used to the Id reservation and for the future parathread.",
+  "This account will contribute to the crowdloan.": "This account will contribute to the crowdloan.",
+  "This is the amount to be teleported to the destination chain and does not account for the source or the destination transfer fee": "This is the amount to be teleported to the destination chain and does not account for the source or the destination transfer fee",
+  "Upgrading": "Upgrading",
+  "Val. Group {{group}} ({{count}})": "Val. Group {{group}} ({{count}})",
+  "Validators ({{count}})": "Validators ({{count}})",
+  "Winner": "Winner",
+  "Withdraw from fund": "Withdraw from fund",
+  "Yes": "Yes",
+  "You have duplicated validator entries, ensure each is unique.": "You have duplicated validator entries, ensure each is unique.",
+  "You need to supply at last one running validator for your parachain alongside this request.": "You need to supply at last one running validator for your parachain alongside this request.",
+  "active": "active",
+  "active raised / cap": "active raised / cap",
+  "amount": "amount",
+  "auctions": "auctions",
+  "backed": "backed",
+  "balance": "balance",
+  "bid amount": "bid amount",
+  "bid period range (first lease - last lease)": "bid period range (first lease - last lease)",
+  "bidder": "bidder",
+  "bids": "bids",
+  "chain": "chain",
+  "code": "code",
+  "completed": "completed",
+  "contribute from": "contribute from",
+  "contribution": "contribution",
+  "count": "count",
+  "crowdfund cap": "crowdfund cap",
+  "crowdloan": "crowdloan",
+  "current lease": "current lease",
+  "current range winning bid": "current range winning bid",
+  "destination chain": "destination chain",
+  "destination existential deposit": "destination existential deposit",
+  "end period at": "end period at",
+  "ending": "ending",
+  "ending block": "ending block",
+  "ending period": "ending period",
+  "finalized": "finalized",
+  "first - last": "first - last",
+  "first period": "first period",
+  "funds": "funds",
+  "genesis state": "genesis state",
+  "head": "head",
+  "in/out": "in/out",
+  "included": "included",
+  "initial balance": "initial balance",
+  "initial state": "initial state",
+  "last period": "last period",
+  "latest": "latest",
+  "lease period": "lease period",
+  "leases": "leases",
+  "lifecycle": "lifecycle",
+  "minimum allowed": "minimum allowed",
+  "no": "no",
+  "ongoing": "ongoing",
+  "parachain id": "parachain id",
+  "parachain name": "parachain name",
+  "parachain owner": "parachain owner",
+  "parachains": "parachains",
+  "parathreads": "parathreads",
+  "proposals": "proposals",
+  "propose from": "propose from",
+  "proposer": "proposer",
+  "raised": "raised",
+  "register from": "register from",
+  "remaining till cap": "remaining till cap",
+  "requested id": "requested id",
+  "requesting from": "requesting from",
+  "reserve from": "reserve from",
+  "reserved deposit": "reserved deposit",
+  "send from account": "send from account",
+  "send to address": "send to address",
+  "timeout": "timeout",
+  "total": "total",
+  "total raised / cap": "total raised / cap",
+  "transferrable": "transferrable",
+  "validation code": "validation code",
+  "validator {{index}}": "validator {{index}}",
+  "value": "value",
+  "verifier signature": "verifier signature",
+  "yes": "yes"
+}
\ No newline at end of file
diff --git a/packages/apps/public/locales/en/app-poll.json b/packages/apps/public/locales/en/app-poll.json
new file mode 100644
index 0000000..9095bca
--- /dev/null
+++ b/packages/apps/public/locales/en/app-poll.json
@@ -0,0 +1,29 @@
+{
+  "All voters may alter their votes any number of times prior to the close of the poll.": "All voters may alter their votes any number of times prior to the close of the poll.",
+  "Any combination of the four options may be approved of by the voter. There is no need to select only one option!": "Any combination of the four options may be approved of by the voter. There is no need to select only one option!",
+  "Approving of all or none of the options is equivalent and will not affect the outcome of the poll.": "Approving of all or none of the options is equivalent and will not affect the outcome of the poll.",
+  "Aye, I support this": "Aye, I support this",
+  "Completed": "Completed",
+  "Denomination poll": "Denomination poll",
+  "Locked funds (e.g. for staking) are counted.": "Locked funds (e.g. for staking) are counted.",
+  "Nay, I do not support this": "Nay, I do not support this",
+  "No change": "No change",
+  "No change from the original 2017 sale definitions; will mean a total of 10 million DOT from genesis.": "No change from the original 2017 sale definitions; will mean a total of 10 million DOT from genesis.",
+  "No discretionary lock-voting is in place; all DOT used to vote counts the same.": "No discretionary lock-voting is in place; all DOT used to vote counts the same.",
+  "Retrieving totals...": "Retrieving totals...",
+  "Split of 1000x": "Split of 1000x",
+  "Split of 1000x from the original sale; will mean a total of 10 billion DOT from genesis. Apparent DOT price would be 1000x lower and apparent account balances 1000x higher.": "Split of 1000x from the original sale; will mean a total of 10 billion DOT from genesis. Apparent DOT price would be 1000x lower and apparent account balances 1000x higher.",
+  "Split of 100x": "Split of 100x",
+  "Split of 100x from the original sale; will mean a total of 1 billion DOT from genesis. Apparent DOT price would be 100x lower and apparent account balances 100x higher.": "Split of 100x from the original sale; will mean a total of 1 billion DOT from genesis. Apparent DOT price would be 100x lower and apparent account balances 100x higher.",
+  "Split of 10x": "Split of 10x",
+  "Split of 10x from the original sale; will mean a total of 100 million DOT from genesis. Apparent DOT price would be 10x lower and apparent account balances 10x higher.": "Split of 10x from the original sale; will mean a total of 100 million DOT from genesis. Apparent DOT price would be 10x lower and apparent account balances 10x higher.",
+  "This vote does not affect any economics of the Polkadot platform. Staking rewards, inflation, effective market capitalisation and the underlying balances of every account remain completely unchanged. It is \"merely\" about what units we use to denominate the balances into \"DOT\" for the purpose of display.": "This vote does not affect any economics of the Polkadot platform. Staking rewards, inflation, effective market capitalisation and the underlying balances of every account remain completely unchanged. It is \"merely\" about what units we use to denominate the balances into \"DOT\" for the purpose of display.",
+  "Vote": "Vote",
+  "Voting closed": "Voting closed",
+  "Voting costs nothing other than the transaction fee and can be done from all accounts with a non-zero spendable balance.": "Voting costs nothing other than the transaction fee and can be done from all accounts with a non-zero spendable balance.",
+  "Voting is made on a per-account basis; a single account must all vote the same way and cannot split its vote.": "Voting is made on a per-account basis; a single account must all vote the same way and cannot split its vote.",
+  "denomination vote": "denomination vote",
+  "vote using my account": "vote using my account",
+  "{{balance}} voted": "{{balance}} voted",
+  "{{percentage}}% turnout": "{{percentage}}% turnout"
+}
\ No newline at end of file
diff --git a/packages/apps/public/locales/en/app-rpc.json b/packages/apps/public/locales/en/app-rpc.json
new file mode 100644
index 0000000..d95bc27
--- /dev/null
+++ b/packages/apps/public/locales/en/app-rpc.json
@@ -0,0 +1,8 @@
+{
+  "Submission": "Submission",
+  "Submit RPC call": "Submit RPC call",
+  "The actual JSONRPC module and function to make a call to.": "The actual JSONRPC module and function to make a call to.",
+  "call the selected endpoint": "call the selected endpoint",
+  "sign data from account": "sign data from account",
+  "with an index of": "with an index of"
+}
\ No newline at end of file
diff --git a/packages/apps/public/locales/en/app-settings.json b/packages/apps/public/locales/en/app-settings.json
new file mode 100644
index 0000000..53411fa
--- /dev/null
+++ b/packages/apps/public/locales/en/app-settings.json
@@ -0,0 +1,55 @@
+{
+  "Additional types as a JSON file (or edit below)": "Additional types as a JSON file (or edit below)",
+  "Address Prefix": "Address Prefix",
+  "Apply to UI": "Apply to UI",
+  "Chain Type": "Chain Type",
+  "Chain type (ethereum compatible or regular substrate)": "Chain type (ethereum compatible or regular substrate)",
+  "Color": "Color",
+  "Dark theme (experimental, work-in-progress)": "Dark theme (experimental, work-in-progress)",
+  "Decimals": "Decimals",
+  "Decimals decides the smallest unit of the token, which is 1/10^decimals": "Decimals decides the smallest unit of the token, which is 1/10^decimals",
+  "Developer": "Developer",
+  "Extensions": "Extensions",
+  "General": "General",
+  "Generate {{lng}}/translation.json": "Generate {{lng}}/translation.json",
+  "Genesis Hash": "Genesis Hash",
+  "Genesis Hash refers to initial state of the chain, it cannot be changed once the chain is launched": "Genesis Hash refers to initial state of the chain, it cannot be changed once the chain is launched",
+  "Ledger hardware device support is only available on Chromium-based browsers where WebUSB and WebHID support is available in the browser.": "Ledger hardware device support is only available on Chromium-based browsers where WebUSB and WebHID support is available in the browser.",
+  "Ledger support is still experimental and some issues may remain. Trust, but verify the addresses on your devices before transferring large amounts. There are some features that will not work, including batch calls (used extensively in staking and democracy) as well as any identity operations.": "Ledger support is still experimental and some issues may remain. Trust, but verify the addresses on your devices before transferring large amounts. There are some features that will not work, including batch calls (used extensively in staking and democracy) as well as any identity operations.",
+  "Light theme (default)": "Light theme (default)",
+  "Manage your connection to Ledger S": "Manage your connection to Ledger S",
+  "Metadata": "Metadata",
+  "Name of the network. It is only for display purposes.": "Name of the network. It is only for display purposes.",
+  "Network Name": "Network Name",
+  "No Upgradable extensions": "No Upgradable extensions",
+  "No open tips": "No open tips",
+  "Override the default identity icon display with a specific theme": "Override the default identity icon display with a specific theme",
+  "Override the default ss58 prefix for address generation": "Override the default ss58 prefix for address generation",
+  "Prefix indicates the ss58 address format in this network, it is a 16 bit unsigned integer that describes the precise format of the bytes of the address": "Prefix indicates the ss58 address format in this network, it is a 16 bit unsigned integer that describes the precise format of the bytes of the address",
+  "Reset": "Reset",
+  "Save": "Save",
+  "Save & Reload": "Save & Reload",
+  "Save the type definitions for your custom structures as key-value pairs in a valid JSON file. The key should be the name of your custom structure and the value an object containing your type definitions.": "Save the type definitions for your custom structures as key-value pairs in a valid JSON file. The key should be the name of your custom structure and the value an object containing your type definitions.",
+  "Share": "Share",
+  "The color used to distinguish this network with others, use color code with 3 or 6 digits, like \"#FFF\" or \"#111111\"": "The color used to distinguish this network with others, use color code with 3 or 6 digits, like \"#FFF\" or \"#111111\"",
+  "This is not a valid JSON object.": "This is not a valid JSON object.",
+  "Translate": "Translate",
+  "Unit": "Unit",
+  "Unit decides the name of 1 unit token, e.g. \"DOT\" for Polkadot": "Unit decides the name of 1 unit token, e.g. \"DOT\" for Polkadot",
+  "Update metadata": "Update metadata",
+  "Your custom types have been added": "Your custom types have been added",
+  "address prefix": "address prefix",
+  "chain specifications": "chain specifications",
+  "default icon theme": "default icon theme",
+  "default interface language": "default interface language",
+  "default interface theme": "default interface theme",
+  "do not include empty strings in the generated file": "do not include empty strings in the generated file",
+  "generate random color": "generate random color",
+  "include all empty strings in the generated file": "include all empty strings in the generated file",
+  "manage hardware connections": "manage hardware connections",
+  "the language to display translations for": "the language to display translations for",
+  "the module to display strings for": "the module to display strings for",
+  "upgradable extensions": "upgradable extensions",
+  "url": "url",
+  "{{done}}/{{total}}, {{progress}}% done": "{{done}}/{{total}}, {{progress}}% done"
+}
\ No newline at end of file
diff --git a/packages/apps/public/locales/en/app-signing.json b/packages/apps/public/locales/en/app-signing.json
new file mode 100644
index 0000000..525ebe7
--- /dev/null
+++ b/packages/apps/public/locales/en/app-signing.json
@@ -0,0 +1,38 @@
+{
+  "Crypto not detected": "Crypto not detected",
+  "Cryptography used to create this signature. It is auto-detected on valid signatures.": "Cryptography used to create this signature. It is auto-detected on valid signatures.",
+  "Detection on the input string to determine if it is hex or non-hex.": "Detection on the input string to determine if it is hex or non-hex.",
+  "Hash data": "Hash data",
+  "No": "No",
+  "Sign message": "Sign message",
+  "The account that signed the input": "The account that signed the input",
+  "The account's password specified at the creation of this account.": "The account's password specified at the creation of this account.",
+  "The blake2b 256-bit hash of the actual input data.": "The blake2b 256-bit hash of the actual input data.",
+  "The data that was signed. This is used in combination with the signature for the verification. It can either be hex or a string.": "The data that was signed. This is used in combination with the signature for the verification. It can either be hex or a string.",
+  "The input data to hash. This can be either specified as a hex value (0x-prefix) or as a string.": "The input data to hash. This can be either specified as a hex value (0x-prefix) or as a string.",
+  "The input data to sign. This can be either specified as a hex value (0x-prefix) or as a string.": "The input data to sign. This can be either specified as a hex value (0x-prefix) or as a string.",
+  "The resulting signature of the input data, as done with the crypto algorithm from the account. (This could be non-deterministic for some types such as sr25519).": "The resulting signature of the input data, as done with the crypto algorithm from the account. (This could be non-deterministic for some types such as sr25519).",
+  "The selected account to be unlocked.": "The selected account to be unlocked.",
+  "The signature as by the account being checked, supplied as a hex-formatted string.": "The signature as by the account being checked, supplied as a hex-formatted string.",
+  "This account that will perform the message signing.": "This account that will perform the message signing.",
+  "This external account cannot be used to sign data. Only Limited support is currently available for signing from any non-internal accounts.": "This external account cannot be used to sign data. Only Limited support is currently available for signing from any non-internal accounts.",
+  "This injected account cannot be used to sign data since the extension does not support raw signing.": "This injected account cannot be used to sign data since the extension does not support raw signing.",
+  "Unlock": "Unlock",
+  "Unlock account": "Unlock account",
+  "Unlock the account for signing. Once active the signature will be generated based on the content provided.": "Unlock the account for signing. Once active the signature will be generated based on the content provided.",
+  "Verify signature": "Verify signature",
+  "Yes": "Yes",
+  "You need to unlock this account to be able to sign data.": "You need to unlock this account to be able to sign data.",
+  "account": "account",
+  "from the following data": "from the following data",
+  "hex input data": "hex input data",
+  "password": "password",
+  "select the account you wish to sign data with": "select the account you wish to sign data with",
+  "sign the following data": "sign the following data",
+  "signature crypto type": "signature crypto type",
+  "signature of supplied data": "signature of supplied data",
+  "the resulting hash is": "the resulting hash is",
+  "the supplied signature": "the supplied signature",
+  "using the following data": "using the following data",
+  "verify using address": "verify using address"
+}
\ No newline at end of file
diff --git a/packages/apps/public/locales/en/app-society.json b/packages/apps/public/locales/en/app-society.json
new file mode 100644
index 0000000..ac049cf
--- /dev/null
+++ b/packages/apps/public/locales/en/app-society.json
@@ -0,0 +1,66 @@
+{
+  "Approvals": "Approvals",
+  "Approve or reject this defender.": "Approve or reject this defender.",
+  "Approve this candidacy.": "Approve this candidacy.",
+  "Aye, I approve": "Aye, I approve",
+  "Bid": "Bid",
+  "Bid to join": "Bid to join",
+  "Candidate": "Candidate",
+  "Candidates": "Candidates",
+  "Defender": "Defender",
+  "Nay, I do not approve": "Nay, I do not approve",
+  "No active members": "No active members",
+  "No bids": "No bids",
+  "No candidates": "No candidates",
+  "No suspended candidates": "No suspended candidates",
+  "No suspended members": "No suspended members",
+  "Overview": "Overview",
+  "Payouts ({{count}})": "Payouts ({{count}})",
+  "Rejections": "Rejections",
+  "Skeptics": "Skeptics",
+  "Submit bid": "Submit bid",
+  "Suspended": "Suspended",
+  "The actual account you wish to submit the bid with": "The actual account you wish to submit the bid with",
+  "The address to vote from (must be a member)": "The address to vote from (must be a member)",
+  "The amount to associate with your bid, should be less than the pot.": "The amount to associate with your bid, should be less than the pot.",
+  "The amount to tie to your bid. The lowest bidder moves forward.": "The amount to tie to your bid. The lowest bidder moves forward.",
+  "The amount you wish to be tipped for your bid.": "The amount you wish to be tipped for your bid.",
+  "The candidate/bid account. Once accepted this account will become a member.": "The candidate/bid account. Once accepted this account will become a member.",
+  "Unbid": "Unbid",
+  "Unvouch": "Unvouch",
+  "Vote": "Vote",
+  "Vote for candidate": "Vote for candidate",
+  "Vote for defender": "Vote for defender",
+  "Vouch": "Vouch",
+  "Vouch for": "Vouch for",
+  "Vouch for a new candidate": "Vouch for a new candidate",
+  "Your candidate/bid account. Once accepted this account will become a member.": "Your candidate/bid account. Once accepted this account will become a member.",
+  "Your member account that the vouch is made from.": "Your member account that the vouch is made from.",
+  "bid account": "bid account",
+  "bid amount": "bid amount",
+  "bid kind": "bid kind",
+  "bids": "bids",
+  "candidates": "candidates",
+  "challenge": "challenge",
+  "defender": "defender",
+  "design samples": "design samples",
+  "founder": "founder",
+  "member account": "member account",
+  "members": "members",
+  "payout": "payout",
+  "payouts": "payouts",
+  "pot": "pot",
+  "rotation": "rotation",
+  "skeptic": "skeptic",
+  "society head": "society head",
+  "strikes": "strikes",
+  "suspended": "suspended",
+  "tip": "tip",
+  "tip amount": "tip amount",
+  "value": "value",
+  "vote for candidate": "vote for candidate",
+  "vote for defender": "vote for defender",
+  "vote from account": "vote from account",
+  "voted": "voted",
+  "voted on": "voted on"
+}
\ No newline at end of file
diff --git a/packages/apps/public/locales/en/app-staking.json b/packages/apps/public/locales/en/app-staking.json
new file mode 100644
index 0000000..b133bbb
--- /dev/null
+++ b/packages/apps/public/locales/en/app-staking.json
@@ -0,0 +1,329 @@
+{
+  "A controller account should not be set to manage multiple stashes. The selected controller is already controlling {{stashId}}": "A controller account should not be set to manage multiple stashes. The selected controller is already controlling {{stashId}}",
+  "A controller account should not map to another stash. This selected controller is a stash, controlled by {{bondedId}}": "A controller account should not map to another stash. This selected controller is a stash, controlled by {{bondedId}}",
+  "Account actions": "Account actions",
+  "Accounts": "Accounts",
+  "Active": "Active",
+  "Active nominations ({{count}})": "Active nominations ({{count}})",
+  "Add pool": "Add pool",
+  "All bags": "All bags",
+  "All rewards will go towards the selected output destination when a payout is made.": "All rewards will go towards the selected output destination when a payout is made.",
+  "All stashes": "All stashes",
+  "All the listed validators and all their nominators will receive their rewards.": "All the listed validators and all their nominators will receive their rewards.",
+  "All validators": "All validators",
+  "Amount to add to the currently bonded funds. This is adjusted using the available funds on the account.": "Amount to add to the currently bonded funds. This is adjusted using the available funds on the account.",
+  "Amount to add to the currently bonded funds. This is adjusted using the funds currently unlocking.": "Amount to add to the currently bonded funds. This is adjusted using the funds currently unlocking.",
+  "An account that is to receive the rewards": "An account that is to receive the rewards",
+  "Any account can request payout for stakers, this is not limited to accounts that will be rewarded.": "Any account can request payout for stakers, this is not limited to accounts that will be rewarded.",
+  "Aura": "Aura",
+  "Babe": "Babe",
+  "Bags": "Bags",
+  "Blocks nominations": "Blocks nominations",
+  "Bond": "Bond",
+  "Bond & Nominate": "Bond & Nominate",
+  "Bond & Validate": "Bond & Validate",
+  "Bond more": "Bond more",
+  "Bond more funds": "Bond more funds",
+  "Bonding Preferences": "Bonding Preferences",
+  "Cancel all": "Cancel all",
+  "Cancel selected": "Cancel selected",
+  "Change controller account": "Change controller account",
+  "Change reward destination": "Change reward destination",
+  "Change session keys": "Change session keys",
+  "Change validator preferences": "Change validator preferences",
+  "Changing the key only takes effect at the start of the next session. The input here is generated from the author_rotateKeys command": "Changing the key only takes effect at the start of the next session. The input here is generated from the author_rotateKeys command",
+  "Chilled": "Chilled",
+  "Controller account": "Controller account",
+  "Create": "Create",
+  "Create nomination pool": "Create nomination pool",
+  "Display overview information for the selected validator, including blocks produced.": "Display overview information for the selected validator, including blocks produced.",
+  "Distinct stash and controller accounts are recommended to ensure fund security. You will be allowed to make the transaction, but take care to not tie up all funds, only use a portion of the available funds during this period.": "Distinct stash and controller accounts are recommended to ensure fund security. You will be allowed to make the transaction, but take care to not tie up all funds, only use a portion of the available funds during this period.",
+  "Does this validator allow nominations or is it blocked for all": "Does this validator allow nominations or is it blocked for all",
+  "Filter available candidates based on name, address or short account index.": "Filter available candidates based on name, address or short account index.",
+  "Filter available nominators based on name, address or short account index.": "Filter available nominators based on name, address or short account index.",
+  "For fund security, your session key should not match your stash key.": "For fund security, your session key should not match your stash key.",
+  "Grandpa": "Grandpa",
+  "I'm Online": "I'm Online",
+  "If you have not claimed rewards straight after the end of the era, the validator is in the active set and you are seeing no rewards, this would mean that the reward payout transaction was made by another account on your behalf. Always check your favorite explorer to see any historic payouts made to your accounts.": "If you have not claimed rewards straight after the end of the era, the validator is in the active set and you are seeing no rewards, this would mean that the reward payout transaction was made by another account on your behalf. Always check your favorite explorer to see any historic payouts made to your accounts.",
+  "Inactive": "Inactive",
+  "Inactive nominations ({{count}})": "Inactive nominations ({{count}})",
+  "Inject Keys": "Inject Keys",
+  "Inject session keys (advanced)": "Inject session keys (advanced)",
+  "Join": "Join",
+  "Join nomination pool": "Join nomination pool",
+  "Jump": "Jump",
+  "Keys from rotateKeys": "Keys from rotateKeys",
+  "Max, {{eras}} eras": "Max, {{eras}} eras",
+  "Most profitable": "Most profitable",
+  "Move up {{jumpCount}}": "Move up {{jumpCount}}",
+  "My bags": "My bags",
+  "Next session": "Next session",
+  "No active validators found": "No active validators found",
+  "No active validators to check": "No active validators to check",
+  "No available bags": "No available bags",
+  "No available nomination pools": "No available nomination pools",
+  "No funds staked yet. Bond funds to validate or nominate a validator": "No funds staked yet. Bond funds to validate or nominate a validator",
+  "No pending payouts for your stashes": "No pending payouts for your stashes",
+  "No pending payouts for your validators": "No pending payouts for your validators",
+  "No waiting validators found": "No waiting validators found",
+  "No, block all nominations": "No, block all nominations",
+  "Nominate": "Nominate",
+  "Nominate Validators": "Nominate Validators",
+  "Nominate selected": "Nominate selected",
+  "Nominate validators": "Nominate validators",
+  "Nominating": "Nominating",
+  "Nominations ({{count}})": "Nominations ({{count}})",
+  "Nominator": "Nominator",
+  "Nominators": "Nominators",
+  "Nominators ({{count}})": "Nominators ({{count}})",
+  "Nominators can be selected manually from the list of all currently available validators.": "Nominators can be selected manually from the list of all currently available validators.",
+  "Once bonded, it will need to be unlocked/withdrawn and will be locked for at least the bonding duration.": "Once bonded, it will need to be unlocked/withdrawn and will be locked for at least the bonding duration.",
+  "Once transmitted the new selection will only take effect in 2 eras since the selection criteria for the next era was done at the end of the previous era. Until then, the nominations will show as inactive.": "Once transmitted the new selection will only take effect in 2 eras since the selection criteria for the next era was done at the end of the previous era. Until then, the nominations will show as inactive.",
+  "Once transmitted the new selection will only take effect in 2 eras taking the new validator election cycle into account. Until then, the nominations will show as inactive.": "Once transmitted the new selection will only take effect in 2 eras taking the new validator election cycle into account. Until then, the nominations will show as inactive.",
+  "One of your available nomination accounts, keyed by the stash. The transaction will be sent from the controller.": "One of your available nomination accounts, keyed by the stash. The transaction will be sent from the controller.",
+  "Online message": "Online message",
+  "Oversubscribed": "Oversubscribed",
+  "Oversubscribed nominations ({{count}})": "Oversubscribed nominations ({{count}})",
+  "Overview": "Overview",
+  "Own stashes": "Own stashes",
+  "Own validators": "Own validators",
+  "Para validator": "Para validator",
+  "Parachains": "Parachains",
+  "Payout": "Payout",
+  "Payout all": "Payout all",
+  "Payout all stakers": "Payout all stakers",
+  "Payouts": "Payouts",
+  "Payouts of rewards for a validator can be initiated by any account. This means that as soon as a validator or nominator requests a payout for an era, all the nominators for that validator will be rewarded. Each user does not need to claim individually and the suggestion is that validators should claim rewards for everybody as soon as an era ends.": "Payouts of rewards for a validator can be initiated by any account. This means that as soon as a validator or nominator requests a payout for an era, all the nominators for that validator will be rewarded. Each user does not need to claim individually and the suggestion is that validators should claim rewards for everybody as soon as an era ends.",
+  "Pools": "Pools",
+  "Preparing target display": "Preparing target display",
+  "Preparing validator list": "Preparing validator list",
+  "Produced blocks": "Produced blocks",
+  "Rebag": "Rebag",
+  "Rebag dislocated entries": "Rebag dislocated entries",
+  "Rebag {{count}}": "Rebag {{count}}",
+  "Rebond": "Rebond",
+  "Rebond funds": "Rebond funds",
+  "Remove": "Remove",
+  "Remove nominees": "Remove nominees",
+  "Renomination required ({{count}})": "Renomination required ({{count}})",
+  "Retrieving active nominators": "Retrieving active nominators",
+  "Retrieving all available bags, this will take some time": "Retrieving all available bags, this will take some time",
+  "Retrieving info for the selected eras, this will take some time": "Retrieving info for the selected eras, this will take some time",
+  "Retrieving nomination pools": "Retrieving nomination pools",
+  "Retrieving nominators": "Retrieving nominators",
+  "Retrieving online status": "Retrieving online status",
+  "Retrieving validator info": "Retrieving validator info",
+  "Retrieving validators": "Retrieving validators",
+  "Rewards (once paid) can be deposited to either the stash or controller, with different effects.": "Rewards (once paid) can be deposited to either the stash or controller, with different effects.",
+  "Select the account you wish to rebag with.": "Select the account you wish to rebag with.",
+  "Session Key": "Session Key",
+  "Set Session Key": "Set Session Key",
+  "Set controller": "Set controller",
+  "Set nominees": "Set nominees",
+  "Set reward destination": "Set reward destination",
+  "Set validator preferences": "Set validator preferences",
+  "Setup Nominator {{step}}/{{NUM_STEPS}}": "Setup Nominator {{step}}/{{NUM_STEPS}}",
+  "Setup Validator {{step}}/{{NUM_STEPS}}": "Setup Validator {{step}}/{{NUM_STEPS}}",
+  "Since this transaction deals with funding, the stash account will be used.": "Since this transaction deals with funding, the stash account will be used.",
+  "Slashed": "Slashed",
+  "Slashed in era {{eras}}": "Slashed in era {{eras}}",
+  "Slashes": "Slashes",
+  "Specified payment account": "Specified payment account",
+  "Stash": "Stash",
+  "Stash account (do not increase the amount at stake)": "Stash account (do not increase the amount at stake)",
+  "Stash account (increase the amount at stake)": "Stash account (increase the amount at stake)",
+  "Stop": "Stop",
+  "Submit key": "Submit key",
+  "Targets": "Targets",
+  "The All bags list is composed of bags that each describe a range of active bonded funds of the nominators. In each bag is a list of nodes that correspond to a nominator and their staked funds.": "The All bags list is composed of bags that each describe a range of active bonded funds of the nominators. In each bag is a list of nodes that correspond to a nominator and their staked funds.",
+  "The Threshold must be a positive number": "The Threshold must be a positive number",
+  "The Threshold must lower than 11": "The Threshold must lower than 11",
+  "The UI puts a limit of 40 payouts at a time, where each payout is a single validator for a single era.": "The UI puts a limit of 40 payouts at a time, where each payout is a single validator for a single era.",
+  "The account that is to join the pool.": "The account that is to join the pool.",
+  "The account that will submit the rebag transaction.": "The account that will submit the rebag transaction.",
+  "The accounts that will be rebagged as a result of this operation.": "The accounts that will be rebagged as a result of this operation.",
+  "The amount of funds to unbond, this is adjusted using the bonded funds on the stash account.": "The amount of funds to unbond, this is adjusted using the bonded funds on the stash account.",
+  "The amount placed at-stake should allow some free funds for future transactions.": "The amount placed at-stake should allow some free funds for future transactions.",
+  "The amount placed at-stake should not be your full available available amount to allow for transaction fees.": "The amount placed at-stake should not be your full available available amount to allow for transaction fees.",
+  "The amount the is to be rebonded from the value currently unlocking, i.e. previously unbonded": "The amount the is to be rebonded from the value currently unlocking, i.e. previously unbonded",
+  "The bonded amount is less than the current active minimum nominated amount of {{minNomination}} and depending on the network state, may not be selected to participate": "The bonded amount is less than the current active minimum nominated amount of {{minNomination}} and depending on the network state, may not be selected to participate",
+  "The bonded amount is less than the minimum bond amount of {{existentialDeposit}}": "The bonded amount is less than the minimum bond amount of {{existentialDeposit}}",
+  "The bonded amount is less than the minimum threshold of {{minBond}} for nominators": "The bonded amount is less than the minimum threshold of {{minBond}} for nominators",
+  "The bonded amount is less than the minimum threshold of {{minBond}} for validators": "The bonded amount is less than the minimum threshold of {{minBond}} for validators",
+  "The bonding duration for any staked funds. After this period needs to be withdrawn.": "The bonding duration for any staked funds. After this period needs to be withdrawn.",
+  "The bonding duration for any staked funds. Needs to be unlocked and withdrawn to become available.": "The bonding duration for any staked funds. Needs to be unlocked and withdrawn to become available.",
+  "The commission is below the on-chain minimum of {{p}}%": "The commission is below the on-chain minimum of {{p}}%",
+  "The commission is deducted from all rewards before the remainder is split with nominators.": "The commission is deducted from all rewards before the remainder is split with nominators.",
+  "The controller does not have sufficient funds available to cover transaction fees. Ensure that a funded controller is used.": "The controller does not have sufficient funds available to cover transaction fees. Ensure that a funded controller is used.",
+  "The controller is the account that is be used to control any nominating or validating actions. I will sign this transaction.": "The controller is the account that is be used to control any nominating or validating actions. I will sign this transaction.",
+  "The controller is the account that will be used to control any nominating or validating actions. Should not match another stash or controller.": "The controller is the account that will be used to control any nominating or validating actions. Should not match another stash or controller.",
+  "The destination account for any payments as either a nominator or validator": "The destination account for any payments as either a nominator or validator",
+  "The elected validator list that did not get selected by the Phragmen algorithm for this era. However they may be selected in the future.": "The elected validator list that did not get selected by the Phragmen algorithm for this era. However they may be selected in the future.",
+  "The funds will only be available for withdrawal after the unbonding period, however will not be part of the staked amount after the next validator election. You can follow the unlock countdown in the UI.": "The funds will only be available for withdrawal after the unbonding period, however will not be part of the staked amount after the next validator election. You can follow the unlock countdown in the UI.",
+  "The hex output from author_rotateKeys, as executed on the validator node. The keys will show as pending until applied at the start of a new session.": "The hex output from author_rotateKeys, as executed on the validator node. The keys will show as pending until applied at the start of a new session.",
+  "The id that will be assigned to this nomination pool.": "The id that will be assigned to this nomination pool.",
+  "The initial value to assign to the pool. It is set the the maximum of the minimum bond and the minium nomination value.": "The initial value to assign to the pool. It is set the the maximum of the minimum bond and the minium nomination value.",
+  "The key type and crypto type to use for this key. Be aware that different keys have different crypto requirements. You should be familiar with the type requirements for the different keys.": "The key type and crypto type to use for this key. Be aware that different keys have different crypto requirements. You should be familiar with the type requirements for the different keys.",
+  "The metadata description to set for this pool": "The metadata description to set for this pool",
+  "The metadata to set for this pool": "The metadata to set for this pool",
+  "The origin account will also be set as the pool admin, nominator and state toggler.": "The origin account will also be set as the pool admin, nominator and state toggler.",
+  "The percentage reward (0-100) that should be applied for the validator": "The percentage reward (0-100) that should be applied for the validator",
+  "The seed and derivation path will be submitted to the validator node. this is an advanced operation, only to be performed when you are sure of the security and connection risks.": "The seed and derivation path will be submitted to the validator node. this is an advanced operation, only to be performed when you are sure of the security and connection risks.",
+  "The selected controller tied to this stash. Once set, this account will be able to control the actions performed by the stash account.": "The selected controller tied to this stash. Once set, this account will be able to control the actions performed by the stash account.",
+  "The selected destination account does not exist and cannot be used to receive rewards": "The selected destination account does not exist and cannot be used to receive rewards",
+  "The selected validators to nominate, either via the \"currently best algorithm\" or via a manual selection.": "The selected validators to nominate, either via the \"currently best algorithm\" or via a manual selection.",
+  "The specified value is large and may not allow enough funds to pay future transaction fees.": "The specified value is large and may not allow enough funds to pay future transaction fees.",
+  "The stash account that is used. This will allow the controller to perform all non-funds related operations on behalf of the account.": "The stash account that is used. This will allow the controller to perform all non-funds related operations on behalf of the account.",
+  "The stash and controller pair as linked. This operation will be performed via the controller.": "The stash and controller pair as linked. This operation will be performed via the controller.",
+  "The stash and controller pair, here the controller will be used to send the transaction.": "The stash and controller pair, here the controller will be used to send the transaction.",
+  "The stash and controller pair. This transaction, managing preferences, will be sent from the controller.": "The stash and controller pair. This transaction, managing preferences, will be sent from the controller.",
+  "The stash and controller pair. This transaction, setting the session keys, will be sent from the controller.": "The stash and controller pair. This transaction, setting the session keys, will be sent from the controller.",
+  "The stash that is to be affected. The transaction will be sent from the associated controller account.": "The stash that is to be affected. The transaction will be sent from the associated controller account.",
+  "The total amount of the stash balance that will be at stake in any forthcoming rounds (should be less than the free amount available)": "The total amount of the stash balance that will be at stake in any forthcoming rounds (should be less than the free amount available)",
+  "The validator can block any new nominations. By default it is set to allow all nominations.": "The validator can block any new nominations. By default it is set to allow all nominations.",
+  "The validators selected by the Phragmen algorithm to nominate for this era.": "The validators selected by the Phragmen algorithm to nominate for this era.",
+  "The validators that are not in the validator set because they need more nominations or because they have willingly stopped validating. Any nominations made before the next election will also appear here.": "The validators that are not in the validator set because they need more nominations or because they have willingly stopped validating. Any nominations made before the next election will also appear here.",
+  "The validators that got slashed and for which your nomination got auto-chilled. Re-nominating these will make them available to the Phragmen algorithm.": "The validators that got slashed and for which your nomination got auto-chilled. Re-nominating these will make them available to the Phragmen algorithm.",
+  "There are no unapplied/pending slashes": "There are no unapplied/pending slashes",
+  "There is currently an ongoing election for new validator candidates. As such staking operations are not permitted.": "There is currently an ongoing election for new validator candidates. As such staking operations are not permitted.",
+  "These validators are active but only the top {{max}} nominators by backing stake will be receiving rewards. The nominating stash is not one of those to be rewarded in the current era.": "These validators are active but only the top {{max}} nominators by backing stake will be receiving rewards. The nominating stash is not one of those to be rewarded in the current era.",
+  "Think of the stash as your cold wallet and the controller as your hot wallet. Funding operations are controlled by the stash, any other non-funding actions by the controller itself.": "Think of the stash as your cold wallet and the controller as your hot wallet. Funding operations are controlled by the stash, any other non-funding actions by the controller itself.",
+  "This could mean your nomination has not been applied to any validator in the active set by the election algorithm or it has been applied against a validator who is either oversubscribed or chilled.": "This could mean your nomination has not been applied to any validator in the active set by the election algorithm or it has been applied against a validator who is either oversubscribed or chilled.",
+  "This operation will submit the seed via an RPC call. Do not perform this operation on a public RPC node, but ensure that the node is local, connected to your validator and secure.": "This operation will submit the seed via an RPC call. Do not perform this operation on a public RPC node, but ensure that the node is local, connected to your validator and secure.",
+  "This pubic key is what will be visible in your queued keys list. It is generated based on the seed and the crypto used.": "This pubic key is what will be visible in your queued keys list. It is generated based on the seed and the crypto used.",
+  "To ensure optimal fund security using the same stash/controller is strongly discouraged, but not forbidden.": "To ensure optimal fund security using the same stash/controller is strongly discouraged, but not forbidden.",
+  "Unbond": "Unbond",
+  "Unbond funds": "Unbond funds",
+  "Use the account actions to create a new validator/nominator stash and bond it to participate in staking. Do not send funds directly via a transfer to a validator.": "Use the account actions to create a new validator/nominator stash and bond it to participate in staking. Do not send funds directly via a transfer to a validator.",
+  "Validate": "Validate",
+  "Validator": "Validator",
+  "Validator stats": "Validator stats",
+  "Validators": "Validators",
+  "Waiting": "Waiting",
+  "Waiting nominations ({{count}})": "Waiting nominations ({{count}})",
+  "Withdraw unbonded funds": "Withdraw unbonded funds",
+  "Within the context of a single bag, nodes are not sorted by their stake, but instead placed in insertion order. In other words, the most recently inserted node will be the last node in the bag, regardless of stake. Events like staking rewards or slashes do not automatically put you in a different bag. The bags-list pallet comes with an important permissionless extrinsic: rebag. This allows anyone to specify another account that is in the wrong bag, and place it in the correct one.": "Within the context of a single bag, nodes are not sorted by their stake, but instead placed in insertion order. In other words, the most recently inserted node will be the last node in the bag, regardless of stake. Events like staking rewards or slashes do not automatically put you in a different bag. The bags-list pallet comes with an important permissionless extrinsic: rebag. This allows anyone to specify another account that is in the wrong bag, and place it in the correct one.",
+  "Yes, allow nominations": "Yes, allow nominations",
+  "You should trust your nominations to act competently and honest; basing your decision purely on their current profitability could lead to reduced profits or even loss of funds.": "You should trust your nominations to act competently and honest; basing your decision purely on their current profitability could lead to reduced profits or even loss of funds.",
+  "Your bonded amount is below the on-chain minimum threshold of {{minBond}} and may be chilled. Bond extra funds to increase the bonded amount.": "Your bonded amount is below the on-chain minimum threshold of {{minBond}} and may be chilled. Bond extra funds to increase the bonded amount.",
+  "Your stash account. The transaction will be sent from the associated controller.": "Your stash account. The transaction will be sent from the associated controller.",
+  "active / nominators": "active / nominators",
+  "additional funds to bond": "additional funds to bond",
+  "all bonded": "all bonded",
+  "allows new nominations": "allows new nominations",
+  "average": "average",
+  "bags": "bags",
+  "balance": "balance",
+  "bonded": "bonded",
+  "candidate accounts": "candidate accounts",
+  "capacity < {{maxCap}}%": "capacity < {{maxCap}}%",
+  "comm.": "comm.",
+  "comm. < median": "comm. < median",
+  "comm. < {{maxComm}}%": "comm. < {{maxComm}}%",
+  "commission": "commission",
+  "controller": "controller",
+  "controller account": "controller account",
+  "count": "count",
+  "create pool from": "create pool from",
+  "crypto type to use": "crypto type to use",
+  "currently elected": "currently elected",
+  "defer": "defer",
+  "delegators": "delegators",
+  "description": "description",
+  "ed25519, Edwards": "ed25519, Edwards",
+  "elected stake": "elected stake",
+  "era points": "era points",
+  "era {{era}}": "era {{era}}",
+  "era {{era}}/unapplied": "era {{era}}/unapplied",
+  "eras": "eras",
+  "existing/active nominators": "existing/active nominators",
+  "filter by name, address or index": "filter by name, address or index",
+  "first": "first",
+  "generated public key": "generated public key",
+  "head": "head",
+  "ideal staked": "ideal staked",
+  "inflation": "inflation",
+  "initial value": "initial value",
+  "intentions": "intentions",
+  "join pool from": "join pool from",
+  "key type to set": "key type to set",
+  "last": "last",
+  "last #": "last #",
+  "last reward": "last reward",
+  "lowest / avg staked": "lowest / avg staked",
+  "max": "max",
+  "max. delegators": "max. delegators",
+  "max. delegators / pool": "max. delegators / pool",
+  "metadata": "metadata",
+  "min": "min",
+  "min nominated": "min nominated",
+  "min nominated / threshold": "min nominated / threshold",
+  "mine": "mine",
+  "my nodes": "my nodes",
+  "next": "next",
+  "nodes": "nodes",
+  "nominated accounts": "nominated accounts",
+  "nominators": "nominators",
+  "nominators to be removed": "nominators to be removed",
+  "on-chain bonding duration": "on-chain bonding duration",
+  "one validator per operator": "one validator per operator",
+  "other": "other",
+  "other stake": "other stake",
+  "overall/validator": "overall/validator",
+  "own": "own",
+  "own stake": "own stake",
+  "payment destination": "payment destination",
+  "payout": "payout",
+  "payout stakers for (multiple)": "payout stakers for (multiple)",
+  "payout stakers for (single)": "payout stakers for (single)",
+  "payout/stash": "payout/stash",
+  "payout/validator": "payout/validator",
+  "points": "points",
+  "pool id": "pool id",
+  "pools": "pools",
+  "prev": "prev",
+  "rebag from account": "rebag from account",
+  "rebonded amount": "rebonded amount",
+  "recent payouts": "recent payouts",
+  "recently": "recently",
+  "reporters": "reporters",
+  "request payout from": "request payout from",
+  "return": "return",
+  "returns": "returns",
+  "reward commission percentage": "reward commission percentage",
+  "rewards": "rewards",
+  "rewards & slashes": "rewards & slashes",
+  "selected validators": "selected validators",
+  "sr15519, Schnorrkel": "sr15519, Schnorrkel",
+  "staked": "staked",
+  "stash account": "stash account",
+  "stashes": "stashes",
+  "suri (seed & derivation)": "suri (seed & derivation)",
+  "tail": "tail",
+  "the associated controller": "the associated controller",
+  "the payment account": "the payment account",
+  "the stash account to nominate with": "the stash account to nominate with",
+  "to rebag": "to rebag",
+  "total": "total",
+  "total bags": "total bags",
+  "total nodes": "total nodes",
+  "total stake": "total stake",
+  "total staked": "total staked",
+  "unapplied": "unapplied",
+  "unbond amount": "unbond amount",
+  "unselected": "unselected",
+  "validator to query": "validator to query",
+  "validators": "validators",
+  "value bonded": "value bonded",
+  "waiting": "waiting",
+  "with an identity": "with an identity",
+  "with capacity": "with capacity",
+  "yesterday": "yesterday",
+  "{{count}} own stashes": "{{count}} own stashes",
+  "{{currency}} average": "{{currency}} average",
+  "{{currency}} clipped": "{{currency}} clipped",
+  "{{currency}} rewards": "{{currency}} rewards",
+  "{{currency}} slashed": "{{currency}} slashed",
+  "{{currency}} total": "{{currency}} total",
+  "{{days}} days": "{{days}} days"
+}
\ No newline at end of file
diff --git a/packages/apps/public/locales/en/app-storage.json b/packages/apps/public/locales/en/app-storage.json
new file mode 100644
index 0000000..20a0b31
--- /dev/null
+++ b/packages/apps/public/locales/en/app-storage.json
@@ -0,0 +1,13 @@
+{
+  "0x...": "0x...",
+  "Constants": "Constants",
+  "Raw storage": "Raw storage",
+  "Storage": "Storage",
+  "blockhash to query at": "blockhash to query at",
+  "encoded key details": "encoded key details",
+  "encoded partial key": "encoded partial key",
+  "encoded storage key": "encoded storage key",
+  "hex-encoded storage key": "hex-encoded storage key",
+  "selected constant query": "selected constant query",
+  "selected state query": "selected state query"
+}
\ No newline at end of file
diff --git a/packages/apps/public/locales/en/app-sudo.json b/packages/apps/public/locales/en/app-sudo.json
new file mode 100644
index 0000000..5b4e23d
--- /dev/null
+++ b/packages/apps/public/locales/en/app-sudo.json
@@ -0,0 +1,14 @@
+{
+  "Reassign": "Reassign",
+  "Set sudo key": "Set sudo key",
+  "Submit Sudo": "Submit Sudo",
+  "Submit Sudo Unchecked": "Submit Sudo Unchecked",
+  "Sudo access": "Sudo access",
+  "The unchecked weight as specified for the sudoUncheckedWeight call.": "The unchecked weight as specified for the sudoUncheckedWeight call.",
+  "You do not have access to the current sudo key": "You do not have access to the current sudo key",
+  "You will no longer have sudo access": "You will no longer have sudo access",
+  "submit the following change": "submit the following change",
+  "sudo key": "sudo key",
+  "unchecked weight for this call": "unchecked weight for this call",
+  "with weight override": "with weight override"
+}
\ No newline at end of file
diff --git a/packages/apps/public/locales/en/app-tech-comm.json b/packages/apps/public/locales/en/app-tech-comm.json
new file mode 100644
index 0000000..157dfbb
--- /dev/null
+++ b/packages/apps/public/locales/en/app-tech-comm.json
@@ -0,0 +1,33 @@
+{
+  "Close": "Close",
+  "Close proposal": "Close proposal",
+  "Committee prime member, default voting": "Committee prime member, default voting",
+  "No committee proposals": "No committee proposals",
+  "No members found": "No members found",
+  "Overview": "Overview",
+  "Positive number between 1 and {{count}}": "Positive number between 1 and {{count}}",
+  "Proposals ({{count}})": "Proposals ({{count}})",
+  "Propose a committee motion": "Propose a committee motion",
+  "Select the account you wish close the proposal with.": "Select the account you wish close the proposal with.",
+  "Select the account you wish to make the proposal with.": "Select the account you wish to make the proposal with.",
+  "Submit proposal": "Submit proposal",
+  "The committee account that will apply the close for the current round.": "The committee account that will apply the close for the current round.",
+  "The minimum number of committee votes required to approve this motion": "The minimum number of committee votes required to approve this motion",
+  "The proposal that will be affected. Once closed for the current voting round, it would need to be re-submitted for a subsequent voting round.": "The proposal that will be affected. Once closed for the current voting round, it would need to be re-submitted for a subsequent voting round.",
+  "Vote": "Vote",
+  "Vote Aye": "Vote Aye",
+  "Vote Nay": "Vote Nay",
+  "Vote on proposal": "Vote on proposal",
+  "You are voting with this collective's prime account. The vote will be the default outcome in case of any abstentions.": "You are voting with this collective's prime account. The vote will be the default outcome in case of any abstentions.",
+  "aye": "aye",
+  "close from account": "close from account",
+  "members": "members",
+  "nay": "nay",
+  "prime member": "prime member",
+  "proposal": "proposal",
+  "proposals": "proposals",
+  "propose from account": "propose from account",
+  "threshold": "threshold",
+  "total": "total",
+  "voting end": "voting end"
+}
\ No newline at end of file
diff --git a/packages/apps/public/locales/en/app-treasury.json b/packages/apps/public/locales/en/app-treasury.json
new file mode 100644
index 0000000..ff28c2a
--- /dev/null
+++ b/packages/apps/public/locales/en/app-treasury.json
@@ -0,0 +1,73 @@
+{
+  "A reason (to be stored-on-chain) as to why the recipient deserves a tip payout.": "A reason (to be stored-on-chain) as to why the recipient deserves a tip payout.",
+  "Acceptance proposal to council": "Acceptance proposal to council",
+  "Allocate a suggested tip amount. With enough endorsements, the suggested values are averaged and sent to the beneficiary.": "Allocate a suggested tip amount. With enough endorsements, the suggested values are averaged and sent to the beneficiary.",
+  "Approved": "Approved",
+  "As a council member, you can suggest an initial value for the tip, each other council member can suggest their own.": "As a council member, you can suggest an initial value for the tip, each other council member can suggest their own.",
+  "Be aware that once submitted the proposal will be put to a council vote. If the proposal is rejected due to a lack of info, invalid requirements or non-benefit to the network as a whole, the full bond posted (as describe above) will be lost.": "Be aware that once submitted the proposal will be put to a council vote. If the proposal is rejected due to a lack of info, invalid requirements or non-benefit to the network as a whole, the full bond posted (as describe above) will be lost.",
+  "Cancel": "Cancel",
+  "Close": "Close",
+  "Median tip selected": "Median tip selected",
+  "No approved proposals": "No approved proposals",
+  "No open tips": "No open tips",
+  "No pending proposals": "No pending proposals",
+  "Of the beneficiary amount, at least {{bondPercentage}} would need to be put up as collateral. The maximum of this and the minimum bond will be used to secure the proposal, refundable if it passes.": "Of the beneficiary amount, at least {{bondPercentage}} would need to be put up as collateral. The maximum of this and the minimum bond will be used to secure the proposal, refundable if it passes.",
+  "Overview": "Overview",
+  "Proposal can either be to approve or reject this spend. Once approved, the change is applied by either removing the proposal or scheduling payout.": "Proposal can either be to approve or reject this spend. Once approved, the change is applied by either removing the proposal or scheduling payout.",
+  "Proposals": "Proposals",
+  "Propose tip": "Propose tip",
+  "Rejection proposal to council": "Rejection proposal to council",
+  "Select the account you wish to submit the proposal from.": "Select the account you wish to submit the proposal from.",
+  "Select the account you wish to submit the tip from.": "Select the account you wish to submit the tip from.",
+  "Select the council account you wish to use to make the proposal.": "Select the council account you wish to use to make the proposal.",
+  "Send to council": "Send to council",
+  "Submit proposal": "Submit proposal",
+  "Submit tip": "Submit tip",
+  "Submit tip endorsement": "Submit tip endorsement",
+  "Submit tip request": "Submit tip request",
+  "Submit treasury proposal": "Submit treasury proposal",
+  "The account to which the proposed balance will be transferred if approved": "The account to which the proposed balance will be transferred if approved",
+  "The account to which the tip will be transferred if approved": "The account to which the tip will be transferred if approved",
+  "The amount that will be allocated from the treasury pot": "The amount that will be allocated from the treasury pot",
+  "The beneficiary will receive the full amount if the proposal passes.": "The beneficiary will receive the full amount if the proposal passes.",
+  "The beneficiary will received the tip as approved by council members.": "The beneficiary will received the tip as approved by council members.",
+  "The council member that is proposing this, submission equates to an \"aye\" vote.": "The council member that is proposing this, submission equates to an \"aye\" vote.",
+  "The minimum amount that will be bonded": "The minimum amount that will be bonded",
+  "The on-chain percentage for the treasury": "The on-chain percentage for the treasury",
+  "The reason why this tip should be paid.": "The reason why this tip should be paid.",
+  "The recipient account has no balance, ensure the tip is more than the existential deposit to create the account.": "The recipient account has no balance, ensure the tip is more than the existential deposit to create the account.",
+  "The suggested value for this tip": "The suggested value for this tip",
+  "The tip amount that should be allocated": "The tip amount that should be allocated",
+  "The type of council proposal to submit.": "The type of council proposal to submit.",
+  "The value is the amount that is being asked for and that will be allocated to the beneficiary if the proposal is approved.": "The value is the amount that is being asked for and that will be allocated to the beneficiary if the proposal is approved.",
+  "This account will make the proposal and be responsible for the bond.": "This account will make the proposal and be responsible for the bond.",
+  "Tip": "Tip",
+  "Tippers ({{count}})": "Tippers ({{count}})",
+  "Tips": "Tips",
+  "To council": "To council",
+  "Use this account to request the tip from. This can be a normal or council account.": "Use this account to request the tip from. This can be a normal or council account.",
+  "Voting": "Voting",
+  "Your endorsement will be applied for this account.": "Your endorsement will be applied for this account.",
+  "approved": "approved",
+  "beneficiary": "beneficiary",
+  "bond": "bond",
+  "bounties": "bounties",
+  "council proposal type": "council proposal type",
+  "finder": "finder",
+  "minimum bond": "minimum bond",
+  "next burn": "next burn",
+  "open": "open",
+  "payment": "payment",
+  "proposal bond": "proposal bond",
+  "reason": "reason",
+  "show only untipped/closing": "show only untipped/closing",
+  "spend period": "spend period",
+  "spendable / available": "spendable / available",
+  "submit with account": "submit with account",
+  "submit with council account": "submit with council account",
+  "tip reason": "tip reason",
+  "tip value": "tip value",
+  "tips": "tips",
+  "total": "total",
+  "value": "value"
+}
\ No newline at end of file
diff --git a/packages/apps/public/locales/en/apps-config.json b/packages/apps/public/locales/en/apps-config.json
new file mode 100644
index 0000000..10f4775
--- /dev/null
+++ b/packages/apps/public/locales/en/apps-config.json
@@ -0,0 +1,275 @@
+{
+  "lightclient.experimental": "light client (experimental)",
+  "lng.detect": "Default browser language (auto-detect)",
+  "opal.unique.network": "OPAL by UNIQUE",
+  "quartz.unique.network": "QUARTZ by UNIQUE",
+  "rpc.KlugDossier": "Klug Dossier",
+  "rpc.calamari.systems": "Calamari",
+  "rpc.dev.custom": "Custom environment",
+  "rpc.dev.custom.entry": "Custom {{WS_URL}}",
+  "rpc.dev.custom.own": "Custom",
+  "rpc.dev.local": "Local Node",
+  "rpc.dolphin": "Dolphin Testnet",
+  "rpc.dorafactory.org": "Dora Factory",
+  "rpc.header.dev": "Development",
+  "rpc.header.kusama.relay": "Kusama & parachains",
+  "rpc.header.live": "Live networks",
+  "rpc.header.polkadot.relay": "Polkadot & parachains",
+  "rpc.header.rococo.relay": "Test Rococo & parachains",
+  "rpc.header.test": "Test networks",
+  "rpc.header.westend.relay": "Test Westend & parachains",
+  "rpc.hosted.via": "via {{host}}",
+  "rpc.kusama.altair": "Altair",
+  "rpc.kusama.basilisk": "Basilisk",
+  "rpc.kusama.bifrost": "Bifrost (Kusama)",
+  "rpc.kusama.crab": "Darwinia Crab Parachain",
+  "rpc.kusama.encointer": "Encointer Network",
+  "rpc.kusama.genshiro": "Genshiro",
+  "rpc.kusama.heiko": "Parallel Heiko",
+  "rpc.kusama.integritee": "Integritee Network",
+  "rpc.kusama.kabocha": "Kabocha",
+  "rpc.kusama.karura": "Karura",
+  "rpc.kusama.khala": "Khala Network",
+  "rpc.kusama.kico": "KICO",
+  "rpc.kusama.kilt": "KILT Spiritnet",
+  "rpc.kusama.kintsugi": "Kintsugi BTC",
+  "rpc.kusama.kpron": "Kpron",
+  "rpc.kusama.listen": "Listen Network",
+  "rpc.kusama.litmus": "Litmus",
+  "rpc.kusama.loomnetwork": "Loom Network",
+  "rpc.kusama.mangata": "Mangata",
+  "rpc.kusama.mars": "Mars",
+  "rpc.kusama.moonriver": "Moonriver",
+  "rpc.kusama.parity": "Kusama",
+  "rpc.kusama.picasso": "Picasso",
+  "rpc.kusama.pichiu": "Pichiu",
+  "rpc.kusama.pioneerNetwork": "Bit.Country Pioneer",
+  "rpc.kusama.polkasmith": "PolkaSmith by PolkaFoundry",
+  "rpc.kusama.robonomics": "Robonomics",
+  "rpc.kusama.sakura": "Sakura",
+  "rpc.kusama.shadow": "Crust Shadow",
+  "rpc.kusama.shiden": "Shiden",
+  "rpc.kusama.sora_ksm": "SORA Kusama Parachain",
+  "rpc.kusama.standard": "Unorthodox",
+  "rpc.kusama.statemine": "Statemine",
+  "rpc.kusama.subgame": "SubGame Gamma",
+  "rpc.kusama.subsocial": "Subsocial",
+  "rpc.kusama.tanganika": "Tanganika",
+  "rpc.kusama.trustbase": "TrustBase",
+  "rpc.kusama.zeitgeist": "Zeitgeist",
+  "rpc.kylin-node.co.uk": "Kylin Network",
+  "rpc.manta": "Manta Testnet",
+  "rpc.polkadot.acala": "Acala",
+  "rpc.polkadot.astar": "Astar",
+  "rpc.polkadot.bifrost": "Bifrost",
+  "rpc.polkadot.centrifuge": "Centrifuge",
+  "rpc.polkadot.clover-para": "Clover",
+  "rpc.polkadot.coinversation": "Coinversation",
+  "rpc.polkadot.composable": "Composable Finance",
+  "rpc.polkadot.crust": "Crust",
+  "rpc.polkadot.darwinia": "Darwinia",
+  "rpc.polkadot.efinity": "Efinity",
+  "rpc.polkadot.equilibrium": "Equilibrium",
+  "rpc.polkadot.geminis": "Geminis",
+  "rpc.polkadot.hydra": "HydraDX",
+  "rpc.polkadot.interlay": "Interlay",
+  "rpc.polkadot.kapex": "Kapex",
+  "rpc.polkadot.litentry": "Litentry",
+  "rpc.polkadot.manta": "Manta",
+  "rpc.polkadot.moonbeam": "Moonbeam",
+  "rpc.polkadot.nodle": "Nodle",
+  "rpc.polkadot.odyssey": "Ares Odyssey",
+  "rpc.polkadot.parallel": "Parallel",
+  "rpc.polkadot.parity": "Polkadot",
+  "rpc.polkadot.phala": "Phala Network",
+  "rpc.polkadot.polkadex": "Polkadex",
+  "rpc.polkadot.statemint": "Statemint",
+  "rpc.polkadot.subdao": "SubDAO",
+  "rpc.polkadot.subgame": "SubGame Gamma",
+  "rpc.prod.aleph": "Aleph Zero",
+  "rpc.prod.automata": "Automata",
+  "rpc.prod.centrifuge": "Centrifuge",
+  "rpc.prod.chainx": "ChainX",
+  "rpc.prod.coinversation": "Coinversation",
+  "rpc.prod.competitors-club": "Competitors Club",
+  "rpc.prod.crab": "Darwinia Crab",
+  "rpc.prod.creditcoin": "Creditcoin",
+  "rpc.prod.crown-sterling": "Crown Sterling",
+  "rpc.prod.crust": "Crust Network",
+  "rpc.prod.darwinia": "Darwinia",
+  "rpc.prod.dock-pos-mainnet": "Dock",
+  "rpc.prod.edgeware": "Edgeware",
+  "rpc.prod.efinity": "Efinity",
+  "rpc.prod.equilibrium": "Equilibrium",
+  "rpc.prod.genshiro": "Genshiro",
+  "rpc.prod.hanonycash": "Hanonycash",
+  "rpc.prod.hydra": "HydraDX",
+  "rpc.prod.integritee": "Integritee Network",
+  "rpc.prod.kulupu": "Kulupu",
+  "rpc.prod.kusari": "Kusari",
+  "rpc.prod.mathchain": "MathChain",
+  "rpc.prod.minix": "MiniX",
+  "rpc.prod.neatcoin": "Neatcoin",
+  "rpc.prod.nftmart": "NFTMart",
+  "rpc.prod.nodle-main": "Nodle",
+  "rpc.prod.plasm": "Plasm",
+  "rpc.prod.polkadex": "Polkadex",
+  "rpc.prod.polymesh": "Polymesh Mainnet",
+  "rpc.prod.riochain": "RioChain",
+  "rpc.prod.robonomics": "Robonomics",
+  "rpc.prod.sherpax": "SherpaX",
+  "rpc.prod.sora-substrate": "SORA",
+  "rpc.prod.stafi": "Stafi",
+  "rpc.prod.subgame": "SubGame",
+  "rpc.prod.subsocial": "Subsocial",
+  "rpc.prod.swapdex": "Swapdex",
+  "rpc.prod.uniarts": "UniArts",
+  "rpc.prod.westlake": "Westlake",
+  "rpc.rococo": "Rococo",
+  "rpc.rococo.acala": "Mandala PC2",
+  "rpc.rococo.apron": "Apron PC1",
+  "rpc.rococo.ares": "Ares PC1",
+  "rpc.rococo.basilisk": "Basilisk",
+  "rpc.rococo.bifrost": "Bifrost PC1",
+  "rpc.rococo.bitcountry": "Bit.Country PC1",
+  "rpc.rococo.canvas": "Canvas",
+  "rpc.rococo.catalyst": "Catalyst",
+  "rpc.rococo.chainx": "ChainX PC1",
+  "rpc.rococo.clover": "Clover PC1",
+  "rpc.rococo.crab": "Darwinia Crab PC2",
+  "rpc.rococo.crust": "Crust PC1",
+  "rpc.rococo.darwinia": "Darwinia PC2",
+  "rpc.rococo.datahighway": "DataHighway",
+  "rpc.rococo.eave": "Steam PC",
+  "rpc.rococo.efinity.io": "Efinity",
+  "rpc.rococo.encointer": "Encointer Lietaer",
+  "rpc.rococo.galital": "Galital PC1",
+  "rpc.rococo.genshiro": "Genshiro",
+  "rpc.rococo.halongbay": "Halongbay",
+  "rpc.rococo.hydrate": "Hydrate",
+  "rpc.rococo.idavoll": "Idavoll",
+  "rpc.rococo.integritee": "Integritee PC1",
+  "rpc.rococo.interbtc": "Interlay PC1",
+  "rpc.rococo.jupiter": "Patract Jupiter PC1",
+  "rpc.rococo.kilt": "RILT",
+  "rpc.rococo.konomi": "Komomi Network",
+  "rpc.rococo.litentry": "Litentry",
+  "rpc.rococo.loomnetwork": "Loom Network",
+  "rpc.rococo.manta": "Manta PC1",
+  "rpc.rococo.mathchain": "MathChain PC1",
+  "rpc.rococo.moonrock": "Moonrock",
+  "rpc.rococo.moonsama": "Moonsama",
+  "rpc.rococo.nodle": "Nodle",
+  "rpc.rococo.origintrail": "OriginTrail Parachain",
+  "rpc.rococo.pangolin": "Pangolin",
+  "rpc.rococo.parami": "Parami PC2",
+  "rpc.rococo.phala": "Phala PC1",
+  "rpc.rococo.phoenix": "PHOENIX PC1",
+  "rpc.rococo.plasm": "Plasm PC2",
+  "rpc.rococo.polkafoundry": "PolkaFoundry PC1",
+  "rpc.rococo.prism": "Prism PC1",
+  "rpc.rococo.robonomics": "Robonomics PC2",
+  "rpc.rococo.singlavender": "Lavender by SingNetwork",
+  "rpc.rococo.spreehafen": "Spreehafen",
+  "rpc.rococo.standard": "Standard",
+  "rpc.rococo.statemint": "Statemint",
+  "rpc.rococo.subdao": "SubDAO PC1",
+  "rpc.rococo.subsocial": "Subsocial PC1",
+  "rpc.rococo.tick": "Tick",
+  "rpc.rococo.tinker": "InvArch Tinkernet",
+  "rpc.rococo.track": "Track",
+  "rpc.rococo.trick": "Trick",
+  "rpc.rococo.trustbase": "TrustBase PC1",
+  "rpc.rococo.unitv": "Unit Network",
+  "rpc.rococo.vln": "Valibre Network PC",
+  "rpc.rococo.zeitgeist": "Zeitgeist PC",
+  "rpc.rococo.zenlink": "Zenlink PC1",
+  "rpc.spanner": "Spanner",
+  "rpc.test.ajuna": "Ajuna Testnet",
+  "rpc.test.aleph": "Aleph Zero Testnet",
+  "rpc.test.ares.network": "Ares Gladios",
+  "rpc.test.automata-contextfree": "Automata ContextFree",
+  "rpc.test.beresheet": "Beresheet",
+  "rpc.test.bifrost": "Bifrost Stage Network",
+  "rpc.test.bitcountry": "Bit.Country - Metaverse Network",
+  "rpc.test.clover.finance": "Clover",
+  "rpc.test.coinversation": "Coinversation",
+  "rpc.test.creditcoin": "Creditcoin",
+  "rpc.test.crust.network": "Crust Maxwell",
+  "rpc.test.datahighway.spreehafen": "Spreehafen",
+  "rpc.test.dock-pos-testnet": "Dock",
+  "rpc.test.dotmog": "DOTMog",
+  "rpc.test.encointer.gesell": "Encointer Gesell",
+  "rpc.test.equilibriumtestnet": "Equilibrium",
+  "rpc.test.fantour": "Fantour",
+  "rpc.test.flamingfir": "Flaming Fir",
+  "rpc.test.galital": "Galital PC2",
+  "rpc.test.galois": "Galois",
+  "rpc.test.gamepower": "GamePower",
+  "rpc.test.geek": "GeekCash",
+  "rpc.test.halongbay": "Halongbay Testnet",
+  "rpc.test.interbtc": "Interlay Testnet",
+  "rpc.test.ipse": "IPSE",
+  "rpc.test.joystream": "Joystream",
+  "rpc.test.jupiter": "Jupiter",
+  "rpc.test.khala": "Khala (Para 3)",
+  "rpc.test.kilt.mash": "KILT Mashnet",
+  "rpc.test.kilt.pere": "KILT Peregrine",
+  "rpc.test.kylin-node.co.uk": "Pichiu Testnet",
+  "rpc.test.litentry": "Litentry Testnet",
+  "rpc.test.mandala": "Mandala",
+  "rpc.test.mangata": "Mangata Testnet",
+  "rpc.test.minix": "MiniX Testnet",
+  "rpc.test.moonbeam": "Moonbase Alpha",
+  "rpc.test.mybank": "mybank.network",
+  "rpc.test.nftmart": "NFTMart",
+  "rpc.test.nodle-arcadia": "Arcadia",
+  "rpc.test.oak": "Neumann Network",
+  "rpc.test.opportunity": "Opportunity",
+  "rpc.test.origintrail": "OriginTrail Parachain Testnet",
+  "rpc.test.pangolin": "Pangolin",
+  "rpc.test.pangoro": "Pangoro",
+  "rpc.test.phala": "Phala (PoC 5)",
+  "rpc.test.phoenix": "Phoenix Mashnet",
+  "rpc.test.polkadex": "Polkadex",
+  "rpc.test.polymesh": "Polymesh Testnet",
+  "rpc.test.pontem": "Pontem",
+  "rpc.test.prism": "Prism",
+  "rpc.test.realis": "Realis.Network",
+  "rpc.test.riochain": "RioChain",
+  "rpc.test.sherpax": "Sherpax Testnet",
+  "rpc.test.shibuya": "Shibuya",
+  "rpc.test.snowbridge": "Snowbridge",
+  "rpc.test.sora-substrate-staging": "SORA-staging",
+  "rpc.test.subdao": "SubDAO Staging",
+  "rpc.test.subgame": "SubGame Staging",
+  "rpc.test.subspace": "Subspace Testnet",
+  "rpc.test.subspace.farmnet": "Subspace Farmnet",
+  "rpc.test.ternoa-testnet": "Ternoa Testnet",
+  "rpc.test.turbulence": "Turbulence",
+  "rpc.test.uniarts": "UniArts",
+  "rpc.test.unique": "Unique",
+  "rpc.test.unitv": "Unit Network",
+  "rpc.test.vodka": "Vodka",
+  "rpc.test.web3games": "Web3Games",
+  "rpc.test.zCloak": "zCloak-network",
+  "rpc.test.zeitgeist": "Zeitgeist Battery Station",
+  "rpc.test.zero": "Zero",
+  "rpc.turing.oak": "Turing Network",
+  "rpc.westend": "Westend",
+  "rpc.westend.basilisk": "Basilisk Egg",
+  "rpc.westend.charcoal": "Charcoal",
+  "rpc.westend.integritee": "Integritee Network",
+  "rpc.westend.interbtc": "Interlay",
+  "rpc.westend.kilt": "WILT",
+  "rpc.westend.moonshadow": "Moonshadow",
+  "rpc.westend.pangoro": "Pangoro",
+  "rpc.westend.shell": "Westmint",
+  "rpc.westend.standard": "Standard ",
+  "rpc.westend.wendala": "Wendala",
+  "rpc.westend.whala": "Whala",
+  "ss58.default": "Default for the connected node",
+  "testnet.kylin-node.co.uk": "Kylin Testnet",
+  "westend.kylin-node.co.uk": "Pichiu",
+  "ws.unique.network": "Unique Network"
+}
\ No newline at end of file
diff --git a/packages/apps/public/locales/en/apps-electron.json b/packages/apps/public/locales/en/apps-electron.json
new file mode 100644
index 0000000..9e26dfe
--- /dev/null
+++ b/packages/apps/public/locales/en/apps-electron.json
@@ -0,0 +1 @@
+{}
\ No newline at end of file
diff --git a/packages/apps/public/locales/en/apps-routing.json b/packages/apps/public/locales/en/apps-routing.json
new file mode 100644
index 0000000..9827a3f
--- /dev/null
+++ b/packages/apps/public/locales/en/apps-routing.json
@@ -0,0 +1,31 @@
+{
+  "nav.accounts": "Accounts",
+  "nav.addresses": "Address book",
+  "nav.assets": "Assets",
+  "nav.bounties": "Bounties",
+  "nav.calendar": "Event calendar",
+  "nav.claims": "Claim Tokens",
+  "nav.contracts": "Contracts",
+  "nav.council": "Council",
+  "nav.democracy": "Democracy",
+  "nav.explorer": "Explorer",
+  "nav.extrinsics": "Extrinsics",
+  "nav.files": "Files (IPFS)",
+  "nav.gilt": "Gilt",
+  "nav.js": "JavaScript",
+  "nav.membership": "Membership",
+  "nav.nfts": "NFTs",
+  "nav.parachains": "Parachains",
+  "nav.poll": "Token poll",
+  "nav.rpc": "RPC calls",
+  "nav.settings": "Settings",
+  "nav.signing": "Sign and verify",
+  "nav.society": "Society",
+  "nav.staking": "Staking",
+  "nav.storage": "Chain state",
+  "nav.sudo": "Sudo",
+  "nav.tech-comm": "Tech. comm.",
+  "nav.teleport": "Teleport",
+  "nav.transfer": "Transfer",
+  "nav.treasury": "Treasury"
+}
\ No newline at end of file
diff --git a/packages/apps/public/locales/en/apps.json b/packages/apps/public/locales/en/apps.json
new file mode 100644
index 0000000..7a43e84
--- /dev/null
+++ b/packages/apps/public/locales/en/apps.json
@@ -0,0 +1,19 @@
+{
+  "Accounts": "Accounts",
+  "Developer": "Developer",
+  "Files": "Files",
+  "Governance": "Governance",
+  "Initializing connection": "Initializing connection",
+  "Network": "Network",
+  "Settings": "Settings",
+  "Switch": "Switch",
+  "Waiting for authorization from the extension. Please open the installed extension and approve or reject access.": "Waiting for authorization from the extension. Please open the installed extension and approve or reject access.",
+  "Waiting to make a connection to the remote endpoint and finishing API initialization.": "Waiting to make a connection to the remote endpoint and finishing API initialization.",
+  "You are connecting from a secure location to an insecure WebSocket ({{wsUrl}}). Due to browser mixed-content security policies this connection type is not allowed. Change the RPC service to a secure 'wss' endpoint.": "You are connecting from a secure location to an insecure WebSocket ({{wsUrl}}). Due to browser mixed-content security policies this connection type is not allowed. Change the RPC service to a secure 'wss' endpoint.",
+  "You are not connected to a node. Ensure that your node is running and that the Websocket endpoint is reachable.": "You are not connected to a node. Ensure that your node is running and that the Websocket endpoint is reachable.",
+  "custom endpoint": "custom endpoint",
+  "nav.github": "nav.github",
+  "nav.wiki": "nav.wiki",
+  "transfer received": "transfer received",
+  "update on #{{index}}": "update on #{{index}}"
+}
\ No newline at end of file
diff --git a/packages/apps/public/locales/en/index.json b/packages/apps/public/locales/en/index.json
new file mode 100644
index 0000000..2061ed4
--- /dev/null
+++ b/packages/apps/public/locales/en/index.json
@@ -0,0 +1,35 @@
+[
+  "app-accounts.json",
+  "app-addresses.json",
+  "app-assets.json",
+  "app-bounties.json",
+  "app-calendar.json",
+  "app-claims.json",
+  "app-contracts.json",
+  "app-council.json",
+  "app-democracy.json",
+  "app-explorer.json",
+  "app-extrinsics.json",
+  "app-files.json",
+  "app-gilt.json",
+  "app-js.json",
+  "app-nfts.json",
+  "app-parachains.json",
+  "app-poll.json",
+  "app-rpc.json",
+  "app-settings.json",
+  "app-signing.json",
+  "app-society.json",
+  "app-staking.json",
+  "app-storage.json",
+  "app-sudo.json",
+  "app-tech-comm.json",
+  "app-treasury.json",
+  "apps-config.json",
+  "apps-routing.json",
+  "apps.json",
+  "react-components.json",
+  "react-params.json",
+  "react-query.json",
+  "react-signer.json"
+]
\ No newline at end of file
diff --git a/packages/apps/public/locales/en/react-api.json b/packages/apps/public/locales/en/react-api.json
new file mode 100644
index 0000000..9e26dfe
--- /dev/null
+++ b/packages/apps/public/locales/en/react-api.json
@@ -0,0 +1 @@
+{}
\ No newline at end of file
diff --git a/packages/apps/public/locales/en/react-components.json b/packages/apps/public/locales/en/react-components.json
new file mode 100644
index 0000000..5291981
--- /dev/null
+++ b/packages/apps/public/locales/en/react-components.json
@@ -0,0 +1,80 @@
+{
+  "0.1x voting balance, no lockup period": "0.1x voting balance, no lockup period",
+  "Cancel": "Cancel",
+  "Confirm account removal": "Confirm account removal",
+  "Confirm address removal": "Confirm address removal",
+  "Confirm code removal": "Confirm code removal",
+  "Confirm contract removal": "Confirm contract removal",
+  "Details": "Details",
+  "Forget": "Forget",
+  "No execution details available for this proposal": "No execution details available for this proposal",
+  "Positive number": "Positive number",
+  "Prior locked voting": "Prior locked voting",
+  "Retrieving data": "Retrieving data",
+  "Select the account you wish to vote with. You can approve \"aye\" or deny \"nay\" the proposal.": "Select the account you wish to vote with. You can approve \"aye\" or deny \"nay\" the proposal.",
+  "Submit": "Submit",
+  "Tags": "Tags",
+  "The amount that is associated with this vote. This value is locked for the duration of the vote.": "The amount that is associated with this vote. This value is locked for the duration of the vote.",
+  "This chain does not yet support atomic batch operations. This means that if the transaction gets executed and one of the operations do fail (due to invalid data or lack of available funds) some of the changes made may not be applied.": "This chain does not yet support atomic batch operations. This means that if the transaction gets executed and one of the operations do fail (due to invalid data or lack of available funds) some of the changes made may not be applied.",
+  "This operation does not remove the history of the account from the chain, nor any associated funds from the account. The forget operation only limits your access to the account on this browser.": "This operation does not remove the history of the account from the chain, nor any associated funds from the account. The forget operation only limits your access to the account on this browser.",
+  "This operation does not remove the history of the account from the chain, nor any associated funds from the account. The forget operation only limits your access to the address on this browser.": "This operation does not remove the history of the account from the chain, nor any associated funds from the account. The forget operation only limits your access to the address on this browser.",
+  "This operation does not remove the history of the contract from the chain, nor any associated funds from its account. The forget operation only limits your access to the contract on this browser.": "This operation does not remove the history of the contract from the chain, nor any associated funds from its account. The forget operation only limits your access to the contract on this browser.",
+  "Unbonding {{value}}": "Unbonding {{value}}",
+  "Uncaught error. Something went wrong with the query and rendering of this component. Please supply all the details below when logging an issue, it may help in tracing the cause.": "Uncaught error. Something went wrong with the query and rendering of this component. Please supply all the details below when logging an issue, it may help in tracing the cause.",
+  "View this externally": "View this externally",
+  "Withdraw these unbonded funds": "Withdraw these unbonded funds",
+  "You are about to remove this account from your list of available accounts. Once completed, should you need to access it again, you will have to re-create the account either via seed or via a backup file.": "You are about to remove this account from your list of available accounts. Once completed, should you need to access it again, you will have to re-create the account either via seed or via a backup file.",
+  "You are about to remove this address from your address book. Once completed, should you need to access it again, you will have to re-add the address.": "You are about to remove this address from your address book. Once completed, should you need to access it again, you will have to re-add the address.",
+  "You are about to remove this contract from your list of available contracts. Once completed, should you need to access it again, you will have to manually add the contract's address in the Instantiate tab.": "You are about to remove this contract from your list of available contracts. Once completed, should you need to access it again, you will have to manually add the contract's address in the Instantiate tab.",
+  "address copied": "address copied",
+  "available to be unlocked": "available to be unlocked",
+  "beneficiary": "beneficiary",
+  "bond": "bond",
+  "bonded": "bonded",
+  "click to select or drag and drop the file here": "click to select or drag and drop the file here",
+  "clipboard": "clipboard",
+  "commission": "commission",
+  "contract event": "contract event",
+  "democracy": "democracy",
+  "everything": "everything",
+  "extrinsic hash": "extrinsic hash",
+  "filter by name, address, or account index": "filter by name, address, or account index",
+  "lifetime": "lifetime",
+  "lock expired": "lock expired",
+  "locked": "locked",
+  "no tags": "no tags",
+  "of {{locked}} vested": "of {{locked}} vested",
+  "ongoing referendum": "ongoing referendum",
+  "only this network": "only this network",
+  "per block": "per block",
+  "proposed by": "proposed by",
+  "redeemable": "redeemable",
+  "reserved": "reserved",
+  "session keys": "session keys",
+  "session next": "session next",
+  "signature {{type}}": "signature {{type}}",
+  "strong": "strong",
+  "tip": "tip",
+  "total": "total",
+  "transactions": "transactions",
+  "transferrable": "transferrable",
+  "type": "type",
+  "unbonding": "unbonding",
+  "unstake threshold": "unstake threshold",
+  "until block": "until block",
+  "value": "value",
+  "vested": "vested",
+  "via Council/Vote": "via Council/Vote",
+  "via Democracy/Vote": "via Democracy/Vote",
+  "via Staking/Bond": "via Staking/Bond",
+  "via Vesting": "via Vesting",
+  "vote value": "vote value",
+  "vote with account": "vote with account",
+  "voting balance": "voting balance",
+  "weak": "weak",
+  "{{blocks}} blocks": "{{blocks}} blocks",
+  "{{eras}} eras remaining": "{{eras}} eras remaining",
+  "{{name}} ({{size}} bytes)": "{{name}} ({{size}} bytes)",
+  "{{type}} copied": "{{type}} copied",
+  "{{value}}x voting balance, locked for {{lock}}x enactment ({{period}} days)": "{{value}}x voting balance, locked for {{lock}}x enactment ({{period}} days)"
+}
\ No newline at end of file
diff --git a/packages/apps/public/locales/en/react-hooks.json b/packages/apps/public/locales/en/react-hooks.json
new file mode 100644
index 0000000..9e26dfe
--- /dev/null
+++ b/packages/apps/public/locales/en/react-hooks.json
@@ -0,0 +1 @@
+{}
\ No newline at end of file
diff --git a/packages/apps/public/locales/en/react-params.json b/packages/apps/public/locales/en/react-params.json
new file mode 100644
index 0000000..229fc85
--- /dev/null
+++ b/packages/apps/public/locales/en/react-params.json
@@ -0,0 +1,25 @@
+{
+  "0x prefixed hex, e.g. 0x1234 or ascii data": "0x prefixed hex, e.g. 0x1234 or ascii data",
+  "<empty>": "<empty>",
+  "Add item": "Add item",
+  "Aye": "Aye",
+  "Locked1x": "Locked1x",
+  "Locked2x": "Locked2x",
+  "Locked3x": "Locked3x",
+  "Locked4x": "Locked4x",
+  "Locked5x": "Locked5x",
+  "Locked6x": "Locked6x",
+  "Nay": "Nay",
+  "No": "No",
+  "None": "None",
+  "Remove item": "Remove item",
+  "Yes": "Yes",
+  "aye: bool": "aye: bool",
+  "conviction: Conviction": "conviction: Conviction",
+  "details": "details",
+  "file upload": "file upload",
+  "hash a file": "hash a file",
+  "include option": "include option",
+  "type": "type",
+  "{{count}} key/value pairs encoded for submission": "{{count}} key/value pairs encoded for submission"
+}
\ No newline at end of file
diff --git a/packages/apps/public/locales/en/react-query.json b/packages/apps/public/locales/en/react-query.json
new file mode 100644
index 0000000..1054edc
--- /dev/null
+++ b/packages/apps/public/locales/en/react-query.json
@@ -0,0 +1,4 @@
+{
+  "Unknown": "Unknown",
+  "everything": "everything"
+}
\ No newline at end of file
diff --git a/packages/apps/public/locales/en/react-signer.json b/packages/apps/public/locales/en/react-signer.json
new file mode 100644
index 0000000..26d9c89
--- /dev/null
+++ b/packages/apps/public/locales/en/react-signer.json
@@ -0,0 +1,45 @@
+{
+  "Add a tip to this extrinsic, paying the block author for greater priority": "Add a tip to this extrinsic, paying the block author for greater priority",
+  "Adding an optional tip to the transaction could allow for higher priority, especially when the chain is busy.": "Adding an optional tip to the transaction could allow for higher priority, especially when the chain is busy.",
+  "Authorize transaction": "Authorize transaction",
+  "Current account nonce: {{accountNonce}}": "Current account nonce: {{accountNonce}}",
+  "Do not include a tip for the block author": "Do not include a tip for the block author",
+  "Don't use a proxy for this call": "Don't use a proxy for this call",
+  "Include an optional tip for faster processing": "Include an optional tip for faster processing",
+  "Lifetime (# of blocks)": "Lifetime (# of blocks)",
+  "Multisig approval with hash (non-final approval)": "Multisig approval with hash (non-final approval)",
+  "Multisig message with call (for final approval)": "Multisig message with call (for final approval)",
+  "Non-signature, non-hex data received from QR. Data contains \"{{sample}}\" instead of a hex-only signature. Please present the correct signature generated from the QR presented for submission.": "Non-signature, non-hex data received from QR. Data contains \"{{sample}}\" instead of a hex-only signature. Please present the correct signature generated from the QR presented for submission.",
+  "Nonce": "Nonce",
+  "Override any applicable values for the specific signed output. These will be used to construct and display the signed transaction.": "Override any applicable values for the specific signed output. These will be used to construct and display the signed transaction.",
+  "Preparing QR for signing": "Preparing QR for signing",
+  "Sending transaction": "Sending transaction",
+  "Set to 0 to make transaction immortal": "Set to 0 to make transaction immortal",
+  "Sign (no submission)": "Sign (no submission)",
+  "Sign and Submit": "Sign and Submit",
+  "Sign via Qr": "Sign via Qr",
+  "Signed transaction": "Signed transaction",
+  "Submit (no signature)": "Submit (no signature)",
+  "The account does not have enough free funds (excluding locked/bonded/reserved) available to cover the transaction fees without dropping the balance below the account existential amount.": "The account does not have enough free funds (excluding locked/bonded/reserved) available to cover the transaction fees without dropping the balance below the account existential amount.",
+  "The actual fully constructed signed output. This can be used for submission via other channels.": "The actual fully constructed signed output. This can be used for submission via other channels.",
+  "The call hash as calculated for this transaction": "The call hash as calculated for this transaction",
+  "The details of the transaction including the type, the description (as available from the chain metadata) as well as any parameters and fee estimations (as available) for the specific type of call.": "The details of the transaction including the type, the description (as available from the chain metadata) as well as any parameters and fee estimations (as available) for the specific type of call.",
+  "The full call data that can be supplied to a final call to multi approvals": "The full call data that can be supplied to a final call to multi approvals",
+  "The multisig signatory for this transaction.": "The multisig signatory for this transaction.",
+  "The proxy is one of the allowed proxies on the account, as set and filtered by the transaction type.": "The proxy is one of the allowed proxies on the account, as set and filtered by the transaction type.",
+  "The proxy to be used for this transaction.": "The proxy to be used for this transaction.",
+  "The sending account that will be used to send this transaction. Any applicable fees will be paid by this account.": "The sending account that will be used to send this transaction. Any applicable fees will be paid by this account.",
+  "The signatory is one of the allowed accounts on the multisig, making a recorded approval for the transaction.": "The signatory is one of the allowed accounts on the multisig, making a recorded approval for the transaction.",
+  "This could either be an approval for the hash or with full call details. The call as last approval triggers execution.": "This could either be an approval for the hash or with full call details. The call as last approval triggers execution.",
+  "Tip (optional)": "Tip (optional)",
+  "Unable to connect to the Ledger, ensure support is enabled in settings and no other app is using it. {{error}}": "Unable to connect to the Ledger, ensure support is enabled in settings and no other app is using it. {{error}}",
+  "Unlock the sending account to allow signing of this transaction.": "Unlock the sending account to allow signing of this transaction.",
+  "Use a proxy for this call": "Use a proxy for this call",
+  "call hash": "call hash",
+  "multisig call data": "multisig call data",
+  "multisig signatory": "multisig signatory",
+  "proxy account": "proxy account",
+  "sending from my account": "sending from my account",
+  "unlock account with password": "unlock account with password",
+  "unlock for {{expiry}} min": "unlock for {{expiry}} min"
+}
\ No newline at end of file
diff --git a/packages/apps/public/locales/en/test-support.json b/packages/apps/public/locales/en/test-support.json
new file mode 100644
index 0000000..9e26dfe
--- /dev/null
+++ b/packages/apps/public/locales/en/test-support.json
@@ -0,0 +1 @@
+{}
\ No newline at end of file
diff --git a/packages/apps/public/locales/en/translation.json b/packages/apps/public/locales/en/translation.json
new file mode 100644
index 0000000..9d5895b
--- /dev/null
+++ b/packages/apps/public/locales/en/translation.json
@@ -0,0 +1,386 @@
+{
+  "@YourTwitterName": "",
+  "@yourname:matrix.org": "",
+  "A controller account should not be set to manage multiple stashes. The selected controller is already controlling {{stashId}}": "",
+  "A controller account should not map to another stash. This selected controller is a stash, controlled by {{bondedId}}": "",
+  "Account type {{index}}": "",
+  "Accounts": "",
+  "Active": "",
+  "Add an existing code hash": "",
+  "Add an existing contract": "",
+  "Add proxy": "",
+  "Address index {{index}}": "",
+  "After a bounty was proposed the council decides whether to fund it or not.": "",
+  "All bags": "",
+  "All stashes": "",
+  "All validators": "",
+  "All voters may alter their votes any number of times prior to the close of the poll.": "",
+  "An account that is to receive the rewards": "",
+  "Any combination of the four options may be approved of by the voter. There is no need to select only one option!": "",
+  "Approving of all or none of the options is equivalent and will not affect the outcome of the poll.": "",
+  "Authorize transaction": "",
+  "Aye": "",
+  "Aye: {{count}}": "",
+  "Backup": "",
+  "Berlin": "",
+  "Blocks nominations": "",
+  "Bond": "",
+  "Bounty approval under voting": "",
+  "Bounty rejection under voting": "",
+  "Cancel": "",
+  "Cancel all": "",
+  "Cancel selected": "",
+  "Candidate": "",
+  "Change democracy delegation": "",
+  "Change this account's password": "",
+  "Chilled": "",
+  "Claim": "",
+  "Clear expired democracy locks": "",
+  "Close": "",
+  "Contracts": "",
+  "Controller account": "",
+  "Create a backup file for this account": "",
+  "Crust Network": "",
+  "Curator has been proposed by council. The bounty is waiting for curator to accept the role.": "",
+  "Curator proposal under voting": "",
+  "Curator slash under voting": "",
+  "Curator's deposit": "",
+  "Curator's deposit will be slashed and curator will be unassigned. Bounty will return to the Funded state.": "",
+  "Curator's fee": "",
+  "DCF": "",
+  "Dark theme (experimental, work-in-progress)": "",
+  "Defender": "",
+  "Delegate": "",
+  "Delegate democracy votes": "",
+  "Deploy": "",
+  "Deploy a contract": "",
+  "Derive": "",
+  "Derive account via derivation path": "",
+  "Developer": "",
+  "Distinct stash and controller accounts are recommended to ensure fund security. You will be allowed to make the transaction, but take care to not tie up all funds, only use a portion of the available funds during this period.": "",
+  "Evaluated {{count}} keys in {{elapsed}}s ({{avg}} keys/s)": "",
+  "Execute": "",
+  "Export": "",
+  "Extensions": "",
+  "File": "",
+  "Files": "",
+  "Folder": "",
+  "For approvals outstanding approvers will be shown, for hashes that should be cancelled the first approver is required.": "",
+  "For final approvals, the actual full call data is required to execute the transaction": "",
+  "Forget this account": "",
+  "Frozen": "",
+  "Full Legal Name": "",
+  "Governance": "",
+  "Identity": "",
+  "If the motion is approved, Curator's deposit will be slashed and Curator will be unassigned. Bounty will return to the Funded state.": "",
+  "If the motion is approved, the current Curator will be unassigned and the Bounty will return to the Funded state.": "",
+  "If you have not claimed rewards straight after the end of the era, the validator is in the active set and you are seeing no rewards, this would mean that the reward payout transaction was made by another account on your behalf. Always check your favorite explorer to see any historic payouts made to your accounts.": "",
+  "Import": "",
+  "Import Success": "",
+  "Import files": "",
+  "Importing": "",
+  "Inactive": "",
+  "Initiate recovery for another": "",
+  "Ledger app type (originated from)": "",
+  "Light theme (default)": "",
+  "Locked funds (e.g. for staking) are counted.": "",
+  "Make recoverable": "",
+  "Manage proxies": "",
+  "Multisig": "",
+  "Multisig approvals": "",
+  "My On-Chain Name": "",
+  "My bags": "",
+  "Nay": "",
+  "Nay: {{count}}": "",
+  "Network": "",
+  "Never execute JS snippets from untrusted sources.": "",
+  "Next session": "",
+  "No change": "",
+  "No change from the original 2017 sale definitions; will mean a total of 10 million DOT from genesis.": "",
+  "No discretionary lock-voting is in place; all DOT used to vote counts the same.": "",
+  "No sub identities set.": "",
+  "No, block all nominations": "",
+  "Nominating": "",
+  "Nominators": "",
+  "None": "",
+  "Note: The file list is cached locally, switching browsers or devices will not keep displaying the original browser information.": "",
+  "Online message": "",
+  "Override any applicable values for the specific signed output. These will be used to construct and display the signed transaction.": "",
+  "Oversubscribed": "",
+  "Own stashes": "",
+  "Own validators": "",
+  "Para validator": "",
+  "Payouts of rewards for a validator can be initiated by any account. This means that as soon as a validator or nominator requests a payout for an era, all the nominators for that validator will be rewarded. Each user does not need to claim individually and the suggestion is that validators should claim rewards for everybody as soon as an era ends.": "",
+  "Please do not upload more than 2000 files": "",
+  "Please read these terms and conditions carefully. By submitting this statement, you are deemed to have accepted these Terms and Conditions. If you do not agree to these terms, please refrain from accessing or proceeding. You can also find them at:": "",
+  "Please select non-empty folder": "",
+  "Preparing target display": "",
+  "Prior locked voting": "",
+  "Produced blocks": "",
+  "Proposer": "",
+  "Recovery": "",
+  "Retrieving data": "",
+  "Retrieving nominators": "",
+  "Retrieving validators": "",
+  "Save": "",
+  "Seattle": "",
+  "Set on-chain identity": "",
+  "Set on-chain sub-identities": "",
+  "Settings": "",
+  "Show address on hardware device": "",
+  "Singapore": "",
+  "Slash curator": "",
+  "Slash curator (Council)": "",
+  "Slashed": "",
+  "Specified payment account": "",
+  "Specify the user account to use for this deployment. Any fees will be deducted from this account.": "",
+  "Split of 1000x": "",
+  "Split of 1000x from the original sale; will mean a total of 10 billion DOT from genesis. Apparent DOT price would be 1000x lower and apparent account balances 1000x higher.": "",
+  "Split of 100x": "",
+  "Split of 100x from the original sale; will mean a total of 1 billion DOT from genesis. Apparent DOT price would be 100x lower and apparent account balances 100x higher.": "",
+  "Split of 10x": "",
+  "Split of 10x from the original sale; will mean a total of 100 million DOT from genesis. Apparent DOT price would be 10x lower and apparent account balances 10x higher.": "",
+  "Stash account (do not increase the amount at stake)": "",
+  "Stash account (increase the amount at stake)": "",
+  "Submit (no signature)": "",
+  "Swap to a non-executing approval type, with subsequent calls providing the actual call data.": "",
+  "The All bags list is composed of bags that each describe a range of active bonded funds of the nominators. In each bag is a list of nodes that correspond to a nominator and their staked funds.": "",
+  "The Curator that will be slashed.": "",
+  "The Curator that will be unassigned": "",
+  "The account that will create the transaction.": "",
+  "The account type (derivation) to use": "",
+  "The account type that you wish to create. This is the top-level derivation.": "",
+  "The actual fully constructed signed output. This can be used for submission via other channels.": "",
+  "The address index (derivation on account) to use": "",
+  "The address index on the account that you wish to add. This is the second-level derivation.": "",
+  "The amount to allocate and the conviction that will be applied to all votes made on a referendum.": "",
+  "The amount will be reserved for the duration of your vote": "",
+  "The bond will be reserved for the duration of your candidacy and membership.": "",
+  "The bonded amount is less than the current active minimum nominated amount of {{minNomination}} and depending on the network state, may not be selected to participate": "",
+  "The bonded amount is less than the minimum bond amount of {{existentialDeposit}}": "",
+  "The bonded amount is less than the minimum threshold of {{minBond}} for nominators": "",
+  "The bonded amount is less than the minimum threshold of {{minBond}} for validators": "",
+  "The call data for this transaction matching the hash. Once sent, the multisig will be executed against this.": "",
+  "The call hash as calculated for this transaction": "",
+  "The call hash from the list of available and unapproved calls.": "",
+  "The code hash for the on-chain deployed code.": "",
+  "The codeHash is not a valid hex hash": "",
+  "The controller does not have sufficient funds available to cover transaction fees. Ensure that a funded controller is used.": "",
+  "The council member that will create the motion, submission equates to an \"aye\" vote.": "",
+  "The full call data that can be supplied to a final call to multi approvals": "",
+  "The maximum amount you can delegate is the amount of funds available on the delegating account.": "",
+  "The multisig signatory for this transaction.": "",
+  "The network to derive on": "",
+  "The operation type to apply. For approvals both non-final and final approvals are supported.": "",
+  "The proxy is one of the allowed proxies on the account, as set and filtered by the transaction type.": "",
+  "The proxy to be used for this transaction.": "",
+  "The sending account that will be used to send this transaction. Any applicable fees will be paid by this account.": "",
+  "The signatory is one of the allowed accounts on the multisig, making a recorded approval for the transaction.": "",
+  "The specified value is large and may not allow enough funds to pay future transaction fees.": "",
+  "This action will Slash the Curator.": "",
+  "This action will create a Council motion to slash the Curator.": "",
+  "This action will create a Council motion to unassign the Curator.": "",
+  "This bounty has received approval and is currently being implemented.": "",
+  "This bounty is funded.": "",
+  "This bounty was approved by the council. When the next spend period starts, it will be funded.": "",
+  "This bounty was completed and the beneficiary was rewarded by the curator. Claiming the payout will be possible after the delay period is over.": "",
+  "This could either be an approval for the hash or with full call details. The call as last approval triggers execution.": "",
+  "This is a developer tool that allows you to execute selected snippets in a limited context.": "",
+  "This is not a valid JSON object.": "",
+  "This vote does not affect any economics of the Polkadot platform. Staking rewards, inflation, effective market capitalisation and the underlying balances of every account remain completely unchanged. It is \"merely\" about what units we use to denominate the balances into \"DOT\" for the purpose of display.": "",
+  "Unable to find on-chain WASM code for the supplied codeHash": "",
+  "Unable to retrieve the specified block details. {{error}}": "",
+  "Unassign curator": "",
+  "Unassign curator under voting": "",
+  "Undelegate": "",
+  "Unknown": "",
+  "Unless you are a developer with insight into what the specific script does to your environment (based on reading the code being executed) generally the advice would be to not use this environment.": "",
+  "Unlock the sending account to allow signing of this transaction.": "",
+  "Unlock vested amount": "",
+  "Upload": "",
+  "Upload & deploy code": "",
+  "Upload & deploy code {{info}}": "",
+  "Validators": "",
+  "View status in Crust": "",
+  "Vote": "",
+  "Voting": "",
+  "Voting costs nothing other than the transaction fee and can be done from all accounts with a non-zero spendable balance.": "",
+  "Voting is made on a per-account basis; a single account must all vote the same way and cannot split its vote.": "",
+  "Waiting": "",
+  "Warning: we did not find any attest statement for {{chain}}": "",
+  "With the keep-alive option set, the account is protected against removal due to low balances.": "",
+  "Within the context of a single bag, nodes are not sorted by their stake, but instead placed in insertion order. In other words, the most recently inserted node will be the last node in the bag, regardless of stake. Events like staking rewards or slashes do not automatically put you in a different bag. The bags-list pallet comes with an important permissionless extrinsic: rebag. This allows anyone to specify another account that is in the wrong bag, and place it in the correct one.": "",
+  "Yes, allow nominations": "",
+  "You need to sign an attestation for the following account:": "",
+  "You need to sign an attestation for the following accounts:": "",
+  "account type": "",
+  "accounts": "",
+  "action": "",
+  "activate": "",
+  "address copied": "",
+  "address index": "",
+  "admin": "",
+  "assets": "",
+  "available to be unlocked": "",
+  "aye": "",
+  "backed": "",
+  "backing": "",
+  "bags": "",
+  "balance": "",
+  "balances": "",
+  "beneficiary": "",
+  "best #": "",
+  "best hash": "",
+  "bid kind": "",
+  "bidder": "",
+  "bids": "",
+  "bond": "",
+  "bonded": "",
+  "bounties": "",
+  "call data for final approval": "",
+  "candidates": "",
+  "chain": "",
+  "chain specifications": "",
+  "clipboard": "",
+  "code hash": "",
+  "code hashes": "",
+  "collections": "",
+  "comm.": "",
+  "commission": "",
+  "completed": "",
+  "connected peers": "",
+  "contacts": "",
+  "contracts": "",
+  "controller": "",
+  "count": "",
+  "crowdloan": "",
+  "curator": "",
+  "defender": "",
+  "delegators": "",
+  "denomination vote": "",
+  "deploy": "",
+  "deployment account": "",
+  "deployment constructor": "",
+  "design samples": "",
+  "dispatch queue": "",
+  "elapsed": "",
+  "enact": "",
+  "ending": "",
+  "era {{era}}/unapplied": "",
+  "eras": "",
+  "events": "",
+  "external": "",
+  "extrinsics": "",
+  "file cid": "",
+  "file content error": "",
+  "file error": "",
+  "file size": "",
+  "files": "",
+  "finder": "",
+  "first": "",
+  "freezer": "",
+  "frozen": "",
+  "hash": "",
+  "head": "",
+  "https://example.com": "",
+  "id": "",
+  "in/out": "",
+  "included": "",
+  "initial state": "",
+  "intentions": "",
+  "issuer": "",
+  "items": "",
+  "justifications": "",
+  "last": "",
+  "last #": "",
+  "leases": "",
+  "lifecycle": "",
+  "locked": "",
+  "logs": "",
+  "matches": "",
+  "max": "",
+  "members": "",
+  "min": "",
+  "mine": "",
+  "motions": "",
+  "multisig signatory": "",
+  "nay": "",
+  "next action": "",
+  "no": "",
+  "no name": "",
+  "nodes": "",
+  "nominators": "",
+  "of {{locked}} vested": "",
+  "ongoing": "",
+  "other": "",
+  "other stake": "",
+  "overall/validator": "",
+  "own": "",
+  "own stake": "",
+  "owner": "",
+  "parachains": "",
+  "parathreads": "",
+  "parent": "",
+  "participants": "",
+  "payment": "",
+  "payout": "",
+  "payout/stash": "",
+  "payout/validator": "",
+  "per block": "",
+  "period": "",
+  "points": "",
+  "pools": "",
+  "preimage {{hash}}": "",
+  "proposals": "",
+  "proposer": "",
+  "proxy account": "",
+  "queues": "",
+  "raised": "",
+  "reason": "",
+  "recent blocks": "",
+  "recently": "",
+  "referenda": "",
+  "remaining": "",
+  "reporters": "",
+  "rewards": "",
+  "role": "",
+  "runners up": "",
+  "scheduled": "",
+  "secret": "",
+  "sending from my account": "",
+  "signer": "",
+  "somebody@example.com": "",
+  "stashes": "",
+  "state": "",
+  "status": "",
+  "strikes": "",
+  "sufficient": "",
+  "supply": "",
+  "tail": "",
+  "the payment account": "",
+  "threshold": "",
+  "timeout": "",
+  "tip": "",
+  "tips": "",
+  "total": "",
+  "transactions": "",
+  "turnout": "",
+  "type": "",
+  "unapplied": "",
+  "until block": "",
+  "validator {{index}}": "",
+  "validators": "",
+  "value": "",
+  "vote using my account": "",
+  "voted on": "",
+  "votes": "",
+  "voting end": "",
+  "weight": "",
+  "yes": "",
+  "yesterday": "",
+  "{{balance}} voted": "",
+  "{{count}} key/value pairs encoded for submission": "",
+  "{{days}} days": "",
+  "{{percentage}}% turnout": "",
+  "⚡️ Thunder Gateway": ""
+}
\ No newline at end of file
diff --git a/packages/apps/public/locales/es/translation.json b/packages/apps/public/locales/es/translation.json
new file mode 100644
index 0000000..2d40597
--- /dev/null
+++ b/packages/apps/public/locales/es/translation.json
@@ -0,0 +1,1122 @@
+{
+  "//hard///password": "//fuerte///contraseña",
+  "//hard/soft": "//fuerte/suave",
+  "//hard/soft///password": "//fuerte/suave///contraseña",
+  "0.1x voting balance, no lockup period": "0.1x aumento en el saldo de la votación, sin período de bloqueo",
+  "1 day": "1 día",
+  "1 hr": "1 hora",
+  "1 min": "1 minuto",
+  "1 s": "1 segundo",
+  "1. Select your {{chain}} account": "Selecciona tu cuenta para {{chain}}",
+  "2. Enter the ETH address from the sale.": "Introduzca la address de ETH de la venta.",
+  "2. Sign ETH transaction": "Firma de la transacción de ETH",
+  "<empty>": "<vacío>",
+  "<unknown>": "<desconocido>",
+  "A controller account should not be set to manages multiple stashes. The selected controller is already controlling {{stashId}}": "Una cuenta controller no debe ser configurada para manejar múltiples stashes. El controller seleccionado ya está controlando {{stashId}}",
+  "A controller account should not map to another stash. This selected controller is a stash, controlled by {{bondedId}}": "La cuenta controller no debe ser asignada a otro stash. Este controller seleccionado es un stash, controlado por {{bondedId}}",
+  "A deployed contract that has either been deployed or attached. The address and ABI are used to construct the parameters.": "Un contrato de despliegue que ha sido desplegado o agregado. La dirección y el ABI se utilizan para construir los parámetros.",
+  "A fee of {{creationFee}} will be deducted from the sender since the destination account does not exist": "Se deducirá una comisión de {{creationFee}} del remitente, ya que la cuenta de destino no existe.",
+  "A reason (to be stored-on-chain) as to why the recipient deserves a tip payout.": "Un motivo (para ser almacenado en la cadena) de por qué el destinatario merece un pago de propina.",
+  "ABI": "ABI",
+  "Acceptance proposal to council": "Propuesta de aceptación al consejo",
+  "Account actions": "Acciones de la cuenta",
+  "Account balance:": "Balance de la cuenta",
+  "Accounts injected from any of these extensions will appear in this application and be available for use. The above list is updated as more extensions with external signing capability become available.": "Las cuentas incorporadas de cualquiera de estas extensiones aparecerán en esta aplicación y estarán disponibles para su uso. La lista anterior se actualiza a medida que se dispone de más extensiones con capacidad de firma externa.",
+  "Active nominations ({{count}})": "({{count}}) Nominaciones activas",
+  "Add a tip to this extrinsic, paying the block author for greater priority": "Añade una propina a este extrinsic, pagando al autor del bloque por una mayor prioridad",
+  "Add account": "Añadir cuenta",
+  "Add account via Qr": "Añadir cuenta desde el Qr",
+  "Add an account via seed {{step}}/{{STEPS_COUNT}}": "Añadir cuenta desde la semilla {{step}}/{{STEPS_COUNT}}",
+  "Add an address": "Añadir una dirección",
+  "Add an existing code hash": "Añadir un hash de código existente",
+  "Add an existing contract": "Añadir un contrato existente",
+  "Add contact": "Añadir contacto",
+  "Add identity judgment": "Añadir el reconocimiento de la identidad",
+  "Add item": "Añade elemento",
+  "Add multisig": "Añadir multisig",
+  "Add via Ledger": "Consultar el libro de cuentas",
+  "Add via Qr": "Añadir desde el Qr",
+  "Add via backup file": "Añadir archivo de backup",
+  "Adding an optional tip to the transaction could allow for higher priority, especially when the chain is busy.": "Añadir una propina opcional a la transacción podría permitir una mayor prioridad, especialmente cuando la cadena está saturada.",
+  "Additional types as a JSON file (or edit below)": "Tipos adicionales como un fichero JSON (o editar abajo)",
+  "Address Prefix": "Título de la dirección",
+  "Adjust the mode from basic (with a limited number of beginner-user-friendly apps) to full (with all basic & advanced apps available)": "Ajustar el modo desde lo básico (con un número limitado de aplicaciones para principiantes) a lo más completo (con todas las aplicaciones básicas y avanzadas disponibles)",
+  "Advanced creation options": "Opciones avanzadas para la creación",
+  "All rewards will go towards the selected output destination when a payout is made.": "Todas las recompensas irán hacia el destino de salida seleccionado cuando se efectúe el pago.",
+  "All the listed validators and all their nominators will receive their rewards.": "Todos los validadores de la lista y todos sus nominadores recibirán su recompensa.",
+  "Allocate a suggested tip amount. With enough endorsements, the suggested values are averaged and sent to the beneficiary.": "Asigna una cantidad sugerida de propina. Con suficiente respaldo, los valores sugeridos serán un promedio y se enviarán al beneficiario.",
+  "Amount to add to the currently bonded funds. This is adjusted using the available funds on the account.": "Cantidad a añadir a los fondos actualmente en reserva. Se ajusta con los fondos disponibles en la cuenta.",
+  "An URL that is linked to this identity.": "URL que está vinculada a esta identidad.",
+  "An encrypted backup file will be created once you have pressed the \"Download\" button. This can be used to re-import your account on any other machine.": "Se creará un archivo de seguridad encriptado una vez que haya pulsado el botón \"Descargar\". Éste puede ser usado para reimportar su cuenta en cualquier otro equipo.",
+  "Any account can request payout for stakers, this is not limited to accounts that will be rewarded.": "Cualquier cuenta puede solicitar el pago de los stakers, esto no se limita a las cuentas que serán retribuidas.",
+  "Approvals": "Aprobaciones",
+  "Approve or reject this defender.": "Aprobar o rechazar a este representante.",
+  "Approve this call hash": "Aprobar esta llamada de hash",
+  "Approve this candidacy.": "Aprobar esta candidatura.",
+  "Approved": "Aprobado",
+  "As a council member, you can suggest an initial value for the tip, each other council member can suggest their own.": "Como miembro del consejo, puede sugerir un valor inicial para la propina, cada miembro del consejo puede sugerir el suyo propio.",
+  "Asset ID": "ID de los activos",
+  "Assets": "Activos",
+  "Aura": "Any account can request payout for stakers, this is not limited to accounts that will be rewarded.",
+  "Authorize transaction": "Autorizar transacción",
+  "Aye": "Si",
+  "Aye, I approve": "Si,  lo apruebo",
+  "Babe": "Babe",
+  "Backup account": "Copia de seguridad de la cuenta",
+  "Block details": "Detalles del bloque",
+  "Bond": "Vínculo",
+  "Bond & Nominate": "Vincular y nominar",
+  "Bond & Validate": "Vincular y validar",
+  "Bond more": "Vincular más",
+  "Bond more funds": "Vincular más fondos",
+  "Bonding Preferences": "Preferencias de la vinculación",
+  "Call": "Llamada",
+  "Call a contract": "Llamada a contrato",
+  "Call a method on this contract": "Llamada a un método en este contrato",
+  "Call results": "Resultados de la llamada",
+  "Call this message": "Llamada a este mensaje",
+  "Cancel": "Cancelar",
+  "Cancel slashes": "Cancelar penalización",
+  "Cancel this call hash": "Cancelar esta llamada de hash",
+  "Chain info": "Información de la cadena",
+  "Chain specifications": "Especificaciones de la cadena",
+  "Change": "Cambio",
+  "Change account password": "Cambiar la contraseña de la cuenta",
+  "Change controller account": "Cambiar la cuenta controller",
+  "Change reward destination": "Cambiar el destino de la recompensa",
+  "Change session keys": "Cambiar las claves de la sesión",
+  "Change this account's password": "Cambiar la contraseña de esta cuenta",
+  "Change validator preferences": "Cambiar preferencias del validador",
+  "Changing the key only takes effect at the start of the next session. The input here is generated from the author_rotateKeys command": "El cambio de la clave sólo tiene efecto al comienzo de la siguiente sesión. La entrada aquí se genera desde el comando author_rotateKeys",
+  "Claim": "Reclamación",
+  "Claim tokens...": "Reclamar tokens...",
+  "Clear all": "Limpiar todo",
+  "Clear expired democracy locks": "Limpiar los bloqueos de la democracia bloqueados",
+  "Close": "Cerrar",
+  "Close proposal": "Cerrar propuesta",
+  "Color": "Color",
+  "Committee prime member, default voting": "Miembro principal del Comité, votación por defecto",
+  "Confirm ABI removal": "Confirmar la eliminación de ABI",
+  "Confirm account removal": "Confirmar la eliminación de la cuenta",
+  "Confirm address removal": "Confirmar la eliminación de la dirección",
+  "Confirm claim": "Confirme la reclamación",
+  "Confirm code removal": "Confirmar la eliminación del código",
+  "Confirm contract removal": "Confirmar la eliminación del contrato",
+  "Constants": "Constantes",
+  "Continue": "Continuar",
+  "Conviction locks do overlap and are not additive, meaning that funds locked during a previous vote can be locked again.": "Los bloqueos de sentencias se superponen y son acumulativos, lo que significa que los fondos bloqueados durante una votación anterior pueden ser bloqueados de nuevo.",
+  "Copy the above string and sign an Ethereum transaction with the account you used during the pre-sale in the wallet of your choice, using the string as the payload, and then paste the transaction signature object below": "Copie la secuencia anterior y firme una transacción de Ethereum con la cuenta que utilizó durante la preventa en la cartera de su elección, utilizando la secuencia como fuente, y luego pegue la firma de la transacción a continuación",
+  "Copy the following string and sign it with the Ethereum account you used during the pre-sale in the wallet of your choice, using the string as the payload, and then paste the transaction signature object below:": "Copie la siguiente secuencia y fírmela con la cuenta Ethereum que utilizó durante la preventa en la cartera de su elección, utilizando la secuencia como fuente, y luego pegue la firma de la transacción a continuación:",
+  "Council": "Council",
+  "Council overview": "Información del Consejo",
+  "Create": "Crear",
+  "Create a backup file for this account": "Crear un archivo de backup para esta cuenta",
+  "Create an account now.": "Cree una cuenta ahora.",
+  "Create and backup account": "Crear y realizar copia de seguridad de esta cuenta",
+  "Crypto not detected": "Crypto no detectado",
+  "Cryptography used to create this signature. It is auto-detected on valid signatures.": "Criptografía utilizada para crear esta firma. Se detecta automáticamente en las firmas válidas.",
+  "Current account nonce: {{accountNonce}}": "Nonce de la cuenta actual: {{accountNonce}}",
+  "Current prime member, default voting": "Miembro principal actual, votación por defecto",
+  "Current society head, exempt": "El actual responsable de la sociedad, exento",
+  "Decimals": "Decimales",
+  "Decimals decides the smallest unit of the token, which is 1/10^decimals": "Los decimales deciden la unidad más pequeña del token, que es 1/10^decimales",
+  "Delete this custom example": "Eliminar este ejemplo personalizado",
+  "Democracy overview": "Resumen de la democracia",
+  "Deploy": "Despliegue",
+  "Deploy a code hash": "Despliegue el hash del código",
+  "Deploy this code hash as a smart contract": "Despliegue este hash del código como un contrato inteligente",
+  "Deploy with this constructor": "Despliegue con este constructor",
+  "Deposit": "Depósito",
+  "Deregister this parachain": "Anular esta parachain",
+  "Derive account from pair": "Cuenta derivada desde el par",
+  "Derive account via derivation path": "Cuenta derivada desde el path de origen",
+  "Details": "Detalles",
+  "Detection on the input string to determine if it is hex or non-hex.": "Detección en la cadena de entrada para determinar si es hexadecimal o no hexadecimal.",
+  "Determines what cryptography will be used to create this account. Note that to validate on Polkadot, the session account must use \"ed25519\".": "Determina qué criptografía se utilizará para crear esta cuenta. Tenga en cuenta que para validar en Polkadot, la cuenta session debe utilizar \"ed25519\".",
+  "Developer": "Desarrolladora",
+  "Development": "Desarrollo",
+  "Dismiss all notifications": "Descartar todas las notificaciones",
+  "Display overview information for the selected validator, including blocks produced.": "Mostrar información general del validador seleccionado, incluyendo los bloques producidos.",
+  "Distinct stash and controller accounts are recommended to ensure fund security. You will be allowed to make the transaction, but take care to not tie up all funds, only use a portion of the available funds during this period.": "Se recomiendan cuentas de stash y controller distintas para asegurar la seguridad de los fondos. Se le permitirá realizar la transacción, pero tenga cuidado de no bloquear todos los fondos, utilice sólo una parte de los fondos disponibles durante este período.",
+  "Do not include a tip for the block author": "No incluya una propina para el autor del bloque",
+  "Download": "Descarga",
+  "Either approve or reject this call.": "Puede aprobar o  rechazar esta llamada.",
+  "Endorse": "Apoyar",
+  "Endorsements ({{count}})": "({{count}}) apoyos",
+  "Ensure that not all funds are locked, funds need to be available for fees.": "Asegúrese de que no todos los fondos estén bloqueados, los fondos deben estar disponibles para las tasas.",
+  "Enter the Asset ID of the token you want to manage.": "Introduzca el ID del activo del token que quiere manejar.",
+  "Enter the Asset ID of the token you want to transfer.": "Introduzca el ID del activo del token que desee transferir.",
+  "Erroneous": "Erróneo",
+  "Evaluated {{count}} keys in {{elapsed}}s ({{avg}} keys/s)": "{{count}} evaluada en {{elapsed}}s ({{avg}} claves/s)",
+  "Extensions": "Extensiones",
+  "External": "Externo",
+  "Extrinsic submission": "Entrega de extrinsic",
+  "Fast track": "Vía rápida",
+  "Fast track proposal": "Propuesta por vía rápida",
+  "Filter available candidates based on name, address or short account index.": "Filtrar los candidatos disponibles en función del nombre, la dirección o el resumen de la cuenta.",
+  "For fund security, your session key should not match your stash key.": "Para la seguridad de los fondos, la llave de la sesión no debe coincidir con la de stash.",
+  "Forget": "Olvidar",
+  "Forget this account": "Olvide esta cuenta",
+  "Forget this address": "Olvide esta dirección",
+  "Forget this asset": "Olvida este activo",
+  "Forget this code hash": "Olvide este hash de código",
+  "Forget this contract": "Olvide este contrato",
+  "Forks": "Bifurcaciones",
+  "General": "General",
+  "Generate {{lng}}/translation.json": "Generar {{lng}}/translation.json",
+  "Genesis Hash": "Hash del génesis",
+  "Genesis Hash refers to initial state of the chain, it cannot be changed once the chain is launched": "El Hash del Génesis  se refiere al estado inicial de la cadena, no puede ser cambiado una vez que la cadena es lanzada",
+  "Grandpa": "Grandpa",
+  "Hash data": "Hash del dato",
+  "I agree": "Estoy de acuerdo.",
+  "I'm Online": "Estoy en línea",
+  "If the recipient account is new, the balance needs to be more than the existential deposit. Likewise if the sending account balance drops below the same value, the account will be removed from the state.": "Si la cuenta del destinatario es nueva, el saldo debe ser mayor que el de su depósito actual. Del mismo modo, si el saldo de la cuenta de origen cae por debajo de ese valor, la cuenta será retirada del state.",
+  "If this proposal is passed, the changes will be applied via dispatch and the deposit returned.": "Si se aprueba esta propuesta, los cambios se aplicarán mediante notificación y se devolverá el depósito.",
+  "If you are moving accounts between applications, ensure that you use the correct type.": "Si está moviendo cuentas entre aplicaciones, asegúrese de usar el tipo correcto.",
+  "Important notice": "Noticia importante",
+  "In calculating the election outcome, this prioritized vote ordering will be used to determine the final score for the candidates.": "En el cálculo del resultado de la elección, este orden de prioridad de los votos se utilizará para determinar la puntuación final de los candidatos.",
+  "Inactive nominations ({{count}})": "({{count}}) Nominaciones inactivas",
+  "Include an optional tip for faster processing": "Incluye un consejo opcional para un procesamiento más rápido",
+  "Initializing connection": "Iniciando la conexión",
+  "Initiate account recovery": "Inicie la recuperación de la cuenta",
+  "Initiate recovery for another": "Inicie la recuperación para otra",
+  "Inject Keys": "Introducir las llaves",
+  "Inject session keys (advanced)": "Introducir las llaves de sesión (avanzado)",
+  "Injected": "inyectada",
+  "It is recommended that you create/store your accounts securely and externally from the app. On {{yourBrowser}} the following browser extensions are available for use -": "Se recomienda que cree/almacene sus cuentas de forma segura y externa mediante la aplicación. En {{yourBrowser}} las siguientes extensiones están disponibles para su uso -",
+  "Judge": "Jurado",
+  "Keys from rotateKeys": "Llave de rotateKeys",
+  "Known good": "Conocido como bueno",
+  "Learn more...": "Aprenda más...",
+  "Lifetime (# of blocks)": "Tiempo de vida (# de bloques)",
+  "Loading": "Cargando",
+  "Locked1x": "Bloqueado x1",
+  "Locked2x": "Bloqueado x2",
+  "Locked3x": "Bloqueado x3",
+  "Locked4x": "Bloqueado x4",
+  "Locked5x": "Bloqueado x5",
+  "Locked6x": "Bloqueado x6",
+  "Low quality": "Baja calidad",
+  "Make Transfer": "Realizar transferencia",
+  "Make recoverable": "Hacer recuperable",
+  "Manage your connection to Ledger S": "Manejar tu conexión con Ledger S",
+  "Message data": "Datos del mensaje",
+  "Message origin.": "Origen del mensaje.",
+  "Messages": "Mensajes",
+  "Metadata {{count}}": "Metadatos {{count}}",
+  "Mnemonic": "Mnemonic",
+  "Most recent head data": "Datos más recientes de la cabecera",
+  "Motions": "Mociones",
+  "Multiple council proposals could exist, both approval and rejection. Apply your vote to the correct council proposal (also available on council motions page)": "Podrían existir múltiples propuestas del consejo, tanto de aprobación como de rechazo. Aplique su voto a la propuesta correcta del consejo (también disponible en la página de mociones del consejo)",
+  "Multisig": "Multisig",
+  "Multisig approval with hash (non-final approval)": "Aprobación de Multisig con hash (aprobación no definitiva)",
+  "Multisig approval with hash (not message with call)": "Aprobación de Multisig con hash ( sin mensaje en la llamada)",
+  "Multisig approvals": "Aprobaciones multisig",
+  "Multisig message with call (for final approval)": "Mensaje Multisig con llamada (para aprobación final)",
+  "Multisig message with call (not approval with hash)": "Mensaje multisig con llamada (no aprobar con el hash)",
+  "Mutates contract state": "Estado del contrato mútuo",
+  "My accounts": "Mis cuentas",
+  "My contacts": "Mis contactos",
+  "Name given to this account. You can change it at any point in the future.": "Nombre otorgado a esta cuenta. Puede cambiarlo en cualquier momento en el futuro.",
+  "Name given to this account. You can edit it. To use the account to validate or nominate, it is a good practice to append the function of the account in the name, e.g \"name_you_want - stash\".": "Nombre otorgado a esta cuenta. Puede editarlo. Para usar la cuenta para validar o nominar, es una práctica recomendable añadir la función de la cuenta en el nombre, ejemplo: \"nombre_que_se_desea - stash\".",
+  "Name given to this multisig. You can edit it at any later point in time.": "Nombre asignado a esta multisig. Puede editarlo en cualquier momento en el futuro.",
+  "Name of the network. It is only for display purposes.": "Nombre de la red. Es sólo para fines de visualización.",
+  "Name your example": "Nombre de su ejemplo",
+  "Nay": "No",
+  "Nay, I do not approve": "No, no lo apruebo",
+  "Network Name": "Nombre de la red",
+  "New stake": "Nueva inversión",
+  "No": "No",
+  "No active members": "No hay miembros activos",
+  "No active proposals": "No hay propuestas activas",
+  "No active referendums": "No hay referémdums activos",
+  "No active validators found": "No se han encontrado validadores activos",
+  "No active validators to check": "No hay validadores activos para comprobar",
+  "No approved proposals": "Propuestas no aprobadas",
+  "No assets found.": "No se han encontrado activos",
+  "No bids": "No hay pujas",
+  "No blocks available": "No hay bloques disponibles",
+  "No candidates": "No hay candidatos",
+  "No candidates found": "No se han encontrado candidatos",
+  "No code hashes available": "No hay hash de código disponible",
+  "No committee proposals": "No hay propuestas del comité",
+  "No contracts available": "No hay contrato disponible",
+  "No council motions": "No hay mociones del consejo",
+  "No documentation provided": "No se ha facilitado documentación",
+  "No events available": "No hay eventos disponibles",
+  "No external proposal": "No hay proposiciones externas",
+  "No funds staked yet. Bond funds to validate or nominate a validator": "No hay fondos en juego por el momento.  Vincule fondos para validar o nominar un validador",
+  "No items": "No hay elementos",
+  "No judgments": "No hay juicio",
+  "No logs available": "No hay logs disponibles",
+  "No matches found": "No se han encontrado coincidencias",
+  "No members found": "No se han encontrado miembros",
+  "No open tips": "No hay propinas abiertas",
+  "No pending era payouts from validators": "No hay pagos pendientes en la era de los validadores",
+  "No pending extrinsics are in the queue": "No hay extrinsics pendientes en la lista",
+  "No pending payouts for your stashes": "No hay pagos pendientes de sus stashes",
+  "No pending proposals": "No hay propuestas pendientes",
+  "No runners up found": "No se han encontrado mensajeros",
+  "No upgradable extensions found": "No se han encontrado extensiones actualizables",
+  "No waiting validators found": "No se han encontrado validadores en espera",
+  "Node info": "Información del nodo",
+  "Nominate": "Nominar",
+  "Nominate Validators": "Nominar validadores",
+  "Nominate selected": "Nominar seleccionados",
+  "Nominate validators": "Nominar validadores",
+  "Nominations ({{count}})": "({{count}}) Nominaciones",
+  "Nominator": "Nominador",
+  "Nominators can be selected automatically based on the current on-chain conditions or supplied manually as selected from the list of all currently available validators. In both cases, your favorites appear for the selection.": "Los nominadores pueden seleccionarse automáticamente en base a las condiciones actuales de la cadena o suministrarse manualmente según se seleccione de la lista de todos los validadores disponibles actualmente. En ambos casos, sus favoritos aparecen para la selección.",
+  "Nonce": "Nonce",
+  "None": "Ninguno",
+  "Not updated in the last block": "No se actualizó en el último bloque",
+  "Nothing queued for execution": "No hay nada en espera de ejecución",
+  "Of the beneficiary amount, at least {{bondPercentage}} would need to be put up as collateral. The maximum of this and the minimum bond will be used to secure the proposal, refundable if it passes.": "Del importe del beneficiario, al menos {{{bondPercentage}} tendría que ser puesto como garantía. El máximo de esto y el mínimo de la fianza se utilizarán para asegurar la propuesta, reembolsable si se aprueba.",
+  "Once bonded, it will need to be unlocked/withdrawn and will be locked for at least the bonding duration.": "Una vez vinculado, tendrá que ser desbloqueado/retirado y estará bloqueado por lo menos por la duración de la vinculación.",
+  "Once transmitted the new selection will only take effect in 2 eras since the selection criteria for the next era was done at the end of the previous era. Until then, the nominations will show as inactive.": "Una vez transmitida la nueva selección sólo tendrá efecto en 2 eras ya que los criterios de selección para la siguiente era se hicieron al final de la era anterior. Hasta entonces, las nominaciones se mostrarán como inactivas.",
+  "One of your available nomination accounts, keyed by the stash. The transaction will be sent from the controller.": "Una de sus cuentas de nominación disponibles, marcada por stash. La transacción será enviada desde el controller.",
+  "Only applicable if the proposal has already passed and is ready for dispatch.": "Sólo se aplica si la propuesta ya ha pasado y está lista para ser notificada.",
+  "Override any applicable values for the specific signed output. These will be used to construct and display the signed transaction.": "Anular los valores aplicables para la salida firmada específica. Estos se utilizarán para construir y mostrar la transacción firmada.",
+  "Override the default identity icon display with a specific theme": "Sustituir la visualización del icono de identidad por defecto por un tema específico",
+  "Override the default ss58 prefix for address generation": "Sustituir el prefijo ss58 por defecto para la generación de direcciones",
+  "Overview": "Resumen",
+  "Owned": "Propiedad de",
+  "Parachains": "Parachains",
+  "Parachains overview": "Resumen de parachains",
+  "Paste here the address of the contact you want to add to your address book.": "Pegue aquí la dirección del contacto que quiere añadir a su lista de direcciones.",
+  "Payout": "Pago",
+  "Payout all": "Pagar todo",
+  "Payout all stakers": "Pagar a todos los stakers",
+  "Pending call hashes": "Llamadas de hash pendientes",
+  "Please make sure to save this file in a secure location as it is required, together with your password, to restore your account.": "Por favor, asegúrese de guardar este archivo en un lugar seguro puesto que es necesario, junto con su contraseña, para restaurar su cuenta.",
+  "Please read these terms and conditions carefully. By submitting this statement, you are deemed to have accepted these Terms and Conditions. If you do not agree to these terms, please refrain from accessing or proceeding. You can also find them at:": "Por favor, lea estos términos y condiciones cuidadosamente. Al enviar esta solicitud, se considera que ha aceptado estos términos y condiciones. Si no está de acuerdo con estos términos, por favor absténgase de acceder o proceder. También puede encontrarlos en:",
+  "Positive number": "Número positivo",
+  "Positive number between 1 and {{count}}": "Número positivo entre 1 y {{count}}",
+  "Positive number between 1 and {{memberCount}}": "Número positivo entre 1 y {{memberCount}}",
+  "Positive number greater than or equal to {{nextFreeId}}": "Número positivo mayor o igual a {{nextFreeId}}",
+  "Pre-sale ethereum address": "Dirección de Ethereum de la preventa",
+  "Prefix indicates the ss58 address format in this network, it is a 16 bit unsigned integer that describes the precise format of the bytes of the address": "El prefijo indica el formato de la dirección ss58 en esta red, es un número entre 0 ~ 255 que describe el formato preciso de los bytes de la dirección",
+  "Preimage": "Preimagen",
+  "Present the QR code containing the signature to the UI. Once scanned it will be submitted for on-chain processing and execution.": "Presente el código QR que contiene la firma a la UI. Una vez escaneado, será presentado para su procesamiento y ejecución en cadena.",
+  "Proposal can either be to approve or reject this spend. One approved, the change is applied by either removing the proposal or scheduling payout.": "La propuesta puede ser la aprobación o el rechazo de este gasto. Una vez aprobada, el cambio se aplica ya sea quitando la propuesta o programando el pago.",
+  "Proposals": "Propuestas",
+  "Proposals ({{count}})": "({{count}}) Propuestas",
+  "Propose": "Propuesta",
+  "Propose a committee motion": "Proponer una moción de comité",
+  "Propose a council motion": "Proponer una moción del consejo",
+  "Propose external": "Proposición externa",
+  "Propose external (majority)": "Proposición externa (mayoría)",
+  "Propose motion": "Proponer una moción",
+  "Propose tip": "Proponer gratificación",
+  "Provide judgement": "Juicio proporcionado",
+  "Provide the account QR from the module/external application for scanning. Once detected as valid, you will be taken to the next step to add the account to your list.": "Proporcionar el QR de la cuenta del módulo/aplicación externa para el análisis. Una vez detectada como válida, se le llevará al siguiente paso para añadir la cuenta a su lista.",
+  "RPC calls": "llamadas RPC",
+  "Random": "Aleatorio",
+  "Raw seed": "Semillas en bruto",
+  "Raw storage": "Almacenamiento en bruto",
+  "Reasonable": "Razonable",
+  "Reassign": "Reasignar",
+  "Redeem": "Canjear",
+  "Register": "Registrarse",
+  "Register Asset": "Registro de activos",
+  "Register a parachain": "Registrar una parachain",
+  "Register an Asset": "Registrar un activo",
+  "Register identity": "Registro de identidad",
+  "Register the vote for or against the proposal.": "Registre el voto a favor o en contra de la propuesta.",
+  "Rejection proposal to council": "Propuesta de rechazo al consejo",
+  "Rejections": "Rechazos",
+  "Remove": "Eliminar",
+  "Remove ABI": "Eliminar ABI",
+  "Remove item": "Quitar el elemento",
+  "Reset": "Restablecer",
+  "Restore": "Restaurar",
+  "Restore JSON": "Restaurar JSON",
+  "Retrieving data": "Recuperación de datos",
+  "Retrieving info for all applicable eras, this will take some time": "Recuperar la información de todas las eras aplicables, esto requerirá cierto tiempo",
+  "Revert": "Revertir",
+  "Revert pending slashes": "Revertir recortes pendientes",
+  "Rewards (once paid) can be deposited to either the stash or controller, with different effects.": "Las recompensas (una vez pagadas) pueden ser depositadas en stash o en controller, con diferentes resultados.",
+  "Save": "Guardar",
+  "Save & Reload": "Guardar y refrescar",
+  "Save snippet to local storage": "Guarda el valor en el almacenamiento local",
+  "Save the type definitions for your custom structures as key-value pairs in a valid JSON file. The key should be the name of your custom structure and the value an object containing your type definitions.": "Guarde las definiciones de tipos para sus estructuras personalizadas como pares clave-valor en un archivo JSON válido. La clave debe ser el nombre de su estructura personalizada y el valor un objeto que contenga sus definiciones de tipo.",
+  "Save this backup file in a secure location. Additionally, the password associated with this account is needed together with this backup file in order to restore your account.": "Guarde este archivo de seguridad en un lugar protegido. Además, la contraseña asociada a esta cuenta es necesaria junto con el archivo de copia de seguridad para poder restaurar su cuenta.",
+  "Saved": "Guardado",
+  "Scan Signature Qr": "Escanear la firma Qr",
+  "Scan the QR code with your QR scanner. Once approved, you will be required to present the signed QR back to the UI for submission.": "Escanea el código QR con tu escáner QR. Una vez aprobado, se le pedirá que presente el QR firmado de nuevo a la UI para su presentación.",
+  "Search for": "Busque por",
+  "Second": "Apoyar",
+  "Second proposal": "Apoyar la proposición",
+  "Seconding a proposal that indicates your backing for the proposal. Proposals with greater interest moves up the queue for potential next referendums.": "Secundar una propuesta que indique su respaldo a la proposición. Las propuestas con mayor interés suben en la cola de posibles próximos referéndums.",
+  "Seconds ({{count}})": "({{count}}) segundos",
+  "Select Network": "Seleccione la red",
+  "Select a contact or paste the address you want to send funds to.": "Seleccione un contacto o pegue la dirección a la que quiere enviar los fondos.",
+  "Select and order council candidates you wish to vote for.": "Seleccione y ordene los candidatos al consejo por los que desea votar.",
+  "Select best": "Seleccionar el mejor",
+  "Select example": "Seleccione un ejemplo",
+  "Select targets manually (no auto-selection based on current profitability)": "Seleccionar los objetivos manualmente (no hay selección automática basada en la rentabilidad actual)",
+  "Select the JSON key file that was downloaded when you created the account. This JSON file contains your private key encrypted with your password.": "Seleccione el archivo de la clave JSON que se descargó cuando creó la cuenta. Este archivo JSON contiene su clave privada encriptada con su contraseña.",
+  "Select the account to use for this action.": "Seleccione la cuenta a utilizar para esta acción.",
+  "Select the account you wish close the proposal with.": "Seleccione la cuenta con la que desea cerrar la propuesta.",
+  "Select the account you wish to make the proposal with.": "Seleccione la cuenta con la que desea hacer la propuesta.",
+  "Select the account you wish to recover into this account.": "Seleccione la cuenta que desea recuperar en esta cuenta.",
+  "Select the account you wish to second with. This will lock your funds until the proposal is either approved or rejected": "Seleccione la cuenta con la que desea participar. Esto bloqueará sus fondos hasta que la propuesta sea aprobada o rechazada",
+  "Select the account you wish to submit for candidacy.": "Seleccione la cuenta que desea presentar para la candidatura.",
+  "Select the account you wish to submit the proposal from.": "Seleccione la cuenta desde la que desea presentar la propuesta.",
+  "Select the account you wish to submit the tip from.": "Seleccione la cuenta desde la que desea enviar la propina.",
+  "Select the account you wish to vote with. You can approve \"aye\" or deny \"nay\" the proposal.": "Seleccione la cuenta con la que desea votar. Puede aprobar \"sí\" o negar \"no\" la propuesta.",
+  "Select the council account you wish to use to make the proposal.": "Seleccione la cuenta del consejo que desea utilizar para hacer la propuesta.",
+  "Select the remote endpoint, either from the dropdown on manual entered via the custom toggle": "Seleccione el punto remoto final, ya sea desde el desplegable de manual introducido a través de la tecla personalizada",
+  "Send funds": "Enviar fondos",
+  "Send funds from this account": "Enviar fondos desde esta cuenta",
+  "Send funds to this address": "Enviar fondos a esta cuenta",
+  "Send to council": "Enviar al consejo",
+  "Sending transaction": "Enviar transacción",
+  "Session Key": "Llave session",
+  "Set Identity": "Establecer identidad",
+  "Set Session Key": "Establecer la clave de Session",
+  "Set controller": "Establecer controller",
+  "Set nominees": "Establecer nominados",
+  "Set on-chain identity": "Establecer la identidad en cadena",
+  "Set reward destination": "Establecer destino de las recompensas",
+  "Set sudo key": "Establecer llave sudo",
+  "Set to 0 to make transaction immortal": "Establecer a 0 para hacer la transacción inmortal",
+  "Set validator preferences": "Establecer preferencias del validador",
+  "Setup Nominator {{step}}/{{NUM_STEPS}}": "Configuración nominador {{step}}/{{NUM_STEPS}}",
+  "Setup Validator {{step}}/{{NUM_STEPS}}": "Configurar validador {{step}}/{{NUM_STEPS}}",
+  "Setup account as recoverable": "Configurar la cuenta como recuperable",
+  "Should the search be case sensitive, e.g if you select \"no\" your search for \"Some\" may return addresses containing \"somE\" or \"sOme\"...": "Si la búsqueda distingue entre mayúsculas y minúsculas, por ejemplo, si selecciona \"no\", la búsqueda de \"Algunos\" puede dar como resultado direcciones que contengan \"algUnos\" o \"algunOs\"...",
+  "Show address on hardware device": "Mostrar la dirección en el dispositivo hardware",
+  "Sign (no submission)": "Firmar (no enviar)",
+  "Sign and Submit": "Firmar y enviar",
+  "Sign for multisig": "Firmar para multisig",
+  "Sign message": "Firmar mensaje",
+  "Sign via Qr": "Firmar desde Qr",
+  "Sign via {{hardwareType}}": "Firmar desde {{hardwareType}}",
+  "Signed transaction": "Transacción firmada",
+  "Since the multisig function like any other account, once created it is available for selection anywhere accounts are used and needs to be funded before use.": "Dado que la multisig funciona como cualquier otra cuenta, una vez creada estará disponible para su selección en cualquier lugar donde se utilicen cuentas y deberá ser financiada antes de su uso.",
+  "Since this transaction deals with funding, the stash account will be used.": "Dado que esta transacción tiene que ver con la financiación, se utilizará la cuenta de stash.",
+  "Skeptics": "Escépticos",
+  "Society": "Sociedad",
+  "Society overview": "Resumen de la sociedad",
+  "Specify the user account to use for this contract call. And fees will be deducted from this account.": "Especifique la cuenta de usuario que se utilizará para esta llamada del contrato. Y los gastos serán restados de esta cuenta.",
+  "Specify the user account to use for this deployment. And fees will be deducted from this account.": "Especifique la cuenta de usuario que se utilizará para este despliegue. Y los gastos se deducirán de esta cuenta.",
+  "Staking overview": "Resumen del staking",
+  "Start generation": "Empezar la generación",
+  "Start recovery": "Empezar la recuperación",
+  "Stash": "Stash",
+  "Stop": "Parar",
+  "Stop generation": "Parar la generación",
+  "Storage": "Almacenamiento",
+  "Submit": "Enviar",
+  "Submit (no signature)": "Enviar (sin firma)",
+  "Submit RPC call": "Enviar llamada RPC",
+  "Submit Sudo": "Enviar sudo",
+  "Submit Transaction": "Enviar transacción",
+  "Submit Unsigned": "Enviar sin firma",
+  "Submit candidacy": "Presentar la candidatura",
+  "Submit key": "Enviar llave",
+  "Submit preimage": "Enviar preimagen",
+  "Submit proposal": "Subir propuesta",
+  "Submit signed extrinsic": "Presentar extrinsic firmado",
+  "Submit tip": "Subir propina",
+  "Submit tip endorsement": "Presentar la aprobación de la propina",
+  "Submit tip request": "Presentar la solicitud de propina",
+  "Submit treasury proposal": "Presentar la propuesta de tesorería",
+  "Submit your council candidacy": "Presente su candidatura al consejo",
+  "Sudo access": "Acceso sudo",
+  "Sudo key": "Clave Sudo",
+  "Supply a backed-up JSON file, encrypted with your account-specific password.": "Proporcione una copia de seguridad del archivo JSON, encriptado con la contraseña correspondiente a la cuenta.",
+  "Targets": "Objetivos",
+  "Tech. committee": "Comité técnico",
+  "Technical committee": "Comité técnico",
+  "Test account": "Cuenta de prueba",
+  "The Ethereum address you used during the pre-sale (starting by \"0x\")": "La dirección de Ethereum que se usó durante la preventa (empieza por \"0x\")",
+  "The RPC node can be selected from the pre-defined list or manually entered, depending on the chain you wish to connect to.": "El nodo RPC puede ser seleccionado de la lista preestablecida o introducido manualmente, dependiendo de la cadena a la que se desee conectar.",
+  "The Threshold must be a positive number": "El umbral debe ser un número positivo",
+  "The Threshold must lower than 11": "El umbral debe ser menor que 11",
+  "The UI puts a limit of 40 payouts at a time, where each payout is a single validator for a single era.": "La UI pone un límite de 40 remuneraciones a la vez, donde cada pago es un único validador para una sola era.",
+  "The account password as specified when creating the account. This is used to encrypt the backup file and subsequently decrypt it when restoring the account.": "La contraseña de la cuenta, tal como se indicó al crear la cuenta. Se utiliza para cifrar el archivo de copia de seguridad y posteriormente se desencripta cuando se restaura la cuenta.",
+  "The account that signed the input": "La cuenta que firmó la entrada",
+  "The account to which the proposed balance will be transferred if approved": "La cuenta a la que se transferirá el saldo propuesto si se aprueba",
+  "The account to which the tip will be transferred if approved": "La cuenta a la que se transferirá la propina si se aprueba",
+  "The account you want to claim to.": "La cuenta que desea reclamar.",
+  "The account you want to register the preimage from": "La cuenta de la que quieres registrar la imagen previa de",
+  "The account you want to register the proposal from": "La cuenta en la que desea registrar la propuesta de",
+  "The account you will send funds from.": "La cuenta desde la que enviará los fondos.",
+  "The account's password specified at the creation of this account.": "La contraseña de la cuenta especificada en la creación de esta cuenta.",
+  "The actual JSONRPC module and function to make a call to.": "El actual módulo JSONRPC y la función de hacer una llamada.",
+  "The actual proposal to make, based on the selected call and parameters thereof.": "La propuesta actual a realizar, basada en la convocatoria seleccionada y sus parámetros.",
+  "The address for the deployed contract instance.": "La dirección de la instancia del contrato desplegado",
+  "The address to vote from (must be a member)": "La dirección desde la que se desea votar (debe ser un miembro)",
+  "The addresses that are able to approve multisig transactions. You can select up to {{maxHelpers}} trusted addresses.": "Las direcciones que pueden aprobar las transacciones multisig. Puede seleccionar hasta {{maxHelpers}} direcciones de confianza.",
+  "The addresses that are able to help in recovery. You can select up to {{maxHelpers}} trusted helpers.": "Las direcciones que pueden ayudar en la recuperación. Puede seleccionar hasta {{maxHelpers}} asistentes de confianza.",
+  "The allotted endowment for this contract, i.e. the amount transferred to the contract upon instantiation.": "La dotación asignada para este contrato, es decir, la cantidad transferida al contrato por instanciación.",
+  "The allotted value for this contract, i.e. the amount transferred to the contract as part of this call.": "El valor asignado a este contrato, es decir, la cantidad transferida al contrato como parte de esta llamada.",
+  "The amount of funds to unbond, this is adjusted using the bonded funds on the stash account.": "La cantidad de fondos a desbloquear, se ajusta utilizando los fondos depositados en la cuenta stash",
+  "The amount placed at-stake should be no more that 95% of your available amount to protect against slashing events.": "La cantidad colocada en la participación no debe ser más del 95% de la cantidad disponible para protegerse contra los eventos de recorte.",
+  "The amount that is associated with this vote. This value is is locked for the duration of the vote.": "La cantidad que se asocia con este voto. Este valor está bloqueado durante la duración del voto.",
+  "The amount that will be allocated from the treasury pot": "La cantidad que se asignará del fondo del tesoro",
+  "The amount that will be used on a per-validator basis to calculate profits for that validator.": "La cantidad que se utilizará en base a cada validador para calcular los beneficios de ese validador.",
+  "The amount this total can be reduced by to change the referendum outcome. This assumes changes to the convictions of the existing votes, with no additional turnout.": "La cantidad de este total puede reducirse para cambiar el resultado del referéndum. Esto supone cambios en las opiniones de los votos existentes, sin ninguna participación adicional.",
+  "The amount this total should be increased by to change the referendum outcome. This assumes additional turnout with new votes at 1x conviction.": "La cantidad de este total debería incrementarse para cambiar el resultado del referéndum. Esto supone una participación adicional con nuevos votos a 1x de sentencia.",
+  "The associated deposit for this proposal should be more then the minimum on-chain deposit required. It will be locked until the proposal passes.": "El depósito asociado a esta propuesta debería ser mayor que el depósito mínimo en cadena requerido. Estará bloqueado hasta que la propuesta pase.",
+  "The auto-selection is done on the current profitability of the validators taking your favorites into account. It is adjusted based on the commission and current range of backing for the validator. The calculation may and will change over time, so it is rather a selection based on the current state of the network, not a predictor of future profitability.": "La auto-selección se hace sobre la rentabilidad actual de los validadores teniendo en cuenta sus favoritos. Se ajusta en base a la comisión y el rango actual de respaldo del validador. El cálculo puede cambiar y cambiará con el tiempo, por lo que es más bien una selección basada en el estado actual de la red, no un indicador de la rentabilidad futura.",
+  "The balance associated with the vote will be locked as per the conviction specified and will not be available for transfer during this period.": "El saldo asociado a la votación será bloqueado según la sentencia especificada y no estará disponible para su transferencia durante este período.",
+  "The beneficiary will have access to the transferred fees when the transaction is included in a block.": "El beneficiario tendrá acceso a los pagos realizados cuando la transacción se incluya en un bloque.",
+  "The beneficiary will receive the full amount if the proposal passes.": "El beneficiario recibirá la cantidad total si la propuesta es aprobada.",
+  "The beneficiary will received the tip as approved by council members.": "El beneficiario recibirá la propina según lo aprobado por los miembros del consejo.",
+  "The blake2b 256-bit hash of the actual input data.": "El hash blake2b de 256-bit de los datos de entrada reales.",
+  "The bonding duration for any staked funds. After this period needs to be withdrawn.": "La duración de la vinculación de los fondos en juego. Después de este período debe ser retirado.",
+  "The bonding duration for any staked funds. Needs to be unlocked and withdrawn to become available.": "La duración de la vinculación de los fondos. Necesita ser desbloqueado y retirado para estar disponible.",
+  "The call hashes that have not been executed as of yet.": "Los hashes de llamada que aún no han sido ejecutados.",
+  "The code hash for the on-chain deployed code.": "El hash del código para el despliegue en cadena del código.",
+  "The code is not recognized as being in valid WASM format": "El código no se reconoce en el formato válido WASM",
+  "The codeHash is not a valid hex hash": "El código hash no es un hash hex válido",
+  "The color used to distinguish this network with others, use color code with 3 or 6 digits, like \"#FFF\" or \"#111111\"": "El color usado para distinguir esta red de las demás, usa un código de color de 3 o 6 dígitos, como \"#FFF\" o \"#111111\"",
+  "The commission is deducted from all rewards before the remainder is split with nominators.": "La comisión se deduce de todas las recompensas antes de que el resto se reparta con los nominadores.",
+  "The committee account that will apply the close for the current round.": "La cuenta del comité que aplicará el cierre para la ronda actual.",
+  "The compiled WASM for the contract that you wish to deploy. Each unique code blob will be attached with a code hash that can be used to create new instances.": "El WASM compilado para el contrato que desea desplegar. Cada blob de código único se adjuntará con un hash de código que puede ser usado para crear nuevas instancias.",
+  "The compiled runtime WASM for the parachain you wish to register.": "El tiempo de ejecución compilado WASM para la parachain que desea registrar.",
+  "The compiled runtime WASM for this parachain.": "Runtime compilado en WASM para esta parachain.",
+  "The contract WASM previously deployed. Internally this is identified by the hash of the code, as either created or attached.": "El contrato WASM previamente desplegado. Internamente se identifica por el hash del código, ya sea creado o adjunto.",
+  "The controller is the account that is be used to control any nominating or validating actions. I will sign this transaction.": "El controller es la cuenta que se utiliza para controlar cualquier acción de nominación o validación. Firmaré esta transacción.",
+  "The controller is the account that will be used to control any nominating or validating actions. Should not match another stash or controller.": "El controller es la cuenta que se utilizará para controlar cualquier acción de nominación o validación. No debe coincidir con stash o controller de otro tipo.",
+  "The conviction to use for this vote, with an appropriate lock period.": "La sentencia a utilizar para esta votación, con un período de bloqueo apropiado.",
+  "The council account for the proposal. The selection is filtered by the current members.": "La cuenta del consejo para la propuesta. La selección es filtrada por los miembros actuales.",
+  "The council account for this vote. The selection is filtered by the current members.": "La cuenta del consejo para esta votación. La selección es filtrada por los miembros actuales.",
+  "The council account that will apply the close for the current round.": "La cuenta del consejo que aplicará el fin de la ronda actual.",
+  "The council member that is proposing this, submission equates to an \"aye\" vote.": "El miembro del consejo que propone esto, la sumisión equivale a un voto de \"sí\".",
+  "The council proposal to make the vote on": "La propuesta del consejo para hacer la votación de",
+  "The data that was signed. This is used in combination with the signature for the verification. It can either be hex or a string.": "Los datos que fueron firmados. Se utiliza en combinación con la firma para la verificación. Puede ser hexadecimal o una cadena.",
+  "The delay between vouching and the availability of the recovered account.": "La espera entre el registro y la disponibilidad de dicha cuenta recuperada.",
+  "The delay period to apply in blocks": "El período de demora que se aplicará en los bloques",
+  "The deployment constructor information for this contract, as provided by the ABI.": "La información del constructor de despliegue para este contrato, según lo proporcionado por el ABI.",
+  "The deposit is below the {{minimum}} minimum required for the proposal to be evaluated": "El depósito está por debajo del {{minimum}} mínimo requerido para que la propuesta sea evaluada",
+  "The deposit of {{deposit}} will be reserved until the proposal is completed": "El depósito de {{deposit}} se reservará hasta que se complete la propuesta",
+  "The derivation path allows you to create different accounts from the same base mnemonic.": "La ruta de la derivación permite crear diferentes cuentas desde la misma base mnemotécnica.",
+  "The desired threshold. Here set to a default of 50%+1, as applicable for general proposals.": "El umbral deseado. Aquí se establece un valor por defecto de 50%+1, como se aplica a las propuestas generales.",
+  "The destination account for any payments as either a nominator or validator": "La cuenta de destino para cualquier pago como nominador o validador",
+  "The details of the transaction including the type, the description (as available from the chain metadata) as well as any parameters and fee estimations (as available) for the specific type of call.": "Los detalles de la transacción, incluidos el tipo, la descripción (según se indica en los metadatos de la cadena), así como los parámetros y las estimaciones de las tasas (según se indica) para el tipo específico de llamada.",
+  "The email address associated with this identity.": "La dirección de correo electrónico asociado a esta identidad.",
+  "The existing account password as specified when this account was created or when it was last changed.": "Contraseña de la cuenta existente, tal como se especificó cuando se creó la cuenta o cuando se modificó por última vez.",
+  "The external proposal to send to the technical committee": "La propuesta externa de enviar al comité técnico",
+  "The final recipient balance is less or equal to {{existentialDeposit}} (the existential amount) and will not be reflected": "El saldo final del receptor es menor o igual a {{existentialDeposit}} (the existential amount) y no se reflejará",
+  "The funds will only be available for withdrawal after the unbonding period, however will not be part of the staked amount after the next validator election. You can follow the unlock countdown in the UI.": "Los fondos sólo estarán disponibles para ser retirados después del período de desbloqueo, sin embargo no serán parte de la cantidad depositada después de la próxima elección del validador. Puedes seguir la cuenta atrás de desbloqueo en la UI.",
+  "The hash for the proposal this vote applies to": "El hash de la propuesta a la que se aplica esta votación",
+  "The hash of the preimage for the proposal as previously submitted or intended.": "El hash de la preimagen de la propuesta como se ha presentado o se pretende presentar.",
+  "The hash of the proposal image, either already submitted or valid for the specific call.": "El hash de la imagen de la propuesta, ya presentada o válida para la convocatoria específica.",
+  "The hash of the selected proposal, use it for submitting the proposal": "El hash de la propuesta seleccionada, utilizado para la presentación de la propuesta",
+  "The helpers should be able to verify, via an off-chain mechanism, that the account owner indeed wishes to recover access and as such provide any approvals. In the cases of malicious recovery procedures, they will have the power to stop it.": "Los asistentes deben poder verificar, mediante un mecanismo fuera de la cadena, que el titular de la cuenta desea efectivamente recuperar el acceso y, como tal, proporcionar cualquier aprobación. En los casos de procedimientos de recuperación malintencionados, tendrán la capacidad de impedirlo.",
+  "The hex output from author_rotateKeys, as executed on the validator node. The keys will show as pending until applied at the start of a new session.": "La salida hexadecimal de author_rotateKeys, como se ejecuta en el nodo validador. Las claves se mostrarán como pendientes hasta que se apliquen al comienzo de una nueva sesión.",
+  "The id number to assign to this parachain.": "El número de identificación para asignar a esta parachain",
+  "The id of the parachain to be deregistered.": "El ID de la parachain para ser anulada del registro",
+  "The image (proposal) will be stored on-chain against the hash of the contents.": "La imagen (propuesta) se almacenará en cadena frente al hash de los contenidos.",
+  "The initial head state for the parachain.": "Estado inicial de las cabeceras para la parachain.",
+  "The initial head state is invalid.": "El estado inicial de las cabeceras es inválido.",
+  "The input data to hash. This can be either specified as a hex value (0x-prefix) or as a string.": "Los datos de entrada al hash. Esto puede ser especificado como un valor hexadecimal (0x-prefijo) o como una cadena.",
+  "The input data to sign. This can be either specified as a hex value (0x-prefix) or as a string.": "Los datos de entrada para firmar. Esto puede ser especificado como un valor hexadecimal (0x-prefijo) o como una cadena.",
+  "The key type and crypto type to use for this key. Be aware that different keys have different crypto requirements. You should be familiar with the type requirements for the different keys.": "El tipo de llave y el tipo de criptografía a utilizar para esta llave. Tenga en cuenta que las diferentes claves tienen diferentes requisitos de criptografía. Debe estar familiarizado con los requisitos de tipo para las diferentes claves.",
+  "The legal name for this identity.": "Nombre legal de esta identidad",
+  "The local name for this account. Changing this does not affect your on-line identity, so this is only used to indicate the name of the account locally.": "Nombre local de esta cuenta. Cambiar esto no afecta a su identidad en línea, por lo que sólo se utiliza para indicar el nombre de la cuenta de forma local.",
+  "The locked value for this proposal": "El valor bloqueado para esta propuesta",
+  "The maximum amount of gas that can be used by this call. If the code requires more, the call will fail.": "La cantidad máxima de gas que puede ser utilizada por esta llamada. Si el código requiere más, la llamada fallará.",
+  "The maximum amount of gas that can be used by this deployment, if the code requires more, the deployment will fail.": "La cantidad máxima de gas que puede ser utilizada para este despliegue, si el código requiere más, el despliegue fallará.",
+  "The message to send to this contract. Parameters are adjusted based on the ABI provided.": "El mensaje para enviar a este contrato. Los parámetros se ajustan en base al ABI proporcionado.",
+  "The minimum amount that an account should have to be deemed active": "Cantidad mínima que debe tener una cuenta para que se considere activa",
+  "The minimum amount that will be bonded": "La cantidad mínima que se fijará en la fianza",
+  "The minimum deposit required": "El depósito mínimo necesario",
+  "The minimum number of committee votes required to approve this motion": "El número mínimo de votos del comité requerido para aprobar esta moción",
+  "The minimum number of council votes required to approve this motion": "El número mínimo de votos del consejo necesarios para aprobar esta moción",
+  "The multisig signatory for this transaction.": "El firmante multisig de esta transacción.",
+  "The name for this account and how it will appear under your addresses. With an on-chain identity, it can be made available to others.": "El nombre de esta cuenta y cómo aparecerá bajo sus direcciones. Con una identidad en la cadena, puede estar disponible para otros.",
+  "The name is for unique identification of the account in your owner lists.": "El nombre es para la identificación específica de la cuenta en su lista de propietario.",
+  "The name that will be displayed in your accounts list.": "El nombre que aparecerá en su lista de cuentas.",
+  "The new account password. Once set, all future account unlocks will be performed with this new password.": "La nueva contraseña de la cuenta. Una vez establecida, todos los posteriores desbloqueos de la cuenta se realizarán con esta nueva contraseña.",
+  "The on-chain percentage for the treasury": "El porcentaje en cadena para el tesoro",
+  "The password and password confirmation for this account. This is required to authenticate any transactions made and to encrypt the keypair.": "La contraseña y la verificación para esta cuenta. Esto es necesario para autentificar cualquier transacción realizada y para cifrar el par de claves.",
+  "The password previously used to encrypt this account.": "La contraseña utilizada anteriormente para cifrar esta cuenta.",
+  "The password to unlock the selected account.": "La contraseña para desbloquear la cuenta seleccionada.",
+  "The percentage reward (0-100) that should be applied for the validator": "La recompensa en porcentaje (0-100) que debe aplicarse para el validador",
+  "The preimage hash of the proposal": "El hash de la preimagen de la propuesta",
+  "The private key for your account is derived from this seed. This seed must be kept secret as anyone in its possession has access to the funds of this account. If you validate, use the seed of the session account as the \"--key\" parameter of your node.": "La clave privada de su cuenta se deriva de esta semilla. Esta semilla debe mantenerse de forma secreta ya que cualquiera que la posea tiene acceso a los fondos de la cuenta. Si usted es validador, use la semilla de la cuenta de sesión con el parámetro \"--key\" de su nodo.",
+  "The proposal is in the queue for future referendums. One proposal from this list will move forward to voting.": "La propuesta está en la lista de espera para futuros referéndums. Una propuesta de esta lista pasará a la votación.",
+  "The proposal that is being voted on. It will pass when the threshold is reached.": "La propuesta que está siendo votada. Pasará cuando se alcance el umbral.",
+  "The proposal that will be affected. Once closed for the current voting round, it would need to be re-submitted for a subsequent voting round.": "La propuesta que se verá afectada. Una vez cerrada para la actual ronda de votación, tendría que ser presentada de nuevo para una ronda de votación posterior.",
+  "The proposal that will be affected. Once closed for the current voting round, it would need to be re-submitted to council for a subsequent voting round.": "La propuesta que se verá afectada. Una vez cerrada para la actual ronda de votación, tendría que ser presentada de nuevo al consejo para una ronda de votación posterior.",
+  "The proposal will be registered from this account and the balance lock will be applied here.": "La propuesta se registrará desde esta cuenta y el bloqueo del saldo se aplicará aquí.",
+  "The reason why this tip should be paid.": "La razón por la que esta propina debe ser pagada.",
+  "The recoverable account is protected against the loss of seed/access by a social process.": "La cuenta que se recupera está protegida contra la pérdida de la semilla/acceso por un proceso social.",
+  "The resulting signature of the input data, as done with the crypto algorithm from the account. (This could be non-deterministic for some types such as sr25519).": "La firma resultante de los datos de entrada, como se hizo con el algoritmo criptográfico de la cuenta. (Esto podría ser no determinante para algunos tipos como sr25519).",
+  "The scheduling preference for this parachain.": "Preferencia de planificación para esta parachain",
+  "The scheduling setting for this parachain.": "Planificación de la configuración de esta parachain",
+  "The secret seed value for this account. Ensure that you keep this in a safe place, with access to the seed you can re-create the account.": "El valor secreto de la semilla de esta cuenta. Asegúrese de mantenerlo en un lugar seguro, con acceso a la semilla puede reconstruir la cuenta.",
+  "The seed and derivation path will be submitted to the validator node. this is an advanced operation, only to be performed when you are sure of the security and connection risks.": "La semilla y la derivación se presentarán al nodo validador. Esta es una operación avanzada, sólo se realizará cuando esté seguro de los riesgos de seguridad y conexión.",
+  "The selected account to be unlocked.": "La cuenta seleccionada para ser desbloqueada.",
+  "The selected account to perform the derivation on.": "Cuenta seleccionada para realizar la derivación.",
+  "The selected controller tied to this stash. Once set, this account will be able to control the actions performed by the stash account.": "El controller seleccionado atado a esta stash. Una vez configurado, esta cuenta podrá controlar las acciones realizadas por la cuenta de stash.",
+  "The selected validators to nominate, either via the \"currently best algorithm\" or via a manual selection.": "Los validadores seleccionados para nominar, ya sea a través del \"mejor algoritmo actual\" o a través de una selección manual.",
+  "The sending account that will be used to send this transaction. Any applicable fees will be paid by this account.": "La cuenta de envío que se utilizará para enviar esta transacción. Cualquier tarifa aplicable será pagada por esta cuenta.",
+  "The signatories has the ability to create transactions using the multisig and approve transactions sent by others.Once the threshold is reached with approvals, the multisig transaction is enacted on-chain.": "Los firmantes tienen la capacidad de crear transacciones utilizando la multisig y aprobar las transacciones enviadas por otros. Una vez que se alcanza el umbral con las aprobaciones, la transacción de multisig se aprueba en cadena.",
+  "The signatory is one of the allowed accounts on the multisig, making a recorded approval for the transaction.": "El autor de la firma es una de las cuentas permitidas en la multisig, haciendo una aprobación registrada de la transacción.",
+  "The signatory is one of the allowed accounts on the multisig. The transaction could either be the call or an approval for the hash of a call.": "El autor es una de las cuentas permitidas en la Multisig. La transacción puede ser la llamada o una aprobación para el hash de una llamada.",
+  "The signatory to send the approval/cancel from": "La firma para enviar la aprobación/cancelación",
+  "The signature as by the account being checked, supplied as a hex-formatted string.": "La firma como la cuenta que se está comprobando, suministrada como una cadena de formato hexadecimal.",
+  "The specific eras on which there are unapplied slashes. For each era a separate proposal is to be made.": "Las eras específicas en las que hay recortes no aplicados. Para cada era se debe hacer una propuesta separada.",
+  "The specified value is greater than your free balance. The node will bond the maximum amount available.": "El valor especificado es mayor que su saldo disponible. El nodo vinculará la cantidad máxima disponible.",
+  "The stash account that is used. This will allow the controller to perform all non-funds related operations on behalf of the account.": "La cuenta de stash que se utiliza. Esto permitirá al controller realizar todas las operaciones no relacionadas con los fondos en nombre de la cuenta.",
+  "The stash and controller pair as linked. This operation will be performed via the controller.": "El par de stash y controller están unidas. Esta operación se realizará a través del controller.",
+  "The stash and controller pair, here the controller will be used to send the transaction.": "El par de stash y controller, aquí el controller se utilizará para enviar la transacción.",
+  "The stash and controller pair. This transaction, managing preferences, will be sent from the controller.": "El par de stash y controller. Esta transacción, que gestiona las preferencias, será enviada desde el controller.",
+  "The stash and controller pair. This transaction, setting the session keys, will be sent from the controller.": "El par stash y controller. Esta transacción, que gestiona las preferencias, será enviada desde controller.",
+  "The stash that is to be affected. The transaction will be sent from the associated controller account.": "La cuenta stash que se verá aceptada. La transacción se enviará desde la cuenta de controller asociada.",
+  "The suggested value for this tip": "El valor sugerido para esta propina",
+  "The threshold for approval should be less or equal to the number of signatories for this multisig.": "El umbral de aprobación debe ser menor o igual al número de firmas de esta multisig.",
+  "The threshold for approvals and the delay is the protection associated with the account. The delay should be such that any colluding recovery attempts does have a window to stop.": "El umbral para las aprobaciones y el retraso es la protección asociada a la cuenta. El retraso debe ser tal que cualquier intento de recuperación fraudulento tenga una oportunidad de detenerse.",
+  "The threshold for this multisig": "El umbral para esta multisig",
+  "The threshold of vouches that is to be reached for the account to be recovered.": "El umbral de garantía que se debe alcanzar para que la cuenta se recupere.",
+  "The tip amount that should be allocated": "La cantidad de propina que debe asignarse",
+  "The total amount of the stash balance that will be at stake in any forthcoming rounds (should be less than the free amount available)": "El importe total del saldo de stash que estará en juego en las próximas rondas (debe ser inferior a la cantidad libre disponible)",
+  "The total amount of the stash balance that will be at stake in any forthcoming rounds (should be less than the total amount available)": "La cantidad total del saldo de stash que estará en juego en las próximas rondas (debe ser menor que la cantidad total disponible)",
+  "The transferred balance will be subtracted (along with fees) from the sender account.": "El saldo transferido se restará (junto con las tasas) de la cuenta del remitente.",
+  "The twitter name for this identity.": "El nombre de Twitter para esta identidad.",
+  "The type of council proposal to submit.": "El tipo de propuesta del consejo a presentar.",
+  "The unapplied slashed era to cancel.": "La era de los recortes no aplicados a cancelar.",
+  "The unchecked weight as specified for the sudoUncheckedWeight call.": "El valor no comprobado, como se especifica en la llamada sudoUncheckedWeight.",
+  "The value associated with this vote. The amount will be locked (not available for transfer) and used in all subsequent elections.": "El valor asociado a este voto. La cantidad será bloqueada (no disponible para su transferencia) y utilizada en todas las elecciones subsiguientes.",
+  "The value is not in a valid address format": "El valor no está en un formato de dirección válido",
+  "The value is the amount that is being asked for and that will be allocated to the beneficiary if the proposal is approved.": "El valor es la cantidad que se pide y que se asignará al beneficiario si se aprueba la propuesta.",
+  "The vote to record for this proposal, either for or against.": "El voto a registrar para esta propuesta, ya sea a favor o en contra.",
+  "The vote will be recorded for the selected account.": "El voto se registrará para la cuenta seleccionada.",
+  "The vote will be recorded for this account. If another account delegated to this one, the delegated votes will also be counted.": "El voto se registrará en esta cuenta. Si otra cuenta delega en ésta, también se contarán los votos delegados.",
+  "The votes for the members, runner-ups and candidates. These should be ordered based on your priority.": "Los votos para los miembros, candidatos y suplentes. Estos deben ser ordenados en base a su prioridad.",
+  "The voting period to apply in blocks": "El período de votación se aplicará en bloques",
+  "There are no registered parachains": "No hay parachains registradas",
+  "There is currently an ongoing election for new validator candidates. As such staking operations are not permitted.": "Actualmente hay una elección en curso para nuevos candidatos a validador. Como tal, las operaciones de staking no están permitidas.",
+  "These are trusted individuals that can verify and approve any recovery actions. With recovery, once the threshold is reached, the funds associated with the account can be moved to a new destination.": "Se trata de personas de confianza que pueden verificar y aprobar cualquier acción de recuperación. Con la recuperación, una vez que se alcanza el umbral, los fondos asociados a la cuenta pueden ser transferidos a un nuevo destino.",
+  "Think of the stash as your cold wallet and the controller as your hot wallet. Funding operations are controlled by the stash, any other non-funding actions by the controller itself.": "Piensa en stash como tu cartera fría y en controller como tu cartera caliente. Las operaciones de financiación son controladas por stash, cualquier otra acción no financiera será desde controller.",
+  "This Ethereum address does not have a claim.": "Esta dirección de Ethereum no tiene ninguna reclamación.",
+  "This account is recoverable, with the following friends:": "Esta cuenta es recuperable, con los siguientes conocidos:",
+  "This account that will perform the message signing.": "Esta cuenta realizará la firma del mensaje.",
+  "This account will appear in the list of candidates. With enough votes in an election, it will become either a runner-up or a council member.": "Esta cuenta aparecerá en la lista de candidatos. Con suficientes votos en una elección, se convertirá en finalista o miembro del consejo.",
+  "This account will be use to approve each candidate.": "Esta cuenta se utilizará para aprobar cada candidato.",
+  "This account will make the proposal and be responsible for the bond.": "Esta cuenta hará la propuesta y será responsable de la fianza.",
+  "This account will pay the fees for the preimage, based on the size thereof.": "Esta cuenta pagará los gastos de la preimagen, según el tamaño de la misma.",
+  "This could either be an approval for the hash or with full call details. The call as last approval triggers execution.": "Esto podría ser una aprobación para el hash o con todos los detalles de la llamada. La llamada como última aprobación desencadena la ejecución.",
+  "This external account cannot be used to sign data. Only Limited support is currently available for signing from any non-internal accounts.": "Esta cuenta externa no puede utilizarse para firmar datos. Actualmente sólo se dispone de un apoyo limitado para firmar desde cualquier cuenta no interna.",
+  "This injected account cannot be used to sign data since the extension does not support raw signing.": "Esta cuenta inyectada no puede utilizarse para firmar datos, ya que la extensión no admite la firma en bruto.",
+  "This is not a valid JSON object.": "Este no es un objeto JSON válido.",
+  "This operation does not impact the associated on-chain code or any of its contracts.": "Esta operación no afecta al código asociado de la cadena ni a ninguno de sus contratos.",
+  "This operation does not remove the history of the account from the chain, nor any associated funds from the account. The forget operation only limits your access to the account on this browser.": "Esta operación no elimina el historial de la cuenta de la cadena, ni los fondos asociados de la cuenta. La operación de olvidar sólo limita el acceso a la cuenta en este navegador.",
+  "This operation does not remove the history of the account from the chain, nor any associated funds from the account. The forget operation only limits your access to the address on this browser.": "Esta operación no elimina el historial de la cuenta de la cadena, ni los fondos asociados de la cuenta. La operación \"Olvidar\" sólo limita el acceso a la dirección de este navegador.",
+  "This operation does not remove the history of the contract from the chain, nor any associated funds from its account. The forget operation only limits your access to the contract on this browser.": "Esta operación no elimina el historial del contrato de la cadena, ni los fondos asociados de su cuenta. La operación de olvido sólo limita su acceso al contrato en este navegador.",
+  "This operation does not remove the uploaded code WASM and ABI from the chain, nor any deployed contracts. The forget operation only limits your access to the code on this browser.": "Esta operación no elimina el código cargado WASM y ABI de la cadena, ni los contratos desplegados. La operación \"Olvidar\" sólo limita su acceso al código de este navegador.",
+  "This operation will submit the seed via an RPC call. Do not perform this operation on a public RPC node, but ensure that the node is local, connected to your validator and secure.": "Esta operación presentará la semilla a través de una llamada RPC. No realice esta operación en un nodo RPC público, pero asegúrese de que el nodo es local, conectado a su validador y seguro.",
+  "This password is used to encrypt your private key. It must be strong and unique! You will need it to sign transactions with this account. You can recover this account using this password together with the backup file (generated in the next step).": "Esta contraseña se utiliza para cifrar su clave privada. ¡Debe ser fuerte y única! La necesitará para firmar las transacciones con esta cuenta. Puede recuperar esta cuenta usando dicha contraseña junto con el archivo de copia de seguridad (generado en el siguiente paso).",
+  "This pubic key is what will be visible in your queued keys list. It is generated based on the seed and the crypto used.": "Esta llave pública es lo que será visible en tu lista de claves en espera. Se genera en base a la semilla y a la crypto utilizada.",
+  "This will apply to any future use of this account as stored on this browser. Ensure that you securely store this new password and that it is strong and unique to the account.": "Esto se aplicará a cualquier uso futuro de esta cuenta tal y como está almacenada en este navegador. Asegúrese de guardar de forma segura esta nueva contraseña, que es fuerte y exclusiva de la cuenta.",
+  "Tip": "Propina",
+  "Tip (optional)": "Sugerencia (opcional)",
+  "To council": "Al consejo",
+  "To ensure optimal fund security using the same stash/controller is strongly discouraged, but not forbidden.": "Se desaconseja encarecidamente, pero no se prohíbe, asegurar una óptima seguridad de los fondos utilizando la misma stash/controller.",
+  "Transfer": "Transferir",
+  "Translate": "Traducir",
+  "Treasury overview": "Visión general de la Tesorería",
+  "Type here what you would like your address to contain. This tool will generate the keys and show the associated addresses that best match your search. You can use \"?\" as a wildcard for a character.": "Escriba aquí lo que quiere que contenga su dirección. Esta herramienta generará las claves y mostrará las direcciones asociadas que mejor se ajusten a su búsqueda. Puede usar \"?\" como comodín para un carácter.",
+  "Type the amount you want to transfer. Note that you can select the unit on the right e.g sending 1 milli is equivalent to sending 0.001.": "Escriba la cantidad que desea transferir. Tenga en cuenta que puede seleccionar la unidad de la derecha, por ejemplo, enviar 1 millón es equivalente a enviar 0,001.",
+  "Type the name of this Asset. This name will be used across all the apps. It can be edited later on.": "Escriba el nombre de este activo. Este nombre se utilizará en todas las aplicaciones. Puede ser editado más adelante.",
+  "Type the name of your contact. This name will be used across all the apps. It can be edited later on.": "Escriba el nombre de su contacto. Este nombre se usará en todas las aplicaciones. Puede ser editado más tarde.",
+  "Type the password chosen at the account creation. It was used to encrypt your account's private key in the backup file.": "Escriba la contraseña elegida en la creación de la cuenta. Se utilizó para encriptar la clave privada de su cuenta en el archivo de respaldo.",
+  "Unable to find deployed contract code at the specified address": "No se puede encontrar el código de contrato desplegado en la dirección especificada",
+  "Unable to find on-chain WASM code for the supplied codeHash": "No se ha podido encontrar el código WASM de la cadena para el hash del código suministrado.",
+  "Unbond": "Desvincular",
+  "Unbond funds": "Desvincular fondos",
+  "Unbonding {{value}}": "Desvinculando {{value}}",
+  "Uncaught error. Something went wrong with the query and rendering of this component. {{message}}": "{{message}} Un error no descubierto. Algo salió mal con la consulta y la representación de este componente.",
+  "Unit": "Unidad",
+  "Unit decides the name of 1 unit token, e.g. \"DOT\" for Polkadot": "La unidad decide el nombre de un token de unidad, por ejemplo \"DOT\" para Polkadot",
+  "Unknown": "desconocido",
+  "Unlock": "Desbloquear",
+  "Unlock account": "Desbloquear cuenta",
+  "Unlock the account for signing. Once active the signature will be generated based on the content provided.": "Desbloquea la cuenta para firmar. Una vez activada, la firma se generará en base al contenido proporcionado.",
+  "Unlock the sending account to allow signing of this transaction.": "Desbloquee la cuenta de envío para permitir la firma de esta transacción.",
+  "Update metadata": "Actualizar metadatos",
+  "Updated in the latest block": "Actualizado en el último bloque",
+  "Upload": "Cargar",
+  "Upload WASM": "Cargar WASM",
+  "Use an automatic selection of the currently most profitable validators": "Utilizar una selección automática de los validadores más rentables actualmente",
+  "Use this account to request the tip from. This can be a normal or council account.": "Utilice esta cuenta para solicitar la propina de. Esta puede ser una cuenta normal o del consejo.",
+  "Validate": "Validar",
+  "Validator": "Validador",
+  "Validator stats": "Estadísticas del validador",
+  "Vanity generator": "Generador Vanity",
+  "Verify signature": "Verificar firma",
+  "Verify the password entered above.": "Verifica la contraseña introducida anteriormente.",
+  "View this externally": "Vea esto externamente",
+  "Vote": "Voto",
+  "Vote Aye": "Voto a favor",
+  "Vote Nay": "Voto negativo",
+  "Vote for candidate": "Voto para el candidato",
+  "Vote for current candidates": "Voto por los candidatos actuales",
+  "Vote for defender": "Voto por el defensor",
+  "Vote on proposal": "Voto en la propuesta",
+  "Waiting": "Esperando",
+  "Waiting for authorization from the extension. Please open the installed extension and approve or reject access.": "Esperando la autorización de la extensión. Por favor, abra la extensión instalada y apruebe o rechace el acceso.",
+  "Waiting nominations ({{count}})": "Esperando nominaciones ({{count}})",
+  "Warning: we did not find any attest statement for {{chain}}": "Advertencia: no hemos encontrado ninguna declaración para {{{chain}}",
+  "We found a pre-claim with this Polkadot address. However, attesting requires signing with this account. To continue with attesting, please add this account as an owned account first.": "Encontramos una reclamación previa con esta dirección de Polkadot. Sin embargo, para dar fe es necesario firmar con esta cuenta. Para continuar con la certificación, por favor agregue esta cuenta como una cuenta propia primero.",
+  "We will provide you with a generated backup file after your account is created. As long as you have access to your account you can always download this file later by clicking on \"Backup\" button from the Accounts section.": "Le facilitaremos un archivo de copia de seguridad generado después de crear su cuenta. Mientras tenga acceso a su cuenta, siempre podrá descargar este archivo más tarde haciendo clic en el botón \"Backup\" de la sección de Cuentas.",
+  "When submitting a proposal the hash needs to be known. Proposals can be submitted with hash-only, but upon dispatch the preimage needs to be available.": "Cuando se presenta una propuesta, el hash debe ser conocido. Las propuestas pueden ser presentadas con hash únicamente, pero en el momento de su envío la imagen previa tiene que estar disponible.",
+  "Withdraw these unbonded funds": "Retirar estos fondos no vinculados",
+  "Yes": "Si",
+  "You are about to remove this account from your list of available accounts. Once completed, should you need to access it again, you will have to re-create the account either via seed or via a backup file.": "Está a punto de eliminar esta cuenta de su lista de cuentas disponibles. Una vez completada, en caso de que necesite acceder a ella de nuevo, tendrá que volver a crear la cuenta, ya sea a través de una semilla o de un archivo de copia de seguridad.",
+  "You are about to remove this address from your address book. Once completed, should you need to access it again, you will have to re-add the address.": "Está a punto de eliminar esta dirección de su agenda. Una vez completada, si necesita acceder a ella de nuevo, tendrá que volver a añadir la dirección.",
+  "You are about to remove this code from your list of available code hashes. Once completed, should you need to access it again, you will have to manually add the code hash again.": "Está a punto de eliminar este código de su lista de códigos disponibles. Una vez completado, en caso de que necesite acceder a él de nuevo, tendrá que añadir manualmente el código de nuevo.",
+  "You are about to remove this code's ABI. Once completed, should you need to access it again, you will have to manually re-upload it.": "Estás a punto de eliminar el ABI de este código. Una vez completado, si necesita acceder a él de nuevo, tendrá que volver a cargarlo manualmente.",
+  "You are about to remove this contract from your list of available contracts. Once completed, should you need to access it again, you will have to manually add the contract's address in the Instantiate tab.": "Está a punto de eliminar este contrato de su lista de contratos disponibles. Una vez completado, en caso de que necesite acceder a él de nuevo, tendrá que añadir manualmente la dirección del contrato en la pestaña Instantánea.",
+  "You are connecting from a secure location to an insecure WebSocket ({{wsUrl}}). Due to browser mixed-content security policies this connection type is not allowed. Change the RPC service to a secure 'wss' endpoint.": "Se está conectando desde un lugar seguro a un WebSocket inseguro ({{wsUrl}}). Debido a las políticas de seguridad de contenido mixto del navegador, este tipo de conexión no está permitida. Cambie el servicio RPC a un punto 'wss' seguro .",
+  "You are not connected to a node. Ensure that your node is running and that the Websocket endpoint is reachable.": "No estás conectado a un nodo. Asegúrese de que su nodo está funcionando y que el Websocket es accesible.",
+  "You are using an ABI with an outdated format. Please generate a new one.": "Estás usando un ABI con un formato anticuado. Por favor, genere uno nuevo.",
+  "You are voting with this collective's prime account. The vote will be the default outcome in case of any abstentions.": "Está votando con la cuenta principal de este colectivo. El voto será el resultado por defecto en caso de cualquier abstención.",
+  "You can set a custom derivation path for this account using the following syntax \"/<soft-key>//<hard-key>///<password>\". The \"/<soft-key>\" and \"//<hard-key>\" may be repeated and mixed`. The \"///password\" is optional and should only occur once.": "Puede establecer una ruta de derivación personalizada para esta cuenta usando la siguiente sintaxis \"/<soft-key>//<hard-key>///<password>\". La \"/<soft-key>\" y \"//<hard-key>\" pueden ser repetidas y mezcladas`. La \"///password\" es opcional y sólo debe aparecer una vez.",
+  "You do not have access to the current sudo key": "No tiene acceso a la llave sudo actual",
+  "You don't have any accounts. Some features are currently hidden and will only become available once you have accounts.": "No tiene ninguna cuenta. Algunas características están actualmente ocultas y sólo estarán disponibles una vez que tenga cuentas.",
+  "You have {{claimCount}} accounts that need attestations. Use the Claim Tokens app on the navigation bar to complete the process. Until you do, your balances for those accounts will not be reflected.": "Tiene {{claimCount}} cuentas que necesitan ser verificadas. Use la aplicación \"Claim Tokens\" en la barra de navegación izquierda para completar el proceso. Hasta que lo haga, su saldo para esas cuentas no se reflejará.",
+  "You need to sign an attestation for the following account:": "Necesita firmar un certificado para la siguiente cuenta:",
+  "You need to sign an attestation for the following accounts:": "Necesita firmar un certificado para las siguientes cuentas:",
+  "You need to unlock this account to be able to sign data.": "Necesitas desbloquear esta cuenta para poder firmar los datos.",
+  "You will no longer have sudo access": "Ya no tendrá acceso al sudo",
+  "Your Ethereum account": "Su cuenta de Ethereum",
+  "Your custom types have been added": "Sus tipos personalizados han sido añadidos",
+  "Your endorsement will be applied for this account.": "Su aval se aplicará a esta cuenta.",
+  "Your stash account. The transaction will be sent from the associated controller.": "Su cuenta stash. La transacción será enviada desde la cuenta controller asociada.",
+  "a riot name linked to this identity": "el nombre de riot asociado a esta identidad",
+  "account": "cuenta",
+  "account forgotten": "cuenta olvidada",
+  "account restored": "cuenta restaurada",
+  "accounts": "cuentas",
+  "activate": "activar",
+  "additional bonded funds": "recursos adicionales vinculados",
+  "address": "dirección",
+  "address copied": "dirección copiada",
+  "address created": "dirección creada",
+  "address edited": "dirección editada",
+  "address forgotten": "dirección olvidada",
+  "address prefix": "prefijo de la dirección",
+  "amount": "cantidad",
+  "amount to use for estimation": "cantidad a usar para la estimación",
+  "approval type": "tipo de aprobación",
+  "approved": "aprobado",
+  "asset id": "id del activo",
+  "auto-selected targets for nomination": "candidatos auto seleccionados para la nominación",
+  "available": "disponible",
+  "available signatories": "firmantes disponibles",
+  "available social recovery helpers": "asistentes de recuperación social disponible",
+  "average": "promedio",
+  "aye": "si",
+  "aye: bool": "Si: bool",
+  "backing": "respaldo",
+  "backup file": "archivo de recuperación",
+  "balance": "balance",
+  "balances": "balance",
+  "beneficiary": "beneficiario",
+  "best": "mejor",
+  "best #": "mejor #",
+  "best block": "Mejor bloque",
+  "best hash": "mejor hash",
+  "bids": "pujas",
+  "block hash or number to query": "hash del bloque o número en la lista",
+  "blocks": "bloques",
+  "bond": "vínculo",
+  "bonded": "vinculado",
+  "call from account": "llamada desde la cuenta",
+  "call the selected endpoint": "llamar al punto final seleccionado",
+  "candidate account": "cuenta del candidato",
+  "candidate accounts": "cuentas candidatas",
+  "candidates": "candidatos",
+  "case sensitive": "distingue mayúsculas y minúsculas",
+  "challenge": "reto",
+  "claim to account": "reclamar a cuenta",
+  "click to copy": "haga click para copiar",
+  "click to select or drag and drop a JSON ABI file": "haga clic para seleccionar o arrastrar y soltar un archivo ABI JSON",
+  "click to select or drag and drop the file here": "haga clic para seleccionar o arrastrar y soltar el archivo aquí",
+  "clipboard": "portapapeles",
+  "code": "código",
+  "code for this contract": "código para este contrato",
+  "code hash": "hash del código",
+  "commission": "comisión",
+  "compiled contract WASM": "contrato compilado en WASM",
+  "connected peers": "pares conectados",
+  "contacts": "contactos",
+  "contract address": "dirección del contrato",
+  "contract to use": "contrato a usar",
+  "controller": "controller",
+  "controller account": "cuenta controller",
+  "conviction": "sentencia",
+  "conviction: Conviction": "convicción: Convicción",
+  "copied": "copiado",
+  "council candidates": "candidatos al consejo",
+  "council proposal": "propuesta del consejo",
+  "council proposal type": "tipo de propuesta del consejo",
+  "created account": "cuenta creada",
+  "created multisig": "multisig creada",
+  "crypto type to use": "typo de crypto a usar",
+  "custom endpoint": "endpoint personalizado",
+  "data": "dato",
+  "default icon theme": "tema del icono por defecto",
+  "default interface language": "lenguaje del interfaz por defecto",
+  "defender": "defensor",
+  "delay": "retraso",
+  "democracy": "democracia",
+  "deploy": "despliegue",
+  "deployment account": "cuenta para el despliegue",
+  "deposit": "depósito",
+  "derivation path": "ruta de procedencia",
+  "derive root account": "derivar la cuenta raíz",
+  "details": "detalles",
+  "development seed": "semilla de desarrollo",
+  "dispatch queue": "cola de envío",
+  "display name": "nombre de visualización",
+  "do not include empty strings in the generated file": "no incluir cadenas vacías en el archivo generado",
+  "does not appear to have a valid claim. Please double check that you have signed the transaction correctly on the correct ETH account.": "no parece tener una reclamación válida. Por favor, compruebe que ha firmado la transacción correctamente en la cuenta correcta de ETH.",
+  "ed25519, Edwards": "ed25519, Edwards",
+  "elected stake": "stake elegido",
+  "email": "correo electrónico",
+  "enact": "promulgar",
+  "endowment": "donación",
+  "epoch": "época",
+  "era": "era",
+  "era points": "puntos era",
+  "era {{era}}, {{count}} slashes": "era {{era}}, recortes {{count}}",
+  "eras": "eras",
+  "events": "eventos",
+  "everything": "todo",
+  "exclude option": "excluir opción",
+  "exclude value": "excluir valor",
+  "execute": "ejecutar",
+  "existential deposit": "depósito existencial",
+  "external": "externo",
+  "extrinsic hash": "hash del extrinsic",
+  "extrinsics": "extrinsics",
+  "fee": "comisión",
+  "filter by name or tags": "filtrar por nombre o etiquetas",
+  "filter by name, address or index": "filtrar por nombre, dirección o índice",
+  "filter by name, address, or account index": "filtrar por nombre, dirección o índice de cuenta",
+  "finalized": "finalizado",
+  "finder": "buscador",
+  "forks": "bifurcaciones",
+  "free balance": "balance libre",
+  "from the following data": "desde los siguientes datos",
+  "generated public key": "clave pública generada",
+  "has a valid claim for": "tiene una reclamación válida para",
+  "hash": "hash",
+  "heads": "cabeceras",
+  "hex input data": "dato hexadecimal introducido",
+  "hex-encoded storage key": "llave de almacenamiento con codificación hexadecimal",
+  "identity": "identidad",
+  "imminent preimage (proposal already passed)": "preimagen inminente (propuesta ya aprobada)",
+  "immortal": "inmortal",
+  "include all empty strings in the generated file": "incluir todas las cadenas vacías en el archivo generado",
+  "include option": "incluir opción",
+  "include value": "incluye valor",
+  "index": "índice",
+  "initial head state": "Estado inicial de la cabecera",
+  "intentions": "intenciones",
+  "interface operation mode": "modo de operación de la interfaz",
+  "invalid ABI file selected": "archivo ABI seleccionado inválido",
+  "invalid/unknown registrar account": "cuenta de registro inválida/desconocida",
+  "judgement": "juicio",
+  "key type to set": "tipo de clave a establecer",
+  "keypair crypto type": "par de claves criptográficas",
+  "kind": "clase",
+  "last #": "último #",
+  "last block": "último bloque",
+  "last reward": "última recompensa",
+  "launch period": "período de lanzamiento",
+  "legal name": "nombre legal",
+  "lifetime": "tiempo de vida",
+  "lng.detect": "Idioma predeterminado del navegador (detección automática)",
+  "lock expired": "bloqueo expirado",
+  "locked": "bloqueado",
+  "locked balance": "balance bloqueado",
+  "logs": "logs",
+  "manage hardware connections": "manejar conexiones hardware",
+  "matches": "coincidencias",
+  "maximum gas allowed": "máximo de gas permitido",
+  "members": "miembros",
+  "message to send": "mensaje para enviar",
+  "minimum bond": "vinculación mínima",
+  "minimum deposit": "depósito mínimo",
+  "mnemonic seed": "semilla mnemotécnica",
+  "mortal, valid from #{{startAt}} to #{{endsAt}}": "mortal, válido desde #{{startAt}} hasta #{{endsAt}}",
+  "motions": "mociones",
+  "multisig": "multisig",
+  "multisig name": "nombre multisig",
+  "my ordered votes": "mis votos ordenados",
+  "name": "nombre",
+  "nav.accounts": "Cuentas",
+  "nav.claims": "Reclamar Tokens",
+  "nav.contracts": "Contratos",
+  "nav.council": "Consejo",
+  "nav.dashboard": "Panel de control",
+  "nav.democracy": "Democracia",
+  "nav.explorer": "Explorador",
+  "nav.extrinsics": "Extrinsics",
+  "nav.generic-asset": "Activo genérico",
+  "nav.github": "Github",
+  "nav.i18n": "Traductor I18n",
+  "nav.js": "JavaScript",
+  "nav.parachains": "Parachains",
+  "nav.rpc": "llamadas RPC",
+  "nav.settings": "Ajustes",
+  "nav.society": "Sociedad",
+  "nav.staking": "Participación",
+  "nav.storage": "Estado de la cadena",
+  "nav.sudo": "Sudo",
+  "nav.tech-comm": "Tech. comm.",
+  "nav.toolbox": "Caja de herramientas",
+  "nav.transfer": "Transferencia",
+  "nav.treasury": "Tesorería",
+  "nav.wiki": "Wiki",
+  "nay": "no",
+  "new account": "nueva cuenta",
+  "new address": "nueva dirección",
+  "next": "siguiente",
+  "next id": "siguiente ID",
+  "no": "no",
+  "no accounts yet, create or import an existing": "no hay cuentas aún, cree o importe un existente",
+  "no addresses saved yet, add any existing address": "no hay direcciones almacenadas aún, añada cualquier dirección existente",
+  "no messages": "no hay mensajes",
+  "no peers connected": "no hay pares conectados",
+  "no tags": "sin etiquetas",
+  "no unapplied slashes found": "no se encontraron recortes no aplicados",
+  "nominated accounts": "cuentas nominadas",
+  "nominators": "nominadores",
+  "not signed": "sin firmar",
+  "on-chain bonding duration": "duración de la vinculación en cadena",
+  "ongoing referendum": "referéndum en curso",
+  "only this network": "sólo esta red",
+  "origin": "principio",
+  "other stake": "otro stake",
+  "our best": "el mejor",
+  "own stake": "stake propio",
+  "parachain id": "id de la parachain",
+  "parachains": "parachains",
+  "parent": "pariente",
+  "password": "contraseña",
+  "password (repeat)": "contraseña (repita)",
+  "payment": "pago",
+  "payment destination": "destino del pago",
+  "payout stakers for (multiple)": "pago de los participantes (multiple)",
+  "payout stakers for (single)": "pago de los participantes (único)",
+  "payout/stash": "pago/stash",
+  "payout/validator": "pago/validador",
+  "peer best": "mejor par",
+  "pending extrinsics": "extrinsics pendientes",
+  "pending hashes": "hashes pendientes",
+  "pending swap id": "pendiente del ID de intercambio",
+  "points": "puntos",
+  "pot": "espacio",
+  "preimage hash": "hash de la preimgaen",
+  "prev": "previo",
+  "prime member": "primer miembro",
+  "prime voter": "votante principal",
+  "priority {{index}}": "prioridad {{index}}",
+  "profit/era est": "beneficio/era est",
+  "proposal": "propuesta",
+  "proposal bond": "vinculación de la propuesta",
+  "proposal hash": "hash de la propuesta",
+  "proposals": "propuestas",
+  "propose": "proponer",
+  "propose from account": "proponer desde la cuenta",
+  "proposed by": "propuesto por",
+  "proposer": "autor",
+  "queued tx": "tx en lista",
+  "reason": "razón",
+  "recent blocks": "bloques recientes",
+  "recent events": "eventos recientes",
+  "recover this account": "recuperar esta cuenta",
+  "recovery block delay": "retraso en el bloque de recuperación",
+  "recovery threshold": "umbral de recuperación",
+  "redeemable": "canjeable",
+  "referenda": "referéndum",
+  "refresh in": "refrescar en",
+  "registrar account": "cuenta de registro",
+  "registrar index": "índice de registro",
+  "relay dispatch queue": "lista de envío de relay",
+  "remaining": "pendiente",
+  "remote node/endpoint to connect to": "endpoint/nodo remoto para conectarse",
+  "request payout from": "solicitar el pago de",
+  "reserved": "reservado",
+  "reward commission percentage": "porcentaje de comisión de recompensa",
+  "rewards": "recompensas",
+  "rewards & slashes": "recompensas y penalizaciones",
+  "riot": "riot",
+  "riot name": "nombre de riot",
+  "role": "rol",
+  "rotation": "rotación",
+  "rpc.beresheet": "Beresheet (Testnet Edgeware, ofrecido por Commonwealth Labs)",
+  "rpc.bifrost": "Bifrost Asgard",
+  "rpc.custom": "Entorno personalizado",
+  "rpc.edgeware": "Edgeware (red principal Edgeware, ofrecido por Commonwealth Labs)",
+  "rpc.flamingfir": "Flaming Fir (Testnet Substrate, ofrecido por Parity)",
+  "rpc.header.dev": "Desarrollo",
+  "rpc.header.live": "Redes en funcionamiento",
+  "rpc.header.test": "Redes de prueba",
+  "rpc.kulupu": "Kulupu (Red principal Kulupu, ofrecido por Kulupu)",
+  "rpc.kusama.ava": "Kusama (Red canaria de Polkadot, nodos públicos gestionados por usuarios; consulte https://status.cloud.ava.do/)",
+  "rpc.kusama.parity": "Kusama (Red canaria de Polkadot, ofrecido por Parity)",
+  "rpc.kusama.w3f": "Kusama (Red canaria de Polkadot, ofrecido por la fundación Web3)",
+  "rpc.local": "Nodo local (propio, 127.0.0.1:9944)",
+  "rpc.mandala": "Mandala (Acala Testnet, hosted by Acala)",
+  "rpc.nodle-arcadia": "Arcadia (Testnet Nodle, ofrecido por Nodle)",
+  "rpc.sora-substrate": "SORA",
+  "rpc.sora-substrate-staging": "SORA-staging (SORA-staging Testnet, hosted by Soramitsu)",
+  "rpc.turbulence": "Turbulence (Laminar Testnet, hosted by Laminar)",
+  "rpc.westend": "Westend (Testnet de Polkadot, ofrecido por Parity)",
+  "runners up": "primeros puestos",
+  "scheduling": "planificación",
+  "seats": "puestos",
+  "second with account": "apoyar con la cuenta",
+  "secret": "secreto",
+  "secret derivation path": "ruta secreta de procedencia",
+  "seed (hex or string)": "semilla (hexadecimal o secuencia)",
+  "select the account you wish to sign data with": "seleccionar la cuenta que desea para firmar el dato",
+  "selected constant query": "consulta constante seleccionada",
+  "selected signatories": "firmantes seleccionados",
+  "selected state query": "consulta de estado seleccionado",
+  "selected validators": "validadores elegidos",
+  "send": "enviar",
+  "send as RPC call": "enviar como una llamada a RPC",
+  "send as transaction": "enviar como una transacción",
+  "send from account": "enviar desde la cuenta",
+  "send to address": "enviar a la dirección",
+  "sending account": "enviando cuenta",
+  "sending from my account": "enviando desde mi cuenta",
+  "session": "sesión",
+  "session keys": "claves de sesión",
+  "session next": "siguiente sesión",
+  "sign data from account": "firmar dato desde la cuenta",
+  "sign the following data": "firmar el siguiente dato",
+  "signatories": "firmantes",
+  "signatory": "firmante",
+  "signature crypto type": "tipo de firma criptográfica",
+  "signature of supplied data": "firma de los datos suministrados",
+  "signer": "firmante",
+  "society head": "cabecera de la sociedad",
+  "spend period": "período de gasto",
+  "sr15519, Schnorrkel": "sr15519, Schnorrkel",
+  "ss58.centrifuge": "Centrifuge (en vivo)",
+  "ss58.default": "Por defecto para el nodo conectado",
+  "ss58.edgeware": "Edgeware (en vivo)",
+  "ss58.kusama": "Kusama (canary)",
+  "ss58.polkadot": "Polkadot (en vivo)",
+  "ss58.substrate": "Substrate (genérica)",
+  "staked": "staked",
+  "stash account": "cuenta stash",
+  "stashes": "stashes",
+  "state": "estado",
+  "strikes": "huelga",
+  "submit the following change": "enviar el siguiente cambio",
+  "submit the following extrinsic": "enviar el siguiente extrinsic",
+  "submit with account": "enviar con la cuenta",
+  "submit with council account": "presentar con la cuenta del consejo",
+  "sudo key": "llave sudo",
+  "sudo with unchecked weight parameter": "sudo con un parámetro de valor no comprobado",
+  "sudo without unchecked weight parameter": "sudo sin parámetro de valor controlado",
+  "suri (seed & derivation)": "suri (semilla y derivación)",
+  "swap to id": "intercambio de id",
+  "syncing": "sincronizando",
+  "system events": "eventos del sistema",
+  "tags": "etiquetas",
+  "target": "meta",
+  "term progress": "progreso del término",
+  "the account to make recoverable": "la cuenta para que será recuperable",
+  "the account to recover to": "la cuenta para recuperar",
+  "the associated controller": "el controller asociado",
+  "the era to cancel for": "la era para cancelar por",
+  "the language to display translations for": "el idioma para mostrar las traducciones",
+  "the module to display strings for": "módulo para mostrar las cadenas de",
+  "the resulting hash is": "el hash resultante es",
+  "the stash account to nominate with": "la cuenta stash para nominar con",
+  "the supplied signature": "la firma suministrada",
+  "threshold": "umbral",
+  "tip": "propina",
+  "tip reason": "razón de la propina",
+  "tip value": "valor de la propina",
+  "tips": "consejos",
+  "total": "total",
+  "total issuance": "emisión total",
+  "total peers": "pares totales",
+  "total stake": "stake total",
+  "total staked": "staked total",
+  "transactions": "transacciones",
+  "transfer received": "transferencia recibida",
+  "transferrable": "transferible",
+  "trusted social recovery helpers": "asistentes de confianza para la recuperación social",
+  "turnout": "participación",
+  "twitter": "twitter",
+  "type": "tipo",
+  "unbond amount": "desvincular cantidad",
+  "unbonding": "desvincular",
+  "unchecked weight for this call": "valor sin control para esta llamada",
+  "unlock account with password": "desbloquear la cuenta con la contraseña",
+  "unstake threshold": "umbral de separación",
+  "update on #{{index}}": "actualización en #{{index}}",
+  "upgradable extensions": "extensiones actualizables",
+  "use on any network": "usar en cualquier red",
+  "using my account": "usar mi cuenta",
+  "using the following data": "usando el siguiente dato",
+  "using the selected account": "usando la cuenta seleccionada",
+  "validator to query": "validador para consultar",
+  "validators": "validadores",
+  "validators/nominators": "validadores/nominadores",
+  "value": "valor",
+  "value bonded": "valor vinculado",
+  "verify using address": "verificar usando la dirección",
+  "version {{version}}": "versión {{version}}",
+  "vested": "establecido",
+  "via Council/Vote": "a través del Consejo/Voto",
+  "via Democracy/Vote": "a través de Democracia/Voto",
+  "via Staking/Bond": "a través de Staking/Vinculación",
+  "via Vesting": "a través de la adquisición",
+  "vote for candidate": "voto para el candidato",
+  "vote for defender": "voto por el defensor",
+  "vote from account": "voto desde la cuenta",
+  "vote value": "valor total",
+  "vote with account": "votar con la cuenta",
+  "votes": "votos",
+  "voting account": "cuenta de votación",
+  "voting balance": "balance de la votación",
+  "voting end": "fin de la votación",
+  "voting period": "período de votación",
+  "voting round": "ronda de votación",
+  "waiting": "esperando",
+  "web": "web",
+  "website": "sitio web",
+  "with an index of": "con el índice de",
+  "wrong password supplied": "contraseña incorrecta suministrada",
+  "yes": "si",
+  "your current password": "su contraseña actual",
+  "your new password": "su nueva contraseña",
+  "{{blocks}} blocks": "{{blocks}} bloques",
+  "{{count}} key/value pairs encoded for submission": "{{count}}  pares clave/valor codificados para su entrega",
+  "{{count}} own stashes": "{{count}}",
+  "{{currency}} average": "media {{currency}}",
+  "{{currency}} clipped": "{{currency}}  recortado",
+  "{{currency}} rewards": "{{currency}}  ganancias",
+  "{{currency}} slashed": "{{currency}} recortados",
+  "{{currency}} total": "{{currency}} total",
+  "{{days}} days": "{{days}} días",
+  "{{done}}/{{total}}, {{progress}}% done": "{{done}}/{{total}}, {{progress}}% terminado",
+  "{{hours}} hrs": "{{hours}} horas",
+  "{{minutes}} mins": "{{minutes}} minutos",
+  "{{name}} ({{size}} bytes)": "{{name}} ({{size}} bytes)",
+  "{{percentage}} aye": "{{percentage}} si",
+  "{{relayDispatchQueueSize}} dispatch messages pending": "{{relayDispatchQueueSize}} enviar mensajes pendientes",
+  "{{seconds}} s": "{{seconds}} segundos",
+  "{{step}}. Sign with your ETH address": "{{step}}. Firme con su dirección de ETH",
+  "{{threshold}}, not passing": "{{threshold}},  no pasará",
+  "{{threshold}}, passing": "{{threshold}},  de aprobación",
+  "{{value}}x voting balance, locked for {{lock}}x enactment ({{period}} days)": "{{value}}x saldo de votos, bloqueado por {{lock}}x sentencia ({{period}} días."
+}
\ No newline at end of file
diff --git a/packages/apps/public/locales/fr/translation.json b/packages/apps/public/locales/fr/translation.json
new file mode 100644
index 0000000..1d9c495
--- /dev/null
+++ b/packages/apps/public/locales/fr/translation.json
@@ -0,0 +1,1531 @@
+{
+  "//hard": "//hard",
+  "//hard///password": "//hard///mot_de_passe",
+  "//hard/soft": "//hard/soft",
+  "//hard/soft///password": "//hard/soft///mot_de_passe",
+  "0.1x voting balance, no lockup period": "0.1x solde, pas de période de blocage",
+  "0x...": "0x ...",
+  "1 billion DOTs; 10 decimals": "1 milliards de DOT; 10 décimales",
+  "1 day": "1 jour",
+  "1 hr": "1 h",
+  "1 min": "1 min",
+  "1 s": "1 s",
+  "1. Select your {{chain}} account": "1. Sélectionnez votre compte {{chain}}",
+  "10 billion DOTs; 9 decimals": "10 milliards de DOT; 9 décimales",
+  "10 million DOTs; status quo": "10 millions de DOT; statu quo",
+  "100 million DOTs; 11 decimals": "100 millions de DOT; 11 décimales",
+  "2. Enter the ETH address from the sale.": "2. Entrer l'adresse ETH utilisée lors de la vente.",
+  "2. Sign ETH transaction": "2. Signer la transaction ETH",
+  "<empty>": "<vide>",
+  "<none provided>": "<non renseigné>",
+  "<unknown>": "<inconnu>",
+  "@YourTwitterName": "@NomTwitter",
+  "@yourname:matrix.org": "@mon_pseudo: matrix.org",
+  "A controller account should not be set to manage multiple stashes. The selected controller is already controlling {{stashId}}": "Un compte de contrôleur ne doit pas être configuré pour gérer plusieurs réserve. Le contrôleur sélectionné contrôle déjà {{stashId}}",
+  "A controller account should not be set to manages multiple stashes. The selected controller is already controlling {{stashId}}": "Un compte de contrôleur ne doit pas être configuré pour gérer plusieurs réserve. Le contrôleur sélectionné contrôle déjà {{stashId} }",
+  "A controller account should not map to another stash. This selected controller is a stash, controlled by {{bondedId}}": "Un compte de contrôleur ne doit pas être alloué à une autre réserve. Ce contrôleur sélectionné est une réserve, contrôlée par {{bondedId}}",
+  "A deployed contract that has either been deployed or attached. The address and ABI are used to construct the parameters.": "Un contrat déployé qui a été déployé ou attaché. L'adresse et l'ABI sont utilisés pour construire les paramètres.",
+  "A fee of {{creationFee}} will be deducted from the sender since the destination account does not exist": "Des frais de {{creationFee}} seront déduits de l'expéditeur car le compte de destination n'existe pas",
+  "A reason (to be stored-on-chain) as to why the recipient deserves a tip payout.": "Une raison (à stocker dans la chaîne) pour savoir pourquoi le destinataire mérite une récompense.",
+  "A remark that is associated with this transfer. This can be any comment that indicates the reason.": "Une remarque qui est associée à ce transfert. Cela peut être n'importe quel commentaire qui indique la raison.",
+  "ABI": "ABI",
+  "Acceptance of new members and bids": "Acceptation des nouveaux membres et des offres",
+  "Acceptance proposal to council": "Proposition d'acceptation au conseil",
+  "Account actions": "Actions sur le compte",
+  "Account balance:": "Solde du compte:",
+  "Account type {{index}}": "Type de compte {{index}}",
+  "Accounts": "Comptes",
+  "Accounts injected from any of these extensions will appear in this application and be available for use. The above list is updated as more extensions with external signing capability become available.": "Les comptes injectés à partir de l'une de ces extensions apparaîtront dans cette application et pourront être utilisés. La liste ci-dessus est mise à jour au fur et à mesure que de nouvelles extensions avec capacité de signature externe deviennent disponibles.",
+  "Active nominations ({{count}})": "Nominations actives ({{count}})",
+  "Add": "Ajouter",
+  "Add a tip to this extrinsic, paying the block author for greater priority": "Ajoutez un pourboire à cet extrinsèque, en payant l'auteur du bloc pour une plus grande priorité",
+  "Add account": "Ajouter un compte",
+  "Add account via Ledger": "Ajouter un compte via Ledger",
+  "Add account via Qr": "Ajouter via Code QR",
+  "Add an account via seed {{step}}/{{STEPS_COUNT}}": "Ajouter un compte via phrase secrète {{step}}/{{STEPS_COUNT}}",
+  "Add an address": "Ajouter une adresse",
+  "Add an existing code hash": "Ajouter un code de hachage existant",
+  "Add an existing contract": "Ajouter un contrat existant",
+  "Add contact": "Ajouter un contact",
+  "Add identity judgment": "Ajouter un jugement d'identité",
+  "Add item": "Ajouter un élément",
+  "Add multisig": "Ajouter un multisig",
+  "Add proxied account": "Ajouter un compte proxy",
+  "Add proxy": "Ajouter un proxy",
+  "Add sub": "Ajouter sous-compte",
+  "Add via Ledger": "Ajouter un Ledger",
+  "Add via Qr": "Ajouter via Code QR",
+  "Add via backup file": "Ajouter via un fichier de sauvegarde",
+  "Adding an optional tip to the transaction could allow for higher priority, especially when the chain is busy.": "L'ajout d'un conseil facultatif à la transaction pourrait permettre une priorité plus élevée, en particulier lorsque la chaîne est busy.",
+  "Additional types as a JSON file (or edit below)": "Types supplémentaires en tant que fichier JSON (ou modifier ci-dessous)",
+  "Address Prefix": "Préfixe d'adresse",
+  "Address index {{index}}": "Index d'adresse {{index}}",
+  "Adjust the mode from basic (with a limited number of beginner-user-friendly apps) to full (with all basic & advanced apps available)": "Ajustez le mode de base (avec un nombre limité de applications) à Avancé (avec toutes les applications de base et avancées disponibles)",
+  "Advanced creation options": "Options de création avancées",
+  "All rewards will go towards the selected output destination when a payout is made.": "Toutes les récompenses seront versées à la destination de sortie sélectionnée lorsqu'un paiement est effectué.",
+  "All the listed validators and all their nominators will receive their rewards.": "Tous les validateurs répertoriés et tous leurs nominators recevront leurs récompenses.",
+  "All voters may alter their votes any number of times prior to the close of the poll.": "Tous les électeurs peuvent modifier leur vote un certain nombre de fois avant la clôture du scrutin.",
+  "Allocate a suggested tip amount. With enough endorsements, the suggested values are averaged and sent to the beneficiary.": "Allouez un montant de pourboire suggéré. Avec suffisamment d'avenants, les valeurs suggérées sont moyennées et envoyées au bénéficiaire.",
+  "Amount to add to the currently bonded funds. This is adjusted using the available funds on the account.": "Montant à ajouter aux fonds actuellement cautionnés. Ceci est ajusté en utilisant les fonds disponibles sur le compte.",
+  "Amount to delegate for any democracy vote. This is adjusted using the available funds on the account.": "Montant à déléguer pour tout vote dans Démocratie. Ceci est ajusté en utilisant les fonds disponibles sur le compte.",
+  "An URL that is linked to this identity.": "Une URL qui est liée à cette identité.",
+  "An account that is to receive the rewards": "Un compte qui doit recevoir les récompenses",
+  "An encrypted backup file will be created once you have pressed the \"Download\" button. This can be used to re-import your account on any other machine.": "Un fichier de sauvegarde chiffré sera créé une fois que vous aurez appuyé sur le Bouton \"Télécharger\". Ce fichier peut être utilisé pour réimporter votre compte sur n'importe quelle autre ordinateur.",
+  "Any account can request payout for stakers, this is not limited to accounts that will be rewarded.": "Tout compte peut demander un paiement pour les stakers, cela n'est pas limité aux comptes qui seront récompensés.",
+  "Any account set as proxy will be able to perform actions in place of the proxied account": "Tout compte défini comme proxy pourra effectuer des actions à la place du compte mandaté",
+  "Any combination of the four options may be approved of by the voter. There is no need to select only one option!": "Toute combinaison des quatre options peut être approuvée par l'électeur. Il n'est pas nécessaire de sélectionner une seule option!",
+  "Any democracy vote performed by the delegated account will result in an additional vote from the delegating account": "Tout vote effectué dans Démocratie par le compte délégué entraînera un vote supplémentaire du compte délégant",
+  "Application of slashes from era {{id}}": "Application des slash pour l'époque {{id}}",
+  "Apply to UI": "Appliquer à l'interface",
+  "Approvals": "Approbations",
+  "Approve or reject this defender.": "Approuver ou rejeter ce défenseur.",
+  "Approve this call hash": "Approuver cet appel de hash",
+  "Approve this candidacy.": "Approuver cette candidature.",
+  "Approved": "Approuvé",
+  "Approving of all or none of the options is equivalent and will not affect the outcome of the poll.": "Approuver tout ou aucun des les options sont équivalentes et n'affecteront pas le résultat du sondage.",
+  "As a council member, you can suggest an initial value for the tip, each other council member can suggest their own.": "En tant que membre du conseil, vous pouvez suggérer une valeur initiale pour le pourboire, chaque autre membre du conseil peut suggérer la sienne.",
+  "Asset ID": "ID de l'actif",
+  "Assets": "Actifs",
+  "Aura": "Aura",
+  "Authorize transaction": "Autoriser la transaction",
+  "Available": "Disponible",
+  "Aye": "Oui",
+  "Aye {{counter}}": "Oui {{counter}}",
+  "Aye {{count}}": "Oui {{count}}",
+  "Aye, I approve": "Oui, j'approuve",
+  "Aye, I can support this": "Oui, je peux supporter cela",
+  "Aye, I support this": "Oui, je supporte cela",
+  "Babe": "Babe",
+  "Backup account": "Sauvegarder le compte",
+  "Be aware that once submitted the proposal will be put to a council vote. If the proposal is rejected due to a lack of info, invalid requirements or non-benefit to the network as a whole, the full bond posted (as describe above) will be lost.": "Sachez qu'une fois soumise, la proposition sera soumise au vote du conseil. Si la proposition est rejetée en raison d'un manque d'informations, d'exigences invalides ou d'un non-bénéfice pour le réseau dans son ensemble, la caution complète envoyée (comme décrit ci-dessus) sera perdue.",
+  "Bid": "Enchérir",
+  "Bid to join": "Enchérir et se joindre",
+  "Block details": "Détails du bloc",
+  "Bond": "Allouer",
+  "Bond & Nominate": "Allouer & Nominer",
+  "Bond & Validate": "Allouer & Valider",
+  "Bond more": "Allouer davantage",
+  "Bond more funds": "Allouer plus de fonds",
+  "Bonding Preferences": "Préférences d'allocation",
+  "Call": "Appel",
+  "Call a contract": "Appel d'un contrat",
+  "Call a method on this contract": "Appel d'une méthode sur ce contrat",
+  "Call results": "Appel des résultats",
+  "Call this message": "Appeler ce message",
+  "Cancel": "Annuler",
+  "Cancel all": "Annuler tout",
+  "Cancel selected": "Annuler la sélection",
+  "Cancel slashes": "Annuler les slashs",
+  "Cancel this call hash": "Annuler cet appel de hash",
+  "Chain info": "Informations sur la chaîne",
+  "Chain specifications": "Spécifications de la chaîne",
+  "Change": "Modifier",
+  "Change account password": "Modifier le mot de passe du compte",
+  "Change controller account": "Modifier le compte du contrôleur",
+  "Change democracy delegation": "Modifier la délégation de votes",
+  "Change reward destination": "Modifier la destination des récompenses",
+  "Change session keys": "Modifier les clés de session",
+  "Change this account's password": "Modifier le mot de passe de ce compte",
+  "Change validator preferences": "Modifier les préférences du validateur",
+  "Changing the key only takes effect at the start of the next session. The input here is generated from the author_rotateKeys command": "La modification de la clé ne prend effet qu'au début de la session suivante. L'entrée ici est générée à partir de la commande author_rotateKeys",
+  "Chilled ({{count}})": "retirés ({{count}})",
+  "Chilled nominations ({{count}})": "Nominations retirées ({{count}})",
+  "Claim": "Percevoir",
+  "Claim tokens": "Percevoir ses tokens",
+  "Claim tokens...": "Percevoir ses tokens...",
+  "Clear Identity": "Effacer l'identité",
+  "Clear all": "Tout effacer",
+  "Clear expired democracy locks": "Effacer les verrous de démocratie expirés",
+  "Close": "Fermer",
+  "Close proposal": "Fermer la proposition",
+  "Close tip": "Fermer la récompense",
+  "Code": "Code",
+  "Color": "Couleur",
+  "Committee prime member, default voting": "Membre principal du comité, vote par défaut",
+  "Completed": "Complété",
+  "Confirm ABI removal": "Confirmer la suppression de l'ABI",
+  "Confirm account removal": "Confirmer la suppression du compte",
+  "Confirm address removal": "Confirmer la suppression de l'adresse",
+  "Confirm claim": "Confirmer la réclamation",
+  "Confirm code removal": "Confirmer la suppression du code",
+  "Confirm contract removal": "Confirmer la suppression du contrat",
+  "Consider storing your account in a signer such as a browser extension, hardware device, QR-capable phone wallet (non-connected) or desktop application for optimal account security.": "Vous devriez utiliser votre compte depuis un logiciel plus sûr tel qu'une extension de navigateur, un périphérique matériel, un téléphone pouvant lire les Code QR (hors ligne) ou une application de bureau pour une sécurité optimale du compte.",
+  "Constants": "Constantes",
+  "Constructors ({{count}})": "Constructeur ({{count}})",
+  "Continue": "Continuer",
+  "Contracts": "Contrats",
+  "Controller account": "Compte contrôleur",
+  "Conviction locks do overlap and are not additive, meaning that funds locked during a previous vote can be locked again.": "Les verrous de condamnation se chevauchent et sont additifs, ce qui signifie que les fonds verrouillés lors d'un vote précédent peuvent être à nouveau verrouillés.",
+  "Copy the above string and sign an Ethereum transaction with the account you used during the pre-sale in the wallet of your choice, using the string as the payload, and then paste the transaction signature object below": "Copiez la chaîne de caractères ci-dessus et signez une transaction Ethereum avec le compte que vous avez utilisé lors de la pré-vente dans le portefeuille de votre choix, en utilisant la chaîne de caractères  comme contenu, puis collez la signature de la transaction ci-dessous",
+  "Copy the following string and sign it with the Ethereum account you used during the pre-sale in the wallet of your choice, using the string as the payload, and then paste the transaction signature object below:": "Copiez la chaîne de caractères suivante et signez-la avec le compte Ethereum que vous avez utilisé lors de la pré-vente dans le portefeuille de votre choix, en utilisant la chaîne comme message, puis collez l'objet de signature de transaction ci-dessous:",
+  "Council": "Conseil",
+  "Council overview": "Vue d'ensemble du Conseil",
+  "Create": "Créer",
+  "Create a backup file for this account": "Créer un fichier de sauvegarde pour ce compte",
+  "Create an account now.": "Créer un compte.",
+  "Create and backup account": "Créer et sauvegarder un compte",
+  "Crypto not detected": "Crypto non détectée",
+  "Cryptography used to create this signature. It is auto-detected on valid signatures.": "Cryptographie utilisée pour créer cette signature. Elle est détectée automatiquement sur les signatures valides.",
+  "Current account nonce: {{accountNonce}}": "Compteur du Compte: {{accountNonce}}",
+  "Current prime member, default voting": "Membre principal actuel, vote par défaut",
+  "Current society head, exempt": "Responsable de la société actuelle, exempté",
+  "Custom url": "Url personnalisée",
+  "Dark theme (experimental, work-in-progress)": "Thème sombre",
+  "Decimals": "Décimales",
+  "Decimals decides the smallest unit of the token, which is 1/10^decimals": "Décimales décide de la plus petite unité du jeton, qui est 1/10 ^ décimales",
+  "Delegate": "Déléguer",
+  "Delegate democracy votes": "Déléguer les votes pour Démocratie",
+  "Delete this custom example": "Supprimer cet exemple personnalisé",
+  "Democracy overview": "Résumé de la démocratie",
+  "Denomination poll": "Sondage sur la dénomination",
+  "Deploy": "Déployer",
+  "Deploy a code hash": "Déployer un hachage de code",
+  "Deploy a contract": "Déployer un contrat",
+  "Deploy this code hash as a smart contract": "Déployer ce hash de code en tant que Smart Contract",
+  "Deploy with this constructor": "Déployer avec ce constructeur",
+  "Deposit": "Déposer",
+  "Deregister this parachain": "Annuler l'enregistrement de cette parachain",
+  "Derive account from pair": "Dériver le compte de la paire",
+  "Derive account via derivation path": "Dériver un compte depuis un chemin de dérivation",
+  "Details": "Détails",
+  "Detection on the input string to determine if it is hex or non-hex.": "Détection activée la chaîne d'entrée pour déterminer si elle est hexadécimale ou non hexadécimale.",
+  "Determines what cryptography will be used to create this account. Note that to validate on Polkadot, the session account must use \"ed25519\".": "Détermine la cryptographie qui sera utilisée pour créer ce compte. Notez que pour être validateur sur Polkadot, le compte de session doit utiliser \"ed25519\".",
+  "Developer": "Développeur",
+  "Development": "Développement",
+  "Dismiss all notifications": "Ignorer toutes les notifications",
+  "Dispatch": "Envoyer",
+  "Display overview information for the selected validator, including blocks produced.": "Afficher les informations générales pour le validateur sélectionné, y compris les blocs produits.",
+  "Distinct stash and controller accounts are recommended to ensure fund security. You will be allowed to make the transaction, but take care to not tie up all funds, only use a portion of the available funds during this period.": "Des comptes de réserve et de contrôleur distincts sont recommandés pour garantir sécurité des fonds. Vous serez autorisé à effectuer la transaction, mais veillez à ne pas immobiliser tous les fonds, utilisez uniquement une partie des fonds disponibles pendant cette période.",
+  "Do not include a tip for the block author": "N'incluez pas de pourboire pour l'auteur du bloc",
+  "Don't use a proxy for this call": "Ne pas utiliser le proxy pour cet appel",
+  "Download": "Télécharger",
+  "Either approve or reject this call.": "Approuvez ou rejetez cet appel.",
+  "Election of new council candidates": "Élection de nouveaux candidats au conseil",
+  "Enactment of the result of referendum {{id}}": "Adoption du résultat du référendum {{id}}",
+  "Endorse": "Approuver",
+  "Endorsements ({{count}})": "Approbations ({{count}})",
+  "Ensure that not all funds are locked, funds need to be available for fees.": "Assurez-vous que tous les fonds ne sont pas verrouillés, les fonds doivent être disponibles pour les frais.",
+  "Ensure that the extension has accounts, some accounts are visible globally and available for this chain and that you gave the application permission to access accounts from the extension to use them.": "Assurez-vous que l'extension contient des comptes. Certains comptes peuvent être visibles globalement et disponibles pour cette chaîne et que vous avez donné à l'application l'autorisation d'accéder aux comptes de l'extension pour les utiliser.",
+  "Ensure that you utilized the \"Save\" functionality before using a generated address to receive funds. Without saving the address any funds and the associated seed any funds sent to it will be lost.": "Assurez-vous que vous avez utilisé la fonctionnalité «Enregistrer» avant d'utiliser une adresse générée pour recevoir des fonds. Sans enregistrer l'adresse, les fonds et la clé privée seront perdus.",
+  "Ensure you are using a strong password for proper account protection.": "Ustilisez un mot de passe resistant pour garantir un bonne protection de votre compte.",
+  "Enter the Asset ID of the token you want to manage.": "Saisissez l'ID de l'actif que vous souhaitez gérer.",
+  "Enter the Asset ID of the token you want to transfer.": "Entrez l'ID de l'actif que vous souhaitez transférer.",
+  "Erroneous": "Erroné",
+  "Evaluated {{count}} keys in {{elapsed}}s ({{avg}} keys/s)": "{{count}} clés évaluées en {{elapsed}} s ({{avg}} keys / s)",
+  "Execute": "Exécuter",
+  "Execute anonymous scheduled task": "Exécuter une tâche planifiée anonyme",
+  "Execute named scheduled task {{id}}": "Exécuter la tâche planifiée {{id}}",
+  "Extensions": "Extensions",
+  "External": "Externe",
+  "Extrinsic submission": "Soumission  d'une extrinsèque",
+  "Fast track": "Procédure accélérée",
+  "Fast track proposal": "Proposition accélérée",
+  "Filter available candidates based on name, address or short account index.": "Filtrer les candidats disponibles en fonction du nom, de l'adresse ou de l'index abrégé du compte.",
+  "For approvals outstanding approvers will be shown, for hashes that should be cancelled the first approver is required.": "Pour les approbations en cours, les approbateurs en attente seront affichés, pour les hachages qui doivent être annulés, le premier approbateur est requis.",
+  "For final approvals, the actual full call data is required to execute the transaction": "Pour les approbations finales, les données d'appel complètes sont nécessaires pour exécuter la transaction",
+  "For fund security, your session key should not match your stash key.": "Pour la sécurité du fonds, votre clé de session ne doit pas correspondre à votre clé de cache.",
+  "Forget": "Supprimer",
+  "Forget this account": "Supprimer ce compte",
+  "Forget this address": "Supprimer cette adresse",
+  "Forget this asset": "Supprimer cet actif",
+  "Forget this code hash": "Supprimer ce hash",
+  "Forget this contract": "Supprimer ce contrat",
+  "Forks": "Forks",
+  "Full Legal Name": "Nom légal complet",
+  "Future versions of the web-only interface will drop support for non-external accounts, much like the IPFS version.": "Les futures versions de l'interface Web abandonneront la prise en charge des comptes non externes, tout comme la version IPFS.",
+  "General": "Général",
+  "Generate {{lng}}/translation.json": "Générer {{lng}} / translation.json",
+  "Genesis Hash": "Hash de Genèse",
+  "Genesis Hash refers to initial state of the chain, it cannot be changed once the chain is launched": "Genesis Hash fait référence à l'état initial de la chaîne, il ne peut pas être modifié une fois la chaîne lancée",
+  "Governance": "Gouvernance",
+  "Grandpa": "Grandpa",
+  "Hash data": "Données du Hash",
+  "I agree": "J'accepte",
+  "I'm Online": "Je suis en ligne",
+  "If the delegated account is currently voting in a referendum, the delegating vote and conviction will be added.": "Si le compte délégué vote actuellement lors d'un référendum, le vote de délégation et la conviction seront ajoutés.",
+  "If the recipient account is new, the balance needs to be more than the existential deposit. Likewise if the sending account balance drops below the same value, the account will be removed from the state.": "Si le compte du destinataire est nouveau, le solde doit être supérieur au dépôt existentiel. De même, si le solde du compte d'envoi tombe en dessous dépôt existentiel, le compte sera supprimé de l'état.",
+  "If this proposal is passed, the changes will be applied via dispatch and the deposit returned.": "Si cette proposition est adoptée, les modifications seront appliquées via l'envoi et le dépôt retourné.",
+  "If you add several proxy accounts for the same proxy type (e.g 2 accounts set as proxy for Governance), then any of those 2 accounts will be able to perfom governance actions on behalf of the proxied account": "Si vous ajoutez plusieurs comptes proxy pour le même type de proxy (par exemple 2 comptes définis comme proxy pour la gouvernance), alors n'importe lequel de ces 2 comptes sera en mesure d'effectuer des actions de gouvernance au nom du compte proxy.",
+  "If you are moving accounts between applications, ensure that you use the correct type.": "Si vous déplacez des comptes entre les applications, assurez-vous d'utiliser le bon type.",
+  "If you have not claimed rewards straight after the end of the era, the validator is in the active set and you are seeing no rewards, this would mean that the reward payout transaction was made by another account on your behalf. Always check your favorite explorer to see any historic payouts made to your accounts.": "Si vous n'avez pas réclamé de récompenses juste après la fin de l'ère, le validateur est dans l'ensemble actif et vous ne voyez aucune récompense, cela signifierait que l'opération de paiement de récompense a été créé par un autre compte en votre nom. Vérifiez toujours votre explorateur préféré pour voir tous les paiements historiques effectués sur vos comptes.",
+  "Image": "Image",
+  "Important notice": "Note importante",
+  "In calculating the election outcome, this prioritized vote ordering will be used to determine the final score for the candidates.": "Lors du calcul du résultat des élections, cet ordre de priorité des votes sera utilisé pour déterminer le score final des candidats.",
+  "Inactive nominations ({{count}})": "Nominations inactives ({{count}})",
+  "Include an optional tip for faster processing": "Inclure un pourboire facultatif pour un traitement plus rapide",
+  "Info": "Info",
+  "Initializing connection": "Initialisation de la connexion",
+  "Initiate account recovery": "Lancer la récupération du compte",
+  "Initiate recovery for another": "Lancer la récupération pour un autre",
+  "Inject Keys": "Injecter des clés",
+  "Inject session keys (advanced)": "Injecter des clés de session (avancé)",
+  "Injected": "Injecté",
+  "It is recommended that you create/store your accounts securely and externally from the app. On {{yourBrowser}} the following browser extensions are available for use -": "Il est recommandé de créer / stocker vos comptes en toute sécurité de manière externe à ce site. Sur {{yourBrowser}}, les extensions de navigateur suivantes sont disponibles:",
+  "Judge": "Juger",
+  "Keys from rotateKeys": "Clés de rotateKeys",
+  "Known good": "Bien connu",
+  "Learn more...": "En savoir plus ...",
+  "Lifetime (# of blocks)": "Durée de vie (# de blocs)",
+  "Light theme (default)": "Thème clair",
+  "Loading": "Chargement",
+  "Locked funds (e.g. for staking) are counted.": "Les fonds bloqués (par exemple pour le staking) sont comptés.",
+  "Locked1x": "Blocage1x",
+  "Locked2x": "Blocage2x",
+  "Locked3x": "Blocage3x",
+  "Locked4x": "Blocage4x",
+  "Locked5x": "Blocage5x",
+  "Locked6x": "Blocage6x",
+  "Low quality": "Qualité faible",
+  "Make Transfer": "Faire un transfert",
+  "Make recoverable": "Rendre récupérable",
+  "Manage proxies": "Gérer les proxy",
+  "Manage your connection to Ledger S": "Gérer votre connexion au Ledger S",
+  "Max, {{eras}} eras": "Max, {{eras}} ères",
+  "Median tip selected": "Récompense mediane selectionnée",
+  "Message data": "Données du message",
+  "Message origin.": "Origine du message",
+  "Messages": "Messages",
+  "Messages ({{count}})": "Messages ({{count}})",
+  "Metadata": "Métadonnées",
+  "Metadata {{count}}": "Métadonnées {{count}}",
+  "Mnemonic": "Mnémonique",
+  "Most profitable": "Selection pour maximiser les profits",
+  "Most recent head data": "Données les plus récentes",
+  "Motions": "Motions",
+  "Multiple council proposals could exist, both approval and rejection. Apply your vote to the correct council proposal (also available on council motions page)": "Plusieurs propositions du conseil pourraient exister, à la fois approbation et rejet. Appliquez votre vote à la bonne proposition du conseil (également disponible sur la page des motions du conseil)",
+  "Multisig": "Multisig",
+  "Multisig approval with hash (non-final approval)": "Approbation multisig avec hash (approbation non finale)",
+  "Multisig approval with hash (not message with call)": "Approbation multisig avec hash (pas de message avec appel)",
+  "Multisig approvals": "Approbations multisig",
+  "Multisig approvals pending": "Approbations multisig en cours",
+  "Multisig message with call (for final approval)": "Message multisig avec appel (pour approbation finale)",
+  "Multisig message with call (not approval with hash)": "Message multisig avec appel (pas d'approbation avec hachage)",
+  "Mutates contract state": "Mutate l'état du contrat",
+  "My On-Chain Name": "Mon nom sur la blockchain",
+  "My accounts": "Mes comptes",
+  "My contacts": "Mes contacts",
+  "My stashes": "Mes réserves",
+  "My validators": "Mes validateurs",
+  "Name given to this account. You can change it at any point in the future.": "Nom donné à ce compte. Vous pourrez le modifier de nouveau ultérieurement.",
+  "Name given to this account. You can edit it. To use the account to validate or nominate, it is a good practice to append the function of the account in the name, e.g \"name_you_want - stash\".": "Nom donné à ce compte. Vous pourrez le modifier. Pour utiliser le compte pour être validateur ou nominateur, il est recommandé d'ajouter la fonction du compte dans le nom, par exemple \"mon-nom - stash\".",
+  "Name given to this multisig. You can edit it at any later point in time.": "Nom donné à ce multisig. Vous pourrez le modifierde nouveau  ultérieurement.",
+  "Name given to this proxied account. You can edit it at any later point in time.": "Nom donné à cet account mandaté. Vous pourrez le modifier ultérieurement.",
+  "Name of the network. It is only for display purposes.": "Nom du réseau. Uniquement à des fins d'affichage.",
+  "Name your example": "Nommez votre exemple",
+  "Nay": "Non",
+  "Nay {{counter}}": "Non {{counter}}",
+  "Nay {{count}}": "Non {{count}}",
+  "Nay, I cannot support this": "Non, je ne peux pas supporter",
+  "Nay, I do not approve": "Non, je n'approuve pas",
+  "Nay, I do not support this": "Non, je ne supporte pas",
+  "Network": "Réseau",
+  "Network Name": "Nom du réseau",
+  "Never execute JS snippets from untrusted sources.": "Ne jamais exécuter d'extraits JS provenant de sources non fiables.",
+  "New stake": "Nouvelle allocation",
+  "Next": "Suivant",
+  "Next session": "Prochaine session",
+  "No": "Non",
+  "No active members": "Aucun membre actif",
+  "No active proposals": "Aucune proposition active",
+  "No active referendums": "Aucun référendum actif",
+  "No active schedules": "Aucun horaire actif",
+  "No active validators found": "Aucun validateur actif trouvé",
+  "No active validators to check": "Aucun validateur actif à vérifier",
+  "No approved proposals": "Aucune proposition approuvée",
+  "No assets found.": "Aucun actif trouvé.",
+  "No bids": "Aucune offre",
+  "No blocks available": "Aucun bloc disponible",
+  "No candidates": "Aucun candidat",
+  "No candidates found": "Aucun candidat trouvé",
+  "No change": "Aucun changement",
+  "No change from the original 2017 sale definitions; will mean a total of 10 million DOT from genesis.": "Aucun changement par rapport aux définitions de vente originales de 2017; signifiera un total de 10 millions de DOT de genesis.",
+  "No change from the original 2017 sale definitions; will mean a total of 10m DOT from genesis.": "Aucun changement par rapport aux définitions de vente originales de 2017; signifiera un total de 10 millions de DOT de genesis.",
+  "No code hashes available": "Aucun hachage de code disponible",
+  "No committee proposals": "Aucune proposition de comité",
+  "No contracts available": "Aucun contrat disponible",
+  "No council motions": "Aucune motion du conseil",
+  "No discretionary lock-voting is in place; all DOT used to vote counts the same.": "Aucun vote de verrouillage discrétionnaire n'est en place; tous les DOT utilisés pour voter comptent de la même manière.",
+  "No documentation provided": "Non documentation fournie",
+  "No events available": "Aucun événement disponible",
+  "No external proposal": "Aucune proposition externe",
+  "No funds staked yet. Bond funds to validate or nominate a validator": "Aucun fonds alloué pour le moment. Allouez des fonds pour valider ou désigner un validateur",
+  "No items": "Aucun élément",
+  "No judgments": "Aucun jugement",
+  "No logs available": "Aucun journal disponible",
+  "No matches found": "Aucun résultat trouvé",
+  "No members found": "Aucun membre trouvé",
+  "No open tips": "Aucune récompense ouverte",
+  "No pending era payouts from validators": "Aucun payment en attente des validateurs",
+  "No pending extrinsics are in the queue": "Aucun extrinsèque en attente n'est dans la file d'attente",
+  "No pending payouts for your stashes": "Aucun paiement en attente pour vos réserves",
+  "No pending proposals": "Aucune proposition en attente",
+  "No runners up found": "Aucun finaliste trouvé",
+  "No sub identities set.": "Aucune sous-identité définie.",
+  "No upgradable extensions found": "Aucune extension pouvant être mise à jour trouvée",
+  "No waiting validators found": "Aucun validateur en attente",
+  "Node info": "Info du noeud",
+  "Nominate": "Désigner",
+  "Nominate Validators": "Désigner les validateurs",
+  "Nominate selected": "Désigner la sélection",
+  "Nominate validators": "Désigner des validateurs",
+  "Nominating": "Désignation",
+  "Nominations ({{count}})": "Désignations ({{count}})",
+  "Nominator": "Désigneur",
+  "Nominators ({{count}})": "Désigneurs ({{count}})",
+  "Nominators can be selected automatically based on the current on-chain conditions or supplied manually as selected from the list of all currently available validators. In both cases, your favorites appear for the selection.": "Les désigneurs peuvent être sélectionnés automatiquement en fonction des conditions actuelles de la chaîne ou fournis manuellement comme sélectionnés dans la liste de tous les validateurs actuellement disponibles. Dans les deux cas, vos favoris apparaissent pour la sélection.",
+  "Nominators can be selected manually from the list of all currently available validators.": "Les désigneurs peuvent être sélectionnés manuellement dans la liste de tous les validateurs actuellement disponibles.",
+  "Nominators can be selected manually from the list of all currently available validators. If you have set favorites these will appear for the selection.": "Les désigneurs peuvent être sélectionnés manuellement dans la liste de tous les validateurs actuellement disponibles. Si vous avez défini des favoris, ceux-ci apparaîtront pour la sélection.",
+  "Non-signature, non-hex data received from QR. Data contains \"{{sample}}\" instead of a hex-only signature. Please present the correct signature generated from the QR presented for submission.": "Données sans signature et non hexadécimales reçues du Code QR. Les données contiennent \"{{sample}}\" au lieu d'une signature hexadécimale uniquement. Veuillez présenter la signature correcte générée à partir du QR présenté pour soumission.",
+  "Nonce": "Compteur",
+  "None": "Aucun",
+  "Normal transfer without keep-alive checks": "Transfert normal sans vérification de passage en dessous du montant existentiel",
+  "Not on-chain": "Pas sur la blockchain",
+  "Not updated in the last block": "Non mis à jour dans le dernier bloc",
+  "Nothing queued for execution": "Rien en attente d'exécution",
+  "Of the beneficiary amount, at least {{bondPercentage}} would need to be put up as collateral. The maximum of this and the minimum bond will be used to secure the proposal, refundable if it passes.": "Du montant du bénéficiaire, au moins {{bondPercentage}} devrait être mis en garantie. Le maximum de cette caution et la caution minimale seront utilisés pour garantir la proposition, remboursable si elle est acceptée.",
+  "Older versions of the contracts ABI cannot be used and will display an error indicating an invalid ABI when uploaded. Ensure you follow the Ink! instructions for updating if you are using an older version.": "Les anciennes versions des contrats ABI ne peuvent pas être utilisées et afficheront une erreur indiquant une ABI invalide lors du téléchargement. Assurez-vous de suivre les instruction de ink! pour effectuer une mise à jour si vous utilisez une version plus ancienne.",
+  "Once bonded, it will need to be unlocked/withdrawn and will be locked for at least the bonding duration.": "Une fois cautionnée, elle devra être déverrouillée / retirée et sera verrouillée pendant au moins la durée de l'allocation.",
+  "Once transferred the amount will become available on the chain for use.": "Une fois transféré, le montant sera disponible sur la chaîne.",
+  "Once transferred the amount will become available on the parachain for use.": "Une fois transféré, le montant sera disponible sur la Parachain.",
+  "Once transmitted the new selection will only take effect in 2 eras since the selection criteria for the next era was done at the end of the previous era. Until then, the nominations will show as inactive.": "Une fois transmis la nouvelle sélection ne prendra effet que dans 2 époques puisque les critères de sélection pour l'ère suivante ont été faits à la fin de l'ère précédente. Jusque-là, les nominations apparaîtront comme inactives.",
+  "Once transmitted the new selection will only take effect in 2 eras taking the new validator election cycle into account. Until then, the nominations will show as inactive.": "Une fois transmise, la nouvelle sélection ne prendra effet que dans 2 époques en tenant compte du cycle d'élection du nouveau validateur. D'ici là, les nominations apparaîtront comme inactives.",
+  "One of your available nomination accounts, keyed by the stash. The transaction will be sent from the controller.": "Un de vos comptes de nomination disponibles, saisi par la cachette. La transaction sera envoyée par le contrôleur.",
+  "One or more extensions are detected in your browser, however no accounts has been injected.": "Une ou plusieurs extensions ont été détectées dans votre navigateur, mais aucun compte n'a été injecté.",
+  "Online message": "Message en ligne",
+  "Only applicable if the proposal has already passed and is ready for dispatch.": "Applicable uniquement si la proposition a déjà été acceptée et est prête à être envoyée.",
+  "Override any applicable values for the specific signed output. These will be used to construct and display the signed transaction.": "Remplacer toutes les valeurs applicables pour la sortie signée spécifique. Ceux-ci seront utilisés pour construire et afficher la transaction signée.",
+  "Override the default identity icon display with a specific theme": "Remplacer l'affichage de l'icône d'identité par défaut avec un thème spécifique",
+  "Override the default ss58 prefix for address generation": "Remplacer le préfixe ss58 par défaut pour la génération d'adresse",
+  "Oversubscribed": "Excessivement souscrit",
+  "Oversubscribed nominations ({{count}})": "Désignations excessivement souscrits ({{count}})",
+  "Owned": "Possédé",
+  "Parachains": "Parachains",
+  "Parachains overview": "Présentation des Parachains",
+  "Password are ignored for hex seed": "Le mot de passe est ignoré pour les clés hexadécimales",
+  "Paste here the address of the contact you want to add to your address book.": "Collez ici l'adresse du contact que vous souhaitez ajouter à votre carnet d'adresses.",
+  "Paste the signed message into the field below. The placeholder text is there as a hint to what the message should look like:": "Collez le message signé dans le champ ci-dessous. Le texte par défaut est là pour indiquer à quoi devrait ressembler le message:",
+  "Payment account": "Compte de paiement",
+  "Payout": "Paiement",
+  "Payout all": "Paiement de tous",
+  "Payout all stakers": "Paiement de tous les stakers",
+  "Payouts": "Paiements",
+  "Payouts of rewards for a validator can be initiated by any account. This means that as soon as a validator or nominator requests a payout for an era, all the nominators for that validator will be rewarded. Each user does not need to claim individually and the suggestion is that validators should claim rewards for everybody as soon as an era ends.": "Paiements de récompenses pour un le validateur peut être lancé par n'importe quel compte. Cela signifie que dès qu'un validateur ou un nominator demande un paiement pour une époque, tous les nominators pour ce validateur seront récompensés. Chaque utilisateur n'a pas besoin de réclamer individuellement et il est suggéré que les validateurs doivent réclamer des récompenses pour tout le monde dès la fin d'une ère.",
+  "Pending call hashes": "En attente de hachages d'appel",
+  "Please make sure to save this file in a secure location as it is required, together with your password, to restore your account.": "Veuillez vous assurer de sauvegarder ce fichier dans un emplacement sécurisé car il est nécessaire , ainsi que votre mot de passe, pour restaurer votre compte.",
+  "Please read these terms and conditions carefully. By submitting this statement, you are deemed to have accepted these Terms and Conditions. If you do not agree to these terms, please refrain from accessing or proceeding. You can also find them at:": "Veuillez lire attentivement ces conditions générales. En soumettant cette déclaration, vous êtes considéré avoir accepté ces termes et conditions. Si vous n'acceptez pas ces conditions, veuillez vous abstenir d'accéder ou de continuer. Vous pouvez également les trouver sous:",
+  "Positive number": "Nombre positif",
+  "Positive number between 1 and {{count}}": "Nombre positif entre 1 et {{count}}",
+  "Positive number between 1 and {{memberCount}}": "Nombre positif entre 1 et {{memberCount}}",
+  "Positive number greater than or equal to {{nextFreeId}}": "Nombre positif supérieur ou égal à {{ nextFreeId}}",
+  "Potential dispatch of referendum {{id}} (if passed)": "Envoi potentiel du référendum {{id}} (si adopté)",
+  "Pre-sale ethereum address": "Collez le message signé dans le champ ci-dessous. Le texte par défaut est là pour indiquer à quoi devrait ressembler le message:",
+  "Prefix indicates the ss58 address format in this network, it is a 16 bit unsigned integer that describes the precise format of the bytes of the address": "Prefix indique le format de l'adresse ss58 dans ce réseau, c'est un nombre entre 0 ~ 255 qui décrit le format précis des octets de l'adresse",
+  "Preimage": "Preimage",
+  "Preparing QR for signing": "Préparation du Code QR pour la signature",
+  "Present the QR code containing the signature to the UI. Once scanned it will be submitted for on-chain processing and execution.": "Affiche le Code QR contenant la signature de l'interface utilisateur. Une fois numérisée, elle sera soumise pour un traitement et exécution.",
+  "Prev": "Précédent",
+  "Produced blocks": "Blocs produits",
+  "Proposal can either be to approve or reject this spend. One approved, the change is applied by either removing the proposal or scheduling payout.": "La proposition peut être d'approuver ou de rejeter cette dépense. Une fois approuvé, le changement est appliqué en supprimant la proposition ou en programmant le paiement.",
+  "Proposals": "Propositions",
+  "Proposals ({{count}})": "Propositions ({{count}})",
+  "Propose": "Proposer",
+  "Propose a committee motion": "Proposer une motion de comité",
+  "Propose a council motion": "Proposer une motion du conseil",
+  "Propose external": "Proposer externe",
+  "Propose external (majority)": "Proposer externe (majorité)",
+  "Propose motion": "Proposer une motion",
+  "Propose tip": "Proposer une récompense",
+  "Provide judgement": "Fournir un jugement",
+  "Provide the account QR from the module/external application for scanning. Once detected as valid, you will be taken to the next step to add the account to your list.": "Fournissez le Code QR de compte du module / de l'application externe pour sa numérisation. Une fois validé, vous serez redirigé vers l'étape suivante pour ajouter le compte à votre liste.",
+  "Provide the account QR from the module/external application for scanning. One detected as valid, you will be taken to the next step to add the account to your list.": "Fournir le QR de compte du module / application externe pour la numérisation. Une fois le compte détecté comme valide, vous serez redirigé vers l'étape suivante pour ajouter le compte à votre liste.",
+  "Proxied": "Mandaté",
+  "Proxied account has no owned proxies": "Compte mandaté n'a pas de proxy",
+  "Proxy overview": "Aperçu des proxy",
+  "RPC calls": "Appels RPC",
+  "Random": "Aléatoire",
+  "Raw seed": "Mnémonique",
+  "Raw storage": "Stockage brut",
+  "Read": "Lire",
+  "Reasonable": "Raisonnable",
+  "Reassign": "Réaffecter",
+  "Redeem": "Récupérer les tokens",
+  "Register": "Enregistrer",
+  "Register Asset": "Enregistrer un actif",
+  "Register a parachain": "Enregistrer une Parachain",
+  "Register an Asset": "Enregistrer un actif",
+  "Register identity": "Enregistrer une identité",
+  "Register sub-identities": "Enregistrer une sous-identité",
+  "Register the vote for or against the proposal.": "Enregistrer le vote pour ou contre la proposition.",
+  "Rejection proposal to council": "Rejeter la proposition au conseil",
+  "Rejections": "Rejections",
+  "Remove": "Supprimer",
+  "Remove ABI": "Remove ABI",
+  "Remove item": "Remove item",
+  "Remove sub": "Supprimer la sous-identité",
+  "Renomination required ({{count}})": "Renomination requise ({{count}})",
+  "Reset": "Reset",
+  "Restore": "Restorer",
+  "Restore JSON": "Restorer depuis JSON",
+  "Retrieving data": "Récupération des donnés",
+  "Retrieving info for all applicable eras, this will take some time": "Récupérer des informations pour toutes les époques applicables, cela prendra un certain temps",
+  "Retrieving info for last {{numEras}} eras, this will take some time": "Récupérer des informations sur les {{numEras}} dernières ères, cela prendra un certain temps",
+  "Retrieving info for the selected eras, this will take some time": "Récupération des informations sur les époques sélectionnées, cela prendra un certain temps",
+  "Retrieving sub-identities": "Récupération de sous-identités",
+  "Retrieving totals...": "Totals recu",
+  "Revert": "Rétablir",
+  "Revert pending slashes": "Rétablir les slash en attente",
+  "Rewards (once paid) can be deposited to either the stash or controller, with different effects.": "Les récompenses (une fois payées) peuvent être déposées dans la réserve ou sur le contrôleur, avec différents effets.",
+  "Save": "Enregistrer",
+  "Save & Reload": "Enregistrer et recharger",
+  "Save delegation": "Enregistrer la délégation",
+  "Save snippet to local storage": "Enregistrer l'extrait dans le stockage local",
+  "Save the type definitions for your custom structures as key-value pairs in a valid JSON file. The key should be the name of your custom structure and the value an object containing your type definitions.": "Enregistrer les définitions de type pour vos structures personnalisées sous forme de paires clé-valeur dans un fichier JSON valide. La clé doit être le nom de votre structure personnalisée et la valeur d'un objet contenant vos définitions de type.",
+  "Save this backup file in a secure location. Additionally, the password associated with this account is needed together with this backup file in order to restore your account.": "Enregistrez ce fichier de sauvegarde dans un emplacement sécurisé. De plus, le mot de passe associé à ce compte est nécessaire avec ce fichier de sauvegarde afin de restaurer votre compte.",
+  "Saved": "Enregistré",
+  "Scan Signature Qr": "Scanner la signature depuis le code Qr",
+  "Scan the QR code with your QR scanner. Once approved, you will be required to present the signed QR back to the UI for submission.": "Scannez le code QR avec votre scanner QR. Une fois approuvé, vous devrez présenter le QR signé à l'interface utilisateur pour soumission.",
+  "Search for": "Rechercher",
+  "Second": "Deuxième",
+  "Second proposal": "Deuxième proposition",
+  "Seconding a proposal that indicates your backing for the proposal. Proposals with greater interest moves up the queue for potential next referendums.": "Appuyer une proposition qui indique votre soutien à la proposition. Les propositions les plus intéressantes remontent la file d'attente pour d'éventuels prochains référendums.",
+  "Seconds ({{count}})": "Secondes ({{count}})",
+  "Select Network": "Sélectionner un réseau",
+  "Select a contact or paste the address you want to send funds to.": "Sélectionnez un contact ou collez l'adresse vers laquelle vous souhaitez envoyer des fonds.",
+  "Select and order council candidates you wish to vote for.": "Sélectionnez et ordonnez les candidats pour lesquels vous souhaitez voter.",
+  "Select best": "Sélectionnez les meilleurs",
+  "Select example": "Sélectionnez un exemple",
+  "Select targets manually (no auto-selection based on current profitability)": "Sélectionnez les cibles manuellement (pas de sélection automatique en fonction de la rentabilité actuelle)",
+  "Select the JSON key file that was downloaded when you created the account. This JSON file contains your private key encrypted with your password.": "Sélectionnez le fichier de clé JSON qui a été téléchargé lors de la création du compte. Ce fichier JSON contient votre clé privée chiffrée avec votre mot de passe.",
+  "Select the account to use for this action.": "Sélectionnez le compte à utiliser pour cette action.",
+  "Select the account you wish close the proposal with.": "Sélectionnez le compte avec lequel vous souhaitez clôturer la proposition.",
+  "Select the account you wish to close from.": "Selectionner le compte avec lequel fermer.",
+  "Select the account you wish to make the proposal with.": "Sélectionnez le compte avec lequel vous souhaitez faire la proposition.",
+  "Select the account you wish to recover into this account.": "Sélectionnez le compte que vous souhaitez récupérer sur ce compte.",
+  "Select the account you wish to second with. This will lock your funds until the proposal is either approved or rejected": "Sélectionnez le compte avec lequel vous souhaitez vous seconder. Cela bloquera vos fonds jusqu'à ce que la proposition soit approuvée ou rejetée",
+  "Select the account you wish to submit for candidacy.": "Sélectionnez le compte que vous souhaitez soumettre pour candidature.",
+  "Select the account you wish to submit the proposal from.": "Sélectionnez le compte à partir duquel vous souhaitez soumettre la proposition.",
+  "Select the account you wish to submit the tip from.": "Sélectionnez le compte que vous souhaitez soumettre le conseil de.",
+  "Select the account you wish to vote with. You can approve \"aye\" or deny \"nay\" the proposal.": "Sélectionnez le compte avec lequel vous souhaitez voter. Vous pouvez approuver \"aye\" ou refuser \"nay\" la proposition.",
+  "Select the council account you wish to use to make the proposal.": "Sélectionnez le compte du conseil que vous souhaitez utiliser pour faire la proposition.",
+  "Select the remote endpoint, either from the dropdown on manual entered via the custom toggle": "Sélectionnez le point de terminaison distant, soit dans le menu déroulant sur saisie manuelle via la bascule personnalisée",
+  "Send": "Envoyer",
+  "Send funds": "Envoyer des fonds",
+  "Send funds from this account": "Envoyer des fonds depuis ce compte",
+  "Send funds to this address": "Envoyer des fonds à cette adresse",
+  "Send to council": "Envoyer au conseil",
+  "Sending transaction": "Envoi de transaction",
+  "Session Key": "Clé de session",
+  "Set Identity": "Définir l'identité",
+  "Set Session Key": "Définir la clé de session",
+  "Set Subs": "Définir des sous-identité",
+  "Set controller": "Définir le contrôleur",
+  "Set nominees": "Définir les désgnés",
+  "Set on-chain identity": "Définir l'identité sur la chaîne de blocs",
+  "Set on-chain sub-identities": "Définir les sous-identités sur la chaîne de blocs",
+  "Set reward destination": "Définir la destination de la récompense",
+  "Set sudo key": "Définir la clé sudo",
+  "Set to 0 to make transaction immortal": "Définir sur 0 pour rendre la transaction immortelle",
+  "Set validator preferences": "Définir les préférences du validateur",
+  "Settings": "Paramètres",
+  "Setup Nominator {{step}}/{{NUM_STEPS}}": "Configurer le nominateur {{step}} / {{NUM_STEPS}}",
+  "Setup Validator {{step}}/{{NUM_STEPS}}": "Configurer le validateur {{step}} / {{NUM_STEPS}}",
+  "Setup account as recoverable": "Configurer le compte comme récupérable",
+  "Should the search be case sensitive, e.g if you select \"no\" your search for \"Some\" may return addresses containing \"somE\" or \"sOme\"...": "Si la recherche doit respecter la casse, par exemple si vous sélectionnez \"non\" votre recherche pour \"Demo\" pourra retourner des adresses contenant \"demO\" ou \"dEmo\"...",
+  "Show address on hardware device": "Afficher l'adresse sur le périphérique matériel",
+  "Sign (no submission)": "Signer (pas de soumission)",
+  "Sign and Submit": "Signer et soumettre",
+  "Sign for multisig": "Signer pour multisig",
+  "Sign message": "Signer le message",
+  "Sign via Qr": "Signer via Code Qr",
+  "Sign via {{hardwareType}}": "Signer via {{hardwareType }}",
+  "Signed transaction": "Transaction signée",
+  "Since the multisig function like any other account, once created it is available for selection anywhere accounts are used and needs to be funded before use.": "Puisque la fonction multisig comme tout autre compte, une fois créée, elle est disponible pour la sélection partout où les comptes sont utilisés et doivent être financés avant utilisation.",
+  "Since this transaction deals with funding, the stash account will be used.": "Étant donné que cette transaction concerne le financement, la réserve sera utilisé.",
+  "Skeptics": "Sceptiques",
+  "Slashed": "Sabré",
+  "Slashed in era {{eras}}": "Sabré pour l'époque {{eras}}",
+  "Slashes": "Sabrages",
+  "Slashes ({{count}})": "Sabrages ({{count}})",
+  "Society": "Société",
+  "Society overview": "Présentation de la société",
+  "Soft derivation paths are not allowed on ed25519": "Les chemin de dérivation soft sont pas autorisés pour ed25519",
+  "Specific payment account": "Compte de paiement spécifique",
+  "Specified payment account": "Compte de paiement spécifié",
+  "Specify the user account to use for this contract call. And fees will be deducted from this account.": "Spécifiez le compte utilisateur à utiliser pour cet appel de contrat. Et les frais seront déduits de ce compte.",
+  "Specify the user account to use for this deployment. And fees will be deducted from this account.": "Spécifiez le compte utilisateur à utiliser pour ce déploiement. Et les frais seront déduits de ce compte.",
+  "Specify the user account to use for this deployment. Any fees will be deducted from this account.": "Spécifiez le compte utilisateur à utiliser pour ce déploiement. Tous les frais seront déduits de ce compte.",
+  "Split of 1,000x from the original sale; will mean a total of 10b DOT from genesis. Apparent DOT price would be 1000x lower.": "Fractionnement de 1 000x de la vente initiale; signifiera un total de 10b DOT de la genèse. Le prix DOT apparent serait 1000x inférieur.",
+  "Split of 1000x": "Fractionnement de 1000x",
+  "Split of 1000x from the original sale; will mean a total of 10 billion DOT from genesis. Apparent DOT price would be 1000x lower and apparent account balances 1000x higher.": "Fractionnement de 1000x par rapport à la vente originale; signifiera un total de 10 milliards de DOT de la genèse. Le prix DOT apparent serait 1000x plus bas et les soldes de compte apparents 1000x plus élevés.",
+  "Split of 100x": "Fractionnement de 100x",
+  "Split of 100x from the original sale; will mean a total of 1 billion DOT from genesis. Apparent DOT price would be 100x lower and apparent account balances 100x higher.": "Fractionnement de 100x de la vente initiale; signifiera un total de 1 milliard de DOT de la genèse. Le prix DOT apparent serait 100 fois plus bas et les soldes de compte apparents 100 fois plus élevés.",
+  "Split of 100x from the original sale; will mean a total of 1b DOT from genesis. Apparent DOT price would be 100x lower.": "Fractionnement de 100x par rapport à la vente initiale; signifiera un total de 1b DOT de la genèse. Le prix DOT apparent serait 100 fois plus bas.",
+  "Split of 10x": "Fractionnement de 10x",
+  "Split of 10x from the original sale; will mean a total of 100 million DOT from genesis. Apparent DOT price would be 10x lower and apparent account balances 10x higher.": "Fractionnement de 10x par rapport à la vente initiale; signifiera un total de 100 millions de DOT de la genèse. Le prix DOT apparent serait 10 fois plus bas et les soldes de compte apparents 10 fois plus élevés.",
+  "Split of 10x from the original sale; will mean a total of 100m DOT from genesis. Apparent DOT price would be 10x lower.": "Fractionnement de 10x par rapport à la vente initiale; signifiera un total de 100 m DOT depuis la genèse. Le prix DOT apparent serait 10 fois plus bas.",
+  "Staking overview": "Vue d'ensemble du jalonnement",
+  "Start generation": "Démarrer la génération",
+  "Start of a new staking era {{id}}": "Début d'une nouvelle ère de staking {{id}}",
+  "Start of a new staking session {{id}}": "Début d'une nouvelle session de staking {{id}}",
+  "Start of next membership challenge period": "Début de la prochaine période de défi d'adhésion",
+  "Start of next spending period": "Début de la prochaine période de dépenses",
+  "Start of the next referendum voting period": "Début de la prochaine période de vote referenda",
+  "Start recovery": "Démarrer la récupération",
+  "Stash": "Réserve",
+  "Stash account (do not increase the amount at stake)": "Compte de réserve (ne pas augmenter le montant en jeu)",
+  "Stash account (increase the amount at stake)": "Compte de réserve (augmenter le montant en jeu)",
+  "Stop": "Arrêter",
+  "Stop generation": "Arrêter la génération",
+  "Storage": "Stockage",
+  "Submit": "Soumettre",
+  "Submit (no signature)": "Soumettre (sans signature)",
+  "Submit RPC call": "Soumettre un appel RPC",
+  "Submit Sudo": "Soumettre Sudo",
+  "Submit Sudo Unchecked": "Soumettre Sudo non vérifé",
+  "Submit Transaction": "Soumettre la transaction",
+  "Submit Unsigned": "Soumettre non signée",
+  "Submit bid": "Soumettre l'enchère",
+  "Submit candidacy": "Soumettre la candidature",
+  "Submit key": "Soumettre la clé",
+  "Submit preimage": "Soumettre la pré-image",
+  "Submit proposal": "Soumettre la proposition",
+  "Submit signed extrinsic": "Soumettre l'extrinsèque signée",
+  "Submit tip": "Soumettre la récompense",
+  "Submit tip endorsement": "Soumettre l'approbation du conseil",
+  "Submit tip request": "Soumettre une demande de récompense",
+  "Submit treasury proposal": "Soumettre une proposition de trésorerie",
+  "Submit your council candidacy": "Soumettre votre candidature au conseil",
+  "Sudo access": "Accès Sudo",
+  "Sudo key": "Clé Sudo",
+  "Supply a backed-up JSON file, encrypted with your account-specific password.": "Fournir un fichier JSON sauvegardé, chiffré avec le mot de passe de votre compte.",
+  "Swap to a non-executing approval type, with subsequent calls providing the actual call data.": "Échanger à un type d'approbation non en cours d'exécution, les appels ultérieurs fournissant les données d'appel réelles.",
+  "Switch": "Appliquer",
+  "Targets": "Cibles",
+  "Tech. committee": "Comité technique",
+  "Technical committee": "Comité technique",
+  "Test account": "Compte d'essai",
+  "The ABI for the WASM code. In this step it is optional, but setting it here simplifies the setup of contract instances.": "ABI du code WASM. Dans cette étape il est facultatif, mais le définir ici simplifie la configuration des instances de contrat.",
+  "The ABI for the WASM code. Since we will be making a call into the code, the ABI is required and stored for future operations such as sending messages.": "L'ABI pour le code WASM. Puisque nous allons faire un appel dans le code, l'ABI est requis et stocké pour des opérations futures telles que l'envoi de messages.",
+  "The ABI for the WASM code. The ABI is required and stored for future operations such as sending messages.": "L'ABI pour le code WASM. L'ABI est requis et stocké pour des opérations futures telles que l'envoi de messages.",
+  "The Ethereum address you used during the pre-sale (starting by \"0x\")": "L'adresse Ethereum que vous avez utilisée lors de la prévente (commençant par \"0x\")",
+  "The RPC node can be selected from the pre-defined list or manually entered, depending on the chain you wish to connect to.": "Le nœud RPC peut être sélectionné dans la liste prédéfinie ou saisi manuellement, selon la chaîne à laquelle vous souhaitez vous connecter.",
+  "The Threshold must be a positive number": "Le seuil doit être un nombre positif",
+  "The Threshold must lower than 11": "Le seuil doit être inférieur à 11",
+  "The UI puts a limit of 40 payouts at a time, where each payout is a single validator for a single era.": "L'interface fixe une limite de 40 paiements à la fois, chaque paiement étant un seul validateur pour une seule ère.",
+  "The account password as specified when creating the account. This is used to encrypt the backup file and subsequently decrypt it when restoring the account.": "Le mot de passe du compte tel que spécifié lors de la création du compte. Il est utilisé pour chiffrer le fichier de sauvegarde et ensuite le déchiffrer lors de la restauration du compte.",
+  "The account that signed the input": "Le compte qui a signé le message",
+  "The account that will receive the funds": "Le compte qui recevra les fonds",
+  "The account to which the proposed balance will be transferred if approved": "Le compte sur lequel le solde proposé sera transféré s'il est approuvé",
+  "The account to which the tip will be transferred if approved": "Le compte sur lequel la récompense sera transférés si elle est approuvée",
+  "The account type (derivation) to use": "Le type de compte (dérivation) à utiliser",
+  "The account type that you wish to create. This is the top-level derivation.": "Le type de compte que vous souhaitez créer. Il s'agit de la dérivation de niveau supérieur.",
+  "The account you want to claim to.": "Le compte sur lequel vous souhaitez percevoir les tokens.",
+  "The account you want to register the preimage from": "Le compte à partir duquel vous souhaitez enregistrer la pré-image",
+  "The account you want to register the proposal from": "Le compte à partir duquel vous souhaitez enregistrer la proposition",
+  "The account you will send funds from.": "Le compte depuis lequel vous souhaitez envoyer des fonds.",
+  "The account's password specified at the creation of this account.": "Le mot de passe du compte spécifié lors de la création de ce compte.",
+  "The actual JSONRPC module and function to make a call to.": "Le module JSONRPC actuel et la fonction vers laquelle effectuer un appel.",
+  "The actual account you wish to submit the bid with": "Le compte réel avec lequel vous souhaitez soumettre l'enchère",
+  "The actual fully constructed signed output. This can be used for submission via other channels.": "La sortie signée réellement construite. Cela peut être utilisé pour la soumission via d'autres canaux.",
+  "The actual proposal to make, based on the selected call and parameters thereof.": "La proposition réelle à faire, basée sur l'appel sélectionné et ses paramètres.",
+  "The address for the deployed contract instance.": "L'adresse de l'instance de contrat déployée.",
+  "The address index (derivation on account) to use": "L'index d'adresse (dérivation sur compte) à utiliser",
+  "The address index on the account that you wish to add. This is the second-level derivation.": "L'index des adresses du compte que vous souhaitez ajouter. Il s'agit de la dérivation de deuxième niveau.",
+  "The address that has previously setup a proxy to one of the accounts that you control.": "L'adresse qui a précédemment défini un proxy pour l'un des comptes que vous contrôlez.",
+  "The address that you have a valid proxy setup for.": "L'adresse pour laquelle vous disposez d'un compte proxy valide.",
+  "The address to vote from (must be a member)": "L'adresse à partir de laquelle voter (doit être membre)",
+  "The addresses that are able to approve multisig transactions. You can select up to {{maxHelpers}} trusted addresses.": "Les adresses qui peuvent approuver les transactions multisig. Vous pouvez sélectionner jusqu'à {{maxHelpers}} adresses de confiance.",
+  "The addresses that are able to help in recovery. You can select up to {{maxHelpers}} trusted helpers.": "Les adresses qui peuvent aider à la récupération. Vous pouvez sélectionner jusqu'à {{maxHelpers}} assistants de confiance.",
+  "The allotted endowment for this contract, i.e. the amount transferred to the contract upon instantiation.": "La dotation allouée pour ce contrat, c'est-à-dire le montant transféré au contrat lors de l'instanciation.",
+  "The allotted value for this contract, i.e. the amount transferred to the contract as part of this call.": "La valeur allouée pour ce contrat, c'est-à-dire le montant transféré au contrat dans le cadre de cet appel.",
+  "The amount of funds to unbond, this is adjusted using the bonded funds on the stash account.": "Le montant des fonds à dissocier, il est ajusté en utilisant les fonds cautionnés sur le compte caché.",
+  "The amount placed at-stake should allow some free funds for future transactions.": "Le montant mis en jeu devrait permettre des fonds gratuits pour de futures transactions.",
+  "The amount placed at-stake should be no more that 95% of your available amount to protect against slashing events.": "Le montant mis en jeu ne doit pas dépasser 95% de votre montant disponible à protéger contre les événements de slashing.",
+  "The amount placed at-stake should not be your full available available amount to allow for transaction fees.": "Le montant mis en jeu ne doit pas être le montant total disponible pour tenir compte des frais de transaction.",
+  "The amount reserved to store this image": "Le montant réservé pour stocker cette image",
+  "The amount that is associated with this vote. This value is is locked for the duration of the vote.": "Le montant associé à ce vote. Cette valeur est verrouillée pour la durée du vote.",
+  "The amount that will be allocated from the treasury pot": "Le montant qui sera alloué à partir de la trésorerie",
+  "The amount that will be used on a per-validator basis to calculate profits for that validator.": "Le montant qui sera utilisé par validateur pour calculer les bénéfices de ce validateur.",
+  "The amount this total can be reduced by to change the referendum outcome. This assumes changes to the convictions of the existing votes, with no additional turnout.": "Le montant de ce total peut être réduit pour modifier le résultat du référendum. Cela suppose des changements dans les condamnations des votes existants, sans participation supplémentaire.",
+  "The amount this total should be increased by to change the referendum outcome. This assumes additional turnout with new votes at 1x conviction.": "Le montant de ce total devrait être augmenté pour changer le résultat du référendum. Cela suppose une participation supplémentaire avec de nouveaux votes à 1x condamnation.",
+  "The amount to allocate and the conviction that will be applied to all votes made on a referendum.": "Le montant à allouer et la conviction qui sera appliquée à tous les votes effectués lors d'un référendum.",
+  "The amount to associate with your bid, should be less than the pot.": "Le montant à associer à votre enchère doit être inférieur au pot.",
+  "The amount to tie to your bid. The lowest bidder moves forward.": "Le montant à lier à votre enchère. Le plus bas soumissionnaire avance.",
+  "The associated deposit for this proposal should be more then the minimum on-chain deposit required. It will be locked until the proposal passes.": "Le dépôt associé pour cette proposition doit être supérieur au minimum sur- dépôt de chaîne requis. Il sera bloqué jusqu'à ce que la proposition passe.",
+  "The auto-selection is done on the current profitability of the validators taking your favorites into account. It is adjusted based on the commission and current range of backing for the validator. The calculation may and will change over time, so it is rather a selection based on the current state of the network, not a predictor of future profitability.": "l'auto-sélection se fait sur la rentabilité actuelle des validateurs en tenant compte de vos favoris. Il est ajusté en fonction de la commission et de la plage actuelle de soutien du validateur. Le calcul peut changer et changera au fil du temps, il s'agit donc plutôt d'une sélection basée sur l'état actuel du réseau, et non d'un prédicteur de rentabilité future.",
+  "The balance associated with the vote will be locked as per the conviction specified and will not be available for transfer during this period.": "Le solde associé au vote sera verrouillé selon la conviction spécifiée et sera ne sera pas disponible pour le transfert pendant cette période.",
+  "The beneficiary will have access to the transferred fees when the transaction is included in a block.": "Le bénéficiaire aura accès aux frais transférés lorsque la transaction est incluse dans un bloc.",
+  "The beneficiary will receive the full amount if the proposal passes.": "Le bénéficiaire recevra le montant total si la proposition est acceptée.",
+  "The beneficiary will received the tip as approved by council members.": "Le bénéficiaire recevra la récompense telle qu'approuvée par les membres du conseil.",
+  "The blake2b 256-bit hash of the actual input data.": "Le hash blake2b 256 bits des données d'entrée.",
+  "The bond that is reserved": "Les fonds liés que seront reservés",
+  "The bond will be reserved for the duration of your candidacy and membership.": "Le lien sera réservé pour la durée de votre candidature et de votre adhésion.",
+  "The bonded amount is less than the minimum bond amount of {{existentialDeposit}}": "Le montant garanti est inférieur que le montant minimum de la caution de {{existentialDeposit}}",
+  "The bonding duration for any staked funds. After this period needs to be withdrawn.": "La durée de cautionnement pour tout fonds jalonné. Après cette période doit être retirée.",
+  "The bonding duration for any staked funds. Needs to be unlocked and withdrawn to become available.": "La durée de cautionnement pour tout fonds jalonné. Doit être déverrouillé et retiré pour devenir disponible.",
+  "The calculated storage costs based on the size and the per-bytes fee.": "Les coûts de stockage calculés en fonction de la taille et des frais par octets.",
+  "The call data for this transaction matching the hash. Once sent, the multisig will be executed against this.": "Les données d'appel pour cette transaction correspondant au hachage. Une fois envoyé, le multisig l'exécutera.",
+  "The call data that can be supplied to a final call to multi approvals": "Les données d'appel qui peuvent être fournies à un appel final à plusieurs approbations",
+  "The call hash from the list of available and unapproved calls.": "Le hachage d'appel à partir de la liste des appels disponibles et non approuvés.",
+  "The call hashes that have not been executed as of yet.": "Les appels de hashs qui n'ont pas encore été exécutés.",
+  "The code hash for the on-chain deployed code.": "Le hash de code pour le code déployé sur la chaîne.",
+  "The code is not recognized as being in valid WASM format": "Le code n'est pas reconnu comme étant un WASM valide",
+  "The codeHash is not a valid hex hash": "Le codeHash n'est pas un hachage hexadécimal valide",
+  "The color used to distinguish this network with others, use color code with 3 or 6 digits, like \"#FFF\" or \"#111111\"": "La couleur utilisée pour distinguer ce réseau des autres, utilisez un code couleur à 3 ou 6 chiffres, comme \"#FFF\" ou \"#111111\"",
+  "The commission is deducted from all rewards before the remainder is split with nominators.": "La commission est déduite de toutes les récompenses avant que le reste ne soit partagé avec les nominateurs.",
+  "The committee account that will apply the close for the current round.": "Le compte du comité qui appliquera la clôture pour le tour en cours.",
+  "The compiled WASM for the contract that you wish to deploy. Each unique code blob will be attached with a code hash that can be used to create new instances.": "Le WASM compilé pour le contrat que vous souhaitez déployer. Chaque blob de code unique sera attaché avec un hachage de code qui peut être utilisé pour créer de nouvelles instances.",
+  "The compiled runtime WASM for the parachain you wish to register.": "Le WASM d'exécution compilé pour la Parachain que vous souhaitez enregistrer.",
+  "The compiled runtime WASM for this parachain.": "Le WASM d'exécution compilé pour cette Parachain.",
+  "The contract WASM previously deployed. Internally this is identified by the hash of the code, as either created or attached.": "Le contrat WASM précédemment déployé . En interne, cela est identifié par le hachage du code, comme étant créé ou joint.",
+  "The controller does not have sufficient funds available to cover transaction fees. Ensure that a funded controller is used.": "Le responsable du traitement ne dispose pas de fonds suffisants pour couvrir les frais de transaction. Assurez-vous qu'un contrôleur financé est utilisé.",
+  "The controller is the account that is be used to control any nominating or validating actions. I will sign this transaction.": "Le contrôleur est le compte qui sera utilisé pour contrôler toute action de nomination ou de validation. Je signerai cette transaction.",
+  "The controller is the account that will be used to control any nominating or validating actions. Should not match another stash or controller.": "Le responsable du traitement est l'accou nt qui sera utilisé pour contrôler les actions de nomination ou de validation. Ne doit pas correspondre à une autre réserve ou à un autre contrôleur.",
+  "The conviction that will be used for each delegated vote.": "La conviction utilisée pour chacun des votes délégués.",
+  "The conviction to use for this vote, with an appropriate lock period.": "La condamnation à utiliser pour ce vote, avec une période de verrouillage appropriée.",
+  "The council account for the proposal. The selection is filtered by the current members.": "Le conseil rend compte de la proposition. La sélection est filtrée par les membres actuels.",
+  "The council account for this vote. The selection is filtered by the current members.": "Le conseil compte pour ce vote. La sélection est filtrée par les membres actuels.",
+  "The council account that will apply the close for the current round.": "Le compte du conseil qui appliquera la clôture pour le tour en cours.",
+  "The council member that is proposing this, submission equates to an \"aye\" vote.": "Le membre du conseil qui propose cela, la soumission équivaut à un vote \"oui\".",
+  "The council proposal to make the vote on": "La proposition du conseil de faire le vote sur",
+  "The data that was signed. This is used in combination with the signature for the verification. It can either be hex or a string.": "Les données qui ont été signées. Ceci est utilisé en combinaison avec la signature pour la vérification. Cela peut être hexadécimal ou une chaîne.",
+  "The delay between vouching and the availability of the recovered account.": "Le délai entre la validation et la disponibilité du compte récupéré.",
+  "The delay period to apply in blocks": "Le délai à appliquer en blocs",
+  "The deployment constructor information for this contract, as provided by the ABI.": "Les informations du constructeur de déploiement pour ce contrat, telles que fournies par l'ABI .",
+  "The deposit is below the {{minimum}} minimum required for the proposal to be evaluated": "Le dépôt est inférieur au {{minimum}} minimum requis pour que la proposition soit évaluée",
+  "The deposit of {{deposit}} will be reserved until the proposal is completed": "Le dépôt de {{dépôt}} sera réservé jusqu'à ce que la proposition soit terminée",
+  "The derivation path allows you to create different accounts from the same base mnemonic.": "Le chemin de dérivation vous permet de créer différents comptes à partir de la même phrase mnémotechnique de base.",
+  "The desired threshold. Here set to a default of 50%+1, as applicable for general proposals.": "Le seuil souhaité. Ici, défini sur une valeur par défaut de 50% + 1, comme applicable pour les propositions générales.",
+  "The destination account for any payments as either a nominator or validator": "Le compte de destination pour tout paiement en tant que nominateur ou validateur",
+  "The details of the transaction including the type, the description (as available from the chain metadata) as well as any parameters and fee estimations (as available) for the specific type of call.": "Les détails de la transaction, y compris le type, la description (disponibles sur les métadonnées de la chaîne) ainsi que tous les paramètres et estimations de frais (selon disponibilité) pour le type d'appel spécifique.",
+  "The elected validator list that did not get selected by the Phragmen algorithm for this era. However they may be selected in the future.": "La liste de validateurs élus qui n'a pas été sélectionnée par l'algorithme Phragmen pour cette époque. Cependant, ils peuvent être sélectionnés à l'avenir.",
+  "The email address associated with this identity.": "L'adresse e-mail associée à cette identité.",
+  "The existing account password as specified when this account was created or when it was last changed.": "Le mot de passe du compte existant tel que spécifié lors de la création de ce compte ou lorsque il a été modifié pour la dernière fois.",
+  "The external proposal to send to the technical committee": "La proposition externe à envoyer au comité technique",
+  "The final recipient balance is less or equal to {{existentialDeposit}} (the existential amount) and will not be reflected": "Le solde du destinataire final est inférieur ou égal à {{existentialDeposit}} (le montant existentiel) et ne sera pas reflété",
+  "The full account balance to be transferred, minus the transaction fees": "Le solde total du compte à transférer, moins les frais de transaction",
+  "The funds will only be available for withdrawal after the unbonding period, however will not be part of the staked amount after the next validator election. You can follow the unlock countdown in the UI.": "Les fonds seront ne pourra être retiré qu'après la période de non-consolidation, mais ne fera pas partie du montant misé après la prochaine élection du validateur. Vous pouvez suivre le compte à rebours de déverrouillage dans l'interface utilisateur.",
+  "The hash for the proposal this vote applies to": "Le hash de la proposition à laquelle ce vote s'applique",
+  "The hash of the preimage for the proposal as previously submitted or intended.": "Le hachage de la pré-image de la proposition telle que précédemment soumise ou prévue.",
+  "The hash of the proposal image, either already submitted or valid for the specific call.": "Le hash de l'image de la proposition, soit déjà soumis ou valide pour l'appel spécifique.",
+  "The hash of the selected proposal, use it for submitting the proposal": "Le hachage de la proposition sélectionnée, utilisez-le pour soumettre la proposition",
+  "The helpers should be able to verify, via an off-chain mechanism, that the account owner indeed wishes to recover access and as such provide any approvals. In the cases of malicious recovery procedures, they will have the power to stop it.": "Les assistants devraient pouvoir vérifier, via un mécanisme hors chaîne, que le titulaire du compte souhaite bien récupérer l'accès à son compte et à ce titre fournir toutes les approbations. Dans le cas de procédures de récupération malveillantes, ils auront le pouvoir de l'arrêter.",
+  "The hex output from author_rotateKeys, as executed on the validator node. The keys will show as pending until applied at the start of a new session.": "La sortie hexadécimale de author_rotateKeys, telle qu'exécutée sur le nœud de validation. Les clés seront affichées comme en attente jusqu'à ce qu'elles soient appliquées au début d'une nouvelle session.",
+  "The id number to assign to this parachain.": "Le numéro d'identification à attribuer à cette Parachain.",
+  "The id of the parachain to be deregistered.": "L'identifiant de la Parachain à désenregistrer.",
+  "The image (proposal) will be stored on-chain against the hash of the contents.": "L'image (proposition) sera stocké sur la chaîne par rapport au hachage du contenu.",
+  "The initial head state for the parachain.": "L'état principal initial de la Parachain.",
+  "The initial head state is invalid.": "L'état principal initial n'est pas valide.",
+  "The input data to hash. This can be either specified as a hex value (0x-prefix) or as a string.": "Les données d'entrée à hacher. Cela peut être spécifié sous forme de valeur hexadécimale (préfixe 0x) ou sous forme de chaîne.",
+  "The input data to sign. This can be either specified as a hex value (0x-prefix) or as a string.": "Les données d'entrée à signer. Cela peut être spécifié sous forme de valeur hexadécimale (préfixe 0x) ou sous forme de chaîne.",
+  "The key type and crypto type to use for this key. Be aware that different keys have different crypto requirements. You should be familiar with the type requirements for the different keys.": "Le type de clé et le type de chiffrement à utiliser pour cette clé. Sachez que différentes clés ont des exigences cryptographiques différentes. Vous devez connaître les exigences de type pour les différentes clés.",
+  "The legal name for this identity.": "Nom légal pour cette identité.",
+  "The local name for this account. Changing this does not affect your on-line identity, so this is only used to indicate the name of the account locally.": "Le nom local de ce compte. La modification de cette valeur n'affecte pas votre identité en ligne, elle n'est donc utilisée que pour indiquer le nom du compte localement, sur cet ordinateur.",
+  "The locked value for this proposal": "La valeur verrouillée pour cette proposition",
+  "The maximum amount of gas that can be used by this call. If the code requires more, the call will fail.": "La quantité maximale de gas pouvant être utilisée par cet appel. Si le code nécessite plus, l'appel échouera.",
+  "The maximum amount of gas that can be used by this deployment, if the code requires more, the deployment will fail.": "La quantité maximale de gas qui peut être utilisée par ce déploiement, si le code en nécessite plus, le déploiement échouera.",
+  "The maximum amount of gas to use for this contract call. If the call requires more, it will fail.": "La quantité maximale de gas à utiliser pour cet appel de contrat. Si l'appel nécessite plus, il échouera.",
+  "The maximum amount you can delegate is the amount of funds available on the delegating account.": "Le montant maximal que vous pouvez déléguer est le montant des fonds disponibles sur le compte délégataire.",
+  "The message to send to this contract. Parameters are adjusted based on the ABI provided.": "Le message à envoyer à ce contrat. Les paramètres sont ajustés en fonction de l'ABI fourni.",
+  "The minimum amount that an account should have to be deemed active": "Le montant minimum qu'un compte devrait devoir être considéré comme actif",
+  "The minimum amount that will be bonded": "Le montant minimum qui sera cautionné",
+  "The minimum deposit required": "Le dépôt minimum requis",
+  "The minimum number of committee votes required to approve this motion": "Le nombre minimum de votes de comité requis pour approuver cette motion",
+  "The minimum number of council votes required to approve this motion": "Le nombre minimum de votes du conseil requis pour approuver cette motion",
+  "The multisig signatory for this transaction.": "Le signataire multisig pour cette transaction.",
+  "The name for this account and how it will appear under your addresses. With an on-chain identity, it can be made available to others.": "Le nom de ce compte et comment il va apparaissent sous vos adresses. Avec une identité en chaîne, elle peut être mise à la disposition d'autres personnes.",
+  "The name is for unique identification of the account in your owner lists.": "Le nom sert à l'identification unique du compte dans vos listes de propriétaires.",
+  "The name that will be displayed in your accounts list.": "Le nom qui sera affiché dans votre liste de comptes .",
+  "The network from which this account was originally generated is different than the network you are currently connected to. Once imported ensure you toggle the \"allow on any network\" option for the account to keep it visible on the current network.": "Le réseau à partir duquel ce compte a été généré à l'origine est différent du réseau auquel vous êtes actuellement connecté. Une fois importé, assurez-vous d'activer l'option «Autoriser sur n'importe quel réseau» pour que le compte reste visible sur le réseau actuel.",
+  "The new account password. Once set, all future account unlocks will be performed with this new password.": "Le nouveau mot de passe du compte. Une fois défini, tous les futurs déverrouillages de compte seront effectués avec ce nouveau mot de passe.",
+  "The on-chain percentage for the treasury": "Le pourcentage en chaîne pour la trésorerie",
+  "The operation type to apply. For approvals both non-final and final approvals are supported.": "Le type d'opération à appliquer. Pour les approbations non définitives et les approbations finales sont prises en charge.",
+  "The password and password confirmation for this account. This is required to authenticate any transactions made and to encrypt the keypair.": "Le mot de passe et la confirmation du mot de passe pour ce compte. Ceci est requis pour authentifier les transactions effectuées et pour chiffrer la paire de clés.",
+  "The password previously used to encrypt this account.": "Le mot de passe précédemment utilisé pour chiffrer ce compte.",
+  "The password to unlock the selected account.": "Le mot de passe pour déverrouiller le compte sélectionné.",
+  "The percentage reward (0-100) that should be applied for the validator": "Le pourcentage de récompense (0-100) qui doit être appliqué pour le validateur",
+  "The preimage hash of the proposal": "Le hash de la préimage de la proposition",
+  "The private key for your account is derived from this seed. This seed must be kept secret as anyone in its possession has access to the funds of this account. If you validate, use the seed of the session account as the \"--key\" parameter of your node.": "La clé privée de votre compte est dérivée de cette graine. Cette graine doit être gardée secrète car toute personne en sa possession a accès aux fonds de ce compte. Si vous validez, utilisez la valeur de départ du compte de session comme paramètre \"- key\" de votre nœud.",
+  "The proposal is in the queue for future referendums. One proposal from this list will move forward to voting.": "La proposition est dans la file d'attente pour les futurs référendums. Une proposition de cette liste passera au vote.",
+  "The proposal that is being voted on. It will pass when the threshold is reached.": "La proposition qui fait l'objet d'un vote. Il passera lorsque le seuil sera atteint.",
+  "The proposal that will be affected. Once closed for the current voting round, it would need to be re-submitted for a subsequent voting round.": "La proposition qui sera affectée. Une fois fermé pour le tour de scrutin en cours, il devra être soumis à nouveau pour un tour de scrutin ultérieur.",
+  "The proposal that will be affected. Once closed for the current voting round, it would need to be re-submitted to council for a subsequent voting round.": "La proposition qui sera affectée. Une fois clôturée pour le tour de scrutin en cours, il devra être soumis à nouveau au conseil pour un tour de vote suivant.",
+  "The proposal will be registered from this account and the balance lock will be applied here.": "La proposition sera enregistrée à partir de ce compte et le blocage du solde sera appliqué ici.",
+  "The proxy is one of the allowed proxies on the account, as set and filtered by the transaction type.": "La procuration est l'un des proxys autorisés sur le compte, tel que défini et filtré par le type de transaction.",
+  "The proxy to be used for this transaction.": "Le proxy à utiliser pour cette transaction.",
+  "The reason why this tip should be paid.": "La raison pour laquelle cette récompense doit être payée.",
+  "The recoverable account is protected against the loss of seed/access by a social process.": "Le compte récupérable est protégé contre la perte de clé privée par un processus de récupération social.",
+  "The resulting signature of the input data, as done with the crypto algorithm from the account. (This could be non-deterministic for some types such as sr25519).": "La signature résultante des données d'entrée, comme cela a été fait avec l'algorithme de cryptage du compte. (Cela peut être non déterministe pour certains types tels que sr25519).",
+  "The scheduling preference for this parachain.": "La préférence de planification pour cette Parachain.",
+  "The scheduling setting for this parachain.": "Le paramètre de planification pour cette Parachain.",
+  "The secret seed value for this account. Ensure that you keep this in a safe place, with access to the seed you can re-create the account.": "La graine secrète pour ce compte. Assurez-vous de conserver cela dans un endroit sûr, avec l'accès à cette graine, vous pouvez recréer le compte.",
+  "The seed and derivation path will be submitted to the validator node. this is an advanced operation, only to be performed when you are sure of the security and connection risks.": "Le chemin de la valeur de départ et de la dérivation sera soumis au nœud de validation. il s'agit d'une opération avancée, à effectuer uniquement lorsque vous êtes sûr des risques de sécurité et de connexion.",
+  "The selected account to be unlocked.": "Le compte sélectionné à déverrouiller.",
+  "The selected account to perform the derivation on.": "Le compte sélectionné sur lequel effectuer la dérivation.",
+  "The selected controller tied to this stash. Once set, this account will be able to control the actions performed by the stash account.": "Le contrôleur sélectionné est lié à cette cachette. Une fois défini, ce compte pourra contrôler les actions effectuées par le compte caché.",
+  "The selected validators to nominate, either via the \"currently best algorithm\" or via a manual selection.": "Les validateurs sélectionnés à désigner, soit via le \"meilleur algorithme actuellement\" ou via une sélection manuelle.",
+  "The sending account that will be used to send this transaction. Any applicable fees will be paid by this account.": "L'envoi compte qui sera utilisé pour envoyer cette transaction. Tous les frais applicables seront payés par ce compte.",
+  "The signatories has the ability to create transactions using the multisig and approve transactions sent by others.Once the threshold is reached with approvals, the multisig transaction is enacted on-chain.": "Les signataires ont la possibilité de créer des transactions à l'aide du multisig et d'approuver les transactions envoyées par d'autres. Une fois le seuil atteint avec les approbations, la transaction multisig est exécutée en chaîne.",
+  "The signatory is one of the allowed accounts on the multisig, making a recorded approval for the transaction.": "Le signataire est l'un des comptes autorisés sur le multisig, faisant une approbation enregistrée pour la transaction.",
+  "The signatory is one of the allowed accounts on the multisig. The transaction could either be the call or an approval for the hash of a call.": "Le signataire est l'un des comptes autorisés sur le multisig. La transaction peut être un appel ou une approbation pour le hachage d'un appel.",
+  "The signatory to send the approval/cancel from": "Le signataire à qui envoyer l'approbation / l'annulation",
+  "The signature as by the account being checked, supplied as a hex-formatted string.": "La signature du compte en cours de vérification, fournie sous forme de chaîne au format hexadécimal.",
+  "The specific eras on which there are unapplied slashes. For each era a separate proposal is to be made.": "Les époques spécifiques sur lesquelles il y a des slash non appliqués. Pour chaque époque, une proposition distincte doit être faite.",
+  "The specified value is greater than the recommended amount. You may not be adequately protected against slashing events or have funds for future fees.": "La valeur spécifiée est supérieure à la quantité recommandée. Il se peut que vous ne soyez pas suffisamment protégé contre les événements de slashing ou que vous ne disposiez pas de fonds pour les frais futurs.",
+  "The specified value is greater than your free balance. The node will bond the maximum amount available.": "La valeur spécifiée est supérieure à votre solde libre. Le nœud liera le montant maximum disponible.",
+  "The specified value is too large and does not allow funds to pay future transaction fees.": "La valeur spécifiée est trop élevée et ne permet pas aux fonds de payer les frais de transaction futurs.",
+  "The stash account that is used. This will allow the controller to perform all non-funds related operations on behalf of the account.": "Le compte de réserve utilisé. Cela permettra au contrôleur d'effectuer toutes les opérations non liées aux fonds pour le compte du compte.",
+  "The stash and controller pair as linked. This operation will be performed via the controller.": "La paire cachette et contrôleur est liée. Cette opération sera effectuée via le contrôleur.",
+  "The stash and controller pair, here the controller will be used to send the transaction.": "La paire de cache et de contrôleur, ici le contrôleur sera utilisé pour envoyer la transaction.",
+  "The stash and controller pair. This transaction, managing preferences, will be sent from the controller.": "La paire réserve et contrôleur. Cette transaction, gérant les préférences, sera envoyée depuis le contrôleur.",
+  "The stash and controller pair. This transaction, setting the session keys, will be sent from the controller.": "La paire réserve et contrôleur. Cette transaction, définissant les clés de session, sera envoyée à partir du contrôleur.",
+  "The stash that is to be affected. The transaction will be sent from the associated controller account.": "La réserve qui doit être affecté. La transaction sera envoyée depuis le compte du contrôleur associé.",
+  "The suggested value for this tip": "La valeur suggérée pour cette récompense",
+  "The threshold for approval should be less or equal to the number of signatories for this multisig.": "Le seuil d'approbation doit être inférieur ou égal au nombre de signataires pour ce multisig.",
+  "The threshold for approvals and the delay is the protection associated with the account. The delay should be such that any colluding recovery attempts does have a window to stop.": "Le seuil pour les approbations et le délai est la protection associée au compte. Le délai doit être tel que toute tentative de récupération collusoire ait une fenêtre pour s'arrêter.",
+  "The threshold for this multisig": "Le seuil pour ce multisig",
+  "The threshold of vouches that is to be reached for the account to be recovered.": "Le seuil de garanties qui est à atteindre pour que le compte soit récupéré.",
+  "The tip amount that should be allocated": "Le montant de la récompense à allouer",
+  "The total amount of the stash balance that will be at stake in any forthcoming rounds (should be less than the free amount available)": "Le montant total du solde de réserve qui sera en jeu dans les prochains tours (devrait être inférieur au montant gratuit disponible)",
+  "The total amount of the stash balance that will be at stake in any forthcoming rounds (should be less than the total amount available)": "Le montant total du solde de réserve qui sera en jeu lors des prochains tours (doit être inférieur au montant total disponible)",
+  "The transferred balance will be subtracted (along with fees) from the sender account.": "Le solde transféré sera soustrait (avec les frais) du compte de l'expéditeur.",
+  "The twitter name for this identity.": "Le nom Twitter de cette identité.",
+  "The type of council proposal to submit.": "Le type de proposition du conseil à soumettre.",
+  "The unapplied slashed era to cancel.": "L'ère de l'annulation des slashs.",
+  "The unchecked weight as specified for the sudoUncheckedWeight call.": "Le poids non vérifié tel que spécifié pour l'appel sudoUncheckedWeight.",
+  "The validators selected by the Phragmen algorithm to nominate for this era.": "Les validateurs sélectionnés par l'algorithme Phragmen pour nommer pour cette ère.",
+  "The validators that are not in the validator set because they need more nominations or because they have willingly stopped validating. Any nominations made before the next election will also appear here.": "Les validateurs qui ne sont pas dans l'ensemble de validateurs parce qu'ils ont besoin de plus de nominations ou parce qu'ils ont volontairement arrêté de valider. Toutes les candidatures faites avant la prochaine élection apparaîtront également ici.",
+  "The validators that are over-subscribed, only the top 64 backing stake will be rewarded.": "Les validateurs qui sont sur-souscrits, seuls les 64 meilleurs appuis seront récompensés.",
+  "The validators that got slashed and for which your nomination got auto-chilled. Re-nominating these will make them available to the Phragmen algorithm.": "Les validateurs qui ont été supprimés et pour lesquels votre nomination a été automatiquement refroidie. Les renommer les rendra disponibles pour l'algorithme Phragmen.",
+  "The value associated with this vote. The amount will be locked (not available for transfer) and used in all subsequent elections.": "La valeur associée à ce vote. Le montant sera verrouillé (non disponible pour le transfert) et utilisé dans toutes les élections ultérieures.",
+  "The value is not in a valid address format": "La valeur n'est pas valide format d'adresse",
+  "The value is the amount that is being asked for and that will be allocated to the beneficiary if the proposal is approved.": "La valeur est le montant demandé et qui sera allo cédé au bénéficiaire si la proposition est approuvée.",
+  "The vote to record for this proposal, either for or against.": "Le vote à enregistrer pour cette proposition, pour ou contre.",
+  "The vote will be recorded for the selected account.": "Le vote sera enregistré pour le compte sélectionné.",
+  "The vote will be recorded for this account. If another account delegated to this one, the delegated votes will also be counted.": "Le vote sera enregistré pour ce compte . Si un autre compte délégué à celui-ci, les votes délégués seront également comptabilisés.",
+  "The votes for the members, runner-ups and candidates. These should be ordered based on your priority.": "Les votes des membres, des finalistes et des candidats. Celles-ci doivent être classées en fonction de votre priorité.",
+  "The voting period to apply in blocks": "La période de vote pour postuler par blocs",
+  "There an no unapplied/pending slashes": "Il n'y a pas de sabrage en attente ou non appliqué",
+  "There are no pending proposals": "Il n'y a aucune proposition en attente",
+  "There are no registered parachains": "Il n'y a pas de Parachain enregistrés",
+  "There are no unapplied/pending slashes": "Il n'y a pas de sabrage non appliqué / en attente",
+  "There is currently an ongoing election for new validator candidates. As such staking operations are not permitted.": "Il y a actuellement une élection en cours pour les nouveaux candidats validateurs . En tant que telles, les opérations d'investissement ne sont pas autorisées.",
+  "These are trusted individuals that can verify and approve any recovery actions. With recovery, once the threshold is reached, the funds associated with the account can be moved to a new destination.": "Ce sont des personnes de confiance qui peuvent vérifier et approuver toute action de récupération. Avec la récupération, une fois le seuil atteint, les fonds associés au compte peuvent être déplacés vers une nouvelle destination.",
+  "These validators are active but only the top {{max}} nominators by backing stake will be receiving rewards. The nominating stash is not one of those to be rewarded in the current era.": "Ces validateurs sont actifs, mais seuls les {{max}} meilleurs nominateurs par mise de soutien recevront des récompenses. Le stock de nomination n'est pas l'un de ceux qui doivent être récompensés à l'époque actuelle.",
+  "Think of the stash as your cold wallet and the controller as your hot wallet. Funding operations are controlled by the stash, any other non-funding actions by the controller itself.": "Considérez la réserve comme votre portefeuille froid et le contrôleur comme votre portefeuille chaud. Les opérations de financement sont contrôlées par la réserve, toutes les autres actions non financières par le contrôleur lui-même.",
+  "This Ethereum address does not have a claim.": "Cette adresse Ethereum ne peut percevoir aucun token.",
+  "This account has a governance delegation": "Ce compte possède des compte délégés pour la gouvernance",
+  "This account has {{proxyNumber}} proxy set.": "Ce compte possède {{proxyNumber}} compte(s) proxy.",
+  "This account is recoverable, with the following friends:": "Ce compte est récupérable, avec les amis suivants:",
+  "This account that will perform the message signing.": "Ce compte qui effectuera la signature du message.",
+  "This account will appear in the list of candidates. With enough votes in an election, it will become either a runner-up or a council member.": "Ce compte sera apparaissent dans la liste des candidats. Avec suffisamment de votes lors d'une élection, il deviendra soit un finaliste, soit un membre du conseil.",
+  "This account will be use to approve each candidate.": "Ce compte sera utilisé pour approuver chaque candidat.",
+  "This account will make the proposal and be responsible for the bond.": "Ce compte fera la proposition et sera responsable du lien.",
+  "This account will pay the fees for the preimage, based on the size thereof.": "Ce compte paiera les frais pour la pré-image, en fonction de sa taille.",
+  "This contracts interface only supports Substrate 2.0 with contracts using Ink! 3.0-rc1 and newer.": "Cette interface de contrats ne prend en charge que Substrate 2.0 avec des contrats utilisant ink! 3.0-rc1 et plus récent.",
+  "This could either be an approval for the hash or with full call details. The call as last approval triggers execution.": "Cela peut être une approbation pour le hachage ou avec les détails complets de l'appel. L'appel en tant que dernière approbation déclenche l'exécution.",
+  "This external account cannot be used to sign data. Only Limited support is currently available for signing from any non-internal accounts.": "Ce compte externe ne peut pas être utilisé pour signer des données. Seule une prise en charge limitée est actuellement disponible pour la signature à partir de comptes non internes.",
+  "This injected account cannot be used to sign data since the extension does not support raw signing.": "Ce compte injecté ne peut pas être utilisé pour signer des données car l'extension ne prend pas en charge la signature brute.",
+  "This is a developer tool that allows you to execute selected snippets in a limited context.": "Il s'agit d'un outil de développement qui vous permet d'exécuter les éléments sélectionnés dans un context limité.",
+  "This is not a valid JSON object.": "Ceci n'est pas un objet JSON valide.",
+  "This is the ABI as supplied. Any calls to the contract will use this information for encoding.": "Ceci est l'ABI tel que fourni. Tout appel au contrat utilisera ces informations pour l'encodage.",
+  "This operation does not impact the associated on-chain code or any of its contracts.": "Cette opération n'a aucun impact sur le code on-chain associé ou l'un de ses contrats.",
+  "This operation does not remove the history of the account from the chain, nor any associated funds from the account. The forget operation only limits your access to the account on this browser.": "Cette opération ne supprime pas l'historique du compte de la chaîne, ni aucun fonds associé du compte. L'opération d'oubli limite uniquement votre accès au compte sur ce navigateur.",
+  "This operation does not remove the history of the account from the chain, nor any associated funds from the account. The forget operation only limits your access to the address on this browser.": "Cette opération ne supprime pas l'historique du compte de la chaîne, ni les fonds associés du compte. L'opération d'oubli limite uniquement votre accès à l'adresse sur ce navigateur.",
+  "This operation does not remove the history of the contract from the chain, nor any associated funds from its account. The forget operation only limits your access to the contract on this browser.": "Cette opération ne supprime pas l'historique du contrat de la chaîne, ni les fonds associés de son compte. L'opération d'oubli limite uniquement votre accès au contrat sur ce navigateur.",
+  "This operation does not remove the uploaded code WASM and ABI from the chain, nor any deployed contracts. The forget operation only limits your access to the code on this browser.": "Cette opération ne supprime pas le code téléchargé WASM et ABI de la chaîne, ni les contrats déployés. L'opération d'oubli limite uniquement votre accès au code sur ce navigateur.",
+  "This operation will submit the seed via an RPC call. Do not perform this operation on a public RPC node, but ensure that the node is local, connected to your validator and secure.": "Cette opération soumettra la graine via un appel RPC. N'effectuez pas cette opération sur un nœud RPC public, mais assurez-vous que le nœud est local, connecté à votre validateur et sécurisé.",
+  "This password is used to encrypt your private key. It must be strong and unique! You will need it to sign transactions with this account. You can recover this account using this password together with the backup file (generated in the next step).": "Ce mot de passe est utilisé pour chiffrer votre clé privée. Il doit être fort et unique! Vous en aurez besoin pour signer des transactions avec ce compte. Vous pouvez récupérer ce compte en utilisant ce mot de passe avec le fichier de sauvegarde (généré à l'étape suivante).",
+  "This poll is setup to judge the sentiment of the Polkadot token holders in adjusting the number of decimals that is used to identify one full DOT. It does not change the overall supply, but rather just allows for a different representation of the current supply.": "Ce sondage est configuré pour juger du sentiment des détenteurs de jetons Polkadot en ajustant le nombre de décimales qui est utilisé pour identifier un plein POINT. Cela ne modifie pas l'offre globale, mais permet simplement une représentation différente de l'offre actuelle.",
+  "This pubic key is what will be visible in your queued keys list. It is generated based on the seed and the crypto used.": "Cette clé publique est ce qui sera visible dans votre liste de clés en file d'attente. Il est généré sur la base de la graine et de la cryptographie utilisée.",
+  "This vote does not affect any economics of the Polkadot platform. Staking rewards, inflation, effective market capitalisation and the underlying balances of every account remain completely unchanged. It is \"merely\" about what units we use to denominate the balances into \"DOT\" for the purpose of display.": "Ce vote n'affecte aucune économie de la plate-forme Polkadot. Les récompenses de mise, l'inflation, la capitalisation boursière effective et les soldes sous-jacents de chaque compte restent complètement inchangés. Il s'agit \"simplement\" des unités que nous utilisons pour dénommer les soldes en \"DOT\" à des fins d'affichage.",
+  "This will apply to any future use of this account as stored on this browser. Ensure that you securely store this new password and that it is strong and unique to the account.": "Cela s'appliquera à toute utilisation future de ce compte tel qu'il est stocké sur ce navigateur. Assurez-vous que vous stockez en toute sécurité ce nouveau mot de passe et qu'il est fort et unique pour le compte.",
+  "Tip": "Récompense",
+  "Tip (optional)": "Pourboire (facultatif)",
+  "Tippers ({{count}})": "Participants à la récompense ({{count}})",
+  "Tips": "Récompenses",
+  "To council": "Vers le conseil",
+  "To ensure optimal fund security using the same stash/controller is strongly discouraged, but not forbidden.": "Pour assurer une sécurité optimale des fonds en utilisant le même stash / contrôleur est fortement déconseillé, mais pas interdit.",
+  "Total amount of fund that will be reserved. These funds are returned when the identity is cleared": "Montant total du fonds qui sera réservé. Ces fonds sont restitués lorsque l'identité est effacée",
+  "Transfer": "Transférer",
+  "Transfer an amount from a specific account into a parachain.": "Transférez un montant d'un compte spécifique vers une Parachain.",
+  "Transfer the full account balance, reap the sender": "Transférer le solde complet du compte, cela supprimera le compte débiteur.",
+  "Transfer to chain": "Transférez vers la blockchain.",
+  "Transfer to parachain": "Transférez vers une Parachain.",
+  "Transfer with account keep-alive checks": "Transfert en prenant en veillant à ne pas supprimer le compte débiteur.",
+  "Translate": "Traduire",
+  "Treasury overview": "Vue d'ensemble de la trésorerie",
+  "Type here what you would like your address to contain. This tool will generate the keys and show the associated addresses that best match your search. You can use \"?\" as a wildcard for a character.": "Tapez ici ce que vous souhaitez que votre adresse contienne . Cet outil générera les clés et affichera les adresses associées qui correspondent le mieux à votre recherche. Vous pouvez utiliser \"?\" comme caractère générique.",
+  "Type the amount you want to transfer. Note that you can select the unit on the right e.g sending 1 milli is equivalent to sending 0.001.": "Tapez le montant que vous souhaitez transférer. Notez que vous pouvez sélectionner l'unité à droite. Par exemple, envoyer 1 milli équivaut à envoyer 0,001.",
+  "Type the name of this Asset. This name will be used across all the apps. It can be edited later on.": "Saisissez le nom de cet élément. Ce nom sera utilisé dans toutes les applications. Il pourra être modifié ultérieurement.",
+  "Type the name of your contact. This name will be used across all the apps. It can be edited later on.": "Saisissez le nom de votre contact. Ce nom sera utilisé dans toutes les applications. Il pourra être modifié ultérieurement.",
+  "Type the password chosen at the account creation. It was used to encrypt your account's private key in the backup file.": "Saisissez le mot de passe choisi lors de la création du compte. Il a été utilisé pour chiffrer la clé privée de votre compte dans le fichier de sauvegarde.",
+  "Unable to find deployed contract code at the specified address": "Impossible de trouver le code de contrat déployé à l'adresse spécifiée",
+  "Unable to find on-chain WASM code for the supplied codeHash": "Impossible de trouver le code WASM en chaîne pour le codeHash fourni",
+  "Unable to retrieve the specified block details. {{error}}": "Impossible de récupérer les détails du bloc spécifié. {{error}}",
+  "Unbid": "Retierer l'enchère",
+  "Unbond": "Délier",
+  "Unbond funds": "Fonds déliés",
+  "Unbonding {{value}}": "Déliaison {{value}}",
+  "Uncaught error. Something went wrong with the query and rendering of this component. {{message}}": "Une erreur non interceptée. Une erreur s'est produite avec la requête et le rendu de ce composant. {{message}}",
+  "Undelegate": "Supprimer la déléguation",
+  "Understood, close this": "J'ai compris, fermer",
+  "Unit": "Unité",
+  "Unit decides the name of 1 unit token, e.g. \"DOT\" for Polkadot": "Unité décide du nom d'un jeton d'unité, par ex. \"DOT\" pour Polkadot",
+  "Unknown": "Inconnu",
+  "Unknown Chain": "Chaîne inconnue",
+  "Unknown Owner": "Propriétaire inconnu",
+  "Unless you are a developer with insight into what the specific script does to your environment (based on reading the code being executed) generally the advice would be to not use this environment.": "Sauf si vous êtes un développeur sachant ce que le script éxéctue (basé sur la lecture du code en cours d'exécution ) généralement le conseil serait de ne pas utiliser cet environnement.",
+  "Unlock": "Déverrouiller",
+  "Unlock account": "Déverrouiller le compte",
+  "Unlock the account for signing. Once active the signature will be generated based on the content provided.": "Déverrouiller le compte pour la signature. Une fois active, la signature sera générée en fonction du contenu fourni.",
+  "Unlock the sending account to allow signing of this transaction.": "Déverrouiller le compte d'envoi pour permettre la signature de cette transaction.",
+  "Unlock vested amount": "Déverrouiller le montant acquis",
+  "Unvote all": "Retirer tous les votes",
+  "Upcoming events": "Évènements à venir",
+  "Update metadata": "Mettre à jour les métadonnées",
+  "Updated in the latest block": "Mise à jour au dernier bloc",
+  "Upload": "Soumettre",
+  "Upload WASM": "Soumettre WASM",
+  "Use a proxy for this call": "Utiliser un proxy pour cet appel",
+  "Use an automatic selection of the currently most profitable validators": "Utilisez une sélection automatique des validateurs actuellement les plus rentables",
+  "Use this account to request the tip from. This can be a normal or council account.": "Utilisez ce compte pour demander le conseil. Il peut s'agir d'un compte normal ou d'un compte de conseil.",
+  "Validate": "Valider",
+  "Validator": "Validateur",
+  "Validator stats": "Statistiques du validateur",
+  "Vanity generator": "Générateur d'adresses",
+  "Verify signature": "Vérifier la signature",
+  "Verify the password entered above.": "Vérifier le mot de passe saisi ci-dessus.",
+  "View this externally": "Voir dans",
+  "Vote": "Voter",
+  "Vote Aye": "Voter Oui",
+  "Vote Nay": "Voter Non",
+  "Vote for candidate": "Voter pour le candidat",
+  "Vote for current candidates": "Voter pour les candidats actuels",
+  "Vote for defender": "Voter pour le défenseur",
+  "Vote on proposal": "Voter sur la proposition",
+  "Voting": "Voter",
+  "Voting closed": "Vote clos",
+  "Voting costs nothing other than the transaction fee and can be done from all accounts with a non-zero spendable balance.": "Le vote ne coûte rien d'autre que la transaction frais et peut être effectué à partir de tous les comptes avec un solde à dépenser non nul.",
+  "Voting ends for referendum {{id}}": "Le vote se termine pour le référendum {{id}}",
+  "Voting ends on council motion {{id}}": "Le vote se termine sur la motion du conseil {{id}}",
+  "Voting is made on a per-account basis; a single account must all vote the same way and cannot split its vote.": "Le vote est effectué par compte; un seul compte doit tous voter de la même manière et ne peut pas partager son vote.",
+  "Waiting": "En attente",
+  "Waiting for authorization from the extension. Please open the installed extension and approve or reject access.": "En attente d'autorisation de l'extension. Veuillez ouvrir l'extension installée et approuver ou refuser l'accès.",
+  "Waiting nominations ({{count}})": "En attente de nominations ({{count}})",
+  "Warning: we did not find any attest statement for {{chain}}": "Avertissement: nous n'avons trouvé aucune déclaration d'attestation pour {{chain}}",
+  "We found a pre-claim with this Polkadot address. However, attesting requires signing with this account. To continue with attesting, please add this account as an owned account first.": "Nous avons trouvé une pré-réclamation avec cette adresse Polkadot. Cependant, l'attestation nécessite une signature avec ce compte. Pour continuer avec l'attestation, veuillez d'abord ajouter ce compte en tant que compte détenu.",
+  "We will provide you with a generated backup file after your account is created. As long as you have access to your account you can always download this file later by clicking on \"Backup\" button from the Accounts section.": "Un fichier de sauvegarde sera généré après la création de votre compte. Tant que vous avez accès à votre compte, vous pouvez toujours télécharger ce fichier ultérieurement en cliquant sur le bouton \"Sauvegarder\" dans la section Comptes.",
+  "When submitting a proposal the hash needs to be known. Proposals can be submitted with hash-only, but upon dispatch the preimage needs to be available.": "Lors de la soumission d'une proposition, le hachage doit être connu. Les propositions peuvent être soumises avec hachage uniquement, mais lors de l'envoi, la pré-image doit être disponible.",
+  "With the ABI updates, there may still be dragons... the new ABI formats are a complete departure and required a lot of under-the-hood changes. So when something doesn't quite work as expected, please let us know via GH issues.": "Avec les mises à jour ABI, il peut encore y avoir des soucis ... les nouveaux formats ABI sont un changement complet et ont nécessité beaucoup de changements sous le capot. Donc, si quelque chose ne fonctionne pas comme prévu, veuillez nous le faire savoir via une issue GitHub.",
+  "With the keep-alive option set, the account is protected against removal due to low balances.": "Avec l'option Keep-alive définie, le compte est protégé contre la suppression en raison de soldes faibles.",
+  "Withdraw these unbonded funds": "Retirer ces fonds non liés",
+  "Withdraw unbonded funds": "Retirer des fonds non liés",
+  "Yes": "Oui",
+  "You are about to remove this account from your list of available accounts. Once completed, should you need to access it again, you will have to re-create the account either via seed or via a backup file.": "Vous êtes sur le point de supprimer ce compte de votre liste de comptes disponibles. Une fois terminé, si vous avez besoin d'y accéder à nouveau, vous devrez recréer le compte soit via seed, soit via un fichier de sauvegarde.",
+  "You are about to remove this address from your address book. Once completed, should you need to access it again, you will have to re-add the address.": "Vous êtes sur le point de supprimer cette adresse de votre carnet d'adresses. Une fois terminé, si vous avez besoin d'y accéder à nouveau, vous devrez rajouter l'adresse.",
+  "You are about to remove this code from your list of available code hashes. Once completed, should you need to access it again, you will have to manually add the code hash again.": "Vous êtes sur le point de supprimer ce code de votre liste de hachages de code disponibles. Une fois terminé, si vous avez besoin d'y accéder à nouveau, vous devrez à nouveau ajouter manuellement le hachage de code.",
+  "You are about to remove this code's ABI. Once completed, should you need to access it again, you will have to manually re-upload it.": "Vous êtes sur le point de supprimer l'ABI de ce code. Une fois terminé, si vous avez besoin d'y accéder à nouveau, vous devrez le télécharger à nouveau manuellement.",
+  "You are about to remove this contract from your list of available contracts. Once completed, should you need to access it again, you will have to manually add the contract's address in the Instantiate tab.": "Vous êtes sur le point de supprimer ce contrat de votre liste de contrats disponibles. Une fois terminé, si vous devez y accéder à nouveau, vous devrez ajouter manuellement l'adresse du contrat dans l'onglet Instancier.",
+  "You are connecting from a secure location to an insecure WebSocket ({{wsUrl}}). Due to browser mixed-content security policies this connection type is not allowed. Change the RPC service to a secure 'wss' endpoint.": "Vous vous connectez depuis un site sécurisé à un WebSocket non sécurisé ({{wsUrl}}). En raison des politiques de sécurité de contenu mixte du navigateur, ce type de connexion n'est pas autorisé. Remplacez le service RPC par un point de terminaison sécurisé 'wss'.",
+  "You are not connected to a node. Ensure that your node is running and that the Websocket endpoint is reachable.": "Vous n'êtes pas connecté à un nœud. Assurez-vous que votre nœud est en cours d'exécution et que le point de terminaison Websocket est accessible.",
+  "You are using an ABI with an outdated format. Please generate a new one.": "Vous utilisez une ABI avec un format obsolète. Veuillez en générer un nouveau.",
+  "You are voting with this collective's prime account. The vote will be the default outcome in case of any abstentions.": "Vous votez avec le compte principal de ce collectif. Le vote sera le résultat par défaut en cas d'abstention.",
+  "You can indicate your vote for any combination of the options laid out below.": "Vous pouvez indiquer votre vote pour n'importe quelle combinaison des options présentées ci-dessous.",
+  "You can set a custom derivation path for this account using the following syntax \"/<soft-key>//<hard-key>\". The \"/<soft-key>\" and \"//<hard-key>\" may be repeated and mixed`. An optional \"///<password>\" can be used with a mnemonic seed, and may only be specified once.": "Vous pouvez définir un chemin de dérivation personnalisé pour ce compte à l'aide de la syntaxe suivante \"/<soft-key> //<hard-key>\". Les \"/<soft-key>\" et \"//<hard-key>\" peuvent être répétés et mélangés ». Un \"/// <mot_de_passe>\" facultatif peut être utilisé avec une phrase mnémotechnique et ne peut être spécifié qu'une seule fois.",
+  "You can set a custom derivation path for this account using the following syntax \"/<soft-key>//<hard-key>///<password>\". The \"/<soft-key>\" and \"//<hard-key>\" may be repeated and mixed`. The \"///password\" is optional and should only occur once.": "Vous pouvez définir un chemin de dérivation personnalisé pour ce compte en utilisant la syntaxe suivante \"/<soft-key>//<hard-key>///<mot_de_passe>\". Les \"/<soft-key>\" et \"//<hard-key>\" peuvent être répétés et mélangés`. Le \"///mot_de_passe\"est facultatif et ne doit apparaître qu'une seule fois.",
+  "You do not have access to the current sudo key": "Vous n'avez pas accès à la clé sudo actuelle",
+  "You don't have any accounts. Some features are currently hidden and will only become available once you have accounts.": "Vous n'avez aucun compte. Certaines fonctionnalités sont actuellement masquées et ne seront disponibles qu'une fois que vous aurez au moins un compte.",
+  "You have {{claimCount}} accounts that need attestations. Use the Claim Tokens app on the left navigation bar to complete the process. Until you do, your balances for those accounts will not be reflected.": "Vous avez {{claimCount}} comptes qui nécessitent des attestations. Utilisez l'application \"Percevoir ses tokens\" dans la barre de navigation pour terminer le processus. Tant que vous ne le faites pas, vos soldes pour ces comptes ne seront pas reflétés.",
+  "You have {{claimCount}} accounts that need attestations. Use the Claim Tokens app on the navigation bar to complete the process. Until you do, your balances for those accounts will not be reflected.": "Vous avez {{claimCount}} comptes qui nécessitent des attestations. Utilisez l'application Claim Tokens dans la barre de navigation pour terminer le processus. Tant que vous ne le faites pas, vos soldes pour ces comptes ne seront pas reflétés.",
+  "You have {{upgradableCount}} extensions that need to be updated with the latest chain properties in order to display the correct information for the chain you are connected to. This update includes chain metadata and chain properties.": "{{upgradableCount}} extensions ont des mises à jour disponibles afin d'afficher les informations correctes pour la chaîne à laquelle vous êtes connecté. Cette mise à jour inclut les métadonnées et les propriétés de la blockchain.",
+  "You need to sign an attestation for the following account:": "Vous devez signer une attestation pour le compte suivant:",
+  "You need to sign an attestation for the following accounts:": "Vous devez signer une attestation pour les comptes suivants:",
+  "You need to unlock this account to be able to sign data.": "Vous devez déverrouiller ce compte pour pouvoir signer des données.",
+  "You should trust your nominations to act competently and honest; basing your decision purely on their current profitability could lead to reduced profits or even loss of funds.": "Vous devez faire confiance aux validateurs selectionnés pour agir avec compétence et honnêteté; fonder votre décision uniquement sur leur rentabilité actuelle pourrait entraîner une réduction des bénéfices ou même une perte de fonds.",
+  "You will no longer have sudo access": "Vous allez je n'ai plus d'accès sudo",
+  "You will remove any delegation made by this acccount": "Vous supprimerez toute délégation effectuée par ce compte",
+  "Your Ethereum account": "Votre compte Ethereum",
+  "Your candidate/bid account. Once accepted this account will become a member.": "Votre compte canidate / bid. Une fois accepté, ce compte deviendra membre.",
+  "Your close will be applied for this council account.": "La fermeture sera appliquée pour ce compte",
+  "Your custom types have been added": "Vos types personnalisés ont été ajoutés",
+  "Your endorsement will be applied for this account.": "Votre approbation sera appliquée pour ce compte.",
+  "Your password contains at least one \"/\" character. Disregard this warning if it is intended.": "Votre mot de passe contient au moins un caractère \"/\". Ignorez cet avertissement c'est bien ce que vous souhaitez.",
+  "Your stash account. The transaction will be sent from the associated controller.": "Votre compte caché. La transaction sera envoyée depuis le contrôleur associé.",
+  "a riot name linked to this identity": "Un pseudo sur Element lié à cette identité",
+  "account": "compte",
+  "account forgotten": "compte oublié",
+  "account restored": "account restauré",
+  "account type": "type de compte",
+  "accounts": "comptes",
+  "activate": "activer",
+  "added proxy": "proxy ajouté",
+  "additional bonded funds": "fonds cautionnés supplémentaires",
+  "address": "adresse",
+  "address copied": "adresse copiée",
+  "address created": "adresse créée",
+  "address edited": "adresse modifiée",
+  "address forgotten": "adresse oubliée",
+  "address index": "index d'adresse",
+  "address prefix": "préfixe d'adresse",
+  "address {{index}}": "adresse {{index}}",
+  "addresses": "adresses",
+  "all bonded": "tous les fonds liés",
+  "amount": "montant",
+  "amount to use for estimation": "montant à utiliser pour l'estimation",
+  "approval type": "type d'approbation",
+  "approved": "approuvé",
+  "asset id": "identifiant de l'élément",
+  "auto-selected targets for nomination": "cibles sélectionnées automatiquement pour la nomination",
+  "available": "disponible",
+  "available signatories": "signataires disponibles",
+  "available social recovery helpers": "assistants de récupération sociale disponibles",
+  "available to be unlocked": "disponible pour être déverrouillé",
+  "average": "moyen",
+  "avg staked": "investissement moyen",
+  "aye": "oui",
+  "aye: bool": "oui: booléen",
+  "backing": "Support",
+  "backup file": "fichier de sauvegarde",
+  "balance": "solde",
+  "balances": "soldes",
+  "beneficiary": "bénéficiaire",
+  "best": "meilleur",
+  "best #": "meilleur #",
+  "best block": "meilleur bloc",
+  "best hash": "meilleur hash",
+  "bid account": "Compte",
+  "bid amount": "montant de l'enchère",
+  "bids": "enchères",
+  "block hash or number to query": "hash du bloc ou numéro à interroger",
+  "blocks": "blocs",
+  "bond": "lien",
+  "bonded": "lié",
+  "calculated storage fee": "Frais de stockage calculés",
+  "call data for final approval": "appeler les données pour approbation finale",
+  "call from account": "appeler depuis le compte",
+  "call the selected endpoint": "appeler le point de terminaison sélectionné",
+  "candidacy bond": "Fonds liés pour candidature",
+  "candidate account": "compte candidat",
+  "candidate accounts": "comptes candidats",
+  "candidates": "candidats",
+  "case sensitive": "sensible à la casse",
+  "challenge": "défi",
+  "claim to account": "Percevoir sur le compte",
+  "click to copy": "cliquer pour copier",
+  "click to select or drag and drop a JSON ABI file": "cliquer pour sélectionner ou faire glisser et déposer un fichier JSON ABI",
+  "click to select or drag and drop the file here": "cliquer pour sélectionner ou faire glisser et déposer le fichier ici",
+  "clipboard": "presse-papiers",
+  "code": "code",
+  "code for this contract": "code pour ce contrat",
+  "code hash": "code hash",
+  "code hashes": "codes hashes",
+  "comm.": "comm.",
+  "commission": "commission",
+  "compiled contract WASM": "contrat compilé WASM",
+  "connected peers": "pairs connectés",
+  "contacts": "contacts",
+  "contract ABI": "ABI de contrat",
+  "contract address": "adresse du contrat",
+  "contract to use": "contrat d'utilisation",
+  "contracts": "contrats",
+  "controller": "contrôleur",
+  "controller account": "compte contrôleur",
+  "conviction": "condamnation",
+  "conviction: Conviction": "condamnation: condamnation",
+  "copied": "copié",
+  "council candidates": "candidats au conseil",
+  "council proposal": "proposition de conseil",
+  "council proposal type": "type de proposition de conseil",
+  "count": "nombre",
+  "created account": "compte créé",
+  "created multisig": "multisig créé",
+  "crypto type to use": "type de crypto à utiliser",
+  "current value": "valeur actuelle",
+  "custom endpoint": "point de terminaison personnalisé",
+  "data": "données",
+  "default icon theme": "thème d'icônes par défaut",
+  "default interface language": "langue de l'interface par défaut",
+  "default interface theme": "Thème par défault de l'interface",
+  "defender": "défenseur",
+  "defer": "reporter",
+  "delay": "délai",
+  "delegate democracy vote": "vote délégué",
+  "delegated account": "compte délégué",
+  "delegating account": "compte déléguant",
+  "delegating amount": "montant délégué",
+  "delegation": "délégation",
+  "democracy": "démocratie",
+  "democracy vote delegation": "Déagation de vote dans Démocracie",
+  "denomination vote": "vote de dénomination",
+  "deploy": "déployer",
+  "deployment account": "compte de déploiement",
+  "deployment constructor": "constructeur de déploiement",
+  "deposit": "dépôt",
+  "derivation path": "chemin de dérivation",
+  "derive root account": "dériver le compte racine",
+  "design samples": "échantillons de conception",
+  "details": "détails",
+  "development seed": "graine de développement",
+  "dispatch queue": "file d'attente de distribution",
+  "display name": "nom d'affichage",
+  "do not include empty strings in the generated file": "ne pas inclure de chaînes vides dans le fichier généré",
+  "does not appear to have a valid claim. Please double check that you have signed the transaction correctly on the correct ETH account.": "ne semble pas avoir de revendication valide . Veuillez vérifier que vous avez correctement signé la transaction sur le bon compte ETH.",
+  "ed25519, Edwards": "Ed25519, Edwards",
+  "elected stake": "investissement élu",
+  "email": "email",
+  "enact": "décréter",
+  "endowment": "dotation",
+  "epoch": "epoch",
+  "era": "ère",
+  "era cumulative": "ère cumulative",
+  "era points": "points ère",
+  "era {{era}}": "ère {{era}}",
+  "era {{era}}, {{count}} slashes": "ère {{ère}}, {{count}} slashs",
+  "era {{era}}/unapplied": "ère {{ère}} / non appliquée",
+  "eras": "ères",
+  "events": "événements",
+  "everything": "tout",
+  "everything{{labelPost}}": "tout {{labelPost}}",
+  "exclude option": "exclure option",
+  "exclude value": "exclure la valeur",
+  "exec": "exec",
+  "execute": "exécuter",
+  "existential deposit": "dépôt existentiel",
+  "external": "externe",
+  "extrinsic hash": "hash de l'extrinsèque",
+  "extrinsics": "extrinsèque",
+  "fee": "frais",
+  "file upload": "Selectionner fichier",
+  "filter by name or tags": "filtrer par nom ou labels",
+  "filter by name, address or index": "filtrer par nom, adresse ou index",
+  "filter by name, address, or account index": "filtrer par nom, adresse ou index de compte",
+  "finalized": "finalisé",
+  "finder": "chercheur",
+  "forks": "forks",
+  "free balance": "solde libre",
+  "from the following data": "à partir des données suivantes",
+  "generated public key": "clé publique générée",
+  "has a valid claim for": "a une revendication valide pour",
+  "hash": "hash",
+  "heads": "heads",
+  "hex input data": "hex input data",
+  "hex-encoded storage key": "clé de stockage en hexa",
+  "https://example.com": "https://example.fr",
+  "id": "id",
+  "identity": "identité",
+  "imminent preimage (proposal already passed)": "préimage imminente (proposition déjà acceptée)",
+  "immortal": "immortel",
+  "include all empty strings in the generated file": "inclure toutes les chaînes vides dans le fichier généré",
+  "include field": "inclure le champ",
+  "include option": "inclure l'option",
+  "include value": "inclure la valeur",
+  "index": "index",
+  "initial head state": "état principal initial",
+  "initial state": "état initial",
+  "intentions": "intentions",
+  "interface operation mode": "mode de fonctionnement de l'interface",
+  "invalid ABI file selected": "fichier ABI sélectionné non valide",
+  "invalid/unknown registrar account": "compte de registrar invalide/inconnu",
+  "judgement": "jugement",
+  "key type to set": "type de clé à définir",
+  "keypair crypto type": "type de crypto paire de clés",
+  "keypair type": "type de paire de clé",
+  "kind": "genre",
+  "last #": "dernier #",
+  "last block": "dernier bloc",
+  "last reward": "dernière récompense",
+  "launch period": "période de lancement",
+  "legal name": "nom légal",
+  "lifetime": "durée de vie",
+  "lng.detect": "Language du navigateur (détection automatique)",
+  "lock expired": "verrouillage expiré",
+  "locked": "verrouillé",
+  "locked balance": "solde verrouillé",
+  "logs": "journaux",
+  "lowest / avg staked": "plus bas / moyenne des fonds en jeu",
+  "manage hardware connections": "gérer les connexions matérielles",
+  "matches": "correspond",
+  "maximum gas allowed": "gas maximum autorisé",
+  "members": "membres",
+  "message to send": "message à envoyer",
+  "minimum bond": "caution minimale",
+  "minimum deposit": "dépôt minimum",
+  "mnemonic seed": "Phrase mnémotechnique",
+  "mortal, valid from #{{startAt}} to #{{endsAt}}": "mortel, valable du # {{startAt}} au # {{endsAt}}",
+  "motions": "motions",
+  "multisig": "multi-signataire",
+  "multisig call data": "Appel de donné multisig",
+  "multisig name": "Nom du compte multi-signataire",
+  "multisig signatory": "Signataire multisig",
+  "my ordered votes": "mes votes commandés",
+  "name": "nom",
+  "nav.accounts": "Comptes",
+  "nav.addresses": "Carnet d'adresses",
+  "nav.calendar": "Calendrier d'événements",
+  "nav.claims": "Percevoir ses tokens",
+  "nav.contracts": "Contrats",
+  "nav.council": "Conseil",
+  "nav.dashboard": "Tableau de bord",
+  "nav.democracy": "Démocratie",
+  "nav.explorer": "Explorateur",
+  "nav.extrinsics": "Extrinsics",
+  "nav.generic-asset": "Objet génériques",
+  "nav.github": "Github",
+  "nav.i18n": "Traduction",
+  "nav.js": "JavaScript",
+  "nav.parachains": "Parachains",
+  "nav.poll": "Sondage DOT",
+  "nav.rpc": "Appel RPC",
+  "nav.settings": "Paramètres",
+  "nav.signing": "Signer et Vérifier",
+  "nav.society": "Société",
+  "nav.staking": "Staking",
+  "nav.storage": "Données de la chaine",
+  "nav.sudo": "Sudo",
+  "nav.tech-comm": "Comité tech.",
+  "nav.toolbox": "Boite à outils",
+  "nav.transfer": "Transferts",
+  "nav.treasury": "Trésorerie",
+  "nav.wiki": "Wiki",
+  "nay": "non",
+  "new account": "nouveau compte",
+  "new address": "nouvelle adresse",
+  "next": "suivant",
+  "next burn": "prochaine suppression",
+  "next id": "identifiant suivant",
+  "no": "non",
+  "no accounts yet, create or import an existing": "pas encore de compte, créez ou importez un",
+  "no addresses saved yet, add any existing address": "aucune adresse enregistrée pour le moment, ajoutez une adresse existante",
+  "no messages": "aucun message",
+  "no peers connected": "aucun pair connecté",
+  "no tags": "aucun label",
+  "no unapplied slashes found": "aucun slash non appliqué trouvé",
+  "nominated accounts": "comptes désignés",
+  "nominators": "nominateurs",
+  "not signed": "non signé",
+  "on-chain bonding duration": "activé -chaîne durée de liaison",
+  "ongoing referendum": "référendum en cours",
+  "only elected": "Limiter aux élus",
+  "only query most recent {{partialEras}} of {{historyDepth}} eras": "interroger uniquement les {{partialEras}} les plus récentes de {{historyDepth}} ères",
+  "only this network": "uniquement ce réseau",
+  "only with an identity": "avec une identité",
+  "origin": "origine",
+  "other": "autre",
+  "other stake": "autre enjeu",
+  "our best": "notre meilleur",
+  "overall/validator": "global / validateur",
+  "own": "propre",
+  "own stake": "propre investissement",
+  "parachain id": "parachain id",
+  "parachains": "Parachains",
+  "parent": "parent",
+  "partial seed": "phrase mnémotechnique partielle",
+  "password": "mot de passe",
+  "password (repeat)": "mot de passe (vérification)",
+  "payment": "paiement",
+  "payment destination": "payment destination",
+  "payout": "paiement",
+  "payout stakers for (multiple)": "payer les investisseurs pour (multiple)",
+  "payout stakers for (single)": "payer les investisseurs pour (unique)",
+  "payout/stash": "payiement/réserve",
+  "payout/validator": "payiement/validateur",
+  "peer best": "meilleurs parmis les pairs",
+  "pending extrinsics": "extrinsèques en attente",
+  "pending hashes": "hashes en attente",
+  "pending swap id": "pending swap id",
+  "per block": "par bloc",
+  "period": "period",
+  "pgp hash": "pgp hash",
+  "points": "points",
+  "poll on token decimals": "vote sur le nombre de décimales",
+  "pot": "pot",
+  "preimage hash": "preimage hash",
+  "preimage {{hash}}": "preimage {{hash}}",
+  "prev": "prev",
+  "prime member": "membre principal",
+  "prime voter": "électeur principal",
+  "priority {{index}}": "priorité {{index}}",
+  "profit/era": "profit/ère",
+  "profit/era est": "profit / ère est",
+  "proposal": "proposition",
+  "proposal bond": "lien de proposition",
+  "proposal hash": "hash de proposition",
+  "proposals": "propositions",
+  "propose": "proposer",
+  "propose from account": "proposer à partir du compte",
+  "proposed by": "proposé par",
+  "proposer": "proposant",
+  "proxied account": "compte mandaté",
+  "proxied name": "nom mandaté",
+  "proxy account": "compte proxy",
+  "queued tx": "tx en file d'attente",
+  "read": "lire",
+  "read contract only, no execution": "lecture simple du contrat sans exécution",
+  "reason": "raison",
+  "recent blocks": "blocs récents",
+  "recent events": "événements récents",
+  "recover this account": "récupérer ce compte",
+  "recovery block delay": "délai récupération (nombre de blocs)",
+  "recovery threshold": "seuil de récupération",
+  "redeemable": "rachetable",
+  "referenda": "referenda",
+  "refresh in": "actualiser dans",
+  "registrar account": "compte du registrar",
+  "registrar index": "index du registrar",
+  "relay": "relais",
+  "relay dispatch queue": "file d'attente d'envoi de relais",
+  "remaining": "restant",
+  "remote node/endpoint to connect to": "nœud / point de terminaison distant auquel se connecter",
+  "reporters": "denonciateurs",
+  "request payout from": "demander le paiement de",
+  "reserved": "réservé",
+  "reward commission percentage": "pourcentage de commission de récompense",
+  "rewards": "récompenses",
+  "rewards & slashes": "récompenses et slashs",
+  "riot": "matrix",
+  "riot name": "nom matrix",
+  "role": "rôle",
+  "rotation": "rotation",
+  "rpc.ava.summary": "Noeud géré par la communauté; voir https://status.cloud.ava.do/",
+  "rpc.beresheet": "Beresheet (Testnet Edgeware, hébergé par Commonwealth Labs)",
+  "rpc.bifrost": "Bifrost Asgard",
+  "rpc.centrifuge": "Centrifuge",
+  "rpc.chainx": "ChainX",
+  "rpc.clover.finance": "Clover",
+  "rpc.crab": "Darwinia Crab",
+  "rpc.crust.network": "Crust Maxwell",
+  "rpc.custom": "Environment personnalisé",
+  "rpc.custom.entry": "Personalisé {{WS_URL}}",
+  "rpc.custom.own": "Personalisé",
+  "rpc.datahighway.harbour": "Harbour",
+  "rpc.dock-pos-mainnet": "Dock Mainnet",
+  "rpc.dock-pos-testnet": "Dock Testnet",
+  "rpc.edgeware": "Edgeware (Mainnet Edgeware, hébergé par Commonwealth Labs)",
+  "rpc.equilibrium": "Equilibrium",
+  "rpc.flamingfir": "Flaming Fir (Testnet Substrate, hébergé par Parity)",
+  "rpc.header.dev": "Développement",
+  "rpc.header.live": "Réseau Live",
+  "rpc.header.test": "Réseaux de test",
+  "rpc.hosted.by": "hébergé par {{host}}",
+  "rpc.interbtc": "Interlay",
+  "rpc.kilt": "KILT Protocol (KILT Mashnet, hébergé par KILT Protocol)",
+  "rpc.kulupu": "Kulupu (Mainnet Kulupu, hébergé par Kulupu)",
+  "rpc.kusama.ava": "Kusama (Polkadot Canary, noeud communautaire; voir https://status.cloud.ava.do/)",
+  "rpc.kusama.parity": "Kusama (Polkadot Canary, hébergé par Parity)",
+  "rpc.kusama.w3f": "Kusama (Polkadot Canary, hébergé par Web3 Foundation)",
+  "rpc.local": "Noeud Local (Propre noeud, 127.0.0.1:9944)",
+  "rpc.mandala": "Mandala (Testnet Acala, hébergé par Acala)",
+  "rpc.nodle-arcadia": "Arcadia (Testnet Nodle, hébergé par Nodle)",
+  "rpc.nodle-main": "Nodle Main",
+  "rpc.pangolin": "Pangolin",
+  "rpc.pangoro": "Pangoro",
+  "rpc.phala": "Phala PoC-3",
+  "rpc.plasm": "Plasm",
+  "rpc.polkadot.parity": "Polkadot",
+  "rpc.polkadot.w3f": "Polkadot",
+  "rpc.polymesh": "Polymesh",
+  "rpc.pontem": "Pontem",
+  "rpc.rococo": "Rococo",
+  "rpc.rococo.acala": "Mandala PC1",
+  "rpc.rococo.canvas": "Canvas",
+  "rpc.rococo.clover": "Clover PC1",
+  "rpc.rococo.crust": "Crust PC1",
+  "rpc.rococo.darwinia": "Darwinia PC2",
+  "rpc.rococo.laminar": "Turbulence PC1",
+  "rpc.rococo.mathchain": "MathChain PC1",
+  "rpc.rococo.plasm": "Plasm PC1",
+  "rpc.rococo.robonomics": "Robonomics PC1",
+  "rpc.rococo.tick": "Tick",
+  "rpc.rococo.track": "Track",
+  "rpc.rococo.trick": "Trick",
+  "rpc.stafi": "Stafi",
+  "rpc.subsocial": "Subsocial",
+  "rpc.turbulence": "Turbulence (Testnet Laminar, hébergé par Laminar)",
+  "rpc.westend": "Westend (Testnet Polkadot, hébergé par Parity)",
+  "runners up": "finalistes",
+  "scheduled": "planifié",
+  "scheduling": "planification",
+  "seats": "sièges",
+  "second with account": "deuxième avec compte",
+  "secret": "secret",
+  "secret derivation path": "chemin de dérivation secret",
+  "seed (hex or string)": "phrase mnémotechnique (hexadécimal ou chaîne de caractères)",
+  "select the account you wish to sign data with": "sélectionnez le compte avec lequel vous souhaitez signer les données",
+  "selected constant query": "requête constante sélectionnée",
+  "selected signatories": "signataires sélectionnés",
+  "selected state query": "requête d'état sélectionné",
+  "selected validators": "validateurs sélectionnés",
+  "send": "envoyer",
+  "send as RPC call": "envoyer comme appel RPC",
+  "send as transaction": "envoyer comme transaction",
+  "send from account": "envoyer depuis le compte",
+  "send funds to another parachain (not relay)": "envoyer des fonds vers une autre Parachain (pas la chaine principale)",
+  "send to address": "envoyer à l'adresse",
+  "sending account": "envoyer le compte",
+  "sending from my account": "envoi depuis mon compte",
+  "session": "session",
+  "session keys": "clés de session",
+  "session next": "session suivante",
+  "sha2 image hash": "hachage d'image sha2",
+  "show only untipped/closing": "Montrer uniquement fermé/non participés",
+  "sign data from account": "signer les données du compte",
+  "sign the following data": "signer les données suivantes",
+  "signatories": "signataires",
+  "signatory": "signataire",
+  "signature crypto type": "signature de type crypto",
+  "signature of supplied data": "signature des données fournies",
+  "signer": "signataire",
+  "society head": "chef de société",
+  "somebody@example.com": "votre_nom@exemple.fr",
+  "spend period": "période de dépense",
+  "sr15519, Schnorrkel": "sr15519, Schnorrkel",
+  "ss58.centrifuge": "Centrifuge (live)",
+  "ss58.default": "Préfix par défaut du noeud connecté",
+  "ss58.edgeware": "Edgeware (live)",
+  "ss58.kusama": "Kusama (canary)",
+  "ss58.polkadot": "Kusama (canary)",
+  "ss58.substrate": "Substrate (generique)",
+  "staked": "investis",
+  "stash account": "compte de la réserve",
+  "stash address": "Adresse du compte \"stash\"",
+  "stashes": "réserves",
+  "state": "état",
+  "status": "status",
+  "strikes": "grèves",
+  "sub": "sous-identité",
+  "sub name": "nom de la sous-identité",
+  "submit the following change": "soumettre la modification suivante",
+  "submit the following extrinsic": "soumettre l'extrinsèque suivant",
+  "submit with account": "soumettre avec le compte",
+  "submit with council account": "soumettre avec le compte du conseil",
+  "subs": "sous-identitées",
+  "sudo key": "sudo key",
+  "sudo with unchecked weight parameter": "sudo avec paramètre de poids non vérifié",
+  "sudo without unchecked weight parameter": "sudo sans paramètre de poids non vérifié",
+  "suri (seed & derivation)": "suri (seed & derivation)",
+  "swap to id": "swap to id",
+  "syncing": "syncing",
+  "system events": "événements du système",
+  "tags": "label",
+  "target": "cible",
+  "term progress": "term progress",
+  "the account to make recoverable": "le compte à rendre récupérable",
+  "the account to recover to": "le compte vers lequel récupérer",
+  "the amount that should be transferred. It needs to be less than the available balance": "le montant à transférer. Il doit être inférieur au solde disponible",
+  "the associated controller": "le contrôleur associé",
+  "the era to cancel for": "l'ère à annuler pour",
+  "the language to display translations for": "la langue pour afficher les traductions",
+  "the module to display strings for": "le module pour afficher les traductions",
+  "the parachain that will receive the transfer of tokens.": "la Parachain qui recevra le transfert de tokens.",
+  "the parachain to transfer to": "la Parachain à transférer",
+  "the payment account": "le compte de paiement",
+  "the resulting hash is": "le hash résultant est",
+  "the stash account to nominate with": "le compte caché avec lequel désigner",
+  "the supplied signature": "la signature fournie",
+  "threshold": "seuil",
+  "tip": "récompense",
+  "tip reason": "raison de la récompense",
+  "tip value": "valeur de la récompense",
+  "tips": "récompenses",
+  "total": "total",
+  "total deposit": "dépot total",
+  "total issuance": "émission totale",
+  "total peers": "total des pairs",
+  "total stake": "investissement total",
+  "total staked": "total investi",
+  "transactions": "transactions",
+  "transfer received": "transfert reçu",
+  "transfer remark/comment": "transférer une remarque/commentaire",
+  "transferrable": "transferrable",
+  "transferrable minus fees": "transferable moins les frais",
+  "trusted social recovery helpers": "assistants sociaux de confiance",
+  "turnout": "participation",
+  "twitter": "twitter",
+  "type": "type",
+  "unapplied": "non appliqué",
+  "unapplied slashes": "sabrages non appliqués",
+  "unbond amount": "montant non lié",
+  "unbonding": "non lié",
+  "unchecked weight for this call": "poids non vérifié pour cet appel",
+  "unlock account with password": "déverrouillage du compte avec mot de passe",
+  "unlock for {{expiry}} min": "Retenir pendant {{expiry}} min",
+  "unstake threshold": "seuil de mise en jeu",
+  "until block": "jusqu'au bloc",
+  "update on #{{index}}": "mise à jour au bloc #{{index }}",
+  "upgradable extensions": "extensions évolutives",
+  "use on any network": "utiliser sur n'importe quel réseau",
+  "using my account": "utiliser mon compte",
+  "using the following data": "utiliser les données suivantes",
+  "using the selected account": "utiliser le compte sélectionné",
+  "validation": "validation",
+  "validator to query": "validateur à interroger",
+  "validators": "validateurs",
+  "validators/nominators": "validators / nominators",
+  "value": "value",
+  "value bonded": "value bonded",
+  "verify using address": "verifier en utilisant l'adresse",
+  "version {{version}}": "version {{version}}",
+  "vested": "acquise",
+  "vesting": "en cours d'acquisition",
+  "via Council": "via le Conseil",
+  "via Council/Motions": "via Conseil / Motions",
+  "via Council/Vote": "via Council / Vote",
+  "via Democracy": "via la démocratie",
+  "via Democracy/Dispatch": "via Démocratie / Dispatch",
+  "via Democracy/Vote": "via Democracy / Vote",
+  "via Society": "via la société",
+  "via Staking": "via Staking",
+  "via Staking/Bond": "via Staking / Bond",
+  "via Staking/Slashed": "via Staking/Slashed",
+  "via Treasury": "via la Trésorerie",
+  "via Vesting": "via Vesting",
+  "vote for candidate": "vote pour le candidat",
+  "vote for defender": "vote pour le défenseur",
+  "vote from account": "vote depuis le compte",
+  "vote using my account": "vote en utilisant mon compte",
+  "vote value": "vote value",
+  "vote with account": "vote with account",
+  "votes": "votes",
+  "voting account": "compte de vote",
+  "voting balance": "solde des votes",
+  "voting end": "fin du vote",
+  "voting period": "période de vote",
+  "voting round": "tour de scrutin",
+  "waiting": "en attente",
+  "web": "web",
+  "website": "site web",
+  "with an index of": "avec un index de",
+  "with unchecked weight": "avec poids non contrôlé",
+  "with weight override": "avec surcharge du poids",
+  "with/without identity": "avec/sans identité",
+  "without unchecked weight": "sans poids non contrôlé",
+  "wrong password supplied": "mot de passe erroné",
+  "yes": "oui",
+  "your current password": "mot de passe actuel",
+  "your new password": "nouveau password",
+  "{{balance}} voted": "{{balance}} a voté",
+  "{{blocks}} blocks": "{{blocks}} blocs",
+  "{{count}} key/value pairs encoded for submission": "{{count}} paires clé / valeur encodées pour la soumission",
+  "{{count}} own stashes": "{{count}} propres stashes",
+  "{{currency}} average": "{{devise }} moyenne",
+  "{{currency}} clipped": "{{currency}} tronqué",
+  "{{currency}} rewards": "{{currency}} récompenses",
+  "{{currency}} slashed": "{{currency}} sabrés",
+  "{{currency}} total": "{{currency}} total",
+  "{{days}} days": "{{days}} jours",
+  "{{done}}/{{total}}, {{progress}}% done": "{{done}} / {{total}}, {{progress}}% terminé",
+  "{{executionTime}}s execution time": "{{executionTime}}s temps d'execution",
+  "{{hours}} hrs": "{{hours}} hrs",
+  "{{minutes}} mins": "{{minutes}} mins",
+  "{{name}} ({{size}} bytes)": "{{name}} ({{size }} octets)",
+  "{{percentage}} aye": "{{pourcentage}} aye",
+  "{{percentage}}% of block time": "{{percentage}}% du temps par bloc",
+  "{{percentage}}% turnout": "{{pourcentage}}% taux de participation",
+  "{{relayDispatchQueueSize}} dispatch messages pending": "{{relayDispatchQueueSize}} envoi de messages en attente",
+  "{{seconds}} s": "{{seconds}} s",
+  "{{step}}. Sign with your ETH address": "{{step}}. Signer avec l'adresse Ethereum",
+  "{{threshold}}, not passing": "{{seuil} }, ne dépassant pas",
+  "{{threshold}}, passing": "{{seuil}}, passant",
+  "{{value}}x voting balance, locked for {{lock}}x enactment ({{period}} days)": "{{value}} x solde de vote, verrouillé pendant {{lock}} x décret ({{period}} jours)"
+}
\ No newline at end of file
diff --git a/packages/apps/public/locales/hi/translation.json b/packages/apps/public/locales/hi/translation.json
new file mode 100644
index 0000000..0b44bb0
--- /dev/null
+++ b/packages/apps/public/locales/hi/translation.json
@@ -0,0 +1,1121 @@
+{
+  "//hard///password": "//हार्ड///पासवर्ड",
+  "//hard/soft": "//हार्ड/सॉफ़्ट",
+  "//hard/soft///password": "//हार्ड/सॉफ़्ट///पासवर्ड",
+  "0.1x voting balance, no lockup period": "0.1x वोटिंग बैलेंस, कोई लॉकअप अवधि नहीं:",
+  "1 day": "1 दिन",
+  "1 hr": "1 घंटे",
+  "1 min": "1 मिनट",
+  "1 s": "1 सेकंड",
+  "1. Select your {{chain}} account": "अपना {{chain}} खाता चुनें }",
+  "2. Enter the ETH address from the sale.": "विक्रय से ETH का पता दर्ज करें.",
+  "2. Sign ETH transaction": "ETH लेनदेन हस्ताक्षर",
+  "<empty>": "<खाली>",
+  "<unknown>": "<अज्ञात>",
+  "A controller account should not be set to manages multiple stashes. The selected controller is already controlling {{stashId}}": "एक नियंत्रक खाते को एकाधिक छिपाने की जगह को संभालने के लिए कॉन्फ़िगर नहीं किया जाना चाहिए। चयनित नियंत्रक पहले से ही {{stashId}} को नियंत्रित कर रहा है।",
+  "A controller account should not map to another stash. This selected controller is a stash, controlled by {{bondedId}}": "एक कंट्रोलर अकाउंट को दूसरे स्टैश पर मैप नहीं करना चाहिए। यह चयनित नियंत्रक {{bondedId}} द्वारा नियंत्रित एक छिपाने की जगह है।",
+  "A deployed contract that has either been deployed or attached. The address and ABI are used to construct the parameters.": "एक परिनियोजन अनुबंध जिसे परिनियोजित या जोड़ा गया है। पते और ABI का उपयोग मापदंडों के निर्माण के लिए किया जाता है।",
+  "A fee of {{creationFee}} will be deducted from the sender since the destination account does not exist": "प्रेषक के {{creationFee}} से एक कमीशन काट लिया जाएगा क्योंकि डेस्टिनेशन खाता मौजूद नहीं है।",
+  "A reason (to be stored-on-chain) as to why the recipient deserves a tip payout.": " यह एक कारण (श्रृंखला पर संग्रहीत होने के लिए) है कि प्राप्तकर्ता एक टिप के भुगतान का हकदार क्यों है।",
+  "ABI": "ABI",
+  "Acceptance proposal to council": "बोर्ड स्वीकृति प्रस्ताव",
+  "Account actions": "खाते की कार्रवाई",
+  "Account balance:": "खाते की राशिफल",
+  "Accounts injected from any of these extensions will appear in this application and be available for use. The above list is updated as more extensions with external signing capability become available.": "इनमें से किसी भी एक्सटेंशन के लिए अंतर्निहित खाते इस एप्लिकेशन में दिखाई देंगे और उपयोग के लिए उपलब्ध होंगे। उपरोक्त सूची अपडेट की जाती है क्योंकि बाहरी हस्ताक्षर क्षमताओं वाले अधिक एक्सटेंशन उपलब्ध हो जाते हैं।",
+  "Active nominations ({{count}})": "सक्रिय नामांकन ({{count}})",
+  "Add a tip to this extrinsic, paying the block author for greater priority": "इस बाहरी में एक टिप जोड़ें, ब्लॉक लेखक को अधिक प्राथमिकता के लिए भुगतान करें",
+  "Add account": "खाता जोड़ो",
+  "Add account via Qr": "Qr के माध्यम से खाता जोड़ें",
+  "Add an account via seed {{step}}/{{STEPS_COUNT}}": " अपने द्वारा खाता जोड़ें {{step}}/{{STEPS_COUNT}}",
+  "Add an address": "एक पता जोड़ें",
+  "Add an existing code hash": "एक मौजूदा कोड hash जोड़ें",
+  "Add an existing contract": "मौजूदा अनुबंध जोड़ें",
+  "Add contact": "संपर्क जोड़ें",
+  "Add identity judgment": "पहचान निर्णय जोड़ें",
+  "Add item": "आइटम जोड़ें",
+  "Add multisig": "मल्टीसिग जोड़ें",
+  "Add via Ledger": "खाता बही से परामर्श करें",
+  "Add via Qr": "Qr से जोड़ें",
+  "Add via backup file": " backup फ़ाइल जोड़ें",
+  "Adding an optional tip to the transaction could allow for higher priority, especially when the chain is busy.": "लेन-देन में एक वैकल्पिक टिप जोड़ने से उच्च प्राथमिकता मिल सकती है, खासकर जब श्रृंखला संतृप्त हो।",
+  "Additional types as a JSON file (or edit below)": "JSON फ़ाइल के रूप में अतिरिक्त प्रकार (या नीचे संपादित करें)",
+  "Address Prefix": "पहले का पता",
+  "Adjust the mode from basic (with a limited number of beginner-user-friendly apps) to full (with all basic & advanced apps available)": "प्रणाली को मूल से समायोजित करें (शुरुआती-अनुकूल ऐप्स की सीमित संख्या के साथ) सबसे पूर्ण (उपलब्ध सभी बुनियादी और उन्नत अनुप्रयोगों के साथ)",
+  "Advanced creation options": "उन्नत निर्माण विकल्प",
+  "All rewards will go towards the selected output destination when a payout is made.": "भुगतान किए जाने पर सभी राशि चयनित आउटपुट गंतव्य की ओर जाएंगे।",
+  "All the listed validators and all their nominators will receive their rewards.": "सभी सूचीबद्ध सत्यापनकर्ता और उनके सभी नामांकितकर्ता अपना पुरस्कार प्राप्त करेंगे।",
+  "Allocate a suggested tip amount. With enough endorsements, the suggested values are averaged and sent to the beneficiary.": "एक सुझाई गई टिप राशि असाइन करें। पर्याप्त समर्थन के साथ, सुझाए गए मान औसत होंगे और उन्हें भेजे जाएंगे लाभार्थी।",
+  "Amount to add to the currently bonded funds. This is adjusted using the available funds on the account.": "वर्तमान में आरक्षित निधि में जोड़ने के लिए राशि। इसे खाते में उपलब्ध निधियों के साथ समायोजित किया जाता है।",
+  "An URL that is linked to this identity.": "URL जो इस पहचान से जुड़ा हुआ है।",
+  "An encrypted backup file will be created once you have pressed the \"Download\" button. This can be used to re-import your account on any other machine.": "आपके द्वारा \" डाउनलोड \"बटन दबाने के बाद एक एन्क्रिप्टेड बैकअप फ़ाइल बनाई जाएगी। इसका उपयोग किसी अन्य मशीन पर आपके खाते को पुनः आयात करने के लिए किया जा सकता है।",
+  "Any account can request payout for stakers, this is not limited to accounts that will be rewarded.": "कोई भी खाता स्टेकर्स के भुगतान का अनुरोध कर सकता है, यह उन खातों तक सीमित नहीं है जिन्हें पुरस्कृत किया जाएगा।",
+  "Approvals": "स्वीकृति",
+  "Approve or reject this defender.": "इस प्रतिनिधि को स्वीकृत या अस्वीकार करें।",
+  "Approve this call hash": "इस कॉल हैश को मंज़ूरी दें",
+  "Approve this candidacy.": "इस उम्मीदवारी को मंज़ूरी दें।",
+  "Approved": "स्वीकृत",
+  "As a council member, you can suggest an initial value for the tip, each other council member can suggest their own.": "एक परिषद के सदस्य के रूप में, आप टिप के लिए एक प्रारंभिक मूल्य का सुझाव दे सकते हैं, प्रत्येक परिषद सदस्य अपना सुझाव दे सकता है। स्वयं का, खुद का, अपना।",
+  "Asset ID": "एसेट ID",
+  "Assets": "एसेट्स",
+  "Aura": "कोई भी खाता स्टेकर्स के लिए भुगतान का अनुरोध कर सकता है, यह केवल उन खातों तक सीमित नहीं है जिन्हें पुरस्कृत किया जाएगा।",
+  "Authorize transaction": "लेनदेन अधिकृत करें",
+  "Aye": "हाँ",
+  "Aye, I approve": "हाँ, मुझे मंजूर है",
+  "Babe": "बेबे",
+  "Backup account": "बैकअप खाता",
+  "Block details": "ब्लॉक विवरण",
+  "Bond": "बॉन्ड",
+  "Bond & Nominate": "लिंक एंड नॉमिनेट",
+  "Bond & Validate": "लिंक करें और मान्य करें",
+  "Bond more": "बॉन्ड मोर",
+  "Bond more funds": "बॉन्ड ज़्यादा फ़ंड करें",
+  "Bonding Preferences": "बॉन्डिंग प्राथमिकताएँ",
+  "Call": "कॉल",
+  "Call a contract": "एक कॉल कॉन्ट्रैक्ट",
+  "Call a method on this contract": "इस अनुबंध पर एक विधि को कॉल करें",
+  "Call results": "कॉल परिणाम",
+  "Call this message": "इस संदेश को कॉल करें",
+  "Cancel": "रद्द करें",
+  "Cancel slashes": "दंड रद्द करें",
+  "Cancel this call hash": "इस हैश कॉल को रद्द करें",
+  "Chain info": "श्रृंखला की जानकारी",
+  "Chain specifications": "श्रृंखला विनिर्देश",
+  "Change": "बदलें",
+  "Change account password": "खाता पासवर्ड बदलें",
+  "Change controller account": "नियंत्रक खाता बदलें",
+  "Change reward destination": "इनाम गंतव्य बदलें",
+  "Change session keys": "सत्र कुंजियाँ बदलें",
+  "Change this account's password": "इस खाते का पासवर्ड बदलें",
+  "Change validator preferences": "सत्यापनकर्ता प्राथमिकताएँ बदलें",
+  "Changing the key only takes effect at the start of the next session. The input here is generates from the author_rotateKeys command": "कुंजी बदलना केवल अगले सत्र की शुरुआत में प्रभावी होता है। यहां इनपुट ऑथर_रोटेटकीज कमांड से उत्पन्न होता है।",
+  "Claim": "दावा",
+  "Claim tokens...": "टोकन का दावा करें...",
+  "Clear all": "सभी साफ़ करें",
+  "Clear expired democracy locks": "ब्लॉक्ड डेमोक्रेसी लॉक्स को क्लियर करें",
+  "Close": "बंद करें",
+  "Close proposal": "प्रस्ताव बंद करें",
+  "Color": "रंग",
+  "Committee prime member, default voting": "कमेटी प्राइम मेंबर, डिफॉल्ट वोटिंग",
+  "Confirm ABI removal": "ABI हटाने की पुष्टि करें",
+  "Confirm account removal": "खाता हटाने की पुष्टि करें",
+  "Confirm address removal": "पता हटाने की पुष्टि करें",
+  "Confirm claim": "दावे की पुष्टि करें",
+  "Confirm code removal": "कोड हटाने की पुष्टि करें",
+  "Confirm contract removal": "अनुबंध हटाने की पुष्टि करें",
+  "Constants": "स्थिरांक",
+  "Continue": "जारी रखें",
+  "Conviction locks do overlap and is additive, meaning that funds locked during a previous vote can be locked again.": "कन्विक्शन लॉक ओवरलैप करते हैं और योगात्मक होते हैं, जिसका अर्थ है कि पिछले वोट के दौरान लॉक किए गए फंड को फिर से लॉक किया जा सकता है।",
+  "Copy the above string and sign an Ethereum transaction with the account you used during the pre-sale in the wallet of your choice, using the string as the payload, and then paste the transaction signature object below": "उपरोक्त अनुक्रम की प्रतिलिपि बनाएँ और स्रोत के रूप में अनुक्रम का उपयोग करते हुए, अपनी पसंद के बटुए में पूर्व-बिक्री के दौरान आपके द्वारा उपयोग किए गए खाते के साथ एक एथेरियम लेनदेन पर हस्ताक्षर करें, और फिर नीचे लेनदेन के हस्ताक्षर पेस्ट करें",
+  "Copy the following string and sign it with the Ethereum account you used during the pre-sale in the wallet of your choice, using the string as the payload, and then paste the transaction signature object below:": "निम्न अनुक्रम की प्रतिलिपि बनाएँ और स्रोत के रूप में अनुक्रम का उपयोग करते हुए, अपनी पसंद के बटुए में पूर्व-बिक्री के दौरान आपके द्वारा उपयोग किए गए एथेरियम खाते के साथ हस्ताक्षर करें, और फिर नीचे लेनदेन के हस्ताक्षर पेस्ट करें",
+  "Council": "काउंसिल",
+  "Council overview": "काउंसिल की जानकारी",
+  "Create": "बनाएं",
+  "Create a backup file for this account": "इस खाते के लिए एक बैकअप फ़ाइल बनाएँ",
+  "Create an account now.": "अभी एक खाता बनाएँ।",
+  "Create and backup account": "यह खाता बनाएँ और उसका बैकअप लें",
+  "Crypto not detected": "क्रिप्टो का पता नहीं चला",
+  "Cryptography used to create this signature. It is auto-detected on valid signatures.": "क्रिप्टोग्राफी का उपयोग इस हस्ताक्षर को बनाने के लिए किया जाता है। यह स्वचालित रूप से वैध हस्ताक्षरों पर पता लगाया जाता है।.",
+  "Current account nonce: {{accountNonce}}": "चालू खाता गैर: {{accountNonce}}",
+  "Current prime member, default voting": "वर्तमान प्रधान सदस्य, डिफ़ॉल्ट मतदान",
+  "Current society head, exempt": "समाज का वर्तमान मुखिया, छूट",
+  "Decimals": "दशमलव",
+  "Decimals decides the smallest unit of the token, which is 1/10^decimals": "दशमलव टोकन की सबसे छोटी इकाई तय करते हैं, जो 1/10 ^ दशमलव है",
+  "Delete this custom example": "इस कस्टम उदाहरण को हटाएं",
+  "Democracy overview": "लोकतंत्र सिंहावलोकन",
+  "Deploy": "तैनाती",
+  "Deploy a code hash": "कोड हैश परिनियोजित करें",
+  "Deploy this code hash as a smart contract": "इस कोड हैश को स्मार्ट अनुबंध के रूप में परिनियोजित करें",
+  "Deploy with this constructor": "इस कंस्ट्रक्टर के साथ डिप्लॉय करें",
+  "Deposit": "जमा",
+  "Deregister this parachain": "कैंसिल दिस पैराचेन",
+  "Derive account from pair": "जोड़ी से खाता प्राप्त करें",
+  "Derive account via derivation path": "मूल पथ से प्राप्त खाता",
+  "Details": "विवरण",
+  "Detection on the input string to determine if it is hex or non-hex.": "यह निर्धारित करने के लिए इनपुट स्ट्रिंग पर पता लगाना कि यह हेक्स या गैर-हेक्स है।",
+  "Determines what cryptography will be used to create this account. Note that to validate on Polkadot, the session account must use \"ed25519\".": "यह निर्धारित करें कि इस खाते को बनाने के लिए किस क्रिप्टोग्राफी का उपयोग किया जाएगा। ध्यान दें कि पोलकाडॉट में सत्यापन के लिए , सत्र खाते को \"ed25519\" का उपयोग करना चाहिए।",
+  "Developer": "डेवलपर",
+  "Development": "विकास",
+  "Dismiss all notifications": "सभी सूचनाएं खारिज करें",
+  "Display overview information for the selected validator, including blocks produced.": "उत्पादित ब्लॉक सहित चयनित सत्यापनकर्ता के लिए अवलोकन जानकारी प्रदर्शित करें।",
+  "Distinct stash and controller accounts are recommended to ensure fund security. You will be allowed to make the transaction, but take care to not tie up all funds, only use a portion of the available funds during this period.": "खातों की सिफारिश की जाती है फंड की सुरक्षा सुनिश्चित करने के लिए अलग-अलग स्टैश और कंट्रोलर सेटिंग्स। आपको लेन-देन करने की अनुमति दी जाएगी, लेकिन सावधान रहें कि सभी फंडों को ब्लॉक न करें, इस अवधि के दौरान उपलब्ध फंड का केवल एक हिस्सा उपयोग करें।",
+  "Do not include a tip for the block author": "ब्लॉक लेखक के लिए टिप शामिल न करें",
+  "Download": "डाउनलोड करें",
+  "Either approve or reject this call.": "आप इस कॉल को स्वीकार या अस्वीकार कर सकते हैं।",
+  "Endorse": "समर्थन",
+  "Endorsements ({{count}})": "({{count}}) सहारा",
+  "Ensure that not all funds are locked, funds need to be available for fees.": "सुनिश्चित करें कि सभी फंड लॉक नहीं हैं, फंड फीस के लिए उपलब्ध होना चाहिए।",
+  "Enter the Asset ID of the token you want to transfer.": "उस टोकन की एसेट आईडी दर्ज करें जिसे आप प्रबंधित करना चाहते हैं।",
+  "Erroneous": "गलत",
+  "Evaluated {{count}} keys in {{elapsed}}s ({{avg}} keys/s)": "{{count}} का मूल्यांकन {{elapsed}}s ({{avg}} कुंजियाँ/s)",
+  "Extensions": "एक्सटेंशन",
+  "External": "बाहरी",
+  "Extrinsic submission": "बाहरी सबमिशन",
+  "Fast track": "फास्ट ट्रैक",
+  "Fast track proposal": "फास्ट ट्रैक प्रस्ताव",
+  "Filter available candidates based on name, address or short account index.": "उपलब्ध उम्मीदवारों को नाम, पता या खाता सारांश के आधार पर फ़िल्टर करें।",
+  "For fund security, your session key should not match your stash key.": "फंड सुरक्षा के लिए, सत्र कुंजी को स्टैश कुंजी से मेल नहीं खाना चाहिए।",
+  "Forget": "भूल जाएं",
+  "Forget this account": "इस खाते को भूल जाओ",
+  "Forget this address": "इस पते को भूल जाओ",
+  "Forget this asset": "इस एसेट को भूल जाओ",
+  "Forget this code hash": "इस कोड हैश को भूल जाओ",
+  "Forget this contract": "इस अनुबंध को भूल जाओ",
+  "Forks": "फोर्क्स",
+  "General": "सामान्य",
+  "Generate {{lng}}/translation.json": "उत्पन्न {{lng}}/translation.json",
+  "Genesis Hash": "जेनेसिस हैश",
+  "Genesis Hash refers to initial state of the chain, it cannot be changed once the chain is launched": "जेनेसिस हैश श्रृंखला की प्रारंभिक स्थिति को संदर्भित करता है, श्रृंखला शुरू होने के बाद इसे बदला नहीं जा सकता",
+  "Grandpa": "दादाजी",
+  "Hash data": "डेटा का हैश",
+  "I agree": "मैं सहमत हूँ।",
+  "I'm Online": "मैं ऑनलाइन हूं",
+  "If the recipient account is new, the balance needs to be more than the existential deposit. Likewise if the sending account balance drops below the same value, the account will be removed from the state.": "यदि प्राप्तकर्ता का खाता नया है, शेष राशि आपकी वर्तमान जमा राशि से अधिक होनी चाहिए। इसी तरह, यदि मूल खाते की शेष राशि उस मूल्य से कम हो जाती है, तो खाते को राज्य से वापस ले लिया जाएगा।",
+  "If this proposal is passed, the changes will be applied via dispatch and the deposit returned.": "यदि यह प्रस्ताव स्वीकृत हो जाता है, तो परिवर्तन अधिसूचना द्वारा लागू किया जाएगा और जमा वापस कर दिया जाएगा।",
+  "If you are moving accounts between applications, ensure that you use the correct type.": "यदि आप अनुप्रयोगों के बीच खातों को स्थानांतरित कर रहे हैं, तो सुनिश्चित करें कि आप सही प्रकार का उपयोग कर रहे हैं।",
+  "Important notice": "महत्वपूर्ण सूचना",
+  "In calculating the election outcome, this prioritized vote ordering will be used to determine the final score for the candidates.": "चुनाव परिणामों की गणना में, उम्मीदवारों के लिए अंतिम स्कोर निर्धारित करने के लिए इस प्राथमिकता वाले वोट ऑर्डर का उपयोग किया जाएगा।",
+  "Inactive nominations ({{count}})": "({{count}}) निष्क्रिय नामांकन",
+  "Include an optional tip for faster processing": "तेज़ प्रसंस्करण के लिए एक वैकल्पिक युक्ति शामिल करें",
+  "Initializing connection": "कनेक्शन प्रारंभ करना",
+  "Initiate account recovery": "खाता पुनर्प्राप्ति प्रारंभ करें",
+  "Initiate recovery for another": "दूसरे के लिए रिकवरी शुरू करें",
+  "Inject Keys": "कुंजी दर्ज करें",
+  "Inject session keys (advanced)": "सत्र कुंजियाँ दर्ज करें (advanced)",
+  "Injected": "इंजेक्शन",
+  "It is recommended that you create/store your accounts securely and externally from the app. On {{yourBrowser}} the following browser extensions are available for use -": "यह अनुशंसा की जाती है कि आप ऐप से अपने खाते सुरक्षित और बाहरी रूप से बनाएं/संग्रहीत करें। {{yourBrowser}} पर निम्नलिखित ब्राउज़र एक्सटेंशन उपयोग के लिए उपलब्ध हैं",
+  "Judge": "जूरी",
+  "Keys from rotateKeys": "रोटेट कीज़ से कीज़",
+  "Known good": "अच्छे के रूप में जाना जाता है",
+  "Learn more...": "और जानें...",
+  "Lifetime (# of blocks)": "लाइफटाइम (# of blocks)",
+  "Loading": "लोड हो रहा है ",
+  "Locked1x": "लॉक्ड x1",
+  "Locked2x": "लॉक्ड x2",
+  "Locked3x": "लॉक्ड x3",
+  "Locked4x": "लॉक्ड x4",
+  "Locked5x": "लॉक्ड x5",
+  "Locked6x": "लॉक्ड x6",
+  "Low quality": " निम्न गुणवत्ता ",
+  "Make Transfer": " स्थानांतरण करें ",
+  "Make recoverable": " पुनर्प्राप्त करने योग्य बनाएं ",
+  "Manage your connection to Ledger S": " Ledger S से अपने कनेक्शन को प्रबंधित करें ",
+  "Message data": " संदेश डेटा ",
+  "Message origin.": " संदेश मूल।",
+  "Messages": " संदेश ",
+  "Metadata {{count}}": " मेटाडेटा {{count}}",
+  "Mnemonic": " स्मृति ",
+  "Most recent head data": " सबसे हालिया हेड डेटा ",
+  "Motions": " मोशन्स ",
+  "Multiple council proposals could exist, both approval and rejection. Apply your vote to the correct council proposal (also available on council motions page)": " कई परिषद प्रस्ताव मौजूद हो सकते हैं, अनुमोदन और अस्वीकृति दोनों। अपना वोट सही परिषद प्रस्ताव पर लागू करें (परिषद के प्रस्ताव पृष्ठ पर भी उपलब्ध)",
+  "Multisig": " मल्टीसिग ",
+  "Multisig approval with hash (non-final approval)": "हैश के साथ मल्टीसिग अनुमोदन (non-final approval)",
+  "Multisig approval with hash (not message with call)": " हैश के साथ मल्टीसिग अप्रूवल (not message with call)",
+  "Multisig approvals": "मल्टीसिग अप्रूवल",
+  "Multisig message with call (for final approval)": "कॉल के साथ मल्टीसिग मैसेज (for final approval)",
+  "Multisig message with call (not approval with hash)": "मल्टीसिग मैसेज विथ कॉल (not approval with hash)",
+  "Mutates contract state": "आपसी अनुबंध की स्थिति",
+  "My accounts": "मेरे खाते",
+  "My contacts": "मेरे संपर्क",
+  "Name given to this account. You can change it at any point in the future.": "इस खाते को दिया गया नाम। आप इसे भविष्य में किसी भी समय बदल सकते हैं।",
+  "Name given to this account. You can edit it. To use the account to validate or nominate, it is a good practice to append the function of the account in the name, e.g \"name_you_want - stash\".": "इस खाते को दिया गया नाम। आप इसे संपादित कर सकते हैं। मान्य या नामांकित करने के लिए खाते का उपयोग करने के लिए, खाते के कार्य को नाम में जोड़ना एक अच्छा अभ्यास है, उदाहरण के लिए \" name_you_want - stash \"",
+  "Name given to this multisig. You can edit it at any later point in time.": "इस मल्टीसिग को दिया गया नाम। आप इसे भविष्य में किसी भी समय संपादित कर सकते हैं।",
+  "Name of the network. It is only for display purposes.": "नेटवर्क का नाम। यह केवल प्रदर्शन उद्देश्यों के लिए है।",
+  "Name your example": "अपना उदाहरण नाम दें",
+  "Nay": "नहीं",
+  "Nay, I do not approve": "नहीं, मुझे मंजूर नहीं है",
+  "Network Name": "नेटवर्क का नाम",
+  "New stake": "नई हिस्सेदारी",
+  "No": "नहीं",
+  "No active members": "कोई सक्रिय सदस्य नहीं हैं",
+  "No active proposals": "कोई सक्रिय प्रस्ताव नहीं हैं",
+  "No active referendums": "कोई सक्रिय जनमत संग्रह नहीं हैं",
+  "No active validators found": "कोई सक्रिय सत्यापनकर्ता नहीं मिला",
+  "No active validators to check": "जांच करने के लिए कोई सक्रिय सत्यापनकर्ता नहीं हैं",
+  "No approved proposals": "कोई स्वीकृत प्रस्ताव नहीं",
+  "No assets found.": "कोई एसेट नहीं मिली",
+  "No bids": "कोई बोली नहीं है",
+  "No blocks available": " कोई ब्लॉक उपलब्ध नहीं है ",
+  "No candidates": " कोई उम्मीदवार नहीं हैं ",
+  "No candidates found": " कोई उम्मीदवार नहीं मिला ",
+  "No code hashes available": " कोई कोड हैश उपलब्ध नहीं है ",
+  "No committee proposals": " कोई समिति प्रस्ताव नहीं हैं ",
+  "No contracts available": " कोई अनुबंध उपलब्ध नहीं है ",
+  "No council motions": "कोई परिषद प्रस्ताव नहीं हैं",
+  "No documentation provided": " कोई दस्तावेज उपलब्ध नहीं कराया गया ",
+  "No events available": " कोई ईवेंट उपलब्ध नहीं है ",
+  "No external proposal": " कोई बाहरी प्रस्ताव नहीं हैं ",
+  "No funds staked yet. Bond funds to validate or nominate a validator": " फिलहाल कोई फंड दांव पर नहीं है। सत्यापनकर्ता को मान्य या नामांकित करने के लिए फंड लिंक करें ",
+  "No items": " कोई आइटम नहीं हैं ",
+  "No judgments": " कोई निर्णय नहीं है ",
+  "No logs available": " कोई लॉग उपलब्ध नहीं है ",
+  "No matches found": " कोई मिलान नहीं मिला ",
+  "No members found": " कोई सदस्य नहीं मिला ",
+  "No open tips": " कोई खुली युक्तियाँ नहीं हैं ",
+  "No pending era payouts from validators": " सत्यापनकर्ताओं के युग में कोई लंबित भुगतान नहीं है ",
+  "No pending extrinsics are in the queue": " सूची में कोई लंबित एक्सट्रिंसिक्स नहीं हैं ",
+  "No pending payouts for your stashes": " आपके गुप्त कोष के लिए कोई भुगतान लंबित नहीं है ",
+  "No pending proposals": " कोई लंबित प्रस्ताव नहीं हैं ",
+  "No runners up found": " कोई धावक नहीं मिला ",
+  "No upgradable extensions found": "कोई अपग्रेड करने योग्य एक्सटेंशन नहीं मिला",
+  "No waiting validators found": "कोई प्रतीक्षा सत्यापनकर्ता नहीं मिला",
+  "Node info": "नोड जानकारी",
+  "Nominate": "नामांकित करें",
+  "Nominate Validators": "सत्यापनकर्ताओं को नामांकित करें",
+  "Nominate selected": "नामांकित चयनित",
+  "Nominate validators": "सत्यापनकर्ताओं को नामांकित करें",
+  "Nominations ({{count}})": "({{count}}) नामांकन",
+  "Nominator": "नॉमिनेटर",
+  "Nominators can be selected automatically based on the current on-chain conditions or supplied manually as selected from the list of all currently available validators. In both cases, your favorites appear for the selection.": "नामांकनकर्ताओं को वर्तमान के आधार पर स्वचालित रूप से चुना जा सकता है श्रृंखला की स्थिति या मैन्युअल रूप से सभी वर्तमान में उपलब्ध सत्यापनकर्ताओं की सूची से चयनित के रूप में आपूर्ति की गई। दोनों ही मामलों में, आपके पसंदीदा चयन के लिए दिखाई देते हैं।",
+  "Nonce": "नोन्स",
+  "None": "कोई नहीं",
+  "Not updated in the last block": "अंतिम ब्लॉक में अपडेट नहीं किया गया",
+  "Nothing queued for execution": "निष्पादन की प्रतीक्षा में कुछ भी नहीं है",
+  "Of the beneficiary amount, at least {{bondPercentage}} would need to be put up as collateral. The maximum of this and the minimum bond will be used to secure the proposal, refundable if it passes.": "लाभार्थी राशि में से, कम से कम {{{bondPercentage}} को संपार्श्विक के रूप में रखना होगा। इसमें से अधिकतम और न्यूनतम बांड का उपयोग प्रस्ताव को सुरक्षित करने के लिए किया जाएगा, यदि स्वीकृत हो तो वापस किया जा सकता है।",
+  "Once bonded, it will need to be unlocked/withdrawn and will be locked for at least the bonding duration.": "एक बार बॉन्ड हो जाने पर, इसे अनलॉक/वापस लेने की आवश्यकता होगी और कम से कम बॉन्डिंग अवधि के लिए लॉक किया जाएगा।",
+  "Once transmitted the new selection will only take effect in 2 eras since the selection criteria for the next era was done at the end of the previous era. Until then, the nominations will show as inactive.": "एक बार नया चयन प्रसारित हो जाता है। यह केवल 2 युगों में प्रभावी होगा क्योंकि अगले युग के लिए चयन मानदंड पिछले युग के अंत में बनाए गए थे। तब तक, नामांकन निष्क्रिय के रूप में दिखाए जाएंगे।",
+  "One of your available nomination accounts, keyed by the stash. The transaction will be sent from the controller.": "आपके उपलब्ध नामांकन खातों में से एक, छिपाने की जगह द्वारा कुंजी। लेन-देन नियंत्रक से भेजा जाएगा।",
+  "Only applicable if the proposal has already passed and is ready for dispatch.": " केवल तभी लागू होता है जब प्रस्ताव पहले ही पारित हो चुका हो और प्रेषण के लिए तैयार हो",
+  "Override any applicable values for the specific signed output. These will be used to construct and display the signed transaction.": " विशिष्ट हस्ताक्षरित आउटपुट के लिए लागू मानों को ओवरराइड करें। इनका उपयोग हस्ताक्षरित लेनदेन के निर्माण और प्रदर्शन के लिए किया जाएगा",
+  "Override the default identity icon display with a specific theme": " डिफ़ॉल्ट पहचान आइकन के प्रदर्शन को एक विशिष्ट विषय के साथ बदलें",
+  "Override the default ss58 prefix for address generation": " पता पीढ़ी के लिए डिफ़ॉल्ट ss58 उपसर्ग को बदलें ",
+  "Overview": " सारांश",
+  "Owned": "की संपत्ति",
+  "Parachains": "परचेन्स",
+  "Parachains overview": "पैराचेन का सारांश",
+  "Paste here the address of the contact you want to add to your address book.": "यहां उस संपर्क का पता चिपकाएं जिसे आप अपनी एड्रेस लिस्ट में जोड़ना चाहते हैं।",
+  "Payout": "भुगतान",
+  "Payout all": "हर चीज के लिए भुगतान करें",
+  "Payout all stakers": "सभी हितधारकों का भुगतान करें",
+  "Pending call hashes": "लंबित हैश कॉल",
+  "Please make sure to save this file in a secure location as it is required, together with your password, to restore your account.": "कृपया इस फ़ाइल को सुरक्षित स्थान पर सहेजना सुनिश्चित करें क्योंकि यह आपके खाते को बहाल करने के लिए आपके पासवर्ड के साथ आवश्यक है।",
+  "Please read these terms and conditions carefully. By submitting this statement, you are deemed to have accepted these Terms and Conditions. If you do not agree to these terms, please refrain from accessing or proceeding. You can also find them at:": "कृपया इन नियमों और शर्तों को ध्यान से पढ़ें। इस अनुरोध को सबमिट करके, आपको इन नियमों और शर्तों को स्वीकार करने के लिए माना जाता है। यदि आप इन शर्तों से सहमत नहीं हैं, तो कृपया पहुंचने या आगे बढ़ने से परहेज करें। आप उन्हें भी पा सकते हैं:",
+  "Positive number": "सकारात्मक संख्या",
+  "Positive number between 1 and {{count}}": "1 और {{count}} के बीच सकारात्मक संख्या ",
+  "Positive number between 1 and {{memberCount}}": " 1 और {{memberCount}} के बीच सकारात्मक संख्या ",
+  "Positive number greater than or equal to {{nextFreeId}}": " {{nextFreeId}} से अधिक या बराबर सकारात्मक संख्या",
+  "Pre-sale ethereum address": "प्री-सेल एथोरम पता",
+  "Prefix indicates the ss58 address format in this network, it is a 16 bit unsigned integer that describes the precise format of the bytes of the address": "उपसर्ग इस नेटवर्क पर ss58 पते के प्रारूप को इंगित करता है, यह 0 ~ 255 के बीच एक संख्या है जो पते के बाइट के सटीक प्रारूप का वर्णन करता है",
+  "Preimage": "प्रीइमेज",
+  "Present the QR code containing the signature to the UI. Once scanned it will be submitted for on-chain processing and execution.": "यूआई को हस्ताक्षर युक्त क्यूआर कोड प्रस्तुत करें। एक बार स्कैन होने के बाद, इसे एक श्रृंखला पर प्रसंस्करण और निष्पादन के लिए प्रस्तुत किया जाएगा।",
+  "Proposal can either be to approve or reject this spend. One approved, the change is applied by either removing the proposal or scheduling payout.": "प्रस्ताव इस खर्च की मंजूरी या अस्वीकृति हो सकती है । एक बार मंजूरी मिलने के बाद, परिवर्तन या तो प्रस्ताव को हटाकर या भुगतान का समय निर्धारित करके लागू किया जाता है ।",
+  "Proposals": "प्रस्तावों",
+  "Proposals ({{count}})": "({{count}}) प्रस्तावों",
+  "Propose": "प्रस्‍ताव",
+  "Propose a committee motion": "एक समिति प्रस्ताव का प्रस्ताव",
+  "Propose a council motion": "परिषद प्रस्ताव का प्रस्ताव",
+  "Propose external": "बाहरी प्रस्ताव",
+  "Propose external (majority)": "बाहरी प्रस्ताव (बहुमत)",
+  "Propose motion": "एक प्रस्ताव का प्रस्ताव",
+  "Propose tip": "संतुष्टि का प्रस्ताव",
+  "Provide judgement": " प्रशर्ते निर्णय",
+  "Provide the account QR from the module/external application for scanning. Once detected as valid, you will be taken to the next step to add the account to your list.": "विश्लेषण के लिए बाहरी मॉड्यूल/आवेदन खाते का क्यूआर प्रदान करें। एक बार वैध के रूप में पता चला, आप अपनी सूची में खाते को जोड़ने के लिए अगले कदम के लिए ले जाया जाएगा ।",
+  "RPC calls": "कॉल RPC",
+  "Random": "यादृच्छिक",
+  "Raw seed": "कच्चे बीज",
+  "Raw storage": "कच्चे भंडारण",
+  "Reasonable": "उचित",
+  "Reassign": "पुन : सौंपना ",
+  "Redeem": "मुक्त करना ",
+  "Register": "पंजीकृत करें",
+  "Register Asset": "एसेट पंजीकृत करें",
+  "Register a parachain": "परचेन पंजीकृत करें",
+  "Register an Asset": "किसी एसेट का पंजीकरण करें",
+  "Register identity": "पहचान पंजीकरण",
+  "Register the vote for or against the proposal.": "प्रस्ताव के लिए या उसके खिलाफ वोट रिकॉर्ड करें ।",
+  "Rejection proposal to council": "परिषद को अस्वीकार करने का प्रस्ताव",
+  "Rejections": "Rechazos",
+  "Remove": "समाप्त",
+  "Remove ABI": "समाप्त ABI",
+  "Remove item": "आइटम निकालें",
+  "Reset": "पुनर्स्थापित",
+  "Restore": "पुनर्स्थापित करना",
+  "Restore JSON": "पुनर्स्थापित करना JSON",
+  "Retrieving data": "डेटा पुनर्प्राप्त ",
+  "Retrieving info for all applicable eras, this will take some time": "सभी लागू युगों से जानकारी प्राप्त करें, इसके लिए कुछ समय की आवश्यकता होगी",
+  "Revert": "वापस लौटना",
+  "Revert pending slashes": "लंबित कटौती वापस",
+  "Rewards (once paid) can be deposited to either the stash or controller, with different effects.": "पुरस्कार (एक बार भुगतान किया) छिपाने की जगह या नियंत्रक में जमा किया जा सकता है, अलग परिणामों के साथ ।",
+  "Save": "रक्षा कर",
+  "Save & Reload": "सहेजें और ताज़ा करें",
+  "Save snippet to local storage": "स्थानीय भंडारण के लिए मूल्य बचाता है",
+  "Save the type definitions for your custom structures as key-value pairs in a valid JSON file. The key should be the name of your custom structure and the value an object containing your type definitions.": "एक वैध JSON फ़ाइल में कुंजी मूल्य जोड़े के रूप में अपने कस्टम संरचनाओं के लिए प्रकार परिभाषाएं सहेजें। कुंजी आपकी कस्टम संरचना का नाम और किसी वस्तु का मूल्य होना चाहिए जिसमें इसकी प्रकार की परिभाषाएं शामिल हैं।",
+  "Save this backup file in a secure location. Additionally, the password associated with this account is needed together with this backup file in order to restore your account.": "इस सुरक्षा फ़ाइल को संरक्षित स्थान पर सहेजें। इसके अलावा, आपके खाते को बहाल करने के लिए बैकअप फाइल के साथ-साथ इस खाते से जुड़े पासवर्ड की आवश्यकता होती है।",
+  "Saved": "सहेजा",
+  "Scan Signature Qr": "क्यूआर हस्ताक्षर स्कैन",
+  "Scan the QR code with your QR scanner. Once approved, you will be required to present the signed QR back to the UI for submission.": "क्यूआर कोड को अपने क्यूआर स्कैनर से स्कैन करें। एक बार मंजूरी मिल जाने के बाद, आपको साइन किए गए क्यूआर को जमा करने के लिए यूआई में वापस जमा करने के लिए प्रेरित किया जाएगा।",
+  "Search for": "द्वारा खोजें",
+  "Second": "दूसरा",
+  "Second proposal": "दूसरा प्रस्ताव",
+  "Seconding a proposal that indicates your backing for the proposal. Proposals with greater interest moves up the queue for potential next referendums.": "किसी ऐसे प्रस्ताव का समर्थन करें जो प्रस्ताव के लिए आपके समर्थन को इंगित करता है। सबसे बड़ी रुचि वाले प्रस्ताव संभावित आगामी जनमत संग्रह की कतार में हैं।",
+  "Seconds ({{count}})": "({{count}}) दूसरा",
+  "Select Network": "नेटवर्क का चयन करें",
+  "Select a contact or paste the address you want to send funds to.": "एक संपर्क का चयन करें या जिस पते पर आप धन भेजना चाहते हैं उसे चिपका दें।",
+  "Select and order council candidates you wish to vote for.": "आप के लिए वोट करना चाहते हैं परिषद के उम्मीदवारों का चयन करें और सॉर्ट करें।",
+  "Select best": "सर्वश्रेष्ठ का चयन करें",
+  "Select example": "एक उदाहरण चुनें",
+  "Select targets manually (no auto-selection based on current profitability)": "मैन्युअल रूप से लक्ष्य चुनें (वर्तमान लाभप्रदता के आधार पर कोई स्वचालित चयन नहीं) ",
+  "Select the JSON key file that was downloaded when you created the account. This JSON file contains your private key encrypted with your password.": "खाता बनाने पर डाउनलोड की गई जेएसओएन कुंजी फ़ाइल का चयन करें। इस JSON फ़ाइल अपने पासवर्ड के साथ एन्क्रिप्टेड अपने निजी कुंजी शामिल हैं।",
+  "Select the account to use for this action.": "इस क्रिया के लिए उपयोग करने के लिए खाते का चयन करें. ",
+  "Select the account you wish close the proposal with.": "उस खाते का चयन करें जिसके साथ आप प्रस्ताव को बंद करना चाहते हैं।",
+  "Select the account you wish to make the proposal with.": "उस खाते का चयन करें जिसके साथ आप प्रस्ताव बनाना चाहते हैं।",
+  "Select the account you wish to recover into this account.": "आप जिस खाते से इस खाते को पुनर् वसूलना चाहते हैं, उसका चयन करें।",
+  "Select the account you wish to second with. This will lock your funds until the proposal is either approved or rejected": "आप जिस खाते के साथ भाग लेना चाहते हैं, उसे चुनें। यह आपके धन को तब तक अवरुद्ध करेगा जब तक कि प्रस्ताव को मंजूरी नहीं दी जाती या अस्वीकार नहीं कर दिया जाता",
+  "Select the account you wish to submit for candidacy.": "नामांकन के लिए आप जो खाता जमा करना चाहते हैं, उसका चयन करें।",
+  "Select the account you wish to submit the proposal from.": "उस खाते का चयन करें जिसमें से आप प्रस्ताव प्रस्तुत करना चाहते हैं।",
+  "Select the account you wish to submit the tip from.": "उस खाते का चयन करें जिसमें से आप टिप भेजना चाहते हैं।",
+  "Select the account you wish to vote with. You can approve \"aye\" or deny \"nay\" the proposal.": "आप जिस खाते के साथ मतदान करना चाहते हैं, उसे चुनें। आप इस प्रस्ताव को मंजूरी दे या न दे सकते हैं।",
+  "Select the council account you wish to use to make the proposal.": "उस परिषद खाते का चयन करें जिसका उपयोग आप प्रस्ताव बनाने के लिए करना चाहते हैं।",
+  "Select the remote endpoint, either from the dropdown on manual entered via the custom toggle": "कस्टम कुंजी के माध्यम से दर्ज मैनुअल ड्रॉप-डाउन से रिमोट एंडपॉइंट चुनें",
+  "Send funds": "धन भेजें",
+  "Send funds from this account": "इस खाते से धन भेजें",
+  "Send funds to this address": "इस खाते में धन भेजें",
+  "Send to council": "परिषद को भेजें",
+  "Sending transaction": "लेन-देन भेजें",
+  "Session Key": "सत्र की कुंजी",
+  "Set Identity": "पहचान स्थापित करें",
+  "Set Session Key": "सत्र की कुंजी निर्धारित करें",
+  "Set controller": "सेट कंट्रोलर",
+  "Set nominees": "प्रत्याशियों को सेट करें",
+  "Set on-chain identity": "स्ट्रिंग के लिए पहचान सेट करें",
+  "Set reward destination": "पुरस्कार गंतव्य सेट करें",
+  "Set sudo key": "सेट सुडो कुंजी",
+  "Set to 0 to make transaction immortal": "लेन-देन को अमर बनाने के लिए 0 पर सेट करें",
+  "Set validator preferences": "मान्याकार प्राथमिकताएं सेट करें",
+  "Setup Nominator {{step}}/{{NUM_STEPS}}": "मनोनीत विन्यास {{step}}}/{{NUM_STEPS}} ",
+  "Setup Validator {{step}}/{{NUM_STEPS}}": "कॉन्फिगर मान्याकर्ता {{step}}}/{{NUM_STEPS}} ",
+  "Setup account as recoverable": "वसूली योग्य के रूप में खाते को सेट करें",
+  "Should the search be case sensitive, e.g if you select \"no\" your search for \"Some\" may return addresses containing \"somE\" or \"sOme\"...": "यदि खोज मामला-संवेदनशील है, उदाहरण के लिए, यदि आप \"no\" का चयन करते हैं, तो \"कुछ \" की खोज के परिणामस्वरूप ऐसे पते हो सकते हैं जिनमें \"कुछ \" या \"कुछ \" शामिल हैं।",
+  "Show address on hardware device": "हार्डवेयर डिवाइस पर पता प्रदर्शित करें",
+  "Sign (no submission)": "हस्ताक्षर (न भेजें) ",
+  "Sign and Submit": "हस्ताक्षर करें और भेजें",
+  "Sign for multisig": "मल्टीसिग के लिए साइन करें",
+  "Sign message": "हस्ताक्षर संदेश",
+  "Sign via Qr": "क्यूआर से साइन करें",
+  "Sign via {{hardwareType}}": "से हस्ताक्षर करें {{hardwareType}}",
+  "Signed transaction": "हस्ताक्षरित लेन-देन",
+  "Since the multisig function like any other account, once created it is available for selection anywhere accounts are used and needs to be funded before use.": "चूंकि मल्टीसिग किसी भी अन्य खाते की तरह काम करता है, एक बार बनाया गया यह चयन के लिए उपलब्ध होगा कहीं भी खातों का उपयोग किया जाता है और उपयोग करने से पहले वित्त पोषित किया जाना चाहिए।",
+  "Since this transaction deals with funding, the stash account will be used.": "चूंकि इस लेनदेन को वित्तपोषण के साथ करना है, इसलिए छिपाने की जगह खाते का उपयोग किया जाएगा।",
+  "Skeptics": "संशयशील",
+  "Society": "समाज ",
+  "Society overview": "समाज का सारांश",
+  "Specify the user account to use for this contract call. And fees will be deducted from this account.": "इस अनुबंध कॉल के लिए उपयोग करने के लिए उपयोगकर्ता खाते को निर्दिष्ट करें। और खर्च इस खाते से घटाया जाएगा।",
+  "Specify the user account to use for this deployment. And fees will be deducted from this account.": "इस तैनाती के लिए उपयोग करने के लिए उपयोगकर्ता खाते को निर्दिष्ट करें। और इस खाते से खर्च काट लिया जाएगा।",
+  "Staking overview": "जताया सारांश",
+  "Start generation": "पीढ़ी शुरू",
+  "Start recovery": "वसूली शुरू करें",
+  "Stash": "छिपाने",
+  "Stop": "रुको",
+  "Stop generation": "पीढ़ी को रोकें",
+  "Storage": "भंडार",
+  "Submit": "भेजना",
+  "Submit (no signature)": "भेजें (अहस्ताक्षरित) ",
+  "Submit RPC call": "कॉल भेजें RPC",
+  "Submit Sudo": "सुडो भेजें",
+  "Submit Transaction": "लेन-देन भेजें",
+  "Submit Unsigned": "अहस्ताक्षरित भेजें",
+  "Submit candidacy": "उम्मीदवारी जमा करें ",
+  "Submit key": "कुंजी सबमिट करें",
+  "Submit preimage": "प्रीइमेज भेजें",
+  "Submit proposal": "प्रस्ताव अपलोड करें",
+  "Submit signed extrinsic": "हस्ताक्षरित बाह्य जमा करें",
+  "Submit tip": "टिप सबमिट करें ",
+  "Submit tip endorsement": "टिप अनुमोदन सबमिट करें",
+  "Submit tip request": "टिप के लिए अनुरोध सबमिट करें",
+  "Submit treasury proposal": "ट्रेजरी का प्रस्ताव प्रस्तुत करें",
+  "Submit your council candidacy": "बोर्ड में आवेदन करें",
+  "Sudo access": "सुडो एक्सेस",
+  "Sudo key": "सुडो कुंजी",
+  "Supply a backed-up JSON file, encrypted with your account-specific password.": "जेएसओएन फाइल की बैकअप कॉपी उपलब्ध कराएं, जो अकाउंट के लिए पासवर्ड के साथ एन्क्रिप्टेड है ।",
+  "Targets": "उद्देश्यों",
+  "Tech. committee": "तकनीकी समिति",
+  "Technical committee": "तकनीकी समिति",
+  "Test account": "परीक्षण खाता",
+  "The Ethereum address you used during the pre-sale (starting by \"0x\")": "एथोरम पता जिसका उपयोग प्रीसेल के दौरान किया गया था (\"0x\" के साथ शुरू होता है)",
+  "The RPC node can be selected from the pre-defined list or manually entered, depending on the chain you wish to connect to.": "RPC नोड को पूर्व निर्धारित सूची से चुना जा सकता है या मैन्युअल रूप से दर्ज किया जा सकता है, जो उस स्ट्रिंग के आधार पर है जिससे आप कनेक्ट करना चाहते हैं।",
+  "The Threshold must be a positive number": "दहलीज एक सकारात्मक संख्या होनी चाहिए",
+  "The Threshold must lower than 11": "सीमा 11 से कम होनी चाहिए",
+  "The UI puts a limit of 40 payouts at a time, where each payout is a single validator for a single era.": "यूआई एक समय में 40 पारिश्रमिक की सीमा निर्धारित करता है, जहां प्रत्येक भुगतान एक युग के लिए एक ही सत्यापनकर्ता होता है।",
+  "The account password as specified when creating the account. This is used to encrypt the backup file and subsequently decrypt it when restoring the account.": "खाते के लिए पासवर्ड, के रूप में संकेत दिया जब खाता बनाया गया था । इसका उपयोग बैकअप फ़ाइल को एन्क्रिप्ट करने के लिए किया जाता है और बाद में खाता बहाल होने पर डिक्रिप्ट किया जाता है।",
+  "The account that signed the input": "प्रवेश पर हस्ताक्षर करने वाले खाते",
+  "The account to which the proposed balance will be transferred if approved": "जिस खाते को मंजूरी मिलने पर प्रस्तावित शेष राशि हस्तांतरित की जाएगी",
+  "The account to which the tip will be transferred if approved": "जिस खाते को मंजूरी मिलने पर टिप ट्रांसफर की जाएगी",
+  "The account you want to claim to.": "वह खाता जिसे आप दावा करना चाहते हैं।",
+  "The account you want to register the preimage from": "वह खाता जिसके लिए आप पिछली छवि को पंजीकृत करना चाहते हैं",
+  "The account you want to register the proposal from": "जिस खाते में आप पंजीकरण करना चाहते हैं",
+  "The account you will send funds from.": "जिस खाते से आप फंड भेजेंगे।",
+  "The account's password specified at the creation of this account.": "इस खाते के निर्माण में निर्दिष्ट खाते के लिए पासवर्ड।",
+  "The actual JSONRPC module and function to make a call to.": "वर्तमान JSONRPC मॉड्यूल और समारोह एक कॉल करते हैं।",
+  "The actual proposal to make, based on the selected call and parameters thereof.": "चयनित कॉल और उसके मापदंडों के आधार पर किया जाने वाला वर्तमान प्रस्ताव ।",
+  "The address for the deployed contract instance.": "तैनात अनुबंध उदाहरण का पता",
+  "The address to vote from (must be a member)": "वह पता जिससे आप मतदान करना चाहते हैं (सदस्य होना चाहिए) ",
+  "The addresses that are able to approve multisig transactions. You can select up to {{maxHelpers}} trusted addresses.": "वे पते जो मल्टीसिग लेनदेन को मंजूरी दे सकते हैं। आप {{maxHelpers}} विश्वसनीय पते तक का चयन कर सकते हैं ।",
+  "The addresses that are able to help in recovery. You can select up to {{maxHelpers}} trusted helpers.": "निर्देश जो वसूली में मदद कर सकते हैं। आप {{maxHelpers}} विश्वसनीय जादूगरों के लिए चयन कर सकते हैं ।",
+  "The allotted endowment for this contract, i.e. the amount transferred to the contract upon instantiation.": "इस अनुबंध के लिए आवंटन, यानी उदाहरण के द्वारा अनुबंध को हस्तांतरित राशि।",
+  "The allotted value for this contract, i.e. the amount transferred to the contract as part of this call.": "इस अनुबंध को सौंपा गया मूल्य, अर्थात, इस कॉल के हिस्से के रूप में अनुबंध को हस्तांतरित की गई मात्रा।",
+  "The amount of funds to unbond, this is adjusted using the bonded funds on the stash account.": "अनलॉक की जाने वाली धनराशि को छिपाने की जगह खाते में जमा धन का उपयोग करके समायोजित किया जाता है",
+  "The amount placed at-stake should be no more that 95% of your available amount to protect against slashing events.": "शेयर में रखी गई राशि ट्रिमिंग इवेंट्स से बचाने के लिए उपलब्ध राशि का 95% से अधिक नहीं होना चाहिए।",
+  "The amount that is associated with this vote. This value is is locked for the duration of the vote.": "इस वोट से जुड़ी राशि। यह मान वोट की अवधि के लिए बंद कर दिया है ।",
+  "The amount that will be allocated from the treasury pot": "ट्रेजरी फंड से आवंटित की जाने वाली राशि",
+  "The amount that will be used on a per-validator basis to calculate profits for that validator.": "उस सत्यापनकर्ता के लाभों की गणना करने के लिए प्रत्येक सत्यापनकर्ता के आधार पर उपयोग की जाने वाली राशि।",
+  "The amount this total can be reduced by to change the referendum outcome. This assumes changes to the convictions of the existing votes, with no additional turnout.": "जनमत संग्रह के परिणाम को बदलने के लिए इस कुल की राशि को कम किया जा सकता है । इसका मतलब है कि मौजूदा वोटों की राय में बदलाव, बिना किसी अतिरिक्त भागीदारी के ।",
+  "The amount this total should be increased by to change the referendum outcome. This assumes additional turnout with new votes at 1x conviction.": "जनमत संग्रह के परिणाम को बदलने के लिए इस कुल की राशि बढ़ाई जानी चाहिए । यह निर्णय के 1x पर नए वोटों के साथ एक अतिरिक्त मतदान का मतलब है",
+  "The associated deposit for this proposal should be more then the minimum on-chain deposit required. It will be locked until the proposal passes.": "इस प्रस्ताव से जुड़ा डिपॉजिट जरूरी मिनिमम चेन डिपॉजिट से ज्यादा होना चाहिए। प्रस्ताव पास होने तक इसे ब्लॉक कर दिया जाएगा।",
+  "The auto-selection is done on the current profitability of the validators taking your favorites into account. It is adjusted based on the commission and current range of backing for the validator. The calculation may and will change over time, so it is rather a selection based on the current state of the network, not a predictor of future profitability.": "स्वयं चयन अपने पसंदीदा को ध्यान में रखते हुए सत्यापनकर्ताओं की वर्तमान लाभप्रदता पर किया जाता है। यह कमीशन और सत्यापनकर्ता की वर्तमान बैकअप रेंज के आधार पर समायोजित किया जाता है। गणना समय के साथ बदल सकती है और बदल जाएगी, इसलिए यह नेटवर्क की वर्तमान स्थिति के आधार पर चयन का अधिक है, भविष्य की लाभप्रदता का संकेतक नहीं है।",
+  "The balance associated with the vote will be locked as per the conviction specified and will not be available for transfer during this period.": "वोट से जुड़े शेष को निर्दिष्ट वाक्य के अनुसार अवरुद्ध कर दिया जाएगा और इस अवधि के दौरान हस्तांतरण के लिए उपलब्ध नहीं होगा ।",
+  "The beneficiary will have access to the transferred fees when the transaction is included in a block.": "भुगतानकर्ता के पास लेनदेन को ब्लॉक में शामिल करने पर किए गए भुगतान तक पहुंच होगी।",
+  "The beneficiary will receive the full amount if the proposal passes.": "प्रस्ताव को मंजूरी मिलने पर लाभार्थी को पूरी राशि मिलेगी।",
+  "The beneficiary will received the tip as approved by council members.": "लाभार्थी को बोर्ड के सदस्यों द्वारा अनुमोदित टिप प्राप्त होगी।",
+  "The blake2b 256-bit hash of the actual input data.": "वास्तविक इनपुट डेटा का 256-बिट ब्लेक2बी हैश।",
+  "The bonding duration for any staked funds. After this period needs to be withdrawn.": "धन को दांव पर लगाने की अवधि। इस अवधि के बाद इसे वापस ले लिया जाना चाहिए।",
+  "The bonding duration for any staked funds. Needs to be unlocked and withdrawn to become available.": "धन को जोड़ने की अवधि। इसे उपलब्ध होने के लिए अनलॉक और हटाया जाना चाहिए।",
+  "The call hashes that have not been executed as of yet.": "कॉल हैश जो अभी तक निष्पादित नहीं किया गया है।",
+  "The code hash for the on-chain deployed code.": "कोड की चेन तैनाती के लिए कोड का हैश।",
+  "The code is not recognized as being in valid WASM format": "कोड वैध WASM प्रारूप में मान्यता प्राप्त नहीं है",
+  "The codeHash is not a valid hex hash": "हैश कोड एक वैध हेक्स हैश नहीं है",
+  "The color used to distinguish this network with others, use color code with 3 or 6 digits, like \"#FFF\" or \"#111111\"": "दूसरों से इस नेटवर्क को अलग करने के लिए इस्तेमाल किया जाने वाला रंग 3 या 6 अंकों का रंग कोड का उपयोग करता है, जैसे \"#FFF \" या \"#111111\"",
+  "The commission is deducted from all rewards before the remainder is split with nominators.": "बाकी नॉमिनेटर्स के साथ शेयर करने से पहले सभी रिवार्ड्स से कमीशन काट लिया जाता है ।",
+  "The committee account that will apply the close for the current round.": "समिति का खाता जो वर्तमान दौर के लिए बंद लागू होगा",
+  "The compiled WASM for the contract that you wish to deploy. Each unique code blob will be attached with a code hash that can be used to create new instances.": "जिस अनुबंध को आप तैनात करना चाहते हैं, उसके लिए संकलित WASM। प्रत्येक अद्वितीय कोड ब्लॉब को एक कोड हैश के साथ जोड़ा जाएगा जिसका उपयोग नए उदाहरण बनाने के लिए किया जा सकता है।",
+  "The compiled runtime WASM for the parachain you wish to register.": "वाशतक ने पैराचेन के लिए रनटाइम संकलित किया जिसे आप पंजीकृत करना चाहते हैं।",
+  "The compiled runtime WASM for this parachain.": "रनटाइम इस पैराचेन के लिए WASM में संकलित।",
+  "The contract WASM previously deployed. Internally this is identified by the hash of the code, as either created or attached.": "पहले तैनात थाम का ठेका। आंतरिक रूप से इसे कोड के हैश द्वारा पहचाना जाता है, चाहे वह बनाया गया हो या जुड़ा हुआ हो।",
+  "The controller is the account that is be used to control any nominating or validating actions. I will sign this transaction.": "नियंत्रक वह खाता है जिसका उपयोग किसी भी नामांकन या सत्यापन कार्रवाई को नियंत्रित करने के लिए किया जाता है। मैं इस लेन-देन पर हस्ताक्षर करूंगा।",
+  "The controller is the account that will be used to control any nominating or validating actions. Should not match another stash or controller.": "नियंत्रक वह खाता है जिसका उपयोग किसी भी नामांकन या सत्यापन कार्रवाई को नियंत्रित करने के लिए किया जाएगा। यह छिपाने की जगह या अन्य नियंत्रक मैच नहीं होना चाहिए।",
+  "The conviction to use for this vote, with an appropriate lock period.": "इस वोट के लिए इस्तेमाल किया जाने वाला वाक्य, एक उपयुक्त अवरुद्ध अवधि के साथ ।",
+  "The council account for the proposal. The selection is filtered by the current members.": "प्रस्ताव के लिए परिषद का लेखा-जोखा है । चयन वर्तमान सदस्यों द्वारा फ़िल्टर किया जाता है।",
+  "The council account for this vote. The selection is filtered by the current members.": "इस वोट के लिए परिषद का हिसाब । चयन वर्तमान सदस्यों द्वारा फ़िल्टर किया जाता है।",
+  "The council account that will apply the close for the current round.": "परिषद का खाता जो वर्तमान दौर के अंत में लागू होगा ।",
+  "The council member that is proposing this, submission equates to an \"aye\" vote.": "परिषद के सदस्य यह प्रस्ताव, प्रस्तुत एक \"हां\" वोट के बराबर होती है ।",
+  "The council proposal to make the vote on": "परिषद के वोट बनाने का प्रस्ताव",
+  "The data that was signed. This is used in combination with the signature for the verification. It can either be hex or a string.": "जिन डेटा पर हस्ताक्षर किए गए थे। इसका उपयोग सत्यापन के लिए हस्ताक्षर के साथ संयोजन में किया जाता है। यह षोडसीमल या एक स्ट्रिंग हो सकता है।",
+  "The delay between vouching and the availability of the recovered account.": "पंजीकरण और उस बरामद खाते की उपलब्धता के बीच प्रतीक्षा।",
+  "The delay period to apply in blocks": "ब्लॉकों में लागू होने वाली विलंब अवधि",
+  "The deployment constructor information for this contract, as provided by the ABI.": "इस अनुबंध के लिए तैनाती कंस्ट्रक्टर जानकारी, जैसा कि ABI द्वारा प्रदान किया गया है।",
+  "The deposit is below the {{minimum}} minimum required for the proposal to be evaluated": "जमा न्यूनतम से नीचे है {{minimum}} प्रस्ताव का मूल्यांकन करने के लिए आवश्यक",
+  "The deposit of {{deposit}} will be reserved until the proposal is completed": " {{deposit}} का जमा प्रस्ताव पूरा होने तक आरक्षित रहेगा",
+  "The derivation path allows you to create different accounts from the same base mnemonic.": "व्युत्पन्न पथ आपको एक ही स्नेमोनिक आधार से अलग-अलग खाते बनाने की अनुमति देता है।",
+  "The desired threshold. Here set to a default of 50%+1, as applicable for general proposals.": "वांछित सीमा। यहां 50% + 1 का डिफ़ॉल्ट मूल्य निर्धारित किया गया है, क्योंकि यह सामान्य प्रस्तावों पर लागू होता है।",
+  "The destination account for any payments as either a nominator or validator": "नॉमिनेट या सत्यापनकर्ता के रूप में किसी भी भुगतान के लिए लक्ष्य खाता",
+  "The details of the transaction including the type, the description (as available from the chain metadata) as well as any parameters and fee estimations (as available) for the specific type of call.": "लेनदेन विवरण, जिसमें प्रकार, विवरण (जैसा कि स्ट्रिंग मेटाडेटा में इंगित किया गया है), साथ ही विशिष्ट प्रकार की कॉल के लिए पैरामीटर और दर अनुमान (जैसा कि इंगित किया गया है) शामिल है।",
+  "The email address associated with this identity.": "इस पहचान से जुड़ा ईमेल पता।",
+  "The existing account password as specified when this account was created or when it was last changed.": "मौजूदा खाते के लिए पासवर्ड, जैसा कि खाता बनाए जाने पर निर्दिष्ट किया गया था या जब इसे अंतिम रूप से संशोधित किया गया था।",
+  "The external proposal to send to the technical committee": "तकनीकी समिति को भेजने का बाहरी प्रस्ताव",
+  "The final recipient balance is less or equal to {{existentialDeposit}} (the existential amount) and will not be reflected": "रिसीवर का अंतिम संतुलन {{existentialDeposit}} (अस्तित्व की राशि) से कम या बराबर है और परिलक्षित नहीं होगा",
+  "The funds will only be available for withdrawal after the unbonding period, however will not be part of the staked amount after the next validator election. You can follow the unlock countdown in the UI.": "धन केवल अनलॉक अवधि के बाद वापस लेने के लिए उपलब्ध होगा, हालांकि वे सत्यापनकर्ता के अगले चुनाव के बाद जमा की गई राशि का हिस्सा नहीं होंगे । आप यूआई में अनलॉक उलटी गिनती का पालन कर सकते हैं।",
+  "The hash for the proposal this vote applies to": "प्रस्ताव है जो इस वोट लागू होता है की हैश",
+  "The hash of the preimage for the proposal as previously submitted or intended.": "प्रस्ताव के प्रीइमेज का हैश जैसा कि इसे प्रस्तुत किया गया है या प्रस्तुत करने का इरादा है ।",
+  "The hash of the proposal image, either already submitted or valid for the specific call.": "प्रस्ताव की छवि का हैश, पहले से ही प्रस्तुत या विशिष्ट कॉल के लिए मान्य है।",
+  "The hash of the selected proposal, use it for submitting the proposal": "चयनित प्रस्ताव का हैश, प्रस्ताव के प्रस्तुतीकरण के लिए इस्तेमाल किया",
+  "The helpers should be able to verify, via an off-chain mechanism, that the account owner indeed wishes to recover access and as such provide any approvals. In the cases of malicious recovery procedures, they will have the power to stop it.": "उपस्थित लोगों को एक ऑफ-चेन तंत्र के माध्यम से सत्यापित करने में सक्षम होना चाहिए, कि खाताधारक वास्तव में पहुंच हासिल करना चाहता है और इस प्रकार, कोई अनुमोदन प्रदान करता है । दुर्भावनापूर्ण वसूली प्रक्रियाओं के मामलों में, वे इसे रोकने की क्षमता होगी ।",
+  "The hex output from author_rotateKeys, as executed on the validator node. The keys will show as pending until applied at the start of a new session.": " author_rotateKeys का षोडसीमल आउटपुट, जैसा कि सत्यापनकर्ता नोड पर निष्पादित किया जाता है। चाबियाँ लंबित के रूप में प्रदर्शित किया जाएगा जब तक वे एक नए सत्र की शुरुआत में लागू कर रहे हैं ।",
+  "The id number to assign to this parachain.": "इस पैराचेन को असाइन करने के लिए पहचान संख्या",
+  "The id of the parachain to be deregistered.": "अपंजीकृत होने के लिए पैराचेन की आईडी",
+  "The image (proposal) will be stored on-chain against the hash of the contents.": " (प्रस्तावित) छवि सामग्री के हैश के खिलाफ एक श्रृंखला में संग्रहीत किया जाएगा ।",
+  "The initial head state for the parachain.": "पैराकिन के लिए हेडर की प्रारंभिक स्थिति।",
+  "The initial head state is invalid.": "हेडर की प्रारंभिक स्थिति अमान्य है।",
+  "The input data to hash. This can be either specified as a hex value (0x-prefix) or as a string.": "हैश को इनपुट डेटा। इसे षोडसीमल मूल्य (0x-उपसर्ग) या एक स्ट्रिंग के रूप में निर्दिष्ट किया जा सकता है।",
+  "The input data to sign. This can be either specified as a hex value (0x-prefix) or as a string.": "हस्ताक्षर करने के लिए इनपुट डेटा। इसे षोडसीमल मूल्य (0x-उपसर्ग) या एक स्ट्रिंग के रूप में निर्दिष्ट किया जा सकता है।",
+  "The key type and crypto type to use for this key. Be aware that different keys have different crypto requirements. You should be familiar with the type requirements for the different keys.": "इस कुंजी के लिए उपयोग करने के लिए कुंजी का प्रकार और क्रिप्टोग्राफी का प्रकार। ध्यान दें कि विभिन्न चाबियों में अलग-अलग क्रिप्टोग्राफी आवश्यकताएं हैं। आपको विभिन्न कुंजी के लिए प्रकार की आवश्यकताओं से परिचित होना चाहिए।",
+  "The legal name for this identity.": "इस पहचान का कानूनी नाम",
+  "The local name for this account. Changing this does not affect your on-line identity, so this is only used to indicate the name of the account locally.": "इस खाते का स्थानीय नाम। इसे बदलने से आपकी ऑनलाइन पहचान प्रभावित नहीं होती है, इसलिए इसका उपयोग केवल स्थानीय रूप से खाते के नाम को इंगित करने के लिए किया जाता है।",
+  "The locked value for this proposal": "इस प्रस्ताव के लिए बंद मूल्य",
+  "The maximum amount of gas that can be used by this call. If the code requires more, the call will fail.": "गैस की अधिकतम मात्रा है कि इस कॉल द्वारा इस्तेमाल किया जा सकता है। यदि कोड के लिए अधिक की आवश्यकता होती है, तो कॉल विफल हो जाएगी।",
+  "The maximum amount of gas that can be used by this deployment, if the code requires more, the deployment will fail.": "इस तैनाती के लिए इस्तेमाल की जा सकने वाली गैस की अधिकतम मात्रा, यदि कोड को अधिक आवश्यकता होती है, तो तैनाती विफल हो जाएगी।",
+  "The message to send to this contract. Parameters are adjusted based on the ABI provided.": "इस अनुबंध को भेजने का संदेश। प्रदान किए गए एबीआई के आधार पर मापदंडों को समायोजित किया जाता है।",
+  "The minimum amount that an account should have to be deemed active": "किसी खाते को सक्रिय समझकर न्यूनतम राशि देनी होगी",
+  "The minimum amount that will be bonded": "सुरक्षा पर निर्धारित की जाने वाली न्यूनतम मात्रा",
+  "The minimum deposit required": "न्यूनतम जमा आवश्यक",
+  "The minimum number of committee votes required to approve this motion": "इस प्रस्ताव को पारित करने के लिए आवश्यक समिति के मतों की न्यूनतम संख्या",
+  "The minimum number of council votes required to approve this motion": "इस प्रस्ताव को पारित करने के लिए आवश्यक परिषद के मतों की न्यूनतम संख्या",
+  "The multisig signatory for this transaction.": "इस लेन-देन का मल्टीसिग हस्ताक्षरकर्ता।",
+  "The name for this account and how it will appear under your addresses. With an on-chain identity, it can be made available to others.": "इस खाते का नाम और उसके पतों के नीचे यह कैसे दिखाई देगा। श्रृंखला में एक पहचान के साथ, यह दूसरों के लिए उपलब्ध हो सकता है।",
+  "The name is for unique identification of the account in your owner lists.": "नाम आपकी मालिक सूची में खाता-विशिष्ट आईडी के लिए है।",
+  "The name that will be displayed in your accounts list.": "वह नाम जो आपके खातों की सूची में दिखाई देगा. ",
+  "The new account password. Once set, all future account unlocks will be performed with this new password.": "खाते के लिए नया पासवर्ड। एक बार स्थापित होने के बाद, बाद के सभी खाते अनलॉक इस नए पासवर्ड के साथ किए जाएंगे।",
+  "The on-chain percentage for the treasury": "खजाने के लिए श्रृंखला प्रतिशत",
+  "The password and password confirmation for this account. This is required to authenticate any transactions made and to encrypt the keypair.": "इस अकाउंट के लिए पासवर्ड और वेरिफिकेशन। यह किसी भी लेनदेन को प्रमाणित करने और प्रमुख जोड़ी को एन्क्रिप्ट करने के लिए आवश्यक है।",
+  "The password previously used to encrypt this account.": "पासवर्ड पहले इस खाते को एन्क्रिप्ट करने के लिए इस्तेमाल किया।",
+  "The password to unlock the selected account.": "चयनित खाते को अनलॉक करने के लिए पासवर्ड।",
+  "The percentage reward (0-100) that should be applied for the validator": "प्रतिशत इनाम (0-100) सत्यापनकर्ता के लिए लागू किया जाएगा",
+  "The preimage hash of the proposal": "प्रस्ताव के प्रीइमेज का हैश",
+  "The private key for your account is derived from this seed. This seed must be kept secret as anyone in its possession has access to the funds of this account. If you validate, use the seed of the session account as the \"--key\" parameter of your node.": "आपके खाते की निजी कुंजी इस बीज से ली गई है। इस बीज को गुप्त रखा जाना चाहिए क्योंकि जो कोई भी इसका मालिक है, उसके पास खाता धन तक पहुंच है। यदि आप एक सत्यापनकर्ता हैं, तो अपने नोड के \"--key\" पैरामीटर के साथ सत्र खाता बीज का उपयोग करें।",
+  "The proposal is in the queue for future referendums. One proposal from this list will move forward to voting.": "यह प्रस्ताव भविष्य के जनमत संग्रह के लिए प्रतीक्षा सूची में है । इस सूची से एक प्रस्ताव मतदान के लिए जाएगा ।",
+  "The proposal that is being voted on. It will pass when the threshold is reached.": "जिस प्रस्ताव पर मतदान हो रहा है । दहलीज पर पहुंचने पर यह गुजर जाएगा।",
+  "The proposal that will be affected. Once closed for the current voting round, it would need to be re-submitted for a subsequent voting round.": "जो प्रस्ताव प्रभावित होगा। एक बार मतदान के मौजूदा दौर के लिए बंद होने के बाद बाद के दौर के मतदान के लिए इसे फिर से पेश करना होगा ।",
+  "The proposal that will be affected. Once closed for the current voting round, it would need to be re-submitted to council for a subsequent voting round.": "जो प्रस्ताव प्रभावित होगा। एक बार मतदान के मौजूदा दौर के लिए बंद हो जाने के बाद बाद के दौर के मतदान के लिए इसे वापस परिषद को प्रस्तुत करना होगा ।",
+  "The proposal will be registered from this account and the balance lock will be applied here.": "इस खाते से प्रस्ताव पोस्ट किया जाएगा और यहां बैलेंस लॉक लगाया जाएगा।",
+  "The reason why this tip should be paid.": "जिस कारण यह टोटका करना चाहिए।",
+  "The recoverable account is protected against the loss of seed/access by a social process.": "जो खाता बरामद किया जाता है, वह एक सामाजिक प्रक्रिया द्वारा बीज/पहुंच के नुकसान के खिलाफ संरक्षित है ।",
+  "The resulting signature of the input data, as done with the crypto algorithm from the account. (This could be non-deterministic for some types such as sr25519).": "इनपुट डेटा से उत्पस्वरूप हस्ताक्षर, जैसा कि खाते के क्रिप्टोग्राफिक एल्गोरिदम के साथ किया गया था। (यह sr25519 जैसे कुछ प्रकार के लिए गैर-निर्धारक हो सकता है)।",
+  "The scheduling preference for this parachain.": "इस पैराचेन के लिए तैयारी की योजना बनाना",
+  "The scheduling setting for this parachain.": "इस पैराचेन के विन्यास की योजना बना",
+  "The secret seed value for this account. Ensure that you keep this in a safe place, with access to the seed you can re-create the account.": "इस खाते के बीज का गुप्त मूल्य। बीज तक पहुंच के साथ, इसे सुरक्षित स्थान पर रखना सुनिश्चित करें, आप खाते का पुनर्निर्माण कर सकते हैं।",
+  "The seed and derivation path will be submitted to the validator node. this is an advanced operation, only to be performed when you are sure of the security and connection risks.": "बीज और व्युत्पन्न को सत्यापनकर्ता नोड को प्रस्तुत किया जाएगा। यह एक उन्नत ऑपरेशन है, यह केवल तभी किया जाएगा जब आप सुरक्षा और कनेक्शन जोखिमों के बारे में सुनिश्चित होंगे।",
+  "The selected account to be unlocked.": "खाता अनलॉक करने के लिए चुना गया है।",
+  "The selected account to perform the derivation on.": "व्युत्पन्न करने के लिए चयनित खाता।",
+  "The selected controller tied to this stash. Once set, this account will be able to control the actions performed by the stash account.": "चयनित नियंत्रक इस छिपाने की जगह से बंधा। एक बार कॉन्फ़िगर करने के बाद, यह खाता छिपाने की जगह खाते द्वारा किए गए कार्यों को नियंत्रित करने में सक्षम होगा।",
+  "The selected validators to nominate, either via the \"currently best algorithm\" or via a manual selection.": "मनोनीत करने के लिए चुने गए सत्यापनकर्ता, या तो \"सर्वश्रेष्ठ वर्तमान एल्गोरिदम\" के माध्यम से या मैनुअल चयन के माध्यम से।",
+  "The sending account that will be used to send this transaction. Any applicable fees will be paid by this account.": "शिपिंग खाता जिसका उपयोग इस लेनदेन को भेजने के लिए किया जाएगा। इस खाते के लिए किसी भी लागू शुल्क का भुगतान किया जाएगा।",
+  "The signatories has the ability to create transactions using the multisig and approve transactions sent by others.Once the threshold is reached with approvals, the multisig transaction is enacted on-chain.": "साइनर्स में मल्टीसिग का उपयोग करके लेनदेन बनाने और दूसरों द्वारा प्रस्तुत लेनदेन को मंजूरी देने की क्षमता होती है। एक बार जब थ्रेसहोल्ड मंजूरी के साथ पहुंच जाता है, तो मल्टीसिग लेनदेन को एक श्रृंखला में अनुमोदित किया जाता है।",
+  "The signatory is one of the allowed accounts on the multisig, making a recorded approval for the transaction.": "हस्ताक्षर के लेखक मल्टीसिग में अनुमति दी खातों में से एक है, लेनदेन का एक पंजीकृत अनुमोदन कर रही है ।",
+  "The signatory is one of the allowed accounts on the multisig. The transaction could either be the call or an approval for the hash of a call.": "लेखक मल्टीसिग में अनुमेई खातों में से एक है। लेन-देन कॉल के हैश के लिए कॉल या अनुमोदन हो सकता है।",
+  "The signatory to send the approval/cancel from": "अनुमोदन/रद्द करने के लिए हस्ताक्षर",
+  "The signature as by the account being checked, supplied as a hex-formatted string.": "खाते की जांच के रूप में हस्ताक्षर, एक षोडेसीमल प्रारूप स्ट्रिंग के रूप में आपूर्ति की ।",
+  "The specific eras on which there are unapplied slashes. For each era a separate proposal is to be made.": "विशिष्ट युग जहां कटौती लागू नहीं होती है। प्रत्येक युग के लिए एक अलग प्रस्ताव बनाया जाना चाहिए ।",
+  "The specified value is greater than your free balance. The node will bond the maximum amount available.": "निर्दिष्ट मूल्य आपके उपलब्ध शेष राशि से अधिक है। नोड अधिकतम उपलब्ध मात्रा को लिंक करेगा।",
+  "The stash account that is used. This will allow the controller to perform all non-funds related operations on behalf of the account.": "छिपाने की जगह खाता है कि उपयोग किया जाता है। इससे कंट्रोलर अकाउंट की ओर से सभी नॉन फंड ट्रांजैक्शन कर सकेंगे।",
+  "The stash and controller pair as linked. This operation will be performed via the controller.": "छिपाने की जगह और नियंत्रक की जोड़ी में शामिल हो गए हैं । यह कार्रवाई कंट्रोलर के माध्यम से की जाएगी।",
+  "The stash and controller pair, here the controller will be used to send the transaction.": "छिपाने की जगह और नियंत्रक की जोड़ी, यहां नियंत्रक लेनदेन भेजने के लिए इस्तेमाल किया जाएगा ।",
+  "The stash and controller pair. This transaction, managing preferences, will be sent from the controller.": "छिपाने की जगह और नियंत्रक की जोड़ी। यह लेनदेन, जो वरीयताओं का प्रबंधन करता है, नियंत्रक से भेजा जाएगा।",
+  "The stash and controller pair. This transaction, setting the session keys, will be sent from the controller.": "छिपाने की जगह जोड़ी और नियंत्रक। यह लेनदेन, जो वरीयताओं का प्रबंधन करता है, नियंत्रक से भेजा जाएगा।",
+  "The stash that is to be affected. The transaction will be sent from the associated controller account.": "छिपाने की जगह खाता है कि स्वीकार कर लिया जाएगा। ट्रांजेक्शन संबंधित नियंत्रक खाते से भेजा जाएगा।",
+  "The suggested value for this tip": "इस टिप के लिए सुझाए गए मूल्य",
+  "The threshold for approval should be less or equal to the number of signatories for this multisig.": "अनुमोदन सीमा इस मल्टीसिग में हस्ताक्षरों की संख्या से कम या बराबर होनी चाहिए ।",
+  "The threshold for approvals and the delay is the protection associated with the account. The delay should be such that any colluding recovery attempts does have a window to stop.": "अनुमोदन और देरी के लिए सीमा खाते से जुड़ी सुरक्षा है। देरी ऐसी होनी चाहिए कि किसी भी धोखाधड़ी वसूली के प्रयास को रोका जा रहा है की एक मौका है ।",
+  "The threshold for this multisig": "इस मल्टीसिग के लिए दहलीज",
+  "The threshold of vouches that is to be reached for the account to be recovered.": "गारंटी सीमा जो खाते को ठीक करने के लिए पहुंच जानी चाहिए।",
+  "The tip amount that should be allocated": "आवंटित की जाने वाली टिप की राशि",
+  "The total amount of the stash balance that will be at stake in any forthcoming rounds (should be less than the free amount available)": "छिपाने की जगह शेष राशि है कि अगले दौर में खेलने में होगा की कुल राशि (उपलब्ध मुफ्त राशि से कम होना चाहिए) ",
+  "The total amount of the stash balance that will be at stake in any forthcoming rounds (should be less than the total amount available)": "छिपाने की जगह शेष राशि है कि अगले दौर में खेलने में होगा की कुल राशि (कुल उपलब्ध राशि से कम होना चाहिए) ",
+  "The transferred balance will be subtracted (along with fees) from the sender account.": "ट्रांसफर बैलेंस को भेजने वाले के खाते से (फीस के साथ) घटाया जाएगा।",
+  "The twitter name for this identity.": "इस पहचान के लिए ट्विटर नाम।",
+  "The type of council proposal to submit.": "परिषद के प्रस्ताव को प्रस्तुत करने का प्रकार ।",
+  "The unapplied slashed era to cancel.": "कटौती के युग को रद्द करने के लिए लागू नहीं किया ।",
+  "The unchecked weight as specified for the sudoUncheckedWeight call.": "अनियंत्रित मूल्य, जैसा कि sudoUncheckedWeight कॉल में निर्दिष्ट है।",
+  "The value associated with this vote. The amount will be locked (not available for transfer) and used in all subsequent elections.": "इस वोट से जुड़ा मान। राशि को अवरुद्ध कर दिया जाएगा (हस्तांतरण के लिए उपलब्ध नहीं है) और बाद के सभी चुनावों में इस्तेमाल किया जाएगा ।",
+  "The value is not in a valid address format": "मान एक वैध पते प्रारूप में नहीं है",
+  "The value is the amount that is being asked for and that will be allocated to the beneficiary if the proposal is approved.": "मूल्य वह राशि है जिसका अनुरोध किया जाता है और यदि प्रस्ताव को अनुमोदित किया जाता है तो लाभार्थी को आवंटित किया जाएगा ।",
+  "The vote to record for this proposal, either for or against.": "इस प्रस्ताव के लिए दर्ज किया जाने वाला वोट या तो या उसके खिलाफ ।",
+  "The vote will be recorded for the selected account.": "चयनित खाते के लिए वोट दर्ज किया जाएगा।",
+  "The vote will be recorded for this account. If another account delegated to this one, the delegated votes will also be counted.": "इस खाते में वोट दर्ज होगा। यदि इस एक के लिए एक और खाता प्रतिनिधियों, प्रत्यायोजित वोट भी गिना जाएगा ।",
+  "The votes for the members, runner-ups and candidates. These should be ordered based on your priority.": "सदस्यों, उम्मीदवारों और विकल्पों के लिए वोट । इन्हें उनकी प्राथमिकता के आधार पर हल किया जाना चाहिए।",
+  "The voting period to apply in blocks": "मतदान की अवधि ब्लॉकों में लागू की जाएगी",
+  "There are no registered parachains": "कोई पंजीकृत पैराचेन नहीं",
+  "There is currently an ongoing election for new validator candidates. As such staking operations are not permitted.": "वर्तमान में नए सत्यापनकर्ता उम्मीदवारों के लिए एक चुनाव चल रहा है । इस प्रकार, स्टेकिंग संचालन की अनुमति नहीं है।",
+  "These are trusted individuals that can verify and approve any recovery actions. With recovery, once the threshold is reached, the funds associated with the account can be moved to a new destination.": "ये विश्वसनीय लोग हैं जो किसी भी वसूली कार्रवाई को सत्यापित और अनुमोदित कर सकते हैं। रिकवरी के साथ, एक बार दहलीज पर पहुंच जाने के बाद, खाते से जुड़े धन को एक नए गंतव्य में स्थानांतरित किया जा सकता है।",
+  "Think of the stash as your cold wallet and the controller as your hot wallet. Funding operations are controlled by the stash, any other non-funding actions by the controller itself.": "अपने गर्म बटुआ के रूप में अपने ठंडे बटुए और नियंत्रक के रूप में छिपाने की जगह के बारे में सोचो। वित्तपोषण संचालन छिपाने की जगह द्वारा नियंत्रित कर रहे हैं, किसी भी अंय गैर वित्तीय कार्रवाई नियंत्रक से होगा ।",
+  "This Ethereum address does not have a claim.": "इस एथोरम पते का कोई दावा नहीं है।",
+  "This account is recoverable, with the following friends:": "यह खाता निम्नलिखित ज्ञात के साथ वसूली योग्य है: ",
+  "This account that will perform the message signing.": "इस अकाउंट में मैसेज साइन होगा।",
+  "This account will appear in the list of candidates. With enough votes in an election, it will become either a runner-up or a council member.": "यह खाता उम्मीदवारों की सूची में दिखेगा। किसी चुनाव में पर्याप्त वोट होने से आप फाइनलिस्ट या बोर्ड मेंबर बन जाएंगे।",
+  "This account will be use to approve each candidate.": "इस खाते का उपयोग प्रत्येक उम्मीदवार को अनुमोदित करने के लिए किया जाएगा।",
+  "This account will make the proposal and be responsible for the bond.": "यह खाता प्रस्ताव बनाएगा और जमा राशि के लिए जिम्मेदार होगा।",
+  "This account will pay the fees for the preimage, based on the size thereof.": "यह खाता प्रीइमेज के खर्चों का भुगतान करेगा, जो उसी के आकार के आधार पर होगा।",
+  "This could either be an approval for the hash or with full call details. The call as last approval triggers execution.": "यह हैश के लिए या कॉल के सभी विवरणों के साथ एक अनुमोदन हो सकता है। अंतिम अनुमोदन के रूप में कॉल निष्पादन को ट्रिगर करता है।",
+  "This external account cannot be used to sign data. Only Limited support is currently available for signing from any non-internal accounts.": "इस बाहरी खाते का उपयोग डेटा पर हस्ताक्षर करने के लिए नहीं किया जा सकता है। वर्तमान में किसी भी गैर-आंतरिक खाते से हस्ताक्षर करने के लिए केवल सीमित समर्थन उपलब्ध है।",
+  "This injected account cannot be used to sign data since the extension does not support raw signing.": "इस इंजेक्शन खाते का उपयोग डेटा पर हस्ताक्षर करने के लिए नहीं किया जा सकता है क्योंकि एक्सटेंशन कच्चे हस्ताक्षर का समर्थन नहीं करता है।",
+  "This is not a valid JSON object.": "यह एक वैध JSON वस्तु नहीं है ।",
+  "This operation does not impact the associated on-chain code or any of its contracts.": "यह ऑपरेशन श्रृंखला या उसके किसी भी अनुबंध में संबद्ध कोड को प्रभावित नहीं करता है।",
+  "This operation does not remove the history of the account from the chain, nor any associated funds from the account. The forget operation only limits your access to the account on this browser.": "इस ऑपरेशन से न तो चेन से अकाउंट हिस्ट्री डिलीट होती है और न ही अकाउंट से संबंधित फंड। भूल ऑपरेशन केवल इस ब्राउज़र में खाते तक पहुंच को सीमित करता है।",
+  "This operation does not remove the history of the account from the chain, nor any associated funds from the account. The forget operation only limits your access to the address on this browser.": "इस ऑपरेशन से न तो चेन से अकाउंट हिस्ट्री डिलीट होती है और न ही अकाउंट से संबंधित फंड। \"भूल जाओ\" ऑपरेशन केवल इस ब्राउज़र के पते तक पहुंच को सीमित करता है।",
+  "This operation does not remove the history of the contract from the chain, nor any associated funds from its account. The forget operation only limits your access to the contract on this browser.": "यह ऑपरेशन न तो श्रृंखला के अनुबंध इतिहास को हटाता है, न ही आपके खाते के संबद्ध फंड। भूल ऑपरेशन केवल इस ब्राउज़र में अनुबंध के लिए अपनी पहुंच को सीमित करता है।",
+  "This operation does not remove the uploaded code WASM and ABI from the chain, nor any deployed contracts. The forget operation only limits your access to the code on this browser.": "इस कार्रवाई से न तो लोडेड WASM और ABI कोड को चेन से हटाया जा सकता है और न ही तैनात ठेके। \"भूल जाओ\" ऑपरेशन केवल इस ब्राउज़र के कोड के लिए अपनी पहुंच को सीमित करता है।",
+  "This operation will submit the seed via an RPC call. Do not perform this operation on a public RPC node, but ensure that the node is local, connected to your validator and secure.": "यह कार्रवाई RPC कॉल के माध्यम से बीज पेश करेगी। सार्वजनिक आरपीसी नोड पर इस ऑपरेशन को न करें, लेकिन सुनिश्चित करें कि नोड स्थानीय है, इसके सत्यापनकर्ता से जुड़ा हुआ है, और सुरक्षित है।",
+  "This password is used to encrypt your private key. It must be strong and unique! You will need it to sign transactions with this account. You can recover this account using this password together with the backup file (generated in the next step).": "इस पासवर्ड का उपयोग आपकी निजी कुंजी को एन्क्रिप्ट करने के लिए किया जाता है। यह मजबूत और अद्वितीय होना चाहिए! आपको इस खाते के साथ लेनदेन पर हस्ताक्षर करने की आवश्यकता होगी। आप बैकअप फ़ाइल (अगले चरण में उत्पन्न) के साथ उस पासवर्ड का उपयोग करके इस खाते को पुनर्परीखा सकते हैं।",
+  "This pubic key is what will be visible in your queued keys list. It is generated based on the seed and the crypto used.": "यह सार्वजनिक कुंजी वह है जो आपकी स्टैंडबाय चाबियों की सूची में दिखाई देगी। यह बीज और इस्तेमाल किए गए क्रिप्टो के आधार पर उत्पन्न होता है।",
+  "This will apply to any future use of this account as stored on this browser. Ensure that you securely store this new password and that it is strong and unique to the account.": "यह इस ब्राउज़र में संग्रहीत इस खाते के भविष्य के किसी भी उपयोग पर लागू होगा। इस नए पासवर्ड को सुरक्षित रूप से सहेजना सुनिश्चित करें, जो खाते के लिए मजबूत और अद्वितीय है।",
+  "Tip": "नोक",
+  "Tip (optional)": "सुझाव (वैकल्पिक) ",
+  "To council": "परिषद के लिए",
+  "To ensure optimal fund security using the same stash/controller is strongly discouraged, but not forbidden.": "यह दृढ़ता से हतोत्साहित किया जाता है, लेकिन निषिद्ध नहीं है, एक ही छिपाने की जगह का उपयोग कर धन की इष्टतम सुरक्षा सुनिश्चित करने के लिए",
+  "Transfer": "तबादला",
+  "Translate": "अनुवाद करना",
+  "Treasury overview": "ट्रेजरी अवलोकन",
+  "Type here what you would like your address to contain. This tool will generate the keys and show the associated addresses that best match your search. You can use \"?\" as a wildcard for a character.": "यहां लिखें कि आप अपने पते को क्या नियंत्रित करना चाहते हैं। यह उपकरण चाबियाँ उत्पन्न करेगा और संबंधित पतों को प्रदर्शित करेगा जो आपकी खोज को सबसे उपयुक्त करते हैं। आप एक चरित्र के लिए एक वाइल्डकार्ड के रूप में \"?\" का उपयोग कर सकते हैं।",
+  "Type the amount you want to transfer. Note that you can select the unit on the right e.g sending 1 milli is equivalent to sending 0.001.": "आप जिस राशि को स्थानांतरित करना चाहते हैं उसे टाइप करें। ध्यान दें कि आप दाईं ओर इकाई का चयन कर सकते हैं, उदाहरण के लिए, 1 मिलियन भेजना 0.001 भेजने के बराबर है।",
+  "Type the name of this Asset. This name will be used across all the apps. It can be edited later on.": "इस एसेट का नाम टाइप करें। सभी आवेदनों में इस नाम का इस्तेमाल किया जाएगा। इसे बाद में संपादित किया जा सकता है।",
+  "Type the name of your contact. This name will be used across all the apps. It can be edited later on.": "अपने संपर्क का नाम टाइप करें। सभी आवेदनों में इस नाम का इस्तेमाल किया जाएगा। इसे बाद में संपादित किया जा सकता है।",
+  "Type the password chosen at the account creation. It was used to encrypt your account's private key in the backup file.": "खाता बनाते समय चुने गए पासवर्ड को टाइप करें। इसका उपयोग बैकअप फ़ाइल में आपके खाते की निजी कुंजी को एन्क्रिप्ट करने के लिए किया गया था।",
+  "Unable to find deployed contract code at the specified address": "निर्दिष्ट पते पर तैनात अनुबंध कोड खोजने में असमर्थ",
+  "Unable to find on-chain WASM code for the supplied codeHash": "तार में WASM कोड आपूर्ति कोड के हैश के लिए नहीं मिल सका।",
+  "Unbond": "अनलिंक",
+  "Unbond funds": "अनलिंक फंड",
+  "Unbonding {{value}}": "अनबॉन्डिंग {{value}}",
+  "Uncaught error. Something went wrong with the query and rendering of this component. {{message}}": " {{message}} एक खुला त्रुटि। इस घटक के परामर्श और प्रतिनिधित्व के साथ कुछ गलत हो गया ।",
+  "Unit": "इकाई",
+  "Unit decides the name of 1 unit token, e.g. \"DOT\" for Polkadot": "ड्राइव एक ड्राइव टोकन का नाम तय करता है, उदाहरण के लिए पोल्काडॉट के लिए \"DOT\"",
+  "Unknown": "अप्रसिद्घ व्यक्ति",
+  "Unlock": "अनब्लॉक",
+  "Unlock account": "खाता अनलॉक करें",
+  "Unlock the account for signing. Once active the signature will be generated based on the content provided.": "हस्ताक्षर करने के लिए खाते को अनलॉक करें। एक बार सक्रिय होने के बाद, प्रदान की गई सामग्री के आधार पर हस्ताक्षर उत्पन्न किए जाएंगे।",
+  "Unlock the sending account to allow signing of this transaction.": "इस लेन-देन पर हस्ताक्षर करने की अनुमति देने के लिए शिपिंग खाते को अनलॉक करें।",
+  "Update metadata": "अद्यतन मेटाडेटा",
+  "Updated in the latest block": "पिछले ब्लॉक में अद्यतन",
+  "Upload": "अपलोड ",
+  "Upload WASM": " अपलोड WASM",
+  "Use an automatic selection of the currently most profitable validators": "आज सबसे लाभदायक सत्यापनकर्ताओं के स्वचालित चयन का उपयोग करें",
+  "Use this account to request the tip from. This can be a normal or council account.": "टिप का अनुरोध करने के लिए इस खाते का उपयोग करें। यह एक सामान्य या परिषद खाता हो सकता है।",
+  "Validate": "मान्य",
+  "Validator": "सत्यापनकर्ता",
+  "Validator stats": "सत्यापनकर्ता आंकड़े",
+  "Vanity generator": "वैनिटी जेनरेटर",
+  "Verify signature": "हस्ताक्षर सत्यापित करें",
+  "Verify the password entered above.": "ऊपर दर्ज पासवर्ड को सत्यापित करें।",
+  "View this externally": "इसे बाहरी रूप से देखें",
+  "Vote": "मत",
+  "Vote Aye": "पक्ष में मतदान करें",
+  "Vote Nay": "नकारात्मक वोट",
+  "Vote for candidate": "उम्मीदवार को वोट दें",
+  "Vote for current candidates": "वर्तमान उम्मीदवारों के लिए मतदान",
+  "Vote for defender": "डिफेंडर के लिए वोट दें",
+  "Vote on proposal": "प्रस्ताव पर मतदान",
+  "Waiting": "प्रतीक्षारत",
+  "Waiting for authorization from the extension. Please open the installed extension and approve or reject access.": "विस्तार से प्राधिकरण के लिए प्रतीक्षा कर रहा है। कृपया स्थापित एक्सटेंशन खोलें और एक्सेस को स्वीकार या अस्वीकार करें",
+  "Waiting nominations ({{count}})": "नामांकन के लिए इंतजार ({{count}})",
+  "Warning: we did not find any attest statement for {{chain}}": "चेतावनी: हमें कोई बयान नहीं मिला {{{chain}}",
+  "We found a pre-claim with this Polkadot address. However, attesting requires signing with this account. To continue with attesting, please add this account as an owned account first.": "हमें इस पोलकाडॉट पते के साथ पिछला दावा मिला । हालांकि, इस खाते के साथ हस्ताक्षर करना आवश्यक है। प्रमाणन जारी रखने के लिए, कृपया इस खाते को पहले अपने खाते के रूप में जोड़ें",
+  "We will provide you with a generated backup file after your account is created. As long as you have access to your account you can always download this file later by clicking on \"Backup\" button from the Accounts section.": "हम आपको अपना खाता बनाने के बाद उत्पन्न बैकअप फ़ाइल प्रदान करेंगे। जब तक आपके खाते तक पहुंच है, आप हमेशा अकाउंट्स सेक्शन में \"बैकअप\" बटन पर क्लिक करके बाद में इस फाइल को डाउनलोड कर सकते हैं।",
+  "When submitting a proposal the hash needs to be known. Proposals can be submitted with hash-only, but upon dispatch the preimage needs to be available.": "जब कोई प्रस्ताव प्रस्तुत किया जाता है, तो हैश को पता होना चाहिए । प्रस्ताव केवल हैश के साथ प्रस्तुत किया जा सकता है, लेकिन प्रस्तुत करने के समय पिछली छवि उपलब्ध होना चाहिए ।",
+  "Withdraw these unbonded funds": "इन असंबद्ध निधियों को वापस लें",
+  "Yes": "हाँ",
+  "You are about to remove this account from your list of available accounts. Once completed, should you need to access it again, you will have to re-create the account either via seed or via a backup file.": "आप इस खाते को उपलब्ध खातों की अपनी सूची से निकालने वाले हैं। एक बार पूरा होने के बाद, यदि आपको इसे फिर से एक्सेस करने की आवश्यकता होती है, तो आपको बीज या बैकअप फ़ाइल के माध्यम से खाता फिर से बनाना होगा।",
+  "You are about to remove this address from your address book. Once completed, should you need to access it again, you will have to re-add the address.": "आप अपने एजेंडे से इस पते को हटाने वाले हैं। एक बार पूरा होने के बाद, यदि आपको इसे फिर से एक्सेस करने की आवश्यकता है, तो आपको पता फिर से जोड़ना होगा।",
+  "You are about to remove this code from your list of available code hashes. Once completed, should you need to access it again, you will have to manually add the code hash again.": "आप उपलब्ध कोड की अपनी सूची से इस कोड को हटाने वाले हैं। एक बार पूरा होने के बाद, यदि आपको इसे फिर से एक्सेस करने की आवश्यकता है, तो आपको मैन्युअल रूप से कोड को फिर से जोड़ना होगा।",
+  "You are about to remove this code's ABI. Once completed, should you need to access it again, you will have to manually re-upload it.": "आप इस कोड से एबीआई को हटाने वाले हैं। एक बार पूरा होने के बाद, यदि आपको इसे फिर से एक्सेस करने की आवश्यकता है, तो आपको इसे मैन्युअल रूप से फिर से लोड करना होगा।",
+  "You are about to remove this contract from your list of available contracts. Once completed, should you need to access it again, you will have to manually add the contract's address in the Instantiate tab.": "आप उपलब्ध अनुबंधों की अपनी सूची से इस अनुबंध को हटाने वाले हैं। एक बार पूरा होने के बाद, यदि आपको इसे फिर से एक्सेस करने की आवश्यकता है, तो आपको स्नैपशॉट टैब में अनुबंध पते को मैन्युअल रूप से जोड़ना होगा।",
+  "You are connecting from a secure location to an insecure WebSocket ({{wsUrl}}). Due to browser mixed-content security policies this connection type is not allowed. Change the RPC service to a secure 'wss' endpoint.": "आप एक सुरक्षित स्थान से असुरक्षित वेबसॉकेट ({wsUrl}}) से जुड़ रहे हैं। ब्राउज़र की मिश्रित सामग्री सुरक्षा नीतियों के कारण, इस प्रकार के कनेक्शन की अनुमति नहीं है। आरपीसी सेवा को एक सुरक्षित 'wss' बिंदु पर बदलें।",
+  "You are not connected to a node. Ensure that your node is running and that the Websocket endpoint is reachable.": "आप एक नोड से जुड़े नहीं हैं। सुनिश्चित करें कि आपका नोड काम कर रहा है और वेबसॉकेट पहुंच योग्य है।",
+  "You are using an ABI with an outdated format. Please generate a new one.": "आप एक पुराने प्रारूप के साथ एक एबीआई का उपयोग कर रहे हैं। कृपया एक नया उत्पन्न करें।",
+  "You are voting with this collective's prime account. The vote will be the default outcome in case of any abstentions.": "आप इस समूह के मुख्य खाते के साथ मतदान कर रहे हैं । वोट किसी भी परहेज की स्थिति में डिफ़ॉल्ट परिणाम होगा ।",
+  "You can set a custom derivation path for this account using the following syntax \"/<soft-key>//<hard-key>///<password>\". The \"/<soft-key>\" and \"//<hard-key>\" may be repeated and mixed`. The \"///password\" is optional and should only occur once.": "आप निम्नलिखित वाक्य रचना \"/<soft-key>//<hard-key>//<password>\" का उपयोग करके इस खाते के लिए एक कस्टम व्युत्पन्न पथ निर्धारित कर सकते हैं । \"/<soft-key> \"और \"/<hard-key> \" दोहराया और मिश्रित किया जा सकता है '। \"//पासवर्ड \" वैकल्पिक है और केवल एक बार दिखाई देना चाहिए ।",
+  "You do not have access to the current sudo key": "आपके पास वर्तमान सुडो कुंजी तक पहुंच नहीं है",
+  "You don't have any accounts. Some features are currently hidden and will only become available once you have accounts.": "आपका कोई हिसाब नहीं है। कुछ विशेषताएं वर्तमान में छिपी हुई हैं और केवल एक बार आपके पास खाते होने के बाद उपलब्ध होंगी।",
+  "You have {{claimCount}} accounts that need attestations. Use the Claim Tokens app on the navigation bar to complete the process. Until you do, your balances for those accounts will not be reflected.": "आपके पास {{claimCount}} ऐसे खाते हैं जिन्हें सत्यापित करने की आवश्यकता है। प्रक्रिया को पूरा करने के लिए बाएं नेविगेशन बार में \"क्लेम टोकन\" ऐप का उपयोग करें। जब तक आप ऐसा नहीं करते, उन खातों के लिए आपका बैलेंस परिलक्षित नहीं होगा ।",
+  "You need to sign an attestation for the following account:": "आपको निम्नलिखित खाते के लिए प्रमाण पत्र पर हस्ताक्षर करने की आवश्यकता है: ",
+  "You need to sign an attestation for the following accounts:": "आपको निम्नलिखित खातों के लिए प्रमाण पत्र पर हस्ताक्षर करने होंगे: ",
+  "You need to unlock this account to be able to sign data.": "डेटा पर हस्ताक्षर करने के लिए आपको इस खाते को अनलॉक करना होगा।",
+  "You will no longer have sudo access": "अब आपके पास सुडो तक पहुंच नहीं होगी",
+  "Your Ethereum account": "आपका एथोरम खाता",
+  "Your custom types have been added": "आपके कस्टम प्रकार जोड़े गए हैं",
+  "Your endorsement will be applied for this account.": "इस खाते पर आपकी गारंटी लागू होगी।",
+  "Your stash account. The transaction will be sent from the associated controller.": "आपका छिपाने की जगह खाता। ट्रांजेक्शन संबंधित नियंत्रक खाते से भेजा जाएगा।",
+  "a riot name linked to this identity": "इस पहचान से जुड़ा दंगा नाम",
+  "account": "खाता",
+  "account forgotten": "भूले-बिसरे खाते",
+  "account restored": "बहाल खाता",
+  "accounts": "खातों",
+  "activate": "सक्रिय करना",
+  "additional bonded funds": "अतिरिक्त लिंक्ड संसाधन",
+  "address": "पता",
+  "address copied": "कॉपी किया गया पता",
+  "address created": "बनाया गया पता",
+  "address edited": "संपादित पता",
+  "address forgotten": "भूल गया पता",
+  "address prefix": "पता उपसर्ग",
+  "amount": "कुल धनराशि ",
+  "amount to use for estimation": "अनुमान के लिए उपयोग करने के लिए मात्रा",
+  "approval type": "अनुमोदन का प्रकार",
+  "approved": "अनुमोदित",
+  "asset id": "परिसंपत्ति पहचान",
+  "auto-selected targets for nomination": "नामांकन के लिए स्वयं चयनित उम्मीदवार",
+  "available": "सुलभ",
+  "available signatories": "उपलब्ध हस्ताक्षरकर्ता",
+  "available social recovery helpers": "सामाजिक वसूली सहायक उपलब्ध",
+  "average": "औसत निकालना",
+  "aye": "हाँ",
+  "aye: bool": "हां: बूल",
+  "backing": "बैकरेस्ट",
+  "backup file": "वसूली फाइल",
+  "balance": "तराजू",
+  "balances": "तराजू",
+  "beneficiary": "लाभग्राही",
+  "best": "उन्नत",
+  "best #": "उन्नत#",
+  "best block": "बेस्ट ब्लॉक",
+  "best hash": "सबसे अच्छा हैश",
+  "bids": "बोली",
+  "block hash or number to query": "सूची में ब्लॉक या संख्या का हैश",
+  "blocks": "ब्लॉक",
+  "bond": "जोड",
+  "bonded": "जुड़ा हुआ",
+  "call from account": "खाते से कॉल",
+  "call the selected endpoint": "चयनित अंत बिंदु को कॉल करें",
+  "candidate account": "उम्मीदवार का खाता",
+  "candidate accounts": "उम्मीदवार लेखा",
+  "candidates": "उम्मीदवारों",
+  "case sensitive": "केस सेंसिटिव",
+  "challenge": "चुनौती",
+  "claim to account": "लेखा-जोखा पर दावा",
+  "click to copy": "कॉपी करने के लिए क्लिक करें",
+  "click to select or drag and drop a JSON ABI file": "ABI JSON फ़ाइल का चयन करने या खींचने और छोड़ने के लिए क्लिक करें",
+  "click to select or drag and drop the file here": "फ़ाइल को चुनने या खींचने और यहां छोड़ने के लिए क्लिक करें",
+  "clipboard": "क्लिपबोर्ड",
+  "code": "कोड",
+  "code for this contract": "इस अनुबंध के लिए कोड",
+  "code hash": "कोड हैश",
+  "commission": "आयोग",
+  "compiled contract WASM": "अनुबंध में संकलित WASM",
+  "connected peers": "जुड़े साथियों ़े",
+  "contacts": "संपर्क",
+  "contract address": "संविदा पता",
+  "contract to use": "उपयोग करने का अनुबंध",
+  "controller": "नियंत्रक",
+  "controller account": "नियंत्रक लेखा",
+  "conviction": "वाक्य",
+  "conviction: Conviction": "सजा: सजा",
+  "copied": "प्रतिलिपि",
+  "council candidates": "परिषद के उम्मीदवार",
+  "council proposal": "परिषद का प्रस्ताव",
+  "council proposal type": "परिषद के प्रस्ताव का प्रकार",
+  "created account": "बनाया गया खाता",
+  "created multisig": "मल्टीसिग बनाया गया",
+  "crypto type to use": "क्रिप्टो टाइपो का उपयोग करने के लिए",
+  "custom endpoint": "कस्टम एंडपॉइंट",
+  "data": "आधार",
+  "default icon theme": "डिफ़ॉल्ट आइकन विषय",
+  "default interface language": "डिफ़ॉल्ट इंटरफ़ेस भाषा",
+  "defender": "रक्षक",
+  "delay": "देरी",
+  "democracy": "प्रजातंत्र",
+  "deploy": "परिनियोजन",
+  "deployment account": "तैनाती का लेखा-जोखा",
+  "deposit": "निक्षेप",
+  "derivation path": "गृह मार्ग",
+  "derive root account": "मूल खाता प्राप्त करना",
+  "details": "ब्यौरा",
+  "development seed": "विकास बीज",
+  "dispatch queue": "कतार भेजना",
+  "display name": "प्रदर्शन का नाम",
+  "do not include empty strings in the generated file": "जेनरेट की गई फाइल में खाली तार शामिल न करें",
+  "does not appear to have a valid claim. Please double check that you have signed the transaction correctly on the correct ETH account.": "यह एक वैध दावा है प्रकट नहीं होता है। कृपया सत्यापित करें कि आपने सही ETH खाते पर लेनदेन पर सही ढंग से हस्ताक्षर किए हैं।",
+  "ed25519, Edwards": "ed25519, एडवर्ड्स",
+  "elected stake": "चुनी गई हिस्सेदारी",
+  "email": "ईमेल",
+  "enact": "अभिनय कर",
+  "endowment": "दान",
+  "epoch": "युग",
+  "era": "युग ",
+  "era points": "युग अंक",
+  "era {{era}}, {{count}} slashes": "युग {{era}}, कटौती {{count}} ",
+  "eras": "युगों",
+  "events": "घटनाओं",
+  "everything": "सब",
+  "exclude option": "विकल्प को बाहर करना",
+  "exclude value": "मूल्य को बाहर करना",
+  "execute": "अमल ",
+  "existential deposit": "अस्तित्वगत जमा",
+  "external": "बाह्य",
+  "extrinsic hash": "बाह्य हैश",
+  "extrinsics": "बाह्य",
+  "fee": "आयोग",
+  "filter by name or tags": "नाम या टैग से फ़िल्टर करें",
+  "filter by name, address or index": "नाम, पता या इंडेक्स के नुसार फ़िल्टर करें",
+  "filter by name, address, or account index": "खाते के नाम, पते या इंडेक्स के अनुसार फ़िल्टर करें",
+  "finalized": "अंतिम रूप दिया गया",
+  "finder": "अर्थी व्‍यक्ति",
+  "forks": "कांटे",
+  "free balance": "मुक्त संतुलन",
+  "from the following data": "निम्नलिखित आंकड़ों से",
+  "generated public key": "जन-जन कुंजी उत्पन्न",
+  "has a valid claim for": "आपके पास एक वैध दावा है",
+  "hash": "हैश",
+  "heads": "शीर्ष लेख",
+  "hex input data": "षोडसीमल डेटा दर्ज",
+  "hex-encoded storage key": "षोडसीमल-एन्कोडेड स्टोरेज कुंजी",
+  "identity": "पहचान",
+  "imminent preimage (proposal already passed)": "आसन्न पूर्व छवि (प्रस्ताव पहले से ही मंजूरी दे दी) ",
+  "immortal": "शाश्‍वत अनश्‍वर",
+  "include all empty strings in the generated file": "जेनरेट की गई फाइल में सभी खाली तार शामिल करें",
+  "include option": "विकल्प शामिल करें",
+  "include value": "मूल्य भी शामिल है",
+  "index": "सूचकांक",
+  "initial head state": "हेडर की प्रारंभिक स्थिति",
+  "intentions": "इरादे",
+  "interface operation mode": "संचालन का इंटरफेस मोड",
+  "invalid ABI file selected": "अमान्य चयनित ABI फाइल",
+  "invalid/unknown registrar account": "अमान्य/अज्ञात पंजीकरण खाता",
+  "judgement": "निर्णय",
+  "key type to set": "सेट करने के लिए मुख्य प्रकार",
+  "keypair crypto type": "क्रिप्टोग्राफिक प्रमुख जोड़ी",
+  "kind": "कक्षा",
+  "last #": "पिछला #",
+  "last block": "अंतिम ब्लॉक",
+  "last reward": "अंतिम प्रतिफल",
+  "launch period": "रिहाई की अवधि",
+  "legal name": "लेघा नाम l",
+  "lifetime": "आजीवन",
+  "lng.detect": "डिफ़ॉल्ट ब्राउज़र भाषा (ऑटोडिस्क्व) ",
+  "lock expired": "समाप्त हो गया ताला",
+  "locked": "अवरुद्ध",
+  "locked balance": "अवरुद्ध संतुलन",
+  "logs": "लॉग",
+  "manage hardware connections": "हार्डवेयर कनेक्शन संभाल",
+  "matches": "संयोग",
+  "maximum gas allowed": "अधिकतम गैस की अनुमति",
+  "members": "अंग",
+  "message to send": "भेजने के लिए संदेश",
+  "minimum bond": "न्यूनतम लिंकिंग",
+  "minimum deposit": "न्यूनतम जमा",
+  "mnemonic seed": "स्नेमोनिक बीज",
+  "mortal, valid from #{{startAt}} to #{{endsAt}}": "घातक, #{{startAt}} से #{{endsAt}} ",
+  "motions": "गति",
+  "multisig": "मल्टीसिग",
+  "multisig name": "मल्टीसिग नाम",
+  "my ordered votes": "मेरी आदेश दी गई प्रतिज्ञा",
+  "name": "नाम",
+  "nav.accounts": "खातों",
+  "nav.claims": "दावा टोकन",
+  "nav.contracts": "अनुबंध",
+  "nav.council": "सलाह",
+  "nav.dashboard": "कंट्रोल पैनल",
+  "nav.democracy": "प्रजातंत्र",
+  "nav.explorer": "खोजयात्री",
+  "nav.extrinsics": "बाह्य",
+  "nav.generic-asset": "जेनेरिक एसेट",
+  "nav.github": "गीटहब",
+  "nav.i18n": "अनुवादक I18n",
+  "nav.js": "जावास्क्रिप्ट",
+  "nav.parachains": "परचेन्स",
+  "nav.rpc": "कॉल RPC",
+  "nav.settings": "सेटिंग्स",
+  "nav.society": "सोसाइटी",
+  "nav.staking": "हिस्सेदारी",
+  "nav.storage": "चेन स्थिति",
+  "nav.sudo": "सुडो",
+  "nav.tech-comm": "टेक कॉम।",
+  "nav.toolbox": "टूलबॉक्स",
+  "nav.transfer": "तबादला",
+  "nav.treasury": "राजकोष",
+  "nav.wiki": "विकी",
+  "nay": "नहीं",
+  "new account": "नया खाता",
+  "new address": "नया पता",
+  "next": "के परिणामस्‍वरूप",
+  "next id": "अगली आईडी",
+  "no": "नहीं",
+  "no accounts yet, create or import an existing": "अभी तक कोई खाता नहीं है, एक मौजूदा बनाने या आयात",
+  "no addresses saved yet, add any existing address": "अभी तक संग्रहीत कोई पते नहीं, किसी भी मौजूदा पते जोड़ें",
+  "no messages": "कोई संदेश नहीं",
+  "no peers connected": "कोई जोड़ जोड़ा नहीं जुड़ा",
+  "no tags": "कोई टैग नहीं",
+  "no unapplied slashes found": "कोई कटौती लागू नहीं पाया गया",
+  "nominated accounts": "नामित खाते",
+  "nominators": "मनोनीत",
+  "not signed": "अहस्ताक्षरित",
+  "on-chain bonding duration": "श्रृंखला जोड़ने का जीवनकाल",
+  "ongoing referendum": "जनमत संग्रह प्रगति पर",
+  "only this network": "केवल इस नेटवर्क",
+  "origin": "शुरुआत",
+  "other stake": "एक और हिस्सेदारी",
+  "our best": "सबसे अच्छा ",
+  "own stake": "अपनी हिस्सेदारी",
+  "parachain id": "पैराचेन की आईडी",
+  "parachains": "पैराचेन्स",
+  "parent": "सापेक्ष",
+  "password": "पासवर्ड",
+  "password (repeat)": "पासवर्ड (दोहराने) ",
+  "payment": "भुगतान",
+  "payment destination": "भुगतान गंतव्य",
+  "payout stakers for (multiple)": "प्रतिभागी भुगतान (कई) ",
+  "payout stakers for (single)": "प्रतिभागियों का भुगतान (विलक्षण)",
+  "payout/stash": "भुगतान/छिपाने की जगह",
+  "payout/validator": "भुगतान/सत्यापनकर्ता",
+  "peer best": "सर्वश्रेष्ठ जोड़ी ",
+  "pending extrinsics": "लंबित बाह्य",
+  "pending hashes": "लंबित हैश",
+  "pending swap id": "इंटरचेंज आईडी लंबित ",
+  "points": "अंक",
+  "pot": "अन्तरिक्ष",
+  "preimage hash": "प्रीमगेन हैश",
+  "prev": "पिछला",
+  "prime member": "प्रथम सदस्य",
+  "prime voter": "प्राथमिक मतदाता",
+  "priority {{index}}": "प्राथमिकता {{index}}",
+  "profit/era est": "लाभ/युग est ",
+  "proposal": "प्रस्ताव",
+  "proposal bond": "प्रस्ताव को जोड़ना",
+  "proposal hash": "प्रस्ताव का हैश",
+  "proposals": "प्रस्तावों",
+  "propose": "प्रस्ताव रख",
+  "propose from account": "खाते से प्रस्ताव",
+  "proposed by": "द्वारा प्रस्तावित ",
+  "proposer": "लेखक ",
+  "queued tx": "सूची में tx ",
+  "reason": "कारण",
+  "recent blocks": "हाल के ब्लॉक",
+  "recent events": "हाल की घटनाओं",
+  "recover this account": "इस खाते को ठीक करें",
+  "recovery block delay": "वसूली ब्लॉक में देरी ",
+  "recovery threshold": "वसूली सीमा ",
+  "redeemable": "निष्क्रेय",
+  "referenda": "जनमत-संग्रह",
+  "refresh in": "शांत में",
+  "registrar account": "पंजीकरण खाता",
+  "registrar index": "लॉग इंडेक्स",
+  "relay dispatch queue": "रिले भेजें सूची ",
+  "remaining": "शेष ",
+  "remote node/endpoint to connect to": "कनेक्ट करने के लिए एंडपॉइंट/रिमोट नोड",
+  "request payout from": "अनुरोध भुगतान",
+  "reserved": "आरक्षित",
+  "reward commission percentage": "इनाम कमीशन प्रतिशत",
+  "rewards": "पुरस्कार",
+  "rewards & slashes": "पुरस्कार और दंड",
+  "riot": "हंगामा",
+  "riot name": "दंगा नाम",
+  "role": "भूमिका",
+  "rotation": "चक्कर",
+  "rpc.beresheet": " Beresheet (टेस्टनेट Edgeware, राष्ट्रमंडल लैब्स द्वारा की पेशकश)",
+  "rpc.bifrost": "बिफ्रॉस्ट असगार्ड ",
+  "rpc.custom": "कस्टम पर्यावरण",
+  "rpc.edgeware": "एजवेयर (कोर एजवेयर नेटवर्क, राष्ट्रमंडल लैब्स द्वारा पेश किया गया) ",
+  "rpc.flamingfir": "ज्वलंत प्राथमिकी (टेस्टनेट सब्सट्रेट, समता द्वारा पेश) ",
+  "rpc.header.dev": "विकास",
+  "rpc.header.live": "ऑपरेशन में नेटवर्क",
+  "rpc.header.test": "टेस्ट नेटवर्क",
+  "rpc.kulupu": "कुलुपू (कुलुपू मुख्य नेटवर्क, कुलुपू द्वारा पेश किया गया) ",
+  "rpc.kusama.ava": "कुसामा (पोल्काडॉट कैनेरियन नेटवर्क, उपयोगकर्ताओं द्वारा प्रबंधित सार्वजनिक नोड्स; देखना https://status.cloud.ava.do/)",
+  "rpc.kusama.parity": "कुसामा (पोल्काडॉट कैनेरियन नेटवर्क, समता द्वारा पेश किया गया) ",
+  "rpc.kusama.w3f": "कुसामा (पोल्काडॉट कैनेरियन नेटवर्क, वेब3 फाउंडेशन द्वारा पेश किया गया) ",
+  "rpc.local": "स्थानीय नोड (खुद, 127.0.0.1:9944)",
+  "rpc.mandala": "मंडला (अकला टेस्टनेट, अकला द्वारा होस्ट किया गया) ",
+  "rpc.nodle-arcadia": "आर्केडिया (टेस्टनेट नोडल, नोडल द्वारा पेश किया गया) ",
+  "rpc.sora-substrate": "SORA",
+  "rpc.sora-substrate-staging": "सोरा-मचान (सोरा-मचान टेस्टनेट, सोरामित्सु द्वारा आयोजित) ",
+  "rpc.turbulence": "अशांति (लैमिनार टेस्टनेट, लैमिनार द्वारा होस्ट किया गया) ",
+  "rpc.westend": "वेस्टएंड (पोल्काडॉट टेस्टनेट, समता द्वारा पेश किया गया) ",
+  "runners up": "उपविजेता ",
+  "scheduling": "नियोजन",
+  "seats": "पोस्ट",
+  "second with account": "खाते के साथ समर्थन",
+  "secret": "रहस्य",
+  "secret derivation path": "मूल का गुप्त मार्ग",
+  "seed (hex or string)": "बीज (षोडसीमल या अनुक्रम) ",
+  "select the account you wish to sign data with": "आप जिस खाते पर डेटा साइन करना चाहते हैं, उसे चुनें",
+  "selected constant query": "चयनित निरंतर क्वेरी",
+  "selected signatories": "चयनित हस्ताक्षरकर्ता",
+  "selected state query": "चयनित स्थिति क्वेरी",
+  "selected validators": "चुने गए सत्यापनकर्ता",
+  "send": "भेजना",
+  "send as RPC call": "RPC कॉल के रूप में भेजें",
+  "send as transaction": "लेन-देन के रूप में भेजना",
+  "send from account": "खाते से भेजना",
+  "send to address": "पता करने के लिए भेजना",
+  "sending account": "खाता जमा करना",
+  "sending from my account": "मेरे खाते से भेजना",
+  "session": "अधिवेशन",
+  "session keys": "सत्र की चाबियां",
+  "session next": "अगला सत्र",
+  "sign data from account": "खाते से डेटा पर हस्ताक्षर",
+  "sign the following data": "निम्नलिखित आंकड़ों पर हस्ताक्षर करें",
+  "signatories": "हस्ताक्षर",
+  "signatory": "हस्‍ताक्षरकर्ता",
+  "signature crypto type": "क्रिप्टोग्राफिक सिग्नेचर टाइप",
+  "signature of supplied data": "आपूर्ति किए गए आंकड़ों पर हस्ताक्षर",
+  "signer": "firmante",
+  "society head": "कंपनी हेडर",
+  "spend period": "व्यय अवधि",
+  "sr15519, Schnorrkel": "sr15519, श्नोर्केल",
+  "ss58.centrifuge": "सेंट्रलाइज (लाइव) ",
+  "ss58.default": "कनेक्टेड नोड के लिए डिफ़ॉल्ट",
+  "ss58.edgeware": "एजवेयर (लाइव) ",
+  "ss58.kusama": "कुसामा (कैनरी) ",
+  "ss58.polkadot": "पोल्काडॉट (लाइव) ",
+  "ss58.substrate": "सब्सट्रेट (जेनेरिक) ",
+  "staked": "दांव",
+  "stash account": "स्टैश अकाउंट",
+  "stashes": "स्टैश",
+  "state": "राज्य",
+  "strikes": "हड़ताल",
+  "submit the following change": "निम्न परिवर्तन सबमिट करें",
+  "submit the following extrinsic": "निम्नलिखित बाहरी सबमिट करें",
+  "submit with account": "खाते के साथ जमा करें",
+  "submit with council account": "काउंसिल खाते के साथ सबमिट करें",
+  "sudo key": "सुडो कुंजी",
+  "sudo with unchecked weight parameter": "सुडो विथ अनचेक वैल्यू पैरामीटर",
+  "sudo without unchecked weight parameter": "सुडो बिना नियंत्रित मान पैरामीटर के",
+  "suri (seed & derivation)": "सूरी (बीज और व्युत्पत्ति)",
+  "swap to id": "स्वैप id",
+  "syncing": "सिंकिंग",
+  "system events": "सिस्टम इवेंट्स",
+  "tags": "टैग",
+  "target": "मेटा",
+  "term progress": "टर्म प्रोग्रेस",
+  "the account to make recoverable": "खाते को वसूली योग्य बनाना है",
+  "the account to recover to": "खाता पुनर्प्राप्त करने के लिए",
+  "the associated controller": "संबद्ध नियंत्रक",
+  "the era to cancel for": "रद्द करने का युगr",
+  "the language to display translations for": "जिसके लिए अनुवाद प्रदर्शित करना है",
+  "the module to display strings for": "स्ट्रिंग प्रदर्शित करने के लिए मॉड्यूल",
+  "the resulting hash is": "परिणामी हैश है",
+  "the stash account to nominate with": "द स्टैश अकाउंट टू नॉमिनेट",
+  "the supplied signature": "आपूर्ति किए गए हस्ताक्षर",
+  "threshold": "दहलीज",
+  "tip": "टिप",
+  "tip reason": "टिप कारण",
+  "tip value": "टिप वैल्यू",
+  "tips": "टिप्स",
+  "total": "कुल",
+  "total issuance": "कुल जारी करना",
+  "total peers": "कुल सहकर्मी",
+  "total stake": "कुल हिस्सेदारी",
+  "total staked": "कुल दांव",
+  "transactions": "लेनदेन",
+  "transfer received": "स्थानांतरण प्राप्त हुआ",
+  "transferrable": "हस्तांतरणीय",
+  "trusted social recovery helpers": "विश्वसनीय सामाजिक पुनर्प्राप्ति सहायक",
+  "turnout": "भागीदारी",
+  "twitter": "ट्विटर",
+  "type": "टाइप",
+  "unbond amount": "अनबॉन्ड राशि",
+  "unbonding": "अनबाइंड",
+  "unchecked weight for this call": "इस कॉल के लिए अनियंत्रित मान",
+  "unlock account with password": "पासवर्ड के साथ खाता अनलॉक करेंa",
+  "unstake threshold": "अनस्टेक थ्रेशोल्ड",
+  "update on #{{index}}": "# {{index}} पर अपडेट करें",
+  "upgradable extensions": "अपग्रेड करने योग्य एक्सटेंशन",
+  "use on any network": "किसी भी नेटवर्क पर उपयोग करें",
+  "using my account": "मेरे खाते का उपयोग करें",
+  "using the following data": "निम्न डेटा का उपयोग करें",
+  "using the selected account": "चयनित खाते का उपयोग करें",
+  "validator to query": "क्वेरी करने के लिए सत्यापनकर्ता",
+  "validators": "सत्यापनकर्ता",
+  "validators/nominators": "सत्यापनकर्ता / नामांकितकर्ता",
+  "value": "मूल्य",
+  "value bonded": "बाध्य मूल्य",
+  "verify using address": "पते का उपयोग करके सत्यापित करें",
+  "version {{version}}": "संस्करण {{version}}",
+  "vested": "स्थापित",
+  "via Council/Vote": "परिषद / वोट के माध्यम से",
+  "via Democracy/Vote": "लोकतंत्र / वोट के माध्यम से",
+  "via Staking/Bond": "स्टेकिंग / बॉन्डिंग के माध्यम से",
+  "via Vesting": "अधिग्रहण के माध्यम से",
+  "vote for candidate": "उम्मीदवार को वोट दें",
+  "vote for defender": "वोट फॉर डिफेंडर",
+  "vote from account": "वोट फ्रॉम अकाउंट",
+  "vote value": "कुल मूल्य",
+  "vote with account": "वोट विद अकाउंट",
+  "votes": "वोट",
+  "voting account": "मतदान खाता",
+  "voting balance": "मतदान संतुलन",
+  "voting end": "मतदान का अंत",
+  "voting period": "मतदान अवधि",
+  "voting round": "वोटिंग राउंड",
+  "waiting": "प्रतीक्षा की जा रही है",
+  "web": "वेब",
+  "website": "वेबसाइट",
+  "with an index of": "अनुक्रमणिका के साथ",
+  "wrong password supplied": "गलत पासवर्ड दिया गया",
+  "yes": "हाँ",
+  "your current password": "आपका वर्तमान पासवर्ड",
+  "your new password": "आपका नया पासवर्ड",
+  "{{blocks}} blocks": "{{blocks}} ब्लॉक",
+  "{{count}} key/value pairs encoded for submission": "{{count}} कुंजी / मान जोड़े प्रस्तुत करने के लिए एन्कोडेड",
+  "{{count}} own stashes": "{{count}} खुद की जमा राशि",
+  "{{currency}} average": "{{currency}} औसत",
+  "{{currency}} clipped": "{{currency}}  काटा गया",
+  "{{currency}} rewards": "{{currency}}  कमाई",
+  "{{currency}} slashed": "{{currency}} ट्रिम किया गया",
+  "{{currency}} total": "{{currency}} कुल",
+  "{{days}} days": "{{days}} दिन",
+  "{{done}}/{{total}}, {{progress}}% done": "{{done}}/{{total}}, {{progress}}% पूर्ण",
+  "{{hours}} hrs": "{{hours}} घंटे",
+  "{{minutes}} mins": "{{minutes}} मिनट",
+  "{{name}} ({{size}} bytes)": "{{name}} ({{size}} bytes)",
+  "{{percentage}} aye": "{{percentage}} ऐ",
+  "{{relayDispatchQueueSize}} dispatch messages pending": "{{relayDispatchQueueSize}} लंबित संदेश भेजें",
+  "{{seconds}} s": "{{seconds}} सेकंड",
+  "{{step}}. Sign with your ETH address": "{{step}}.अपने ETH पते के साथ साइन इन करें",
+  "{{threshold}}, not passing": "{{threshold}},  पास नहीं होगा",
+  "{{threshold}}, passing": "{{threshold}},  पासिंग",
+  "{{value}}x voting balance, locked for {{lock}}x enactment ({{period}} days)": "{{value}} x वोट बैलेंस, {{lock}} द्वारा लॉक किया गया x स्टेटमेंट ( {period}} दिन।"
+}
\ No newline at end of file
diff --git a/packages/apps/public/locales/id/translation.json b/packages/apps/public/locales/id/translation.json
new file mode 100644
index 0000000..1ecbbc3
--- /dev/null
+++ b/packages/apps/public/locales/id/translation.json
@@ -0,0 +1,1457 @@
+{
+  "//hard": "//sulit",
+  "//hard///password": "//sulit//kata sandi",
+  "//hard/soft": "//sulit/lemah",
+  "//hard/soft///password": "//sulit/lemah/kata sandi",
+  "0.1x voting balance, no lockup period": "0.1x pilih saldo, tidak ada penguncian periode",
+  "1 billion DOTs; 10 decimals": "1 miliar DOT; 10 desimal",
+  "1 day": "1 hari",
+  "1 hr": "1 jam",
+  "1 min": "1 menit",
+  "1 s": "1 detik",
+  "1. Select your {{chain}} account": "1. Pilih akun {{chain}} anda",
+  "10 billion DOTs; 9 decimals": "10 miliar DOT; 9 desimal",
+  "10 million DOTs; status quo": "10 juta DOT; status quo",
+  "100 million DOTs; 11 decimals": "100 juta DOT; 11 desimal",
+  "2. Enter the ETH address from the sale.": "2. Masukkan alamat ETH dari penjualan.",
+  "2. Sign ETH transaction": "2. Tanda tangan transaksi ETH",
+  "<empty>": "<kosong>",
+  "<none provided>": "<tidak ada yang tersedia>",
+  "<unknown>": "<tidak diketahui>",
+  "@YourTwitterName": "@NamaTwitterAnda",
+  "@yourname:matrix.org": "@NamaAnda:matrix.org",
+  "A controller account should not be set to manage multiple stashes. The selected controller is already controlling {{stashId}}": "Akun pengontrol tidak boleh disetel untuk mengelola banyak simpanan. Pengontrol yang dipilih sudah mengontrol {{stashId}}",
+  "A controller account should not be set to manages multiple stashes. The selected controller is already controlling {{stashId}}": "Akun pengontrol tidak boleh disetel untuk mengelola banyak simpanan. Pengontrol yang dipilih sudah mengontrol {{stashId}}",
+  "A controller account should not map to another stash. This selected controller is a stash, controlled by {{bondedId}}": "Akun pengontrol tidak boleh memetakan ke simpanan lain. Pengontrol yang dipilih ini adalah simpanan, dikontrol oleh {{bondedId}}",
+  "A deployed contract that has either been deployed or attached. The address and ABI are used to construct the parameters.": "Kontrak yang diterapkan yang telah diterapkan atau dilampirkan. Alamat dan ABI digunakan untuk membuat parameter.",
+  "A fee of {{creationFee}} will be deducted from the sender since the destination account does not exist": "Biaya {{creationFee}} akan dipotong dari pengirim karena akun tujuan tidak ada",
+  "A reason (to be stored-on-chain) as to why the recipient deserves a tip payout.": "Sebuah alasan (untuk disimpan dalam rantai) mengapa penerima layak mendapatkan pembayaran tip.",
+  "A remark that is associated with this transfer. This can be any comment that indicates the reason.": "Komentar yang terkait dengan pengalihan ini. Ini bisa berupa komentar apa pun yang menunjukkan alasannya.",
+  "ABI": "ABI",
+  "Acceptance of new members and bids": "Penerimaan anggota baru dan tawaran",
+  "Acceptance proposal to council": "Proposal penerimaan ke dewan",
+  "Account actions": "Aksi akun",
+  "Account balance:": "Saldo akun:",
+  "Account type {{index}}": "Tipe akun {{index}}",
+  "Accounts": "Akun",
+  "Accounts injected from any of these extensions will appear in this application and be available for use. The above list is updated as more extensions with external signing capability become available.": "Akun terinjeksi dari salah satu eksistensi ini akan muncul di aplikasi dan dapat digunakan. Daftar diatas diperbaharui karena lebih banyak ekstensi dengan tersedia kemampuan penandangan eksternal.",
+  "Active nominations ({{count}})": "Nominasi aktif ({{count}})",
+  "Add": "Tambahkan",
+  "Add a tip to this extrinsic, paying the block author for greater priority": "Tambahkan tip ke ekstrinsik ini, membayar penulis blok untuk prioritas yang lebih besar",
+  "Add account": "Tambahkan akun",
+  "Add account via Ledger": "Tambah akun melalui Ledger",
+  "Add account via Qr": "Tambahkan akun melalui Qr",
+  "Add an account via seed {{step}}/{{STEPS_COUNT}}": "Tambahkan akun via seed {{step}}/{{STEPS_COUNT}}",
+  "Add an address": "Tambah sebuah alamat",
+  "Add an existing code hash": "Tambahkan kode hash yang ada",
+  "Add an existing contract": "Tambahkan kontrak yang ada",
+  "Add contact": "Tambah kontak",
+  "Add identity judgment": "Tambahan identitas judgment",
+  "Add item": "Tambah barang",
+  "Add multisig": "Tambahkan multisig",
+  "Add proxied account": "Tambahkan akun proxy",
+  "Add proxy": "Tambahkan proxy",
+  "Add sub": "Tambahkan sub",
+  "Add via Ledger": "Tambahkan Ledger",
+  "Add via Qr": "Tambahkan melalui Qr",
+  "Add via backup file": "Menambahkan via berkas cadangan",
+  "Adding an optional tip to the transaction could allow for higher priority, especially when the chain is busy.": "Menambahkan tip opsional ke transaksi dapat memungkinkan untuk mendapatkan prioritas yang lebih tinggi, terutama ketika rantai sedang sibuk.",
+  "Additional types as a JSON file (or edit below)": "Jenis tambahan sebagai berkas JSON (atau edit di bawah)",
+  "Address Prefix": "Awalan Alamat",
+  "Address index {{index}}": "Alamat indeks {{index}}",
+  "Adjust the mode from basic (with a limited number of beginner-user-friendly apps) to full (with all basic & advanced apps available)": "Sesuaikan mode dari dasar (dengan jumlah terbatas aplikasi ramah pengguna pemula) menjadi penuh (dengan semua aplikasi dasar & lanjutan tersedia)",
+  "Advanced creation options": "Opsi pembuatan lanjutan",
+  "All rewards will go towards the selected output destination when a payout is made.": "Semua hadiah akan diberikan ke tujuan keluaran yang dipilih saat pembayaran dilakukan.",
+  "All the listed validators and all their nominators will receive their rewards.": "Semua validator yang terdaftar dan semua nominator mereka akan menerima hadiah mereka.",
+  "All voters may alter their votes any number of times prior to the close of the poll.": "Semua pemilih dapat mengubah suara mereka beberapa kali sebelum pemungutan suara ditutup.",
+  "Allocate a suggested tip amount. With enough endorsements, the suggested values are averaged and sent to the beneficiary.": "Alokasikan jumlah tip yang disarankan. Dengan dukungan yang cukup, nilai yang disarankan akan dirata-ratakan dan dikirim ke penerima.",
+  "Amount to add to the currently bonded funds. This is adjusted using the available funds on the account.": "Jumlah untuk menambah dana terikat saat ini. Ini disesuaikan dengan dana yang tersedia di akun.",
+  "Amount to delegate for any democracy vote. This is adjusted using the available funds on the account.": "Jumlah untuk delegasi untk suara demokrasi apapun. Ini disesuaikan dengan dana yang tersedia di akun.",
+  "An URL that is linked to this identity.": "URL yang ditautkan ke identitas ini.",
+  "An account that is to receive the rewards": "Akun yang menerima hadiah",
+  "An encrypted backup file will be created once you have pressed the \"Download\" button. This can be used to re-import your account on any other machine.": "File cadangan terenkripsi akan dibuat setelah Anda menekan tombol \"Unduh\". Ini dapat digunakan untuk mengimpor ulang akun anda di mesin mana pun.",
+  "Any account can request payout for stakers, this is not limited to accounts that will be rewarded.": "Akun apa pun dapat meminta pembayaran untuk pemegang taruhan, ini tidak terbatas pada akun yang akan diberi hadiah.",
+  "Any account set as proxy will be able to perform actions in place of the proxied account": "Setiap akun yang ditetapkan sebagai proxy akan dapat melakukan tindakan sebagai pengganti akun yang diproksikan",
+  "Any combination of the four options may be approved of by the voter. There is no need to select only one option!": "Kombinasi dari keempat opsi tersebut dapat disetujui oleh pemilih. Tidak perlu hanya memilih satu opsi!",
+  "Any democracy vote performed by the delegated account will result in an additional vote from the delegating account": "Setiap pemungutan suara demokrasi yang dilakukan oleh akun yang didelegasikan akan menghasilkan suara tambahan dari akun yang didelegasikan",
+  "Application of slashes from era {{id}}": "Penerapan slash dari era {{id}}",
+  "Apply to UI": "Terapkan pada UI",
+  "Approvals": "Persetujuan",
+  "Approve or reject this defender.": "Setuju atau tokan pembela ini.",
+  "Approve this call hash": "Setujui pemanggilan hash ini",
+  "Approve this candidacy.": "Setujui pencalonan ini.",
+  "Approved": "Disetujui",
+  "Approving of all or none of the options is equivalent and will not affect the outcome of the poll.": "Menyetujui semua atau tidak ada opsi yang setara dan tidak akan memengaruhi hasil jajak pendapat.",
+  "As a council member, you can suggest an initial value for the tip, each other council member can suggest their own.": "Sebagai anggota dewan, Anda dapat menyarankan nilai awal untuk tip, setiap anggota dewan lainnya dapat menyarankan nilai mereka sendiri.",
+  "Asset ID": "ID Aset",
+  "Assets": "Aset",
+  "Aura": "Aura",
+  "Authorize transaction": "Otorisasi transaksi",
+  "Aye": "Aye",
+  "Aye {{counter}}": "Aye {{counter}}",
+  "Aye {{count}}": "Aye {{count}}",
+  "Aye, I approve": "Aye, saya menyetujui",
+  "Aye, I can support this": "Aye, Saya dapat mendukung ini",
+  "Aye, I support this": "Aye, Saya mendukung ini",
+  "Babe": "Babe",
+  "Backup account": "Cadangkan akun",
+  "Be aware that once submitted the proposal will be put to a council vote. If the proposal is rejected due to a lack of info, invalid requirements or non-benefit to the network as a whole, the full bond posted (as describe above) will be lost.": "Ketahuilah bahwa setelah diajukan, proposal akan dimasukkan ke pemungutan suara dewan. Jika proposal ditolak karena kurangnya info, persyaratan tidak valid, atau tidak bermanfaat bagi jaringan secara keseluruhan, jaminan penuh yang diposting (seperti dijelaskan di atas) akan hilang.",
+  "Bid": "Tawaran",
+  "Bid to join": "Tawaran untuk bergabung",
+  "Block details": "Detil blok",
+  "Bond": "Obligasi",
+  "Bond & Nominate": "Obligasi & Nominasi",
+  "Bond & Validate": "Obligasi & Validasi",
+  "Bond more": "Tambah obligasi",
+  "Bond more funds": "Tambah dana obligasi",
+  "Bonding Preferences": "Preferensi obligasi",
+  "Call": "Panggil",
+  "Call a contract": "Panggil kontrak",
+  "Call a method on this contract": "Panggile metode dalam kontrak ini",
+  "Call results": "Panggil hasil",
+  "Call this message": "Panggil pesan ini",
+  "Cancel": "Batalkan",
+  "Cancel all": "Batalkan semua",
+  "Cancel selected": "Batalkan terpilih",
+  "Cancel slashes": "Batalkan slash",
+  "Cancel this call hash": "Batalkan pemanggilan hash ini",
+  "Chain info": "Info rantai",
+  "Chain specifications": "Spesifikasi chain",
+  "Change": "Ganti",
+  "Change account password": "Ganti kata sandi akun",
+  "Change controller account": "Ganti akun kontroller",
+  "Change democracy delegation": "Ganti demokrasi delegasi",
+  "Change reward destination": "Ganti tujuan reward",
+  "Change session keys": "Ganti sesi keys",
+  "Change this account's password": "Ganti kata sandi akun ini",
+  "Change validator preferences": "Ubah preferensi validator",
+  "Changing the key only takes effect at the start of the next session. The input here is generated from the author_rotateKeys command": "Mengubah kunci hanya berlaku pada awal sesi berikutnya. Masukan di sini dihasilkan dari perintah author_rotateKeys",
+  "Chilled ({{count}})": "Dingin ({{count}})",
+  "Chilled nominations ({{count}})": "Nominasi dingin ({{count}})",
+  "Claim": "Klaim",
+  "Claim tokens": "Klaim token",
+  "Claim tokens...": "Klaim token",
+  "Clear Identity": "Hapus identitas",
+  "Clear all": "Hapus semua",
+  "Clear expired democracy locks": "Hapus kunci demokrasi yang kadaluarsa",
+  "Close": "Tutup",
+  "Close proposal": "Tutup proposal",
+  "Close tip": "Tutup tip",
+  "Code": "Kode",
+  "Color": "Warna",
+  "Committee prime member, default voting": "Anggota komite utama, default pemungutan suara",
+  "Completed": "Komplit",
+  "Confirm ABI removal": "Konfirmasi penghapusan ABI",
+  "Confirm account removal": "Konfirmasi hapus akun",
+  "Confirm address removal": "Konfirmasi hapus alamat",
+  "Confirm claim": "Konfirmasi klaim",
+  "Confirm code removal": "Konfirmasi hapus kode",
+  "Confirm contract removal": "Konfirmasi hapus kontrak",
+  "Consider storing your account in a signer such as a browser extension, hardware device, QR-capable phone wallet (non-connected) or desktop application for optimal account security.": "Pertimbangkan untuk menyimpan akun anda di penandatangan seperti ekstensi browser, perangkat keras, dompet ponsel berkemampua QR (tidak terhubunt) atau aplikasi desktop untuk keamanan akun yang optimal.",
+  "Constants": "Konstan",
+  "Continue": "Teruskan",
+  "Contracts": "Kontrak",
+  "Controller account": "Akun pengontrol",
+  "Conviction locks do overlap and are not additive, meaning that funds locked during a previous vote can be locked again.": "Kunci keyakinan memang tumpang tindih dan bersifat aditif, artinya dana yang dikunci selama pemungutan suara sebelumnya dapat dikunci lagi.",
+  "Copy the above string and sign an Ethereum transaction with the account you used during the pre-sale in the wallet of your choice, using the string as the payload, and then paste the transaction signature object below": "Salin string di atas dan tanda tangani transaksi Ethereum dengan akun yang anda gunakan selama pra-penjualan di dompet pilihan anda, gunakan string sebagai muatan, lalu tempel objek tanda tangan transaksi di bawah",
+  "Copy the following string and sign it with the Ethereum account you used during the pre-sale in the wallet of your choice, using the string as the payload, and then paste the transaction signature object below:": "Salin string berikut dan tandatangani dengan akun Ethereum yang anda gunakan selama pra-penjualan di dompet pilihan anda, gunakan string sebagai muatan, lalu tempel objek tanda tangan transaksi di bawah ini:",
+  "Council": "Dewan",
+  "Council overview": "Tinjauan dewan",
+  "Create": "Membuat",
+  "Create a backup file for this account": "Membuat sebuah file cadangan untuk akun ini",
+  "Create an account now.": "Buat sebuah akun sekarang.",
+  "Create and backup account": "Membuat dan mencadangkan akun",
+  "Crypto not detected": "Kripto tidak terdeteksi",
+  "Cryptography used to create this signature. It is auto-detected on valid signatures.": "Kriptografi digunakan untuk membuat tanda tangan ini. Ini terdeteksi otomatis pada tanda tangan yang valid.",
+  "Current account nonce: {{accountNonce}}": "Nonce akun saat ini: {{accountNonce}}",
+  "Current prime member, default voting": "Anggota utama saat ini, pemungutan suara default",
+  "Current society head, exempt": "Kepala masyarakat saat ini, dibebaskan",
+  "Custom url": "Kustom url",
+  "Dark theme (experimental, work-in-progress)": "Tema Gelap (eksperimen, dalam pengerjaan)",
+  "Decimals": "Desimal",
+  "Decimals decides the smallest unit of the token, which is 1/10^decimals": "Desimal menentukan unit terkecil dari token, yaitu 1/10 ^ desimal",
+  "Delegate": "Delegasi",
+  "Delegate democracy votes": "Delegasi suara demokrasi",
+  "Delete this custom example": "Hapus contoh custom ini",
+  "Democracy overview": "Tinjauan demokrasi",
+  "Denomination poll": "Denominasi pemilihan",
+  "Deploy": "Deploy",
+  "Deploy a code hash": "Deploy sebuah kode hash",
+  "Deploy this code hash as a smart contract": "Deploy kode has ini sebagai smart contract",
+  "Deploy with this constructor": "Deploy bersama konstruktor ini",
+  "Deregister this parachain": "Batalkan pendaftaran parachain ini",
+  "Derive account from pair": "Peroleh akun dari pair",
+  "Derive account via derivation path": "Peroleh akun melalui jalur derivasi",
+  "Details": "Detil",
+  "Detection on the input string to determine if it is hex or non-hex.": "Deteksi pada string input untuk menentukan apakah itu hex atau non-hex.",
+  "Determines what cryptography will be used to create this account. Note that to validate on Polkadot, the session account must use \"ed25519\".": "Menentukan kriptografi apa yang akan digunakan untuk membuat akun ini. Perhatikan bahwa untuk memvalidasi di Polkadot, akun sesi harus menggunakan \"ed25519\".",
+  "Developer": "Pengembang",
+  "Development": "Pengembangan",
+  "Dismiss all notifications": "Tutup semua notifikasi",
+  "Dispatch": "Pengiriman",
+  "Display overview information for the selected validator, including blocks produced.": "Menampilkan informasi ikhtisar untuk validator yang dipilih, termasuk blok yang dihasilkan.",
+  "Distinct stash and controller accounts are recommended to ensure fund security. You will be allowed to make the transaction, but take care to not tie up all funds, only use a portion of the available funds during this period.": "Akun simpanan dan pengontrol yang berbeda direkomendasikan untuk memastikan keamanan dana. Anda akan diizinkan untuk melakukan transaksi, tetapi berhati-hatilah untuk tidak mengikat semua dana, hanya gunakan sebagian dari dana yang tersedia selama periode ini.",
+  "Do not include a tip for the block author": "Jangan menyertakan tip untuk penulis blok",
+  "Don't use a proxy for this call": "Jangan gunakan proxy untuk panggilan ini",
+  "Download": "Unduh",
+  "Either approve or reject this call.": "Baik menyetujui atau menolak panggilan ini.",
+  "Election of new council candidates": "Pemilihan calon dewan baru",
+  "Enactment of the result of referendum {{id}}": "Pengesahan hasil referendum {{id}}",
+  "Endorse": "Mengesahkan",
+  "Endorsements ({{count}})": "Mengesahkan ({{count}})",
+  "Ensure that not all funds are locked, funds need to be available for fees.": "Pastikan tidak semua dana terkunci, dana harus tersedia untuk biaya.",
+  "Ensure that the extension has accounts, some accounts are visible globally and available for this chain and that you gave the application permission to access accounts from the extension to use them.": "Pastikan ekstensi memiliki akun, beberapa akun terlihat secara global dan tersedia untuk rantai ini dan bahwa anda memberikan izin aplikasi untuk mengakses akun dari ekstensi untuk menggunakannya.",
+  "Ensure that you utilized the \"Save\" functionality before using a generated address to receive funds. Without saving the address any funds and the associated seed any funds sent to it will be lost.": "Pastikan anda menggunakan fungsi \"Simpan\" sebelum menggunakan alamat yang dibuat untuk menerima dana. Tanpa menyimpan alamat, dana apa pun dan benih terkait, dana apa pun yang dikirim ke sana akan hilang.",
+  "Ensure you are using a strong password for proper account protection.": "Pastikan anda menggunakan kata sandi yang kuat untuk perlindungan akun yang tepat.",
+  "Enter the Asset ID of the token you want to manage.": "Masukkan ID Aset dari token yang ingin anda kelola.",
+  "Enter the Asset ID of the token you want to transfer.": "Masukkan ID Aset dari token yang ingin anda transfer.",
+  "Erroneous": "Keliru",
+  "Evaluated {{count}} keys in {{elapsed}}s ({{avg}} keys/s)": "Evaluasi{{count}} pada kunci {{elapsed}} ({{avg}} kunci/s)",
+  "Execute anonymous scheduled task": "Jalankan tugas terjadwal anonim",
+  "Execute named scheduled task {{id}}": "Jalankan tugas terjadwal bernama {{id}}",
+  "Extensions": "Ekstensi",
+  "External": "Eksternal",
+  "Extrinsic submission": "Penyerahan ekstrinsik",
+  "Fast track": "Jalur cepat",
+  "Fast track proposal": "Proposal jalur cepat",
+  "Filter available candidates based on name, address or short account index.": "Filter kandidat yang tersedia berdasarkan nama, alamat atau indeks akun pendek.",
+  "For approvals outstanding approvers will be shown, for hashes that should be cancelled the first approver is required.": "Untuk persetujuan outstanding pemberi persetujuan akan ditampilkan, untuk hashes yang harus dibatalkan, pemberi persetujuan pertama diperlukan.",
+  "For final approvals, the actual full call data is required to execute the transaction": "Untuk persetujuan akhir, data panggilan aktual lengkap diperlukan untuk mengeksekusi transaksi",
+  "For fund security, your session key should not match your stash key.": "Untuk keamanan dana, kunci sesi Anda tidak boleh cocok dengan kunci simpanan Anda.",
+  "Forget": "Lupakan",
+  "Forget this account": "Lupakan akun ini",
+  "Forget this address": "Lupakan alamat ini",
+  "Forget this asset": "Lupakan aset ini",
+  "Forget this code hash": "Lupakan kode hash ini",
+  "Forget this contract": "Lupakan kontrak ini",
+  "Forks": "Fork",
+  "Full Legal Name": "Name lengkap resmi",
+  "Future versions of the web-only interface will drop support for non-external accounts, much like the IPFS version.": "Versi mendatang pada antarmuka khusus web akan menghentikan layanan untuk akun non-eksternal, seperti versi IPFS.",
+  "General": "General",
+  "Generate {{lng}}/translation.json": "Generate {{lng}}/translation.json",
+  "Genesis Hash": "Genesis Hash",
+  "Genesis Hash refers to initial state of the chain, it cannot be changed once the chain is launched": "Genesis Hash mengacu pada status awal rantai, tidak dapat diubah setelah rantai diluncurkan",
+  "Governance": "Tata kelola",
+  "Grandpa": "Kakek",
+  "Hash data": "Data hash",
+  "I agree": "Saya setuju",
+  "I'm Online": "Saya online",
+  "If the delegated account is currently voting in a referendum, the delegating vote and conviction will be added.": "Jika akun yang didelegasikan sedang memberikan suara dalam referendum, suara dan hukuman yang didelegasikan akan ditambahkan.",
+  "If the recipient account is new, the balance needs to be more than the existential deposit. Likewise if the sending account balance drops below the same value, the account will be removed from the state.": "Jika akun penerima baru, saldo harus lebih dari setoran yang ada. Begitu juga jika saldo akun pengirim turun di bawah nilai yang sama, akun tersebut akan dihapus dari bagian.",
+  "If this proposal is passed, the changes will be applied via dispatch and the deposit returned.": "Jika proposal ini lolos, perubahan akan diterapkan melalui pengiriman dan deposit dikembalikan.",
+  "If you add several proxy accounts for the same proxy type (e.g 2 accounts set as proxy for Governance), then any of those 2 accounts will be able to perfom governance actions on behalf of the proxied account": "Jika Anda menambahkan beberapa akun proxy untuk jenis proxy yang sama (misalnya 2 akun ditetapkan sebagai proxy untuk pemerintahan), maka salah satu dari 2 akun tersebut akan dapat melakukan tindakan tata kelola atas nama akun yang di-proxy tersebut",
+  "If you are moving accounts between applications, ensure that you use the correct type.": "Jika anda memindahkan akun antar aplikasi, pastikan anda menggunakan tipe yang benar.",
+  "If you have not claimed rewards straight after the end of the era, the validator is in the active set and you are seeing no rewards, this would mean that the reward payout transaction was made by another account on your behalf. Always check your favorite explorer to see any historic payouts made to your accounts.": "Jika anda belum mengklaim hadiah langsung setelah akhir era, validator dalam set aktif dan Anda tidak melihat hadiah, ini berarti transaksi pembayaran hadiah dilakukan oleh akun lain atas nama anda. Selalu periksa penjelajah favorit anda untuk melihat pembayaran historis apa pun yang dilakukan ke akun anda.",
+  "Image": "Gambar",
+  "Important notice": "Pemberitahuan penting",
+  "In calculating the election outcome, this prioritized vote ordering will be used to determine the final score for the candidates.": "Dalam penghitungan hasil pemilu, pemungutan suara yang diprioritaskan ini akan digunakan untuk menentukan nilai akhir calon.",
+  "Inactive nominations ({{count}})": "Nominasi tidak aktif ({{count}})",
+  "Include an optional tip for faster processing": "Sertakan tip opsional untuk pemrosesan lebih cepat",
+  "Info": "Info",
+  "Initializing connection": "Inisialisasi koneksi",
+  "Initiate account recovery": "Memulai pemulihan akun",
+  "Initiate recovery for another": "Memulai pemulihan untuk yang lain",
+  "Inject Keys": "Injek kunci",
+  "Inject session keys (advanced)": "Injek sesi kunci (lanjutan)",
+  "Injected": "Injeksi",
+  "It is recommended that you create/store your accounts securely and externally from the app. On {{yourBrowser}} the following browser extensions are available for use -": "Disarankan agar anda membuat/menyimpan akun anda dengan aman dan secara eksternal dari aplikasi, Pada ekstensi {{yourBrowser}} berikut tersedia untuk digunakan -",
+  "Judge": "Hakim",
+  "Keys from rotateKeys": "Kunci dari rotateKeys",
+  "Known good": "Dikenal bagus",
+  "Learn more...": "Pelajari lebih lanjut...",
+  "Lifetime (# of blocks)": "Usia (# pada blok)",
+  "Light theme (default)": "Tema Terang (default)",
+  "Loading": "Memuat",
+  "Locked funds (e.g. for staking) are counted.": "Dana yang terkunci (misalnya untuk staking) dihitung.",
+  "Locked1x": "Kunci1x",
+  "Locked2x": "Kunci2x",
+  "Locked3x": "Kunci3x",
+  "Locked4x": "Kunci4x",
+  "Locked5x": "Kunci5x",
+  "Locked6x": "Kunci6x",
+  "Low quality": "Kualitas rendah",
+  "Make Transfer": "Membuat transfer",
+  "Make recoverable": "Membuat recoverable",
+  "Manage proxies": "Mengatur proxy",
+  "Manage your connection to Ledger S": "Kelola koneksi anda ke Ledger S",
+  "Max, {{eras}} eras": "Maks, {{eras}} era",
+  "Median tip selected": "Tip median dipilih",
+  "Message data": "Data pesan",
+  "Message origin.": "Pesan origin",
+  "Messages": "Pesan",
+  "Metadata": "Metadata",
+  "Metadata {{count}}": "Metadata {{count}}",
+  "Mnemonic": "Mnemonik",
+  "Most profitable": "Paling menguntungkan",
+  "Most recent head data": "Data kepala terbaru",
+  "Motions": "Gerakan",
+  "Multiple council proposals could exist, both approval and rejection. Apply your vote to the correct council proposal (also available on council motions page)": "Beberapa proposal dewan bisa ada, baik persetujuan maupun penolakan. Terapkan suara Anda ke proposal dewan yang benar (juga tersedia di halaman mosi dewan)",
+  "Multisig": "Multisig",
+  "Multisig approval with hash (non-final approval)": "Persetujuan multisig dengan hash (persetujuan non-final)",
+  "Multisig approval with hash (not message with call)": "Persetujuan multisig dengan hash (bukan pesan dengan panggilan)",
+  "Multisig approvals": "Persetujuan multisig",
+  "Multisig approvals pending": "Persetujuan multisig tertunda",
+  "Multisig message with call (for final approval)": "Pesan multisig dengan panggilan (untuk persetujuan final)",
+  "Multisig message with call (not approval with hash)": "Pesan multisig dengan panggilan (bukan persetujuan dengan hash)",
+  "Mutates contract state": "Mutasi status kontrak",
+  "My On-Chain Name": "Nama On-Chain saya",
+  "My accounts": "Akun saya",
+  "My contacts": "Kontak saya",
+  "My stashes": "Stash saya",
+  "My validators": "Validator saya",
+  "Name given to this account. You can change it at any point in the future.": "Nama yang diberikan untuk akun ini. Anda dapat mengubah kapanpun di masa depan.",
+  "Name given to this account. You can edit it. To use the account to validate or nominate, it is a good practice to append the function of the account in the name, e.g \"name_you_want - stash\".": "Nama yang diberikan untuk akun ini. Anda daapat mengubah. Untuk menggunakan akun sebagai validasi atau nominasi, untuk praktik yang baik tambahkan fungsi akun di nama, misal \"nama_yang_anda_mau-stash\".",
+  "Name given to this multisig. You can edit it at any later point in time.": "Nama yang diberikan untuk multisig ini. Anda dapat melakukan perubahan kapanpun.",
+  "Name given to this proxied account. You can edit it at any later point in time.": "Nama yang diberikan untuk akun proxy ini. Anda dapat melakukan perubahan kapanpun.",
+  "Name of the network. It is only for display purposes.": "Nama jaringan. Ini hanya untuk tujuan tampilan.",
+  "Name your example": "Nama contoh anda",
+  "Nay": "Nay",
+  "Nay {{counter}}": "Nay {{counter}}",
+  "Nay {{count}}": "Nay {{count}}",
+  "Nay, I cannot support this": "Nay, Saya tidak dapat mendukung ini",
+  "Nay, I do not approve": "Nay, saya tidak menyetujui",
+  "Nay, I do not support this": "Nay, Saya tidak mau mendukung ini",
+  "Network": "Jaringan",
+  "Network Name": "Nama Jaringan",
+  "Never execute JS snippets from untrusted sources.": "Jangan pernah mengeksekusi cuplikan JS dari sumber yang tidak tepercaya.",
+  "New stake": "Stake baru",
+  "Next": "Selanjutnya",
+  "Next session": "Sesi berikutnya",
+  "No": "Tidak",
+  "No active members": "Tidak ada anggota aktif",
+  "No active proposals": "Tidak ada proposal aktif",
+  "No active referendums": "Tidak ada referendum aktif",
+  "No active schedules": "Tidak ada jadwal aktif",
+  "No active validators found": "Tidak ditemukan validator aktif",
+  "No active validators to check": "Tidak ditemukan validator aktif untuk cek",
+  "No approved proposals": "Tidak ada proposal yang disetujui",
+  "No assets found.": "Aset tidak ditemukan",
+  "No bids": "Tidak ada tawaran",
+  "No blocks available": "Tidak ada blok yang tersedia",
+  "No candidates": "Tidak ada kandidat",
+  "No candidates found": "Kandidat tidak ditemukan",
+  "No change": "Tidak ada perubahan",
+  "No change from the original 2017 sale definitions; will mean a total of 10 million DOT from genesis.": "Tidak ada perubahan dari definisi penjualan asli tahun 2017; akan berarti total 10 juta DOT dari genesis.",
+  "No change from the original 2017 sale definitions; will mean a total of 10m DOT from genesis.": "Tidak ada perubahan dari definisi penjualan asli tahun 2017; akan berarti total 10m DOT dari genesis.",
+  "No code hashes available": "Tidak ada kode hash yang tersedia",
+  "No committee proposals": "Tidak ada proposal komite",
+  "No contracts available": "Tidak ada kontrak yang tersedia",
+  "No council motions": "Gerakan dewan tidak ada",
+  "No discretionary lock-voting is in place; all DOT used to vote counts the same.": "Tidak ada lock-voting yang bersifat diskresioner; semua DOT digunakan untuk menghitung suara yang sama.",
+  "No documentation provided": "Tidak ada dokumentasi yang tersedia",
+  "No events available": "Tidak ada event yang tersedia",
+  "No external proposal": "Tidak ada proposal eksternal",
+  "No funds staked yet. Bond funds to validate or nominate a validator": "Belum ada dana yang dipertaruhkan. Dana obligasi untuk memvalidasi atau menominasikan validator",
+  "No items": "Tidak ada barang",
+  "No judgments": "Tidak ada keputusan",
+  "No logs available": "Tidak ada log yang tersedia",
+  "No matches found": "Tidak ada yang cocok",
+  "No members found": "Keanggotaan tidak ditemukan",
+  "No open tips": "Tidak ada tip terbuka",
+  "No pending era payouts from validators": "Tidak ada pembayaran era tertunda dari validator",
+  "No pending extrinsics are in the queue": "Tidak ada ekstrinsik yang tertunda dalam antrian",
+  "No pending payouts for your stashes": "Tidak ada pembayaran tertunda untuk simpanan Anda",
+  "No pending proposals": "Tidak ada proposal tertunda",
+  "No runners up found": "runner up tidak ditemukan",
+  "No sub identities set.": "Tidak ada set sub identitas",
+  "No upgradable extensions found": "Tidak ditemukan ekstensi yang dapat diperbaharui",
+  "No waiting validators found": "Tidak ditemukan validator yang menunggu",
+  "Node info": "Info node",
+  "Nominate": "Nominasi",
+  "Nominate Validators": "Nominasi Validator",
+  "Nominate selected": "Nominasi dipilih",
+  "Nominate validators": "Nominasi validator",
+  "Nominating": "Nominasi",
+  "Nominations ({{count}})": "Nominasi",
+  "Nominator": "Nominator",
+  "Nominators ({{count}})": "Nominasi ({{count}})",
+  "Nominators can be selected automatically based on the current on-chain conditions or supplied manually as selected from the list of all currently available validators. In both cases, your favorites appear for the selection.": "Nominator dapat dipilih secara otomatis berdasarkan kondisi on-chain saat ini atau disediakan secara manual sebagaimana dipilih dari daftar semua validator yang tersedia saat ini. Dalam kedua kasus tersebut, favorit anda muncul untuk pemilihan.",
+  "Nominators can be selected manually from the list of all currently available validators.": "Nominator dapat dipilih secara manual dari daftar semua validator yang tersedia saat ini.",
+  "Nominators can be selected manually from the list of all currently available validators. If you have set favorites these will appear for the selection.": "Nominator dapat dipilih secara manual dari daftar semua validator yang tersedia saat ini. Jika Anda telah mengatur favorit, ini akan muncul untuk pemilihan.",
+  "Non-signature, non-hex data received from QR. Data contains \"{{sample}}\" instead of a hex-only signature. Please present the correct signature generated from the QR presented for submission.": "Data non-tanda tangan, non-hex yang diterima dari QR. Data berisi \"{{sample}}\" bukan tanda tangan khusus hex. Harap tunjukkan tanda tangan yang benar yang dihasilkan dari QR yang disajikan untuk pengiriman.",
+  "Nonce": "Nonce",
+  "None": "Tidak ada",
+  "Normal transfer without keep-alive checks": "Transfer normal tanpa cek keep-alive",
+  "Not updated in the last block": "Tidak ada perubahan di blok terakhir",
+  "Nothing queued for execution": "Tidak ada antrean untuk eksekusi",
+  "Of the beneficiary amount, at least {{bondPercentage}} would need to be put up as collateral. The maximum of this and the minimum bond will be used to secure the proposal, refundable if it passes.": "Dari jumlah penerima, setidaknya {{bondPercentage}} perlu disiapkan sebagai jaminan. Jumlah maksimum ini dan obligasi minimum akan digunakan untuk mengamankan proposal, dapat dikembalikan jika lolos.",
+  "Once bonded, it will need to be unlocked/withdrawn and will be locked for at least the bonding duration.": "Setelah terikat, itu harus dibuka / ditarik dan akan dikunci setidaknya selama durasi pengikatan.",
+  "Once transferred the amount will become available on the chain for use.": "Setelah ditransfer, jumlahnya akan tersedia di rantai untuk digunakan.",
+  "Once transferred the amount will become available on the parachain for use.": "Setelah ditransfer, jumlahnya akan tersedia di parachain untuk digunakan.",
+  "Once transmitted the new selection will only take effect in 2 eras since the selection criteria for the next era was done at the end of the previous era. Until then, the nominations will show as inactive.": "Setelah ditransmisikan seleksi baru hanya akan berlaku dalam 2 era karena kriteria seleksi untuk era berikutnya dilakukan di akhir era sebelumnya. Sampai saat itu, nominasi akan ditampilkan sebagai tidak aktif.",
+  "Once transmitted the new selection will only take effect in 2 eras taking the new validator election cycle into account. Until then, the nominations will show as inactive.": "Setelah dikirim, pemilihan baru hanya akan berlaku dalam 2 era dengan mempertimbangkan siklus pemilihan validator baru. Sampai saat itu, nominasi akan ditampilkan sebagai tidak aktif.",
+  "One of your available nomination accounts, keyed by the stash. The transaction will be sent from the controller.": "Salah satu akun nominasi anda yang tersedia, dikunci oleh simpanan. Transaksi akan dikirim dari pengontrol.",
+  "One or more extensions are detected in your browser, however no accounts has been injected.": "Salah satu ekstensi telah terdeteksi di browser anda, tetapi tidak ada akun yang diinjeksi.",
+  "Online message": "Pesan online",
+  "Only applicable if the proposal has already passed and is ready for dispatch.": "Hanya berlaku jika proposal telah lolos dan siap dikirim.",
+  "Override any applicable values for the specific signed output. These will be used to construct and display the signed transaction.": "Timpa nilai apa pun yang berlaku untuk keluaran bertanda tangan tertentu. Ini akan digunakan untuk membangun dan menampilkan transaksi yang ditandatangani.",
+  "Override the default identity icon display with a specific theme": "Ganti tampilan ikon identitas default dengan tema tertentu",
+  "Override the default ss58 prefix for address generation": "Ganti awalan ss58 default untuk pembuatan alamat",
+  "Oversubscribed": "Berlangganan berlebihan",
+  "Oversubscribed nominations ({{count}})": "Nominasi langganan berlebih ({{count}})",
+  "Overview": "Tinjauan",
+  "Owned": "Kepemilikan",
+  "Parachains": "Parachain",
+  "Parachains overview": "Parachain tinjauan",
+  "Password are ignored for hex seed": "Kata sandi diabaikan untuk hex seed",
+  "Paste here the address of the contact you want to add to your address book.": "Paste di sini alamat kontak yang ingin anda tambahkan ke buku alamat Anda.",
+  "Paste the signed message into the field below. The placeholder text is there as a hint to what the message should look like:": "Tempel pesan yang ditandatangani ke dalam bidang di bawah ini. Teks placeholder ada di sana sebagai petunjuk tentang seperti apa pesan itu seharusnya:",
+  "Payment account": "Akun pembayaran",
+  "Payout": "Pembayaran",
+  "Payout all": "Pembayaran semua",
+  "Payout all stakers": "Pembayaran kepada staker",
+  "Payouts": "Pembayaran",
+  "Payouts of rewards for a validator can be initiated by any account. This means that as soon as a validator or nominator requests a payout for an era, all the nominators for that validator will be rewarded. Each user does not need to claim individually and the suggestion is that validators should claim rewards for everybody as soon as an era ends.": "Pembayaran hadiah untuk validator dapat dilakukan oleh akun mana pun. Ini berarti bahwa segera setelah validator atau nominator meminta pembayaran untuk suatu era, semua nominator untuk validator tersebut akan diberi hadiah. Setiap pengguna tidak perlu mengklaim satu per satu dan sarannya adalah validator harus mengklaim hadiah untuk semua orang segera setelah era berakhir.",
+  "Pending call hashes": "Panggil hash yang tertunda",
+  "Please make sure to save this file in a secure location as it is required, together with your password, to restore your account.": "Harap pastikan untuk menyimpan berkas ini di tempat yang aman seperti yang diperlukan, bersama dengan kata sandi anda, untuk memulihkan akun anda.",
+  "Please read these terms and conditions carefully. By submitting this statement, you are deemed to have accepted these Terms and Conditions. If you do not agree to these terms, please refrain from accessing or proceeding. You can also find them at:": "Silahkan baca syarat dan ketentuan ini dengan hati-hati. Dengan mengirimkan pernyataan ini, Anda dianggap telah menerima Syarat dan Ketentuan ini. Jika Anda tidak setuju dengan persyaratan ini, mohon jangan mengakses atau melanjutkan. Anda juga dapat menemukannya di:",
+  "Positive number": "Nomor positif",
+  "Positive number between 1 and {{count}}": "Nomor positif antara 1 dan {{count}}",
+  "Positive number between 1 and {{memberCount}}": "Nomor positif antara 1 dan {{memberCount}}",
+  "Positive number greater than or equal to {{nextFreeId}}": "Angka positif lebih besar dari atau sama dengan {{nextFreeId}}",
+  "Potential dispatch of referendum {{id}} (if passed)": "Potensi pengiriman referendum {{id}} (jika lolos)",
+  "Pre-sale ethereum address": "Alamat pre-sale ethereum",
+  "Prefix indicates the ss58 address format in this network, it is a 16 bit unsigned integer that describes the precise format of the bytes of the address": "Awalan menunjukkan format alamat ss58 di jaringan ini, ini adalah angka antara 0 ~ 255 yang menjelaskan format yang tepat dari byte alamat",
+  "Preimage": "Preimage",
+  "Preparing QR for signing": "Mempersiapkan QR untuk penandatanganan",
+  "Present the QR code containing the signature to the UI. Once scanned it will be submitted for on-chain processing and execution.": "Sajikan kode QR yang berisi tanda tangan ke UI. Setelah dipindai, itu akan dikirim untuk pemrosesan dan eksekusi on-chain.",
+  "Prev": "Sebelumnya",
+  "Produced blocks": "Blok yand diproduksi",
+  "Proposal can either be to approve or reject this spend. One approved, the change is applied by either removing the proposal or scheduling payout.": "Proposal bisa berupa menyetujui atau menolak pembelanjaan ini. Satu disetujui, perubahan diterapkan dengan menghapus proposal atau menjadwalkan pembayaran.",
+  "Proposals": "Proposal",
+  "Proposals ({{count}})": "Proposal ({{count}})",
+  "Propose": "Usulan",
+  "Propose a committee motion": "Ajukan gerakan komite",
+  "Propose a council motion": "Mengusulkan dewan pergerakan",
+  "Propose external": "Usulan eksternal",
+  "Propose external (majority)": "Usulan eksternal (mayoritas)",
+  "Propose motion": "Usulan gerakan",
+  "Propose tip": "Pengajuan tip",
+  "Provide judgement": "Berikan keputusan",
+  "Provide the account QR from the module/external application for scanning. Once detected as valid, you will be taken to the next step to add the account to your list.": "Berikan akun QR dari modul/eksternal aplikasi untuk pemindaian. Satu dideteksi sebagai valid, maka anda dibawa ke langkah berikutnya untuk menambahkan akun ke daftar anda.",
+  "Proxied": "Proxy",
+  "Proxied account has no owned proxies": "Akun proxy tidak memiliki proxy",
+  "Proxy overview": "Ringkasan proxy",
+  "RPC calls": "pemanggilan RPC",
+  "Random": "Acak",
+  "Raw seed": "Benih raw",
+  "Raw storage": "Penyimpanan mentah",
+  "Reasonable": "Layak",
+  "Reassign": "Assign ulang",
+  "Redeem": "Tebus",
+  "Register": "Daftar",
+  "Register Asset": "Daftar Aset",
+  "Register a parachain": "Daftarkan parachain",
+  "Register an Asset": "Daftar sebuah Aset",
+  "Register identity": "Mendaftarkan identitas",
+  "Register sub-identities": "Mendaftarkan sub-identitas",
+  "Register the vote for or against the proposal.": "Daftarkan suara untuk atau menentang proposal.",
+  "Rejection proposal to council": "Proposal penolakan ke dewan",
+  "Rejections": "Penolakan",
+  "Remove": "Hapus",
+  "Remove ABI": "Hapus ABI",
+  "Remove item": "Hapus barang",
+  "Remove sub": "Hapus sub",
+  "Renomination required ({{count}})": "Renominasi diperlukan ({{count}})",
+  "Reset": "Setel ulang",
+  "Restore": "Pulihkan",
+  "Restore JSON": "Pulihkan JSON",
+  "Retrieving data": "Mengambil data",
+  "Retrieving info for all applicable eras, this will take some time": "Mengambil info untuk semua era yang berlaku, ini akan memakan waktu",
+  "Retrieving info for last {{numEras}} eras, this will take some time": "Mengambil info untuk {{numEras}} era terakhir, ini akan memakan waktu",
+  "Retrieving info for the selected eras, this will take some time": "Mengambil info untuk era yang dipilih, ini akan memakan waktu",
+  "Retrieving sub-identities": "Mengambil sub-identitas",
+  "Retrieving totals...": "Mengambil total ...",
+  "Revert": "kembali",
+  "Revert pending slashes": "kembalikan slash yang tertunda",
+  "Rewards (once paid) can be deposited to either the stash or controller, with different effects.": "Hadiah (setelah dibayarkan) dapat disetorkan ke simpanan atau pengontrol, dengan efek berbeda.",
+  "Save": "Simpan",
+  "Save & Reload": "Simpan & Mu",
+  "Save delegation": "Simpan delegasi",
+  "Save snippet to local storage": "Simpan cuplikan ke penyimpanan lokal",
+  "Save the type definitions for your custom structures as key-value pairs in a valid JSON file. The key should be the name of your custom structure and the value an object containing your type definitions.": "Simpan definisi jenis untuk struktur kustom Anda sebagai pasangan nilai kunci dalam file JSON yang valid. Kuncinya haruslah nama struktur kustom Anda dan nilai objek yang berisi definisi tipe anda.",
+  "Save this backup file in a secure location. Additionally, the password associated with this account is needed together with this backup file in order to restore your account.": "Simpan berkas cadangan ini di tempat aman. Selain itu, kata sandi yang terkait dengan akun ini diperlukan bersama file cadangan ini untuk memulihkan akun anda.",
+  "Scan Signature Qr": "Pindai Tanda Tangan QR",
+  "Scan the QR code with your QR scanner. Once approved, you will be required to present the signed QR back to the UI for submission.": "Pindai kode QR dengan pemindai QR anda. Setelah disetujui, anda akan diminta untuk menunjukkan QR yang ditandatangani kembali ke UI untuk dikirimkan.",
+  "Search for": "Pencarian untuk",
+  "Second": "Kedua",
+  "Second proposal": "Proposal kedua",
+  "Seconding a proposal that indicates your backing for the proposal. Proposals with greater interest moves up the queue for potential next referendums.": "Mendukung proposal yang menunjukkan dukungan anda untuk proposal tersebut. Proposal dengan minat lebih besar bergerak ke antrean untuk referendum berikutnya yang potensial.",
+  "Seconds ({{count}})": "Kedua ({{count}})",
+  "Select Network": "Pilih Jaringan",
+  "Select a contact or paste the address you want to send funds to.": "Pilih sebuah kontak atau paste alamat yang ingin anda kirimkan dana.",
+  "Select and order council candidates you wish to vote for.": "Pilih dan pesan calon dewan yang ingin anda pilih.",
+  "Select best": "Pilih terbaik",
+  "Select example": "Pilih contoh",
+  "Select targets manually (no auto-selection based on current profitability)": "Pilih target secara manual (tidak ada pemilihan otomatis berdasarkan profitabilitas saat ini)",
+  "Select the JSON key file that was downloaded when you created the account. This JSON file contains your private key encrypted with your password.": "Pilih berkas kunci JSON yang telah di unduh ketika anda membuat sebuah akun. Berkas JSON ini mengandung kunci pribadi yang terenkripsi dengan password anda.",
+  "Select the account to use for this action.": "Pilih akun ini untuk menggunakan aksi ini",
+  "Select the account you wish close the proposal with.": "Pilih akun yang proposalnya ingin anda tutup.",
+  "Select the account you wish to close from.": "Pilih akun yang ingin anda tutup.",
+  "Select the account you wish to make the proposal with.": "Pilih akun yang ingin anda gunakan untuk membuat proposal.",
+  "Select the account you wish to recover into this account.": "Pilih akun yang anda inginkan untuk pulihkan ke akun ini",
+  "Select the account you wish to second with. This will lock your funds until the proposal is either approved or rejected": "Pilih akun yang ingin Anda ajak kedua. Ini akan mengunci dana Anda sampai proposal disetujui atau ditolak",
+  "Select the account you wish to submit for candidacy.": "Pilih akun yang anda harapkan untuk mengirimkan pencalonan.",
+  "Select the account you wish to submit the proposal from.": "Pilih akun tempat anda ingin mengirimkan proposal.",
+  "Select the account you wish to submit the tip from.": "Pilih akun tempat anda ingin mengirimkan tip.",
+  "Select the account you wish to vote with. You can approve \"aye\" or deny \"nay\" the proposal.": "Pilih akun yang ada inginkan untuk memilih. Anda dapat menyetujui \"aye\" atau menolak \"nay\" proposal tersebut.",
+  "Select the council account you wish to use to make the proposal.": "Pilih akun dewan yang ingin Anda gunakan untuk membuat proposal.",
+  "Select the remote endpoint, either from the dropdown on manual entered via the custom toggle": "Pilih titik akhir jarak jauh, baik dari tarik-turun pada manual yang dimasukkan melalui sakelar khusus",
+  "Send": "Kirim",
+  "Send funds": "Kirim dana",
+  "Send to council": "Kirim ke  dewan",
+  "Sending transaction": "Mengirim transaksi",
+  "Session Key": "Sesi kunci",
+  "Set Identity": "Setel Identitas",
+  "Set Session Key": "Setel Sesi Kunci",
+  "Set Subs": "Setelsub",
+  "Set controller": "Setel pengontrol",
+  "Set nominees": "Setel nominasi",
+  "Set on-chain identity": "Setel identitas on-chain",
+  "Set on-chain sub-identities": "Setel sub-identitas on-chain",
+  "Set reward destination": "Setel hadiah tujuan",
+  "Set sudo key": "Setel kunci sudo",
+  "Set to 0 to make transaction immortal": "Setel ke 0 untuk membuat transaksi abadi",
+  "Set validator preferences": "Setel preferensi validator",
+  "Settings": "Pengaturan",
+  "Setup Nominator {{step}}/{{NUM_STEPS}}": "Setup Nominator {{step}}/{{NUM_STEPS}}",
+  "Setup Validator {{step}}/{{NUM_STEPS}}": "Setup Validator {{step}}/{{NUM_STEPS}}",
+  "Setup account as recoverable": "Persiapkan akun sebagai pemulihan",
+  "Should the search be case sensitive, e.g if you select \"no\" your search for \"Some\" may return addresses containing \"somE\" or \"sOme\"...": "Sebaikan menggunakan kepekaan kapital untuk mencari, misal jika anda memilih \"tidak\" pada pencarian untuk \"beberapa\" mungkin akan dikembalikan ke alamat mengandung \"beberapA\" atau \"bEberapa\"",
+  "Show address on hardware device": "Tampilkan alamat pada perangkat keras",
+  "Sign (no submission)": "Tanda tangan (tanpa penyerahan)",
+  "Sign and Submit": "Tanda tangan dan Kirimkan",
+  "Sign for multisig": "Tanda tangan untuk multisig",
+  "Sign message": "Tandatangan pesan",
+  "Sign via Qr": "Tanda tangan melalui Qr",
+  "Sign via {{hardwareType}}": "Tanda tangan melalui {{hardwareType}}",
+  "Signed transaction": "Tanda tangan transaksi",
+  "Since the multisig function like any other account, once created it is available for selection anywhere accounts are used and needs to be funded before use.": "Karena fungsi multisig seperti akun lainnya, setelah dibuat lalu tersedia untuk dipilih di akun mana saja dan perlu di danai sebelum digunakan.",
+  "Since this transaction deals with funding, the stash account will be used.": "Karena transaksi ini berhubungan dengan pendanaan, rekening simpanan akan digunakan.",
+  "Skeptics": "Skeptis",
+  "Slashed": "Slashed",
+  "Slashed in era {{eras}}": "Slashed di era {{eras}}",
+  "Slashes": "Slashes",
+  "Slashes ({{count}})": "Slashes ({{count}})",
+  "Society": "Perkumpulan",
+  "Society overview": "Tinjauan masyarakat",
+  "Soft derivation paths are not allowed on ed25519": "Jalur turunan lunak tidak diperbolehkan di ed25519",
+  "Specific payment account": "Akun pembayaran khusus",
+  "Specified payment account": "Akun pembayaran yang ditentukan",
+  "Specify the user account to use for this contract call. And fees will be deducted from this account.": "Tentukan akun pengguna yang akan digunakan untuk panggilan kontrak ini. Dan biaya akan dipotong dari akun ini.",
+  "Specify the user account to use for this deployment. And fees will be deducted from this account.": "Tentukan akun pengguna yang akan digunakan untuk penerapan ini. Dan biaya akan dipotong dari akun ini.",
+  "Specify the user account to use for this deployment. Any fees will be deducted from this account.": "Tentukan akun pengguna yang akan digunakan untuk penerapan ini. Semua biaya akan dipotong dari akun ini.",
+  "Split of 1,000x from the original sale; will mean a total of 10b DOT from genesis. Apparent DOT price would be 1000x lower.": "Pembagian 1.000x dari penjualan asli; akan berarti total 10b DOT dari genesis. Harga DOT yang semestinya 1000x lebih rendah.",
+  "Split of 1000x": "Perpecahan 1000x",
+  "Split of 1000x from the original sale; will mean a total of 10 billion DOT from genesis. Apparent DOT price would be 1000x lower and apparent account balances 1000x higher.": "Perpecahan 1000x dari penjualan asli; berarti total 10 miliar DOT dari genesis. Harga DOT semu akan 1000x lebih rendah dan saldo akun nyata 1000x lebih tinggi.",
+  "Split of 100x": "Perpecahan 100x",
+  "Split of 100x from the original sale; will mean a total of 1 billion DOT from genesis. Apparent DOT price would be 100x lower and apparent account balances 100x higher.": "Perpecahan 100x dari penjualan asli; berarti total 1 miliar DOT dari genesis. Harga DOT semu akan 100x lebih rendah dan saldo akun nyata 100x lebih tinggi.",
+  "Split of 100x from the original sale; will mean a total of 1b DOT from genesis. Apparent DOT price would be 100x lower.": "Perpecahan 100x dari penjualan asli; akan berarti total 1b DOT dari genesis. Harga DOT semu akan 100x lebih rendah.",
+  "Split of 10x": "Perpecahan 10x",
+  "Split of 10x from the original sale; will mean a total of 100 million DOT from genesis. Apparent DOT price would be 10x lower and apparent account balances 10x higher.": "Pembagian 10x dari penjualan asli; akan berarti total 100 juta DOT dari genesis. Harga DOT semu akan 10x lebih rendah dan saldo akun nyata 10x lebih tinggi.",
+  "Split of 10x from the original sale; will mean a total of 100m DOT from genesis. Apparent DOT price would be 10x lower.": "Pembagian 10x dari penjualan asli; akan berarti total 100m DOT dari genesis. Harga DOT yang semestinya 10x lebih rendah.",
+  "Staking overview": "Tinjauan staking",
+  "Start generation": "Mulai generasi",
+  "Start of a new staking era {{id}}": "Mulai dari era staking baru {{id}}",
+  "Start of a new staking session {{id}}": "Mulai dari sesi staking baru {{id}}",
+  "Start of next membership challenge period": "Mulai periode tantangan keanggotaan berikutnya",
+  "Start of next spending period": "Mulai periode pengeluaran berikutnya",
+  "Start of the next referendum voting period": "Mulai dari periode pemungutan suara referendum berikutnya",
+  "Start recovery": "Mulai pemulihan",
+  "Stash": "Stash",
+  "Stash account (do not increase the amount at stake)": "Akun simpanan (jangan tambah jumlah yang dipertaruhkan)",
+  "Stash account (increase the amount at stake)": "Akun simpanan (tingkatkan jumlah yang dipertaruhkan)",
+  "Stop": "Berhenti",
+  "Stop generation": "Menghentikan generasi",
+  "Storage": "Penyimpanan",
+  "Submit": "Kirimkan",
+  "Submit (no signature)": "Kirimkan (tanpa tanda tangan)",
+  "Submit RPC call": "Kirimkan pemanggilan RPC",
+  "Submit Sudo": "Kirimkan Sudo",
+  "Submit Sudo Unchecked": "Kirimkan Sudo Tanpa Dicentang",
+  "Submit Transaction": "Kirimkan Transaksi",
+  "Submit Unsigned": "Kirimkan Unsigned",
+  "Submit bid": "Kirimkan tawaran",
+  "Submit candidacy": "Kirimkan pencalonan",
+  "Submit key": "Kirimkan kunci",
+  "Submit preimage": "Kirim preimage",
+  "Submit proposal": "Kirim proposal",
+  "Submit signed extrinsic": "Kirimkan  tandatangan ekstrinsik",
+  "Submit tip": "Kirim tip",
+  "Submit tip endorsement": "Kirim dukungan tip",
+  "Submit tip request": "Kirim permintaan tip",
+  "Submit treasury proposal": "Kirim proposal kas",
+  "Submit your council candidacy": "Kirimkan pencalonan dewan anda",
+  "Sudo access": "Akses sudo",
+  "Sudo key": "Kunci sudo",
+  "Supply a backed-up JSON file, encrypted with your account-specific password.": "Suplai sebuah berkas cadangan JSON, enkripsi dengan  password spesifik akun anda.",
+  "Swap to a non-executing approval type, with subsequent calls providing the actual call data.": "Tukar ke jenis pertukaran non-eksekusi, dengan panggilan berikutnya menghasilkan data panggilan yang sebenarnya.",
+  "Switch": "Ganti",
+  "Targets": "Target",
+  "Tech. committee": "Tech. komite",
+  "Technical committee": "Komite teknis",
+  "Test account": "Akun tes",
+  "The ABI for the WASM code. In this step it is optional, but setting it here simplifies the setup of contract instances.": "ABI untuk kode WASM. Pada langkah ini opsional, tetapi pengaturannya di sini menyederhanakan pengaturan contoh kontrak.",
+  "The ABI for the WASM code. Since we will be making a call into the code, the ABI is required and stored for future operations such as sending messages.": "ABI untuk kode WASM. Karena kita akan membuat panggilan ke dalam kode, ABI diperlukan dan disimpan untuk operasi mendatang seperti pengiriman pesan.",
+  "The Ethereum address you used during the pre-sale (starting by \"0x\")": "Alamat Ethereum yang Anda gunakan selama pra-penjualan (dimulai dengan \"0x\")",
+  "The RPC node can be selected from the pre-defined list or manually entered, depending on the chain you wish to connect to.": "Node RPC dapat dipilih dari daftar yang ditentukan sebelumnya atau dimasukkan secara manual, tergantung pada rantai yang ingin anda sambungkan.",
+  "The Threshold must be a positive number": "Ambang harus berupa angka positif",
+  "The Threshold must lower than 11": "Ambang batas harus lebih rendah dari 11",
+  "The UI puts a limit of 40 payouts at a time, where each payout is a single validator for a single era.": "UI menetapkan batas 40 pembayaran sekaligus, di mana setiap pembayaran merupakan validator tunggal untuk satu era.",
+  "The account password as specified when creating the account. This is used to encrypt the backup file and subsequently decrypt it when restoring the account.": "Kata sandi akun seperti yang ditentukan saat membuat akun. Ini digunakan untuk mengenkripsi berkas cadangan dan kemudian mendekripsi saat memulihkan akun.",
+  "The account that signed the input": "Akun yang menandatangani masukan",
+  "The account that will receive the funds": "Akun yang akan menerima dana",
+  "The account to which the proposed balance will be transferred if approved": "Rekening ke mana saldo yang diusulkan akan ditransfer jika disetujui",
+  "The account to which the tip will be transferred if approved": "Akun yang tip akan ditransfer jika disetujui",
+  "The account type (derivation) to use": "Jenis akun (derivasi) yang akan digunakan",
+  "The account type that you wish to create. This is the top-level derivation.": "Jenis akun yang ingin anda buat. Ini adalah derivasi tingkat atas.",
+  "The account you want to claim to.": "Akun yang ingin anda klaim",
+  "The account you want to register the preimage from": "Akun tempat anda ingin mendaftarkan preimage",
+  "The account you want to register the proposal from": "Akun tempat anda ingin mendaftarkan proposal",
+  "The account you will send funds from.": "Akun yang ingin anda kirimkan dana",
+  "The account's password specified at the creation of this account.": "Kata sandi akun ditentukan saat pembuatan akun ini.",
+  "The actual JSONRPC module and function to make a call to.": "Modul dan fungsi JSONRPC sebenarnya untuk melakukan panggilan.",
+  "The actual account you wish to submit the bid with": "Akun sebenarnya yang ingin anda gunakan untuk mengajukan tawaran",
+  "The actual fully constructed signed output. This can be used for submission via other channels.": "Output ditandatangani yang benar-benar dibangun sepenuhnya. Ini dapat digunakan untuk pengiriman melalui saluran lain.",
+  "The actual proposal to make, based on the selected call and parameters thereof.": "Proposal sebenarnya untuk dibuat, berdasarkan panggilan yang dipilih dan parameternya.",
+  "The address for the deployed contract instance.": "Alamat untuk contoh kontrak yang diterapkan.",
+  "The address index (derivation on account) to use": "Indeks alamat (penurunan akun) yang akan digunakan",
+  "The address index on the account that you wish to add. This is the second-level derivation.": "Indeks alamat di akun yang ingin Anda tambahkan. Ini adalah derivasi tingkat kedua.",
+  "The address that has previously setup a proxy to one of the accounts that you control.": "Alamat yang sebelumnya telah menyiapkan proxy ke salah satu akan yang anda kelola.",
+  "The address that you have a valid proxy setup for.": "Alamat tempat anda mengatur proxy yang valid.",
+  "The address to vote from (must be a member)": "Alamat untuk memilih (harus menjadi anggota)",
+  "The addresses that are able to approve multisig transactions. You can select up to {{maxHelpers}} trusted addresses.": "Alamat yang dapat menyetujui transaksi multisig. Anda dapat memilih higga {{maxHelpers}} alamat terpercaya.",
+  "The addresses that are able to help in recovery. You can select up to {{maxHelpers}} trusted helpers.": "Alamat-alamat yang dapat membatu pemulihan. Anda dapat memilihin hingga {{maxHerlpers}} helper terpercaya.",
+  "The allotted endowment for this contract, i.e. the amount transferred to the contract upon instantiation.": "Dana abadi yang dialokasikan untuk kontrak ini, yaitu jumlah yang ditransfer ke kontrak pada saat pemberian contoh.",
+  "The allotted value for this contract, i.e. the amount transferred to the contract as part of this call.": "Nilai yang dialokasikan untuk kontrak ini, yaitu jumlah yang ditransfer ke kontrak sebagai bagian dari panggilan ini.",
+  "The amount of funds to unbond, this is adjusted using the bonded funds on the stash account.": "Jumlah dana yang akan dilepas, ini disesuaikan dengan dana terikat di rekening simpanan.",
+  "The amount placed at-stake should allow some free funds for future transactions.": "Jumlah yang dipertaruhkan harus memungkinkan sejumlah dana gratis untuk transaksi di masa depan.",
+  "The amount placed at-stake should be no more that 95% of your available amount to protect against slashing events.": "Jumlah yang dipertaruhkan tidak boleh lebih dari 95% dari jumlah yang tersedia untuk melindungi dari peristiwa pemotongan.",
+  "The amount placed at-stake should not be your full available available amount to allow for transaction fees.": "Jumlah yang dipertaruhkan tidak boleh menjadi jumlah penuh yang tersedia untuk memungkinkan biaya transaksi.",
+  "The amount reserved to store this image": "Jumlah yang dicadangkan untuk menyimpan gambar ini",
+  "The amount that is associated with this vote. This value is is locked for the duration of the vote.": "Jumlah yang terkait dengan suara ini. Nilai ini dikunci selama pemungutan suara.",
+  "The amount that will be allocated from the treasury pot": "Jumlah yang akan dialokasikan dari treasury pot",
+  "The amount that will be used on a per-validator basis to calculate profits for that validator.": "Jumlah yang akan digunakan berdasarkan per-validator untuk menghitung keuntungan bagi validator tersebut.",
+  "The amount this total can be reduced by to change the referendum outcome. This assumes changes to the convictions of the existing votes, with no additional turnout.": "Jumlah total ini dapat dikurangi untuk mengubah hasil referendum. Ini mengasumsikan perubahan keyakinan dari suara yang ada, tanpa tambahan jumlah pemilih.",
+  "The amount this total should be increased by to change the referendum outcome. This assumes additional turnout with new votes at 1x conviction.": "Jumlah total ini harus ditingkatkan untuk mengubah hasil referendum. Ini mengasumsikan jumlah pemilih tambahan dengan suara baru pada 1x keyakinan.",
+  "The amount to allocate and the conviction that will be applied to all votes made on a referendum.": "Jumlah yang dialokasikan dan hukuman yang akan diterapkan pada semua suara yang diuat pada referendum.",
+  "The amount to associate with your bid, should be less than the pot.": "Jumlah yang terkait dengan tawaran anda, harus kurang dari pot.",
+  "The amount to tie to your bid. The lowest bidder moves forward.": "Jumlah yang terkait dengan tawaran Anda. Penawar terendah bergerak maju.",
+  "The associated deposit for this proposal should be more then the minimum on-chain deposit required. It will be locked until the proposal passes.": "Setoran terkait untuk proposal ini harus lebih dari setoran berantai minimum yang diperlukan. Ini akan dikunci sampai proposal lolos.",
+  "The auto-selection is done on the current profitability of the validators taking your favorites into account. It is adjusted based on the commission and current range of backing for the validator. The calculation may and will change over time, so it is rather a selection based on the current state of the network, not a predictor of future profitability.": "Pemilihan otomatis dilakukan berdasarkan profitabilitas validator saat ini dengan mempertimbangkan favorit anda. Ini disesuaikan berdasarkan komisi dan kisaran dukungan saat ini untuk validator. Penghitungan mungkin dan akan berubah seiring waktu, jadi ini lebih merupakan pilihan berdasarkan kondisi jaringan saat ini, bukan prediktor profitabilitas di masa mendatang.",
+  "The balance associated with the vote will be locked as per the conviction specified and will not be available for transfer during this period.": "Saldo yang terkait dengan pemungutan suara akan dikunci sesuai dengan keyakinan yang ditentukan dan tidak akan tersedia untuk ditransfer selama periode ini.",
+  "The beneficiary will have access to the transferred fees when the transaction is included in a block.": "Penerima akan memiliki akses ke biaya yang ditransfer saat transaksi termasuk dalam satu blok.",
+  "The beneficiary will receive the full amount if the proposal passes.": "Penerima akan menerima jumlah penuh jika proposal lolos.",
+  "The beneficiary will received the tip as approved by council members.": "Penerima akan menerima tip yang disetujui oleh anggota dewan.",
+  "The blake2b 256-bit hash of the actual input data.": "Hash blake2b 256-bit dari data input aktual.",
+  "The bond that is reserved": "Ikatan yang dicadangkan",
+  "The bond will be reserved for the duration of your candidacy and membership.": "Ikatan akan disimpan selama pencalonan dan keanggotaan Anda.",
+  "The bonded amount is less than the minimum bond amount of {{existentialDeposit}}": "Jumlah obligasi kurang dari jumlah obligasi minimum {existentialDeposit}}",
+  "The bonding duration for any staked funds. After this period needs to be withdrawn.": "Durasi pengikatan untuk dana yang dipertaruhkan. Setelah periode ini perlu ditarik.",
+  "The bonding duration for any staked funds. Needs to be unlocked and withdrawn to become available.": "Durasi pengikatan untuk dana yang dipertaruhkan. Perlu dibuka dan ditarik agar tersedia.",
+  "The calculated storage costs based on the size and the per-bytes fee.": "Biaya penyimpanan yang dihitung berdasarkan ukuran dan biaya per byte.",
+  "The call data for this transaction matching the hash. Once sent, the multisig will be executed against this.": "Panggilan data untuk transaksi ini cocok dengan hash. Setelah dikirim, multisig akan dieksekusi terhadap ini.",
+  "The call data that can be supplied to a final call to multi approvals": "Data panggilan yang dapat diberikan ke panggilan terakhir ke multi persetujuan",
+  "The call hash from the list of available and unapproved calls.": "Panggilan hash dari daftar panggilan yang tersedia dan tidak disetujui.",
+  "The call hashes that have not been executed as of yet.": "Panggilan hash yang belum dijalankan sampai sekarang.",
+  "The code hash for the on-chain deployed code.": "kode hash untuk kode on-chain terdeploy",
+  "The code is not recognized as being in valid WASM format": "Kode tidak dikenali karena dalam format WASM yang valid",
+  "The codeHash is not a valid hex hash": "kodeHash tidak valid dengan hex hash",
+  "The color used to distinguish this network with others, use color code with 3 or 6 digits, like \"#FFF\" or \"#111111\"": "Warna yang digunakan untuk membedakan jaringan ini dengan yang lain, gunakan kode warna dengan 3 atau 6 digit, seperti \"#FFF\" atau \"# 111111\"",
+  "The commission is deducted from all rewards before the remainder is split with nominators.": "Komisi dipotong dari semua hadiah sebelum sisanya dibagi dengan nominator.",
+  "The committee account that will apply the close for the current round.": "Akun komite yang akan menerapkan penutupan untuk babak saat ini.",
+  "The compiled WASM for the contract that you wish to deploy. Each unique code blob will be attached with a code hash that can be used to create new instances.": "WASM terkompilasi untuk kontrak yang ingin Anda terapkan. Setiap blob kode unik akan dilampirkan dengan hash kode yang dapat digunakan untuk membuat instance baru.",
+  "The compiled runtime WASM for the parachain you wish to register.": "Runtime WASM yang dikompilasi untuk parachain yang ingin anda daftarkan.",
+  "The compiled runtime WASM for this parachain.": "WASM runtime yang dikompilasi untuk parachain ini.",
+  "The contract WASM previously deployed. Internally this is identified by the hash of the code, as either created or attached.": "Kontrak WASM digunakan sebelumnya. Secara internal ini diidentifikasi oleh hash kode, baik yang dibuat atau dilampirkan.",
+  "The controller does not have sufficient funds available to cover transaction fees. Ensure that a funded controller is used.": "Pengontrol tidak memiliki dana yang cukup untuk menutupi biaya transaksi. Pastikan bahwa pengontrol yang didanai digunakan.",
+  "The controller is the account that is be used to control any nominating or validating actions. I will sign this transaction.": "Pengontrol adalah akun yang digunakan untuk mengontrol setiap tindakan nominasi atau validasi. Saya akan menandatangani transaksi ini.",
+  "The controller is the account that will be used to control any nominating or validating actions. Should not match another stash or controller.": "Pengontrol adalah akun yang akan digunakan untuk mengontrol setiap tindakan pencalonan atau validasi. Tidak boleh cocok dengan simpanan atau pengontrol lain.",
+  "The conviction that will be used for each delegated vote.": "Keyakinan yang akan digunakan untuk setiap suara yang didelegasikan.",
+  "The conviction to use for this vote, with an appropriate lock period.": "Keyakinan yang akan digunakan untuk pemungutan suara ini, dengan periode kunci yang sesuai.",
+  "The council account for the proposal. The selection is filtered by the current members.": "Akun dewan untuk proposal tersebut. Pilihan difilter oleh anggota saat ini.",
+  "The council account for this vote. The selection is filtered by the current members.": "Akun dewan untuk pemungutan suara ini. Pilihan difilter oleh anggota saat ini.",
+  "The council account that will apply the close for the current round.": "Akun dewan yang akan mengajukan penutupan untuk putaran saat ini.",
+  "The council member that is proposing this, submission equates to an \"aye\" vote.": "Anggota dewan yang mengusulkan ini, pengajuan sama dengan suara \"aye\".",
+  "The council proposal to make the vote on": "Usulan dewan untuk melakukan pemungutan suara",
+  "The data that was signed. This is used in combination with the signature for the verification. It can either be hex or a string.": "Data yang ditandatangani. Ini digunakan dalam kombinasi dengan tanda tangan untuk verifikasi. Ini bisa berupa hex atau string.",
+  "The delay between vouching and the availability of the recovered account.": "Penundaan antara penjamin dan ketersediaan akun yang dipulihkan.",
+  "The delay period to apply in blocks": "Jangka waktu penundaan untuk diterapkan di blok",
+  "The deployment constructor information for this contract, as provided by the ABI.": "Informasi konstruktor penerapan untuk kontrak ini, seperti yang disediakan oleh ABI.",
+  "The deposit is below the {{minimum}} minimum required for the proposal to be evaluated": "Setoran di bawah {{minimum}} minimum yang diperlukan untuk proposal yang akan dievaluasi",
+  "The deposit of {{deposit}} will be reserved until the proposal is completed": "Setoran {{deposit}} akan disimpan sampai proposal diselesaikan",
+  "The derivation path allows you to create different accounts from the same base mnemonic.": "Jalur derivasi memungkinkan anda membuat akun yang berbeda dari basis mnemonik yang sama.",
+  "The desired threshold. Here set to a default of 50%+1, as applicable for general proposals.": "Ambang batas yang diinginkan. Di sini ditetapkan ke default 50% + 1, sebagaimana berlaku untuk proposal umum.",
+  "The destination account for any payments as either a nominator or validator": "Rekening tujuan untuk pembayaran apa pun baik sebagai nominator atau validator",
+  "The details of the transaction including the type, the description (as available from the chain metadata) as well as any parameters and fee estimations (as available) for the specific type of call.": "Rincian transaksi termasuk jenis, deskripsi (tersedia dari metadata rantai) serta parameter dan perkiraan biaya (jika tersedia) untuk jenis panggilan tertentu.",
+  "The elected validator list that did not get selected by the Phragmen algorithm for this era. However they may be selected in the future.": "Daftar validator terpilih yang tidak dipilih oleh algoritme Phragmen untuk era ini. Bagaimanapun mereka mungkin akan dipilih di masa depan.",
+  "The email address associated with this identity.": "Alamat email yang terkait dengan identitas ini.",
+  "The existing account password as specified when this account was created or when it was last changed.": "Kata sandi akun yang ada seperti yang ditentukan saat akun ini dibuat atau saat terakhir diubah.",
+  "The external proposal to send to the technical committee": "Proposal eksternal untuk dikirim ke panitia teknis",
+  "The final recipient balance is less or equal to {{existentialDeposit}} (the existential amount) and will not be reflected": "Saldo penerima akhir kurang atau sama dengan {{existingentialDeposit}} (jumlah yang ada) dan tidak akan ditampilkan",
+  "The full account balance to be transferred, minus the transaction fees": "Saldo akun penuh yang akan ditransfer, dikurangi biaya transaksi",
+  "The funds will only be available for withdrawal after the unbonding period, however will not be part of the staked amount after the next validator election. You can follow the unlock countdown in the UI.": "Dana hanya akan tersedia untuk penarikan setelah periode tidak terikat, namun tidak akan menjadi bagian dari jumlah yang dipertaruhkan setelah pemilihan validator berikutnya. Anda dapat mengikuti hitungan mundur buka kunci di UI.",
+  "The hash for the proposal this vote applies to": "Hash untuk proposal yang berlaku untuk pemungutan suara ini",
+  "The hash of the preimage for the proposal as previously submitted or intended.": "Hash dari preimage untuk proposal seperti yang telah diajukan atau dimaksudkan sebelumnya.",
+  "The hash of the proposal image, either already submitted or valid for the specific call.": "Hash gambar proposal, baik yang sudah dikirim atau valid untuk panggilan tertentu.",
+  "The hash of the selected proposal, use it for submitting the proposal": "Hash dari proposal yang dipilih, gunakan untuk mengirimkan proposal",
+  "The helpers should be able to verify, via an off-chain mechanism, that the account owner indeed wishes to recover access and as such provide any approvals. In the cases of malicious recovery procedures, they will have the power to stop it.": "Helper harus dapat memverifikasi, melalui mekanisme off-chain, bahwa pemilik akun memang ingin memulihkan akses dan dengan demikian memberikan persetujuan apapun. Dalam kasus prosedur pemulihan yang berbahaya, mereka akan memiliki kekuatan untuk menghentikannya.",
+  "The hex output from author_rotateKeys, as executed on the validator node. The keys will show as pending until applied at the start of a new session.": "Output hex dari author_rotateKeys, seperti yang dieksekusi pada node validator. Kunci akan ditampilkan sebagai menunggu hingga diterapkan pada awal sesi baru.",
+  "The id number to assign to this parachain.": "Nomor id yang akan diberikan untuk penerjun payung ini.",
+  "The id of the parachain to be deregistered.": "ID parachain yang akan dicabut pendaftarannya.",
+  "The image (proposal) will be stored on-chain against the hash of the contents.": "Gambar (proposal) akan disimpan secara on-chain terhadap hash konten.",
+  "The initial head state for the parachain.": "Status kepala awal untuk parachain.",
+  "The initial head state is invalid.": "Status kepala awal tidak valid.",
+  "The input data to hash. This can be either specified as a hex value (0x-prefix) or as a string.": "Data masukan untuk hash. Ini dapat ditentukan sebagai nilai hex (0x-prefix) atau sebagai string.",
+  "The input data to sign. This can be either specified as a hex value (0x-prefix) or as a string.": "Data masukan untuk ditandatangani. Ini dapat ditentukan sebagai nilai hex (0x-prefix) atau sebagai string.",
+  "The key type and crypto type to use for this key. Be aware that different keys have different crypto requirements. You should be familiar with the type requirements for the different keys.": "Jenis kunci dan jenis kripto yang akan digunakan untuk kunci ini. Ketahuilah bahwa kunci yang berbeda memiliki persyaratan kripto yang berbeda. Anda harus terbiasa dengan persyaratan tipe untuk kunci yang berbeda.",
+  "The legal name for this identity.": "Nama resmi untuk identitas ini.",
+  "The local name for this account. Changing this does not affect your on-line identity, so this is only used to indicate the name of the account locally.": "Nama lokal untuk akun ini. Mengubah ini tidak memengaruhi identitas on-line anda, jadi ini hanya digunakan untuk menunjukkan nama akun secara lokal.",
+  "The locked value for this proposal": "Nilai terkunci untuk proposal ini",
+  "The maximum amount of gas that can be used by this call. If the code requires more, the call will fail.": "Jumlah maksimum gas yang dapat digunakan oleh panggilan ini. Jika kode memerlukan lebih banyak, panggilan akan gagal.",
+  "The maximum amount of gas that can be used by this deployment, if the code requires more, the deployment will fail.": "Jumlah maksimum gas yang dapat digunakan oleh penerapan ini, jika kode memerlukan lebih banyak, penerapan akan gagal.",
+  "The maximum amount of gas to use for this contract call. If the call requires more, it will fail.": "Jumlah gas maksimum yang akan digunakan untuk panggilan kontrak ini. Jika panggilan membutuhkan lebih banyak, itu akan gagal.",
+  "The maximum amount you can delegate is the amount of funds available on the delegating account.": "Jumlah maksimum yang dapat anda delegasikan adalah jumlah dana yang tersedia di akun yang terdelegasi.",
+  "The message to send to this contract. Parameters are adjusted based on the ABI provided.": "Pesan untuk dikirim ke kontrak ini. Parameter disesuaikan berdasarkan ABI yang disediakan.",
+  "The minimum amount that an account should have to be deemed active": "Jumlah minimum akun yang harus dianggap aktif",
+  "The minimum amount that will be bonded": "Jumlah minimum yang akan diikat",
+  "The minimum deposit required": "Setoran minimum yang dibutuhkan",
+  "The minimum number of committee votes required to approve this motion": "Jumlah minimum suara komite yang diperlukan untuk menyetujui mosi ini",
+  "The minimum number of council votes required to approve this motion": "Jumlah minimum suara dewan yang diperlukan untuk menyetujui mosi ini",
+  "The multisig signatory for this transaction.": "Penandatangan multisig untuk transaksi ini.",
+  "The name for this account and how it will appear under your addresses. With an on-chain identity, it can be made available to others.": "Nama untuk akun ini dan tampilannya di bawah alamat anda. Dengan identitas on-chain, itu dapat tersedia untuk yang lain.",
+  "The name is for unique identification of the account in your owner lists.": "Nama ini untuk identifikasi akun unik dalam daftar pemilik anda.",
+  "The name that will be displayed in your accounts list.": "Nama yang akan ditampilkan di daftar akun anda.",
+  "The network from which this account was originally generated is different than the network you are currently connected to. Once imported ensure you toggle the \"allow on any network\" option for the account to keep it visible on the current network.": "Jaringan asal akun ini dibuat berbeda dengan jaringan yang saat ini anda sambungkan. Setelah diimpor, pastikan Anda mengaktifkan opsi \"izinkan di jaringan apa pun\" untuk akun agar tetap terlihat di jaringan saat ini.",
+  "The new account password. Once set, all future account unlocks will be performed with this new password.": "Kata sandi akun baru. Setelah disetel, semua pembukaan akun di masa mendatang akan dilakukan dengan kata sandi baru ini.",
+  "The on-chain percentage for the treasury": "Persentase on-chain untuk bendahara",
+  "The operation type to apply. For approvals both non-final and final approvals are supported.": "Jenis operasi yang akan diterapkan. Untuk persetujuan, persetujuan non-final dan dukungan final.",
+  "The password and password confirmation for this account. This is required to authenticate any transactions made and to encrypt the keypair.": "Konfirmasi kata sandi dan kata sandi untuk akun ini. Ini diperlukan untuk mengotentikasi setiap transaksi yang dilakukan dan untuk mengenkripsi keypair.",
+  "The password previously used to encrypt this account.": "Kata sandi yang sebelumnya digunakan untuk mengenkripsi akun ini.",
+  "The password to unlock the selected account.": "Kata sandi untuk membuka akun yang dipilih.",
+  "The percentage reward (0-100) that should be applied for the validator": "Persentase hadiah (0-100) yang harus diterapkan untuk validator",
+  "The preimage hash of the proposal": "Hash preimage proposal",
+  "The private key for your account is derived from this seed. This seed must be kept secret as anyone in its possession has access to the funds of this account. If you validate, use the seed of the session account as the \"--key\" parameter of your node.": "Kunci pribadi untuk akun anda berasal dari benih ini. Benih ini harus dirahasiakan karena siapa pun yang memilikinya memiliki akses ke dana akun ini. Jika Anda memvalidasi, gunakan seed akun sesi sebagai parameter \"--key\" dari node anda.",
+  "The proposal is in the queue for future referendums. One proposal from this list will move forward to voting.": "Proposal sedang dalam antrian untuk referendum mendatang. Satu proposal dari daftar ini akan dilanjutkan ke pemungutan suara.",
+  "The proposal that is being voted on. It will pass when the threshold is reached.": "Proposal yang sedang dipilih. Ini akan berlalu saat ambang batas tercapai.",
+  "The proposal that will be affected. Once closed for the current voting round, it would need to be re-submitted for a subsequent voting round.": "Proposal yang akan terpengaruh. Setelah ditutup untuk putaran pemungutan suara saat ini, itu perlu diajukan kembali untuk putaran pemungutan suara berikutnya.",
+  "The proposal that will be affected. Once closed for the current voting round, it would need to be re-submitted to council for a subsequent voting round.": "Proposal yang akan terpengaruh. Setelah ditutup untuk putaran pemungutan suara saat ini, itu perlu diajukan kembali ke dewan untuk putaran pemungutan suara berikutnya.",
+  "The proposal will be registered from this account and the balance lock will be applied here.": "Proposal akan didaftarkan dari akun ini dan kunci saldo akan diterapkan di sini.",
+  "The proxy is one of the allowed proxies on the account, as set and filtered by the transaction type.": "Proksi adalah salah satu proksi yang diizinkan di akun, sebagaimana diatur dan difilter oleh jenis transaksi.",
+  "The proxy to be used for this transaction.": "Proksi yang akan digunakan untuk transaksi ini.",
+  "The reason why this tip should be paid.": "Alasan mengapa tip ini harus dibayar.",
+  "The recoverable account is protected against the loss of seed/access by a social process.": "Akun yang dapat dipulihkan dilindungi dari hilangnya benih/akses oleh proses sosial.",
+  "The resulting signature of the input data, as done with the crypto algorithm from the account. (This could be non-deterministic for some types such as sr25519).": "Tanda tangan yang dihasilkan dari data masukan, seperti yang dilakukan dengan algoritme kripto dari akun. (Ini bisa jadi non-deterministik untuk beberapa jenis seperti sr25519).",
+  "The scheduling preference for this parachain.": "Preferensi penjadwalan untuk parachain ini.",
+  "The scheduling setting for this parachain.": "Pengaturan penjadwalan untuk parachain ini.",
+  "The secret seed value for this account. Ensure that you keep this in a safe place, with access to the seed you can re-create the account.": "Nilai benih rahasia untuk akun ini. Pastikan Anda menyimpannya di tempat yang aman, dengan akses ke benih anda dapat membuat ulang akun.",
+  "The seed and derivation path will be submitted to the validator node. this is an advanced operation, only to be performed when you are sure of the security and connection risks.": "Benih dan jalur turunan akan dikirimkan ke node validator. ini adalah operasi lanjutan, hanya untuk dilakukan jika Anda yakin akan risiko keamanan dan koneksi.",
+  "The selected account to be unlocked.": "Akun yang dipilih untuk dibuka kuncinya.",
+  "The selected account to perform the derivation on.": "Akun yang dipilih untuk melakukan derivasi.",
+  "The selected controller tied to this stash. Once set, this account will be able to control the actions performed by the stash account.": "Pengontrol yang dipilih terikat ke simpanan ini. Setelah disetel, akun ini akan dapat mengontrol tindakan yang dilakukan oleh akun simpanan.",
+  "The selected validators to nominate, either via the \"currently best algorithm\" or via a manual selection.": "Validator terpilih untuk dinominasikan, baik melalui \"algoritme terbaik saat ini\" atau melalui pemilihan manual.",
+  "The sending account that will be used to send this transaction. Any applicable fees will be paid by this account.": "Rekening pengirim yang akan digunakan untuk mengirim transaksi ini. Semua biaya yang berlaku akan dibayar oleh akun ini.",
+  "The signatories has the ability to create transactions using the multisig and approve transactions sent by others.Once the threshold is reached with approvals, the multisig transaction is enacted on-chain.": "Penandatangan memiliki kemampuan untuk membuat transaksi menggunakan multisig dan menyetujui transaksi yang dikirim oleh orang lain. Setelah ambang tercapai dengan persetujuan, transaksi multisig diberlakukan secara on-chain.",
+  "The signatory is one of the allowed accounts on the multisig, making a recorded approval for the transaction.": "Penandatangan adalah salah satu akun yang diizinkan di multisig, membuat persetujuan yang tercatat untuk transaksi tersebut.",
+  "The signatory is one of the allowed accounts on the multisig. The transaction could either be the call or an approval for the hash of a call.": "Penandatangan adalah salah satu akun yang diizinkan di multisig. Transaksi bisa berupa panggilan atau persetujuan untuk hash panggilan.",
+  "The signatory to send the approval/cancel from": "Penandatangan untuk mengirimkan persetujuan / pembatalan dari",
+  "The signature as by the account being checked, supplied as a hex-formatted string.": "Tanda tangan sebagai akun yang diperiksa, diberikan sebagai string berformat hex.",
+  "The specific eras on which there are unapplied slashes. For each era a separate proposal is to be made.": "Era spesifik di mana ada garis miring yang belum diterapkan. Untuk setiap era, proposal terpisah harus dibuat.",
+  "The specified value is greater than the recommended amount. You may not be adequately protected against slashing events or have funds for future fees.": "Nilai yang ditentukan lebih besar dari jumlah yang disarankan. Anda mungkin tidak cukup terlindungi dari peristiwa pemotongan atau memiliki dana untuk biaya masa depan.",
+  "The specified value is greater than your free balance. The node will bond the maximum amount available.": "Nilai yang ditentukan lebih besar dari saldo gratis Anda. Node akan mengikat jumlah maksimum yang tersedia.",
+  "The specified value is too large and does not allow funds to pay future transaction fees.": "Nilai yang ditentukan terlalu besar dan tidak memungkinkan dana untuk membayar biaya transaksi di masa mendatang.",
+  "The stash account that is used. This will allow the controller to perform all non-funds related operations on behalf of the account.": "Akun simpanan yang digunakan. Ini akan memungkinkan pengontrol untuk melakukan semua operasi yang tidak terkait dengan dana atas nama akun.",
+  "The stash and controller pair as linked. This operation will be performed via the controller.": "Pasangan simpanan dan pengontrol sebagai ditautkan. Operasi ini akan dilakukan melalui pengontrol.",
+  "The stash and controller pair, here the controller will be used to send the transaction.": "Pasangan simpanan dan pengontrol, di sini pengontrol akan digunakan untuk mengirim transaksi.",
+  "The stash and controller pair. This transaction, managing preferences, will be sent from the controller.": "Pasangan simpanan dan pengontrol. Transaksi ini, mengatur preferensi, akan dikirim dari pengontrol.",
+  "The stash and controller pair. This transaction, setting the session keys, will be sent from the controller.": "Pasangan simpanan dan pengontrol. Transaksi ini, pengaturan kunci sesi, akan dikirim dari pengontrol.",
+  "The stash that is to be affected. The transaction will be sent from the associated controller account.": "Simpanan yang akan terpengaruh. Transaksi akan dikirim dari akun pengontrol terkait.",
+  "The suggested value for this tip": "Nilai yang disarankan untuk tip ini",
+  "The threshold for approval should be less or equal to the number of signatories for this multisig.": "Ambang persetujuan harus kurang atau sama dengan jumlah penandatangan multisig ini.",
+  "The threshold for approvals and the delay is the protection associated with the account. The delay should be such that any colluding recovery attempts does have a window to stop.": "Ambang persetujuan dan penundaan adalah perlindungan yang terkait dengan akun. Penundaan harus sedemikian rupa sehingga setiap upaya pemulihan yang berkolusi memiliki jendela untuk berhenti.",
+  "The threshold for this multisig": "Ambang multisig ini",
+  "The threshold of vouches that is to be reached for the account to be recovered.": "Ambang batas jaminan yang harus dicapai agar akun dapat dipulihkan.",
+  "The tip amount that should be allocated": "Jumlah tip yang harus dialokasikan",
+  "The total amount of the stash balance that will be at stake in any forthcoming rounds (should be less than the free amount available)": "Jumlah total saldo simpanan yang akan dipertaruhkan di setiap babak yang akan datang (harus kurang dari jumlah gratis yang tersedia)",
+  "The total amount of the stash balance that will be at stake in any forthcoming rounds (should be less than the total amount available)": "Jumlah total saldo simpanan yang akan dipertaruhkan dalam setiap putaran yang akan datang (harus kurang dari jumlah total yang tersedia)",
+  "The transferred balance will be subtracted (along with fees) from the sender account.": "Saldo yang ditransfer akan dikurangi (bersama dengan biaya) dari akun pengirim.",
+  "The twitter name for this identity.": "Nama twitter untuk identitas ini.",
+  "The type of council proposal to submit.": "Jenis proposal dewan yang akan diajukan.",
+  "The unapplied slashed era to cancel.": "Era slash yang belum diterapkan untuk membatalkan.",
+  "The unchecked weight as specified for the sudoUncheckedWeight call.": "Bobot yang tidak dicentang seperti yang ditentukan untuk panggilan sudoUncheckedWeight.",
+  "The validators selected by the Phragmen algorithm to nominate for this era.": "Validator dipilih oleh algoritma Phragmen untuk dinominasikan untuk era ini.",
+  "The validators that are not in the validator set because they need more nominations or because they have willingly stopped validating. Any nominations made before the next election will also appear here.": "Validator yang tidak ada dalam kumpulan validator karena mereka membutuhkan lebih banyak nominasi atau karena mereka rela berhenti memvalidasi. Semua nominasi yang dibuat sebelum pemilihan berikutnya juga akan muncul di sini.",
+  "The validators that are over-subscribed, only the top 64 backing stake will be rewarded.": "Validator yang berlangganan berlebih, hanya 64 saham pendukung teratas yang akan diberi hadiah.",
+  "The validators that got slashed and for which your nomination got auto-chilled. Re-nominating these will make them available to the Phragmen algorithm.": "Validator yang dipotong dan nominasi Anda akan didinginkan secara otomatis. Menominasikan ulang ini akan membuatnya tersedia untuk algoritme Phragmen.",
+  "The value associated with this vote. The amount will be locked (not available for transfer) and used in all subsequent elections.": "Nilai yang terkait dengan suara ini. Jumlah tersebut akan dikunci (tidak tersedia untuk ditransfer) dan digunakan dalam semua pemilihan berikutnya.",
+  "The value is not in a valid address format": "Nilainya tidak dalam format alamat yang valid",
+  "The value is the amount that is being asked for and that will be allocated to the beneficiary if the proposal is approved.": "Nilainya adalah jumlah yang diminta dan akan dialokasikan kepada penerima jika proposal disetujui.",
+  "The vote to record for this proposal, either for or against.": "Suara yang akan direkam untuk proposal ini, setuju atau tidak.",
+  "The vote will be recorded for the selected account.": "Suara akan direkam untuk akun yang dipilih.",
+  "The vote will be recorded for this account. If another account delegated to this one, the delegated votes will also be counted.": "Suara akan direkam untuk akun ini. Jika akun lain didelegasikan ke akun ini, suara yang didelegasikan juga akan dihitung.",
+  "The votes for the members, runner-ups and candidates. These should be ordered based on your priority.": "Suara untuk anggota, runner-up, dan kandidat. Ini harus dipesan berdasarkan prioritas anda.",
+  "The voting period to apply in blocks": "Periode pemungutan suara untuk diterapkan dalam blok",
+  "There an no unapplied/pending slashes": "Tidak ada slash yang belum diterapkan / menunggu keputusan",
+  "There are no pending proposals": "Tidak ada proposal yang menunggu keputusan",
+  "There are no registered parachains": "Tidak ada parachain yang terdaftar",
+  "There are no unapplied/pending slashes": "Tidak ada slash yang belum diterapkan / menunggu keputusan",
+  "There is currently an ongoing election for new validator candidates. As such staking operations are not permitted.": "Saat ini pemilihan calon validator baru sedang berlangsung. Karena itu, operasi penguncian tidak diizinkan.",
+  "These are trusted individuals that can verify and approve any recovery actions. With recovery, once the threshold is reached, the funds associated with the account can be moved to a new destination.": "Ini adalah individu tepercaya yang dapat memverifikasi dan menyetujui tindakan pemulihan apa pun. Dengan pemulihan, setelah ambang tercapai, dana yang terkait dengan akun dapat dipindahkan ke tujuan baru.",
+  "These validators are active but only the top {{max}} nominators by backing stake will be receiving rewards. The nominating stash is not one of those to be rewarded in the current era.": "Validator ini aktif tetapi hanya {{max}} nominator teratas dengan mendukung taruhan yang akan menerima hadiah. Simpanan pencalonan bukanlah salah satu yang akan dihargai di era saat ini.",
+  "Think of the stash as your cold wallet and the controller as your hot wallet. Funding operations are controlled by the stash, any other non-funding actions by the controller itself.": "Pikirkan simpanan sebagai dompet dingin Anda dan pengontrol sebagai dompet panas Anda. Operasi pendanaan dikendalikan oleh simpanan, tindakan non-pendanaan lainnya oleh pengontrol itu sendiri.",
+  "This Ethereum address does not have a claim.": "Alamat Ethereum ini tidak memiliki klaim.",
+  "This account has a governance delegation": "Akun ini memiliki delegasi tata kelola",
+  "This account has {{proxyNumber}} proxy set.": "Akun ini memiliki {{proxyNumber}} setel proxy.",
+  "This account is recoverable, with the following friends:": "Akun ini dapat dipulihkan, dengan mengikuti teman-teman:",
+  "This account that will perform the message signing.": "Akun ini yang akan melakukan penandatanganan pesan.",
+  "This account will appear in the list of candidates. With enough votes in an election, it will become either a runner-up or a council member.": "Akun ini akan muncul di daftar kandidat. Dengan suara yang cukup dalam pemilihan, itu akan menjadi runner-up atau anggota dewan.",
+  "This account will be use to approve each candidate.": "Akun ini akan digunakan untuk menyetujui setiap kandidat.",
+  "This account will make the proposal and be responsible for the bond.": "Akun ini akan membuat proposal dan bertanggung jawab atas ikatan tersebut.",
+  "This account will pay the fees for the preimage, based on the size thereof.": "Akun ini akan membayar biaya untuk preimage, berdasarkan ukurannya.",
+  "This could either be an approval for the hash or with full call details. The call as last approval triggers execution.": "Ini bisa berupa persetujuan untuk hash atau dengan detail panggilan lengkap. Panggilan sebagai persetujuan terakhir memicu eksekusi.",
+  "This external account cannot be used to sign data. Only Limited support is currently available for signing from any non-internal accounts.": "Akun eksternal ini tidak dapat digunakan untuk menandatangani data. Hanya dukungan terbatas yang saat ini tersedia untuk masuk dari akun non-internal mana pun.",
+  "This injected account cannot be used to sign data since the extension does not support raw signing.": "Akun yang dimasukkan ini tidak dapat digunakan untuk menandatangani data karena ekstensi tidak mendukung penandatanganan mentah.",
+  "This is a developer tool that allows you to execute selected snippets in a limited context.": "Ini adalah alat pengembang yang memungkinkan anda menjalankan cuplikan yang dipilih dalam konteks terbatas.",
+  "This is not a valid JSON object.": "Ini bukan objek JSON yang valid.",
+  "This operation does not impact the associated on-chain code or any of its contracts.": "Operasi ini tidak memengaruhi kode rantai terkait atau kontraknya.",
+  "This operation does not remove the history of the account from the chain, nor any associated funds from the account. The forget operation only limits your access to the account on this browser.": "Operasi ini tidak menghapus riwayat akun dari rantai, maupun dana terkait dari akun. Operasi lupa hanya membatasi akses anda ke akun di browser ini.",
+  "This operation does not remove the history of the account from the chain, nor any associated funds from the account. The forget operation only limits your access to the address on this browser.": "Operasi ini tidak menghapus riwayat akun dari rantai, maupun dana terkait dari akun. Operasi lupa hanya membatasi akses Anda ke alamat di browser ini.",
+  "This operation does not remove the history of the contract from the chain, nor any associated funds from its account. The forget operation only limits your access to the contract on this browser.": "Operasi ini tidak menghapus riwayat kontrak dari rantai, maupun dana terkait dari akunnya. Operasi lupa hanya membatasi akses Anda ke kontrak di browser ini.",
+  "This operation does not remove the uploaded code WASM and ABI from the chain, nor any deployed contracts. The forget operation only limits your access to the code on this browser.": "Operasi ini tidak menghapus kode yang diunggah WASM dan ABI dari rantai, maupun kontrak yang diterapkan. Operasi lupa hanya membatasi akses Anda ke kode di browser ini.",
+  "This operation will submit the seed via an RPC call. Do not perform this operation on a public RPC node, but ensure that the node is local, connected to your validator and secure.": "Operasi ini akan mengirimkan benih melalui panggilan RPC. Jangan melakukan operasi ini pada node RPC publik, tetapi pastikan node tersebut lokal, terhubung ke validator anda dan aman.",
+  "This password is used to encrypt your private key. It must be strong and unique! You will need it to sign transactions with this account. You can recover this account using this password together with the backup file (generated in the next step).": "Kata sandi ini digunakan untuk mengenkripsi kunci pribadi anda. Itu harus kuat dan unik! Anda akan membutuhkannya untuk menandatangani transaksi dengan akun ini. Anda dapat memulihkan akun ini menggunakan sandi ini bersama dengan file cadangan (dibuat di langkah berikutnya).",
+  "This poll is setup to judge the sentiment of the Polkadot token holders in adjusting the number of decimals that is used to identify one full DOT. It does not change the overall supply, but rather just allows for a different representation of the current supply.": "Polling ini disiapkan untuk menilai sentimen pemegang token Polkadot dalam menyesuaikan jumlah desimal yang digunakan untuk mengidentifikasi satu DOT penuh. Ini tidak mengubah keseluruhan pasokan, melainkan hanya memungkinkan representasi yang berbeda dari pasokan saat ini.",
+  "This pubic key is what will be visible in your queued keys list. It is generated based on the seed and the crypto used.": "Kunci pubik ini akan terlihat dalam daftar kunci antrian Anda. Itu dibuat berdasarkan benih dan kripto yang digunakan.",
+  "This vote does not affect any economics of the Polkadot platform. Staking rewards, inflation, effective market capitalisation and the underlying balances of every account remain completely unchanged. It is \"merely\" about what units we use to denominate the balances into \"DOT\" for the purpose of display.": "Pemungutan suara ini tidak memengaruhi ekonomi apa pun dari platform Polkadot. Imbalan taruhan, inflasi, kapitalisasi pasar efektif, dan saldo dasar setiap akun tetap sama sekali tidak berubah. Ini adalah \"hanya\" tentang unit apa yang kita gunakan untuk mendenominasi saldo menjadi \"DOT\" untuk tujuan tampilan.",
+  "This will apply to any future use of this account as stored on this browser. Ensure that you securely store this new password and that it is strong and unique to the account.": "Ini akan berlaku untuk semua penggunaan akun ini di masa mendatang seperti yang disimpan di browser ini. Pastikan Anda menyimpan sandi baru ini dengan aman dan kuat serta unik untuk akun tersebut.",
+  "Tip": "tip",
+  "Tip (optional)": "Tip (opsi)",
+  "Tippers ({{count}})": "Tippers ({{count}})",
+  "Tips": "Tip",
+  "To council": "Untuk dewan",
+  "To ensure optimal fund security using the same stash/controller is strongly discouraged, but not forbidden.": "Untuk memastikan keamanan dana yang optimal menggunakan simpanan / pengontrol yang sama sangat tidak disarankan, tetapi tidak dilarang.",
+  "Total amount of fund that will be reserved. These funds are returned when the identity is cleared": "Jumlah total dana yang akan dicadangkan. Dana ini dikembalikan saat identitas dihapus",
+  "Transfer": "Transfer",
+  "Transfer an amount from a specific account into a parachain.": "Transfer sejumlah uang dari akun tertentu ke dalam parachain.",
+  "Transfer the full account balance, reap the sender": "Transfer saldo akun penuh, tuai pengirimnya",
+  "Transfer to chain": "Transfer ke chain",
+  "Transfer to parachain": "Transfer ke parachain",
+  "Transfer with account keep-alive checks": "Transfer dengan cek akun keep-alive",
+  "Translate": "Menterjemahkan",
+  "Treasury overview": "Tinjauan perbendaharaan",
+  "Type here what you would like your address to contain. This tool will generate the keys and show the associated addresses that best match your search. You can use \"?\" as a wildcard for a character.": "Ketik di sini apa yang anda inginkan berisi alamat anda. Alat ini akan menghasilkan kunci dan menunjukkan alamat terkait yang paling cocok dengan pencarian Anda. Kamu bisa memakai \"?\" sebagai pengganti untuk karakter.",
+  "Type the amount you want to transfer. Note that you can select the unit on the right e.g sending 1 milli is equivalent to sending 0.001.": "Ketik jumlah yang ingin anda transfer. Perhatikan bahwa anda dapat memilih unit di sebelah kanan misalnya mengirim 1 mili sama dengan mengirim 0.001.",
+  "Type the name of this Asset. This name will be used across all the apps. It can be edited later on.": "Ketikkan nama Aset ini. Nama ini akan digunakan di semua aplikasi. Itu bisa diedit nanti.",
+  "Type the name of your contact. This name will be used across all the apps. It can be edited later on.": "Ketikkan nama kontak Anda. Nama ini akan digunakan di semua aplikasi. Dapat diubah nanti.",
+  "Type the password chosen at the account creation. It was used to encrypt your account's private key in the backup file.": "Ketik password yang dipilih pada pembuatan akun. Itu digunakan untuk mengenkripsi kunci pribadi akun anda di berkas cadangan.",
+  "Unable to find deployed contract code at the specified address": "Tidak dapat menemukan kode kontrak yang diterapkan di alamat yang ditentukan",
+  "Unable to find on-chain WASM code for the supplied codeHash": "Tidak dapat menemukan kode WASM on-chain untuk codeHash yang disediakan",
+  "Unable to retrieve the specified block details. {{error}}": "Tidak dapat mengambil detail blok yang ditentukan. {{error}}",
+  "Unbid": "Batalkan penawaran",
+  "Unbond": "Unbond",
+  "Unbond funds": "Unbond dana",
+  "Unbonding {{value}}": "Tidak terikat {{value}}",
+  "Uncaught error. Something went wrong with the query and rendering of this component. {{message}}": "Kesalahan tidak tertangkap. Ada yang tidak beres dengan kueri dan rendering komponen ini. {{message}}",
+  "Undelegate": "Undelegasi",
+  "Unit": "Unit",
+  "Unit decides the name of 1 unit token, e.g. \"DOT\" for Polkadot": "Unit menentukan nama dari 1 unit token, mis. \"DOT\" untuk Polkadot",
+  "Unknown": "Tidak diketahui",
+  "Unless you are a developer with insight into what the specific script does to your environment (based on reading the code being executed) generally the advice would be to not use this environment.": "Kecuali jika anda adalah seorang pengembang dengan wawasan tentang apa yang dilakukan skrip tertentu terhadap lingkungan anda (berdasarkan membaca kode yang dijalankan) biasanya sarannya adalah untuk tidak menggunakan lingkungan ini.",
+  "Unlock": "Membuka kunci",
+  "Unlock account": "Buka kunci akun",
+  "Unlock the account for signing. Once active the signature will be generated based on the content provided.": "Buka kunci akun untuk masuk. Setelah aktif, tanda tangan akan dibuat berdasarkan konten yang disediakan.",
+  "Unlock the sending account to allow signing of this transaction.": "Buka kunci akun pengirim untuk mengizinkan penandatanganan transaksi ini.",
+  "Unlock vested amount": "Mumbuka kunci jumlah vested",
+  "Unvote all": "Batalkan semua suara",
+  "Upcoming events": "Acara mendatang",
+  "Update metadata": "Perbaharui metadata",
+  "Updated in the latest block": "Perubahan di blok terakhir",
+  "Upload": "Upload",
+  "Upload WASM": "Upload WASM",
+  "Use a proxy for this call": "gunakan sebuah proxy untuk memanggil ini",
+  "Use an automatic selection of the currently most profitable validators": "Gunakan pilihan otomatis dari validator yang paling menguntungkan saat ini",
+  "Use this account to request the tip from. This can be a normal or council account.": "Gunakan akun ini untuk meminta tip dari. Ini bisa menjadi akun normal atau dewan.",
+  "Validate": "Validasi",
+  "Validator": "Validator",
+  "Validator stats": "Statistik validator",
+  "Vanity generator": "Generator vanity",
+  "Verify signature": "Verifikasi tandatangan",
+  "Verify the password entered above.": "Verifikasi kata sandi yang dimasukkan diatas.",
+  "View this externally": "Lihat ini secara eksternal",
+  "Vote": "Memilih",
+  "Vote Aye": "Pilih Aye",
+  "Vote Nay": "Pilih Nay",
+  "Vote for candidate": "Pilih kandidat",
+  "Vote for current candidates": "Pilih untuk kandidat saat ini",
+  "Vote for defender": "Pilih pembela",
+  "Vote on proposal": "Pilih dalam proposal",
+  "Voting": "Memilih",
+  "Voting closed": "Pemilihan suara ditutup",
+  "Voting costs nothing other than the transaction fee and can be done from all accounts with a non-zero spendable balance.": "Biaya pemungutan suara tidak lain adalah biaya transaksi dan dapat dilakukan dari semua akun dengan saldo yang tidak dapat dibelanjakan.",
+  "Voting ends for referendum {{id}}": "Voting berakhir untuk referendum {id}}",
+  "Voting ends on council motion {{id}}": "Voting berakhir untuk gerakan dewan  {id}}",
+  "Voting is made on a per-account basis; a single account must all vote the same way and cannot split its vote.": "Pemungutan suara dilakukan per akun; satu akun semuanya harus memberikan suara dengan cara yang sama dan tidak dapat membagi suaranya.",
+  "Waiting": "Menunggu",
+  "Waiting for authorization from the extension. Please open the installed extension and approve or reject access.": "Menunggu otorisasi dari ekstensi. Harap buka ekstensi yang dipasang dan setujui atau tolak akses.",
+  "Waiting nominations ({{count}})": "Menunggu nominasi ({{count}})",
+  "Warning: we did not find any attest statement for {{chain}}": "Bahaya: kami tidak menemukan bukti pernyataan apapun untuk {{chain}}",
+  "We found a pre-claim with this Polkadot address. However, attesting requires signing with this account. To continue with attesting, please add this account as an owned account first.": "Kami menemukan pra-klaim dengan alamat Polkadot ini. Namun, pengesahan memerlukan penandatanganan dengan akun ini. Untuk melanjutkan pengesahan, tambahkan akun ini sebagai akun milik terlebih dahulu.",
+  "We will provide you with a generated backup file after your account is created. As long as you have access to your account you can always download this file later by clicking on \"Backup\" button from the Accounts section.": "Kami akan memberi anda berkas cadangan yang dibuat setelah akun Anda dibuat. Selama anda memiliki akses ke akun anda, anda selalu dapat mengunduh file ini nanti dengan mengklik tombol \"Cadangkan\" dari bagian akun.",
+  "When submitting a proposal the hash needs to be known. Proposals can be submitted with hash-only, but upon dispatch the preimage needs to be available.": "Saat mengajukan proposal, hash perlu diketahui. Proposal dapat diserahkan hanya dengan hash, tetapi setelah pengiriman, preimage harus tersedia.",
+  "With the keep-alive option set, the account is protected against removal due to low balances.": "Dengan set opsi  keep-alive, akun dilindungi dari penghapusan karena saldo rendah.",
+  "Withdraw these unbonded funds": "Tarik dana yang tidak terikat ini",
+  "Withdraw unbonded funds": "Tarik dana yang tidak terikat",
+  "Yes": "Ya",
+  "You are about to remove this account from your list of available accounts. Once completed, should you need to access it again, you will have to re-create the account either via seed or via a backup file.": "Anda akan menghapus akun ini dari daftar akun yang tersedia. Setelah selesai, jika anda perlu mengaksesnya lagi, anda harus membuat ulang akun baik melalui seed atau melalui file cadangan.",
+  "You are about to remove this address from your address book. Once completed, should you need to access it again, you will have to re-add the address.": "Anda akan menghapus alamat ini dari buku alamat anda. Setelah selesai, jika anda perlu mengaksesnya lagi, anda harus menambahkan kembali alamatnya.",
+  "You are about to remove this code from your list of available code hashes. Once completed, should you need to access it again, you will have to manually add the code hash again.": "Anda akan menghapus kode ini dari daftar hash kode yang tersedia. Setelah selesai, jika anda perlu mengaksesnya lagi, anda harus menambahkan kode hash lagi secara manual.",
+  "You are about to remove this code's ABI. Once completed, should you need to access it again, you will have to manually re-upload it.": "Anda akan menghapus ABI kode ini. Setelah selesai, jika anda perlu mengaksesnya lagi, anda harus mengunggahnya kembali secara manual.",
+  "You are about to remove this contract from your list of available contracts. Once completed, should you need to access it again, you will have to manually add the contract's address in the Instantiate tab.": "Anda akan menghapus kontrak ini dari daftar kontrak yang tersedia. Setelah selesai, jika anda perlu mengaksesnya lagi, anda harus menambahkan alamat kontrak secara manual di tab Instantiate.",
+  "You are connecting from a secure location to an insecure WebSocket ({{wsUrl}}). Due to browser mixed-content security policies this connection type is not allowed. Change the RPC service to a secure 'wss' endpoint.": "Anda terhubung dari lokasi yang aman ke WebSocket yang tidak aman ({{wsUrl}}). Karena kebijakan keamanan konten campuran browser, jenis koneksi ini tidak diperbolehkan. Ubah layanan RPC menjadi titik akhir 'wss' yang aman.",
+  "You are not connected to a node. Ensure that your node is running and that the Websocket endpoint is reachable.": "Anda tidak terhubung ke node. Pastikan node Anda berjalan dan titik akhir Websocket dapat dijangkau.",
+  "You are using an ABI with an outdated format. Please generate a new one.": "Anda sedang menggunakan sebuah ABI dengan format model lama. Harap buat yang baru",
+  "You are voting with this collective's prime account. The vote will be the default outcome in case of any abstentions.": "Anda memberikan suara dengan akun utama kolektif ini. Pemungutan suara akan menjadi hasil default jika ada abstain.",
+  "You can indicate your vote for any combination of the options laid out below.": "Anda dapat menunjukkan suara anda untuk kombinasi opsi apa pun di bawah ini.",
+  "You can set a custom derivation path for this account using the following syntax \"/<soft-key>//<hard-key>\". The \"/<soft-key>\" and \"//<hard-key>\" may be repeated and mixed`. An optional \"///<password>\" can be used with a mnemonic seed, and may only be specified once.": "Anda dapat menyetel jalur derivasi modifikasi untuk akun ini menggunakan sintaks berikut \"/ <soft-key> // <hard-key>\". \"/ <soft-key>\" dan \"// <hard-key>\" dapat diulang dan dicampur`. Sebuah \"/// <password>\" opsional dapat digunakan dengan benih mnemonik, dan hanya dapat ditentukan sekali.",
+  "You can set a custom derivation path for this account using the following syntax \"/<soft-key>//<hard-key>///<password>\". The \"/<soft-key>\" and \"//<hard-key>\" may be repeated and mixed`. The \"///password\" is optional and should only occur once.": "Anda dapat menyetel jalur derivasi modifikasi untuk akun ini menggunakan sintaks berikut \"/ <soft-key> // <hard-key> /// <password>\". \"/ <soft-key>\" dan \"// <hard-key>\" dapat diulang dan dicampur`. \"/// password\" bersifat opsional dan hanya boleh muncul sekali.",
+  "You do not have access to the current sudo key": "Anda tidak memiliki akses ke kunci sudo saat ini",
+  "You don't have any accounts. Some features are currently hidden and will only become available once you have accounts.": "Anda tidak memiliki akun apa pun. Beberapa fitur saat ini tersembunyi dan hanya akan tersedia setelah anda memiliki akun.",
+  "You have {{claimCount}} accounts that need attestations. Use the Claim Tokens app on the navigation bar to complete the process. Until you do, your balances for those accounts will not be reflected.": "Anda memiliki akun {{claimCount}} yang membutuhkan pengesahan. Gunakan aplikasi Claim Tokens di bilah navigasi kiri untuk menyelesaikan proses. Sampai anda melakukannya, saldo anda untuk akun tersebut tidak akan tercermin.",
+  "You have {{upgradableCount}} extensions that need to be updated with the latest chain properties in order to display the correct information for the chain you are connected to. This update includes chain metadata and chain properties.": "Anda memiliki ekstensi {{upgradableCount}} yang perlu diperbarui dengan properti rantai terbaru untuk menampilkan informasi yang benar untuk rantai yang anda sambungkan. Pembaruan ini mencakup metadata rantai dan properti rantai.",
+  "You need to sign an attestation for the following account:": "Anda perlu menandatangani pengesahan untuk akun berikut:",
+  "You need to sign an attestation for the following accounts:": "Anda perlu menandatangani pengesahan untuk akun berikut:",
+  "You need to unlock this account to be able to sign data.": "Anda perlu membuka akun ini untuk dapat menandatangani data.",
+  "You should trust your nominations to act competently and honest; basing your decision purely on their current profitability could lead to reduced profits or even loss of funds.": "Anda harus memercayai nominasi anda untuk bertindak secara kompeten dan jujur; mendasarkan keputusan anda hanya pada profitabilitas mereka saat ini dapat menyebabkan berkurangnya keuntungan atau bahkan hilangnya dana.",
+  "You will no longer have sudo access": "Anda tidak akan lagi memiliki akses sudo",
+  "You will remove any delegation made by this acccount": "Anda akan menghapus semua delegasi yang telah dibuat oleh akun ini",
+  "Your Ethereum account": "Akun ethereum anda",
+  "Your candidate/bid account. Once accepted this account will become a member.": "Akun canidate / bid anda. Setelah diterima, akun ini akan menjadi anggota.",
+  "Your close will be applied for this council account.": "Penutupan Anda akan diterapkan untuk akun dewan ini.",
+  "Your custom types have been added": "Jenis kustom anda telah ditambahkan",
+  "Your endorsement will be applied for this account.": "Dukungan Anda akan diterapkan untuk akun ini.",
+  "Your password contains at least one \"/\" character. Disregard this warning if it is intended.": "Kata sandi anda mengandung setidaknya satu karakter \"/\". Abaikan peringatan ini jika memang dimaksudkan.",
+  "Your stash account. The transaction will be sent from the associated controller.": "Akun simpanan Anda. Transaksi akan dikirim dari pengontrol terkait.",
+  "a riot name linked to this identity": "nama riot yang tertaut dengan identitas ini",
+  "account": "akun",
+  "account forgotten": "akun terlupakan",
+  "account restored": "akun dipulihkan",
+  "account type": "tipe akun",
+  "accounts": "akun",
+  "activate": "mengaktifkan",
+  "added proxy": "proxy ditambahkan",
+  "additional bonded funds": "dana bond tambahan",
+  "address": "alamat",
+  "address copied": "alamat disalin",
+  "address created": "alamat dibuat",
+  "address edited": "alamat diubah",
+  "address forgotten": "alamat dilupakan",
+  "address index": "alamat indeks",
+  "address prefix": "alamat awalan",
+  "address {{index}}": "alamat {{indeks}}",
+  "all bonded": "semua bond",
+  "amount": "jumlah",
+  "amount to use for estimation": "jumlah yang digunakan untuk estimasi",
+  "approval type": "tipe persetujuan",
+  "approved": "Disetujui",
+  "asset id": "id aset",
+  "auto-selected targets for nomination": "target yang dipilih secara otomatis untuk nominasi",
+  "available": "Tersedia",
+  "available signatories": "penandatangan yang tersedia",
+  "available social recovery helpers": "pemulihan pembantu sosial yang tesedia",
+  "available to be unlocked": "tersedia untuk dibuka kuncinya",
+  "average": "rata-rata",
+  "avg staked": "rata-rata stake",
+  "aye": "aye",
+  "aye: bool": "aye: bool",
+  "backing": "dukungan",
+  "backup file": "berkas cadangan",
+  "balance": "saldo",
+  "balances": "saldo",
+  "beneficiary": "penerima",
+  "best": "terbaik",
+  "best #": "terbaik #",
+  "best block": "block terbaik",
+  "best hash": "hash terbaik",
+  "bid account": "akun tawaran",
+  "bid amount": "jumlah tawaran",
+  "bids": "tawaran",
+  "block hash or number to query": "blok hash atau nomor untuk query",
+  "blocks": "blok",
+  "bond": "obligasi",
+  "bonded": "obligasi",
+  "calculated storage fee": "kalkukasi biaya penyimpanan",
+  "call data for final approval": "data panggilan untuk persetujuan akhir",
+  "call from account": "panggil dari akun",
+  "call the selected endpoint": "panggil endpoint yang dipilih",
+  "candidacy bond": "ikatan pencalonan",
+  "candidate account": "akun pencalonan",
+  "candidate accounts": "akun kandidat",
+  "candidates": "kandidat",
+  "case sensitive": "kepekaan kapital",
+  "challenge": "tantangan",
+  "claim to account": "klaim kepada akun",
+  "click to copy": "klik untuk salin",
+  "click to select or drag and drop a JSON ABI file": "klik untuk memilih atau drag dan drop berkas JSON ABI",
+  "click to select or drag and drop the file here": "klik untuk memilih atau menarik dan melepas file di sini",
+  "clipboard": "papan klip",
+  "code": "kode",
+  "code for this contract": "kode untuk kontrak ini",
+  "code hash": "kode hash",
+  "comm.": "comm.",
+  "commission": "komisi",
+  "compiled contract WASM": "kompilasi kontrak WASM",
+  "connected peers": "peer terhubung",
+  "contacts": "kontak",
+  "contract address": "alamat kontrak",
+  "contract to use": "kontrak untuk digunakan",
+  "controller": "pengontrol",
+  "controller account": "akun pengontrol",
+  "conviction": "keyakinan",
+  "conviction: Conviction": "keyakinan: Keyakinan",
+  "copied": "disalin",
+  "council candidates": "dewan kandidat",
+  "council proposal": "dewan proposal",
+  "council proposal type": "tipe dewan proposal",
+  "count": "hitungan",
+  "created account": "dibuat akun",
+  "created multisig": "dibuat multisig",
+  "crypto type to use": "ketik kripto untuk digunakan",
+  "custom endpoint": "kustom poin akhir",
+  "data": "data",
+  "default icon theme": "tema ikon default",
+  "default interface language": "bahasa antarmuka default",
+  "default interface theme": "tema antarmuka default",
+  "defender": "pembela",
+  "defer": "menunda",
+  "delay": "penundaan",
+  "delegate democracy vote": "delegasi suara demokrasi",
+  "delegated account": "akun didelegasikan",
+  "delegating account": "delegasikan akun",
+  "delegating amount": "delegasikan jumlah",
+  "democracy": "demokrasi",
+  "democracy vote delegation": "demokrasi suara delegasi",
+  "denomination vote": "suara denominasi",
+  "deploy": "deploy",
+  "deployment account": "akun deployment",
+  "deployment constructor": "konstruktor deployment",
+  "deposit": "deposito",
+  "derivation path": "jalur derivasi",
+  "derive root account": "memperoleh akun root",
+  "design samples": "sampel desain",
+  "details": "detil",
+  "development seed": "pengembangan seed",
+  "dispatch queue": "antrian pengiriman",
+  "display name": "nama tampilan",
+  "do not include empty strings in the generated file": "jangan menyertakan string kosong di file yang dihasilkan",
+  "does not appear to have a valid claim. Please double check that you have signed the transaction correctly on the correct ETH account.": "tampaknya tidak memiliki klaim yang valid. Harap periksa kembali apakah anda telah menandatangani transaksi dengan benar di akun ETH yang benar.",
+  "ed25519, Edwards": "ed25519, Edwards",
+  "elected stake": "stake terpilih",
+  "email": "email",
+  "enact": "menetapkan",
+  "endowment": "sumbangan",
+  "epoch": "epoch",
+  "era": "era",
+  "era cumulative": "era kumulatif",
+  "era points": "era poin",
+  "era {{era}}": "era {{era}}",
+  "era {{era}}, {{count}} slashes": "era {{era}}, {{count}} slash",
+  "era {{era}}/unapplied": "era {{era}}/unapplied",
+  "eras": "era",
+  "events": "event",
+  "everything": "segalanya",
+  "everything{{labelPost}}": "Segalanya{{labelPost}}",
+  "exclude option": "opsi exclude",
+  "execute": "eksekusi",
+  "existential deposit": "deposito eksistensial",
+  "external": "eksternal",
+  "extrinsic hash": "hash ekstrinsik",
+  "extrinsics": "ekstrinsik",
+  "fee": "biaya",
+  "file upload": "upload berkas",
+  "filter by name or tags": "saring dengan nama atau tag",
+  "filter by name, address or index": "filter oleh nama, alamat atau indeks",
+  "filter by name, address, or account index": "filter berdasarkan nama, alamat, atau indeks akun",
+  "finalized": "finalisasi",
+  "finder": "penemu",
+  "forks": "fork",
+  "free balance": "saldo bebas",
+  "from the following data": "dari data berikut",
+  "generated public key": "generasi kunci publik",
+  "has a valid claim for": "memiliki klaim yang valid untuk",
+  "hash": "hash",
+  "heads": "head",
+  "hex input data": "masukan data hex",
+  "hex-encoded storage key": "kunci penyimpanan hex-encoded",
+  "https://example.com": "https://contoh.com",
+  "id": "id",
+  "identity": "identitas",
+  "imminent preimage (proposal already passed)": "preimage segera (proposal sudah lolos)",
+  "immortal": "abadi",
+  "include all empty strings in the generated file": "sertakan semua string kosong di file yang dihasilkan",
+  "include field": "field termasuk",
+  "include option": "opsi include",
+  "index": "indeks",
+  "initial head state": "inisiasi head state",
+  "initial state": "inisiasi state",
+  "intentions": "niat",
+  "interface operation mode": "mode operasi antarmuka",
+  "invalid ABI file selected": "berkas ABI yang dipilih tidak valid",
+  "invalid/unknown registrar account": "akun terdaftar tidak valid/tidak diketahui",
+  "judgement": "keputusan",
+  "key type to set": "tipe kunci untuk setel",
+  "keypair crypto type": "tipe kripto keypair",
+  "keypair type": "tipe keypair",
+  "kind": "jenis",
+  "last #": "terakhir #",
+  "last block": "blok terakhir",
+  "last reward": "hadiah terakhir",
+  "launch period": "periode peluncuran",
+  "legal name": "nama resmi",
+  "lifetime": "seumur hidup",
+  "lng.detect": "Default bahasa browser  (otomatis-deteksi)",
+  "lock expired": "kunci kadaluarsa",
+  "locked": "terkunci",
+  "locked balance": "kunci saldo",
+  "logs": "log",
+  "lowest / avg staked": "lowest / avg staked",
+  "manage hardware connections": "mengelola koneksi perangkat keras",
+  "matches": "cocok",
+  "maximum gas allowed": "maksimuk gas yang diperbolehkan",
+  "members": "keanggotaan",
+  "message to send": "pesan untuk dikirim",
+  "minimum bond": "minimal obligasi",
+  "minimum deposit": "minimal deposito",
+  "mnemonic seed": "benih mnemonik",
+  "mortal, valid from #{{startAt}} to #{{endsAt}}": "mortal, valid dari #{{startAt}} ke #{{endsAt}}",
+  "motions": "gerakan",
+  "multisig": "multisig",
+  "multisig call data": "panggil data multisig",
+  "multisig name": "nama multisig",
+  "multisig signatory": "penandatangan multisig",
+  "my ordered votes": "suara yang saya pesan",
+  "name": "nama",
+  "nav.accounts": "Akun",
+  "nav.claims": "Klaim token",
+  "nav.contracts": "Kontrak",
+  "nav.council": "Dewan",
+  "nav.dashboard": "Dasbor",
+  "nav.democracy": "Demokrasi",
+  "nav.explorer": "Penjelajahan",
+  "nav.extrinsics": "Ekstrinsik",
+  "nav.generic-asset": "Aset generik",
+  "nav.github": "nav.github",
+  "nav.i18n": "Penerjemah I18n",
+  "nav.js": "JavaScript",
+  "nav.parachains": "Parachains",
+  "nav.settings": "Pengaturan",
+  "nav.society": "Masyarakat",
+  "nav.staking": "Staking",
+  "nav.storage": "Status chain",
+  "nav.sudo": "Sudo",
+  "nav.tech-comm": "Tech. comm.",
+  "nav.toolbox": "Toolbox",
+  "nav.transfer": "Transfer",
+  "nav.treasury": "Treasury",
+  "nav.wiki": "nav.wiki",
+  "nay": "nay",
+  "new account": "akun baru",
+  "new address": "alamat baru",
+  "next": "selanjutnya",
+  "next burn": "bakar selanjutnya",
+  "next id": "id berikutnya",
+  "no": "tidak",
+  "no addresses saved yet, add any existing address": "belum ada alamat yang disimpan, tambahkan alamat yang ada",
+  "no messages": "tidak ada pesan",
+  "no peers connected": "tidak ada peer yang terhubung",
+  "no tags": "tidak ada tag",
+  "no unapplied slashes found": "tidak ditemukan slash yang belum diterapkan",
+  "nominated accounts": "akun ternominasi",
+  "nominators": "nominator",
+  "not signed": "tidak ditandai",
+  "on-chain bonding duration": "durasi on-chain bonding",
+  "ongoing referendum": "referendum yang sedang berlangsung",
+  "only elected": "batas untuk dipilih",
+  "only query most recent {{partialEras}} of {{historyDepth}} eras": "hanya kueri {{partialEras}} terbaru dari {{historyDepth}} era",
+  "only this network": "hanya untuk jaringan ini",
+  "only with an identity": "hanya dengan identitas",
+  "origin": "origin",
+  "other": "lain",
+  "other stake": "stake lain",
+  "our best": "yang terbaik",
+  "overall/validator": "secara keseluruhan/validator",
+  "own": "memiliki",
+  "own stake": "memiliki stake",
+  "parachain id": "id parachain",
+  "parachains": "parachain",
+  "parent": "induk",
+  "partial seed": "benih parsial",
+  "password": "kata sandi",
+  "password (repeat)": "kata sandi (ulang)",
+  "payment": "pembayaran",
+  "payment destination": "tujuan pembayaran",
+  "payout": "pembayaran",
+  "payout stakers for (multiple)": "taruhan pembayaran untuk (kelipatan)",
+  "payout stakers for (single)": "taruhan pembayaran untuk (tunggal)",
+  "payout/stash": "pembayaran/stash",
+  "payout/validator": "pembayaran/validator",
+  "peer best": "peer terbaik",
+  "pending extrinsics": "menunggu ekstrinsik",
+  "pending hashes": "hashes tertunda",
+  "pending swap id": "swap id yang tertunda",
+  "per block": "per blok",
+  "period": "periode",
+  "points": "poin",
+  "poll on token decimals": "jajak pendapat tentang desimal token",
+  "pot": "pot",
+  "preimage hash": "preimage hash",
+  "preimage {{hash}}": "preimage {{hash}}",
+  "prev": "sebelumnya",
+  "prime member": "anggota utama",
+  "prime voter": "pemilih utama",
+  "priority {{index}}": "prioritas {{index}}",
+  "profit/era": "keuntungan/era",
+  "profit/era est": "keuntunga/era est",
+  "proposal": "proposal",
+  "proposal bond": "proposal obligasi",
+  "proposal hash": "proposal hash",
+  "proposals": "proposal",
+  "propose": "Usulan",
+  "propose from account": "pengajuan dari akun",
+  "proposed by": "diusulkan oleh",
+  "proposer": "Pengusul",
+  "proxied account": "akun proxy",
+  "proxied name": "nama proxy",
+  "proxy account": "akun proxy",
+  "queued tx": "antrian tx",
+  "reason": "alasan",
+  "recent blocks": "blok terbaru",
+  "recent events": "event terbaru",
+  "recover this account": "pulihkan akun ini",
+  "recovery block delay": "pemulihan penundaan block",
+  "recovery threshold": "pemulihan threshold",
+  "redeemable": "dapat ditebus",
+  "referenda": "referendum",
+  "refresh in": "segarkan dalam",
+  "registrar account": "akun terdaftar",
+  "registrar index": "indeks terdaftar",
+  "relay": "relay",
+  "relay dispatch queue": "menyampaikan antrian pengiriman",
+  "remaining": "tersisa",
+  "remote node/endpoint to connect to": "node/titik akhir jarak jauh untuk disambungkan",
+  "reporters": "pelapor",
+  "request payout from": "permintaan pembayaran dari",
+  "reserved": "dipesan",
+  "reward commission percentage": "persentase komisi hadiah",
+  "rewards": "hadiah",
+  "rewards & slashes": "hadiah & slash",
+  "riot": "riot",
+  "riot name": "nama riot",
+  "role": "wewenang",
+  "rotation": "rotasi",
+  "rpc.beresheet": "Beresheet (Edgeware Testnet, hosted by Commonwealth Labs)",
+  "rpc.bifrost": "Bifrost Asgard",
+  "rpc.custom": "Kustom environment",
+  "rpc.edgeware": "Edgeware (Edgeware Mainnet, dihosting oleh Commonwealth Labs)",
+  "rpc.flamingfir": "Flaming Fir (Substrate Testnet, dihosting oleh Parity)",
+  "rpc.header.dev": "Pengembangan",
+  "rpc.header.live": "Jaringan Live",
+  "rpc.header.test": "Jaringan tes",
+  "rpc.kilt": "KILT Protocol (KILT Mashnet, dihosting oleh KILT Protocol)",
+  "rpc.kulupu": "Kulupu (Kulupu Mainnet,dihosting oleh Kulupu)",
+  "rpc.kusama.ava": "Kusama (Polkadot Canary, user-run publik node; lihat https://status.cloud.ava.do/)",
+  "rpc.kusama.parity": "Kusama (Polkadot Canary, dihosting oleh Parity)",
+  "rpc.kusama.w3f": "Kusama (Polkadot Canary, dihosting oleh Web3 Foundation)",
+  "rpc.local": "Node Lokal (Pribadi, 127.0.0.1:9944)",
+  "rpc.mandala": "Mandala (Acala Testnet, dihosting oleh Acala)",
+  "rpc.nodle-arcadia": "Arcadia (Nodle Testnet, dihosting oleh Nodle)",
+  "rpc.phoenix": "PHOENIX Protocol (PHOENIX Mashnet, dihosting oleh PHOENIX Protocol)",
+  "rpc.turbulence": "Turbulence (Laminar Testnet, dihosting oleh Laminar)",
+  "rpc.westend": "Westend (Polkadot Testnet, dihosting oleh Parity)",
+  "runners up": "runner up",
+  "scheduled": "terjadwal",
+  "scheduling": "penjadwalan",
+  "seats": "seats",
+  "second with account": "kedua dengan akun",
+  "secret": "secret",
+  "secret derivation path": "jalur derivasi secret",
+  "seed (hex or string)": "seed (hex atau string)",
+  "select the account you wish to sign data with": "pilih akun yang datanya ingin anda tanda tangani",
+  "selected constant query": "query konstan terpilih",
+  "selected signatories": "penandatangan terpilih",
+  "selected state query": "query state terpilih",
+  "selected validators": "validator terpilih",
+  "send": "kirim",
+  "send as RPC call": "kirim sebagai pemanggilan RPC",
+  "send as transaction": "kirim sebagai transaksi",
+  "send from account": "kirim dari akun",
+  "send funds to another parachain (not relay)": "kirim dana ke parachain lain (bukan relay)",
+  "send to address": "kirim ke alamat",
+  "sending account": "pengiriman akun",
+  "sending from my account": "mengirim dari akun saya",
+  "session": "sesi",
+  "session keys": "sesi kunci",
+  "session next": "sesi selanjutnya",
+  "show only untipped/closing": "tampilkan hanya untipped / closing",
+  "sign data from account": "menandatangani data dari akun",
+  "sign the following data": "tanda tangani data berikut",
+  "signatories": "penandatangan",
+  "signatory": "penandatangan",
+  "signature crypto type": "jenis kripto tanda tangan",
+  "signature of supplied data": "tanda tangan dari data yang disediakan",
+  "signer": "penandatangan",
+  "society head": "kepala masyarakat",
+  "somebody@example.com": "seseorang@contoh.com",
+  "spend period": "periode spend",
+  "sr15519, Schnorrkel": "sr15519, Schnorrkel",
+  "ss58.centrifuge": "Centrifuge (live)",
+  "ss58.default": "Default untuk koneksi yang terhubung ke node",
+  "ss58.edgeware": "Edgeware (live)",
+  "ss58.kusama": "Kusama (canary)",
+  "ss58.polkadot": "Polkadot (live)",
+  "ss58.substrate": "Substrate (generic)",
+  "staked": "stake",
+  "stash account": "akun stash",
+  "stash address": "alamat stash",
+  "stashes": "stash",
+  "state": "status",
+  "strikes": "pemogokan",
+  "sub": "sub",
+  "sub name": "nama sub",
+  "submit the following change": "kirimkan perubahan berikut",
+  "submit the following extrinsic": "kirimkan ekstrinsik berikut",
+  "submit with account": "kirimkan bersama akun",
+  "submit with council account": "kirimkan bersama akun dewan",
+  "subs": "sub",
+  "sudo key": "kunci sudo",
+  "sudo with unchecked weight parameter": "sudo dengan parameter bobot tidak dicentang",
+  "sudo without unchecked weight parameter": "sudo tanpa parameter bobot yang tidak dicentang",
+  "suri (seed & derivation)": "suri (benih & derivasi)",
+  "swap to id": "tukar ke id",
+  "syncing": "sinkronisasi",
+  "system events": "sistem event",
+  "tags": "tag",
+  "target": "target",
+  "term progress": "kemajuan jangka",
+  "the account to make recoverable": "akun agar dapat dipulihkan",
+  "the account to recover to": "akun yang akan dipulihkan",
+  "the amount that should be transferred. It needs to be less than the available balance": "jumlah yang harus ditransfer. Ini harus kurang dari saldo yang tersedia",
+  "the associated controller": "pengontrol terkait",
+  "the era to cancel for": "era untuk membatalkan",
+  "the language to display translations for": "bahasa untuk menampilkan terjemahan",
+  "the module to display strings for": "modul untuk menampilkan string",
+  "the parachain that will receive the transfer of tokens.": "parachain yang akan menerima transfer token.",
+  "the parachain to transfer to": "parachain untuk dipindahkan ke",
+  "the payment account": "akun pembayaran",
+  "the resulting hash is": "hash yang dihasilkan adalah",
+  "the stash account to nominate with": "rekening simpanan untuk dinominasikan",
+  "the supplied signature": "tanda tangan yang diberikan",
+  "threshold": "threshold",
+  "tip": "tip",
+  "tip reason": "alasan tip",
+  "tip value": "nilai tip",
+  "tips": "tip",
+  "total": "total",
+  "total deposit": "total deposito",
+  "total issuance": "total penerbitan",
+  "total peers": "jumlah peer",
+  "total stake": "total stake",
+  "total staked": "total stake",
+  "transactions": "transaksi",
+  "transfer received": "transfer diterima",
+  "transfer remark/comment": "transfer ucapan/komentar",
+  "transferrable": "yang dapat ditransfer",
+  "transferrable minus fees": "biaya dikurangi yang dapat dialihkan",
+  "trusted social recovery helpers": "pemulihan sosial helper terpercaya",
+  "turnout": "beralih",
+  "twitter": "twitter",
+  "type": "mengetik",
+  "unapplied": "belum diterapkan",
+  "unapplied slashes": "slash yang belum diterapkan",
+  "unbond amount": "jumlah yang tidak terikat",
+  "unbonding": "lepas obligasi",
+  "unchecked weight for this call": "berat yang tidak diperiksa untuk panggilan ini",
+  "unlock account with password": "buka kunci akun dengan kata sandi",
+  "unlock for {{expiry}} min": "buka kunci selama {{expiry}} menit",
+  "unstake threshold": "lepas ambang pertaruhan",
+  "until block": "sampai blok",
+  "update on #{{index}}": "perbaharui pada #{{index}}",
+  "upgradable extensions": "Ekstensi yang dapat diupgrade",
+  "use on any network": "gunakan dalam jaringan apapun",
+  "using my account": "gunakan akun saya",
+  "using the following data": "menggunakan data berikut",
+  "using the selected account": "menggunakan akun yang dipilih",
+  "validation": "validasi",
+  "validator to query": "query untuk validator",
+  "validators": "validator",
+  "validators/nominators": "validator/nominator",
+  "value": "nilai",
+  "value bonded": "nilai obligasi",
+  "verify using address": "verifikasi menggunakan alamat",
+  "version {{version}}": "versi {{version}}",
+  "vested": "vested",
+  "vesting": "vesting",
+  "via Council": "melalui Dewan",
+  "via Council/Motions": "melalui Dewan/Gerakan",
+  "via Council/Vote": "melalui Dewan/Suara",
+  "via Democracy": "melalui Demokrasi",
+  "via Democracy/Dispatch": "melalui Demokrasi/Kabar",
+  "via Democracy/Vote": "melalui Demokrasi/Suara",
+  "via Society": "melalui Masyarakat",
+  "via Staking": "melalui Staking",
+  "via Staking/Bond": "melalui Staking/Obligasi",
+  "via Staking/Slashed": "melalui Staking/Slash",
+  "via Treasury": "melalui Perbendaharaan",
+  "via Vesting": "melalui vesting",
+  "vote for candidate": "pilih suara untuk kandidat",
+  "vote for defender": "pilih suara untuk pembela",
+  "vote from account": "pilih suara dari akun",
+  "vote using my account": "memilih menggunakan akun saya",
+  "vote value": "pilih nilai",
+  "vote with account": "pilih dengan akun",
+  "votes": "suara",
+  "voting account": "akun pemungutan suara",
+  "voting balance": "memilih saldo",
+  "voting end": "pemungutan suara berakhir",
+  "voting period": "periode pemungutan suara",
+  "voting round": "ronde pemungutan suara",
+  "waiting": "menunggu",
+  "web": "web",
+  "website": "alamat web",
+  "with an index of": "dengan sebuah indeks dari",
+  "with unchecked weight": "dengan berat yang tidak dicentang",
+  "with weight override": "dengan pengesampingan berat",
+  "with/without identity": "dengan/tanpa identitas",
+  "without unchecked weight": "tanpa centang berat",
+  "wrong password supplied": "kata sandi salah diberikan",
+  "yes": "ya",
+  "your current password": "kata sandi anda saat ini",
+  "your new password": "kata sandi baru anda",
+  "{{balance}} voted": "{{balance}} vote",
+  "{{blocks}} blocks": "{{blocks}} blok",
+  "{{count}} key/value pairs encoded for submission": "{{count}} kunci/nilai pair encoded untuk submisi",
+  "{{count}} own stashes": "{{count}} kepemilikan pribadi stashes",
+  "{{currency}} average": "{{currency}} rata-rata",
+  "{{currency}} clipped": "{{currency}} terpotong",
+  "{{currency}} rewards": "{{currency}} hadiah",
+  "{{currency}} slashed": "{{currency}} slash",
+  "{{currency}} total": "{{currency}} total",
+  "{{days}} days": "{{days}} hari",
+  "{{done}}/{{total}}, {{progress}}% done": "{{done}}/{{total}}, {{progress}}% selesai",
+  "{{d}} days": "{{d}} hari",
+  "{{executionTime}}s execution time": "{{executionTime}} waktu eksekusi",
+  "{{hours}} hrs": "{{hours}} jam",
+  "{{h}} hrs": "{{h}} jam",
+  "{{minutes}} mins": "{{minutes}} menit",
+  "{{m}} mins": "{{m}} menit",
+  "{{name}} ({{size}} bytes)": "{{name}} ({{size}} bytes)",
+  "{{percentage}} aye": "{{percentage}} aye",
+  "{{percentage}}% of block time": "{{percentage}}% waktu blok",
+  "{{percentage}}% turnout": "{{percentage}}% beralih",
+  "{{relayDispatchQueueSize}} dispatch messages pending": "{{relayDispatchQueueSize}} pengiriman pesan tertunda",
+  "{{seconds}} s": "{{seconds}} detik",
+  "{{step}}. Sign with your ETH address": "{{step}}. Tanda tangan dengan alamat ETH anda",
+  "{{s}} s": "{{s}} detik",
+  "{{threshold}}, not passing": "{{threshold}}, tidak melewati",
+  "{{threshold}}, passing": "{{threshold}}, melewati",
+  "{{value}}x voting balance, locked for {{lock}}x enactment ({{period}} days)": "{{value}}x memilih saldo, terkunci untuk {{lock}}x berlaku ({{period}} hari)"
+}
\ No newline at end of file
diff --git a/packages/apps/public/locales/index.json b/packages/apps/public/locales/index.json
new file mode 100644
index 0000000..1850eca
--- /dev/null
+++ b/packages/apps/public/locales/index.json
@@ -0,0 +1,16 @@
+[
+  "ar",
+  "en",
+  "es",
+  "fr",
+  "hi",
+  "id",
+  "it",
+  "ja",
+  "ko",
+  "pl",
+  "pt",
+  "ru",
+  "ur",
+  "zh"
+]
\ No newline at end of file
diff --git a/packages/apps/public/locales/it/translation.json b/packages/apps/public/locales/it/translation.json
new file mode 100644
index 0000000..cf68640
--- /dev/null
+++ b/packages/apps/public/locales/it/translation.json
@@ -0,0 +1,2138 @@
+{
+  "//hard": "//hard",
+  "//hard///password": "//hard///password",
+  "//hard/soft": "//hard/soft",
+  "//hard/soft///password": "//hard/soft///password",
+  "0.1x voting balance, no lockup period": "moltiplicatore di voto 0.1x, nessun blocco",
+  "0x prefixed hex, e.g. 0x1234 or ascii data": "prefisso hex 0x, e.g. 0x1234 o dati in ascii",
+  "0x...": "",
+  "1 billion DOTs; 10 decimals": "1 miliardo di DOTs; 10 decimali",
+  "1 day": "1 giorno",
+  "1 hr": "1 ora",
+  "1 min": "1 minuto",
+  "1 s": "1 secondo",
+  "1. Select your {{chain}} account": "1. Seleziona il tuo account {{chain}}",
+  "10 billion DOTs; 9 decimals": "10 miliardi di DOT's; 9 decimali",
+  "10 million DOTs; status quo": "10 milioni di DOTs, status quo",
+  "100 million DOTs; 11 decimals": "100 milioni di DOTs; 11 decimali",
+  "2. Enter the ETH address from the sale.": "2. Inserisci l'indirizzo ETH utilizzato in fase di prevendita/ICO.",
+  "2. Sign ETH transaction": "2. Firma la transazione ETH",
+  "<empty>": "<vuoto>",
+  "<none provided>": "<non supportato>",
+  "<none>": "<nessuno>",
+  "<unknown>": "<ignoto>",
+  "@YourTwitterName": "@IlTuoAccountTwitter",
+  "@yourname:matrix.org": "@tuonome:matrix.org",
+  "A controller account should not be set to manage multiple stashes. The selected controller is already controlling {{stashId}}": "Un account controller non dovrebbe gestire più di un singolo stash. Il controller selezionato gestisce già il seguente stash: {{stashId}}",
+  "A controller account should not be set to manages multiple stashes. The selected controller is already controlling {{stashId}}": "Un account controller non dovrebbe gestire più di un singolo stash. Il controller selezionato gestisce già il seguente stash: {{stashId}}",
+  "A controller account should not map to another stash. This selected controller is a stash, controlled by {{bondedId}}": "Un account controller non può essere simultaneamente anche uno stash. Questo account controller è uno stash, generato da {{bondedId}}",
+  "A deployed contract that has either been deployed or attached. The address and ABI are used to construct the parameters.": "Un contratto in corso di implementazione che è stato eseguito o che è stato collegato. L'indirizzo e l'ABI sono utilizzati per costruire i parametri.",
+  "A deposit paid by the proxied account that can not be used while the proxy is in existence. The deposit is returned when the proxy is destroyed. The amount reserved is based on the base deposit and number of proxies": "Un deposito versato dal conto delegante che non può essere utilizzato mentre la delega è in essere. Il deposito viene restituito quando la delega viene distrutta. L'importo che è riservato per il proxy basato sul deposito iniziale ed il numero di proxies",
+  "A fee of {{creationFee}} will be deducted from the sender since the destination account does not exist": "Una commissione di {{creationFee}}  sarà dedotta dal mittente nel caso il destinatario non esista",
+  "A hex or string value that acts as a salt for this deployment.": "Un hex o un valore in stringa distintiva per deployment",
+  "A reason (to be stored-on-chain) as to why the recipient deserves a tip payout.": "La motivazione (da archiviare on-chain) per cui il destinatario merita una mancia",
+  "A remark that is associated with this transfer. This can be any comment that indicates the reason.": "Un commento associato a questo trasferimento. Può essere una nota che ne indica la causa.",
+  "A reward for a curator, this amount is included in the total value of the bounty.": "",
+  "ABI": "ABI",
+  "Accept": "Accetta",
+  "Accept Curator Role": "Accetta il ruolo di Curatore",
+  "Acceptance of new members and bids": "Accettazione di nuovi membri e di nuove offerte",
+  "Acceptance proposal to council": "L'accettazione della proposta da negoziare",
+  "Account actions": "Azioni account",
+  "Account balance:": "Saldo dell'Account:",
+  "Account does not have enough funds.": "L'account non dispone di abbastanza fondi",
+  "Account type {{index}}": "Tipo di account {{index}}",
+  "Accounts": "Accounts",
+  "Accounts injected from any of these extensions will appear in this application and be available for use. The above list is updated as more extensions with external signing capability become available.": "Accounts aggiunti da una qualsiasi di queste estensioni apparirà in questa applicazione e sarà disponibile all'uso. La lista sarà aggiornata quando altre estensioni con capacità di firma tx esterna saranno disponibili.",
+  "Active": "Attivo",
+  "Active nominations ({{count}})": "Nomina attiva  ({{count}})",
+  "Add": "Aggiungi",
+  "Add Bounty": "Aggiungi Bounty",
+  "Add Ledger": "Aggiungi Ledger",
+  "Add a tip to this extrinsic, paying the block author for greater priority": "Aggiungi una mancia a questa extrinsic, pagando il minatore del blocco per guadagnare priorità",
+  "Add account": "Aggiungi account",
+  "Add account via Ledger": "Aggiungi account via Ledger",
+  "Add account via Qr": "Aggiungi account via QR Code",
+  "Add an account via seed {{step}}/{{STEPS_COUNT}}": "Aggiungi account via seed {{step}}/{{STEPS_COUNT}}",
+  "Add an address": "Aggiungi un indirizzo",
+  "Add an existing code hash": "Aggiungi un codice hash",
+  "Add an existing contract": "Aggiungi un contratto",
+  "Add campaign": "Aggiungi campagna",
+  "Add contact": "Aggiungi un contatto",
+  "Add fund": "Aggiungi fondi",
+  "Add identity judgment": "Aggiungi verifica di identità",
+  "Add item": "Aggiungi un oggetto",
+  "Add multisig": "Aggiungi multisig",
+  "Add proxied account": "Aggiungi account dietro proxy",
+  "Add proxy": "Aggiungi un proxy",
+  "Add sub": "Aggiungi subaccount",
+  "Add validator": "Aggiungi validatore",
+  "Add via Ledger": "Aggiungi via Ledger",
+  "Add via Qr": "Aggiungi via QR Code",
+  "Add via backup file": "Aggiungi via backup file",
+  "Adding an optional tip to the transaction could allow for higher priority, especially when the chain is busy.": "Aggiungendo una mancia opzionale alla transazione la si assegnerà maggiore priorità, nel caso la chain sia congestionata",
+  "Additional types as a JSON file (or edit below)": "Tipologie aggiuntive di files JSON (o modifica il seguente)",
+  "Address Prefix": "Prefisso dell'indirizzo",
+  "Address index {{index}}": "Indice Indirizzo {{index}}",
+  "Adjust the mode from basic (with a limited number of beginner-user-friendly apps) to full (with all basic & advanced apps available)": "Modifica il modo da semplice (con un numero limitato di applicazioni user-friendly) ad avanzato (con tutte le applicazioni disponibili)",
+  "Advanced creation options": "Opzioni di creazione avanzate",
+  "After a bounty was proposed the council decides whether to fund it or not.": "Dopo la proposta di elargizione bounty, sarà il consiglio a decidere se finanziarlo oppure non finanziarlo",
+  "All rewards will go towards the selected output destination when a payout is made.": "Tutte le ricompense andranno trasferite all'indirizzo selezionato, dopo aver eseguito un payout",
+  "All stashes": "Tutti gli stashes",
+  "All the listed validators and all their nominators will receive their rewards.": "Tutta la lista di validatori e loro nominatori riceveranno la loro ricompensa",
+  "All voters may alter their votes any number of times prior to the close of the poll.": "Ogni votante può cambiare la sua preferenza in qualsiasi momento, prima della chiusura del sondaggio",
+  "Allocate a suggested tip amount. With enough endorsements, the suggested values are averaged and sent to the beneficiary.": "Alloca l'ammontare della mancia suggerita. Se verrà sostenuta, il valore suggerito sarà mediato e trasferito al beneficiario",
+  "Allocation value is smaller than the minimum bounty value.": "L'allocazione è minore rispetto al valore minimo del bounty",
+  "Amount to add to the currently bonded funds. This is adjusted using the available funds on the account.": "Quantità da aggiungere ai fondi attualmente vincolati. E' tarata sulla quantità totale dei fondi disponibili sull'account",
+  "Amount to delegate for any democracy vote. This is adjusted using the available funds on the account.": "Quantità da delegare per ogni voto in Democrazia. E' tarata sulla base dei fondi disponiibili sull'account.",
+  "An URL that is linked to this identity.": "Aggiungi URL collegato all'identità",
+  "An account that is to receive the rewards": "L'account destinatario delle ricompense",
+  "An encrypted backup file will be created once you have pressed the \"Download\" button. This can be used to re-import your account on any other machine.": "Verrà generato un file backup criptato dopo aver cliccato sul bottone \"Download\". Può essere utilizzato per re-importare il tuo account su qualsiasi altra macchina.",
+  "Any account can request payout for stakers, this is not limited to accounts that will be rewarded.": "Qualsiasi account può finalizzare una richiesta di payout per gli stakers, e questa funzione non è limitata solamente a coloro che saranno ricompensati",
+  "Any account set as proxy will be able to perform actions in place of the proxied account": "Qualsiasi account configurato come proxy sarà in grado di eseguire azioni per conto dell'account dietro proxy",
+  "Any combination of the four options may be approved of by the voter. There is no need to select only one option!": "Ogni votante può scegliere una combinazione delle 4 opzioni. Non è richiesto di selezionarne una sola.",
+  "Any democracy vote performed by the delegated account will result in an additional vote from the delegating account": "In democrazia, ogni voto trasmesso da un delegato risulterà un voto aggiuntivo direttamente proveniente da ogni delegante.",
+  "Application of slashes from era {{id}}": "Calcolo dei slashes da era {{id}}",
+  "Apply to UI": "Applica alla interfaccia utente",
+  "Approvals": "Approvazioni",
+  "Approve": "Approva",
+  "Approve or reject this defender.": "Approva o respingi questo difensore",
+  "Approve this call hash": "Approva questo richiamo di hash",
+  "Approve this candidacy.": "Approva questa candidatura",
+  "Approved": "Approvato",
+  "Approving of all or none of the options is equivalent and will not affect the outcome of the poll.": "Approvare tutte le opzioni o nessuna di esse non impatterà sul risultato del sondaggio.",
+  "As a council member, you can suggest an initial value for the tip, each other council member can suggest their own.": "Come membro del consiglio, puoi suggerire un valore iniziale della mancia, e gli altri membri possono fare lo stesso.",
+  "Asset ID": "Asset ID",
+  "Assets": "Assets",
+  "Auctions": "Aste",
+  "Aura": "Aura",
+  "Authorize transaction": "Autorizza transazione",
+  "Available": "Disponibile",
+  "Aye": "Sì",
+  "Aye {{counter}}": "Si {{counter}}",
+  "Aye {{count}}": "Si {{count}}",
+  "Aye, I approve": "Si, approvo",
+  "Aye, I can support this": "Si, voglio supportarlo",
+  "Aye, I support this": "Si, lo sostengo",
+  "Aye: {{count}}": "Si: {{count}}",
+  "Babe": "Babe",
+  "Backup account": "Account di Backup",
+  "Balances": "Saldi",
+  "Be aware that once submitted the proposal will be put to a council vote. If the proposal is rejected due to a lack of info, invalid requirements or non-benefit to the network as a whole, the full bond posted (as describe above) will be lost.": "Una volta che la proposta è stata inoltrata, sarà assoggettata al voto. Se la proposta è respinta per mancanza di sufficienti informazioni, per caratteristiche non valide o per non capacità di generare valore aggiunto, l'intero contenuto verrà rimosso e non sarà recuperabile.",
+  "Before using this registered paraId, you need to have a WASM validation function registered on-chain": "Prima di utilizzare questa parachainID, necessiti di avere una funzione WASM registrata on-chain",
+  "Beneficiary": "Beneficiario",
+  "Bid": "Offerta",
+  "Bid to join": "Offerta per entrare",
+  "Block details": "Dettagli del Blocco",
+  "Blocks nominations": "Blocco nomine",
+  "Bond": "Vincola",
+  "Bond & Nominate": "Vincola e Nomina",
+  "Bond & Validate": "Vincola e Valida",
+  "Bond more": "Incrementa",
+  "Bond more funds": "Vincola più fondi",
+  "Bonding Preferences": "Opzioni di Vincolo",
+  "Bounties": "Bounties",
+  "Bounty approval under voting": "Approvazione del bounty in votazione",
+  "Bounty rejection under voting": "Sospensione / Rifiuto del bounty in votazione",
+  "Call": "Chiama",
+  "Call a contract": "Richiama un contratto",
+  "Call a method on this contract": "Richiama un metodo su questo contratto",
+  "Call results": "Risultati della chiamata",
+  "Call this message": "Richiama questo messaggio",
+  "Cancel": "Cancella",
+  "Cancel all": "Cancella tutto",
+  "Cancel selected": "Cancella selezionati",
+  "Cancel slashes": "Cancella Slashes",
+  "Cancel this call hash": "Cancella questo richiamo di hash",
+  "Candidate": "Candidato",
+  "Candidates": "Candidati",
+  "Capped": "Limitato",
+  "Chain Type": "Tipo di chain",
+  "Chain info": "Informazioni sulla chain",
+  "Chain specifications": "opzioni chain",
+  "Chain type (ethereum compatible or regular substrate)": "Tipo di chain (compatibile ETH o Substrate nativa)",
+  "Change": "Cambia",
+  "Change account password": "Cambia la password dell'account",
+  "Change controller account": "Cambia l'account controller",
+  "Change democracy delegation": "Cambia la delega in Democrazia",
+  "Change reward destination": "Cambia la destinazione della ricompensa",
+  "Change session keys": "Cambia la chiave di sessione",
+  "Change this account's password": "Cambia la password di questo account",
+  "Change validator preferences": "Cambia le opzioni del validatore",
+  "Changing the key only takes effect at the start of the next session. The input here is generated from the author_rotateKeys command": "Cambiare la chiave ha un impatto solo dopo l'avvio della prossima sessione. L'input è generato dal comando \"author_rotateKeys\"",
+  "Chilled ({{count}})": "Chilled ({{count}})",
+  "Chilled nominations ({{count}})": "Nomine Chilled ({{count}})",
+  "Choose a curator whose background and expertise is such that they are capable of determining when the task is complete.": "Scegli un curatore che ha esperienza e capacità per giudicare un processo come completo",
+  "Choose the Beneficiary for this bounty.": "Scegli il beneficiario di questo bounty",
+  "Claim": "Riscatta",
+  "Claim tokens": "Riscatta Tokens",
+  "Claim tokens...": "Riscatta tokens....",
+  "Clear Identity": "Cancella l'identità",
+  "Clear all": "Cancella tutto",
+  "Clear expired democracy locks": "Cancella i token bloccati per voto in Democrazia",
+  "Close": "Chiudi",
+  "Close Bounty": "Chiudi bounty",
+  "Close deadline": "Chiudi la deadline",
+  "Close proposal": "Chiudi la proposta",
+  "Close tip": "Chiudi la mancia",
+  "Code": "Codice",
+  "Color": "Colore",
+  "Committee prime member, default voting": "Primo eletto del comitato, votante",
+  "Completed": "Completato",
+  "Confirm ABI removal": "Conferma la rimozione dell' ABI",
+  "Confirm account removal": "Conferma la rimozione dell'account",
+  "Confirm address removal": "Conferma la rimozione dell'indirizzo",
+  "Confirm claim": "Conferma il riscatto",
+  "Confirm code removal": "Conferma la rimozione del codice",
+  "Confirm contract removal": "Conferma la rimozione del contratto",
+  "Consider storing your account in a signer such as a browser extension, hardware device, QR-capable phone wallet (non-connected) or desktop application for optimal account security.": "Per migliorare il livello di sicurezza, valuta di preservare il tuo account in un signer come ad esempio una estensione di browser, un hardware wallet o un telefono in grado di leggere codici QR (offline) o una applicazione desktop.",
+  "Console": "Console",
+  "Constants": "Costanti",
+  "Constructors ({{count}})": "Constructors ({{count}})",
+  "Continue": "Continua",
+  "Contracts": "Contratti",
+  "Contribute": "Contribuisci",
+  "Contribute to fund": "Contribuisci a finanziare",
+  "Controller account": "Controller account",
+  "Conviction locks do overlap and are not additive, meaning that funds locked during a previous vote can be locked again.": "I fondi bloccati per un voto con moltiplicatore si sovrappongono e si aggiungono, ciò significa che i fondi bloccati durante il voto precedente possono essere ri-bloccati di nuovo.",
+  "Copy the above string and sign an Ethereum transaction with the account you used during the pre-sale in the wallet of your choice, using the string as the payload, and then paste the transaction signature object below": "Copia la stringa di cui sopra e firma una transazione Ethereum con l'account che hai usato durante la prevendita, sfruttando la stringa, e poi incolla la firma della tx qui sotto:",
+  "Copy the following string and sign it with the Ethereum account you used during the pre-sale in the wallet of your choice, using the string as the payload, and then paste the transaction signature object below:": "Copia la seguente stringa e firmala con il conto Ethereum che hai usato durante la prevendita, sfruttando la stringa, e poi incolla la firma della tx qui sotto:",
+  "Council": "Consiglio",
+  "Council overview": "Resoconto Consiglio",
+  "Create": "Crea",
+  "Create a backup file for this account": "Crea un file di backup per questo account",
+  "Create an account now.": "Crea un account ora",
+  "Create and backup account": "Crea e genera un account di backup",
+  "Crowdloan": "Crowdloan",
+  "Crypto not detected": "Crittografia non rilevata",
+  "Cryptography used to create this signature. It is auto-detected on valid signatures.": "Crittografia usata per finalizzare questa firma. Se la firma è valida, viene automaticamente rilevata.",
+  "Curator has been proposed by council. The bounty is waiting for curator to accept the role.": "Il consiglio ha selezionato un curatore. Il bounty è in attesa che il curatore accetti",
+  "Curator proposal under voting": "Curatore selezionato in votazione",
+  "Curator slash under voting": "Slash del curatore in votazione",
+  "Curator's account that will reward the bounty to the implementer.": "L'account del curatore che elargirà il bounty al contributore",
+  "Curator's deposit": "Deposito del curatore",
+  "Curator's deposit is calculated based on the accepted curator's fee for this bounty.": "Il deposito del curatore è calcolato sulla base della commissione trattenuta per il bounty",
+  "Curator's deposit will be slashed and curator will be unassigned. Bounty will return to the Funded state.": "Il deposito del curatore sarà slashato e il ruolo non sarà assegnato. Il bounty ritornerà ai finanziatori",
+  "Curator's fee": "Commissione del curatore",
+  "Curator's fee can't be higher than bounty value.": "La commissione del curatore non potrà essere superiore al valore del bounty",
+  "Current account nonce: {{accountNonce}}": "Nonce Account corrente {{accountNonce}}",
+  "Current prime member, default voting": "Primo eletto corrente, votante",
+  "Current society head, exempt": "Capo attuale della Società, esente",
+  "Currently this is a one-way transfer since the on-chain runtime functionality to send the funds from the destination chain back to this account not yet available.": "",
+  "Custom index": "Indice personalizzato",
+  "Custom url": "Url personalizzato",
+  "Dark theme (experimental, work-in-progress)": "Tema scuro (sperimentale)",
+  "Decimals": "Decimali",
+  "Decimals decides the smallest unit of the token, which is 1/10^decimals": "I decimali rappresentano la più piccola unità del token, ovvero 1/10^decimali",
+  "Decode": "Decodifica",
+  "Defender": "Defender / Difensore",
+  "Delegate": "Delega",
+  "Delegate democracy votes": "Delega voti in Democrazia",
+  "Delete this custom example": "cancella questo esempio",
+  "Democracy overview": "Resoconto Democrazia",
+  "Denomination poll": "Ridenominazione del sondaggio",
+  "Deploy": "Implementa/Finalizza",
+  "Deploy a code hash": "Implementa un codice hash",
+  "Deploy a contract": "Rilascia un contratto",
+  "Deploy this code hash as a smart contract": "Implementa questo codice hash come smart contract",
+  "Deploy with this constructor": "Implementa con questo constructor",
+  "Deregister": "",
+  "Deregister this parachain": "Cancella dal registro di questa parachain",
+  "Derivation for Ledger-type accounts are only available on mnemonic seeds.": "La derivazione per gli account Ledger è disponibile solo sulla frase mnemonica (seed)",
+  "Derive account from pair": "Genera un account da una coppia di chiavi",
+  "Derive account via derivation path": "Genera un account da un percoso di derivazione (derivation path)",
+  "Description of the Bounty (to be stored on-chain)": "Descrizione del Bounty (da registrare on-chain)",
+  "Details": "Dettagli",
+  "Detection on the input string to determine if it is hex or non-hex.": "Rilevazione delle stringhe di input per determinare se è un hex o non hex",
+  "Determines what cryptography will be used to create this account. Note that to validate on Polkadot, the session account must use \"ed25519\".": "Scegli che tipo di crittografia preferisci per la creazione questo account. Tieni in mente che per la validazione su PolkaDot, l'account deve essere di tipo \"ed25519\"",
+  "Developer": "Sviluppatore",
+  "Development": "Sviluppo",
+  "Dismiss all notifications": "Cancella notifiche",
+  "Dispatch": "Promulgazione",
+  "Display overview information for the selected validator, including blocks produced.": "Visualizza riepilogo di informazioni relative al validator selezionato, inclusi i blocchi minati",
+  "Distinct stash and controller accounts are recommended to ensure fund security. You will be allowed to make the transaction, but take care to not tie up all funds, only use a portion of the available funds during this period.": "Sono raccomandati differenti account stash e controllers per migliorare la sicurezza sui tuoi fondi. Ti sarà concesso fare transazioni, ma in questa fase non usare tutti i tuoi fondi, ma solo una quota parte di essi",
+  "Do not include a tip for the block author": "Non includere una mancia per il minatore del blocco",
+  "Do not transfer any funds directly to a specific account that is associated with a loan or a team. Use the \"Contribute\" action to record the contribution on-chain using the crowdloan runtime module. When the fund is dissolved, after either the parachain lease expires or the loan ending without winning, the full value will be returned to your account by the runtime. Funds sent directly to an account, without using the crowdloan functionality, may not be returned by the receiving account.": "Non trasferire fondi direttamente ad un account specifico associato ad un asta o ad un team. Usa il modulo \"Contribute\" per registrare un contributo on-chain usando la funzione di Crowdloan. Quando il finanziamento è estinto, dopo la scadenza del tempo di leasing della parachain o un asta senza aggiudicazione, il saldo ti sarà restituito automaticamente. I fondi inviati direttamente senza l'utilizzo della funzione di Crowdloan non saranno restituiti",
+  "Does this validator allow nominations or is it blocked for all": "Questo validatore consente ulteriori nomine o è limitato?",
+  "Don't use a proxy for this call": "Non usare un proxy per questa chiamata",
+  "Download": "Scarica",
+  "Either approve or reject this call.": "Approva o Respingi questo richiamo",
+  "Election of new council candidates": "Elezione di nuovi candidati al consiglio",
+  "Enactment of the result of referendum {{id}}": "Applicazione del risultato del referendum {{id}}",
+  "End of the current parachain auction {{id}}": "Termine dell'asta della parachain {{id}}",
+  "Ended": "Terminata",
+  "Endorse": "Sponsorizza",
+  "Endorsements ({{count}})": "Sponsorizzazioni ({{count}})",
+  "Ensure that not all funds are locked, funds need to be available for fees.": "Assicurati che non tutto il saldo sia bloccato, e di avere margine per pagare le commissioni",
+  "Ensure that the extension has accounts, some accounts are visible globally and available for this chain and that you gave the application permission to access accounts from the extension to use them.": "Assicurati che l'estensione contenga degli accounts; alcuni accounts sono visibili e disponibili su questa chain e puoi assegnare alle applicazioni il permesso di accedervi e di utilizzarli",
+  "Ensure that you utilized the \"Save\" functionality before using a generated address to receive funds. Without saving the address any funds and the associated seed any funds sent to it will be lost.": "Assicurati di aver premuto il tasto \"Salva\" prima di usare un indirizzo a scopo di ricevere fondi o tokens. Senza salvataggio dell'indirizzo, ogni fondo e seed inviato andrà perso.",
+  "Ensure you are using a strong password for proper account protection.": "Assicurati di usare una password sicura per proteggere l'account",
+  "Enter the Asset ID of the token you want to manage.": "Inserisci l'ID dell'asset del token che vuoi gestire",
+  "Enter the Asset ID of the token you want to transfer.": "Inserisci l'ID dell'asset del token che vuoi trasferire",
+  "Erroneous": "Erroneo",
+  "Evaluated {{count}} keys in {{elapsed}}s ({{avg}} keys/s)": "Stimate {{count}} chiavi in {{elapsed}}s ({{avg}} keys/s)",
+  "Execute": "Esegui",
+  "Execute anonymous scheduled task": "Esegui un'attività pianificata in forma anonima",
+  "Execute named scheduled task {{id}}": "Esegui un'attività pianificata {{id}}",
+  "Existing approvals ({{approvals}}/{{threshold}})": "Approvazioni precedenti ({{approvals}}/{{threshold}})",
+  "Extend expiry": "Estensione della scadenza",
+  "Extensions": "Estensioni",
+  "External": "Esterno",
+  "Extrinsic submission": "inoltro extrinsic",
+  "Fast track": "Tracciamento veloce",
+  "Fast track proposal": "Proposta di tracciamento veloce",
+  "Filter available candidates based on name, address or short account index.": "Filtra i candidati disponibili per nome, indirizzo, o acronimo",
+  "Filter available nominators based on name, address or short account index.": "Filtra i nominatori disponibili per nome, indirizzo, o acronimo",
+  "For approvals outstanding approvers will be shown, for hashes that should be cancelled the first approver is required.": "Per le approvazioni, saranno mostrati gli approvers speciali, per gli hash che devono essere cancellati è richiesto il primo approver",
+  "For final approvals, the actual full call data is required to execute the transaction": "Per l'approvazione finale, è richiesto un richiamo di tutti i dati allo scopo di eseguire la transazione",
+  "For fund security, your session key should not match your stash key.": "Per mettere in sicurezza i tuoi fondi, la tua chiave di sessione deve essere diversa dalla tua chiave di stash",
+  "Forget": "Dimentica",
+  "Forget this account": "Dimentica questo account",
+  "Forget this address": "Dimentica questo indirizzo",
+  "Forget this asset": "Dimentica questo asset",
+  "Forget this code hash": "Dimentica questo codice hash",
+  "Forget this contract": "Dimentica questo contratto",
+  "Forks": "Forks",
+  "Full Legal Name": "Nome",
+  "Future versions of the web-only interface will drop support for non-external accounts, much like the IPFS version.": "Le future versioni della interfaccia via web non avranno più il supporto agli account non esterni, come la versione IPFS",
+  "General": "Generale",
+  "Generate {{lng}}/translation.json": "Genera {{lng}}/translation.json",
+  "Genesis Hash": "Genesis Hash",
+  "Genesis Hash refers to initial state of the chain, it cannot be changed once the chain is launched": "Genesis Hash si riferisce allo stato iniziale della catena, e non può essere modificato dopo il lancio",
+  "Give up": "",
+  "Governance": "Governance",
+  "Grandpa": "Grandpa",
+  "Hash data": "Hash data",
+  "Homepage": "Homepage",
+  "How much should be paid out for completed Bounty. Upon funding, the amount will be reserved in treasury.": "Quanto dovrebbe essere pagato il contributore per completare con successo l'attività. A finanziamento avvenuto, l'ammontare sarà trasferito in tesoreria",
+  "I agree": "Sono d'accordo",
+  "I have saved my mnemonic seed safely": "Ho salvato la mnemonic seed in un luogo sicuro",
+  "I'm Online": "Sono Online",
+  "If the delegated account is currently voting in a referendum, the delegating vote and conviction will be added.": "Se l'account delegato sta votando un referendum, vi sarà aggiunto anche il voto (e moltiplicatore usato) trasmesso da ogni account delegante.",
+  "If the motion is approved, Curator's deposit will be slashed and Curator will be unassigned. Bounty will return to the Funded state.": "Se la mozione è approvata, il deposito del Curatore sarà slashato e il ruolo non sarà assegnato. Il bounty sarà riclassificato come finanziato",
+  "If the motion is approved, the current Curator will be unassigned and the Bounty will return to the Funded state.": "Se la mozione è approvata, il Curatore corrente sarà rimosso e il bounty riclassificato come finanziato",
+  "If the recipient account is new, the balance needs to be more than the existential deposit on the recipient chain.": "Se l'account destinatario è nuovo, il saldo deve essere maggiore del deposito sulla chain destinataria",
+  "If the recipient account is new, the balance needs to be more than the existential deposit. Likewise if the sending account balance drops below the same value, the account will be removed from the state.": "Se l'account destinatario è nuovo, il suo saldo necessita di essere maggiore della soglia minima. Allo stesso modo se il saldo del mittente scende sotto lo stesso valore, esso sarà reso inattivo.",
+  "If this proposal is passed, the changes will be applied via dispatch and the deposit returned.": "Se questa proposta passa, i cambiamenti saranno implementati e i depositi resituiti",
+  "If you add several proxy accounts for the same proxy type (e.g 2 accounts set as proxy for Governance), then any of those 2 accounts will be able to perfom governance actions on behalf of the proxied account": "Se aggiungi diversi account proxy dello stesso tipo (ad esempio 2 account utilizzati come proxy per la Democrazia), allora essi saranno in grado di performare azioni di governance per conto dell'account proxato",
+  "If you are moving accounts between applications, ensure that you use the correct type.": "Se stai muovendo gli accounts attraverso delle applicazioni, assicurati di usare quelli adatti",
+  "If you have not claimed rewards straight after the end of the era, the validator is in the active set and you are seeing no rewards, this would mean that the reward payout transaction was made by another account on your behalf. Always check your favorite explorer to see any historic payouts made to your accounts.": "Se non hai riscattato le tue ricompense dopo la fine di un era e il validatore risulta ancora attivo, significa che le tue ricompense ti sono state comunque liquidate grazie al payout richiesto da qualche altro account. Controlla il block explorer per assicurarti di ricevere regolarmente le tue ricompense da staking.",
+  "Image": "Carica codice",
+  "Important notice": "Notifica importante",
+  "In calculating the election outcome, this prioritized vote ordering will be used to determine the final score for the candidates.": "In fase di calcolo dell'esito dell'elezione, la priorità delle preferenze assegnata sarà usata per determinare il punteggio finale di ogni candidato",
+  "Inactive": "Inattivo",
+  "Inactive nominations ({{count}})": "Nomine inattive ({{count}})",
+  "Include an optional tip for faster processing": "Includi una mancia per velocizzare la finalizzazione",
+  "Info": "Informazioni",
+  "Initializing connection": "Inizializzazione della connessione",
+  "Initiate account recovery": "Inizia il processo di recupero dell'account",
+  "Initiate recovery for another": "Inizia il processo di recupero per un altro",
+  "Initiate voting": "Votazione iniziale",
+  "Inject Keys": "Inserisci chiavi",
+  "Inject session keys (advanced)": "Inserisci chiavi di sessione (avanzato)",
+  "Injected": "aggiunto",
+  "It is recommended that you create/store your accounts securely and externally from the app. On {{yourBrowser}} the following browser extensions are available for use -": "Si raccomanda di creare e archiviare i tuoi account in modo sicuro esternamente alla applicazione. Su {{yourBrowser}} sono disponibili le seguenti estensioni -",
+  "Judge": "Giudizio",
+  "Keys from rotateKeys": "Chiavi di Rotazione",
+  "Known good": "verificata",
+  "Learn more...": "Approfondisci....",
+  "Ledger app type (originated from)": "Tipo di applicazione Ledger (origine)",
+  "Ledger support is still experimental and some issues may remain. Trust, but verify the addresses on your devices before transferring large amounts. There are some features that will not work, including batch calls (used extensively in staking and democracy) as well as any identity operations.": "Il supporto al Ledger è ancora in fase beta. Verifica  sempre l'account e gli indirizzi sul dispositivo. Alcune funzionalità non sono disponibili, come le batch calls e le operazioni di verifica identità",
+  "Lifetime (# of blocks)": "Perpetuo (# di blocchi)",
+  "Light theme (default)": "Tema chiaro",
+  "Loading": "Caricamento",
+  "Locked funds (e.g. for staking) are counted.": "I fondi bloccati (per esempio in staking) sono conteggiati",
+  "Locked1x": "Bloccato1x",
+  "Locked2x": "Bloccato2x",
+  "Locked3x": "Bloccato3x",
+  "Locked4x": "Bloccato4x",
+  "Locked5x": "Bloccato5x",
+  "Locked6x": "Bloccato6x",
+  "Low quality": "Bassa qualità",
+  "Make Transfer": "Esegui un trasferimento",
+  "Make recoverable": "Rendi recuperabile",
+  "Manage proxies": "Gestisci i proxy",
+  "Manage your connection to Ledger S": "Gestisci le tue connessioni al Ledger Nano",
+  "Max, {{eras}} eras": "Max {{eras}} ere",
+  "Median tip selected": "Valore medio della mancia",
+  "Message data": "Dati del messaggio",
+  "Message origin.": "Origine del messaggio",
+  "Messages": "Messaggi",
+  "Messages ({{count}})": "Messaggi ({{count}})",
+  "Metadata": "Metadata",
+  "Metadata {{count}}": "Metadata {{count}}",
+  "Mint": "Mint",
+  "Mnemonic": "Mnemonic",
+  "Most profitable": "Più profittevole",
+  "Most recent head data": "Dati più recenti",
+  "Motions": "Mozioni",
+  "Multiple council proposals could exist, both approval and rejection. Apply your vote to the correct council proposal (also available on council motions page)": "Possono coesistere simultaneamente diverse propose in consiglio, sia da approvare che da respingere.",
+  "Multisig": "Multisig",
+  "Multisig approval with hash (non-final approval)": "Approvazione multisig con hash (approvazione non definitiva)",
+  "Multisig approval with hash (not message with call)": "Approvazione multisig con hash (nesssun messaggio con chiamata)",
+  "Multisig approvals": "Approvazioni multisig",
+  "Multisig approvals pending": "Approvazioni multisig in coda",
+  "Multisig message with call (for final approval)": "Messaggio multisig con richiamo (per approvazione finale)",
+  "Multisig message with call (not approval with hash)": "Messaggio multisig con chiamata (non approvazione con hash)",
+  "Mutates contract state": "Cambia lo stato del contratto",
+  "My On-Chain Name": "Il mio nome On-Chain",
+  "My accounts": "I miei accounts",
+  "My contacts": "I miei contatti",
+  "My contributions ({{count}})": "I miei contributi ({{count}})",
+  "My stashes": "I miei stash",
+  "My validators": "I miei validatori",
+  "Name given to this account to uniquely identity the account to yourself.": "Il nome associato a questo account che lo identificherà in modo univoco",
+  "Name given to this account. You can change it at any point in the future.": "Il nome assegnato a questo account. Puoi cambiarlo in qualsiasi momento.",
+  "Name given to this account. You can edit it. To use the account to validate or nominate, it is a good practice to append the function of the account in the name, e.g \"name_you_want - stash\".": "Il nome assegnato a questo account. Puoi modificarlo. Per usare l'account allo scopo di validare o nominare, è buon uso annotare la funzione dell'account al nome, esempio \"nome_assegnato - stash\"",
+  "Name given to this multisig. You can edit it at any later point in time.": "Il nome assegnato a questo multisig. Puoi cambiarlo in qualsiasi momento",
+  "Name given to this proxied account. You can edit it at any later point in time.": "Il nome assegnato a questo account dietro proxy. Puoi cambiarlo in qualsiasi momento",
+  "Name of the network. It is only for display purposes.": "Nome del Network. E' solo a scopo di visualizzazione",
+  "Name your example": "Assegna un nome al tuo esempio",
+  "Nay": "No",
+  "Nay {{counter}}": "No {{counter}}",
+  "Nay {{count}}": "No {{count}}",
+  "Nay, I cannot support this": "No, non voglio supportarlo",
+  "Nay, I do not approve": "No, non approvo",
+  "Nay, I do not support this": "No, non lo sostengo",
+  "Nay: {{count}}": "No: {{count}}",
+  "Network": "Network",
+  "Network Name": "Nome del Network",
+  "Never execute JS snippets from untrusted sources.": "Non eseguire mai uno snippet JS da fonti sconosciute",
+  "New stake": "Nuovo Stake",
+  "Next": "Prossimo",
+  "Next session": "Prossima sessione",
+  "No": "No",
+  "No Upgradable extensions": "Nessuna estensione",
+  "No accounts with balances found for the asset": "Non è stato trovato nessun account con sufficiente saldo per questo asset",
+  "No active campaigns found": "Nessuna campagna attiva trovata",
+  "No active gilt queues found.": "",
+  "No active members": "Nessun membro attivo",
+  "No active proposals": "Nessuna proposta attiva",
+  "No active referendums": "Nessun referendum attivo",
+  "No active schedules": "Nessuna attività pianificata",
+  "No active validators found": "Nessun validatore attivo trovato",
+  "No active validators to check": "Nessun validatore attivo da controllare",
+  "No approved proposals": "Nessuna proposta approvata",
+  "No assets found": "Nessun asset trovato",
+  "No assets found.": "Nessun asset trovato",
+  "No bids": "Nessuna offerta",
+  "No blocks available": "Nessun blocco disponibile",
+  "No candidates": "Nessun candidato",
+  "No candidates found": "Nessun candidato trovato",
+  "No change": "Nessun cambiamento",
+  "No change from the original 2017 sale definitions; will mean a total of 10 million DOT from genesis.": "Nessun cambiamento dalla definizione della prevendita del 2017,",
+  "No change from the original 2017 sale definitions; will mean a total of 10m DOT from genesis.": "Nessuna variazione dalle condizioni di vendita del 2017; significa un totale di 10m DOT dal genesis block",
+  "No code hashes available": "Nessun codice hash disponibile",
+  "No committee proposals": "Nessuna proposta dal comitato",
+  "No completed campaigns found": "Nessuna campagna completata trovata",
+  "No contracts available": "Nessun contratto disponibile",
+  "No council motions": "Nessuna mozione dal consiglio",
+  "No discretionary lock-voting is in place; all DOT used to vote counts the same.": "Nessun  discrezionale vincolo di fondi per votazione. Tutti i DOT usati per votare avranno identico peso",
+  "No documentation provided": "Nessuna documentazione fornita",
+  "No events available": "Nessun evento disponibile",
+  "No execution details available for this proposal": "Nessun dettaglio disponibile per questa proposta",
+  "No external proposal": "Nessuna proposta esterna",
+  "No extrinsics available": "Nessuna extrinsic disponibile",
+  "No funds staked yet. Bond funds to validate or nominate a validator": "Nessuna quantità di fondi in stake. Vincola i fondi per validare o nominare un validatore",
+  "No items": "Nessun contenuto",
+  "No judgments": "Nessuna verifica",
+  "No justifications available": "Nessuna giustificazione disponibile",
+  "No logs available": "Nessun log disponibile",
+  "No matches found": "Nessuna corrispondenza trovata",
+  "No members found": "Nessun membro trovato",
+  "No ongoing auction": "Nessuna asta in corso",
+  "No open bounties": "Nessun bounty disponibile",
+  "No open tips": "Nessuna mancia aperta",
+  "No pending era payouts from validators": "Nessun payout in coda dai validatori",
+  "No pending extrinsics are in the queue": "Nessuna extrinsic in coda",
+  "No pending payouts for your stashes": "Nessun payout in coda per i tuoi stash",
+  "No pending payouts for your validators": "Nessun payout disponibile dai tuoi validatori",
+  "No pending proposals": "Nessuna proposta in coda",
+  "No runners up found": "Nessun finalista trovato",
+  "No sub identities set.": "Nessuna sub identità configurata",
+  "No suspended candidates": "Nessun candidato sospeso",
+  "No suspended members": "Nessun membro sospeso",
+  "No upgradable extensions found": "Nessun aggiornamento trovato",
+  "No waiting validators found": "Nessun validatore in lista d'attesa trovato",
+  "No winners in this auction": "Nessun vincitore in questa asta",
+  "No, block all nominations": "No, blocca tutte le nomine",
+  "Node info": "Informazioni sul nodo",
+  "Nominate": "Nomina",
+  "Nominate Validators": "Nomina Validatori",
+  "Nominate selected": "Nomina selezionati",
+  "Nominate validators": "Nomina validatori",
+  "Nominating": "Nomina attiva",
+  "Nominations ({{count}})": "Nomine ({{count}})",
+  "Nominator": "Nominatore",
+  "Nominators": "Nominatori",
+  "Nominators ({{count}})": "Nominatori ({{count}})",
+  "Nominators can be selected automatically based on the current on-chain conditions or supplied manually as selected from the list of all currently available validators. In both cases, your favorites appear for the selection.": "I Nominatori possono essere automaticamente selezionati sulla base delle condizioni on-chain, o specificati manualmente dalla lista dei validatori disponibili. In entrambi i casi, quelli preferiti appariranno pronti alla selezione.",
+  "Nominators can be selected manually from the list of all currently available validators.": "I validators possono essere selezionati manualmente dalla lista dei candidati disponibile",
+  "Nominators can be selected manually from the list of all currently available validators. If you have set favorites these will appear for the selection.": "I Nominatori possono essere selezionati manualmente dalla lista dei validatori disponibili. Se ne hai aggiunti fra i preferiti, riappariranno disponibili alla selezione.",
+  "Non-signature, non-hex data received from QR. Data contains \"{{sample}}\" instead of a hex-only signature. Please present the correct signature generated from the QR presented for submission.": "",
+  "Non-voters ({{count}})": "Nessuna firma o data-hex ricevuti dal QR. I dati contengono \"{{sample}}\" invece di una firma basata su esadecimali. Per favore utilizza una firma corretta generata dal QR",
+  "Nonce": "Nonce",
+  "None": "Nessuno",
+  "Normal transfer without keep-alive checks": "Normale trasferimento senza check keep-alive",
+  "Not on-chain": "Non on-chain",
+  "Not updated in the last block": "Nessun aggiornamento nell'ultimo blocco",
+  "Nothing queued for execution": "Nessuna coda di implementazione",
+  "Of the beneficiary amount, at least {{bondPercentage}} would need to be put up as collateral. The maximum of this and the minimum bond will be used to secure the proposal, refundable if it passes.": "Il destinatario deve avere a collaterale almeno {{bondPercentage}}.",
+  "Older versions of the contracts ABI cannot be used and will display an error indicating an invalid ABI when uploaded. Ensure you follow the Ink! instructions for updating if you are using an older version.": "Le vecchie versioni dei contratti ABI non possono essere usate e visualizzeranno un errore che indica l'invalidità dell'ABI durante l'upload. Assicurati di seguire correttamente le istruzioni Ink! per aggiornare, se stai usando una versione precedente",
+  "Older versions of the contracts ABI cannot be used and will display an error indicating an invalid ABI when uploaded. Ensure you follow the Ink! or solang upgrade instructions if you are using an older version.": "Le vecchie versioni dei contratti ABI non possono essere usate e visualizzeranno un errore che indica l'invalidità dell'ABI durante l'upload. Assicurati di seguire correttamente le istruzioni Ink! per aggiornare, se stai usando una versione precedente",
+  "Once bonded, it will need to be unlocked/withdrawn and will be locked for at least the bonding duration.": "Una volta vincolati, sarà necessario svincolarli e prelevarli. Essi resteranno comunque vincolati per una finestra di tempo minima prevista.",
+  "Once transferred the amount will become available on the chain for use.": "Una volta che i fondi saranno trasferiti, saranno disponibili sulla chain per qualsiasi uso.",
+  "Once transferred the amount will become available on the parachain for use.": "Una volta che i fondi saranno trasferiti, saranno disponibili sulla parachain per qualsiasi uso.",
+  "Once transmitted the new selection will only take effect in 2 eras since the selection criteria for the next era was done at the end of the previous era. Until then, the nominations will show as inactive.": "Una volta inviata la nuova selezione, i cambiamenti prenderanno effetto solo dopo 2 ere. Fino a quel momento, le nomine verranno visualizzate come inattive.",
+  "Once transmitted the new selection will only take effect in 2 eras taking the new validator election cycle into account. Until then, the nominations will show as inactive.": "Una volta inviata la nuova selezione, i validatori entreranno nel ciclo elettivo solo dopo 2 ere. Fino a quel momento, le nomine verranno visualizzate come inattive",
+  "One of more extensions has been detected in your browser, however no accounts has been injected.": "Una o più estensioni sono state riconosciute sul tuo browser. Tuttavia, nessun account è stato aggiunto.",
+  "One of your available nomination accounts, keyed by the stash. The transaction will be sent from the controller.": "Uno dei tuoi account disponibili, protetti dallo stash. La transazione sarà inviata dal controller.",
+  "One or more extensions are detected in your browser, however no accounts has been injected.": "Sono stati identificati una o più estensioni installate sul tuo browser, ma nessun account è stato ancora creato",
+  "Online message": "Online",
+  "Only applicable if the proposal has already passed and is ready for dispatch.": "Applicabile solo se la proposta è già passata ed è pronta per l'implementazione",
+  "Only curator can extend the bounty time.": "Solo il curatore può estendere il tempo utile per l'assegnazione del bounty",
+  "Only the account proposed as curator by the council can create the assign curator transaction": "Solo l'account selezionato come Curatore dal consiglio può creare la transazione di accettazione dell'incarico",
+  "Only the account proposed as curator by the council can create the unassign curator transaction ": "Solo l'account selezionato come Curatore dal consiglio può creare la transazione di non-accettazione dell'incarico",
+  "Override any applicable values for the specific signed output. These will be used to construct and display the signed transaction.": "Scavalca ogni valore applicabile per questo specifico output firmato. Questo sarà usato per costruire e visualizzare la transazione firmata",
+  "Override the default identity icon display with a specific theme": "Sovrascrivi l'icona di default e visualizza un tema specifico",
+  "Override the default ss58 prefix for address generation": "Sovrascrivi il prefisso dell'indirizzo ss58 di default per generare un nuovo indirizzo",
+  "Oversubscribed": "Saturato",
+  "Oversubscribed nominations ({{count}})": "Nomine in saturazione ({{count}})",
+  "Overview": "Resoconto",
+  "Own stashes": "Stash di proprietà",
+  "Own validators": "Validatori di proprietà",
+  "Owned": "Proprietario",
+  "Para validator": "Para validator",
+  "ParaId": "ParachainID",
+  "ParaThread": "ParaThread",
+  "Parachains": "Parachains",
+  "Parachains overview": "Resoconto Parachains",
+  "Parathreads": "Parathreads",
+  "Part of the bounty value that will go to the Curator as a reward for their work": "Parte del bounty da assegnare al Curatore come ricompensa per il suo lavoro",
+  "Password are ignored for hex seed": "Le password vengono ignorate per il seed esadecimale",
+  "Past": "Precedente",
+  "Paste here the address of the contact you want to add to your address book.": "Incolla qui l'indirizzo del contatto che vuoi aggiungere alla tua rubrica.",
+  "Paste the signed message into the field below. The placeholder text is there as a hint to what the message should look like:": "Incolla il messaggio firmato nel campo sotto. Il testo che vedi è un suggerimento di come dovrebbe apparire:",
+  "Payment account": "Account di pagamento",
+  "Payout": "Payout",
+  "Payout all": "Payout totale",
+  "Payout all stakers": "Payout per tutti gli stakers",
+  "Payouts": "Payouts",
+  "Payouts ({{count}})": "Payouts ({{count}})",
+  "Payouts of rewards for a validator can be initiated by any account. This means that as soon as a validator or nominator requests a payout for an era, all the nominators for that validator will be rewarded. Each user does not need to claim individually and the suggestion is that validators should claim rewards for everybody as soon as an era ends.": "Il payout delle ricompense di staking può essere attivato da qualsiasi utente. Ciò significa che appena un nominatore (o lo stesso validatore) richiede il payout di una era, tutti i nominatori di quel validatore riceveranno le ricompense. Non è necessario quindi che tu inoltra la richiesta di payout alla fine di ogni era, in quanto ci si può aspettare che sia stesso il validatore (o gli altri nominatori) a richiederne la liquidazione, consentendo anche di risparmiare la commissione di transazione",
+  "Pending call hashes": "richiami hash in coda",
+  "Place bid": "Piazza un offerta",
+  "Please make sure to save this file in a secure location as it is required, together with your password, to restore your account.": "Assicurati di salvare questo file in un luogo sicuro come richiesto, insieme alla password, allo scopo di ripristinarlo in caso di necessità.",
+  "Please read these terms and conditions carefully. By submitting this statement, you are deemed to have accepted these Terms and Conditions. If you do not agree to these terms, please refrain from accessing or proceeding. You can also find them at:": "Si prega di leggere attentamente i termini e le condizioni. Confermando, si ritiene che l'utente li abbia compresi e accettati. Se non li si accettano, si prega di astenersi dal procedere. Potete trovarli anche su:",
+  "Positive number": "Numero positivo",
+  "Positive number between 1 and {{count}}": "Numero positivo fra 1 e {{count}}",
+  "Positive number between 1 and {{memberCount}}": "Numero positivo fra 1 e {{memberCount}}",
+  "Positive number greater than or equal to {{nextFreeId}}": "Numero positivo maggiore o uguale a {{nextFreeId}}",
+  "Potential dispatch of referendum {{id}} (if passed)": "Potenziale inoltro del referendum {{id}} (se approvato)",
+  "Pre-sale ethereum address": "Indirizzo ethereum di pre-vendita",
+  "Prefix indicates the ss58 address format in this network, it is a 16 bit unsigned integer that describes the precise format of the bytes of the address": "Il prefisso indica il formato dell'indrizzo ss58 presente in questo network, ed è un numero incluso fra 0 ~ 255 che caratterizza il formato preciso del totale dei bytes dell'indirizzo",
+  "Preimage": "Proposta",
+  "Preparing QR for signing": "Prepara il codice QR per la firma",
+  "Present the QR code containing the signature to the UI. Once scanned it will be submitted for on-chain processing and execution.": "Mostra il QR Code contenente la firma alla interfaccia utente. Una volta scansionata, sarà inoltrata per l'esecuzione on-chain",
+  "Prev": "Precedente",
+  "Prior locked voting": "Voto precedente bloccato",
+  "Private Key": "Chiave Privata",
+  "Produced blocks": "Blocchi minati",
+  "Proposal can either be to approve or reject this spend. Once approved, the change is applied by either removing the proposal or scheduling payout.": "La proposta può sia approvare che rigettare questa spesa. Una proposta approvata comporta la sua rimozione o la pianificazione di un payout",
+  "Proposal can either be to approve or reject this spend. One approved, the change is applied by either removing the proposal or scheduling payout.": "La proposta può sia approvare che rigettare questa spesa. Una proposta approvata comporta la sua rimozione o la pianificazione di un payout.",
+  "Proposals": "Proposte",
+  "Proposals ({{count}})": "Proposta ({{count}})",
+  "Propose": "Proponi",
+  "Propose a committee motion": "Proponi una mozione al comitato",
+  "Propose a council motion": "Proponi una mozione al consiglio",
+  "Propose curator": "Proponi Curatore",
+  "Propose external": "Proponi esternamente",
+  "Propose external (majority)": "Proponi esternamente (maggioranza)",
+  "Propose motion": "Proponi una mozione",
+  "Propose parachain": "Proponi Parachain",
+  "Propose tip": "Proponi mancia",
+  "Proposed Curator": "Curatore proposto",
+  "Proposer": "Proponente",
+  "Proposer bond depends on bounty title length.": "",
+  "Provide judgement": "Emetti giudizio",
+  "Provide the account QR from the module/external application for scanning. Once detected as valid, you will be taken to the next step to add the account to your list.": "Fornisci un QR Code via fotocamera. Se riconosciuto come valido, riceverai successive istruzioni.",
+  "Proxied": "Proxy",
+  "Proxied account has no owned proxies": "L'account scelto non possiede proxy",
+  "Proxy overview": "Riepilogo Proxy",
+  "Query Ledger": "Connetti il Ledger",
+  "RPC calls": "Chiamata RPC",
+  "Random": "Casuale",
+  "Raw seed": "Raw Seed",
+  "Raw storage": "Spazio Raw",
+  "Read": "Leggi",
+  "Reasonable": "Affidabile",
+  "Reassign": "Riassegna",
+  "Redeem": "Riscatta",
+  "Refund": "Restituisci",
+  "Register": "Registra",
+  "Register Asset": "Registra Asset",
+  "Register a parachain": "Registra una parachain",
+  "Register an Asset": "Registra un Asset",
+  "Register identity": "Registra identità",
+  "Register parathread": "Registra una parathread",
+  "Register sub-identities": "Registra sub-identità",
+  "Register the vote for or against the proposal.": "Inoltra il voto a favore o contro la proposta",
+  "Reject": "Respingi",
+  "Reject curator": "Rifiuta Curatore",
+  "Rejection proposal to council": "Proposte respinte in consiglio",
+  "Rejections": "Rifiuti",
+  "Remove": "Rimuovi",
+  "Remove ABI": "Rimuovi ABI",
+  "Remove item": "Rimuovi l'oggetto",
+  "Remove nominees": "Rimuovi nomine",
+  "Remove sub": "Rimuovi Sub",
+  "Remove validator": "Rimuovi validatore",
+  "Renomination required ({{count}})": "Ridenominazione richiesta ({{count}})",
+  "Reserve ParaId": "Riserva una ParachainID",
+  "Reset": "Reset",
+  "Restore": "Recupera",
+  "Restore JSON": "Recupera via JSON",
+  "Retrieving active nominators": "Ottenimento dei nominatori attivi",
+  "Retrieving data": "Caricamento dati",
+  "Retrieving destination chain fees": "Ottenimento della chain di destinazione delle commissioni",
+  "Retrieving info for all applicable eras, this will take some time": "Caricamento dati relative alle ere, può richiedere un pò di tempo",
+  "Retrieving info for last {{numEras}} eras, this will take some time": "Caricamento  dati delle ultime {{numEras}}  ere, può richiedere un pò di tempo",
+  "Retrieving info for the selected eras, this will take some time": "Caricamento dati  dell'era selezionata, può richiedere un pò di tempo",
+  "Retrieving nominators": "Caricando i nominatori",
+  "Retrieving online status": "Caricando lo stato online",
+  "Retrieving sub-identities": "Caricamento sub-identità",
+  "Retrieving totals...": "Caricamento totali....",
+  "Retrieving validator info": "Caricando le info del validatore",
+  "Retrieving validators": "Caricando i validatori",
+  "Revert": "Converti",
+  "Revert pending slashes": "Converti gli slashes in pending",
+  "Reward implementer": "Ricompensa il contributore",
+  "Reward the bounty to an implementer's account. The implementer will be able to claim the funds after a delay period.": "Ricompensa l'account del contributore. Il contributore sarà in grado di riscattare i fondi entro un certo periodo di tempo",
+  "Rewards (once paid) can be deposited to either the stash or controller, with different effects.": "Le ricompense (pagate) possono essere depositate sullo stash o sul controller, con conseguenze diverse",
+  "Save": "Salva",
+  "Save & Reload": "Salva & Ricarica",
+  "Save delegation": "Salva delega",
+  "Save snippet to local storage": "Salva lo snippet su memoria locale",
+  "Save the type definitions for your custom structures as key-value pairs in a valid JSON file. The key should be the name of your custom structure and the value an object containing your type definitions.": "Salva il tipo di definizioni per le tue strutture personalizzate, affinchè la coppia di chiavi resti valida e leggibile in un file JSON. La chiave dovrebbe essere ridenominata sulla base della tua struttura personalizzata e sul valore dell'oggetto contenente le tipologie definite",
+  "Save this backup file in a secure location. Additionally, the password associated with this account is needed together with this backup file in order to restore your account.": "Salva questo file di backup in un luogo sicuro. Inoltre, per recuperarlo, è richiesta la password associata a questo account.",
+  "Scan Signature Qr": "Scansiona firma QR",
+  "Scan the QR code with your QR scanner. Once approved, you will be required to present the signed QR back to the UI for submission.": "Scansiona il codice QR con il tuo QR scanner. Una volta approvata, ti sarà richiesto di mostrare una firma in QR per la finalizzazione.",
+  "Search for": "Cerca per",
+  "Second": "Sostieni",
+  "Second proposal": "Sostieni proposta",
+  "Seconding a proposal that indicates your backing for the proposal. Proposals with greater interest moves up the queue for potential next referendums.": "Sostenere una proposta significa supportarla affinchè essa si trasformi in referendum. Le proposte che riscuotono grande interesse saltano la coda e si candidano a potenziali prossimi referendum",
+  "Seconds ({{count}})": "Sostenitori ({{count}})",
+  "Select Network": "Seleziona il Network",
+  "Select a contact or paste the address you want to send funds to.": "Seleziona un contatto o incolla l'indirizzo a cui vuoi inviare dei fondi",
+  "Select an account which (after a successful vote) will act as a curator.": "Seleziona un account che (dopo un voto favorevole) sarà eletto come Curatore",
+  "Select and order council candidates you wish to vote for.": "Seleziona e ordina i candidati al consiglio secondo la tua preferenza di voto",
+  "Select best": "Seleziona il migliore",
+  "Select example": "Seleziona l'esempio",
+  "Select targets manually (no auto-selection based on current profitability)": "Seleziona manualmente i targets (nessuna auto-selezione basata sulla attuale profittabilità)",
+  "Select the JSON key file that was downloaded when you created the account. This JSON file contains your private key encrypted with your password.": "Seleziona il file JSON che è stato scaricato quando hai creato l'account. Il JSON contiene la tua chiave privata crittata con la tua password.",
+  "Select the account to use for this action.": "Seleziona l'account da usare per questa azione",
+  "Select the account you wish close the proposal with.": "Seleziona l'account con il quale preferisci chiudere la proposta",
+  "Select the account you wish to close from.": "Seleziona l'account da cui desideri chiudere",
+  "Select the account you wish to make the proposal with.": "Seleziona l'account con il quale preferisci formulare la proposta",
+  "Select the account you wish to propose the bounty from.": "",
+  "Select the account you wish to recover into this account.": "Seleziona l'account che vuoi recuperare",
+  "Select the account you wish to second with. This will lock your funds until the proposal is either approved or rejected": "Seleziona il secondo account. Questo bloccherà i tuoi fondi finchè la proposta non sarà approvata o respinta.",
+  "Select the account you wish to submit for candidacy.": "Seleziona l'account con il quale preferisci inoltrare la candidatura",
+  "Select the account you wish to submit the proposal from.": "Seleziona l'account da cui desideri inoltrare la proposta",
+  "Select the account you wish to submit the tip from.": "Seleziona l'account da cui desideri inviare la mancia",
+  "Select the account you wish to vote with. You can approve \"aye\" or deny \"nay\" the proposal.": "Seleziona l'account per partecipare al voto. Puoi approvare \"si\" o respingere \"no\" la proposta",
+  "Select the council account you wish to use to make the proposal.": "Seleziona l'account che desideri utilizzare per creare una proposta",
+  "Select the council member account you wish to use to create a motion for the Bounty.": "Seleziona il membro del consiglio che desideri crei la mozione per la creazione del bounty",
+  "Select the council member account you wish to use to create a proposal for closing bounty.": "Seleziona il membro del consiglio che desideri crei la proposta di chiusura del bounty",
+  "Select the remote endpoint, either from the dropdown on manual entered via the custom toggle": "Seleziona l'endpoint remoto, o dal menu o manualmente inserendolo attraverso il bottone apposito",
+  "Send": "Invia",
+  "Send funds": "Invia fondi",
+  "Send to council": "Invia al consiglio",
+  "Sending transaction": "Inviando la transazione",
+  "Session Key": "Chiave di Sessione",
+  "Set Identity": "Configura Identità",
+  "Set Session Key": "Configura la Chiave di Sessione",
+  "Set Subs": "Configura Subs",
+  "Set controller": "Configura il controller",
+  "Set nominees": "Configura le nomine",
+  "Set on-chain identity": "Configura Identità On-Chain",
+  "Set on-chain sub-identities": "Configura Subs On-Chain",
+  "Set reward destination": "Imposta la destinazione della ricompensa",
+  "Set sudo key": "Configura la chiave sudo",
+  "Set to 0 to make transaction immortal": "Configura a 0 per rendere questa transazione perpetua",
+  "Set validator preferences": "Configura le opzioni del validator",
+  "Settings": "Impostazioni",
+  "Setup Nominator {{step}}/{{NUM_STEPS}}": "Configura il Nominator {{step}}/{{NUM_STEPS}}",
+  "Setup Validator {{step}}/{{NUM_STEPS}}": "Configura il Validator {{step}}/{{NUM_STEPS}}",
+  "Setup account as recoverable": "Rendi l'account recuperabile",
+  "Share": "Condividi",
+  "Should the search be case sensitive, e.g if you select \"no\" your search for \"Some\" may return addresses containing \"somE\" or \"sOme\"...": "La ricerca è case sensitive",
+  "Show address on hardware device": "Mostra l'indirizzo sul dispositivo hardware",
+  "Sign (no submission)": "Firma (no inoltro)",
+  "Sign and Submit": "Firma ed Inoltra",
+  "Sign for multisig": "Firma per il Multisig",
+  "Sign message": "Firma messaggio",
+  "Sign via Qr": "Firma via QR",
+  "Sign via {{hardwareType}}": "Firma via {{hardwareType}}",
+  "Signed transaction": "Transazione firmata",
+  "Since some extensions, such as the polkadot-js extension, protects you against all community reported phishing sites, there are valid reasons to use them for additional protection, even if you are not storing accounts in it.": "Ci sono valide ragioni per usare l'estensione polkadot-js, dato che essa ti protegge anche dai siti di phishing. Anche se non lo sfrutti per creare i tuoi account",
+  "Since the multisig function like any other account, once created it is available for selection anywhere accounts are used and needs to be funded before use.": "Dato che la funzione multisig funziona come qualsiasi altro account, una volta utilizzata è disponibile per la selezione e necessita di essere finanziato prima dell'uso",
+  "Since this transaction deals with funding, the stash account will be used.": "Dato che questa transazione necessita di utilizzare dei fondi, sarà utilizzato l'account stash",
+  "Skeptics": "Scettici",
+  "Slash curator": "Curatore dello slash",
+  "Slash curator (Council)": "Curatore dello slash (Council)",
+  "Slashed": "Slashed",
+  "Slashed in era {{eras}}": "Slashed in era {{eras}}",
+  "Slashes": "Slashes",
+  "Slashes ({{count}})": "Slashes ({{count}})",
+  "Society": "Società",
+  "Society overview": "Resoconto Società",
+  "Soft derivation paths are not allowed on ed25519": "La soft derivation path non è consentita su ed25519",
+  "Specific payment account": "Account specifico di pagamento",
+  "Specified payment account": "Account di pagamento specificato",
+  "Specify the user account to use for this contract call. And fees will be deducted from this account.": "Specifica l'account utente da utilizzare per richiamare questo contratto. Eventuali costi saranno detratti da questo account.",
+  "Specify the user account to use for this deployment. And fees will be deducted from this account.": "Specifica l'account utente da utilizzare per questa implementazione. Eventuali costi saranno detratti da questo account.",
+  "Specify the user account to use for this deployment. Any fees will be deducted from this account.": "Specifica l'account utente da utilizzare per questa implementazione. Eventuali costi saranno detratti da questo account.",
+  "Split of 1000x": "Suddivisione 1000x",
+  "Split of 1000x from the original sale; will mean a total of 10 billion DOT from genesis. Apparent DOT price would be 1000x lower and apparent account balances 1000x higher.": "Suddivisione 1000x dal prezzo originale; significa che il totale di 10 miliardi di DOTs, è stato prezzato ad un valore 1000 volte inferiore, mentre i saldi sono aumentati di 1000 volte",
+  "Split of 100x": "Suddivisione 100x",
+  "Split of 100x from the original sale; will mean a total of 1 billion DOT from genesis. Apparent DOT price would be 100x lower and apparent account balances 100x higher.": "Suddivisione 100x dal prezzo originale; significa che il totale di 10 miliardi di DOTs, è stato prezzato ad un valore 100 volte inferiore, mentre i saldi sono aumentati di 100 volte",
+  "Split of 10x": "Suddivisione 10x",
+  "Split of 10x from the original sale; will mean a total of 100 million DOT from genesis. Apparent DOT price would be 10x lower and apparent account balances 10x higher.": "Suddivisione 10x dal prezzo originale; significa che il totale di 10 miliardi di DOTs, è stato prezzato ad un valore 10 volte inferiore, mentre i saldi sono aumentati di 10 volte",
+  "Staking overview": "Resoconto Staking",
+  "Start generation": "Inizia la generazione",
+  "Start of a new staking era {{id}}": "Inizio di una nuova era di staking {{id}}",
+  "Start of a new staking session {{id}}": "Inizio di una nuova sessione di staking {{id}}",
+  "Start of next membership challenge period": "Inizio del prossimo periodo di sfida per i membri",
+  "Start of next spending period": "Inizio del prossimo periodo di spesa",
+  "Start of the next parachain lease period {{id}}": "Inizio del prossimo periodo di noleggio parachain {{id}}",
+  "Start of the next referendum voting period": "Inizio del prossimo periodo di votazione referendaria",
+  "Start recovery": "Inizia il ripristino",
+  "Stash": "Stash",
+  "Stash account (do not increase the amount at stake)": "Stash account (non incrementa il bilancio in stake - no Compound)",
+  "Stash account (increase the amount at stake)": "Stash account (incrementa il bilancio in stake - Compound)",
+  "Stop": "Stop",
+  "Stop generation": "Arresta la generazione",
+  "Storage": "Spazio",
+  "Submission": "Sottoscrivi",
+  "Submit": "Inoltra",
+  "Submit (no signature)": "Inoltra (senza firma)",
+  "Submit Bid": "Inoltra offerta",
+  "Submit RPC call": "Inoltra una chiamata RPC",
+  "Submit Sudo": "Inoltra sudo",
+  "Submit Sudo Unchecked": "Inoltra sudo non verificato",
+  "Submit Transaction": "Inoltra transazione",
+  "Submit Unsigned": "Inoltra non firmata",
+  "Submit bid": "Inoltra offerta",
+  "Submit candidacy": "Inoltra la candidatura",
+  "Submit key": "Inoltra la chiave",
+  "Submit preimage": "Carica il codice della proposta",
+  "Submit proposal": "Inoltra la proposta",
+  "Submit signed extrinsic": "Inoltra extrinsic firmata",
+  "Submit tip": "Inoltra mancia",
+  "Submit tip endorsement": "Inoltra sponsorizzazione per la mancia",
+  "Submit tip request": "Inoltra richiesta di mancia",
+  "Submit treasury proposal": "Inoltra una proposta alla tesoreria",
+  "Submit your council candidacy": "Inoltra la tua candidatura al consiglio",
+  "Sudo access": "Accesso sudo",
+  "Sudo key": "Chiave Sudo",
+  "Supply a backed-up JSON file, encrypted with your account-specific password.": "Fornisci un file JSON di backup crittato con la password del tuo account",
+  "Suspended": "Sospesa",
+  "Swap to a non-executing approval type, with subsequent calls providing the actual call data.": "Sfrutta una approvazione non eseguibile con un richiamo fornendone i dati necessari",
+  "Switch": "Switch",
+  "Targets": "Targets",
+  "Tech. committee": "Comitato Tecnico",
+  "Technical committee": "Comitato tecnico",
+  "Teleport": "Teleport",
+  "Teleport assets": "Teleport Assets",
+  "Test account": "Account di prova",
+  "The ABI for the WASM code. In this step it is optional, but setting it here simplifies the setup of contract instances.": "L'ABI per il codice WASM. In questa fase è opzionale, ma impostarlo qui semplifica la configurazione delle istanze contrattuali.",
+  "The ABI for the WASM code. Since we will be making a call into the code, the ABI is required and stored for future operations such as sending messages.": "L'ABI per il codice WASM. Poiché faremo un richiamo nel codice, l'ABI è richiesto e memorizzato per operazioni future come l'invio di messaggi.",
+  "The ABI for the WASM code. The ABI is required and stored for future operations such as sending messages.": "L'ABI per il codice WASM. L'ABI è richiesto e viene registrato anche per le future applicazioni come quelle di invio messaggi",
+  "The Curator account that will be used to send this transaction. Any applicable fees will be paid by this account.": "L'account del Curatore che sarà usato per inoltrare questa transazione. Ogni eventuale commissione sarà pagata da questo account",
+  "The Curator account that will give up on it's role.": "L'account del Curatore che si dimetterà dal suo ruolo",
+  "The Curator that will be slashed.": "Il Curatore che sarà slashato",
+  "The Curator that will be unassigned": "La figura del Curatore che non sarà assegnata",
+  "The Ethereum address you used during the pre-sale (starting by \"0x\")": "L'indirizzo Ethereum che avete usato durante la prevendita (a partire da \"0x\")",
+  "The Id of this parachain as known on the network (selected from nextFreeId)": "La ID di questa parachain cosi come identificata nel network",
+  "The RPC node can be selected from the pre-defined list or manually entered, depending on the chain you wish to connect to.": "Il nodo RPC può essere selezionato da una lista predefinita o inserito manualmente, a seconda della chain a cui desideri connetterti",
+  "The Threshold must be a positive number": "La soglia deve essere un numero positivo",
+  "The Threshold must lower than 11": "La soglia deve essere inferiore a 11",
+  "The UI puts a limit of 40 payouts at a time, where each payout is a single validator for a single era.": "L'interfaccia utente pone un limite a 40 payouts per volta, dove ogni payout corrisponde alla ricompensa erogata da un singolo validatore per una unica era",
+  "The WASM validation function as well as the genesis state for this parachain.": "",
+  "The WASM validation function for this parachain.": "La funzione di validazione WASM per questa parachain",
+  "The above contribution should more than minimum contribution amount and less than the remaining value.": "Il contributo deve essere maggiore del contributo minimo ma minore del valore rimanente",
+  "The account does not have enough free funds (excluding locked/bonded/reserved) available to cover the transaction fees without dropping the balance below the account existential amount.": "L'account non ha abbastanza fondi liberi disponibili a coprire la commissione di transazione",
+  "The account password as specified when creating the account. This is used to encrypt the backup file and subsequently decrypt it when restoring the account.": "La password utilizzata al momento della creazione dell'account. E' utilizzata per crittare il file di backup e di conseguenza, decrittarlo nel momento del ripristino.",
+  "The account that is to be used for issuing this token.": "L'account utilizzato per emettere questo token",
+  "The account that is to be used for ongoing admin on the token.": "L'account utilizzato per identificare l'amministratore del token",
+  "The account that is to be used for performing freezing.": "L'account utilizzato con permessi di congelamento",
+  "The account that is to be used to create this asset and setup the initial metadata.": "L'account utilizzato per creare l'asset l'iniziale setup dei metadati",
+  "The account that signed the input": "L'account che ha firmato l'input",
+  "The account that will create the transaction.": "L'account che inoltrerà la transazione",
+  "The account that will receive the funds": "L'account che riceverà i fondi",
+  "The account that will sign the transaction.": "L'account che firmerà la transazione",
+  "The account to transfer from. This account should have sufficient assets for this transfer.": "L'account da trasferire. Questo account deve avere un saldo sufficiente per la migrazione",
+  "The account to which the proposed balance will be transferred if approved": "L'account al quale il saldo proposto verrà trasferito dopo l'approvazione",
+  "The account to which the tip will be transferred if approved": "L'account al quale la mancia sarà inviata, se approvata",
+  "The account type (derivation) to use": "Il tipo di account (derivazione) da usare",
+  "The account type that you wish to create. This is the top-level derivation.": "Il tipo di account che desideri creare. Questa è la derivazione di primo livelllo",
+  "The account you want to claim to.": "L'account che si vuole riscattare.",
+  "The account you want to register the preimage from": "L'account al quale vuoi associare la proposta",
+  "The account you want to register the proposal from": "L'account con il quale vuoi registrare la proposta",
+  "The account you will send funds from.": "L'account mittente dei fondi",
+  "The account's password specified at the creation of this account.": "La password dell'account specificata al momento della creazione",
+  "The actual JSONRPC module and function to make a call to.": "Il modulo JSONRPC attuale e la funzione da richiamare",
+  "The actual account you wish to submit the bid with": "L' account dal quale desideri inoltrare l'offerta",
+  "The actual fully constructed signed output. This can be used for submission via other channels.": "L'attuale output firmato. Può essere utilizzato per l'inoltro tramite altri canali",
+  "The actual proposal to make, based on the selected call and parameters thereof.": "L'attuale proposta da formulare, basata sui richiami selezionati e sui parametri definiti",
+  "The address for the deployed contract instance.": "L'indirizzo per l'istanza di contratto implementato.",
+  "The address index (derivation on account) to use": "L'indice dell'indirizzo da usare",
+  "The address index on the account that you wish to add. This is the second-level derivation.": "L'indice dell'indirizzo che intendi aggiungere all'account. Questa è la derivazione di secondo livello",
+  "The address that has previously setup a proxy to one of the accounts that you control.": "L'indirizzo che è stato precedentemente scelto come proxy a uno degli accounts che controlli",
+  "The address that you have a valid proxy setup for.": "L'indirizzo sul quale hai un setup proxy valido.",
+  "The address to vote from (must be a member)": "L' indirizzo da cui votare (deve essere un membro)",
+  "The addresses that are able to approve multisig transactions. You can select up to {{maxHelpers}} trusted addresses.": "Gli indirizzi in grado di approvare una tx multisig. Puoi selezionare fino a {{maxHelpers}} indirizzi di fiducia.",
+  "The addresses that are able to help in recovery. You can select up to {{maxHelpers}} trusted helpers.": "Gli indirizzi che sono in grado di supportare un ripristino. Puoi selezionare fino a {{maxHelpers}} indirizzi di fiducia.",
+  "The allotted endowment for the deployed contract, i.e. the amount transferred to the contract upon instantiation.": "La dotazione del contratto distribuito",
+  "The allotted endowment for this contract, i.e. the amount transferred to the contract upon instantiation.": "La dotazione assegnata per questo contratto, cioè l'importo trasferito al contratto per istanza.",
+  "The allotted value for this contract, i.e. the amount transferred to the contract as part of this call.": "Il valore assegnato per questo contratto, cioè l'importo trasferito al contratto nell'ambito di questo richiamo.",
+  "The amount deposited to the recipient will be net the calculated cross-chain fee.": "L'importo riservato al destinatario sarà al netto delle commmissioni di transazione cross-chain",
+  "The amount is less than the minimum allowed contribution of {{value}}": "L'importo è minore del minimo contributo consentito, che è di {{value}}",
+  "The amount is more than the remaining contribution needed {{value}}": "L'importo è maggiore del contributo restante richiesto, che è di {{value}}",
+  "The amount of funds to unbond, this is adjusted using the bonded funds on the stash account.": "La quantità di fondi da svincolare, questa è tarata utilizzando i fondi vincolati attualmente sullo stash",
+  "The amount of tokens to issue to the account.": "L'importo dei tokens da distribuire all'account",
+  "The amount of tokens to transfer to the account.": "L'importo dei tokens da trasferire all'account",
+  "The amount placed at-stake should allow some free funds for future transactions.": "La quantità collocata/vincolata in staking dovrebbe sempre contemplare una piccola quantità da mantenere svincolata (free), utile per transazioni future",
+  "The amount placed at-stake should be no more that 95% of your available amount to protect against slashing events.": "La quantità collocata in staking dovrebbe essere non superiore al 95% del totale dei tuoi fondi disponibili. per proteggerti da eventuali eventi di slashing",
+  "The amount placed at-stake should not be your full available available amount to allow for transaction fees.": "La quantità allocata in staking non dovrebbe comprendere la totalità dei tuoi fondi, perchè in questo modo non consenti il pagamento della commissione",
+  "The amount reserved to store this image": "I fondi messi a riserva per archiviare questo caricamento del codice",
+  "The amount that is associated with this vote. This value is is locked for the duration of the vote.": "La quantità di token associata al voto. Saranno bloccati per tutta la durata della votazione",
+  "The amount that is reserved": "L'importo che è riservato",
+  "The amount that will be allocated from the treasury pot": "La quantità di token che sarà allocata, prelevata dalla cassa della tesoreria",
+  "The amount that will be used on a per-validator basis to calculate profits for that validator.": "La quantità da allocare sul validator, per calcolare una stima dei profitti generati",
+  "The amount this total can be reduced by to change the referendum outcome. This assumes changes to the convictions of the existing votes, with no additional turnout.": "Il totale  può ridursi cambiando l'esito finale del referendum. A parità di affluenza, è dovuto ai cambiamenti delle leve utilizzate da ogni partecipante.",
+  "The amount this total should be increased by to change the referendum outcome. This assumes additional turnout with new votes at 1x conviction.": "Il totale può incrementare cambiando l'esito finale del referendum. Ciò è dovuto ad una maggiore partecipazione con nuovi voti a moltiplicatore 1x",
+  "The amount to allocate and the conviction that will be applied to all votes made on a referendum.": "La quantità da allocare e il moltiplicatore che sarà applicato a tutti i voti referendari",
+  "The amount to associate with your bid, should be less than the pot.": "La quantità dei token offerti, deve essere minore del POT (Cassa)",
+  "The amount to be raised in this funding campaign.": "L'importo da raccogliere in questo round di finanziamento",
+  "The amount to contribute from this account.": "L'importo da saldare da questo account",
+  "The amount to tie to your bid. The lowest bidder moves forward.": "La quantità dei token offerti. L'offerente più basso acquisisce un vantaggio",
+  "The amount to to bid for this parachain lease period range.": "L'importo da offrire per questo periodo di leasing della parachain",
+  "The amount will be reserved for the duration of your vote": "L'importo sarà riservato per tutta la durata del tuo voto",
+  "The amount you wish to lock for the duration. It needs to be more than the gilt minimum.": "L'importo che desideri bloccare per la durata. E' necessario che sia maggiore del minimo gilt",
+  "The associated deposit for this proposal should be more then the minimum on-chain deposit required. It will be locked until the proposal passes.": "Il deposito associato a questa proposta dovrebbe essere maggiore del deposito richiesto on-chain. Sarà bloccato fino all'approvazione della proposta.",
+  "The auto-selection is done on the current profitability of the validators taking your favorites into account. It is adjusted based on the commission and current range of backing for the validator. The calculation may and will change over time, so it is rather a selection based on the current state of the network, not a predictor of future profitability.": "La auto-selezione è realizzata sulla corrente profittabilità di tutti i validators nominati dal tuo account. E' tarata sulla base della commissione e del range di collaterale di ogni validatore. Il calcolo potrebbe cambiare logica in futuro, pertanto è meglio selezionare basandosi sullo stato corrente del network piuttosto che sulla predicibilità dei profitti",
+  "The balance associated with the vote will be locked as per the conviction specified and will not be available for transfer during this period.": "Il saldo associato al voto sarà bloccato sulla base del moltiplicatore utilizzato, e non disponibile ai trasferimenti durante il periodo indicato.",
+  "The beneficiary will have access to the transferred amount when the transaction is included in a block.": "Il beneficiario avrà accesso ai fondi trasferiti quando la transazione sarà inclusa in un blocco",
+  "The beneficiary will have access to the transferred asset when the transaction is included in a block.": "Il beneficiario avrà accesso all'asset trasferito quando la transazione sarà inclusa in un blocco",
+  "The beneficiary will have access to the transferred fees when the transaction is included in a block.": "Il destinatario vedrà l'accredito della commissione trasferita dopo che la transazione sarà inclusa in un blocco",
+  "The beneficiary will receive the full amount if the proposal passes.": "Il destinatario riceverà l'ammontare specificato in caso di approvazione della proposta",
+  "The beneficiary will received the tip as approved by council members.": "Il beneficiario riceverà la mancia nel caso venga approvata dai membri del consiglio",
+  "The bid should be more than the current range winner to be accepted and influence the auction outcome.": "L'offerta deve essere migliore dell'offerta migliore corrente per influenzare l'esito dell'asta",
+  "The blake2b 256-bit hash of the actual input data.": "Il blake2b 256-bit hash dell'attuale data input",
+  "The bond that is reserved": "Il collaterale messo a garanzia",
+  "The bond will be reserved for the duration of your candidacy and membership.": "Il collaterale sarà messo a garanzia per tutta la durata della tua candidatura e membership",
+  "The bonded amount is less than the current active minimum nominated amount of {{minNomination}} and depending on the network state, may not be selected to participate": "",
+  "The bonded amount is less than the minimum bond amount of {{existentialDeposit}}": "La quantità vincolata è minore della quantità vincolata minima di {{existentialDeposit}}",
+  "The bonded amount is less than the minimum threshold of {{minBond}} for nominators": "L'importo vincolato è minore del minimo richiesto di {{minBond}} per ogni nominatore",
+  "The bonded amount is less than the minimum threshold of {{minBond}} for validators": "L'importo vincolato è minore del minimo richiesto di {{minBond}} per ogni validatore",
+  "The bonding duration for any staked funds. After this period needs to be withdrawn.": "La durata del vincolo per i fondi in staking. Dopo questo periodo, devono essere prelevati.",
+  "The bonding duration for any staked funds. Needs to be unlocked and withdrawn to become available.": "La durata del vincolo richiesto per i fondi in staking. Per renderli di nuovo trasferibili, possono essere svincolati e prelevati al termine di tale periodo",
+  "The calculated storage costs based on the size and the per-bytes fee.": "Il costo dello spazio basato sulla dimensione e sulla commissione per byte.",
+  "The call data for this transaction matching the hash. Once sent, the multisig will be executed against this.": "I dati chiamati da questa transazione che corrispondono all'hash. Una volta inviati, il multisig sarà eseguito contro esso.",
+  "The call data that can be supplied to a final call to multi approvals": "I dati richiamati che possono essere forniti ad una ultima chiamata utile per una approvazione multipla",
+  "The call hash as calculated for this transaction": "L'hash call calcolato per questa transazione",
+  "The call hash from the list of available and unapproved calls.": "La chiamata hash dalla lista disponibile di chiamate non inoltrate",
+  "The call hashes that have not been executed as of yet.": "Le chiamate degli hash che non sono ancora stati eseguiti",
+  "The code hash for the on-chain deployed code.": "Il codice hash per il codice implementato on-chain.",
+  "The code is not recognized as being in valid WASM format": "Il codice non è riconosciuto come formato WASM valido",
+  "The codeHash is not a valid hex hash": "Il codeHash non è un hash hex valido",
+  "The color used to distinguish this network with others, use color code with 3 or 6 digits, like \"#FFF\" or \"#111111\"": "Il colore usato per distinguere questo network dagli altri, usa codici a 3 o 6 cifre/lettere come \"#FFF\" o \"#11111\"",
+  "The commission is deducted from all rewards before the remainder is split with nominators.": "La commissione viene dedotta da tutte le ricompense prima che il resto sia diviso tra i nominators.",
+  "The committee account that will apply the close for the current round.": "L'account del comitato che deciderà la chiusura di questa sessione corrente",
+  "The compiled WASM for the contract that you wish to deploy. Each unique code blob will be attached with a code hash that can be used to create new instances.": "Il WASM compilato per il contratto che si desidera implementare. Ad ogni porzione di codice unico verrà allegato un nuovo hash code che può essere utilizzato per creare nuove istanze.",
+  "The compiled runtime WASM for the parachain you wish to register.": "La runtime WASM compilata per la parachain che desideri registrare",
+  "The compiled runtime WASM for this parachain.": "La runtime WASM compilata di questa parachain",
+  "The contract WASM previously deployed. Internally this is identified by the hash of the code, as either created or attached.": "Il contratto WASM precedentemente implementato. Internamente è identificato dall'hash del codice, come generato o allegato.",
+  "The controller does not have sufficient funds available to cover transaction fees. Ensure that a funded controller is used.": "Il controller non ha fondi sufficienti per coprire le commissioni di transazione. Assicurati di avere un controller adeguatamente finanziato.",
+  "The controller is the account that is be used to control any nominating or validating actions. I will sign this transaction.": "Il controller è l'account che è utilizzato per controllare ogni azione di nomina o di validazione. Firmerò questa transazione.",
+  "The controller is the account that will be used to control any nominating or validating actions. Should not match another stash or controller.": "Il controller è l'account che è utilizzato per controllare ogni azione di nomina o di validazione. Non deve corrispondere con un altro stash o un ulteriore controller.",
+  "The conviction that will be used for each delegated vote.": "Il moltiplicatore usato per ogni voto delegato",
+  "The conviction to use for this vote, with an appropriate lock period.": "Il moltiplicatore da utilizzare per questo voto, con relativo periodo di blocco dei fondi.",
+  "The council account for the proposal. The selection is filtered by the current members.": "L' account del consiglio per la proposta. La selezione è filtrata sulla base dei membri attuali",
+  "The council account for this vote. The selection is filtered by the current members.": "L' account del consiglio per questo voto. La selezione è filtrata sulla base dei membri attuali",
+  "The council account that will apply the close for the current round.": "L'account del consiglio che finalizza la chiusura della sessione corrente.",
+  "The council member that is proposing this, submission equates to an \"aye\" vote.": "Il membro del consiglio proponente, automaticamente attribuisce un voto \"si\" alla proposta",
+  "The council member that will create a motion, submission equates to an \"aye\" vote for chosen option.": "Il membro del consiglio che implementerà una mozione, una richiesta equivale ad un voto favorevole alla mozione stessa",
+  "The council member that will create the close bounty proposal, submission equates to an \"aye\" vote.": "Il membro del consiglio che implementerà una richiesta di chiusura del bounty, una richiesta equivale ad un voto favorevole",
+  "The council member that will create the motion, submission equates to an \"aye\" vote.": "Il membro del consiglio che implementerà una mozione, una richiesta equivale ad un voto favorevole",
+  "The council member that will create the motion.": "Il membro del consiglio che implementerà una mozione",
+  "The council proposal to make the vote on": "La proposta del consiglio oggetto di votazione",
+  "The creator for this multisig call": "Il creatore di questa call multisig",
+  "The current approvals applied to this multisig": "Le approvazioni in corso per questo multisig",
+  "The data that was signed. This is used in combination with the signature for the verification. It can either be hex or a string.": "I dati che sono stati firmati. Questi vengono usati in combinazione con la firma per la convalida. Può essere sia un hex che una stringa",
+  "The delay between vouching and the availability of the recovered account.": "Il tempo necessario tra la richiesta di aiuto e il momento in cui l'account è da considerarsi recuperato",
+  "The delay period to apply in blocks": "Il periodo di latenza da applicare in blocchi",
+  "The deployment constructor information for this contract, as provided by the ABI.": "Le informazioni di implementazione di questo contratto, come fornito dall'ABI.",
+  "The deposit is below the {{minimum}} minimum required for the proposal to be evaluated": "Il saldo è minore di {{minimum}} richiesto per rendere la proposta valida",
+  "The deposit of {{deposit}} will be reserved until the proposal is completed": "Un saldo di {{deposit}} sarà vincolato fino al completamento dell'iter della proposta.",
+  "The deposit will be locked for the lifetime of the proposal.": "Il deposito sarà vincolato per tutto il tempo necessario relativo alla proposta",
+  "The derivation path allows you to create different accounts from the same base mnemonic.": "La path di derivazione ti consente di creare account differenti provenienti dalla medesima frase mnemonica (seed)",
+  "The derivation path is only relevant when deriving keys from a mnemonic.": "La path di derivazione è rilevante solo quando si estraggono le chiavi dal seed mnemonic",
+  "The derivation will be constructed from the values you specify.": "La derivazione sarà costruita dai valori che specifichi",
+  "The description of this bounty": "La descrizione per questo bounty",
+  "The descriptive name for this asset.": "Il nome descrittivo di questo asset",
+  "The desired threshold. Here set to a default of 50%+1, as applicable for general proposals.": "La soglia desiderata. Di base è configurata a 50%+1, utilizzabile per le proposte generiche.",
+  "The destination account for any payments as either a nominator or validator": "L'account di destinazione per ogni payout, sia per nominator che per validator",
+  "The destination chain for this asset teleport. The transferred value will appear on this chain.": "La chain di destinazione per il teleport di questo asset. Il valore trasferito apparirà su questa chain",
+  "The details of the transaction including the type, the description (as available from the chain metadata) as well as any parameters and fee estimations (as available) for the specific type of call.": "I dettagli della transazione incluso il tipo, la descrizione (fornita dai metadati on-chain) ed altri parametri disponibili.",
+  "The elected validator list that did not get selected by the Phragmen algorithm for this era. However they may be selected in the future.": "Lista dei validatori nominati ma non selezionati dall'algoritmo Phragmen per l'era corrente . Tuttavia, tali validators potrebbero essere selezionati in futuro.",
+  "The email address associated with this identity.": "L'email associata a questa identità",
+  "The end block for contributions to this fund.": "Il blocco finale per contribuire a questo finanziamento",
+  "The ending lease period should be after the first and a maximum of {{maxPeriods}} periods more than the first": "Il periodo di noleggio deve essere successivo al primo e limitato a {{maxPeriods}} periodi",
+  "The existing account password as specified when this account was created or when it was last changed.": "La password dell'account esistente specificata quando è stato creato o quando è stato modificato.",
+  "The extended expiry date does not depend on the current expiry date.": "La scadenza del periodo di estensione non dipende dalla data di scadenza attuale",
+  "The external proposal to send to the technical committee": "La proposta esterna da inoltrare al comitato tecnico",
+  "The final recipient balance is less or equal to {{existentialDeposit}} (the existential amount) and will not be reflected": "Il saldo finale del destinatario è minore o uguale a {{existentialDeposit}} (il saldo attuale) e non sarà coinvolto.",
+  "The first and last lease period for this bid. The last lease period should be after the first with the maximum determined by the auction config.": "",
+  "The first and last lease periods for this funding campaign.": "Il primo e l'ultimo periodo di noleggio per questo round di finanziamento",
+  "The full account balance to be transferred, minus the transaction fees": "Il saldo da trasferire, dedotte le commissioni di transazione",
+  "The full call data that can be supplied to a final call to multi approvals": "",
+  "The funds will only be available for withdrawal after the unbonding period, however will not be part of the staked amount after the next validator election. You can follow the unlock countdown in the UI.": "I fondi saranno disponibili solo dopo il periodo di svincolo, tuttavia non concorreranno allo staking. Puoi controllare il tempo che rimane per lo svincolo direttamente dall'interfaccia utente.",
+  "The genesis state for the parachain.": "Lo stato di genesi della parachain",
+  "The genesis state for this parachain.": "Lo stato di generi di questa parachain",
+  "The hash for the proposal this vote applies to": "L'hash della proposta al quale questo voto si lega",
+  "The hash of the preimage for the proposal as previously submitted or intended.": "L'hash della proposta generata dalla proposta cosi come precedentemente designata o formulata.",
+  "The hash of the proposal image, either already submitted or valid for the specific call.": "L' hash della proposta, inoltrata o già valida per questo specifico richiamo",
+  "The hash of the selected proposal, use it for submitting the proposal": "L'hash della proposta selezionata, usalo per inoltrare la stessa proposta",
+  "The helpers should be able to verify, via an off-chain mechanism, that the account owner indeed wishes to recover access and as such provide any approvals. In the cases of malicious recovery procedures, they will have the power to stop it.": "I garanti dovrebbero essere in grado di verificare mediante un meccanismo off-chain che il proprietario dell'account desidera riprenderne il possesso, e dovrebbero provvedere alla approvazione. In caso di una procedura sospetta o fraudolenta hanno la possibilità di arrestare il processo di recupero.",
+  "The hex output from author_rotateKeys, as executed on the validator node. The keys will show as pending until applied at the start of a new session.": "L'output in hex da author_rotateKeys, cosi come eseguito dal nodo validator. Le chiavi saranno visibili in coda fino a che non saranno utilizzate all'inizio di una nuova sessione.",
+  "The hex-encoded verifier signature should be provided to you by the team running the crowdloan (based on the information you provide).": "",
+  "The id number to assign to this parachain.": "L'ID da assegnare a questa parachain",
+  "The id of the parachain to be deregistered.": "L'ID della parachain da cancellare dal registro",
+  "The id of this parachain as known on the network": "L'id di questa parachain con la quale verrà identificata sul network",
+  "The image (proposal) will be stored on-chain against the hash of the contents.": "L'immagine (proposta) sarà archiviata on-chain in contrapposizione all'hash dei contenuti",
+  "The initial head state for the parachain.": "Lo stato iniziale della parachain",
+  "The initial head state is invalid.": "Lo stato iniziale è invalido",
+  "The input data to hash. This can be either specified as a hex value (0x-prefix) or as a string.": "I dati input da associare all'hash. Può essere specificato sia come valore hex che come stringa",
+  "The input data to sign. This can be either specified as a hex value (0x-prefix) or as a string.": "I dati da firmare. Possono essere sia valori hex che di stringa",
+  "The key type and crypto type to use for this key. Be aware that different keys have different crypto requirements. You should be familiar with the type requirements for the different keys.": "Il tipo di chiave e crittografia usata per la chiave stessa. Prendi nota che chiavi diverse hanno caratteristiche crittografiche diverse. Dovresti essere pratico e familiare con le caratteristiche di ogni tipo di chiave",
+  "The legal name for this identity.": "Il nome legale per questa identità",
+  "The local name for this account. Changing this does not affect your on-line identity, so this is only used to indicate the name of the account locally.": "Il nome di questo account. Cambiarlo non impatta sulla sua identità on-chain, ed è pertanto valido solo in locale",
+  "The locked value for this proposal": "Il valore bloccato per questa proposta",
+  "The maximum amount of gas that can be used by this call. If the code requires more, the call will fail.": "La quantità massima di gas che può essere utilizzata per questo richiamo. Se il codice ne richiede di più, il richiamo fallisce.",
+  "The maximum amount of gas that can be used by this deployment, if the code requires more, the deployment will fail.": "La quantità massima di gas che può essere utilizzato per questa implementazione, se il codice ne richiede di più, l'implementazione fallirà.",
+  "The maximum amount of gas to use for this contract call. If the call requires more, it will fail.": "La quantità massima di gas da utilizzare per questo richiamo di contratto. Se il richiamo ne richiede di più, non funzionerà.",
+  "The maximum amount you can delegate is the amount of funds available on the delegating account.": "La massima quantità che puoi delegare è pari al totale dei fondi disponibili sull'account delegante.",
+  "The message to send to this contract. Parameters are adjusted based on the ABI provided.": "Il messaggio da inviare a questo contratto. I parametri sono regolati in base all'ABI fornito.",
+  "The minimum amount that an account should have to be deemed active": "Il saldo minimo da possedere sull'indirizzo per mantenere un account attivo",
+  "The minimum amount that is allowed as a bid": "L'importo minimo limite per un offerta",
+  "The minimum amount that will be bonded": "La minima quantità di token che sarà vincolata",
+  "The minimum balance allowed for the asset.": "Il minimo saldo richiesto per l'asset",
+  "The minimum balance for the asset. This is specified in the units and decimals as requested.": "Il minimo saldo per questo asset. E' specificato in unità e decimali come richiesto",
+  "The minimum deposit required": "Il minimo deposito richiesto",
+  "The minimum number of committee votes required to approve this motion": "Il minimo numero di voti dei membri del comitato necessaria per approvare la mozione",
+  "The minimum number of council votes required to approve this motion": "Il numero minimo di voti del consiglio richiesti per approvare questa mozione",
+  "The multisig signatory for this transaction.": "La firma multisig di questa transazione",
+  "The name for this account and how it will appear under your addresses. With an on-chain identity, it can be made available to others.": "Il nome del tuo account e come esso appare nella tua lista indirizzi. Se registri una identità on-chain, esso può essere visibile anche agli altri.",
+  "The name for this account as it will appear under your accounts.": "Il nome di questo account cosi come verrà visualizzato sotto i tuoi accounts",
+  "The name for this parachain, the id and the allocated/requested balance.": "Il nome di questa parachain, l'ID e i saldi richiesti e allocati",
+  "The name is for unique identification of the account in your owner lists.": "Il nome serve a identificare univocamente un account della tua lista",
+  "The name that will be displayed in your accounts list.": "Il nome visualizzato nella tua lista di accounts",
+  "The network from which this account was originally generated is different than the network you are currently connected to. Once imported ensure you toggle the \"allow on any network\" option for the account to keep it visible on the current network.": "Questo account è stato creato su un altra rete rispetto a quella a cui sei adesso connesso. Una volta importato, assicurati di attivare l'opzione \"consenti su ogni rete\" per mantenerlo visibile",
+  "The network to derive on": "",
+  "The new account password. Once set, all future account unlocks will be performed with this new password.": "La nuova password dell'account. Una volta scelta, tutti i futuri ripristini necessiteranno di questa password.",
+  "The note linked to the extension call, explaining the reason behind it.": "L'annotazione collegata alla call di estensione, descrittiva della motivazione",
+  "The note that will be added to the transaction. It won't be stored on chain": "L'annotazione che sarà aggiunta alla transazione. Non sarà registrata on-chain",
+  "The number of decimals for this token. Max allowed via the UI is set to 20.": "Il numero di decimali per questo token. Massimo consentito via interfaccia grafica è settato a 20",
+  "The number of periods this bid is to be freezed for, less than the maximum period": "Il numero di periodi per i quali l'offerta sarà congelata, minore del periodo massimo",
+  "The on-chain percentage for the treasury": "La percentuale on-chain della tesoreria",
+  "The operation type to apply. For approvals both non-final and final approvals are supported.": "Il tipo di operazione da eseguire. Per le approvazioni, sono supportate sia quelle intermedie che quelle finali.",
+  "The parachain id is associated with the selected account via parathread registration.": "L'ID della parachain è associata con l'account selezionato attraverso la registrazione della parathread",
+  "The password and password confirmation for this account. This is required to authenticate any transactions made and to encrypt the keypair.": "La password e la conferma (ripetizione) della password di questo account. E' richiesta per autenticare ogni transazione, e per decrittare la coppia di chiavi pubblica-privata.",
+  "The password previously used to encrypt this account.": "La password precedentemente utilizzata per decrittare questo account",
+  "The password to unlock the selected account.": "La password per sbloccare l'account selezionato",
+  "The percentage reward (0-100) that should be applied for the validator": "La percentuale di ricompensa applicata dal validatore (0-100)",
+  "The preimage hash of the proposal": "L' hash della proposta associata alla proposta",
+  "The private key for your account is derived from this seed. This seed must be kept secret as anyone in its possession has access to the funds of this account. If you validate, use the seed of the session account as the \"--key\" parameter of your node.": "La chiave privata del tuo account è generata da questo seed. Esso deve essere mantenuto segreto, in quanto chiunque ne entri in possesso ha accesso ai fondi dell'account. Se hai un nodo validatore, usa il seed dell'account della sessione come parametro \"--key\" del tuo nodo.",
+  "The proposal is in the queue for future referendums. One proposal from this list will move forward to voting.": "Oggetto della proposta messa ai voti.",
+  "The proposal that is being voted on. It will pass when the threshold is reached.": "La proposta oggetto di voto. Verrà approvata se sarà superata la soglia.",
+  "The proposal that will be affected. Once closed for the current voting round, it would need to be re-submitted for a subsequent voting round.": "La proposta che sarà coinvolta. Una volta chiusa per la finestra di voto corrente, sarà necessaria reinoltrarla per la prossima sessione di voto.",
+  "The proposal that will be affected. Once closed for the current voting round, it would need to be re-submitted to council for a subsequent voting round.": "La proposta che sarà interessata. Una volta chiuso il voto della presente sessione, sarà necessario re-inoltrarla al consiglio per una nuova sessione di voto",
+  "The proposal will be registered from this account and the balance lock will be applied here.": "La proposta sarà inoltrata e associata a questo account e da qui saranno visibili i fondi necessari da vincolare",
+  "The proxy is one of the allowed proxies on the account, as set and filtered by the transaction type.": "Il proxy è uno di quelli consentiti sull'account, ed è configurato e filtrato sulla base del tipo di transazione",
+  "The proxy to be used for this transaction.": "Il proxy usato per questa transazione",
+  "The reason why this tip should be paid.": "La motivazione per la quale ritieni questa mancia debba essere pagata",
+  "The recipient account for this minting operation.": "L'account di destiazione per questa operazione di minting",
+  "The recipient is associated with a known phishing site on {{url}}": "Il destinatario è associato ad un possibile sito di phishing su {{url}}",
+  "The recoverable account is protected against the loss of seed/access by a social process.": "Un account recuperabile, è più protetto in caso di smarrimento di seed o attacchi di ingegneria sociale.",
+  "The reservation fee for this Id": "La commissione da riservare per ottenere questo ID",
+  "The reservation fee for this parachain, including base fee and per-byte fees": "La commissione da riservare per questa parachain, inclusa la commissione base e la commissione per byte (variabile)",
+  "The resulting signature of the input data, as done with the crypto algorithm from the account. (This could be non-deterministic for some types such as sr25519).": "La firma generata sui dati di input, finalizzata con l'algoritmo di crittografia dell'account (potrebbe essere non deterministico come il formato sr25519)",
+  "The scheduling preference for this parachain.": "La pianificazione preferita per questa parachain",
+  "The scheduling setting for this parachain.": "La pianificazione configurata per questa parachain",
+  "The secret seed value for this account. Ensure that you keep this in a safe place, with access to the seed you can re-create the account.": "Il seed segreto di questo account. Assicurati di custodirlo in luogo sicuro, ma accessibile nel caso tu voglia recuperarlo.",
+  "The seed and derivation path will be submitted to the validator node. this is an advanced operation, only to be performed when you are sure of the security and connection risks.": "Il seed e la path di derivazione sarà inoltrata al nodo validatore. Questa è una operazione per esperti, eseguita solo se sei sicuro dei rischi di sicurezza che percorri.",
+  "The selected account to be unlocked.": "L'account da sbloccare",
+  "The selected account to perform the derivation on.": "L'account selezionato sul quale generare la derivazione",
+  "The selected controller tied to this stash. Once set, this account will be able to control the actions performed by the stash account.": "Il controller selezionato legato a questo stash. Una volta configurato, l'account sarà in grado di controllare le azioni eseguite per conto dello stash.",
+  "The selected destination account does not exist and cannot be used to receive rewards": "La destinazione selezionata non esiste e non può essere usata per ricevere ricompense",
+  "The selected id for the asset. This should not match an already-existing asset id.": "L'ID selezionato per questo asset. Non deve corrispondere ad un altro ID esistente",
+  "The selected validators to nominate, either via the \"currently best algorithm\" or via a manual selection.": "I validatori da nominare, selezionati o dall'algoritmo o via selezione manuale",
+  "The sending account that will be used to send this transaction. Any applicable fees will be paid by this account.": "L' account mittente che sarà usato per la transazione. Le commissioni saranno dedotte da questo account.",
+  "The signatories has the ability to create transactions using the multisig and approve transactions sent by others.Once the threshold is reached with approvals, the multisig transaction is enacted on-chain.": "Il multisig da la possibilità di approvare transazioni eseguite da altri. Una volta che la soglia minima del numero di approvazioni è raggiunta, la transazione multisig è trasmessa alla rete on-chain",
+  "The signatory is one of the allowed accounts on the multisig, making a recorded approval for the transaction.": "Il firmatario ha un account valido sul multisig, e può approvare la transazione",
+  "The signatory is one of the allowed accounts on the multisig. The transaction could either be the call or an approval for the hash of a call.": "Il firmatario ha un account valido sul multisig. La transazione può essere sia una chiamata che una approvazione correlata all'hash di una chiamata.",
+  "The signatory to send the approval/cancel from": "La firma da inviare per l'approvazione o la cancellazione",
+  "The signature as by the account being checked, supplied as a hex-formatted string.": "La firma dopo il check dell'account, fornito come stringa formattata in hex",
+  "The specific eras on which there are unapplied slashes. For each era a separate proposal is to be made.": "Le ere con slashes non puniti. Per ognuna è necessario formulare una proposta separata",
+  "The specified value is greater than the recommended amount. You may not be adequately protected against slashing events or have funds for future fees.": "Il valore specificato è maggiore del valore suggerito. Potresti non essere adeguatamente protetto in caso di slashes o non avere abbastanza fondi per successive commissioni",
+  "The specified value is greater than your free balance. The node will bond the maximum amount available.": "Il valore specificato è maggiore del saldo trasferibile. Il nodo vincolerà la quantità massima disponibile.",
+  "The specified value is too large and does not allow funds to pay future transaction fees.": "Il valore specificato è troppo grande e non ti permette di pagare successivi costi di commissione",
+  "The stash account that is used. This will allow the controller to perform all non-funds related operations on behalf of the account.": "Lo stash account utilizzato. Questo consente al controller di eseguire tutte le operazioni non correlate all'utilizzo dei fondi per conto dello stash stesso.",
+  "The stash and controller pair as linked. This operation will be performed via the controller.": "Lo stash e il controller sono collegati. Questa operazione sarà eseguita via controller.",
+  "The stash and controller pair, here the controller will be used to send the transaction.": "La coppia stash - controller, il controller sarà utilizzato per finalizzare la transazione",
+  "The stash and controller pair. This transaction, managing preferences, will be sent from the controller.": "La coppia stash - controller. Questa transazione, se vuoi, può essere eseguita dal controller.",
+  "The stash and controller pair. This transaction, setting the session keys, will be sent from the controller.": "La coppia stash - controller. Questa transazione, configurando le chiavi di sessione, può essere inviata dal controller",
+  "The stash that is to be affected. The transaction will be sent from the associated controller account.": "Lo stash che sarà coinvolto. La transazione sarà inviata dal controller associato",
+  "The suggested value for this tip": "Il valore suggerito per questa mancia",
+  "The symbol that will represent this asset.": "Il simbolo che rappresenta questo asset",
+  "The threshold for approval should be less or equal to the number of signatories for this multisig.": "La soglia per l'approvazione deve essere minore o uguale al numero totale dei firmatari del multisig",
+  "The threshold for approvals and the delay is the protection associated with the account. The delay should be such that any colluding recovery attempts does have a window to stop.": "La soglia per gli approvals e la latenza è la protezione associata all'account.",
+  "The threshold for this multisig": "La soglia di questo multisig",
+  "The threshold of vouches that is to be reached for the account to be recovered.": "La soglia di numero di garanti che deve essere raggiunta affinchè l'account possa essere recuperato",
+  "The tip amount that should be allocated": "Il valore della mancia che dovrebbe essere allocato",
+  "The total amount of the stash balance that will be at stake in any forthcoming rounds (should be less than the free amount available)": "Il totale del saldo dello stash che sarà in staking nelle sessioni successive (dovrebbe essere minore rispetto al saldo libero disponibile)",
+  "The total amount of the stash balance that will be at stake in any forthcoming rounds (should be less than the total amount available)": "Il totale del saldo dello stash che sarà in staking nelle sessioni successive (dovrebbe essere minore rispetto al saldo libero disponibile)",
+  "The total payment amount of this bounty, curator's fee included.": "Il pagamento totale di questo bounty, incluse commissioni del curatore",
+  "The transaction, after application of the transfer fees, will drop the available balance below the existential deposit. As such the transfer will fail. The account needs more free funds to cover the transaction fees.": "La transazione, dopo l'applicazione delle commissioni di trasferimento, ridurrà il saldo disponibile sotto il deposito esistenziale minimo. Pertanto questo trasferimento fallirà. L'account necessita di più fondi per coprire la transazione",
+  "The transferred balance will be subtracted (along with fees) from the sender account.": "Il saldo trasferito sarà sottratto (con le commissioni) dall'account del mittente.",
+  "The twitter name for this identity.": "L'account Twitter di questa identità",
+  "The type of council proposal to submit.": "Il tipo di proposta da inoltrare",
+  "The unapplied slashed era to cancel.": "L'era con slashes non puniti da cancellare",
+  "The unchecked weight as specified for the sudoUncheckedWeight call.": "Il peso non verificato come specificato nella chiamata di sudoUncheckedWeight",
+  "The validator can block any new nominations. By default it is set to allow all nominations.": "Il validatore può bloccare le nuove nomine. Di base è configurato per accettare ogni nomina",
+  "The validators for this parachain. At least one is required and where multiple is supplied, they need to be unique.": "I validatori di questa parachain. Ne è necessario almeno uno, e laddove ne esistano più di uno, essi devono essere unici",
+  "The validators selected by the Phragmen algorithm to nominate for this era.": "Il validator selezionato dall'algoritmo Phragmen per il tuo stake sull'era corrente",
+  "The validators that are not in the validator set because they need more nominations or because they have willingly stopped validating. Any nominations made before the next election will also appear here.": "I validatori che hai nominato ma fuori dal set perchè in attesa di ulteriori nomine da altri stakers, o perchè hanno arrestato I loro nodi. Se aggiungerai una nuova nomina, essa apparirà qui fino a quando il validatore non rientra nel set",
+  "The validators that are over-subscribed, only the top 64 backing stake will be rewarded.": "I validators iper-nominati; solo I primi 64 nominators con più fondi messi in stake concorreranno alla ricezione della ricompensa.",
+  "The validators that got slashed and for which your nomination got auto-chilled. Re-nominating these will make them available to the Phragmen algorithm.": "I validators che hanno slashato e sui quali la tua nomina è stata sospesa. Rinominare questi validatori li renderà nuovamente disponibili alla selezione per l'algoritmo Phragmen",
+  "The value associated with this vote. The amount will be locked (not available for transfer) and used in all subsequent elections.": "Il valore associato a questo voto. L' ammontare verrà bloccato (non disponibile per trasferimenti) ed usato in tutte le sessioni di voto/elezioni successive.",
+  "The value is not in a valid address format": "Formato dell'indirizzo non valido",
+  "The value is the amount that is being asked for and that will be allocated to the beneficiary if the proposal is approved.": "E' il valore richiesto e riallocato al beneficiario in caso la proposta venga approvata",
+  "The verifier signature that is to be associated with this contribution.": "",
+  "The vote to record for this proposal, either for or against.": "Il voto da raggiungere per questa proposta, a favore o contro.",
+  "The vote will be recorded for the selected account.": "Il voto sarà associato all'account selezionato",
+  "The vote will be recorded for this account. If another account delegated to this one, the delegated votes will also be counted.": "Il voto sarà registrato da questo account. Se è stato oggetto di delega, anche i voti dei deleganti saranno calcolati e considerati",
+  "The votes for the members, runner-ups and candidates. These should be ordered based on your priority.": "I voti per i membri, finalisti e candidati. Sceglili sulla base delle tue preferenze.",
+  "The voting period to apply in blocks": "La finestra di voto in blocchi",
+  "There an no unapplied/pending slashes": "Nessuno slash non punito in coda",
+  "There are no available parathreads": "Non ci sono parathreads disponibli",
+  "There are no pending proposals": "Nessuna proposta in coda",
+  "There are no registered parachains": "Nessuna parachain registrata",
+  "There are no unapplied/pending slashes": "Nessuno slash non punito in coda",
+  "There is an existing reference count on the sender account. As such the account cannot be reaped from the state.": "",
+  "There is currently an ongoing election for new validator candidates. As such staking operations are not permitted.": "C'è una elezione per nuovi candidati validatori in corso. Pertanto le operazioni di staking non sono concesse.",
+  "These are trusted individuals that can verify and approve any recovery actions. With recovery, once the threshold is reached, the funds associated with the account can be moved to a new destination.": "Questi sono individui di fiducia che possono verificare e approvare ogni attività. Con il ripristino dell'account, dopo il raggiungimento della soglia, i fondi associati possono essere ritrasferiti a nuovo indirizzo.",
+  "These validators are active but only the top {{max}} nominators by backing stake will be receiving rewards. The nominating stash is not one of those to be rewarded in the current era.": "Questi validatori sono attivi ma solo i primi {{max}} nominatori riceveranno ricompense. Il nominator non riceverà ricompensa nell'era corrente",
+  "Think of the stash as your cold wallet and the controller as your hot wallet. Funding operations are controlled by the stash, any other non-funding actions by the controller itself.": "Considera lo stash come una sorta di cold wallet e il controller come l'hot wallet. Le operazioni dirette sui fondi sono controllate dallo stash, mentre il controller eseguirà tutte le altre operazioni per conto dello stash.",
+  "This Ethereum address does not have a claim.": "Questo indirizzo di Ethereum non ha diritto ad alcun riscatto di DOT.",
+  "This account has a governance delegation": "Questo account ha una delega di governance",
+  "This account has {{proxyNumber}} proxy set.": "Questo account ha {{proxyNumber}}  proxies.",
+  "This account is available on all networks. It is recommended to link to a specific network via the account options (\"only this network\" option) to limit availability. For accounts from an extension, set the network on the extension.": "Questo account è valido su ogni network. E' raccomandato usare ogni account solo ed esclusivamente su una chain",
+  "This account is recoverable, with the following friends:": "Questo account è recuperabile, con il supporto dei seguenti garanti:",
+  "This account that has been used to register the parachain. This will pay all associated fees.": "Questo account è stato utilizzato per registrare una parachain. Quindi sarà addebitato per ogni commissione associata alla parachain",
+  "This account that will perform the message signing.": "Questo account eseguirà la firma sul messaggio",
+  "This account will accept the curator role.": "Questo account accetterà il ruolo di Curatore",
+  "This account will appear in the list of candidates. With enough votes in an election, it will become either a runner-up or a council member.": "L'account che apparirà nella lista dei candidati all'elezione. Se otterrà abbastanza voti, sarà finalista o eletto membro del consiglio",
+  "This account will be associated with the parachain and pay the deposit.": "Questo account sarà associtato alla parachain e pagherà il deposito iniziale",
+  "This account will be use to approve each candidate.": "Questo account verrà usato per la scelta dei candidati",
+  "This account will be used to create an extend bounty expire transaction.": "Questo account sarà usato per creare ed estendere la transazione del bounty",
+  "This account will be used to create the unassign curator transaction.": "Questo account sarà usato per determinare la riassegnazione del Curatore",
+  "This account will be used to send the transaction.": "Questo account sarà usato per inviare la transazione",
+  "This account will be used to the Id reservation and for the future parathread.": "Questo account sarà usato per riservare l'ID e per la futura parathread",
+  "This account will contribute to the crowdloan.": "Questo account contribuirà alla crowdloan",
+  "This account will make the bid for the gilt and pay all associated fees.": "Questo account farà un offerta per il gilt e pagherà le commissioni relative",
+  "This account will make the proposal and be responsible for the bond.": "L'account che formulerà la proposta e che dovrà vincolare I fondi",
+  "This account will pay the fees for the preimage, based on the size thereof.": "Questo account pagherà le commissioni di inoltro della proposta, sulla base delle sue dimensioni",
+  "This account will propose the bounty. Bond amount will be reserved on its balance.": "Questo account proporrà il bounty. L'importo sarà vincolato sul suo saldo",
+  "This action will Slash the Curator.": "",
+  "This action will create a Council motion to slash the Curator.": "Questa azione determinerà la creazione di una mozione per slashare il Curatore",
+  "This action will create a Council motion to unassign the Curator.": "Questa azione determinerà una mozione per rimuovere l'assegnazione del Curatore",
+  "This amount will be reserved from origin account and returned on approval or slashed upon rejection.": "Questo importo sarà riservato dall'account originale e restituito su approvazione o slashato per rifiuto",
+  "This amount will be reserved from your account and returned after bounty claim is confirmed or if you give up, unless you are slashed earlier.": "Questo importo sarà riservato sul tuo account e restituito in caso di riscatto del bounty o in caso di ritiro, se non sei stato soggetto a slash precedenti",
+  "This amount will be sent to your account after bounty is rewarded and you claim curator's fee.": "Questo importo sarà inviato al tuo account dopo che il bounty sarà assegnato e tu richiederai la tua commissione da Curatore",
+  "This bounty has received approval and is currently being implemented.": "Questo bounty ha ricevuto una approvazione e sarà implementato",
+  "This bounty is funded.": "",
+  "This bounty was approved by the council. When the next spend period starts, it will be funded.": "",
+  "This bounty was completed and the beneficiary was rewarded by the curator. Claiming the payout will be possible after the delay period is over.": "Questo bounty è stato assegnato e il beneficiario è stato ricompensato dal Curatore. Riscattare il payout sarà possibile dopo la fine del periodo di latenza",
+  "This chain does not yet support atomic batch operations. This means that if the transaction gets executed and one of the operations do fail (due to invalid data or lack of available funds) some of the changes made may not be applied.": "Questa chain non supporta ancora le operazioni di atomic batch. Questo significa che se la transazione viene eseguita e una operazione fallisce (a causa di dati invalidi o saldi insufficienti), alcuni cambiamenti potrebbero non essere applicati",
+  "This contracts interface only supports Substrate 2.0 with contracts using Ink! 3.0 or solang with latest metadata generation.": "Questa interfaccia supporta solo Substrate 2.0 con contratti scritti usando Ink! 3.0 o Solang con gli ultimi metadata",
+  "This contracts interface only supports Substrate 2.0 with contracts using Ink! 3.0-rc1 and newer.": "Questa interfaccia supporta solo Substrate 2.0 con contratti scritti usando Ink! 3.0-rc1 e versioni più recenti",
+  "This contracts interface only supports Substrate 2.0+ with contracts using Ink! 3.0+ or Solang 0.1.5+ with the ability to generate the latest metadata formats.": "Questa interfaccia supporta solo Substrate 2.0 con contratti scritti usando Ink! 3.0 o Solang 0.1.5+ con capacità di generare i metadati più recenti",
+  "This could either be an approval for the hash or with full call details. The call as last approval triggers execution.": "Questa può essere una approvazione per l'hash o una approvazione con una chiamata di dettagli. La chiamata come ultima approvazione finalizza l'esecuzione",
+  "This does not send any transaction, rather is only sets the genesis in the account JSON.": "",
+  "This external account cannot be used to sign data. Only Limited support is currently available for signing from any non-internal accounts.": "Questo account esterno non può essere usato per firmare dati. Attualmente il supporto alla firma da parte degli account esterni è limitato.",
+  "This injected account cannot be used to sign data since the extension does not support raw signing.": "L'account aggiunto non può essere utilizzato per firmare dati poichè l'estensione non supporta le firme di tipo raw.",
+  "This is a developer tool that allows you to execute selected snippets in a limited context.": "Questo è un tool per sviluppatore che ti consente di eseguire snippets in ambienti circoscritti",
+  "This is a development account derived from the known development seed. Do not use for any funds on a non-development network.": "",
+  "This is an invalid derivation path.": "Questa è una path di derivazione non valida",
+  "This is not a valid JSON object.": "Questo non è un file JSON valido",
+  "This is the ABI as supplied. Any calls to the contract will use this information for encoding.": "Questa è la ABI fornita. Ogni call al contratto deve usare questa informazione per la codifica",
+  "This operation does not impact the associated on-chain code or any of its contracts.": "Questa operazione non ha alcun impatto sul codice on-chain o sui suoi contratti.",
+  "This operation does not remove the history of the account from the chain, nor any associated funds from the account. The forget operation only limits your access to the account on this browser.": "Questa operazione non cancella il tuo account dalla chain, ne tantomeno i fondi ad esso associati. Essa fa in modo di limitarne solo l'accesso da questo browser",
+  "This operation does not remove the history of the account from the chain, nor any associated funds from the account. The forget operation only limits your access to the address on this browser.": "Questa operazione non cancella il tuo account dalla chain, ne tantomeno i fondi ad esso associati. Ma non sarà più possibile accedervi dal browser senza una ulteriore azione di ripristino via file di backup JSON o seed",
+  "This operation does not remove the history of the contract from the chain, nor any associated funds from its account. The forget operation only limits your access to the contract on this browser.": "Questa operazione non cancella la cronologia del contratto dalla chain, ne tantomeno i fondi ad esso associati. Essa fa in modo solo di limitarne l'accesso dal browser",
+  "This operation does not remove the uploaded code WASM and ABI from the chain, nor any deployed contracts. The forget operation only limits your access to the code on this browser.": "Questa operazione non rimuove il codice WASM e ABI caricato dalla chain, né i contratti implementati. L'operazione limita solo l'accesso al codice da questo browser.",
+  "This operation will submit the seed via an RPC call. Do not perform this operation on a public RPC node, but ensure that the node is local, connected to your validator and secure.": "Questa operazione inoltrerà il seed attraverso una chiamata RPC. Non eseguire questa operazione su un nodo RPC pubblico, assicurati che sia locale e che sia sicuro e connesso al tuo validator.",
+  "This password is used to encrypt your private key. It must be strong and unique! You will need it to sign transactions with this account. You can recover this account using this password together with the backup file (generated in the next step).": "La password è utilizzata per crittare la tua chiave privata. Deve essere complessa e unica! Ne avrai bisogno su questo account per firmare le transazioni. Puoi ripristinarlo utilizzando la password e il file di backup (generato al prossimo step)",
+  "This pubic key is what will be visible in your queued keys list. It is generated based on the seed and the crypto used.": "Questa chiave pubblica sarà visibile nella tua lista di chiavi. E' generata dal seed e dalla crittografia utilizzata.",
+  "This vote does not affect any economics of the Polkadot platform. Staking rewards, inflation, effective market capitalisation and the underlying balances of every account remain completely unchanged. It is \"merely\" about what units we use to denominate the balances into \"DOT\" for the purpose of display.": "Questa votazione non inficia la tokenomics di Polkadot. Staking, inflazione e capitalizzazione resteranno completamente integre. E' esclusivamente l'unità di conto che si utilizza per definire i saldi di DOT, a solo scopo di visualizzazione",
+  "This will apply to any future use of this account as stored on this browser. Ensure that you securely store this new password and that it is strong and unique to the account.": "Questa password servirà per il futuro utilizzo dell' account, memorizzato in questo browser. Assicurati di custodirla e che sia abbastanza complessa e sicura.",
+  "Tip": "Mancia",
+  "Tip (optional)": "Mancia (opzionale)",
+  "Tippers ({{count}})": "Partecipanti ({{count}})",
+  "Tips": "Mance",
+  "Title too long": "Titolo troppo lungo",
+  "To council": "Al consiglio",
+  "To ensure optimal fund security using the same stash/controller is strongly discouraged, but not forbidden.": "Per assicurare l'ottimale sicurezza dei fondi, è altamente sconsigliato usare lo stesso account come stash e controller, ma non vietato",
+  "Total amount of fund that will be reserved. These funds are returned when the identity is cleared": "Il saldo che sarà vincolato. Questi fondi saranno restituiti quando l'identità avrà terminato il processo di verifica.",
+  "Transfer": "Trasferisci",
+  "Transfer an amount from a specific account into a parachain.": "Trasferisci fondi da un account specifico ad una parachain",
+  "Transfer the full account balance, reap the sender": "Trasferisci tutto il saldo",
+  "Transfer to chain": "Trasfersici alla chain",
+  "Transfer to parachain": "Trasferisci alla parachain",
+  "Transfer with account keep-alive checks": "Trasferimenti con check keep-alive",
+  "Translate": "Traduci",
+  "Treasury overview": "Resoconto Tesoreria",
+  "Type here what you would like your address to contain. This tool will generate the keys and show the associated addresses that best match your search. ": "Digita qui cosa vorresti che il tuo indirizzo contenesse. Queso tool genera delle chiavi e mostra gli indirizzi associati che corrispondo alla tua ricerca",
+  "Type here what you would like your address to contain. This tool will generate the keys and show the associated addresses that best match your search. You can use \"?\" as a wildcard for a character.": "Digita qui cosa vorresti che il tuo indirizzo contenesse. Queso tool genera delle chiavi e mostra gli indirizzi associati che corrispondo alla tua ricerca. Puoi usare \"?\" come wildcard.",
+  "Type the amount you want to transfer. Note that you can select the unit on the right e.g sending 1 milli is equivalent to sending 0.001.": "Digita l'ammontare che vuoi trasferire. Tieni presente che puoi selezionare anche la singola unità, come per esempio 1 milli (equivalente a 0,001)",
+  "Type the name of this Asset. This name will be used across all the apps. It can be edited later on.": "Assegna un nome all'Asset. Verrà usato su tutte le applicazioni e può essere modificato",
+  "Type the name of your contact. This name will be used across all the apps. It can be edited later on.": "Assegna un nome al tuo contatto. Verrà utilizzato su tutte le applicazioni. Può essere modificato in seguito.",
+  "Type the password chosen at the account creation. It was used to encrypt your account's private key in the backup file.": "Digita la password scelta al momento della creazione dell'account. E' stata usata per crittare la tua chiave privata nel file di backup.",
+  "Unable to connect to the Ledger, ensure support is enabled in settings and no other app is using it. {{error}}": "Impossibile connettere il Ledger, assicurati che il supporto sia abilitato nella configurazione del dispositivo e che nessun altra applicazione sia attiva {{error}}",
+  "Unable to find deployed contract code at the specified address": "Impossibile trovare il codice del contratto implementato all'indirizzo specificato",
+  "Unable to find on-chain WASM code for the supplied codeHash": "Impossibile trovare il codice WASM on-chain per il codice Hash fornito",
+  "Unable to retrieve the specified block details. {{error}}": "Impossibile ottenere i dettagli del blocco specificati",
+  "Unassign curator": "Curatore non assegnato",
+  "Unassign curator under voting": "Curatore non assegnato in votazione",
+  "Unbid": "Cancella l'offerta",
+  "Unbond": "Svincola",
+  "Unbond funds": "Svincola fondi",
+  "Unbonding {{value}}": "Svincolo {{value}}",
+  "Uncaught error. Something went wrong with the query and rendering of this component. {{message}}": "Errore inatteso. Qualcosa è andato storto con l'interrogazione o con la lettura di qualche sua componente {{message}}",
+  "Undelegate": "Togli la delega",
+  "Unit": "Unità",
+  "Unit decides the name of 1 unit token, e.g. \"DOT\" for Polkadot": "L'unità è correlata al nome del token, esempio \"DOT\" per Polkadot",
+  "Unknown": "Sconosciuto",
+  "Unless you are a developer with insight into what the specific script does to your environment (based on reading the code being executed) generally the advice would be to not use this environment.": "Non utilizzare se non sei uno sviluppatore con competenza specifica nell'ambiente in cui vuoi testare lo script",
+  "Unlock": "Sblocca",
+  "Unlock account": "Sblocca account",
+  "Unlock the account for signing. Once active the signature will be generated based on the content provided.": "Sblocca l'account per la firma. Una volta attivo, la firma verrà generata sulla base dei contenuti forniti",
+  "Unlock the sending account to allow signing of this transaction.": "Sblocca il mittente e consentigli di firmare la transazione",
+  "Unlock vested amount": "Sblocca la quantità portata a maturazione",
+  "Unvote all": "Devota tutti",
+  "Upcoming events": "Prossimi eventi",
+  "Update metadata": "Carica i metadata",
+  "Update overdue": "",
+  "Updated in the latest block": "Aggiornato nell'ultimo blocco",
+  "Upgrading": "Aggiornando",
+  "Upload": "Carica",
+  "Upload & deploy code": "Carica e pubblica il codice",
+  "Upload & deploy code {{info}}": "Carica e pubblica il codice {{info}}",
+  "Upload WASM": "Carica WASM",
+  "Use a proxy for this call": "Usa un proxy per questa chiamata",
+  "Use an automatic selection of the currently most profitable validators": "Usa un algoritmo automatico per scegliere il validatore attualmente più profittevole",
+  "Use custom address index": "Usa indice personalizzato degli indirizzi",
+  "Use custom derivation path": "Usa una path di derivazione personalizzata",
+  "Use the account actions to create a new validator/nominator stash and bond it to participate in staking. Do not send funds directly via a transfer to a validator.": "",
+  "Use this account to request the tip from. This can be a normal or council account.": "Usa questo account per proporre una mancia.",
+  "Val. Group {{group}} ({{count}})": "",
+  "Validate": "Valida",
+  "Validator": "Validatore",
+  "Validator stats": "Statistiche validator",
+  "Validators": "Validatori",
+  "Validators ({{count}})": "Validatori {{count}})",
+  "Vanity generator": "Vanity generator",
+  "Verify signature": "Verifica la firma",
+  "Verify the password entered above.": "Verifica la password inserita",
+  "View this externally": "Link Esterni",
+  "Vote": "Vota",
+  "Vote Aye": "Vota Si",
+  "Vote Nay": "Vota No",
+  "Vote for candidate": "Vota per il candidato",
+  "Vote for current candidates": "Vota per i candidati correnti",
+  "Vote for defender": "Vota per il difensore",
+  "Vote on proposal": "Vota sulla proposta",
+  "Voting": "Votazione in corso.",
+  "Voting closed": "Votazione chiusa",
+  "Voting costs nothing other than the transaction fee and can be done from all accounts with a non-zero spendable balance.": "Una votazione costa esattamente come qualsiasi transazione in termini di commissione, e può essere eseguita da account a saldo non negativo",
+  "Voting ends for referendum {{id}}": "Le votazioni per il referendum {{id}} si concludono",
+  "Voting ends on council motion {{id}}": "Le votazioni per la mozione del Consiglio {{id}} si conludono",
+  "Voting is made on a per-account basis; a single account must all vote the same way and cannot split its vote.": "Ogni account può eseguire un unica votazione, senza possibilità di disperdere o suddividere il suo voto",
+  "Waiting": "In attesa",
+  "Waiting for Bounty Funding": "In attesa del finanziamento del bounty",
+  "Waiting for Curator's acceptance": "In attesa dell'accettazione del Curatore",
+  "Waiting for authorization from the extension. Please open the installed extension and approve or reject access.": "In attesa dell'autorizzazione dall'estensione. Si prega di aprire l'estensione installata e di approvarne o rifiutarne l'accesso.",
+  "Waiting for implementer to claim": "In attesa del riscatto da parte del contributore",
+  "Waiting nominations ({{count}})": "Fuori dal set ({{count}})",
+  "Waiting to make a connection to the remote endpoint and finishing API initialization.": "in attesa di connettersi all'endpoint remoto e inizializzare le API",
+  "Warning: we did not find any attest statement for {{chain}}": "Attenzione: non abbiamo trovato alcuna dichiarazione di attestazione per {{chain}}",
+  "We found a pre-claim with this Polkadot address. However, attesting requires signing with this account. To continue with attesting, please add this account as an owned account first.": "Abbiamo trovato una richiesta preliminare con questo indirizzo Polkadot. Tuttavia, l'attestazione richiede la firma con questo account. Per continuare, si prega di aggiungere questo account come account di proprietà.",
+  "We will provide you with a generated backup file after your account is created. As long as you have access to your account you can always download this file later by clicking on \"Backup\" button from the Accounts section.": "Ti forniremo un file di backup dopo la creazione dell'account. Finchè avrai accesso al tuo account, puoi sempre scaricare questo backup cliccando sul bottone \"Backup\" nella sezione Accounts",
+  "When submitting a proposal the hash needs to be known. Proposals can be submitted with hash-only, but upon dispatch the preimage needs to be available.": "Quando si inoltra una proposta, è necessario conoscerne l'hash collegato. Le proposte possono essere inoltrate solo attraverso il loro hash, ma la proposta stessa deve essere nota e compiuta durante il suo inoltro e implementazione.",
+  "Winner": "Vincitore",
+  "With the keep-alive option set, the account is protected against removal due to low balances.": "Con l'opzione keep-alive attiva, questo account è protetto contro la rimozione causata dalla regola del saldo minimo.",
+  "Withdraw from fund": "Preleva dal fondo",
+  "Withdraw these unbonded funds": "Preleva i fondi svincolati",
+  "Withdraw unbonded funds": "Preleva fondi svincolati",
+  "Yes": "Sì",
+  "Yes, allow nominations": "Si, consenti nomine",
+  "You are about to remove this account from your list of available accounts. Once completed, should you need to access it again, you will have to re-create the account either via seed or via a backup file.": "Stai per rimuovere questo account dalla lista di quelli disponibili. Una volta rimosso, per riutilizzarlo dovresti ripristinarlo o attraverso il seed o attraverso il file di backup",
+  "You are about to remove this address from your address book. Once completed, should you need to access it again, you will have to re-add the address.": "Stai per rimuovere un indirizzo dalla tua agenda contatti. Una volta rimosso, per riutilizzarlo devi riaggiungerlo all'agenda",
+  "You are about to remove this code from your list of available code hashes. Once completed, should you need to access it again, you will have to manually add the code hash again.": "Stai per rimuovere questo codice dalla tua lista di codici hash disponibili. Una volta completato, qualora fosse necessario accedervi di nuovo, devi aggiungere manualmente l'hash del codice.",
+  "You are about to remove this code's ABI. Once completed, should you need to access it again, you will have to manually re-upload it.": "Stai per rimuovere l'ABI di questo codice. Una volta completato, qualora fosse necessario accedervi di nuovo, devi ricaricare manualmente il codice.",
+  "You are about to remove this contract from your list of available contracts. Once completed, should you need to access it again, you will have to manually add the contract's address in the Instantiate tab.": "Stai per rimuovere questo contratto dalla lista dei contratti disponibili. Una volta concluso, per riutilizzarlo nuovamente devi riaggiungerlo manualmente all'indirizzo dei contratti",
+  "You are connecting from a secure location to an insecure WebSocket ({{wsUrl}}). Due to browser mixed-content security policies this connection type is not allowed. Change the RPC service to a secure 'wss' endpoint.": "Ti stai connettendo da un luogo sicuro ad un WebSocket non sicuro ({{wsUrl}}). A causa delle politiche di sicurezza a contenuto misto del browser questo tipo di connessione non è consentito. Cambia il servizio RPC in un endpoint sicuro 'wss'.",
+  "You are giving up your curator role, the bounty will return to the Funded state. You will get your deposit back.": "Ti stai dimettendo dal ruolo di Curatore, il bounty tornerà al suo stato di finanziato e il tuo deposito ti sarà restituito",
+  "You are not connected to a node. Ensure that your node is running and that the Websocket endpoint is reachable.": "Non sei collegato ad un nodo. Assicurati che il nodo sia in funzione e che l'endpoint del Websocket sia raggiungibile.",
+  "You are using an ABI with an outdated format. Please generate a new one.": "Stai usando un ABI con un formato obsoleto. Si prega di generarne uno nuovo.",
+  "You are voting with this collective's prime account. The vote will be the default outcome in case of any abstentions.": "Stai votando con questo account. In caso di astensione, il voto sarà pari a quello del risultato finale.",
+  "You can set a custom derivation index for this account": "Puoi configurare un indice di derivazione personalizzato per questo account",
+  "You can set a custom derivation path for this account using the following syntax \"/<soft-key>//<hard-key>\". The \"/<soft-key>\" and \"//<hard-key>\" may be repeated and mixed`. An optional \"///<password>\" can be used with a mnemonic seed, and may only be specified once.": "Puoi selezionare una derivation path personalizzata per questo account utilizzando la seguente sintassi: /<soft-key>//<hard-key>\". La \"/<soft-key>\" e \"//<hard-key>\" possono essere ripetute e mescolate. Una ///<password>\" opzionale può essere usata con un seed  e deve essere scelta una ed una sola volta.",
+  "You can set a custom derivation path for this account using the following syntax \"/<soft-key>//<hard-key>///<password>\". The \"/<soft-key>\" and \"//<hard-key>\" may be repeated and mixed`.": "",
+  "You can set a custom derivation path for this account using the following syntax \"/<soft-key>//<hard-key>///<password>\". The \"/<soft-key>\" and \"//<hard-key>\" may be repeated and mixed`. The \"///password\" is optional and should only occur once.": "Puoi selezionare una derivation path personalizzata per questo account utilizzando la seguente sintassi: /<soft-key>//<hard-key>\". La \"/<soft-key>\" e \"//<hard-key>\" possono essere ripetute e mescolate. Una ///<password>\" opzionale può essere usata con un seed  e deve essere scelta una ed una sola volta.",
+  "You can set a custom derivation path for this account using the following syntax \"m/<purpose>/<coin_type>/<account>/<change>/<address_index>": "Puoi configurare una path di derivazione personalizzata per questo account seguendo la sintassi: \"m/<purpose>/<coin_type>/<account>/<change>/<address_index>",
+  "You do not have access to the current sudo key": "Non hai accesso alla chiave sudo",
+  "You don't have any accounts. Some features are currently hidden and will only become available once you have accounts.": "Non hai nessun account. Alcune funzioni sono attualmente nascoste e diventeranno disponibili solo una volta che si dispone di un account.",
+  "You have duplicated validator entries, ensure each is unique.": "",
+  "You have {{claimCount}} accounts that need attestations. Use the Claim Tokens app on the navigation bar to complete the process. Until you do, your balances for those accounts will not be reflected.": "Hai {{claimCount}}  accounts che necessitano di verifica. Usa la app di Riscatto Tokens sul menu di navigazione in alto per completare il processo. Fin quando non lo completerai, i saldi di questi account non verranno visualizzati.",
+  "You have {{upgradableCount}} extensions that need to be updated with the latest chain properties in order to display the correct information for the chain you are connected to. This update includes chain metadata and chain properties.": "Hai {{upgradableCount}} estensioni che necessitano di essere aggiornate all'ultima versione, allo scopo di visualizzare le corrette informazioni on-chain. Questi update includono metadata ed altre proprietà della chain",
+  "You need to sign an attestation for the following account:": "È necessario firmare un attestato per il seguente account:",
+  "You need to sign an attestation for the following accounts:": "È necessario firmare un attestato per i seguenti accounts:",
+  "You need to supply at last one running validator for your parachain alongside this request.": "",
+  "You need to unlock this account to be able to sign data.": "Per firmare dati hai bisogno di sbloccare questo account",
+  "You should not setup proxies to act as a self-proxy.": "Non dovresti configurare proxy in grado di agire come self-proxy (proxy di se stesso)",
+  "You should trust your nominations to act competently and honest; basing your decision purely on their current profitability could lead to reduced profits or even loss of funds.": "Dovresti fidarti delle tue nomine affinchè essi non abbiano comportamenti disonesti o malevoli; basare le tue decisioni solo sul profitto può portarti a perdere fondi o a ricompense ridotte.",
+  "You will no longer have sudo access": "Non avrai più i diritti di sudo",
+  "You will remove any delegation made by this acccount": "Rimuoverai ogni delega generata con questo account",
+  "Your Ethereum account": "Il tuo account Ethereum",
+  "Your bonded amount is below the on-chain minimum threshold of {{minBond}} and may be chilled. Bond extra funds to increase the bonded amount.": "",
+  "Your candidate/bid account. Once accepted this account will become a member.": "Il tuo account usato per candidatura/offera. Una volta approvato, esso acquisirà una membership",
+  "Your close will be applied for this council account.": "La tua chiusura sarà applicata su questo account del consiglio",
+  "Your custom types have been added": "I tuoi profili personalizzati sono stati aggiunti",
+  "Your endorsement will be applied for this account.": "La tua sponsorizzazione per questo account sarà aggiunta",
+  "Your ethereum key pair is derived from your private key. Don't divulge this key.": "La tua coppia di chiavi ETH deriva dalla tua chiave privata. Non renderla pubblica.",
+  "Your nomination has not been applied to any validator in the active set by the election algorithm. This could mean that all your validators are over-subscribed or that you have less bonded than the lowest nominator elected for each of the validators.": "Le tue nomine non sono state finalizzate a nessun validatore attivo nel set. Questo può significare che tutti i validatori scelti sono saturi o che hai vincolato una quantità di DOT minore rispetto al limite richiesto",
+  "Your password contains at least one \"/\" character. Disregard this warning if it is intended.": "La tua password contiene almeno un carattere speciale. Se desideri, scarta questo avviso.",
+  "Your stash account. The transaction will be sent from the associated controller.": "Il tuo account stash. La transazione sarà inviata dal controller associato",
+  "a riot name linked to this identity": "il nome Riot (Elements) collegato a questa identità",
+  "accept curator role": "accetta ruolo di curatore",
+  "account": "account",
+  "account forgotten": "account dimenticato",
+  "account name": "nome account",
+  "account restored": "account recuperato",
+  "account type": "tipo di account",
+  "accounts": "accounts",
+  "activate": "promulgazione tra",
+  "active": "attivo",
+  "active / nominators": "attivo / nominatori",
+  "active raised / cap": "attivi selezionati / cap",
+  "active total": "attivi totali",
+  "added proxy": "proxy aggiunti",
+  "additional bonded funds": "fondi addizionali da vincolare",
+  "address": "indirizzo",
+  "address copied": "indirizzo copiato",
+  "address created": "indirizzo aggiunto",
+  "address edited": "indirizzo cambiato",
+  "address forgotten": "indirizzo dimenticato",
+  "address index": "indice di indirizzo",
+  "address prefix": "prefisso dell'indirizzo",
+  "address {{index}}": "indirizzi {{index}}",
+  "addresses": "indirizzi",
+  "admin": "amministratore",
+  "admin account": "account amministratore",
+  "all bonded": "svincola tutto",
+  "allows new nominations": "consenti nuove nomine",
+  "amount": "quantità",
+  "amount to issue": "quantità da distribuire",
+  "amount to transfer": "importo da trasferire",
+  "amount to use for estimation": "quantità da allocare per una stima del profitto",
+  "approval type": "tipo di approvazione",
+  "approved": "approvato",
+  "asset decimals": "asset decimali",
+  "asset id": "asset id",
+  "asset name": "nome asset",
+  "asset symbol": "simbolo asset",
+  "assets": "assets",
+  "auctions": "aste",
+  "auto-selected targets for nomination": "target auto-selezionati per la nomina",
+  "available": "disponibili",
+  "available signatories": "firmatari disponibili",
+  "available social recovery helpers": "garanti disponibili per il recupero",
+  "available to be unlocked": "disponibile per lo svincolo",
+  "average": "media",
+  "avg staked": "media in staking",
+  "award bounty": "bounty di premio",
+  "award with account": "premia con questo account",
+  "aye": "si",
+  "aye: bool": "Sì: bool",
+  "backed": "supportato",
+  "backing": "backing",
+  "backup file": "backup file",
+  "balance": "saldo",
+  "balances": "saldi",
+  "beneficiary": "destinatario",
+  "best": "migliore",
+  "best #": "migliore #",
+  "best block": "miglior blocco",
+  "best hash": "miglior hash",
+  "bid account": "account offerente",
+  "bid amount": "quantità offerta",
+  "bid kind": "tipo di offerta",
+  "bid period range (first lease - last lease)": "",
+  "bidder": "offerente",
+  "bids": "offerte",
+  "block hash or number to query": "blocco hash o numero da interrogare",
+  "block weight": "dimensione del blocco",
+  "blocks": "blocchi",
+  "bond": "vincolo",
+  "bonded": "vincolati",
+  "bounties": "bounties",
+  "bounty bond": "vincolo bounty",
+  "bounty remark": "commento bounty",
+  "bounty requested allocation": "allocazione richiesta per bounty",
+  "bounty title": "titolo bounty",
+  "calculated storage fee": "commissione di archivazione calcolata",
+  "call data for final approval": "richiama dati per approvazione finale",
+  "call from account": "richiama da account",
+  "call hash": "call hash",
+  "call the selected endpoint": "chiama l'endpoint selezionato",
+  "candidacy bond": "collaterale di candidatura",
+  "candidate account": "account di candidatura",
+  "candidate accounts": "accounts candidati",
+  "candidates": "candidati",
+  "case sensitive": "case sensitive",
+  "chain": "chain",
+  "chain specifications": "specifiche della chain",
+  "challenge": "sfida",
+  "claim to account": "riscatta ad account",
+  "click to copy": "clicca per copiare",
+  "click to select or drag and drop a JSON ABI file": "clicca per selezionare o trascina e rilascia un file JSON ABI",
+  "click to select or drag and drop a JSON file": "clicca per selezionare o trascina un file JSON",
+  "click to select or drag and drop the file here": "clicca per selezionare o trascina e rilascia il file qui",
+  "clipboard": "appunti",
+  "close bounty": "chiudi bounty",
+  "code": "codice",
+  "code for this contract": "codice per questo contratto",
+  "code hash": "codice hash",
+  "code hashes": "",
+  "comm.": "commissione",
+  "commission": "commissione",
+  "compiled contract WASM": "contratto compilato WASM",
+  "completed": "completato",
+  "connected peers": "peers connessi",
+  "contacts": "contatti",
+  "contract ABI": "contratto ABI",
+  "contract address": "indirizzo del contratto",
+  "contract event": "evento in contratto",
+  "contract to use": "contratto da utilizzare",
+  "contracts": "contratti",
+  "contribute from": "contributo da",
+  "contribution": "contribuzione",
+  "controller": "controller",
+  "controller account": "account controller",
+  "conviction": "moltiplicatore di voto",
+  "conviction: Conviction": "convinzione: Convinzione",
+  "copied": "copiato",
+  "council candidates": "candidati al consiglio",
+  "council proposal": "proposta del consiglio",
+  "council proposal type": "tipologia di proposta del consiglio",
+  "count": "conteggio",
+  "create asset {{step}}/{{steps}}": "",
+  "created account": "account creato",
+  "created multisig": "multisig creato",
+  "creator account": "",
+  "crowdfund cap": "",
+  "crowdloan": "crowdloan",
+  "crypto type to use": "crittografia da usare",
+  "curator": "supervisore",
+  "curator account": "account Curatore",
+  "curator's deposit": "deposito Curatore",
+  "curator's fee": "commissione Curatore",
+  "current curator": "Curatore corrente",
+  "current lease": "noleggio corrente",
+  "current range winning bid": "range attuale di offerta vincente",
+  "current value": "valore corrente",
+  "custom endpoint": "endpoint personalizzato",
+  "data": "dati",
+  "decoded call": "",
+  "default icon theme": "tema icone di default",
+  "default interface language": "lingua dell'interfaccia di default",
+  "default interface theme": "Tema di default",
+  "defender": "difensore",
+  "defer": "deferiti",
+  "delay": "ritardo",
+  "delegate democracy vote": "delega voto",
+  "delegated account": "account delegato",
+  "delegating account": "account delegante",
+  "delegating amount": "saldo delegante",
+  "democracy": "democrazia",
+  "democracy vote delegation": "delega voto in Democrazia",
+  "denomination vote": "denominazione voto",
+  "deploy": "implementa",
+  "deployment account": "account di implementazione",
+  "deployment constructor": "constructor della implementazione",
+  "deposit": "deposito",
+  "deposit required": "deposito richiesto",
+  "depositor": "depositante",
+  "deposits": "depositi",
+  "derivation path": "derivation path",
+  "derive root account": "deriva account root",
+  "design samples": "esempio di disegno",
+  "destination chain": "chain di destinazione",
+  "destination existential deposit": "deposito di destinazione iniziale",
+  "destination transfer fee": "commissione di trasferimento",
+  "details": "dettagli",
+  "development seed": "seed di sviluppo",
+  "dispatch queue": "coda di promulgazione",
+  "display name": "nome visualizzato",
+  "do not include empty strings in the generated file": "non includere le stringhe vuote nel file generato",
+  "does not appear to have a valid claim. Please double check that you have signed the transaction correctly on the correct ETH account.": "non sembra vantare un diritto di riscatto valido. Si prega di verificare di aver firmato la transazione sull'account ETH corretto.",
+  "ed25519, Edwards": "ed25519, Edwards",
+  "elapsed": "",
+  "elected stake": "stake eletto",
+  "email": "email",
+  "enact": "promulga",
+  "end period at": "fine periodo",
+  "ending": "",
+  "ending block": "blocco finale",
+  "ending period": "periodo finale",
+  "endowment": "dote",
+  "epoch": "epoca",
+  "era": "era",
+  "era cumulative": "ere cumulate",
+  "era points": "punti era",
+  "era {{era}}": "era {{era}}",
+  "era {{era}}, {{count}} slashes": "era {{era}}, {{count}} slashes",
+  "era {{era}}/unapplied": "era {{era}}/non puniti",
+  "eras": "ere",
+  "ethereum private key": "Chiave Privata ETH",
+  "event count": "contatore evento",
+  "events": "eventi",
+  "everything": "tutto",
+  "everything{{labelPost}}": "tutto{labelPost}}",
+  "exclude option": "escludere l'opzione",
+  "exec": "exec",
+  "execute": "eseguire",
+  "existential deposit": "deposito esistente",
+  "existing/active nominators": "nominatori attivi",
+  "extend expiry": "estensione scadenza",
+  "external": "esterno",
+  "extrinsic count": "conteggio extrinsic",
+  "extrinsic hash": "extrinsic hash",
+  "extrinsics": "extrinsics",
+  "fee": "commissione",
+  "file upload": "caricamento file",
+  "filter by name or tags": "filtro per nome o tag",
+  "filter by name, address or index": "filtra con nome, indirizzo o acronimo",
+  "filter by name, address, or account index": "filtra dal nome, indirizzo o acronimo",
+  "finalized": "ultimo blocco",
+  "finder": "proponente",
+  "first - last": "primo - ultimo",
+  "first period": "primo periodo",
+  "forks": "forks",
+  "founder": "fondatore",
+  "free balance": "saldo trasferibile",
+  "freezer": "",
+  "freezer account": "",
+  "from the following data": "dai seguenti dati",
+  "frozen": "congelato",
+  "funding period": "periodo di finanziamento",
+  "funds": "fondi",
+  "generated public key": "chiave pubblica generata",
+  "genesis state": "stato genesi",
+  "give up curator's role": "dimettiti da ruolo di Curatore",
+  "has a valid claim for": "vanta un diritto valido per",
+  "hash": "hash",
+  "hash a file": "",
+  "head": "",
+  "heads": "heads",
+  "hex input data": "input data hex",
+  "hex-encoded call": "",
+  "hex-encoded storage key": "Chiave di archiviazione codificata in Hex",
+  "https://example.com": "https://example.com",
+  "id": "id",
+  "ideal staked": "",
+  "identity": "identità",
+  "imminent preimage (proposal already passed)": "proposta imminente (già approvate)",
+  "immortal": "perpetua",
+  "implementer account": "",
+  "in/out (msg)": "in/out (msg)",
+  "include all empty strings in the generated file": "includi tutte le stringhe vuote nel file generato",
+  "include field": "includi campo",
+  "include option": "include l'opzione",
+  "included": "incluso",
+  "index": "indice",
+  "inflation": "inflazione",
+  "initial balance": "bilancio inziale",
+  "initial head state": "stato iniziale",
+  "initial state": "stato iniziale",
+  "intake": "",
+  "intentions": "lista candidati",
+  "interface operation mode": "modalità dell'interfaccia di operazione",
+  "invalid ABI file selected": "file ABI selezionato non valido",
+  "invalid/unknown registrar account": "invalido/ignoto account registrar",
+  "issuer": "",
+  "issuer account": "",
+  "json for either ABI or .contract bundle": "",
+  "judgement": "giudizio",
+  "justifications": "",
+  "key type to set": "tipo di chiave da configurare",
+  "keypair crypto type": "tipo di crittografia della coppia di chiavi",
+  "keypair type": "tipo di coppia di chiavi",
+  "kind": "tipo",
+  "last #": "ultimo blocco",
+  "last block": "ultimo blocco",
+  "last events": "ultimi eventi",
+  "last period": "ultimo periodo",
+  "last reward": "ultima ricompensa",
+  "latest": "ultimo",
+  "launch period": "finestra di voto",
+  "lease period": "periodo di noleggio",
+  "leases": "noleggi",
+  "legal name": "nome legale",
+  "lifecycle": "ciclo di vita",
+  "lifetime": "perpetuo",
+  "lightclient.experimental": "",
+  "limit operator exposure": "limite esposizione dell'operatore",
+  "limit single operator exposure": "limite singola esposizione dell'operatore",
+  "lng.detect": "Lingua del browser predefinita (rilevamento automatico)",
+  "lock expired": "vincolo terminato",
+  "lock periods": "periodo di vincolo",
+  "locked": "bloccati",
+  "locked balance": "saldo bloccato",
+  "logs": "logs",
+  "lowest / avg staked": "Minimo in stake su validatore / Media in stake per validatore",
+  "manage hardware connections": "gestisci connessioni hardware",
+  "matches": "corrisponde",
+  "max gas allowed (M)": "gas massimo consentito",
+  "max gas allowed (M, {{estimatedMg}} estimated)": "",
+  "max read gas": "",
+  "maximum gas allowed": "gas massimo consentito",
+  "maximum lock periods": "limite massimo di vincolo",
+  "members": "membri",
+  "message to send": "messaggio da inviare",
+  "min nominated": "min nominati",
+  "min nominated / threshold": "min nominati / soglia",
+  "minimum allowed": "minimo concesso",
+  "minimum balance": "saldo minimo",
+  "minimum bond": "vincolo minimo",
+  "minimum deposit": "deposito minimo",
+  "minimum freeze amount": "",
+  "mint asset": "mint asset",
+  "mint to address": "mint all'indirizzo",
+  "mnemonic": "mnemonic",
+  "mnemonic copied": "mnemonic copiata",
+  "mnemonic seed": "seed",
+  "mortal, valid from #{{startAt}} to #{{endsAt}}": "morale, valido da #{{startAt}} to #{{endsAt}}",
+  "motions": "mozioni",
+  "multisig": "multisig",
+  "multisig call data": "chiamata dati multisig",
+  "multisig name": "nome del multisig",
+  "multisig signatory": "firma multisig",
+  "my ordered votes": "i miei voti",
+  "name": "nome",
+  "nav.accounts": "Accounts",
+  "nav.addresses": "Contatti",
+  "nav.assets": "",
+  "nav.bounties": "Bounties",
+  "nav.calendar": "Calendario Eventi",
+  "nav.claims": "Riscatto",
+  "nav.contracts": "Contratti",
+  "nav.council": "Consiglio",
+  "nav.dashboard": "Pannello di Controllo",
+  "nav.democracy": "Democrazia",
+  "nav.explorer": "Explorer",
+  "nav.extrinsics": "Extrinsics",
+  "nav.generic-asset": "Attività generica",
+  "nav.gilt": "",
+  "nav.github": "GitHub",
+  "nav.i18n": "I18n Traduttore",
+  "nav.js": "Javascript",
+  "nav.membership": "",
+  "nav.parachains": "Parachains",
+  "nav.poll": "Sondaggio",
+  "nav.rpc": "chiamate RPC",
+  "nav.settings": "Impostazioni",
+  "nav.signing": "Firma e Verifica",
+  "nav.society": "Società",
+  "nav.staking": "Staking",
+  "nav.storage": "Blockchain",
+  "nav.sudo": "Sudo",
+  "nav.tech-comm": "Comunicazioni tecniche",
+  "nav.teleport": "",
+  "nav.toolbox": "Toolbox",
+  "nav.transfer": "Trasferisci",
+  "nav.treasury": "Tesoreria",
+  "nav.wiki": "Wiki",
+  "nay": "No",
+  "new account": "nuovo account",
+  "new address": "nuovo indirizzo",
+  "new expiry date and time": "",
+  "next": "prossimo",
+  "next action": "",
+  "next burn": "prossima eliminazione",
+  "next id": "prossimo id",
+  "no": "no",
+  "no 20%+ comm": "no 20%+ comm.",
+  "no addresses saved yet, add any existing address": "nessun indirizzo ancora salvato, aggiungi un indirizzo esistente",
+  "no at capacity": "non saturi",
+  "no median+ comm": "no comm. superiore alla mediana",
+  "no messages": "nessun messaggio",
+  "no oversubscribed": "no saturi",
+  "no peers connected": "nessun peer connesso",
+  "no tags": "nessun tag",
+  "no unapplied slashes found": "nessun slashes non punito trovato",
+  "no {{maxCap}}%+ capacity": "no {{maxCap}}%+ capacità",
+  "no {{maxComm}}%+ comm": "no {{maxComm}}%+ comm.",
+  "nominated accounts": "Validator nominati",
+  "nominators": "nominators",
+  "nominators to be removed": "nominatori da rimuovere",
+  "not signed": "non firmato",
+  "on-chain bonding duration": "finestra temporale di svincolo on-chain",
+  "ongoing": "in corso",
+  "ongoing referendum": "referendum attivo",
+  "only elected": "mostra validator eletti (attivi)",
+  "only query most recent {{partialEras}} of {{historyDepth}} eras": "interroga solo le più recenti {{partialEras}} di {{historyDepth}} ere",
+  "only this network": "solo questo network",
+  "only with an identity": "solo con identità verificata",
+  "origin": "origine",
+  "other": "stake nominators",
+  "other stake": "stake nominators",
+  "our best": "nostro migliore",
+  "overall/validator": "totale/validator",
+  "own": "stake validator",
+  "own stake": "self stake",
+  "owner": "proprietario",
+  "paid": "pagato",
+  "parachain id": "ID della parachain",
+  "parachain name": "nome della parachain",
+  "parachain owner": "proprietario della parachain",
+  "parachains": "parachains",
+  "parathreads": "parathreads",
+  "parent": "parente",
+  "partial seed": "seed incompleto",
+  "participants": "partecipanti",
+  "password": "password",
+  "password (repeat)": "password (ripeti)",
+  "past": "",
+  "payment": "pagamento",
+  "payment destination": "destinazione del payout",
+  "payout": "payout",
+  "payout stakers for (multiple)": "stakers payout per (multipli)",
+  "payout stakers for (single)": "stakers payout per (singolo)",
+  "payout/stash": "payout/stash",
+  "payout/validator": "payout/validator",
+  "payouts": "payouts",
+  "peer best": "miglior peer",
+  "pending extrinsics": "extrinsics in coda",
+  "pending hashes": "hashes in coda",
+  "pending hashes {{count}}": "",
+  "pending swap id": "Swap ID in coda",
+  "per block": "per blocco",
+  "period": "periodo",
+  "points": "punti era",
+  "pot": "pot",
+  "preimage hash": "hash della proposta",
+  "preimage {{hash}}": "proposta {{hash}}",
+  "prev": "precedente",
+  "prime member": "primo membro",
+  "prime voter": "Primo Membro elettore",
+  "priority {{index}}": "priorità {{index}}",
+  "private key": "Chiave Privata",
+  "profit/era": "profitti per era stimati",
+  "profit/era est": "profitti per era stimati",
+  "projection": "proiezione",
+  "proportion": "proporzione",
+  "proposal": "proposta",
+  "proposal bond": "vincolo proposto",
+  "proposal hash": "hash proposto",
+  "proposals": "proposte",
+  "propose": "proponi",
+  "propose from": "",
+  "propose from account": "proposta da account",
+  "propose with account": "proponi con l'account",
+  "proposed by": "proposto da",
+  "proposer": "proponente",
+  "proposing account": "account proponente",
+  "proxied account": "Account dietro proxy",
+  "proxied name": "nome dell'account proxato",
+  "proxy account": "Account proxy",
+  "queued tx": "tx in coda",
+  "queues": "code",
+  "raised": "raccolti",
+  "raw seed": "",
+  "read": "",
+  "read contract only, no execution": "contratto sola lettura, no esecuzione",
+  "reason": "motivazione",
+  "recent blocks": "blocchi recenti",
+  "recent events": "eventi recenti",
+  "recent payouts": "payouts recenti",
+  "recently": "recenti",
+  "recover this account": "recupera questo account",
+  "recovery block delay": "recupera ritardo del blocco",
+  "recovery threshold": "ripristina soglia",
+  "redeemable": "svincolabili",
+  "referenda": "referendum in corso",
+  "refresh in": "aggiornato in",
+  "register from": "registra da",
+  "registrar account": "registrar account",
+  "registrar index": "indice dei registrar",
+  "reject curator": "respingi Curatore",
+  "relay": "relay",
+  "relay dispatch queue": "coda di implementazione relay",
+  "remaining": "termina tra",
+  "remaining till cap": "",
+  "remote node/endpoint to connect to": "nodo remoto/endpoint al quale connettersi",
+  "reporters": "reporters",
+  "request payout from": "richiedi payout da",
+  "requested id": "ID richiesto",
+  "requesting from": "richiesto da",
+  "reserve from": "riservato da",
+  "reserved": "riservati",
+  "reserved balance": "saldo riservato",
+  "reserved deposit": "deposito riservato",
+  "return": "restituzione",
+  "returns": "restituisce",
+  "reward commission percentage": "% commissione validator",
+  "rewards": "ricompense",
+  "rewards & slashes": "ricompense e slashes",
+  "riot": "riot",
+  "riot name": "riot name",
+  "role": "ruolo",
+  "rotation": "rotazione",
+  "rpc.KlugDossier": "",
+  "rpc.beresheet": "Beresheet (Edgeware Testnet, ospitato da Commonwealth Labs)",
+  "rpc.bifrost": "Bifrost",
+  "rpc.custom": "Ambiente personalizzato",
+  "rpc.dev.custom": "",
+  "rpc.dev.custom.entry": "",
+  "rpc.dev.custom.own": "",
+  "rpc.dev.local": "",
+  "rpc.edgeware": "Edgeware (Edgeware Mainnet, ospitato da Commonwealth Labs)",
+  "rpc.flamingfir": "Flaming Fir (Substrate Testnet, ospitato da Parity)",
+  "rpc.header.dev": "Sviluppo",
+  "rpc.header.kusama.relay": "",
+  "rpc.header.live": "Mainnet",
+  "rpc.header.polkadot.relay": "",
+  "rpc.header.rococo.relay": "",
+  "rpc.header.test": "Testnet",
+  "rpc.header.westend.relay": "",
+  "rpc.hosted.by": "",
+  "rpc.kilt": "KILT Protocol (KILT Mashnet, ospitato da KILT Protocol)",
+  "rpc.kulupu": "Kulupu (Kulupu Mainnet, ospitato da Kulupu)",
+  "rpc.kusama.altair": "",
+  "rpc.kusama.ava": "Kusama (Polkadot Canary, nodi pubblici gestiti dall'utente; vedi https://status.cloud.ava.do/)",
+  "rpc.kusama.basilisk": "",
+  "rpc.kusama.bifrost": "",
+  "rpc.kusama.crab-redirect": "",
+  "rpc.kusama.encointer": "",
+  "rpc.kusama.genshiro": "",
+  "rpc.kusama.integritee": "",
+  "rpc.kusama.kabocha": "",
+  "rpc.kusama.karura": "",
+  "rpc.kusama.khala": "",
+  "rpc.kusama.kilt": "",
+  "rpc.kusama.kpron": "",
+  "rpc.kusama.litmus": "",
+  "rpc.kusama.loomnetwork": "",
+  "rpc.kusama.mars": "",
+  "rpc.kusama.moonriver": "",
+  "rpc.kusama.parity": "Kusama (Polkadot Canary, ospitato da Parity)",
+  "rpc.kusama.pioneerNetwork": "",
+  "rpc.kusama.polkasmith": "",
+  "rpc.kusama.robonomics": "",
+  "rpc.kusama.sakura": "",
+  "rpc.kusama.shadow": "",
+  "rpc.kusama.sherpax": "",
+  "rpc.kusama.shiden": "",
+  "rpc.kusama.sora_ksm": "",
+  "rpc.kusama.statemine": "",
+  "rpc.kusama.subgame": "",
+  "rpc.kusama.trustbase": "",
+  "rpc.kusama.w3f": "Kusama (Polkadot Canary, ospitato dalla Fondazione Web3)",
+  "rpc.kylin-node.co.uk": "",
+  "rpc.local": "Nodo locale (proprio, 127.0.0.0.1:9944)",
+  "rpc.mandala": "Mandala (Acala Testnet, ospitato by Acala)",
+  "rpc.manta": "",
+  "rpc.nodle-arcadia": "Arcadia (Nodle Testnet, ospitato da Nodle)",
+  "rpc.origintrail": "",
+  "rpc.phoenix": "PHOENIX Protocol (PHOENIX Mashnet, ospitato da PHOENIX Protocol)",
+  "rpc.polkadot.darwinia": "Darwinia",
+  "rpc.polkadot.parity": "",
+  "rpc.pontem": "",
+  "rpc.prod.centrifuge": "",
+  "rpc.prod.chainx": "",
+  "rpc.prod.crab": "",
+  "rpc.prod.crust": "",
+  "rpc.prod.darwinia": "",
+  "rpc.prod.dock-pos-mainnet": "",
+  "rpc.prod.edgeware": "",
+  "rpc.prod.equilibrium": "",
+  "rpc.prod.hanonycash": "",
+  "rpc.prod.hydra": "",
+  "rpc.prod.kulupu": "",
+  "rpc.prod.neatcoin": "",
+  "rpc.prod.nodle-main": "",
+  "rpc.prod.plasm": "",
+  "rpc.prod.polymesh": "",
+  "rpc.prod.riochain": "",
+  "rpc.prod.sora-substrate": "",
+  "rpc.prod.stafi": "",
+  "rpc.prod.subgame": "",
+  "rpc.prod.subsocial": "",
+  "rpc.prod.uniarts": "",
+  "rpc.prod.westlake": "",
+  "rpc.rocco.litentry": "",
+  "rpc.rococo": "",
+  "rpc.rococo.acala": "",
+  "rpc.rococo.apron": "",
+  "rpc.rococo.ares": "",
+  "rpc.rococo.bifrost": "",
+  "rpc.rococo.bitcountry": "",
+  "rpc.rococo.canvas": "",
+  "rpc.rococo.chainx": "",
+  "rpc.rococo.clover": "",
+  "rpc.rococo.crab": "",
+  "rpc.rococo.crust": "",
+  "rpc.rococo.darwinia": "",
+  "rpc.rococo.datahighway": "",
+  "rpc.rococo.eave": "",
+  "rpc.rococo.encointer": "",
+  "rpc.rococo.galital": "",
+  "rpc.rococo.genshiro": "",
+  "rpc.rococo.halongbay": "",
+  "rpc.rococo.hydrate": "",
+  "rpc.rococo.idavoll": "",
+  "rpc.rococo.integritee": "",
+  "rpc.rococo.interbtc": "",
+  "rpc.rococo.jupiter": "",
+  "rpc.rococo.kilt": "",
+  "rpc.rococo.konomi": "",
+  "rpc.rococo.loomnetwork": "",
+  "rpc.rococo.manta": "",
+  "rpc.rococo.mathchain": "",
+  "rpc.rococo.moonrock": "",
+  "rpc.rococo.parami": "",
+  "rpc.rococo.phala": "",
+  "rpc.rococo.phoenix": "",
+  "rpc.rococo.plasm": "",
+  "rpc.rococo.polkafoundry": "",
+  "rpc.rococo.prism": "",
+  "rpc.rococo.robonomics": "",
+  "rpc.rococo.statemint": "",
+  "rpc.rococo.subdao": "",
+  "rpc.rococo.subsocial": "",
+  "rpc.rococo.tick": "",
+  "rpc.rococo.track": "",
+  "rpc.rococo.trick": "",
+  "rpc.rococo.trustbase": "",
+  "rpc.rococo.unitv": "",
+  "rpc.rococo.vln": "",
+  "rpc.rococo.zeitgeist": "",
+  "rpc.rococo.zenlink": "",
+  "rpc.test.aleph": "",
+  "rpc.test.beresheet": "",
+  "rpc.test.bifrost": "",
+  "rpc.test.bitcountry": "",
+  "rpc.test.clover.finance": "",
+  "rpc.test.crust.network": "",
+  "rpc.test.datahighway.spreehafen": "",
+  "rpc.test.dock-pos-testnet": "",
+  "rpc.test.dotmog": "",
+  "rpc.test.encointer.cantillon": "",
+  "rpc.test.encointer.gesell": "",
+  "rpc.test.equilibriumtestnet": "",
+  "rpc.test.fantour": "",
+  "rpc.test.flamingfir": "",
+  "rpc.test.galital": "",
+  "rpc.test.galois": "",
+  "rpc.test.gamepower": "",
+  "rpc.test.geek": "",
+  "rpc.test.halongbay": "",
+  "rpc.test.interbtc": "",
+  "rpc.test.ipse": "",
+  "rpc.test.jupiter": "",
+  "rpc.test.khala": "",
+  "rpc.test.kilt": "",
+  "rpc.test.litentry": "",
+  "rpc.test.mandala": "",
+  "rpc.test.moonbeam": "",
+  "rpc.test.mybank": "",
+  "rpc.test.nftmart": "",
+  "rpc.test.nodle-arcadia": "",
+  "rpc.test.oak": "",
+  "rpc.test.opportunity": "",
+  "rpc.test.pangolin": "",
+  "rpc.test.phala": "",
+  "rpc.test.phoenix": "",
+  "rpc.test.polkadex": "",
+  "rpc.test.polymesh": "",
+  "rpc.test.prism": "",
+  "rpc.test.realis": "",
+  "rpc.test.riochain": "",
+  "rpc.test.shibuya": "",
+  "rpc.test.snowbridge": "",
+  "rpc.test.sora-substrate-staging": "",
+  "rpc.test.subgame": "",
+  "rpc.test.ternoa-testnet": "",
+  "rpc.test.turbulence": "",
+  "rpc.test.uniarts": "",
+  "rpc.test.unique": "",
+  "rpc.test.unitv": "",
+  "rpc.test.vodka": "",
+  "rpc.test.web3games": "",
+  "rpc.test.zCloak": "",
+  "rpc.test.zeitgeist": "",
+  "rpc.test.zero": "",
+  "rpc.turbulence": "Turbulence (Laminar Testnet, ospitato da Laminar)",
+  "rpc.westend": "Westend (Polkadot Testnet, ospitato da Parity)",
+  "rpc.westend.basilisk": "",
+  "rpc.westend.charcoal": "",
+  "rpc.westend.integritee": "",
+  "rpc.westend.kilt": "",
+  "rpc.westend.moonshadow": "",
+  "rpc.westend.pangoro": "Pangoro",
+  "rpc.westend.shell": "",
+  "rpc.westend.shibuya": "",
+  "rpc.westend.wendala": "",
+  "rpc.westend.whala": "",
+  "runners up": "finalisti",
+  "scheduled": "agenda",
+  "scheduling": "pianificando",
+  "seats": "seggi",
+  "second with account": "Sostieni con l'account",
+  "secret": "segreto",
+  "secret derivation path": "derivazione path segreta",
+  "seed (hex or string)": "seed (hex o stringa)",
+  "select curator": "seleziona Curatore",
+  "select the account you wish to sign data with": "seleziona l'account che desideri utilizzare per firmare i dati",
+  "selected constant query": "seleziona una interrogazione costante",
+  "selected signatories": "firmatari selezionati",
+  "selected state query": "seleziona l'interrogazione di status",
+  "selected validators": "validators selezionati",
+  "send": "invia",
+  "send as RPC call": "invia come chiamata RPC",
+  "send as transaction": "invia come transazione",
+  "send from": "invia da",
+  "send from account": "invia da account",
+  "send funds to another parachain (not relay)": "invia fondi ad un altra parachain (non relay)",
+  "send to address": "invia all'indirizzo",
+  "sending account": "account mittente",
+  "sending from my account": "inviando dal mio account",
+  "session": "sessione",
+  "session keys": "chiavi di sessione",
+  "session next": "Prossima Era",
+  "show only untipped/closing": "mostra solo le mance senza sostenitori/chiuse",
+  "sign data from account": "firma i dati da questo account",
+  "sign the following data": "firma i seguenti dati",
+  "signatories": "firmatari",
+  "signatory": "firmatario",
+  "signature crypto type": "tipologia di crittatura della firma",
+  "signature of supplied data": "firma dei dati forniti",
+  "signature {{type}}": "firma {{type}}",
+  "signer": "firmatario",
+  "single from operator": "singolo da operatore",
+  "skeptic": "",
+  "society head": "capo della società",
+  "somebody@example.com": "somebody@example.com",
+  "spend period": "periodo di spesa",
+  "sr15519, Schnorrkel": "sr15519, Schnorrkel",
+  "ss58.centrifuge": "Centrifuge (Mainnet)",
+  "ss58.default": "Predefinito per il nodo collegato",
+  "ss58.edgeware": "Edgeware (Mainnet)",
+  "ss58.kusama": "Kusama (Canary Chain)",
+  "ss58.polkadot": "Polkadot (Mainnet)",
+  "ss58.substrate": "Substrate (generico)",
+  "staked": "staked",
+  "stash account": "account stash",
+  "stash address": "indirizzo stash",
+  "stashes": "stashes",
+  "state": "stato",
+  "status": "stato",
+  "strikes": "colpi",
+  "strong": "forte",
+  "sub": "sub",
+  "sub name": "nome sub",
+  "submit gilt bid": "",
+  "submit the following change": "inoltra la seguente modifica",
+  "submit the following extrinsic": "inoltra la seguente extrinsic",
+  "submit with account": "inoltra col nuovo account",
+  "submit with council account": "inoltra con l'account del consiglio",
+  "subs": "subs",
+  "sudo key": "chiave sudo",
+  "sudo with unchecked weight parameter": "sudo con coefficiente non specificato",
+  "sudo without unchecked weight parameter": "sudo senza coefficiente specificato",
+  "sufficient": "",
+  "supply": "",
+  "suri (seed & derivation)": "suri (seed & derivazione)",
+  "suspended": "",
+  "swap to id": "cambia in ID",
+  "syncing": "sincronizzando",
+  "system events": "eventi di sistema",
+  "tags": "tags",
+  "target": "target",
+  "term progress": "avanzamento dei termini",
+  "testnet.kylin-node.co.uk": "",
+  "the account to make recoverable": "l'account da rendere recuperabile",
+  "the account to recover to": "l'account da recuperare a",
+  "the amount that should be transferred. It needs to be less than the available balance": "il saldo che dovrà essere trasferito. E' necessario che sia minore del saldo disponibile",
+  "the asset to query for balances": "",
+  "the associated controller": "controller associato",
+  "the era to cancel for": "era da cancellare",
+  "the language to display translations for": "lingua da visualizzare per la traduzione",
+  "the module to display strings for": "il modulo per visualizzare le stringhe da tradurre",
+  "the parachain that will receive the transfer of tokens.": "la parachain che riceverà il trasferimento del token",
+  "the parachain to transfer to": "la parachain a cui trasferire",
+  "the payment account": "l'account di pagamento",
+  "the resulting hash is": "l'hash generato è",
+  "the stash account to nominate with": "l'account stash da nominare con",
+  "the supplied signature": "la firma fornita",
+  "threshold": "soglia",
+  "timeout": "",
+  "tip": "mancia",
+  "tip reason": "motivazione per la mancia",
+  "tip value": "valore della mancia",
+  "tips": "mance",
+  "title": "titolo",
+  "total": "totale",
+  "total deposit": "quantità depositata totale",
+  "total issuance": "emissione totale",
+  "total peers": "peers totali",
+  "total raised / cap": "",
+  "total stake": "totale in stake",
+  "total staked": "totale in stake",
+  "transactions": "transazioni",
+  "transfer asset": "trasferimento asset",
+  "transfer received": "trasferimento ricevuto",
+  "transfer remark/comment": "commento/nota sul trasferimento",
+  "transferrable": "trasferibili",
+  "transferrable minus fees": "transferibile al netto delle commissioni",
+  "transfers": "trasferimenti",
+  "trusted social recovery helpers": "garanti di fiducia per recupero account",
+  "turnout": "partecipanti",
+  "twitter": "twitter",
+  "type": "tipo",
+  "unapplied": "non punito",
+  "unapplied slashes": "slashes non applicati",
+  "unbond amount": "quantità da svincolare",
+  "unbonding": "svincolando",
+  "unchecked weight for this call": "peso non verificato per questo richiamo",
+  "unique deployment salt": "",
+  "unlock account with password": "sblocca l'account con password",
+  "unlock for {{expiry}} min": "sblocca fra {{expiry}} minuti",
+  "unstake threshold": "soglia di stake",
+  "until block": "fino al blocco",
+  "update": "",
+  "update on #{{index}}": "aggiornamento su #{{index}}",
+  "upgradable extensions": "estensioni aggiornabili",
+  "url": "url",
+  "use deployment salt": "",
+  "use estimated gas": "",
+  "use on any network": "usa su qualsiasi network",
+  "using my account": "usando il mio account",
+  "using the following data": "usando i dati seguenti",
+  "using the selected account": "usa l'account selezionato",
+  "validation": "validazione",
+  "validation code": "",
+  "validator to query": "validator da interrogare",
+  "validator {{index}}": "",
+  "validators": "validatori",
+  "validators/nominators": "validators/nominators",
+  "value": "valore",
+  "value bonded": "valore vincolato",
+  "verifier signature": "",
+  "verify using address": "verifica usando l'indirizzo",
+  "version {{version}}": "versione {{version}}",
+  "vested": "maturato",
+  "vesting": "maturazione",
+  "via Council": "tramite Consiglio",
+  "via Council/Motions": "in Consiglio/Mozioni",
+  "via Council/Vote": "in Voto/Consiglio",
+  "via Democracy": "in Democrazia",
+  "via Democracy/Dispatch": "in Democrazia",
+  "via Democracy/Vote": "in Voto/Democrazia",
+  "via Parachains": "",
+  "via Parachains/Auction": "",
+  "via Society": "in Società",
+  "via Staking": "in Staking",
+  "via Staking/Bond": "in Staking",
+  "via Staking/Slashed": "in Staking/Slashes",
+  "via Treasury": "tramite Tesoreria",
+  "via Vesting": "in Maturazione",
+  "vote for candidate": "vota per il candidato",
+  "vote for defender": "vota per il difensore",
+  "vote from account": "vota dall'account",
+  "vote using my account": "vota usando il mio account",
+  "vote value": "valore del voto",
+  "vote with account": "vota con l'account",
+  "voted": "votato",
+  "voted on": "votato su",
+  "votes": "esito",
+  "voting account": "account votante",
+  "voting balance": "saldo del voto",
+  "voting bond": "vincolo di voto",
+  "voting end": "termina tra",
+  "voting period": "finestra di voto",
+  "voting round": "sessione di voto",
+  "waiting": "in attesa",
+  "weak": "debole",
+  "web": "web",
+  "website": "website",
+  "weight": "dimensione",
+  "with an index of": "con un indice di",
+  "with unchecked weight": "con peso non verificato",
+  "with weight override": "con peso sovrascritto",
+  "with/without identity": "con/senza identità",
+  "without unchecked weight": "senza peso verificato",
+  "wrong password supplied": "password errata",
+  "yes": "si",
+  "yesterday": "ieri",
+  "your current password": "la tua password attuale",
+  "your new password": "la tua nuova password",
+  "{{balance}} voted": "{{balance}} votato",
+  "{{blocks}} blocks": "{{blocks}} blocchi",
+  "{{count}} key/value pairs encoded for submission": "{{count}} coppie chiave/valore codificate per l'invio",
+  "{{count}} own stashes": "{{count}} stash di proprietà",
+  "{{currency}} average": "{{currency}} media",
+  "{{currency}} clipped": "{{currency}} approssimata",
+  "{{currency}} rewards": "{{currency}} ricompense",
+  "{{currency}} slashed": "{{currency}} slashed",
+  "{{currency}} total": "{{currency}} totale",
+  "{{days}} days": "{{days}} giorni",
+  "{{done}}/{{total}}, {{progress}}% done": "{{done}}/{{total}}, {{progress}}% done",
+  "{{d}} days": "{{d}} giorni",
+  "{{eras}} eras remaining": "{{eras}} ere residue",
+  "{{executionTime}}s execution time": "{{executionTime}}s tempo di esecuzione",
+  "{{hours}} hrs": "{{hours}} ore",
+  "{{h}} hrs": "{{h}} ore",
+  "{{minutes}} mins": "{{minutes}}  minuti",
+  "{{m}} mins": "{{m}} minuti",
+  "{{name}} ({{size}} bytes)": "{{name}} ({{size}} bytes)",
+  "{{percentage}} aye": "{{percentage}} Si",
+  "{{percentage}}% of block time": "{percentage}}% di avanzamento del blocco",
+  "{{percentage}}% of block weight": "",
+  "{{percentage}}% turnout": "{{percentage}}% turnout",
+  "{{relayDispatchQueueSize}} dispatch messages pending": "{{relayDispatchQueueSize}} messaggi in coda di implementazione",
+  "{{seconds}} s": "{{seconds}} secondi",
+  "{{size}} WASM bytes": "",
+  "{{step}}. Sign with your ETH address": "{{step}}. Firma con il tuo indirizzo ETH",
+  "{{s}} s": "{{s}} secondi",
+  "{{threshold}}, not passing": "{{threshold}}, respinta",
+  "{{threshold}}, passing": "{{threshold}}, approvato",
+  "{{type}} copied": "{{type}} copiato",
+  "{{value}}x voting balance, locked for {{lock}}x enactment ({{period}} days)": "{{value}} x moltiplicatore di voto, fondi bloccati per {{lock}}x = {{period}} giorni"
+}
\ No newline at end of file
diff --git a/packages/apps/public/locales/ja/translation.json b/packages/apps/public/locales/ja/translation.json
new file mode 100644
index 0000000..63033c9
--- /dev/null
+++ b/packages/apps/public/locales/ja/translation.json
@@ -0,0 +1,571 @@
+{
+  "//hard///password": "//ハード///パスワード",
+  "//hard/soft": "//ハード/ソフト",
+  "//hard/soft///password": "//ハード/ソフト///パスワード",
+  "1 day": "1日",
+  "1 hr": "1時間",
+  "1 min": "1分",
+  "1 s": "1秒",
+  "1. Select your {{chain}} account": "{{chain}} を選択する",
+  "2. Enter the ETH address from the sale.": "セールに参加したETHアドレスを入力する",
+  "2. Sign ETH transaction": "ETHトランザクションにサインする",
+  "<empty>": "<空欄>",
+  "<unknown>": "<unknown>",
+  "A deployed contract that has either been deployed or attached. The address and ABI are used to construct the parameters.": "デプロイされた、またはアタッチされたコントラクト。アドレスとABIは、パラメータを構築するために使用されます。",
+  "ABI": "ABI",
+  "Account balance:": "アカウント残高",
+  "Accounts injected from any of these extensions will appear in this application and be available for use. The above list is updated as more extensions with external signing capability become available.": "外部ツールから挿入されたアカウントがここで表示され利用できます。上のリストは外部ツールが更新されるに従ってアップデートされます。",
+  "Add account": "アカウントを追加する",
+  "Add account via Qr": "QRを追加する",
+  "Add an account via seed {{step}}/{{STEPS_COUNT}}": "シード経由でアカウントを追加する{{step}}/{{STEPS_COUNT}}",
+  "Add an address": "アドレスを追加する",
+  "Add an existing code hash": "既存のコードハッシュを追加する",
+  "Add an existing contract": "既存のコントラクトを追加する",
+  "Add contact": "コントラクトを追加する",
+  "Add identity judgment": "アイデンティティーを追加する",
+  "Add item": "アイデムを追加",
+  "Add multisig": "マルチシグを追加する",
+  "Add via Ledger": "クエリーレッジャー",
+  "Add via Qr": "QRを追加する",
+  "Add via backup file": "バックアップファイルを追加する",
+  "Additional types as a JSON file (or edit below)": "追加の型が定義されたJSONファイル (もしくは下で編集してください)",
+  "Address Prefix": "アドレスプレフィックス",
+  "Adjust the mode from basic (with a limited number of beginner-user-friendly apps) to full (with all basic & advanced apps available)": "通常モード（初心者向け機能のみ）か全機能モード（初心者向け+上級者向け機能）かを設定します",
+  "Advanced creation options": "追加オプション",
+  "An URL that is linked to this identity.": "アイデンティティーと紐づくURL",
+  "An encrypted backup file will be created once you have pressed the \"Download\" button. This can be used to re-import your account on any other machine.": "ダウンロードのボタンを押すと暗号化されたバックアップファイルが作成されます。このファイルは異なるツールで鍵をインストールするときに使われます。",
+  "Approvals": "承認",
+  "Approve or reject this defender.": "このディフェンダーを承認するか拒否するか",
+  "Approve this call hash": "このコールハッシュを承認する",
+  "Approve this candidacy.": "この候補を承認する",
+  "Asset ID": "アセットID",
+  "Assets": "アセット",
+  "Authorize transaction": "認証されたトランザクション",
+  "Aye": "はい",
+  "Aye, I approve": "はい、承認します",
+  "Backup account": "バックアップアカウント",
+  "Block details": "ブロックの詳細",
+  "Call": "コール",
+  "Call a contract": "コントラクトをコールする",
+  "Call a method on this contract": "このコントラクトのメソッドをコールする",
+  "Call results": "結果をコールする",
+  "Call this message": "このメッセージをコールする",
+  "Cancel slashes": "スラッシュを削除する",
+  "Cancel this call hash": "このコールハッシュを拒否する",
+  "Chain info": "チェーン情報",
+  "Chain specifications": "チェーンの詳細",
+  "Change": "変更",
+  "Change account password": "アカウントのパスワードを変更",
+  "Change this account's password": "このアカウントのパスワードを変更",
+  "Claim": "取得",
+  "Claim tokens...": "トークンを取得する",
+  "Clear all": "全てをコールする",
+  "Clear expired democracy locks": "期限切れのデモクラシーのロックを精算する",
+  "Close": "閉じる",
+  "Close proposal": "ポータルを閉じる",
+  "Color": "カラー",
+  "Confirm ABI removal": "ABIが取り除かれたのを確認する",
+  "Confirm claim": "取得を確認する",
+  "Constants": "定数",
+  "Continue": "続ける",
+  "Copy the above string and sign an Ethereum transaction with the account you used during the pre-sale in the wallet of your choice, using the string as the payload, and then paste the transaction signature object below": "上記の文字列をコピーし、その文字列をペイロードとして使用して、プレセール時に使用したアカウントでEthereumの取引を任意のウォレットに署名し、下記の取引署名オブジェクトを貼り付けます。",
+  "Copy the following string and sign it with the Ethereum account you used during the pre-sale in the wallet of your choice, using the string as the payload, and then paste the transaction signature object below:": "以下の文字列をコピーして、その文字列をペイロードとして、プレセール時に使用したEthereumアカウントで任意のウォレットに署名し、以下のトランザクション署名オブジェクトを貼り付けます。",
+  "Council": "カウンシル",
+  "Council overview": "カウンシル概要",
+  "Create": "作成",
+  "Create a backup file for this account": "このアカウントのバックアップファイルを作成する",
+  "Create an account now.": "アカウントを作成する",
+  "Create and backup account": "アカウントのバックアップを作成する",
+  "Current prime member, default voting": "現在のプライムメンバー、デフォルトの投票",
+  "Decimals": "デシマル",
+  "Decimals decides the smallest unit of the token, which is 1/10^decimals": "小数はトークンの最小単位を決定します。",
+  "Delete this custom example": "このカスタム例を削除します。",
+  "Deploy": "デプロイ",
+  "Deploy a code hash": "コードハッシュをデプロイする",
+  "Deploy this code hash as a smart contract": "スマートコントラクトとしてこのコードハッシュをデプロイする",
+  "Deploy with this constructor": "このコンストラクターを一緒にデプロイする",
+  "Deposit": "デポジット",
+  "Deregister this parachain": "このパラチェーンの登録を解除する",
+  "Derive account from pair": "ペアーからアカウントを派生させる",
+  "Derive account via derivation path": "アカウントを分岐させる",
+  "Determines what cryptography will be used to create this account. Note that to validate on Polkadot, the session account must use \"ed25519\".": "このアカウントを作るために使われた暗号を確認する。セッションアカウントは\"ed25519\"を使わなければなりません。",
+  "Developer": "ディベロッパー",
+  "Development": "開発",
+  "Download": "ダウンロード",
+  "Either approve or reject this call.": "このコールを承認or拒否する",
+  "Enter the Asset ID of the token you want to manage.": "管理したいトークンのアセットIDを入力します。",
+  "Enter the Asset ID of the token you want to transfer.": "転送するトークンのアセットIDを入力します。",
+  "Erroneous": "不正確",
+  "Evaluated {{count}} keys in {{elapsed}}s ({{avg}} keys/s)": "{{elapsed}}s ({{avg}} keys/s) の中の {{count}} 鍵を評価する",
+  "Extensions": "エクステンション",
+  "External": "外部の",
+  "Extrinsic submission": "Extrinsic提出",
+  "Forget this account": "このアカウントを忘れました",
+  "Forget this address": "このアドレスを忘れました",
+  "Forget this asset": "アセットを忘れました",
+  "Forget this code hash": "このコードハッシュを忘れました",
+  "Forget this contract": "このコントラクトを忘れました",
+  "Forks": "フォーク",
+  "General": "一般",
+  "Generate {{lng}}/translation.json": "{{lng}}/translation.json を生成する",
+  "Genesis Hash": "ジェネシスハッシュ",
+  "Genesis Hash refers to initial state of the chain, it cannot be changed once the chain is launched": "ジェネシスハッシュはチェーンの初期状態を指し、チェーンが起動すると変更できません。",
+  "Hash data": "ハッシュデータ",
+  "I agree": "同意する",
+  "If the recipient account is new, the balance needs to be more than the existential deposit. Likewise if the sending account balance drops below the same value, the account will be removed from the state.": "受信者のアカウントが新しい場合、残高が外部の預金高より高い必要があります。同様に、もしアカウント残高がこの値より低い場合、アカウントは取り除かれます。",
+  "If you are moving accounts between applications, ensure that you use the correct type.": "もしアプリケーション間のアカウントで行き来している場合、正しい型を使用しているか注意してください。",
+  "Important notice": "重要な事項",
+  "In calculating the election outcome, this prioritized vote ordering will be used to determine the final score for the candidates.": "選挙結果を算出する際には、この優先順位をつけた投票順で、候補者の最終的な得点を決定することになります。",
+  "Initializing connection": "接続を初期化する",
+  "Initiate account recovery": "アカウントのリカバリーを初期化する",
+  "Initiate recovery for another": "他の人のためにリカバリーを初期化する",
+  "Injected": "挿入された",
+  "It is recommended that you create/store your accounts securely and externally from the app. On {{yourBrowser}} the following browser extensions are available for use -": "このアプリから",
+  "Judge": "ジャッジ",
+  "Known good": "良いと知られている",
+  "Learn more...": "もっと学ぶ....",
+  "Loading": "ローディング",
+  "Locked1x": "Locked1x",
+  "Locked2x": "Locked2x",
+  "Locked3x": "Locked3x",
+  "Locked4x": "Locked4x",
+  "Locked5x": "Locked5x",
+  "Locked6x": "Locked6x",
+  "Low quality": "低いクオリティー",
+  "Make Transfer": "送信を作成",
+  "Make recoverable": "リカバリー可能にする",
+  "Manage your connection to Ledger S": "Ledger Sへの接続を管理します",
+  "Message data": "メッセージデータ",
+  "Message origin.": "メッセージの起源",
+  "Messages": "メッセージ",
+  "Metadata {{count}}": "メタデータ {{count}}",
+  "Mnemonic": "ニーモニック",
+  "Most recent head data": "最新のヘッドデータ",
+  "Motions": "モーション",
+  "Multisig": "マルチシグ",
+  "Multisig approvals": "マルチシグの承認",
+  "Mutates contract state": "コントラクトの状態を変える",
+  "My accounts": "アカウント",
+  "My contacts": "コントラクト",
+  "Name given to this account. You can change it at any point in the future.": "このアカウントに与えられた名前。将来的にはいつでも変更することができます。",
+  "Name given to this account. You can edit it. To use the account to validate or nominate, it is a good practice to append the function of the account in the name, e.g \"name_you_want - stash\".": "このアカウントに与えられた名前。編集することができます。このアカウントを使用して検証や指名を行うには、アカウント名にそのアカウントの機能を追加するのが良い方法です。（例：\"name_you_want - stash\".）",
+  "Name given to this multisig. You can edit it at any later point in time.": "このマルチシグに与えられた名前。後からでも編集することができます。",
+  "Name of the network. It is only for display purposes.": "ネットワークの名前。これは表示をする目的のみで使用されます。",
+  "Name your example": "あなたの例に名前をつけます。",
+  "Nay": "いいえ",
+  "Network Name": "ネットワーク名",
+  "No": "いいえ",
+  "No assets found.": "アセットが見当たりません",
+  "No blocks available": "使用できるブロックがありません",
+  "No candidates found": "候補者がいません",
+  "No code hashes available": "使用可能なコードハッシュがありません",
+  "No contracts available": "使用可能なコントラクトがありません",
+  "No council motions": "カウンシルモーションがありません",
+  "No documentation provided": "ドキュメンテーションが提示されていません",
+  "No events available": "使用できる有効なイベントがありません",
+  "No judgments": "ノー・ジャッジメント",
+  "No logs available": "使用できるログがありません",
+  "No matches found": "該当するものがありませんでした",
+  "No members found": "メンバーがいませんでした",
+  "No pending extrinsics are in the queue": "このキューにはペンディング中のextrinsics がありません",
+  "No runners up found": "次点は見つかりませんでした",
+  "Node info": "ノード情報",
+  "None": "なし",
+  "Not updated in the last block": "最後のブロックにはアップデートされていません",
+  "Override the default identity icon display with a specific theme": "アイコンのテーマを設定します",
+  "Override the default ss58 prefix for address generation": "ss58を基準とするアドレスを生成するときに使われる接頭辞の値を上書きします",
+  "Owned": "所有",
+  "Parachains overview": "パラチェーンの概要",
+  "Paste here the address of the contact you want to add to your address book.": "アドレス帳に追加したい連絡先のアドレスをここに貼り付けてください。",
+  "Pending call hashes": "ペンディングコールハッシュ",
+  "Please make sure to save this file in a secure location as it is required, together with your password, to restore your account.": "このファイルは、アカウントを復元するためにパスワードと一緒に必要なので、必ず安全な場所に保存してください。",
+  "Please read these terms and conditions carefully. By submitting this statement, you are deemed to have accepted these Terms and Conditions. If you do not agree to these terms, please refrain from accessing or proceeding. You can also find them at:": "本規約をよくお読みください。本ステートメントを送信することで、本規約に同意したものとみなされます。これらの条件に同意しない場合は、アクセスまたは先に進むことをお控えください。また、以下のサイトにも掲載されています",
+  "Positive number between 1 and {{memberCount}}": "1から {{memberCount}} 間の整数です",
+  "Positive number greater than or equal to {{nextFreeId}}": "{{nextFreeId}}よりも大きいか同じ整数値",
+  "Pre-sale ethereum address": "プレセールのEthereumアドレス",
+  "Propose": "提案",
+  "Propose a council motion": "カウンシルモーションを提出する",
+  "Provide judgement": "ジャッジメントを提供する",
+  "Provide the account QR from the module/external application for scanning. Once detected as valid, you will be taken to the next step to add the account to your list.": "スキャンするためにモジュール/外部アプリケーションからアカウントのQRを提供します。有効として検出された場合、次のステップに移行しあなたのリストにアカウントが追加されます。",
+  "RPC calls": "RPCコール",
+  "Raw seed": "生のシード",
+  "Raw storage": "生のストレージ",
+  "Reasonable": "適切な",
+  "Reassign": "再度アサインする",
+  "Redeem": "再取得",
+  "Register": "登録",
+  "Register Asset": "アセットを登録する",
+  "Register a parachain": "パラチェーンを登録する",
+  "Register an Asset": "アセットを登録する",
+  "Register identity": "アイデンティティを登録する",
+  "Remove": "取り除く",
+  "Remove ABI": "ABIを取り除く",
+  "Remove item": "アイテムを取り除く",
+  "Reset": "リセット",
+  "Restore": "復元する",
+  "Restore JSON": "JSONを復元する",
+  "Save": "保存",
+  "Save & Reload": "保存して更新",
+  "Save snippet to local storage": "ローカルのストレージに一部を保存します。",
+  "Save the type definitions for your custom structures as key-value pairs in a valid JSON file. The key should be the name of your custom structure and the value an object containing your type definitions.": "カスタム構造体のための型定義をキー・値の対となるように有効なJSONファイルに保存します。キーにはカスタム構造体の名前を、値には型定義が入ったオブジェクトを設定してください。",
+  "Save this backup file in a secure location. Additionally, the password associated with this account is needed together with this backup file in order to restore your account.": "このバックアップファイルを安全な場所に保存してください。さらに、アカウントを復元するには、このバックアップファイルと一緒に、このアカウントに関連付けられたパスワードが必要です。",
+  "Saved": "セーブ",
+  "Search for": "検索する",
+  "Select Network": "ネットワークを選択する",
+  "Select a contact or paste the address you want to send funds to.": "連絡先を選択するか、送金先のアドレスを貼り付けてください。",
+  "Select example": "例を選択します。",
+  "Select the JSON key file that was downloaded when you created the account. This JSON file contains your private key encrypted with your password.": "アカウントを作成した際にダウンロードしたJSONキーファイルを選択します。このJSONファイルには、パスワードで暗号化された秘密鍵が含まれています。",
+  "Select the account you wish to recover into this account.": "このアカウントに復元したいアカウントを選択します。",
+  "Select the remote endpoint, either from the dropdown on manual entered via the custom toggle": "ドロップダウンの中からリモートノードを選択するかカスタムエンドポイントをオンにして記入します",
+  "Send funds": "資金を送る",
+  "Send funds from this account": "このアカウントから資金を送る",
+  "Send funds to this address": "このアカウントに資金を送る",
+  "Set Identity": "アイデンティティをセットする",
+  "Set on-chain identity": "オンチェーンアイデンティティをセットする",
+  "Set sudo key": "sudoキーをセットする",
+  "Setup account as recoverable": "アカウントを復元可能にセットする",
+  "Should the search be case sensitive, e.g if you select \"no\" your search for \"Some\" may return addresses containing \"somE\" or \"sOme\"...": "大文字小文字を区別して検索する必要があります。例えば、\"no \"を選択した場合、\"Some \"を検索すると、\"some \"または \"sOme \"を含むアドレスが返されるかもしれません...",
+  "Show address on hardware device": "ハードウェアデバイスのアドレスを表示する",
+  "Sign message": "メッセージに署名する",
+  "Signed transaction": "署名されたトランザクション",
+  "Since the multisig function like any other account, once created it is available for selection anywhere accounts are used and needs to be funded before use.": "マルチシグは他のアカウントと同様に機能するため、一度作成されたアカウントはどこでも使用可能で、使用する前に資金を調達する必要があります。",
+  "Society": "ソサエティー",
+  "Specify the user account to use for this contract call. And fees will be deducted from this account.": "このコントラクトコールで使用するユーザーアカウントを指定します。そして、手数料はこのアカウントから差し引かれます。",
+  "Specify the user account to use for this deployment. And fees will be deducted from this account.": "このデプロイに使用するユーザー アカウントを指定します。このアカウントから手数料が差し引かれます。",
+  "Specify the user account to use for this deployment. Any fees will be deducted from this account.": "このデプロイに使用するユーザー アカウントを指定します。料金はこのアカウントから差し引かれます。",
+  "Start generation": "生成を始める",
+  "Start recovery": "復元を始める",
+  "Stop generation": "生成をストップする",
+  "Storage": "ストレージ",
+  "Submit (no signature)": "提出する（署名なし）",
+  "Submit RPC call": "RPCコールを提出する",
+  "Submit Sudo": "Sudoを提出する",
+  "Submit Transaction": "トランザクションを提出",
+  "Submit Unsigned": "「署名なし」を提出",
+  "Sudo access": "Sudoアクセス",
+  "Sudo key": "Sudo キー",
+  "Supply a backed-up JSON file, encrypted with your account-specific password.": "アカウント固有のパスワードで暗号化されたバックアップJSONファイルを提供してください。",
+  "Technical committee": "テクニカルコミッティー",
+  "Test account": "テストアカウント",
+  "The ABI for the WASM code. In this step it is optional, but setting it here simplifies the setup of contract instances.": "WASM コードの ABI。このステップは省略可能ですが、ここで設定すると、コントラクト インスタンスのセットアップが簡単になります。",
+  "The ABI for the WASM code. Since we will be making a call into the code, the ABI is required and stored for future operations such as sending messages.": "WASMコードのABI。コードを呼び出すことになるので、メッセージの送信などの将来の操作のために ABI が必要であり、保存されています。",
+  "The Ethereum address you used during the pre-sale (starting by \"0x\")": "プレセールで使用したEthereumのアドレス（0xから始まります）",
+  "The account password as specified when creating the account. This is used to encrypt the backup file and subsequently decrypt it when restoring the account.": "アカウントの作成時に指定したアカウント パスワード。これは、バックアップファイルを暗号化し、その後アカウントを復元する際に復号化するために使用されます。",
+  "The account you want to claim to.": "取得をしたいアカウント",
+  "The account you will send funds from.": "資金を送るアカウント",
+  "The address for the deployed contract instance.": "コントラクトのインスタンスをデプロイするために必要なアドレス",
+  "The addresses that are able to approve multisig transactions. You can select up to {{maxHelpers}} trusted addresses.": "マルチシグのトランザクションを承認できるアドレスです。信頼できるアドレスは{{{maxHelpers}}}つまで選択できます。",
+  "The addresses that are able to help in recovery. You can select up to {{maxHelpers}} trusted helpers.": "復元に協力できるアドレスです。信頼できるヘルパーは{{maxHelpers}}つまで選択できます。",
+  "The allotted endowment for this contract, i.e. the amount transferred to the contract upon instantiation.": "このコントラクトのために割り当てられた寄附金、すなわち、インスタンス化時にコントラクトに転送された金額。",
+  "The allotted value for this contract, i.e. the amount transferred to the contract as part of this call.": "このコントラクトに割り当てられた値、すなわち、この呼び出しの一部としてコントラクトに転送された金額。",
+  "The beneficiary will have access to the transferred fees when the transaction is included in a block.": "受益者は、取引がブロックに含まれている場合、譲渡された手数料にアクセスすることができます。",
+  "The call hashes that have not been executed as of yet.": "まだ実行されていないコールハッシュ。",
+  "The code hash for the on-chain deployed code.": "オンチェーンにデプロイされたコードハッシュ",
+  "The code is not recognized as being in valid WASM format": "コードが有効な WASM 形式であると認識されません。",
+  "The codeHash is not a valid hex hash": "コードハッシュが有効なhexハッシュではありません",
+  "The compiled WASM for the contract that you wish to deploy. Each unique code blob will be attached with a code hash that can be used to create new instances.": "デプロイしたいコントラクト用にコンパイルされた WASM。各固有のコードブロブには、新しいインスタンスを作成するために使用できるコードハッシュが添付されます。",
+  "The compiled runtime WASM for the parachain you wish to register.": "登録したいパラチェーンのコンパイル済みランタイムWASM。",
+  "The compiled runtime WASM for this parachain.": "このパラチェーンのコンパイル済みランタイム WASM。",
+  "The contract WASM previously deployed. Internally this is identified by the hash of the code, as either created or attached.": "以前にデプロイしたコントラクト WASM。内部的には、これはコードのハッシュで識別され、作成されたか添付されたかのどちらかになります。",
+  "The delay between vouching and the availability of the recovered account.": "記録されたアカウントの可用性と証明間の遅延",
+  "The deployment constructor information for this contract, as provided by the ABI.": "ABI が提供するこの契約のデプロイメントコンストラクタ情報。",
+  "The derivation path allows you to create different accounts from the same base mnemonic.": "派生パスでは、同じベースのニーモニックから異なるアカウントを作成することができます。",
+  "The email address associated with this identity.": "このアイデンティティーに紐づくemailアドレス",
+  "The existing account password as specified when this account was created or when it was last changed.": "このアカウントが作成されたとき、または最後に変更されたときに指定された既存のアカウントのパスワード。",
+  "The helpers should be able to verify, via an off-chain mechanism, that the account owner indeed wishes to recover access and as such provide any approvals. In the cases of malicious recovery procedures, they will have the power to stop it.": "ヘルパーは、アカウントの所有者が本当にアクセスの回復を望んでいるかどうかを、オフチェーンのメカニズムを介して検証し、そのような承認を提供することができるはずです。悪意のある回復手順の場合、彼らはそれを止める力を持つことになります。",
+  "The id number to assign to this parachain.": "このパラチェーンに割り当てるID番号。",
+  "The id of the parachain to be deregistered.": "登録解除されるパラチェーンのID。",
+  "The initial head state for the parachain.": "パラチェーンの初期ヘッド状態。",
+  "The initial head state is invalid.": "初期のヘッド状態は無効です。",
+  "The legal name for this identity.": "アイデンティティのためのリーガルネーム",
+  "The local name for this account. Changing this does not affect your on-line identity, so this is only used to indicate the name of the account locally.": "このアカウントのローカル名。これを変更してもオンラインIDには影響しないので、これはローカルでアカウントの名前を示すためにのみ使用されます。",
+  "The maximum amount of gas that can be used by this call. If the code requires more, the call will fail.": "この呼び出しで使用できるガスの最大量。コードがそれ以上の量を必要とする場合、この呼び出しは失敗します。",
+  "The maximum amount of gas that can be used by this deployment, if the code requires more, the deployment will fail.": "このデプロイで使用できるガスの最大量は、コードがそれ以上必要な場合、デプロイは失敗します。",
+  "The maximum amount of gas to use for this contract call. If the call requires more, it will fail.": "このコントラクトコールで使用するガスの最大量です。それ以上の量を必要とする場合、コールは失敗します。",
+  "The message to send to this contract. Parameters are adjusted based on the ABI provided.": "このコントラクトに送信するメッセージ。パラメータは、提供されたABIに基づいて調整されます。",
+  "The minimum amount that an account should have to be deemed active": "アカウントがアクティブであるとみなされるために必要な最低金額。",
+  "The name for this account and how it will appear under your addresses. With an on-chain identity, it can be made available to others.": "このアカウントの名前と、それがあなたのアドレスの下にどのように表示されるか。オンチェーンのIDがあれば、他の人が利用できるようにすることができます。",
+  "The name is for unique identification of the account in your owner lists.": "この名前は、所有者リストの中でこのアカウントを一意に識別するためのものです。",
+  "The name that will be displayed in your accounts list.": "アカウントリストに表示される名前です。",
+  "The new account password. Once set, all future account unlocks will be performed with this new password.": "新しいアカウントのパスワード。一度設定すると、今後のすべてのアカウントのロック解除は、この新しいパスワードで実行されます。",
+  "The password and password confirmation for this account. This is required to authenticate any transactions made and to encrypt the keypair.": "このアカウントのパスワードとパスワードの確認。これは、行われたすべてのトランザクションを認証し、キーペアを暗号化するために必要です。",
+  "The password previously used to encrypt this account.": "以前にこのアカウントの暗号化に使用したパスワード。",
+  "The password to unlock the selected account.": "選択したアカウントのロックを解除するためのパスワード。",
+  "The private key for your account is derived from this seed. This seed must be kept secret as anyone in its possession has access to the funds of this account. If you validate, use the seed of the session account as the \"--key\" parameter of your node.": "アカウントの秘密鍵はこのシードから取得します。このシードを持っている人は誰でもこのアカウントの資金にアクセスできるので、このシードは秘密にしておかなければなりません。検証する場合は、セッションアカウントのシードをノードの\"--key \"パラメータとして使用します。",
+  "The recoverable account is protected against the loss of seed/access by a social process.": "復元可能なアカウントは、ソーシャルプロセスによってシード/アクセスの損失から保護されています。",
+  "The scheduling preference for this parachain.": "このパラチェーンのスケジューリング優先順位。",
+  "The scheduling setting for this parachain.": "このパラチェーンのスケジューリング設定。",
+  "The secret seed value for this account. Ensure that you keep this in a safe place, with access to the seed you can re-create the account.": "このアカウントの秘密のシード値。安全な場所に保管しておくことを確認し、シードにアクセスすることでアカウントを再作成することができます。",
+  "The selected account to perform the derivation on.": "派生を実行するために選択されたアカウント。",
+  "The signatories has the ability to create transactions using the multisig and approve transactions sent by others.Once the threshold is reached with approvals, the multisig transaction is enacted on-chain.": "署名者は、マルチシグを使用してトランザクションを作成し、他の人が送信したトランザクションを承認する機能を持っています。",
+  "The signatory to send the approval/cancel from": "承認/否認を送るための署名",
+  "The threshold for approval should be less or equal to the number of signatories for this multisig.": "承認のための閾値は、このマルチシグの署名者数以下でなければならない。",
+  "The threshold for approvals and the delay is the protection associated with the account. The delay should be such that any colluding recovery attempts does have a window to stop.": "承認の閾値と遅延は、アカウントに関連した保護方法です。遅延は、共謀した復旧の試みが停止するチャンスを持つようなものでなければなりません。",
+  "The threshold for this multisig": "マルチシグの閾値",
+  "The threshold of vouches that is to be reached for the account to be recovered.": "アカウントを回収するために到達すべき伝票の閾値",
+  "The transferred balance will be subtracted (along with fees) from the sender account.": "転送された残高は、送信者アカウントから（手数料とともに）差し引かれます",
+  "The twitter name for this identity.": "このアイデンティティのtwitter名",
+  "The unchecked weight as specified for the sudoUncheckedWeight call.": "sudoUncheckedWeightコールで指定されたチェックされていないweight。",
+  "The value is not in a valid address format": "この値は有効なアドレスフォーマットではありません。",
+  "There are no registered parachains": "登録されているパラチェーンがありません。",
+  "These are trusted individuals that can verify and approve any recovery actions. With recovery, once the threshold is reached, the funds associated with the account can be moved to a new destination.": "これらは、任意のリカバリーアクションを確認し、承認することができる信頼できる個人です。リカバリーでは、閾値に達すると、アカウントに関連付けられた資金を新しい宛先に移動することができます。",
+  "This Ethereum address does not have a claim.": "Ethereumアドレスには取得可能な資金がありません",
+  "This account is recoverable, with the following friends:": "このアカウントは、次の友人と一緒に、復旧可能です。",
+  "This is not a valid JSON object.": "無効なJSONオブジェクトです。",
+  "This operation does not impact the associated on-chain code or any of its contracts.": "この操作は、関連するオンチェーンコードやそのコントラクトには影響しません。",
+  "This operation does not remove the uploaded code WASM and ABI from the chain, nor any deployed contracts. The forget operation only limits your access to the code on this browser.": "この操作は、チェーンからアップロードされたコードWASMとABIを削除するものではなく、デプロイされたコントラクトも削除しません。この操作は、このブラウザ上のコードへのアクセスを制限するだけです。",
+  "This password is used to encrypt your private key. It must be strong and unique! You will need it to sign transactions with this account. You can recover this account using this password together with the backup file (generated in the next step).": "このパスワードは、秘密鍵を暗号化するために使用されます。それは強くてユニークでなければなりません！このパスワードは、あなたの秘密鍵を暗号化するために使用されます。このアカウントでの取引に署名するために必要になります。このパスワードとバックアップファイル(次のステップで生成された)を使用して、このアカウントを復旧することができます。",
+  "This will apply to any future use of this account as stored on this browser. Ensure that you securely store this new password and that it is strong and unique to the account.": "これは、このブラウザに保存されているこのアカウントの将来の使用に適用されます。この新しいパスワードを安全に保存し、アカウントに固有の強力なパスワードであることを確認してください。",
+  "Transfer": "送信",
+  "Type here what you would like your address to contain. This tool will generate the keys and show the associated addresses that best match your search. You can use \"?\" as a wildcard for a character.": "ここに、あなたのアドレスを含むようにしたいものを入力してください。このツールはキーを生成し、検索に最も適した関連するアドレスを表示します。文字のワイルドカードとして「?」を使用することができます。",
+  "Type the amount you want to transfer. Note that you can select the unit on the right e.g sending 1 milli is equivalent to sending 0.001.": "送金したい金額を入力します。右側の単位を選択することができます。例えば1ミリを送信すると0.001を送信するのと同じです。",
+  "Type the name of this Asset. This name will be used across all the apps. It can be edited later on.": "このアセットの名前を入力します。この名前はすべてのアプリで使用されます。後で編集することができます。",
+  "Type the name of your contact. This name will be used across all the apps. It can be edited later on.": "連絡先の名前を入力します。この名前はすべてのアプリで使用されます。後で編集することができます。",
+  "Type the password chosen at the account creation. It was used to encrypt your account's private key in the backup file.": "アカウント作成時に選択したパスワードを入力します。これは、バックアップファイル内のアカウントの秘密鍵を暗号化するために使用されました。",
+  "Unable to find deployed contract code at the specified address": "指定されたアドレスにデプロイされたコントラクトコードが見つかりません",
+  "Unable to find on-chain WASM code for the supplied codeHash": "指定されたアドレスにデプロイされたコントラクトコードが見つかりません",
+  "Unknown": "Unknown",
+  "Unlock": "アンロック",
+  "Updated in the latest block": "最新のブロックをアップデートする",
+  "Upload": "アップロード",
+  "Upload WASM": "WASMをアップロードする",
+  "Vanity generator": "バニティージェネレーター",
+  "Verify the password entered above.": "上記で入力したパスワードを確認します。",
+  "Waiting for authorization from the extension. Please open the installed extension and approve or reject access.": "外部ツールからの承認を待っています。インストールした外部ツールを開きアクセスの許可or拒否をしてください。",
+  "Warning: we did not find any attest statement for {{chain}}": "警告： {{chain}}上でアセットを検出することができませんでした",
+  "We found a pre-claim with this Polkadot address. However, attesting requires signing with this account. To continue with attesting, please add this account as an owned account first.": "このPolkadotのアドレスで取得前の資産を見つけました。しかし、認証するにはこのアカウントの署名が必要です。認証を継続するには、まずこのアカウントを所有アカウントとして追加してください。",
+  "We will provide you with a generated backup file after your account is created. As long as you have access to your account you can always download this file later by clicking on \"Backup\" button from the Accounts section.": "アカウントが作成された後、生成されたバックアップファイルを提供します。アカウントにアクセスしている間は、アカウントセクションの「バックアップ」ボタンをクリックすることで、いつでもこのファイルをダウンロードすることができます。",
+  "Yes": "はい",
+  "You are about to remove this code from your list of available code hashes. Once completed, should you need to access it again, you will have to manually add the code hash again.": "利用可能なコードハッシュのリストからこのコードを削除しようとしています。完了したら、再度アクセスする必要がある場合は、手動でコードハッシュを再度追加する必要があります。",
+  "You are about to remove this code's ABI. Once completed, should you need to access it again, you will have to manually re-upload it.": "このコードのABIを削除します。削除が完了したら、再度アクセスする必要がある場合は、手動で再アップロードする必要があります。",
+  "You are connecting from a secure location to an insecure WebSocket ({{wsUrl}}). Due to browser mixed-content security policies this connection type is not allowed. Change the RPC service to a secure 'wss' endpoint.": "安全なロケーションから安全ではないWebSocket ({{wsUrl}})に接続しようとしています。ブラウザーのセキュリティー・ポリシーによりこの接続タイプは許可されていません。RPCサーバーを安全な'wss' エンドポイントに変更してください。",
+  "You are not connected to a node. Ensure that your node is running and that the Websocket endpoint is reachable.": "ノードに接続していません。ノードが起動していてWebsocketのエンドポイントが接続できることを確認してください。",
+  "You are using an ABI with an outdated format. Please generate a new one.": "古いフォーマットのABIを使用しています。新しいものを生成してください。",
+  "You can set a custom derivation path for this account using the following syntax \"/<soft-key>//<hard-key>///<password>\". The \"/<soft-key>\" and \"//<hard-key>\" may be repeated and mixed`. The \"///password\" is optional and should only occur once.": "以下の構文\"/<soft-key>//<hard-key>///<password>\"を使用して、このアカウントのカスタム派生パスを設定することができます。\"/<soft-key>\" と \"//<hard-key>\" は繰り返しても混合しても構いません`。\"///password \"は任意であり、一度だけ出現させるべきです。",
+  "You do not have access to the current sudo key": "現在のsudoキーへのアクセスがありません。",
+  "You don't have any accounts. Some features are currently hidden and will only become available once you have accounts.": "アカウントを保有していません。いくつかの特徴が利用できません。アカウントを作成の後利用できるようになります。",
+  "You have {{claimCount}} accounts that need attestations. Use the Claim Tokens app on the navigation bar to complete the process. Until you do, your balances for those accounts will not be reflected.": "認証が必要な{{{claimCount}}}アカウントがあります。左のナビゲーションバーのClaim Tokensアプリを使用して、プロセスを完了させてください。このプロセスを完了するまで、これらのアカウントの残高は反映されません。",
+  "You need to sign an attestation for the following account:": "下記のアカウントの証明書にサインが必要です。",
+  "You need to sign an attestation for the following accounts:": "下記のアカウントの証明書にサインが必要です。",
+  "You will no longer have sudo access": "sudoへのアクセスがもうできません",
+  "Your Ethereum account": "Ethereumアカウント",
+  "Your custom types have been added": "カスタムタイプが追加されました",
+  "a riot name linked to this identity": "このアイデンティティーに紐づくriotの名前",
+  "account forgotten": "アカウントを忘れました",
+  "account restored": "アカウントが復元されました",
+  "accounts": "アカウント",
+  "address": "アドレス",
+  "address created": "アドレスが生成されました",
+  "address edited": "アドレスが編集されました",
+  "address forgotten": "アドレスを忘れました",
+  "address prefix": "アドレス接頭辞",
+  "amount": "量",
+  "approval type": "承認のタイプ",
+  "asset id": "アセットid",
+  "available signatories": "利用可能な署名",
+  "available social recovery helpers": "利用可能なソーシャルリカバリーヘルパー",
+  "aye: bool": "はい: bool",
+  "backup file": "バックアップファイル",
+  "balances": "残高",
+  "best": "best",
+  "best #": "best #",
+  "best block": "best block",
+  "best hash": "best ハッシュ",
+  "block hash or number to query": "ブロックハッシュ or キューの番号",
+  "blocks": "ブロック",
+  "call from account": "アカウントからコールする",
+  "case sensitive": "大文字小文字を区別する",
+  "claim to account": "アカウントを取得する",
+  "click to copy": "クリックしてコピーする",
+  "click to select or drag and drop a JSON ABI file": "JSPN ABIファイルをクリックするかドラッグアンドドロップしてください",
+  "code": "コード",
+  "code for this contract": "このコントラクトのコード",
+  "code hash": "コードハッシュ",
+  "compiled contract WASM": "WASMコントラクトをコンパイルする",
+  "connected peers": "接続されたピア",
+  "contacts": "連絡先",
+  "contract address": "コントラクトアドレス",
+  "contract to use": "コントラクトを使用する",
+  "conviction: Conviction": "conviction: Conviction",
+  "copied": "コピー完了",
+  "created account": "アカウントを作成する",
+  "created multisig": "マルチシグを作成する",
+  "custom endpoint": "カスタムエンドポイント",
+  "data": "データ",
+  "default icon theme": "アイコンテーマ",
+  "default interface language": "言語",
+  "delay": "遅延",
+  "deploy": "デプロイ",
+  "deployment account": "デプロイアカウント",
+  "deployment constructor": "デプロイコンストラクター",
+  "deposit": "デポジット",
+  "derivation path": "派生パス",
+  "derive root account": "ルートアカウントを派生する",
+  "details": "詳細",
+  "development seed": "開発のシード",
+  "display name": "表示名",
+  "does not appear to have a valid claim. Please double check that you have signed the transaction correctly on the correct ETH account.": "有効な取得権限を持っているようには見えません。正しいETHアカウントで正しく取引に署名したかどうかを二重に確認してください。",
+  "email": "email",
+  "endowment": "寄付金",
+  "epoch": "エポック",
+  "era": "エラ",
+  "events": "イベント",
+  "everything": "すべて",
+  "exclude option": "オプションを除外する",
+  "exclude value": "値を含めない",
+  "execute": "実行",
+  "existential deposit": "実存預金",
+  "extrinsics": "extrinsics",
+  "filter by name or tags": "名前orタグでフィルターする",
+  "finalized": "ファイナライズされた",
+  "forks": "フォーク",
+  "free balance": "free 残高",
+  "has a valid claim for": "有効な取得権限をもっています",
+  "hash": "ハッシュ",
+  "heads": "ヘッド",
+  "hex-encoded storage key": "hexエンコードストレージキー",
+  "identity": "アイデンティティー",
+  "immortal": "永続的な",
+  "include option": "オプションを入れる",
+  "include value": "値を含める",
+  "index": "インデックス",
+  "initial head state": "細書のヘッドステート",
+  "interface operation mode": "機能モード",
+  "invalid ABI file selected": "有効ではないABIファイルが選択されました",
+  "invalid/unknown registrar account": "登録アカウントが不正/わかりません",
+  "judgement": "ジャジメント",
+  "keypair crypto type": "クリプトタイプキーペアー",
+  "last block": "最後のブロック",
+  "legal name": "名前",
+  "lng.detect": "ブラウザー設定言語（自動反映）",
+  "logs": "ログ",
+  "manage hardware connections": "ハードウェアへの接続を管理します",
+  "matches": "マッチ",
+  "maximum gas allowed": "gasの最大値",
+  "message to send": "送信するメッセージ",
+  "mnemonic seed": "ニーモニックシード",
+  "multisig": "マルチシグ",
+  "multisig name": "マルチシグ名",
+  "name": "名前",
+  "nav.accounts": "アカウント",
+  "nav.claims": "トークンを取得する",
+  "nav.contracts": "コントラクト",
+  "nav.council": "カウンシル",
+  "nav.dashboard": "ダッシュボード",
+  "nav.democracy": "デモクラシー",
+  "nav.explorer": "エクスプローラー",
+  "nav.extrinsics": "Extrinsics",
+  "nav.generic-asset": "ジェネリックアセット",
+  "nav.i18n": "I18n Translator",
+  "nav.js": "JavaScript",
+  "nav.parachains": "パラチェーン",
+  "nav.rpc": "RPCコール",
+  "nav.settings": "設定",
+  "nav.society": "ソサエティー",
+  "nav.staking": "ステイキング",
+  "nav.storage": "チェーン状態",
+  "nav.sudo": "Sudo",
+  "nav.tech-comm": "Tech. comm.",
+  "nav.toolbox": "ツールボックス",
+  "nav.transfer": "送信",
+  "nav.treasury": "トレジュリー",
+  "new account": "新しいアカウント",
+  "new address": "新しいアドレス",
+  "next id": "次のID",
+  "no accounts yet, create or import an existing": "まだ新しいアカウントがありません。作成するか既存のものをイポーとしてください。",
+  "no addresses saved yet, add any existing address": "アドレスが保存されていません。既存のアドレスを追加してください。",
+  "no messages": "ノー・メッセージ",
+  "no tags": "タグなし",
+  "origin": "オリジン",
+  "parachain id": "パラチェーン ID",
+  "parachains": "パラチェーン",
+  "parent": "親",
+  "password": "パスワード",
+  "password (repeat)": "パスワード",
+  "pending hashes": "ハッシュをペンディングする",
+  "pending swap id": "ペンディングスワップID",
+  "recover this account": "このアカウントを復旧する",
+  "recovery block delay": "ブロックの遅延を復旧する",
+  "recovery threshold": "出発点を復旧する",
+  "registrar account": "アカウントを登録する",
+  "registrar index": "indexを登録する",
+  "relay dispatch queue": "リレーディスパッチキュー",
+  "remote node/endpoint to connect to": "リモートノード・エンドポイント",
+  "riot": "riot",
+  "riot name": "riot名",
+  "rpc.beresheet": "Beresheet (Edgeware Testnet, hosted by Commonwealth Labs)",
+  "rpc.bifrost": "Bifrost Asgard",
+  "rpc.custom": "カスタムエンドポイント",
+  "rpc.edgeware": "Edgeware (Edgeware Mainnet, hosted by Commonwealth Labs)",
+  "rpc.flamingfir": "Flaming Fir (Substrate Testnet, hosted by Parity)",
+  "rpc.header.dev": "開発環境",
+  "rpc.header.live": "メイン環境",
+  "rpc.header.test": "テストネット",
+  "rpc.kulupu": "Kulupu (Kulupu Mainnet, hosted by Kulupu)",
+  "rpc.kusama.ava": "Kusama (Polkadot Canary, user-run public nodes; see https://status.cloud.ava.do/)",
+  "rpc.kusama.parity": "Kusama (Polkadot Canary, hosted by Parity)",
+  "rpc.kusama.w3f": "Kusama (Polkadot Canary, hosted by Web3 Foundation)",
+  "rpc.litentry.test": "Litentry (Testnet, hosted by Litentry)",
+  "rpc.local": "Local Node (Own, 127.0.0.1:9944)",
+  "rpc.mandala": "Mandala (Acala Testnet, hosted by Acala)",
+  "rpc.nodle-arcadia": "Arcadia (Nodle Testnet, hosted by Nodle)",
+  "rpc.sora-substrate": "SORA",
+  "rpc.sora-substrate-staging": "SORA-staging (SORA-staging Testnet, hosted by Soramitsu)",
+  "rpc.turbulence": "Turbulence (Laminar Testnet, hosted by Laminar)",
+  "rpc.westend": "Westend (Polkadot Testnet, hosted by Parity)",
+  "scheduling": "スケジューリング",
+  "secret": "秘密",
+  "secret derivation path": "秘密の分岐パス",
+  "seed (hex or string)": "シード（hexかstring）",
+  "selected constant query": "選択された定数クエリー",
+  "selected signatories": "選択された署名",
+  "selected state query": "選択されたステートクエリー",
+  "send": "送信",
+  "send as RPC call": "RPCコールとして送信する",
+  "send as transaction": "トランザクションを送信する",
+  "send from account": "アカウントから送信する",
+  "send to address": "アカウントに送信する",
+  "signatories": "署名",
+  "signatory": "署名",
+  "ss58.centrifuge": "Centrifuge (live)",
+  "ss58.default": "デフォルト接続ノード",
+  "ss58.edgeware": "Edgeware (live)",
+  "ss58.kusama": "Kusama (canary)",
+  "ss58.polkadot": "Kusama (canary)",
+  "ss58.substrate": "Substrate (generic)",
+  "submit the following change": "以下の変更を提出する",
+  "submit the following extrinsic": "次のextrinsicを提出する",
+  "sudo key": "sudoキー",
+  "sudo with unchecked weight parameter": "チェックされていないweightパラメーター付きのsudo",
+  "sudo without unchecked weight parameter": "チェックされていないweightパラメーター付きではないsudo",
+  "swap to id": "IDにスワップする",
+  "tags": "タグ",
+  "the account to make recoverable": "復元可能にするアカウント",
+  "the account to recover to": "復元をするアカウント",
+  "the language to display translations for": "翻訳を表示する言語",
+  "threshold": "出発点",
+  "transactions": "トランザクション",
+  "transfer received": "受信",
+  "transferrable": "送信可能な",
+  "trusted social recovery helpers": "信頼できるソーシャルリカバリーヘルパー",
+  "twitter": "twitter",
+  "type": "タイプ",
+  "unchecked weight for this call": "このコールのチェックされていないweight",
+  "update on #{{index}}": "#{{index}}をアップデートする",
+  "using the selected account": "選択されたアカウントを使用する",
+  "value": "値",
+  "version {{version}}": "バージョン {{version}}",
+  "web": "web",
+  "website": "website",
+  "your current password": "現在のパスワード",
+  "your new password": "新しいパスワード",
+  "{{count}} key/value pairs encoded for submission": "エンコードされた {count}} キー/値 のペアー",
+  "{{days}} days": "{{days}}日",
+  "{{executionTime}}s execution time": "{{executionTime}} 実行時間",
+  "{{hours}} hrs": "{{hours}} 時間",
+  "{{minutes}} mins": "{{minutes}} 分",
+  "{{percentage}}% of block time": "ブロックタイム {{percentage}} %",
+  "{{relayDispatchQueueSize}} dispatch messages pending": "{{relayDispatchQueueSize}} ディスパッチメッセージペンディング",
+  "{{seconds}} s": "{{seconds}} 秒",
+  "{{step}}. Sign with your ETH address": "{{step}}. ETHアドレスでサインしてください"
+}
\ No newline at end of file
diff --git a/packages/apps/public/locales/ko/translation.json b/packages/apps/public/locales/ko/translation.json
new file mode 100644
index 0000000..e8a2a61
--- /dev/null
+++ b/packages/apps/public/locales/ko/translation.json
@@ -0,0 +1,1487 @@
+{
+  "//hard": "//hard",
+  "//hard///password": "//hard///password",
+  "//hard/soft": "//hard/soft",
+  "//hard/soft///password": "//hard/soft///password",
+  "0.1x voting balance, no lockup period": "0.1x 투표 잔고 , 록업 기간 없음",
+  "1 billion DOTs; 10 decimals": "10억 DOTs; 10소수",
+  "1 day": "1일",
+  "1 hr": "1시간",
+  "1 min": "1분",
+  "1 s": "1초",
+  "1. Select your {{chain}} account": "1. {{chain}} 계정을 선택하세요",
+  "10 billion DOTs; 9 decimals": "100억 DOTs; 9 소수",
+  "10 million DOTs; status quo": "1000만 DOTs; 현상",
+  "100 million DOTs; 11 decimals": "1억 DOTs; 11 소수",
+  "2. Enter the ETH address from the sale.": "2. 세일에서 받은 이더리움 주소를 입력하세요.",
+  "2. Sign ETH transaction": "2. 이더리움 트랜젝션에 서명하세요.",
+  "<empty>": "<empty>",
+  "<none provided>": "<none provided>",
+  "<unknown>": "<unknown>",
+  "@YourTwitterName": "@트위터ID",
+  "@yourname:matrix.org": "@RIOT메신저 ID:matrix.org",
+  "A controller account should not be set to manage multiple stashes. The selected controller is already controlling {{stashId}}": "콘트롤러 계정은 다수의 스태시를 관리 목적으로 설정하면 안 된다. 선택된 콘트롤러는 이미 {{stashId}}를 컨트롤링 하고 있습니다",
+  "A controller account should not be set to manages multiple stashes. The selected controller is already controlling {{stashId}}": "컨트롤러 계정은 다수의 스태시를 관리하라고 설정되면 안 된다. 선택된 컨트롤러는 이미 {{stashId}}를 컨트롤링 하고 있습니다",
+  "A controller account should not map to another stash. This selected controller is a stash, controlled by {{bondedId}}": "콘트롤러 계정은 다른 스태시에 맾 하면 안 된다. 선택된 콘트롤러는 이미 스태시입니다, {{bondedId}}가 컨트롤 합니다",
+  "A deployed contract that has either been deployed or attached. The address and ABI are used to construct the parameters.": "디플로이드 계약서가 디플로이드 되거나 첨부된 경우. 주소 및 AB가  파라메터를를 만드는 목적으로 사용됩니다",
+  "A fee of {{creationFee}} will be deducted from the sender since the destination account does not exist": "대상 계정이 존재하지 않으니 발송자에게 수수료를 공제합니다",
+  "A reason (to be stored-on-chain) as to why the recipient deserves a tip payout.": "받는자가 팁 지급금을 받아야하는 이유 (온체인으로 보관함)",
+  "A remark that is associated with this transfer. This can be any comment that indicates the reason.": "이 이체와 연관된 발언. 이것은 이유를 표시하는 어떠한 코멘트가 될 수 있습니다",
+  "Acceptance of new members and bids": "새로운 멤버 및 제안을 수락합니다",
+  "Acceptance proposal to council": "의회에게 제안 수락",
+  "Account actions": "계정 작업",
+  "Account balance:": "계정 잔고",
+  "Account type {{index}}": "계정 종류 {{index}}",
+  "Accounts": "계정",
+  "Accounts injected from any of these extensions will appear in this application and be available for use. The above list is updated as more extensions with external signing capability become available.": "상기 확장 프로그램들로부터 생성된 계정은 polkadot.js 앱에 표시되며, 폴카닷 계정으로 사용할 수 있습니다. 상기 목록은 더 많은 외부 서명 기능을 가진 확장 프로그램이 추가됨에 따라 업데이트 될 것입니다.",
+  "Active nominations ({{count}})": "액티브 지명 ({{count}})",
+  "Add": "추가",
+  "Add a tip to this extrinsic, paying the block author for greater priority": "외적에 팁을 추가하세요, 우선순위를 권한을 위해 블록 작성자에게 지급합니다",
+  "Add account": "계정 추가하기",
+  "Add account via Ledger": "원장 통해서 계정을 추가하다",
+  "Add account via Qr": "QR코드로 계정 추가하기",
+  "Add an account via seed {{step}}/{{STEPS_COUNT}}": "난수 값을 이용해서 계정 생성하기{{step}}/{{STEPS_COUNT}}",
+  "Add an address": "주소 추가하기",
+  "Add an existing code hash": "현재 존재하는 코드 해시를 추가하다",
+  "Add an existing contract": "현재 존재하는 계약서를 추가하다",
+  "Add contact": "연락처 추가",
+  "Add identity judgment": "아이덴티티 판단을 추가",
+  "Add item": "아이템을 추가하다",
+  "Add multisig": "다중서명지갑 추가",
+  "Add proxied account": "프록시된 계정 추가",
+  "Add proxy": "프록시 계정 추가",
+  "Add sub": "서브계정 추가",
+  "Add via Ledger": "Ledger로부터 계정 추가",
+  "Add via Qr": "QR로 추가하기",
+  "Add via backup file": "백업파일을 이용해서 계정 추가하기",
+  "Adding an optional tip to the transaction could allow for higher priority, especially when the chain is busy.": "거래에 선택적인 팁을 추가하면 우선순위가 가능해질 수도 있고, 특히 체인에 트패픽이 많을 경우",
+  "Additional types as a JSON file (or edit below)": "추가적인 JSON파일로 된 종류 (혹은 밑에서 수정)",
+  "Address Prefix": "주소 프리픽스",
+  "Address index {{index}}": "주소 인덱스{{index}}",
+  "Adjust the mode from basic (with a limited number of beginner-user-friendly apps) to full (with all basic & advanced apps available)": "모드를 베이식에서 (몇 가지 초보자에게 사용하기 편리한 어플) 풀로 바꾸기 (모든 베이식 및 어드반스드 어플이 나옵니다)",
+  "Advanced creation options": "고급 계정 생성 옵션",
+  "All rewards will go towards the selected output destination when a payout is made.": "지불금이 있는 경우에는 모든 보상은 선택된 아웃프트 경로로 나갑니다",
+  "All the listed validators and all their nominators will receive their rewards.": "리스트된 모든 검사기 및 각각 지명자들은 보상을 받을 예정입니다",
+  "All voters may alter their votes any number of times prior to the close of the poll.": "투표가 마감될 때까지 모든 유권자는 본인의 투표를 횟수 제안 없이 변경할 수 있습니다",
+  "Allocate a suggested tip amount. With enough endorsements, the suggested values are averaged and sent to the beneficiary.": "제안하는 팁 금액을 할당하다. 지지가 충분하면, 추천하는 값을 평균치가 되고 수령인 앞으로 보냅니다",
+  "Amount to add to the currently bonded funds. This is adjusted using the available funds on the account.": "보증된 펀드에 추가할 금액. 이것은 계정의 가용 펀드에 따라 변경합니다.",
+  "Amount to delegate for any democracy vote. This is adjusted using the available funds on the account.": "내부 거버넌스 투표를 위해 위임된 토큰수량. 이는 계정에 있는 사용 가능한 자금을 통해 조정됩니다.",
+  "An URL that is linked to this identity.": "계정에 연결된 URL",
+  "An account that is to receive the rewards": "보상을 받을 계정",
+  "An encrypted backup file will be created once you have pressed the \"Download\" button. This can be used to re-import your account on any other machine.": "\"다운로드\" 버튼을 누를 시 암호화된 백업파일이 생성될 것입니다. 이 파일은 추후에 다른 기기에서 계정을 들여올 때 사용될 것 입니다.",
+  "Any account can request payout for stakers, this is not limited to accounts that will be rewarded.": "아무 계정은 스테이커의 지불금을 요청할 수 있습니다, 이것은 보상받을 계정 들에만 해당하지 않습니다",
+  "Any account set as proxy will be able to perform actions in place of the proxied account": "프록시로 설정된 모든 계정은 프록시 계정 대신 작업을 수행할 수 있음",
+  "Any combination of the four options may be approved of by the voter. There is no need to select only one option!": "유권자는 네 가지 옵션 중에서 어떠한 조합을 승인할 수 있습니다. 단 하나의 옵션을 선택할 필요가 없습니다",
+  "Any democracy vote performed by the delegated account will result in an additional vote from the delegating account": "위임된 계정에서 수행되는 모든 내부 거버넌스 투표는 위임한 계정에서 추가 투표를 수행합니다.",
+  "Application of slashes from era {{id}}": "Era{{id}} 에서 슬래시를 신청합니다",
+  "Apply to UI": "UI에 적용합니다",
+  "Approvals": "승인",
+  "Approve or reject this defender.": "디펜더를 승인하거나 부결하라",
+  "Approve this call hash": "트랜젝션 해시를 승인하기",
+  "Approve this candidacy.": "이 입후보를 승인합니다.",
+  "Approved": "승인된",
+  "Approving of all or none of the options is equivalent and will not affect the outcome of the poll.": "모든 옵션을 승인하거나 하나도 승인하지 않는다는 것은 마찬가지며 투표의 결과에 영향을 마치지 않습니다",
+  "As a council member, you can suggest an initial value for the tip, each other council member can suggest their own.": "의회 멤버로서, 팁의 초기 금액을 제안하고, 각각 의회 멤버들은 그거에 대해 본인들의 의견을 제안할 수 있습니다",
+  "Asset ID": "자산 ID",
+  "Assets": "자산",
+  "Aura": "아우라",
+  "Authorize transaction": "거래를 승인한다",
+  "Available": "사용 가능",
+  "Aye": "네",
+  "Aye {{count}}": "네 {{count}}",
+  "Aye, I approve": "네, 제가 승인합니다.",
+  "Aye, I can support this": "네 이것을 지지할 수 있습니다",
+  "Aye, I support this": "네 이것을 지지합니다",
+  "Babe": "베이브",
+  "Backup account": "계정 백업",
+  "Be aware that once submitted the proposal will be put to a council vote. If the proposal is rejected due to a lack of info, invalid requirements or non-benefit to the network as a whole, the full bond posted (as describe above) will be lost.": "제안이 제출하는 시점에는 의회 투표를 거쳐야 한다는 점을 감안하세요. 만약에 제안서 관련 정보가 부족해서 부결되거나, 효력 없는 조건, 전체적으로 네트워크에게 효력이 없다면, 전체 본드 포스트는 (위와 같이) 잃어버립니다",
+  "Bid": "비드",
+  "Bid to join": "합류 지원",
+  "Block details": "블록 디테일",
+  "Bond": "본드",
+  "Bond & Nominate": "본드 & 지명하다",
+  "Bond & Validate": "본드 & 확인",
+  "Bond more": "본드를 더하다",
+  "Bond more funds": "추가적인 펀드를 본드하다",
+  "Bonding Preferences": "선호하는 본딍",
+  "Call a contract": "계약서를 콜하다",
+  "Call results": "결과를 콜하다",
+  "Cancel": "취소",
+  "Cancel all": "다 취소",
+  "Cancel selected": "선택한 취소",
+  "Cancel slashes": "슬래시 취소",
+  "Cancel this call hash": "트랜젝션을 취소하기",
+  "Chain info": "체인 정보",
+  "Chain specifications": "체인 시방서",
+  "Change": "변경",
+  "Change account password": "계정 비밀번호 변경",
+  "Change controller account": "콘트롤러 계정을 바꾸다",
+  "Change democracy delegation": "거버넌스 위임대상 변경",
+  "Change reward destination": "보상 경로를 바꾸다",
+  "Change session keys": "세션키를 바꾸다",
+  "Change this account's password": "계정 비밀번호 변경",
+  "Change validator preferences": "검사기의 선호를 바꾸다",
+  "Changing the key only takes effect at the start of the next session. The input here is generated from the author_rotateKeys command": "키를 바꾸는 것은 다음 세션의 시작점에서만 시행합니다. author_rotateKeys 커맨드에서 생성되는 인프트이 발생합니다",
+  "Chilled ({{count}})": "칠드 ({{count}})",
+  "Chilled nominations ({{count}})": "칠드 지명 ({{count}})",
+  "Claim": "청구",
+  "Claim tokens": "토큰 청구",
+  "Claim tokens...": "토큰 찾기...",
+  "Clear Identity": "본인인증 지우기",
+  "Clear all": "전체 지우기",
+  "Clear expired democracy locks": "기한만료된 거버넌스 lock 없애기",
+  "Close": "클로즈",
+  "Close proposal": "제안을 클로즈하다",
+  "Close tip": "팁을 클로즈하다",
+  "Color": "색상",
+  "Committee prime member, default voting": "위원회 프라임 멤버, 디폴트 투표",
+  "Completed": "완료",
+  "Confirm ABI removal": "ABI 제거 확인",
+  "Confirm account removal": "계정 제거를 확인합니다",
+  "Confirm address removal": "주소 제거를 확인합니다",
+  "Confirm claim": "청구 확인",
+  "Confirm code removal": "코드 제거를 확인합니다",
+  "Confirm contract removal": "계약서 제거를 확인합니다",
+  "Consider storing your account in a signer such as a browser extension, hardware device, QR-capable phone wallet (non-connected) or desktop application for optimal account security.": "최적의 계정 보안을 위해 브라우저 확장프로그램, 하드웨어 장치, QR지원 전화 월렛(연결되지 않은) 이나, 데스크탑 애플리케이션과 같은 서명수단에 계정을 저장하세요.",
+  "Constants": "콘스턴트",
+  "Constructors ({{count}})": "생성자들  {{count}})",
+  "Continue": "계속",
+  "Contracts": "계약서들",
+  "Controller account": "콘트롤러 계정",
+  "Conviction locks do overlap and are not additive, meaning that funds locked during a previous vote can be locked again.": "컨빅션 록은 겹치며 부가적이다, 이어서 전 투표에서 잠긴 펀드는 또 다시 잠길 수 있습니다.",
+  "Copy the above string and sign an Ethereum transaction with the account you used during the pre-sale in the wallet of your choice, using the string as the payload, and then paste the transaction signature object below": "위 문자열을 복붙하고 프리세일에 참가했던 이더리움 지갑으로 사인한 다음에, 사인한 디지털 서명값을 아래 오브젝트에 붙여주세요.",
+  "Copy the following string and sign it with the Ethereum account you used during the pre-sale in the wallet of your choice, using the string as the payload, and then paste the transaction signature object below:": "이 문자열을 복붙하고 프리세일에 참가했던 이더리움 지갑으로 사인한 다음에, 사인한 디지털 서명값을 아래 오브젝트에 붙여주세요.",
+  "Council": "위원회",
+  "Council overview": "위원회 개요",
+  "Create": "생성하기",
+  "Create a backup file for this account": "이 계정의 백업파일 생성하기",
+  "Create and backup account": "계정을 생성하고 백업하기",
+  "Crypto not detected": "암호기 인식이 안 됩니다.",
+  "Cryptography used to create this signature. It is auto-detected on valid signatures.": "이 서명은 암호 작성을 사용하여 만들었습니다. 유효한 서명에서 자연스럽게 인식됩니다.",
+  "Current account nonce: {{accountNonce}}": "현재 계정 논스 {{accountNonce}}",
+  "Current prime member, default voting": "현재 프라임 멤버, 디폴트 투표",
+  "Current society head, exempt": "현재 사회 헤드, 면제",
+  "Dark theme (experimental, work-in-progress)": "다크 테마",
+  "Decimals": "소수",
+  "Decimals decides the smallest unit of the token, which is 1/10^decimals": "소수는 토큰의 제일 작은 단위를 결정합니다, 1/10^ 소수 입니다.",
+  "Delegate": "위임하기",
+  "Delegate democracy vote": "내부 거버넌스 투표를 위임하기",
+  "Delegate democracy votes": "다수의 내부 거버넌스 투표권을 위임하기",
+  "Delete this custom example": "이 커스텀 예시를 삭제하세요",
+  "Democracy overview": "민주주의 개요",
+  "Denomination poll": "디노미네이션 투표",
+  "Deploy": "디플로이",
+  "Deploy a contract": "계약서를 디플로이하다",
+  "Deposit": "입금하기",
+  "Deregister this parachain": "파라체인 등록을 취소하다",
+  "Derive account from pair": "비밀키를 통한 계정생성",
+  "Derive account via derivation path": "파생경로를 통한 계정생성",
+  "Details": "세부 사항",
+  "Detection on the input string to determine if it is hex or non-hex.": "헥스인지 아니면 논헥스인지 구분하는 입력 문자열의 인식",
+  "Determines what cryptography will be used to create this account. Note that to validate on Polkadot, the session account must use \"ed25519\".": "계정을 생성할 때 사용할 암호화 기법을 결정하세요. 주의: Polkadot 에서 검증 노드로서 블록에 사인을 하기 위해서는 세션계정이 \"ed25519\" 를 사용해야 합니다.",
+  "Developer": "개발자",
+  "Development": "개발 설정",
+  "Dismiss all notifications": "모든 알림을 무시하다",
+  "Dispatch": "디스패처스",
+  "Display overview information for the selected validator, including blocks produced.": "선택된 검사기의 개요 정보를 디스플레이하다, 생산된 브록 포함해서",
+  "Distinct stash and controller accounts are recommended to ensure fund security. You will be allowed to make the transaction, but take care to not tie up all funds, only use a portion of the available funds during this period.": "펀드 보안을 보장하기 위해 구분된 스태시 그리고 콘트롤러 계정을 사용하는 것을  추천합니다. 거래는 할 수 있습니다만, 펀드를 다 소진하지 않도록 유의해주세요, 이 기간 동안 사용이 가능한 펀드의 일부만 사용하기 바랍니다.",
+  "Do not include a tip for the block author": "블록 작성자에게 팁을 포함하지 마세요",
+  "Don't use a proxy for this call": "이 콜에 프록시를 사용하지 마세요",
+  "Download": "다운로드",
+  "Either approve or reject this call.": "이 트랜잭션을 승인하거나 거절하세요.",
+  "Election of new council candidates": "새로운 의회 후보자를 선거합니다",
+  "Enactment of the result of referendum {{id}}": "국민 투표 결과에 대한 제정",
+  "Endorse": "지지",
+  "Endorsements ({{count}})": "지지 ({{count}})",
+  "Ensure that not all funds are locked, funds need to be available for fees.": "모든 자금들이 잠겨 있지 않도록 조치하세요, 수수료 처리 위해 자금이 항상 필요할 것입니다",
+  "Ensure that the extension has accounts, some accounts are visible globally and available for this chain and that you gave the application permission to access accounts from the extension to use them.": "확장 프로그램에 계정이 있는지, 일부 계정이 공개적으로 노출되어 있는지, 이 블록체인에 사용가능 한지, 그리고 확장 프로그램을 통해 액세스할 수 있는 응용 프로그램 권한이 부여되었는지 확인하세요.",
+  "Ensure that you utilized the \"Save\" functionality before using a generated address to receive funds. Without saving the address any funds and the associated seed any funds sent to it will be lost.": "생성된 주소를 사용하여 자금을 받기 전에 \"저장\" 기능을 활용했는지 확인하세요. 자금이 보관된 주소와 자금과 관련된 시드문구를 저장하지 않으면 생성된 주소로 보내진 자금이 손실 될 수 있습니다.",
+  "Ensure you are using a strong password for proper account protection.": "적절한 계정 보호를 위해 강력한 암호를 사용하고 있는지 확인하세요.",
+  "Enter the Asset ID of the token you want to manage.": "관리하고 싶은 토큰의 자산 ID를 입력하세요",
+  "Enter the Asset ID of the token you want to transfer.": "이체하고 싶은 토큰의 자산 ID를 입력하세요",
+  "Erroneous": "오류가 있는",
+  "Evaluated {{count}} keys in {{elapsed}}s ({{avg}} keys/s)": "이벨류에이트 {{count}} 키 {{elapsed}}s ({{avg}} keys/s)",
+  "Execute": "시행하다",
+  "Execute anonymous scheduled task": "익명 예약 작업 실행",
+  "Execute named scheduled task {{id}}": "지명된 예약 작업 실행",
+  "Extensions": "익스텐션",
+  "External": "외부의",
+  "Extrinsic submission": "외적 제출",
+  "Fast track": "패스트트랙",
+  "Fast track proposal": "패스트트랙 제안",
+  "Filter available candidates based on name, address or short account index.": "후보자들은 명칭, 주소, 혹은 단기 매도 계정으로 필터하세요",
+  "For approvals outstanding approvers will be shown, for hashes that should be cancelled the first approver is required.": "승인요청을 할 때 외부 승인자들이 보여지고, 취소되어야 하는 해시의 경우 한 명의 승인자가 필요합니다.",
+  "For final approvals, the actual full call data is required to execute the transaction": "최종 승인시, 트랜잭션을 실행하기 위해 실제 full call data가 필요합니다.",
+  "For fund security, your session key should not match your stash key.": "보장 기금, 세션키는 스태시키랑 동일하면 안 됩니다.",
+  "Forget": "잊다",
+  "Forget this account": "이 계정을 잊어버리기",
+  "Forget this address": "이 주소를 잊어버리기",
+  "Forget this asset": "해당 자산을 무시하세요",
+  "Forks": "포크",
+  "Full Legal Name": "법정 이름",
+  "Future versions of the web-only interface will drop support for non-external accounts, much like the IPFS version.": "향후 버전의 웹 전용 인터페이스는 IPFS 버전과 마찬가지로 비외부 계정에 대한 지원이 중단될 것입니다.",
+  "General": "일반적인",
+  "Generate {{lng}}/translation.json": "생성 {{lng}}/translation.json",
+  "Genesis Hash": "제네시스 해시",
+  "Genesis Hash refers to initial state of the chain, it cannot be changed once the chain is launched": "제네시스 해시는 체인의 초기 스테이트를 언급하며, 체인이 출시되면 바꿀 수 없습니다.",
+  "Governance": "통치",
+  "Grandpa": "할아버지",
+  "Hash data": "해시 데이터",
+  "I agree": "저는 동의합니다",
+  "I'm Online": "저는 온라인 입니다",
+  "If the delegated account is currently voting in a referendum, the delegating vote and conviction will be added.": "만약 위임 받은 계정이 레퍼렌덤 투표를 진행중이라면, 위임투표와 처벌이 추가됩니다.",
+  "If the recipient account is new, the balance needs to be more than the existential deposit. Likewise if the sending account balance drops below the same value, the account will be removed from the state.": "만약 수취 계정이 새로 생긴 계정이라면, 이 계정의 잔액이 계정 유지를 위한 보증금보다 많아야 합니다. 마찬가지로 송금 계정의 잔액이 보증금보다 낮으면, 계정은 블록체인 상에서 제거 될 것입니다.",
+  "If this proposal is passed, the changes will be applied via dispatch and the deposit returned.": "이 제안이 통과하면, 변경 사항은 디스패처스 통해서 적용될 예정이고 보증금은 반납합니다",
+  "If you add several proxy accounts for the same proxy type (e.g 2 accounts set as proxy for Governance), then any of those 2 accounts will be able to perfom governance actions on behalf of the proxied account": "만약 프록시 유형에 대해 여러 개의 프록시 계정(예: 거버넌스 프록시로 설정된 2개의 계정)을 추가하면 해당 2개의 계정 중 하나라도 프록시 계정을 대신하여 거버넌스 작업을 수행할 수 있습니다.",
+  "If you are moving accounts between applications, ensure that you use the correct type.": "만약 어플리케이션 간에 계정을 이동한다면, 정확한 타입의 정보를 사용했는지 확인하세요.",
+  "If you have not claimed rewards straight after the end of the era, the validator is in the active set and you are seeing no rewards, this would mean that the reward payout transaction was made by another account on your behalf. Always check your favorite explorer to see any historic payouts made to your accounts.": "에라의 끝으로 보상을 바로 챙기지 않으면, 검사기는 액티브 세트에 남아있고 귀하는 아무 보상이 보이지 않으면, 보상 지불금 거래는 본인 대신 다른 계정으로 지불됐다는 뜻입니다. 본인의 계정 대상으로 납품된 과거 지불금을 제일 좋아하는 익스플로러에서 항상 확인 바랍니다.",
+  "Image": "이미지",
+  "Important notice": "중요 공지",
+  "In calculating the election outcome, this prioritized vote ordering will be used to determine the final score for the candidates.": "선거 결과를 예측했을 때, 해당 우선순위 투표 정리를 사용하여 후보자들의 최종 점수를 결정하겠습니다.",
+  "Inactive nominations ({{count}})": "활동하지 않은 지명 ({{count}})",
+  "Include an optional tip for faster processing": "더 빠른 프로세싱 하기 위해 옵셔널 팁을 포함하세요",
+  "Info": "정보",
+  "Initializing connection": "연결 초기화",
+  "Initiate account recovery": "계정 복구하기",
+  "Initiate recovery for another": "다른 계정 복구하기",
+  "Inject Keys": "키를 인젝트하다",
+  "Inject session keys (advanced)": "세션키를 인젝트하다(어드밴스드)",
+  "Injected": "거절됨",
+  "It is recommended that you create/store your accounts securely and externally from the app. On {{yourBrowser}} the following browser extensions are available for use -": "앱에서 외부로부터 안전하도록 계정을 생성/저장 하는것이 좋습니다.  {{yourBrowser}} 에서는 다음과 같은 브라우저 확장기능을 사용할 수 있습니다. -",
+  "Judge": "심사",
+  "Keys from rotateKeys": "rotateKeys에서 키",
+  "Known good": "양호",
+  "Learn more...": "더 보기...",
+  "Lifetime (# of blocks)": "일생 (# of blocks)",
+  "Light theme (default)": "라이트 테마",
+  "Loading": "로딩",
+  "Locked funds (e.g. for staking) are counted.": "잠근 자금 (예를 들어 스테이킹) 을 세다",
+  "Locked1x": "잠금1x",
+  "Locked2x": "잠금2x",
+  "Locked3x": "잠금3x",
+  "Locked4x": "잠금4x",
+  "Locked5x": "잠금5x",
+  "Locked6x": "잠금6x",
+  "Low quality": "낮은",
+  "Make Transfer": "이체하기",
+  "Make recoverable": "계정 복구하기",
+  "Manage proxies": "프록시 설정 및 관리",
+  "Manage your connection to Ledger S": "레저 S의 연결 상태를 관리하다",
+  "Max, {{eras}} eras": "최대, {{eras}} 에라",
+  "Median tip selected": "선택된 중간팁",
+  "Message data": "메시지 데이터",
+  "Message origin.": "메시지 원인",
+  "Messages ({{count}})": "메시지들  ({{count}})",
+  "Metadata": "메타데이터",
+  "Metadata {{count}}": "메타데이터 {{count}}",
+  "Mnemonic": "복구 문구",
+  "Most profitable": "가장 수익성이 높은",
+  "Most recent head data": "최신 헤드 데이터",
+  "Motions": "모션",
+  "Multiple council proposals could exist, both approval and rejection. Apply your vote to the correct council proposal (also available on council motions page)": "다양한 이사회 제안을을 존재할 수 있습니다, 동시에 찬성 및 반대. 정확한 이사회 제안에 투표를 하세요. (이사회 모션 페이지세도 확인할 수 있습니다)",
+  "Multisig": "다중서명",
+  "Multisig approval with hash (non-final approval)": "해시 멀티시그 승인 (최종이 아닌 승인)",
+  "Multisig approval with hash (not message with call)": "해시를 이용한 멀티시그 승인 (콜을 함께한 메시지 아님)",
+  "Multisig approvals": "다중서명 승인",
+  "Multisig approvals pending": "다중서명 승인 중",
+  "Multisig message with call (for final approval)": "해시를 이용한 멀티시그 승인 (콜을 함께한 메시지 아님)",
+  "Multisig message with call (not approval with hash)": "콜과 멀티시그 메시지 (승인을 함께한 해쉬 아님)",
+  "Mutates contract state": "계약서 스테이트를 변형하다",
+  "My On-Chain Name": "나의 온체인 명칭",
+  "My accounts": "나의 계정",
+  "My contacts": "나의 주소록",
+  "My stashes": "나의 스태시",
+  "My validators": "나의 검사기들",
+  "Name given to this account. You can change it at any point in the future.": "계정에 별명을 설정하세요. 별명은 언제든지 변경할 수 있습니다.",
+  "Name given to this account. You can edit it. To use the account to validate or nominate, it is a good practice to append the function of the account in the name, e.g \"name_you_want - stash\".": "계정에 별명을 설정하세요. 언제든지 편집할 수 있습니다. 위임을 하거나 지명하려면, 계정에 \"계정명-리워드 보관\" 같은 명칭을 사용하는 것이 좋습니다.",
+  "Name given to this multisig. You can edit it at any later point in time.": "다중서명에 명칭을 설정하세요. 명칭은 언제든지 편집할 수 있습니다.",
+  "Name given to this proxied account. You can edit it at any later point in time.": "프록시 계정에 명칭을 설정하세요. 명칭은 언제든지 편집할 수 있습니다.",
+  "Name of the network. It is only for display purposes.": "네트워크 명칭. 디스플레이 용도로만 사용합니다.",
+  "Name your example": "예시의 명칭을 지어주세요",
+  "Nay": "반대",
+  "Nay {{count}}": "반대 {{count}}",
+  "Nay, I cannot support this": "아니요 이것을 지지할 수 없습니다",
+  "Nay, I do not approve": "아니요, 저는 승인하지 않습니다",
+  "Nay, I do not support this": "아니요 이것을 지지하지 않습니다",
+  "Network": "네트워크",
+  "Network Name": "네트워크 명칭.",
+  "Never execute JS snippets from untrusted sources.": "JS스니펫을 신뢰도가 없는 소스에서 절대로 실행하지 마세요",
+  "New stake": "새로운 스테이크",
+  "Next": "다음",
+  "Next session": "다음 세션",
+  "No": "아니요",
+  "No active members": "현 멤버가 없습니다.",
+  "No active proposals": "액티브 제안 없음",
+  "No active referendums": "액티브 국민 투표 없음",
+  "No active schedules": "액티브 스케쥴 없음",
+  "No active validators found": "액티브 검사기를 찾을 수 없습니다",
+  "No active validators to check": "확인할 액티브 검사기가 없습니다",
+  "No approved proposals": "승인된 제안이 없습니다",
+  "No assets found.": "자산을 찾을 수 없습니다",
+  "No bids": "비드 없음",
+  "No blocks available": "블록을 찾을 수 없습니다",
+  "No candidates": "후보자 없음",
+  "No candidates found": "후보자들을 못 찾았습니다",
+  "No change": "변경 없음",
+  "No change from the original 2017 sale definitions; will mean a total of 10 million DOT from genesis.": "오리지널 2017 세일 정의문에서 변동이 없습니다; 제네시스에서 총 10만DOT가 발생합니다",
+  "No change from the original 2017 sale definitions; will mean a total of 10m DOT from genesis.": "오리지널 2017 세일 정의문에서 변동이 없습니다, 제네시스에서 총 10만DOT가 발생합니다",
+  "No code hashes available": "코드 해시가 없음",
+  "No committee proposals": "위원회 제언이 없습니다",
+  "No contracts available": "계약서가 없음",
+  "No council motions": "의회 모션이 없습니다",
+  "No discretionary lock-voting is in place; all DOT used to vote counts the same.": "재량적인 록-투표는 따로 없습니다; 투표로 사용된 모든 DOT은 똑같습니다",
+  "No documentation provided": "서류가 따로 제공하지 않습니다",
+  "No events available": "이벤트를 찾을 수 없습니다",
+  "No external proposal": "액티브 외부 제안 없음",
+  "No funds staked yet. Bond funds to validate or nominate a validator": "아직 스테이크한 펀드이 없습니다. 인증할 펀드을 본드하거나 검사기를 지명하다",
+  "No items": "아이템 없이",
+  "No judgments": "평가 없음",
+  "No logs available": "로그를 찾을 수 없습니다",
+  "No matches found": "요청하신 정보를 찾을 수 없습니다.",
+  "No members found": "멤버를 찾을 수 없습니다",
+  "No open tips": "오픈 팁이 없습니다",
+  "No pending era payouts from validators": "검사기로 보류 중인 시대 보증금 지급은 없습니다",
+  "No pending extrinsics are in the queue": "큐에 미결 외적이 없습니다",
+  "No pending payouts for your stashes": "스태시로 보류 중인 에라 지불금 없습니다",
+  "No pending proposals": "미결 제안이 없습니다",
+  "No runners up found": "차점자를 찾을 수 없습니다",
+  "No sub identities set.": "보조 신원인증이 설정되지 않았습니다.",
+  "No upgradable extensions found": "업그레이드 가능한 익스텐션을 찾을 수 없습니다.",
+  "No waiting validators found": "대기하는 검사기를 찾을 수 없습니다",
+  "Node info": "노드 정보",
+  "Nominate": "지명하다",
+  "Nominate Validators": "검사기를 지명하다",
+  "Nominate selected": "선택된자를 지명하다",
+  "Nominate validators": "검사기를 지명하다",
+  "Nominating": "지명중",
+  "Nominations ({{count}})": "지명({{count}})",
+  "Nominator": "지명자",
+  "Nominators ({{count}})": "지명자들({{count}})",
+  "Nominators can be selected automatically based on the current on-chain conditions or supplied manually as selected from the list of all currently available validators. In both cases, your favorites appear for the selection.": "현재 온체인 조건 바탕으로 지명자들은 자동적으로 선택될 수 있고 현재 준비된 검사기들 중에서 수동적으로 부칠 수 있습니다. 두 경우에는, 선택 대상으로 페이버릿이 연출됩니다.",
+  "Nominators can be selected manually from the list of all currently available validators.": "지명자들은 현재 준비된 검사기 리스트 중에서 수동적으로 선택될 수 있습니다",
+  "Nominators can be selected manually from the list of all currently available validators. If you have set favorites these will appear for the selection.": "지명자들은 현재 준비된 검사기들 중에서 수동적으로 선택될 수 있습니다. 만약에 페이버릿에 설정했으면, 이것은 선택 대상으로 나옵니다",
+  "Non-signature, non-hex data received from QR. Data contains \"{{sample}}\" instead of a hex-only signature. Please present the correct signature generated from the QR presented for submission.": "QR에서 받은 논-시그니처, 논 헥스 데이터. 헥스온리 서명 대신 \"{{sample}}\"이 데이터에 들어가 있습니다. 제출한 QR에세 생성한 정확한 서명을 전달하세요.",
+  "Nonce": "논스",
+  "None": "없음",
+  "Normal transfer without keep-alive checks": "키프 얼라이브 체크 없이 정상적인 이체",
+  "Not on-chain": "온-체인 아닙니다",
+  "Not updated in the last block": "가장 최근 블록에서 업데이트가 되지 않았습니다",
+  "Nothing queued for execution": "실행 지연 없음",
+  "Of the beneficiary amount, at least {{bondPercentage}} would need to be put up as collateral. The maximum of this and the minimum bond will be used to secure the proposal, refundable if it passes.": "수령하는 금액에 대해, 최소{{bondPercentage}}가 담보물로 올려야 합니다. 관련 최대 그리고 최소 본드는 제안을 확보하는 용도로 사용됩니다, 통과하면 환불할 수 있습니다.",
+  "Older versions of the contracts ABI cannot be used and will display an error indicating an invalid ABI when uploaded. Ensure you follow the Ink! instructions for updating if you are using an older version.": "계약서 ABI의 이전 버전은 사용할 수 없으며 업로드 시에는 효력 없는ABI 오류를 디스플레이 합니다. 이전 버전을 사용하는 경우에는 업데이트 할 때반드시 Ink! 설명서를 준수하기 바랍니다.",
+  "Older versions of the contracts ABI cannot be used and will display an error indicating an invalid ABI when uploaded. Ensure you follow the Ink! or solang upgrade instructions if you are using an older version.": "계약서 ABI의 이전 버전은 사용할 수 없으며 업로드 시에는 효력 없는ABI 오류를 디스플레이 합니다. 이전 버전을 사용하는 경우에는 업데이트 할 때 반드시 Ink!혹은 솔랑 업그레이드 설명서를 준수하기 바랍니다.",
+  "Once bonded, it will need to be unlocked/withdrawn and will be locked for at least the bonding duration.": "보드를 진행했으면, 잠금을 풀리거나/인출해야 하고최소 본드 기간 동안은 계속 잠겨야 합니다",
+  "Once transferred the amount will become available on the chain for use.": "이체 후 금액은 체인에서 사용이 가능합니다",
+  "Once transferred the amount will become available on the parachain for use.": "이체 후에는 금액은 파라체인에서 사용이 가능할 것입니다",
+  "Once transmitted the new selection will only take effect in 2 eras since the selection criteria for the next era was done at the end of the previous era. Until then, the nominations will show as inactive.": "다음 에라의 선정 기준은 전 에라 끝에서 정해졌으니 전송하고나서 새로운 셀렉션은 2에라에서만 효력 있습니다. 그때까지는, 지명은 액티브하지 않은 상태로 표시됩니다.",
+  "Once transmitted the new selection will only take effect in 2 eras taking the new validator election cycle into account. Until then, the nominations will show as inactive.": "새로운 검사기 선거기간을 감안해서 새로운 셀렉션은 전송하고나서, 2에라에서만 효력적입니다. 그때까지는, 지명은 액티브하지 않은 상태로 표시될 것입니다",
+  "One of your available nomination accounts, keyed by the stash. The transaction will be sent from the controller.": "지명 가능한 계정 , 스태시에서 키하다. 거래는 콘트롤러에서 보냅니다.",
+  "One or more extensions are detected in your browser, however no accounts has been injected.": "브라우저에 하나 이상의 확장 프로그램이 발견되었습니다. 어떤 계정도 설정되지 않았습니다.",
+  "Online message": "온라인 메시지",
+  "Only applicable if the proposal has already passed and is ready for dispatch.": "제안이 벌써 통과하고 디스패치 상태로 준비돼있는 경우에만 적용합니다",
+  "Override any applicable values for the specific signed output. These will be used to construct and display the signed transaction.": "특수 서명된 결과에서 발생되는 적용하는 값을 중단하세요. 서명된 거래를 구축하고 디스플레이 용도로 사용합니다",
+  "Override the default identity icon display with a specific theme": "특정 테마로 디폴트 아이덴티티 아이콘 디스플레이를 중단하다",
+  "Override the default ss58 prefix for address generation": "주소 생성하기 위해 디폴트ss58 프리픽스를 중단하다.",
+  "Oversubscribed": "신청이 초과되었습니다",
+  "Oversubscribed nominations ({{count}})": "신청이 초과된 지명",
+  "Overview": "개요",
+  "Owned": "보유중",
+  "Parachains": "파라체인",
+  "Parachains overview": "파라체인 개요",
+  "Password are ignored for hex seed": "헥스시드 작업을 위해 암호를 무시하다",
+  "Paste here the address of the contact you want to add to your address book.": "주소록에 추가할 대상의 주소를 붙여넣기 하세요.",
+  "Paste the signed message into the field below. The placeholder text is there as a hint to what the message should look like:": "서명된 메세지를 입력란에 붙여넣기 하세요.  아래 미리보기 텍스트는 메세지가 어떻게 보여야하는지 힌트를 줍니다:",
+  "Payment account": "지급 계정",
+  "Payout": "지불금",
+  "Payout all": "모두에게 지불하다",
+  "Payout all stakers": "모든 스테이커에게 지불하다",
+  "Payouts": "지불하다",
+  "Payouts of rewards for a validator can be initiated by any account. This means that as soon as a validator or nominator requests a payout for an era, all the nominators for that validator will be rewarded. Each user does not need to claim individually and the suggestion is that validators should claim rewards for everybody as soon as an era ends.": "모든 계정은 검사기에게 보상금 지급을 실행할 수 있습니다. 검사기 혹은 지명자가 에라에 대한 지급을 요청하는 순간, 그 검사기의 지명자들은 다 보상을 받습니다. 각 사용자는 개인적으로 요구할 필요는 없고 제안은 검사기들은 에라가 끝나자마자 모두의 보상을 요구해야 합니다.",
+  "Pending call hashes": "대기중인 콜 해시",
+  "Please make sure to save this file in a secure location as it is required, together with your password, to restore your account.": "이 파일과 비밀번호를 반드시 안전한 위치에 저장하고, 계정 복구시 사용하세요.",
+  "Please read these terms and conditions carefully. By submitting this statement, you are deemed to have accepted these Terms and Conditions. If you do not agree to these terms, please refrain from accessing or proceeding. You can also find them at:": "사용자 동의서를 유의하여 읽으세요. 이 동의란을 제출할 시, 당신은 읽은 사용자 동의서를 받아들인 것으로 간주됩니다. 만약 동의를 하지 않으신다면, 진행을 멈춰주세요. 동의서는 또 여기서 찾아볼 수 있습니다:",
+  "Positive number": "양성",
+  "Positive number between 1 and {{count}}": "1 에서{{count}} 양수",
+  "Positive number between 1 and {{memberCount}}": "1에서{{memberCount}} 사이에 양수",
+  "Positive number greater than or equal to {{nextFreeId}}": "양수는 크거나 같아요 {{nextFreeId}}",
+  "Potential dispatch of referendum {{id}} (if passed)": "잠재적인 국민 투표 디스패치 {{id}} (통과될 경우)",
+  "Pre-sale ethereum address": "프리세일에 참가한 이더리움 주소",
+  "Prefix indicates the ss58 address format in this network, it is a 16 bit unsigned integer that describes the precise format of the bytes of the address": "프리픽스는 이 네트워크의 ss58 주소 종류를 표시하며, 0 부터 ~ 255 로 숫자이며  주소 바이트의 정확한 종류를 설명한다",
+  "Preimage": "프리이미지",
+  "Preparing QR for signing": "QR를 서명하기 위해 준비합니다",
+  "Present the QR code containing the signature to the UI. Once scanned it will be submitted for on-chain processing and execution.": "서명이 포함되어있는 QR코드를 UI에게 전달하세요. 스캔 후에는 온-체인 프로세싱 및 실행 대상으로 제출합니다",
+  "Prev": "이전",
+  "Produced blocks": "생산된 블록",
+  "Proposal can either be to approve or reject this spend. One approved, the change is applied by either removing the proposal or scheduling payout.": "지출에서는 제안은 승인하거나 부결합니다. 승인되면, 변동은 제안을 아니면 스케쥴된 지급금을 제거합니다",
+  "Proposals": "제안서",
+  "Proposals ({{count}})": "제안({{count}})",
+  "Propose": "제안",
+  "Propose a committee motion": "위원회에 동의를 제안하다",
+  "Propose a council motion": "의회의 동의 제안",
+  "Propose external": "외부의 제안",
+  "Propose external (majority)": "외부의 제안 (다수)",
+  "Propose motion": "모션을 제안하다",
+  "Propose tip": "팁을 제안합니다",
+  "Provide judgement": "평가 제공",
+  "Provide the account QR from the module/external application for scanning. Once detected as valid, you will be taken to the next step to add the account to your list.": "모듈/외부 어플리케이션을 통해 계정의 QR코드를 스캔하세요. 계정 검증이 유효하다면 다음 단계로 넘어가 이 계정을 주소록에 추가할 수 있습니다.",
+  "Proxied": "프록시 된",
+  "Proxied account has no owned proxies": "프록시 된 계정에 소유하고 있는 프록시가 없음",
+  "Proxy overview": "프록시 개요",
+  "Query Ledger": "Ledger 조회",
+  "RPC calls": "RPC 콜",
+  "Random": "무작위",
+  "Raw seed": "시드 문구",
+  "Raw storage": "물리적 스토리지",
+  "Read": "읽다",
+  "Reasonable": "적합한",
+  "Reassign": "재할당",
+  "Redeem": "가져오기",
+  "Register": "등록하다",
+  "Register Asset": "자산을 등록합니다",
+  "Register a parachain": "파라체인을 등록하다",
+  "Register an Asset": "한 자산을 등록합니다",
+  "Register identity": "신원 인증/등록하기",
+  "Register sub-identities": "보조 신원 등록하기",
+  "Register the vote for or against the proposal.": "제안에 대해 찬성 혹은 반대하는 투표를 등록합니다",
+  "Rejection proposal to council": "제안 반대를 의회에",
+  "Rejections": "부결",
+  "Remove": "제거하기",
+  "Remove ABI": "ABI를 제거하기",
+  "Remove item": "아이템을 제거하다",
+  "Remove sub": "제거하기",
+  "Renomination required ({{count}})": "재지명 필요함 ({{count}})",
+  "Reset": "재설정",
+  "Restore": "복구하기",
+  "Restore JSON": "JSON으로 복구하기",
+  "Retrieving data": "데이터 검색",
+  "Retrieving info for all applicable eras, this will take some time": "해당되는 시대의 정보를 취합중입니다, 시간이 좀 걸릴 수 있습니다",
+  "Retrieving info for last {{numEras}} eras, this will take some time": "전 {{numEras}} 시대의 정보를 취합중입니다, 시간이 좀 걸릴 수 있습니다",
+  "Retrieving info for the selected eras, this will take some time": "해당되는 에라의 정보를 취합중입니다, 시간이 좀 걸릴 수 있습니다",
+  "Retrieving sub-identities": "보조 신원 인증 중",
+  "Retrieving totals...": "토털을 검색중입니다",
+  "Revert": "뒤돌림",
+  "Revert pending slashes": "미결 슬래시를 뒤돌리다",
+  "Rewards (once paid) can be deposited to either the stash or controller, with different effects.": "보상은 (지급 후) 스태시 혹은 콘트롤러로 예금할 수 있습니다, 다른 효력이 보입니다.",
+  "Save": "저장하기",
+  "Save & Reload": "저장하고 & 다시 로드",
+  "Save delegation": "위임 저장하기",
+  "Save snippet to local storage": "스니펫을 로컬 보관함에 저장합니다",
+  "Save the type definitions for your custom structures as key-value pairs in a valid JSON file. The key should be the name of your custom structure and the value an object containing your type definitions.": "유효한 JSON 파일에 커스텀 스트럭쳐의 종류정의를 키 값 페어로 저장하세요. 키는 커스텀 스트럭쳐의 명칭이랑 동일해야 하며 그리고 값은 종류정의를 포함한 오브젝트로 하세요.",
+  "Save this backup file in a secure location. Additionally, the password associated with this account is needed together with this backup file in order to restore your account.": "백업 파일을 안전한 장소에 보관하세요. 이 계정과 관련된 비밀번호 및 이 백업 파일이 있어야 계정을 복구할 수 있습니다.",
+  "Saved": "저장됨",
+  "Scan Signature Qr": "스캔 시그너쳐 QR",
+  "Scan the QR code with your QR scanner. Once approved, you will be required to present the signed QR back to the UI for submission.": "QR코드를 QR 스캐너로 스캔하세요. 승인 후, 서명된 QR를 UI 제출 대상으로 전달해주세요",
+  "Search for": "검색하기",
+  "Second": "찬성",
+  "Second proposal": "제안 찬성",
+  "Seconding a proposal that indicates your backing for the proposal. Proposals with greater interest moves up the queue for potential next referendums.": "제안을 찬성하면 그 제안의 지원을 표시하는 것입니다. 관심을 더 많이 받은 제안들은 잠재적인 다음 국민 투표에서 우선권을 얻습니다.",
+  "Seconds ({{count}})": "찬성 ({{count}})",
+  "Select a contact or paste the address you want to send funds to.": "자산을 보낼 연락처를 선택하거나 주소를 부치세요",
+  "Select and order council candidates you wish to vote for.": "투표하고 싶은 의회 후보자들을 선택하고 순서로 정리해주세요",
+  "Select best": "베스트를 선택하다",
+  "Select example": "예시를 선택하세요",
+  "Select targets manually (no auto-selection based on current profitability)": "수동적으로 타겟을 선택한다 (핸재의 수익성에 대한 오토 셀렉션이 없음)",
+  "Select the JSON key file that was downloaded when you created the account. This JSON file contains your private key encrypted with your password.": "계정 생성시 다운로드 된 JSON key 파일을 선택하세요. 이 JSON 파일은 당신의 비밀번호를 암호화한 개인 키가 포함되어 있습니다.",
+  "Select the account to use for this action.": "이 액션을 실행하기 위해 계정을 선택하세요",
+  "Select the account you wish close the proposal with.": "제안을 클로즈하고 싶은 계정을 선택하세요",
+  "Select the account you wish to close from.": "마감하고 싶은 계정을 선택하사요",
+  "Select the account you wish to make the proposal with.": "제안을 내고 싶은 계정을를 선택하세요",
+  "Select the account you wish to recover into this account.": "이 계정으로 복구할 계정을 선택하십시오",
+  "Select the account you wish to second with. This will lock your funds until the proposal is either approved or rejected": "어떤 계정으로 찬성하고 싶은지 선택해주세요. 이 행동은 제안이 허가되거나 부결될 때까지 펀드는 잠깁니다",
+  "Select the account you wish to submit for candidacy.": "입후보 제출을 위해 계정을 선택해주세요",
+  "Select the account you wish to submit the proposal from.": "제안을 보내고 싶은 계정을 선택하세요",
+  "Select the account you wish to submit the tip from.": "팁을 제안하고 싶은 계정을 선택하세요",
+  "Select the account you wish to vote with. You can approve \"aye\" or deny \"nay\" the proposal.": "투표하고 싶은 계정을 선택하세요. 제안을 “찬성”하거나 “반대”라고 하면 됩니다",
+  "Select the council account you wish to use to make the proposal.": "어떤 의회 계정 통해서 제안을 하고 싶은지 선택해주세요",
+  "Select the remote endpoint, either from the dropdown on manual entered via the custom toggle": "원격 끝점을 선택하세요, 커스텀 토글에서 들어간 수동의 드롭다운 통해서",
+  "Send": "전송하기",
+  "Send funds": "자금 전송하기",
+  "Send funds from this account": "이 계정에서 자금 전송하기",
+  "Send funds to this address": "이 계정에 자금 전송하기",
+  "Send to council": "의회로 보내기",
+  "Sending transaction": "거래를 보내는 중",
+  "Session Key": "세션 키",
+  "Set Identity": "신원 설정하기",
+  "Set Session Key": "세션 키를 설정하다",
+  "Set Subs": "보조 신원 설정하기",
+  "Set controller": "콘트롤러를 설정하다",
+  "Set nominees": "후보를 지명하다",
+  "Set on-chain identity": "온체인 신원 설정하기",
+  "Set on-chain sub-identities": "온체인 보조 신원 설정하기",
+  "Set reward destination": "보상 경로를 설정하다",
+  "Set sudo key": "수도키를 설정하다",
+  "Set to 0 to make transaction immortal": "거래를 불호 하기 위해 0으로 마쳐주세요",
+  "Set validator preferences": "검사기 취향을 설정하다",
+  "Settings": "설정",
+  "Setup Nominator {{step}}/{{NUM_STEPS}}": "지명자를 설정하다 {{step}}/{{NUM_STEPS}}",
+  "Setup Validator {{step}}/{{NUM_STEPS}}": "검사기를 설정하다 {{step}}/{{NUM_STEPS}}",
+  "Setup account as recoverable": "복구가능한 계정으로 설정하기",
+  "Should the search be case sensitive, e.g if you select \"no\" your search for \"Some\" may return addresses containing \"somE\" or \"sOme\"...": "검색 시, 대소문자 구분에 유의하세요. 예를 들어 \"no\"를 선택 시, \"Some\"을 검색했을 때, \"somE\" 이나 \"sOme\"이 포함되어 검색될 수 있습니다.",
+  "Show address on hardware device": "하드웨어 장치의 주소 보이기",
+  "Sign (no submission)": "서명 (제출 없이)",
+  "Sign and Submit": "서명하고 제출한다",
+  "Sign for multisig": "멀트시그 위해 서명한다",
+  "Sign message": "메시지를 서명하다",
+  "Sign via Qr": "QR통해서 서명한다",
+  "Sign via {{hardwareType}}": "{{hardwareType}} 통해서 서명한다",
+  "Signed transaction": "서명된 거래",
+  "Since the multisig function like any other account, once created it is available for selection anywhere accounts are used and needs to be funded before use.": "다중서명 기능은 다른 계정과 마찬가지로 가능하기 때문에 일단 생성되면 모든 계정을 사용할 수 있으며, 사용하기 전에 잔고가 충분해야 합니다.",
+  "Since this transaction deals with funding, the stash account will be used.": "이번 거래는 펀드랑 관련되어서, 스태시 계정을 사용합니다",
+  "Skeptics": "회의론자들",
+  "Slashed": "슬래시",
+  "Slashed in era {{eras}}": "에라에서 슬래시{{eras}}",
+  "Slashes": "슬래시",
+  "Slashes ({{count}})": "슬래시 ({{count}})",
+  "Society": "소사이어티",
+  "Society overview": "사회 개요",
+  "Soft derivation paths are not allowed on ed25519": "ed25519에서는 소프트 데리베이션 경로를 허용하지 않습니다",
+  "Specific payment account": "특수한 지급 계정",
+  "Specified payment account": "명시된 지급 계정",
+  "Specify the user account to use for this contract call. And fees will be deducted from this account.": "해당 계약서 콜 관련하여 어떤 사용자 계정을 사용해야 하는지 지정해주세요. 그리고 수수료는 해당 계정에서 공제될 예정입니다.",
+  "Specify the user account to use for this deployment. Any fees will be deducted from this account.": "해당 디플로이멘트 관련하여 어떤 사용자 계정을 사용해야 하는 지정해주세요. 그리고 수수료는 해당 계정에서 공제될 예정입니다",
+  "Split of 1,000x from the original sale; will mean a total of 10b DOT from genesis. Apparent DOT price would be 1000x lower.": "오리지널 세일에서 1,000x스플리트; 제네시스에서 총 10b DOT 발생합니다. 예측했던 DOT 가격은 1,000x 낮다",
+  "Split of 1000x": "1000x 스플리트",
+  "Split of 1000x from the original sale; will mean a total of 10 billion DOT from genesis. Apparent DOT price would be 1000x lower and apparent account balances 1000x higher.": "오리지널 세일에서 1,000x스플리트; 제네시스에서 총 10b DOT 발생합니다. 예측했던 DOT 가격은 1,000x 낮아지면서 예측했던 계정  잔고는1000x 높아집니다",
+  "Split of 100x": "100x 스플리트",
+  "Split of 100x from the original sale; will mean a total of 1 billion DOT from genesis. Apparent DOT price would be 100x lower and apparent account balances 100x higher.": "오리지널 세일에서 100x 스플리트, 제네시스에서 총 1b DOT 발생합니다. 예측했던 DOT 가격은 100x 낮으면서 예측했던 계정 잔고는100x 높아집니다",
+  "Split of 100x from the original sale; will mean a total of 1b DOT from genesis. Apparent DOT price would be 100x lower.": "오리지널 세일에서 100x스플리트; 제네시스에서 총 1b DOT 발생합니다. 예측했던DOT 가격은 1,00x 낮아집니다.",
+  "Split of 10x": "10x 스플리트",
+  "Split of 10x from the original sale; will mean a total of 100 million DOT from genesis. Apparent DOT price would be 10x lower and apparent account balances 10x higher.": "오리지널 세일에서 10x 스플리트, 제네시스에서 총 1억 DOT 발생합니다. 예측했던 DOT 가격은 10x 낮아지면서 예측했던 계정 잔고는10x 높아집니다",
+  "Split of 10x from the original sale; will mean a total of 100m DOT from genesis. Apparent DOT price would be 10x lower.": "오리지널 세일에서 10x 스플리트, 제네시스에서 총 100mn DOT 발생합니다. 예측했던 DOT 가격은 10x 낮아집니다.",
+  "Staking overview": "스테이킹 개요",
+  "Start generation": "생성 하기",
+  "Start of a new staking era {{id}}": "새로운 스테이킹 에라 시작",
+  "Start of a new staking session {{id}}": "새로운 스테이킹 세션 시작{{id}}",
+  "Start of next membership challenge period": "다음 회원 도전 기간 시작",
+  "Start of next spending period": "다음 지출 기간 시작",
+  "Start of the next referendum voting period": "다음 국민 투표 기간 시작",
+  "Start recovery": "복구 시작하기",
+  "Stash": "스태시",
+  "Stash account (do not increase the amount at stake)": "스태시 계정 (스테이크에 걸려있는 수량을 늘리지 않습니다)",
+  "Stash account (increase the amount at stake)": "스태시 계정 (스테이크에 걸려있는 수량을 높입니다)",
+  "Stop": "멈추다",
+  "Stop generation": "생성 중단",
+  "Storage": "스토리지",
+  "Submit": "제출",
+  "Submit (no signature)": "제출 (서명 없이)",
+  "Submit RPC call": "RPC 콜을 제출하다",
+  "Submit Sudo": "수도를 제출합니다",
+  "Submit Sudo Unchecked": "점검하지 않은 수도를 제출하기",
+  "Submit Transaction": "거래를 제출합니다",
+  "Submit Unsigned": "무기명으로 제출합니다",
+  "Submit bid": "비드를 제출하다",
+  "Submit candidacy": "입후보 제출",
+  "Submit key": "키를 제출하다",
+  "Submit preimage": "프리이미지를 제출",
+  "Submit proposal": "제안서를 제출합니다",
+  "Submit signed extrinsic": "외적 서명을 제출하다",
+  "Submit tip": "팁을 제출합니다",
+  "Submit tip endorsement": "팁 지지를 제출합니다",
+  "Submit tip request": "팁 요청을 제출합니다",
+  "Submit treasury proposal": "자금 제안서를 제출합니다",
+  "Submit your council candidacy": "귀하의 의회의  입후보 제출",
+  "Sudo access": "수도 접속",
+  "Sudo key": "Sudo 키",
+  "Supply a backed-up JSON file, encrypted with your account-specific password.": "계정별 비밀번호로 암호화된 JSON 백업 파일을 제공하세요.",
+  "Swap to a non-executing approval type, with subsequent calls providing the actual call data.": "실제 call 데이터를 제공하는 후속 call을 통해 실행되지 않은 승인 타입으로 전환하세요.",
+  "Switch": "스위치",
+  "Targets": "타겟",
+  "Tech. committee": "기술 위원회",
+  "Technical committee": "기술 위원회",
+  "Test account": "테스트 계정",
+  "The ABI for the WASM code. The ABI is required and stored for future operations such as sending messages.": "WASM코드의 ABI.  ABI는 필수적이고 메시지 보내는 향후 작업을 위해 보관합니다.",
+  "The Ethereum address you used during the pre-sale (starting by \"0x\")": "프리세일에 참가한  (\"0x\"로 시작하는) 이더리움 주소",
+  "The RPC node can be selected from the pre-defined list or manually entered, depending on the chain you wish to connect to.": "RPC 노드는 표준 사전 정의에서 선택하거나 수동으로 입력하고, 연결하고 싶은 체인에 따라 다릅니다",
+  "The Threshold must be a positive number": "스레숄드은 양성이어야 합니다",
+  "The Threshold must lower than 11": "스레숄드은 11보다 더 적어야 합니다",
+  "The UI puts a limit of 40 payouts at a time, where each payout is a single validator for a single era.": "UI는 한번에 40지급으로 제한합니다, 각 지급은 하나의 사대에서 하나의 검사기",
+  "The account password as specified when creating the account. This is used to encrypt the backup file and subsequently decrypt it when restoring the account.": "계정 생성 시, 비밀번호를 지정해야 합니다. 이 비밀번호는 계정을 복구할 때, 백업 파일을 암호화 하거나 암호화 해제시 사용됩니다.",
+  "The account that signed the input": "입력을 서명한 계정",
+  "The account that will receive the funds": "자금을 받을 계정",
+  "The account to which the proposed balance will be transferred if approved": "제안된 잔고가 승인되면 이체하는 계정",
+  "The account to which the tip will be transferred if approved": "제안된 팁이 승인되면 이체하는 계정",
+  "The account type (derivation) to use": "사용할 계정 종류 (데리베이션)",
+  "The account type that you wish to create. This is the top-level derivation.": "만들 싶은 계정 종류. 이것은 1단계 데리베이션이다",
+  "The account you want to claim to.": "토큰을 청구할 계정",
+  "The account you want to register the preimage from": "프리이미지를 등록하고 싶은 계정",
+  "The account you want to register the proposal from": "제안을 등록하고 싶은 계정",
+  "The account you will send funds from.": "펀드를 보낼 계정",
+  "The account's password specified at the creation of this account.": "계정을 만든 시점에서 계정의 암호를 지정됩니다",
+  "The actual JSONRPC module and function to make a call to.": "콜을 할 실제JSONRPC 모듈 및 기능",
+  "The actual account you wish to submit the bid with": "비드를 실제로 제출하고 싶은 계정",
+  "The actual fully constructed signed output. This can be used for submission via other channels.": "실제 전체적으로 구축된 결과물. 다른 경로 통해서 제출이 가능합니다",
+  "The actual proposal to make, based on the selected call and parameters thereof.": "실제로 낼 제안, 선택된 콜 및 파라미터에 따라",
+  "The address for the deployed contract instance.": "디플로이드된 계약서 인스턴스의 주소",
+  "The address index (derivation on account) to use": "사용하고 싶은 주소 인덱스 (계정에 있는 데리베이션)",
+  "The address index on the account that you wish to add. This is the second-level derivation.": "추가하고 싶은 계정에 있는 주소 인덱스. 이것은 2단계 데리베이션 입니다.",
+  "The address that has previously setup a proxy to one of the accounts that you control.": "사용자의 계정 중, 이전에 프록시로 설정된 계정",
+  "The address that you have a valid proxy setup for.": "프록시 설정이 승인된 사용자 계정",
+  "The address to vote from (must be a member)": "주소에서 투표하기 (멤버 조건 필수)",
+  "The addresses that are able to approve multisig transactions. You can select up to {{maxHelpers}} trusted addresses.": "다중서명을 승인할 수 있는 주소. 사용자는 {{maxHelpers}}로 신뢰할 수 있는 주소를 선택할 수 있습니다.",
+  "The addresses that are able to help in recovery. You can select up to {{maxHelpers}} trusted helpers.": "계정 복구를 도와줄 수 있는 주소. 사용자는 {{maxHelpers}}로 신뢰할 수 있는 주소를 선택할 수 있습니다.",
+  "The allotted endowment for this contract, i.e. the amount transferred to the contract upon instantiation.": "해당 계약서의 할당될 기부금. i.e. 인스턴스화 시에 계약서로부터 이체될 금액",
+  "The allotted value for this contract, i.e. the amount transferred to the contract as part of this call.": "해당 계약서 할당한 가치. i.e. 해당 콜에 일부로서 계약서에 이체되는 금액",
+  "The amount of funds to unbond, this is adjusted using the bonded funds on the stash account.": "언본드할 펀드 수, 이것은 스태시 계정에다가 본드 펀드를 적용하면서 수정합니다",
+  "The amount placed at-stake should allow some free funds for future transactions.": "스테이크한 금액은 미래 거래를 하기 위해 허용합니다",
+  "The amount placed at-stake should be no more that 95% of your available amount to protect against slashing events.": "위태로운 금액 슬래싱 이벤트를 보호하기 위해 95% 이상의 가용 자금을 초과하지 말아야 합니다",
+  "The amount placed at-stake should not be your full available available amount to allow for transaction fees.": "수수료를 처리하기 위해 위태로운 금액은 전 가용 펀드이면 안 됩니다",
+  "The amount reserved to store this image": "이미지를 저장하기 위해 예약된 공간",
+  "The amount that is associated with this vote. This value is is locked for the duration of the vote.": "투표 연관된 금액. 이 값은 투표 기간 동안 고정되었습니다",
+  "The amount that will be allocated from the treasury pot": "자금 포트에서 할부하는 금액",
+  "The amount that will be used on a per-validator basis to calculate profits for that validator.": "수익을 계산하기 위해 검사기당 기준 금액",
+  "The amount this total can be reduced by to change the referendum outcome. This assumes changes to the convictions of the existing votes, with no additional turnout.": "국민 투표의 결과를 바꾸기 위해 총계에서 일부 액수를 줄일수 있는 정도. 기준 투표의 컨빅션의 수정사항을 추정하고, 그리고 추가적인 투표율 없는 경우.",
+  "The amount this total should be increased by to change the referendum outcome. This assumes additional turnout with new votes at 1x conviction.": "국민 투표의 결과를 바꾸기 위해 총계의 일부 액수를 늘릴수 있는 정도. 1x 컨비션의 새로운 투표에다가 더한 추가적인 투표율을 추정합니다.",
+  "The amount to allocate and the conviction that will be applied to all votes made on a referendum.": "총선거에서 적용될 모든 투표권 할당분과 처벌분",
+  "The amount to associate with your bid, should be less than the pot.": "비드에 연상될 금액, 포트보다 적어야 합니다.",
+  "The amount to tie to your bid. The lowest bidder moves forward.": "비드에 연결된 금액, 제일 적게 비드하는 분은 앞서나갑니다",
+  "The associated deposit for this proposal should be more then the minimum on-chain deposit required. It will be locked until the proposal passes.": "제안의 관련된 보증금은 최소 필요한 온체인 보증금보다 더 커야 합니다. 제안이 통과할 때까지 잠깁니다.",
+  "The auto-selection is done on the current profitability of the validators taking your favorites into account. It is adjusted based on the commission and current range of backing for the validator. The calculation may and will change over time, so it is rather a selection based on the current state of the network, not a predictor of future profitability.": "오토 셀력션은 패이버릿 감안하면서 현재 검사기의 수익성으로 합니다. 수수료 및  검사기의 지원 범위로 구성합니다. 시간이 지나면 이 계산은 변경될 수 있습니다만, 현재 네트워크 상태에 대한 설력션이며, 미래 수익성에 대한 예측 변수가 아닙니다",
+  "The balance associated with the vote will be locked as per the conviction specified and will not be available for transfer during this period.": "투표에 연관된 잔고는 명시된 컨빅션에 따라 잠기고 이 기간 동안 이체가 불가능합니다",
+  "The beneficiary will have access to the transferred fees when the transaction is included in a block.": "트랜잭션이 블록에 포함될 때, 블록 생성자와 이해관계자는 전송 수수료를 받을 수 있습니다.",
+  "The beneficiary will receive the full amount if the proposal passes.": "제안이 통과되면 수령인은 전체 금액을 받습니다",
+  "The beneficiary will received the tip as approved by council members.": "수령인 의회멤버들이 승인한 팁을 받을 예정입니다",
+  "The blake2b 256-bit hash of the actual input data.": "실제 입력 데이터에서 blake2b 256-비트 해시",
+  "The bond that is reserved": "예약된 본드",
+  "The bond will be reserved for the duration of your candidacy and membership.": "해당 본드는 귀하의 입후보 및 회원권 기간 동안 보관합니다",
+  "The bonded amount is less than the minimum bond amount of {{existentialDeposit}}": "본드 액수는 최소 본드 액수 보다 더 적습니다 {{existentialDeposit}}",
+  "The bonding duration for any staked funds. After this period needs to be withdrawn.": "스테이크 펀드에 대한 본드 기간. 이 기간이 지나면 인출해야 합니다",
+  "The bonding duration for any staked funds. Needs to be unlocked and withdrawn to become available.": "스테이크 자금의 본드 기간. 풀리고 인출해야 합니다",
+  "The calculated storage costs based on the size and the per-bytes fee.": "보관 비용은 사이즈 및 바이트당 수수료를 감안하면서 계산합니다",
+  "The call data for this transaction matching the hash. Once sent, the multisig will be executed against this.": "해시와 일치하는 트랜잭션의 call 데이터. 콜 데이터가 보내지면, 이에 대한 다중서명이 실행됩니다.",
+  "The call data that can be supplied to a final call to multi approvals": "멀티승인 최종 콜에게 제공하는 콜 데이터",
+  "The call hash from the list of available and unapproved calls.": "사용 가능한 call 과 승인되지 않은 call 목록의 call 해시.",
+  "The call hashes that have not been executed as of yet.": "아직 실행되지 않은 call 해시.",
+  "The code hash for the on-chain deployed code.": "온체인 디플로이드 코드의 코드 해시",
+  "The code is not recognized as being in valid WASM format": "코드는 유효한 WASM 종류로 인식 되지 않습니다.",
+  "The codeHash is not a valid hex hash": "코드 해시는 유효한 헥스 해시가 아닙니다.",
+  "The color used to distinguish this network with others, use color code with 3 or 6 digits, like \"#FFF\" or \"#111111\"": "이 네트워크를 다른 네트워크들이랑 차별하는 색상, 색상 코드를 3가지 아니면 6가지 숫자로 적용하세요, 예시 \"#FFF\" 아니며\"#111111\"",
+  "The commission is deducted from all rewards before the remainder is split with nominators.": "보상에서 수수료를 공제하고 나머지는 검사기 중에서 나눕니다",
+  "The committee account that will apply the close for the current round.": "현재 라운드에 마무리 클로즈할 위원회 계정",
+  "The compiled WASM for the contract that you wish to deploy. Each unique code blob will be attached with a code hash that can be used to create new instances.": "여기는 본인이 디플로이하고 싶은 계약서를 모아 놓은WASM를 확인할 수 있습니다. 각 고유한 코드 블롭은 새로운 인스턴스를 만들 수 있는 코드 해시랑 첨부될 예정입니다.",
+  "The compiled runtime WASM for the parachain you wish to register.": "등록하고 싶은 파라체인의 합계한 실행 시간 WASM",
+  "The compiled runtime WASM for this parachain.": "해당 파라체인의 합계한 실행 시간 WASM",
+  "The controller does not have sufficient funds available to cover transaction fees. Ensure that a funded controller is used.": "콘트롤러는 거래 수수료를 처리할 수 있는 충분한 펀드가 없습니다. 반드시 적립되어 있는 콘트롤럴를 사용하세요",
+  "The controller is the account that is be used to control any nominating or validating actions. I will sign this transaction.": "콘트롤러는 지명 혹은 승인하는 행동을 관리하는 계정입니다. 이 거래를 승인합니다.",
+  "The controller is the account that will be used to control any nominating or validating actions. Should not match another stash or controller.": "콘트롤러는 지명 혹은 승인하는 행동을 관리하는 계정입니다. 이 거래를 승인합니다. 다른 스태시 혹은 콘트롤러랑 동일하면 안 됩니다",
+  "The conviction that will be used for each delegated vote.": "각각의 위임된 투표에 사용될 처벌분",
+  "The conviction to use for this vote, with an appropriate lock period.": "투표에 사용할 컨빅션, 적합한 잠금 기간이랑 함께",
+  "The council account for the proposal. The selection is filtered by the current members.": "제안을 위한 의회 계정. 현재 멤버들이 선정을 필터합니다",
+  "The council account for this vote. The selection is filtered by the current members.": "의회는 이 투표를 차지합니다. 현재 멤버들이 선정을 필터합니다",
+  "The council account that will apply the close for the current round.": "현재 라운드에서 해당 의회의 계정은 클로즈를 적용하겠습니다",
+  "The council member that is proposing this, submission equates to an \"aye\" vote.": "이것을 제안하는 의회멤버, 제출은 “네”투표와 동일합니다",
+  "The council proposal to make the vote on": "의회 제안을 투표하는",
+  "The data that was signed. This is used in combination with the signature for the verification. It can either be hex or a string.": "서명된 데이터. 이것은 증명 용도로 서명이랑 조합으로 사용합니다. 헥스 혹은 스트링이 될 수 있습니다",
+  "The delay between vouching and the availability of the recovered account.": "복구된 계정의 확인 검증과 활성화 시 까지의 지연.",
+  "The delay period to apply in blocks": "블록에 적용하는 지연 기간",
+  "The deployment constructor information for this contract, as provided by the ABI.": "WASM가 예전에 디플로이한 계약서. 내부적으로는 코드 해시로 인정되고, 만들거나 첨부합니다",
+  "The deposit is below the {{minimum}} minimum required for the proposal to be evaluated": "보증금은 최소 검토받아야할 제안의 필요한 것보다 {{minimum}} 적습니다",
+  "The deposit of {{deposit}} will be reserved until the proposal is completed": "보증금은 {{deposit}} 제안이 완료될 대까지 예약하겠습니다",
+  "The derivation path allows you to create different accounts from the same base mnemonic.": "동일한 복구 문구로 다른계정을 생성할 수 있도록 승인하는 파생 경로.",
+  "The desired threshold. Here set to a default of 50%+1, as applicable for general proposals.": "희망했던 스레숄드. 여기서는 디폴트가50%+1로 설정되었습니다, 일반적인 제안에 적용 방식에 따라",
+  "The destination account for any payments as either a nominator or validator": "지명자 혹은 승인자로서 지급금에 목적지 계정",
+  "The details of the transaction including the type, the description (as available from the chain metadata) as well as any parameters and fee estimations (as available) for the specific type of call.": "거래의 디테일, 종류, 설명 (체인 메터데이터랑 같이) 그리고 어떠한 파라머터 그리고 예상 수수료 (있다면) 특수한 콜 종류",
+  "The elected validator list that did not get selected by the Phragmen algorithm for this era. However they may be selected in the future.": "선출된 검사기 리스틑는 이번 사대에서 phragmen알고리즘에게 선택받지 않았습니다. 하지만 미래에 선택 받을 수 있습니다.",
+  "The email address associated with this identity.": "이메일 주소는 이 신원과 연관되어 있습니다.",
+  "The existing account password as specified when this account was created or when it was last changed.": "이 비밀번호는 계정 생성 시, 혹은 마지막으로 수정되었을 때 지정했던 비밀번호와 동일합니다.",
+  "The external proposal to send to the technical committee": "기술 위원회에게 보내는 외부 제안",
+  "The final recipient balance is less or equal to {{existentialDeposit}} (the existential amount) and will not be reflected": "최종 수령인 잔고는 적거나 같으며 {{existentialDeposit}} (존재 금액)",
+  "The full account balance to be transferred, minus the transaction fees": "이체할 전체 계정 잔고, 수수료를 제외한",
+  "The funds will only be available for withdrawal after the unbonding period, however will not be part of the staked amount after the next validator election. You can follow the unlock countdown in the UI.": "언본딩 기간이 지나야 펀드를 인출할 수 있습니다, 다음 검사기 선거가 지내야 스테이크 금액에 합성합니다. UI에서  카운트다운 해제를 볼 수 있습니다",
+  "The hash for the proposal this vote applies to": "투표가 적용되는 제안의 해쉬",
+  "The hash of the preimage for the proposal as previously submitted or intended.": "예전에 제출했거나 의도했던 제안의 프리이미지 해시",
+  "The hash of the proposal image, either already submitted or valid for the specific call.": "제안 이미지 해시, 벌써 제출했거나 혹은 특정한 콜에서만 유효합니다.",
+  "The hash of the selected proposal, use it for submitting the proposal": "선택된 제안의 해시, 제안 제출 시 사용합니다",
+  "The helpers should be able to verify, via an off-chain mechanism, that the account owner indeed wishes to recover access and as such provide any approvals. In the cases of malicious recovery procedures, they will have the power to stop it.": "계정복구 도우미는 오프체인 메커니즘을 통해 계정 소유자가 정말로 액세스를 복구하기 원하며, 이에 따라 승인요청을 검정할 수 있어야 한다. 이는 악의적인 계정복구 요청 시, 이를 막을 수 있는 힘을 갖게 된다.",
+  "The hex output from author_rotateKeys, as executed on the validator node. The keys will show as pending until applied at the start of a new session.": "author_rotateKeys 의 헥스 결과물, 검사기 노드에 따른 실행. 키는 새로운 세션에서 적용될 때까지 미결 상태로 선보입니다",
+  "The id number to assign to this parachain.": "해당 파라체인에게 배정할 id번호",
+  "The id of the parachain to be deregistered.": "등록 취소할 파라체인의id",
+  "The image (proposal) will be stored on-chain against the hash of the contents.": "이미지는 (제안) 컨텐츠의 해시 대비 온체인으로 저장합니다",
+  "The initial head state for the parachain.": "파라체인의 초기 헤드 스테이트",
+  "The initial head state is invalid.": "초기 헤드 스테이트는 유효하지 않습니다",
+  "The input data to hash. This can be either specified as a hex value (0x-prefix) or as a string.": "해시에 인프트 데이터. 이것은 헥스 값 (0x-프리픽스) 혹은 스트링으로 지정합니다.",
+  "The input data to sign. This can be either specified as a hex value (0x-prefix) or as a string.": "서명할 인프트 데이터. 이것은 헥스 값 (0x-프리픽스) 아니면 스트링으로 지정합니다.",
+  "The key type and crypto type to use for this key. Be aware that different keys have different crypto requirements. You should be familiar with the type requirements for the different keys.": "이 키에서 사용하는 키 종류 및 암호기 종류. 다른 키는 다른 암호기 조건이 다릅니다. 다양한 키의 종류 조건을 알아야 합니다",
+  "The legal name for this identity.": "신원 인증을 위한 법정 이름",
+  "The local name for this account. Changing this does not affect your on-line identity, so this is only used to indicate the name of the account locally.": "이 계정의 로컬 명칭. 이 명칭을 변경하는 것은 온라인 상의 신원에는 영향을 미치지 않고, 이 계정을 표시하는데에만 사용됩니다.",
+  "The locked value for this proposal": "제안의 잠금 가격",
+  "The maximum amount of gas that can be used by this deployment, if the code requires more, the deployment will fail.": "이 디플로이멘트에서 최대 많이 사용할 수 있는 가스량, 만약 코드가 더 필요 한다면 디플로이멘트는 실패할 것입니다.",
+  "The maximum amount of gas to use for this contract call. If the call requires more, it will fail.": "계약서 콜에서 최대 많이 사용할 수 있는 가스량. 만약 해당 콜이 가스를 더 필요하다면, 이것은 실패할 것입니다.",
+  "The maximum amount you can delegate is the amount of funds available on the delegating account.": "위임할 수 있는 토큰의 상한은 위임을 할 계정의 사용가능한 자금의 수량으로 결정됩니다.",
+  "The message to send to this contract. Parameters are adjusted based on the ABI provided.": "이 계약서에게 보낼 메시지. 파라머터는 제공된 ABI에 따라 조정됩니다.",
+  "The minimum amount that an account should have to be deemed active": "계정이 활성화 되기 위한 최소 자금의 수량",
+  "The minimum amount that will be bonded": "본드될 최소 금액",
+  "The minimum deposit required": "최소 필요한 보증금",
+  "The minimum number of committee votes required to approve this motion": "이 동의서를 승인하기 위한 최소 위원회 투표수",
+  "The minimum number of council votes required to approve this motion": "해당 모션을 찬성하려면 최소 의회의 투표수를 필요합니다",
+  "The multisig signatory for this transaction.": "거래의 멀티시그 서명",
+  "The name for this account and how it will appear under your addresses. With an on-chain identity, it can be made available to others.": "사용자의 주소 밑에 표시될 계정의 명칭. 온체인 신원이 인증되었다면, 다른 사람들에게도 나타납니다.",
+  "The name is for unique identification of the account in your owner lists.": "이 명칭은 소유자 리스트 중에서 계정의 고유한 식별 인식을 위해 존재합니다",
+  "The name that will be displayed in your accounts list.": "이 명칭은 사용자의 계정목록에 표시됩니다.",
+  "The network from which this account was originally generated is different than the network you are currently connected to. Once imported ensure you toggle the \"allow on any network\" option for the account to keep it visible on the current network.": "현재 접속하고 있는 네트워크와 이 계정이 원래 생산되었던 네트워크는 다릅니다.  계정을 현재 네트워크에서 계속 볼 거면 임포트 후에는 반드시 계정의 “아무 네트워크 허용하기” 옵션을 토글하기 바랍니다.",
+  "The new account password. Once set, all future account unlocks will be performed with this new password.": "새로운 계정 비밀번호가 설정되면, 모든 계정이 새로운 비밀번호로 해제됩니다.",
+  "The on-chain percentage for the treasury": "자금의 온체인 퍼센트",
+  "The operation type to apply. For approvals both non-final and final approvals are supported.": "승인할 오퍼레이션 타입. 중간 승인과 최종 승인을 지원합니다.",
+  "The password and password confirmation for this account. This is required to authenticate any transactions made and to encrypt the keypair.": "계정의 비밀번호와 비밀번호 확인은 트랜잭션 생성과 키페어의 암호화 시, 인증에 필요합니다.",
+  "The password previously used to encrypt this account.": "이 비밀번호는 이전에 계정을 암호화할 때 사용되었습니다.",
+  "The password to unlock the selected account.": "선택된 계정의 잠금을 해제 할 비밀번호.",
+  "The percentage reward (0-100) that should be applied for the validator": "검사기에 적용되는 퍼센트 보상 (0-100)",
+  "The preimage hash of the proposal": "제안의 프리이미지 해시",
+  "The private key for your account is derived from this seed. This seed must be kept secret as anyone in its possession has access to the funds of this account. If you validate, use the seed of the session account as the \"--key\" parameter of your node.": "사용자 계정의 개인키는 이 시드문구로부터 파생되었습니다. 시드문구는 이 계정의 자금에 접근할 수 있기 때문에, 절대 노출되어선 안됩니다. 검증인은 세션 계정의 시드문구를  검증인 노드의 \"--key\" 매개 변수로 사용하십시오.",
+  "The proposal is in the queue for future referendums. One proposal from this list will move forward to voting.": "제안은 향후 국민 투표에 대기중입니다. 리스트 중에서 한 제안이 투표 과정으로 이어갑니다",
+  "The proposal that is being voted on. It will pass when the threshold is reached.": "투표중인 제안서. 그 제안서가 스레숄드을 지나치면 제정될 예정입니다.",
+  "The proposal that will be affected. Once closed for the current voting round, it would need to be re-submitted for a subsequent voting round.": "영향을 받을 젠안서, 현재 투표 라운드이 마감되면, 차후 투표 라운드에서 다시 출햐야 합니다",
+  "The proposal that will be affected. Once closed for the current voting round, it would need to be re-submitted to council for a subsequent voting round.": "영향을 받을 제안서. 현재 투표 라운드가 클로즈되면, 제안서가 추가적인 투표 라운드에서 의회로부터 다시 제출해야 합니다",
+  "The proposal will be registered from this account and the balance lock will be applied here.": "제안은 이 계정에서 등록되고 잔고록은 여기서 적용됩니다",
+  "The proxy is one of the allowed proxies on the account, as set and filtered by the transaction type.": "프록시는 계정 에서 허용하는 프록시 중에 하나이며, 거래 종류로 설정되고 필터됩니다",
+  "The proxy to be used for this transaction.": "거래에서 사용하는 프록시",
+  "The reason why this tip should be paid.": "팁을 지급해야 하는 이유",
+  "The recoverable account is protected against the loss of seed/access by a social process.": "복구 가능한 계정은 \"계정 복구 도우미\"를 통해 시드/액세스 손실로부터 보호됩니다.",
+  "The resulting signature of the input data, as done with the crypto algorithm from the account. (This could be non-deterministic for some types such as sr25519).": "인프트 데이터에서 발생하는 서명, 계정의 암호 알고리듬이랑 마찬가지. (이것은 sr25519 종류에는 비결정적일 수도 있습니다.)",
+  "The scheduling preference for this parachain.": "파라체인의 스케쥴 선호",
+  "The scheduling setting for this parachain.": "파라체인의 스케쥴 세팅",
+  "The secret seed value for this account. Ensure that you keep this in a safe place, with access to the seed you can re-create the account.": "사용자 계정의 비밀 시드 문구. 비밀 시드 문구를 안전한 장소에 보관하세요. 시드 문구가 있어야만 계정을 재생성할 수 있습니다.",
+  "The seed and derivation path will be submitted to the validator node. this is an advanced operation, only to be performed when you are sure of the security and connection risks.": "시드 그리고 어원 루트는 검사기 노드 앞으로 제출합니다. 이것은 매우 전문적인 작업이라서, 그 보안이랑 연결 위험을 알고 실행하세요",
+  "The selected account to be unlocked.": "선택된 계정은 잠금 해제를 진행해야 합니다",
+  "The selected account to perform the derivation on.": "파생된 다른 작업을 수행하기위해 선택된 계정",
+  "The selected controller tied to this stash. Once set, this account will be able to control the actions performed by the stash account.": "스태시에 연관된 셀렉 콘트롤러, 설정되면, 이 계정은 스태시 계정 에서 실행하는 행동을 직접 관리할 수 있습니다",
+  "The selected validators to nominate, either via the \"currently best algorithm\" or via a manual selection.": "지정될 선택된 검사기, “현재 우수한 알고리즘” 혹은 수동적인 선택",
+  "The sending account that will be used to send this transaction. Any applicable fees will be paid by this account.": "거래를 보내는 발송 계정. 적용 가능한 수수료는 이 계정에서 지급합니다",
+  "The signatories has the ability to create transactions using the multisig and approve transactions sent by others.Once the threshold is reached with approvals, the multisig transaction is enacted on-chain.": "서명인은 다중 서명을 사용하여 트랜잭션을 생성할 수 있고, 다른 사람이 보낸 트랜잭션을 승인할 수 있습니다. 일정 승인치를 달성하면, 다중 서명 트랜잭션은 온체인에 기록됩니다.",
+  "The signatory is one of the allowed accounts on the multisig, making a recorded approval for the transaction.": "서명인 멀티시그에서 허용되는 계정이며, 거래에 기록된 승인합니다.",
+  "The signatory is one of the allowed accounts on the multisig. The transaction could either be the call or an approval for the hash of a call.": "서명인 멀티시그에서 허용되는 계좌이다, 거래는 콜 혹은 콜 해시의 승인이다.",
+  "The signatory to send the approval/cancel from": "승인/취소 데이터를 전송하기 위한 서명인.",
+  "The signature as by the account being checked, supplied as a hex-formatted string.": "확인중인 계정에서 서명, 헥스 종류 스트링으로 공급합니다",
+  "The specific eras on which there are unapplied slashes. For each era a separate proposal is to be made.": "특정한 에라에서 적용되지 않은 슬래시. 각각 에라에는 별도 제안을 내야 합니다.",
+  "The specified value is greater than the recommended amount. You may not be adequately protected against slashing events or have funds for future fees.": "지정된 값은 추천하는 금액보다 더 크다. 스래싱 이벤트의 충분히 보하가 안 될 수도 있으며 향후 수수료에 자금이 부족할 수 있습니다",
+  "The specified value is greater than your free balance. The node will bond the maximum amount available.": "명시된 금액이 가용 자금 보다 더 큽니다. 노드는 최대 금액이랑 본드할 것입니다.",
+  "The specified value is too large and does not allow funds to pay future transaction fees.": "명시된 금액이 너무 커서 미래 수수료를 처리할 수 있는 펀드를 허용하지 않습니다.",
+  "The stash account that is used. This will allow the controller to perform all non-funds related operations on behalf of the account.": "사용하는 스태시 계정 . 이것은 콘트롤러 펀드 관련 되지 않은 작업을 계정 대신 실행할 수 있습니다.",
+  "The stash and controller pair as linked. This operation will be performed via the controller.": "연결된 스태시 그리고 콜트롤러 페어. 이번 작업을 콘트롤러 앞으로 실행합니다",
+  "The stash and controller pair, here the controller will be used to send the transaction.": "스태시 그리고 콘트럴러 페어, 여기서는 콘트롤러가 거래를 보냅니다",
+  "The stash and controller pair. This transaction, managing preferences, will be sent from the controller.": "스태시 르기고 콘트롤러 페어. 이번 거래, 선호 관리는 콘트롤러가 보냅니다.",
+  "The stash and controller pair. This transaction, setting the session keys, will be sent from the controller.": "스태시 르기고 콘트롤러 페어. 이번 거래, 콘트롤러가 세션키 설정을 보냅니다",
+  "The stash that is to be affected. The transaction will be sent from the associated controller account.": "영향을 받은 스태시. 이번 거래를 관련 콘트롤러 계정 에서 보냅니다.",
+  "The suggested value for this tip": "팀의 제안하는 값",
+  "The threshold for approval should be less or equal to the number of signatories for this multisig.": "승인이 되기 위해 달성해야하는 승인치 기준은 다중 서명에 참여하는 서명인의 수보다 작거나 같아야 합니다.",
+  "The threshold for approvals and the delay is the protection associated with the account. The delay should be such that any colluding recovery attempts does have a window to stop.": "승인을 위한 승인치 기준과 지연시간은 계정의 보호를 위한 것입니다. 지연시간은 어떤 종류의 복구시도가 들어와도 해당 시도를 중지할 수 있는 창을 가지고 있어야 합니다.",
+  "The threshold for this multisig": "다중 서명을 위한 승인치",
+  "The threshold of vouches that is to be reached for the account to be recovered.": "사용자 계정을 복구하려면 일정치 이상의 보증금이 필요합니다.",
+  "The tip amount that should be allocated": "할부해야 하는 팁 금액",
+  "The total amount of the stash balance that will be at stake in any forthcoming rounds (should be less than the free amount available)": "향후 라운드에서 달려 있는 스태시 잔고의 총액 (가용 잔액보더 적어야 합니다)",
+  "The total amount of the stash balance that will be at stake in any forthcoming rounds (should be less than the total amount available)": "다가오는 라운드에서 스태시 잔고의 총액. (가용 총액보더 적어야 합니다)",
+  "The transferred balance will be subtracted (along with fees) from the sender account.": "전송 잔액은 전송계좌에서 전송 수수료를 제외한 나머지 입니다.",
+  "The twitter name for this identity.": "신원 인증을 위한 트위터 계정",
+  "The type of council proposal to submit.": "제출할 의회 제안 형태",
+  "The unapplied slashed era to cancel.": "적용되지 않은 슬래시 에라 취소",
+  "The unchecked weight as specified for the sudoUncheckedWeight call.": "수도 점검하지 않은 중량 콜에 따라 따른 점검하지 않은 중량",
+  "The validators selected by the Phragmen algorithm to nominate for this era.": "이번 에라를 지명할 Phragmen 알고리즘에서 선택 받은 검사기",
+  "The validators that are not in the validator set because they need more nominations or because they have willingly stopped validating. Any nominations made before the next election will also appear here.": "지명을 더 필요하거나 혹은 검사를 의도적으로 멈춰서 검사기 세트에 없는 검사기. 다음 선거 전에 지명들도 여기서 보입니다.",
+  "The validators that are over-subscribed, only the top 64 backing stake will be rewarded.": "초과된 검사기, 상위 64 스테이크만 보상 받을것 입니다",
+  "The validators that got slashed and for which your nomination got auto-chilled. Re-nominating these will make them available to the Phragmen algorithm.": "해당 검사기가 슬래시 되고 그리고 귀하의 지명이 오토칠드됨. 재지정 해주면phragmen알고리즘에서도 사용이 가능합니다.",
+  "The value associated with this vote. The amount will be locked (not available for transfer) and used in all subsequent elections.": "해당 투표에 관련 값. 금액은 잠기고 (이체 불과) 향후 선거에서 지속적으로 사용될 예정입니다.",
+  "The value is not in a valid address format": "값은 유효한 주소 종류가 아닙니다.",
+  "The value is the amount that is being asked for and that will be allocated to the beneficiary if the proposal is approved.": "값은 요청되는 금액이며 제안이 승인되면 수령인 앞으로 값을 할당합니다",
+  "The vote will be recorded for the selected account.": "투표는 선택된 계정에 기록될 것입니다",
+  "The vote will be recorded for this account. If another account delegated to this one, the delegated votes will also be counted.": "투표는 이 계정으로 기록됩니다. 다른 계정 이 계정으로 위임하면, 위임된 표도 같이 인정합니다.",
+  "The votes for the members, runner-ups and candidates. These should be ordered based on your priority.": "멤버, 차점자, 그리고 입후보자들 위한 투표. 귀하의 우선 순위 기준으로 정해주세요.",
+  "The voting period to apply in blocks": "블록에 적용할 투표 기간",
+  "There are no pending proposals": "미결 제안이 없습니다",
+  "There are no registered parachains": "등록된 파라체인의 없습니다",
+  "There are no unapplied/pending slashes": "적용되지 않거나/ 미결인 슬래시가 없습니다.",
+  "There is currently an ongoing election for new validator candidates. As such staking operations are not permitted.": "현재 새로운 검사기 후보를 찾으려고 선거를 진행하고 있습니다. 그래서 스테이킹 작업은 허용하지 않습니다.",
+  "These are trusted individuals that can verify and approve any recovery actions. With recovery, once the threshold is reached, the funds associated with the account can be moved to a new destination.": "승인자들은 어떤 복구 행위든지 검정하고 승인할 수 있습니다. 복구 절차에서 승인치가 달성되면, 사용자 계정의 자금은 새 계정으로 이동될 수 있습니다.",
+  "These validators are active but only the top {{max}} nominators by backing stake will be receiving rewards. The nominating stash is not one of those to be rewarded in the current era.": "물론 검서기는 액티브하지만 배킹 스테이크으로 배열한 최상의{{max}} 지명자들만 보상을 받을 예입니다. 현재 에라에서는 지명하는 스태시는 보상받지 않습니다.",
+  "Think of the stash as your cold wallet and the controller as your hot wallet. Funding operations are controlled by the stash, any other non-funding actions by the controller itself.": "스태시를 콜드 월렛으로 생각하고 콜트롤러를 핫 월렛으로 생각하세요. 펀드 작업은 스태시에서 관리하면서, 타 펀드 작업은 콘트롤러가 직접 관리합니다.",
+  "This Ethereum address does not have a claim.": "이 이더리움 주소로는 청구를 진행할 수 없습니다.",
+  "This account has a governance delegation": "이 계정은 거버넌스 위임을 하고 있습니다.",
+  "This account has {{proxyNumber}} proxy set.": "이 계정은 {{proxyNumber}} 프록시 설정을 가지고 있습니다.",
+  "This account is recoverable, with the following friends:": "이 계정은 다음 사람들을 통해 복구가 가능합니다.",
+  "This account that will perform the message signing.": "메시지 서명을 실행할 계정",
+  "This account will appear in the list of candidates. With enough votes in an election, it will become either a runner-up or a council member.": "해당 계정은 입후보자 리스트에서 나타납니다. 만약 선거에서 충분한 표가 생기면, 계정 차점자 혹은 의회 멤버가 될 것 입니다.",
+  "This account will be use to approve each candidate.": "해당 계정은 각 후보자를 찬성합니다.",
+  "This account will make the proposal and be responsible for the bond.": "계정은 제안서를 구축해놓고 본드 책임진다",
+  "This account will pay the fees for the preimage, based on the size thereof.": "이 계정은 프르이미지의 수수료를 지급하겠습니다, 이미지 사이즈에 따라",
+  "This could either be an approval for the hash or with full call details. The call as last approval triggers execution.": "해시의 승인 혹은 전체 콜 디테일로 구성할 수 있습니다. 콜은 마지막 승인으로서 실행합니다",
+  "This external account cannot be used to sign data. Only Limited support is currently available for signing from any non-internal accounts.": "이 외부 계정은 데이터를 서명할 수 없습니다. 서명을 내부적인 계정에서 진행하지 않으면 현재 제한적인 지원만 제공됩니다.",
+  "This injected account cannot be used to sign data since the extension does not support raw signing.": "익스텐션은 raw서명을 지원하지 않으니 인젝티드 계정은 데이터를 서명할 수 없습니다",
+  "This is a developer tool that allows you to execute selected snippets in a limited context.": "이것은 선택된 몇몇 스니펫을 한정적인 맥락에서 실행시킬 수 있는 개발자 도구입니다",
+  "This is not a valid JSON object.": "이것은 유효한 JSON 옵젝트가 아닙니다.",
+  "This is the ABI as supplied. Any calls to the contract will use this information for encoding.": "이것은 제공된 ABI.",
+  "This operation does not impact the associated on-chain code or any of its contracts.": "이번 작업은 연관된 온-체인 코드 혹은 관련된 계약서에게 영향을 주지 않습니다.",
+  "This operation does not remove the history of the account from the chain, nor any associated funds from the account. The forget operation only limits your access to the account on this browser.": "이번 작업은 계정의 역사를 체인에서 제거하지 않고, 그리고 계정의 관련 펀드. 포겟 작업은 귀하의 계정 접속을 브라우저에서만 제한합니다",
+  "This operation does not remove the history of the account from the chain, nor any associated funds from the account. The forget operation only limits your access to the address on this browser.": "이번 작업은 계정의 역사를 체인에서 제거하지 않고, 그리고 계정 의 관련 펀드. 포겟 작업은 귀하의 주소 접속을 브라우저에서만제한합니다",
+  "This operation does not remove the history of the contract from the chain, nor any associated funds from its account. The forget operation only limits your access to the contract on this browser.": "이번 작업은 계정의 역사를 체인에서 제거하지 않고, 계정의 관련 펀드. 포겟 작업은 귀하의 계약서 접속을 브라우저에서만 제한합니다",
+  "This operation does not remove the uploaded code WASM and ABI from the chain, nor any deployed contracts. The forget operation only limits your access to the code on this browser.": "이번 작업은 이미 업로드된 WASM 코드 및 ABI 코드를 체인에서 제거하지 않고, 또한 아무 디플로이드 계약서 제거하지 않습니다. 포겟 작업은 이 브라우저에서만 코드 액세스를 제한합니다.",
+  "This operation will submit the seed via an RPC call. Do not perform this operation on a public RPC node, but ensure that the node is local, connected to your validator and secure.": "해당 작업은 RPC콜 통해서 시드를 제출합니다. 이 작업을 공공의 RPB 노드에서 실행하지 말고, 노드이 로컬인거를 확인하고 노드가 귀하의 검사기에 연결되있는지 그리고 안전하다는 점들을 보장하세요.",
+  "This password is used to encrypt your private key. It must be strong and unique! You will need it to sign transactions with this account. You can recover this account using this password together with the backup file (generated in the next step).": "이 비밀번호는 사용자의 개인키를 암호화하는데 사용됩니다. 비밀번호는 매우 강력한 보안기준으로 설정되어야 합니다. 사용자는 백업파일과 비밀번호를 사용하여 계정을 복구할 수 있습니다. (백업파일 생성하기)",
+  "This poll is setup to judge the sentiment of the Polkadot token holders in adjusting the number of decimals that is used to identify one full DOT. It does not change the overall supply, but rather just allows for a different representation of the current supply.": "이번 여론조사는 하나의DOT 소수를 조정하면 폴카도트 토큰 소유자들은 어떨지 감정을 평가하기 위해 설정되었습니다. 총공급을 변경하지 않으니, 단 현재 공급의 다른 모습을 연출합니다.",
+  "This pubic key is what will be visible in your queued keys list. It is generated based on the seed and the crypto used.": "공개 키가 큐드 키 리스트에서 보입니다. 사용한 시드 그리고 암호기 바탕으로 생산됩니다.",
+  "This vote does not affect any economics of the Polkadot platform. Staking rewards, inflation, effective market capitalisation and the underlying balances of every account remain completely unchanged. It is \"merely\" about what units we use to denominate the balances into \"DOT\" for the purpose of display.": "이번 표는 폴카도트 플랫폼의 어떠한 경제에 영향 마치지 않습니다. 스테이킹 보상, 인플레이션, 효과적인 주가 총액, 그리고 모든 계정의 근본적인 잔고는 아예 변경하지 않았습니다. “단” 디스플레이 용도로 어떤 단위로 잔고들을 “DOT” 에 디노미네이트에 대해 설명합니다.",
+  "This will apply to any future use of this account as stored on this browser. Ensure that you securely store this new password and that it is strong and unique to the account.": "이 계좌는 브라우저에 저장되어 사용할 수 있습니다. 새로운 비밀번호를 안전하게 관리하세요!",
+  "Tip": "팁",
+  "Tip (optional)": "팁 (선택적인)",
+  "Tippers ({{count}})": "팁 주는 분 ({{count}})",
+  "Tips": "팁스",
+  "To council": "의회에게",
+  "To ensure optimal fund security using the same stash/controller is strongly discouraged, but not forbidden.": "똑같은 스태시/콘트롤러를 사용하면서 최적의 펀드 보안은 막으려 하지만, 금지하지 않았습니다.",
+  "Total amount of fund that will be reserved. These funds are returned when the identity is cleared": "예치될 자금의 총 수량. 이 자금은 신원이 확인되면 반환됩니다.",
+  "Transfer": "전송하다",
+  "Transfer an amount from a specific account into a parachain.": "지정된 계정에서 패러체인으로 금액을 이체하다",
+  "Transfer the full account balance, reap the sender": "전체 계정 잔고를 이체하세요, 발송자를 립하세요",
+  "Transfer to chain": "체인으로 이체하다",
+  "Transfer to parachain": "파라체인으로 이체하다",
+  "Transfer with account keep-alive checks": "계정의 키프 얼라이브 체크들이랑 같이 이체하세요",
+  "Translate": "번역",
+  "Treasury overview": "자금 개요",
+  "Type here what you would like your address to contain. This tool will generate the keys and show the associated addresses that best match your search. You can use \"?\" as a wildcard for a character.": "여기에 포함하고 싶은 주소를 입력하세요. 이 도구는 비밀키를 생성하여 당신이 찾는 알맞은 주소를 보여줄 것 입니다. 사용자는 \"?\"를 계정의 와일드카드로 사용할 수 있습니다.",
+  "Type the amount you want to transfer. Note that you can select the unit on the right e.g sending 1 milli is equivalent to sending 0.001.": "전송할 수량을 입력하세요. 참고: 오른쪽에서 단위를 선택할 수 있습니다. (e.g. 1 milli 는 0.001을 의미 합니다.)",
+  "Type the name of this Asset. This name will be used across all the apps. It can be edited later on.": "자산의 이름을 입력해주세요. 이 이름 모든 앱 인터페이스에서 사용됩니다. 이름을 나중에 수정할 수 있습니다",
+  "Type the name of your contact. This name will be used across all the apps. It can be edited later on.": "주소의 명칭을 입력하세요. 이 명칭은 모든 앱에서 사용되며, 언제든 변경할 수 있습니다.",
+  "Type the password chosen at the account creation. It was used to encrypt your account's private key in the backup file.": "계정 생성시 선택한 비밀번호를 입력하세요. 비밀번호는 백업파일에서 사용자 계정의 개인키를 암호화하는데 사용됩니다.",
+  "Unable to find deployed contract code at the specified address": "명시된 주소에서 디플로이드 계약서를 찾을 수 없습니다.",
+  "Unable to find on-chain WASM code for the supplied codeHash": "제공된 codeHash에서 온체인 WASM 코드를 찾을 수 없습니다.",
+  "Unable to retrieve the specified block details. {{error}}": "지정된 블록 디테일을 찾을 수 없습니다 {{error}}",
+  "Unbid": "언비드",
+  "Unbond": "언본드",
+  "Unbond funds": "펀드를 언본드하다",
+  "Unbonding {{value}}": "언본딩 {{value}}",
+  "Uncaught error. Something went wrong with the query and rendering of this component. {{message}}": "발견하지 않은 오류. 랜더링 시 퀴리 및 요소에 이상이 있었습니다",
+  "Undelegate": "위임취소",
+  "Understood, close this": "이해했다, 이것을 클로즈",
+  "Unit": "단위",
+  "Unit decides the name of 1 unit token, e.g. \"DOT\" for Polkadot": "단위는 1단위의 토큰의 명칭을 결정합니다, e.g. 폴카도트의 “DOT”",
+  "Unknown": "언노운",
+  "Unless you are a developer with insight into what the specific script does to your environment (based on reading the code being executed) generally the advice would be to not use this environment.": "특정한 스크립트가 본인의 환경에 어떤 영향을 끼치는지에 대한 지식이 있는 개발자가 아닌 이상, (실행되는 코드를 읽으면서) 웬만하면 이러한 환경을 사용하지 말라는 상담입니다.",
+  "Unlock": "잠금해제",
+  "Unlock account": "계정 잠금해제",
+  "Unlock the account for signing. Once active the signature will be generated based on the content provided.": "서명하기 위해 계정을 풀다. 액티브 되면 서명은 제공된 컨텐트에 따라 생성됩니다.",
+  "Unlock the sending account to allow signing of this transaction.": "거래를 서명하기 위해 보내는 계정을 푼다",
+  "Unlock vested amount": "확정 리워드 잠금해제",
+  "Unvote all": "모든 투표 취소",
+  "Upcoming events": "다가오는 이벤트",
+  "Update metadata": "메타데이터를 업데이트하다",
+  "Updated in the latest block": "최신 블록 금액에서 업데이트됨",
+  "Upload": "업로드",
+  "Upload WASM": "WASM 업로드",
+  "Use a proxy for this call": "콜의 프록시를 사용한다",
+  "Use this account to request the tip from. This can be a normal or council account.": "이 계정을 이용해서 팁을 요청하세요. 이거는 정상적인 계정 아니면 의회 계정일 수도 있습니다",
+  "Validate": "검사하다",
+  "Validator": "검사기",
+  "Validator stats": "검사기 통계",
+  "Vanity generator": "난수 생성기",
+  "Verify signature": "서명을 확인하다",
+  "Verify the password entered above.": "상기 입력된 비밀번호를 검증하세요.",
+  "View this externally": "외부적으로 봅니다",
+  "Vote": "투표",
+  "Vote Aye": "찬성",
+  "Vote Nay": "반성",
+  "Vote for candidate": "후보자 대상으로 투표하다",
+  "Vote for current candidates": "현재 후보자 대상으로 투표하다",
+  "Vote for defender": "디펜더 대상으로 투표하다",
+  "Vote on proposal": "제안에 대해 투표",
+  "Voting": "투표",
+  "Voting closed": "투표 마감",
+  "Voting costs nothing other than the transaction fee and can be done from all accounts with a non-zero spendable balance.": "투표 하려면 단순히 거래수수료만 돈 들고 모든 계정에서 비제로섬 소비할 수 있는 잔고로 가능합니다",
+  "Voting ends for referendum {{id}}": "국민 투표에 대한 투표가 마감됩니다  {{id}}",
+  "Voting ends on council motion {{id}}": "의회의 동의에 대한 투표가 마감됩니다",
+  "Voting is made on a per-account basis; a single account must all vote the same way and cannot split its vote.": "투표는 계정별 기준으로 진행합니다. 한 계정은 반드시 다 똑같이 투표하고 그 투표를 나눌 수 없습니다.",
+  "Waiting": "기다리다",
+  "Waiting for authorization from the extension. Please open the installed extension and approve or reject access.": "엑스텐션으로 부터 승인을 기다리고 있습니다.  설치된 엑스텐션을 열고 접속 허가 혹은 거부를 선택 바랍니다",
+  "Waiting nominations ({{count}})": "지명을 기다린다 ({{count}})",
+  "Warning: we did not find any attest statement for {{chain}}": "경고: {{chain}}에 대해 증명된 자료를 찾을 수 없었습니다",
+  "We found a pre-claim with this Polkadot address. However, attesting requires signing with this account. To continue with attesting, please add this account as an owned account first.": "아래 폴카닷 주소로 pre-claim이 된것을 확인했습니다. 하지만, 증명을 하려면 그 계정으로 서명을 한것을 보여야 합니다. 증명을 하시려면, 이 계정을 먼저 웹사이트 지갑에 추가해주세요.",
+  "We will provide you with a generated backup file after your account is created. As long as you have access to your account you can always download this file later by clicking on \"Backup\" button from the Accounts section.": "계정이 생성되면, 백업파일을 받을 수 있습니다. 사용자 계정에 접근할 수 있으면 언제든지 계정 섹션에서 \"백업\"버튼을 눌러 백업파일을 다운로드 할 수 있습니다.",
+  "When submitting a proposal the hash needs to be known. Proposals can be submitted with hash-only, but upon dispatch the preimage needs to be available.": "제안 제출 시 해시를 알아야 합니다. 해시뿐으로 제안을 제출할 수 있습니다만, 디스페치 시점에서는 프리이미지도 함께 있어야 합니다",
+  "With the keep-alive option set, the account is protected against removal due to low balances.": "키프 얼라이브이 옵션이 설정되면, 계정은 낮은 잔고 때문에 제거 경우에서 보호됩니다.",
+  "Withdraw these unbonded funds": "언본드 자금을 인출합니다",
+  "Withdraw unbonded funds": "언본드 펀드를 인출하다",
+  "Yes": "네",
+  "You are about to remove this account from your list of available accounts. Once completed, should you need to access it again, you will have to re-create the account either via seed or via a backup file.": "사용 가능한 계정에서 이 계정을 제거할 예정입니다. 완료 후, 다시 접속해야 하면, 시드 아니면 백업파일로부터 다시 만들어야 합니다",
+  "You are about to remove this address from your address book. Once completed, should you need to access it again, you will have to re-add the address.": "주소록에서 이 주소를 제거할 예정입니다. 완료 후, 다시 접속해야 하면, 주소를 다시 추가야 합니다",
+  "You are about to remove this code from your list of available code hashes. Once completed, should you need to access it again, you will have to manually add the code hash again.": "해당 코드를 준비된 코드해시 리스트에서 제거할 예정입니다. 작업이 완료되면, 만약 코드를 다시 액세스를 하고자 하면, 코드 해시를 수동으로 다시 입력해야 합니다.",
+  "You are about to remove this code's ABI. Once completed, should you need to access it again, you will have to manually re-upload it.": "해당 코드의 ABI를 제거할 예정입니다. 작업이 완료되면, 만약 코드의 ABI를 다시 액세스를 하고자 하면, 수동으로 다시 업로드해야 합니다.",
+  "You are about to remove this contract from your list of available contracts. Once completed, should you need to access it again, you will have to manually add the contract's address in the Instantiate tab.": "사용 가능한 계약서에서 이 계약서를 삭제할 예정입니다. 완료 후, 다시 접속해야 하면, 계약서의 주소를 직접 인스턴스화탭에서 입력하세요",
+  "You are connecting from a secure location to an insecure WebSocket ({{wsUrl}}). Due to browser mixed-content security policies this connection type is not allowed. Change the RPC service to a secure 'wss' endpoint.": "안전한 위치에서 안전하지 않은 웹소켓에 ({{wsUrl}} 접속을 시도하고 있습니다. 브라우저의 혼합된 컨텐츠 보안 대책에 따라 이러한 접속 종류는 허용하지 않습니다. RPC 서비스를 안전한 ‘wss’ 엔드포인트으로 전환 부탁드립니다.",
+  "You are not connected to a node. Ensure that your node is running and that the Websocket endpoint is reachable.": "노드에 연결되지 않았습니다. 노드 상태를 확인하고 웹소켓 끝점에 접속이 가능한지 확인 바랍니다.",
+  "You are voting with this collective's prime account. The vote will be the default outcome in case of any abstentions.": "이 단체의 프라임 계정으로 투포를 하고 있습니다. 기권이 발생하는 경우에는 이번 투표는 디폴트 결과가 되겠습니다",
+  "You can indicate your vote for any combination of the options laid out below.": "아래와 같은 옵션 중에서 아무 조합으로 투표를 표시하면 됩니다.",
+  "You can set a custom derivation path for this account using the following syntax \"/<soft-key>//<hard-key>\". The \"/<soft-key>\" and \"//<hard-key>\" may be repeated and mixed`. An optional \"///<password>\" can be used with a mnemonic seed, and may only be specified once.": "하기 구문론을 사용하여 계정의 커스텀 구문론 경로를 설정할 수 있습니다:  \"/<soft-key>//<hard-key>\". \"/<soft-key> 그리고 //<hard-key>\"는 반복 그리고 혼합 될수 있습니다. 옵셔널\"///<password>\" 는 연상 기호 시드랑 사용할 수 있지만, 단 한 번만 지정할 수 있습니다.",
+  "You can set a custom derivation path for this account using the following syntax \"/<soft-key>//<hard-key>///<password>\". The \"/<soft-key>\" and \"//<hard-key>\" may be repeated and mixed`. The \"///password\" is optional and should only occur once.": "사용자는 이 계정에 대해  \"/<soft-key>//<hard-key>///<password>\" 형식의 파생 경로를 자체 정의할 수 있으며, \"/<soft-key>\"와  \"//<hard-key>\" 를 중복하여 혼합할 수 있습니다. \"///password\"는 선택 가능하고 한 번만 나타나게 됩니다.",
+  "You do not have access to the current sudo key": "현재 수도키에서 접근 권한이 없습니다",
+  "You don't have any accounts. Some features are currently hidden and will only become available once you have accounts.": "만약 계정이 없다면, 몇몇 기능은 숨겨지고, 계정을 생성했을 때 보이게 됩니다.",
+  "You have {{claimCount}} accounts that need attestations. Use the Claim Tokens app on the navigation bar to complete the process. Until you do, your balances for those accounts will not be reflected.": "현재 증명이 필요한 {{claimCount}개의 계정이 있습니다.  프로세스를 완료하려면 왼쪽 탐색 모음의 클레임 토큰 앱을 사용하십시오.  그 전까지 어떤 금액도 잔고에 반영되지 않습니다.",
+  "You have {{upgradableCount}} extensions that need to be updated with the latest chain properties in order to display the correct information for the chain you are connected to. This update includes chain metadata and chain properties.": "현재 연결된 체인에 대한 올바른 정보를 표시하기 위해 최신 체인으로 업데이트해야 하는 {{upgradableCount} 확장 기능이 있습니다. 이 업데이트는 체인 메타데이터와 체인 속성을 포함하고 있습니다.",
+  "You need to sign an attestation for the following account:": "이 계정에 대한 증명을 위해 서명이 필요합니다.",
+  "You need to sign an attestation for the following accounts:": "이 계정에 대한 증명을 위해 서명이 필요합니다.",
+  "You need to unlock this account to be able to sign data.": "데이터를 서명하려면 이 계정을 풀어야 합니다",
+  "You should trust your nominations to act competently and honest; basing your decision purely on their current profitability could lead to reduced profits or even loss of funds.": "지명자들을 유능하고 성실하게 행동을 하겠다고 믿어야 합니다; 귀하의 결정을 지명자들의 현재 수익성 기반으로 두면 이익이 줄이거나 펀드가 감소되는 경우가 생길 수 있습니다",
+  "You will no longer have sudo access": "수도에 더 이상 접근할 수 없습니다",
+  "You will remove any delegation made by this acccount": "사용자는 이 계정으로 수행된 위임을 모두 제거할 것입니다.",
+  "Your Ethereum account": "당신의 이더리움 계정",
+  "Your candidate/bid account. Once accepted this account will become a member.": "귀하의 후보자/ 비드 계정 . 수락되면 이 계정은 멤버가 되겠습니다.",
+  "Your close will be applied for this council account.": "의회 계정에게 귀하의 클로즈가 적용됩니다",
+  "Your custom types have been added": "커스텀 종류가 추가했습니다",
+  "Your endorsement will be applied for this account.": "의회 계정에게 귀하의 지지가 적용됩니다",
+  "Your password contains at least one \"/\" character. Disregard this warning if it is intended.": "귀하의 암호는 하나 이상의 \"/\" 글자가 들어가 있습니다. 만약 이것을 의도했으면 이 경고를 무시하세요.",
+  "Your stash account. The transaction will be sent from the associated controller.": "귀하의 스태시 계정 . 거래는 연관된 콘트롤러에서 보냅니다.",
+  "a riot name linked to this identity": "이 계정의 신원과 링크된 riot 계정.",
+  "account": "계정",
+  "account forgotten": "계정을 잊으셨나요?",
+  "account restored": "계정이 복구되었습니다!",
+  "account type": "계정 종류",
+  "accounts": "계정",
+  "activate": "활성",
+  "added proxy": "추가된 프록시",
+  "additional bonded funds": "추가 본드된 펀드",
+  "address": "주소",
+  "address copied": "주소 복사",
+  "address created": "생성된 주소",
+  "address edited": "수정된 주소",
+  "address forgotten": "주소를 잊으셨나요?",
+  "address index": "주소 인덱스",
+  "address prefix": "주소 프리픽스",
+  "address {{index}}": "주소 {{index}}",
+  "addresses": "주소",
+  "all bonded": "다 본드됨",
+  "amount": "수량",
+  "amount to use for estimation": "추정하기 위해 사용할 수량",
+  "approval type": "승인 형식",
+  "approved": "승인된",
+  "asset id": "자산 id",
+  "available": "가용",
+  "available signatories": "현재 서명이 가능한 서명인",
+  "available social recovery helpers": "현재 도움을 줄 수 있는 \"계정 복구 도우미\"",
+  "available to be unlocked": "풀릴 수 있습니다",
+  "average": "평균",
+  "aye": "찬성",
+  "aye: bool": "네: bool",
+  "backing": "지원",
+  "backup file": "백업 파일",
+  "balance": "잔고",
+  "balances": "잔액",
+  "beneficiary": "수령인",
+  "best": "베스트",
+  "best #": "베스트 #",
+  "best block": "베스트 블록",
+  "best hash": "베스트 해시",
+  "bid account": "비드 계정",
+  "bid amount": "비드 금액",
+  "bids": "비드",
+  "block hash or number to query": "블록 해시 혹은 쿼리할 숫자",
+  "blocks": "블록",
+  "bond": "본드",
+  "bonded": "본드됨",
+  "calculated storage fee": "계산된 보관료",
+  "call data for final approval": "최종 승인 call 데이터",
+  "call from account": "계정에서 콜하다",
+  "call the selected endpoint": "선택된 엔드포인트를 콜하다",
+  "candidacy bond": "입후보 본드",
+  "candidate account": "입후보 계정",
+  "candidate accounts": "지명 계정",
+  "candidates": "후보자들",
+  "case sensitive": "대/소문자 구분",
+  "challenge": "도전",
+  "claim to account": "계정에 청구하기",
+  "click to copy": "클릭 후 복사",
+  "click to select or drag and drop a JSON ABI file": "선택하려면 클릭하고JSON ABI 파일을 드래그 앤 드롭하세요.",
+  "click to select or drag and drop the file here": "선택하려면 클릭하거나 파일을 드래그 앤드 드롭하세요",
+  "clipboard": "클립보드",
+  "code": "코드",
+  "code hash": "코드 해시",
+  "code hashes": "코드 해시들",
+  "comm.": "커미션",
+  "commission": "수수료",
+  "compiled contract WASM": "WASM 모아놓은 계약서",
+  "connected peers": "연결된 피어",
+  "contacts": "연락처",
+  "contract ABI": "계약서 ABI",
+  "contract address": "계약서 주소",
+  "contract to use": "사용할 계약서",
+  "contracts": "계약서들",
+  "controller": "콘트롤러",
+  "controller account": "콘트롤러 계정",
+  "conviction": "처벌",
+  "conviction: Conviction": "컨빅션: 컨빅션",
+  "copied": "복사됨",
+  "council candidates": "의회 후보자들",
+  "council proposal": "의회 제안",
+  "council proposal type": "의회 제안 종류",
+  "count": "수를 세다",
+  "created account": "생성된 계정",
+  "created multisig": "생성된 다중 서명",
+  "crypto type to use": "사용할 암호기 종류",
+  "current value": "현재 값",
+  "custom endpoint": "지정 끝점",
+  "data": "데이터",
+  "default icon theme": "디폴트 아이콘 테마",
+  "default interface language": "디폴트 인터페이스 언어",
+  "default interface theme": "디폴트 인터페이스 테마",
+  "defender": "디펜더",
+  "defer": "연기하다",
+  "delay": "지연시간",
+  "delegate democracy vote": "거버넌스 투표 위임하기",
+  "delegated account": "위임된 계정",
+  "delegating account": "위임하는 계정",
+  "delegating amount": "위임한 수량",
+  "delegation": "위임",
+  "democracy": "민주주의",
+  "democracy vote delegation": "거버넌스 투표 위임",
+  "denomination vote": "디노미네이션 투표",
+  "deploy": "디플로이",
+  "deployment account": "디플로이멘트 계정",
+  "deployment constructor": "디플로이멘트 생성자",
+  "deposit": "보증금",
+  "derivation path": "파생경로",
+  "derive root account": "파생 root 계정",
+  "design samples": "디자인 샘플",
+  "details": "디테일",
+  "development seed": "개발 시드",
+  "dispatch queue": "디스패치 큐",
+  "display name": "표시 명칭",
+  "do not include empty strings in the generated file": "빈 문자열을 생성 파일에 포함하지 마세요",
+  "does not appear to have a valid claim. Please double check that you have signed the transaction correctly on the correct ETH account.": "청구가 제대로 확인되지 않았습니다. 프리세일에 참가했던 이더리움 지갑으로 트랜젝션에 서명했는지 다시 한 번 체크해주세요",
+  "ed25519, Edwards": "ed25519, 에드워드",
+  "elected stake": "선출된 스테이크",
+  "email": "이메일",
+  "enact": "제정",
+  "endowment": "기부금",
+  "epoch": "기원",
+  "era": "시대",
+  "era points": "에라 포인트",
+  "era {{era}}": "에라  {{era}}",
+  "era {{era}}, {{count}} slashes": "에라{{era}}, {{count}} 슬래시",
+  "era {{era}}/unapplied": "에라 {{era}}/unapplied",
+  "eras": "에라들",
+  "estimated gas (M) {{estimatedMg}}": "예측한 가스 (M) {{estimatedMg}}",
+  "events": "이벤트들",
+  "everything": "전부",
+  "everything{{labelPost}}": "전부{{labelPost}}",
+  "exclude option": "옵션을 제외하다",
+  "exclude value": "제외한 가치",
+  "exec": "실행",
+  "existential deposit": "실제 잔고",
+  "external": "외부",
+  "extrinsic hash": "외적 해시",
+  "extrinsics": "외적",
+  "fee": "수수료",
+  "file upload": "파일 업로드",
+  "filter by name or tags": "이름/태그 필터",
+  "filter by name, address or index": "명칭, 주소, 혹은 인덱스로 필터하다",
+  "filter by name, address, or account index": "명칭, 주소, 혹은 계좌 인덱스로 필터합니다",
+  "finalized": "최종",
+  "finder": "발견자",
+  "forks": "포크",
+  "free balance": "가용 잔고",
+  "from the following data": "다음 데이터로",
+  "generated public key": "생성된 공개 키",
+  "has a valid claim for": "청구가 제대로 확인된",
+  "hash": "해시",
+  "heads": "헤드",
+  "hex input data": "헥스 인프트 데이터",
+  "hex-encoded storage key": "헥스 암호화된 스토리지 키",
+  "https://example.com": "https://example.com",
+  "id": "아이디",
+  "identity": "신원",
+  "imminent preimage (proposal already passed)": "임박한 프리이미지 (제안이 벌써 통과)",
+  "immortal": "불멸의",
+  "include all empty strings in the generated file": "모든 빈 문자열을 생성 파일에 포함하세요",
+  "include field": "포함된 필드",
+  "include option": "옵션을 포함",
+  "include value": "포함값",
+  "index": "인덱스",
+  "initial head state": "초기 헤드 스테이트",
+  "initial state": "초기 스테이트",
+  "intentions": "의도",
+  "interface operation mode": "인터페이스 운전모드",
+  "invalid/unknown registrar account": "유요하지 않은/알 수 없는 등록자 계정",
+  "judgement": "판단",
+  "key type to set": "세팅할 키 종류",
+  "keypair crypto type": "비밀키 암호 유형",
+  "keypair type": "키 페어 종류",
+  "kind": "종류",
+  "last #": "마지막 #",
+  "last block": "마지막 블록",
+  "last reward": "마지막 보상",
+  "launch period": "시작 기간",
+  "legal name": "법정 이름",
+  "lifetime": "일생",
+  "lng.detect": "디폴트 브라우저 언어(자동 검색)",
+  "lock expired": "록이 만료됐습니다",
+  "locked": "잠겼습니다",
+  "locked balance": "잔고를 잠기다",
+  "logs": "로그",
+  "lowest / avg staked": "최하의 / 평균 스테이크",
+  "manage hardware connections": "하드웨어 연결을 관리하다",
+  "matches": "동일함",
+  "max gas allowed (M)": "최대 많은 가스 허용 (M)",
+  "max gas allowed (M, {{estimatedMg}} estimated)": "최대 많은 가스 허용 (M, {{estimatedMg}} estimated)",
+  "maximum gas allowed": "최대 많은 가스 허용",
+  "members": "멤버",
+  "message to send": "보낼 메시지",
+  "minimum bond": "최소 본드",
+  "minimum deposit": "최소 보증금",
+  "mnemonic seed": "mnemonic 시드 문구",
+  "mortal, valid from #{{startAt}} to #{{endsAt}}": "인간, #{{startAt}}부터 #{{endsAt}} 유효합니다",
+  "motions": "모션들",
+  "multisig": "다중 서명",
+  "multisig call data": "멀티시그 콜 데이터",
+  "multisig name": "다중 서명 명칭",
+  "multisig signatory": "멀티시그 서명인",
+  "my ordered votes": "나의 정리된 표",
+  "name": "명칭",
+  "nav.accounts": "계정들",
+  "nav.addresses": "주소록",
+  "nav.calendar": "이벤트 카렌다",
+  "nav.claims": "토큰 찾기",
+  "nav.contracts": "스마트 컨트랙트",
+  "nav.council": "의회",
+  "nav.dashboard": "대시보드",
+  "nav.democracy": "투표",
+  "nav.explorer": "익스플로러",
+  "nav.extrinsics": "익스트린식",
+  "nav.generic-asset": "일반적인 자산",
+  "nav.github": "깃허브",
+  "nav.i18n": "i18n",
+  "nav.js": "자바스크립트",
+  "nav.parachains": "패러체인들",
+  "nav.poll": "토큰",
+  "nav.rpc": "RPC 콜",
+  "nav.settings": "설정들",
+  "nav.signing": "서명하고 확인하다",
+  "nav.society": "사회",
+  "nav.staking": "스테이킹",
+  "nav.storage": "체인 상태",
+  "nav.sudo": "Sudo",
+  "nav.tech-comm": "기술 위원회",
+  "nav.toolbox": "도구상자",
+  "nav.transfer": "송금",
+  "nav.treasury": "기금",
+  "nav.wiki": "위키",
+  "nay": "반대",
+  "new account": "신규 계정",
+  "new address": "신규 주소",
+  "next": "다음",
+  "next burn": "다음 번",
+  "next id": "다음 id",
+  "no": "반대합니다",
+  "no accounts yet, create or import an existing": "아직 계정이 없으시다구요? 새로만들기/가져오기",
+  "no addresses saved yet, add any existing address": "아직 저장된 주소가 없습니다. 주소를 추가하세요.",
+  "no messages": "메시지 없습니다",
+  "no peers connected": "아무 피어도 연결하지 않았습니다",
+  "no tags": "태그 없음",
+  "no unapplied slashes found": "적용하지 않았던 슬래시가 없음",
+  "nominated accounts": "지명된 계정",
+  "nominators": "지명자",
+  "not signed": "서명하지 않았습니다",
+  "on-chain bonding duration": "온체인 본딩 기간",
+  "ongoing referendum": "진행 중인 국민 투표",
+  "only elected": "선출된 자로 제한하다",
+  "only this network": "이 네트워크에서만",
+  "only with an identity": "아이덴티티만 있어야만",
+  "origin": "원인",
+  "other": "다른",
+  "other stake": "다른 스테이크",
+  "our best": "저희의 베스트",
+  "overall/validator": "종합/ 검사기",
+  "own": "소유하다",
+  "own stake": "스테이크을 소유하다",
+  "parachain id": "파라체인 id",
+  "parachains": "파라체인들",
+  "parent": "관계자",
+  "partial seed": "파셜 시드",
+  "password": "비밀번호",
+  "password (repeat)": "비밀번호 재입력",
+  "payment": "지급",
+  "payment destination": "지급 경로",
+  "payout": "지불금",
+  "payout stakers for (multiple)": "스테이커들에게 지불금을 주다 (다수)",
+  "payout stakers for (single)": "스테이커들에게 지불금을 주다 (단 하나)",
+  "payout/stash": "지불금/ 스태시",
+  "payout/validator": "스태시/ 검사기",
+  "peer best": "피어 베스트",
+  "pending extrinsics": "미결 외적",
+  "pending hashes": "대기중인 해시",
+  "pending swap id": "미결 스와프 id",
+  "per block": "블록당",
+  "period": "기간",
+  "points": "포인트",
+  "poll on token decimals": "토큰 소수에 대한 여론 조사",
+  "pot": "포트",
+  "preimage hash": "프리이미지 해쉬",
+  "preimage {{hash}}": "프리이미지{{hash}}",
+  "prev": "전",
+  "prime member": "프라임 멤버",
+  "prime voter": "프라임 투표자",
+  "profit/era": "수익/ 에라",
+  "proposal": "재안",
+  "proposal bond": "제안 본드",
+  "proposal hash": "제안 해시",
+  "proposals": "제안서",
+  "propose": "제안",
+  "propose from account": "계정에서 제안",
+  "proposed by": "제안되며",
+  "proposer": "제안자",
+  "proxied account": "프록시된 계정",
+  "proxied name": "프록시 명칭",
+  "proxy account": "프록시 계정",
+  "queued tx": "tx 지연",
+  "read": "잃다",
+  "read contract only, no execution": "계약서만 읽는다, 실행하지 않는다",
+  "reason": "이유",
+  "recent blocks": "최근 블록",
+  "recent events": "최근 이벤트",
+  "recover this account": "계정 복구하기",
+  "recovery block delay": "블록지연 복구",
+  "recovery threshold": "기준치 복구",
+  "redeemable": "교환 가능",
+  "referenda": "국민 투표",
+  "refresh in": "에 새로 고침",
+  "registrar account": "등록 계정",
+  "registrar index": "등록자 색인",
+  "relay": "릴레이",
+  "relay dispatch queue": "릴레이 디스패치 큐",
+  "remaining": "남은",
+  "remote node/endpoint to connect to": "리모트 노드/ 연결하는 끝점",
+  "reporters": "기자들",
+  "request payout from": "에서 지불금을 요청하다",
+  "reserved": "예약된",
+  "reward commission percentage": "커미션 퍼센트을 보상하다",
+  "rewards": "보상",
+  "rewards & slashes": "보상 & 슬래시",
+  "riot": "라이엇",
+  "riot name": "riot계정",
+  "role": "역할",
+  "rotation": "로테이션",
+  "rpc.ava.summary": "사용자가-운영하는 공공의 노드; 참조 https://status.cloud.ava.do/",
+  "rpc.beresheet": "베레시트(Edgware 테스트넷, Commonwealth Labs가 운영함)",
+  "rpc.bifrost": "Bifrost Asgard",
+  "rpc.centrifuge": "센츄러퓨지",
+  "rpc.crab": "다위니아 크랩",
+  "rpc.crust.network": "크러스트 맥스엘 CC2",
+  "rpc.custom": "특수 설정",
+  "rpc.custom.entry": "커스텀 {{WS_URL}}",
+  "rpc.custom.own": "커스텀",
+  "rpc.datahighway.spreehafen": "Spreehafen",
+  "rpc.dock-pos-mainnet": "독 메인넷",
+  "rpc.dock-pos-testnet": "독 테스트넷",
+  "rpc.edgeware": "에지웨어(Edgware 테스트넷, Commonwealth Labs가 운영함)",
+  "rpc.equilibrium": "평형",
+  "rpc.flamingfir": "Flaming Fir(서브스트레이트 테스트넷, Parity가 운영함)",
+  "rpc.header.dev": "개발자 설정",
+  "rpc.header.live": "라이브넷들",
+  "rpc.header.test": "테스트넷들",
+  "rpc.hosted.by": "운영하다 {{host}}",
+  "rpc.kilt": "KILT 프로토콜(KILT 메쉬넷, KILT 프로토콜 팀이 운영함)",
+  "rpc.kulupu": "Kulupu (Kulupu 메인넷, Kulupu가 운영함)",
+  "rpc.kusama.ava": "Kusama (폴카닷 카나리넷, 유저가 운영하는 노드들; https://status.cloud.ava.do/를 참고하면 볼 수 있음)",
+  "rpc.kusama.parity": "Kusama (폴카닷 카나리넷, Parity가 운영함)",
+  "rpc.kusama.w3f": "Kusama (폴카닷 카나리넷, Web3재단이 운영함)",
+  "rpc.local": "로컬 노드 (본인이 127.0.0.1:9944에서 운영함)",
+  "rpc.mandala": "만달라(Acala 테스트넷, Acala가 운영함)",
+  "rpc.nodle-arcadia": "Arcadia (Nodle 테스트넷, Nodle이 운영함)",
+  "rpc.nodle-main": "노들 메인",
+  "rpc.opportunity": "오퍼튜니티 (스탠다드 프로토콜 테스트넷, 스탠다드 프로토콜이 운영함)",
+  "rpc.pangolin": "팬고린",
+  "rpc.pangoro": "판고로",
+  "rpc.phala": "팔라 PoC-3",
+  "rpc.plasm": "플라즈마",
+  "rpc.polkadot.parity": "폴카닷",
+  "rpc.polkadot.w3f": "폴카닷",
+  "rpc.pontem": "다리",
+  "rpc.rococo": "로코코",
+  "rpc.rococo.acala": "만달라 PC1",
+  "rpc.rococo.canvas": "캔버스",
+  "rpc.rococo.darwinia": "다위니아 PC2",
+  "rpc.rococo.laminar": "격동 PC1",
+  "rpc.rococo.plasm": "플라즈마 PC1",
+  "rpc.rococo.robonomics": "로보노믹스  PC1",
+  "rpc.rococo.subsocial": "섭소셜 PC1",
+  "rpc.rococo.tick": "틱",
+  "rpc.rococo.track": "트랙",
+  "rpc.rococo.trick": "트릭",
+  "rpc.stafi": "스타피",
+  "rpc.subsocial": "섭소셜",
+  "rpc.turbulence": "Turbulence (Laminar 테스트넷, Laminar가 운영함)",
+  "rpc.westend": "Westend (폴카닷 테스트넷, Parity가 운영함)",
+  "runners up": "차점자들",
+  "scheduled": "스케쥴한",
+  "scheduling": "스케쥴링",
+  "seats": "의석",
+  "second with account": "계정에서 찬성",
+  "secret": "시크릿",
+  "secret derivation path": "시크릿 파생 경로",
+  "seed (hex or string)": "시드 문구（16진법 또는 문자열）",
+  "select the account you wish to sign data with": "어떤 계정 통해서 데이터를 서명하고 싶은지 선택하세요",
+  "selected constant query": "지목된 콘스턴트 퀴리",
+  "selected signatories": "선택된 서명자",
+  "selected state query": "선택된 스테이트 퀴리",
+  "selected validators": "선택된 검사기",
+  "send": "전송하기",
+  "send from account": "계정에서 보내기",
+  "send funds to another parachain (not relay)": "다른 파라체인 앞으로 펀드를 송금하다 (릴레이 아님)",
+  "send to address": "주소로 전송하기",
+  "sending account": "보내는 계정",
+  "sending from my account": "내 계정에서 보내기",
+  "session": "세션",
+  "session keys": "세션키",
+  "session next": "다음 세션",
+  "show only untipped/closing": "언팁/ 클로즈만 보여주세요",
+  "sign data from account": "계정에서 데이터를 서명하다",
+  "sign the following data": "다음 데이터를 서명해주세요",
+  "signatories": "서명인들",
+  "signatory": "서명인",
+  "signature crypto type": "암호기 종료 서명",
+  "signature of supplied data": "제공된 데이터 서명",
+  "signer": "서명자",
+  "society head": "사회 헤드",
+  "somebody@example.com": "somebody@example.com",
+  "spend period": "소비 기간",
+  "sr15519, Schnorrkel": "sr15519, Schnorrkel",
+  "ss58.centrifuge": "Centrifuge (현 메인넷)",
+  "ss58.default": "기본으로 연결된 노드",
+  "ss58.edgeware": "Edgware (현 메인넷)",
+  "ss58.kusama": "Kusama (현 카나리넷)",
+  "ss58.polkadot": "폴카닷 (현 메인넷)",
+  "ss58.substrate": "서브스트레이트 (기본 설정 인코딩)",
+  "stash account": "스태시 계정",
+  "stash address": "리워드 주소",
+  "stashes": "스태시들",
+  "state": "스테이트",
+  "status": "상태",
+  "strikes": "파업",
+  "sub": "보조",
+  "sub name": "보조 명칭",
+  "submit the following change": "다음와 같은 변동사상을 제출하세요",
+  "submit the following extrinsic": "다음과 같은 외적을 제출합니다",
+  "submit with account": "계정으로 제출합니다",
+  "submit with council account": "의회 계정으로 제출합니다",
+  "subs": "보조들",
+  "sudo key": "수도키",
+  "sudo with unchecked weight parameter": "점검하지 않은 중량 파라미터 있는 수도",
+  "sudo without unchecked weight parameter": "점검하지 중량 파라미터 없는 수도",
+  "suri (seed & derivation)": "수리 (시드 & 데리베이션)",
+  "swap to id": "id로 교체하다",
+  "syncing": "싱크",
+  "system events": "시스템 이벤트",
+  "tags": "태그",
+  "target": "타겟",
+  "term progress": "기간 진전",
+  "the account to make recoverable": "복구가능계정",
+  "the account to recover to": "복구할 계정",
+  "the amount that should be transferred. It needs to be less than the available balance": "이체해야 하는 금액. 가용 잔고  보다 적어야 합니다",
+  "the associated controller": "관련 콜트롤러",
+  "the era to cancel for": "취소할 에라",
+  "the language to display translations for": "번역을 디스플레이할 언어",
+  "the module to display strings for": "스트링을 디스플레이할 모듈",
+  "the parachain that will receive the transfer of tokens.": "토큰 이체를 받을 파라체인",
+  "the parachain to transfer to": "이체할 파라체인",
+  "the payment account": "지급 계정",
+  "the resulting hash is": "결과물인 해시가",
+  "the stash account to nominate with": "지명할 스태시 계정",
+  "the supplied signature": "제공된 서명이",
+  "threshold": "스레숄드",
+  "tip": "팁",
+  "tip reason": "팁 이유",
+  "tip value": "팁 값",
+  "tips": "팁스",
+  "total": "총액",
+  "total deposit": "총 예금",
+  "total issuance": "총 발급",
+  "total peers": "총 피어",
+  "total stake": "총 스테이크",
+  "total staked": "총 스테이크된",
+  "transactions": "거래 목록",
+  "transfer received": "트랜스퍼를 받았습니다",
+  "transfer remark/comment": "이체할 발언/  논평",
+  "transferrable": "이체 가능",
+  "transferrable minus fees": "수수료를 제외하고 이체 가능",
+  "trusted social recovery helpers": "신뢰할 수 있는 \"계정 복구 도우미\" 목록",
+  "turnout": "투표자 수",
+  "twitter": "트워터",
+  "type": "종류",
+  "unapplied": "적용되지 않은",
+  "unbond amount": "언본드 금액",
+  "unbonding": "언본딩",
+  "unchecked weight for this call": "이번 콜에 점검하지 않은 중량",
+  "unlock account with password": "암호로 계정을 푼다",
+  "unlock for {{expiry}} min": "{{expiry}} 분을 위해 푼다",
+  "unstake threshold": "언스테이크 스레숄드",
+  "until block": "블록까지",
+  "update on #{{index}}": "#{{index}}에 업데이트",
+  "upgradable extensions": "업그레이드 할 수 있는 익스텐션",
+  "use estimated gas": "예측한 가스를 사용하다",
+  "use on any network": "아무 네트워크에서 사용",
+  "using my account": "내 계정 사용하면서",
+  "using the following data": "다음 데이터를 사용하며",
+  "using the selected account": "선택된 계정을 사용하며",
+  "validation": "검사",
+  "validator to query": "퀴리할 검사기",
+  "validators": "검사기",
+  "value": "값",
+  "value bonded": "값 본드",
+  "verify using address": "주소 통해서 확인",
+  "version {{version}}": "버전 {{version}}",
+  "vested": "베스티드",
+  "vesting": "베스팅",
+  "via Council": "의회를 통해서",
+  "via Council/Motions": "의회/모션을 통해서",
+  "via Council/Vote": "의회/ 투표 통해서",
+  "via Democracy": "민주주의를 통해서",
+  "via Democracy/Dispatch": "민주주의 / 디스패치를 통해서",
+  "via Democracy/Vote": "민주주의/ 투표 통해서",
+  "via Society": "사회를 통해서",
+  "via Staking": "스테이킹을 통해서",
+  "via Staking/Bond": "스테이킹/ 본드 통해서",
+  "via Staking/Slashed": "스테이킹 / 슬래시를 통해서",
+  "via Treasury": "자금을 통해서",
+  "via Vesting": "베스팅 통해서",
+  "vote for candidate": "후보자 위해 투표하다",
+  "vote for defender": "디펜더 위해 투표하다",
+  "vote from account": "계정에서 투표하다",
+  "vote using my account": "내 계정 통해서 투표를 하다",
+  "vote value": "표 값",
+  "vote with account": "계정으로 투표하다",
+  "votes": "투표",
+  "voting account": "투표 계정",
+  "voting balance": "투표 잔고",
+  "voting end": "투표 종료",
+  "voting period": "투표 기간",
+  "voting round": "투표 라운드",
+  "waiting": "대기중",
+  "web": "web",
+  "website": "website",
+  "with an index of": "인덱스가",
+  "with unchecked weight": "점검하지 중량",
+  "with weight override": "중량 중단  함께",
+  "without unchecked weight": "점검하지 않은 중량",
+  "wrong password supplied": "잘못된 암호가 제공됐다",
+  "yes": "찬성",
+  "your current password": "현재 비밀번호",
+  "your new password": "새로운 비밀번호",
+  "{{balance}} voted": "{{balance}} 투표했다",
+  "{{blocks}} blocks": "{{blocks}} 블록스",
+  "{{count}} key/value pairs encoded for submission": "{{count}} 키 / 값 페어 암호화된 제출",
+  "{{count}} own stashes": "{{count}}  스태시를 소유하다",
+  "{{currency}} average": "{{currency}} 평균",
+  "{{currency}} clipped": "{{currency}} 클립",
+  "{{currency}} rewards": "{{currency}} 보상들",
+  "{{currency}} slashed": "{{currency}} 슬래시",
+  "{{currency}} total": "{{currency}} 총",
+  "{{days}} days": "{{days}} 일",
+  "{{done}}/{{total}}, {{progress}}% done": "{{done}}/{{total}}, {{progress}}% 완료",
+  "{{eras}} eras remaining": "{{eras}}  남은 에라",
+  "{{executionTime}}s execution time": "{{executionTime}}s 실행 시간",
+  "{{hours}} hrs": "{{hours}} 시간",
+  "{{minutes}} mins": "{{minutes}} 분",
+  "{{name}} ({{size}} bytes)": "{{name}} ({{size}} bytes)",
+  "{{percentage}} aye": "{{percentage}} 네",
+  "{{percentage}}% of block time": "{{percentage}}% 블록 타임",
+  "{{percentage}}% of block weight": "{{percentage}}% 블록 중량",
+  "{{percentage}}% turnout": "{{percentage}}% 투표율",
+  "{{relayDispatchQueueSize}} dispatch messages pending": "미결 메시지를 디스패치하다{{relayDispatchQueueSize}}",
+  "{{seconds}} s": "{{seconds}} 초",
+  "{{step}}. Sign with your ETH address": "{{step}}. 이더리움 계정으로 서명하세요.",
+  "{{threshold}}, not passing": "{{threshold}}, 통과되지 않았습니다",
+  "{{threshold}}, passing": "{{threshold}}, 통과되었습니다",
+  "{{value}}x voting balance, locked for {{lock}}x enactment ({{period}} days)": "{{value}}x 투표 발란스, 잠금 {{lock}}x제정 ({{period}} days)"
+}
\ No newline at end of file
diff --git a/packages/apps/public/locales/pl/add-accounts.json b/packages/apps/public/locales/pl/add-accounts.json
new file mode 100644
index 0000000..e1bb007
--- /dev/null
+++ b/packages/apps/public/locales/pl/add-accounts.json
@@ -0,0 +1,340 @@
+{
+  "//hard": "//hard",
+  "//hard///password": "//hard///hasło",
+  "//hard/soft": "//hard/soft",
+  "//hard/soft///password": "//hard/soft///hasło",
+  "<none provided>": "<brak danych>",
+  "<unknown>": "<nieznane>",
+  "@YourTwitterName": "@Nazwa_Uzytkownika_Twitter",
+  "@yourname:matrix.org": "@Nazwa_Uzytkownika:matrix.org",
+  "Account type {{index}}": "Konto typu {{index}}",
+  "Accounts injected from any of these extensions will appear in this application and be available for use. The above list is updated as more extensions with external signing capability become available.": "Konta dodane z któregokolwiek z tych rozszerzeń pojawią się w tej aplikacji i będą dostępne do użytku. Powyższa lista bedzie aktualizowana, gdy dostępnych bedzie więcej rozszerzeń z możliwością podpisywania zewnętrznego",
+  "Add": "Dodaj",
+  "Add account": "Dodaj konto",
+  "Add account via Ledger": "Dodaj konto z Ledger",
+  "Add account via Qr": "Dodaj konto przez kod QR",
+  "Add an account via seed {{step}}/{{STEPS_COUNT}}": "Dodaj konto przez seed {{step}}/{{STEPS_COUNT}}",
+  "Add identity judgment": "Dodaj ocenę tożsamości",
+  "Add multisig": "Dodaj multisig",
+  "Add proxied account": "Dodaj konto zależne",
+  "Add proxy": "Dodaj nadrzędność",
+  "Add sub": "Dodaj podrzędność",
+  "Add via Ledger": "Dodaj przez Ledger",
+  "Add via Qr": "Dodaj przez kod QR",
+  "Add via backup file": "Dodaj przez plik backup",
+  "Address index {{index}}": "Index adresu {{index}}",
+  "Advanced creation options": "Dodatkowe opcje tworzenia konta",
+  "Amount to delegate for any democracy vote. This is adjusted using the available funds on the account.": "Ilość dostępna do głosowania. Wartość jest zmienna w zależności do stanu konta",
+  "An URL that is linked to this identity.": "URL powiązany z tą tożsamością.",
+  "An encrypted backup file will be created once you have pressed the \"Download\" button. This can be used to re-import your account on any other machine.": "Zaszyfrowany plik kopii zapasowej zostanie utworzony po naciśnięciu przycisku \"Pobierz\". Można go wykorzystać do ponownego zaimportowania konta na dowolnym innym komputerze.",
+  "Any account set as proxy will be able to perform actions in place of the proxied account": "Każde konto ustawione jako nadrzędne (proxy), bedzie mogło wykonywać operacje w imieniu konta ustawionego jako zależne (proxied)",
+  "Any democracy vote performed by the delegated account will result in an additional vote from the delegating account": "Każde głosowanie na rzecz demokracji wykonane przez konto delegowane będzie skutkować dodatkowym głosem z konta delegującego",
+  "Approve this call hash": "Zatwierdz hash tego połączenia",
+  "Backup account": "Kopia zapasowa konta",
+  "Cancel this call hash": "Anuluj hash tego połączenia",
+  "Change": "Zmień",
+  "Change account password": "Zmiana hasła",
+  "Change democracy delegation": "Zmień delegację głosów",
+  "Change this account's password": "Zmień hasło dla tego konta",
+  "Claim tokens...": "Odbierz tokeny...",
+  "Clear Identity": "Wyczyść tożsamość",
+  "Clear all": "Wyczyść wszystko",
+  "Clear expired democracy locks": "Usuń blokady na głosach w wygasłych głosowaniach demokratycznych",
+  "Consider storing your account in a signer such as a browser extension, hardware device, QR-capable phone wallet (non-connected) or desktop application for optimal account security.": "Rozważ przechowywanie swojego konta w aplikacji zabezpieczonej podpisem, takiej jak rozszerzenie przeglądarki, urządzenie sprzętowe, portfel telefoniczny obsługujący QR (niepodłączony) lub aplikacja komputerowa, aby zapewnić optymalne bezpieczeństwo konta.",
+  "Council": "Rada (Council)",
+  "Create": "Utwórz",
+  "Create a backup file for this account": "Utwórz plik zapasowy (backup file) dla tego konta",
+  "Delegate": "Deleguj",
+  "Delegate democracy votes": "Deleguj głosy w głosowaniu demokratycznym",
+  "Derivation for Ledger-type accounts are only available on mnemonic seeds.": "Derywacja dla konta Ledger mozliwa wyłącznie przez mnemonic seeds.",
+  "Derive account from pair": "Derywacja konta z pary",
+  "Derive account via derivation path": "Derywacja konta ze scieżki derywacyjnej",
+  "Determines what cryptography will be used to create this account. Note that to validate on Polkadot, the session account must use \"ed25519\".": "Określa jaki typ zabezpieczenia zostanie wykorzystany przy tworzeniu konta. Aby byc walidatorem na Polkadot konta kuszą użyć zebezpieczenia edwardsm\"ed25519\".",
+  "Development": "Rozbudowa",
+  "Download": "Pobierz",
+  "Either approve or reject this call.": "Zaakceptuj lub odrzuć to połączenie.",
+  "Ensure that the extension has accounts, some accounts are visible globally and available for this chain and that you gave the application permission to access accounts from the extension to use them.": "Upewnij się, że rozszerzenie ma podłączone konta, niektóre konta są widoczne globalnie i dostępne dla tego łańcucha oraz że dałeś aplikacji uprawnienia dostępu do kont z rozszerzenia, aby z nich korzystać.",
+  "Ensure that you utilized the \"Save\" functionality before using a generated address to receive funds. Without saving the address any funds and the associated seed any funds sent to it will be lost.": "Upewnij się, że korzystałeś z funkcji \"Zapisz\", zanim użyjesz wygenerowanego adresu do odebrania środków. Bez zapisania adresu i seedów wszelkie środki mogą zostać utracone.",
+  "Ensure you are using a strong password for proper account protection.": "Upewnij się że używasz wystarczająco silnego hasła do zabezpieczenia swojego konta.",
+  "Erroneous": "Błędny",
+  "Evaluated {{count}} keys in {{elapsed}}s ({{avg}} keys/s)": "Oszacowane {{count}} klucze w {{elapsed}}s ({{avg}} kluczach/s)",
+  "External": "Zewnętrzne",
+  "For approvals outstanding approvers will be shown, for hashes that should be cancelled the first approver is required.": "W przypadku zatwierdzeń zostaną wyświetlone wymagane osoby zatwierdzające, w przypadku operacji, które powinny zostać anulowane, wymagana jest pierwsza osoba zatwierdzająca.",
+  "For final approvals, the actual full call data is required to execute the transaction": "W celu uzyskania ostatecznych zatwierdzeń do wykonania transakcji wymagane są rzeczywiste pełne dane wywołania",
+  "Forget this account": "Zapomnij to konto",
+  "Full Legal Name": "Pełne Imię i Nazwisko",
+  "Future versions of the web-only interface will drop support for non-external accounts, much like the IPFS version.": "Przyszłe wersje interfejsu internetowego porzucą obsługę kont innych niż zewnętrzne, podobnie jak wersja IPFS.",
+  "I have saved my mnemonic seed safely": "Zapisałem słowa mnemonic seed w bezpieczny sposób",
+  "If the delegated account is currently voting in a referendum, the delegating vote and conviction will be added.": "Jeśli konto delegowane aktualnie głosuje w referendum, głos delegujący i wyrażone opinie zostaną dodane.",
+  "If the recipient account is new, the balance needs to be more than the existential deposit. Likewise if the sending account balance drops below the same value, the account will be removed from the state.": "Jeśli konto odbiorcy jest nowe, saldo musi być większe niż depozyt egzystencjalny. Podobnie, jeśli saldo konta wysyłającego spadnie poniżej tej samej wartości, konto zostanie usunięte z bazy kont.",
+  "If you add several proxy accounts for the same proxy type (e.g 2 accounts set as proxy for Governance), then any of those 2 accounts will be able to perfom governance actions on behalf of the proxied account": "Jeśli dodasz kilka kont proxy dla tego samego typu proxy (np. 2 konta ustawione jako proxy do zarządzania), wówczas każde z tych 2 kont będzie mogło wykonywać działania związane z governance w imieniu konta proxy",
+  "If you are moving accounts between applications, ensure that you use the correct type.": "Jeśli przenosisz konta między aplikacjami, upewnij się, że używasz właściwego typu zabezpieczenia.",
+  "Initiate account recovery": "Rozpocznij odzyskiwanie konta",
+  "Initiate recovery for another": "Rozpocznij odzyskiwania dla innego",
+  "Injected": "Zaimportowane",
+  "It is recommended that you create/store your accounts securely and externally from the app. On {{yourBrowser}} the following browser extensions are available for use -": "Zaleca się bezpieczne tworzenie / przechowywanie kont z poziomu aplikacji. W {{yourBrowser}} dostępne są następujące rozszerzenia przeglądarki -",
+  "Judge": "Ocenić",
+  "Known good": "Dobrze znane",
+  "Learn more...": "Dowiedz się wiecej...",
+  "Ledger app type (originated from)": "Typ aplikacji Ledger (originated from)",
+  "Low quality": "Niska jakość",
+  "Make Transfer": "Zrób transfer",
+  "Make recoverable": "Uczyń możliwym do odzyskania",
+  "Manage proxies": "Zarządzaj proxy",
+  "Mnemonic": "Mnemonic",
+  "Multisig": "Multisig",
+  "Multisig approval with hash (non-final approval)": "Zatwierdzenie multisig z hashem (zatwierdzenie nie ostateczne)",
+  "Multisig approvals": "Zatwierdzenia Multisig",
+  "Multisig approvals pending": "Oczekujące zatwierdzenia Multisig",
+  "Multisig message with call (for final approval)": "Wiadomość multisig z wezwaniem (do ostatecznego zatwierdzenia)",
+  "My On-Chain Name": "Moja nazwa w w blockchainie",
+  "My accounts": "Moje konta",
+  "Name given to this account to uniquely identity the account to yourself.": "Nazwa nadana temu kontu w celu jednoznacznej identyfikacji konta.",
+  "Name given to this account. You can change it at any point in the future.": "Nazwa nadana temu kontu. Możesz to zmienić w dowolnym momencie w przyszłości.",
+  "Name given to this account. You can edit it. To use the account to validate or nominate, it is a good practice to append the function of the account in the name, e.g \"name_you_want - stash\".": "Nazwa nadana dla tego konta. Możesz ją edytować. Aby używać konta do walidacji lub nominowania, dobrą praktyką jest dodanie funkcji konta do nazwy, np. \"Nazwa Konta - głowne \".",
+  "Name given to this multisig. You can edit it at any later point in time.": "Nazwa tego konta Multisig. Możesz ją edytować w późniejszym czasie.",
+  "Name given to this proxied account. You can edit it at any later point in time.": "Nazwa nadana temu kontu proxy. Możesz ją edytować w  późniejszym czasie.",
+  "Next": "Następny",
+  "No judgments": "Brak ocen",
+  "No matches found": "NIe znaleziono powiązań",
+  "No sub identities set.": "Brak ustawionyhc sub tożsamości.",
+  "Nominator": "Nominator",
+  "Normal transfer without keep-alive checks": "Zwykły transfer bez funkcji \"keep-alive\".",
+  "One or more extensions are detected in your browser, however no accounts has been injected.": "W Twojej przeglądarce wykryto jedno lub więcej rozszerzeń, jednak żadne konto nie zostało zaimportowane.",
+  "Owned": "We własności",
+  "Password are ignored for hex seed": "Haslo jest ignorowane dla seedów hex",
+  "Pending call hashes": "Hasze połączeń oczekujących",
+  "Please make sure to save this file in a secure location as it is required, together with your password, to restore your account.": "Pamiętaj, aby zapisać ten plik w bezpiecznej lokalizacji, ponieważ jest on wymagany wraz z hasłem do przywrócenia konta.",
+  "Prev": "Poprzedni",
+  "Private Key": "Klucz Prywatny",
+  "Provide judgement": "Zapewnij osąd",
+  "Provide the account QR from the module/external application for scanning. Once detected as valid, you will be taken to the next step to add the account to your list.": "Podaj QR konta z modułu / aplikacji zewnętrznej do skanowania. Po uznaniu konta za prawidłowe zostaniesz przeniesiony do następnego kroku, aby dodać konto do listy.",
+  "Proxied": "Z zależnościami",
+  "Proxied account has no owned proxies": "Konto proxy nie ma posiadanych pełnomocników",
+  "Proxy overview": "Przegląd zależności",
+  "Raw seed": "Raw seed",
+  "Reasonable": "Rozsądny",
+  "Register identity": "Zarejestruj tożsamość",
+  "Register sub-identities": "Zarejestruj tożsamość podrzęną",
+  "Remove": "Usuń",
+  "Remove sub": "Usuń podrzędność",
+  "Restore": "Odzyskaj",
+  "Restore JSON": "Odzyskaj plik JSON",
+  "Retrieving sub-identities": "Pobieranie tożsamości podrzędnych",
+  "Save": "Zapisz",
+  "Save delegation": "Zapisz delegacje",
+  "Save this backup file in a secure location. Additionally, the password associated with this account is needed together with this backup file in order to restore your account.": "Zapisz ten plik kopii zapasowej w bezpiecznej lokalizacji. Ponadto hasło skojarzone z tym kontem jest potrzebne wraz z tym plikiem kopii zapasowej w celu przywrócenia konta.",
+  "Search for": "Szukaj",
+  "Select a contact or paste the address you want to send funds to.": "Wybierz kontakt lub wklej adres, na który chcesz wysłać środki.",
+  "Select the JSON key file that was downloaded when you created the account. This JSON file contains your private key encrypted with your password.": "Wybierz plik klucza JSON, który został pobrany podczas tworzenia konta. Ten plik JSON zawiera Twój klucz prywatny zaszyfrowany Twoim hasłem.",
+  "Select the account you wish to recover into this account.": "Wybierz konto, które chcesz odzyskać na to konto.",
+  "Send": "Wyślij",
+  "Send funds": "Wyślij środki",
+  "Set Identity": "Ustaw Tożsamość",
+  "Set Subs": "Ustaw Podrzędności",
+  "Set on-chain identity": "Ustaw tożsamośc na blockchainie",
+  "Set on-chain sub-identities": "Ustaw tożsamości podrzędne na blockchainie",
+  "Setup account as recoverable": "Skonfiguruj konto jako odzyskiwalne",
+  "Should the search be case sensitive, e.g if you select \"no\" your search for \"Some\" may return addresses containing \"somE\" or \"sOme\"...": "Czy w wyszukiwaniu rozróżniana jest wielkość liter, np. Jeśli wybierzesz \"nie\", twoje wyszukiwanie \"Niektóre\" może zwrócić adresy zawierające \"NiektóRE\" lub \"NIEKtóre\"...",
+  "Show address on hardware device": "Pokaż adres na urządzeniu sprzętowym",
+  "Since the multisig function like any other account, once created it is available for selection anywhere accounts are used and needs to be funded before use.": "Ponieważ multisig działa jak każde inne konto, po utworzeniu jest dostępne do wyboru wszędzie tam, gdzie konta są używane i muszą zostać zasilone środkami przed użyciem.",
+  "Society": "Społeczność",
+  "Soft derivation paths are not allowed on ed25519": "Miękkie ścieżki derywacji nie są dozwolone dla ed25519",
+  "Start generation": "Rozpocznij generowanie",
+  "Start recovery": "Rozpocznij odzyskiwanie",
+  "Stop generation": "Zatrzymaj generowanie",
+  "Sudo key": "Klucz Sudo",
+  "Supply a backed-up JSON file, encrypted with your account-specific password.": "Podaj kopię zapasową pliku JSON, zaszyfrowanego hasłem do Twojego konta.",
+  "Swap to a non-executing approval type, with subsequent calls providing the actual call data.": "Przełącz się na niewykonawczy typ zatwierdzenia, a kolejne wywołania będą dostarczać rzeczywiste dane połączenia.",
+  "Technical committee": "Komitet techniczny",
+  "Test account": "Konto testowe",
+  "The account password as specified when creating the account. This is used to encrypt the backup file and subsequently decrypt it when restoring the account.": "Hasło do konta określone podczas tworzenia konta. Służy do zaszyfrowania pliku kopii zapasowej, a następnie odszyfrowania go podczas przywracania konta.",
+  "The account type (derivation) to use": "Typ konta (pochodzenie) do użycia",
+  "The account type that you wish to create. This is the top-level derivation.": "Typ konta, które chcesz utworzyć. Jest to derywacja najwyższego poziomu.",
+  "The account you will send funds from.": "Konto, z którego będziesz przesyłać środki.",
+  "The address index (derivation on account) to use": "Indeks adresu (derywacja na koncie) do użycia",
+  "The address index on the account that you wish to add. This is the second-level derivation.": "Indeks adresów na koncie, które chcesz dodać. To jest derywacja drugiego poziomu.",
+  "The address that has previously setup a proxy to one of the accounts that you control.": "Adres, który wcześniej ustawił proxy dla jednego z kont, które kontrolujesz.",
+  "The address that you have a valid proxy setup for.": "Adres, dla którego masz prawidłową konfigurację proxy.",
+  "The addresses that are able to approve multisig transactions. You can select up to {{maxHelpers}} trusted addresses.": "Adresy, które mogą zatwierdzać transakcje multisig. Możesz wybrać do {{maxHelpers}} zaufanych adresów.",
+  "The addresses that are able to help in recovery. You can select up to {{maxHelpers}} trusted helpers.": "Adresy, które mogą pomóc w odzyskaniu. Możesz wybrać do {{maxHelpers}} zaufanych pomocników.",
+  "The amount to allocate and the conviction that will be applied to all votes made on a referendum.": "Kwota do przydzielenia i przekonanie, które zostanie zastosowane do wszystkich głosów oddanych w referendum.",
+  "The beneficiary will have access to the transferred fees when the transaction is included in a block.": "Beneficjent będzie miał dostęp do przekazywanych opłat, gdy transakcja zostanie włączona do bloku.",
+  "The call data for this transaction matching the hash. Once sent, the multisig will be executed against this.": "Dane wywołania dla tej transakcji pasujące do skrótu. Po wysłaniu multisig zostanie wykonany.",
+  "The call hash from the list of available and unapproved calls.": "Hash połączenia z listy dostępnych i niezatwierdzonych połączeń.",
+  "The call hashes that have not been executed as of yet.": "Hash wywołania, który nie został jeszcze wykonany.",
+  "The conviction that will be used for each delegated vote.": "Osąd, które będzie używany przy każdym oddelegowanym głosowaniu.",
+  "The delay between vouching and the availability of the recovered account.": "Opóźnienie między poręczeniem a dostępnością odzyskanego konta.",
+  "The derivation path allows you to create different accounts from the same base mnemonic.": "Ścieżka derywacji umożliwia tworzenie różnych kont z tego samego podstawowego mnemonic seed.",
+  "The derivation will be constructed from the values you specify.": "Derywacja zostanie utworzona z podanych wartości.",
+  "The email address associated with this identity.": "Adres email powiązany z tą tożsamością.",
+  "The existing account password as specified when this account was created or when it was last changed.": "Istniejące hasło do konta określone podczas tworzenia tego konta lub podczas ostatniej zmiany.",
+  "The full account balance to be transferred, minus the transaction fees": "Pełne saldo konta, które ma zostać przeniesione, pomniejszone o opłaty transakcyjne",
+  "The helpers should be able to verify, via an off-chain mechanism, that the account owner indeed wishes to recover access and as such provide any approvals. In the cases of malicious recovery procedures, they will have the power to stop it.": "Pomocnicy powinni być w stanie zweryfikować, za pośrednictwem mechanizmu poza łańcuchem, czy właściciel konta rzeczywiście chce odzyskać dostęp i jako taki powinien zapewnić wszelkie zgody. W przypadku złośliwych procedur odzyskiwania będą oni mogli zatrzymac taki proces.",
+  "The legal name for this identity.": "Oficjalna nazwa tej tożsamości.",
+  "The local name for this account. Changing this does not affect your on-line identity, so this is only used to indicate the name of the account locally.": "Lokalna nazwa tego konta. Zmiana tego nie wpływa na Twoją tożsamość na blockchainie, więc służy ona tylko do lokalnego wskazania nazwy konta.",
+  "The maximum amount you can delegate is the amount of funds available on the delegating account.": "Maksymalna kwota, jaką możesz delegować, to kwota środków dostępnych na koncie delegującym.",
+  "The minimum amount that an account should have to be deemed active": "Minimalna ilość środków, jaką konto powinno posiadać być uznane za aktywne",
+  "The name for this account and how it will appear under your addresses. With an on-chain identity, it can be made available to others.": "Nazwa tego konta i sposób, w jaki będzie wyświetlana pod Twoimi adresami. Dzięki tożsamości na łańcuchu można ją udostępnić innym.",
+  "The name for this account as it will appear under your accounts.": "Nazwa tego konta, która będzie wyświetlana pod Twoimi kontami.",
+  "The name is for unique identification of the account in your owner lists.": "Nazwa służy do unikalnej identyfikacji konta na listach właścicieli.",
+  "The name that will be displayed in your accounts list.": "Nazwa, która będzie wyświetlana na liście Twoich kont.",
+  "The network from which this account was originally generated is different than the network you are currently connected to. Once imported ensure you toggle the \"allow on any network\" option for the account to keep it visible on the current network.": "Sieć, z której to konto zostało pierwotnie wygenerowane, różni się od sieci, z którą jesteś obecnie połączony. Po zaimportowaniu upewnij się, że przełączasz opcję \"zezwól w dowolnej sieci\", aby konto pozostało widoczne w bieżącej sieci.",
+  "The network to derive on": "Sieć, z której mają pochodzić",
+  "The new account password. Once set, all future account unlocks will be performed with this new password.": "Nowe hasło do konta. Po ustawieniu wszystkie przyszłe odblokowania kont będą wykonywane przy użyciu tego nowego hasła.",
+  "The operation type to apply. For approvals both non-final and final approvals are supported.": "Typ operacji do zastosowania. W przypadku zatwierdzeń obsługiwane są zarówno zatwierdzenia nie ostateczne, jak i ostateczne.",
+  "The password and password confirmation for this account. This is required to authenticate any transactions made and to encrypt the keypair.": "Hasło i potwierdzenie hasła do tego konta. Jest to wymagane do uwierzytelnienia wszelkich wykonanych transakcji i zaszyfrowania pary kluczy.",
+  "The password previously used to encrypt this account.": "Hasło użyte wcześniej do szyfrowania tego konta.",
+  "The password to unlock the selected account.": "Hasło do odblokowania wybranego konta.",
+  "The private key for your account is derived from this seed. This seed must be kept secret as anyone in its possession has access to the funds of this account. If you validate, use the seed of the session account as the \"--key\" parameter of your node.": "Klucz prywatny do Twojego konta pochodzi z tego seeda. Ten seed musi być trzymany w bezpiecznym i w tajemnicy, ponieważ każdy, kto jest w jego posiadaniu, ma dostęp do środków na tym koncie. Jeśli przeprowadzasz walidację, użyj seedu konta sesji jako parametru \"--key\" dla noda.",
+  "The recipient is associated with a known phishing site on {{url}}": "Odbiorca jest powiązany ze znaną witryną phishingową pod adresem {{url}}",
+  "The recipient is associated with a known phishing site, {{url}}": "Odbiorca jest powiązany ze znaną witryną phishingową pod adresem {{url}}",
+  "The recoverable account is protected against the loss of seed/access by a social process.": "Konto możliwe do odzyskania jest chronione przed utratą seedów / dostępu przez proces społeczny.",
+  "The secret seed value for this account. Ensure that you keep this in a safe place, with access to the seed you can re-create the account.": "Tajna wartość początkowa dla tego konta. Upewnij się że przechowujesz te dane w bezpiecznym miejscu, mając dostęp do seed możesz przywrócić konto.",
+  "The selected account to perform the derivation on.": "Wybrane konto do wykonania wyprowadzenia.",
+  "The sender is associated with a known phishing site, {{url}}": "Nadawca jest powiązany ze znaną witryną wyłudzającą informacje, {{url}}",
+  "The signatories has the ability to create transactions using the multisig and approve transactions sent by others.Once the threshold is reached with approvals, the multisig transaction is enacted on-chain.": "Sygnatariusze mają możliwość tworzenia transakcji z wykorzystaniem multisig oraz zatwierdzania transakcji przesyłanych przez innych..",
+  "The signatory to send the approval/cancel from": "Sygnatariusz, od którego ma zostać wysłane zatwierdzenie / anulowanie",
+  "The threshold for approval should be less or equal to the number of signatories for this multisig.": "Próg zatwierdzenia powinien być mniejszy lub równy liczbie sygnatariuszy tego multisig.",
+  "The threshold for approvals and the delay is the protection associated with the account. The delay should be such that any colluding recovery attempts does have a window to stop.": "Próg zatwierdzeń i opóźnienia to ochrona związana z kontem. Opóźnienie powinno być takie, aby wszelkie próby odzyskania danych w zmowie miały czas na zatrzymanie.",
+  "The threshold for this multisig": "Próg dla tego multisig",
+  "The threshold of vouches that is to be reached for the account to be recovered.": "Próg poręczeń, który ma zostać osiągnięty, aby konto zostało odzyskane.",
+  "The transaction, after application of the transfer fees, will drop the balance below the existential deposit. As such the transfer will fail. The account needs more funds to cover the transaction fees.": "Transakcja, po zastosowaniu opłat za przelew, obniży saldo poniżej depozytu egzystencjalnego. W związku z tym transfer się nie powiedzie. Konto potrzebuje więcej środków na pokrycie opłat transakcyjnych.",
+  "The transferred balance will be subtracted (along with fees) from the sender account.": "Przelane saldo zostanie odjęte (wraz z opłatami) z konta nadawcy.",
+  "The twitter name for this identity.": "Nazwa twittera dla tej tożsamości.",
+  "There is an existing reference count on the sender account. As such the account cannot be reaped from the state.": "Na koncie nadawcy istnieją referencje. W związku z tym konto nie może być wyczyszczone do zera.",
+  "These are trusted individuals that can verify and approve any recovery actions. With recovery, once the threshold is reached, the funds associated with the account can be moved to a new destination.": "Są to zaufane osoby, które mogą weryfikować i zatwierdzać wszelkie działania naprawcze. Po osiągnieciu progu decyzyjności środki powiązane z kontem mogą zostać przeniesione w nowe miejsce.",
+  "This account has a governance delegation": "To konto ma delegację głosów governance",
+  "This account has {{proxyNumber}} proxy set.": "To konto ma następującą liczbę {{proxyNumber}} ustawionych proxy.",
+  "This account is available on all networks. Ensure you tie it to a specific network via the account options (\"only this network\" option) to limit availability on a single network.": "To konto jest dostępne we wszystkich sieciach. Upewnij się, że łączysz je z określoną siecią za pomocą opcji konta (opcja \"tylko ta sieć\"), aby ograniczyć dostępność w jednej sieci.",
+  "This account is available on all networks. Ensure you tie it to a specific network via the account options (\"only this network\" option) to limit availability on a single network. For accounts from eg. an extension, use the extension itself to set the network.": "To konto jest dostępne we wszystkich sieciach. Upewnij się, że łączysz go z określoną siecią za pomocą opcji konta (opcja \"tylko ta sieć\"), aby ograniczyć dostępność w pojedynczej sieci. Dla kont z rozszerzenia, użyj ustawień bezpośrednio w rozszerzeniu do ustawienia sieci.",
+  "This account is available on all networks. It is recommended to link to a specific network via the account options (\"only this network\" option) to limit availability. For accounts from an extension, set the network on the extension.": "To konto jest dostępne we wszystkich sieciach. Zaleca się połączenie z określoną siecią za pomocą opcji konta (opcja \"tylko ta sieć\") w celu ograniczenia dostępności. W przypadku kont z importowanych z rozszerzenia, ustaw sieć bezpośrenio w ustawieniach rozszerzenia.",
+  "This account is recoverable, with the following friends:": "To konto można odzyskać u następujących znajomych:",
+  "This does not send any transaction, rather is only sets the genesis in the account JSON.": "To nie wysyła żadnej transakcji, a raczej ustawia genezę na koncie JSON.",
+  "This is a development account derived from the known development seed. Do not use for any funds on a non-development network.": "To jest konto developerski pochodzące z development seed. Nie używaj do żadnych innych celów niż programistycznych.",
+  "This is a development account derived from the known development seed. Do now use for any funds on a non-development network.": "To jest konto developerski pochodzące z development seed. Nie używaj do żadnych innych celów niż programistycznych.",
+  "This is especially prudent in cases where the address is only destined to be used on a single network or linked to a specific device.": "Jest to szczególna zalecana opcja w przypadkach, gdy adres ma być używany tylko w jednej sieci lub połączony z określonym urządzeniem.",
+  "This password is used to encrypt your private key. It must be strong and unique! You will need it to sign transactions with this account. You can recover this account using this password together with the backup file (generated in the next step).": "To hasło służy do szyfrowania klucza prywatnego. Musi być mocne i niepowtarzalne! Będziesz go potrzebować do podpisywania transakcji na tym koncie. Możesz odzyskać to konto, używając tego hasła wraz z plikiem kopii zapasowej (wygenerowanym w następnym kroku).",
+  "This will apply to any future use of this account as stored on this browser. Ensure that you securely store this new password and that it is strong and unique to the account.": "Będzie to miało zastosowanie do każdego przyszłego wykorzystania tego konta zapisanego w tej przeglądarce. Upewnij się, że bezpiecznie przechowujesz nowe hasło oraz że jest ono silne i unikalne dla konta.",
+  "Total amount of fund that will be reserved. These funds are returned when the identity is cleared": "Całkowita kwota funduszu, który zostanie zarezerwowany. Środki te są zwracane po skasowaniu tożsamości",
+  "Transfer the full account balance, reap the sender": "Przenieś pełne saldo konta, zamykając je",
+  "Transfer with account keep-alive checks": "Przeew z bieżacym sprawdzeniem stanu transackji i poprawności stanu po dokonaniu stransakcji",
+  "Type here what you would like your address to contain. This tool will generate the keys and show the associated addresses that best match your search. You can use \"?\" as a wildcard for a character.": "Wpisz tutaj, co chcesz, aby zawierał Twój adres. To narzędzie wygeneruje klucze i pokaże powiązane adresy, które najlepiej pasują do Twojego wyszukiwania. Możesz użyć \"?\" Jako symbolu wieloznacznego dla znaku.",
+  "Type the amount you want to transfer. Note that you can select the unit on the right e.g sending 1 milli is equivalent to sending 0.001.": "Wpisz kwotę, którą chcesz przelać. Zauważ, że możesz wybrać jednostkę po prawej stronie, np. Wysłanie 1 mili jest równoważne wysłaniu 0,001.",
+  "Type the password chosen at the account creation. It was used to encrypt your account's private key in the backup file.": "Wpisz hasło wybrane podczas tworzenia konta. To które zostało użyte do zaszyfrowania klucza prywatnego Twojego konta w pliku kopii zapasowej.",
+  "Undelegate": "Cofnij delegacje",
+  "Unlock": "Odblokuj",
+  "Unlock vested amount": "Odblokuj przysługującą kwotę",
+  "Validator": "Validator",
+  "Vanity generator": "Vanity generator",
+  "Verify the password entered above.": "Potwierdź hasło wprowadzone powyżej.",
+  "We will provide you with a generated backup file after your account is created. As long as you have access to your account you can always download this file later by clicking on \"Backup\" button from the Accounts section.": "Po utworzeniu konta dostarczymy Ci wygenerowany plik kopii zapasowej. Jeśli masz dostęp do swojego konta, zawsze możesz pobrać ten plik później, klikając przycisk \"Kopia zapasowa\" w sekcji Konta.",
+  "With the keep-alive option set, the account is protected against removal due to low balances.": "Dzięki ustawionej opcji utrzymywania przy życiu konto jest chronione przed usunięciem z powodu niskiego salda.",
+  "You can set a custom derivation path for this account using the following syntax \"/<soft-key>//<hard-key>\". The \"/<soft-key>\" and \"//<hard-key>\" may be repeated and mixed`. An optional \"///<password>\" can be used with a mnemonic seed, and may only be specified once.": "Możesz ustawić niestandardową ścieżkę wyprowadzania dla tego konta, używając następującej składni \"/<soft-key>//<hard-key>\".\"/<soft-key>\" i \"//<hard-key>\" mogą być powtarzane i mieszane. \"/// <hasło>\" można użyć z mnemonic seed i można je podać tylko raz.",
+  "You can set a custom derivation path for this account using the following syntax \"/<soft-key>//<hard-key>///<password>\". The \"/<soft-key>\" and \"//<hard-key>\" may be repeated and mixed`.": "Możesz ustawić niestandardową ścieżkę wyprowadzania dla tego konta, używając następującej składni \"/<soft-key>//<hard-key>///<password>\".\"/<soft-key>\" i \"// <hard-key>\" mogą być powtarzane i mieszane..",
+  "You can set a custom derivation path for this account using the following syntax \"/<soft-key>//<hard-key>///<password>\". The \"/<soft-key>\" and \"//<hard-key>\" may be repeated and mixed`. The \"///password\" is optional and should only occur once.": "Możesz ustawić niestandardową ścieżkę wyprowadzania dla tego konta, używając następującej składni \"/<soft-key>//<hard-key>///<password>\".\"/<soft-key>\" i \"//<hard-key>\" mogą być powtarzane i mieszane. \"///hasło\" jest opcjonalne i powinno wystąpić tylko raz.",
+  "You don't have any accounts. Some features are currently hidden and will only become available once you have accounts.": "Nie masz żadnych kont. Niektóre funkcje są obecnie ukryte i będą dostępne dopiero po założeniu kont.",
+  "You have {{claimCount}} accounts that need attestations. Use the Claim Tokens app on the navigation bar to complete the process. Until you do, your balances for those accounts will not be reflected.": "Masz {{claimCount}} kont, które wymagają zaświadczeń. Użyj aplikacji Odbierz Tokeny na pasku nawigacyjnym, aby zakończyć proces. Dopóki tego nie zrobisz, Twoje salda na tych kontach nie zostaną uwzględnione.",
+  "You have {{upgradableCount}} extensions that need to be updated with the latest chain properties in order to display the correct information for the chain you are connected to. This update includes chain metadata and chain properties.": "Masz {{upgradableCount}} rozszerzeń, które muszą zostać zaktualizowane o najnowsze właściwości łańcucha, aby wyświetlić poprawne informacje o łańcuchu, z którym jesteś połączony. Ta aktualizacja zawiera metadane łańcucha i właściwości łańcucha.",
+  "You should not setup proxies to act as a self-proxy.": "Nie należy konfigurować proxy, aby działały jako własne proxy.",
+  "You will remove any delegation made by this acccount": "Usuniesz wszystkie delegacje dokonane z tego konta",
+  "Your ethereum key pair is derived from your private key. Don't divulge this key.": "Twoja para kluczy ethereum pochodzi z twojego klucza prywatnego. Nie ujawniaj tego klucza.",
+  "Your password contains at least one \"/\" character. Disregard this warning if it is intended.": "Twoje hasło zawiera co najmniej jeden znak \"/\". Zignoruj to ostrzeżenie, jeśli jest zamierzone.",
+  "a riot name linked to this identity": "Nazwa konta riot powiązana z tą tożsamośćią",
+  "account forgotten": "konto zapomniane",
+  "account name": "nazwa konta",
+  "account restored": "konto przywrócone",
+  "account type": "typ konta",
+  "accounts": "konta",
+  "added proxy": "dodane proxy",
+  "address index": "indez adresu",
+  "address {{index}}": "adres {{index}}",
+  "amount": "ilość / kwota",
+  "approval type": "typ potwierdzenia",
+  "available signatories": "dostępni sygnotariusze",
+  "available social recovery helpers": "dostępni pomocnicy w odyskaniu społecznym",
+  "backup file": "plik zapasowy",
+  "balance": "stan",
+  "balances": "stany",
+  "call data for final approval": "dane do ostatecznego zatwierdzenia",
+  "case sensitive": "wielkość liter ma znaczenie",
+  "conviction": "opinia",
+  "created account": "storzone konto",
+  "created multisig": "stworzone konto multisig",
+  "delay": "opóźnienie",
+  "delegate democracy vote": "deleguj głosy w głosowaniu demokratycznym",
+  "delegated account": "konto delegowane",
+  "delegating account": "konto delegujące",
+  "delegating amount": "delegowana kwota / ilość",
+  "democracy vote delegation": "delegacja głosów demokratycznych",
+  "deposit": "depozyt",
+  "derivation path": "scieżka derywacji / wydzielenia",
+  "derive root account": "wydziel konto root",
+  "development seed": "seedy deweloperskie",
+  "display name": "wyświetlana nazwa",
+  "email": "email",
+  "ethereum private key": "prywatny klucz ethereum",
+  "existential deposit": "depozyt egzystencjalny",
+  "filter by name or tags": "filtruj według nazwy lub tagów",
+  "https://example.com": "https://example.com",
+  "identity": "tożsamość",
+  "include field": "uwzględnij pole",
+  "invalid/unknown registrar account": "nieprawidłowe / nieznane konto rejestratora",
+  "judgement": "osąd / ocena",
+  "keypair crypto type": "typ kryptograficzny zabezpieczenia pary kluczy",
+  "keypair type": "typ pary kluczy",
+  "legal name": "oficjalna nazwa",
+  "matches": "powiązania",
+  "mnemonic": "mnemonic",
+  "mnemonic seed": "mnemonic seed",
+  "multisig": "multisig",
+  "multisig name": "nazwa konta multisig",
+  "name": "nazwa",
+  "new account": "nowe konto",
+  "parent": "żródło",
+  "partial seed": "częściowy seed",
+  "password": "hasło",
+  "password (repeat)": "hasło (powtórz)",
+  "pending hashes": "oczekujące hashe",
+  "private key": "klucz prywatny",
+  "proxied account": "konto z zależnościami",
+  "proxied name": "nazwa zależności",
+  "proxy account": "konto proxy",
+  "raw seed": "raw seed",
+  "recover this account": "odzyskaj to konto",
+  "recovery block delay": "opóźnienie blokady odzyskiwania",
+  "recovery threshold": "próg odzysku",
+  "registrar account": "konto rejestratora",
+  "registrar index": "index rejestratora",
+  "riot": "riot",
+  "riot name": "nazwa w riot",
+  "secret": "tajne",
+  "secret derivation path": "tajna ścieżka derywacji",
+  "seed (hex or string)": "seed (hex lub string)",
+  "selected signatories": "wybrani sygnotariusze",
+  "send": "wyślij",
+  "send from account": "wyślij z konta",
+  "send to address": "wyślij na adres",
+  "signatories": "sygnotariusze",
+  "signatory": "sygnotariusz",
+  "somebody@example.com": "ktoś@przykład.com",
+  "stash address": "adres konta środków",
+  "sub": "podrzędny",
+  "sub name": "podrzędna nazwa",
+  "subs": "podrzędności",
+  "tags": "tagi",
+  "the account to make recoverable": "konto do odzyskania",
+  "the account to recover to": "konto na które ma być odzyskane",
+  "threshold": "próg / limit",
+  "total deposit": "ogólny depozyt",
+  "transactions": "tranzakcje",
+  "transferrable": "możliwy do przeslania",
+  "transferrable minus fees": "możliwy do przesłania po odjęciu opłat",
+  "trusted social recovery helpers": "zaufani pomocnicy w naprawie społecznej",
+  "twitter": "twitter",
+  "type": "typ",
+  "web": "sieć",
+  "website": "strona internetowa",
+  "your current password": "twoje obecne hasło",
+  "your new password": "twoje nowe hasło"
+}
\ No newline at end of file
diff --git a/packages/apps/public/locales/pt/translation.json b/packages/apps/public/locales/pt/translation.json
new file mode 100644
index 0000000..b51745b
--- /dev/null
+++ b/packages/apps/public/locales/pt/translation.json
@@ -0,0 +1,1129 @@
+{
+  "//hard///password": "//forte///senha",
+  "//hard/soft": "//forte/fraca",
+  "//hard/soft///password": "//forte/fraca///senha",
+  "0.1x voting balance, no lockup period": "0,1 * saldo de voto, sem período de bloqueio",
+  "1 day": "1 dia",
+  "1 hr": "1 hora",
+  "1 min": "1 minuto",
+  "1 s": "1 s",
+  "1. Select your {{chain}} account": "1. Selecione sua conta {{chain}}",
+  "2. Enter the ETH address from the sale.": "2. Digite o endereço ETH da venda.",
+  "2. Sign ETH transaction": "2. Assinar transação ETH",
+  "<empty>": "<vazio>",
+  "<unknown>": "<desconhecido>",
+  "A controller account should not be set to manages multiple stashes. The selected controller is already controlling {{stashId}}": "Uma conta do controlador não deve ser definida para gerenciar várias reservas. O controlador selecionado já está controlando {{stashId}}",
+  "A controller account should not map to another stash. This selected controller is a stash, controlled by {{bondedId}}": "Uma conta do controlador não deve ser mapeada para outro esconderijo. Este controlador selecionado é uma reserva, controlado por {{bondedId}}",
+  "A deployed contract that has either been deployed or attached. The address and ABI are used to construct the parameters.": "Um contrato implantado que foi implantado ou anexado. O endereço e ABI são usados para construir os parâmetros.",
+  "A fee of {{creationFee}} will be deducted from the sender since the destination account does not exist": "Uma taxa de {{creationFee}} será deduzida do remetente, pois a conta de destino não existe",
+  "A reason (to be stored-on-chain) as to why the recipient deserves a tip payout.": "Um motivo (para ser armazenado na cadeia) do motivo pelo qual o destinatário merece um pagamento de gorjeta.",
+  "ABI": "ABI",
+  "Acceptance proposal to council": "Proposta de aceitação ao conselho",
+  "Account actions": "Ações da conta",
+  "Account balance:": "Saldo da conta:",
+  "Accounts injected from any of these extensions will appear in this application and be available for use. The above list is updated as more extensions with external signing capability become available.": "As contas injetadas em qualquer uma dessas extensões aparecerão neste aplicativo e estarão disponíveis para uso. A lista acima é atualizada à medida que mais extensões com capacidade de assinatura externa se tornam disponíveis.",
+  "Active nominations ({{count}})": "Nomeações ativas ({{count}})",
+  "Add a tip to this extrinsic, paying the block author for greater priority": "Adicione uma gorjeta a esse extrínseco, pagando ao autor do bloco por maior prioridade",
+  "Add account": "Adicionar Conta",
+  "Add account via Qr": "Adicionar conta via código QR",
+  "Add an account via seed {{step}}/{{STEPS_COUNT}}": "Adicionar uma conta via semente {{step}}/{{STEPS_COUNT}}",
+  "Add an address": "Adicionar um endereço",
+  "Add an existing code hash": "Adicione um hash de código existente",
+  "Add an existing contract": "Adicionar um contrato existente",
+  "Add contact": "Adicionar contato",
+  "Add identity judgment": "Adicionar julgamento de identidade",
+  "Add item": "Adicionar Item",
+  "Add multisig": "Adicionar multi-assinatura",
+  "Add via Ledger": "Livro de consultas",
+  "Add via Qr": "Adicionar via código QR",
+  "Add via backup file": "Adicionar via arquivo de backup",
+  "Adding an optional tip to the transaction could allow for higher priority, especially when the chain is busy.": "Adicionar uma gorjeta opcional à transação pode permitir maior prioridade, especialmente quando a cadeia está ocupada.",
+  "Additional types as a JSON file (or edit below)": "Tipos adicionais como um arquivo JSON (ou edite abaixo)",
+  "Address Prefix": "Prefixo do Endereço",
+  "Adjust the mode from basic (with a limited number of beginner-user-friendly apps) to full (with all basic & advanced apps available)": "Ajuste o modo de básico (com um número limitado de aplicativos fáceis de usar para iniciantes) a completo (com todos os aplicativos básicos e avançados disponíveis)",
+  "Advanced creation options": "Opções avançadas de criação",
+  "All rewards will go towards the selected output destination when a payout is made.": "Todas as recompensas irão para o destino de saída selecionado quando um pagamento for feito.",
+  "All the listed validators and all their nominators will receive their rewards.": "Todos os validadores listados e todos os seus nominadores receberão suas recompensas.",
+  "Allocate a suggested tip amount. With enough endorsements, the suggested values are averaged and sent to the beneficiary.": "Aloque um valor de gorjeta sugerido. Com endossos suficientes, os valores sugeridos são calculados em média e enviados ao beneficiário.",
+  "Amount to add to the currently bonded funds. This is adjusted using the available funds on the account.": "Valor a acrescentar aos fundos atualmente vinculados. Isso é ajustado usando os fundos disponíveis na conta.",
+  "An URL that is linked to this identity.": "Um URL que está vinculado a essa identidade.",
+  "An encrypted backup file will be created once you have pressed the \"Download\" button. This can be used to re-import your account on any other machine.": "Um arquivo de backup criptografado será criado depois que você pressionar o botão \"Download\". Isso pode ser usado para reimportar sua conta em qualquer outra máquina.",
+  "Any account can request payout for stakers, this is not limited to accounts that will be rewarded.": "Qualquer conta pode solicitar pagamento para os participantes, isso não se limita às contas que serão recompensadas.",
+  "Approvals": "Aprovações",
+  "Approve or reject this defender.": "Aprovar ou rejeitar este defensor.",
+  "Approve this call hash": "Aprovar este hash de chamada",
+  "Approve this candidacy.": "Aprovar esta candidatura.",
+  "Approved": "Aprovado",
+  "As a council member, you can suggest an initial value for the tip, each other council member can suggest their own.": "Como membro do conselho, você pode sugerir um valor inicial para a gorjeta; cada outro membro do conselho pode sugerir o seu.",
+  "Asset ID": "ID do recurso",
+  "Assets": "Ativos",
+  "Aura": "Aura",
+  "Authorize transaction": "Autorizar transação",
+  "Aye": "Sim",
+  "Aye, I approve": "Sim, eu aprovo",
+  "Babe": "Babe",
+  "Backup account": "Conta de backup",
+  "Block details": "Detalhes do bloco",
+  "Bond": "Vinculo",
+  "Bond & Nominate": "Vincular & Nominar",
+  "Bond & Validate": "Vincular e validar",
+  "Bond more": "Vincular mais",
+  "Bond more funds": "Vincular mais fundos",
+  "Bonding Preferences": "Preferências de vínculação",
+  "Call": "Chamar",
+  "Call a contract": "Chamar um contrato",
+  "Call a method on this contract": "Chamar um método neste contrato",
+  "Call results": "Chamar resultados",
+  "Call this message": "Chamar essa mensagem",
+  "Cancel": "Cancelar",
+  "Cancel slashes": "Cancelar punições",
+  "Cancel this call hash": "Cancelar este hash de chamada",
+  "Chain info": "Informação da cadeia",
+  "Chain specifications": "Especificações da corrente",
+  "Change": "Mudança",
+  "Change account password": "Modificar senha da conta",
+  "Change controller account": "Alterar conta do controlador",
+  "Change reward destination": "Alterar destino da recompensa",
+  "Change session keys": "Alterar chaves da sessão",
+  "Change this account's password": "Alterar a senha desta conta",
+  "Change validator preferences": "Alterar preferências do validador",
+  "Changing the key only takes effect at the start of the next session. The input here is generated from the author_rotateKeys command": "Alterar a tecla só entra em vigor no início da próxima sessão. A entrada aqui é gerada a partir do comando author_rotateKeys",
+  "Claim": "Reivindicar",
+  "Claim tokens...": "Reivindicar tokens...",
+  "Clear all": "Limpar tudo",
+  "Clear expired democracy locks": "Limpar bloqueios de democracia expirados",
+  "Close": "Fechar",
+  "Close proposal": "Fechar proposta",
+  "Color": "Cor",
+  "Committee prime member, default voting": "Membro principal do comitê, votação padrão",
+  "Confirm ABI removal": "Confirme a remoção da ABI",
+  "Confirm account removal": "Confirmar remoção da conta",
+  "Confirm address removal": "Confirmar remoção de endereço",
+  "Confirm claim": "Confirmar reivindicação",
+  "Confirm code removal": "Confirmar remoção do código",
+  "Confirm contract removal": "Confirmar remoção do contrato",
+  "Constants": "Constantes",
+  "Continue": "Continuar",
+  "Conviction locks do overlap and are not additive, meaning that funds locked during a previous vote can be locked again.": "Os bloqueios por condenação se sobrepõem e são aditivos, o que significa que os fundos bloqueados durante uma votação anterior podem ser bloqueados novamente.",
+  "Copy the above string and sign an Ethereum transaction with the account you used during the pre-sale in the wallet of your choice, using the string as the payload, and then paste the transaction signature object below": "Copie a sequência acima e assine uma transação do Ethereum com a conta usada durante a pré-venda na carteira de sua escolha, usando a sequência como carga útil e cole o objeto de assinatura da transação abaixo",
+  "Copy the following string and sign it with the Ethereum account you used during the pre-sale in the wallet of your choice, using the string as the payload, and then paste the transaction signature object below:": "Copie a seguinte string e assine-a na conta Ethereum usada durante a pré-venda na carteira de sua escolha, usando a string como carga útil e cole o objeto de assinatura da transação abaixo:",
+  "Council": "Conselho",
+  "Council overview": "Visão geral do Conselho",
+  "Create": "Criar",
+  "Create a backup file for this account": "Criar um arquivo de backup para esta conta",
+  "Create an account now.": "Criar uma conta agora.",
+  "Create and backup account": "Criar e fazer backup da conta",
+  "Crypto not detected": "Criptografia não detectada",
+  "Cryptography used to create this signature. It is auto-detected on valid signatures.": "Criptografia usada para criar esta assinatura. É detectado automaticamente em assinaturas válidas.",
+  "Current account nonce: {{accountNonce}}": "Nonce da conta atual: {{accountNonce}}",
+  "Current prime member, default voting": "Membro principal atual, votação padrão",
+  "Current society head, exempt": "Chefe da sociedade atual, isento",
+  "Decimals": "Decimais",
+  "Decimals decides the smallest unit of the token, which is 1/10^decimals": "Decimais decide a menor unidade do token, que é 1/10 ^ decimais",
+  "Delete this custom example": "Excluir este exemplo personalizado",
+  "Democracy overview": "Visão geral da democracia",
+  "Deploy": "Implantar",
+  "Deploy a code hash": "Implantar um hash de código",
+  "Deploy this code hash as a smart contract": "Implante esse hash de código como um contrato inteligente",
+  "Deploy with this constructor": "Implante com este construtor",
+  "Deposit": "Depósito",
+  "Deregister this parachain": "Cancele o registro desse parachain",
+  "Derive account from pair": "Derivar conta do par",
+  "Derive account via derivation path": "Derivar conta via caminho de derivação",
+  "Details": "Detalhes",
+  "Detection on the input string to determine if it is hex or non-hex.": "Detecção na sequência de entrada para determinar se é hexadecimal ou não hexadecimal.",
+  "Determines what cryptography will be used to create this account. Note that to validate on Polkadot, the session account must use \"ed25519\".": "Determina qual criptografia será usada para criar esta conta. Observe que, para validar no Polkadot, a conta da sessão deve usar \"ed25519\".",
+  "Developer": "Desenvolvedor",
+  "Development": "Desenvolvimento",
+  "Dismiss all notifications": "Ignorar todas as notificações",
+  "Display overview information for the selected validator, including blocks produced.": "Exibe informações de visão geral do validador selecionado, incluindo os blocos produzidos.",
+  "Distinct stash and controller accounts are recommended to ensure fund security. You will be allowed to make the transaction, but take care to not tie up all funds, only use a portion of the available funds during this period.": "Contas reservas e controladoras distintas são recomendadas para garantir a segurança do fundo. Você poderá fazer a transação, mas tome cuidado para não anexar todos os fundos, use apenas uma parte dos fundos disponíveis durante esse período.",
+  "Do not include a tip for the block author": "Não inclua uma gorjeta para o autor do bloco",
+  "Download": "Baixar",
+  "Either approve or reject this call.": "Aprovar ou rejeitar esta chamada.",
+  "Endorse": "Endossar",
+  "Endorsements ({{count}})": "Endossos ({{count}})",
+  "Ensure that not all funds are locked, funds need to be available for fees.": "Certifique-se de que nem todos os fundos estejam bloqueados, os fundos precisam estar disponíveis por taxas.",
+  "Enter the Asset ID of the token you want to manage.": "Digite o ID do ativo do token que você deseja gerenciar.",
+  "Enter the Asset ID of the token you want to transfer.": "Digite o ID do ativo do token que você deseja transferir.",
+  "Erroneous": "Errôneo",
+  "Evaluated {{count}} keys in {{elapsed}}s ({{avg}} keys/s)": "Avaliadas {{count}} chaves em {{decorrido}} s ({{avg}} chaves/s)",
+  "Extensions": "Extensões",
+  "External": "Externo",
+  "Extrinsic submission": "Envio extrínseco",
+  "Fast track": "Faixa rápida",
+  "Fast track proposal": "Proposta acelerada",
+  "Filter available candidates based on name, address or short account index.": "Filtre os candidatos disponíveis com base no nome, endereço ou índice abreviado da conta.",
+  "For fund security, your session key should not match your stash key.": "Para segurança do fundo, sua chave de sessão não deve corresponder à sua chave reserva.",
+  "Forget": "Esquecer",
+  "Forget this account": "Esquecer esta conta",
+  "Forget this address": "Esquecer este endereço",
+  "Forget this asset": "Esquecer este recurso",
+  "Forget this code hash": "Esquecer este código hash",
+  "Forget this contract": "Esquecer este contrato",
+  "Forks": "Bifurcações",
+  "General": "Geral",
+  "Generate {{lng}}/translation.json": "Gerar {{lng}}/translation.json",
+  "Genesis Hash": "Genesis Hash",
+  "Genesis Hash refers to initial state of the chain, it cannot be changed once the chain is launched": "Genesis Hash se refere ao estado inicial da cadeia, não pode ser alterado depois que a cadeia é lançada",
+  "Grandpa": "Grandpa",
+  "Hash data": "Dados hash",
+  "I agree": "Concordo",
+  "I'm Online": "Eu estou online",
+  "If the recipient account is new, the balance needs to be more than the existential deposit. Likewise if the sending account balance drops below the same value, the account will be removed from the state.": "Se a conta do destinatário for nova, o saldo precisará ser maior que o depósito de existência. Da mesma forma, se o saldo da conta de envio cair abaixo do mesmo valor, a conta será removida do estado.",
+  "If this proposal is passed, the changes will be applied via dispatch and the deposit returned.": "Se a proposta for aprovada, as alterações serão aplicadas via despacho e o depósito retornado.",
+  "If you are moving accounts between applications, ensure that you use the correct type.": "Se você estiver movendo contas entre aplicativos, use o tipo correto.",
+  "Important notice": "Aviso importante",
+  "In calculating the election outcome, this prioritized vote ordering will be used to determine the final score for the candidates.": "No cálculo do resultado da eleição, essa ordem de votação priorizada será usada para determinar a pontuação final dos candidatos.",
+  "Inactive nominations ({{count}})": "Indicações inativas ({{count}})",
+  "Include an optional tip for faster processing": "Inclua uma gorjeta opcional para um processamento mais rápido",
+  "Initializing connection": "Inicializando conexão",
+  "Initiate account recovery": "Iniciar recuperação da conta",
+  "Initiate recovery for another": "Iniciar recuperação para outro",
+  "Inject Keys": "Injetar chaves",
+  "Inject session keys (advanced)": "Injetar chaves de sessão (avançadas)",
+  "Injected": "Injetado",
+  "It is recommended that you create/store your accounts securely and externally from the app. On {{yourBrowser}} the following browser extensions are available for use -": "É recomendável que você crie/armazene suas contas de forma segura e externa a partir do aplicativo. No {{yourBrowser}}, as seguintes extensões de navegador estão disponíveis para uso -",
+  "Judge": "Juiz",
+  "Keys from rotateKeys": "\"Keys\" de \"rotateKeys\"",
+  "Known good": "Bem conhecido",
+  "Learn more...": "Saber mais...",
+  "Lifetime (# of blocks)": "Tempo de vida (número de blocos)",
+  "Loading": "Carregando",
+  "Locked1x": "Bloqueado1x",
+  "Locked2x": "Bloqueado2x",
+  "Locked3x": "Bloqueado3x",
+  "Locked4x": "Bloqueado4x",
+  "Locked5x": "Bloqueado5x",
+  "Locked6x": "Bloqueado6x",
+  "Low quality": "Baixa qualidade",
+  "Make Transfer": "Fazer transferência",
+  "Make recoverable": "Tornar recuperável",
+  "Manage your connection to Ledger S": "Gerencie sua conexão com o Ledger S",
+  "Message data": "Dados da mensagem",
+  "Message origin.": "Origem da mensagem.",
+  "Messages": "Mensagens",
+  "Metadata {{count}}": "Metadados {{count}}",
+  "Mnemonic": "Mnemônico",
+  "Most recent head data": "Dados de cabeçalho mais recentes",
+  "Motions": "Moções",
+  "Multiple council proposals could exist, both approval and rejection. Apply your vote to the correct council proposal (also available on council motions page)": "Múltiplas propostas de conselho podem existir, tanto aprovação quanto rejeição. Aplique seu voto à proposta correta do conselho (também disponível na página de moções do conselho)",
+  "Multisig": "Multi-assinatura",
+  "Multisig approval with hash (non-final approval)": "Aprovação multi-assinatura com hash (aprovação não final)",
+  "Multisig approval with hash (not message with call)": "Aprovação multi-assinatura com hash (não mensagem com chamada)",
+  "Multisig approvals": "Aprovações multi-assinatura",
+  "Multisig message with call (for final approval)": "Mensagem multi-assinatura com chamada (para aprovação final)",
+  "Multisig message with call (not approval with hash)": "Mensagem multi-assinatura com chamada (não aprovação com hash)",
+  "Mutates contract state": "Muda o estado do contrato",
+  "My accounts": "Minhas contas",
+  "My contacts": "Meus contatos",
+  "Name given to this account. You can change it at any point in the future.": "Nome dado a esta conta. Você pode alterá-lo a qualquer momento no futuro.",
+  "Name given to this account. You can edit it. To use the account to validate or nominate, it is a good practice to append the function of the account in the name, e.g \"name_you_want - stash\".": "Nome dado a esta conta. Você pode editá-lo. Para usar a conta para validar ou nomear, é uma boa prática anexar a função da conta no nome, por exemplo, \"nome_desejado - reserva\".",
+  "Name given to this multisig. You can edit it at any later point in time.": "Nome dado a essa multi-assinatura. Você pode editá-lo a qualquer momento posterior.",
+  "Name of the network. It is only for display purposes.": "Nome da rede. É apenas para fins de exibição.",
+  "Name your example": "Dê um nome ao seu exemplo",
+  "Nay": "Não",
+  "Nay, I do not approve": "Não, eu não aprovo",
+  "Network Name": "Nome da rede",
+  "New stake": "Nova participação",
+  "No": "Não",
+  "No active members": "Nenhum membro ativo",
+  "No active proposals": "Nenhuma proposta ativa",
+  "No active referendums": "Nenhum referendo ativo",
+  "No active validators found": "Nenhum validador ativo encontrado",
+  "No active validators to check": "Não há validadores ativos para verificar",
+  "No approved proposals": "Nenhuma proposta aprovada",
+  "No assets found.": "Nenhum recurso encontrado.",
+  "No bids": "Sem lances",
+  "No blocks available": "Nenhum bloco disponível",
+  "No candidates": "Nenhum candidato",
+  "No candidates found": "Nenhum candidato encontrado",
+  "No code hashes available": "Nenhum código hashes disponível",
+  "No committee proposals": "Nenhuma proposta de comitê",
+  "No contracts available": "Não há contratos disponíveis",
+  "No council motions": "Nenhuma moção de conselho",
+  "No documentation provided": "Nenhuma documentação fornecida",
+  "No events available": "Não há eventos disponíveis",
+  "No external proposal": "Nenhuma proposta externa",
+  "No funds staked yet. Bond funds to validate or nominate a validator": "Ainda não há fundos em participação. Fundos de obrigações para validar ou nomear um validador",
+  "No items": "Nenhum item",
+  "No judgments": "Sem julgamentos",
+  "No logs available": "Nenhum registro disponível",
+  "No matches found": "Nenhuma equivalência encontrada",
+  "No members found": "Nenhum membro encontrado",
+  "No open tips": "Não há gorjetas em aberto",
+  "No pending era payouts from validators": "Não há pagamentos pendentes da era dos validadores",
+  "No pending extrinsics are in the queue": "Nenhuma extrínseca pendente na fila",
+  "No pending payouts for your stashes": "Não há pagamentos pendentes para suas reservas",
+  "No pending proposals": "Nenhuma proposta pendente",
+  "No runners up found": "Nenhum corredor encontrado",
+  "No upgradable extensions found": "Nenhuma extensão atualizável encontrada",
+  "No waiting validators found": "Nenhum validador em espera encontrado",
+  "Node info": "Informações do nó",
+  "Nominate": "Nomear",
+  "Nominate Validators": "Nomear validadores",
+  "Nominate selected": "Nomear selecionado",
+  "Nominate validators": "Nomear validadores",
+  "Nominations ({{count}})": "Nomeações ({{count}})",
+  "Nominator": "Nominador",
+  "Nominators can be selected automatically based on the current on-chain conditions or supplied manually as selected from the list of all currently available validators. In both cases, your favorites appear for the selection.": "Os nominadores podem ser selecionados automaticamente com base nas condições atuais da cadeia ou fornecidos manualmente, conforme selecionado na lista de todos os validadores disponíveis no momento. Nos dois casos, seus favoritos aparecem para a seleção.",
+  "Nonce": "Nonce",
+  "None": "Nenhum",
+  "Not updated in the last block": "Não atualizado no último bloco",
+  "Nothing queued for execution": "Nada na fila para execução",
+  "Of the beneficiary amount, at least {{bondPercentage}} would need to be put up as collateral. The maximum of this and the minimum bond will be used to secure the proposal, refundable if it passes.": "Do montante do beneficiário, pelo menos {{bondPercentage}} precisaria ser apresentado como garantia. O valor máximo e o vínculo mínimo serão utilizados para garantir a proposta, reembolsável se aprovada.",
+  "Once bonded, it will need to be unlocked/withdrawn and will be locked for at least the bonding duration.": "Uma vez vinculado, ele precisará ser desbloqueado/retirado e será bloqueado pelo menos durante a duração do vínculo.",
+  "Once transmitted the new selection will only take effect in 2 eras since the selection criteria for the next era was done at the end of the previous era. Until then, the nominations will show as inactive.": "Depois de transmitida, a nova seleção só entrará em vigor em duas épocas, uma vez que os critérios de seleção para a próxima era foram feitos no final da era anterior. Até lá, as indicações serão mostradas como inativas.",
+  "One of your available nomination accounts, keyed by the stash. The transaction will be sent from the controller.": "Uma das suas contas de nomeação disponíveis, chaveadas pela reserva. A transação será enviada do controlador.",
+  "Only applicable if the proposal has already passed and is ready for dispatch.": "Aplicável apenas se a proposta já tiver sido aprovada e estiver pronta para envio.",
+  "Override any applicable values for the specific signed output. These will be used to construct and display the signed transaction.": "Substitua quaisquer valores aplicáveis à saída assinada específica. Eles serão usados para construir e exibir a transação assinada.",
+  "Override the default identity icon display with a specific theme": "Substitua a exibição do ícone de identidade padrão por um tema específico",
+  "Override the default ss58 prefix for address generation": "Substitua o prefixo ss58 padrão para geração de endereço",
+  "Overview": "Visão geral",
+  "Owned": "Possuído",
+  "Parachains": "parachains",
+  "Parachains overview": "Visão geral das parachains",
+  "Paste here the address of the contact you want to add to your address book.": "Cole aqui o endereço do contato que você deseja adicionar ao seu catálogo de endereços.",
+  "Payout": "Pagamento",
+  "Payout all": "Todos os pagamentos",
+  "Payout all stakers": "Pagar todos os participantes",
+  "Pending call hashes": "Hash de chamada pendente",
+  "Please make sure to save this file in a secure location as it is required, together with your password, to restore your account.": "Salve este arquivo em um local seguro, pois é necessário, juntamente com sua senha, para restaurar sua conta.",
+  "Please read these terms and conditions carefully. By submitting this statement, you are deemed to have accepted these Terms and Conditions. If you do not agree to these terms, please refrain from accessing or proceeding. You can also find them at:": "Por favor leia esses termos e condições cuidadosamente. Ao enviar esta declaração, considera-se que você aceitou estes Termos e Condições. Se você não concordar com estes termos, evite acessar ou continuar. Você também pode encontrá-los em:",
+  "Positive number": "Número positivo",
+  "Positive number between 1 and {{count}}": "Número positivo entre 1 e {{count}}",
+  "Positive number between 1 and {{memberCount}}": "Número positivo entre 1 e {{memberCount}}",
+  "Positive number greater than or equal to {{nextFreeId}}": "Número positivo maior ou igual a {{nextFreeId}}",
+  "Pre-sale ethereum address": "Endereço ethereum de pré-venda",
+  "Prefix indicates the ss58 address format in this network, it is a 16 bit unsigned integer that describes the precise format of the bytes of the address": "O prefixo indica o formato do endereço ss58 nesta rede; é um número entre 0 e 255 que descreve o formato preciso dos bytes do endereço",
+  "Preimage": "Pré-imagem",
+  "Present the QR code containing the signature to the UI. Once scanned it will be submitted for on-chain processing and execution.": "Apresente o código QR que contém a assinatura para a interface do usuário. Depois de digitalizado, ele será enviado para processamento e execução em cadeia.",
+  "Proposal can either be to approve or reject this spend. One approved, the change is applied by either removing the proposal or scheduling payout.": "A proposta pode ser para aprovar ou rejeitar esses gastos. Uma vez aprovada, a alteração é aplicada removendo a proposta ou agendando o pagamento.",
+  "Proposals": "Propostas",
+  "Proposals ({{count}})": "Propostas ({{count}})",
+  "Propose": "Ofertas",
+  "Propose a committee motion": "Propor uma moção de comissão",
+  "Propose a council motion": "Propor uma moção de conselho",
+  "Propose external": "Propor externo",
+  "Propose external (majority)": "Propor externo (maioria)",
+  "Propose motion": "Propor moção",
+  "Propose tip": "Propor gorjeta",
+  "Provide judgement": "Fornecer julgamento",
+  "Provide the account QR from the module/external application for scanning. Once detected as valid, you will be taken to the next step to add the account to your list.": "Forneça o QR da conta no módulo/aplicativo externo para digitalização. Se for detectado como válido, você será levado para a próxima etapa para adicionar a conta à sua lista.",
+  "RPC calls": "Chamadas RPC",
+  "Random": "Aleatória",
+  "Raw seed": "Semente bruta",
+  "Raw storage": "Armazenamento bruto",
+  "Reasonable": "Razoável",
+  "Reassign": "Reatribuir",
+  "Redeem": "Resgatar",
+  "Register": "Registro",
+  "Register Asset": "Registrar ativo",
+  "Register a parachain": "Registrar uma parachain",
+  "Register an Asset": "Registrar um ativo",
+  "Register identity": "Registrar identidade",
+  "Register the vote for or against the proposal.": "Registre a votação a favor ou contra a proposta.",
+  "Rejection proposal to council": "Proposta de rejeição ao conselho",
+  "Rejections": "Rejeições",
+  "Remove": "Retirar",
+  "Remove ABI": "Remover ABI",
+  "Remove item": "Remover item",
+  "Reset": "Redefinir",
+  "Restore": "Restaurar",
+  "Restore JSON": "Restaurar JSON",
+  "Retrieving data": "Recuperando dados",
+  "Retrieving info for all applicable eras, this will take some time": "Recuperando informações para todas as eras aplicáveis, isso levará algum tempo",
+  "Revert": "Reverter",
+  "Revert pending slashes": "Reverter punições pendentes",
+  "Rewards (once paid) can be deposited to either the stash or controller, with different effects.": "Recompensas (uma vez pagas) podem ser depositadas no estoque ou no controlador, com efeitos diferentes.",
+  "Save": "Salve",
+  "Save & Reload": "Salvar e recarregar",
+  "Save snippet to local storage": "Salvar snippet no armazenamento local",
+  "Save the type definitions for your custom structures as key-value pairs in a valid JSON file. The key should be the name of your custom structure and the value an object containing your type definitions.": "Salve as definições de tipo para suas estruturas personalizadas como pares de valor-chave em um arquivo JSON válido. A chave deve ser o nome da sua estrutura personalizada e o valor de um objeto que contém suas definições de tipo.",
+  "Save this backup file in a secure location. Additionally, the password associated with this account is needed together with this backup file in order to restore your account.": "Salve este arquivo de backup em um local seguro. Além disso, a senha associada a esta conta é necessária junto com este arquivo de backup para restaurar sua conta.",
+  "Saved": "Salvou",
+  "Scan Signature Qr": "Digitalizar código QR de Assinatura",
+  "Scan the QR code with your QR scanner. Once approved, you will be required to present the signed QR back to the UI for submission.": "Digitalize o código QR com o seu scanner QR. Depois de aprovado, você deverá apresentar o QR assinado de volta à interface do usuário para envio.",
+  "Search for": "Procurar por",
+  "Second": "Segundo",
+  "Second proposal": "Segunda proposta",
+  "Seconding a proposal that indicates your backing for the proposal. Proposals with greater interest moves up the queue for potential next referendums.": "Destacando uma proposta que indica seu apoio à proposta. As propostas com maior interesse aumentam a fila para possíveis próximos referendos.",
+  "Seconds ({{count}})": "Segundos ({{count}})",
+  "Select Network": "Selecione rede",
+  "Select a contact or paste the address you want to send funds to.": "Selecione um contato ou cole o endereço para o qual deseja enviar fundos.",
+  "Select and order council candidates you wish to vote for.": "Selecione e ordene os candidatos a conselho nos quais deseja votar.",
+  "Select best": "Selecione melhor",
+  "Select example": "Selecione exemplo",
+  "Select targets manually (no auto-selection based on current profitability)": "Selecione destinos manualmente (sem seleção automática com base na rentabilidade atual)",
+  "Select the JSON key file that was downloaded when you created the account. This JSON file contains your private key encrypted with your password.": "Selecione o arquivo de chave JSON que foi baixado quando você criou a conta. Este arquivo JSON contém sua chave privada criptografada com sua senha.",
+  "Select the account to use for this action.": "Selecione a conta a ser usada para esta ação.",
+  "Select the account you wish close the proposal with.": "Selecione a conta com a qual você deseja fechar a proposta.",
+  "Select the account you wish to make the proposal with.": "Selecione a conta com a qual você deseja fazer a proposta.",
+  "Select the account you wish to recover into this account.": "Selecione a conta que você deseja recuperar nesta conta.",
+  "Select the account you wish to second with. This will lock your funds until the proposal is either approved or rejected": "Selecione a conta que deseja destacar. Isso bloqueará seus fundos até que a proposta seja aprovada ou rejeitada",
+  "Select the account you wish to submit for candidacy.": "Selecione a conta que você deseja enviar para a candidatura.",
+  "Select the account you wish to submit the proposal from.": "Selecione a conta da qual você deseja enviar a proposta.",
+  "Select the account you wish to submit the tip from.": "Selecione a conta da qual deseja enviar a gorjeta.",
+  "Select the account you wish to vote with. You can approve \"aye\" or deny \"nay\" the proposal.": "Selecione a conta na qual deseja votar. Você pode aprovar \"sim\" ou negar \"não\" a proposta.",
+  "Select the council account you wish to use to make the proposal.": "Selecione a conta do conselho que você deseja usar para fazer a proposta.",
+  "Select the remote endpoint, either from the dropdown on manual entered via the custom toggle": "Selecione o endereço remoto, no menu suspenso no manual inserido pela alternância personalizada",
+  "Send funds": "Enviar fundos",
+  "Send funds from this account": "Enviar fundos desta conta",
+  "Send funds to this address": "Enviar fundos para este endereço",
+  "Send to council": "Enviar para o conselho",
+  "Sending transaction": "Enviando transação",
+  "Session Key": "Chave da sessão",
+  "Set Identity": "Definir identidade",
+  "Set Session Key": "Definir chave da sessão",
+  "Set controller": "Definir controlador",
+  "Set nominees": "Definir candidatos",
+  "Set on-chain identity": "Definir identidade na cadeia",
+  "Set reward destination": "Definir destino da recompensa",
+  "Set sudo key": "Definir \"sudo key\"",
+  "Set to 0 to make transaction immortal": "Defina como 0 para tornar a transação imortal",
+  "Set validator preferences": "Definir preferências do validador",
+  "Setup Nominator {{step}}/{{NUM_STEPS}}": "Configurar Nominador {{step}}/{{NUM_STEPS}}",
+  "Setup Validator {{step}}/{{NUM_STEPS}}": "Configurar Validador {{step}}/{{NUM_STEPS}}",
+  "Setup account as recoverable": "Configurar conta como recuperável",
+  "Should the search be case sensitive, e.g if you select \"no\" your search for \"Some\" may return addresses containing \"somE\" or \"sOme\"...": "Caso a pesquisa faça distinção entre maiúsculas e minúsculas, por exemplo, se você selecionar \"não\", sua pesquisa por \"Algum\" poderá retornar endereços contendo \"alguM\" ou \"alguUm\" ...",
+  "Show address on hardware device": "Mostrar endereço no dispositivo de hardware",
+  "Sign (no submission)": "Assinar (sem envio)",
+  "Sign and Submit": "Assinar e envie",
+  "Sign for multisig": "Assinar para multi-assinatura",
+  "Sign message": "Assinar mensagem",
+  "Sign via Qr": "Assinar via QR",
+  "Sign via {{hardwareType}}": "Assinar via {{hardwareType}}",
+  "Signed transaction": "Transação assinada",
+  "Since the multisig function like any other account, once created it is available for selection anywhere accounts are used and needs to be funded before use.": "Como a multi-assinatura funciona como qualquer outra conta, uma vez criada, está disponível para seleção em qualquer lugar em que as contas sejam usadas e precisam ser financiadas antes do uso.",
+  "Since this transaction deals with funding, the stash account will be used.": "Como esta transação lida com financiamento, a conta de reserva será usada.",
+  "Skeptics": "Céticos",
+  "Society": "Sociedade",
+  "Society overview": "Visão geral da sociedade",
+  "Specify the user account to use for this contract call. And fees will be deducted from this account.": "Especifique a conta de usuário a ser usada para esta chamada de contrato. E as taxas serão deduzidas desta conta.",
+  "Specify the user account to use for this deployment. And fees will be deducted from this account.": "Especifique a conta de usuário a ser usada para esta implantação. E as taxas serão deduzidas desta conta.",
+  "Specify the user account to use for this deployment. Any fees will be deducted from this account.": "Especifique a conta de usuário a ser usada para esta implantação. Quaisquer taxas serão deduzidas desta conta.",
+  "Staking overview": "Visão geral de participação",
+  "Start generation": "Iniciar gerador",
+  "Start recovery": "Iniciar a recuperação",
+  "Stash": "Reserva",
+  "Stop": "Pare",
+  "Stop generation": "Parar gerador",
+  "Storage": "Armazenamento",
+  "Submit": "Enviar",
+  "Submit (no signature)": "Enviar (sem assinatura)",
+  "Submit RPC call": "Enviar chamada RPC",
+  "Submit Sudo": "Enviar Sudo",
+  "Submit Transaction": "Enviar transação",
+  "Submit Unsigned": "Enviar não assinado",
+  "Submit candidacy": "Enviar candidatura",
+  "Submit key": "Enviar chave",
+  "Submit preimage": "Enviar pré-imagem",
+  "Submit proposal": "Enviar proposta",
+  "Submit signed extrinsic": "Enviar extrínseco assinado",
+  "Submit tip": "Enviar gorjeta",
+  "Submit tip endorsement": "Enviar endosso de gorjeta",
+  "Submit tip request": "Enviar solicitação de gorjeta",
+  "Submit treasury proposal": "Enviar proposta de tesouraria",
+  "Submit your council candidacy": "Envie sua candidatura ao conselho",
+  "Sudo access": "Sudo access",
+  "Sudo key": "\"Sudo key\"",
+  "Supply a backed-up JSON file, encrypted with your account-specific password.": "Forneça um arquivo JSON de backup, criptografado com a senha específica da sua conta.",
+  "Targets": "Alvos",
+  "Tech. committee": "Comitê técnico",
+  "Technical committee": "Comitê técnico",
+  "Test account": "Conta de teste",
+  "The ABI for the WASM code. In this step it is optional, but setting it here simplifies the setup of contract instances.": "A ABI do código WASM. Nesta etapa, é opcional, mas a configuração aqui simplifica a configuração das instâncias do contrato.",
+  "The ABI for the WASM code. Since we will be making a call into the code, the ABI is required and stored for future operations such as sending messages.": "A ABI do código WASM. Como faremos uma chamada para o código, a ABI é necessária e armazenada para operações futuras, como o envio de mensagens.",
+  "The Ethereum address you used during the pre-sale (starting by \"0x\")": "O endereço do Ethereum que você usou durante a pré-venda (começando por \"0x\")",
+  "The RPC node can be selected from the pre-defined list or manually entered, depending on the chain you wish to connect to.": "O nó RPC pode ser selecionado da lista predefinida ou inserido manualmente, dependendo da cadeia à qual você deseja se conectar.",
+  "The Threshold must be a positive number": "O mínimo deve ser um número positivo",
+  "The Threshold must lower than 11": "O mínimo deve ser menor que 11",
+  "The UI puts a limit of 40 payouts at a time, where each payout is a single validator for a single era.": "A interface do usuário coloca um limite de 40 pagamentos por vez, em que cada pagamento é um validador único para uma única era.",
+  "The account password as specified when creating the account. This is used to encrypt the backup file and subsequently decrypt it when restoring the account.": "A senha da conta, conforme especificado ao criar a conta. Isso é usado para criptografar o arquivo de backup e, posteriormente, descriptografá-lo ao restaurar a conta.",
+  "The account that signed the input": "A conta que assinou a entrada",
+  "The account to which the proposed balance will be transferred if approved": "A conta para a qual o saldo proposto será transferido se aprovado",
+  "The account to which the tip will be transferred if approved": "A conta para a qual a gorjeta será transferida se aprovada",
+  "The account you want to claim to.": "A conta que você deseja reivindicar.",
+  "The account you want to register the preimage from": "A conta da qual você deseja registrar a pré-imagem",
+  "The account you want to register the proposal from": "A conta da qual você deseja registrar a proposta",
+  "The account you will send funds from.": "A conta da qual você enviará fundos.",
+  "The account's password specified at the creation of this account.": "A senha da conta especificada na criação desta conta.",
+  "The actual JSONRPC module and function to make a call to.": "O módulo JSONRPC e a função reais para os quais fazer uma chamada.",
+  "The actual proposal to make, based on the selected call and parameters thereof.": "A proposta real a ser feita, com base na chamada selecionada e em seus parâmetros.",
+  "The address for the deployed contract instance.": "O endereço da instância do contrato implantado.",
+  "The address to vote from (must be a member)": "O endereço para votar (deve ser um membro)",
+  "The addresses that are able to approve multisig transactions. You can select up to {{maxHelpers}} trusted addresses.": "Os endereços que podem aprovar transações multi-assinatura. Você pode selecionar até {{maxHelpers}} endereços confiáveis.",
+  "The addresses that are able to help in recovery. You can select up to {{maxHelpers}} trusted helpers.": "Os endereços que podem ajudar na recuperação. Você pode selecionar até {{maxHelpers}} auxiliares de confiança.",
+  "The allotted endowment for this contract, i.e. the amount transferred to the contract upon instantiation.": "A doação alocada para este contrato, ou seja, o valor transferido para o contrato na instanciação.",
+  "The allotted value for this contract, i.e. the amount transferred to the contract as part of this call.": "O valor alocado para este contrato, ou seja, o valor transferido para o contrato como parte desta chamada.",
+  "The amount of funds to unbond, this is adjusted using the bonded funds on the stash account.": "A quantia de fundos a ser desvinculada, é ajustada usando os fundos vinculados na conta reserva.",
+  "The amount placed at-stake should be no more that 95% of your available amount to protect against slashing events.": "O valor colocado em jogo não deve exceder 95% do valor disponível para proteger contra eventos de corte.",
+  "The amount that is associated with this vote. This value is is locked for the duration of the vote.": "A quantia associada a este voto. Este valor está bloqueado durante a votação.",
+  "The amount that will be allocated from the treasury pot": "A quantia que será alocada do pote do tesouro",
+  "The amount that will be used on a per-validator basis to calculate profits for that validator.": "O valor que será usado por validador para calcular lucros para esse validador.",
+  "The amount this total can be reduced by to change the referendum outcome. This assumes changes to the convictions of the existing votes, with no additional turnout.": "O valor desse total pode ser reduzido para alterar o resultado do referendo. Isso pressupõe alterações nas convicções dos votos existentes, sem participação adicional.",
+  "The amount this total should be increased by to change the referendum outcome. This assumes additional turnout with new votes at 1x conviction.": "A quantidade desse total deve ser aumentada para alterar o resultado do referendo. Isso pressupõe participação adicional com novos votos com uma condenação 1x.",
+  "The associated deposit for this proposal should be more then the minimum on-chain deposit required. It will be locked until the proposal passes.": "O depósito associado a esta proposta deve ser superior ao depósito mínimo exigido na cadeia. Ele ficará bloqueado até que a proposta seja aprovada.",
+  "The auto-selection is done on the current profitability of the validators taking your favorites into account. It is adjusted based on the commission and current range of backing for the validator. The calculation may and will change over time, so it is rather a selection based on the current state of the network, not a predictor of future profitability.": "A seleção automática é feita com base na rentabilidade atual dos validadores, levando em consideração seus favoritos. É ajustado com base na comissão e na faixa atual de apoio do validador. O cálculo pode e irá mudar ao longo do tempo; portanto, é uma seleção baseada no estado atual da rede, não um preditor de lucratividade futura.",
+  "The balance associated with the vote will be locked as per the conviction specified and will not be available for transfer during this period.": "O saldo associado à votação será bloqueado de acordo com a condenação especificada e não estará disponível para transferência durante esse período.",
+  "The beneficiary will have access to the transferred fees when the transaction is included in a block.": "O beneficiário terá acesso às taxas transferidas quando a transação for incluída em um bloco.",
+  "The beneficiary will receive the full amount if the proposal passes.": "O beneficiário receberá o valor total se a proposta for aprovada.",
+  "The beneficiary will received the tip as approved by council members.": "O beneficiário receberá a gorjeta conforme aprovado pelos membros do conselho.",
+  "The blake2b 256-bit hash of the actual input data.": "O hash blake2b de 256 bits dos dados reais de entrada.",
+  "The bonding duration for any staked funds. After this period needs to be withdrawn.": "A duração do vínculo para quaisquer fundos em participação. Após esse período, é necessário retirar.",
+  "The bonding duration for any staked funds. Needs to be unlocked and withdrawn to become available.": "A duração do vínculo para quaisquer fundos em participação. Precisa ser desbloqueado e retirado para ficar disponível.",
+  "The call hashes that have not been executed as of yet.": "Os hashes de chamada que ainda não foram executados.",
+  "The code hash for the on-chain deployed code.": "O hash de código para o código implantado na cadeia.",
+  "The code is not recognized as being in valid WASM format": "O código não é reconhecido como estando no formato WASM válido",
+  "The codeHash is not a valid hex hash": "O codeHash não é um hash hex válido",
+  "The color used to distinguish this network with others, use color code with 3 or 6 digits, like \"#FFF\" or \"#111111\"": "A cor usada para distinguir esta rede de outras pessoas, use código de cores com 3 ou 6 dígitos, como \"#FFF\" ou \"#111111\"",
+  "The commission is deducted from all rewards before the remainder is split with nominators.": "A comissão é deduzida de todas as recompensas antes que o restante seja dividido com os nominadores.",
+  "The committee account that will apply the close for the current round.": "A conta do comitê que aplicará o fechamento da rodada atual.",
+  "The compiled WASM for the contract that you wish to deploy. Each unique code blob will be attached with a code hash that can be used to create new instances.": "O WASM compilado para o contrato que você deseja implantar. Cada blob de código exclusivo será anexado com um hash de código que pode ser usado para criar novas instâncias.",
+  "The compiled runtime WASM for the parachain you wish to register.": "O WASM de tempo de execução compilado para a parachain que você deseja registrar.",
+  "The compiled runtime WASM for this parachain.": "O tempo de execução compilado WASM para essa parachain.",
+  "The contract WASM previously deployed. Internally this is identified by the hash of the code, as either created or attached.": "O contrato WASM implementado anteriormente. Internamente, isso é identificado pelo hash do código, como criado ou anexado.",
+  "The controller is the account that is be used to control any nominating or validating actions. I will sign this transaction.": "O controlador é a conta que deve ser usada para controlar quaisquer ações de nomeação ou validação. Eu assinarei esta transação.",
+  "The controller is the account that will be used to control any nominating or validating actions. Should not match another stash or controller.": "O controlador é a conta que será usada para controlar quaisquer ações de nomeação ou validação. Não deve corresponder a outro esconderijo ou controlador.",
+  "The conviction to use for this vote, with an appropriate lock period.": "A condenação de usar para esta votação, com um período de bloqueio apropriado.",
+  "The council account for the proposal. The selection is filtered by the current members.": "O conselho responde pela proposta. A seleção é filtrada pelos membros atuais.",
+  "The council account for this vote. The selection is filtered by the current members.": "O conselho responde por esta votação. A seleção é filtrada pelos membros atuais.",
+  "The council account that will apply the close for the current round.": "A conta do conselho que aplicará o fechamento da rodada atual.",
+  "The council member that is proposing this, submission equates to an \"aye\" vote.": "O membro do conselho que está propondo isso, a submissão equivale a um voto \"sim\".",
+  "The council proposal to make the vote on": "A proposta do conselho de votar",
+  "The data that was signed. This is used in combination with the signature for the verification. It can either be hex or a string.": "Os dados que foram assinados. Isso é usado em combinação com a assinatura para a verificação. Pode ser hexadecimal ou string.",
+  "The delay between vouching and the availability of the recovered account.": "O atraso entre o comprovante e a disponibilidade da conta recuperada.",
+  "The delay period to apply in blocks": "O período de atraso a aplicar em blocos",
+  "The deployment constructor information for this contract, as provided by the ABI.": "As informações do construtor de implantação deste contrato, conforme fornecidas pela ABI.",
+  "The deposit is below the {{minimum}} minimum required for the proposal to be evaluated": "O depósito está abaixo do mínimo exigido para que a proposta seja avaliada",
+  "The deposit of {{deposit}} will be reserved until the proposal is completed": "O depósito de {{deposit}} será reservado até que a proposta seja concluída",
+  "The derivation path allows you to create different accounts from the same base mnemonic.": "O caminho da derivação permite criar contas diferentes da mesma base mnemônica.",
+  "The desired threshold. Here set to a default of 50%+1, as applicable for general proposals.": "O mínimo desejado. Defina aqui o padrão de 50% + 1, conforme aplicável a propostas gerais.",
+  "The destination account for any payments as either a nominator or validator": "A conta de destino para qualquer pagamento como nomeador ou validador",
+  "The details of the transaction including the type, the description (as available from the chain metadata) as well as any parameters and fee estimations (as available) for the specific type of call.": "Os detalhes da transação, incluindo o tipo, a descrição (conforme disponível nos metadados da cadeia), bem como quaisquer parâmetros e estimativas de taxa (conforme disponíveis) para o tipo específico de chamada.",
+  "The email address associated with this identity.": "O endereço de email associado a esta identidade.",
+  "The existing account password as specified when this account was created or when it was last changed.": "A senha da conta existente, conforme especificado quando esta conta foi criada ou quando foi alterada pela última vez.",
+  "The external proposal to send to the technical committee": "A proposta externa a ser enviada ao comitê técnico",
+  "The final recipient balance is less or equal to {{existentialDeposit}} (the existential amount) and will not be reflected": "O saldo do destinatário final é menor ou igual a {{existentialDeposit}} (o valor existencial) e não será refletido",
+  "The funds will only be available for withdrawal after the unbonding period, however will not be part of the staked amount after the next validator election. You can follow the unlock countdown in the UI.": "Os fundos só estarão disponíveis para retirada após o período de desvínculo, no entanto, não farão parte do valor em participação após a próxima eleição do validador. Você pode acompanhar a contagem regressiva de desbloqueio na interface do usuário.",
+  "The hash for the proposal this vote applies to": "O hash da proposta a que esta votação se aplica",
+  "The hash of the preimage for the proposal as previously submitted or intended.": "O hash da pré-imagem da proposta como enviado ou pretendido anteriormente.",
+  "The hash of the proposal image, either already submitted or valid for the specific call.": "O hash da imagem da proposta, já enviado ou válido para a chamada específica.",
+  "The hash of the selected proposal, use it for submitting the proposal": "O hash da proposta selecionada, use-o para enviar a proposta",
+  "The helpers should be able to verify, via an off-chain mechanism, that the account owner indeed wishes to recover access and as such provide any approvals. In the cases of malicious recovery procedures, they will have the power to stop it.": "Os auxiliares devem poder verificar, através de um mecanismo fora da cadeia, se o proprietário da conta deseja realmente recuperar o acesso e, como tal, fornecer quaisquer aprovações. Nos casos de procedimentos de recuperação mal-intencionados, eles poderão detê-lo.",
+  "The hex output from author_rotateKeys, as executed on the validator node. The keys will show as pending until applied at the start of a new session.": "A saída hexadecimal de author_rotateKeys, conforme executada no nó do validador. As teclas serão exibidas como pendentes até serem aplicadas no início de uma nova sessão.",
+  "The id number to assign to this parachain.": "O número de identificação a ser atribuído a esta parachain.",
+  "The id of the parachain to be deregistered.": "O ID da parachain a ser cancelado o registro.",
+  "The image (proposal) will be stored on-chain against the hash of the contents.": "A imagem (proposta) será armazenada na cadeia contra o hash do conteúdo.",
+  "The initial head state for the parachain.": "O estado inicial da parachain.",
+  "The initial head state is invalid.": "O estado inicial do cabeçalho é inválido.",
+  "The input data to hash. This can be either specified as a hex value (0x-prefix) or as a string.": "Os dados de entrada para o hash. Isso pode ser especificado como um valor hexadecimal (prefixo 0x) ou como uma sequência.",
+  "The input data to sign. This can be either specified as a hex value (0x-prefix) or as a string.": "Os dados de entrada para assinar. Isso pode ser especificado como um valor hexadecimal (prefixo 0x) ou como uma sequência.",
+  "The key type and crypto type to use for this key. Be aware that different keys have different crypto requirements. You should be familiar with the type requirements for the different keys.": "O tipo de chave e o tipo de criptografia a serem usados para essa chave. Esteja ciente de que chaves diferentes têm requisitos de criptografia diferentes. Você deve estar familiarizado com os requisitos de tipo para as diferentes chaves.",
+  "The legal name for this identity.": "O nome legal para esta identidade.",
+  "The local name for this account. Changing this does not affect your on-line identity, so this is only used to indicate the name of the account locally.": "O nome local desta conta. Alterar isso não afeta sua identidade on-line, portanto, isso é usado apenas para indicar o nome da conta localmente.",
+  "The locked value for this proposal": "O valor bloqueado para esta proposta",
+  "The maximum amount of gas that can be used by this call. If the code requires more, the call will fail.": "A quantidade máxima de gás que pode ser usada por esta chamada. Se o código exigir mais, a chamada falhará.",
+  "The maximum amount of gas that can be used by this deployment, if the code requires more, the deployment will fail.": "A quantidade máxima de gás que pode ser usada por esta implantação, se o código exigir mais, a implantação falhará.",
+  "The maximum amount of gas to use for this contract call. If the call requires more, it will fail.": "A quantidade máxima de gás a ser usada para esta chamada de contrato. Se a chamada exigir mais, ela falhará.",
+  "The message to send to this contract. Parameters are adjusted based on the ABI provided.": "A mensagem a ser enviada para este contrato. Os parâmetros são ajustados com base na ABI fornecida.",
+  "The minimum amount that an account should have to be deemed active": "O valor mínimo que uma conta deve ter para ser considerada ativa",
+  "The minimum amount that will be bonded": "O valor mínimo que será vinculado",
+  "The minimum deposit required": "O depósito mínimo exigido",
+  "The minimum number of committee votes required to approve this motion": "O número mínimo de votos do comitê necessário para aprovar esta moção",
+  "The minimum number of council votes required to approve this motion": "O número mínimo de votos do conselho necessário para aprovar esta moção",
+  "The multisig signatory for this transaction.": "O signatário multi-assinatura para esta transação.",
+  "The name for this account and how it will appear under your addresses. With an on-chain identity, it can be made available to others.": "O nome desta conta e como ela aparecerá em seus endereços. Com uma identidade on-chain, pode ser disponibilizada para outras pessoas.",
+  "The name is for unique identification of the account in your owner lists.": "O nome é para identificação exclusiva da conta nas suas listas de proprietários.",
+  "The name that will be displayed in your accounts list.": "O nome que será exibido na sua lista de contas.",
+  "The new account password. Once set, all future account unlocks will be performed with this new password.": "A nova senha da conta. Depois de definido, todos os futuros desbloqueios de conta serão executados com essa nova senha.",
+  "The on-chain percentage for the treasury": "A porcentagem na cadeia para o tesouro",
+  "The password and password confirmation for this account. This is required to authenticate any transactions made and to encrypt the keypair.": "A senha e a confirmação da senha desta conta. Isso é necessário para autenticar todas as transações realizadas e criptografar o par de chaves.",
+  "The password previously used to encrypt this account.": "A senha usada anteriormente para criptografar esta conta.",
+  "The password to unlock the selected account.": "A senha para desbloquear a conta selecionada.",
+  "The percentage reward (0-100) that should be applied for the validator": "A porcentagem de recompensa (0 a 100) que deve ser aplicada ao validador",
+  "The preimage hash of the proposal": "O hash de pré-imagem da proposta",
+  "The private key for your account is derived from this seed. This seed must be kept secret as anyone in its possession has access to the funds of this account. If you validate, use the seed of the session account as the \"--key\" parameter of your node.": "A chave privada da sua conta é derivada dessa semente. Essa semente deve ser mantida em segredo, pois qualquer pessoa em seu poder tem acesso aos fundos desta conta. Se você validar, use a semente da conta da sessão como o parâmetro \"- chave\" do seu nó.",
+  "The proposal is in the queue for future referendums. One proposal from this list will move forward to voting.": "A proposta está na fila para futuros referendos. Uma proposta desta lista avançará para a votação.",
+  "The proposal that is being voted on. It will pass when the threshold is reached.": "A proposta que está sendo votada. Passará quando o mínimo for alcançado.",
+  "The proposal that will be affected. Once closed for the current voting round, it would need to be re-submitted for a subsequent voting round.": "A proposta que será afetada. Uma vez fechado para a atual rodada de votação, ele precisará ser reenviado para uma rodada de votação subsequente.",
+  "The proposal that will be affected. Once closed for the current voting round, it would need to be re-submitted to council for a subsequent voting round.": "A proposta que será afetada. Uma vez fechado para a atual rodada de votação, ele precisará ser reenviado ao conselho para uma próxima rodada de votação.",
+  "The proposal will be registered from this account and the balance lock will be applied here.": "A proposta será registrada nesta conta e o bloqueio do saldo será aplicado aqui.",
+  "The reason why this tip should be paid.": "A razão pela qual esta gorjeta deve ser paga.",
+  "The recoverable account is protected against the loss of seed/access by a social process.": "A conta recuperável é protegida contra a perda de semente/acesso por um processo social.",
+  "The resulting signature of the input data, as done with the crypto algorithm from the account. (This could be non-deterministic for some types such as sr25519).": "A assinatura resultante dos dados de entrada, como feita com o algoritmo de criptografia da conta. (Isso pode ser não determinístico para alguns tipos, como sr25519).",
+  "The scheduling preference for this parachain.": "A preferência de agendamento para esta parachain.",
+  "The scheduling setting for this parachain.": "A configuração de agendamento para esta parachain.",
+  "The secret seed value for this account. Ensure that you keep this in a safe place, with access to the seed you can re-create the account.": "O valor secreto da semente para esta conta. Certifique-se de manter isso em um local seguro. Com acesso à semente, você pode recriar a conta.",
+  "The seed and derivation path will be submitted to the validator node. this is an advanced operation, only to be performed when you are sure of the security and connection risks.": "O caminho de origem e derivação será enviado ao nó do validador. esta é uma operação avançada, a ser executada apenas quando você tiver certeza dos riscos de segurança e conexão.",
+  "The selected account to be unlocked.": "A conta selecionada a ser desbloqueada.",
+  "The selected account to perform the derivation on.": "A conta selecionada para executar a derivação.",
+  "The selected controller tied to this stash. Once set, this account will be able to control the actions performed by the stash account.": "O controlador selecionado vinculado a este esconderijo. Depois de definida, esta conta poderá controlar as ações executadas pela conta reserva.",
+  "The selected validators to nominate, either via the \"currently best algorithm\" or via a manual selection.": "Os validadores selecionados para nomear, através do \"atualmente melhor algoritmo\" ou através de uma seleção manual.",
+  "The sending account that will be used to send this transaction. Any applicable fees will be paid by this account.": "A conta de envio que será usada para enviar esta transação. Quaisquer taxas aplicáveis serão pagas por esta conta.",
+  "The signatories has the ability to create transactions using the multisig and approve transactions sent by others. Once the threshold is reached with approvals, the multisig transaction is enacted on-chain.": "Os signatários têm a capacidade de criar transações usando multi-assinatura e aprovar transações enviadas por outras pessoas. Depois que o número mínimo de aprovações é atingido, a transação multi-assinatura é aprovada na cadeia.",
+  "The signatory is one of the allowed accounts on the multisig, making a recorded approval for the transaction.": "O signatário é uma das contas permitidas na multi-assinatura, fazendo uma aprovação registrada para a transação.",
+  "The signatory is one of the allowed accounts on the multisig. The transaction could either be the call or an approval for the hash of a call.": "O signatário é uma das contas permitidas na multi-assinatura. A transação pode ser a chamada ou uma aprovação para o hash de uma chamada.",
+  "The signatory to send the approval/cancel from": "O signatário para enviar a aprovação/cancelar de",
+  "The signature as by the account being checked, supplied as a hex-formatted string.": "A assinatura conforme a conta está sendo verificada, fornecida como uma sequência de caracteres no formato hexadecimal.",
+  "The specific eras on which there are unapplied slashes. For each era a separate proposal is to be made.": "As épocas específicas nas quais existem punições não aplicadas. Para cada época, uma proposta separada deve ser feita.",
+  "The specified value is greater than your free balance. The node will bond the maximum amount available.": "O valor especificado é maior que seu saldo livre. O nó vinculará a quantidade máxima disponível.",
+  "The stash account that is used. This will allow the controller to perform all non-funds related operations on behalf of the account.": "A conta reserva usada. Isso permitirá que o controlador realize todas as operações não relacionadas a fundos em nome da conta.",
+  "The stash and controller pair as linked. This operation will be performed via the controller.": "O par de reserva e controlador como vinculados. Esta operação será realizada através do controlador.",
+  "The stash and controller pair, here the controller will be used to send the transaction.": "O par de reserva e controlador, aqui o controlador será usado para enviar a transação.",
+  "The stash and controller pair. This transaction, managing preferences, will be sent from the controller.": "O par de reserva e controlador. Esta transação, gerenciando preferências, será enviada do controlador.",
+  "The stash and controller pair. This transaction, setting the session keys, will be sent from the controller.": "O par de reserva e controlador. Esta transação, configurando as chaves da sessão, será enviada do controlador.",
+  "The stash that is to be affected. The transaction will be sent from the associated controller account.": "A reserva que deve ser afetado. A transação será enviada da conta do controlador associada.",
+  "The suggested value for this tip": "O valor sugerido para esta gorjeta",
+  "The threshold for approval should be less or equal to the number of signatories for this multisig.": "O mínimo para aprovação deve ser menor ou igual ao número de signatários dessa multi-assinatura.",
+  "The threshold for approvals and the delay is the protection associated with the account. The delay should be such that any colluding recovery attempts does have a window to stop.": "O mínimo para aprovações e o atraso é a proteção associada à conta. O atraso deve ser tal que qualquer tentativa de recuperação conivente tenha uma janela para parar.",
+  "The threshold for this multisig": "O mínimo para esta multi-assinatura",
+  "The threshold of vouches that is to be reached for the account to be recovered.": "O mínimo de atestados que deve ser alcançado para que a conta seja recuperada.",
+  "The tip amount that should be allocated": "O valor da gorjeta que deve ser alocado",
+  "The total amount of the stash balance that will be at stake in any forthcoming rounds (should be less than the free amount available)": "O valor total do saldo reserva que estará em jogo nas próximas rodadas (deve ser menor que o valor livre disponível)",
+  "The total amount of the stash balance that will be at stake in any forthcoming rounds (should be less than the total amount available)": "O valor total do saldo reserva que estará em jogo nas próximas rodadas (deve ser menor que o valor total disponível)",
+  "The transferred balance will be subtracted (along with fees) from the sender account.": "O saldo transferido será subtraído (juntamente com as taxas) da conta do remetente.",
+  "The twitter name for this identity.": "O nome do twitter para esta identidade.",
+  "The type of council proposal to submit.": "O tipo de proposta do conselho a ser submetida.",
+  "The unapplied slashed era to cancel.": "A era de punição não aplicada para cancelar.",
+  "The unchecked weight as specified for the sudoUncheckedWeight call.": "O peso não verificado, conforme especificado para a chamada \"sudoUncheckedWeight\".",
+  "The value associated with this vote. The amount will be locked (not available for transfer) and used in all subsequent elections.": "O valor associado a este voto. O valor será bloqueado (não disponível para transferência) e usado em todas as eleições subsequentes.",
+  "The value is not in a valid address format": "O valor não está em um formato de endereço válido",
+  "The value is the amount that is being asked for and that will be allocated to the beneficiary if the proposal is approved.": "O valor é o valor solicitado e será atribuído ao beneficiário se a proposta for aprovada.",
+  "The vote to record for this proposal, either for or against.": "A votação para registrar nesta proposta, a favor ou contra.",
+  "The vote will be recorded for the selected account.": "O voto será registrado na conta selecionada.",
+  "The vote will be recorded for this account. If another account delegated to this one, the delegated votes will also be counted.": "O voto será registrado nesta conta. Se outra conta delegada a esta, os votos delegados também serão contados.",
+  "The votes for the members, runner-ups and candidates. These should be ordered based on your priority.": "Os votos para os membros, finalistas e candidatos. Eles devem ser pedidos com base na sua prioridade.",
+  "The voting period to apply in blocks": "O período de votação a aplicar em blocos",
+  "There are no registered parachains": "Não há parachains registradas",
+  "There is currently an ongoing election for new validator candidates. As such staking operations are not permitted.": "Atualmente, há uma eleição em andamento para novos candidatos ao validador. Como tais operações de participação não são permitidas.",
+  "These are trusted individuals that can verify and approve any recovery actions. With recovery, once the threshold is reached, the funds associated with the account can be moved to a new destination.": "São indivíduos confiáveis que podem verificar e aprovar qualquer ação de recuperação. Com a recuperação, uma vez atingido o mínimo, os fundos associados à conta podem ser movidos para um novo destino.",
+  "Think of the stash as your cold wallet and the controller as your hot wallet. Funding operations are controlled by the stash, any other non-funding actions by the controller itself.": "Pense no esconderijo como sua carteira fria e no controlador como sua carteira quente. As operações de financiamento são controladas pelo estoque, quaisquer outras ações que não sejam de financiamento pelo próprio controlador.",
+  "This Ethereum address does not have a claim.": "Este endereço Ethereum não tem uma reivindicação.",
+  "This account is recoverable, with the following friends:": "Esta conta é recuperável, com os seguintes amigos:",
+  "This account that will perform the message signing.": "Esta conta que executará a assinatura da mensagem.",
+  "This account will appear in the list of candidates. With enough votes in an election, it will become either a runner-up or a council member.": "Esta conta aparecerá na lista de candidatos. Com votos suficientes em uma eleição, ele se tornará um vice-campeão ou um membro do conselho.",
+  "This account will be use to approve each candidate.": "Esta conta será usada para aprovar cada candidato.",
+  "This account will make the proposal and be responsible for the bond.": "Esta conta fará a proposta e será responsável pelo vínculo.",
+  "This account will pay the fees for the preimage, based on the size thereof.": "Esta conta pagará as taxas da pré-imagem, com base no tamanho da mesma.",
+  "This could either be an approval for the hash or with full call details. The call as last approval triggers execution.": "Pode ser uma aprovação para o hash ou com detalhes completos da chamada. A chamada como última aprovação aciona a execução.",
+  "This external account cannot be used to sign data. Only Limited support is currently available for signing from any non-internal accounts.": "Esta conta externa não pode ser usada para assinar dados. Atualmente, apenas o suporte limitado está disponível para assinatura em contas não internas.",
+  "This injected account cannot be used to sign data since the extension does not support raw signing.": "Esta conta injetada não pode ser usada para assinar dados, pois a extensão não suporta assinatura bruta.",
+  "This is not a valid JSON object.": "Este não é um objeto JSON válido.",
+  "This operation does not impact the associated on-chain code or any of its contracts.": "Esta operação não afeta o código associado à cadeia ou qualquer um de seus contratos.",
+  "This operation does not remove the history of the account from the chain, nor any associated funds from the account. The forget operation only limits your access to the account on this browser.": "Esta operação não remove o histórico da conta da cadeia, nem quaisquer fundos associados da conta. A operação de esquecer limita apenas o seu acesso à conta neste navegador.",
+  "This operation does not remove the history of the account from the chain, nor any associated funds from the account. The forget operation only limits your access to the address on this browser.": "Esta operação não remove o histórico da conta da cadeia, nem quaisquer fundos associados da conta. A operação de esquecer limita apenas o seu acesso ao endereço neste navegador.",
+  "This operation does not remove the history of the contract from the chain, nor any associated funds from its account. The forget operation only limits your access to the contract on this browser.": "Esta operação não remove o histórico do contrato da cadeia, nem fundos associados da sua conta. A operação de esquecer limita apenas o seu acesso ao contrato neste navegador.",
+  "This operation does not remove the uploaded code WASM and ABI from the chain, nor any deployed contracts. The forget operation only limits your access to the code on this browser.": "Esta operação não remove o código carregado WASM e ABI da cadeia, nem contratos implementados. A operação de esquecer limita apenas o seu acesso ao código neste navegador.",
+  "This operation will submit the seed via an RPC call. Do not perform this operation on a public RPC node, but ensure that the node is local, connected to your validator and secure.": "Esta operação enviará a semente através de uma chamada RPC. Não execute esta operação em um nó RPC público, mas verifique se o nó é local, conectado ao seu validador e seguro.",
+  "This password is used to encrypt your private key. It must be strong and unique! You will need it to sign transactions with this account. You can recover this account using this password together with the backup file (generated in the next step).": "Essa senha é usada para criptografar sua chave privada. Deve ser forte e único! Você precisará assinar transações com esta conta. Você pode recuperar esta conta usando esta senha junto com o arquivo de backup (gerado na próxima etapa).",
+  "This pubic key is what will be visible in your queued keys list. It is generated based on the seed and the crypto used.": "Esta chave pública é o que será visível na sua lista de chaves na fila. É gerado com base na semente e na criptografia usada.",
+  "This will apply to any future use of this account as stored on this browser. Ensure that you securely store this new password and that it is strong and unique to the account.": "Isso se aplicará a qualquer uso futuro desta conta, armazenada neste navegador. Certifique-se de armazenar com segurança essa nova senha e de que ela seja forte e exclusiva para a conta.",
+  "Tip": "Gorjeta",
+  "Tip (optional)": "Gorjeta (opcional)",
+  "To council": "Ao conselho",
+  "To ensure optimal fund security using the same stash/controller is strongly discouraged, but not forbidden.": "Garantir a segurança ideal do fundo usando o mesmo esconderijo/controlador é fortemente desencorajado, mas não proibido.",
+  "Transfer": "Transferir",
+  "Translate": "Traduzir",
+  "Treasury overview": "Visão geral do Tesouro",
+  "Type here what you would like your address to contain. This tool will generate the keys and show the associated addresses that best match your search. You can use \"?\" as a wildcard for a character.": "Digite aqui o que você gostaria que seu endereço contivesse. Essa ferramenta irá gerar as chaves e mostrar os endereços associados que melhor correspondem à sua pesquisa. Você pode usar \"?\" Como curinga para um caracter.",
+  "Type the amount you want to transfer. Note that you can select the unit on the right e.g sending 1 milli is equivalent to sending 0.001.": "Digite o valor que você deseja transferir. Observe que você pode selecionar a unidade à direita, por exemplo, enviar 1 mili é equivalente a enviar 0,001.",
+  "Type the name of this Asset. This name will be used across all the apps. It can be edited later on.": "Digite o nome deste ativo. Este nome será usado em todos os aplicativos. Pode ser editado mais tarde.",
+  "Type the name of your contact. This name will be used across all the apps. It can be edited later on.": "Digite o nome do seu contato. Este nome será usado em todos os aplicativos. Pode ser editado mais tarde.",
+  "Type the password chosen at the account creation. It was used to encrypt your account's private key in the backup file.": "Digite a senha escolhida na criação da conta. Foi usado para criptografar a chave privada da sua conta no arquivo de backup.",
+  "Unable to find deployed contract code at the specified address": "Não foi possível encontrar o código do contrato implantado no endereço especificado",
+  "Unable to find on-chain WASM code for the supplied codeHash": "Não foi possível encontrar o código WASM na cadeia para o codeHash fornecido",
+  "Unbond": "Desvincular",
+  "Unbond funds": "Desvincular fundos",
+  "Unbonding {{value}}": "Desvinculando {{value}}",
+  "Uncaught error. Something went wrong with the query and rendering of this component. {{message}}": "Erro não capturado. Ocorreu um problema com a consulta e a renderização deste componente. {{mensagem}}",
+  "Unit": "Unidade",
+  "Unit decides the name of 1 unit token, e.g. \"DOT\" for Polkadot": "A unidade decide o nome de 1 token de unidade, por exemplo \"DOT\" para Polkadot",
+  "Unknown": "Desconhecido",
+  "Unlock": "Desbloquear",
+  "Unlock account": "Desbloquear a conta",
+  "Unlock the account for signing. Once active the signature will be generated based on the content provided.": "Desbloqueie a conta para assinar. Uma vez ativa, a assinatura será gerada com base no conteúdo fornecido.",
+  "Unlock the sending account to allow signing of this transaction.": "Desbloqueie a conta de envio para permitir a assinatura desta transação.",
+  "Update metadata": "Atualizar metadados",
+  "Updated in the latest block": "Atualizado no último bloco",
+  "Upload": "Envio",
+  "Upload WASM": "Carregar WASM",
+  "Use an automatic selection of the currently most profitable validators": "Use uma seleção automática dos validadores atualmente mais lucrativos",
+  "Use this account to request the tip from. This can be a normal or council account.": "Use esta conta para solicitar a gor. Pode ser uma conta normal ou do conselho.",
+  "Validate": "Validar",
+  "Validator": "Validador",
+  "Validator stats": "Estatísticas do validador",
+  "Vanity generator": "Gerador de endereço personalizado",
+  "Verify signature": "Verificar assinatura",
+  "Verify the password entered above.": "Verifique a senha digitada acima.",
+  "View this externally": "Veja isso externamente",
+  "Vote": "Votar",
+  "Vote Aye": "Vote Sim",
+  "Vote Nay": "Vote Não",
+  "Vote for candidate": "Vote no candidato",
+  "Vote for current candidates": "Vote nos candidatos atuais",
+  "Vote for defender": "Vote no defensor",
+  "Vote on proposal": "Votar na proposta",
+  "Waiting": "Esperando",
+  "Waiting for authorization from the extension. Please open the installed extension and approve or reject access.": "Aguardando autorização da extensão. Abra a extensão instalada e aprove ou rejeite o acesso.",
+  "Waiting nominations ({{count}})": "Aguardando indicações ({{count}})",
+  "Warning: we did not find any attest statement for {{chain}}": "Aviso: não encontramos nenhuma declaração de atestado para {{chain}}",
+  "We found a pre-claim with this Polkadot address. However, attesting requires signing with this account. To continue with attesting, please add this account as an owned account first.": "Encontramos uma pré-reivindicação com este endereço do Polkadot. No entanto, atestar requer assinatura com esta conta. Para continuar com o atestado, adicione esta conta como uma conta própria primeiro.",
+  "We will provide you with a generated backup file after your account is created. As long as you have access to your account you can always download this file later by clicking on \"Backup\" button from the Accounts section.": "Forneceremos um arquivo de backup gerado após a criação da sua conta. Desde que você tenha acesso à sua conta, você sempre poderá fazer o download desse arquivo posteriormente, clicando no botão \"Backup\" na seção Contas.",
+  "When submitting a proposal the hash needs to be known. Proposals can be submitted with hash-only, but upon dispatch the preimage needs to be available.": "Ao enviar uma proposta, o hash precisa ser conhecido. As propostas podem ser enviadas apenas com hash, mas após o envio, a pré-imagem precisa estar disponível.",
+  "Withdraw these unbonded funds": "Retirar esses fundos não vinculados",
+  "Yes": "Sim",
+  "You are about to remove this account from your list of available accounts. Once completed, should you need to access it again, you will have to re-create the account either via seed or via a backup file.": "Você está prestes a remover esta conta da sua lista de contas disponíveis. Depois de concluído, se você precisar acessá-lo novamente, será necessário recriar a conta via semente ou por um arquivo de backup.",
+  "You are about to remove this address from your address book. Once completed, should you need to access it again, you will have to re-add the address.": "Você está prestes a remover este endereço do seu catálogo de endereços. Depois de concluído, se você precisar acessá-lo novamente, precisará adicionar novamente o endereço.",
+  "You are about to remove this code from your list of available code hashes. Once completed, should you need to access it again, you will have to manually add the code hash again.": "Você está prestes a remover este código da sua lista de hashes de código disponíveis. Depois de concluído, se você precisar acessá-lo novamente, será necessário adicionar manualmente o código hash novamente.",
+  "You are about to remove this code's ABI. Once completed, should you need to access it again, you will have to manually re-upload it.": "Você está prestes a remover a ABI deste código. Depois de concluído, se você precisar acessá-lo novamente, precisará enviá-lo novamente manualmente.",
+  "You are about to remove this contract from your list of available contracts. Once completed, should you need to access it again, you will have to manually add the contract's address in the Instantiate tab.": "Você está prestes a remover este contrato da sua lista de contratos disponíveis. Depois de concluído, se você precisar acessá-lo novamente, precisará adicionar manualmente o endereço do contrato na guia Instanciar.",
+  "You are connecting from a secure location to an insecure WebSocket ({{wsUrl}}). Due to browser mixed-content security policies this connection type is not allowed. Change the RPC service to a secure 'wss' endpoint.": "Você está se conectando de um local seguro a um WebSocket inseguro ({{wsUrl}}). Devido às políticas de segurança de conteúdo misto do navegador, esse tipo de conexão não é permitido. Altere o serviço RPC para um endereço 'wss' seguro.",
+  "You are not connected to a node. Ensure that your node is running and that the Websocket endpoint is reachable.": "Você não está conectado a um nó. Verifique se o seu nó está em execução e se o endereço do Websocket está acessível.",
+  "You are using an ABI with an outdated format. Please generate a new one.": "Você está usando uma ABI com um formato desatualizado. Por favor gere um novo.",
+  "You are voting with this collective's prime account. The vote will be the default outcome in case of any abstentions.": "Você está votando na conta principal deste coletivo. A votação será o resultado padrão em caso de abstenção.",
+  "You can set a custom derivation path for this account using the following syntax \"/<soft-key>//<hard-key>///<password>\". The \"/<soft-key>\" and \"//<hard-key>\" may be repeated and mixed`. The \"///password\" is optional and should only occur once.": "Você pode definir um caminho de derivação personalizado para esta conta usando a seguinte sintaxe \"/<chave-fraca>//<chave-forte>///<senha>\". As \"/<chave-fraca>\" e \"//<chave-forte>\" podem ser repetidas e misturadas`. A \"///senha\" é opcional e deve ocorrer apenas uma vez.",
+  "You do not have access to the current sudo key": "Você não tem acesso à \"sudo key\" atual",
+  "You don't have any accounts. Some features are currently hidden and will only become available once you have accounts.": "Você não tem nenhuma conta. No momento, alguns recursos estão ocultos e só estarão disponíveis quando você tiver contas.",
+  "You have {{claimCount}} accounts that need attestations. Use the Claim Tokens app on the navigation bar to complete the process. Until you do, your balances for those accounts will not be reflected.": "Você tem {{claimCount}} contas que precisam de atestados. Use o aplicativo Tokens de reivindicação na barra de navegação esquerda para concluir o processo. Até você, seus saldos para essas contas não serão refletidos.",
+  "You need to sign an attestation for the following account:": "Você precisa assinar um atestado para a seguinte conta:",
+  "You need to sign an attestation for the following accounts:": "Você precisa assinar um atestado para as seguintes contas:",
+  "You need to unlock this account to be able to sign data.": "Você precisa desbloquear esta conta para poder assinar dados.",
+  "You will no longer have sudo access": "Você não terá mais acesso ao \"sudo\"",
+  "Your Ethereum account": "Sua conta do Ethereum",
+  "Your custom types have been added": "Seus tipos personalizados foram adicionados",
+  "Your endorsement will be applied for this account.": "Seu endosso será aplicado a esta conta.",
+  "Your stash account. The transaction will be sent from the associated controller.": "Sua conta reserva. A transação será enviada do controlador associado.",
+  "a riot name linked to this identity": "um nome no riot associado a esta identidade",
+  "account": "conta",
+  "account forgotten": "conta esquecida",
+  "account restored": "conta restaurada",
+  "accounts": "contas",
+  "activate": "ativar",
+  "additional bonded funds": "fundos vinculados adicionais",
+  "address": "endereço",
+  "address copied": "endereço copiado",
+  "address created": "endereço criado",
+  "address edited": "endereço editado",
+  "address forgotten": "endereço esquecido",
+  "address prefix": "prefixo do endereço",
+  "amount": "montante",
+  "amount to use for estimation": "quantidade a ser usada para estimativa",
+  "approval type": "tipo de aprovação",
+  "approved": "aprovado",
+  "asset id": "ID do recurso",
+  "auto-selected targets for nomination": "destinos selecionados automaticamente para nomeação",
+  "available": "acessível",
+  "available signatories": "signatários disponíveis",
+  "available social recovery helpers": "auxiliares de recuperação social disponíveis",
+  "average": "média",
+  "aye": "sim",
+  "aye: bool": "sim: bool",
+  "backing": "apoio",
+  "backup file": "arquivo de backup",
+  "balance": "Saldo",
+  "balances": "saldos",
+  "beneficiary": "beneficiário",
+  "best": "melhor",
+  "best #": "melhor #",
+  "best block": "melhor bloco",
+  "best hash": "melhor hash",
+  "bids": "lances",
+  "block hash or number to query": "hash do bloco ou o número da consulta",
+  "blocks": "blocos",
+  "bond": "vinculo",
+  "bonded": "vinculado",
+  "call from account": "chamar da conta",
+  "call the selected endpoint": "chamar o endereço selecionado",
+  "candidate account": "conta candidata",
+  "candidate accounts": "contas candidatas",
+  "candidates": "candidatos",
+  "case sensitive": "sensível a maiúsculas e minúsculas",
+  "challenge": "desafio",
+  "claim to account": "reivindicação de conta",
+  "click to copy": "clique para copiar",
+  "click to select or drag and drop a JSON ABI file": "clique para selecionar ou arrastar e soltar um arquivo JSON ABI",
+  "click to select or drag and drop the file here": "clique para selecionar ou arraste e solte o arquivo aqui",
+  "clipboard": "área de transferência",
+  "code": "código",
+  "code for this contract": "código para este contrato",
+  "code hash": "código hash",
+  "commission": "comissão",
+  "compiled contract WASM": "contrato compilado em WASM",
+  "connected peers": "pares conectados",
+  "contacts": "Contatos",
+  "contract address": "endereço do contrato",
+  "contract to use": "contrato de uso",
+  "controller": "controlador",
+  "controller account": "conta do controlador",
+  "conviction": "convicção",
+  "conviction: Conviction": "convicção: Convicção",
+  "copied": "copiado",
+  "council candidates": "candidatos ao conselho",
+  "council proposal": "proposta do conselho",
+  "council proposal type": "tipo de proposta de conselho",
+  "created account": "criou uma conta",
+  "created multisig": "criou multi-assinatura",
+  "crypto type to use": "tipo de criptografia a ser usado",
+  "custom endpoint": "endereço personalizado",
+  "data": "dados",
+  "default icon theme": "tema padrão do ícone",
+  "default interface language": "idioma padrão da interface",
+  "defender": "defensor",
+  "delay": "atraso",
+  "democracy": "democracia",
+  "deploy": "implantar",
+  "deployment account": "conta de implantação",
+  "deployment constructor": "construtor de implantação",
+  "deposit": "depósito",
+  "derivation path": "caminho de derivação",
+  "derive root account": "derivar conta raiz",
+  "details": "detalhes",
+  "development seed": "semente de desenvolvimento",
+  "dispatch queue": "fila de expedição",
+  "display name": "Nome em Exibição",
+  "do not include empty strings in the generated file": "não inclua cadeias vazias no arquivo gerado",
+  "does not appear to have a valid claim. Please double check that you have signed the transaction correctly on the correct ETH account.": "não parece ter uma reivindicação válida. Verifique se você assinou a transação corretamente na conta ETH correta.",
+  "ed25519, Edwards": "ed25519, Edwards",
+  "elected stake": "participação eleita",
+  "email": "email",
+  "enact": "decretar",
+  "endowment": "doação",
+  "epoch": "epoca",
+  "era": "era",
+  "era points": "pontos da era",
+  "era {{era}}, {{count}} slashes": "era {{era}}, {{count}} punições",
+  "eras": "eras",
+  "events": "eventos",
+  "everything": "tudo",
+  "exclude option": "excluir opção",
+  "exclude value": "excluir valor",
+  "execute": "executar",
+  "existential deposit": "depósito de existência",
+  "external": "externo",
+  "extrinsic hash": "hash extrínseco",
+  "extrinsics": "extrínseco",
+  "fee": "taxa",
+  "filter by name or tags": "filtrar por nome ou tags",
+  "filter by name, address or index": "filtre por nome, endereço ou índice",
+  "filter by name, address, or account index": "filtre por nome, endereço ou índice de conta",
+  "finalized": "finalizado",
+  "finder": "localizador",
+  "forks": "bifurcações",
+  "free balance": "saldo livre",
+  "from the following data": "a partir dos seguintes dados",
+  "generated public key": "chave pública gerada",
+  "has a valid claim for": "tem uma reivindicação válida para",
+  "hash": "hash",
+  "heads": "cabeçalhos",
+  "hex input data": "dados de entrada hexadecimal",
+  "hex-encoded storage key": "chave de armazenamento codificada em hexadecimal",
+  "identity": "identidade",
+  "imminent preimage (proposal already passed)": "pré-imagem iminente (proposta já aprovada)",
+  "immortal": "imortal",
+  "include all empty strings in the generated file": "inclui todas as strings vazias no arquivo gerado",
+  "include option": "incluir opção",
+  "include value": "inclua valor",
+  "index": "indíce",
+  "initial head state": "estado inicial do cabeçalho",
+  "intentions": "intenções",
+  "interface operation mode": "modo de operação da interface",
+  "invalid ABI file selected": "arquivo ABI inválido selecionado",
+  "invalid/unknown registrar account": "conta de registrador inválida/desconhecida",
+  "judgement": "julgamento",
+  "key type to set": "tipo de chave a ser definido",
+  "keypair crypto type": "tipo de criptografia de par de chaves",
+  "kind": "tipo",
+  "last #": "último #",
+  "last block": "último bloco",
+  "last reward": "última recompensa",
+  "launch period": "período de lançamento",
+  "legal name": "nome legal",
+  "lifetime": "tempo de vida",
+  "lng.detect": "Idioma padrão do navegador (detecção automática)",
+  "lock expired": "bloqueio expirado",
+  "locked": "bloqueado",
+  "locked balance": "saldo bloqueado",
+  "logs": "Registros",
+  "manage hardware connections": "gerenciar conexões de hardware",
+  "matches": "combinações",
+  "maximum gas allowed": "gás máximo permitido",
+  "members": "membros",
+  "message to send": "mensagem para enviar",
+  "minimum bond": "vínculo mínima",
+  "minimum deposit": "depósito mínimo",
+  "mnemonic seed": "semente mnemônica",
+  "mortal, valid from #{{startAt}} to #{{endsAt}}": "mortal, válido de # {{startAt}} a # {{endsAt}}",
+  "motions": "moções",
+  "multisig": "multi-assinatura",
+  "multisig name": "nome multi-assinatura",
+  "my ordered votes": "meus votos ordenados",
+  "name": "nome",
+  "nav.accounts": "Contas",
+  "nav.claims": "Reivindicar tokens",
+  "nav.contracts": "Contratos",
+  "nav.council": "Conselho",
+  "nav.dashboard": "Painel de controle",
+  "nav.democracy": "Democracia",
+  "nav.explorer": "Explorer",
+  "nav.extrinsics": "Extrínsicas",
+  "nav.generic-asset": "Ativo genérico",
+  "nav.github": "GitHub",
+  "nav.i18n": "Tradutor I18n",
+  "nav.js": "JavaScript",
+  "nav.parachains": "Parachains",
+  "nav.rpc": "Chamadas RPC",
+  "nav.settings": "Configurações",
+  "nav.society": "Sociedade",
+  "nav.staking": "Participação",
+  "nav.storage": "Estado da Cadeia",
+  "nav.sudo": "Sudo",
+  "nav.tech-comm": "Comitê técnico",
+  "nav.toolbox": "Ferramentas",
+  "nav.transfer": "Transferir",
+  "nav.treasury": "Tesouraria",
+  "nav.wiki": "Wiki",
+  "nay": "não",
+  "new account": "nova conta",
+  "new address": "novo endereço",
+  "next": "Próximo",
+  "next id": "próximo id",
+  "no": "não",
+  "no accounts yet, create or import an existing": "ainda não existem contas, crie ou importe uma existente",
+  "no addresses saved yet, add any existing address": "nenhum endereço salvo ainda, adicione qualquer endereço existente",
+  "no messages": "sem mensagens",
+  "no peers connected": "nenhum par conectado",
+  "no tags": "sem tags",
+  "no unapplied slashes found": "nenhuma punição não aplicada encontrada",
+  "nominated accounts": "contas nomeadas",
+  "nominators": "nominadores",
+  "not signed": "não assinado",
+  "on-chain bonding duration": "duração do vínculo em cadeia",
+  "ongoing referendum": "referendo em curso",
+  "only this network": "somente esta rede",
+  "origin": "origem",
+  "other stake": "outra participação",
+  "our best": "nosso melhor",
+  "own stake": "participação própria",
+  "parachain id": "id da parachain",
+  "parachains": "parachains",
+  "parent": "superior",
+  "password": "senha",
+  "password (repeat)": "senha (repetir)",
+  "payment": "Forma de pagamento",
+  "payment destination": "destino do pagamento",
+  "payout stakers for (multiple)": "pagar participantes para (vários)",
+  "payout stakers for (single)": "pagar participantes para (único)",
+  "payout/stash": "pagamento/reserva",
+  "payout/validator": "pagamento/validador",
+  "peer best": "melhor do par",
+  "pending extrinsics": "extrínsecas pendentes",
+  "pending hashes": "hashes pendentes",
+  "pending swap id": "ID de troca pendente",
+  "points": "pontos",
+  "pot": "pote",
+  "preimage hash": "hash de pré-imagem",
+  "prev": "prev",
+  "prime member": "membro principal",
+  "prime voter": "voto principal",
+  "priority {{index}}": "prioridade {{index}}",
+  "profit/era est": "lucro/era est",
+  "proposal": "proposta",
+  "proposal bond": "vínculo da proposta",
+  "proposal hash": "hash da proposta",
+  "proposals": "propostas",
+  "propose": "ofertas",
+  "propose from account": "propor da conta",
+  "proposed by": "proposto por",
+  "proposer": "proponente",
+  "queued tx": "transmissão na fila",
+  "reason": "razão",
+  "recent blocks": "blocos recentes",
+  "recent events": "eventos recentes",
+  "recover this account": "recuperar esta conta",
+  "recovery block delay": "atraso no bloco de recuperação",
+  "recovery threshold": "mínimo para recuperação",
+  "redeemable": "resgatável",
+  "referenda": "referendo",
+  "refresh in": "atualizar em",
+  "registrar account": "conta de registrador",
+  "registrar index": "índice de registradores",
+  "relay dispatch queue": "retransmitir fila de envio",
+  "remaining": "remanescente",
+  "remote node/endpoint to connect to": "nó/endereço remoto ao qual conectar",
+  "request payout from": "solicitar pagamento de",
+  "reserved": "reservado",
+  "reward commission percentage": "porcentagem de comissão de recompensa",
+  "rewards": "recompensas",
+  "rewards & slashes": "recompensas e punições",
+  "riot": "riot",
+  "riot name": "nome no riot",
+  "role": "Função",
+  "rotation": "rotação",
+  "rpc.beresheet": "Beresheet (Edgeware Testnet, hospedado pelo Commonwealth Labs)",
+  "rpc.bifrost": "Bifrost Asgard",
+  "rpc.custom": "Ambiente personalizado",
+  "rpc.edgeware": "Edgeware (Edgeware Mainnet, hospedado pelo Commonwealth Labs)",
+  "rpc.flamingfir": "Fir flamejante (Substrate Testnet, hospedado pela Parity)",
+  "rpc.header.dev": "Desenvolvimento",
+  "rpc.header.live": "Redes ativas",
+  "rpc.header.test": "Redes de teste",
+  "rpc.kulupu": "Grupos (Grupos Mainnet, hospedados por Grupos)",
+  "rpc.kusama.ava": "Kusama (Polkadot Canary, nós públicos executados por usuários; consulte https://status.cloud.ava.do/)",
+  "rpc.kusama.parity": "Kusama (Polkadot Canary, hospedado pela Parity)",
+  "rpc.kusama.w3f": "Kusama (Polkadot Canary, hospedado pela Web3 Foundation)",
+  "rpc.local": "Nó local (Próprio, 127.0.0.1:9944)",
+  "rpc.mandala": "Mandala (Acala Testnet, hosted by Acala)",
+  "rpc.nodle-arcadia": "Arcadia (Nodle Testnet, hospedado por Nodle)",
+  "rpc.sora-substrate": "SORA",
+  "rpc.sora-substrate-staging": "SORA-staging (SORA-staging Testnet, hosted by Soramitsu)",
+  "rpc.turbulence": "Turbulence (Laminar Testnet, hosted by Laminar)",
+  "rpc.westend": "Westend (Polkadot Testnet, hospedado pela Parity)",
+  "runners up": "finalistas",
+  "scheduling": "agendamento",
+  "seats": "assentos",
+  "second with account": "segundo com a conta",
+  "secret": "segredo",
+  "secret derivation path": "caminho secreto de derivação",
+  "seed (hex or string)": "semente (hex ou string)",
+  "select the account you wish to sign data with": "selecione a conta na qual deseja assinar os dados",
+  "selected constant query": "consulta constante selecionada",
+  "selected signatories": "signatários selecionados",
+  "selected state query": "consulta de estado selecionado",
+  "selected validators": "validadores selecionados",
+  "send": "enviar",
+  "send as RPC call": "enviar como chamada RPC",
+  "send as transaction": "enviar como transação",
+  "send from account": "enviar da conta",
+  "send to address": "enviar para o endereço",
+  "sending account": "enviando conta",
+  "sending from my account": "enviando da minha conta",
+  "session": "sessão",
+  "session keys": "chaves de sessão",
+  "session next": "sessão seguinte",
+  "sign data from account": "assinar dados da conta",
+  "sign the following data": "assinar os seguintes dados",
+  "signatories": "signatários",
+  "signatory": "signatário",
+  "signature crypto type": "tipo de criptografia de assinatura",
+  "signature of supplied data": "assinatura dos dados fornecidos",
+  "signer": "signatário",
+  "society head": "chefe da sociedade",
+  "spend period": "gastar período",
+  "sr15519, Schnorrkel": "sr15519, Schnorrkel",
+  "ss58.centrifuge": "Centrifuge (ativa)",
+  "ss58.default": "Replicar nó conectado",
+  "ss58.edgeware": "Edgeware (ativa)",
+  "ss58.kusama": "Kusama (canário)",
+  "ss58.polkadot": "Polkadot (ativa)",
+  "ss58.substrate": "Substrate (genérica)",
+  "staked": "em participação",
+  "stash account": "conta reserva",
+  "stashes": "reservas",
+  "state": "Estado",
+  "strikes": "batidas",
+  "submit the following change": "envie a seguinte alteração",
+  "submit the following extrinsic": "envie o seguinte extrínseco",
+  "submit with account": "enviar com conta",
+  "submit with council account": "enviar com a conta do conselho",
+  "sudo key": "\"sudo key\"",
+  "sudo with unchecked weight parameter": "\"sudo\" com parâmetro de peso não verificado",
+  "sudo without unchecked weight parameter": "\"sudo\" sem parâmetro de peso desmarcado",
+  "suri (seed & derivation)": "suri (semente e derivação)",
+  "swap to id": "trocar para id",
+  "syncing": "sincronizando",
+  "system events": "eventos do sistema",
+  "tags": "Tag",
+  "target": "alvo",
+  "term progress": "progresso do termo",
+  "the account to make recoverable": "a conta para recuperar",
+  "the account to recover to": "a conta para recuperar para",
+  "the associated controller": "o controlador associado",
+  "the era to cancel for": "a época para cancelar",
+  "the language to display translations for": "o idioma para exibir traduções para",
+  "the module to display strings for": "o módulo para exibir seqüências de caracteres",
+  "the resulting hash is": "o hash resultante é",
+  "the stash account to nominate with": "a conta reserva para nomear com",
+  "the supplied signature": "a assinatura fornecida",
+  "threshold": "mínimo",
+  "tip": "gorjeta",
+  "tip reason": "razão da gorjeta",
+  "tip value": "valor da gorjeta",
+  "tips": "gorjetas",
+  "total": "total",
+  "total issuance": "emissão total",
+  "total peers": "total de pares",
+  "total stake": "participação total",
+  "total staked": "total em participação",
+  "transactions": "transações",
+  "transfer received": "transferência recebida",
+  "transferrable": "transferível",
+  "trusted social recovery helpers": "auxiliares confiáveis de recuperação social",
+  "turnout": "vire para fora",
+  "twitter": "Twitter",
+  "type": "tipo",
+  "unbond amount": "quantidade desvinculada",
+  "unbonding": "desvinculando",
+  "unchecked weight for this call": "peso não verificado para esta chamada",
+  "unlock account with password": "desbloquear conta com senha",
+  "unstake threshold": "limiar de participação",
+  "update on #{{index}}": "atualização em # {{index}}",
+  "upgradable extensions": "extensões atualizáveis",
+  "use on any network": "use em qualquer rede",
+  "using my account": "usando minha conta",
+  "using the following data": "usando os seguintes dados",
+  "using the selected account": "usando a conta selecionada",
+  "validator to query": "validador para consulta",
+  "validators": "validadores",
+  "validators/nominators": "validadores/nominadores",
+  "value": "valor",
+  "value bonded": "valor vinculado",
+  "verify using address": "verifique usando o endereço",
+  "version {{version}}": "versão {{version}}",
+  "vested": "investido",
+  "via Council/Vote": "via Conselho/Votação",
+  "via Democracy/Vote": "via Democracia/Votação",
+  "via Staking/Bond": "via Participação/Vínculo",
+  "via Vesting": "via Aquisição",
+  "vote for candidate": "vote no candidato",
+  "vote for defender": "vote no defensor",
+  "vote from account": "vote da conta",
+  "vote value": "valor do voto",
+  "vote with account": "vote com conta",
+  "votes": "votos",
+  "voting account": "conta de voto",
+  "voting balance": "saldo de votos",
+  "voting end": "final da votação",
+  "voting period": "período de votação",
+  "voting round": "votação",
+  "waiting": "esperando",
+  "web": "web",
+  "website": "website",
+  "with an index of": "com um índice de",
+  "wrong password supplied": "senha incorreta fornecida",
+  "yes": "sim",
+  "your current password": "Sua senha atual",
+  "your new password": "Sua nova senha",
+  "{{blocks}} blocks": "{{blocks}} blocos",
+  "{{count}} key/value pairs encoded for submission": "{{count}} pares de chave/valor codificados para envio",
+  "{{count}} own stashes": "{{count}} próprias reservas",
+  "{{currency}} average": "{{currency}} em média",
+  "{{currency}} clipped": "{{currency}} recortado",
+  "{{currency}} rewards": "{{currency}} recompensas",
+  "{{currency}} slashed": "{{currency}} punições",
+  "{{currency}} total": "{{currency}} total",
+  "{{days}} days": "{{days}} dias",
+  "{{done}}/{{total}}, {{progress}}% done": "{{done}}/{{total}}, {{progress}}% concluído",
+  "{{executionTime}}s execution timetempo de execução de ": "{{ExecutionTime}}",
+  "{{hours}} hrs": "{{hours}} hrs",
+  "{{minutes}} mins": "{{minutes}} min",
+  "{{name}} ({{size}} bytes)": "{{name}} ({{size}} bytes)",
+  "{{percentage}} aye": "{{percent}} sim",
+  "{{percentage}}% of block time": "{{percent}}% de tempo de bloqueio",
+  "{{relayDispatchQueueSize}} dispatch messages pending": "{{relayDispatchQueueSize}} envia mensagens pendentes",
+  "{{seconds}} s": "{{seconds}} s",
+  "{{step}}. Sign with your ETH address": "{{step}}. Assine com seu endereço ETH",
+  "{{threshold}}, not passing": "{{threshold}}, não passando",
+  "{{threshold}}, passing": "{{threshold}}, passando",
+  "{{value}}x voting balance, locked for {{lock}}x enactment ({{period}} days)": "{{value}} x saldo de votos, bloqueado por {{lock}} x promulgação ({{period}} dias)"
+}
\ No newline at end of file
diff --git a/packages/apps/public/locales/ru/translation.json b/packages/apps/public/locales/ru/translation.json
new file mode 100644
index 0000000..16eb009
--- /dev/null
+++ b/packages/apps/public/locales/ru/translation.json
@@ -0,0 +1,2217 @@
+{
+  " This update includes chain metadata and chain properties.": "Этот апдейт включает в себя обновления метаданных и параметров сети.",
+  "//hard": "//жесткий",
+  "//hard///password": "//жесткий///пароль",
+  "//hard/soft": "//жесткий/мягкий",
+  "//hard/soft///password": "//жесткий/мягкий///пароль",
+  "0.1x voting balance, no lockup period": "0,1* умножитель голоса, средства не депонируются",
+  "0x prefixed hex, e.g. 0x1234 or ascii data": "",
+  "0x...": "",
+  "1 day": "1 день",
+  "1 hr": "1 ч",
+  "1 min": "1 мин",
+  "1 s": "1 сек",
+  "1. Select your {{chain}} account": "1. Выберите свой {{chain}} аккаунт",
+  "2. Enter the ETH address from the sale.": "2. Введите Ваш адрес Ethereum, который использовался при покупке/продаже.",
+  "2. Sign ETH transaction": "2. Подпишите ETH транзакцию",
+  "<empty>": "<пустой>",
+  "<none provided>": "<не предоставлено>",
+  "<none>": "",
+  "<unknown>": "<неизвестный>",
+  "@YourTwitterName": "@ВашТвиттер",
+  "@yourname:matrix.org": "@вашеимя:matrix.org",
+  "A controller account should not be set to manage multiple stashes. The selected controller is already controlling {{stashId}}": "",
+  "A controller account should not be set to manages multiple stashes. The selected controller is already controlling {{stashId}}": "Аккаунт контроллера не должен управлять несколькими копилками. Выбранный контроллер уже управляется {{stashId}}",
+  "A controller account should not map to another stash. This selected controller is a stash, controlled by {{bondedId}}": "Аккаунт контроллера не должен управлять несколькими копилками. Выбранный контроллер уже управляется {{bondedId}}",
+  "A deployed contract that has either been deployed or attached. The address and ABI are used to construct the parameters.": "Разворачиваемый контракт либо уже развернут, либо приложен. Адрес и ABI используются для создания параметров.",
+  "A deposit paid by the proxied account that can not be used while the proxy is in existence. The deposit is returned when the proxy is destroyed. The amount reserved is based on the base deposit and number of proxies": "Депозит выплачивается прокси аккаунтами, блокирующимися на время существования прокси. Депозит возмещается после удаления прокси. Сумма депозита формируется из основого депозита  и количества прокси",
+  "A fee of {{creationFee}} will be deducted from the sender since the destination account does not exist": "Сбор {{creationFee}} будет списан с отправителя, поскольку аккаунт получателя не существует",
+  "A hex or string value that acts as a salt for this deployment.": "",
+  "A reason (to be stored-on-chain) as to why the recipient deserves a tip payout.": "Причина (будет сохранена в сети) почему получатель заслуживает чаевые",
+  "A reward for a curator, this amount is included in the total value of the bounty.": "Выплаты куратору, эта сумма включена в общее значение награды",
+  "ABI": "ABI",
+  "Accept": "Принять",
+  "Accept Curator Role": "Принять Роль Куратора",
+  "Acceptance of new members and bids": "",
+  "Acceptance proposal to council": "Направить предложение Совету с голосом за",
+  "Account actions": "Функции аккаунта",
+  "Account balance:": "Баланс аккаунта",
+  "Account does not have enough funds.": "На аккаунте недостаточно средств",
+  "Account type {{index}}": "Тип аккаунта {{главный}}",
+  "Accounts": "Аккаунты",
+  "Accounts injected from any of these extensions will appear in this application and be available for use. The above list is updated as more extensions with external signing capability become available.": "Учетные записи, введенные из любого из этих расширений, появятся в этом приложении и будут доступны для использования. Приведенный выше список обновляется по мере появления дополнительных расширений с возможностью внешней подписи.",
+  "Active": "",
+  "Active nominations ({{count}})": "Активные номинации ({{count}})",
+  "Add": "Добавить",
+  "Add Bounty": "Создать Награду",
+  "Add a tip to this extrinsic, paying the block author for greater priority": "Добавыть чаевые для автора блока для большей приоритезации",
+  "Add account": "Добавить аккаунт",
+  "Add account via Ledger": "Добавить аккаунт через Ledger",
+  "Add account via Qr": "Добавить аккаунт с помощью QR-кода",
+  "Add an account via seed {{step}}/{{STEPS_COUNT}}": "Добавить аккаунт с помощью секретной фразы {{step}}/{{STEPS_COUNT}}",
+  "Add an address": "Добавить адрес",
+  "Add an existing code hash": "Добавить существующий хэш кода",
+  "Add an existing contract": "Добавить существующий контракт",
+  "Add campaign": "",
+  "Add contact": "Добавить контакт",
+  "Add fund": "",
+  "Add identity judgment": "Добавить оценку персонализации",
+  "Add item": "Добавить пункт",
+  "Add multisig": "Добавить мультиподпись",
+  "Add proxied account": "Добавить проксированный аккаунт",
+  "Add proxy": "Добавить прокси",
+  "Add sub": "Добавить резервный",
+  "Add validator": "",
+  "Add via Ledger": "Добавить с помощью Ledger",
+  "Add via Qr": "Добавить с помощью QR-кода",
+  "Add via backup file": "Добавить с помощью резервного файла",
+  "Adding an optional tip to the transaction could allow for higher priority, especially when the chain is busy.": "Добавлением чаевых (опционально) в транзакцию Вы можете получить приоритет, особенно когда сеть переполнена",
+  "Additional types as a JSON file (or edit below)": "Дополнительные типы в виде JSON файла (либо отредактировать ниже)",
+  "Address Prefix": "Префикс адреса",
+  "Address index {{index}}": "",
+  "Adjust the mode from basic (with a limited number of beginner-user-friendly apps) to full (with all basic & advanced apps available)": "Поменять режим с базового (с ограниченным количеством приложений для новичков) на полный (со всей базовой и продвинутой функциональностью)",
+  "Advanced creation options": "Дополнительные опции создания",
+  "After a bounty was proposed the council decides whether to fund it or not.": "После предложения о создании фонда для награждения, совет решает финансировать его или нет",
+  "All rewards will go towards the selected output destination when a payout is made.": "Все вознаграждения будут отправлены в выбранное место назначения вывода, когда будет произведена выплата.",
+  "All stashes": "",
+  "All the listed validators and all their nominators will receive their rewards.": "Все валидаторы из этого списка и их номинаторы получат вознаграждение.",
+  "All voters may alter their votes any number of times prior to the close of the poll.": "",
+  "Allocate a suggested tip amount. With enough endorsements, the suggested values are averaged and sent to the beneficiary.": "Предложите сумму чаевых. При достаточном уровне поддержки предложенные суммы усредняются и отправляются получателю.",
+  "Allocation value is smaller than the minimum bounty value.": "Аллоцируемое значение меньше чем минимальное значение награды",
+  "Amount to add to the currently bonded funds. This is adjusted using the available funds on the account.": "Сумма, которую хотите добавить к депонированным средствам. Они вычитаются из доступных средств аккаунта.",
+  "Amount to add to the currently bonded funds. This is adjusted using the funds currently unlocking.": "",
+  "Amount to delegate for any democracy vote. This is adjusted using the available funds on the account.": "Сумма залога для любого общественного голосования. Используются средства доступные на аккаунте",
+  "An URL that is linked to this identity.": "URL, связанный с данной личностью.",
+  "An account that is to receive the rewards": "",
+  "An encrypted backup file will be created once you have pressed the \"Download\" button. This can be used to re-import your account on any other machine.": "Зашифрованный файл резеравной копии будет создан после того, как Вы нажмете кнопку \"Скачать\". Это может быть использовано для повторного импорта Вашей учетной записи на любом другом компьютере.",
+  "An encrypted backup file will be created once you have pressed the \\Download\\ button. This can be used to re-import your account on any other machine.": "Зашифрованный резервный файл будет создан при нажатии кнопки \\Скачать\\. Он может быть использован для импорта Вашего аккаунта на любом другом компьютере.",
+  "Any account can request payout for stakers, this is not limited to accounts that will be rewarded.": "Любой аккаунт может требовать платеж для стейкеров, не только аккаунты которые получат вознаграждение.",
+  "Any account set as proxy will be able to perform actions in place of the proxied account": "Любой аккаунт, используемый как прокси, сможет выполнять действия под видом проксируемого аккаунта",
+  "Any combination of the four options may be approved of by the voter. There is no need to select only one option!": "",
+  "Any democracy vote performed by the delegated account will result in an additional vote from the delegating account": "",
+  "Application of slashes from era {{id}}": "",
+  "Apply to UI": "",
+  "Approvals": "Одобренные",
+  "Approve": "Утвердить",
+  "Approve or reject this defender.": "Одобрить либо отклонить этого защитника.",
+  "Approve this call hash": "Подтвердить хэш вызова",
+  "Approve this candidacy.": "Одобрить эту кандидатуру",
+  "Approved": "Одобрено",
+  "Approving of all or none of the options is equivalent and will not affect the outcome of the poll.": "",
+  "As a council member, you can suggest an initial value for the tip, each other council member can suggest their own.": "Как член Совета Вы можете предложить сумму чаевых, каждый член может предложить сумму на свое усмотрение",
+  "Asset ID": "Идентификатор актива",
+  "Assets": "Активы",
+  "Auctions": "",
+  "Aura": "Aura",
+  "Authorize transaction": "Авторизовать транзакцию",
+  "Available": "",
+  "Aye": "За",
+  "Aye {{count}}": "",
+  "Aye, I approve": "За, я одобряю",
+  "Aye, I support this": "",
+  "Aye: {{count}}": "За {{счет}}",
+  "Babe": "Babe",
+  "Backup": "Резервное копирование",
+  "Backup account": "Сохранить резервную копию аккаунта",
+  "Balances": "Балансы",
+  "Be aware that once submitted the proposal will be put to a council vote. If the proposal is rejected due to a lack of info, invalid requirements or non-benefit to the network as a whole, the full bond posted (as describe above) will be lost.": "",
+  "Before using this registered paraId, you need to have a WASM validation function registered on-chain": "",
+  "Beneficiary": "Бенефециар",
+  "Bid": "",
+  "Bid to join": "",
+  "Block details": "Детали блока",
+  "Blocks nominations": "",
+  "Bond": "Депонировать",
+  "Bond & Nominate": "Депонировать и Номинировать",
+  "Bond & Validate": "Депонировать & Валидировать",
+  "Bond more": "Депонировать ещё",
+  "Bond more funds": "Депонировать ещё средств",
+  "Bonding Preferences": "Настройки депонирования",
+  "Bounty approval under voting": "Утверждение награды находится в обсуждении",
+  "Bounty rejection under voting": "Отмена награды в обсеждении",
+  "Call": "Вызвать",
+  "Call a contract": "Вызвать контракт",
+  "Call a method on this contract": "Вызвать метод этого контракта",
+  "Call results": "Результаты вызова",
+  "Call this message": "Вызвать сообщение",
+  "Cancel": "Отменить",
+  "Cancel all": "",
+  "Cancel selected": "",
+  "Cancel slashes": "Отменить слэши",
+  "Cancel this call hash": "Отменить этот хэш вызова",
+  "Candidate": "",
+  "Candidates": "",
+  "Capped": "",
+  "Chain Type": "",
+  "Chain info": "Информация сети",
+  "Chain specifications": "Спецификация сети",
+  "Chain type (ethereum compatible or regular substrate)": "",
+  "Change": "Изменить",
+  "Change account password": "Изменить пароль аккаунта",
+  "Change controller account": "Поменять контроллер",
+  "Change democracy delegation": "Изменить политику  избирательного делегирования",
+  "Change reward destination": "Поменять получателя вознаграждения",
+  "Change session keys": "Поменять сессионные ключи",
+  "Change this account's password": "Поменять пароль этого аккаунта",
+  "Change validator preferences": "Поменять настройки валидаторов",
+  "Changing the key only takes effect at the start of the next session. The input here is generated from the author_rotateKeys command": "Ключ меняется только в начале следующей сессии. Это значение генерируется от имени author_rotateKeys команды",
+  "Choose a curator whose background and expertise is such that they are capable of determining when the task is complete.": "Выбирайте куратора, чей опыт и экспертиза помогут определить когда задание выполнено успешно",
+  "Choose the Beneficiary for this bounty.": "Выберите Бенефециара награды",
+  "Claim": "Запросить",
+  "Claim tokens": "",
+  "Claim tokens...": "Запросить токены...",
+  "Clear Identity": "",
+  "Clear all": "Стереть все",
+  "Clear expired democracy locks": "Освободить истекшие блокировки модуля демократии",
+  "Close": "Закрыть",
+  "Close Bounty": "Закрыть награду",
+  "Close deadline": "Убрать дедлайн",
+  "Close proposal": "Закрыть предложение",
+  "Color": "Цвет",
+  "Committee prime member, default voting": "Главный член Комитета, голосование по определению",
+  "Completed": "",
+  "Confirm ABI removal": "Подтвердить удаление ABI",
+  "Confirm account removal": "Подтвердить удаление аккаунта",
+  "Confirm address removal": "Подтвердить удаление адреса",
+  "Confirm claim": "Подтвердить заявку",
+  "Confirm code removal": "Подтвердить удаление кода",
+  "Confirm contract removal": "Подтвердить удаление контракта",
+  "Consider storing your account in a signer such as a browser extension, hardware device, QR-capable phone wallet (non-connected) or desktop application for optimal account security.": "",
+  "Console": "",
+  "Constants": "Константы",
+  "Constructors ({{count}})": "",
+  "Continue": "Продолжить",
+  "Contracts": "",
+  "Contribute": "",
+  "Contribute to fund": "",
+  "Controller account": "",
+  "Conviction locks do overlap and are not additive, meaning that funds locked during a previous vote can be locked again.": "Голосование возможно также и токенами, которые уже выделены под голосование по другому вопросу.",
+  "Copy the above string and sign an Ethereum transaction with the account you used during the pre-sale in the wallet of your choice, using the string as the payload, and then paste the transaction signature object below": "Скопируйте строку выше и подпишите ее с помощью транзакции в сети Ethereum с учетной записи, которую Вы использовали в предпродаже，используя строку как \\рayload\\. Затем вставьте обьект подписи транзакции ниже",
+  "Copy the following string and sign it with the Ethereum account you used during the pre-sale in the wallet of your choice, using the string as the payload, and then paste the transaction signature object below:": "Скопируйте следующую строку и подпишите ее учетной записью Ethereum, которую Вы использовали во время предпродажи, используя строку как \\payload\\. Вставьте полученную подпись ниже:",
+  "Council": "Совет",
+  "Council overview": "Обзор Совета",
+  "Create": "Создать",
+  "Create a backup file for this account": "Создать резервную копиюл для этого аккаунта",
+  "Create an account now.": "Создать аккаунт сейчас.",
+  "Create and backup account": "Создать аккаунт и его резервную копию",
+  "Crowdloan": "",
+  "Crypto not detected": "Средства не обнаружены",
+  "Cryptography used to create this signature. It is auto-detected on valid signatures.": "Шифрование для этой подписи. Для валидных подписей определяется автоматически.",
+  "Curator has been proposed by council. The bounty is waiting for curator to accept the role.": "Куратор был выдвинут советом. Награда ожидает принятия куратором своей роли",
+  "Curator proposal under voting": "Предложение куратора на голосовании",
+  "Curator slash under voting": "Доля куратора на голосовании",
+  "Curator's account that will reward the bounty to the implementer.": "Аккаунт куратора передает награждение исполнителю",
+  "Curator's deposit": "Депозит куратора",
+  "Curator's deposit is calculated based on the accepted curator's fee for this bounty.": "Депозит куратора вычисляется на основе доли куратора для этой награды",
+  "Curator's deposit will be slashed and curator will be unassigned. Bounty will return to the Funded state.": "Депозит куратора будет отменен, а куратора сместят с поста. Вся сумма награды вернется в Общественный Фонд",
+  "Curator's fee": "Комиссионные куратора",
+  "Curator's fee can't be higher than bounty value.": "Комисионные куратора не могут быть выше чем значение награды",
+  "Current account nonce": "Nonce этого аккаунта",
+  "Current account nonce: {{accountNonce}}": "Текущий счет nonce: {{accountNonce}}",
+  "Current prime member, default voting": "Текущий главный участник, голосование по умолчанию",
+  "Current society head, exempt": "Нынешний глава общества, освобожденный от должности",
+  "Currently this is a one-way transfer since the on-chain runtime functionality to send the funds from the destination chain back to this account not yet available.": "",
+  "Custom index": "",
+  "Dark theme (experimental, work-in-progress)": "",
+  "Decimals": "Десятичные знаки",
+  "Decimals decides the smallest unit of the token, which is 1/10^decimals": "Десятичные знаки определяют наименьшую единицу токена, т.е. 1/10^decimals",
+  "Decode": "",
+  "Defender": "",
+  "Delegate": "Делегировать",
+  "Delegate democracy votes": "Делегировать голоса в общественном голосовании",
+  "Delete this custom example": "Стереть этот пример",
+  "Democracy overview": "Обзор демократии",
+  "Denomination poll": "",
+  "Deploy": "Развернуть",
+  "Deploy a code hash": "Развернуть хэш кода",
+  "Deploy a contract": "",
+  "Deploy this code hash as a smart contract": "Развернуть этот хэш кода как смарт-контракт",
+  "Deploy with this constructor": "Развернуть с этим конструктором",
+  "Deposit": "Внести",
+  "Deregister": "",
+  "Deregister this parachain": "Отменить регистрацию этого парачейна",
+  "Derivation for Ledger-type accounts are only available on mnemonic seeds.": "",
+  "Derive": "",
+  "Derive account from pair": "Извлечь аккаунт из пары",
+  "Derive account via derivation path": "Извлечь аккаунт с помощью пути деривации",
+  "Description of the Bounty (to be stored on-chain)": "Описание награды (для публикации в сети)",
+  "Details": "Детали",
+  "Detection on the input string to determine if it is hex or non-hex.": "Проверка введнной строки для определения является оно 16-значным или нет.",
+  "Determines what cryptography will be used to create this account. Note that to validate on Polkadot, the session account must use \"ed25519\".": "Определяет какой криптографический алгоритм будет использован для создания этой учетной записи. Для валидации в Polkadot аккаунт должен использовать \"ed25519\".",
+  "Determines what cryptography will be used to create this account. Note that to validate on Polkadot, the session account must use \\ed25519\\.": "Определяет какой криптографический алгоритм будет использован для создания этого аккаунта. Для валидации в Polkadot аккаунт должен использовать \\ed25519\\.",
+  "Developer": "Разработчик",
+  "Development": "В разработке",
+  "Dismiss all notifications": "Убрать все уведомления",
+  "Dispatch": "",
+  "Display overview information for the selected validator, including blocks produced.": "Показать информацию о выбранном валидаторе, включая произведенные блоки.",
+  "Distinct stash and controller accounts are recommended to ensure fund security. You will be allowed to make the transaction, but take care to not tie up all funds, only use a portion of the available funds during this period.": "Для безопасности Ваших средств рекомендуется использовать разные аккаунты для копилки и контроллера. Эта транзакция разрешается, но убедитесь в том, что оставите свободные средства для оплаты будущих комиссий.",
+  "Do not include a tip for the block author": "Не включать чаевые для автора блока",
+  "Do not transfer any funds directly to a specific account that is associated with a loan or a team. Use the \"Contribute\" action to record the contribution on-chain using the crowdloan runtime module. When the fund is dissolved, after either the parachain lease expires or the loan ending without winning, the full value will be returned to your account by the runtime. Funds sent directly to an account, without using the crowdloan functionality, may not be returned by the receiving account.": "",
+  "Does this validator allow nominations or is it blocked for all": "",
+  "Don't use a proxy for this call": "",
+  "Download": "Скачать",
+  "Edit": "Редактировать",
+  "Either approve or reject this call.": "Разрешить или отклонить этот вызов.",
+  "Election of new council candidates": "",
+  "Enactment of the result of referendum {{id}}": "",
+  "End of the current parachain auction {{id}}": "",
+  "Ended": "",
+  "Endorse": "Поддержать",
+  "Endorsements ({{count}})": "Поддержал ({{count}})",
+  "Ensure that not all funds are locked, funds need to be available for fees.": "Убедитесь, что оставили свободные средства на платежи",
+  "Ensure that the extension has accounts, some accounts are visible globally and available for this chain and that you gave the application permission to access accounts from the extension to use them.": "",
+  "Ensure that you utilized the \"Save\" functionality before using a generated address to receive funds. Without saving the address any funds and the associated seed any funds sent to it will be lost.": "",
+  "Ensure you are using a strong password for proper account protection.": "Убедитесь, что используете сильный пароль для эффективной защиты аккаунта",
+  "Enter the Asset ID of the token you want to manage.": "Введите идентификатор Актива, которым хотите управлять",
+  "Enter the Asset ID of the token you want to transfer.": "Введите идентификатор Актива, который хотите перевести",
+  "Erroneous": "Ошибочный",
+  "Evaluated {{count}} keys in {{elapsed}}s ({{avg}} keys/s)": "Оценено {{count}} ключей за {{elapsed}}с ({{avg}} ключей/c)",
+  "Execute": "",
+  "Execute anonymous scheduled task": "",
+  "Execute named scheduled task {{id}}": "",
+  "Existing approvals ({{approvals}}/{{threshold}})": "",
+  "Extend expiry": "Расширенный срок",
+  "Extensions": "Расширения",
+  "External": "Внешний",
+  "Extrinsic submission": "Подача экстринзика",
+  "Fast track": "Ускоренный",
+  "Fast track proposal": "Ускоренное предложение",
+  "Filter available candidates based on name, address or short account index.": "Фильтровать кандидатов по имени, адресу или короткому индексу аккаунта",
+  "Filter available nominators based on name, address or short account index.": "",
+  "Flags": "Флаги",
+  "For approvals outstanding approvers will be shown, for hashes that should be cancelled the first approver is required.": "",
+  "For final approvals, the actual full call data is required to execute the transaction": "",
+  "For fund security, your session key should not match your stash key.": "В целях безопасности сессионный ключ должен отличаться от ключа копилки",
+  "Forget": "Забыть",
+  "Forget this account": "Забыть этот аккаунт",
+  "Forget this address": "Забыть этот адрес",
+  "Forget this asset": "Забыть этот актив",
+  "Forget this code hash": "Забыть этот хэш кода",
+  "Forget this contract": "Забыть этот контракт",
+  "Forks": "Форки",
+  "Full Legal Name": "Полное имя",
+  "Future versions of the web-only interface will drop support for non-external accounts, much like the IPFS version.": "",
+  "General": "Общий",
+  "Generate {{lng}}/translation.json": "Создать {{lng}}/translation.json",
+  "Genesis Hash": "Хэш Генезиса",
+  "Genesis Hash refers to initial state of the chain, it cannot be changed once the chain is launched": "Хэш Генезиса - исходное состояние сети, после запуска его невозможно изменить",
+  "Give up": "Отменить",
+  "Governance": "Управление",
+  "Grandpa": "Grandpa",
+  "Hash data": "Данные хэша",
+  "Homepage": "",
+  "How much should be paid out for completed Bounty. Upon funding, the amount will be reserved in treasury.": "Размер награды в случае успешного завершения запроса. Помимо фонда, сумма будет зарезервированна в Хранилище",
+  "I agree": "Я согласен",
+  "I have saved my mnemonic seed safely": "Я надежно сохранил mnemonic seed",
+  "I'm Online": "Я в сети",
+  "Identity": "Личность",
+  "If the delegated account is currently voting in a referendum, the delegating vote and conviction will be added.": "",
+  "If the motion is approved, Curator's deposit will be slashed and Curator will be unassigned. Bounty will return to the Funded state.": "Если предложение утверждено, куратор смещается с должно, кураторский депозит отменяется. Вся сумма награды вернется в Общественный Фонд",
+  "If the motion is approved, the current Curator will be unassigned and the Bounty will return to the Funded state.": "Если предложение утверждено, куратор будет смещен с должности, а награда вернется в Общественный Фонд",
+  "If the recipient account is new, the balance needs to be more than the existential deposit on the recipient chain.": "",
+  "If the recipient account is new, the balance needs to be more than the existential deposit. Likewise if the sending account balance drops below the same value, the account will be removed from the state.": "Если получатель - новый аккаунт, то баланс должен быть больше минимального депозита. Аналогично если баланс аккаунта отправителя упадет ниже этого значения, то аккаунт будет исключен из состояния.",
+  "If this proposal is passed, the changes will be applied via dispatch and the deposit returned.": "Если это предложение будет одобрено, то изменения будут внесены и депозит вернется.",
+  "If you add several proxy accounts for the same proxy type (e.g 2 accounts set as proxy for Governance), then any of those 2 accounts will be able to perfom governance actions on behalf of the proxied account": "",
+  "If you add several proxy accounts for the same proxy type (e.g 2 accounts set as proxy for Governance), then any of those 2 accounts will be able to perform governance actions on behalf of the proxied account": "",
+  "If you are moving accounts between applications, ensure that you use the correct type.": "Если Вы перемещаете учетные записи между приложениями, убедитесь, что Вы используете правильный тип.",
+  "If you have not claimed rewards straight after the end of the era, the validator is in the active set and you are seeing no rewards, this would mean that the reward payout transaction was made by another account on your behalf. Always check your favorite explorer to see any historic payouts made to your accounts.": "",
+  "Image": "",
+  "Important notice": "Важное уведомление",
+  "In calculating the election outcome, this prioritized vote ordering will be used to determine the final score for the candidates.": "Для подсчета результатов голосования будет использовано приоритезированное голосование",
+  "Inactive": "",
+  "Inactive nominations ({{count}})": "Неактивные номинации ({{count}})",
+  "Include an optional tip for faster processing": "Добавить чаевые для приоритетной обработки",
+  "Initializing connection": "Запуск соединения",
+  "Initiate account recovery": "Начать восстановление аккаунта",
+  "Initiate recovery for another": "Начать восстановление другого аккаунта",
+  "Initiate voting": "Создать голосование",
+  "Inject Keys": "Вставить Ключи",
+  "Inject session keys (advanced)": "Вставить сессионный ключ (для опытных)",
+  "Injected": "Введеный",
+  "It is recommended that you create/store your accounts securely and externally from the app. On {{yourBrowser}} the following browser extensions are available for use -": "Рекомендуется создавать/хранить аккаунты безопасно и отдельно от приложения. В {{yourBrowser}} есть следующие расширения -",
+  "Judge": "Оценить",
+  "Keys from rotateKeys": "Ключи из rotateKeys",
+  "Known good": "Хорошо известен",
+  "Learn more...": "Узнать больше...",
+  "Ledger app type (originated from)": "Ledger приложение",
+  "Ledger support is still experimental and some issues may remain. Trust, but verify the addresses on your devices before transferring large amounts. There are some features that will not work, including batch calls (used extensively in staking and democracy) as well as any identity operations.": "",
+  "Less": "Меньше",
+  "Lifetime (# of blocks)": "Пожизненно (число блоков)",
+  "Light theme (default)": "",
+  "Loading": "Загрузка",
+  "Locked funds (e.g. for staking) are counted.": "",
+  "Locked1x": "Заперто1х",
+  "Locked2x": "Заперто2х",
+  "Locked3x": "Заперто3х",
+  "Locked4x": "Заперто4х",
+  "Locked5x": "Заперто5х",
+  "Locked6x": "Заперто6х",
+  "Low quality": "Низкого качества",
+  "Make Transfer": "Выполнить Трансфер",
+  "Make recoverable": "Сделать восстановимым",
+  "Manage delegation": "Управлять делегированием",
+  "Manage proxies": "Управлять прокси",
+  "Manage your connection to Ledger S": "Управление соединением с Ledger S",
+  "Max, {{eras}} eras": "",
+  "Median tip selected": "",
+  "Message data": "Данные сообщения",
+  "Message origin.": "Источник сообщения",
+  "Messages": "Сообщения",
+  "Messages ({{count}})": "",
+  "Metadata": "",
+  "Metadata {{count}}": "Метаданные {{count}}",
+  "Mint": "Выпускать",
+  "Mnemonic": "Мнемонический",
+  "More": "Ещё",
+  "Most profitable": "",
+  "Most recent head data": "Последние данные",
+  "Motions": "Ходатайства",
+  "Multiple council proposals could exist, both approval and rejection. Apply your vote to the correct council proposal (also available on council motions page)": "Нескольо предложний могут существовать, как одобренных так и отклоненных. Голосуйте в правильном предложении (это можно сделать и на странице Решения Совета)",
+  "Multisig": "Мультиподпись",
+  "Multisig approval with hash (non-final approval)": "Разрешить с хэшом мультиподписи (не финальное разрешение)",
+  "Multisig approval with hash (not message with call)": "Разрешить с хэшом мультиподписи (вызов без сообщения)",
+  "Multisig approvals": "Разрешения с мультиподписью",
+  "Multisig approvals pending": "",
+  "Multisig message with call (for final approval)": "Сообщение мультиподписи с вызовом (для финального разрешения)",
+  "Multisig message with call (not approval with hash)": "Сообщение мультиподписи с вызовом (не является разрешением с хэшом)",
+  "Mutates contract state": "Мутирует состояние контракта",
+  "My On-Chain Name": "Мое имя в Сети",
+  "My accounts": "Мои аккаунты",
+  "My contacts": "Мои контакты",
+  "My contributions ({{count}})": "",
+  "Name given to this account to uniquely identity the account to yourself.": "",
+  "Name given to this account. You can change it at any point in the future.": "Имя, данное этому аккаунту. Можно изменить в любой момент.",
+  "Name given to this account. You can edit it. To use the account to validate or nominate, it is a good practice to append the function of the account in the name, e.g \"name_you_want - stash\".": "Имя, данное этому аккаунту. Можно изменить в любой момент. Чтобы использовать учетную запись для проверки или номинации, рекомендуется добавить функцию учетной записи в имя, например \"name_you_want-stash\".",
+  "Name given to this account. You can edit it. To use the account to validate or nominate, it is a good practice to append the function of the account in the name, e.g \\name_you_want - stash\\.": "Название этого аккаунта. Можно изменить. Чтобы использовать аккаунт для валидации или номинации рекомендуется добавить предназначение аккаунта в его название, например \\любое_название - копилка\\.",
+  "Name given to this multisig. You can edit it at any later point in time.": "Название этого аккаунта с мультиподписью. Можно изменить в любой момент.",
+  "Name given to this proxied account. You can edit it at any later point in time.": "",
+  "Name of the network. It is only for display purposes.": "Название сети，используется только для показа.",
+  "Name your example": "Назовите Ваш пример",
+  "Nay": "Против",
+  "Nay {{count}}": "",
+  "Nay, I do not approve": "Против, я не одобряю",
+  "Nay, I do not support this": "",
+  "Nay: {{count}}": "Против: {{число}}",
+  "Network": "Сеть",
+  "Network Name": "Название Сети",
+  "Never execute JS snippets from untrusted sources.": "",
+  "New stake": "Новый стейк",
+  "Next": "Следующий",
+  "Next session": "",
+  "No": "Нет",
+  "No Upgradable extensions": "",
+  "No accounts with balances found for the asset": "Аккаунты со средствами этого типа не найдены",
+  "No active campaigns found": "",
+  "No active gilt queues found.": "",
+  "No active members": "Нет активных членов",
+  "No active proposals": "Нет активных предложений",
+  "No active referendums": "Нет активных референдумов",
+  "No active schedules": "",
+  "No active validators found": "Не найдено активных валидаторов",
+  "No active validators to check": "Нет активных валидаторов для проверки",
+  "No approved proposals": "Нет одобренных предложений",
+  "No assets found": "Средства не найдены",
+  "No assets found.": "Не найдено активов",
+  "No bids": "Нет предложений",
+  "No blocks available": "Нет доступных блоков",
+  "No candidates": "Нет кандидатов",
+  "No candidates found": "Кандидаты не найдены",
+  "No change": "",
+  "No change from the original 2017 sale definitions; will mean a total of 10 million DOT from genesis.": "",
+  "No code hashes available": "Нет доступных хэшей кода",
+  "No committee proposals": "Нет предложений для Комитета",
+  "No completed campaigns found": "",
+  "No contracts available": "Нет доступных контрактов",
+  "No council motions": "Нет ходатайств в Совет",
+  "No discretionary lock-voting is in place; all DOT used to vote counts the same.": "",
+  "No documentation provided": "Нет документации",
+  "No events available": "Нет доступных событий",
+  "No execution details available for this proposal": "",
+  "No external proposal": "Нет внешних предложений",
+  "No extrinsics available": "",
+  "No funds staked yet. Bond funds to validate or nominate a validator": "Нет депонированных средств. Депонируйте средства для валидации или номинации",
+  "No items": "Нет элементов",
+  "No judgements": "",
+  "No judgments": "Нет оценок",
+  "No justifications available": "",
+  "No logs available": "Нет доступных логов",
+  "No matches found": "Совпадений не найдено",
+  "No members found": "Участников не найдено",
+  "No ongoing auction": "",
+  "No open bounties": "Нет открытых наград",
+  "No open tips": "Нет запросов на чаевые",
+  "No pending era payouts from validators": "Нет ожидающих платежей от валидаторов",
+  "No pending extrinsics are in the queue": "В очереди нет экстринзиков",
+  "No pending payouts for your stashes": "Для Ваших копилок нет ожидающих платежей",
+  "No pending payouts for your validators": "",
+  "No pending proposals": "Нет предложений",
+  "No runners up found": "Претендентов не найдено",
+  "No sub identities set.": "",
+  "No suspended candidates": "",
+  "No suspended members": "",
+  "No upgradable extensions found": "Не нашлось расширений с обновлениями",
+  "No waiting validators found": "Нет ожидающих валидаторов",
+  "No winners in this auction": "",
+  "No, block all nominations": "",
+  "Node info": "Информация о ноде",
+  "Nominate": "Номинировать",
+  "Nominate Validators": "Номинировать валидаторов",
+  "Nominate selected": "Номинировать выбранные",
+  "Nominate validators": "Номинировать валидаторов",
+  "Nominating": "",
+  "Nominations ({{count}})": "Номинаций ({{count}})",
+  "Nominator": "Номинатор",
+  "Nominators": "",
+  "Nominators ({{count}})": "",
+  "Nominators can be selected automatically based on the current on-chain conditions or supplied manually as selected from the list of all currently available validators. In both cases, your favorites appear for the selection.": "Валидаторов можно выбрать автоматически исходя из текущего состояния сети, либо вручную, выбирая из списка текущих валидаторов. В обоих случаях Ваши избранные валидаторы будут в списке.",
+  "Nominators can be selected manually from the list of all currently available validators.": "",
+  "Non-signature, non-hex data received from QR. Data contains \"{{sample}}\" instead of a hex-only signature. Please present the correct signature generated from the QR presented for submission.": "",
+  "Non-voters ({{count}})": "",
+  "Nonce": "Nonce",
+  "None": "Никто",
+  "Normal transfer without keep-alive checks": "Обычный перевод без сигналов \"keep-alive\"",
+  "Not on-chain": "",
+  "Not updated in the last block": "Не обновлено в последнем блоке",
+  "Nothing queued for execution": "Очередь пуста",
+  "Of the beneficiary amount, at least {{bondPercentage}} would need to be put up as collateral. The maximum of this and the minimum bond will be used to secure the proposal, refundable if it passes.": "Минимум {{bondPercentage}} от запрошенной суммы требуется в качестве депозита. Большее из этого значения и минимального депозита будет использовано для обеспечения, возвращаемого если предложение будет одобрено.",
+  "Once bonded, it will need to be unlocked/withdrawn and will be locked for at least the bonding duration.": "Депонируемые средства будут недоступны как минимум на срок депозита, и требуют операции освобождения.",
+  "Once transmitted the new selection will only take effect in 2 eras since the selection criteria for the next era was done at the end of the previous era. Until then, the nominations will show as inactive.": "Новый подбор будет действительным через 2 эры. До этого номинации будут показаны как неактивные.",
+  "Once transmitted the new selection will only take effect in 2 eras taking the new validator election cycle into account. Until then, the nominations will show as inactive.": "",
+  "One of your available nomination accounts, keyed by the stash. The transaction will be sent from the controller.": "Один из Ваших доступных аккаунтов номинации занят аккаунтом-копилкой. Транзакция будет отправлена с аккаунта-контроллера.",
+  "One or more extensions are detected in your browser, however no accounts has been injected.": "",
+  "Online message": "",
+  "Only applicable if the proposal has already passed and is ready for dispatch.": "Валидно только для одобренных предложений, готовых для отправки.",
+  "Only curator can extend the bounty time.": "Только куратор может увеличивать сроки для получения награды",
+  "Only the account proposed as curator by the council can create the assign curator transaction": "Только аккаунт утвержденный в роли куратора советом может управлять кураторскими переводами",
+  "Only the account proposed as curator by the council can create the unassign curator transaction ": "Только аккаунт утвержденный в роли куратора советом может осуществить операцию снятия куратора с должности",
+  "Override any applicable values for the specific signed output. These will be used to construct and display the signed transaction.": "Переопределите все применимые значения для данного подписанного вывода. Они будут использоваться для построения и отображения подписанной транзакции.",
+  "Override the default identity icon display with a specific theme": "Заменить базовый вариант иконки личности",
+  "Override the default ss58 prefix for address generation": "Заменить базовый ss58 префикс для генерации адреса",
+  "Oversubscribed": "",
+  "Oversubscribed nominations ({{count}})": "",
+  "Overview": "Обзор",
+  "Own stashes": "",
+  "Own validators": "",
+  "Owned": "В собственности",
+  "Para validator": "",
+  "ParaId": "",
+  "ParaThread": "",
+  "Parachains": "Парачейны",
+  "Parachains overview": "Обзор парачейна",
+  "Parathreads": "",
+  "Part of the bounty value that will go to the Curator as a reward for their work": "Часть награды, которая достанется Куратору, как плата за работу",
+  "Password are ignored for hex seed": "",
+  "Past": "",
+  "Paste here the address of the contact you want to add to your address book.": "Вставтье адрес контакта, который хотите добавить в Вашу адресную книгу.",
+  "Paste the signed message into the field below. The placeholder text is there as a hint to what the message should look like:": "",
+  "Payout": "Выплатить",
+  "Payout all": "Выплатить всем",
+  "Payout all stakers": "Выплата всем стейкерам",
+  "Payouts": "",
+  "Payouts ({{count}})": "",
+  "Payouts of rewards for a validator can be initiated by any account. This means that as soon as a validator or nominator requests a payout for an era, all the nominators for that validator will be rewarded. Each user does not need to claim individually and the suggestion is that validators should claim rewards for everybody as soon as an era ends.": "",
+  "Pending call hashes": "Ожидающие вызова хэши",
+  "Place bid": "",
+  "Please make sure to save this file in a secure location as it is required, together with your password, to restore your account.": "Пожалуйста, сохраните этот файл в безопасном месте, поскольку он вместе с паролем необходим для восстановления Вашего аккаунта.",
+  "Please read these terms and conditions carefully. By submitting this statement, you are deemed to have accepted these Terms and Conditions. If you do not agree to these terms, please refrain from accessing or proceeding. You can also find them at:": "Пожалуйста, прочитайте условия соглашения внимательно. Отправляя это заявление, Вы соглашаетесь с данными условиями. Если Вы не согласны, будьте добры, не продолжайте процесс. Вы также можете найти соглашение по адресу:",
+  "Positive number": "Положительное число",
+  "Positive number between 1 and {{count}}": "Положительное число между 1 и {{count}}",
+  "Positive number between 1 and {{memberCount}}": "Положительное число от 1 до {{memberCount}}",
+  "Positive number greater than or equal to {{nextFreeId}}": "Положительное число большее или равно {{nextFreeId}}",
+  "Potential dispatch of referendum {{id}} (if passed)": "",
+  "Pre-sale ethereum address": "Адрес Ethereum, используемый на предпродаже",
+  "Prefix indicates the ss58 address format in this network, it is a 16 bit unsigned integer that describes the precise format of the bytes of the address": "Префикс обозначает, что в этой сети используется формат ss58 для адресов. Это число между 0 и 255, оно описивает точный формат байтов адреса",
+  "Preimage": "Прообраз",
+  "Preparing QR for signing": "",
+  "Present the QR code containing the signature to the UI. Once scanned it will be submitted for on-chain processing and execution.": "Предьявите QR код с подписью. После сканирования транзакция будет запущена для исполнения в сети",
+  "Prev": "Предыдущий",
+  "Prior locked voting": "",
+  "Private Key": "Приватный ключ",
+  "Produced blocks": "",
+  "Proposal can either be to approve or reject this spend. Once approved, the change is applied by either removing the proposal or scheduling payout.": "",
+  "Proposal can either be to approve or reject this spend. One approved, the change is applied by either removing the proposal or scheduling payout.": "Предложение может быть либо одобрено, либо отклонено. Вы можете либо произвести оплату, либо удалить предложение",
+  "Proposals": "Предложения",
+  "Proposals ({{count}})": "Предложений ({{count}})",
+  "Propose": "Предложить",
+  "Propose a committee motion": "Сделать предложение комитету",
+  "Propose a council motion": "Предложить ходатайство Совету",
+  "Propose curator": "Предложить куратора",
+  "Propose external": "Предложить публично",
+  "Propose external (majority)": "Предложить публично (большинство)",
+  "Propose motion": "Предложить на голосование",
+  "Propose parachain": "",
+  "Propose tip": "Предложить чаевые",
+  "Proposed Curator": "Предлагаемый куратор",
+  "Proposer": "Автор предложения",
+  "Proposer bond depends on bounty title length.": "Блокируемая сумма средств автора предложения зависит от размеров заголовка фонда для награждения",
+  "Provide judgement": "Сделать оценку",
+  "Provide the account QR from the module/external application for scanning. Once detected as valid, you will be taken to the next step to add the account to your list.": "Предоставьте QR-код аккаунта из модуля/внешнего приложения для сканирования. Когда он будет правильным, Вы перейдете к следующему шагу, чтобы добавить учетную запись в свой список.",
+  "Proxied": "",
+  "Proxied account has no owned proxies": "",
+  "Proxy overview": "",
+  "RPC calls": "RPC вызовы",
+  "Random": "Случайный",
+  "Raw seed": "Исходная секретная фраза",
+  "Raw storage": "Хранилище исходных фраз",
+  "Read": "",
+  "Reasonable": "Обоснованный",
+  "Reassign": "Переназначить",
+  "Rebond": "",
+  "Rebond funds": "",
+  "Recovery": "",
+  "Redeem": "Получить",
+  "Refund": "",
+  "Register": "Зарегистрировать",
+  "Register Asset": "Зарегистрировать Актив",
+  "Register a parachain": "Зарегистрировать парачейн",
+  "Register an Asset": "Зарегистрировать Актив",
+  "Register identity": "Привязать к аккаунту личность (персональные данные)",
+  "Register parathread": "",
+  "Register sub-identities": "",
+  "Register the vote for or against the proposal.": "Голосовать за или против предложения.",
+  "Reject": "Отказать",
+  "Reject curator": "Отказать кандидату на роль куратора",
+  "Rejection proposal to council": "Направить предложение Совету с голосом против",
+  "Rejections": "Отказы",
+  "Remove": "Убрать",
+  "Remove ABI": "Убрать ABI",
+  "Remove item": "Убрать пункт",
+  "Remove nominees": "",
+  "Remove sub": "Удалить дополнительные аккаунты",
+  "Remove validator": "",
+  "Renomination required ({{count}})": "",
+  "Reserve ParaId": "",
+  "Reset": "Сбросить",
+  "Restore": "Восстановить",
+  "Restore JSON": "Восстановить из JSON файла",
+  "Retrieving active nominators": "",
+  "Retrieving data": "Сбор данных",
+  "Retrieving destination chain fees": "",
+  "Retrieving info for all applicable eras, this will take some time": "Сбор информации из всех нужных эр, это может занять немало времени",
+  "Retrieving info for the selected eras, this will take some time": "",
+  "Retrieving nominators": "",
+  "Retrieving online status": "",
+  "Retrieving sub-identities": "Восстановить дополнительные аккаунты",
+  "Retrieving totals...": "",
+  "Retrieving validator info": "",
+  "Retrieving validators": "",
+  "Revert": "Вернуться",
+  "Revert pending slashes": "Вернуть намеченные слэши",
+  "Reward implementer": "Награда исполнителя",
+  "Reward the bounty to an implementer's account. The implementer will be able to claim the funds after a delay period.": "Выплатить награду на аккаунт исполнителя. После временной задержки, исполнитель сможет запросить средства",
+  "Rewards (once paid) can be deposited to either the stash or controller, with different effects.": "Вознаграждение (после оплаты) может быть перечислено либо на аккаунт-копилку, либо на контроллер, с разными последствиями",
+  "Save": "Сохранить",
+  "Save & Reload": "Сохранить и перезагрузить страницу",
+  "Save delegation": "Утвердить делегирование",
+  "Save snippet to local storage": "Сохранить фрагмент в локальное хранилище",
+  "Save the type definitions for your custom structures as key-value pairs in a valid JSON file. The key should be the name of your custom structure and the value an object containing your type definitions.": "Сохраните определения типов для Ваших пользовательских структур в виде пар ключ-значение в файле JSON. Ключ должен быть именем Вашей пользовательской структуры и значением объекта, содержащего Ваши определения типов.",
+  "Save this backup file in a secure location. Additionally, the password associated with this account is needed together with this backup file in order to restore your account.": "Пожалуйста, сохраните этот резервный файл в безопасном месте, поскольку он вместе с паролем необходим для восстановления Вашего аккаунта.",
+  "Saved": "Сохранено",
+  "Scan Signature Qr": "Сохранить подпись QR",
+  "Scan the QR code with your QR scanner. Once approved, you will be required to present the signed QR back to the UI for submission.": "Сканируйте QR код. После одобрения Вы должны будете предьявить подписанный QR для запуска.",
+  "Search for": "Искать",
+  "Second": "Поддерживаю",
+  "Second proposal": "Поддерживаю предложение",
+  "Seconding a proposal that indicates your backing for the proposal. Proposals with greater interest moves up the queue for potential next referendums.": "Поддержание предложения указывает на Ваш интерес в нем. Предложения с большим интересом будут продвигаться в очереди на следующий референдум",
+  "Seconds ({{count}})": "Поддерживают ({{count}})",
+  "Select Network": "Выберите сеть",
+  "Select a JSON key file with the list of signatories.": "",
+  "Select a contact or paste the address you want to send funds to.": "Выберите контакт или вставтье адрес, на который хотите отправить средства",
+  "Select an account which (after a successful vote) will act as a curator.": "Выберите аккаунт, который (после победы на голосовании) будет исполнять роль куратора.",
+  "Select and order council candidates you wish to vote for.": "Выберите кандидатов в Совет, за которых хотите голосовать",
+  "Select best": "Выбрать лучшего",
+  "Select example": "Выберите пример",
+  "Select targets manually (no auto-selection based on current profitability)": "Выбрать валидаторов вручную (без автоподбора по текущей доходности)",
+  "Select the JSON key file that was downloaded when you created the account. This JSON file contains your private key encrypted with your password.": "Выберите JSON файл, который был скачан при создании аккаунта. Он содержит Ваш приватный ключ, зашифрованный Вашим паролем.",
+  "Select the account to use for this action.": "Выберите аккаунт для этого действия",
+  "Select the account you wish close the proposal with.": "Выберите аккаунт, которым хотите закрыть это предложение",
+  "Select the account you wish to make the proposal with.": "Выберите аккаунт, которым хотите сделать это предложение",
+  "Select the account you wish to propose the bounty from.": "Выберите аккаунт с которого хотите создать наградительный фонд",
+  "Select the account you wish to recover into this account.": "Выберите аккаунт, в который хотите восстановить этот аккаунт",
+  "Select the account you wish to second with. This will lock your funds until the proposal is either approved or rejected": "Выберите аккаунт, которым хотите поддержать это предложение. Ваши средства будут заморожены до того, как предложение одобрено или отклонено",
+  "Select the account you wish to submit for candidacy.": "Выберите аккаунт, которым хотите предложить кандидатуру",
+  "Select the account you wish to submit the proposal from.": "Выберите аккаунт, с которого хотите сделать это предложение",
+  "Select the account you wish to submit the tip from.": "Выберите аккаунт, с которого хотите оплатить чаевые",
+  "Select the account you wish to vote with. You can approve \"aye\" or deny \"nay\" the proposal.": "Выберите аккаунт, с которого хотите голосовать. Вы можете одобрить \"За\" или не поддержать \"Против\" предложение",
+  "Select the committee account you wish to make the proposal with.": "",
+  "Select the council account you wish to use to make the proposal.": "Выберите аккаунт Совета, с которого хотите сделать это предложение",
+  "Select the council member account you wish to use to create a motion for the Bounty.": "",
+  "Select the council member account you wish to use to create a proposal for closing bounty.": "Выберите желаемый аккаунт члена совет, который создаст предложение о прекращении существования награды",
+  "Select the remote endpoint, either from the dropdown on manual entered via the custom toggle": "Выберите удаленный эндпоинт либо из выпадающего меню либо через настраиваемый переключатель",
+  "Send": "Отправить",
+  "Send funds": "Отправить средства",
+  "Send funds from this account": "Отправить средства с этого аккаунта",
+  "Send funds to this address": "Отправить средства на этот адрес",
+  "Send to council": "Отправить в Совет",
+  "Sending transaction": "Отправка транзакции",
+  "Session Key": "Ключ сессии",
+  "Set Identity": "Установить личность",
+  "Set Session Key": "Установить сессионный ключ",
+  "Set Subs": "",
+  "Set controller": "Установить контроллер",
+  "Set nominees": "Выбрать кандидатов",
+  "Set on-chain identity": "Персонализировать аккаунт на блокчейне",
+  "Set on-chain sub-identities": "",
+  "Set reward destination": "Аккаунт для получения вознаграждения",
+  "Set sudo key": "Установить sudo-ключ",
+  "Set to 0 to make transaction immortal": "Поставить значение 0, чтобы транзакция была вечной",
+  "Set validator preferences": "Установить настройки валидатора",
+  "Settings": "Настройки",
+  "Setup Nominator {{step}}/{{NUM_STEPS}}": "Задать Номинатора {{step}}/{{NUM_STEPS}}",
+  "Setup Validator {{step}}/{{NUM_STEPS}}": "Задать Валидатора {{step}}/{{NUM_STEPS}}",
+  "Setup account as recoverable": "Сделать аккаунт восстановляемым",
+  "Share": "",
+  "Should the search be case sensitive, e.g if you select \"no\" your search for \"Some\" may return addresses containing \"somE\" or \"sOme\"...": "Учитывать ли при поиске регистр. Если Вы выберете «нет», Ваш запрос «Некоторые» может возвращать адреса, содержащие «некоторыЕ» или «некОторые» ...",
+  "Should the search be case sensitive, e.g if you select \\no\\ your search for \\Some\\ may return addresses containing \\somE\\ or \\sOme\\...": "Поиск должен быть с учетом регистра. Например, если поставить \\нет\\, то Ваш поиск \\кот\\ даст результаты содержащие \\Кот\\ или \\кОт\\...",
+  "Show address on hardware device": "Показать адрес на устройстве",
+  "Sign (no submission)": "Подписать (без отправки)",
+  "Sign and Submit": "Подписать и отправить",
+  "Sign for multisig": "Подписать мультиподписью",
+  "Sign message": "Подписать сообщение",
+  "Sign via Qr": "Подписать QR-кодом",
+  "Sign via {{hardwareType}}": "Подписать с помощью {{hardwareType}}",
+  "Signed transaction": "Подписанная транзакция",
+  "Since some extensions, such as the polkadot-js extension, protects you against all community reported phishing sites, there are valid reasons to use them for additional protection, even if you are not storing accounts in it.": "",
+  "Since the multisig function like any other account, once created it is available for selection anywhere accounts are used and needs to be funded before use.": "Поскольку мультиподпись работает как любой другой эккаунт, то после создания он становится доступным везде где используются аккаунты, и должен иметь средства на балансе",
+  "Since this transaction deals with funding, the stash account will be used.": "Поскольку это денежная транзакция, то будет использован стэш аккаунт",
+  "Skeptics": "Скептики",
+  "Slash curator": "",
+  "Slash curator (Council)": "",
+  "Slashed": "",
+  "Slashed in era {{eras}}": "",
+  "Slashes": "",
+  "Society": "Общество",
+  "Society overview": "Обзор общества",
+  "Soft derivation paths are not allowed on ed25519": "",
+  "Specified payment account": "",
+  "Specify the user account to use for this contract call. And fees will be deducted from this account.": "Укажите пользовательский аккаунт для этого контрактного вызова. Расходы будут сниматься с этого аккаунта.",
+  "Specify the user account to use for this contract call. Any fees will be deducted from this account.": "Укажите пользовательский аккаунт для этого контрактного вызова. Расходы будут сниматься с этого аккаунта.",
+  "Specify the user account to use for this deployment. And fees will be deducted from this account.": "Укажите пользовательский аккаунт для этого развертывания. Расходы будут сниматься с этого аккаунта.",
+  "Specify the user account to use for this deployment. Any fees will be deducted from this account.": "Укажите пользовательский аккаунт для этого развертывания. Расходы будут сниматься с этого аккаунта.",
+  "Split of 1000x": "",
+  "Split of 1000x from the original sale; will mean a total of 10 billion DOT from genesis. Apparent DOT price would be 1000x lower and apparent account balances 1000x higher.": "",
+  "Split of 100x": "",
+  "Split of 100x from the original sale; will mean a total of 1 billion DOT from genesis. Apparent DOT price would be 100x lower and apparent account balances 100x higher.": "",
+  "Split of 10x": "",
+  "Split of 10x from the original sale; will mean a total of 100 million DOT from genesis. Apparent DOT price would be 10x lower and apparent account balances 10x higher.": "",
+  "Staking overview": "Обзор стейкинга",
+  "Start generation": "Начать генерацию",
+  "Start of a new staking era {{id}}": "",
+  "Start of a new staking session {{id}}": "",
+  "Start of next membership challenge period": "",
+  "Start of next spending period": "",
+  "Start of the next parachain lease period {{id}}": "",
+  "Start of the next referendum voting period": "",
+  "Start recovery": "Начать восстановление",
+  "Stash": "Копилка",
+  "Stash account (do not increase the amount at stake)": "",
+  "Stash account (increase the amount at stake)": "",
+  "Stop": "Остановить",
+  "Stop generation": "Остановить генерацию",
+  "Storage": "Хранилище",
+  "Submission": "",
+  "Submit": "Подать",
+  "Submit (no signature)": "Отправить (без подписи)",
+  "Submit Aye vote with proposal": "",
+  "Submit Bid": "",
+  "Submit RPC call": "Отправить вызов RPC",
+  "Submit Sudo": "Отправить Sudo",
+  "Submit Sudo Unchecked": "",
+  "Submit Transaction": "Отправить транзакцию",
+  "Submit Unsigned": "Отправить неподписанную транзакцию",
+  "Submit an Aye vote alongside the proposal as part of a batch": "",
+  "Submit bid": "",
+  "Submit candidacy": "Подать кандидатуру",
+  "Submit key": "Предъявить ключ",
+  "Submit preimage": "Представить прообраз",
+  "Submit proposal": "Представить предложение",
+  "Submit signed extrinsic": "Предъявите подписанный экстринзик",
+  "Submit tip": "Отправить чаевые",
+  "Submit tip endorsement": "Отправить поддержку для чаевых",
+  "Submit tip request": "Отправить запрос на чаевые",
+  "Submit treasury proposal": "Отправить предложение в сокровищницу",
+  "Submit your council candidacy": "Подать свою кандидатуру в совет",
+  "Sudo access": "Sudo-доступ",
+  "Sudo key": "Ключ администратора",
+  "Supply a JSON file with the list of signatories.": "",
+  "Supply a backed-up JSON file, encrypted with your account-specific password.": "Предоставьте резервный файл JSON, зашифрованный с помощью пароля вашей учетной записи.",
+  "Suspended": "",
+  "Swap to a non-executing approval type, with subsequent calls providing the actual call data.": "",
+  "Switch": "Переключатель",
+  "Tags": "",
+  "Targets": "Назначение",
+  "Tech. committee": "Тех. комитет",
+  "Technical committee": "Технический комитет",
+  "Teleport": "",
+  "Teleport assets": "",
+  "Test account": "Тестовый аккаунт",
+  "The ABI for the WASM code. The ABI is required and stored for future operations such as sending messages.": "",
+  "The Curator account that will be used to send this transaction. Any applicable fees will be paid by this account.": "Аккаунт Курратора будет использован для этой транзакции. Любые применимые комиссии будут выплачиваться данным аккаунтом",
+  "The Curator account that will give up on it's role.": "Аккаунт Куратора, который откажется от своей роли",
+  "The Curator that will be slashed.": "",
+  "The Curator that will be unassigned": "Куратор который будет смещен с поста",
+  "The Ethereum address you used during the pre-sale (starting by \"0x\")": "Адрес Ethereum, который Вы использовали на предпродаже (начинается с \"0x\")",
+  "The Id of this parachain as known on the network (selected from nextFreeId)": "",
+  "The RPC node can be selected from the pre-defined list or manually entered, depending on the chain you wish to connect to.": "RPC-ноду можно либо выбрать из списка, либо задать вручную, в зависимости от сети, к которой хотите подключиться",
+  "The Threshold must be a positive number": "Порог должен быть положительным числом",
+  "The Threshold must lower than 11": "Порог должен быть меньше 11",
+  "The UI puts a limit of 40 payouts at a time, where each payout is a single validator for a single era.": "",
+  "The WASM validation function as well as the genesis state for this parachain.": "",
+  "The WASM validation function for this parachain.": "",
+  "The above contribution should more than minimum contribution amount and less than the remaining value.": "",
+  "The account does not have enough free funds (excluding locked/bonded/reserved) available to cover the transaction fees without dropping the balance below the account existential amount.": "",
+  "The account password as specified when creating the account. This is used to encrypt the backup file and subsequently decrypt it when restoring the account.": "Пароль аккаунта устанавливается при его создании. Он используется для шифрования резервного файла и раскодирования его при восстановлении аккаунта.",
+  "The account that is to be used for issuing this token.": "Аккаунт использованный для выпуска этого токена.",
+  "The account that is to be used for ongoing admin on the token.": "Аккаунт используемый для управления этим токеном",
+  "The account that is to be used for performing freezing.": "Аккаунт используемый для заморозки средств",
+  "The account that is to be used to create this asset and setup the initial metadata.": "Аккаунт создавший данный тип средств и установивший базовые метаданные",
+  "The account that signed the input": "Аккаунт, подписавший входные данные",
+  "The account that will create the transaction.": "Аккаунт с которого будет произведен транш",
+  "The account that will sign the transaction.": "Аккаунт подписывающий перевод",
+  "The account to transfer from. This account should have sufficient assets for this transfer.": "Аккаунт с которого осуществляется перевод. Данный аккаунт должен обладать достаточными для перевода средствами",
+  "The account to which the proposed balance will be transferred if approved": "Аккаунт для перечисления средств, если предложение бедет одобрено",
+  "The account to which the tip will be transferred if approved": "Аккаунт для перечисления чаевых, если предложение бедет одобрено",
+  "The account type (derivation) to use": "",
+  "The account type that you wish to create. This is the top-level derivation.": "",
+  "The account you want to claim to.": "Аккаунт, на который хотите запросить средства.",
+  "The account you want to register the bid from": "",
+  "The account you want to register the preimage from": "Аккаунт, с которого хотите зарегистрировать прообраз",
+  "The account you want to register the proposal from": "Аккаунт, с которого хотите зарегистрировать предложение",
+  "The account you will send funds from.": "Аккаунт, с которого хотите отправить средства.",
+  "The account's password specified at the creation of this account.": "Пароль аккаунта, установленый при его создании",
+  "The actual JSONRPC module and function to make a call to.": "JSONRPC модуль и функция, которые нужно вызвать",
+  "The actual account you wish to submit the bid with": "",
+  "The actual fully constructed signed output. This can be used for submission via other channels.": "",
+  "The actual proposal to make, based on the selected call and parameters thereof.": "Создание фактического предложение, исходя из выбранного вызова и его параметров.",
+  "The address for the deployed contract instance.": "Адрес развернутого контракта.",
+  "The address index (derivation on account) to use": "",
+  "The address index on the account that you wish to add. This is the second-level derivation.": "",
+  "The address that has previously setup a proxy to one of the accounts that you control.": "",
+  "The address that you have a valid proxy setup for.": "",
+  "The address to vote from (must be a member)": "Адрес с которого хотите голосовать (должен быть членом)",
+  "The addresses that are able to approve multisig transactions. You can select up to {{maxHelpers}} trusted addresses.": "Адреса, которые могут доказать транзакции мультиподписи. Можете выбрать не более {{maxHelpers}} доверенных адресов",
+  "The addresses that are able to help in recovery. You can select up to {{maxHelpers}} trusted helpers.": "Адреса, которые могут помочь при восстановлении. Можете выбрать до {{maxHelpers}} доверяемых помощников.",
+  "The allotted endowment for the deployed contract, i.e. the amount transferred to the contract upon instantiation.": "",
+  "The allotted endowment for this contract, i.e. the amount transferred to the contract upon instantiation.": "Средства, выделенные на этот контракт, то есть сумма, которая будет перечислена при его запуске.",
+  "The allotted value for this contract, i.e. the amount transferred to the contract as part of this call.": "Средства, выделенные на этот контракт, то есть сумма, которая будет перечислена этим вызовом.",
+  "The amount deposited to the recipient will be net the calculated cross-chain fee.": "",
+  "The amount deposited to the recipient will be net the calculated cross-chain fee. If the recipient address is new, the amount deposited should be greater than the Existential Deposit": "",
+  "The amount is less than the minimum allowed contribution of {{value}}": "",
+  "The amount is more than the remaining contribution needed {{value}}": "",
+  "The amount of funds to unbond, this is adjusted using the bonded funds on the stash account.": "Количество средств, которое хотите освободить от привязки со стэш аккаунта",
+  "The amount of tokens to issue to the account.": "Количество токенов выпущенных для аккаунта",
+  "The amount of tokens to transfer to the account.": "Количество токенов передаваемых на аккаунт",
+  "The amount placed at-stake should allow some free funds for future transactions.": "",
+  "The amount placed at-stake should be no more that 95% of your available amount to protect against slashing events.": "Средства для депонирования не должны превышать 95% свободных средств, для защиты от слэшинг событий",
+  "The amount placed at-stake should not be your full available available amount to allow for transaction fees.": "",
+  "The amount reserved to store this image": "",
+  "The amount that is associated with this vote. This value is is locked for the duration of the vote.": "Сумма для голосования, она будет недоступна в течении голосования",
+  "The amount that is associated with this vote. This value is locked for the duration of the vote.": "",
+  "The amount that is reserved": "",
+  "The amount that will be allocated from the treasury pot": "Сумма, которая будет выделена из казначейства",
+  "The amount that will be used on a per-validator basis to calculate profits for that validator.": "Сумма для расчета дохода от валидатора",
+  "The amount the is to be rebonded from the value currently unlocking, i.e. previously unbonded": "",
+  "The amount this total can be reduced by to change the referendum outcome. This assumes changes to the convictions of the existing votes, with no additional turnout.": "Сумма, на которую эта сумма может быть уменьшена, чтобы изменить исход референдума. Это предполагает внесение изменений в убеждения существующих избирателей, без дополнительной явки.",
+  "The amount this total should be increased by to change the referendum outcome. This assumes additional turnout with new votes at 1x conviction.": "Сумма, на которую эта сумма должна быть увеличена, чтобы изменить исход референдума. Это предполагает дополнительную явку с новыми голосами при 1х убеждениях.",
+  "The amount to allocate and the conviction that will be applied to all votes made on a referendum.": "",
+  "The amount to associate with your bid, should be less than the pot.": "",
+  "The amount to be raised in this funding campaign.": "",
+  "The amount to contribute from this account.": "",
+  "The amount to tie to your bid. The lowest bidder moves forward.": "",
+  "The amount to to bid for this parachain lease period range.": "",
+  "The amount will be reserved for the duration of your vote": "",
+  "The amount you wish to be tipped for your bid.": "",
+  "The amount you wish to lock for the duration. It needs to be more than the gilt minimum.": "",
+  "The associated deposit for this proposal should be more then the minimum on-chain deposit required. It will be locked until the proposal passes.": "Депозит для этого предложения должен быть больше установленного минимума. Депозит будет возвращен только после одобрения предложения.",
+  "The associated proxy to use for this account": "",
+  "The auto-selection is done on the current profitability of the validators taking your favorites into account. It is adjusted based on the commission and current range of backing for the validator. The calculation may and will change over time, so it is rather a selection based on the current state of the network, not a predictor of future profitability.": "Автоподбор учитывает доходность валидаторов и Ваши предпочтения. Он меняется в зависимости от комиссий и стейка валидаторов. Расчет постоянно меняется, и является отражением текущего состояния а не предсказанием будущей доходности",
+  "The balance associated with the vote will be locked as per the conviction specified and will not be available for transfer during this period.": "Остаток средств, связанный с голосованием, будет заблокирован в соответствии с указанным обвинительным приговором и не будет доступен для передачи в течение этого периода.",
+  "The balance to transfer from the `origin` to the newly created contract.": "",
+  "The beneficiary will have access to the transferred amount when the transaction is included in a block.": "",
+  "The beneficiary will have access to the transferred asset when the transaction is included in a block.": "Получатель получит доступ к передаваемым средствам, когда транзакция попадет в блок",
+  "The beneficiary will have access to the transferred fees when the transaction is included in a block.": "Получатель будет иметь доступ к отправляемым средствам когда транзакция попадет в блок.",
+  "The beneficiary will receive the full amount if the proposal passes.": "Получатель получит полную сумму в случае одобрения членами совета",
+  "The beneficiary will received the tip as approved by council members.": "Получатель получит чаевые в случае одобрения членами совета",
+  "The bid should be more than the current range winner to be accepted and influence the auction outcome.": "",
+  "The blake2b 256-bit hash of the actual input data.": "Blake2b 256-битовый хэш вводных данных.",
+  "The bond that is reserved": "",
+  "The bond will be reserved for the duration of your candidacy and membership.": "",
+  "The bonded amount is less than the current active minimum nominated amount of {{minNomination}} and depending on the network state, may not be selected to participate": "",
+  "The bonded amount is less than the minimum bond amount of {{existentialDeposit}}": "",
+  "The bonded amount is less than the minimum threshold of {{minBond}} for nominators": "",
+  "The bonded amount is less than the minimum threshold of {{minBond}} for validators": "",
+  "The bonding duration for any staked funds. After this period needs to be withdrawn.": "Время выделенное для освобождения номинированных средств. После этого периода требуется операция вывода средств",
+  "The bonding duration for any staked funds. Needs to be unlocked and withdrawn to become available.": "Время выделенное для освобождения номинированных средств. После этого периода требуется операция вывода средств для свободного распоряжения ими",
+  "The calculated storage costs based on the size and the per-bytes fee.": "",
+  "The call data for this transaction matching the hash. Once sent, the multisig will be executed against this.": "",
+  "The call hash as calculated for this transaction": "",
+  "The call hash from the list of available and unapproved calls.": "",
+  "The call hashes that have not been executed as of yet.": "Хэши невыполненных вызовов.",
+  "The candidate/bid account. Once accepted this account will become a member.": "",
+  "The code hash for the on-chain deployed code.": "Хэш кода для развернутого кода на блокчейне.",
+  "The code is not recognized as being in valid WASM format": "Код не соответствует WASM формату",
+  "The codeHash is not a valid hex hash": "codeHash не соответствует валидному 16-ричному хэшу",
+  "The color used to distinguish this network with others, use color code with 3 or 6 digits, like \"#FFF\" or \"#111111\"": "Цвет, используемый для различения этой сети с другими, используйте цветовой код с 3 или 6 цифрами, например \"#FFF \" или \" #111111\"",
+  "The color used to distinguish this network with others, use color code with 3 or 6 digits, like \\#FFF\\ or \\#111111\\": "Цвет для обозначения сети, используйте коды цвета с 3 или 6 знаками, например \\#FFF\\ или \\111111\\",
+  "The commission is deducted from all rewards before the remainder is split with nominators.": "Комиссионные вычитаются из всех вознаграждений прежде чем остаток распределяется между номинаторами",
+  "The committee account that will apply the close for the current round.": "Счет Комитета, который будет применять закрытие для текущего раунда.",
+  "The compiled WASM for the contract that you wish to deploy. Each unique code blob will be attached with a code hash that can be used to create new instances.": "Компилированный WASM контракта, который хотите развернуть. Каждый блок кода получит свой хэш, который можно будет использовать для создания новых копий.",
+  "The compiled runtime WASM for the parachain you wish to register.": "Скомпилированная среда выполнения WASM для парачейна, которую Вы хотите зарегистрировать.",
+  "The compiled runtime WASM for this parachain.": "Скомпилированная среда выполнения была создана для этого парачейна.",
+  "The contract WASM previously deployed. Internally this is identified by the hash of the code, as either created or attached.": "Контракт был заключен еще раньше. Внутренне это определяется хэшем кода, как созданным так и присоединенным.",
+  "The controller does not have sufficient funds available to cover transaction fees. Ensure that a funded controller is used.": "",
+  "The controller is the account that is be used to control any nominating or validating actions. I will sign this transaction.": "Контроллер - это аккаунт, который используется для контроля любых действий валиации или номинации. Подписываю эту транакцию.",
+  "The controller is the account that will be used to control any nominating or validating actions. Should not match another stash or controller.": "Контроллер - это аккаунт, который используется для контроля любых действий валиации или номинации. Должен отличаться от другого стэша или контроллера.",
+  "The conviction that will be used for each delegated vote.": "",
+  "The conviction to use for this vote, with an appropriate lock period.": "Убеждение, которое хотите использовать для этого голосования. Определяет срок депонирования средств",
+  "The council account for the proposal. The selection is filtered by the current members.": "Аккаунт совета для предложения. Селекция фильтрует текущих членов",
+  "The council account for this vote. The selection is filtered by the current members.": "Аккаунт совета для голосования. Селекция фильтрует текущих членов",
+  "The council account that will apply the close for the current round.": "Аккаунт совета который может закрыть текущий раунд",
+  "The council member that is proposing this, submission equates to an \"aye\" vote.": "Член совета который делает предложение, автоматически голусует \"За\".",
+  "The council member that will create a motion, submission equates to an \"aye\" vote for chosen option.": "",
+  "The council member that will create the close bounty proposal, submission equates to an \"aye\" vote.": "",
+  "The council member that will create the motion, submission equates to an \"aye\" vote.": "",
+  "The council member that will create the motion.": "Член совета который создаст инициативу",
+  "The council proposal to make the vote on": "Предложение совета для голосования",
+  "The creator for this multisig call": "",
+  "The current approvals applied to this multisig": "",
+  "The data that was signed. This is used in combination with the signature for the verification. It can either be hex or a string.": "Подписанные данные. Используется вместе с подписью для проверки. Может быть hex или string",
+  "The delay between vouching and the availability of the recovered account.": "Задержка от поручения.",
+  "The delay period to apply in blocks": "Период задержки для применения в блоках",
+  "The deployment constructor information for this contract, as provided by the ABI.": "Информация о конструкторе запуска для этого контракта, получается из ABI.",
+  "The deposit is below the {{minimum}} minimum required for the proposal to be evaluated": "Депозит меньше чем {{minimum}}, минимума для оценки предложения",
+  "The deposit of {{deposit}} will be reserved until the proposal is completed": "Депозит в размере {{deposit}} будет зарезрвирован до окончания голосования",
+  "The deposit will be locked for the lifetime of the proposal.": "",
+  "The derivation path allows you to create different accounts from the same base mnemonic.": "Путь деривации позволяет создавать различные учетные записи из одной и той же базовой мнемоники.",
+  "The derivation path is only relevant when deriving keys from a mnemonic.": "",
+  "The derivation will be constructed from the values you specify.": "",
+  "The description of this bounty": "Описание награды",
+  "The descriptive name for this asset.": "Описательное имя для данного средства",
+  "The desired threshold. Here set to a default of 50%+1, as applicable for general proposals.": "Желаемый порог. По определению он 50%+1, как для всех общих предложений",
+  "The destination account for any payments as either a nominator or validator": "Целевой аккаунт для платежей от номинации или валидации",
+  "The destination chain for this asset teleport. The transferred value will appear on this chain.": "",
+  "The details of the transaction including the type, the description (as available from the chain metadata) as well as any parameters and fee estimations (as available) for the specific type of call.": "Детали транзакции включая тип, описание (из метаданных сети) а так же параметры и оценка сборов (если есть) для этого типа вызова",
+  "The elected validator list that did not get selected by the Phragmen algorithm for this era. However they may be selected in the future.": "",
+  "The email address associated with this identity.": "Email связанный с этой личностью.",
+  "The end block for contributions to this fund.": "",
+  "The ending lease period should be after the first and a maximum of {{maxPeriods}} periods more than the first": "",
+  "The existing account password as specified when this account was created or when it was last changed.": "Текущий пароль, заданный при создании аккаунта или при последнем изменении.",
+  "The extended expiry date does not depend on the current expiry date.": "Расширенная дата прекращения существования награды не зависит от нынешней даты  прекращения существования",
+  "The external proposal to send to the technical committee": "Внешнее предложение для отправки техническому комитету",
+  "The final recipient balance is less or equal to {{existentialDeposit}} (the existential amount) and will not be reflected": "Баланс финального получателя меньше или равно {{existentialDeposit}} (минимальному балансу) и не будет отражен",
+  "The first and last lease period for this bid. The last lease period should be after the first with the maximum determined by the auction config.": "",
+  "The first and last lease periods for this funding campaign.": "",
+  "The full account balance to be transferred, minus the transaction fees": "",
+  "The full call data that can be supplied to a final call to multi approvals": "",
+  "The funds will only be available for withdrawal after the unbonding period, however will not be part of the staked amount after the next validator election. You can follow the unlock countdown in the UI.": "Средства будут свободны для вывода только после периода блокировки, но после следующего выбора валидатора уже не будут номинировать. Прогресс разблокировки отображается в UI",
+  "The genesis state for the parachain.": "",
+  "The genesis state for this parachain.": "",
+  "The hash for the proposal this vote applies to": "Хэш предложения к которому относится голосование",
+  "The hash of the preimage for the proposal as previously submitted or intended.": "Хэш прообраза для предложения как изначально предложен",
+  "The hash of the proposal image, either already submitted or valid for the specific call.": "Хэш образа предложения, либо уже предложенного либо валидного для этого вызова",
+  "The hash of the selected proposal, use it for submitting the proposal": "Хэш выбранного предложения, используйте для запуска предложения",
+  "The helpers should be able to verify, via an off-chain mechanism, that the account owner indeed wishes to recover access and as such provide any approvals. In the cases of malicious recovery procedures, they will have the power to stop it.": "Помощники должны иметь возможность проверить механизмами вне сети, что владелец аккаунта действительно желает восстановить доступ и одобрить эти действия. В случае злонамереных попыток востановления они будут иметь возможность остановить их.",
+  "The hex output from author_rotateKeys, as executed on the validator node. The keys will show as pending until applied at the start of a new session.": "Шестнадцатеричный вывод из author_rotateKeys, выполненный на узле валидатора. Ключи будут отображаться как отложенные до тех пор, пока они не будут применены в начале нового сеанса.",
+  "The hex-encoded verifier signature should be provided to you by the team running the crowdloan (based on the information you provide).": "",
+  "The id number to assign to this parachain.": "п/п № для этого парачейна",
+  "The id of the parachain to be deregistered.": "п/п № парачейна для снятия регистрации",
+  "The id of this parachain as known on the network": "",
+  "The image (proposal) will be stored on-chain against the hash of the contents.": "Образ (предложение) сохраняется в сети вместе с хэшом содержания",
+  "The initial head state for the parachain.": "Изначальное главное состояние парачейна",
+  "The initial head state is invalid.": "Изначальное главное состояние не действительно",
+  "The input data to hash. This can be either specified as a hex value (0x-prefix) or as a string.": "Входные данные для хэширования. Это может быть указано либо в виде шестнадцатеричного значения (0x-префикс), либо в виде строки.",
+  "The input data to sign. This can be either specified as a hex value (0x-prefix) or as a string.": "Входные данные для подписи. Это может быть указано либо в виде шестнадцатеричного значения (0x-префикс), либо в виде строки.",
+  "The key type and crypto type to use for this key. Be aware that different keys have different crypto requirements. You should be familiar with the type requirements for the different keys.": "Тип ключа и шифрования для этого ключа. Обратите внимание, что разные ключи имеют разные требования по шифрованию, вам должны быть известны какие именно вам нужны.",
+  "The legal name for this identity.": "Юридическое имя этой личности.",
+  "The local name for this account. Changing this does not affect your on-line identity, so this is only used to indicate the name of the account locally.": "Локальное имя для этой учетной записи. Изменение этого параметра не влияет на Вашу онлайн-идентификацию, поэтому он используется только для указания имени учетной записи локально.",
+  "The locked value for this proposal": "Заблокированная сумма для этого предложения",
+  "The maximum amount of gas that can be used by this call. If the code requires more, the call will fail.": "Максимум газа для этого вызова. Если исполнение кода потребует больше, вызов не исполнится.",
+  "The maximum amount of gas that can be used by this deployment, if the code requires more, the deployment will fail": "",
+  "The maximum amount of gas that can be used by this deployment, if the code requires more, the deployment will fail.": "Максимум газа для этого развертывания. Если исполнение кода потребует больше, развертывание не исполнится.",
+  "The maximum amount of gas to use for this contract call. If the call requires more, it will fail.": "",
+  "The maximum amount you can delegate is the amount of funds available on the delegating account.": "",
+  "The message to send to this contract. Parameters are adjusted based on the ABI provided.": "Сообщение для этого контракта. Параметры зависят от ABI.",
+  "The minimum amount that an account should have to be deemed active": "Минимум средств, необходимый для того, чтобы аккаунт считался активным",
+  "The minimum amount that is allowed as a bid": "",
+  "The minimum amount that will be bonded": "Минимум средств для привязки",
+  "The minimum balance allowed for the asset.": "Минимальный баланс разрешенный для данной валюты",
+  "The minimum balance for the asset. This is specified in the units and decimals as requested.": "Минимальный баланс для валюты. Определяется, как указано, в единицах и десятичных дробях",
+  "The minimum deposit required": "Минимальное значение депозита",
+  "The minimum number of committee votes required to approve this motion": "Минимальное количество голосов Совета для одобрения",
+  "The minimum number of council votes required to approve this motion": "Минимальное количество голосов членов совета для одобрения ходатайства",
+  "The multisig signatory for this transaction.": "Аккаунт, подписивающий мультиподпись для этой транзакции",
+  "The name for this account and how it will appear under your addresses. With an on-chain identity, it can be made available to others.": "Имя этой учетной записи и то, как она будет отображаться под Вашими адресами. С личностью в цепи оно может быть доступно другим.",
+  "The name for this account as it will appear under your accounts.": "",
+  "The name for this parachain, the id and the allocated/requested balance.": "",
+  "The name is for unique identification of the account in your owner lists.": "Это имя используется для уникальной идентификации учетной записи в Ваших списках владельцев.",
+  "The name that will be displayed in your accounts list.": "Название, которое будет отображаться в списке Ваших аккаунтов.",
+  "The network from which this account was originally generated is different than the network you are currently connected to. Once imported ensure you toggle the \"allow on any network\" option for the account to keep it visible on the current network.": "",
+  "The network to derive on": "",
+  "The new account password. Once set, all future account unlocks will be performed with this new password.": "Новый пароль. Задай новый пароль. Он будет использоваться в будущем для разблокирования аккаунта.",
+  "The note linked to the extension call, explaining the reason behind it.": "Записка содержит в себе внешний запрос, разъясняющий причины, которые привели к ней",
+  "The note that will be added to the transaction. It won't be stored on chain": "Эта заметка будет добавлена в транзакция. Однако не будет сохранена в сети",
+  "The number of decimals for this token. Max allowed via the UI is set to 20.": "Количество знаков после запятой для этого токена. Максимально разрешенный UI размер - 20",
+  "The number of periods this bid is to be freezed for, less than the maximum period": "",
+  "The on-chain percentage for the treasury": "Процент для казначейства",
+  "The operation type to apply. For approvals both non-final and final approvals are supported.": "",
+  "The parachain id is associated with the selected account via parathread registration.": "",
+  "The password and password confirmation for this account. This is required to authenticate any transactions made and to encrypt the keypair.": "Пароль и подтверждение пароля для этой учетной записи. Это необходимо для проверки подлинности всех совершенных транзакций и шифрования ключевой пары.",
+  "The password previously used to encrypt this account.": "Пароль, который ранее использовался для шифрования этой учетной записи.",
+  "The password to unlock the selected account.": "Пароль для разблокирования выбранного аккаунта.",
+  "The percentage reward (0-100) that should be applied for the validator": "Процент вознаграждения (от 0 до 100) для валидатора",
+  "The preimage hash of the proposal": "Прообраз хэша предложения",
+  "The private key for your account is derived from this seed. This seed must be kept secret as anyone in its possession has access to the funds of this account. If you validate, use the seed of the session account as the \"--key\" parameter of your node.": "Закрытый ключ для Вашей учетной записи является производным от этого сида. Этот сид должен храниться в тайне, так как любой человек, находящийся в его распоряжении, имеет доступ к средствам этого счета. Если Вы проверяете, используйте сид учетной записи сеанса в качестве параметра\" --key \" Вашего узла.",
+  "The private key for your account is derived from this seed. This seed must be kept secret as anyone in its possession has access to the funds of this account. If you validate, use the seed of the session account as the \\--key\\ parameter of your node.": "Приватный ключ для Вашего аккаунта получается из этой секретной фразы. Эта фраза должна держаться в секрете, так как любой кто ей обладает, может получить доступ к средствам на Вашем аккаунте. Если Вы используете этот аккаунт для валидации, используйте сид-фразу аккаунта сессии в качестве \\--key\\ параметра Вашей ноды.",
+  "The proposal is in the queue for future referendums. One proposal from this list will move forward to voting.": "Предложение находится в очереди для будущих референдумов. Одно из предлоежений из этого списка будет выдвинуто на голосование",
+  "The proposal that is being voted on. It will pass when the threshold is reached.": "Предложение, по которому проходит голосование. Будет одобрено при достижении порога",
+  "The proposal that will be affected. Once closed for the current voting round, it would need to be re-submitted for a subsequent voting round.": "Предложение, которое будет затронуто. Как только он будет закрыт для текущего раунда голосования, его необходимо будет повторно представить для последующего раунда голосования.",
+  "The proposal that will be affected. Once closed for the current voting round, it would need to be re-submitted to council for a subsequent voting round.": "Предложение, которого это касается. Закрыв его, нужно будет его подать повторно для последующего раунда голосования",
+  "The proposal will be registered from this account and the balance lock will be applied here.": "Предложение будет зарегистрировано с этого аккаунта и блокировка баланса будет на нем",
+  "The proxy is one of the allowed proxies on the account, as set and filtered by the transaction type.": "",
+  "The proxy to be used for this transaction.": "",
+  "The reason why this tip should be paid.": "Причина по которой чаевые должны быть оплачены",
+  "The recipient account for this minting operation.": "Аккаунт рецепиент для операции выпуска",
+  "The recipient account has no balance, ensure the tip is more than the existential deposit to create the account.": "",
+  "The recipient is associated with a known phishing site on {{url}}": "Этот получатель связан с замешанным в фишинге сайте {{ссылка}}",
+  "The recoverable account is protected against the loss of seed/access by a social process.": "Восстанавливаемый аккаунт защищается от потери тайной фразы/доступа социальным процессом",
+  "The reservation fee for this Id": "",
+  "The reservation fee for this parachain, including base fee and per-byte fees": "",
+  "The resulting signature of the input data, as done with the crypto algorithm from the account. (This could be non-deterministic for some types such as sr25519).": "ГолосоватьРезультирующая сигнатура входных данных, как это сделано с крипто-алгоритмом от учетной записи. (Это может быть недетерминированным для некоторых типов, таких как sr25519).",
+  "The scheduling preference for this parachain.": "Предпочтения по расписанию для этого парачейна",
+  "The scheduling setting for this parachain.": "Настройки расписания для этого парачейна",
+  "The secret seed value for this account. Ensure that you keep this in a safe place, with access to the seed you can re-create the account.": "Секретный сид для этой учетной записи. Убедитесь, что вы храните его в безопасном месте, имея доступ к сиду можно повторно создать учетную запись.",
+  "The seed and derivation path will be submitted to the validator node. this is an advanced operation, only to be performed when you are sure of the security and connection risks.": "Тайная фраза (seed) и путь деривации будут предьявлены ноде валидатора. Это операция для продвинутых пользователей, исполняйте ее только если вам известны риски безопасности и соединения",
+  "The selected account to be unlocked.": "Выбранный аккаунт для разблокировки",
+  "The selected account to perform the derivation on.": "Выбранный аккаунт для деривации",
+  "The selected controller tied to this stash. Once set, this account will be able to control the actions performed by the stash account.": "Выбранный контроллер для этого стэша. После установки этот аккаунт сможет контролировать активность стэш аккаунта",
+  "The selected destination account does not exist and cannot be used to receive rewards": "",
+  "The selected id for the asset. This should not match an already-existing asset id.": "Выбранный id для средства. Не должен совпадать с уже существующими id",
+  "The selected validators to nominate, either via the \"currently best algorithm\" or via a manual selection.": "Выбранные валидаторы для номинации. Выберите либо с помощью \"Лучший алгоритм\", либо вручную",
+  "The sending account that will be used to send this transaction. Any applicable fees will be paid by this account.": "Аккаунт отправителя, с которого будет сделана транзакция. Все сборы будут оплачиваться с этого аккаунта",
+  "The signatories has the ability to create transactions using the multisig and approve transactions sent by others.Once the threshold is reached with approvals, the multisig transaction is enacted on-chain.": "Подписанты имеют возможность создавать транзакции с помощью мультподписи и одобрять транзакции других. По достижении порога одобрений транзакция мультиподписи будет исполнена в сети.",
+  "The signatory is one of the allowed accounts on the multisig, making a recorded approval for the transaction.": "Подписант - один из разрешенных аккаунтов на мультиподписи, совершает регистрируемые одобрения транзакций",
+  "The signatory is one of the allowed accounts on the multisig. The transaction could either be the call or an approval for the hash of a call.": "Подписант - один из разрешенных аккаунтов на мультиподписи. Транзакия может быть либо вызов, либо одобрение хэша вызова",
+  "The signatory to send the approval/cancel from": "Кому отправить запрос на подпись/отмену",
+  "The signature as by the account being checked, supplied as a hex-formatted string.": "Подпись как проверяемая учетная запись, поставляемая в виде строки шестнадцатеричного формата.",
+  "The specific eras on which there are unapplied slashes. For each era a separate proposal is to be made.": "Эра, по которой есть не исполненные слэши. Для каждой эры должно быть отдельное предложение",
+  "The specified value is greater than your free balance. The node will bond the maximum amount available.": "Указанная сумма больше, чем Ваш свободный баланс. Нода привяжет максимальную свободную сумму.",
+  "The specified value is large and may not allow enough funds to pay future transaction fees.": "",
+  "The stash account that is used. This will allow the controller to perform all non-funds related operations on behalf of the account.": "Используемый стэш аккаунт. Это действие позволит контроллер аккаунту выполнять все недежные операции для стэша.",
+  "The stash and controller pair as linked. This operation will be performed via the controller.": "Связанная пара стэша и контроллера. Эта операция будет выполнена через контроллер",
+  "The stash and controller pair, here the controller will be used to send the transaction.": "Связанная пара стэша и контроллера. Эта операция будет выполнена через контроллер",
+  "The stash and controller pair. This transaction, managing preferences, will be sent from the controller.": "Связанная пара стэша и контроллера. Эта операция, меняющая настройки, будет выполнена через контроллер",
+  "The stash and controller pair. This transaction, setting the session keys, will be sent from the controller.": "Связанная пара стэша и контроллера. Эта операция, устанавливающая ключи сессии, будет выполнена через контроллер",
+  "The stash that is to be affected. The transaction will be sent from the associated controller account.": "Используемый стэш аккаунт. Транзакция будет выполнена через привязанный контроллер аккаунт.",
+  "The suggested value for this tip": "Предложенная сумма для чаевых",
+  "The symbol that will represent this asset.": "Символика которая будет представлять данное средство",
+  "The threshold for approval should be less or equal to the number of signatories for this multisig.": "Порог одобрения должна быть меньше или равна количеству подписантов этой мультиподписи",
+  "The threshold for approvals and the delay is the protection associated with the account. The delay should be such that any colluding recovery attempts does have a window to stop.": "Порог одобрения и заддержка служат защите аккаунта. Заддержка должна быть достаточной для предотвращения нелегитимных процедур восстановления",
+  "The threshold for this multisig": "Порог для этого мультисига",
+  "The threshold of vouches that is to be reached for the account to be recovered.": "Порог поручительства для восстановления аккаунта.",
+  "The tip amount that should be allocated": "Чаевые которые должны быть оплачены",
+  "The total amount of the stash balance that will be at stake in any forthcoming rounds (should be less than the free amount available)": "Общая сумма остатка копилки, которая будет номинирована в предстоящих раундах (должна быть меньше доступной свободной суммы)",
+  "The total amount of the stash balance that will be at stake in any forthcoming rounds (should be less than the total amount available)": "Полная сумма баланса копилки, которая будет номинирована в предстоящих раундах (должна быть меньше свободной суммы баланса)",
+  "The total payment amount of this bounty, curator's fee included.": "Итоговая сумма награды, включая комиссионные куратору",
+  "The transaction, after application of the transfer fees, will drop the available balance below the existential deposit. As such the transfer will fail. The account needs more free funds to cover the transaction fees.": "",
+  "The transferred balance will be subtracted (along with fees) from the sender account.": "Отправляемый баланс будет вычтен (вместе с затратами) из аккаунта отправителя",
+  "The twitter name for this identity.": "Twitter для этой личности",
+  "The type of council proposal to submit.": "Тип предложения Совету",
+  "The unapplied slashed era to cancel.": "Эра, для которой хотите отменить слэш",
+  "The unchecked weight as specified for the sudoUncheckedWeight call.": "Непроверенный вес, указанный для вызова sudoUncheckedWeight.",
+  "The validator can block any new nominations. By default it is set to allow all nominations.": "",
+  "The validators for this parachain. At least one is required and where multiple is supplied, they need to be unique.": "",
+  "The validators selected by the Phragmen algorithm to nominate for this era.": "",
+  "The validators that are not in the validator set because they need more nominations or because they have willingly stopped validating. Any nominations made before the next election will also appear here.": "",
+  "The validators that got slashed and for which your nomination got auto-chilled. Re-nominating these will make them available to the Phragmen algorithm.": "",
+  "The value associated with this vote. The amount will be locked (not available for transfer) and used in all subsequent elections.": "Сумма для этого голосования. Эта сумма будет заблокирована (ее невозможно будет переводить) и использоваться для всех последующих голосований.",
+  "The value is not in a valid address format": "Неверный формат адреса",
+  "The value is the amount that is being asked for and that will be allocated to the beneficiary if the proposal is approved.": "Сумма, заправшиваемая и переводимая бенефициару в случае одобрения предложения.",
+  "The verifier signature that is to be associated with this contribution.": "",
+  "The vote to record for this proposal, either for or against.": "Голосовать по этому предложению, за или против",
+  "The vote will be recorded for the selected account.": "Голосование будет сохранено для выбранного аккаунта",
+  "The vote will be recorded for this account. If another account delegated to this one, the delegated votes will also be counted.": "Голосование будет сохранено для этого аккаунта. Если у этого аккаунта есть делегаты, то их голоса тоже будут учитываться.",
+  "The votes for the members, runner-ups and candidates. These should be ordered based on your priority.": "Голоса за членов Совета, финалистов и кандидатов, по Вашим приоритетам",
+  "The voting period and delay to apply to this proposal. The threshold is calculated from these values.": "",
+  "The voting period to apply in blocks": "Период голосования в блоках",
+  "There are no available parathreads": "",
+  "There are no pending proposals": "",
+  "There are no registered parachains": "Нет зарегистрированных парачейнов",
+  "There are no unapplied/pending slashes": "",
+  "There is an existing reference count on the sender account. As such the account cannot be reaped from the state.": "",
+  "There is currently an ongoing election for new validator candidates. As such staking operations are not permitted.": "В настоящее время идет выбор новых валидаторов. На данный момент стейкинг не разрешен.",
+  "There is no on-chain attestation statement associated with the Ethereum account {{ethereumAddress}}": "",
+  "There is no on-chain claimable balance associated with the Ethereum account {{ethereumAddress}}": "",
+  "These are trusted individuals that can verify and approve any recovery actions. With recovery, once the threshold is reached, the funds associated with the account can be moved to a new destination.": "Это доверенные вами лица, которые могут подтвердить любые востановительные действия. При востановлении средства с аккаунта могут быть выведены из аккаунта при достижении порога",
+  "These validators are active but only the top {{max}} nominators by backing stake will be receiving rewards. The nominating stash is not one of those to be rewarded in the current era.": "",
+  "Think of the stash as your cold wallet and the controller as your hot wallet. Funding operations are controlled by the stash, any other non-funding actions by the controller itself.": "Стэш аккаунт это примерно как холодный кошелек, а контроллен - горячий. Операции со средствами контролируются стэшом, в  а любые другие контроллером.",
+  "This Ethereum address does not have a claim.": "Данный адрес Ethereum не имеет заявок.",
+  "This account has a governance delegation": "",
+  "This account has {{proxyNumber}} proxy set.": "У этого аккаунта {{числоПрокси}} установленных прокси",
+  "This account is available on all networks. It is recommended to link to a specific network via the account options (\"only this network\" option) to limit availability. For accounts from an extension, set the network on the extension.": "",
+  "This account is recoverable, with the following friends:": "Этот аккаунт возможно восстановить с помощью этих друзей:",
+  "This account that has been used to register the parachain. This will pay all associated fees.": "",
+  "This account that will perform the message signing.": "Этот аккаунт будет подписивать сообщения",
+  "This account will accept the curator role.": "Аккаунт примет роль куратора",
+  "This account will appear in the list of candidates. With enough votes in an election, it will become either a runner-up or a council member.": "Этот аккаунт будет показан в списке кандидатов. С достаточным количеством голосов он может стать либо финалистом, либо членом совета.",
+  "This account will be associated with the parachain and pay the deposit.": "",
+  "This account will be use to approve each candidate.": "Этот аккаунт будет исполтзоваться для одобрения каждого кандидата.",
+  "This account will be used to create an extend bounty expire transaction.": "",
+  "This account will be used to create the unassign curator transaction.": "",
+  "This account will be used to send the transaction.": "",
+  "This account will be used to the Id reservation and for the future parathread.": "",
+  "This account will contribute to the crowdloan.": "",
+  "This account will make the bid for the gilt and pay all associated fees.": "",
+  "This account will make the proposal and be responsible for the bond.": "Этот аккаунт сделает предложение и с него будут выделены средства для привязки",
+  "This account will pay the fees for the preimage, based on the size thereof.": "Этот аккаунт будет оплачивать расходы на прообраз",
+  "This account will propose the bounty. Bond amount will be reserved on its balance.": "",
+  "This action will Slash the Curator.": "",
+  "This action will create a Council motion to slash the Curator.": "",
+  "This action will create a Council motion to unassign the Curator.": "Данное действие создаст предложение Совета по снятию Куратора с должности.",
+  "This amount will be reserved from origin account and returned on approval or slashed upon rejection.": "",
+  "This amount will be reserved from your account and returned after bounty claim is confirmed or if you give up, unless you are slashed earlier.": "",
+  "This amount will be sent to your account after bounty is rewarded and you claim curator's fee.": "Эта сумма будет направлена на ваш аккаут после вашего выплаты награды и выплаты кураторских комиссионных",
+  "This bounty has received approval and is currently being implemented.": "Предложение получило согласование и в данный момент находится на исполнении",
+  "This bounty is funded.": "Средства успешно собранны для этой награды.",
+  "This bounty was approved by the council. When the next spend period starts, it will be funded.": "Награда была утверждена советом. Когда начнется следующий финансовый период, она получит финансирование.",
+  "This bounty was completed and the beneficiary was rewarded by the curator. Claiming the payout will be possible after the delay period is over.": "Условия были выполнены, бенефециар был награжден куратором. Снятие средств будет доступно после конца периода ожидания.",
+  "This chain does not yet support atomic batch operations. This means that if the transaction gets executed and one of the operations do fail (due to invalid data or lack of available funds) some of the changes made may not be applied.": "",
+  "This could either be an approval for the hash or with full call details. The call as last approval triggers execution.": "Это может быть либо одобрение хэша либо полный вызов со всеми деталями. Вызов является последним перед выполнением.",
+  "This could mean your nomination has not been applied to any validator in the active set by the election algorithm or it has been applied against a validator who is either oversubscribed or chilled.": "",
+  "This does not send any transaction, rather it only sets the genesis in the account JSON.": "",
+  "This external account cannot be used to sign data. Only Limited support is currently available for signing from any non-internal accounts.": "Этот внешний аккаунт не может использоваться для подписи данных. Поддержка внешних аккаунтов на данный момент ограничена.",
+  "This injected account cannot be used to sign data since the extension does not support raw signing.": "Встроенный аккаунт не может использоваться для подписи данных, так как расширение не поддерживает сырую подпись",
+  "This is a developer tool that allows you to execute selected snippets in a limited context.": "",
+  "This is a development account derived from the known development seed. Do not use for any funds on a non-development network.": "",
+  "This is an invalid derivation path.": "",
+  "This is not a valid JSON object.": "Это не валидный JSON объект.",
+  "This is the ABI as supplied. Any calls to the contract will use this information for encoding.": "",
+  "This is the amount to be teleported to the destination chain and does not account for the source or the destination transfer fee": "",
+  "This operation does not impact the associated on-chain code or any of its contracts.": "Эта операция не влияет на ассоциированный код в блокчейне или какие-либо его контракты.",
+  "This operation does not remove the history of the account from the chain, nor any associated funds from the account. The forget operation only limits your access to the account on this browser.": "Эта операция не стирает историю аккаунта из сети или средства из него. Операция удаления лишь убирает доступ к аккаунту из этого браузера",
+  "This operation does not remove the history of the account from the chain, nor any associated funds from the account. The forget operation only limits your access to the address on this browser.": "Эта операция не стирает историю аккаунта из сети или средства из него. Операция удаления лишь убирает доступ к аккаунту из этого браузера",
+  "This operation does not remove the history of the contract from the chain, nor any associated funds from its account. The forget operation only limits your access to the contract on this browser.": "Эта операция не стирает историю аккаунта из сети или средства из него. Операция удаления лишь убирает доступ к аккаунту из этого браузера",
+  "This operation does not remove the uploaded code WASM and ABI from the chain, nor any deployed contracts. The forget operation only limits your access to the code on this browser.": "Эта операция не стирает запущенный код WASM и ABI из сети, а так же запущенные контракты. Операция удаления лишь убирает доступ к аккаунту из этого браузера",
+  "This operation will submit the seed via an RPC call. Do not perform this operation on a public RPC node, but ensure that the node is local, connected to your validator and secure.": "Эта операция  отправит секретную фразу через RPC вызов. Не производите эту операцию через публичную RPC ноду. Убедитесь что нода локальная, связана с Вашим валидатором и безопасна.",
+  "This password is used to encrypt your private key. It must be strong and unique! You will need it to sign transactions with this account. You can recover this account using this password together with the backup file (generated in the next step).": "Этот пароль используется для шифрования Вашего приватного ключа. Он должен быть сложным и уникальным! Вы должны будете подписывать транзакции этим паролем. Вы можете восстановить этот аккаунт с помощью этого пароля и резервного файла (создается на следующем шаге).",
+  "This pubic key is what will be visible in your queued keys list. It is generated based on the seed and the crypto used.": "Этот публичный ключ будет видимым в Вашем списке. Он создается на основании seed и метода шифрования",
+  "This vote does not affect any economics of the Polkadot platform. Staking rewards, inflation, effective market capitalisation and the underlying balances of every account remain completely unchanged. It is \"merely\" about what units we use to denominate the balances into \"DOT\" for the purpose of display.": "",
+  "This will apply to any future use of this account as stored on this browser. Ensure that you securely store this new password and that it is strong and unique to the account.": "Это будет применяться к любому будущему использованию этого аккаунта, хранящемуся в этом браузере. Убедитесь в безопасном хранении этого пароля, а также что он сложный и уникальный.",
+  "Tip": "чаевые",
+  "Tip (optional)": "Чаевые (необязательно)",
+  "Tippers ({{count}})": "",
+  "Tips": "",
+  "Title too long": "Слишком большой заголовок",
+  "To council": "Совету",
+  "To ensure optimal fund security using the same stash/controller is strongly discouraged, but not forbidden.": "Для обеспечения оптимальной безопасности фонда использование одного и того же тайника/контроллера категорически не рекомендуется, но и не запрещено.",
+  "Total amount of fund that will be reserved. These funds are returned when the identity is cleared": "",
+  "Transfer": "Перевести",
+  "Transfer the full account balance, reap the sender": "Передать весь баланс, с удалением отправителя",
+  "Transfer with account keep-alive checks": "Перевод с проверками \"keep-alive\" для аккаунта",
+  "Translate": "Перевод",
+  "Treasury overview": "Обзор сокровищницы",
+  "Type here what you would like your address to contain. This tool will generate the keys and show the associated addresses that best match your search. ": "",
+  "Type here what you would like your address to contain. This tool will generate the keys and show the associated addresses that best match your search. You can use \"?\" as a wildcard for a character.": "Введите здесь то, что Вы хотели бы, чтобы Ваш адрес содержал. Этот инструмент будет генерировать ключи и показывать соответствующие адреса, которые лучше всего соответствуют Вашему поиску. Вы можете использовать \"?\" как подстановочный символ.",
+  "Type here what you would like your address to contain. This tool will generate the keys and show the associated addresses that best match your search. You can use \\?\\ as a wildcard for a character.": "Впишите здесь то, что должен содержать Ваш адрес. Этот инструмент генерирует ключи и покажет соответствующие адреса, которые больше всего подходят Вашему поиску. Используйте \\?\\ в качестве любого символа.",
+  "Type the amount you want to transfer. Note that you can select the unit on the right e.g sending 1 milli is equivalent to sending 0.001.": "Впишите сумму, которую хотите перевести. Справа можете выбрать единицу измерения. Например 1 milli - это 0,001.",
+  "Type the name of this Asset. This name will be used across all the apps. It can be edited later on.": "Введите название этого Имущества. Это название будет использоваться во всех приложениях. Его потом можно изменить.",
+  "Type the name of your contact. This name will be used across all the apps. It can be edited later on.": "Впишите имя Вашего контакта. Это имя будет использоваться в всех приложениях. Его можно менять.",
+  "Type the password chosen at the account creation. It was used to encrypt your account's private key in the backup file.": "Впишите пароль выбранный при создании аккаунта. Он был использован для шифрования приватного ключа в резервном файле.",
+  "Unable to connect to the Ledger, ensure support is enabled in settings and no other app is using it. {{error}}": "",
+  "Unable to find deployed contract code at the specified address": "Не найден код развернутого контракта по этому адресу",
+  "Unable to find on-chain WASM code for the supplied codeHash": "Не найден WASM код для этого codeHash",
+  "Unable to retrieve the specified block details. {{error}}": "",
+  "Unassign curator": "Снять куратора с должности",
+  "Unassign curator under voting": "Снять куратора с должгости путем голосования",
+  "Unbid": "",
+  "Unbond": "Освободить",
+  "Unbond funds": "Освободить средства",
+  "Unbonding {{value}}": "Разблокирование {{value}}",
+  "Uncaught error. Something went wrong with the query and rendering of this component. Please supply all the details below when logging an issue, it may help in tracing the cause.": "",
+  "Uncaught error. Something went wrong with the query and rendering of this component. {{message}}": "Неизвестная ошибка. Что-то пошло не так с запросом и показом этого компонента {{message}}",
+  "Undelegate": "Прекратить делегирование",
+  "Unit": "Единица",
+  "Unit decides the name of 1 unit token, e.g. \"DOT\" for Polkadot": "Единица измерения определяет имя 1 единицы токена, например, \"DOT\" для Polkadot",
+  "Unit decides the name of 1 unit token, e.g. \\DOT\\ for Polkadot": "Единица измерения определяет название 1 единицы токена, например 1 DOT для Polkadot",
+  "Unknown": "Неизвестный",
+  "Unless you are a developer with insight into what the specific script does to your environment (based on reading the code being executed) generally the advice would be to not use this environment.": "",
+  "Unlock": "Разблокировать",
+  "Unlock account": "Разблокировать аккаунт",
+  "Unlock the account for signing. Once active the signature will be generated based on the content provided.": "Открыть аккаунт для подписи. После открытия подпись будет сгенерирована на основании предоставленного соддержания",
+  "Unlock the sending account to allow signing of this transaction.": "Открыть аккаунт отправки для того, чтобы разрешить подпись этой транзакции",
+  "Unlock vested amount": "",
+  "Unvote all": "",
+  "Unvouch": "",
+  "Upcoming events": "",
+  "Update metadata": "Обновить метаданные",
+  "Update overdue": "",
+  "Updated in the latest block": "Обновлено в последнем блоке",
+  "Upgrading": "",
+  "Upload": "Загрузить",
+  "Upload & deploy code": "",
+  "Upload & deploy code {{info}}": "",
+  "Upload JSON file with signatories": "",
+  "Upload WASM": "Загрузить WASM",
+  "Use a proxy for this call": "",
+  "Use an automatic selection of the currently most profitable validators": "Использовать автоселекцию наиболее доходных в данный момент валидаторов",
+  "Use custom address index": "",
+  "Use custom derivation path": "",
+  "Use the account actions to create a new validator/nominator stash and bond it to participate in staking. Do not send funds directly via a transfer to a validator.": "",
+  "Use this account to request the tip from. This can be a normal or council account.": "Использовать этот аккаунт чтобы запросить чаевые. Это может быть обычный или аккаунт члена Совета",
+  "Val. Group {{group}} ({{count}})": "",
+  "Validate": "Валидировать",
+  "Validator": "Валидатор",
+  "Validator stats": "Статистика валидатора",
+  "Validators": "",
+  "Validators ({{count}})": "",
+  "Vanity generator": "Генератор адреса с определенными символами",
+  "Verify signature": "Подтвердить подпись",
+  "Verify the password entered above.": "Подтвердите пароль, введенный выше.",
+  "View pending approvals": "Отобразить ожидающие подтверждения операции",
+  "View this externally": "Вид снаружи",
+  "Vote": "Голосовать",
+  "Vote Aye": "Голосовать За",
+  "Vote Nay": "Голосовать Против",
+  "Vote for candidate": "Голосовать за кандидата",
+  "Vote for current candidates": "Голосовать за текущих кандидатов",
+  "Vote for defender": "Голосовать за защитника",
+  "Vote on proposal": "Голосовать по предложению",
+  "Voting": "Голосование",
+  "Voting closed": "",
+  "Voting costs nothing other than the transaction fee and can be done from all accounts with a non-zero spendable balance.": "",
+  "Voting ends for referendum {{id}}": "",
+  "Voting ends on council motion {{id}}": "",
+  "Voting is made on a per-account basis; a single account must all vote the same way and cannot split its vote.": "",
+  "Vouch": "",
+  "Vouch for": "",
+  "Vouch for a new candidate": "",
+  "Waiting": "Ожидание",
+  "Waiting for API to be connected and ready.": "Подождать соединения API.",
+  "Waiting for Bounty Funding": "Ожидания финансирования награды",
+  "Waiting for Curator's acceptance": "Ожидание утверждения Куратором",
+  "Waiting for authorization from the extension. Please open the installed extension and approve or reject access.": "Ожидается авторизация от расширения. Пожалуйста, откройте установленное расширение и разрешите или отклоните доступ.",
+  "Waiting for implementer to claim": "Ожидание запроса исполнителя",
+  "Waiting nominations ({{count}})": "Ожидание номинаций ({{count}})",
+  "Waiting to make a connection to the remote endpoint and finishing API initialization.": "Ожидаю соединения с удаленным эндпоинтом и завершаю инициализацию API",
+  "Warning: we did not find any attest statement for {{chain}}": "Внимание! Мы не нашли никакого соглашения для {{chain}}",
+  "We found a pre-claim with this Polkadot address. However, attesting requires signing with this account. To continue with attesting, please add this account as an owned account first.": "Мы нашли предварительную заявку для данного адреса Polkadot. Для аттестации необходима подпись, сделанная этой учётной записью. Чтобы продолжить проверку, сначала добавьте эту учетную запись в \"Аккаунты\".",
+  "We will provide you with a generated backup file after your account is created. As long as you have access to your account you can always download this file later by clicking on \"Backup\" button from the Accounts section.": "Мы предоставим вам сгенерированный файл резервной копии после создания Вашей учетной записи. Пока у вас есть доступ к Вашей учетной записи, Вы всегда можете загрузить этот файл позже, нажав на кнопку \"резервное копирование\" в разделе Учетные записи.",
+  "We will provide you with a generated backup file after your account is created. As long as you have access to your account you can always download this file later by clicking on \\Backup\\ button from the Accounts section.": "Мы предоставим Вам резервный файл после того, как аккаунт будет создан. Если у Вас есть доступ к аккаунту, то этот файл Вы всегда можете скачать в секции аккаунты нажатием на кнопку \\Создать резервный файл\\.",
+  "When submitting a proposal the hash needs to be known. Proposals can be submitted with hash-only, but upon dispatch the preimage needs to be available.": "При отправке предложения должен быть известен хэш и доступен прообраз.",
+  "Winner": "",
+  "With the Firefox browser connecting to insecure WebSockets ({{wsUrl}}) will fail due to the browser not allowing localhost access from a secure site.": "Соединение Firefox браузера с небезопасным веб сокетами ({{wsUrl}}) не будет работать, т.к. браузер не разрешает доступ к localhost с безопасного сайта.",
+  "With the keep-alive option set, the account is protected against removal due to low balances.": "С выбранной опцией \"keep-alive\", аккаунт защищен от удаления из-за низкого баланса",
+  "Withdraw from fund": "",
+  "Withdraw these unbonded funds": "Вывести освободившиеся средства",
+  "Withdraw unbonded funds": "",
+  "Yes": "Да",
+  "Yes, allow nominations": "",
+  "You are about to remove this account from your list of available accounts. Once completed, should you need to access it again, you will have to re-create the account either via seed or via a backup file.": "Вы собираетесь удалить этот аккаунт из списка доступных. По завершении операции если вам опять нужен доступ к этому аккаунту, то вам нужно будет его восстановить с помощью seed фразы или с помощью резервного файла.",
+  "You are about to remove this address from your address book. Once completed, should you need to access it again, you will have to re-add the address.": "Вы собираетесь удалить этот аккаунт из списка доступных. По завершении операции если вам опять нужен доступ к этому аккаунту, в  то вам нужно будет его восстановить.",
+  "You are about to remove this code from your list of available code hashes. Once completed, should you need to access it again, you will have to manually add the code hash again.": "Вы собираетесь удалить этот код из списка доступных хэшов кода. По завершении операции если вам опять нужен доступ к нему,  то вам нужно будет хэш кода вручную восстановить.",
+  "You are about to remove this code's ABI. Once completed, should you need to access it again, you will have to manually re-upload it.": "Вы собираетесь удалить ABI этого кода. По завершении операции если вам опять нужен доступ к нему,  то вам нужно будет его вручную загрузить.",
+  "You are about to remove this contract from your list of available contracts. Once completed, should you need to access it again, you will have to manually add the contract's address in the Instantiate tab.": "Вы собираетесь удалить этот контракт из списка доступных. По завершении операции если вам опять нужен доступ к этому контракту, в  то вам нужно будет его восстановить вручную во вкладке Инстанцировать.",
+  "You are connecting from a secure location to an insecure WebSocket ({{wsUrl}}). Due to browser mixed-content security policies this connection type is not allowed. Change the RPC service to a secure 'wss' endpoint.": "Вы соединяетесь с безопасного сайта на небезопасный WebSocket ({{wsUrl}}). Из-за политик безопасности браузера смешанные соединения не разрешены. Поменяйте RPC сервис на безопасный 'wss' эндпоинт.",
+  "You are giving up your curator role, the bounty will return to the Funded state. You will get your deposit back.": "Вы оставили роль куратора, награда вернется в Общественный Фонд. Вы получите ваш депозит назад",
+  "You are not connected to a node. Ensure that your node is running and that the Websocket endpoint is reachable.": "Нет подключения к ноде. Убедитесь, что Ваша нода работает и эндпоинт веб сокета доступен.",
+  "You are using an ABI with an outdated format. Please generate a new one.": "Используете ABI устаревшего формата. Пожалуйста, обновите его.",
+  "You are voting with this collective's prime account. The vote will be the default outcome in case of any abstentions.": "Вы голосуете с Главного аккаунта этого коллективах . Если будут воздержанные от голосования, то голос с Главного аккаунта будет считаться голосом по определению для них",
+  "You can set a custom derivation index for this account": "",
+  "You can set a custom derivation path for this account using the following syntax \"/<soft-key>//<hard-key>\". The \"/<soft-key>\" and \"//<hard-key>\" may be repeated and mixed`. An optional \"///<password>\" can be used with a mnemonic seed, and may only be specified once.": "",
+  "You can set a custom derivation path for this account using the following syntax \"/<soft-key>//<hard-key>///<password>\". The \"/<soft-key>\" and \"//<hard-key>\" may be repeated and mixed`.": "",
+  "You can set a custom derivation path for this account using the following syntax \"/<soft-key>//<hard-key>///<password>\". The \"/<soft-key>\" and \"//<hard-key>\" may be repeated and mixed`. The \"///password\" is optional and should only occur once.": "Вы можете задать пользовательский путь вывода для этой учетной записи, используя следующий синтаксис \"/<soft-key>/ / <hard-key>/ / / < password>\". \"/ <soft-key>\" и \"// <hard-key> \" могут повторяться и смешиваться`. \"///password\" является необязательным и должен выполняться только один раз.",
+  "You can set a custom derivation path for this account using the following syntax \"m/<purpose>/<coin_type>/<account>/<change>/<address_index>": "",
+  "You can set a custom derivation path for this account using the following syntax \\/<soft-key>//<hard-key>///<password>\\. The \\/<soft-key>\\ and \\//<hard-key>\\ may be repeated and mixed`. The \\///password\\ is optional and should only occur once.": "Вы можете установить собственный путь деривации для этой учетной записи, используя следующий синтаксис: \\/<мягкий ключ>//<твердый ключ>///<пароль>\\. \\/<мягкий ключ>\\ и \\//<твердый ключ>\\ можно повторять и менять местами. \\///пароль\\ не обязателен, но использовать его можно только 1 раз.",
+  "You do not have access to the current sudo key": "У вас нет доступа к текущему sudo-ключу",
+  "You don't have any accounts. Some features are currently hidden and will only become available once you have accounts.": "У вас нет аккаунтов. Некоторые функции спрятаны и появятся только при наличии аккаунтов.",
+  "You have 1 extension that needs to be updated with the latest chain properties in order to display the correct information for the chain you are connected to.": "",
+  "You have duplicated validator entries, ensure each is unique.": "",
+  "You have {{claimCount}} accounts that need attestations. Use the Claim Tokens app on the navigation bar to complete the process. Until you do, your balances for those accounts will not be reflected.": "У вас есть учетные записи {{claimCount}}, которые нуждаются в аттестации. Для завершения процесса используйте приложение \"Claim Tokens\" на левой панели навигации. Пока Вы этого не сделаете, Ваши балансы по этим счетам не будут отражены.",
+  "You have {{upgradableCount}} extensions that need to be updated with the latest chain properties in order to display the correct information for the chain you are connected to.": "",
+  "You have {{upgradableCount}} extensions that need to be updated with the latest chain properties in order to display the correct information for the chain you are connected to. This update includes chain metadata and chain properties.": "",
+  "You need to sign an attestation for the following account:": "Вам необходимо подписать аттестацию для следующего аккаунта:",
+  "You need to sign an attestation for the following accounts:": "Вам необходимо подписать аттестацию для следующих аккаунтов:",
+  "You need to supply at last one running validator for your parachain alongside this request.": "",
+  "You need to unlock this account to be able to sign data.": "Вам необходимо разблокировать аккаунт для возможность подписать данные.",
+  "You should not setup proxies to act as a self-proxy.": "",
+  "You should trust your nominations to act competently and honest; basing your decision purely on their current profitability could lead to reduced profits or even loss of funds.": "",
+  "You will no longer have sudo access": "У Вас больше не будет sudo-доступа",
+  "You will remove any delegation made by this acccount": "",
+  "Your Ethereum account": "Ваш аккаунт в сети Ethereum",
+  "Your bonded amount is below the on-chain minimum threshold of {{minBond}} and may be chilled. Bond extra funds to increase the bonded amount.": "",
+  "Your candidate/bid account. Once accepted this account will become a member.": "",
+  "Your custom types have been added": "Пользовательские типы добавлены",
+  "Your endorsement will be applied for this account.": "Ваша поддержка будет по отношению к этому аккаунту",
+  "Your ethereum key pair is derived from your private key. Don't divulge this key.": "",
+  "Your member account that the vouch is made from.": "",
+  "Your password contains at least one \"/\" character. Disregard this warning if it is intended.": "",
+  "Your stash account. The transaction will be sent from the associated controller.": "Ваш стэш аккаунт. Транзакции будут отправляться с его контроллера.",
+  "a riot name linked to this identity": "Riot имя этой личности",
+  "accept curator role": "принять роль куратора",
+  "account": "аккаунт",
+  "account forgotten": "аккаунт забыт",
+  "account name": "имя аккаунта",
+  "account restored": "аккаунт восстановлен",
+  "account type": "тип аккаунта",
+  "accounts": "аккаунты",
+  "activate": "активировать",
+  "active": "активный",
+  "active / nominators": "",
+  "active raised / cap": "",
+  "active total": "",
+  "added proxy": "",
+  "additional bonded funds": "дополнительные депонированные средства",
+  "address": "адрес",
+  "address copied": "адрес скопирован",
+  "address created": "адрес создан",
+  "address edited": "адрес отредактирован",
+  "address forgotten": "адрес забыт",
+  "address index": "",
+  "address prefix": "префикс адреса",
+  "address {{index}}": "",
+  "addresses": "",
+  "admin": "админ",
+  "admin account": "аккаунт администрации",
+  "all bonded": "",
+  "allows new nominations": "",
+  "amount": "сумма",
+  "amount to issue": "сумма требования",
+  "amount to transfer": "сумма перевода",
+  "amount to use for estimation": "Сумма для этой оценки",
+  "approval type": "Тип одобрения",
+  "approved": "одобрено",
+  "asset decimals": "число знаков после запятой",
+  "asset id": "№ актива",
+  "asset name": "имя средства",
+  "asset symbol": "символ средства",
+  "assets": "средства",
+  "auctions": "",
+  "auto-selected targets for nomination": "автоматически выбранные валидаторы",
+  "available": "доступный",
+  "available signatories": "доступные подписанты",
+  "available social recovery helpers": "доступные помощники для социального востановления",
+  "available to be unlocked": "",
+  "average": "средний",
+  "award bounty": "",
+  "award with account": "",
+  "aye": "За",
+  "aye: bool": "aye: bool",
+  "backed": "",
+  "backing": "поддержка",
+  "backup file": "резервный файл",
+  "balance": "баланс",
+  "balances": "балансы",
+  "beneficiary": "бенефициар",
+  "best": "последний",
+  "best #": "№ последнего",
+  "best block": "последний блок",
+  "best hash": "хэш последнего",
+  "bid account": "",
+  "bid amount": "",
+  "bid kind": "",
+  "bid period range (first lease - last lease)": "",
+  "bidder": "",
+  "bids": "заявки",
+  "block hash or number to query": "поиск хэша или номера блока",
+  "block weight": "",
+  "blockhash to query at": "",
+  "blocks": "блоки",
+  "bond": "депонировать",
+  "bonded": "депонировано",
+  "bounties": "награды",
+  "bounty bond": "",
+  "bounty remark": "",
+  "bounty requested allocation": "запрошенная аллокация фондом награды",
+  "bounty title": "загаловок награды",
+  "calculated storage fee": "",
+  "call data for final approval": "",
+  "call from account": "вызов с аккаунта",
+  "call hash": "",
+  "call the selected endpoint": "вызвать выбранный эндпоинт",
+  "candidacy bond": "",
+  "candidate account": "аккаунт кандидата",
+  "candidate accounts": "аккаунты кандидатов",
+  "candidates": "кандидаты",
+  "case sensitive": "с учетом регистра",
+  "chain": "",
+  "chain specifications": "",
+  "challenge": "вызов",
+  "claim to account": "запросить на аккаунт",
+  "click to copy": "кликните для копирования",
+  "click to select or drag and drop a JSON ABI file": "выберите или перетащите JSON ABI файл",
+  "click to select or drag and drop a JSON file": "",
+  "click to select or drag and drop the file here": "нажмите для выбора, либо сбростье файл сюда",
+  "clipboard": "буфер обмена",
+  "close bounty": "скрыть награду",
+  "close from account": "",
+  "code": "код",
+  "code for this contract": "код этого контракта",
+  "code hash": "хэш кода",
+  "code hashes": "",
+  "comm.": "",
+  "commission": "комиссия",
+  "compiled contract WASM": "скомпилированный WASM контракта",
+  "completed": "",
+  "connected peers": "соединенния с другими нодами",
+  "contacts": "контакты",
+  "contract ABI": "",
+  "contract address": "адрес контракта",
+  "contract event": "",
+  "contract to use": "использовать контракт",
+  "contracts": "",
+  "contribute from": "",
+  "contribution": "",
+  "controller": "контроллер",
+  "controller account": "аккаунт контроллера",
+  "conviction": "убеждение",
+  "conviction: Conviction": "conviction: Conviction",
+  "copied": "скопировано",
+  "council candidates": "кандидаты в Совет",
+  "council proposal": "предложение Совету",
+  "council proposal type": "тип предложения Совету",
+  "count": "",
+  "create asset {{step}}/{{steps}}": "создать средство {{шаг}}/{{шаги}}",
+  "created account": "создан аккаунт",
+  "created multisig": "мультиподпись создана",
+  "creator account": "аккаунт создателя",
+  "crowdfund cap": "",
+  "crowdloan": "",
+  "crypto type to use": "тип шифрования",
+  "curator": "куратор",
+  "curator account": "аккаунт куратора",
+  "curator's deposit": "депозит куратора",
+  "curator's fee": "комиссионые куратора",
+  "current curator": "нынешний куратор",
+  "current lease": "",
+  "current range winning bid": "",
+  "current value": "",
+  "custom endpoint": "пользовательский эндпоинт",
+  "data": "данные",
+  "decoded call": "",
+  "default icon theme": "тема иконок по умолчанию",
+  "default interface language": "язык интерфейса по умолчанию",
+  "default interface theme": "",
+  "defender": "защитник",
+  "defer": "",
+  "delay": "задержка",
+  "delegate democracy vote": "делегировать голоса",
+  "delegated account": "делегированный аккаунт",
+  "delegating account": "делегирующий аккаунт",
+  "delegating amount": "сумма делегирования",
+  "democracy": "демократия",
+  "democracy vote delegation": "",
+  "denomination vote": "",
+  "deploy": "развернуть",
+  "deployment account": "аккаунт для развертывания",
+  "deployment constructor": "конструктор для развертывания",
+  "deposit": "депозит",
+  "deposit required": "",
+  "depositor": "депозитарий",
+  "deposits": "",
+  "derivation path": "путь деривации",
+  "derive root account": "извлечь исходный аккаунт",
+  "design samples": "",
+  "destination chain": "",
+  "destination existential deposit": "",
+  "destination transfer fee": "",
+  "details": "детали",
+  "development seed": "seed разработки",
+  "dispatch queue": "очередь неисполненных",
+  "display name": "экранное имя",
+  "do not include empty strings in the generated file": "не включать пробелы в созданном файле",
+  "does not appear to have a valid claim. Please double check that you have signed the transaction correctly on the correct ETH account.": "Не найдено действительного запроса. Перепровертье, что Вы правильно подписали транзакцию правильным адресом на сети Ethereum.",
+  "ed25519, Edwards": "ed25519, Edwards",
+  "elapsed": "",
+  "elected stake": "выбранный стейк",
+  "email": "email",
+  "enact": "принять",
+  "encoded call data": "",
+  "encoded call details": "",
+  "encoded call hash": "",
+  "encoded head key": "",
+  "encoded key details": "",
+  "encoded partial key": "",
+  "encoded storage key": "",
+  "end period at": "",
+  "ending": "",
+  "ending block": "",
+  "ending period": "",
+  "endowment": "фонд",
+  "epoch": "эпоха",
+  "era": "эра",
+  "era points": "очки за эру",
+  "era {{era}}": "",
+  "era {{era}}, {{count}} slashes": "эра {era}}, {{count}} слэши",
+  "era {{era}}/unapplied": "",
+  "eras": "эры",
+  "ethereum private key": "приватный ключ эфира",
+  "event count": "",
+  "events": "события",
+  "everything": "все",
+  "exclude option": "исключить опцию",
+  "exclude value": "исключить значение",
+  "exec": "",
+  "execute": "выполнить",
+  "existential deposit": "существующий депозит",
+  "existing/active nominators": "",
+  "extend expiry": "расширить сроки",
+  "external": "внешний",
+  "extrinsic count": "",
+  "extrinsic hash": "хэш экстринзика",
+  "extrinsics": "экстринзики",
+  "fee": "сбор",
+  "file upload": "",
+  "filter by name or tags": "фильтровать по имени или тэгам",
+  "filter by name, address or index": "фильтровать по имени, адресу или индексу",
+  "filter by name, address, or account index": "фильтровать по имени, адресу или индексу аккаунта",
+  "finalized": "финализирован",
+  "finder": "искатель",
+  "first - last": "",
+  "first period": "",
+  "forks": "форки",
+  "found signatories": "найдены подписи",
+  "founder": "",
+  "free balance": "свободный баланс",
+  "freezer": "",
+  "freezer account": "",
+  "from the following data": "из следуюющих данных",
+  "frozen": "заморожен",
+  "funding period": "период сбора средств",
+  "funds": "",
+  "generate random color": "",
+  "generated public key": "сгенерированный публичный ключ",
+  "genesis state": "",
+  "give up curator's role": "оставить роль куратора",
+  "has a valid claim for": "имеет действительный запрос на",
+  "hash": "хэш",
+  "hash a file": "",
+  "head": "",
+  "heads": "руководители",
+  "hex input data": "шестнадцатеричные входные данные",
+  "hex-encoded call": "",
+  "hex-encoded storage key": "ключ хранения в шестнадцатеричном кодировании",
+  "https://example.com": "https://primer.com",
+  "id": "",
+  "ideal staked": "",
+  "identity": "личность",
+  "imminent preimage (proposal already passed)": "неизбежный прообраз (предложение уже одобрено)",
+  "immortal": "бессмертный",
+  "implementer account": "аккаунт исполнитель",
+  "in/out": "",
+  "include all empty strings in the generated file": "включить пробелы в генерируемом файле",
+  "include field": "добавить поле",
+  "include option": "включить опцию",
+  "include value": "включить значение",
+  "included": "",
+  "index": "индекс",
+  "inflation": "",
+  "initial balance": "",
+  "initial head state": "начальное состояние главы",
+  "initial state": "",
+  "intake": "",
+  "intentions": "намерения",
+  "interface operation mode": "рабочий режим интерфейса",
+  "invalid ABI file selected": "выбран не валидный ABI файл",
+  "invalid/unknown registrar account": "неправильный/неизвестный аккаунт регистратора",
+  "issuer": "требователь",
+  "issuer account": "аккаунт требователя",
+  "json for either ABI or .contract bundle": "",
+  "judgement": "суждение",
+  "justifications": "",
+  "key type to set": "тип ключа",
+  "keypair crypto type": "тип криптопары",
+  "keypair type": "",
+  "kind": "сорт",
+  "last #": "последний №",
+  "last block": "последний блок",
+  "last events": "",
+  "last period": "",
+  "last reward": "последнее вознаграждение",
+  "latest": "",
+  "launch period": "период запуска",
+  "lease period": "",
+  "leases": "",
+  "legal name": "юридическое название",
+  "lifecycle": "",
+  "lifetime": "продолжительность жизни",
+  "lightclient.experimental": "светлая тема (в режиме теста)",
+  "lng.detect": "Язык браузера по умолчанию (автоматическое определение)",
+  "lock expired": "блокировка истекла",
+  "lock periods": "",
+  "locked": "заблокировано",
+  "locked balance": "заблокированный баланс",
+  "logs": "логи",
+  "lowest / avg staked": "",
+  "manage hardware connections": "управление соединений оборудования",
+  "matches": "соответствует",
+  "max gas allowed (M)": "",
+  "max gas allowed (M, {{estimatedMg}} estimated)": "",
+  "max read gas": "",
+  "maximum gas allowed": "максимальные затраты газа",
+  "maximum lock periods": "",
+  "member account": "",
+  "members": "участники",
+  "message to send": "сообщение для отправки",
+  "min nominated": "",
+  "min nominated / threshold": "",
+  "minimum allowed": "",
+  "minimum balance": "минимальный баланс",
+  "minimum bond": "минимум для привязки",
+  "minimum deposit": "минимальный депозит",
+  "minimum freeze amount": "",
+  "mint asset": "",
+  "mint to address": "",
+  "mnemonic": "мнемотическая",
+  "mnemonic seed": "мнемоническая фраза",
+  "mortal, valid from #{{startAt}} to #{{endsAt}}": "смертный, действителен с #{{startAt}} до #{{endsAt}}",
+  "motions": "ходатайства",
+  "multisig": "мультиподпись",
+  "multisig call data": "",
+  "multisig name": "название мультиподписи",
+  "multisig signatory": "",
+  "my ordered votes": "мои голосования",
+  "name": "имя",
+  "nav.accounts": "Аккаунты",
+  "nav.addresses": "Книга адрессов",
+  "nav.assets": "Средства",
+  "nav.bounties": "Награды",
+  "nav.calendar": "Календарь событий",
+  "nav.claims": "Права на токены",
+  "nav.contracts": "Контракты",
+  "nav.council": "Совет",
+  "nav.dashboard": "Панель",
+  "nav.democracy": "Демократия",
+  "nav.explorer": "Эксплорер",
+  "nav.extrinsics": "Экстринзики",
+  "nav.generic-asset": "generic-asset",
+  "nav.gilt": "Ценности",
+  "nav.github": "GitHub",
+  "nav.i18n": "I18n Переводчик",
+  "nav.js": "javascript",
+  "nav.membership": "Членство",
+  "nav.parachains": "Парачейны",
+  "nav.poll": "Пулл токенов",
+  "nav.rpc": "RPC вызовы",
+  "nav.settings": "Настройки",
+  "nav.signing": "Подписать и верифицировать",
+  "nav.society": "Общество",
+  "nav.staking": "Стейкинг",
+  "nav.storage": "Хранилище",
+  "nav.sudo": "sudo",
+  "nav.tech-comm": "Тех.Ком",
+  "nav.teleport": "Быстро перейти",
+  "nav.toolbox": "Инструменты",
+  "nav.transfer": "Трансфер",
+  "nav.treasury": "Сокровищница",
+  "nav.wiki": "Wiki",
+  "nay": "Против",
+  "new account": "аккаунт",
+  "new address": "новый адрес",
+  "new expiry date and time": "новая дата и время прекращения",
+  "next": "следующий",
+  "next action": "следующее действие",
+  "next burn": "",
+  "next id": "следующий №",
+  "no": "нет",
+  "no accounts yet, create or import an existing": "пока нет аккаунтов, создайте новый или импортируйте существующий",
+  "no addresses saved yet, add any existing address": "у вас нет сохраненных адресов, добавьте любой сущействующий адрес",
+  "no at capacity": "",
+  "no median+ comm": "",
+  "no messages": "нет сообщений",
+  "no peers connected": "нет соединений с другими нодами",
+  "no tags": "нет тэгов",
+  "no unapplied slashes found": "не нашлось непримененных слэшов",
+  "no {{maxCap}}%+ capacity": "",
+  "no {{maxComm}}%+ comm": "",
+  "nominated accounts": "номинированные аккаунты",
+  "nominators": "номинаторы",
+  "nominators to be removed": "",
+  "not signed": "не подписаны",
+  "of {{locked}} vested": "",
+  "on-chain bonding duration": "время привязки в сети",
+  "ongoing": "",
+  "ongoing referendum": "идущий референдум",
+  "only elected": "",
+  "only this network": "только эта сеть",
+  "only with an identity": "",
+  "opal.unique.network": "OPAL by UNIQUE",
+  "open": "",
+  "or": "или",
+  "origin": "источник",
+  "other": "",
+  "other stake": "другой стейк",
+  "our best": "наш последний",
+  "overall/validator": "",
+  "own": "",
+  "own stake": "свой стейк",
+  "owner": "владелец",
+  "parachain id": "№ парачейна",
+  "parachain name": "",
+  "parachain owner": "",
+  "parachains": "парачейны",
+  "parathreads": "",
+  "parent": "родитель",
+  "partial seed": "",
+  "participants": "",
+  "password": "пароль",
+  "password (repeat)": "пароль (повторно)",
+  "past": "прошлое",
+  "payment": "платеж",
+  "payment destination": "место назначения платежа",
+  "payout": "выплаты",
+  "payout stakers for (multiple)": "выплаты стейкеров для (нескольких)",
+  "payout stakers for (single)": "выплаты стейкеров для (одиночных)",
+  "payout/stash": "выплата/копилка",
+  "payout/validator": "выплата/валидатор",
+  "payouts": "",
+  "peer best": "последний у Ваших соединений",
+  "pending extrinsics": "экстринзики в обработке",
+  "pending hashes": "хэши в обработке",
+  "pending hashes {{count}}": "",
+  "pending swap id": "в ожидании своп id",
+  "per block": "",
+  "period": "",
+  "points": "очки",
+  "pot": "горшок",
+  "preimage hash": "хэш прообраза",
+  "preimage {{hash}}": "",
+  "prev": "предыдущий",
+  "prime member": "главный член",
+  "prime voter": "главный голосующий",
+  "priority {{index}}": "приоритет {{index}}",
+  "private key": "приватный ключ",
+  "profit/era est": "доход/эра (оценка)",
+  "proportion": "",
+  "proposal": "предложение",
+  "proposal bond": "предложенное депонирование",
+  "proposal hash": "хэш предложения",
+  "proposals": "предложения",
+  "propose": "предложить",
+  "propose from": "",
+  "propose from account": "предложить с аккаунта",
+  "propose with account": "предложить используя учетную запись",
+  "proposed by": "предложенный",
+  "proposer": "автор предложения",
+  "proposing account": "аккаует автор предложения",
+  "proxied account": "проксированный аккаунт",
+  "proxied name": "прокси имя",
+  "proxy account": "аккаунт прокси",
+  "quartz.unique.network": "QUARTZ by UNIQUE",
+  "queued tx": "транзакции в очереди",
+  "queues": "",
+  "raised": "",
+  "raw seed": "",
+  "read": "",
+  "read contract only, no execution": "",
+  "reason": "причина",
+  "rebonded amount": "",
+  "recent blocks": "последние блоки",
+  "recent events": "последние события",
+  "recent payouts": "",
+  "recently": "",
+  "recover this account": "восстановить этот аккаунт",
+  "recovery block delay": "задержка блока восстановление",
+  "recovery threshold": "порог восстановления",
+  "redeemable": "выкупаемые",
+  "referenda": "референдумы",
+  "refresh in": "обновление через",
+  "register from": "",
+  "registrar account": "аккаунт регистратора",
+  "registrar index": "индекс регистратора",
+  "reject curator": "отказать в получении роли куратора",
+  "relay dispatch queue": "реле очереди",
+  "remaining": "осталось",
+  "remaining till cap": "",
+  "remote node/endpoint to connect to": "удаленная нода/эндпоинт к которой нужно подсоединиться",
+  "reporters": "",
+  "request payout from": "запросить выплату от",
+  "requested id": "",
+  "requesting from": "",
+  "reserve from": "",
+  "reserved": "резервировано",
+  "reserved balance": "зарезервированный баланс",
+  "reserved deposit": "",
+  "return": "",
+  "returns": "",
+  "reward commission percentage": "процент комиссионного вознаграждения",
+  "rewards": "вознаграждения",
+  "rewards & slashes": "вознаграждения и слэши",
+  "riot": "riot",
+  "riot name": "имя в riot",
+  "role": "роль",
+  "rotation": "ротация",
+  "rpc.KlugDossier": "",
+  "rpc.beresheet": "Beresheet (Edgeware Testnet, hosted by Commonwealth Labs)",
+  "rpc.bifrost": "Bifrost Asgard",
+  "rpc.calamari.systems": "",
+  "rpc.custom": "Пользовательская среда",
+  "rpc.dev.custom": "Настраиваемая среда",
+  "rpc.dev.custom.entry": "Кастомный {{WS_URL}}",
+  "rpc.dev.custom.own": "Настраиваемый",
+  "rpc.dev.local": "Локальная Нода",
+  "rpc.dolphin": "Dolphin Testnet",
+  "rpc.edgeware": "Edgeware (Edgeware Mainnet, hosted by Commonwealth Labs)",
+  "rpc.flamingfir": "Flaming Fir (Substrate Testnet, hosted by Parity)",
+  "rpc.header.dev": "Разработка",
+  "rpc.header.kusama.relay": "Kusuma & связанные сети",
+  "rpc.header.live": "Рабочие сети",
+  "rpc.header.polkadot.relay": "Polkadot & связанные сети",
+  "rpc.header.rococo.relay": "Test Rococo & связанные сети",
+  "rpc.header.test": "Тестовые сети",
+  "rpc.header.westend.relay": "Test Westend & связанные сети",
+  "rpc.hosted.via": "через {{host}}",
+  "rpc.kulupu": "Kulupu (Kulupu Mainnet, hosted by Kulupu)",
+  "rpc.kusama.altair": "Altair",
+  "rpc.kusama.ava": "Kusama (Polkadot Canary,  пользовательские публичные ноды; смотреть https://status.cloud.ava.do/)",
+  "rpc.kusama.basilisk": "Basilisk",
+  "rpc.kusama.bifrost": "Bifrost (Kusama)",
+  "rpc.kusama.crab": "Darwinia Crab",
+  "rpc.kusama.encointer": "Encointer Network",
+  "rpc.kusama.genshiro": "Genshiro",
+  "rpc.kusama.heiko": "Parallel Heiko",
+  "rpc.kusama.integritee": "Integritee Network",
+  "rpc.kusama.karura": "Karura",
+  "rpc.kusama.khala": "Khala Network",
+  "rpc.kusama.kico": "KICO",
+  "rpc.kusama.kilt": "KILT Spiritnet",
+  "rpc.kusama.kintsugi": "Kintsugi BTC",
+  "rpc.kusama.kpron": "Kpron",
+  "rpc.kusama.litmus": "Litmus",
+  "rpc.kusama.loomnetwork": "Loom Network",
+  "rpc.kusama.mars": "Mars",
+  "rpc.kusama.moonriver": "Moonriver",
+  "rpc.kusama.parity": "Kusama (Polkadot Canary, hosted by Parity)",
+  "rpc.kusama.picasso": "Picasso",
+  "rpc.kusama.pichiu": "Pichiu",
+  "rpc.kusama.pioneerNetwork": "Bit.Country Pioneer",
+  "rpc.kusama.polkasmith": "PolkaSmith by PolkaFoundry",
+  "rpc.kusama.robonomics": "Robonomics",
+  "rpc.kusama.sakura": "Sakura",
+  "rpc.kusama.shadow": "Crust Shadow",
+  "rpc.kusama.shiden": "Shiden",
+  "rpc.kusama.sora_ksm": "SORA Kusama Parachain",
+  "rpc.kusama.standard": "Unorthodox",
+  "rpc.kusama.statemine": "Statemine",
+  "rpc.kusama.subgame": "SubGame Gamma",
+  "rpc.kusama.subsocial": "Subsocial",
+  "rpc.kusama.trustbase": "TrustBase",
+  "rpc.kusama.w3f": "Kusama (Polkadot Canary, hosted by Web3 Foundation)",
+  "rpc.kusama.zeitgeist": "Zeitgeist",
+  "rpc.kylin-node.co.uk": "Kylin Network",
+  "rpc.local": "Локальная нода (Own, 127.0.0.1:9944)",
+  "rpc.mandala": "Mandala (Acala Testnet, hosted by Acala)",
+  "rpc.manta": "Manta Testnet",
+  "rpc.nodle-arcadia": "Arcadia (Nodle Testnet, hosted by Nodle)",
+  "rpc.polkadot.acala": "Acala",
+  "rpc.polkadot.astar": "Astar",
+  "rpc.polkadot.bifrost": "Bifrost",
+  "rpc.polkadot.centrifuge": "Centrifuge",
+  "rpc.polkadot.clover-para": "Clover",
+  "rpc.polkadot.coinversation": "Coinversation",
+  "rpc.polkadot.composable": "Composable Finance",
+  "rpc.polkadot.crust": "Crust",
+  "rpc.polkadot.darwinia": "Darwinia",
+  "rpc.polkadot.efinity": "Efinity",
+  "rpc.polkadot.equilibrium": "Equilibrium",
+  "rpc.polkadot.hydra": "HydraDX",
+  "rpc.polkadot.interlay": "Interlay",
+  "rpc.polkadot.litentry": "Litentry",
+  "rpc.polkadot.manta": "Manta",
+  "rpc.polkadot.moonbeam": "Moonbeam",
+  "rpc.polkadot.nodle": "Nodle",
+  "rpc.polkadot.odyssey": "Ares Odyssey",
+  "rpc.polkadot.parallel": "Parallel",
+  "rpc.polkadot.parity": "Polkadot",
+  "rpc.polkadot.phala": "Phala Network",
+  "rpc.polkadot.polkadex": "Polkadex",
+  "rpc.polkadot.statemint": "Statemint",
+  "rpc.polkadot.subdao": "SubDAO",
+  "rpc.polkadot.subgame": "SubGame Gamma",
+  "rpc.prod.aleph": "",
+  "rpc.prod.automata": "",
+  "rpc.prod.centrifuge": "",
+  "rpc.prod.chainx": "",
+  "rpc.prod.coinversation": "",
+  "rpc.prod.competitors-club": "",
+  "rpc.prod.crab": "",
+  "rpc.prod.crown-sterling": "",
+  "rpc.prod.crust": "",
+  "rpc.prod.darwinia": "",
+  "rpc.prod.dock-pos-mainnet": "",
+  "rpc.prod.edgeware": "",
+  "rpc.prod.efinity": "",
+  "rpc.prod.equilibrium": "",
+  "rpc.prod.genshiro": "",
+  "rpc.prod.hanonycash": "",
+  "rpc.prod.hydra": "",
+  "rpc.prod.integritee": "",
+  "rpc.prod.kulupu": "",
+  "rpc.prod.kusari": "",
+  "rpc.prod.mathchain": "",
+  "rpc.prod.neatcoin": "",
+  "rpc.prod.nftmart": "",
+  "rpc.prod.nodle-main": "",
+  "rpc.prod.plasm": "",
+  "rpc.prod.polkadex": "",
+  "rpc.prod.polymesh": "",
+  "rpc.prod.riochain": "",
+  "rpc.prod.robonomics": "",
+  "rpc.prod.sherpax": "",
+  "rpc.prod.sora-substrate": "",
+  "rpc.prod.stafi": "",
+  "rpc.prod.subgame": "",
+  "rpc.prod.subsocial": "",
+  "rpc.prod.swapdex": "",
+  "rpc.prod.uniarts": "",
+  "rpc.prod.westlake": "",
+  "rpc.rocco.litentry": "",
+  "rpc.rococo": "",
+  "rpc.rococo.acala": "",
+  "rpc.rococo.apron": "",
+  "rpc.rococo.ares": "",
+  "rpc.rococo.bifrost": "",
+  "rpc.rococo.bitcountry": "",
+  "rpc.rococo.canvas": "",
+  "rpc.rococo.chainx": "",
+  "rpc.rococo.clover": "",
+  "rpc.rococo.crab": "",
+  "rpc.rococo.crust": "",
+  "rpc.rococo.darwinia": "",
+  "rpc.rococo.datahighway": "",
+  "rpc.rococo.eave": "",
+  "rpc.rococo.encointer": "",
+  "rpc.rococo.galital": "",
+  "rpc.rococo.genshiro": "",
+  "rpc.rococo.halongbay": "",
+  "rpc.rococo.hydrate": "",
+  "rpc.rococo.idavoll": "",
+  "rpc.rococo.integritee": "",
+  "rpc.rococo.interbtc": "",
+  "rpc.rococo.jupiter": "",
+  "rpc.rococo.kilt": "",
+  "rpc.rococo.konomi": "",
+  "rpc.rococo.loomnetwork": "",
+  "rpc.rococo.manta": "",
+  "rpc.rococo.mathchain": "",
+  "rpc.rococo.moonrock": "",
+  "rpc.rococo.origintrail": "",
+  "rpc.rococo.parami": "",
+  "rpc.rococo.phala": "",
+  "rpc.rococo.phoenix": "",
+  "rpc.rococo.plasm": "",
+  "rpc.rococo.polkafoundry": "",
+  "rpc.rococo.prism": "",
+  "rpc.rococo.robonomics": "",
+  "rpc.rococo.singlavender": "",
+  "rpc.rococo.standard": "",
+  "rpc.rococo.statemint": "",
+  "rpc.rococo.subdao": "",
+  "rpc.rococo.subsocial": "",
+  "rpc.rococo.tick": "",
+  "rpc.rococo.track": "",
+  "rpc.rococo.trick": "",
+  "rpc.rococo.trustbase": "",
+  "rpc.rococo.unitv": "",
+  "rpc.rococo.vln": "",
+  "rpc.rococo.zeitgeist": "",
+  "rpc.rococo.zenlink": "",
+  "rpc.sora-substrate": "SORA",
+  "rpc.sora-substrate-staging": "SORA-staging (SORA-staging Testnet, hosted by Soramitsu)",
+  "rpc.spanner": "",
+  "rpc.test.ajuna": "",
+  "rpc.test.aleph": "",
+  "rpc.test.ares.network": "",
+  "rpc.test.automata-contextfree": "",
+  "rpc.test.beresheet": "",
+  "rpc.test.bifrost": "",
+  "rpc.test.bitcountry": "",
+  "rpc.test.clover.finance": "",
+  "rpc.test.coinversation": "",
+  "rpc.test.crust.network": "",
+  "rpc.test.datahighway.spreehafen": "",
+  "rpc.test.dock-pos-testnet": "",
+  "rpc.test.dotmog": "",
+  "rpc.test.encointer.gesell": "",
+  "rpc.test.equilibriumtestnet": "",
+  "rpc.test.fantour": "",
+  "rpc.test.flamingfir": "",
+  "rpc.test.galital": "",
+  "rpc.test.galois": "",
+  "rpc.test.gamepower": "",
+  "rpc.test.geek": "",
+  "rpc.test.halongbay": "",
+  "rpc.test.interbtc": "",
+  "rpc.test.ipse": "",
+  "rpc.test.jupiter": "",
+  "rpc.test.khala": "",
+  "rpc.test.kilt.mash": "",
+  "rpc.test.kilt.pere": "",
+  "rpc.test.kylin-node.co.uk": "",
+  "rpc.test.litentry": "",
+  "rpc.test.mandala": "",
+  "rpc.test.moonbeam": "",
+  "rpc.test.mybank": "",
+  "rpc.test.nftmart": "",
+  "rpc.test.nodle-arcadia": "",
+  "rpc.test.oak": "",
+  "rpc.test.opportunity": "",
+  "rpc.test.origintrail": "",
+  "rpc.test.pangolin": "",
+  "rpc.test.pangoro": "",
+  "rpc.test.phala": "",
+  "rpc.test.phoenix": "",
+  "rpc.test.polkadex": "",
+  "rpc.test.polymesh": "",
+  "rpc.test.pontem": "",
+  "rpc.test.prism": "",
+  "rpc.test.realis": "",
+  "rpc.test.riochain": "",
+  "rpc.test.sherpax": "",
+  "rpc.test.shibuya": "",
+  "rpc.test.snowbridge": "",
+  "rpc.test.sora-substrate-staging": "",
+  "rpc.test.subdao": "",
+  "rpc.test.subgame": "",
+  "rpc.test.subspace": "",
+  "rpc.test.subspace.farmnet": "",
+  "rpc.test.ternoa-testnet": "",
+  "rpc.test.turbulence": "",
+  "rpc.test.uniarts": "",
+  "rpc.test.unique": "",
+  "rpc.test.unitv": "",
+  "rpc.test.vodka": "",
+  "rpc.test.web3games": "",
+  "rpc.test.zCloak": "",
+  "rpc.test.zeitgeist": "",
+  "rpc.test.zero": "",
+  "rpc.turbulence": "Turbulence (Laminar Testnet, hosted by Laminar)",
+  "rpc.westend": "Westend (Polkadot Testnet, hosted by Parity)",
+  "rpc.westend.basilisk": "",
+  "rpc.westend.charcoal": "",
+  "rpc.westend.encointer": "",
+  "rpc.westend.integritee": "",
+  "rpc.westend.interbtc": "",
+  "rpc.westend.kilt": "",
+  "rpc.westend.moonshadow": "",
+  "rpc.westend.pangoro": "",
+  "rpc.westend.shell": "",
+  "rpc.westend.standard": "",
+  "rpc.westend.wendala": "",
+  "rpc.westend.whala": "",
+  "runners up": "претенденты",
+  "scheduled": "",
+  "scheduling": "планирование",
+  "seats": "места",
+  "second with account": "поддерживаю с аккаунта",
+  "secret": "секрет",
+  "secret derivation path": "секретный путь деривации",
+  "seed (hex or string)": "порождающее значение (seed) (16-ричное число или строка)",
+  "select curator": "выбрать куратора",
+  "select the account you wish to sign data with": "выберите аккаунт, с которого хотите подписать данные",
+  "selected constant query": "запрос выбранной константы",
+  "selected signatories": "выбранные подписанты",
+  "selected state query": "выбранный запрос состояний",
+  "selected validators": "выбранные валидатори",
+  "send": "отправить",
+  "send as RPC call": "отправить как RPC вызов",
+  "send as transaction": "отправить как транзакцию",
+  "send from": "отправленно",
+  "send from account": "отправить с аккаунта",
+  "send to address": "отправить на адрес",
+  "send via proxy": "",
+  "sending account": "аккаунт отправителя",
+  "sending from my account": "отправляется с моего аккаунта",
+  "session": "сессия",
+  "session keys": "сессионные ключи",
+  "session next": "следующая сессия",
+  "show only untipped/closing": "",
+  "sign data from account": "подписать данные с аккаунта",
+  "sign the following data": "подписать следующие данные",
+  "signatories": "подписанты",
+  "signatory": "подписант",
+  "signature crypto type": "тип шифрования подписи",
+  "signature of supplied data": "подпись предоставленных данных",
+  "signature {{type}}": "",
+  "signer": "подписавший",
+  "single from operator": "",
+  "skeptic": "",
+  "society head": "глава сообщества",
+  "somebody@example.com": "ktoto@primer.com",
+  "sort by": "отсортировать по",
+  "spend period": "период трат",
+  "spendable / available": "",
+  "sr15519, Schnorrkel": "sr15519, Schnorrkel",
+  "ss58.centrifuge": "Centrifuge (рабочая)",
+  "ss58.default": "Значение по умолчанию для подключенной ноды",
+  "ss58.edgeware": "Edgeware (рабочая)",
+  "ss58.kusama": "Kusama (canary)",
+  "ss58.polkadot": "Polkadot (рабочая)",
+  "ss58.substrate": "Substrate (generic)",
+  "staked": "застейкано",
+  "stash account": "аккаунт-копилка",
+  "stash address": "",
+  "stashes": "копилки",
+  "state": "состояние",
+  "status": "",
+  "strikes": "удары",
+  "strong": "",
+  "sub name": "",
+  "submit gilt bid": "",
+  "submit the following change": "внести следующее изменение",
+  "submit the following extrinsic": "отправить следущий экстринзик",
+  "submit with account": "отправить с аккаунта",
+  "submit with council account": "отправить с аккаунта Совета",
+  "subs": "",
+  "sudo key": "ключ sudo",
+  "sudo with unchecked weight parameter": "sudo с непроверенным параметром веса",
+  "sudo without unchecked weight parameter": "sudo без непроверенного параметра веса",
+  "sufficient": "значительный",
+  "supply": "предоставлять",
+  "suri (seed & derivation)": "suri (seed & derivation)",
+  "suspended": "",
+  "swap to id": "поменять на №",
+  "syncing": "синхронизация",
+  "system events": "системные события",
+  "tags": "тэги",
+  "target": "цель",
+  "term progress": "прогресс срока",
+  "testnet.kylin-node.co.uk": "",
+  "the account to make recoverable": "аккаунт, который хотите сделать восстанавливаемым",
+  "the account to recover to": "аккаунт, куда хотите восстановить",
+  "the asset to query for balances": "актив для запроса баланса",
+  "the associated controller": "соответствующий контроллер",
+  "the era to cancel for": "эра, для которой хотите отменить",
+  "the language to display translations for": "язык для которого показать перевод",
+  "the module to display strings for": "модуль, для которого показать строки",
+  "the payment account": "",
+  "the resulting hash is": "результирующий хэш",
+  "the stash account to nominate with": "стэш аккаунт с которого номинировать",
+  "the supplied signature": "предоставленная подпись",
+  "threshold": "порог",
+  "timeout": "",
+  "tip": "чаевые",
+  "tip amount": "",
+  "tip reason": "причина для чаевых",
+  "tip value": "сумма чаевых",
+  "tips": "чаевые",
+  "total": "всего",
+  "total balance": "общий баланс",
+  "total deposit": "всего на депозите",
+  "total issuance": "всего выпущено",
+  "total locked": "всего заблокировано",
+  "total peers": "всего соединений с другими нодами",
+  "total raised / cap": "",
+  "total stake": "всего стейк",
+  "total staked": "всего застейкано",
+  "total transferrable": "всего доступно для перевода",
+  "transactions": "транзакции",
+  "transfer asset": "отправить средства",
+  "transfer received": "трансферов получено",
+  "transferrable": "передаваемые",
+  "transferrable minus fees": "доступное для перевода без комиссии",
+  "transfers": "",
+  "trusted social recovery helpers": "доверяемые помощники для социального восстановления",
+  "turnout": "оказаться",
+  "twitter": "twitter",
+  "type": "тип",
+  "unapplied": "",
+  "unbond amount": "освободить сумму",
+  "unbonding": "освобождение",
+  "unchecked weight for this call": "непроверенный вес для этого вызова",
+  "unique deployment salt": "",
+  "unlock account with password": "разблокировать аккаунт с помощью пароля",
+  "unlock for {{expiry}} min": "",
+  "unstake threshold": "порог освобождения от стейка",
+  "until block": "",
+  "update": "обновить",
+  "update on #{{index}}": "обновление #{{index}}",
+  "upgradable extensions": "обновляемые расширения",
+  "upload signatories list": "загрузить цифровые подписи",
+  "url": "",
+  "use deployment salt": "",
+  "use estimated gas": "",
+  "use on any network": "использовать на любой сети",
+  "use proxied account": "",
+  "using my account": "использовать мой аккаунт",
+  "using the following data": "используя следующие данные",
+  "using the selected account": "используя выбранный аккаунт",
+  "validation code": "",
+  "validator to query": "поиск по валидатору",
+  "validator {{index}}": "",
+  "validators": "валидаторы",
+  "validators/nominators": "валидаторы/номираторы",
+  "value": "значение",
+  "value bonded": "привязанная сумма",
+  "verifier signature": "",
+  "verify using address": "проверить с помощью адреса",
+  "version {{version}}": "версия {{version}}",
+  "vested": "vested",
+  "via Council": "",
+  "via Council/Motions": "",
+  "via Council/Vote": "через Совет/Голосование",
+  "via Democracy": "",
+  "via Democracy/Dispatch": "",
+  "via Democracy/Vote": "через Демократию/Голосование",
+  "via Parachains": "",
+  "via Parachains/Auction": "",
+  "via Society": "",
+  "via Staking": "",
+  "via Staking/Bond": "Через Стейкинг/Привязку",
+  "via Staking/Slashed": "",
+  "via Treasury": "",
+  "via Vesting": "через Vesting",
+  "vote for candidate": "голосовать за кандидата",
+  "vote for defender": "голосовать за защитника",
+  "vote from account": "голосовать с аккаунта",
+  "vote using my account": "",
+  "vote value": "ценность голоса",
+  "vote with account": "голосовать с аккаунта",
+  "voted": "",
+  "voted on": "",
+  "votes": "голоса",
+  "voting account": "голосующий аккаунт",
+  "voting balance": "баланс голосования",
+  "voting bond": "",
+  "voting end": "голосование заканчивается",
+  "voting period": "период голосования",
+  "voting round": "круг голосования",
+  "waiting": "ожидание",
+  "weak": "",
+  "web": "интернет",
+  "website": "веб-сайт",
+  "weight": "",
+  "westend.kylin-node.co.uk": "",
+  "with an index of": "с индексом",
+  "with weight override": "",
+  "wrong password supplied": "неправильный пароль",
+  "yes": "да",
+  "yesterday": "",
+  "your current password": "Ваш текущий пароль",
+  "your new password": "Ваш новый пароль",
+  "{{balance}} voted": "",
+  "{{blocks}} blocks": "{{blocks}} блоков",
+  "{{count}} key/value pairs encoded for submission": "{{count}} ключ/сумма пары для запуска",
+  "{{count}} own stashes": "{{count}} моих стэшов",
+  "{{currency}} average": "{{currency}} среднее",
+  "{{currency}} clipped": "{{currency}} урезано",
+  "{{currency}} rewards": "{{currency}} вознаграждения",
+  "{{currency}} slashed": "{{currency}} слэш",
+  "{{currency}} total": "{{currency}} всего",
+  "{{days}} days": "{{days}} д.",
+  "{{done}}/{{total}}, {{progress}}% done": "{{done}}/{{total}}, {{progress}}% закончено",
+  "{{eras}} eras remaining": "",
+  "{{executionTime}}s execution time": "",
+  "{{hours}} hrs": "{{hours}} ч",
+  "{{minutes}} mins": "{{minutes}} мин.",
+  "{{name}} ({{size}} bytes)": "{{name}} ({{size}} bytes)",
+  "{{percentage}} aye": "{{percentage}} да",
+  "{{percentage}}% of block weight": "",
+  "{{percentage}}% turnout": "",
+  "{{relayDispatchQueueSize}} dispatch messages pending": "{{relayDispatchQueueSize}} сообщений в очереди",
+  "{{seconds}} s": "{{seconds}} с",
+  "{{size}} WASM bytes": "",
+  "{{step}}. Sign with your ETH address": "{{step}}. Подпишите Вашим адресом Ethereum",
+  "{{threshold}}, not passing": "{{threshold}}, не проходит",
+  "{{threshold}}, passing": "{{threshold}}, проходит",
+  "{{type}} copied": "",
+  "{{value}}x voting balance, locked for {{lock}}x enactment ({{period}} days)": "{{value}}x баланс голосования, заблокировано на {{lock}}x ({{period}} дней)"
+}
\ No newline at end of file
diff --git a/packages/apps/public/locales/ur/translation.json b/packages/apps/public/locales/ur/translation.json
new file mode 100644
index 0000000..0d78a04
--- /dev/null
+++ b/packages/apps/public/locales/ur/translation.json
@@ -0,0 +1,1383 @@
+{
+  "//hard": "مشکل",
+  "//hard///password": "مشکل // پاس ورڈ",
+  "//hard/soft": "مشکل // آسان",
+  "//hard/soft///password": "مشکل // آسان// پاس ورڈ",
+  "0.1x voting balance, no lockup period": "ووٹنگ بیلنسx 0.1، کوئی لاک اپ پیریڈ نہیں",
+  "1 billion DOTs; 10 decimals": "1 ارب ;DOTs 10 اعشاریہ",
+  "1 day": "1 دن",
+  "1 hr": "1 گھنٹا",
+  "1 min": "1 منٹ",
+  "1 s": "1 سیکنڈ",
+  "1. Select your {{chain}} account": "1.اپنا {{chain}} اکاؤنٹ منتخب کریں",
+  "10 billion DOTs; 9 decimals": "10 ارب DOTs؛ 9 اعشاریہ",
+  "10 million DOTs; status quo": "10 ملین DOTs اسٹیٹس کوو",
+  "100 million DOTs; 11 decimals": "100 ملین DOTs؛ 11 اعشاریہ",
+  "2. Enter the ETH address from the sale.": "2.سیل سے ETH ایڈریس درج کریں۔",
+  "2. Sign ETH transaction": "2. ETH ٹرانزیکشن پر دستخط کریں۔",
+  "<empty>": "خالی",
+  "<unknown>": "نامعلوم",
+  "@YourTwitterName": "وُڑٹیِتتےڑَمې",
+  "@yourname:matrix.org": "آپ کا نام: matrix.org ",
+  "A controller account should not be set to manage multiple stashes. The selected controller is already controlling {{stashId}}": "ایک کنٹرولر اکاؤنٹ ایک سے زیادہ اسٹیشز کو منظم کرنے کے لیئے سیٹ نہیں کیا جانا چاہیے۔ منتخب کردہ کنٹرولر پہلے ہی {{stashId}} کو کنٹرول کر رہا ہے ",
+  "A controller account should not be set to manages multiple stashes. The selected controller is already controlling {{stashId}}": "ایک کنٹرولر اکاؤنٹ ایک سے زیادہ اسٹیشز کو منظم کرنے کے لیئے سیٹ نہیں کیا جانا چاہیے۔ منتخب کردہ کنٹرولر پہلے ہی {{stashId}} کو کنٹرول کر رہا ہے",
+  "A controller account should not map to another stash. This selected controller is a stash, controlled by {{bondedId}}": "ایک کنٹرولر اکاؤنٹ کو دوسرے اسٹیش میں میپ نہیں ہونا چاہیے۔ یہ منتخب کنٹرولر اسٹیش ہے جسے {{bondedId}} کنٹرول کرتا ہے",
+  "A deployed contract that has either been deployed or attached. The address and ABI are used to construct the parameters.": "یک تعینات شدہ کانٹریکٹ جو یا تو تعیناتیا منسلک کیا گیا ہے۔ ایڈریس اوراے بی آئیپیرامیٹرز کی تعمیر کے لیئے استعمال ہوتے ہیں۔",
+  "A fee of {{creationFee}} will be deducted from the sender since the destination account does not exist": "بھیجنے والے سے {{creationFee}} کی فیس کاٹ لی جائے گی کیونکہ مطلوبہ اکاؤنٹ موجود نہیں ہے",
+  "A reason (to be stored-on-chain) as to why the recipient deserves a tip payout.": "ایک وجہ (چین پر محفوظ کرنے کے لیئے) کہ وصول کنندہ ٹپ پے آؤٹ کا کیوں مستحق ہے۔",
+  "A remark that is associated with this transfer. This can be any comment that indicates the reason.": "ایک ریمارک جو اس ٹرانسفر سے وابستہ ہے۔ یہ کوئی بھی کمینٹ ہوسکتا ہے جو وجہ کی نشاندہی کرے۔",
+  "ABI": "اے بی آئی",
+  "Acceptance of new members and bids": "نئے ممبران اور بولیوں کی منظوری",
+  "Acceptance proposal to council": "کونسل کے لیئے منظوری تجویز",
+  "Account actions": "اکاؤنٹ کی کاروائیاں",
+  "Account balance:": "اکاؤنٹ بیلنس",
+  "Accounts": "اکاؤنٹس",
+  "Accounts injected from any of these extensions will appear in this application and be available for use. The above list is updated as more extensions with external signing capability become available.": "ان میں سے کسی بھی ایکسٹینشن سے انجیکٹ کیئے گئے اکاؤنٹس اس ایپلیکیشن میں ظاہر ہوں گے اور استعمال کے لیئے دستیاب ہوں گے۔ مذکورہ فہرست اپ ڈیٹ ہوتی ہے جیسے ہی مزید ایکسٹینشنز کے لیئے ایکسٹرنل سائننگ کیپیبیلیٹی دستیاب ہو جاتی ہے۔",
+  "Active nominations ({{count}})": "فعال نامزدگیاں ({{count}})",
+  "Add": "اضافہ",
+  "Add a tip to this extrinsic, paying the block author for greater priority": "اس ایکسٹرنسک کے لیئے ٹپ شامل کریں، زیادہ ترجیح کے لیئے بلاک تحریر کرنے والے کو ادائیگی کی جارہی ہے۔",
+  "Add account": "اکاؤنٹ کا اضافہ",
+  "Add account via Qr": "اکاؤنٹ کا اضافہ بذریعہ کیو آر",
+  "Add an account via seed {{step}}/{{STEPS_COUNT}}": "اکاؤنٹ بذریعہ سیڈ شامل کریں {{step}}/{{STEPS_COUNT}}",
+  "Add an address": "پتہ شامل کریں",
+  "Add an existing code hash": "موجودہ کوڈ ہیش شامل کریں",
+  "Add an existing contract": "موجودہ معاہدہ شامل کریں",
+  "Add contact": "رابطہ شامل کریں",
+  "Add identity judgment": "شناخت کی جانچ شامل کریں",
+  "Add item": "آئٹم شامل کریں",
+  "Add multisig": "ملٹی سگ شامل کریں",
+  "Add proxied account": "پراکسیڈ اکاؤنٹ شامل کریں",
+  "Add proxy": "پراکسی شامل کریں",
+  "Add sub": "سب شامل کریں",
+  "Add via Ledger": "لیجر کے ذریعے شامل کریں",
+  "Add via Qr": "کیو آر کے ذریعے شامل کریں",
+  "Add via backup file": "بیک اپ فائل کے ذریعے شامل کریں",
+  "Adding an optional tip to the transaction could allow for higher priority, especially when the chain is busy.": "ٹرانزیکشن میں ایک آپشنل ٹپ شامل کرنے سے زیادہ ترجیح حاصل ہو سکتی ہے، خصوصاً جب چین مصروف ہو۔",
+  "Additional types as a JSON file (or edit below)": "اضافی اقسام بطور JSON فائل (یا نیچے ترمیم کریں)",
+  "Address Prefix": "ایڈریس پری فکس",
+  "Adjust the mode from basic (with a limited number of beginner-user-friendly apps) to full (with all basic & advanced apps available)": "موڈ کو بنیادی (ابتدائی- صارف دوست ایپس کی محدود تعداد کے ساتھ) سے مکمل (تمام بنیادی اور ایڈوانسڈ ایپس کی دستیابی کے ساتھ) تک ایڈجسٹ کریں",
+  "Advanced creation options": "ایڈوانسڈ تخلیقی آپشنز",
+  "All rewards will go towards the selected output destination when a payout is made.": "جب ادائیگی کی جائے گی تب تمام انعامات منتخب کردہ آؤٹ پٹ منزل کی طرف چلے جائیں گے",
+  "All the listed validators and all their nominators will receive their rewards.": "درج شدہ تمام ویلیڈیٹرز اور ان کے تمام نامینیٹرز اپنے انعامات وصول کریں گے۔",
+  "All voters may alter their votes any number of times prior to the close of the poll.": "تمام ووٹر پول کے اختتام سے پہلے اپنے ووٹوں کو کسی بھی تعداد میں تبدیل کر سکتے ہیں۔",
+  "Allocate a suggested tip amount. With enough endorsements, the suggested values are averaged and sent to the beneficiary.": "تجویز کردہ ٹپ کی رقم مختص کریں۔ متعدد توثیق کے ساتھ، تجویز کردہ ویلیوز اوسط کر کے بینیفشری کو بھیجی جاتی ہیں۔",
+  "Amount to add to the currently bonded funds. This is adjusted using the available funds on the account.": "موجودہ بانڈڈ فنڈز میں شامل ہونے والی رقم۔ یہ اکاؤنٹ میں دستیاب فنڈز کا استعمال کرتے ہوئے ایڈجسٹ کی جاتی ہے۔",
+  "Amount to delegate for any democracy vote. This is adjusted using the available funds on the account.": "کسی بھی جمہوری ووٹ کے لیئے نمائندگی کرنے والی رقم۔ یہ اکاؤنٹ میں دستیاب فنڈز کا استعمال کرتے ہوئے ایڈجسٹ کی جاتی ہے۔",
+  "An URL that is linked to this identity.": "ایکیو آر ایل جو اس شناخت سے منسلک ہے۔",
+  "An encrypted backup file will be created once you have pressed the \"Download\" button. This can be used to re-import your account on any other machine.": "ایک مرتبہ جب آپ \"ڈاؤنلوڈ \" بٹن دبائیں گے تو ایک انکرپٹڈ بیک اپ فائل بن جائے گی۔ یہ کسی بھی دوسری مشین پر آپ کے اکاؤنٹ کو دوبارہ امپورٹ کرنے کے لیئے استعمال کی جا سکتی ہے۔",
+  "Any account can request payout for stakers, this is not limited to accounts that will be rewarded.": "کوئی بھی اکاؤنٹ اسٹیکرز کے لیئے ادائیگی کی درخواست کر سکتا ہے، یہ ان اکاؤنٹس تک محدود نہیں ہے جن کو انعام دیا جائے گا۔",
+  "Any account set as proxy will be able to perform actions in place of the proxied account": "پراکسی کے طور پر سیٹ کیا گیا کوئی بھی اکاؤنٹ پراکسیڈ اکاؤنٹ کی جگہ عملداری کر سکے گا۔",
+  "Any combination of the four options may be approved of by the voter. There is no need to select only one option!": "چار آپشنز کا کوئی بھی مجموعہ ووٹر کی طرف سے منظور کیا جا سکتا ہے۔ صرف کوئی بھی ایک آپشن منتخب کرنے کی ضرورت نہیں ہے!",
+  "Any democracy vote performed by the delegated account will result in an additional vote from the delegating account": "ڈیلیگیٹڈ اکاؤنٹ کی طرف سے کیئے گئے کسی بھی جمہوری ووٹ کے نتیجے میں ڈیلیگیٹنگ اکاؤنٹ سے ایک اضافی ووٹ نکلے گا",
+  "Application of slashes from era {{id}}": "ایرا {{id}} سے سلیشز کا اطلاق",
+  "Apply to UI": "یو آئی پر لاگو کریں",
+  "Approvals": "منظوریاں",
+  "Approve or reject this defender.": "اس محافظ کو منظور یا مسترد کریں",
+  "Approve this call hash": "اس کال ہیش کو منظور کریں",
+  "Approve this candidacy.": "اس امیدوار کو منظور کریں۔",
+  "Approved": "منظورشدہ",
+  "Approving of all or none of the options is equivalent and will not affect the outcome of the poll.": "تمام آپشنز کی منظورییا کسی بھی آپشن کو منظور نہ کرنا برابر ہے اور پول کے نتائج کو متاثر نہیں کرے گی۔",
+  "As a council member, you can suggest an initial value for the tip, each other council member can suggest their own.": "بطور کونسل ممبر، آپ ٹپ کی ابتدائی قیمت تجویز کر سکتے ہیں، کونسل کے دیگر ممبر اپنی تجویز دے سکتے ہیں۔",
+  "Asset ID": "اثاثہ کی شناخت",
+  "Assets": "اثاثے",
+  "Aura": "اورا",
+  "Authorize transaction": "ٹرانزیکشن کی اجازت",
+  "Aye": "ہاں",
+  "Aye {{count}}": "ہاں {{count}}",
+  "Aye, I approve": "ہاں، مجھے منظور ہے",
+  "Aye, I can support this": "ہاں، میں اس کی تائید کرسکتا ہوں",
+  "Aye, I support this": "ہاں، میں اس کی تائید کرتا ہوں",
+  "Babe": "بیبی",
+  "Backup account": "بیک اپ اکاؤنٹ",
+  "Be aware that once submitted the proposal will be put to a council vote. If the proposal is rejected due to a lack of info, invalid requirements or non-benefit to the network as a whole, the full bond posted (as describe above) will be lost.": "آگاہ رہیں کہ ایک بار تجویز پیش کرنے کے بعد اسے کونسل کے ووٹ میں ڈال دیا جائے گا۔ اگر معلومات کی کمی، ناجائز تقاضوں، یا مجموعی طور پر نیٹ ورک کے لیئے فائدہ مند نہ ہونے کی وجہ سے تجویز مسترد کر دی جاتی ہے تو، پوسٹ کردہ مکمل بانڈ (جیسا کہ اوپر بیان کیا گیا ہے) ضائع ہو جائے گا۔",
+  "Bid": "بولی",
+  "Bid to join": "شامل ہونے کی بولی",
+  "Block details": "بلاک کی تفصیلات",
+  "Bond": "بونڈ",
+  "Bond & Nominate": "بونڈ اور نامزدگی",
+  "Bond & Validate": "بونڈ اور توثیق",
+  "Bond more": "مزید بونڈ",
+  "Bond more funds": "مزید فنڈز بونڈ کریں",
+  "Bonding Preferences": "بونڈ کی ترجیحات",
+  "Call": "کال",
+  "Call a contract": "کانٹریکٹ کو کال",
+  "Call a method on this contract": "اس کانٹریکٹ پر ایک طریقے کی کال کریں",
+  "Call results": "کال کا نتیجہ",
+  "Call this message": "اس میسیج کو کال کریں",
+  "Cancel": "منسوخ",
+  "Cancel slashes": "سلیشز کی منسوخی",
+  "Cancel this call hash": "اس کال ہیش کو منسوخ کریں",
+  "Chain info": "چین کی معلومات",
+  "Chain specifications": "چین کی تفصیلات",
+  "Change": "تبدیلی ",
+  "Change account password": "اکاؤنٹ پاس ورڈ تبدیل کریں",
+  "Change controller account": "کنٹرولر اکاؤنٹ تبدیل کریں",
+  "Change democracy delegation": "جمہوریت کا وفد تبدیل کریں",
+  "Change reward destination": "انعام کی منزل تبدیل کریں",
+  "Change session keys": "سیشن کیز تبدیل کریں",
+  "Change this account's password": "اس اکاؤنٹ کا پاس ورڈ تبدیل کریں",
+  "Change validator preferences": "ویلیڈیٹر کی ترجیحات تبدیل کریں",
+  "Changing the key only takes effect at the start of the next session. The input here is generated from the author_rotateKeys command": "کیز کی تبدیلی صرف اگلے سیشن کے آغاز پر اثر انداز ہوتی ہے۔ یہاں ان پٹ author_rotateKeys کمانڈ سے پیدا ہوتا ہے۔",
+  "Chilled ({{count}})": "چلڈ ({{count}})",
+  "Chilled nominations ({{count}})": "چلڈ نامزدگیاں ({{count}})",
+  "Claim": "دعویٰ",
+  "Claim tokens": "ٹوکنز کا دعویٰ",
+  "Claim tokens...": "ٹوکنز کا دعویٰ۔۔۔",
+  "Clear Identity": "شناخت مٹا دیں",
+  "Clear all": "سب مٹا دیں",
+  "Clear expired democracy locks": "ختم شدہ جمہوری لاکس مٹا دیں",
+  "Close": "بند کریں",
+  "Close proposal": "تجویز بند کریں",
+  "Close tip": "ٹپ بند کریں",
+  "Code": "کوڈ",
+  "Color": "رنگ",
+  "Committee prime member, default voting": "کمیٹی کے پرائم میمبر، ڈیفالٹ ووٹنگ",
+  "Completed": "مکمل ہوا",
+  "Confirm ABI removal": "اے بی آئی ہٹانے کی تصدیق کریں",
+  "Confirm account removal": "اکاؤنٹ ہٹانے کی تصدیق کریں",
+  "Confirm address removal": "پتہ ہٹانے کی تصدیق کریں",
+  "Confirm claim": "دعوے کی تصدیق کریں",
+  "Confirm code removal": "کوڈ ہٹانے کی تصدیق کریں",
+  "Confirm contract removal": "کانٹریکٹ ہٹانے کی تصدیق کریں",
+  "Consider storing your account in a signer such as a browser extension, hardware device, QR-capable phone wallet (non-connected) or desktop application for optimal account security.": "زیادہ سے زیادہ اکاؤنٹ سیکورٹی کے لیئے اپنے اکاؤنٹ کو ایک برائوزر ایکسٹینشن، ہارڈ ویئر ڈیوائس، کیو آر والے فون والیٹ (غیر منسلک) یا ڈیسک ٹاپ ایپلی کیشن میں محفوظ کرنے پر غور کریں۔",
+  "Constants": "مستقل",
+  "Continue": "جاری رکھیں",
+  "Contracts": "کانٹریکٹس",
+  "Conviction locks do overlap and are not additive, meaning that funds locked during a previous vote can be locked again.": "کنوکشن لاکس اوورلیپ ہوجاتے ہیں اور قابلِ اضافہ نہیں ہوتے، اس کا مطلب یہ ہے کہ پچھلے ووٹ کے دوران لاکڈ فنڈز کو دوبارہ لاک کیا جاسکتا ہے۔",
+  "Copy the above string and sign an Ethereum transaction with the account you used during the pre-sale in the wallet of your choice, using the string as the payload, and then paste the transaction signature object below": "مندرجہ بالا سٹرنگ کو کاپی کریں اور جس اکاؤنٹ کو آپ نے پری سیل کے دوران اپنی پسند کے والٹ میں استعمال کیا تھا اس سے ایتھیریم ٹرانزیکشن پر دستخط کریں، سٹرنگ کو پے لوڈ کے طور پر استعمال کرتے ہوئے اور پھر ٹرانزیکشن کے دستخط والی چیز کو نیچے پیسٹ کریں۔",
+  "Copy the following string and sign it with the Ethereum account you used during the pre-sale in the wallet of your choice, using the string as the payload, and then paste the transaction signature object below:": "درج ذیل سٹرنگ کو کاپی کریں اور جس اکاؤنٹ کو آپ نے پری سیل کے دوران اپنی پسند کے والٹ میں استعمال کیا تھا اس سے ایتھیریم ٹرانزیکشن پر دستخط کریں، سٹرنگ کو پے لوڈ کے طور پر استعمال کرتے ہوئے اور پھر ٹرانزیکشن کے دستخط والی چیز کو نیچے پیسٹ کریں۔",
+  "Council": "کونسل",
+  "Council overview": "کونسل کا جائزہ",
+  "Create": "تخلیق",
+  "Create a backup file for this account": "اس اکاؤنٹ کے لیے ایک بیک اپ فائل بنائیں",
+  "Create an account now.": "ابھی ایک اکاؤنٹ بنائیں",
+  "Create and backup account": "اکاؤنٹ اور بیک اپ بنائیں",
+  "Crypto not detected": "کرپٹو ڈیٹیکٹ نہیں ہوا",
+  "Cryptography used to create this signature. It is auto-detected on valid signatures.": "اس دستخط کو بنانے کے لیئے کرپٹوگرافی کا استعمال کیا جاتا ہے۔ یہ درست دستخطوں پر خود بخود ڈیٹیکٹ ہو جاتا ہے",
+  "Current account nonce: {{accountNonce}}": "کرنٹ اکاؤنٹ نونس: {{accountNonce}}",
+  "Current prime member, default voting": "موجودہ پرائم میمبر، ڈیفالٹ ووٹنگ",
+  "Current society head, exempt": "سوسائٹی کا موجودہ سربراہ، مستثنیٰ",
+  "Custom url": "کسٹم یو آر ایل",
+  "Decimals": "اعشاریہ",
+  "Decimals decides the smallest unit of the token, which is 1/10^decimals": "اعشاریہ ٹوکن کی سب سے چھوٹی اکائی کا فیصلہ کرتا ہے، جو کہ ۱/۱۰^ اعشاریہ ہے",
+  "Delegate": "ڈیلیگیٹ",
+  "Delegate democracy votes": "نمائندہ جمہوری ووٹس",
+  "Delete this custom example": "اس حسب ضرورت مثال کو حذف کریں",
+  "Democracy overview": "جمہوری جائزہ",
+  "Denomination poll": "فرقہ وارانہ رائے شماری",
+  "Deploy": "تعینات",
+  "Deploy a code hash": "کوڈ ہیش تعینات کریں",
+  "Deploy this code hash as a smart contract": "اس کوڈ ہیش کو بطور اسمارٹ کانٹریکٹ تعینات کریں",
+  "Deploy with this constructor": "اس کنسٹرکٹر کے ساتھ تعینات کریں",
+  "Deposit": "جمع",
+  "Deregister this parachain": "اس پیراچین کو ڈی رجسٹر کریں",
+  "Derive account from pair": "جوڑی سے اکاؤنٹ حاصل کریں",
+  "Derive account via derivation path": "ڈیریویشن پاتھ سے اکاؤنٹ حاصل کریں",
+  "Details": "تفصیلات",
+  "Detection on the input string to determine if it is hex or non-hex.": "ان پٹ سٹرنگ پر پتہ لگانے کے لیئے کہ یہ ہیکس ہے یا نان ہیکس",
+  "Determines what cryptography will be used to create this account. Note that to validate on Polkadot, the session account must use \"ed25519\".": "یہ تعین کرتا ہے کہ اس اکاؤنٹ کو بنانے کے لیئے کونسی کرپٹوگرافی استعمال کی جائے گی۔ نوٹ کریں کہ پولکاڈوٹ پر توثیق کرنے کے لیئے، سیشن اکاؤنٹ کو\"ed25519 \" استعمال کرنا چاہیے۔",
+  "Developer": "ڈویلپر",
+  "Development": "ڈویلپمینٹ",
+  "Dismiss all notifications": "تمام اطلاعات کو مسترد کریں",
+  "Dispatch": "ترسیل",
+  "Display overview information for the selected validator, including blocks produced.": "منتخب شدہ ویلیڈیٹر کی جائزہ معلومات دکھائیں، بشمول تیار کردہ بلاکس",
+  "Distinct stash and controller accounts are recommended to ensure fund security. You will be allowed to make the transaction, but take care to not tie up all funds, only use a portion of the available funds during this period.": "فنڈ کی حفاظت کو یقینی بنانے کے لیئے مخصوص اسٹیش اور کنٹرولر اکاؤنٹس کی سفارش کی جاتی ہے۔ آپ کو ٹرانزیکشن کرنے کی اجازت ہوگی لیکن خیال رکھیں کہ تمام فنڈز کو یکجا نہ کریں، اس دوران دستیاب فنڈز کا صرف ایک حصہ ہی استعمال کریں۔",
+  "Do not include a tip for the block author": "بلاک لکھنے کے لیئے کوئی ٹپ شامل نہ کریں۔",
+  "Don't use a proxy for this call": "اس کال کے لیئے پراکسی کا استعمال نہ کریں۔",
+  "Download": "ڈاؤن لوڈ",
+  "Either approve or reject this call.": "اس کال کو منظور کریںیا مسترد کریں",
+  "Election of new council candidates": "نئی کونسل کے امیدواروں کا انتخاب",
+  "Enactment of the result of referendum {{id}}": "ریفرنڈم {{id}} کے نتائج کا نفاذ",
+  "Endorse": "توثیق",
+  "Endorsements ({{count}})": "تائیدات ({{count}})",
+  "Ensure that not all funds are locked, funds need to be available for fees.": "یقینی بنائیں کہ تمام فنڈز لاک نہیں ہیں، فیس کے لیئے فنڈز دستیاب ہونے کی ضرورت ہے۔",
+  "Ensure that the extension has accounts, some accounts are visible globally and available for this chain and that you gave the application permission to access accounts from the extension to use them.": "یقینی بنائیں کہ ایکسٹینشن میں اکاؤنٹس ہیں، کچھ اکاؤنٹس عالمی سطح پر نظر آتے ہیں اور اس چین کے لیے دستیاب ہیں، اور یہ کہ آپ نے ایپلیکیشن کو ایکسٹینشن سے اکاؤنٹس تک رسائی حاصل کرنے کی اجازت دی ہے۔",
+  "Ensure that you utilized the \"Save\" functionality before using a generated address to receive funds. Without saving the address any funds and the associated seed any funds sent to it will be lost.": "فنڈز وصول کرنے کے لیئے اس بات کو یقینی بنائیں کہ بنایا گیا پتہ استعمال کرنے سے پہلے آپ نے  کا استعمال کیا ہے۔ ایڈریس کو محفوظ کیئے بغیر کوئی بھی فنڈز اور اس سے وابستہ سیڈ اس پتے پر بھیجے گئے تو ضائع ہو جائیں گے۔ ",
+  "Ensure you are using a strong password for proper account protection.": "یقینی بنائیں کہ آپ اکاؤنٹ کے مناسب تحفظ کے لیئے ایک مضبوط پاس ورڈ استعمال کر رہے ہیں۔",
+  "Enter the Asset ID of the token you want to manage.": "آپ جس ٹوکن کو مینیج کرنا چاہتے ہیں اس اثاثے کی شناخت درج کریں۔",
+  "Enter the Asset ID of the token you want to transfer.": "آپ جس ٹوکن کو ٹرانسفر کرنا چاہتے ہیں اس اثاثے کی شناخت درج کریں۔",
+  "Erroneous": "غلط۔",
+  "Evaluated {{count}} keys in {{elapsed}}s ({{avg}} keys/s)": "اندازاً{{count}} چابیاں ہیں {{elapsed}} s ({{avg}} keys/s) میں",
+  "Execute anonymous scheduled task": "گمنام شیڈول ٹاسک پر عمل کریں۔",
+  "Execute named scheduled task {{id}}": "نامزد شیڈول ٹاسک {{id}} پر عمل کریں",
+  "Extensions": "ایکسٹینشنز",
+  "External": "بیرونی",
+  "Extrinsic submission": "خارجی جمع",
+  "Fast track": "فاسٹ ٹریک",
+  "Fast track proposal": "فاسٹ ٹریک تجویز",
+  "Filter available candidates based on name, address or short account index.": "نام، پتہ یا مختصر اکاؤنٹ انڈیکس کی بنیاد پر دستیاب امیدواروں کو فلٹر کریں",
+  "For approvals outstanding approvers will be shown, for hashes that should be cancelled the first approver is required.": "منظوریوں کے لیے، شاندار منظوری دینے والوں کو دکھایا جائے گا، ان ہیشز کے لیئے جنہیں منسوخ کیا جانا چاہیئے پہلا منظور کنندہ کی ضرورت ہوتی ہے۔",
+  "For final approvals, the actual full call data is required to execute the transaction": "حتمی منظوری کے لیئے، ٹرانزیکشن کی انجام دہی کو اصل مکمل کال ڈیٹا درکار ہوتا ہے۔",
+  "For fund security, your session key should not match your stash key.": "فنڈ کی حفاظت کے لیئے، آپ کی سیشن کیز آپ کی اسٹیش کیز سے ملتی جلتی نہیں ہونی چاہیئے",
+  "Forget": "بھول جانا",
+  "Forget this account": "اس اکاؤنٹ کو بھول جاؤ",
+  "Forget this address": "اس پتے کو بھول جاؤ",
+  "Forget this asset": "اس اثاثے کو بھول جاؤ",
+  "Forget this code hash": "اس کوڈ ہیش کو بھول جاؤ",
+  "Forget this contract": "اس کانٹریکٹ کو بھول جاؤ",
+  "Forks": "کانٹے",
+  "Full Legal Name": "مکمل قانونی نام",
+  "Future versions of the web-only interface will drop support for non-external accounts, much like the IPFS version.": "ویب ۔اونلی انٹرفیس کے مستقبل کے ورژنز آئی پی ایف ایس ورژن کی طرح غیر بیرونی اکاؤنٹس کو سپورٹ نہیں کریں گے",
+  "General": "جنرل",
+  "Generate {{lng}}/translation.json": "جنرل {{lng}}/translation.json",
+  "Genesis Hash": "جینیسس ہیش",
+  "Genesis Hash refers to initial state of the chain, it cannot be changed once the chain is launched": "جینیسس ہیش سے مراد چین کی ابتدائی حالت ہے، اسے ایک مرتبہ شروع کرنے کے بعد تبدیل نہیں کیا جا سکتا۔",
+  "Governance": "گورننس",
+  "Grandpa": "دادا",
+  "Hash data": "ہیش ڈیٹا",
+  "I agree": "میں اتفاق کرتا ہوں",
+  "I'm Online": "میں آن لائن ہوں",
+  "If the delegated account is currently voting in a referendum, the delegating vote and conviction will be added.": "اگر ڈیلیگیٹڈ اکاؤنٹ فی الحال کسی ریفرنڈم میں ووٹ ڈال رہا ہے تو، ڈیلیگیٹنگ ووٹ اور کنوکشن شامل کی جائے گی۔",
+  "If the recipient account is new, the balance needs to be more than the existential deposit. Likewise if the sending account balance drops below the same value, the account will be removed from the state.": "اگر وصول کنندہ کا اکاؤنٹ نیا ہے تو، بیلنس وجودی جمع سے زیادہ ہونا ضروری ہے۔ اسی طرح اگر بھیجنے والے اکاؤنٹ کا بیلنس اسی قدر سے کم ہو جاتا ہے تو، اکاؤنٹ کو جگہ سے ہٹا دیا جائے گا",
+  "If this proposal is passed, the changes will be applied via dispatch and the deposit returned.": "اگر یہ تجویز منظور ہو جاتی ہے تو، تبدیلیاں ڈسپیچ اور ڈپازٹ کے ذریعے لاگو کی جائیں گی",
+  "If you add several proxy accounts for the same proxy type (e.g 2 accounts set as proxy for Governance), then any of those 2 accounts will be able to perfom governance actions on behalf of the proxied account": "اگر آپ ایک ہی قسم کی پراکسی کے لیئے کئی پراکسی اکاؤنٹس شامل کرتے ہیں (مثلاً 2 اکاؤنٹس جو گورننس کے لیئے پراکسی کے طور پر مقرر کیے گئے ہیں) تو ان 2 اکاؤنٹس میں سے کوئی بھی پراکسی اکاؤنٹ کی جانب سے گورننس کی کارروائیوں کو انجام دے سکے گا۔",
+  "If you are moving accounts between applications, ensure that you use the correct type.": "اگر آپ ایپلی کیشنز کے درمیان اکاؤنٹس منتقل کر رہے ہیں تو، یقینی بنائیں کہ آپ صحیح قسم کا استعمال کر رہے ہیں۔",
+  "If you have not claimed rewards straight after the end of the era, the validator is in the active set and you are seeing no rewards, this would mean that the reward payout transaction was made by another account on your behalf. Always check your favorite explorer to see any historic payouts made to your accounts.": "اگر آپ نے ایرا کے اختتام کے بعد براہ راست انعامات کا دعوی نہیں کیا ہے، ویلیڈیٹر ایکٹیو سیٹ میں ہے اور آپ کو کوئی انعامات نظر نہیں آرہے ہیں، اس کا مطلب یہ ہوگا کہ انعام کی ادائیگی کی ٹرانزیکشن آپ کی جانب سے کسی دوسرے اکاؤنٹ نے کی تھی۔ اپنے اکاؤنٹس میں کی جانے والی تاریخی ادائیگیوں کو دیکھنے کے لیئے ہمیشہ اپنے پسندیدہ ایکسپلورر کو چیک کریں۔",
+  "Image": "امیج",
+  "Important notice": "اہم نوٹس",
+  "In calculating the election outcome, this prioritized vote ordering will be used to determine the final score for the candidates.": "انتخابی نتائج کا حساب لگاتے ہوئے، اس ترجیحی ووٹ آرڈرنگ کو امیدواروں کے حتمی اسکور کے تعین کے لیئے استعمال کیا جائے گا۔",
+  "Inactive nominations ({{count}})": "غیر فعال نامزدگیاں ({{count}})",
+  "Include an optional tip for faster processing": "تیز پروسیسنگ کے لیئے آپشنل ٹپ شامل کریں۔",
+  "Info": "معلومات",
+  "Initializing connection": "کنکشن کا آغاز",
+  "Initiate account recovery": "اکاؤنٹ کی بازیابی شروع کریں۔",
+  "Initiate recovery for another": "دوسرے کی بازیابی شروع کریں۔",
+  "Inject Keys": "کیز لگائیں",
+  "Inject session keys (advanced)": "شیشن کیز لگائیں (ایڈوانسڈ)",
+  "Injected": "لگادی گئیں",
+  "It is recommended that you create/store your accounts securely and externally from the app. On {{yourBrowser}} the following browser extensions are available for use -": "یہ تجویز کی جاتی ہے کہ آپ اپنے اکاؤنٹس کو محفوظ طریقے سے بنائیں/اسٹور کریں اور بیرونی طور پر ایپ کے ذریعے۔ {{yourBrowser}} پر درج ذیل براؤزر ایکسٹینشنز استعمال کے لیئے دستیاب ہیں۔",
+  "Judge": "جج",
+  "Keys from rotateKeys": "rotateKeysسے کیز",
+  "Known good": "اچھا جانا جاتا ہے",
+  "Learn more...": "مزید جانیئے...",
+  "Lifetime (# of blocks)": "تمام زندگی (بلاکس کا#)",
+  "Loading": "لوڈنگ",
+  "Locked funds (e.g. for staking) are counted.": "لاکڈ فنڈز (جیسے کہ اسٹیکنگ کے لیئے) شمار کیے جاتے ہیں",
+  "Locked1x": "لاکڈ x1",
+  "Locked2x": "لاکڈ x2",
+  "Locked3x": "لاکڈ x3",
+  "Locked4x": "لاکڈ x4",
+  "Locked5x": "لاکڈ x5",
+  "Locked6x": "لاکڈ x6",
+  "Low quality": "کم معیار",
+  "Make Transfer": "ٹرانسفر کریں",
+  "Make recoverable": "قابل وصولی بنائیں",
+  "Manage proxies": "پراکسی منظم کریں",
+  "Manage your connection to Ledger S": "لیجر ایس پر اپنے کنکشن کو مینیج کریں۔",
+  "Max, {{eras}} eras": "زیادہ سے زیادہ، {{eras}} ایراز",
+  "Median tip selected": "میڈیئن ٹپ کا انتخاب",
+  "Message data": "میسیج کا ڈیٹا",
+  "Message origin.": "میسیج کی اصل",
+  "Messages": "میسیجز",
+  "Metadata": "میٹا ڈیٹا",
+  "Metadata {{count}}": "میٹا ڈیٹا {{count}}",
+  "Mnemonic": "نیمونک",
+  "Most profitable": "سب سے زیادہ منافع بخش",
+  "Most recent head data": "تازہ ترین ہیڈ ڈیٹا",
+  "Motions": "حرکات",
+  "Multiple council proposals could exist, both approval and rejection. Apply your vote to the correct council proposal (also available on council motions page)": "متعدد کونسل کی تجاویز موجود ہوسکتی ہیں، منظور اور مسترد دونوں۔ اپنے ووٹ کو کونسل کی درست تجویز پر لاگو کریں (کونسل موشنز پیج پر بھی دستیاب ہے)",
+  "Multisig": "ملٹی سگ",
+  "Multisig approval with hash (non-final approval)": "ہیش کے ساتھ ملٹی سگ کی منظوری (غیر حتمی منظوری)",
+  "Multisig approval with hash (not message with call)": "ہیش کے ساتھ ملٹی سگ کی منظوری (کال کے ساتھ میسیج نہیں)",
+  "Multisig approvals": "ملٹی سگ کی منظوریاں",
+  "Multisig approvals pending": "ملٹی سگ کی زیر التوا منظوریاں",
+  "Multisig message with call (for final approval)": "کال کے ساتھ ملٹی سگ کا میسیج (حتمی منظوری کے لیئے)",
+  "Multisig message with call (not approval with hash)": "کال کے ساتھ ملٹی سگ کا میسیج (ہیش کے ساتھ نا منظور)",
+  "Mutates contract state": "کانٹریکٹ کی حالت میں تبدیلی",
+  "My On-Chain Name": "میرا آن چین نام",
+  "My accounts": "میرے اکاؤنٹس",
+  "My contacts": "میرے کانٹیکٹس",
+  "My stashes": "میرے اسٹیشز",
+  "My validators": "میرے ویلیڈیٹرز",
+  "Name given to this account. You can change it at any point in the future.": "اس اکاؤنٹ کو دیا گیا نام۔ آپ اسے مستقبل میں کسی بھی وقت تبدیل کر سکتے ہیں۔",
+  "Name given to this account. You can edit it. To use the account to validate or nominate, it is a good practice to append the function of the account in the name, e.g \"name_you_want - stash\".": "اس اکاؤنٹ کو دیا گیا نام۔ آپ اس میں ترمیم کر سکتے ہیں۔ اکاؤنٹ کو توثیقیا نامزد کرنے کے لیئے استعمال کرسکتے ہیں، اکاؤنٹ کے فنکشن کو نام میں شامل کرنا ایک اچھا عمل ہے، جیسے \name_you_want - stash\" ",
+  "Name given to this multisig. You can edit it at any later point in time.": "اس ملٹی سگ کو دیا گیا نام۔ آپ بعد میں کسی بھی وقت ترمیم کرسکتے ہیں۔",
+  "Name given to this proxied account. You can edit it at any later point in time.": "اس پراکسیڈ اکاؤنٹ کو دیا گیا نام۔ آپ بعد میں کسی بھی وقت ترمیم کرسکتے ہیں۔",
+  "Name of the network. It is only for display purposes.": "نیٹ ورک کا نام۔ یہ صرف دکھانے کے مقاصد کے لیئے ہے۔",
+  "Name your example": "اپنی مثال بتائیں",
+  "Nay": "نہیں",
+  "Nay {{count}}": "نہیں {{count}}",
+  "Nay, I cannot support this": "نہیں، میں اس کی حمایت نہیں کر سکتا",
+  "Nay, I do not approve": "نہیں، میں اسے منظور نہیں کرتا",
+  "Nay, I do not support this": "نہیں، میں اس کی حمایت نہیں کرتا",
+  "Network": "نیٹورک",
+  "Network Name": "نیٹورک کا نام",
+  "New stake": "نیا اسٹیک",
+  "Next session": "اگلا سیشن",
+  "No": "نہیں",
+  "No active members": "کوئی ایکٹیو میمبران نہیں",
+  "No active proposals": "کوئی ایکٹیو تجاویز نہیں",
+  "No active referendums": "کوئی ایکٹیو ریفرینڈمز نہیں",
+  "No active schedules": "کوئی ایکٹیو شیڈولز نہیں ",
+  "No active validators found": "کوئی ایکٹیو ویلیڈیٹرز نہیں ملے",
+  "No active validators to check": "چیک کرنے کے لیئے کوئی ایکٹیو ویلیڈیٹرز نہیں",
+  "No approved proposals": "کوئی منظور شدہ تجاویز نہیں",
+  "No assets found.": "کوئی اثاثے نہیں ملے",
+  "No bids": "کوئی بولی نہیں",
+  "No blocks available": "کوئی بلاکس دستیاب نہیں",
+  "No candidates": "کوئی امیدوار نہیں",
+  "No candidates found": "کوئی امیدوار نہیں ملے",
+  "No change": "کوئی تبدیلی نہیں",
+  "No change from the original 2017 sale definitions; will mean a total of 10 million DOT from genesis.": "کوئی تبدیلی نہیں",
+  "No change from the original 2017 sale definitions; will mean a total of 10m DOT from genesis.": "سال 2017 کی اصل فروخت سے اب تک کوئی تبدیلی نہیں۔ اس کا مطلب جینیسس سے کُل 10 ملین DOT ہوگا۔",
+  "No code hashes available": "کوئی کوڈ ہیشز دستیاب نہیں",
+  "No committee proposals": "کوئی کمیٹی تجاویز نہیں",
+  "No contracts available": "کوئی کانٹریکٹس دستیاب نہیں",
+  "No council motions": "کوئی کونسل کی محرکات نہیں",
+  "No discretionary lock-voting is in place; all DOT used to vote counts the same.": "کوئی صوابدیدی لاک ووٹنگ نہیں ہے، ووٹ کے لیئے استعمال ہونے والے تمام DOT ایک جیسے ہیں۔",
+  "No documentation provided": "کوئی دستاویزات فراہم نہیں کی گئیں",
+  "No events available": "کوئی ایوینٹس دستیاب نہیں",
+  "No external proposal": "کوئی بیرونی تجاویز نہیں",
+  "No funds staked yet. Bond funds to validate or nominate a validator": "ابھی تک کوئی فنڈز اسٹیک نہیں ہوئے۔ ویلیڈیٹ کرنے یا ویلیڈیٹر کو نامزد کرنے کے لیئے بانڈ فنڈز",
+  "No items": "کوئی اشیاء نہیں",
+  "No judgments": "کوئی فیصلے نہیں",
+  "No logs available": "کوئی لاگز دستیاب نہیں",
+  "No matches found": "کوئی مماثل نہیں ملے",
+  "No members found": "کوئی میمبران نہیں ملے",
+  "No open tips": "کوئی کھلی ٹپس نہیں",
+  "No pending era payouts from validators": "ویلیڈیٹرز کی طرف سے ایرا کی کوئی زیرِ التوا ادائیگیاں نہیں",
+  "No pending extrinsics are in the queue": "کوئی زیر التواء ایکسٹرنسکس قطار میں نہیں ہیں، آپ کے اسٹیشز کے لیئے کوئی ادائیگی زیر التواء نہیں ہے",
+  "No pending payouts for your stashes": "کوئی زیر التواء تجاویز نہیں",
+  "No pending proposals": "کوئی رنرز اپ نہیں ملے",
+  "No runners up found": "کوئی ذیلی شناخت سیٹ نہیں ہے۔",
+  "No sub identities set.": "کوئی اپ گریڈیبل ایکسٹینشن نہیں ملی",
+  "No upgradable extensions found": "کوئی منتظر ویلیڈیٹرز نہیں ملے",
+  "No waiting validators found": "کوئی منتظر ویلیڈیٹرز نہیں ملے",
+  "Node info": "نوڈ کی معلومات",
+  "Nominate": "نامزدگی",
+  "Nominate Validators": "ویلیڈیٹرز کی نامزدگی",
+  "Nominate selected": "منتخب ہوئے کو نامزد کریں",
+  "Nominate validators": "ویلیڈیٹرز کی نامزدگی",
+  "Nominating": "نامزد ہورہا ہے",
+  "Nominations ({{count}})": "نامزدگیاں ({{count}})",
+  "Nominator": "نامزد کرنے والا",
+  "Nominators ({{count}})": "نامزد کرنے والے ({{count}})",
+  "Nominators can be selected automatically based on the current on-chain conditions or supplied manually as selected from the list of all currently available validators. In both cases, your favorites appear for the selection.": "نامزد کرنے والوں کو موجودہ آن چین شرائط کی بنیاد پر خود بخود منتخب کیا جا سکتا ہے یا دستی طور پر فراہم کیا جا سکتا ہے جیسا کہ فی الحال دستیاب تمام ویلیڈیٹرز کو فہرست سے منتخب کیا گیا ہے۔ دونوں صورتوں میں آپ کا پسندیدہ، انتخاب کے لیئے ظاہر ہوتا ہے۔",
+  "Nominators can be selected manually from the list of all currently available validators.": "نامزد کرنے والوں کو دستی طور پر فی الحال دستیاب تمام ویلیڈیٹرز کی فہرست سے منتخب کیا جا سکتا ہے۔",
+  "Nominators can be selected manually from the list of all currently available validators. If you have set favorites these will appear for the selection.": "نامزد کرنے والوں کو دستی طور پر فی الحال دستیاب تمام ویلیڈیٹرز کی فہرست سے منتخب کیا جا سکتا ہے۔ اگر آپ نے اپنی پسند ترتیب دی ہے تو یہ انتخاب کے لیئے ظاہر ہوں گے۔",
+  "Nonce": "نونس",
+  "None": "کچھ نہیں",
+  "Normal transfer without keep-alive checks": "عام ٹرانسفر بنا محتاط چیکنگ کے",
+  "Not updated in the last block": "آخری بلاک میں اپ ڈیٹ نہیں ہوا",
+  "Nothing queued for execution": "عملداری کے لیئے قطار میں کچھ نہیں",
+  "Of the beneficiary amount, at least {{bondPercentage}} would need to be put up as collateral. The maximum of this and the minimum bond will be used to secure the proposal, refundable if it passes.": "فائدہ اٹھانے والی رقم میں سے کم از کم {{bondPercentage}} کو بطور ضمانت جمع کرانے کی ضرورت ہوگی۔ اس میں سے زیادہ سے زیادہ اور کم سے کم بانڈ کی تجویز کی حفاظت کے لیئے استعمال کیا جائے گا، اگر یہ منظور ہو جائے تو  قابلِ واپسی ہے۔",
+  "Once bonded, it will need to be unlocked/withdrawn and will be locked for at least the bonding duration.": "ایک بار بانڈ ہوجانے کے بعد، اسے انلاک/وتھ ڈرا کرنے کی ضرورت ہوگی اور کم از کم بانڈنگ کی مدت کے لیئے اسے لاک کر دیا جائے گا۔",
+  "Once transferred the amount will become available on the chain for use.": "ایک بار ٹرانسفر ہوجانے کے بعد رقم استعمال کے لیئے چین پر دستیاب ہو جائے گی۔",
+  "Once transferred the amount will become available on the parachain for use.": "ایک بار ٹرانسفر ہوجانے کے بعد رقم استعمال کے لیئے پیراچین پر دستیاب ہو جائے گی۔",
+  "Once transmitted the new selection will only take effect in 2 eras since the selection criteria for the next era was done at the end of the previous era. Until then, the nominations will show as inactive.": "ایک بار منتقل ہوجانے کے بعد نیا انتخاب صرف 2 ایرازمیں نافذ ہو جائے گا کیونکہ اگلے ایرا کے انتخاب کا معیار پچھلے ایرا کے اختتام پر ہو گیا تھا۔ تب تک، نامزدگیاں غیر فعال دکھائی دیں گی۔",
+  "Once transmitted the new selection will only take effect in 2 eras taking the new validator election cycle into account. Until then, the nominations will show as inactive.": "ایک بار منتقل ہوجانے کے بعد نیا انتخاب صرف 2 ایراز میں اثر انداز ہو گا جس میں نئے ویلیڈیٹر کے انتخابی چکر کو مدنظر رکھا جائے گا۔ تب تک، نامزدگیاں غیر فعال دکھائی دیں گی",
+  "One of your available nomination accounts, keyed by the stash. The transaction will be sent from the controller.": "آپ کے دستیاب نامزدگی اکاؤنٹس میں سے ایک، اسٹیش کی کیز سے جڑا ہوا ہے۔ ٹرانزیکشنز کنٹرولر سے بھیجی جائیں گی",
+  "One or more extensions are detected in your browser, however no accounts has been injected.": "آپ کے براؤزر میں ایکیا زیادہ ایکسٹینشنز کا پتہ چلا ہے، تاہم، کوئی اکاؤنٹس انجیکٹ نہیں کیئے گئے ہيں۔",
+  "Online message": "آن لائن میسیج",
+  "Only applicable if the proposal has already passed and is ready for dispatch.": "صرف اسی صورت میں قابل عمل ہے جب تجویز پہلے ہی پاس ہو چکی ہو اور بھیجی جانے کے لیئے تیار ہو۔",
+  "Override any applicable values for the specific signed output. These will be used to construct and display the signed transaction.": "مخصوص دستخط شدہ آؤٹ پٹ کے لیئے کسی بھی قابل اطلاق ویلیوز کو اوور رائیڈ کریں۔ یہ دستخط شدہ ٹرانزیکشنز کی تعمیر اور نمائش کے لیئے استعمال ہوں گے۔",
+  "Override the default identity icon display with a specific theme": "ایک مخصوص تھیم سے ڈیفالٹ شناختی آئیکن ڈسپلے کو اوور رائیڈ کریں۔",
+  "Override the default ss58 prefix for address generation": "ایڈریس جنریشن کیلئے ڈیفالٹ ss58 پری فکس کو اوور رائیڈ کریں۔",
+  "Oversubscribed": "زیادہ سبسکرائب کیا گیا۔",
+  "Oversubscribed nominations ({{count}})": "زیادہ سبسکرائب کردہ نامزدگیاں ({{count}})",
+  "Overview": "جائزہ",
+  "Owned": "ملکیت",
+  "Parachains": "پیراچینز",
+  "Parachains overview": "پیراچینز کا جائزہ",
+  "Paste here the address of the contact you want to add to your address book.": "یہاں رابطے کا پتہ چسپاں کریں جسے آپ اپنی ایڈریس بک میں شامل کرنا چاہتے ہیں۔",
+  "Paste the signed message into the field below. The placeholder text is there as a hint to what the message should look like:": "دستخط شدہ میسیج کو نیچے والی فیلڈ میں چسپاں کریں۔ پلیس ہولڈر ٹیکسٹ اس اشارے کے طور پر موجود ہے کہ میسیج کیسا دکھنا چاہیئے:",
+  "Payout": "ادائیگی",
+  "Payout all": "تمام ادائیگی",
+  "Payout all stakers": "تمام اسٹیکرز کی ادائیگی",
+  "Payouts": "ادائیگیاں",
+  "Payouts of rewards for a validator can be initiated by any account. This means that as soon as a validator or nominator requests a payout for an era, all the nominators for that validator will be rewarded. Each user does not need to claim individually and the suggestion is that validators should claim rewards for everybody as soon as an era ends.": "ویلیڈیٹر کے لیئے انعامات کی ادائیگی کسی بھی اکاؤنٹ سے شروع کی جا سکتی ہے۔ اس کا مطلب یہ ہے کہ جیسے ہی ایک ویلیڈیٹریا نامزد کرنے والا کسی ایرا کی ادائیگی کی درخواست کرتا ہے، اس ویلیڈیٹر کے تمام نامزد کرنے والوں کو انعام دیا جائے گا۔ ہر صارف کو انفرادی طور پر دعوی کرنے کی ضرورت نہیں ہے اور تجویزیہ ہے کہ ویلیڈیٹر کو ایک ایرا ختم ہوتے ہی ہر ایک کے لیئے انعامات کا دعوی کرنا چاہیے۔",
+  "Pending call hashes": "زیر التوا کال ہیشز",
+  "Please make sure to save this file in a secure location as it is required, together with your password, to restore your account.": "براہ کرم اس بات کو یقینی بنائیں کہ اس فائل کو محفوظ مقام پر محفوظ کیا جائے جیسا کہ آپ کے اکاؤنٹ کو بحال کرنے کے لیئے آپ کے پاس ورڈ کے لیئے ضروری ہے۔",
+  "Please read these terms and conditions carefully. By submitting this statement, you are deemed to have accepted these Terms and Conditions. If you do not agree to these terms, please refrain from accessing or proceeding. You can also find them at:": "براہ کرم ان شرائط و ضوابط کو غور سے پڑھیں۔ اس بیان کو جمع کروا کر آپ کے لیئے سمجھا جائے گا کہ آپ نے ان شرائط و ضوابط کو قبول کر لیا ہے۔ اگر آپ ان شرائط سے متفق نہیں ہیںتو براہ کرم رسائی حاصل کرنے یا آگے بڑھنے سے گریز کریں۔ آپ انہیںیہاں بھی تلاش کر سکتے ہیں:",
+  "Positive number": "مثبت نمبر",
+  "Positive number between 1 and {{count}}": "1 اور {{count}} کے درمیان مثبت نمبر",
+  "Positive number between 1 and {{memberCount}}": "1 اور {{memberCount}} کے درمیان مثبت نمبر",
+  "Positive number greater than or equal to {{nextFreeId}}": "مثبت نمبر {{nextFreeId}} سے بڑا یا اس کے برابر",
+  "Potential dispatch of referendum {{id}} (if passed)": "ریفرنڈم کی ممکنہ ترسیل {{id}} (اگر منظور ہو)",
+  "Pre-sale ethereum address": "قبل از فروخت ایتھیریم کا پتہ",
+  "Prefix indicates the ss58 address format in this network, it is a 16 bit unsigned integer that describes the precise format of the bytes of the address": "پری فکس اس نیٹ ورک میں ss58 ایڈریس فارمیٹ کی نشاندہی کرتا ہے، یہ 0 ~ 255 کے درمیان ایک نمبر ہے جو ایڈریس کے بائٹس کی درست شکل بیان کرتا ہے",
+  "Preimage": "پری امیج",
+  "Preparing QR for signing": "دستخط کے لیے کیو آر کی تیاری",
+  "Present the QR code containing the signature to the UI. Once scanned it will be submitted for on-chain processing and execution.": "یو آئی کے لیئے دستخط پر مشتمل کیو آر کوڈ پیش کریں۔ ایک بار اسکین کرنے کے بعد اسے آن چین پروسیسنگ اور عملدرآمد کے لیے جمع کیا جائے گا۔",
+  "Produced blocks": "تیار شدہ بلاکس",
+  "Proposal can either be to approve or reject this spend. One approved, the change is applied by either removing the proposal or scheduling payout.": "تجویز اس خرچ کو یا تو منظور یا مسترد کر سکتی ہے۔ ایک مرتبہ منظور ہونے کے بعد، تبدیلی کا اطلاق یا تو تجویز کو ہٹاکر یا ادائیگی کو شیڈول کرنے سے ہوتا ہے۔",
+  "Proposals": "تجاویز",
+  "Proposals ({{count}})": "تجاویز ({{count}})",
+  "Propose": "تجویز",
+  "Propose a committee motion": "کمیٹی موشن تجویز کریں",
+  "Propose a council motion": "کونسل موشن تجویز کریں",
+  "Propose external": "بیرونی  تجویز",
+  "Propose external (majority)": "بیرونی تجویز (اکثریت)",
+  "Propose motion": "موشن تجویز کریں",
+  "Propose tip": "ٹپ تجویز کریں",
+  "Provide judgement": "فیصلہ دیں",
+  "Provide the account QR from the module/external application for scanning. Once detected as valid, you will be taken to the next step to add the account to your list.": "اسکیننگ کے لیئے ماڈیول/بیرونی ایپلی کیشن سے اکاؤنٹ کیو آر فراہم کریں۔ ایک مرتبہ درستگی جانچنے کے بعد، آپ کو اپنی فہرست میں اکاؤنٹ شامل کرنے کے لیئے اگلے مرحلے پر لے جایا جائے گا۔",
+  "Proxied": "پراکسیڈ",
+  "Proxied account has no owned proxies": "پراکسیڈ اکاؤنٹ کی کوئی ملکیتی پراکسی نہیں ہے",
+  "Proxy overview": "پراکسی کا جائزہ",
+  "RPC calls": "آر پی سی کالز",
+  "Random": "بے ترتیب",
+  "Raw seed": "رآ سیڈ",
+  "Raw storage": "رآ اسٹوریج",
+  "Reasonable": "معقول",
+  "Reassign": "دوبارہ تفویض کریں",
+  "Redeem": "ریڈیم",
+  "Register": "رجسٹر",
+  "Register Asset": "رجسٹر اثاثہ",
+  "Register a parachain": "رجسٹر پیراچین",
+  "Register an Asset": "اثاثہ رجسٹر کریں",
+  "Register identity": "شناخت رجسٹر کریں",
+  "Register sub-identities": "ذیلی شناخت رجسٹر کریں",
+  "Register the vote for or against the proposal.": "تجویز کے حق میںیا اس کے خلاف ووٹ رجسٹر کریں۔",
+  "Rejection proposal to council": "کونسل کے لیئے مسترد کرنے کی تجویز",
+  "Rejections": "رد",
+  "Remove": "ہٹانا",
+  "Remove ABI": "اے بی آئی ہٹانا",
+  "Remove item": "آئٹم ہٹانا",
+  "Remove sub": "ذیل ہٹانا",
+  "Renomination required ({{count}})": "تجدید درکار ہے ({{count}})",
+  "Reset": "ریسیٹ",
+  "Restore": "بحالی",
+  "Restore JSON": "JSON بحال کریں",
+  "Retrieving data": "ڈیٹا بازیافت ہورہا ہے",
+  "Retrieving info for all applicable eras, this will take some time": "تمام قابل اطلاق ایراز کے لیئے معلومات کی بازیافت ہورہی ہے، اس میں کچھ وقت لگے گا۔",
+  "Retrieving info for last {{numEras}} eras, this will take some time": "آخری {{numEras}} ایراز کے لیئے معلومات کی بازیافت ہورہی ہے، اس میں کچھ وقت لگے ",
+  "Retrieving info for the selected eras, this will take some time": "منتخب ایراز کے لیئے معلومات کی بازیافت ہورہی ہے، اس میں کچھ وقت لگے گا۔",
+  "Retrieving sub-identities": "ذیلی شناخت کی بازیافت ہورہی ہے",
+  "Retrieving totals...": "کل بازیافت ہو رہی ہے۔۔۔",
+  "Revert": "پلٹیں",
+  "Revert pending slashes": "زیر التوا سلیش واپس کریں",
+  "Rewards (once paid) can be deposited to either the stash or controller, with different effects.": "انعامات (ایک بار ادائیگی کے بعد) مختلف اثرات کے ساتھ اسٹیشیا کنٹرولر میں جمع کیئے جا سکتے ہیں۔",
+  "Save": "محفوظ کریں",
+  "Save & Reload": "محفوظ اور ری لوڈ کریں",
+  "Save delegation": "ڈیلیگیشن محفوظ کریں۔",
+  "Save snippet to local storage": "اسنپّیٹ کو مقامی اسٹوریج میں محفوظ کریں",
+  "Save the type definitions for your custom structures as key-value pairs in a valid JSON file. The key should be the name of your custom structure and the value an object containing your type definitions.": "اپنے کسٹم ڈھانچے کی اقسام کی تعریفیں درست JSON فائل میں کی۔ویلیو پیئرز کے طور پر محفوظ کریں۔ کی آپ کے کسٹم ڈھانچے کا نام ہونا چاہیئے اور ویلیو ایک شے جو آپ کی اقسام کی تعریفوں پر مشتمل ہونی چاہیے۔",
+  "Save this backup file in a secure location. Additionally, the password associated with this account is needed together with this backup file in order to restore your account.": "اس بیک اپ فائل کو محفوظ مقام پر محفوظ کریں۔ اس کے علاوہ، آپ کے اکاؤنٹ کو بحال کرنے کے لیئے اس اکاؤنٹ سے وابستہ پاس ورڈ کے ساتھ اس بیک اپ فائل کی ضرورت ہوگی۔",
+  "Saved": "محفوظ ہوگیا",
+  "Scan Signature Qr": "کیو آر دستخط اسکین کریں",
+  "Scan the QR code with your QR scanner. Once approved, you will be required to present the signed QR back to the UI for submission.": "اپنے کیو آر اسکینر سے کیو آر کوڈ کو اسکین کریں۔ منظوری کے بعد، آپ کو یو آئی پر دستخط شدہ کیو آر جمع کرانے کی ضرورت ہوگی۔",
+  "Search for": "تلاش کریں",
+  "Second": "تائید",
+  "Second proposal": "تجویز کی تائید",
+  "Seconding a proposal that indicates your backing for the proposal. Proposals with greater interest moves up the queue for potential next referendums.": "ایک تجویز کی تائید کرنا جو اس تجویز کے لیئے آپ کی حمایت کی نشاندہی کرتا ہے۔ زیادہ دلچسپی رکھنے والی تجاویز اگلے متوقع ریفرنڈم کے لیئے قطار میں اوپر جڑھ جاتی ہیں۔",
+  "Seconds ({{count}})": "تائید ({{count}})",
+  "Select Network": "نیٹ ورک منتخب کریں",
+  "Select a contact or paste the address you want to send funds to.": "ایک رابطہ منتخب کریںیا وہ پتہ چسپاں کریں جس پر آپ فنڈز بھیجنا چاہتے ہیں۔",
+  "Select and order council candidates you wish to vote for.": "جن کونسل کے امیدواروں کے لیئے آپ ووٹ ڈالنا چاہتے ہیں انہیں منتخب کریں اور ترتیب دیں",
+  "Select best": "بہترین کا انتخاب کریں",
+  "Select example": "مثال کا انتخاب کریں",
+  "Select targets manually (no auto-selection based on current profitability)": "اہداف کو دستی طور پر منتخب کریں (موجودہ منافع پر مبنی کوئی آٹو ۔ سلیکشن نہیں)",
+  "Select the JSON key file that was downloaded when you created the account. This JSON file contains your private key encrypted with your password.": "JSON کی ۔ فائل منتخب کریں جو آپ نے اکاؤنٹ بناتے وقت ڈاؤن لوڈ کی تھی۔ یہ JSON فائل آپ کے پاس ورڈ سمیت خفیہ کردہ آپ کی نجی ۔ کی پر مشتمل ہے۔",
+  "Select the account to use for this action.": "اس اکاؤنٹ کو منتخب کریں جسے اس کارروائی کے لیئے استعمال کرنا ہے۔",
+  "Select the account you wish close the proposal with.": "وہ اکاؤنٹ منتخب کریں جس کے ساتھ آپ تجویز کو بند کرنا چاہتے ہیں۔",
+  "Select the account you wish to close from.": "وہ اکاؤنٹ منتخب کریں جس سے آپ بند کرنا چاہتے ہیں۔",
+  "Select the account you wish to make the proposal with.": "وہ اکاؤنٹ منتخب کریں جس کے ساتھ آپ تجویز کرنا چاہتے ہیں۔",
+  "Select the account you wish to recover into this account.": "اس اکاؤنٹ کو منتخب کریں جسے آپ اس اکاؤنٹ میں بازیافت کرنا چاہتے ہیں۔",
+  "Select the account you wish to second with. This will lock your funds until the proposal is either approved or rejected": "وہ اکاؤنٹ منتخب کریں جس کے ساتھ آپ تائید کرنا چاہتے ہیں۔ یہ آپ کے فنڈز کو لاک کردے گا جب تک کہ تجویز کو منظور یا مسترد نہیں کردیا جائے۔",
+  "Select the account you wish to submit for candidacy.": "وہ اکاؤنٹ منتخب کریں جس سے آپ امیدواری جمع کرانا چاہتے ہیں۔",
+  "Select the account you wish to submit the proposal from.": "وہ اکاؤنٹ منتخب کریں جس سے آپ تجویز پیش کرنا چاہتے ہیں۔",
+  "Select the account you wish to submit the tip from.": "جس اکاؤنٹ سے آپ ٹپ جمع کرنا چاہتے ہیں اسے منتخب کریں۔",
+  "Select the account you wish to vote with. You can approve \"aye\" or deny \"nay\" the proposal.": "وہ اکاؤنٹ منتخب کریں جس کے ساتھ آپ ووٹ ڈالنا چاہتے ہیں۔ آپ تجویز کو منظور \"ہاں\" یا مسترد \"نہیں \" کر سکتے ہیں۔",
+  "Select the council account you wish to use to make the proposal.": "کونسل اکاؤنٹ منتخب کریں جسے آپ تجویز کے لیئے استعمال کرنا چاہتے ہیں۔",
+  "Select the remote endpoint, either from the dropdown on manual entered via the custom toggle": "اپنے کسٹم ٹوگل کے ذریعے خود سے درج کر کے یا ڈراپ ڈاؤن سے ریموٹ اینڈ پوائنٹ منتخب کریں۔",
+  "Send": "بھیجیں",
+  "Send funds": "فنڈز بھیجیں",
+  "Send funds from this account": "اس اکاؤنٹ سے فنڈز بھیجیں",
+  "Send funds to this address": "اس پتے پر فنڈز بھیجیں",
+  "Send to council": "کونسل کو بھیجیں",
+  "Sending transaction": "ٹرانزیکشن بھیج رہا ہے",
+  "Session Key": "سیشن کی",
+  "Set Identity": "شناخت سیٹ کریں",
+  "Set Session Key": "سیشن کی سیٹ کریں",
+  "Set Subs": "ذیل سیٹ کریں",
+  "Set controller": "کنٹرولر سیٹ کریں",
+  "Set nominees": "نامزدگیاں سیٹ کریں",
+  "Set on-chain identity": "آن چین شناخت سیٹ کریں",
+  "Set on-chain sub-identities": "آن چین ذیلی شناختیں سیٹ کریں",
+  "Set reward destination": "انعام کی منزل طے کریں",
+  "Set sudo key": "سوڈو ۔ کی سیٹ کریں",
+  "Set to 0 to make transaction immortal": "ٹرانزیکشن کو امر کرنے کے لیئے 0 پر سیٹ کریں",
+  "Set validator preferences": "ویلیڈیٹر کی ترجیحات مرتب کریں",
+  "Settings": "ترتیبات",
+  "Setup Nominator {{step}}/{{NUM_STEPS}}": "نامزد کنندہ کی ترتیبات {{step}}/{{NUM_STEPS}}۔",
+  "Setup Validator {{step}}/{{NUM_STEPS}}": "ویلیڈیٹر کی ترتیبات {{step}}/{{NUM_STEPS}}۔",
+  "Setup account as recoverable": "اکاؤنٹ کو وصولی کے قابل بنائیں",
+  "Should the search be case sensitive, e.g if you select \"no\" your search for \"Some\" may return addresses containing \"somE\" or \"sOme\"...": "کیا تلاش بڑے حروف پر مشتمل ہونی چاہیئے، مثال کے طور پر اگر آپ \"نہیں\" کا انتخاب کرتے ہیں تو آپ کی تلاش \"SOme \"کے لیئے \" somE \" یا \" sOme \" کی شکل میں آسکتی ہے",
+  "Show address on hardware device": "ہارڈ ویئر ڈیوائس پر ایڈریس دکھائیں",
+  "Sign (no submission)": "دستخط (جمع کیئے بغیر)",
+  "Sign and Submit": "دستخط کریں اور جمع کروائیں",
+  "Sign for multisig": "ملٹی سگ کے لیے دستخط کریں",
+  "Sign message": "دستخط کا میسیج",
+  "Sign via Qr": "دستخط بذریعہ کیو آر",
+  "Sign via {{hardwareType}}": "{{hardwareType}} کے ذریعے دستخط کریں",
+  "Signed transaction": "دستخط شدہ ٹرانزیکشن",
+  "Since the multisig function like any other account, once created it is available for selection anywhere accounts are used and needs to be funded before use.": "چونکہ ملٹی سگ فنکشن کسی بھی دوسرے اکاؤنٹ کی طرح ہی ہے، ایک دفعہ تخلیق کے بعد یہ انتخاب کے لیئے دستیاب ہے جہاں کہیں بھی اکاؤنٹس استعمال کیے جاتے ہیں اور استعمال سے پہلے فنڈ کرنے کی ضرورت ہو۔",
+  "Since this transaction deals with funding, the stash account will be used.": "چونکہ یہ ٹرانزیکشن فنڈنگ سے متعلق ہے، اس لیئے اسٹیش اکاؤنٹ استعمال کیا جائے گا۔",
+  "Skeptics": "شکوک و شبہات۔",
+  "Slashed": "سلیشڈ",
+  "Slashed in era {{eras}}": " ایرا {{eras}} میں سلیشڈ",
+  "Slashes": "سلیشز",
+  "Slashes ({{count}})": "سلیشز ({{count}})",
+  "Society": "سوسائٹی",
+  "Society overview": "سوسائٹی کا جائزہ",
+  "Specify the user account to use for this contract call. And fees will be deducted from this account.": "اس کانٹریکٹ کال کے لیئے استعمال ہونے والے یوزر اکاؤنٹ کی وضاحت کریں۔ اور اسی اکاؤنٹ سے فیس کاٹ لی جائے گی۔.",
+  "Specify the user account to use for this deployment. And fees will be deducted from this account.": " اس تعیناتی کے لیئے استعمال ہونے والے یوزر اکاؤنٹ کی وضاحت کریں۔ اور اسی اکاؤنٹ سے فیس کاٹ لی جائے گی۔.",
+  "Specify the user account to use for this deployment. Any fees will be deducted from this account.": "اس تعیناتی کے لیئے استعمال ہونے والے یوزر اکاؤنٹ کی وضاحت کریں۔ کوئی بھی فیس اسی اکاؤنٹ سے کاٹ لی جائے گی۔",
+  "Split of 1,000x from the original sale; will mean a total of 10b DOT from genesis. Apparent DOT price would be 1000x lower.": "اصل فروخت سے 1000x تک کی تقسیم، اسکا مطلب جینیسس سے کُل 10b DOT ہے۔ بظاہر DOT کی قیمت 1000x کم ہوگی۔",
+  "Split of 1000x": "تقسیمx1000",
+  "Split of 1000x from the original sale; will mean a total of 10 billion DOT from genesis. Apparent DOT price would be 1000x lower and apparent account balances 1000x higher.": "اصل فروخت سے 1000x کی تقسیم؛ اسکا مطلب جینیسس سے کُل 10 ارب DOT ہے۔ بظاہر DOT کی قیمت 1000x کم اور ظاہری اکاؤنٹ بیلنس 1000x زائد ہوگا۔",
+  "Split of 100x": "تقسیمx100",
+  "Split of 100x from the original sale; will mean a total of 1 billion DOT from genesis. Apparent DOT price would be 100x lower and apparent account balances 100x higher.": "اصل فروخت سے 100x کی تقسیم؛ اس کا مطلب جینیسس سے کُل 1 ارب DOT ہوگا۔ بظاہر DOT کی قیمت 100x کم اور ظاہری اکاؤنٹ بیلنس 100x زائد ہوگا۔",
+  "Split of 100x from the original sale; will mean a total of 1b DOT from genesis. Apparent DOT price would be 100x lower.": "اصل فروخت سے 100x کی تقسیم؛ اس کا مطلب جینیسس سے کُل 1 ارب DOT ہوگا۔ بظاہر DOT کی قیمت 100x کم ہوگی۔",
+  "Split of 10x": "تقسیمx10",
+  "Split of 10x from the original sale; will mean a total of 100 million DOT from genesis. Apparent DOT price would be 10x lower and apparent account balances 10x higher.": "اصل فروخت سے 10x کی تقسیم؛ اس کا مطلب جینیسس سے کُل 100 ملین DOT ہوگا۔ بظاہر DOT کی قیمت 10x کم اور ظاہری اکاؤنٹ بیلنس 10x زائد ہوگا۔",
+  "Split of 10x from the original sale; will mean a total of 100m DOT from genesis. Apparent DOT price would be 10x lower.": "اصل فروخت سے 10x کی تقسیم؛ اس کا مطلب جینیسس سے کُل 100 ملین DOT ہوگا۔ بظاہر DOT کی قیمت 10x کم ہوگی",
+  "Staking overview": "اسٹیکنگ جائزہ۔",
+  "Start generation": "جنریشن شروع کریں۔",
+  "Start of a new staking era {{id}}": "نئے اسٹیکنگ ایرا کا آغاز {{id}}",
+  "Start of a new staking session {{id}}": "نئے اسٹیکنگ سیشن کا آغاز {{id}}",
+  "Start of next membership challenge period": "اگلے ممبر شپ چیلنج پیریڈ کا آغاز۔",
+  "Start of next spending period": "خرچ کرنے کی اگلی مدت کا آغاز",
+  "Start of the next referendum voting period": "اگلے ریفرنڈم ووٹنگ کی مدت کا آغاز۔",
+  "Start recovery": "بازیابی شروع کریں۔",
+  "Stash": "اسٹیش",
+  "Stop": "رکیں",
+  "Stop generation": "پیداوار روکیں",
+  "Storage": "اسٹوریج",
+  "Submit": "جمع کرائیں",
+  "Submit (no signature)": "جمع کرائیں (بنا دستخط)",
+  "Submit RPC call": "آر پی سی کال جمع کرائیں",
+  "Submit Sudo": "سوڈو جمع کرائیں",
+  "Submit Sudo Unchecked": "غیر چیک شدہ سوڈو جمع کروائیں",
+  "Submit Transaction": "ٹرانزیکشن جمع کرائیں",
+  "Submit Unsigned": "غیر دستخط شدہ جمع کرائیں",
+  "Submit bid": "بولی جمع کرائیں",
+  "Submit candidacy": "امیدواری جمع کرائیں",
+  "Submit key": "کی جمع کرائیں",
+  "Submit preimage": "پری امیج جمع کرائیں",
+  "Submit proposal": "تجاویز جمع کرائیں",
+  "Submit signed extrinsic": "خارجی طور پر کیئے گئے دستخط جمع کرائیں",
+  "Submit tip": "ٹپ جمع کرائیں",
+  "Submit tip endorsement": "ٹپ کی توثیق جمع کرائیں",
+  "Submit tip request": "ٹپ کی درخواست جمع کرائیں",
+  "Submit treasury proposal": "خزانے کی تجویز جمع کروائیں",
+  "Submit your council candidacy": "اپنی کونسل کی امیدواری جمع کروائیں",
+  "Sudo access": "سوڈو رسائی",
+  "Sudo key": "سوڈو ۔ کی",
+  "Supply a backed-up JSON file, encrypted with your account-specific password.": "اپنے اکاؤنٹ کے مخصوص پاس ورڈ کے ساتھ خفیہ کردہ ایک بیک اپ JSON فائل فراہم کریں",
+  "Swap to a non-executing approval type, with subsequent calls providing the actual call data.": "منظوری کی غیر عملدرآمدی میں تبدیلی کریں، بعد کی کالز اصل کال کا ڈیٹا فراہم کرتی ہیں۔",
+  "Switch": "سوئچ",
+  "Targets": "اہداف",
+  "Tech. committee": "تکنیکی کمیٹی",
+  "Technical committee": "تکنیکی کمیٹی",
+  "Test account": "ٹیسٹ اکاؤنٹ",
+  "The ABI for the WASM code. In this step it is optional, but setting it here simplifies the setup of contract instances.": "ڈبلیو اے ایس ایم کوڈ کے لیئے اے بی آئی۔ اس مرحلے میںیہ آپشنل ہے، لیکن اسے یہاں ترتیب دینے سے مثالی کانٹریکٹ کا سیٹ اپ آسان ہو جاتا ہے",
+  "The ABI for the WASM code. Since we will be making a call into the code, the ABI is required and stored for future operations such as sending messages.": "ڈبلیو اے ایس ایم کوڈ کے لیئے اے بی آئی۔ چونکہ ہم کوڈ میں کال کریں گے، اے بی آئی ضروری ہے اور مستقبل کے کاموں کے لیئے اسے محفوظ کیا جائے گا جیسے میسیجز بھیجنا",
+  "The Ethereum address you used during the pre-sale (starting by \"0x\")": "ایتھیریم ایڈریس جو آپ نے پری سیل کے دوران استعمال کیا تھا (\"0x\")) ",
+  "The RPC node can be selected from the pre-defined list or manually entered, depending on the chain you wish to connect to.": "آر پی سی نوڈ پہلے سے طے شدہ فہرست سے منتخب کیا جا سکتا ہے یا دستی طور پر درج کیا جا سکتا ہے، یہ اس چین پر منحصر ہے جس سے آپ جڑنا چاہتے ہیں۔",
+  "The Threshold must be a positive number": "تھریش ہولڈ ایک مثبت نمبر ہونا چاہیے",
+  "The Threshold must lower than 11": "تھریش ہولڈ 11 سے کم ہونا چاہیئے",
+  "The UI puts a limit of 40 payouts at a time, where each payout is a single validator for a single era.": "یو آئی ایک وقت میں 40 ادائیگیوں کی حد دیتا ہے، جہاں ہر ادائیگی ایک ہی ایرا میں ایک ہی ویلیڈیٹر کے لیئے ہے۔",
+  "The account password as specified when creating the account. This is used to encrypt the backup file and subsequently decrypt it when restoring the account.": "اکاؤنٹ کا پاس ورڈ جیسا کہ اکاؤنٹ بناتے وقت بیان کیا گیا ہے۔ یہ بیک اپ فائل کو خفیہ رکھنے کے لیئے استعمال کیا جاتا ہے اور اس کے بعد اکاؤنٹ کو بحال کرتے وقت اسے ڈی کریپٹ کیا جاتا ہے",
+  "The account that signed the input": "وہ اکاؤنٹ جس نے ان پٹ پر دستخط کیے",
+  "The account that will receive the funds": "وہ اکاؤنٹ جو فنڈز وصول کرے گا",
+  "The account to which the proposed balance will be transferred if approved": "وہ اکاؤنٹ جس میں مجوزہ بیلنس منظور ہو جانے کے بعد منتقل کر دیا جائے گا۔",
+  "The account to which the tip will be transferred if approved": "وہ اکاؤنٹ جس میں ٹپ منظور ہو جائے تو منتقل کر دی جائے گی",
+  "The account you want to claim to.": "جس اکاؤنٹ پر آپ دعوی کرنا چاہتے ہیں.",
+  "The account you want to register the preimage from": "جس اکاؤنٹ سے آپ پری امیج رجسٹر کرنا چاہتے ہیں",
+  "The account you want to register the proposal from": "جس اکاؤنٹ سے آپ تجویز رجسٹر کرنا چاہتے ہیں",
+  "The account you will send funds from.": "جس اکاؤنٹ سے آپ فنڈز بھیجیں گے",
+  "The account's password specified at the creation of this account.": "اکاؤنٹ کا پاس ورڈ جو اس اکاؤنٹ کی تخلیق کے وقت بیان کیا گیا ہے",
+  "The actual JSONRPC module and function to make a call to.": "کال کرنے کے لیئے اصل JSONRPC ماڈیول اور فنکشن۔",
+  "The actual account you wish to submit the bid with": "اصل اکاؤنٹ جس کے ساتھ آپ بولی جمع کروانا چاہتے ہیں",
+  "The actual fully constructed signed output. This can be used for submission via other channels.": "مکمل طور پر تیار دستخط شدہ اصل آؤٹ پٹ۔ یہ دوسرے چینلز کے ذریعے جمع کروانے کے لیئے استعمال کیا جا سکتا ہے",
+  "The actual proposal to make, based on the selected call and parameters thereof.": "منتخب کال اور اس کے پیرامیٹرز کی بنیاد پر دی گئی اصل تجویز",
+  "The address for the deployed contract instance.": "تعینات شدہ مثالی کانٹریکٹ کا پتہ.",
+  "The address that has previously setup a proxy to one of the accounts that you control.": "وہ پتہ جس نے آپ کے زیر کنٹرول اکاؤنٹس میں سے ایک کے لیئے پہلے پراکسی مرتب کی ہو",
+  "The address that you have a valid proxy setup for.": "وہ پتہ جس کے لیئے آپ کے پاس ایک پراکسی مرتب ہے",
+  "The address to vote from (must be a member)": "ووٹ کرنے کا پتہ (رکن ہونا ضروری ہے)",
+  "The addresses that are able to approve multisig transactions. You can select up to {{maxHelpers}} trusted addresses.": "وہ پتے جو ملٹی سگ ٹرانزیکشن کو منظور کرنے کے قابل ہیں۔ آپ {{maxHelpers}} تک قابل اعتماد پتے منتخب کر سکتے ہیں",
+  "The addresses that are able to help in recovery. You can select up to {{maxHelpers}} trusted helpers.": "وہ پتے جو بازیابی میں مدد کرنے کے قابل ہیں۔ آپ {{maxHelpers}} تک قابل اعتماد مددگاروں کو منتخب کر سکتے ہیں",
+  "The allotted endowment for this contract, i.e. the amount transferred to the contract upon instantiation.": "اس معاہدے کے لیے مختص اینڈومنٹ،یعنی فوری طور پر کانٹریکٹ میں منتقل کی گئی رقم",
+  "The allotted value for this contract, i.e. the amount transferred to the contract as part of this call.": "اس کانٹریکٹ کے لیئے مختص کردہ قیمت،یعنی اس کال کو حصے کے طور پر کانٹدیکٹ میں منتقل کی گئی رقم.",
+  "The amount of funds to unbond, this is adjusted using the bonded funds on the stash account.": "ان بانڈ کرنے کے لیئے فنڈز کی رقم، یہ اسٹیش اکاؤنٹ پر بانڈڈ فنڈز کا استعمال کرتے ہوئے ایڈجسٹ کیا جاتا ہے",
+  "The amount placed at-stake should allow some free funds for future transactions.": "داؤ پر لگائی گئی رقم مستقبل کی ٹرانزیکشنز کے لیئے کچھ مفت فنڈز فراہم کرے گی",
+  "The amount placed at-stake should be no more that 95% of your available amount to protect against slashing events.": "داؤ پر لگائی گئی رقم سلیشنگ ایوینٹس سے بچنے کے لیئے آپ کی دستیاب کردہ رقم کا 95 فیصد سے زیادہ نہیں ہونی چاہیئے",
+  "The amount placed at-stake should not be your full available available amount to allow for transaction fees.": "داؤ پر لگائی گئی رقم آپ کی مکمل دستیاب رقم نہیں ہونی چاہیئے تاکہ ٹرانزیکشن کی فیس لاگو کی جا سکے",
+  "The amount reserved to store this image": "اس تصویر کو محفوظ کرنے کے لیئے مختص رقم",
+  "The amount that is associated with this vote. This value is is locked for the duration of the vote.": "وہ رقم جو اس ووٹ سے وابستہ ہے۔ یہ ویلیو ووٹنگ کی مدت تک کے لیئے لاک ہے",
+  "The amount that will be allocated from the treasury pot": "وہ رقم جو ٹریژری پوٹ سے مختص کی جائے گی",
+  "The amount that will be used on a per-validator basis to calculate profits for that validator.": "وہ رقم جو فی ویلیڈیٹر کی بنیاد پر استعمال کی جائے گی تاکہ اس ویلیڈیٹر کے منافع کا حساب لگایا جا سکے",
+  "The amount this total can be reduced by to change the referendum outcome. This assumes changes to the convictions of the existing votes, with no additional turnout.": "ریفرنڈم کے نتائج کو تبدیل کرنے کے لیئے اس کُل رقم کو کم کیا جا سکتا ہے۔ یہ موجودہ ووٹوں کی کنوکشنز میں تبدیلیوں کو فرض کرلیتا ہے، بنا کسی اضافی ٹرن آؤٹ کے",
+  "The amount this total should be increased by to change the referendum outcome. This assumes additional turnout with new votes at 1x conviction.": "ریفرنڈم کے نتائج کو تبدیل کرنے کے لیئے اس کُل رقم میں اضافہ کیا جانا چاہیئے۔ یہ نئے ووٹوں کو 1x کنوکشن کے ساتھ اضافی ٹرن آؤٹ فرض کرتا ہے",
+  "The amount to allocate and the conviction that will be applied to all votes made on a referendum.": "مختص کی جانے والی رقم اور کنوکشن جو ریفرنڈم میں بنائے گئے تمام ووٹوں پر لاگو ہوگا",
+  "The amount to associate with your bid, should be less than the pot.": "آپ کی بولی کے ساتھ وابسطہ ہونے والی رقم پوٹ سے کم ہونی چاہیئے",
+  "The amount to tie to your bid. The lowest bidder moves forward.": "آپ کی بولی سے بندھی ہوئی رقم۔ سب سے کم بولی لگانے والا آگے بڑھتا ہے",
+  "The associated deposit for this proposal should be more then the minimum on-chain deposit required. It will be locked until the proposal passes.": "اس تجویز کے لیئے منسلک ڈپازٹ کم از کم ضروری آن چین ڈپازٹ سے زائد ہونا چاہیئے۔ تجویز پاس ہونے تک انہیں لاک رکھا جائے گا",
+  "The auto-selection is done on the current profitability of the validators taking your favorites into account. It is adjusted based on the commission and current range of backing for the validator. The calculation may and will change over time, so it is rather a selection based on the current state of the network, not a predictor of future profitability.": "آٹو سلیکشن آپ کی پسند کو مدنظر رکھتے ہوئے ویلیڈیٹرز کے موجودہ منافع کی بنیاد کیا جاتا ہے۔ یہ ویلیڈیٹر کے لیئے کمیشن اور بیکنگ کی موجودہ رینج کی بنیاد پر ایڈجسٹ کیا جاتا ہے۔ حساب کتاب وقت کے ساتھ بدل سکتا ہے لہذا یہ نیٹ ورک کی موجودہ حالت پر مبنی انتخاب ہے، مستقبل کے منافع کا پیش گو نہیں",
+  "The balance associated with the vote will be locked as per the conviction specified and will not be available for transfer during this period.": "ووٹ سے وابستہ بیلنس مختص کردہ کنوکشن کے مطابق لاک ہو جائے گا اور اس مدت کے دوران ٹرانسفر کے لیئے دستیاب نہیں ہو گا",
+  "The beneficiary will have access to the transferred fees when the transaction is included in a block.": "ٹرانزیکشن کو بلاک میں شامل کرنے پر بینیفشری کو ٹرانسفر شدہ فیس تک رسائی حاصل ہوگی",
+  "The beneficiary will receive the full amount if the proposal passes.": "تجویز منظور ہونے پر بینیفشری کو پوری رقم ملے گی",
+  "The beneficiary will received the tip as approved by council members.": "بینیفشری کو کونسل کے میمبران کی منظوری کے مطابق ٹپ ملے گی",
+  "The blake2b 256-bit hash of the actual input data.": "اصل ان پٹ ڈیٹا کا blake2b 256-bit ہیش",
+  "The bond that is reserved": "وہ بانڈ جو ریزرو ہے",
+  "The bond will be reserved for the duration of your candidacy and membership.": "بانڈ آپ کی امیدواری اور رکنیت کی مدت تک کے لیئے ریزرو رہے گا",
+  "The bonded amount is less than the minimum bond amount of {{existentialDeposit}}": "بانڈڈ رقم بانڈ کی کم سے کم رقم {{existentialDeposit}} سے کم ہے",
+  "The bonding duration for any staked funds. After this period needs to be withdrawn.": "کسی بھی اسٹیکڈ فنڈز کے لیئے بانڈنگ کا دورانیہ۔ اس مدت کے بعد واپس لینے کی ضرورت ہے",
+  "The bonding duration for any staked funds. Needs to be unlocked and withdrawn to become available.": "کسی بھی اسٹیکڈ فنڈز کے لیئے بانڈنگ کا دورانیہ۔ دستیاب ہونے کے لیئے انلاک اور وتھ ڈرا کرنے کی ضرورت ہے",
+  "The calculated storage costs based on the size and the per-bytes fee.": "اسٹوریج کےحسابی اخراجات سائز اور فی بائٹ فیس کی بنیاد پر",
+  "The call data for this transaction matching the hash. Once sent, the multisig will be executed against this.": "اس ٹرانزیکشن کا کال ڈیٹا ہیش سے مماثل ہے۔ ایک بار بھیجنے کے بعد، ملٹی سگ پر عملدرآمد کر دیا جائے گا",
+  "The call data that can be supplied to a final call to multi approvals": "وہ کال ڈیٹا جو ایک حتمی کال کو کثیر منظوریوں کے لیئے فراہم کیا جا سکتا ہے",
+  "The call hash from the list of available and unapproved calls.": "دستیاب اور غیر منظور شدہ کالوں کی فہرست سے کال ہیش",
+  "The call hashes that have not been executed as of yet.": "وہ کال ہیشز جن پر ابھی تک عمل نہیں ہوا ہے",
+  "The code hash for the on-chain deployed code.": "آن چین ڈیپلوئڈ کوڈ کے لیئے کوڈ ہیش.",
+  "The code is not recognized as being in valid WASM format": "کوڈ کو درست ڈبلیو اے ایس ایم فارمیٹ کے طور پر تسلیم نہیں کیا گیا ہے",
+  "The codeHash is not a valid hex hash": "کوڈ ہیش درست ہیکس ہیش نہیں ہے",
+  "The color used to distinguish this network with others, use color code with 3 or 6 digits, like \"#FFF\" or \"#111111\"": "اس نیٹ ورک کو دوسروں سے منفرد رکھنے کے لیے استعمال ہونے والا رنگ، 3 یا 6 ہندسوں کے ساتھ رنگوں کا کوڈ استعمال کریں، جیسے \"#FFF\" or \"#111111\"",
+  "The commission is deducted from all rewards before the remainder is split with nominators.": "بقایہ کو نامینیٹرز میں تقسیم کرنے سے پہلے کمیشن کو تمام انعامات میں سے کاٹا جاتا ہے",
+  "The committee account that will apply the close for the current round.": "کمیٹی کا اکاؤنٹ جو موجودہ راؤنڈ کے بند ہونے کا اطلاق کرے گا",
+  "The compiled WASM for the contract that you wish to deploy. Each unique code blob will be attached with a code hash that can be used to create new instances.": "مرتب کردہ ڈبلیو اے ایس ایم اس کانٹریکٹ کے لیئے جسے آپ تعینات کرنا چاہتے ہیں۔ ہر انوکھا کوڈ بلاب ایک کوڈ ہیش کے ساتھ منسلک کیا جائے گا جسے نئی مثالیں بنانے کے لیئے استعمال کیا جا سکتا ہے",
+  "The compiled runtime WASM for the parachain you wish to register.": "پیراچین کے لیئے مرتب کردہ رن ٹائم ڈبلیو اے ایس ایم جسے آپ رجسٹر کرنا چاہتے ہیں",
+  "The compiled runtime WASM for this parachain.": "اس پیراچین کے لیے مرتب کردہ رن ٹائم ڈبلیو اے ایس ایم",
+  "The contract WASM previously deployed. Internally this is identified by the hash of the code, as either created or attached.": "کانٹریکٹ ڈبلیو اے ایس ایم پہلے تعینات کیا گیا تھا۔ اندرونی طور پر اس کی شناخت کوڈ کے ہیش سے ہوتی ہے، جیسا کہ یہ تخلیقیا منسلک کیا ہوتا ہے",
+  "The controller does not have sufficient funds available to cover transaction fees. Ensure that a funded controller is used.": "کنٹرولر کے پاس ٹرانزیکشن فیس کو پورا کرنے کے لیئے کافی فنڈز دستیاب نہیں ہیں۔ یقینی بنائیں کہ فنڈڈ کنٹرولر استعمال کیا جارہا ہے",
+  "The controller is the account that is be used to control any nominating or validating actions. I will sign this transaction.": "کنٹرولر وہ اکاؤنٹ ہے جو کسی بھی نامزد کرنے والییا توثیقی کارروائیوں کو کنٹرول کرنے کے لیئے استعمال کیا جاتا ہے۔ میں اس لین دین پر دستخط کروں گا",
+  "The controller is the account that will be used to control any nominating or validating actions. Should not match another stash or controller.": "کنٹرولر وہ اکاؤنٹ ہے جو کسی بھی نامزد کرنے والییا توثیقی کارروائیوں کو کنٹرول کرنے کے لیئے استعمال کیا جائے گا۔ یہ دوسرے اسٹیشیا کنٹرولر سے مماثل نہیں ہونا چاہیئے",
+  "The conviction that will be used for each delegated vote.": "وہ کنوکشن جو ہر ڈیلیگیٹڈ ووٹ کے لیئے استعمال کیا جائے گا",
+  "The conviction to use for this vote, with an appropriate lock period.": "ایک مناسب لاک پیریئڈ کے ساتھ، اس ووٹ کو استعمال کرنے کی کنوکشن",
+  "The council account for the proposal. The selection is filtered by the current members.": "کونسل کا اکاؤنٹ اس تجویز کے لیئے۔ انتخاب کو موجودہ ممبران فلٹر کرتے ہیں",
+  "The council account for this vote. The selection is filtered by the current members.": "کونسل کا اکاؤنٹ اس ووٹ کے لیئے۔ انتخاب کو موجودہ ممبران فلٹر کرتے ہیں",
+  "The council account that will apply the close for the current round.": "کونسل کا اکاؤنٹ جو موجودہ راؤنڈ کو بند کرنے کا اطلاق کرے گا",
+  "The council member that is proposing this, submission equates to an \"aye\" vote.": "کونسل کا میمبر جو یہ تجویز پیش کر رہا ہے، جمع کرانا \"ہاں\" ووٹ کے برابر ہے",
+  "The council proposal to make the vote on": "کونسل کی ووٹ دینے کی تجویز",
+  "The data that was signed. This is used in combination with the signature for the verification. It can either be hex or a string.": "وہ ڈیٹا جس پر دستخط کیئے گئے تھے۔ اسے تصدیق کے لیئے دستخط کے ساتھ جوڑ کر استعمال کیا جاتا ہے۔ یہیا تو ہیکسیا اسٹرنگ ہو سکتا ہے",
+  "The delay between vouching and the availability of the recovered account.": "واؤچنگ اور بازیافت شدہ اکاؤنٹ کی دستیابی کے درمیان تاخیر",
+  "The delay period to apply in blocks": "بلاکس میں لاگو ہونے کی تاخیری مدت",
+  "The deployment constructor information for this contract, as provided by the ABI.": "اس کانٹریکٹ کے لیئے ڈیپلوئیمنٹ کنسٹرکٹر کی معلومات، جیسا کہ اے بی آئی نے فراہم کیا ہے.",
+  "The deposit is below the {{minimum}} minimum required for the proposal to be evaluated": "تجویز کی جانچ پڑتال کے لیئے ڈپازٹ ضروری {{minimum}} کم از کم رقم سے کم ہے ",
+  "The deposit of {{deposit}} will be reserved until the proposal is completed": "{{deposit}} کی ڈپازٹ تجویز مکمل ہونے تک محفوظ رہے گی",
+  "The derivation path allows you to create different accounts from the same base mnemonic.": "ڈیریویشن پاتھ آپ کو ایک ہی بیس نیمونک سے مختلف اکاؤنٹس بنانے کی اجازت دیتا ہے",
+  "The desired threshold. Here set to a default of 50%+1, as applicable for general proposals.": "مطلوبہ حد۔ یہاں 50٪+1 کا ڈیفالٹ مقرر کیا گیا ہے، جیسا کہ جنرل تجاویز پر لاگو ہوتا ہے",
+  "The destination account for any payments as either a nominator or validator": "منزل اکاؤنٹ کسی بھی ادائیگی کے لیئے بطور نامینیٹریا ویلیڈیٹر ہے",
+  "The details of the transaction including the type, the description (as available from the chain metadata) as well as any parameters and fee estimations (as available) for the specific type of call.": "ٹرانزیکشن کی تفصیلات بشمول قسم، تفصیل (جیسا کہ چین میٹا ڈیٹا سے دستیاب ہے) نیز مخصوص قسم کی کال کے لیئے کوئی بھی پیرامیٹرز اور فیس کا تخمینہ (جیسا کہ دستیاب ہے)",
+  "The elected validator list that did not get selected by the Phragmen algorithm for this era. However they may be selected in the future.": "منتخب شدہ ویلیڈیٹرز کی فہرست جو کہ اس ایرا کے لیئے فریگمین الگوریتھم نے منتخب نہیں کیئے۔ تاہم وہ مستقبل میں منتخب ہو سکتے ہیں",
+  "The email address associated with this identity.": "اس شناخت سے وابستہ ای میل",
+  "The existing account password as specified when this account was created or when it was last changed.": "موجودہ اکاؤنٹ کا پاس ورڈ جیسا کہ یہ اکاؤنٹ بنایا گیا تھا یا جب اسے آخری بار تبدیل کیا گیا تھا",
+  "The external proposal to send to the technical committee": "ٹیکنیکل کمیٹی کو بھیجنے کے لیئے بیرونی تجویز",
+  "The final recipient balance is less or equal to {{existentialDeposit}} (the existential amount) and will not be reflected": "وصول کنندہ کا حتمی بیلنس {{existentialDeposit}} (وجودی رقم) سے کم یا برابر ہے اور ظاہر نہیں ہوگا",
+  "The funds will only be available for withdrawal after the unbonding period, however will not be part of the staked amount after the next validator election. You can follow the unlock countdown in the UI.": "فنڈز صرف انبونڈنگ پیریئڈ کے بعد نکالنے کے لیئے دستیاب ہوں گے، تاہم اگلے ویلیڈیٹر کے انتخابات کے بعد رکھی ہوئی رقم کا حصہ نہیں ہوں گے۔ آپ یو آئی میں انلاک کاؤنٹ ڈاؤن کی پیروی کر سکتے ہیں",
+  "The hash for the proposal this vote applies to": "تجویز کے لیئے ہیش اس ووٹ پر لاگو ہوتا ہے",
+  "The hash of the preimage for the proposal as previously submitted or intended.": "تجویز کے لیئے ہیش کا پری ایمیج جیسا کہ پہلے جمع یا ارادہ کیا گیا تھا",
+  "The hash of the proposal image, either already submitted or valid for the specific call.": "تجویز کی تصویر کا ہیش،یا تو پہلے ہی جمع کرایا گیا ہے یا ایک مخصوص کال کے لیئے ٹھیک ہے",
+  "The hash of the selected proposal, use it for submitting the proposal": "منتخب کردہ تجویز کا ہیش، اسے تجویز پیش کرنے کے لیئے استعمال کریں",
+  "The helpers should be able to verify, via an off-chain mechanism, that the account owner indeed wishes to recover access and as such provide any approvals. In the cases of malicious recovery procedures, they will have the power to stop it.": "مددگاروں کو آف چین میکانزم کے ذریعے اس بات کی تصدیق کرنی چاہیئے کہ اکاؤنٹ کا مالک واقعی رسائی حاصل کرنا چاہتا ہے اور اس طرح کے معاملی میں منظوری فراہم کرنی ہے۔ وصولی کے مشکوک طریقہ کار کے معاملات میں، ان کے پاس اسے روکنے کا اختیار ہوگ",
+  "The hex output from author_rotateKeys, as executed on the validator node. The keys will show as pending until applied at the start of a new session.": "author_rotateKeysسے ہیکس آؤٹ پٹ، جیسا کہ ویلیڈیٹر نوڈ پر عمل کیا گیا۔ نئے سیشن کے آغاز پر لاگو ہونے تک کیز زیر التوا دکھائی دیں گی",
+  "The id number to assign to this parachain.": "اس پیراچین کے لیئے مختص آئی ڈی نمبر",
+  "The id of the parachain to be deregistered.": "پیراچین کی شناخت کو غیر رجسٹرڈ کیا جائے",
+  "The image (proposal) will be stored on-chain against the hash of the contents.": "تصویر (تجویز) کو ہیش کے کانٹینٹ کے بر خلاف آن چین محفوظ کیا جائے گا",
+  "The initial head state for the parachain.": "پیراچین کے لیئے ابتدائی ہیڈ اسٹیٹ",
+  "The initial head state is invalid.": "ابتدائی ہیڈ اسٹیٹ غلط ہے",
+  "The input data to hash. This can be either specified as a hex value (0x-prefix) or as a string.": "ہیش کا ان پٹ ڈیٹا۔ یہیا تو ایک ہیکس ویلیو (0x-prefix)یا سٹرنگ کے طور پر متعین کیا جا سکتا ہے",
+  "The input data to sign. This can be either specified as a hex value (0x-prefix) or as a string.": "دستخط کرنے کے لیئے ان پٹ ڈیٹا۔ یہیا تو ایک ہیکس ویلیو(0x-prefix)یا سٹرنگ کے طور پر متعین کیا جا سکتا ہے",
+  "The key type and crypto type to use for this key. Be aware that different keys have different crypto requirements. You should be familiar with the type requirements for the different keys.": "اس کی ۔ کے لیئے استعمال کی جانے والی کی اور کرپٹو کی قسم۔ آگاہ رہیں کہ مختلف کیز کے مختلف کرپٹو تقاضے ہیں۔ آپ کو مختلف قسم کی کیز کے مختلف تقاضوں سے واقف ہونا چاہیے",
+  "The legal name for this identity.": "اس شناخت کا قانونی نام",
+  "The local name for this account. Changing this does not affect your on-line identity, so this is only used to indicate the name of the account locally.": "اس اکاؤنٹ کا مقامی نام۔ اسے تبدیل کرنے سے آپ کی آن لائن شناخت متاثر نہیں ہوتی، لہذا یہ صرف مقامی طور پر اکاؤنٹ کا نام ظاہر کرنے کے لیئے استعمال ہوتا ہے",
+  "The locked value for this proposal": "اس تجویز کے لیے لاکڈ ویلیو",
+  "The maximum amount of gas that can be used by this call. If the code requires more, the call will fail.": "گیس کی زیادہ سے زیادہ مقدار جو اس کال کے لیئے استعمال کی جا سکتی ہے۔ اگر کوڈ کو مزید ضرورت ہو تو کال ناکام ہو جائے گی",
+  "The maximum amount of gas that can be used by this deployment, if the code requires more, the deployment will fail.": "گیس کی زیادہ سے زیادہ مقدار جو اس تعیناتی کے لیئے استعمال کی جا سکتی ہے، اگر کوڈ کو مزید ضرورت ہو تو تعیناتی ناکام ہو جائے گی",
+  "The maximum amount of gas to use for this contract call. If the call requires more, it will fail.": "گیس کی زیادہ سے زیادہ مقدار اس کانٹریکٹ کال کے لیئے استعمال کی جائے۔ اگر کال کو زیادہ کی ضرورت ہے تو، یہ ناکام ہو جائے گا",
+  "The maximum amount you can delegate is the amount of funds available on the delegating account.": "زیادہ سے زیادہ رقم جو آپ ڈیلیگیٹ کر سکتے ہیں وہ ڈیلیگیٹنگ اکاؤنٹ پر دستیاب فنڈز کی رقم ہے",
+  "The message to send to this contract. Parameters are adjusted based on the ABI provided.": "اس کانٹریکٹ کے لیئے بھیجا جانے والا پیغام۔ فراہم کردہ اے بی آئی کی بنیاد پر پیرامیٹرز کو ایڈجسٹ کیا جاتا ہے",
+  "The minimum amount that an account should have to be deemed active": "کم سے کم رقم جو ایک اکاؤنٹ کے فعال ہونے کے لیئے سمجھنی چاہیے",
+  "The minimum amount that will be bonded": "کم از کم رقم جو بانڈ کی جائے گی",
+  "The minimum deposit required": "کم از کم ڈپازٹ درکار ہے",
+  "The minimum number of committee votes required to approve this motion": "اس تحریک کی منظوری کے لیئے کمیٹی کے کم از کم ووٹوں کی ضرورت ہے",
+  "The minimum number of council votes required to approve this motion": "اس تحریک کی منظوری کے لیئے کونسل کے ووٹوں کی کم از کم تعداد درکار ہے",
+  "The multisig signatory for this transaction.": "اس ٹرانزیکشن کے لیئے ملٹی سگ دستخط کنندہ",
+  "The name for this account and how it will appear under your addresses. With an on-chain identity, it can be made available to others.": "اس اکاؤنٹ کا نام اور یہ آپ کے پتوں کے نیچے کیسے ظاہر ہوگا۔ آن چین شناخت کے ساتھ، اسے اوروں کے لیئے دستیاب کیا جا سکتا ہے",
+  "The name is for unique identification of the account in your owner lists.": "یہ نام آپ کی مالکان کی فہرستوں میں اکاؤنٹ کی منفرد شناخت کے لیئے ہے",
+  "The name that will be displayed in your accounts list.": "وہ نام جو آپ کے اکاؤنٹس کی فہرست میں دکھایا جائے گا",
+  "The new account password. Once set, all future account unlocks will be performed with this new password.": "نیا اکاؤنٹ پاس ورڈ۔ ایک بار سیٹ ہونے کے بعد، مستقبل کے تمام اکاؤنٹ کے انلاکس اس نئے پاس ورڈ سے انجام پائیں گے",
+  "The on-chain percentage for the treasury": "خزانے کے لیئے آن چین کا تناسب",
+  "The operation type to apply. For approvals both non-final and final approvals are supported.": "لاگو کرنے کے لیئے آپریشن کی قسم۔ منظوری کے لیئے غیر حتمی اور حتمی دونوں منظوریوں کی حمایت ہو جاتی ہے",
+  "The password and password confirmation for this account. This is required to authenticate any transactions made and to encrypt the keypair.": "اس اکاؤنٹ کے لیئے پاس ورڈ اور پاس ورڈ کی تصدیق۔ کسی بھی ٹرانزیکشن کو مستند کرنے اور کی ۔ پیئر کو خفیہ بنانے کے لیئےیہ ضروری ہے",
+  "The password previously used to encrypt this account.": "پاس ورڈ جو پہلے اس اکاؤنٹ کو خفیہ کرنے کے لیئے استعمال ہوا تھا",
+  "The password to unlock the selected account.": "منتخب کردہ اکاؤنٹ کو انلاک کرنے کا پاس ورڈ",
+  "The percentage reward (0-100) that should be applied for the validator": "فی صد انعام (0-100)  جو کہ ویلیڈیٹر کے لیے لاگو کیا جائے",
+  "The preimage hash of the proposal": "تجویز کا پری امیج ہیش",
+  "The private key for your account is derived from this seed. This seed must be kept secret as anyone in its possession has access to the funds of this account. If you validate, use the seed of the session account as the \"--key\" parameter of your node.": "آپ کے اکاؤنٹ کی نجی ۔ کی اس سیڈ سے حاصل کی گئی ہے۔ اس سیڈ کو خفیہ رکھا جانا چاہیئے کیونکہ اس کا قبضہ کسی کو بھی اس اکاؤنٹ کے فنڈز تک رسائی دیتا ہے۔ اگر آپ توثیق کرتے ہیں تو، سیشن اکاؤنٹ کے سیڈ کو اپنے نوڈ کے \"--key\"پیرامیٹر کے طور پر استعمال کریں",
+  "The proposal is in the queue for future referendums. One proposal from this list will move forward to voting.": "مستقبل کے ریفرنڈم کے لیئے تجویز قطار میں ہے۔ اس فہرست میں سے ایک تجویز ووٹنگ کے لیئے آگے بڑھے گی",
+  "The proposal that is being voted on. It will pass when the threshold is reached.": "وہ تجویز جس پر ووٹ دیا جا رہا ہے۔ تھریش ہولڈ تک پہنچنے پر یہ پاس ہو جائے گی",
+  "The proposal that will be affected. Once closed for the current voting round, it would need to be re-submitted for a subsequent voting round.": "وہ تجویز جو متاثر ہو گی۔ ایک دفعہ موجودہ ووٹنگ راؤنڈ کے لیئے بند ہونے کے بعد، اسے اگلے ووٹنگ راؤنڈ کے لیئے دوبارہ جمع کرانے کی ضرورت ہوگی",
+  "The proposal that will be affected. Once closed for the current voting round, it would need to be re-submitted to council for a subsequent voting round.": "وہ تجویز جو متاثر ہو گی۔ ایک دفعہ موجودہ ووٹنگ راؤنڈ کے لیئے بند ہونے کے بعد، اسے اگلے ووٹنگ راؤنڈ کے لیئے کونسل میں دوبارہ جمع کرانے کی ضرورت ہوگی",
+  "The proposal will be registered from this account and the balance lock will be applied here.": "تجویز اس اکاؤنٹ سے رجسٹر کی جائے گی اور بیلنس لاک کا اطلاق یہاں کیا جائے گا",
+  "The proxy is one of the allowed proxies on the account, as set and filtered by the transaction type.": "اکاؤنٹ پر پراکسی اجازت شدہ پراکسی میں سے ایک ہے، جیسا اسے ٹرانزیکشن کی قسم کے مطابق سیٹ اور فلٹر کیا جاتا ہے",
+  "The proxy to be used for this transaction.": "اس ٹرانزیکشن کے لیئے استعمال ہونے والی پراکسی",
+  "The reason why this tip should be paid.": "اس ٹپ کی ادائیگی کی وجہ",
+  "The recoverable account is protected against the loss of seed/access by a social process.": "ریکور ہونے والا اکاؤنٹ ایک سماجی عمل کے ذریعے سیڈ/رسائی کے نقصان سے محفوظ ہے",
+  "The resulting signature of the input data, as done with the crypto algorithm from the account. (This could be non-deterministic for some types such as sr25519).": "ان پٹ ڈیٹا کے نتیجے میں دستخط، جیسا کہ اکاؤنٹ سے کرپٹو الگوریتھم کے ساتھ کیا گیا ہے۔ (یہ sr25519 جیسی کچھ اقسام کے لیئے غیر فیصلہ کن ہو سکتا ہے)",
+  "The scheduling preference for this parachain.": "اس پیراچین کے لیئے شیڈولنگ کی ترجیح",
+  "The scheduling setting for this parachain.": "اس پیراچین کے لیئے شیڈولنگ کی ترتیب",
+  "The secret seed value for this account. Ensure that you keep this in a safe place, with access to the seed you can re-create the account.": "اس اکاؤنٹ کے لیئے خفیہ سیڈ ویلیو۔ اس بات کو یقینی بنائیں کہ آپ اسے محفوظ جگہ پر رکھیں، سیڈ تک رسائی کے ہوتے ہوئے آپ دوبارہ اکاؤنٹ بنا سکتے ہیں",
+  "The seed and derivation path will be submitted to the validator node. this is an advanced operation, only to be performed when you are sure of the security and connection risks.": "سیڈ اور ڈیریویشن پاتھ ویلیڈیٹر نوڈ کو پیش کیئے جائیں گے۔ یہ ایک اعلی درجے کا آپریشن ہے، صرف اس وقت کیا جائے گا جب آپ کو سیکورٹی اور کنیکشن کے خطرات کا یقین ہو",
+  "The selected account to be unlocked.": "منتخب کردہ اکاؤنٹ کو انلاک کیا جائے",
+  "The selected account to perform the derivation on.": "ڈیریویشن کے لیئے منتخب کردہ اکاؤنٹ",
+  "The selected controller tied to this stash. Once set, this account will be able to control the actions performed by the stash account.": "منتخب کردہ کنٹرولر اس اسٹیش سے بندھا ہوا ہے۔ ایک بار سیٹ ہونے کے بعد، یہ اکاؤنٹ اسٹیش اکاؤنٹ کے ذریعے انجام پانے والی کارروائیوں کو کنٹرول کر سکے گا",
+  "The selected validators to nominate, either via the \"currently best algorithm\" or via a manual selection.": "نامزد کرنے کے لیئے منتخب شدہ ویلیڈیٹرزیا تو \"فی الحال بہترین الگوریتھم\" کے ذریعےیا دستی انتخاب کے ذریعے کریں",
+  "The sending account that will be used to send this transaction. Any applicable fees will be paid by this account.": "بھیجنے والا اکاؤنٹ جو اس ٹرانزیکشن کو بھیجنے کے لیئے استعمال کیا جائے گا۔ کوئی بھی قابل اطلاق فیس اس اکاؤنٹ سے ادا کی جائے گی",
+  "The signatories has the ability to create transactions using the multisig and approve transactions sent by others.Once the threshold is reached with approvals, the multisig transaction is enacted on-chain.": "دستخط کرنے والوں کے پاس ملٹی سگ کا استعمال کرتے ہوئے ٹرانزیکشن کرنے اور دوسروں کی طرف سے بھیجے گئے ٹرانزیکشن کو منظور کرنے کی صلاحیت ہوتی ہے۔ ایک بار جب منظوری کے ساتھ تھریش ہولڈ تک پہنچا جاتا ہے، تو ملٹی سیگ ٹرانزیکشن آن چین کی جاتی ہے",
+  "The signatory is one of the allowed accounts on the multisig, making a recorded approval for the transaction.": "دستخط کنندہ ملٹی سگ پر اجازت یافتہ اکاؤنٹس میں سے ایک ہے، جو ٹرانزیکشن کے لیئے ریکارڈ شدہ منظوری دیتا ہے",
+  "The signatory is one of the allowed accounts on the multisig. The transaction could either be the call or an approval for the hash of a call.": "دستخط کنندہ ملٹی سگ پر اجازت یافتہ اکاؤنٹس میں سے ایک ہے۔ ٹرانزیکشنیا تو کال ہو سکتی ہے یا کال کے ہیش کی منظوری",
+  "The signatory to send the approval/cancel from": "دستخط کنندہ کی منظوری بھیجنا/منسوخ کرنا",
+  "The signature as by the account being checked, supplied as a hex-formatted string.": "دستخط جیسا کہ اکاؤنٹ میں چیک کیا جا رہا ہے، ہیکس فارمیٹڈ سٹرنگ کے طور پر فراہم کیا گیا ہے",
+  "The specific eras on which there are unapplied slashes. For each era a separate proposal is to be made.": "وہ مخصوص ایرا جس پر غیر اطلاق شدہ سلیشز ہوتے ہیں۔ ہر ایرا کے لیئے ایک الگ تجویز پیش کی جانی چاہیئے",
+  "The specified value is greater than the recommended amount. You may not be adequately protected against slashing events or have funds for future fees.": "مختص ویلیو تجویز کردہ رقم سے زیادہ ہے۔ ہوسکتا ہے کہ آپ سلیشنگ کے واقعات سے مناسب طور پر محفوظ نہ ہوں یا مستقبل کی فیس کے لیئے فنڈز نہ ہوں",
+  "The specified value is greater than your free balance. The node will bond the maximum amount available.": "مختص ویلیو آپ کے مفت بیلنس سے زیادہ ہے۔ نوڈ زیادہ سے زیادہ دستیاب رقم کو بانڈ کرے گا",
+  "The specified value is too large and does not allow funds to pay future transaction fees.": "متعین کردہ قیمت بہت بڑی ہے اور فنڈز کو مستقبل کی ٹرانزیکشن کی فیس ادا کرنے کی اجازت نہیں دیتی ہے",
+  "The stash account that is used. This will allow the controller to perform all non-funds related operations on behalf of the account.": "اسٹیش اکاؤنٹ جو استعمال کیا جاتا ہے۔ یہ کنٹرولر اکاؤنٹ کی جانب سے غیر فنڈز سے متعلقہ تمام کام انجام دے سکے گا",
+  "The stash and controller pair as linked. This operation will be performed via the controller.": "اسٹیش اور کنٹرولر کی جوڑی بطور لنکڈ ہے۔ یہ آپریشن کنٹرولر کے ذریعے کیا جائے گا",
+  "The stash and controller pair, here the controller will be used to send the transaction.": "اسٹیش اور کنٹرولر کی جوڑی،یہاں کنٹرولر ٹرانزیکشن بھیجنے کے لیئے استعمال کیا جائے گا",
+  "The stash and controller pair. This transaction, managing preferences, will be sent from the controller.": "اسٹیش اور کنٹرولر کی جوڑی۔ یہ ٹرانزیکشن، انتظامات کی ترجیحات، کنٹرولر سے بھیجی جائیں گی",
+  "The stash and controller pair. This transaction, setting the session keys, will be sent from the controller.": "اسٹیش اور کنٹرولر کی جوڑی۔ یہ ٹرانزیکشن، سیشن کیز کی ترتیب، کنٹرولر سے بھیجی جائے گی",
+  "The stash that is to be affected. The transaction will be sent from the associated controller account.": "اسٹیش جو متاثر ہونا ہے۔ ٹرانزیکشن متعلقہ کنٹرولر اکاؤنٹ سے بھیجی جائے گی",
+  "The suggested value for this tip": "اس ٹپ کے لیئے تجویز کردہ ویلیو",
+  "The threshold for approval should be less or equal to the number of signatories for this multisig.": "منظوری کی حد اس ملٹی سگ کے لیئے دستخط کرنے والوں کی تعداد سے کم یا برابر ہونی چاہیئے",
+  "The threshold for approvals and the delay is the protection associated with the account. The delay should be such that any colluding recovery attempts does have a window to stop.": "منظوری کی حد اور تاخیر اس اکاؤنٹ کے لیئے تحفظ ہے۔ تاخیر ایسی ہونی چاہیئے کہ سازشی بازیابی کی کسی بھی کوشش کو روکنے کے لیے رستہ بنے",
+  "The threshold for this multisig": "اس ملٹی سگ کے لیئے تھریش ہولڈ",
+  "The threshold of vouches that is to be reached for the account to be recovered.": "واؤچز کا تھریش ہولڈ جہاں تک اکاؤنٹ کی بازیابی کے لیئے پہنچنا ہے",
+  "The tip amount that should be allocated": "ٹپ کی رقم جو مختص کی جانی چاہیئے",
+  "The total amount of the stash balance that will be at stake in any forthcoming rounds (should be less than the free amount available)": "اسٹیش بیلنس کی کُل رقم جو کسی بھی آئندہ راؤنڈ میں داؤ پر لگے گی (دستیاب مفت رقم سے کم ہونی چاہیئے)",
+  "The total amount of the stash balance that will be at stake in any forthcoming rounds (should be less than the total amount available)": "اسٹیش بیلنس کی کُل رقم جو کسی بھی آئندہ راؤنڈ میں داؤ پر لگے گی (دستیاب کل رقم سے کم ہونی چاہیئے)",
+  "The transferred balance will be subtracted (along with fees) from the sender account.": "منتقل شدہ بیلنس بھیجنے والے کے اکاؤنٹ میں سے (فیس کے ساتھ) کاٹ دیا جائے گا",
+  "The twitter name for this identity.": "اس شناخت کے لیئے ٹویٹر کا نام",
+  "The type of council proposal to submit.": "کونسل کی طرف سے پیش کی گئی تجویز کی قسم",
+  "The unapplied slashed era to cancel.": "منسوخ کرنے کے لیئے غیر اطلاق شدہ سلیش ایرا",
+  "The unchecked weight as specified for the sudoUncheckedWeight call.": "غیر چیک شدہ وزن جیسا کہ sudoUncheckedWeight کال کے لیئے بیان کیا گیا ہے",
+  "The validators selected by the Phragmen algorithm to nominate for this era.": "فریگمین الگوریتھم کی طرف سے منتخب کردہ ویلیڈیٹرز کو اس ایرا کے لیئے نامزد کرنا",
+  "The validators that are not in the validator set because they need more nominations or because they have willingly stop validating. Any nominations made before the next election will also appear here.": "ویلیڈیٹرز جو کہ ویلیڈیٹرز کے سیٹ میں نہیں ہیں کیونکہ انہیں مزید نامزدگیوں کی ضرورت ہے یا انہوں نے اپنی مرضی سے توثیق روک دی ہے۔ اگلے الیکشن سے پہلے کی گئی کوئی بھی نامزدگییہاں ظاہر ہوگی",
+  "The validators that are over-subscribed, only the top 64 backing stake will be rewarded.": "ویلیڈیٹرز جو زیادہ سبسکرائب ہوئے ہیں، صرف سب سے اوپر والے 64 حصص رکھنے والوں کو انعام دیا جائے گا",
+  "The validators that got slashed and for which your nomination got auto-chilled. Re-nominating these will make them available to the Phragmen algorithm.": "وہ ویلیڈیٹرز جو سلیش ہوئے اور جن کی وجہ آپ کی نامزدگی خود بخود ٹہر گئی۔ ان کو دوبارہ نامزد کرنے سے وہ فریگمین الگوریتھم کے لیئے دستیاب ہوں گے",
+  "The value associated with this vote. The amount will be locked (not available for transfer) and used in all subsequent elections.": "اس ووٹ سے وابستہ ویلیو۔ رقم لاک ہو جائے گی (منتقلی کے لیئے دستیاب نہیں) اور بعد کے تمام انتخابات میں استعمال ہو گی",
+  "The value is not in a valid address format": "ویلیو درست ایڈریس فارمیٹ میں نہیں ہے",
+  "The value is the amount that is being asked for and that will be allocated to the beneficiary if the proposal is approved.": "ویلیو وہ رقم ہے جو مانگی جا رہی ہے اور اگر تجویز منظور ہو جاتی ہے تو اسے بینیفشریز کے لیئے مختص کیا جائے گا",
+  "The vote to record for this proposal, either for or against.": "اس تجویز کے حق میںیا اس کے خلاف ریکارڈ کرنے کے لیئے ووٹ",
+  "The vote will be recorded for the selected account.": "منتخب اکاؤنٹ کے لیئے ووٹ ریکارڈ کیا جائے گا",
+  "The vote will be recorded for this account. If another account delegated to this one, the delegated votes will also be counted.": "اس اکاؤنٹ کے لیئے ووٹ ریکارڈ کیا جائے گا۔ اگر کوئی دوسرا اکاؤنٹ اس کو تفویض کیا گیا تو، تفویض کردہ ووٹوں کی بھی گنتی کی جائے گی",
+  "The votes for the members, runner-ups and candidates. These should be ordered based on your priority.": "میمبران، رنر اپس اور امیدواروں کے لیئے ووٹ۔ یہ آپ کی ترجیح کی بنیاد پر ترتیب دیئے جائیں گے",
+  "The voting period to apply in blocks": "بلاکس میں لاگو کرنے کے لیئے ووٹنگ کی مدت",
+  "There an no unapplied/pending slashes": "کوئی معلّق/زیر التوا سلیشز نہیں ہیں",
+  "There are no pending proposals": "کوئی زیر التواء تجاویز نہیں ہیں",
+  "There are no registered parachains": "کوئی رجسٹرڈ پیراچینز نہیں ہیں",
+  "There are no unapplied/pending slashes": "فی الحال نئے ویلیڈیٹر امیدواران کے لیئے الیکشن جاری ہے۔ اس اثناء میں اسٹیکنگ آپریشن کی اجازت نہیں ہے",
+  "There is currently an ongoing election for new validator candidates. As such staking operations are not permitted.": "فی الحال نئے ویلیڈیٹر امیدواران کے لیئے الیکشن جاری ہے۔ اس اثناء میں اسٹیکنگ آپریشن کی اجازت نہیں ہے",
+  "These are trusted individuals that can verify and approve any recovery actions. With recovery, once the threshold is reached, the funds associated with the account can be moved to a new destination.": "یہ قابل اعتماد افراد ہیں جو کسی بھی بازیابی کے عمل کی تصدیق اور منظوری دے سکتے ہیں۔ بحالی کے ساتھ، ایک بار جب تھریش ہولڈ تک پہنچا جاتا ہے، اکاؤنٹ سے وابستہ فنڈز کو ایک نئی منزل پر منتقل کیا جا سکتا ہے",
+  "These validators are active but only the top {{max}} nominators by backing stake will be receiving rewards. The nominating stash is not one of those to be rewarded in the current era.": "یہ ویلیڈیٹرز فعال ہیں لیکن صرف سرفہرست {{max}} نامزد کرنے والے اسٹیکس داؤ پر لگا کر انعامات وصول کریں گے۔ نامزد کرنے والا اسٹیش موجودہ ایرا میں انعام پانے والوں میں سے نہیں ہے",
+  "Think of the stash as your cold wallet and the controller as your hot wallet. Funding operations are controlled by the stash, any other non-funding actions by the controller itself.": "اسیٹش کو اپنے کولڈ والیٹ اور کنٹرولر کو اپنے ہاٹ والیٹ کی طرح سمجھیں۔ فنڈنگ کی کارروائیوں کو اسٹیش کے ذریعے کنٹرول کیا جاتا ہے، کسی بھی دیگر نان فنڈنگ کاروائیوں کو کنٹرولر خود کنٹرول کرتا ہے",
+  "This Ethereum address does not have a claim.": "اس ایتھیریم ایڈریس پر کوئی دعویٰ نہیں ہے",
+  "This account has a governance delegation": "اس اکاؤنٹ کی گورننس کا ایک وفد ہے",
+  "This account has {{proxyNumber}} proxy set.": "اس اکاؤنٹ میں {{proxyNumber}} پراکسی سیٹ ہے",
+  "This account is recoverable, with the following friends:": "یہ اکاؤنٹ درج ذیل دوستوں کے ساتھ ریکوریبل ہے:",
+  "This account that will perform the message signing.": "یہ اکاؤنٹ جو میسیج پر دستخط کرے گا",
+  "This account will appear in the list of candidates. With enough votes in an election, it will become either a runner-up or a council member.": "یہ اکاؤنٹ امیدواران کی فہرست میں ظاہر ہوگا۔ الیکشن میں کافی ووٹوں کے ساتھ، یا تو رنر اپ یا کونسل کا رکن بن جائے گا",
+  "This account will be use to approve each candidate.": "یہ اکاؤنٹ ہر امیدوار کی منظوری کے لیئے استعمال کیا جائے گا",
+  "This account will make the proposal and be responsible for the bond.": "یہ اکاؤنٹ تجویز پیش کرے گا اور بانڈ کا ذمہ دار ہوگا",
+  "This account will pay the fees for the preimage, based on the size thereof.": "یہ اکاؤنٹ اس کے سائز کی بنیاد پر پری امیج کی فیس ادا کرے گا",
+  "This could either be an approval for the hash or with full call details. The call as last approval triggers execution.": "یہیا تو ہیش کے لیئے منظوری ہو سکتی ہے یا کال کی مکمل تفصیلات کے ساتھ ۔ کال آخری منظوری کے طور پر عملدرآمد کو متحرک کرتی ہے",
+  "This external account cannot be used to sign data. Only Limited support is currently available for signing from any non-internal accounts.": "یہ بیرونی اکاؤنٹ ڈیٹا پر دستخط کرنے کے لیئے استعمال نہیں کیا جا سکتا۔ فی الحال کسی بھی غیر داخلی اکاؤنٹس سے دستخط کرنے کے لیئے صرف محدود سپورٹ دستیاب ہے",
+  "This injected account cannot be used to sign data since the extension does not support raw signing.": "اس انجکیٹ کیئے گئے اکاؤنٹ کو ڈیٹا پر دستخط کرنے کے لیئے استعمال نہیں کیا جا سکتا کیونکہ ایکسٹینشن خام دستخط کو سپورٹ نہیں کرتی ہے",
+  "This is not a valid JSON object.": "یہ درست JSON آبجیکٹ نہیں ہے.",
+  "This operation does not impact the associated on-chain code or any of its contracts.": "یہ آپریشن متعلقہ آن چین کوڈ یا اس کے کسی بھی معاہدے کو متاثر نہیں کرتا",
+  "This operation does not remove the history of the account from the chain, nor any associated funds from the account. The forget operation only limits your access to the account on this browser.": "یہ آپریشن اکاؤنٹ کی ہسٹری کو چین سے نہیں ہٹاتا اور نہ ہی اکاؤنٹ سے متعلقہ فنڈز کو۔ فارگیٹ آپریشن صرف اس براؤزر کے اکاؤنٹ تک آپ کی رسائی کو محدود کرتا ہے",
+  "This operation does not remove the history of the account from the chain, nor any associated funds from the account. The forget operation only limits your access to the address on this browser.": "یہ آپریشن اکاؤنٹ کی ہسٹری کو چین سے نہیں ہٹاتا اور نہ ہی اکاؤنٹ سے متعلقہ فنڈز کو۔ فارگیٹ آپریشن صرف اس براؤزر پر پتے تک آپ کی رسائی کو محدود کرتا ہے",
+  "This operation does not remove the history of the contract from the chain, nor any associated funds from its account. The forget operation only limits your access to the contract on this browser.": "یہ آپریشن معاہدے کی ہسٹری کو چین سے نہیں ہٹاتا اور نہ ہی اکاؤنٹ سے متعلقہ فنڈز کو۔ فارگیٹ آپریشن صرف اس براؤزر پر معاہدے تک آپ کی رسائی کو محدود کرتا ہے",
+  "This operation does not remove the uploaded code WASM and ABI from the chain, nor any deployed contracts. The forget operation only limits your access to the code on this browser.": "یہ آپریشن اپ لوڈ کردہ ڈبلیو اے ایس ایم کوڈ اور اے بی آئی کو چین سے نہیں ہٹاتا، اور نہ ہی کسی تعینات کردہ معاہدے کو۔ فارگیٹ آپریشن صرف اس براؤزر پر کوڈ تک آپ کی رسائی کو محدود کرتا ہے",
+  "This operation will submit the seed via an RPC call. Do not perform this operation on a public RPC node, but ensure that the node is local, connected to your validator and secure.": "یہ آپریشن آر پی سی کال کے ذریعے سیڈ جمع کرے گا۔ یہ آپریشن پبلک آر پی سی نوڈ پر نہ کریں، بلکہ یقینی بنائیں کہ نوڈ مقامی ہے، آپ کے ویلیڈیٹر سے جڑا ہوا ہے اور محفوظ ہے",
+  "This password is used to encrypt your private key. It must be strong and unique! You will need it to sign transactions with this account. You can recover this account using this password together with the backup file (generated in the next step).": "یہ پاس ورڈ آپ کی نجی ۔ کی کو خفیہ کرنے کے لیئے استعمال کیا جاتا ہے۔ یہ مضبوط اور منفرد ہونا چاہیے! آپ کو اس اکاؤنٹ سے ٹرانزیکشن پر دستخط کرنے کے لیئے اس کی ضرورت ہوگی۔ آپ بیک اپ فائل (اگلے مرحلے میں تیار کردہ) کے ساتھ اس پاس ورڈ کا استعمال کرتے ہوئے اس اکاؤنٹ کو بازیاب کر سکتے ہیں",
+  "This poll is setup to judge the sentiment of the Polkadot token holders in adjusting the number of decimals that is used to identify one full DOT. It does not change the overall supply, but rather just allows for a different representation of the current supply.": "یہ سروے پولکاڈوٹ ٹوکن ہولڈرز کے جذبات کا تعین کرنے کے لیئے کیا گیا ہے تاکہ اعشاریہ کی تعداد کو ایڈجسٹ کرتے ہوئے ایک مکمل DOT کی شناخت کی جا سکے۔ یہ مجموعی سپلائی کو تبدیل نہیں کرتا بلکہ صرف موجودہ سپلائی کی منفرد نمائندگی کرتا ہے",
+  "This pubic key is what will be visible in your queued keys list. It is generated based on the seed and the crypto used.": "یہ پبلک ۔ کی وہی ہے جو آپ کو قطار میں موجود کیز کی فہرست میں نظر آئے گی۔ یہ سیڈ اور کرپٹو کے استعمال کی بنیاد پر پیدا ہوتی ہے",
+  "This vote does not affect any economics of the Polkadot platform. Staking rewards, inflation, effective market capitalisation and the underlying balances of every account remain completely unchanged. It is \"merely\" about what units we use to denominate the balances into \"DOT\" for the purpose of display.": "یہ ووٹ پولکاڈوٹ پلیٹ فارم کی کسی بھی معاشیات کو متاثر نہیں کرتا۔ اسٹاکنگ انعامات، افراط زر، موثر مارکیٹ کیپیٹلائزیشن اور ہر اکاؤنٹ کے بنیادی بیلنس کسی صورت تبدیل نہیں ہوتے ہیں۔ یہ \"محض \" دکھانے کے لیئے ہے کہ ہم بیلنس کو \"DOT\" میں تقسیم کرنے کے لیئے کون سی اکائیوں کا استعمال کرتے ہیں۔",
+  "This will apply to any future use of this account as stored on this browser. Ensure that you securely store this new password and that it is strong and unique to the account.": "یہ اس اکاؤنٹ کے مستقبل میں کسی بھی استعمال پر لاگو ہوگا جیسا کہ اس براؤزر میں محفوظ ہے۔ اس بات کو یقینی بنائیں کہ آپ اس نئے پاس ورڈ کو محفوظ طریقے سے اسٹور کریں اور یہ بھی کہ اکاؤنٹ کے لیئے مضبوط اور منفرد ہے",
+  "Tip": "ٹپ",
+  "Tip (optional)": "ٹپ (آپشنل)",
+  "Tippers ({{count}})": "ٹپ دینے والے ({{count}})",
+  "Tips": "ٹپس",
+  "To council": "کونسل کو۔",
+  "To ensure optimal fund security using the same stash/controller is strongly discouraged, but not forbidden.": "ایک ہی اسٹیش/کنٹرولر کا استعمال کرتے ہوئے فنڈ کی زیادہ سے زیادہ حفاظت کو یقینی بنانے کی سختی سے حوصلہ شکنی کی جاتی ہے، لیکن ممنوع نہیں ہے",
+  "Total amount of fund that will be reserved. These funds are returned when the identity is cleared": "فنڈ کی کُل رقم جو ریزرو رکھی جائے گی۔ یہ فنڈز اس وقت واپس کیئے جاتے ہیں جب شناخت واضح ہو جاتی ہے",
+  "Transfer": "منتقلی",
+  "Transfer an amount from a specific account into a parachain.": "ایک مخصوص اکاؤنٹ سے رقم کو پیراچین میں منتقل کریں",
+  "Transfer to chain": "چین میں منتقل کریں",
+  "Transfer to parachain": "پیراچین میں منتقل کریں",
+  "Transfer with account keep-alive checks": "اکاؤنٹ کیپ ۔ الائیو چیک کے ساتھ ٹرانسفر کریں",
+  "Translate": "ترجمہ",
+  "Treasury overview": "خزانے کا جائزہ",
+  "Type here what you would like your address to contain. This tool will generate the keys and show the associated addresses that best match your search. You can use \"?\" as a wildcard for a character.": "یہاں ٹائپ کریں کہ آپ اپنے ایڈریس میں کیا شامل کرنا چاہتے ہیں۔ یہ آلہ کیز تیار کرے گا اور اس سے وابستہ پتے دکھائے گا جو آپ کی تلاش سے بہترین مماثلت رکھتے ہیں۔ آپ کیریکٹر \"؟ \" کو بطور وائلڈ کارڈ استعمال کرسکتے ہیں",
+  "Type the amount you want to transfer. Note that you can select the unit on the right e.g sending 1 milli is equivalent to sending 0.001.": "وہ رقم ٹائپ کریں جسے آپ منتقل کرنا چاہتے ہیں۔ نوٹ کریں کہ آپ دائیں طرف یونٹ منتخب کر سکتے ہیں مثلاً 1 ملی بھیجنا 0.001 بھیجنے کے مترادف ہے",
+  "Type the name of this Asset. This name will be used across all the apps. It can be edited later on.": "اس اثاثے کا نام ٹائپ کریں۔ یہ نام تمام ایپس میں استعمال کیا جائے گا۔ اس میں ترمیم بعد میں بھی کی جا سکتی ہے",
+  "Type the name of your contact. This name will be used across all the apps. It can be edited later on.": "اپنے رابطے کا نام ٹائپ کریں۔ یہ نام تمام ایپس میں استعمال کیا جائے گا۔ اس میں ترمیم بعد میں بھی کی جا سکتی ہے",
+  "Type the password chosen at the account creation. It was used to encrypt your account's private key in the backup file.": "اکاؤنٹ بنانے کے وقت منتخب کردہ پاس ورڈ ٹائپ کریں۔ اس کا استعمال بیک اپ فائل میں آپ کے اکاؤنٹ کی نجی ۔ کی کو خفیہ بنانے کے لیئے کیا گیا تھا",
+  "Unable to find deployed contract code at the specified address": "مخصوص ایڈریس پر تعینات کنٹریکٹ کوڈ تلاش کرنے سے قاصر ہے",
+  "Unable to find on-chain WASM code for the supplied codeHash": "فراہم کردہ کوڈ ہیش کے لیئے آن چین ڈبلیو اے ایس ایم کوڈ تلاش کرنے سے قاصر ہے",
+  "Unbid": "بولی ہٹائیں",
+  "Unbond": "بونڈ ہٹائیں",
+  "Unbond funds": "غیر بانڈ فنڈز",
+  "Unbonding {{value}}": "غیر بانڈ ویلیو {{value}}",
+  "Uncaught error. Something went wrong with the query and rendering of this component. {{message}}": "نہ پکڑی جاسکنے والی خرابی۔ اس معاملے میں کچھ گڑبڑ پیش آگئی اور جزو کی پیشکش میں کچھ مسئلہ ہو گیا۔ {{message}}",
+  "Undelegate": "ان ڈیلیگیٹ",
+  "Unit": "یونٹ",
+  "Unit decides the name of 1 unit token, e.g. \"DOT\" for Polkadot": "یونٹ فیصلہ کرتا ہے کہ 1 یونٹ ٹوکن کا نام کیا ہوگا، جیسے کہ \"DOT\"  پولکا ڈوٹ کے لیئے",
+  "Unknown": "نامعلوم",
+  "Unlock": "انلاک کریں",
+  "Unlock account": "اکاؤنٹ کو انلاک کریں",
+  "Unlock the account for signing. Once active the signature will be generated based on the content provided.": "سائن کرنے کے لیئے اکاؤنٹ کو انلاک کریں۔ ایک بار فعال ہونے کے بعد فراہم کردہ مواد کی بنیاد پر دستخط تیار کیئے جائیں گے",
+  "Unlock the sending account to allow signing of this transaction.": "اس ٹرانزیکشن پر دستخط کی اجازت دینے کے لیئے بھیجنے والے اکاؤنٹ کو انلاک کریں",
+  "Unlock vested amount": "مختص رقم کو انلاک کریں",
+  "Unvote all": "سب کو ووٹ دیں",
+  "Upcoming events": "آنے والے ایوینٹس",
+  "Update metadata": "میٹا ڈیٹا کو اپ ڈیٹ کریں",
+  "Updated in the latest block": "تازہ ترین بلاک میں اپ ڈیٹ کیا گیا",
+  "Upload": "اپ لوڈ",
+  "Upload WASM": "اپ لوڈ ڈبلیو اے ایس ایم",
+  "Use a proxy for this call": "اس کال کے لیئے پراکسی استعمال کریں",
+  "Use an automatic selection of the currently most profitable validators": "فی الحال سب سے زیادہ منافع بخش ویلیڈیٹرز کا خودکار انتخاب استعمال کریں",
+  "Use this account to request the tip from. This can be a normal or council account.": "ٹپ کی درخواست کے لیئے اس اکاؤنٹ کا استعمال کریں۔ یہ ایک عام یا کونسل اکاؤنٹ ہو سکتا ہے",
+  "Validate": "توثیق",
+  "Validator": "ویلیڈیٹر",
+  "Validator stats": "ویلیڈیٹر کے اعدادوشمار",
+  "Vanity generator": "وینیٹی جنریٹر",
+  "Verify signature": "دستخط کی تصدیق کریں",
+  "Verify the password entered above.": "اوپر درج پاس ورڈ کی تصدیق کریں",
+  "View this externally": "اسے بیرونی طور پر دیکھیں",
+  "Vote": "ووٹ",
+  "Vote Aye": "ووٹ ہاں",
+  "Vote Nay": "ووٹ نہیں",
+  "Vote for candidate": "امیدوار کو ووٹ دیں",
+  "Vote for current candidates": "موجودہ امیدواروں کو ووٹ دیں",
+  "Vote for defender": "محافظ کو ووٹ دیں",
+  "Vote on proposal": "تجویز پر ووٹ دیں",
+  "Voting": "ووٹنگ",
+  "Voting closed": "ووٹنگ بند",
+  "Voting costs nothing other than the transaction fee and can be done from all accounts with a non-zero spendable balance.": "ووٹ ڈالنے کے لیئے ٹرانزیکشن فیس کے علاوہ کچھ بھی خرچ نہیں ہوتا اور یہ تمام اکاؤنٹس سے کیا جا سکتا ہے جو غیر۔ صفر خرچ کرنے کے قابل ہیں",
+  "Voting ends for referendum {{id}}": "رائے شماری {{id}} کے لیئے ووٹنگ ختم",
+  "Voting ends on council motion {{id}}": "کونسل کی تحریک {{id}} پر ووٹنگ ختم",
+  "Voting is made on a per-account basis; a single account must all vote the same way and cannot split its vote.": "ووٹنگ فی اکاؤنٹ کی بنیاد پر کی جاتی ہے۔ ایک اکاؤنٹ میں سب کو ایک ہی طریقے سے ووٹ دینا چاہیئے اور وہ اسکے ووٹ کو تقسیم نہیں کر سکتے",
+  "Waiting": "انتظار کرنا",
+  "Waiting for API to be connected and ready.": "اے پی آئی کے کنیکٹ اور تیار ہونے کا انتظار",
+  "Waiting for authorization from the extension. Please open the installed extension and approve or reject access.": "ایکسٹینشن سے اجازت ملنے کا انتظار۔ براہ کرم انسٹال شدہ ایکسٹینشن کھولیں اور رسائی کو منظور یا مسترد کریں",
+  "Waiting nominations ({{count}})": "نامزدگیوں کا انتظار ({{count}})",
+  "Warning: we did not find any attest statement for {{chain}}": "وارننگ: ہمیں {{chain}} کے لیئے کوئی تصدیق شدہ بیان نہیں ملا",
+  "We found a pre-claim with this Polkadot address. However, attesting requires signing with this account. To continue with attesting, please add this account as an owned account first.": "ہمیں پولکاڈوٹ ایڈریس میں پہلے سے دعویدار ملا۔ تاہم، تصدیق کے لیئے اس اکاؤنٹ کے ساتھ دستخط کرنا ضروری ہے۔ تصدیق کے جاری رہنے کے لیئے، براہ کرم اس اکاؤنٹ کو پہلے ملکیتی اکاؤنٹ کے طور پر شامل کریں",
+  "We will provide you with a generated backup file after your account is created. As long as you have access to your account you can always download this file later by clicking on \"Backup\" button from the Accounts section.": "آپ کا اکاؤنٹ بننے کے بعد ہم آپ کو ایک تیار کردہ بیک اپ فائل فراہم کریں گے۔ جب تک آپ کو اپنے اکاؤنٹ تک رسائی حاصل ہے آپ اکاؤنٹس سیکشن سے \"Backup\"  بٹن پر کلک کر کے بعد میں ہمیشہ اس فائل کو ڈاؤن لوڈ کر سکتے ہیں۔",
+  "When submitting a proposal the hash needs to be known. Proposals can be submitted with hash-only, but upon dispatch the preimage needs to be available.": "تجویز پیش کرتے وقت ہیش جاننے کی ضرورت ہوتی ہے۔ تجاویز صرف ہیش کے ساتھ پیش کی جا سکتی ہیں، لیکن ترسیل کے بعد پری امیج دستیاب ہونا ضروری ہے",
+  "With the Firefox browser connecting to insecure WebSockets ({{wsUrl}}) will fail due to the browser not allowing localhost access from a secure site.": "فائر فاکس براؤزر کے ساتھ غیر محفوظ ویب ساکٹس ({{wsUrl}}) سے منسلک ہونے کی وجہ سے براؤزر ناکام ہو جائے گا کیونکہ براؤزر ایک محفوظ سائٹ سے لوکل ہوسٹ تک رسائی کی اجازت نہیں دے گا",
+  "With the keep-alive option set, the account is protected against removal due to low balances.": "کیپ ۔ الائیو آپشن سیٹ کے ساتھ، اکاؤنٹ کم بیلنس کی وجہ سے ہٹائے جانے سے محفوظ ہے",
+  "Withdraw these unbonded funds": "ان غیر پابند فنڈز کو واپس لیں",
+  "Withdraw unbonded funds": "غیر بانڈ فنڈز نکالیں",
+  "Yes": "ہاں",
+  "You are about to remove this account from your list of available accounts. Once completed, should you need to access it again, you will have to re-create the account either via seed or via a backup file.": "آپ اس اکاؤنٹ کو اپنے دستیاب اکاؤنٹس کی فہرست سے نکالنے والے ہیں۔ ایک بار مکمل ہونے کے بعد، اگر آپ کو دوبارہ اس تک رسائی حاصل کرنے کی ضرورت ہو تو آپ کو سیڈ کے ذریعےیا بیک اپ فائل کے ذریعے دوبارہ اکاؤنٹ بنانا پڑے گا",
+  "You are about to remove this address from your address book. Once completed, should you need to access it again, you will have to re-add the address.": "آپ اس اکاؤنٹ کو اپنے دستیاب اکاؤنٹس کی فہرست سے نکالنے والے ہیں۔ ایک بار مکمل ہونے کے بعد، اگر آپ کو دوبارہ اس تک رسائی حاصل کرنے کی ضرورت ہو تو آپ کو سیڈ کے ذریعےیا بیک اپ فائل کے ذریعے دوبارہ اکاؤنٹ بنانا پڑے گا",
+  "You are about to remove this code from your list of available code hashes. Once completed, should you need to access it again, you will have to manually add the code hash again.": "آپ اس کوڈ کو اپنی دستیاب کوڈ ہیشز کی فہرست سے نکالنے والے ہیں۔ ایک بار مکمل ہونے کے بعد، اگر آپ کو دوبارہ اس تک رسائی کی ضرورت ہو تو، آپ کو دوبارہ دستی طور پر کوڈ ہیش شامل کرنا پڑے گا",
+  "You are about to remove this code's ABI. Once completed, should you need to access it again, you will have to manually re-upload it.": "آپ اس کوڈ کی اے بی آئی کو ہٹانے والے ہیں۔ ایک بار مکمل ہونے کے بعد، اگر آپ کو اس تک دوبارہ رسائی کی ضرورت ہو تو آپ کو اسے دستی طور پر دوبارہ اپ لوڈ کرنا پڑے گا",
+  "You are about to remove this contract from your list of available contracts. Once completed, should you need to access it again, you will have to manually add the contract's address in the Instantiate tab.": "آپ اس کانٹریکٹ کو اپنے دستیاب کانٹریکٹس کی فہرست سے نکالنے والے ہیں۔ ایک بار مکمل ہونے کے بعد، اگر آپ کو دوبارہ اس تک رسائی کی ضرورت ہو تو آپ کو دستی طور پر کانٹریکٹ کا پتہ انسٹنشییٹ ٹیب میں شامل کرنا پڑے گا",
+  "You are connecting from a secure location to an insecure WebSocket ({{wsUrl}}). Due to browser mixed-content security policies this connection type is not allowed. Change the RPC service to a secure 'wss' endpoint.": "آپ ایک محفوظ مقام سے غیر محفوظ ویب ساکٹ ({{wsUrl}}) سے جڑ رہے ہیں۔ براؤزر کی مکسڈ ۔ کانٹینٹ سیکورٹی پالیسیوں کی وجہ سے اس قسم کے کنکشن کی اجازت نہیں ہے۔ آر پی سی سروس کو محفوظ 'wss' اینڈپوائنٹ میں تبدیل کریں",
+  "You are not connected to a node. Ensure that your node is running and that the Websocket endpoint is reachable.": "آپ نوڈ سے منسلک نہیں ہیں۔ یقینی بنائیں کہ آپ کا نوڈ کام کر رہا ہے اور ویب ساکٹ کا اینڈپوائنٹ قابل رسائی ہے",
+  "You are using an ABI with an outdated format. Please generate a new one.": "آپ ایک پرانے فارمیٹ کا اے بی آئی استعمال کر رہے ہیں۔ براہ کرم ایک نیا بنائیں",
+  "You are voting with this collective's prime account. The vote will be the default outcome in case of any abstentions.": "آپ اس اجتماعی پرائم اکاؤنٹ سے ووٹ ڈال رہے ہیں۔ کسی بھی ووٹ کی غیر موجودگی کی صورت میں نتیجہ ڈیفالٹ ہوگا",
+  "You can indicate your vote for any combination of the options laid out below.": "آپ نیچے دیئے گئے مجموعی آپشنز کے لیئے اپنے ووٹ کی نشاندہی کر سکتے ہیں",
+  "You can set a custom derivation path for this account using the following syntax \"/<soft-key>//<hard-key>\". The \"/<soft-key>\" and \"//<hard-key>\" may be repeated and mixed`. An optional \"///<password>\" can be used with a mnemonic seed, and may only be specified once.": "آپ کسٹم ڈیریویشن پاتھ کو اس اکاؤنٹ کے لیئے مندرجہ ذیل سینٹیکس کا استعمال کرتے ہوئے ترتیب دے سکتے ہیں\"/<soft-key>//<hard-key>\"۔ دہرائے اور مکس کیئے جا سکتے ہیں\"/<soft-key>\" and \"//<hard-key>\"۔ایک آپشنل پاس ورڈ\"///<password>\" کو نیمونک سیڈ کے ساتھ استعمال کیا جاسکتا ہے، اور صرف ایک دفعہ ہی مخصوص کیا جاسکتا ہے",
+  "You can set a custom derivation path for this account using the following syntax \"/<soft-key>//<hard-key>///<password>\". The \"/<soft-key>\" and \"//<hard-key>\" may be repeated and mixed`. The \"///password\" is optional and should only occur once.": "آپ کسٹم ڈیریویشن پاتھ کو اس اکاؤنٹ کے لیئے مندرجہ ذیل سینٹیکس کا استعمال کرتے ہوئے ترتیب دے سکتے ہیں\"/<soft-key>//<hard-key>///<password>\"۔ دہرائے اور مکس کیئے جا سکتے ہیں\"/<soft-key>\" and \"//<hard-key>\"۔ یہ\"///password\"آپشنل پاس ورڈ ہے اور صرف ایک دفعہ ہی استعمال کے لیئے ہے",
+  "You do not have access to the current sudo key": "آپ کو موجودہ سوڈو۔ کی تک رسائی حاصل نہیں ہے",
+  "You don't have any accounts. Some features are currently hidden and will only become available once you have accounts.": "آپ کے پاس کوئی اکاؤنٹس نہیں ہیں۔ کچھ خصوصیات فی الحال پوشیدہ ہیں اور صرف اس وقت دستیاب ہوں گی جب آپ کے پاس اکاؤنٹس ہوں گے",
+  "You have {{claimCount}} accounts that need attestations. Use the Claim Tokens app on the navigation bar to complete the process. Until you do, your balances for those accounts will not be reflected.": "آپ کے پاس {{claimCount}} اکاؤنٹس ہیں جن کو تصدیق کی ضرورت ہے۔ پراسیس کو مکمل کرنے کے لیئے نیویگیشن بار پر کلیم ٹوکن ایپ استعمال کریں۔ جب تک آپ ایسا نہیں کرتے، ان اکاؤنٹس کے لیئے آپ کا بیلنس ظاہر نہیں ہوگا",
+  "You have {{upgradableCount}} extensions that need to be updated with the latest chain properties in order to display the correct information for the chain you are connected to. This update includes chain metadata and chain properties.": "آپ کے پاس {{upgradableCount}} ایکسٹینشنز ہیں جنہیں چین کی تازہ ترین خصوصیات کے ساتھ اپ ڈیٹ کرنے کی ضرورت ہے تاکہ آپ جس چین سے جڑے ہوئے ہیں اس کی صحیح معلومات ظاہر ہوں۔ اس اپ ڈیٹ میں چین میٹا ڈیٹا اور چین پراپرٹیز شامل ہیں",
+  "You need to sign an attestation for the following account:": "آپ کو درج ذیل اکاؤنٹ کے لیئے تصدیق پر دستخط کرنے کی ضرورت ہے::",
+  "You need to sign an attestation for the following accounts:": "آپ کو درج ذیل اکاؤنٹس کے لیئے تصدیق پر دستخط کرنے کی ضرورت ہے:",
+  "You need to unlock this account to be able to sign data.": "ڈیٹا پر دستخط کرنے کے قابل ہونے کے لیئے آپ کو اس اکاؤنٹ کو انلاک کرنے کی ضرورت ہے",
+  "You should trust your nominations to act competently and honest; basing your decision purely on their current profitability could lead to reduced profits or even loss of funds.": "آپ کو اپنی نامزدگیوں پر بھروسہ کرنا چاہیئے تاکہ آپ قابل اور ایماندار رہتے ہوئے کام کریں۔ اپنے فیصلے خالصتاً ان کے موجودہ منافع کی بنیاد پر کرنا منافع کو کم کرنے یا فنڈز کے نقصان کا باعث بن سکتا ہے",
+  "You will no longer have sudo access": "اب آپ کو سوڈو تک رسائی حاصل نہیں ہوگی",
+  "You will remove any delegation made by this acccount": "آپ اس اکاؤنٹ کی طرف سے بنایا گیا کوئی بھی ڈیلیگیشن ہٹا دیں گے",
+  "Your Ethereum account": "آپ کا ایتھیریم اکاؤنٹ",
+  "Your candidate/bid account. Once accepted this account will become a member.": "آپ کا امیدوار/بولی اکاؤنٹ۔ ایک بار منظور ہونے پر یہ اکاؤنٹ میمبر بن جائے گا",
+  "Your close will be applied for this council account.": "آپ کا بند کرنے کا عمل اس کونسل اکاؤنٹ پر لاگو ہوگا",
+  "Your custom types have been added": "آپ کی کسٹم اقسام کو شامل کر دیا گیا ہے",
+  "Your endorsement will be applied for this account.": "اس اکاؤنٹ پر آپ کی توثیق کا اطلاق کیا جائے گا",
+  "Your stash account. The transaction will be sent from the associated controller.": "آپ کا اسٹیش اکاؤنٹ۔ ٹرانزیکشن متعلقہ کنٹرولر سے بھیجی جائے گی",
+  "a riot name linked to this identity": "ایک رائوٹ نام جو اس شناخت سے منسلک ہے",
+  "account": "اکاؤنٹ",
+  "account forgotten": "اکاؤنٹ بھول گئے",
+  "account restored": "اکاؤنٹ بحال",
+  "accounts": "اکاؤنٹس",
+  "activate": "ایکٹیویٹ",
+  "added proxy": "شامل کی گئی پراکسی",
+  "additional bonded funds": "اضافی بانڈڈ فنڈز",
+  "address": "پتہ",
+  "address copied": "ایڈریس کاپی کیا گیا",
+  "address created": "پتہ تخلیق کیا گیا",
+  "address edited": "پتے میں ترمیم کی گئی",
+  "address forgotten": "پتہ بھول گیا",
+  "address prefix": "ایڈریس پریفکس",
+  "address {{index}}": "پتہ {{index}}",
+  "all bonded": "تمام بانڈد",
+  "amount": "رقم",
+  "amount to use for estimation": "تخمینہ لگانے کے لیئے استعمال کی جانے والی رقم",
+  "approval type": "منظوری کی قسم",
+  "approved": "منظور شدہ",
+  "asset id": "اثاثہ کی شناخت",
+  "auto-selected targets for nomination": "نامزدگی کے لیئے خود سے منتخب کردہ اہداف",
+  "available": "دستیاب ہے",
+  "available signatories": "دستیاب دستخط کنندگان",
+  "available social recovery helpers": "دستیاب سوشل ریکوری ہیلپرز",
+  "available to be unlocked": "انلاک ہونے کے لیئے دستیاب ہے",
+  "average": "اوسط",
+  "avg staked": "اوسط داؤ",
+  "aye": "ہاں",
+  "aye: bool": "ہاں: بول",
+  "backing": "پشت پناہی",
+  "backup file": "بیک اپ فائل",
+  "balance": "بیلنس",
+  "balances": "بیلنسز",
+  "beneficiary": "بینیفشری",
+  "best": "بہترین بہترین بلاک",
+  "best #": "بہترین ہیش",
+  "best block": "بولی اکاؤنٹ",
+  "best hash": "بولی کی رقم",
+  "bid account": "بولی کی رقم",
+  "bid amount": "بولیاں",
+  "bids": "بولیاں",
+  "block hash or number to query": "ہیشیا نمبر کو جانچ کے لیئے بلاک کریں",
+  "blocks": "بلاکس",
+  "bond": "بانڈ",
+  "bonded": "بانڈڈ",
+  "calculated storage fee": "حساب شدہ اسٹوریج فیس",
+  "call data for final approval": "حتمی منظوری کے لیئے ڈیٹا کال کریں",
+  "call from account": "اکاؤنٹ سے کال کریں",
+  "call the selected endpoint": "منتخب کردہ اینڈپوائنٹ پر کال کریں",
+  "candidacy bond": "امیدواری بانڈ",
+  "candidate account": "امیدوار کا اکاؤنٹ",
+  "candidate accounts": "امیدوار کے اکاؤنٹس",
+  "candidates": "امیدواران",
+  "case sensitive": "کیس سینزیٹیو",
+  "challenge": "چیلنج",
+  "claim to account": "اکاؤنٹ کا دعویٰ ",
+  "click to copy": "کاپی کرنے کے لیئے کلک کریں",
+  "click to select or drag and drop a JSON ABI file": "JSON ABI فائل کو منتخب یا ڈریگ اور ڈراپ کرنے کے لیئے کلک کریں",
+  "click to select or drag and drop the file here": "فائل کو منتخب کرنے یا ڈریگ اور ڈراپ کرنے کے لیئےیہاں کلک کریں",
+  "clipboard": "کلپ بورڈ",
+  "code": "کوڈ",
+  "code for this contract": "اس کانٹریکٹ کے لیئے کوڈ",
+  "code hash": "کوڈ ہیش",
+  "comm.": "کمیشن",
+  "commission": "کمیشن",
+  "compiled contract WASM": "مرتب کانٹریکٹ ڈبلیو اے ایس ایم",
+  "connected peers": "کنیکٹڈ پیئرز",
+  "contacts": "رابطے",
+  "contract address": "کانٹریکٹ کا پتہ",
+  "contract to use": "استعمال کرنے کے لیئے کانٹریکٹ",
+  "controller": "کنٹرولر",
+  "controller account": "کنٹرولر اکاؤنٹ",
+  "conviction": "کنوکشن",
+  "conviction: Conviction": "کنوکشن: کنوکشن",
+  "copied": "کاپی کیا ہوا",
+  "council candidates": "کونسل کے امیدوار",
+  "council proposal": "کونسل کی تجویز ",
+  "council proposal type": "کونسل کی تجویز کی قسم",
+  "count": "گنتی",
+  "created account": "اکاؤنٹ بنایا",
+  "created multisig": "ملٹی سگ بنایا",
+  "crypto type to use": "استعمال کرنے کے لیئے کرپٹو کی قسم",
+  "custom endpoint": "کسٹم اینڈ پوائنٹ",
+  "data": "ڈیٹا",
+  "default icon theme": "ڈیفالٹ آئیکن تھیم",
+  "default interface language": "ڈیفالٹ انٹرفیس لینگویج",
+  "defender": "محافظ",
+  "defer": "موخر کرنا",
+  "delay": "تاخیر",
+  "delegate democracy vote": "جمہوری ووٹ دیں",
+  "delegated account": "ڈیلیگیٹڈ اکاؤنٹ",
+  "delegating account": "ڈیلیگیٹنگ اکاؤنٹ",
+  "delegating amount": "ڈیلیگیٹنگ اماؤنٹ",
+  "democracy": "جمہوریت",
+  "democracy vote delegation": "ڈینومینیشن ووٹ",
+  "denomination vote": "ڈینومینیشن ووٹ",
+  "deploy": "تعیناتی",
+  "deployment account": "تعیناتی اکاؤنٹ",
+  "deployment constructor": "تعیناتی کنسٹرکٹر",
+  "deposit": "ڈپازٹ",
+  "derivation path": "ڈیریویشن پاتھ",
+  "derive root account": "ڈیرائیو روٹ اکاؤنٹ",
+  "design samples": "ڈیزائن کے نمونے",
+  "details": "تفصیلات",
+  "development seed": "ڈیویلپمنٹ سیڈ",
+  "dispatch queue": "ڈسپیچ قطار",
+  "display name": "ڈسپلے کا نام",
+  "do not include empty strings in the generated file": "جنریٹڈ فائل میں ایمپٹی اسٹرنگ شامل نہ کریں",
+  "does not appear to have a valid claim. Please double check that you have signed the transaction correctly on the correct ETH account.": "بظاہر درست دعویٰ نہیں لگتا۔ براہ کرم ڈبل چیک کریں کہ آپ نے درست ای ٹی ایچ اکاؤنٹ کی ٹرانزیکشن پر صحیح دستخط کیئے ہیں",
+  "ed25519, Edwards": "ed25519 ، ایڈورڈز",
+  "elected stake": "چنا گیا داؤ",
+  "email": "ای میل",
+  "enact": "نفاذ",
+  "endowment": "انڈومینٹ",
+  "epoch": "ایپوک",
+  "era": "ایرا",
+  "era cumulative": "مجموعی ایرا",
+  "era points": "ایرا پوائنٹس",
+  "era {{era}}, {{count}} slashes": "ایرا {{era}} ، {{count}} سلیشز",
+  "era {{era}}/unapplied": "ایرا {{era}}/جو لاگو نہیں",
+  "eras": "ایراز",
+  "events": "ایوینٹس",
+  "everything": "سب کچھ",
+  "everything{{labelPost}}": "سب کچھ {{labelPost}}",
+  "exclude option": "خارج کرنے کا آپشن",
+  "exclude value": "ویلیو کو خارج کریں",
+  "execute": "ایگزیکیوٹ",
+  "existential deposit": "ایگزسٹینشل ڈپازٹ",
+  "external": "بیرونی",
+  "extrinsic hash": "ایکسٹرنسک ہیش",
+  "extrinsics": "ایکسٹرنسکس",
+  "fee": "فیس",
+  "file upload": "فائل اپ لوڈ",
+  "filter by name or tags": "نام یا ٹیگس سے فلٹر کریں",
+  "filter by name, address or index": "نام، پتہ یا انڈیکس کے حساب سے فلٹر کریں",
+  "filter by name, address, or account index": "نام، پتہ، یا اکاؤنٹ انڈیکس کے حساب سے فلٹر کریں",
+  "finalized": "حتمی",
+  "finder": "تلاش والا",
+  "forks": "کانٹے",
+  "free balance": "مفت بیلنس",
+  "from the following data": "درج ذیل ڈیٹا سے",
+  "generated public key": "پبلک ۔ کی تیار کی",
+  "has a valid claim for": "کے لیئے ایک درست دعویٰ ہے",
+  "hash": "ہیش",
+  "heads": "ہیڈز",
+  "hex input data": "ہیکس ان پٹ ڈیٹا",
+  "hex-encoded storage key": "ہیکس انکوڈڈ اسٹوریج ۔ کی",
+  "https://example.com": "آئی ڈی",
+  "id": "id",
+  "identity": "شناخت",
+  "imminent preimage (proposal already passed)": "نزدیکی پری امیج (تجویز پہلے ہی منظور ہو چکی ہے)",
+  "immortal": "لافانی",
+  "include all empty strings in the generated file": "جنریٹڈ فائل میں تمام ایمپٹی اسٹرنگز شامل کریں",
+  "include field": "فیلڈ شامل کریں",
+  "include option": "آپشن شامل کریں",
+  "include value": "ویلیو شامل کریں",
+  "index": "انڈیکس",
+  "initial head state": "ابتدائی ہیڈ اسٹیٹ",
+  "initial state": "ابتدائی اسٹیٹ",
+  "intentions": "ارادے",
+  "interface operation mode": "انٹرفیس آپریشن موڈ",
+  "invalid ABI file selected": "غلط اے بی آئی فائل منتخب کی گئی",
+  "invalid/unknown registrar account": "غلط/نامعلوم رجسٹرار اکاؤنٹ",
+  "judgement": "فیصلہ",
+  "key type to set": "سیٹ کرنے کے لیئے کی ۔ ٹائپ",
+  "keypair crypto type": "کی پیئر کرپٹو ٹائپ",
+  "kind": "قسم",
+  "last #": "آخری #",
+  "last block": "آخری بلاک",
+  "last reward": "آخری انعام",
+  "launch period": "لانچ پیریڈ",
+  "legal name": "قانونی نام",
+  "lifetime": "تمام زندگی",
+  "lng.detect": "لاک ایکسپائرڈ",
+  "lock expired": "لاک ایکسپائرڈ",
+  "locked": "لاکڈ",
+  "locked balance": "لاکڈ بیلنس",
+  "logs": "لاگز",
+  "lowest / avg staked": "سب سے کم/ اوسط اسٹیک",
+  "manage hardware connections": "ہارڈ ویئر کنکشنز مینیج کریں",
+  "matches": "میچز",
+  "maximum gas allowed": "زیادہ سے زیادہ گیس کی اجازت",
+  "members": "میمبران",
+  "message to send": "بھیجنے کے لیئے پیغام",
+  "minimum bond": "کم سے کم بانڈ",
+  "minimum deposit": "کم سے کم ڈپازٹ",
+  "mnemonic seed": "نیمونک سیڈ",
+  "mortal, valid from #{{startAt}} to #{{endsAt}}": "فانی،#{{startAt}} سے #{{endsAt}} تک درست ہے",
+  "motions": "تحاریک",
+  "multisig": "ملٹی سگ",
+  "multisig call data": "ملٹی سگ کال ڈیٹا",
+  "multisig name": "ملٹی سگ نام",
+  "multisig signatory": "ملٹی سگ دستخط کنندہ",
+  "my ordered votes": "میرے ترتیب کردہ ووٹس",
+  "name": "نام",
+  "nav.accounts": "نیو۔ اکاؤنٹس",
+  "nav.claims": "نیو۔ دعوے",
+  "nav.contracts": "نیو۔ کانٹریکٹس",
+  "nav.council": "نیو۔  کونسل",
+  "nav.dashboard": "نیو۔  ڈیش بورڈ",
+  "nav.democracy": "نیو۔  جمہوریت",
+  "nav.explorer": "نیو۔  ایکسپلورر",
+  "nav.extrinsics": "نیو۔  ایکسٹرنسکس",
+  "nav.generic-asset": "نیو۔  جینیرک اثاثہ",
+  "nav.parachains": "نیو۔  پیراچینز",
+  "nav.settings": "نیو۔  ترتیبات",
+  "nav.staking": "نیو۔  سٹیکنگ",
+  "nav.storage": "نیو۔  اسٹوریج",
+  "nav.sudo": "نیو۔  سوڈو",
+  "nav.tech-comm": "نیو۔ ٹیک کام",
+  "nav.toolbox": "نیو۔ ٹول باکس",
+  "nav.transfer": "نیو۔ ٹرانسفر",
+  "nav.treasury": "نیو۔ ٹریژری",
+  "nay": "نہیں",
+  "new account": "نیا اکاؤنٹ",
+  "new address": "نیا پتہ",
+  "next": "اگلا",
+  "next burn": "اگلا برن",
+  "next id": "اگلی آئی ڈی",
+  "no": "نہیں",
+  "no accounts yet, create or import an existing": "ابھی تک کوئی اکاؤنٹس نہیں، تخلیق کریںیا موجودہ کو امپورٹ کریں",
+  "no addresses saved yet, add any existing address": "ابھی تک کوئی پتہ محفوظ نہیں ہوا، کوئی موجودہ پتہ شامل کریں",
+  "no messages": "کوئی میسیجز نہیں",
+  "no peers connected": "کوئی پیئرز کنیکٹ نہیں",
+  "no tags": "کوئی ٹیگز نہیں",
+  "no unapplied slashes found": "کوئی اپلائیڈ سلیشز نہیں ملے",
+  "nominated accounts": "نامزد اکاؤنٹس",
+  "nominators": "نامزد کرنے والے",
+  "not signed": "دستخط نہیں ہوئے",
+  "on-chain bonding duration": "آن چین بانڈنگ کا دورانیہ",
+  "ongoing referendum": "جاری ریفرنڈم",
+  "only elected": "صرف منتخب",
+  "only query most recent {{partialEras}} of {{historyDepth}} eras": "صرفحالیہ ایراز{{partialEras}} کے متعلق{{historyDepth}}استفسار ",
+  "only this network": "صرف یہ نیٹ ورک",
+  "only with an identity": "صرف شناخت کے ساتھ۔",
+  "or": "یا",
+  "origin": "اصل",
+  "other": "دیگر",
+  "other stake": "دیگر اسٹیک",
+  "our best": "ہمارا بہترین",
+  "overall/validator": "مجموعی/ویلیڈیٹر",
+  "own": "اپنا",
+  "own stake": "اپنا اسٹیک",
+  "parachain id": "پیراچین آئی ڈی",
+  "parachains": "پیراچینز",
+  "parent": "بنیاد",
+  "password": "پاس ورڈ",
+  "password (repeat)": "پاس ورڈ (دہرائیں)",
+  "payment": "ادائیگی",
+  "payment destination": "ادائیگی کی منزل",
+  "payout": "ادائیگی",
+  "payout stakers for (multiple)": "ادائیگی کے اسٹیکرز (ایک سے زائد) کے لیئے",
+  "payout stakers for (single)": "ادائیگی کے اسٹیکرز (اکیلے) کے لیئے",
+  "payout/stash": "ادائیگی/اسٹيش",
+  "payout/validator": "ادائیگی/ویلیڈیٹر",
+  "peer best": "بہترین پیئر",
+  "pending extrinsics": "زیر التواء ایکسٹرنسکس",
+  "pending hashes": "زیر التوا ہیشز",
+  "pending swap id": "زیر التوا سوآپ آئی ڈی",
+  "period": "مدت",
+  "points": "پوائنٹس",
+  "poll on token decimals": "ٹوکن اعشاریوں پر رائے شماری",
+  "pot": "پوٹ",
+  "preimage hash": "پری ایمج ہیش",
+  "preimage {{hash}}": "پری ایمج {{hash}}",
+  "prev": "سابقہ",
+  "prime member": "پرائم میمبر",
+  "prime voter": "پرائم ووٹر",
+  "priority {{index}}": "ترجیح {{index}}",
+  "profit/era": "منافع/ایرا",
+  "profit/era est": "منافع/ایرا تخمینہ",
+  "proposal": "تجویز",
+  "proposal bond": "تجویز کردہ بانڈ",
+  "proposal hash": "تجویز کردہ ہیش",
+  "proposals": "تجاویز",
+  "propose": "تجویز",
+  "propose from account": "اکاؤنٹ سے تجویز کریں",
+  "proposed by": "کی طرف سے تجویز کردہ",
+  "proposer": "تجویز کنندہ",
+  "proxied account": "پراکسیڈ اکاؤنٹ",
+  "proxied name": "پراکسیڈ نام",
+  "proxy account": "پراکسی اکاؤنٹ",
+  "queued tx": "قطار میں ٹی ایکس",
+  "reason": "وجہ",
+  "recent blocks": "حالیہ بلاکس",
+  "recent events": "حالیہ ایوینٹس",
+  "recover this account": "اس اکاؤنٹ کو ریکور کریں",
+  "recovery block delay": "بلاک میں تاخیر ریکور کریں",
+  "recovery threshold": "ریکوری تھریش ہولڈ",
+  "redeemable": "قابل واپسی",
+  "referenda": "ریفرنڈہ",
+  "refresh in": "ریفریش کریں",
+  "registrar account": "رجسٹرار اکاؤنٹ",
+  "registrar index": "رجسٹرار انڈیکس",
+  "relay": "ریلے",
+  "relay dispatch queue": "ریلے ڈسپیچ قیو",
+  "remaining": "بقیہ",
+  "remote node/endpoint to connect to": "ریموٹ نوڈ/اینڈ پوائنٹ جس سے رابطہ قائم کیا جائے",
+  "reporters": "رپورٹرز",
+  "request payout from": "اس سے ادائیگی کی درخواست کریں",
+  "reserved": "ریزروڈ",
+  "reward commission percentage": "انعام کے کمیشن کا تناسب",
+  "rewards": "انعامات",
+  "rewards & slashes": "انعامات اور سلیشز",
+  "riot": "رائیوٹ",
+  "riot name": "رائیوٹ کا نام",
+  "role": "کردار",
+  "rotation": "روٹیشن",
+  "scheduled": "شیڈولڈ",
+  "scheduling": "شیڈولنگ",
+  "seats": "نشستیں",
+  "second with account": "اکاؤنٹ کی تائید",
+  "secret": "راز",
+  "secret derivation path": "خفیہ ڈیریویشن پاتھ",
+  "seed (hex or string)": "سیڈ (ہیکسیا اسٹرنگ)",
+  "selected constant query": "منتخب کردہ استفسار",
+  "selected signatories": "منتخب دستخط کنندگان",
+  "selected state query": "منتخب شدہ اسٹیٹ کا استفسار",
+  "selected validators": "منتخب شدہ ویلیڈیٹرز",
+  "send": "بھیجیں",
+  "send as RPC call": "بطور آر پی سی کال بھیجیں",
+  "send as transaction": "بطور ٹرانزیکشن بھیجیں",
+  "send from account": "اکاؤنٹ سے بھیجیں",
+  "send to address": "ایڈریس پر بھیجیں",
+  "sending account": "بھیجا گیا اکاؤنٹ",
+  "sending from my account": "میرے اکاؤنٹ سے بھیجنا",
+  "session": "سیشن",
+  "session keys": "سیشن کیز",
+  "session next": "اگلا سیشن",
+  "sign data from account": "اکاؤنٹ سے ڈیٹا پر دستخط کریں",
+  "sign the following data": "درج ذیل ڈیٹا پر دستخط کریں",
+  "signatories": "دستخط کنندہ",
+  "signatory": "دستخط کنندہ",
+  "signature crypto type": "کرپٹو ٹائپ دستخط",
+  "signature of supplied data": "فراہم کردہ ڈیٹا پر دستخط",
+  "signer": "دستخط کرنے والا",
+  "society head": "سوسائٹی ہیڈ",
+  "somebody@example.com": "somebody@example.com",
+  "spend period": "مدت گزاریں",
+  "staked": "اسٹیکڈ",
+  "stash account": "اسٹیش اکاؤنٹ",
+  "stash address": "اسٹیش ایڈریس",
+  "stashes": "اسٹیشز",
+  "state": "اسٹیٹ",
+  "strikes": "اسٹرائیکس",
+  "sub": "ذیلی",
+  "sub name": "ذیلی نام",
+  "submit the following change": "درج ذیل تبدیلی جمع کروائیں",
+  "submit the following extrinsic": "درج ذیل ایکسٹرنسک جمع کروائیں",
+  "submit with account": "اکاؤنٹ سے جمع کروائیں",
+  "submit with council account": "کونسل اکاؤنٹ سے جمع کروائیں",
+  "subs": "ذیلی",
+  "sudo key": "سوڈو۔ کی",
+  "sudo with unchecked weight parameter": "غیر چیک شدہ وزن کے پیرامیٹر کے ساتھ۔ سوڈو",
+  "sudo without unchecked weight parameter": "بغیر چیک شدہ وزن کے پیرامیٹر کا سوڈو",
+  "suri (seed & derivation)": "سوری (سیڈ اور ڈیریویشن)",
+  "swap to id": "آئی ڈی کی طرف تبدیلی",
+  "syncing": "سنکنگ",
+  "system events": "سسٹم ایوینٹس",
+  "tags": "ٹیگز",
+  "target": "ہدف",
+  "term progress": "مدت کی پیش رفت",
+  "the account to make recoverable": "ریکوریبل بنایا جانے والا اکاؤنٹ",
+  "the account to recover to": "اکاؤنٹ جس میں ریکوری ہو",
+  "the amount that should be transferred. It needs to be less than the available balance": "وہ رقم جو منتقل کی جائے۔ اسے دستیاب بیلنس سے کم ہونے کی ضرورت ہے",
+  "the associated controller": "متعلقہ کنٹرولر",
+  "the era to cancel for": "ایرا جس کے لیئے منسوخی کی جائے",
+  "the language to display translations for": "وہ زبان جس میں ترجمہ دکھائے جائیں",
+  "the module to display strings for": "ماڈیول جس کے لیئے اسٹرنگز ظاہر کی جائیں",
+  "the parachain that will receive the transfer of tokens.": "پیراچین جو ٹوکنز کی منتقلی وصول کرے گی",
+  "the parachain to transfer to": "پیراچین جہاں منتقل کرنی ہے",
+  "the resulting hash is": "ہیش کا نتیجہ ہے",
+  "the stash account to nominate with": "اسٹیش اکاؤنٹ جس کے ساتھ نامزد کیا جائے",
+  "the supplied signature": "فراہم کردہ دستخط",
+  "threshold": "تھریش ہولڈ",
+  "tip": "ٹپ",
+  "tip reason": "ٹپ کی وجہ",
+  "tip value": "ٹپ کی ویلیو",
+  "tips": "ٹپس",
+  "total": "ٹوٹل",
+  "total deposit": "ٹوٹل ڈپازٹ",
+  "total issuance": "ٹوٹل اجراء",
+  "total peers": "ٹوٹل پیئرز",
+  "total stake": "ٹوٹل اسٹیک",
+  "total staked": "ٹوٹل اسٹیکڈ",
+  "transactions": "ٹرانزیکشنز",
+  "transfer received": "منتقلی موصول ہوئی",
+  "transfer remark/comment": "منتقلی پر کمینٹ/ریمارک دیں",
+  "transferrable": "قابل منتقلی",
+  "trusted social recovery helpers": "قابل اعتماد سوشل ریکوری ہیلپرز",
+  "turnout": "ٹرن آؤٹ",
+  "twitter": "ٹویٹر",
+  "type": "ٹائپ",
+  "unapplied": "غیر لاگو",
+  "unapplied slashes": "غیر لاگو سلیشز",
+  "unbond amount": "غیر بانڈ رقم",
+  "unbonding": "انبانڈنگ",
+  "unchecked weight for this call": "اس کال کے لیئے غیر چیک شدہ وزن",
+  "unlock account with password": "پاس ورڈ سے اکاؤنٹ کو انلاک کریں",
+  "unstake threshold": "اَنسٹیک تھریش ہولڈ",
+  "update on #{{index}}": "اپ ڈیٹ کریں #{{index}} پر",
+  "upgradable extensions": "اپ گریڈیبل ایکسٹینشنز",
+  "use on any network": "کسی بھی نیٹ ورک پر استعمال کریں",
+  "using my account": "اپنا اکاؤنٹ استعمال کر رہا ہوں",
+  "using the following data": "درج ذیل ڈیٹا کا استعمال کرتے ہوئے",
+  "using the selected account": "منتخب کردہ اکاؤنٹ کا استعمال کرتے ہوئے",
+  "validation": "ویلیڈیشن",
+  "validator to query": "استفسار کے لیئے ویلیڈیٹر",
+  "validators": "ویلیڈیٹرز",
+  "validators/nominators": "ویلیڈیٹرز/ نامزد کرنے والے",
+  "value": "ویلیو",
+  "value bonded": "ویلیو بانڈڈ",
+  "verify using address": "ایڈریس کا استعمال کرتے ہوئے تصدیق کریں",
+  "version {{version}}": "ورژن {{version}}",
+  "vested": "ویسٹڈ",
+  "vesting": "ویسٹنگ",
+  "via Council": "بذریعہ کونسل",
+  "via Council/Motions": "بذریعہ کونسل/تحاریک",
+  "via Council/Vote": "بذریعہ کونسل/ووٹ",
+  "via Democracy": "بذریعہ جمہوریت",
+  "via Democracy/Dispatch": "بذریعہ جمہوریت/ ڈسپیچ",
+  "via Democracy/Vote": "بذریعہ جمہوریت/ ووٹ",
+  "via Society": "بذریعہ سوسائٹی",
+  "via Staking": "بذریعہ اسٹیکنگ",
+  "via Staking/Bond": "بذریعہ اسٹیکنگ/بانڈ",
+  "via Staking/Slashed": "بذریعہ اسٹیکنگ/سلیشڈ",
+  "via Treasury": "بذریعہ ٹریژری",
+  "via Vesting": "بذریعہ ویسٹنگ",
+  "vote for candidate": "امیدوار کو ووٹ دیں",
+  "vote for defender": "محافظ کو ووٹ دیں",
+  "vote from account": "اکاؤنٹ سے ووٹ دیں",
+  "vote using my account": "میرا اکاؤنٹ استعمال کر کے ووٹ دیں",
+  "vote value": "ووٹ کی ویلیو",
+  "vote with account": "اکاؤنٹ سے ووٹ دیں",
+  "votes": "ووٹس",
+  "voting account": "ووٹنگ اکاؤنٹ",
+  "voting balance": "ووٹنگ بیلنس",
+  "voting end": "ووٹنگ ختم",
+  "voting period": "ووٹنگ کی مدت",
+  "voting round": "ووٹنگ راؤنڈ",
+  "waiting": "انتظار",
+  "web": "ویب",
+  "website": "ویب سائٹ",
+  "with an index of": "کے انڈیکس کے ساتھ۔",
+  "with unchecked weight": "غیر چیک شدہ وزن کے ساتھ۔",
+  "with weight override": "ویٹ اوور رائیڈ کے ساتھ۔",
+  "with/without identity": "شناخت کے ساتھ/بغیر",
+  "without unchecked weight": "بنا جانچ کے وزن کے بغیر",
+  "wrong password supplied": "غلط پاس ورڈ فراہم کیا گیا",
+  "yes": "ہاں",
+  "your current password": "آپ کا موجودہ پاس ورڈ",
+  "your new password": "آپ کا نیا پاس ورڈ",
+  "{{balance}} voted": "ووٹ کیا گیا {{balance}}",
+  "{{blocks}} blocks": "بلاکس {{block}}",
+  "{{count}} key/value pairs encoded for submission": "{{count}} کی/ویلیو پیئرز جمع کرانے کے لیئے انکوڈ کیے گئے ہیں",
+  "{{count}} own stashes": "{{count}} اپنے اسٹیشز",
+  "{{currency}} average": "{{currency}} اوسط۔",
+  "{{currency}} clipped": "{{currency}} کلیپڈ",
+  "{{currency}} rewards": "{{currency}} انعامات",
+  "{{currency}} slashed": "{{currency}} سلیشڈ",
+  "{{currency}} total": "{{currency}} ٹوٹل",
+  "{{days}} days": "{{days}} دن",
+  "{{done}}/{{total}}, {{progress}}% done": "{{done}}/{{total}}، {{progress}}٪ ہو گیا",
+  "{{executionTime}}s execution time": "{{executionTime}} عملدرآمد کا وقت",
+  "{{hours}} hrs": "{{hours}} گھنٹے",
+  "{{minutes}} mins": "{{minutes}} منٹس",
+  "{{name}} ({{size}} bytes)": "{{name}} ({{size}} بائٹس)",
+  "{{percentage}} aye": "{{percent}} ہاں",
+  "{{percentage}}% of block time": "{{فیصد}} بلاک ٹائم کا٪",
+  "{{percentage}}% turnout": "{{فیصد}} بلاک ٹائم کا٪",
+  "{{relayDispatchQueueSize}} dispatch messages pending": "{{relayDispatchQueueSize}} زیر التوا ڈسپیچ میسیجز",
+  "{{seconds}} s": "{{seconds}} s",
+  "{{step}}. Sign with your ETH address": "{{step}}۔ اپنے ای ٹی ایچ ایڈریس کے ساتھ دستخط کریں",
+  "{{threshold}}, not passing": "{{threshold}} ، نہیں پار ہورہا",
+  "{{threshold}}, passing": "{{threshold}} ، پار ہورہا ہے",
+  "{{value}}x voting balance, locked for {{lock}}x enactment ({{period}} days)": "{{value}} x ووٹنگ بیلنس، نفاذ کے لیئے لاک {{lock}} x کیا گیا ({{period}} دن)"
+}
\ No newline at end of file
diff --git a/packages/apps/public/locales/zh/translation.json b/packages/apps/public/locales/zh/translation.json
new file mode 100644
index 0000000..4e1b85f
--- /dev/null
+++ b/packages/apps/public/locales/zh/translation.json
@@ -0,0 +1,1384 @@
+{
+  "//hard": "硬",
+  "//hard///password": "//硬///密码",
+  "//hard/soft": "//硬/软",
+  "//hard/soft///password": "//硬/软///密码",
+  "0.1x voting balance, no lockup period": "投票金额的 0.1 倍，没有锁定时间",
+  "1 billion DOTs; 10 decimals": "10 亿 DOTs;10 位小数",
+  "1 day": "1 天",
+  "1 hr": "1 小时",
+  "1 min": "1 分钟",
+  "1 s": "1 秒",
+  "1. Select your {{chain}} account": "1. 选择你的 {{chain}} 账户",
+  "10 billion DOTs; 9 decimals": "100 亿 DOTs；9 位小数",
+  "10 million DOTs; status quo": "1000万 DOTs；现状",
+  "100 million DOTs; 11 decimals": "1 亿 DOTs；11 位小数",
+  "2. Enter the ETH address from the sale.": "2. 输入参与销售的以太坊地址",
+  "2. Sign ETH transaction": "2. 签名 ETH 交易",
+  "<empty>": "<空的>",
+  "<unknown>": "<未知的>",
+  "@YourTwitterName": "你的推特账户 ID",
+  "@yourname:matrix.org": "你的 Riot/Element 账户 ID",
+  "A controller account should not be set to manage multiple stashes. The selected controller is already controlling {{stashId}}": "不能设置控制帐户管理多个存储账户。所选控制账户已经在控制 {stashId}} ",
+  "A controller account should not be set to manages multiple stashes. The selected controller is already controlling {{stashId}}": "不能设置控制帐户管理多个存储账户。所选控制账户已经在控制 {stashId}}",
+  "A controller account should not map to another stash. This selected controller is a stash, controlled by {{bondedId}}": "控制账户不能映射成其他的存储账户。当前选择的控制账户是存储账户，受控于 {{bondedId}}",
+  "A deployed contract that has either been deployed or attached. The address and ABI are used to construct the parameters.": "已经部署的合约要么是附加的要么是部署的. 地址和ABI用于构造参数.",
+  "A fee of {{creationFee}} will be deducted from the sender since the destination account does not exist": "由于目标帐户不存在，将从发送方扣除{{creationFee}}的费用",
+  "A reason (to be stored-on-chain) as to why the recipient deserves a tip payout.": "一个为什么接收者应该得到小费的原因（要存储在链上）。",
+  "A remark that is associated with this transfer. This can be any comment that indicates the reason.": "与这个转账有关的备注。这可以是任何说明原因的注释。",
+  "ABI": "ABI",
+  "Acceptance of new members and bids": "接受新成员和投标",
+  "Acceptance proposal to council": "向理事会提交的同意议案",
+  "Account actions": "账户操作",
+  "Account balance:": "账户余额",
+  "Accounts": "账户",
+  "Accounts injected from any of these extensions will appear in this application and be available for use. The above list is updated as more extensions with external signing capability become available.": "从这些扩展程序中的任何一个引入的帐户都将出现在此应用程序中并可供使用。 随着更多具有外部签名功能的扩展变得可用，以上列表将会持续更新。",
+  "Active nominations ({{count}})": "活跃提名 ({{count}})",
+  "Add": "添加",
+  "Add a tip to this extrinsic, paying the block author for greater priority": "添加小费到这个外部，为获得更高的优先级去支付区块生产者",
+  "Add account": "添加账户",
+  "Add account via Qr": "通过二维码添加账户",
+  "Add an account via seed {{step}}/{{STEPS_COUNT}}": "通过种子添加账户 {{step}}/{{STEPS_COUNT}}",
+  "Add an address": "添加一个地址",
+  "Add an existing code hash": "添加一个已经存在的代码哈希",
+  "Add an existing contract": "添加一个已存在的合约",
+  "Add contact": "添加联系人",
+  "Add identity judgment": "添加身份判断",
+  "Add item": "添加项目",
+  "Add multisig": "添加多重签名",
+  "Add proxied account": "添加代理账户",
+  "Add proxy": "添加代理",
+  "Add sub": "添加子账户",
+  "Add via Ledger": "查询账本",
+  "Add via Qr": "通过二维码添加",
+  "Add via backup file": "通过备份文件添加",
+  "Adding an optional tip to the transaction could allow for higher priority, especially when the chain is busy.": "在交易中添加可选的小费，可以获得更高的优先级，尤其是当链繁忙时。",
+  "Additional types as a JSON file (or edit below)": "附加类型为一个JSON文件(或者在下面编辑)",
+  "Address Prefix": "地址前缀",
+  "Adjust the mode from basic (with a limited number of beginner-user-friendly apps) to full (with all basic & advanced apps available)": "将模式从“基本”（只有有限数量的初学者用户友好应用程序）调整为“完全”（所有基本和高级应用程序都可用）",
+  "Advanced creation options": "高级创建选项",
+  "All rewards will go towards the selected output destination when a payout is made.": "当支付发生时，所有奖励都将流向所选的输出目的地。",
+  "All the listed validators and all their nominators will receive their rewards.": "所有列出的验证人和他们的提名人将获得他们的奖励。",
+  "All voters may alter their votes any number of times prior to the close of the poll.": "所有选民可在投票结束前多次更改投票。",
+  "Allocate a suggested tip amount. With enough endorsements, the suggested values are averaged and sent to the beneficiary.": "分配一个建议的小费金额。有足够的背书，建议的价值是平均数，并发送给受益人。",
+  "Amount to add to the currently bonded funds. This is adjusted using the available funds on the account.": "当前抵押金额的总量. 使用帐户中的可用资金进行调整.",
+  "Amount to delegate for any democracy vote. This is adjusted using the available funds on the account.": "相当于代表任何民主投票。使用账户上的可用资金进行调整。",
+  "An URL that is linked to this identity.": "链接到这个身份的URL。",
+  "An encrypted backup file will be created once you have pressed the \"Download\" button. This can be used to re-import your account on any other machine.": "一旦你按下 \"下载\" 按钮，就会创建一个加密的备份文件。这样你可以在另外任何一台设备上重新导入你的账户。",
+  "Any account can request payout for stakers, this is not limited to accounts that will be rewarded.": "任何帐户都可以为质押者申请付款，这不限于任何将得到奖励的帐户。",
+  "Any account set as proxy will be able to perform actions in place of the proxied account": "任何设置为代理的帐户都可以代替代理帐户执行操作",
+  "Any combination of the four options may be approved of by the voter. There is no need to select only one option!": "这四种选择的任何组合都可能得到选民的认可。不需要只选择一个选项！",
+  "Any democracy vote performed by the delegated account will result in an additional vote from the delegating account": "任何由授权帐户进行的民主投票都将导致来自授权帐户的额外投票",
+  "Application of slashes from era {{id}}": "era {{id}}中惩罚的应用",
+  "Apply to UI": "应用于 UI",
+  "Approvals": "赞同",
+  "Approve or reject this defender.": "赞同或拒绝这个维护者",
+  "Approve this call hash": "赞成此调用哈希",
+  "Approve this candidacy.": "赞成这个候选人资格",
+  "Approved": "已赞成",
+  "Approving of all or none of the options is equivalent and will not affect the outcome of the poll.": "赞成全部或一个都不赞成都是等效的，不会影响民意投票结果。",
+  "As a council member, you can suggest an initial value for the tip, each other council member can suggest their own.": "作为理事会成员，你可以建议一个初始值的小费，其他每个理事会成员也可以建议自己的。",
+  "Asset ID": "资产 ID",
+  "Assets": "资产",
+  "Aura": "Aura",
+  "Authorize transaction": "批准交易",
+  "Aye": "同意",
+  "Aye {{count}}": "同意 {{count}}",
+  "Aye, I approve": "是, 我赞成",
+  "Aye, I can support this": "是，我可以支持这个",
+  "Aye, I support this": "是，我支持这个",
+  "Babe": "Babe",
+  "Backup account": "备份账户",
+  "Be aware that once submitted the proposal will be put to a council vote. If the proposal is rejected due to a lack of info, invalid requirements or non-benefit to the network as a whole, the full bond posted (as describe above) will be lost.": "请注意，提案一旦提交，将提交理事会表决。如果提案因缺乏信息、无效要求或对整个网络没有好处而被拒绝，则提交的全部保证金（如上所述）将丢失。",
+  "Bid": "投标",
+  "Bid to join": "投标加入",
+  "Block details": "区块详情",
+  "Bond": "绑定",
+  "Bond & Nominate": "绑定 & 提名",
+  "Bond & Validate": "绑定 & 验证",
+  "Bond more": "绑定更多",
+  "Bond more funds": "绑定更多资金",
+  "Bonding Preferences": "绑定偏好设置",
+  "Call": "调用",
+  "Call a contract": "调用一个合约",
+  "Call a method on this contract": "在合约上调用一个方法",
+  "Call results": "调用结果",
+  "Call this message": "调用这个消息",
+  "Cancel": "取消",
+  "Cancel slashes": "取消惩罚",
+  "Cancel this call hash": "取消此调用哈希",
+  "Chain info": "链信息",
+  "Chain specifications": "生成含网络参数的二维码",
+  "Change": "更改",
+  "Change account password": "更改账户密码",
+  "Change controller account": "更改控制账户",
+  "Change democracy delegation": "更改民主代表",
+  "Change reward destination": "更改收益地址",
+  "Change session keys": "更改 session 密钥",
+  "Change this account's password": "更改这个账户的密码",
+  "Change validator preferences": "更改验证人偏好",
+  "Changing the key only takes effect at the start of the next session. The input here is generated from the author_rotateKeys command": "更改密钥只能在下一个 session 开始时生效。这里的输入是从 author_rotateKeys 命令生成的",
+  "Chilled ({{count}})": "冻结 ({{count}})",
+  "Chilled nominations ({{count}})": "冻结提名 ({{count}})",
+  "Claim": "映射",
+  "Claim tokens": "映射代币",
+  "Claim tokens...": "认领代币...",
+  "Clear Identity": "清除身份",
+  "Clear all": "清空所有",
+  "Clear expired democracy locks": "清除过期的民主锁定",
+  "Close": "关闭",
+  "Close proposal": "关闭提案",
+  "Close tip": "关闭小费",
+  "Code": "代码",
+  "Color": "颜色",
+  "Committee prime member, default voting": "委员会主要成员，默认投票信念值",
+  "Completed": "完成",
+  "Confirm ABI removal": "确认 ABI 清除",
+  "Confirm account removal": "确定账户被移除",
+  "Confirm address removal": "确定地址被移除",
+  "Confirm claim": "确定认领",
+  "Confirm code removal": "确定代码被移除",
+  "Confirm contract removal": "确定合约被移除",
+  "Consider storing your account in a signer such as a browser extension, hardware device, QR-capable phone wallet (non-connected) or desktop application for optimal account security.": "考虑将您的帐户存储在签名者（如浏览器扩展、硬件设备、支持 QR 功能的电话钱包（非连接）或桌面应用程序中，以获得最佳的帐户安全性。",
+  "Constants": "常数",
+  "Continue": "继续",
+  "Contracts": "合约",
+  "Conviction locks do overlap and are not additive, meaning that funds locked during a previous vote can be locked again.": "信念值锁定确实会重叠，而且是累加性的，这意味着在前一次投票中锁定的资金可以再次锁定。",
+  "Copy the above string and sign an Ethereum transaction with the account you used during the pre-sale in the wallet of your choice, using the string as the payload, and then paste the transaction signature object below": "在钱包中选择预售阶段你使用的以太坊账户，复制上面的字符串，并且使用你的以太坊账户把字符串作为内容签名交易, 并且粘贴交易签名对象到下面",
+  "Copy the following string and sign it with the Ethereum account you used during the pre-sale in the wallet of your choice, using the string as the payload, and then paste the transaction signature object below:": "复制以下字符串，并使用您在预售期间使用的以太坊帐户在您选择的钱包中进行签名，使用该字符串作为有效负载，然后将交易签名对象粘贴到下面",
+  "Council": "理事会",
+  "Council overview": "理事会概览",
+  "Create": "创建",
+  "Create a backup file for this account": "给这个账号创建一个备份文件",
+  "Create an account now.": "马上创建账户.",
+  "Create and backup account": "创建并且备份账户",
+  "Crypto not detected": "未检测到加密",
+  "Cryptography used to create this signature. It is auto-detected on valid signatures.": "用于创建此签名的加密。在有效签名上自动检测。",
+  "Current account nonce: {{accountNonce}}": "当前账户的 nonce 值: {{accountNonce}}",
+  "Current prime member, default voting": "现任主要成员，默认投票",
+  "Current society head, exempt": "现任社团负责人，豁免",
+  "Custom url": "自定义 url",
+  "Decimals": "小数",
+  "Decimals decides the smallest unit of the token, which is 1/10^decimals": "小数代表每一单位token最小可以精确到多少位小数",
+  "Delegate": "代表",
+  "Delegate democracy votes": "代表民主投票",
+  "Delete this custom example": "删除此自定义示例",
+  "Democracy overview": "民主概述",
+  "Denomination poll": "面额投票",
+  "Deploy": "部署",
+  "Deploy a code hash": "部署一个代码哈希",
+  "Deploy this code hash as a smart contract": "将此代码哈希部署为智能合约",
+  "Deploy with this constructor": "使用此构造函数部署",
+  "Deposit": "押金",
+  "Deregister this parachain": "注册这个平行链",
+  "Derive account from pair": "通过密钥对派生账户",
+  "Derive account via derivation path": "通过派生路径派生账户",
+  "Details": "详情",
+  "Detection on the input string to determine if it is hex or non-hex.": "检测输入字符串以确定它是十六进制还是非十六进制。",
+  "Determines what cryptography will be used to create this account. Note that to validate on Polkadot, the session account must use \"ed25519\".": "确定将使用哪种加密方法创建此帐户。注意，要在Polkadot上进行验证，会话账户必须使用 \"ed25519\"。",
+  "Developer": "开发者",
+  "Development": "开发",
+  "Dismiss all notifications": "禁用所有通知",
+  "Dispatch": "发送信息",
+  "Display overview information for the selected validator, including blocks produced.": "显示所选验证人的概述信息，包括生成的块。",
+  "Distinct stash and controller accounts are recommended to ensure fund security. You will be allowed to make the transaction, but take care to not tie up all funds, only use a portion of the available funds during this period.": "为确保资金安全，建议使用不同的储存账户和控制账户。您可以进行交易，但要注意不要占用所有资金，只在这段时间内使用部分可用资金。",
+  "Do not include a tip for the block author": "不包含区块打包者小费",
+  "Don't use a proxy for this call": "不要对此调用使用代理",
+  "Download": "下载",
+  "Either approve or reject this call.": "赞成或者拒绝此调用。",
+  "Election of new council candidates": "选举新的理事会候选人",
+  "Enactment of the result of referendum {{id}}": "公投结果{{id}}的执行",
+  "Endorse": "支持",
+  "Endorsements ({{count}})": "支持 ({{count}})",
+  "Ensure that not all funds are locked, funds need to be available for fees.": "确保不是所有资金都被锁定，需要一些资金作为手续费。",
+  "Ensure that the extension has accounts, some accounts are visible globally and available for this chain and that you gave the application permission to access accounts from the extension to use them.": "请确保扩展程序有帐户，某些帐户是全局可见并且可用于此链，并且您已授予应用程序从扩展访问帐户以使用它们的权限",
+  "Ensure that you utilized the \"Save\" functionality before using a generated address to receive funds. Without saving the address any funds and the associated seed any funds sent to it will be lost.": "确保在使用生成的地址接收资金之前使用了“保存”功能。如果不保存地址，则发送到该地址的任何资金和相关种子都将丢失",
+  "Ensure you are using a strong password for proper account protection.": "请确保您使用的是强密码以进行正确的帐户保护。",
+  "Enter the Asset ID of the token you want to manage.": "输入要管理的代币的资产 ID。",
+  "Enter the Asset ID of the token you want to transfer.": "输入要转账的代币的资产 ID。",
+  "Erroneous": "错误的",
+  "Evaluated {{count}} keys in {{elapsed}}s ({{avg}} keys/s)": "在 {{elapsed}}秒，生成 {{count}} 个 秘钥 （平均{{avg}}个秘钥/秒）",
+  "Execute anonymous scheduled task": "执行匿名计划任务",
+  "Execute named scheduled task {{id}}": "执行命名的计划任务 {{id}}",
+  "Extensions": "浏览器插件",
+  "External": "外部的",
+  "Extrinsic submission": "外部的提交",
+  "Fast track": "快速通道",
+  "Fast track proposal": "快速通道的提案",
+  "Filter available candidates based on name, address or short account index.": "根据姓名、地址或短帐户索引筛选可用的候选人。",
+  "For approvals outstanding approvers will be shown, for hashes that should be cancelled the first approver is required.": "对于审批，将显示未完成的审批人，对于应取消的哈希，需要第一个审批人。",
+  "For final approvals, the actual full call data is required to execute the transaction": "对于最终批准，执行交易需要实际的完整调用数据",
+  "For fund security, your session key should not match your stash key.": "对于资金安全性，你的会话密钥不应与存储密钥匹配。",
+  "Forget": "忘记",
+  "Forget this account": "忘记这个账号",
+  "Forget this address": "忘记这个地址",
+  "Forget this asset": "忘记这个资产",
+  "Forget this code hash": "忘记这个代码哈希",
+  "Forget this contract": "忘记该合约",
+  "Forks": "(Forks)分叉",
+  "Full Legal Name": "法定全称",
+  "Future versions of the web-only interface will drop support for non-external accounts, much like the IPFS version.": "未来版本的纯 web 界面将不再支持非外部帐户，这与 IPFS 版本非常相似。",
+  "General": "通用",
+  "Generate {{lng}}/translation.json": "生成 {{lng}}/translation.json",
+  "Genesis Hash": "创世区块哈希",
+  "Genesis Hash refers to initial state of the chain, it cannot be changed once the chain is launched": "创世区块哈希代表网络的初始状态，在网络启动后不可改变",
+  "Governance": "治理",
+  "Grandpa": "Grandpa",
+  "Hash data": "哈希数据",
+  "I agree": "我同意",
+  "I'm Online": "我在线",
+  "If the delegated account is currently voting in a referendum, the delegating vote and conviction will be added.": "如果委托账户目前正在进行公投，则将添加授权投票和信念值投票。",
+  "If the recipient account is new, the balance needs to be more than the existential deposit. Likewise if the sending account balance drops below the same value, the account will be removed from the state.": "如果接收账户是新的，这个账户的余额就必须多于账户存在所需的押金。同样地，如果发送账户的余额低于同样的值，这个账户就会被移除。",
+  "If this proposal is passed, the changes will be applied via dispatch and the deposit returned.": "如果此提案通过，将通过消息发送进行变更并退还押金。",
+  "If you add several proxy accounts for the same proxy type (e.g 2 accounts set as proxy for Governance), then any of those 2 accounts will be able to perfom governance actions on behalf of the proxied account": "如果为同一代理类型添加多个代理帐户（例如2个帐户设置为代理治理），则这2个帐户中的任何一个都可以代表代理帐户执行治理操作",
+  "If you are moving accounts between applications, ensure that you use the correct type.": "如果你在不同的应用间移动账户，请确保你使用了正确的类型。",
+  "If you have not claimed rewards straight after the end of the era, the validator is in the active set and you are seeing no rewards, this would mean that the reward payout transaction was made by another account on your behalf. Always check your favorite explorer to see any historic payouts made to your accounts.": "如果你在 era 结束后没有直接领取奖励，验证人在活跃节点池中，而你没有看到任何奖励，这意味着奖励支付交易是由另一个帐户代表你进行的。可以通过你喜欢的浏览器去查看支付给你的帐户的记录。",
+  "Image": "图像",
+  "Important notice": "重要提示",
+  "In calculating the election outcome, this prioritized vote ordering will be used to determine the final score for the candidates.": "在计算选举结果时，这种优先的投票顺序将用于确定候选人的最终分数。",
+  "Inactive nominations ({{count}})": "非活跃提名 ({{count}})",
+  "Include an optional tip for faster processing": "为了尽快处理可以额外添加小费",
+  "Info": "信息",
+  "Initializing connection": "正在初始化连接",
+  "Initiate account recovery": "启动账户恢复",
+  "Initiate recovery for another": "启动针对另一个账户的恢复",
+  "Inject Keys": "插入密钥",
+  "Inject session keys (advanced)": "插入 session 密钥（高级的）",
+  "Injected": "已插入",
+  "It is recommended that you create/store your accounts securely and externally from the app. On {{yourBrowser}} the following browser extensions are available for use -": "强烈建议你在本应用的外部安全地创建/存储你的账户。在 {{yourBrowser}} 可使用下面的浏览器扩展 -",
+  "Judge": "判断",
+  "Keys from rotateKeys": "来自 rotateKeys 的密钥",
+  "Known good": "已知良好",
+  "Learn more...": "了解更多...",
+  "Lifetime (# of blocks)": "使用期限 (# of blocks)",
+  "Loading": "加载中",
+  "Locked funds (e.g. for staking) are counted.": "已锁定的资金（例如用于 staking 的资金）将被计算在内。",
+  "Locked1x": "锁定1X",
+  "Locked2x": "锁定2x",
+  "Locked3x": "锁定3x",
+  "Locked4x": "锁定4x",
+  "Locked5x": "锁定5x",
+  "Locked6x": "锁定6x",
+  "Low quality": "低质量",
+  "Make Transfer": "进行交易",
+  "Make recoverable": "使之可恢复",
+  "Manage proxies": "管理代理",
+  "Manage your connection to Ledger S": "管理你的连接到 Ledger S",
+  "Max, {{eras}} eras": "最大, {{eras}} eras",
+  "Median tip selected": "选择中间数小费",
+  "Message data": "消息数据",
+  "Message origin.": "消息来源",
+  "Messages": "消息",
+  "Metadata": "元数据",
+  "Metadata {{count}}": "元数据 {{count}}",
+  "Mnemonic": "助记词",
+  "Most profitable": "最有利可图",
+  "Most recent head data": "最近的头数据",
+  "Motions": "Motions",
+  "Multiple council proposals could exist, both approval and rejection. Apply your vote to the correct council proposal (also available on council motions page)": "可能存在多个理事会提案，既有批准也有拒绝。投票表决正确的理事会提案（也可在理事会 motion 页查阅）",
+  "Multisig": "多重签名",
+  "Multisig approval with hash (non-final approval)": "有哈希的多重签名批准（非最终批准）",
+  "Multisig approval with hash (not message with call)": "有哈希的多重签名批准（非调用信息）",
+  "Multisig approvals": "多重签名批准",
+  "Multisig approvals pending": "多重签名待定",
+  "Multisig message with call (for final approval)": "有调用的多重签名消息（供最终批准）",
+  "Multisig message with call (not approval with hash)": "有调用的多重签名消息（没有带哈希的批准）",
+  "Mutates contract state": "改变合约状态",
+  "My On-Chain Name": "我的链上名字",
+  "My accounts": "我的账户",
+  "My contacts": "我的联系人",
+  "My stashes": "我的 stash 账户",
+  "My validators": "我的验证人",
+  "Name given to this account. You can change it at any point in the future.": "给此账户命名。将来你可以随时更改。",
+  "Name given to this account. You can edit it. To use the account to validate or nominate, it is a good practice to append the function of the account in the name, e.g \"name_you_want - stash\".": "给此账户命名。你可以随时编辑。如需使用此帐户进行验证或提名，最好的做法是在该账户名后面附加上账户的功能，例如 \"账户名 - 暂存\"。",
+  "Name given to this multisig. You can edit it at any later point in time.": "给此多重签名命名。将来你可以随时编辑。",
+  "Name given to this proxied account. You can edit it at any later point in time.": "给代理帐户命名。将来你可以随时编辑。",
+  "Name of the network. It is only for display purposes.": "网络名称，仅作为显示用",
+  "Name your example": "命名你的示例",
+  "Nay": "否",
+  "Nay {{count}}": "否 {{count}}",
+  "Nay, I cannot support this": "不，我不能支持这个",
+  "Nay, I do not approve": "否, 我反对",
+  "Nay, I do not support this": "不，我不支持这个",
+  "Network": "网络",
+  "Network Name": "网络名称",
+  "New stake": "新的质押",
+  "Next session": "下一个 session",
+  "No": "不",
+  "No active members": "没有活跃的成员",
+  "No active proposals": "没有活跃的提案",
+  "No active referendums": "没有活跃的公投",
+  "No active schedules": "没有活跃的日程安排",
+  "No active validators found": "找不到活跃的验证人",
+  "No active validators to check": "没有要检查的活跃验证人",
+  "No approved proposals": "没有赞成的提案",
+  "No assets found.": "找不到资产",
+  "No bids": "没有投标",
+  "No blocks available": "没有可用的区块",
+  "No candidates": "没有候选人",
+  "No candidates found": "找不到候选人",
+  "No change": "没有更改",
+  "No change from the original 2017 sale definitions; will mean a total of 10 million DOT from genesis.": "与最初的 2017 年销售定义没有变化；意味着创世纪的总销售额为 1000 万 DOT。",
+  "No change from the original 2017 sale definitions; will mean a total of 10m DOT from genesis.": "与最初的 2017 年销售定义没有变化；意味着创世纪的总销售额为 1000 万 DOT。",
+  "No code hashes available": "没有可用的代码哈希",
+  "No committee proposals": "没有提交的议案",
+  "No contracts available": "没有可用的合约",
+  "No council motions": "没有理事会 motion",
+  "No discretionary lock-voting is in place; all DOT used to vote counts the same.": "没有自由决定的锁定投票；所有用于投票的 DOT 都是相同的。",
+  "No documentation provided": "未提供文件",
+  "No events available": "没有事件可用",
+  "No external proposal": "没有外部的提案",
+  "No funds staked yet. Bond funds to validate or nominate a validator": "尚无抵押资金，抵押资金来验证或者提名一个验证人",
+  "No items": "没有选项",
+  "No judgments": "没有评价",
+  "No logs available": "没有可用的日志",
+  "No matches found": "未发现匹配项",
+  "No members found": "没有成员",
+  "No open tips": "没有开放的小费",
+  "No pending era payouts from validators": "没有来自验证人的等待的 era 支付",
+  "No pending extrinsics are in the queue": "队列中没有等待的交易",
+  "No pending payouts for your stashes": "你的存储账户没有待支付的奖励",
+  "No pending proposals": "没有进行中的提案",
+  "No runners up found": "没有找到 runners up",
+  "No sub identities set.": "没有子身份的设置",
+  "No upgradable extensions found": "没有需要升级的浏览器插件",
+  "No waiting validators found": "没有找到等待中的验证人",
+  "Node info": "节点信息",
+  "Nominate": "提名",
+  "Nominate Validators": "提名验证人",
+  "Nominate selected": "提名选中的",
+  "Nominate validators": "提名验证人",
+  "Nominating": "提名",
+  "Nominations ({{count}})": "提名({{count}})",
+  "Nominator": "提名人",
+  "Nominators ({{count}})": "提名人({{count}})",
+  "Nominators can be selected automatically based on the current on-chain conditions or supplied manually as selected from the list of all currently available validators. In both cases, your favorites appear for the selection.": "提名人可以根据当前链上条件自动选择，也可以从所有当前可用的验证人列表中选择手动提供。在这两种情况下，您的收藏夹将显示在所选内容中。",
+  "Nominators can be selected manually from the list of all currently available validators.": "可以从所有当前可用的验证人列表中手动选择提名人。",
+  "Nominators can be selected manually from the list of all currently available validators. If you have set favorites these will appear for the selection.": "可以从所有当前可用的验证人列表中手动选择提名人。如果您设置了收藏夹，这些将出现在选择中。",
+  "Nonce": "Nonce值",
+  "None": "没有一个",
+  "Normal transfer without keep-alive checks": "没有保持活跃检查的正常转账",
+  "Not updated in the last block": "在最后一个块中未更新",
+  "Nothing queued for execution": "没有排队等待中的执行",
+  "Of the beneficiary amount, at least {{bondPercentage}} would need to be put up as collateral. The maximum of this and the minimum bond will be used to secure the proposal, refundable if it passes.": "在受益人金额中，至少{{bondPercentage}} 需要作为抵押品。最高保证金和最低保证金将用于担保该提案，如果通过，可退还。",
+  "Once bonded, it will need to be unlocked/withdrawn and will be locked for at least the bonding duration.": "一旦绑定，则需要解锁/取出，并至少在绑定时间内锁定",
+  "Once transferred the amount will become available on the chain for use.": "一旦进行了转账，该金额将可在链上使用。",
+  "Once transferred the amount will become available on the parachain for use.": "一旦进行了转账，该金额将在平行链上可用。",
+  "Once transmitted the new selection will only take effect in 2 eras since the selection criteria for the next era was done at the end of the previous era. Until then, the nominations will show as inactive.": "一旦提交，新的选择将在两个 era 生效，因为下一个 era 的选择标准是在上一个 era 结束时完成的。在此之前，提名将显示为不活跃。",
+  "Once transmitted the new selection will only take effect in 2 eras taking the new validator election cycle into account. Until then, the nominations will show as inactive.": "一旦提交，新的选择将在2个era生效，考虑到新的验证人选择周期。在此之前，提名将显示为不活跃。",
+  "One of your available nomination accounts, keyed by the stash. The transaction will be sent from the controller.": "你的一个可用的提名帐户，由 stash 账户来管理。交易将从控制账户发送。",
+  "One or more extensions are detected in your browser, however no accounts has been injected.": "在您的浏览器中检测到多个扩展程序，但是没有帐号被注入",
+  "Online message": "在线消息",
+  "Only applicable if the proposal has already passed and is ready for dispatch.": "只适用于提案已经通过并准备调度的情况。",
+  "Override any applicable values for the specific signed output. These will be used to construct and display the signed transaction.": "重写特定有符号输出的任何适用值。这些将用于构造和显示签名的交易。",
+  "Override the default identity icon display with a specific theme": "用一个指定主题重来载默认的身份图标显示",
+  "Override the default ss58 prefix for address generation": "生成地址时重载 ss58 前缀",
+  "Oversubscribed": "超额认购",
+  "Oversubscribed nominations ({{count}})": "超额认购提名({{count}})",
+  "Overview": "概览",
+  "Owned": "已拥有",
+  "Parachains": "平行链",
+  "Parachains overview": "平行链概览",
+  "Paste here the address of the contact you want to add to your address book.": "把你想要添加到地址簿的联系人地址粘贴到这里。",
+  "Paste the signed message into the field below. The placeholder text is there as a hint to what the message should look like:": "将签名的消息粘贴到下面的字段中。占位符文本是一个提示，它看起来是这样的：",
+  "Payout": "支付",
+  "Payout all": "支付所有",
+  "Payout all stakers": "支付所有的质押者",
+  "Payouts": "支付",
+  "Payouts of rewards for a validator can be initiated by any account. This means that as soon as a validator or nominator requests a payout for an era, all the nominators for that validator will be rewarded. Each user does not need to claim individually and the suggestion is that validators should claim rewards for everybody as soon as an era ends.": "任何帐户都可以发起验证人的奖励支付。这意味着一旦验证人或提名人为一个 era 请求支付，所有验证人的提名人将被奖励。每个用户不需要单独领取，建议在一个 era 结束时，验证人为每个人领取回报。",
+  "Pending call hashes": "等待中的调用哈希",
+  "Please make sure to save this file in a secure location as it is required, together with your password, to restore your account.": "请确保按要求将此文件和你的密码保存在安全的位置，以供恢复账户时使用。",
+  "Please read these terms and conditions carefully. By submitting this statement, you are deemed to have accepted these Terms and Conditions. If you do not agree to these terms, please refrain from accessing or proceeding. You can also find them at:": "请仔细阅读这些条款和条件。通过提交此声明，您被视为已接受这些条款和条件。如果您不同意这些条款，请避免访问或继续。你也可以在以下网址找到:",
+  "Positive number": "正数",
+  "Positive number between 1 and {{count}}": "1和{{count}}之间的正数",
+  "Positive number between 1 and {{memberCount}}": "1和{{memberCount}}之间的正数",
+  "Positive number greater than or equal to {{nextFreeId}}": "大于或等于{{nextFreeId}}的正数",
+  "Potential dispatch of referendum {{id}} (if passed)": "公投{{id}}的潜在调度(如果通过)",
+  "Pre-sale ethereum address": "预售以太坊地址",
+  "Prefix indicates the ss58 address format in this network, it is a 16 bit unsigned integer that describes the precise format of the bytes of the address": "地址前缀用0~255的数来来表示SS58地址的编码格式",
+  "Preimage": "原像",
+  "Preparing QR for signing": "准备 QR 签名",
+  "Present the QR code containing the signature to the UI. Once scanned it will be submitted for on-chain processing and execution.": "将包含签名的二维码呈现给 UI。一旦扫描，它将提交到链上处理和执行。",
+  "Produced blocks": "生产区块",
+  "Proposal can either be to approve or reject this spend. One approved, the change is applied by either removing the proposal or scheduling payout.": "提案可以是批准或拒绝这一支出。如果得到批准，变更可以通过删除提议或安排支付来实施。",
+  "Proposals": "提案",
+  "Proposals ({{count}})": "提案({{count}})",
+  "Propose": "提出",
+  "Propose a committee motion": "提出一个委员会 motion",
+  "Propose a council motion": "提出一个理事会 motion",
+  "Propose external": "提出外部",
+  "Propose external (majority)": "提出外部(大多数)",
+  "Propose motion": "提出 motion",
+  "Propose tip": "提出小费",
+  "Provide judgement": "提供评价",
+  "Provide the account QR from the module/external application for scanning. Once detected as valid, you will be taken to the next step to add the account to your list.": "提供来自模块/外部应用的账户二维码来扫描。一旦检测结果为有效，你就可以进入下一步，将此账户添加到你的列表中。",
+  "Proxied": "代理",
+  "Proxied account has no owned proxies": "代理帐户没有自己的代理",
+  "Proxy overview": "代理概览",
+  "RPC calls": "RPC 调用",
+  "Random": "随机生成颜色",
+  "Raw seed": "原始种子",
+  "Raw storage": "原始存储",
+  "Reasonable": "合理的",
+  "Reassign": "重新分配",
+  "Redeem": "赎回",
+  "Register": "注册",
+  "Register Asset": "注册资产",
+  "Register a parachain": "注册一个平行链",
+  "Register an Asset": "注册一种资产",
+  "Register identity": "注册身份",
+  "Register sub-identities": "注册子身份",
+  "Register the vote for or against the proposal.": "注册赞成或反对该建议的投票。",
+  "Rejection proposal to council": "拒绝理事会的建议",
+  "Rejections": "拒绝",
+  "Remove": "移除",
+  "Remove ABI": "移除 ABI",
+  "Remove item": "移除项目",
+  "Remove sub": "移除子账户",
+  "Renomination required ({{count}})": "重新提名 ({{count}})",
+  "Reset": "重置",
+  "Restore": "恢复",
+  "Restore JSON": "恢复JSON",
+  "Retrieving data": "正在读取数据",
+  "Retrieving info for all applicable eras, this will take some time": "检索所有可用 era 的信息，这需要花点时间",
+  "Retrieving info for last {{numEras}} eras, this will take some time": "获取最近 {{numEras}} 个 era 的信息, 这需要花点时间",
+  "Retrieving info for the selected eras, this will take some time": "检索所选 ear 的信息，这将需要一些时间",
+  "Retrieving sub-identities": "检索子身份",
+  "Retrieving totals...": "检索总数…",
+  "Revert": "回复",
+  "Revert pending slashes": "回复待定惩罚",
+  "Rewards (once paid) can be deposited to either the stash or controller, with different effects.": "奖励(一旦支付)可以存入储物或控制账户，但效果不同。",
+  "Save": "保存",
+  "Save & Reload": "保存并重载",
+  "Save delegation": "保存代表",
+  "Save snippet to local storage": "将代码段保存到本地存储",
+  "Save the type definitions for your custom structures as key-value pairs in a valid JSON file. The key should be the name of your custom structure and the value an object containing your type definitions.": "将自定义结构的类型定义作为 key-value 对保存在一个有效的 JSON 文件中。key 应该是自定义结构的名称和包含类型定义的对象的值。",
+  "Save this backup file in a secure location. Additionally, the password associated with this account is needed together with this backup file in order to restore your account.": "把这个备份文件保存到一个安全的位置。另外，与此账户关联的密码以及此备份文件需要同时提供才能恢复您的帐户。",
+  "Saved": "已保存",
+  "Scan Signature Qr": "扫描 Qr 签名",
+  "Scan the QR code with your QR scanner. Once approved, you will be required to present the signed QR back to the UI for submission.": "用二维码扫描器扫描二维码。一旦批准，您将需要把签名的 QR 提交给 UI。",
+  "Search for": "搜索",
+  "Second": "附议",
+  "Second proposal": "附议提案",
+  "Seconding a proposal that indicates your backing for the proposal. Proposals with greater interest moves up the queue for potential next referendums.": "附议表明你对该提议的支持。有很多支持的提案可能会排队等待进入下一次公投。",
+  "Seconds ({{count}})": "附议 ({{count}})",
+  "Select Network": "选择网络",
+  "Select a contact or paste the address you want to send funds to.": "选择一个联系人或者粘贴一个你想要发送资金的地址。",
+  "Select and order council candidates you wish to vote for.": "选择和命令你想投票的理事会候选人。",
+  "Select best": "选择最优",
+  "Select example": "选择实例",
+  "Select targets manually (no auto-selection based on current profitability)": "手动选择（不是根据当前收益自动选择）",
+  "Select the JSON key file that was downloaded when you created the account. This JSON file contains your private key encrypted with your password.": "选择你创建帐户时下载的JSON密钥文件。此JSON文件包含你的密码加密的私钥。",
+  "Select the account to use for this action.": "选择要用于此操作的帐户。",
+  "Select the account you wish close the proposal with.": "选择您想要关闭提案的帐户。",
+  "Select the account you wish to close from.": "选择您想要关闭的帐户。",
+  "Select the account you wish to make the proposal with.": "选择您希望使用的帐户进行提议。",
+  "Select the account you wish to recover into this account.": "选择你希望恢复到此账户的账户。",
+  "Select the account you wish to second with. This will lock your funds until the proposal is either approved or rejected": "选择您希望与附议的帐户。这将锁定您的资金，直到提案被批准或拒绝",
+  "Select the account you wish to submit for candidacy.": "选择您希望提交候选资格的帐户。",
+  "Select the account you wish to submit the proposal from.": "选择您想要提交议案的帐户。",
+  "Select the account you wish to submit the tip from.": "选择您希望提交小费的帐户。",
+  "Select the account you wish to vote with. You can approve \"aye\" or deny \"nay\" the proposal.": "选择您想要投票的帐户。你可以“赞成”或“不赞成”这个议案。",
+  "Select the council account you wish to use to make the proposal.": "选择你想要使用的理事会帐户来提出议案",
+  "Select the remote endpoint, either from the dropdown on manual entered via the custom toggle": "选择远程终端，或者通过自定义切换输入的手动下拉菜单中的任意一个",
+  "Send": "发送",
+  "Send funds": "发送资金",
+  "Send funds from this account": "从这个账户发送资金",
+  "Send funds to this address": "发送资金到这个地址",
+  "Send to council": "发送给理事会",
+  "Sending transaction": "正在发送交易",
+  "Session Key": "session 密钥",
+  "Set Identity": "设置身份",
+  "Set Session Key": "设置 Session Key",
+  "Set Subs": "设置子账户",
+  "Set controller": "设置控制账户",
+  "Set nominees": "设置被提名人",
+  "Set on-chain identity": "设置链上身份",
+  "Set on-chain sub-identities": "设置链上子身份",
+  "Set reward destination": "设置收益地址",
+  "Set sudo key": "设置 sudo 密钥",
+  "Set to 0 to make transaction immortal": "设置为0使交易存在",
+  "Set validator preferences": "设置验证人偏好",
+  "Settings": "设置",
+  "Setup Nominator {{step}}/{{NUM_STEPS}}": "设置提名人 {{step}}/{{NUM_STEPS}}",
+  "Setup Validator {{step}}/{{NUM_STEPS}}": "设置验证人 {{step}}/{{NUM_STEPS}}",
+  "Setup account as recoverable": "设置账户为可恢复",
+  "Should the search be case sensitive, e.g if you select \"no\" your search for \"Some\" may return addresses containing \"somE\" or \"sOme\"...": "搜索是否大小写敏感，例如：如果你选择 \"否\"，则你搜索\"Some\"返回的地址可能包括\"somE\"或者\"sOme\"...",
+  "Show address on hardware device": "在硬件设备上显示地址",
+  "Sign (no submission)": "签名（不提交）",
+  "Sign and Submit": "签名并提交",
+  "Sign and Upload": "签名并上传",
+  "Sign for multisig": "多重签名",
+  "Sign message": "签名消息",
+  "Sign via Qr": "通过 Qr 签名",
+  "Sign via {{hardwareType}}": "通过{{hardwareType}}签名",
+  "Signed transaction": "签名交易",
+  "Since the multisig function like any other account, once created it is available for selection anywhere accounts are used and needs to be funded before use.": "因为这个多重签名功能和任何其它账户一样，一旦创建，它将可用于账户使用的所有地方来做选择，以及在使用之前需要先注入资金。",
+  "Since this transaction deals with funding, the stash account will be used.": "由于这项交易涉及资金，因此将使用储蓄账户。",
+  "Skeptics": "怀疑主义者",
+  "Slashed": "惩罚",
+  "Slashed in era {{eras}}": "在一个 ear{{eras}} 内惩罚",
+  "Slashes": "惩罚",
+  "Slashes ({{count}})": "惩罚({{count}})",
+  "Society": "社团",
+  "Society overview": "社团概览",
+  "Specify the user account to use for this contract call. And fees will be deducted from this account.": "指定用于此合约调用的用户帐户。费用将从该帐户中扣除.",
+  "Specify the user account to use for this deployment. And fees will be deducted from this account.": "指定用于部署的用户帐户。 费用将从该帐户中扣除.",
+  "Specify the user account to use for this deployment. Any fees will be deducted from this account.": "指定用于此部署的用户帐户。任何费用将从这个帐户中扣除。",
+  "Split of 1,000x from the original sale; will mean a total of 10b DOT from genesis. Apparent DOT price would be 1000x lower.": "从原始销售中拆分 1000倍；这意味着创世总共有 100 亿 DOT。表面上的DOT价格会低1000倍。",
+  "Split of 1000x": "拆分 1000倍",
+  "Split of 1000x from the original sale; will mean a total of 10 billion DOT from genesis. Apparent DOT price would be 1000x lower and apparent account balances 1000x higher.": "从最初的销售拆分1000倍；这意味着创世的总销售额为100亿 DOT。显然 DOT 价格将降低1000倍，显然账户余额将提高1000倍。",
+  "Split of 100x": "拆分100倍",
+  "Split of 100x from the original sale; will mean a total of 1 billion DOT from genesis. Apparent DOT price would be 100x lower and apparent account balances 100x higher.": "从最初的销售拆分100倍；这意味着创世的总销售额为10亿DOT。显然价格将降低100倍，账户余额将提高100倍",
+  "Split of 100x from the original sale; will mean a total of 1b DOT from genesis. Apparent DOT price would be 100x lower.": "从最初的销售中拆分100倍；意味着创世的总额是10亿DOT。显然 DOT 价格会低100倍",
+  "Split of 10x": "拆分10倍",
+  "Split of 10x from the original sale; will mean a total of 100 million DOT from genesis. Apparent DOT price would be 10x lower and apparent account balances 10x higher.": "从原始销售拆分10倍；将意味着创世纪的总销售额为1亿 DOT。显然价格将降低10倍，账户余额将提高10倍。",
+  "Split of 10x from the original sale; will mean a total of 100m DOT from genesis. Apparent DOT price would be 10x lower.": "从原始销售中拆分10倍；这意味着创世纪总共有1亿个DOT。DOT价格将降低10倍。",
+  "Staking overview": "质押概览",
+  "Start generation": "开始生成",
+  "Start of a new staking era {{id}}": "一个新的质押 ear {{id}}开始",
+  "Start of a new staking session {{id}}": "一个新的质押session {{id}}开始",
+  "Start of next membership challenge period": "下一个会员挑战期开始",
+  "Start of next spending period": "下一个花费期的开始",
+  "Start of the next referendum voting period": "下一次公投投票期开始",
+  "Start recovery": "开始恢复",
+  "Stash": "存储账户",
+  "Stop": "停止",
+  "Stop generation": "停止生成",
+  "Storage": "存储",
+  "Submit": "提交",
+  "Submit (no signature)": "提交（没有签名）",
+  "Submit RPC call": "提交 RPC 调用",
+  "Submit Sudo": "提交 Sudo",
+  "Submit Sudo Unchecked": "未选中提交Sudo",
+  "Submit Transaction": "提交交易",
+  "Submit Unsigned": "提交未签名",
+  "Submit bid": "提交竞标",
+  "Submit candidacy": "提交候选人",
+  "Submit key": "提交key",
+  "Submit preimage": "提交原像",
+  "Submit proposal": "提交议案",
+  "Submit signed extrinsic": "提交签名交易",
+  "Submit tip": "提交小费",
+  "Submit tip endorsement": "提交小费支持",
+  "Submit tip request": "提交小费申请",
+  "Submit treasury proposal": "提交国库议案",
+  "Submit your council candidacy": "提交你的理事会候选人",
+  "Sudo access": "sudo接入",
+  "Sudo key": "Sudo 密钥",
+  "Supply a backed-up JSON file, encrypted with your account-specific password.": "提供一个备份的JSON文件，用你的账户密码来加密。",
+  "Swap to a non-executing approval type, with subsequent calls providing the actual call data.": "交换到非执行的批准类型，后续调用提供实际调用数据。",
+  "Switch": "转换",
+  "Targets": "目标",
+  "Tech. committee": "技术委员会",
+  "Technical committee": "技术委员会",
+  "Test account": "测试账户",
+  "The ABI for the WASM code. In this step it is optional, but setting it here simplifies the setup of contract instances.": "用于WASM代码的ABI。在这个步骤中，它是可选的，但是在这里设置它简化了合约 实例的设置。",
+  "The ABI for the WASM code. Since we will be making a call into the code, the ABI is required and stored for future operations such as sending messages.": "用于WASM代码的ABI。因为我们将对代码进行调用，所以ABI是必需的，并且存储它用于将来的操作，比如发送消息",
+  "The Ethereum address you used during the pre-sale (starting by \"0x\")": "你在售前使用的以太坊地址(以\"0x\"开始)",
+  "The RPC node can be selected from the pre-defined list or manually entered, depending on the chain you wish to connect to.": "RPC节点可以从预定义的列表中选择，也可以手动输入，这取决于您希望连接到的链",
+  "The Threshold must be a positive number": "阈值必须是正数",
+  "The Threshold must lower than 11": "阈值必须低于11",
+  "The UI puts a limit of 40 payouts at a time, where each payout is a single validator for a single era.": "UI设置了一次最多40次支付的限制，每次支付都是一个era的一个验证人",
+  "The account password as specified when creating the account. This is used to encrypt the backup file and subsequently decrypt it when restoring the account.": "创建账户的时候需要指定密码。它可以用来加密备份文件并且在恢复账户的时候可以用来解密。",
+  "The account that signed the input": "为输入签名的帐户",
+  "The account that will receive the funds": "接收资金的账户",
+  "The account to which the proposed balance will be transferred if approved": "如获批准，议案余额将转至该帐户",
+  "The account to which the tip will be transferred if approved": "如果批准，小费将被转到改账户",
+  "The account you want to claim to.": "你想要认领的账户.",
+  "The account you want to register the preimage from": "你想要注册原映像的帐户",
+  "The account you want to register the proposal from": "您想要注册提案的帐户",
+  "The account you will send funds from.": "你用来发送资金的账户。",
+  "The account's password specified at the creation of this account.": "创建此帐户时指定的帐户密码。",
+  "The actual JSONRPC module and function to make a call to.": "要调用的实际JSONRPC模块和函数。",
+  "The actual account you wish to submit the bid with": "你想要提交竞标的账户",
+  "The actual fully constructed signed output. This can be used for submission via other channels.": "实际的完全构造的有符号输出。这可以用于通过其他渠道提交。",
+  "The actual proposal to make, based on the selected call and parameters thereof.": "实际提出的议案，基于所选的调用和参数。",
+  "The address for the deployed contract instance.": "部署合同实例的地址.",
+  "The address that has previously setup a proxy to one of the accounts that you control.": "先前为您控制的一个帐户设置了代理的地址。",
+  "The address that you have a valid proxy setup for.": "您拥有有效代理设置的地址",
+  "The address to vote from (must be a member)": "投票地址(必须是会员)",
+  "The addresses that are able to approve multisig transactions. You can select up to {{maxHelpers}} trusted addresses.": "用于批准多重签名交易的地址。你最多可以选择{{maxHelpers}}个信任的地址。",
+  "The addresses that are able to help in recovery. You can select up to {{maxHelpers}} trusted helpers.": "用于帮助恢复账户的地址。你最多可以选择{{maxHelpers}}个信任的帮手。",
+  "The allotted endowment for this contract, i.e. the amount transferred to the contract upon instantiation.": "分配给这个合约的捐赠, 即 the amount transferred to the contract upon instantiation.",
+  "The allotted value for this contract, i.e. the amount transferred to the contract as part of this call.": "此合约的分配值，即转移给合约的总量作为调用的一部分.",
+  "The amount of funds to unbond, this is adjusted using the bonded funds on the stash account.": "用于解除绑定的资金数额，这是利用在 stash 账户上的绑定的资金进行调整的。",
+  "The amount placed at-stake should allow some free funds for future transactions.": "所涉及的在质押的金额应该允许一些可用资金用于未来的交易",
+  "The amount placed at-stake should be no more that 95% of your available amount to protect against slashing events.": "处于质押中的金额应该不超过你可用金额的95%，以防止大幅度惩罚事件。",
+  "The amount placed at-stake should not be your full available available amount to allow for transaction fees.": "处于质押中的金额不应该是你的全部可用金额，需要留一些作为交易费。",
+  "The amount reserved to store this image": "为存储此图像而保留的数量",
+  "The amount that is associated with this vote. This value is is locked for the duration of the vote.": "与这次投票相关的金额。该值在投票期间被锁定。",
+  "The amount that will be allocated from the treasury pot": "从国库中分配的金额",
+  "The amount that will be used on a per-validator basis to calculate profits for that validator.": "在每个验证人的基础上用于计算该验证人利润的金额。",
+  "The amount this total can be reduced by to change the referendum outcome. This assumes changes to the convictions of the existing votes, with no additional turnout.": "这个总数可以通过改变公投结果来减少。这是在不增加投票率的前提下，假设现有选票的信念值发生改变",
+  "The amount this total should be increased by to change the referendum outcome. This assumes additional turnout with new votes at 1x conviction.": "为了改变公投结果，应该增加总数。这是假设有额外的投票率和新投票的1倍信念值。",
+  "The amount to allocate and the conviction that will be applied to all votes made on a referendum.": "分配的金额和信念值将适用于全民公投的所有投票。",
+  "The amount to associate with your bid, should be less than the pot.": "与你的出价相关联的金额，应该少于 pot。",
+  "The amount to tie to your bid. The lowest bidder moves forward.": "金额要与你的出价挂钩。出价最低的人可以继续向前走",
+  "The associated deposit for this proposal should be more then the minimum on-chain deposit required. It will be locked until the proposal passes.": "这一提议的相关押金应该比链上最低押金更多。它将被锁定，直到提案通过。",
+  "The auto-selection is done on the current profitability of the validators taking your favorites into account. It is adjusted based on the commission and current range of backing for the validator. The calculation may and will change over time, so it is rather a selection based on the current state of the network, not a predictor of future profitability.": "自动选择是根据将您的收藏考虑在内的验证人的当前盈利能力完成的。它是根据委员会和当前支持的验证人范围。这个计算可能会随着时间的推移而改变，所以它是基于网络当前状态的选择，而不是对未来盈利能力的预测",
+  "The balance associated with the vote will be locked as per the conviction specified and will not be available for transfer during this period.": "与投票相关的余额将根据指定的信念值被锁定，在此期间将不能进行转账。",
+  "The beneficiary will have access to the transferred fees when the transaction is included in a block.": "当交易被包含在区块内后，收款人将可使用已转账的金额。",
+  "The beneficiary will receive the full amount if the proposal passes.": "如果议案通过，受益人将收到全部金额",
+  "The beneficiary will received the tip as approved by council members.": "受益人将收到经理事会成员批准的小费。",
+  "The blake2b 256-bit hash of the actual input data.": "实际输入数据的 blake2b 256 位哈希。",
+  "The bond that is reserved": "被保留的绑定",
+  "The bond will be reserved for the duration of your candidacy and membership.": "保证金将在您的候选资格和会员资格期间保留。",
+  "The bonded amount is less than the minimum bond amount of {{existentialDeposit}}": "绑定金额小于 {{existentialDeposit}} 的最小绑定金额",
+  "The bonding duration for any staked funds. After this period needs to be withdrawn.": "任何质押资金的绑定期间。过了这段时间就需要提取了。",
+  "The bonding duration for any staked funds. Needs to be unlocked and withdrawn to become available.": "任何质押资金的绑定期间。需要解锁和撤回才能变得可用。",
+  "The calculated storage costs based on the size and the per-bytes fee.": "基于大小和每个字节的费用计算的存储成本。",
+  "The call data for this transaction matching the hash. Once sent, the multisig will be executed against this.": "此交易的调用数据与哈希匹配。发送后，多重签名将针对此执行。",
+  "The call data that can be supplied to a final call to multi approvals": "调用数据可提供给最后一次调用进行多次审批",
+  "The call hash from the list of available and unapproved calls.": "可用列表的调用哈希和未经批准的调用。",
+  "The call hashes that have not been executed as of yet.": "还未被执行的哈希对象。",
+  "The code hash for the on-chain deployed code.": "链上部署代码的哈希.",
+  "The code is not recognized as being in valid WASM format": "该代码未被识别为有效的WASM格式",
+  "The codeHash is not a valid hex hash": "codeHash不是有效的十六进制哈希",
+  "The color used to distinguish this network with others, use color code with 3 or 6 digits, like \"#FFF\" or \"#111111\"": "颜色用来和其他网络相区别，用3位或者6位的16进制码表示，比如#FFF或#111111",
+  "The commission is deducted from all rewards before the remainder is split with nominators.": "佣金将从所有奖励中扣除，在剩余部分将与提名人分割之前",
+  "The committee account that will apply the close for the current round.": "将申请本轮结算的委员会账户。",
+  "The compiled WASM for the contract that you wish to deploy. Each unique code blob will be attached with a code hash that can be used to create new instances.": "您希望部署的合约已编译为WASM. 每个唯一的代码blob都将附加一个代码哈希，可用于创建新实例",
+  "The compiled runtime WASM for the parachain you wish to register.": "你想要注册的平行链的编译 runtime WASM。",
+  "The compiled runtime WASM for this parachain.": "这个平行链的编译 runtime WASM。",
+  "The contract WASM previously deployed. Internally this is identified by the hash of the code, as either created or attached.": "该合同已经部署。在内部，这是通过创建或附加的代码的散列标识的。",
+  "The controller does not have sufficient funds available to cover transaction fees. Ensure that a funded controller is used.": "控制账户没有足够的资金支付交易费用。确保使用的控制账户有足够的资金。",
+  "The controller is the account that is be used to control any nominating or validating actions. I will sign this transaction.": "控制账户是用于控制任何提名或验证操作的帐户。我将签署这笔交易。",
+  "The controller is the account that will be used to control any nominating or validating actions. Should not match another stash or controller.": "控制账户是用于控制任何提名或验证操作的帐户。不应该匹配另一个存储或控制账户。",
+  "The conviction that will be used for each delegated vote.": "将用于每次委托投票的信念值",
+  "The conviction to use for this vote, with an appropriate lock period.": "本次投票所用的信念值，附有适当的锁定期。",
+  "The council account for the proposal. The selection is filtered by the current members.": "理事会对这项议案作了解释。选择由当前成员进行筛选。",
+  "The council account for this vote. The selection is filtered by the current members.": "理事会负责这次投票。选择由当前成员进行筛选",
+  "The council account that will apply the close for the current round.": "将申请本轮结算的理事会账户。",
+  "The council member that is proposing this, submission equates to an \"aye\" vote.": "提出这一议案的理事会成员提交的意见等同于“赞成”投票。",
+  "The council proposal to make the vote on": "理事会提议进行表决",
+  "The data that was signed. This is used in combination with the signature for the verification. It can either be hex or a string.": "已签名的数据。它与签名一起用于验证。它可以是十六进制，也可以是字符串。",
+  "The delay between vouching and the availability of the recovered account.": "在担保和恢复账户可用性之间的延迟。",
+  "The delay period to apply in blocks": "在区块中应用的延迟周期",
+  "The deployment constructor information for this contract, as provided by the ABI.": "由ABI提供的此合约的部署构造函数信息.",
+  "The deposit is below the {{minimum}} minimum required for the proposal to be evaluated": "押金低于待评估的提案所要求的最低数额{{minimum}} ",
+  "The deposit of {{deposit}} will be reserved until the proposal is completed": "{{deposit}} 的存款将保留到提案完成为止",
+  "The derivation path allows you to create different accounts from the same base mnemonic.": "派生路径允许你由相同的基础助记词创建不同的账户。",
+  "The desired threshold. Here set to a default of 50%+1, as applicable for general proposals.": "所需的阈值。这里设置为默认的50%+1，适用于一般建议。",
+  "The destination account for any payments as either a nominator or validator": "任何付款的目的账户作为提名人或验证人",
+  "The details of the transaction including the type, the description (as available from the chain metadata) as well as any parameters and fee estimations (as available) for the specific type of call.": "交易的详细信息，包括类型、描述(可以从链元数据中获得)以及特定类型调用的任何参数和费用估算(可以获得)。",
+  "The elected validator list that did not get selected by the Phragmen algorithm for this era. However they may be selected in the future.": "这个 era 的 Phragmen 算法没有选择的已选验证人列表。但是他们将来可能会被选择",
+  "The email address associated with this identity.": "与这个身份关联的邮件地址。",
+  "The existing account password as specified when this account was created or when it was last changed.": "当账户被创建或者最后一次被修改的时候所指定的密码。",
+  "The external proposal to send to the technical committee": "提交给技术委员会的外部议案",
+  "The final recipient balance is less or equal to {{existentialDeposit}} (the existential amount) and will not be reflected": "最终接收方余额小于或等于{{existentialDeposit}}(存在金额)，并且不会被反映",
+  "The funds will only be available for withdrawal after the unbonding period, however will not be part of the staked amount after the next validator election. You can follow the unlock countdown in the UI.": "该资金将只可在解除绑定期后提取，但不会在下次验证人选举后成为质押金额的一部分。你可以在UI中查看解锁倒计时",
+  "The hash for the proposal this vote applies to": "这次投票的提案的哈希适用于此",
+  "The hash of the preimage for the proposal as previously submitted or intended.": "先前提交或预期提交的提案的原象的哈希。",
+  "The hash of the proposal image, either already submitted or valid for the specific call.": "议案图像的哈希，要么已经提交，要么对特定调用有效。",
+  "The hash of the selected proposal, use it for submitting the proposal": "所选提案的哈希，用于提交提案",
+  "The helpers should be able to verify, via an off-chain mechanism, that the account owner indeed wishes to recover access and as such provide any approvals. In the cases of malicious recovery procedures, they will have the power to stop it.": "恢复账户的帮手们需要通过一个链下机制来核实账户拥有人希望能恢复权限，而且能提供批准。如果涉及恶意恢复，他们就有权利来停止恢复过程。",
+  "The hex output from author_rotateKeys, as executed on the validator node. The keys will show as pending until applied at the start of a new session.": "author_rotateKeys 的十六进制输出，在验证人节点上执行。这些key将显示为待定，直到在新 session 开始时应用。",
+  "The id number to assign to this parachain.": "分配给这个平行链的 id 号",
+  "The id of the parachain to be deregistered.": "被撤销登记的平行链的 ID 号",
+  "The image (proposal) will be stored on-chain against the hash of the contents.": "图像(提案)将根据内容的哈希进行链上存储。",
+  "The initial head state for the parachain.": "平行链最初的区块头状态。",
+  "The initial head state is invalid.": "初始区块头状态无效",
+  "The input data to hash. This can be either specified as a hex value (0x-prefix) or as a string.": "要哈希的输入数据。这可以指定为十六进制值(0x-prefix)或字符串",
+  "The input data to sign. This can be either specified as a hex value (0x-prefix) or as a string.": "要签名的输入数据。这可以指定为十六进制值(0x-prefix)或字符串。",
+  "The key type and crypto type to use for this key. Be aware that different keys have different crypto requirements. You should be familiar with the type requirements for the different keys.": "此密钥要使用的密钥类型和密码类型。请注意，不同的密钥有不同的加密要求。您应该熟悉不同键的类型要求。",
+  "The legal name for this identity.": "此身份的法定名称。",
+  "The local name for this account. Changing this does not affect your on-line identity, so this is only used to indicate the name of the account locally.": "此账户的本地名称。改变这一名称并不会影响你的线上身份，所以它只是用于在本地表示这一账户而已。",
+  "The locked value for this proposal": "这个议案的锁定值",
+  "The maximum amount of gas that can be used by this call. If the code requires more, the call will fail.": "用于调用使用gas的最大量. 如果超过这个量将会调用失败.",
+  "The maximum amount of gas that can be used by this deployment, if the code requires more, the deployment will fail.": "此部署可以使用gas的最大量，如果代码需要更多gas，部署将失败.",
+  "The maximum amount of gas to use for this contract call. If the call requires more, it will fail.": "此合约调用使用的最大 gas 值。如果调用需要更多，就会失败。",
+  "The maximum amount you can delegate is the amount of funds available on the delegating account.": "您可以委托的最大金额是可委托账户上的资金总额。",
+  "The message to send to this contract. Parameters are adjusted based on the ABI provided.": "发送给合约的消息. 根据提供的ABI调整参数.",
+  "The minimum amount that an account should have to be deemed active": "一个账户被认可为活跃时所必须拥有的最小数量。",
+  "The minimum amount that will be bonded": "最小绑定的数量",
+  "The minimum deposit required": "所需最小押金",
+  "The minimum number of committee votes required to approve this motion": "通过该 motion 所需的最低委员会票数",
+  "The minimum number of council votes required to approve this motion": "通过该 motion 所需的最低理事会票数:通过该动议所需的最低理事会票数",
+  "The multisig signatory for this transaction.": "此交易的多重签名人。",
+  "The name for this account and how it will appear under your addresses. With an on-chain identity, it can be made available to others.": "此账户的名称，以及它会如何出现在你的地址下。拥有一个链上身份，它就可以被他人使用。",
+  "The name is for unique identification of the account in your owner lists.": "此名称用于在你所拥有的账户列表内唯一地标识该账户。",
+  "The name that will be displayed in your accounts list.": "将会展示在你的账户列表中的名称。",
+  "The new account password. Once set, all future account unlocks will be performed with this new password.": "新的账户密码。一旦设定，之后该账号的所有解锁操作都将使用这个新的密码。",
+  "The on-chain percentage for the treasury": "国库的链上比例",
+  "The operation type to apply. For approvals both non-final and final approvals are supported.": "要应用的操作类型。对于审批，支持非最终审批和最终审批。",
+  "The password and password confirmation for this account. This is required to authenticate any transactions made and to encrypt the keypair.": "用于此账户的密码和密码确认。当授权任何交易以及加密秘钥对时是必须的。",
+  "The password previously used to encrypt this account.": "之前使用的用于加密此账户的密码。",
+  "The password to unlock the selected account.": "用于解锁已选择账户的密码。",
+  "The percentage reward (0-100) that should be applied for the validator": "验证人应该设置的奖励百分比(0-100)",
+  "The preimage hash of the proposal": "议案的原像哈希",
+  "The private key for your account is derived from this seed. This seed must be kept secret as anyone in its possession has access to the funds of this account. If you validate, use the seed of the session account as the \"--key\" parameter of your node.": "用于你的账户的私钥是从这个种子派生出来的。该种子必须保密，因为拥有它的任何人都可以使用此帐户的资金。如果你参与验证，请使用会话账户的种子作为你的节点的\"--key\"参数。",
+  "The proposal is in the queue for future referendums. One proposal from this list will move forward to voting.": "这项提案将等待未来的全民公投。列表上的一项提案将进行投票。",
+  "The proposal that is being voted on. It will pass when the threshold is reached.": "正在投票的提案。当达到阈值时，它将通过。",
+  "The proposal that will be affected. Once closed for the current voting round, it would need to be re-submitted for a subsequent voting round.": "将会受到影响的议案。在当前一轮投票结束后，需要重新提交，以便进行后续投票",
+  "The proposal that will be affected. Once closed for the current voting round, it would need to be re-submitted to council for a subsequent voting round.": "将会受到影响的议案。在当前投票结束后，需要重新提交理事会进行随后的投票。",
+  "The proposal will be registered from this account and the balance lock will be applied here.": "此议案将从这个账户注册，余额锁定也将在这个账户。",
+  "The proxy is one of the allowed proxies on the account, as set and filtered by the transaction type.": "代理是帐户上允许的代理之一，由交易类型设置和筛选。",
+  "The proxy to be used for this transaction.": "用于此交易的代理",
+  "The reason why this tip should be paid.": "应该付小费的原因。",
+  "The recoverable account is protected against the loss of seed/access by a social process.": "可恢复的账户通过一种社交处理流程，在种子/权限遗失的情况下保护该账户。",
+  "The resulting signature of the input data, as done with the crypto algorithm from the account. (This could be non-deterministic for some types such as sr25519).": "输入数据的结果签名，就像使用帐户的加密算法所做的那样。(对于某些类型，例如sr25519，这可能是非确定性的)。",
+  "The scheduling preference for this parachain.": "此平行链的日程安排首选项",
+  "The scheduling setting for this parachain.": "此平行链的日程安排设置",
+  "The secret seed value for this account. Ensure that you keep this in a safe place, with access to the seed you can re-create the account.": "此账户的秘密种子值。请确保你会将它保存在一个安全的地方，拥有该种子时你才可以重新创建此账户。",
+  "The seed and derivation path will be submitted to the validator node. this is an advanced operation, only to be performed when you are sure of the security and connection risks.": "种子和派生路径将提交给验证人节点。这是一个高级操作，只有在确定安全性和连接风险时才执行。",
+  "The selected account to be unlocked.": "所选要解除锁定的帐户",
+  "The selected account to perform the derivation on.": "已选择的账号来执行派生。",
+  "The selected controller tied to this stash. Once set, this account will be able to control the actions performed by the stash account.": "所选控制账户绑定到此存储账户。一旦设置，该帐户将能够控制stash帐户执行的操作",
+  "The selected validators to nominate, either via the \"currently best algorithm\" or via a manual selection.": "通过\"当前最佳算法\"或通过手动选择提名所选验证人。",
+  "The sending account that will be used to send this transaction. Any applicable fees will be paid by this account.": "用于发送此交易的发送帐户。任何适用的费用将由此帐户支付。",
+  "The signatories has the ability to create transactions using the multisig and approve transactions sent by others.Once the threshold is reached with approvals, the multisig transaction is enacted on-chain.": "签署人可以使用多重签名来创建交易，以及批准他人发出的交易。一旦达到批准阈值，多重签名交易就会在链上执行。",
+  "The signatory is one of the allowed accounts on the multisig, making a recorded approval for the transaction.": "签署人是在multisig上允许的帐户之一，为交易作出记录批准。",
+  "The signatory is one of the allowed accounts on the multisig. The transaction could either be the call or an approval for the hash of a call.": "签署人是在multisig上允许的帐户之一。交易可以是调用，也可以是调用哈希的批准",
+  "The signatory to send the approval/cancel from": "发送批准/取消的签署人",
+  "The signature as by the account being checked, supplied as a hex-formatted string.": "被检查的帐户的签名，以十六进制格式的字符串提供。",
+  "The specific eras on which there are unapplied slashes. For each era a separate proposal is to be made.": "有未应用 slash 的特定 era。每个 ear 都有一个单独的议案。",
+  "The specified value is greater than the recommended amount. You may not be adequately protected against slashing events or have funds for future fees.": "指定值大于推荐值。你可能没有得到足够的保护，以防止大幅 slash 事件或有资金支付未来的费用。",
+  "The specified value is greater than your free balance. The node will bond the maximum amount available.": "指定的值大于可用余额。节点将绑定可用的最大金额",
+  "The specified value is too large and does not allow funds to pay future transaction fees.": "指定的金额太大，不允许资金支付未来的交易费用。",
+  "The stash account that is used. This will allow the controller to perform all non-funds related operations on behalf of the account.": "被使用的储蓄账户。这将允许控制账户代表帐户执行所有与资金无关的操作。",
+  "The stash and controller pair as linked. This operation will be performed via the controller.": "存储和控制账户对是连接的。此操作将通过控制账户执行",
+  "The stash and controller pair, here the controller will be used to send the transaction.": "存储和控制账户对，这里控制账户将用于发送交易",
+  "The stash and controller pair. This transaction, managing preferences, will be sent from the controller.": "存储和控制账户对。这个管理偏好的交易将从控制账户发送。",
+  "The stash and controller pair. This transaction, setting the session keys, will be sent from the controller.": "存储和控制账户对。这个设置 session 密钥的交易将从控制账户发送。",
+  "The stash that is to be affected. The transaction will be sent from the associated controller account.": "受影响的存储账户。交易将从关联的控制帐户发送。",
+  "The suggested value for this tip": "这个小费的建议值",
+  "The threshold for approval should be less or equal to the number of signatories for this multisig.": "批准阈值应该少于或等于此多重签名的签署人数量。",
+  "The threshold for approvals and the delay is the protection associated with the account. The delay should be such that any colluding recovery attempts does have a window to stop.": "批准阈值和延迟是对此账户的保护。延迟应该是这样的：任何合谋的行为都有一个被叫停的时间窗口。",
+  "The threshold for this multisig": "用于此多重签名的阈值",
+  "The threshold of vouches that is to be reached for the account to be recovered.": "恢复此账户需要达到的担保阈值。",
+  "The tip amount that should be allocated": "应该分配的小费金额",
+  "The total amount of the stash balance that will be at stake in any forthcoming rounds (should be less than the free amount available)": "在接下来的几轮中所需要的质押的 stash 余额总额(应该小于可用的剩余金额)",
+  "The total amount of the stash balance that will be at stake in any forthcoming rounds (should be less than the total amount available)": "在接下来的几轮中所需要的质押的 stash 余额总额(应少于可提供的总金额)",
+  "The transferred balance will be subtracted (along with fees) from the sender account.": "转移的余额将会从发送账户中扣除（以及交易费用）。",
+  "The twitter name for this identity.": "此身份的Twitter名称。",
+  "The type of council proposal to submit.": "提交的理事会提案类型",
+  "The unapplied slashed era to cancel.": "未应用的 slash ear 取消。",
+  "The unchecked weight as specified for the sudoUncheckedWeight call.": "为sudoUncheckedWeight调用指定的未检查的权重。",
+  "The validators selected by the Phragmen algorithm to nominate for this era.": "由Phragmen算法选择为这个 era 提名的验证器人。",
+  "The validators that are not in the validator set because they need more nominations or because they have willingly stopped validating. Any nominations made before the next election will also appear here.": "不在节点池的验证人是因为他们需要更多的提名或者因为自愿停止验证。下次选举前的提名也会在此公布。",
+  "The validators that are over-subscribed, only the top 64 backing stake will be rewarded.": "对于超额认购的验证人，只有前64名的支持质押的将得到奖励",
+  "The validators that got slashed and for which your nomination got auto-chilled. Re-nominating these will make them available to the Phragmen algorithm.": "被 slash 的验证人，你的提名人也会被自动冻结。重新提名这些将使他们可用于 Phragmen 算法。",
+  "The value associated with this vote. The amount will be locked (not available for transfer) and used in all subsequent elections.": "与这次投票相关的价值。该金额将被锁定(不能用于转账)并用于随后的所有选举。",
+  "The value is not in a valid address format": "该值的地址格式无效",
+  "The value is the amount that is being asked for and that will be allocated to the beneficiary if the proposal is approved.": "价值就是被要求的金额，如果议案被批准，这个金额将分配给受益人。",
+  "The vote to record for this proposal, either for or against.": "赞成或反对这一提案的投票结果被记录在案。",
+  "The vote will be recorded for the selected account.": "对选定帐户的投票将被记录",
+  "The vote will be recorded for this account. If another account delegated to this one, the delegated votes will also be counted.": "投票将为此账户记录。如果另一个帐户委托给这个帐户，委托的投票也将计算在内。",
+  "The votes for the members, runner-ups and candidates. These should be ordered based on your priority.": "对成员、亚军和候选人的投票。这些应该根据你的优先级排序。",
+  "The voting period to apply in blocks": "申请区块的投票期间",
+  "There an no unapplied/pending slashes": "没有未应用/待定的 slash",
+  "There are no pending proposals": "没有待定的议案",
+  "There are no registered parachains": "没有注册的平行链",
+  "There are no unapplied/pending slashes": "没有未应用/待定的 slash",
+  "There is currently an ongoing election for new validator candidates. As such staking operations are not permitted.": "目前正在进行新的验证人候选人的选举。因为这样的 staking 操作是不允许的。",
+  "These are trusted individuals that can verify and approve any recovery actions. With recovery, once the threshold is reached, the funds associated with the account can be moved to a new destination.": "这些是受信任的个体，它们可以验证、认可任何恢复行为。通过恢复行为，一旦达到了阈值，此账户的资金就可以转移至新的账户。",
+  "These validators are active but only the top {{max}} nominators by backing stake will be receiving rewards. The nominating stash is not one of those to be rewarded in the current era.": "这些验证人是活跃的，但只有支持质押的顶级{{max}提名人将获得奖励。在当前 era，提名 stash 账户不是值得奖励的",
+  "Think of the stash as your cold wallet and the controller as your hot wallet. Funding operations are controlled by the stash, any other non-funding actions by the controller itself.": "把存储账户想象成你的冷钱包，把控制账户想象成你的热钱包。资金操作由stash控制，其他非资金操作由控制账户本身控制",
+  "This Ethereum address does not have a claim.": "这个以太坊地址没有认领",
+  "This account has a governance delegation": "该帐户具有治理委托",
+  "This account has {{proxyNumber}} proxy set.": "此帐户设置了{{proxyNumber}}代理。",
+  "This account is recoverable, with the following friends:": "此账户是可恢复的，它有以下朋友：",
+  "This account that will perform the message signing.": "将执行消息签名的帐户。",
+  "This account will appear in the list of candidates. With enough votes in an election, it will become either a runner-up or a council member.": "该帐户将出现在候选列表中。在选举中获得足够的选票后，它将成为亚军或理事会成员。",
+  "This account will be use to approve each candidate.": "此帐号将用于批准每个候选人。",
+  "This account will make the proposal and be responsible for the bond.": "该帐户将提出议案并负责绑定。",
+  "This account will pay the fees for the preimage, based on the size thereof.": "此账户将根据之前的图像大小支付费用。",
+  "This could either be an approval for the hash or with full call details. The call as last approval triggers execution.": "这可以是对哈希的批准，也可以是完整的调用细节。调用作为最后的审批触发执行。",
+  "This external account cannot be used to sign data. Only Limited support is currently available for signing from any non-internal accounts.": "此外部帐户不能用于对数据进行签名。目前只有有限的支持可以从任何非内部帐户签名。",
+  "This injected account cannot be used to sign data since the extension does not support raw signing.": "这个注入的帐户不能用于对数据进行签名，因为扩展不支持原始签名。",
+  "This is not a valid JSON object.": "不是一个有效的JSON对象.",
+  "This operation does not impact the associated on-chain code or any of its contracts.": "此操作不会影响关联的链上代码或其任何合约。",
+  "This operation does not remove the history of the account from the chain, nor any associated funds from the account. The forget operation only limits your access to the account on this browser.": "此操作不会从链中删除该帐户的历史记录，也不会从该帐户中删除任何关联资金。忘记操作只限制您访问此浏览器上的帐户。",
+  "This operation does not remove the history of the account from the chain, nor any associated funds from the account. The forget operation only limits your access to the address on this browser.": "此操作不会从链中删除该帐户的历史记录，也不会从该帐户中删除任何关联资金。忘记操作只限制您访问此浏览器上的地址。",
+  "This operation does not remove the history of the contract from the chain, nor any associated funds from its account. The forget operation only limits your access to the contract on this browser.": "此操作不会从链中删除该合约的历史记录，也不会从该帐户中删除任何关联资金。忘记操作只限制您访问此浏览器上的合约。",
+  "This operation does not remove the uploaded code WASM and ABI from the chain, nor any deployed contracts. The forget operation only limits your access to the code on this browser.": "此操作不会从链中删除上传的代码WASM和ABI，也不会删除任何部署的合约。忘记操作只限制您对该浏览器中的代码的访问。",
+  "This operation will submit the seed via an RPC call. Do not perform this operation on a public RPC node, but ensure that the node is local, connected to your validator and secure.": "该操作将通过RPC调用提交种子。不要在公共RPC节点上执行此操作，但要确保该节点是本地的，连接到验证人并且安全。",
+  "This password is used to encrypt your private key. It must be strong and unique! You will need it to sign transactions with this account. You can recover this account using this password together with the backup file (generated in the next step).": "这个密码是用来加密你的私钥的。它必须是强度足够且唯一的！你将会使用你的账户来签名交易。你可以用你的密码和你的备份文件（下一步会生成）一起来恢复此账户。",
+  "This poll is setup to judge the sentiment of the Polkadot token holders in adjusting the number of decimals that is used to identify one full DOT. It does not change the overall supply, but rather just allows for a different representation of the current supply.": "这个民意测验是用来判断波卡代币持有者在调整用来识别一个完整 DOT 的小数点时的情绪。它不会改变总供应量，而只是把当前供应量进行不同的表示。",
+  "This pubic key is what will be visible in your queued keys list. It is generated based on the seed and the crypto used.": "这个公共密钥将在您的队列密钥列表中可见。它是基于所使用的种子和密码生成的。",
+  "This vote does not affect any economics of the Polkadot platform. Staking rewards, inflation, effective market capitalisation and the underlying balances of every account remain completely unchanged. It is \"merely\" about what units we use to denominate the balances into \"DOT\" for the purpose of display.": "这次投票不会影响波卡平台的任何经济效益。质押回报、通胀、有效市值和每个账户的基本余额仍完全不变。它“仅仅”是关于我们用什么单位来把余额命名，并以便显示。",
+  "This will apply to any future use of this account as stored on this browser. Ensure that you securely store this new password and that it is strong and unique to the account.": "此帐户将在浏览器中存储以供将来使用。请确保你安全地存储了这个新密码，而且此密码强度足够，且是此账户的唯一密码。",
+  "Tip": "小费",
+  "Tip (optional)": "小费（可选）",
+  "Tippers ({{count}})": "付小费的人({{count}})",
+  "Tips": "小费",
+  "To council": "对理事会",
+  "To ensure optimal fund security using the same stash/controller is strongly discouraged, but not forbidden.": "为了确保最佳的资金安全使用相同的stash/controller 账户是强烈不建议的，但不是禁止。",
+  "Total amount of fund that will be reserved. These funds are returned when the identity is cleared": "预留资金的总额。当身份被清除时，这些资金将被返还",
+  "Transfer": "转账",
+  "Transfer an amount from a specific account into a parachain.": "将一笔款项从一个特定的账户转到一个平行链账户",
+  "Transfer to chain": "给链转账",
+  "Transfer to parachain": "给平行链转账",
+  "Transfer with account keep-alive checks": "用保持活跃检查的账户转账",
+  "Translate": "翻译",
+  "Treasury overview": "国库概览",
+  "Type here what you would like your address to contain. This tool will generate the keys and show the associated addresses that best match your search. You can use \"?\" as a wildcard for a character.": "在此处输入您希望包含的地址。此工具将生成密钥并显示与您的搜索最匹配的关联地址。你可以使用 \"?\" 做为通配符。",
+  "Type the amount you want to transfer. Note that you can select the unit on the right e.g sending 1 milli is equivalent to sending 0.001.": "输入你要转移的总量。注意，你可以从右边选择单位，例如“发送 1 milli”相当于发送0.001。",
+  "Type the name of this Asset. This name will be used across all the apps. It can be edited later on.": "键入该资产的名称。此名称将在所有应用程序中使用。之后可以对其进行编辑。",
+  "Type the name of your contact. This name will be used across all the apps. It can be edited later on.": "输入联系人的姓名。这个名字在本应用的所有页面内可用。之后可以编辑。",
+  "Type the password chosen at the account creation. It was used to encrypt your account's private key in the backup file.": "输入在创建帐户时选择的密码。它用于在备份文件中加密你帐户的私钥。",
+  "Unable to find deployed contract code at the specified address": "在指定的地址找不到部署的合约代码",
+  "Unable to find on-chain WASM code for the supplied codeHash": "找不到所提供codeHash的链上WASM代码",
+  "Unbid": "没有竞标",
+  "Unbond": "解除绑定",
+  "Unbond funds": "解除绑定资金",
+  "Unbonding {{value}}": "解除绑定{{value}}",
+  "Uncaught error. Something went wrong with the query and rendering of this component. {{message}}": "未捕获的错误。此组件的查询和呈现出现问题。{{message}}",
+  "Undelegate": "不受委托的",
+  "Unit": "单位",
+  "Unit decides the name of 1 unit token, e.g. \"DOT\" for Polkadot": "每一个token的单位，比如Polkadot的单位是DOT",
+  "Unknown": "未知的",
+  "Unlock": "解锁",
+  "Unlock account": "解锁的账户",
+  "Unlock the account for signing. Once active the signature will be generated based on the content provided.": "解锁帐户以进行签名。一旦激活，将根据提供的内容生成签名。",
+  "Unlock the sending account to allow signing of this transaction.": "解锁发送帐户以允许签署此交易。",
+  "Unlock vested amount": "解锁既得金额",
+  "Unvote all": "全部取消",
+  "Upcoming events": "活动预告",
+  "Update metadata": "升级Metadata",
+  "Updated in the latest block": "在最新的块中更新",
+  "Upload": "上传",
+  "Upload WASM": "上传 WASM",
+  "Use a proxy for this call": "对这个调用使用代理",
+  "Use an automatic selection of the currently most profitable validators": "自动选择当前收益最高的验证者",
+  "Use this account to request the tip from. This can be a normal or council account.": "使用此帐户申请小费。这可以是一个普通帐户或理事会帐户",
+  "Validate": "验证",
+  "Validator": "验证人",
+  "Validator stats": "验证人统计数据",
+  "Vanity generator": "地址美化",
+  "Verify signature": "验证签名",
+  "Verify the password entered above.": "验证上面输入的密码。",
+  "View this externally": "从外部查看",
+  "Vote": "投票",
+  "Vote Aye": "投票赞同",
+  "Vote Nay": "投票否定",
+  "Vote for candidate": "为候选人投票",
+  "Vote for current candidates": "给当前候选人投票",
+  "Vote for defender": "投票给提出者",
+  "Vote on proposal": "投票议案",
+  "Voting": "投票",
+  "Voting closed": "投票关闭",
+  "Voting costs nothing other than the transaction fee and can be done from all accounts with a non-zero spendable balance.": "投票成本除交易费之外没有其他的，任何不是非零的账户都可以进行",
+  "Voting ends for referendum {{id}}": "全民投票{{id}}结束",
+  "Voting ends on council motion {{id}}": "理事会 motion{{id}} 投票结束",
+  "Voting is made on a per-account basis; a single account must all vote the same way and cannot split its vote.": "投票是按帐户进行的;一个单一的帐户必须全部以同样的方式投票，不能分割它的投票。",
+  "Waiting": "等待中",
+  "Waiting for API to be connected and ready.": "等待API连接成功。",
+  "Waiting for authorization from the extension. Please open the installed extension and approve or reject access.": "扩展等待认证. 打开已经安装的扩展同意或者拒绝他.",
+  "Waiting nominations ({{count}})": "等待中的提名 ({{count}})",
+  "Warning: we did not find any attest statement for {{chain}}": "警告:我们没有找到任何关于{{chain}}的认证声明",
+  "We found a pre-claim with this Polkadot address. However, attesting requires signing with this account. To continue with attesting, please add this account as an owned account first.": "我们在波卡的地址找到了一个预先认领。但是，认证需要在这个账户上签字。要继续进行认证，请先将此帐户添加为自有帐户",
+  "We will provide you with a generated backup file after your account is created. As long as you have access to your account you can always download this file later by clicking on \"Backup\" button from the Accounts section.": "创建帐户后，我们将为您提供一个生成的备份文件。只要您有权访问帐户，以后就可以通过单击\"帐户\"中的\"备份\"按钮来下载此文件。",
+  "When submitting a proposal the hash needs to be known. Proposals can be submitted with hash-only, but upon dispatch the preimage needs to be available.": "在提交议案时，需要知道哈希。提案只能通过哈希提交，但在发送时，需要有预图像",
+  "With the Firefox browser connecting to insecure WebSockets ({{wsUrl}}) will fail due to the browser not allowing localhost access from a secure site.": "用Firefox连接不安全的 WebSockets ({{wsUrl}}) 由于浏览器不允许从一个安全的站点访问本地服务, 可能访问失败.",
+  "With the keep-alive option set, the account is protected against removal due to low balances.": "通过设置keep-alive选项，可以保护帐户不因余额低而被删除。",
+  "Withdraw these unbonded funds": "提取这些解绑的资金",
+  "Withdraw unbonded funds": "提取解绑资金",
+  "Yes": "是",
+  "You are about to remove this account from your list of available accounts. Once completed, should you need to access it again, you will have to re-create the account either via seed or via a backup file.": "您将从可用帐户列表中删除此帐户。一旦完成，如果您需要再次访问它，您将不得不通过种子或备份文件重新创建帐户。",
+  "You are about to remove this address from your address book. Once completed, should you need to access it again, you will have to re-add the address.": "您将从地址簿中删除此地址。一旦完成，如果您需要再次访问它，您将不得不重新添加地址",
+  "You are about to remove this code from your list of available code hashes. Once completed, should you need to access it again, you will have to manually add the code hash again.": "您将从可用代码哈希列表中删除此代码。一旦完成，如果您需要再次访问它，您将不得不再次手动添加代码哈希。",
+  "You are about to remove this code's ABI. Once completed, should you need to access it again, you will have to manually re-upload it.": "您将删除此代码的ABI。一旦完成，如果你需要再次访问它，你将不得不手动重新上传它。",
+  "You are about to remove this contract from your list of available contracts. Once completed, should you need to access it again, you will have to manually add the contract's address in the Instantiate tab.": "您将从可用合约列表中删除此合约。一旦完成，如果您需要再次访问它，您将不得不手动在Instantiate选项卡中添加合约的地址。",
+  "You are connecting from a secure location to an insecure WebSocket ({{wsUrl}}). Due to browser mixed-content security policies this connection type is not allowed. Change the RPC service to a secure 'wss' endpoint.": "你正在从一个安全的连接访问不安全的 WebSocket ({{wsUrl}}). 由于浏览器最大安全策略这个连接将不被允许访问. 更改RPC服务到一个安全的 'wss' 终端.",
+  "You are not connected to a node. Ensure that your node is running and that the Websocket endpoint is reachable.": "没有连接任何节点. 确保你的节点正在运行并且保证websocket终端可访问.",
+  "You are using an ABI with an outdated format. Please generate a new one.": "你正在使用的ABI格式已过期. 请生成一个新的.",
+  "You are voting with this collective's prime account. The vote will be the default outcome in case of any abstentions.": "您使用这个集合的主要帐户进行投票。如果有人弃权，投票将成为默认结果",
+  "You can indicate your vote for any combination of the options laid out below.": "您可以对下面列出的任何选项组合投票您的意向。",
+  "You can set a custom derivation path for this account using the following syntax \"/<soft-key>//<hard-key>\". The \"/<soft-key>\" and \"//<hard-key>\" may be repeated and mixed`. An optional \"///<password>\" can be used with a mnemonic seed, and may only be specified once.": "你可以使用以下语法为该帐户设置自定义派生路径\"/<soft-key>//<hard-key>\"。\"/<soft-key>\" 和 \"//<hard-key>\" 可能会重复和混合'。可选的\"///<password>\"可与助记词一起使用，且只能指定一次。",
+  "You can set a custom derivation path for this account using the following syntax \"/<soft-key>//<hard-key>///<password>\". The \"/<soft-key>\" and \"//<hard-key>\" may be repeated and mixed`. The \"///password\" is optional and should only occur once.": "你可以对该账户自定义派生路径，使用下面的语法\"/<soft-key>//<hard-key>///<password>\"。\"/<soft-key>\"和\"//<hard-key>\"可以重复和混合`。\"///password\"是可选的，且只能出现一次。",
+  "You do not have access to the current sudo key": "您不能访问当前的sudo密钥",
+  "You don't have any accounts. Some features are currently hidden and will only become available once you have accounts.": "你还没有账户。很多功能对你隐藏了，赶紧添加一个账号试试。",
+  "You have {{claimCount}} accounts that need attestations. Use the Claim Tokens app on the navigation bar to complete the process. Until you do, your balances for those accounts will not be reflected.": "你有{{claimCount}}个账户需要认证。使用左侧导航条的申领通证（Claim Tokens）页面来完成这个过程。在你完成之前，你的账户余额都不会显示。",
+  "You have {{upgradableCount}} extensions that need to be updated with the latest chain properties in order to display the correct information for the chain you are connected to. This update includes chain metadata and chain properties.": "您有{{upgradableCount}}扩展，需要用最新的链属性来更新，以显示您连接到的链的正确信息。此更新包括链元数据和链属性。",
+  "You need to sign an attestation for the following account:": "你需要为下列帐户签署一份证明文件:",
+  "You need to sign an attestation for the following accounts:": "你需要为下列帐户签署一份证明文件:",
+  "You need to unlock this account to be able to sign data.": "您需要解锁此帐户才能签署数据。",
+  "You should trust your nominations to act competently and honest; basing your decision purely on their current profitability could lead to reduced profits or even loss of funds.": "你应该相信你的提名人能够胜任并诚实行事；仅仅根据他们目前的盈利能力做出决定可能会导致利润减少甚至资金损失。",
+  "You will no longer have sudo access": "你将不再拥有sudo访问权限",
+  "You will remove any delegation made by this acccount": "您将删除此帐户所做的任何委派",
+  "Your Ethereum account": "你的以太坊账户",
+  "Your candidate/bid account. Once accepted this account will become a member.": "我们的canidate/bid账户。一旦接受这个帐户将成为会员。",
+  "Your close will be applied for this council account.": "你的结帐申请将用于这个理事会帐户。",
+  "Your custom types have been added": "你的自定义类型被添加了",
+  "Your endorsement will be applied for this account.": "你的支持将用于申请这个账户",
+  "Your stash account. The transaction will be sent from the associated controller.": "你的存储账户。交易将从关联的控制账户发送。",
+  "a riot name linked to this identity": "链接到此身份的一个riot姓名",
+  "account": "账户",
+  "account forgotten": "账户已忘记",
+  "account restored": "账户已恢复",
+  "accounts": "账户",
+  "activate": "激活",
+  "added proxy": "添加代理",
+  "additional bonded funds": "附加抵押更多资金",
+  "address": "地址",
+  "address copied": "已复制地址",
+  "address created": "已创建地址",
+  "address edited": "已编辑地址",
+  "address forgotten": "已忘记地址",
+  "address prefix": "地址前缀",
+  "address {{index}}": "地址{{index}}",
+  "all bonded": "全部绑定",
+  "amount": "总量",
+  "amount to use for estimation": "用于估算的金额",
+  "approval type": "批准类型",
+  "approved": "已赞成",
+  "asset id": "资产 id",
+  "auto-selected targets for nomination": "自动选择的提名对象",
+  "available": "可用的",
+  "available signatories": "可用签署人",
+  "available social recovery helpers": "可用的参与社交恢复的帮手",
+  "available to be unlocked": "可解锁",
+  "average": "平均的",
+  "avg staked": "平均质押",
+  "aye": "是的",
+  "aye: bool": "是的：bool",
+  "backing": "备份",
+  "backup file": "备份文件",
+  "balance": "余额",
+  "balances": "余额",
+  "beneficiary": "受益者",
+  "best": "最好",
+  "best #": "最好 #",
+  "best block": "最佳区块",
+  "best hash": "最好哈希",
+  "bid account": "竞标账户",
+  "bid amount": "竞标数量",
+  "bids": "竞标",
+  "block hash or number to query": "区块哈希或查询号",
+  "blocks": "区块",
+  "bond": "抵押",
+  "bonded": "抵押",
+  "calculated storage fee": "计算存储费用",
+  "call data for final approval": "为最终批准调用数据",
+  "call from account": "从账户调用",
+  "call the selected endpoint": "调用选定端点",
+  "candidacy bond": "候选资格的绑定",
+  "candidate account": "候选人帐户",
+  "candidate accounts": "候选人账户",
+  "candidates": "候选人",
+  "case sensitive": "大小写敏感",
+  "challenge": "挑战",
+  "claim to account": "认领到账户",
+  "click to copy": "点击复制",
+  "click to select or drag and drop a JSON ABI file": "点击选择或者拖拽一个JSON格式的ABI文件",
+  "click to select or drag and drop the file here": "单击选择或拖放文件到这里",
+  "clipboard": "剪贴板",
+  "code": "代码",
+  "code for this contract": "该合约的代码",
+  "code hash": "代码哈希",
+  "comm.": "佣金",
+  "commission": "佣金",
+  "compiled contract WASM": "编译过的合约 WASM",
+  "connected peers": "连接的节点",
+  "contacts": "联系人",
+  "contract address": "合约地址",
+  "contract to use": "要使用的合约",
+  "controller": "控制账户",
+  "controller account": "控制账户",
+  "conviction": "信念值",
+  "conviction: Conviction": "信念：信念值",
+  "copied": "已经复制",
+  "council candidates": "理事会候选人",
+  "council proposal": "理事会提案",
+  "council proposal type": "理事会提案类型",
+  "count": "计数",
+  "created account": "已创建的账号",
+  "created multisig": "已创建的多重签名",
+  "crypto type to use": "使用的加密类型",
+  "custom endpoint": "自定义终端",
+  "data": "数据",
+  "default icon theme": "默认图标主题",
+  "default interface language": "默认接口语言",
+  "defender": "捍卫者",
+  "defer": "推迟",
+  "delay": "延迟",
+  "delegate democracy vote": "代表民主投票",
+  "delegated account": "授权账户",
+  "delegating account": "授权账户",
+  "delegating amount": "授权数量",
+  "democracy": "民主",
+  "democracy vote delegation": "民主投票委托",
+  "denomination vote": "面额投票",
+  "deploy": "部署",
+  "deployment account": "部署账户",
+  "deployment constructor": "部署的构造函数",
+  "deposit": "押金",
+  "derivation path": "派生路径",
+  "derive root account": "派生根账户",
+  "design samples": "设计样本",
+  "details": "详情",
+  "development seed": "开发种子",
+  "dispatch queue": "调度队列",
+  "display name": "展示姓名",
+  "do not include empty strings in the generated file": "生成的文件中不包括空字符串在",
+  "does not appear to have a valid claim. Please double check that you have signed the transaction correctly on the correct ETH account.": "一个合法的认领没有出现. 请再次确认你签名的交易是否在正确的以太坊账户上.",
+  "ed25519, Edwards": "ed25519, Edwards",
+  "elected stake": "参与的质押",
+  "email": "邮件",
+  "enact": "颁布",
+  "endowment": "捐赠",
+  "epoch": "时期",
+  "era": "时代",
+  "era cumulative": "era 累积的",
+  "era points": "era 得分",
+  "era {{era}}, {{count}} slashes": "ra {{era}}, {{count}} slashes",
+  "era {{era}}/unapplied": "era {{era}}/未实施的",
+  "eras": "eras",
+  "events": "事件",
+  "everything": "一切",
+  "everything{{labelPost}}": "一切{{labelPost}}",
+  "exclude option": "排除选项",
+  "exclude value": "排除值",
+  "execute": "执行",
+  "existential deposit": "存在押金",
+  "external": "外部",
+  "extrinsic hash": "交易哈希",
+  "extrinsics": "交易",
+  "fee": "费用",
+  "file upload": "文件上传",
+  "filter by name or tags": "通过名字或者标签过滤",
+  "filter by name, address or index": "通过名字，地址或者索引筛选",
+  "filter by name, address, or account index": "通过名字、地址、账户索引过滤",
+  "finalized": "最终确定",
+  "finder": "发现者",
+  "forks": "(forks)分叉",
+  "free balance": "可用余额",
+  "from the following data": "根据以下数据",
+  "generated public key": "生成的公钥",
+  "has a valid claim for": "有一个有效的声明",
+  "hash": "哈希",
+  "heads": "区块头",
+  "hex input data": "十六进制输入数据",
+  "hex-encoded storage key": "十六进制编码的存储密钥",
+  "https://example.com": "https://example.com",
+  "id": "id",
+  "identity": "身份",
+  "imminent preimage (proposal already passed)": "即将到来的preimage（提案已通过）",
+  "immortal": "存在的",
+  "include all empty strings in the generated file": "在生成的文件中包含所有空字符串",
+  "include field": "包含字段",
+  "include option": "包括选项",
+  "include value": "包含值",
+  "index": "索引",
+  "initial head state": "最初的区块头状态",
+  "initial state": "最初状态",
+  "intentions": "意向",
+  "interface operation mode": "接口操作模式",
+  "invalid ABI file selected": "非法 ABI 文件被选择",
+  "invalid/unknown registrar account": "无效/未知的注册商账户",
+  "judgement": "判断",
+  "key type to set": "设置key类型",
+  "keypair crypto type": "密钥对加密类型",
+  "kind": "友好的",
+  "last #": "最后 #",
+  "last block": "最后的区块",
+  "last reward": "上一次奖励",
+  "launch period": "启动期",
+  "legal name": "法定名称",
+  "lifetime": "生命周期",
+  "lng.detect": "默认浏览器语言 (自动检测)",
+  "lock expired": "锁定已过期",
+  "locked": "锁定",
+  "locked balance": "锁定的余额",
+  "logs": "日志",
+  "lowest / avg staked": "最低/平均质押",
+  "manage hardware connections": "管理硬件连接",
+  "matches": "匹配项",
+  "maximum gas allowed": "允许的最大gas",
+  "members": "成员",
+  "message to send": "要发送的消息",
+  "minimum bond": "最小绑定",
+  "minimum deposit": "最小押金",
+  "mnemonic seed": "助记词种子",
+  "mortal, valid from #{{startAt}} to #{{endsAt}}": "存在的，有效期从#{{startAt}} 到 #{{endsAt}}",
+  "motions": "motions",
+  "multisig": "多重签名",
+  "multisig call data": "多重签名调用数据",
+  "multisig name": "多重签名的名称",
+  "multisig signatory": "多重全名签署者",
+  "my ordered votes": "",
+  "name": "名称",
+  "nav.accounts": "账户",
+  "nav.claims": "认领",
+  "nav.contracts": "合约",
+  "nav.council": "议会",
+  "nav.dashboard": "仪表盘",
+  "nav.democracy": "民主权利",
+  "nav.explorer": "浏览",
+  "nav.extrinsics": "交易",
+  "nav.generic-asset": "通用资产",
+  "nav.parachains": "平行链",
+  "nav.settings": "设置",
+  "nav.staking": "质押",
+  "nav.storage": "链状态",
+  "nav.sudo": "超级管理",
+  "nav.tech-comm": "技术委员会",
+  "nav.toolbox": "工具箱",
+  "nav.transfer": "转账",
+  "nav.treasury": "财政",
+  "nay": "不",
+  "new account": "新建账户",
+  "new address": "新建地址",
+  "next": "下一步",
+  "next burn": "下一次销毁",
+  "next id": "下一个 id",
+  "no": "否",
+  "no accounts yet, create or import an existing": "还没有账户，创建或者导入一个已经存在的账户",
+  "no addresses saved yet, add any existing address": "没有已保存的地址，添加现有地址",
+  "no messages": "没有消息",
+  "no peers connected": "没有节点连接",
+  "no tags": "没有标签",
+  "no unapplied slashes found": "没有发现未实施的 slash",
+  "nominated accounts": "被提名的账户",
+  "nominators": "提名人",
+  "not signed": "没有签名",
+  "on-chain bonding duration": "链上抵押时长",
+  "ongoing referendum": "正在进行的公民投票",
+  "only elected": "仅限于当选的",
+  "only query most recent {{partialEras}} of {{historyDepth}} eras": "仅查询{{historyDepth}} eras的最新{{partialEras}} ",
+  "only this network": "仅在这个网络",
+  "only with an identity": "只有一个身份",
+  "or": "或",
+  "origin": "起源",
+  "other": "其他",
+  "other stake": "其他人质押的金额",
+  "our best": "我们最好的",
+  "overall/validator": "整体/验证人",
+  "own": "拥有",
+  "own stake": "自己质押的金额",
+  "parachain id": "平行链 id",
+  "parachains": "平行链",
+  "parent": "父亲/母亲",
+  "password": "密码",
+  "password (repeat)": "密码（重复）",
+  "payment": "支付款",
+  "payment destination": "支付目的账户",
+  "payout": "支出",
+  "payout stakers for (multiple)": "支付质押者（多个）",
+  "payout stakers for (single)": "支付质押者（单个）",
+  "payout/stash": "支付/存储账户",
+  "payout/validator": "支付/验证人",
+  "peer best": "最好节点",
+  "pending extrinsics": "等待的交易",
+  "pending hashes": "等待中的哈希",
+  "pending swap id": "等待转账 id",
+  "period": "时期",
+  "points": "得分",
+  "poll on token decimals": "投票代币小数点",
+  "pot": "池",
+  "preimage hash": "预像哈希",
+  "preimage {{hash}}": "预像{{hash}}",
+  "prev": "上一步",
+  "prime member": "首要成员",
+  "prime voter": "首要投票者",
+  "priority {{index}}": "优先{{index}}",
+  "profit/era": "利润/era",
+  "profit/era est": "收益/era 估算",
+  "proposal": "提案",
+  "proposal bond": "提案绑定",
+  "proposal hash": "提案哈希",
+  "proposals": "提案",
+  "propose": "提案",
+  "propose from account": "从账户提案",
+  "proposed by": "被提案",
+  "proposer": "提案人",
+  "proxied account": "代理账户",
+  "proxied name": "代理名字",
+  "proxy account": "代理帐户",
+  "queued tx": "队列中的交易",
+  "reason": "原因",
+  "recent blocks": "最新区块",
+  "recent events": "最新事件",
+  "recover this account": "恢复此账户",
+  "recovery block delay": "恢复行为区块延迟",
+  "recovery threshold": "恢复行为阈值",
+  "redeemable": "可赎回",
+  "referenda": "参考文献",
+  "refresh in": "刷新",
+  "registrar account": "注册商账户",
+  "registrar index": "注册商索引",
+  "relay": "中继",
+  "relay dispatch queue": "中继调度队列",
+  "remaining": "剩下的",
+  "remote node/endpoint to connect to": "远程节点/终端连接到",
+  "reporters": "报告者",
+  "request payout from": "从...请求付款",
+  "reserved": "保留",
+  "reward commission percentage": "奖励佣金百分比",
+  "rewards": "奖励",
+  "rewards & slashes": "奖励 & 罚没",
+  "riot": "riot",
+  "riot name": "riot姓名",
+  "role": "角色",
+  "rotation": "旋转",
+  "scheduled": "安排的",
+  "scheduling": "安排",
+  "seats": "座位",
+  "second with account": "用账户附议",
+  "secret": "秘密",
+  "secret derivation path": "加密派生路径",
+  "seed (hex or string)": "种子（16进制或字符串）",
+  "selected constant query": "选定常量查询",
+  "selected signatories": "选择的签署人",
+  "selected state query": "查询所选状态",
+  "selected validators": "选择的验证人",
+  "send": "发送",
+  "send as RPC call": "作为RPC调用发送",
+  "send as transaction": "作为交易发送",
+  "send from account": "从账户发送",
+  "send to address": "发送到地址",
+  "sending account": "发送账户",
+  "sending from my account": "正在从我的账户发送",
+  "session": "session",
+  "session keys": "会话key",
+  "session next": "session 下一个",
+  "sign data from account": "从账户签名数据",
+  "sign the following data": "签名下面的数据",
+  "signatories": "签署人",
+  "signatory": "签署人",
+  "signature crypto type": "签名加密类型",
+  "signature of supplied data": "提供数据的签署",
+  "signer": "签名人",
+  "society head": "社团负责人",
+  "somebody@example.com": "somebody@example.com",
+  "spend period": "花费时期",
+  "staked": "质押的",
+  "stash account": "存储账户",
+  "stash address": "存储账户地址",
+  "stashes": "存储账户",
+  "state": "状态",
+  "strikes": "罢工",
+  "sub": "子",
+  "sub name": "字名字",
+  "submit the following change": "提交下面的更改",
+  "submit the following extrinsic": "提交下面的外部信息",
+  "submit with account": "随帐户提交",
+  "submit with council account": "随理事会账户提交",
+  "subs": "子",
+  "sudo key": "sudo 密钥",
+  "sudo with unchecked weight parameter": "未检查权重参数的sudo",
+  "sudo without unchecked weight parameter": "没有未检查权重参数的sudo",
+  "suri (seed & derivation)": "suri（种子和衍生产品）",
+  "swap to id": "交换到id",
+  "syncing": "同步中",
+  "system events": "系统事件",
+  "tags": "标签",
+  "target": "目标",
+  "term progress": "term progress",
+  "the account to make recoverable": "可恢复的账户",
+  "the account to recover to": "恢复至账户",
+  "the amount that should be transferred. It needs to be less than the available balance": "应该转账的金额。它需要小于可用余额",
+  "the associated controller": "关联的控制账户",
+  "the era to cancel for": "要取消的 era",
+  "the language to display translations for": "要显示翻译的语言",
+  "the module to display strings for": "用于显示字符串的模块",
+  "the parachain that will receive the transfer of tokens.": "将接受代币转移的平行链",
+  "the parachain to transfer to": "转账到的平行链",
+  "the resulting hash is": "得到的哈希是",
+  "the stash account to nominate with": "用来提名的存储账户",
+  "the supplied signature": "提供的签名",
+  "threshold": "阈值",
+  "tip": "提示",
+  "tip reason": "小费原因",
+  "tip value": "小费价值",
+  "tips": "小费",
+  "total": "总共",
+  "total deposit": "总共押金",
+  "total issuance": "总发行量",
+  "total peers": "节点总数",
+  "total stake": "权益总量",
+  "total staked": "质押总量",
+  "transactions": "交易",
+  "transfer received": "转账接收成功",
+  "transfer remark/comment": "转账备注/评论",
+  "transferrable": "可转账的",
+  "trusted social recovery helpers": "信任的社交恢复帮手",
+  "turnout": "结果",
+  "twitter": "Twitter",
+  "type": "类型",
+  "unapplied": "未申请",
+  "unapplied slashes": "未申请的 slash",
+  "unbond amount": "解绑数量",
+  "unbonding": "解除抵押",
+  "unchecked weight for this call": "此调用的未检查权重",
+  "unlock account with password": "使用密码解锁账户",
+  "unstake threshold": "取消抵押阈值",
+  "update on #{{index}}": "更新 #{{index}}",
+  "upgradable extensions": "升级浏览器插件",
+  "use on any network": "在任何网络使用",
+  "using my account": "正在使用我的账户",
+  "using the following data": "使用下面的数据",
+  "using the selected account": "使用已选的账户",
+  "validation": "验证",
+  "validator to query": "要查询的验证人",
+  "validators": "验证人",
+  "validators/nominators": "验证人/提名人",
+  "value": "值",
+  "value bonded": "绑定的金额",
+  "verify using address": "验证使用的地址",
+  "version {{version}}": "版本{{version}}",
+  "vested": "既得的",
+  "vesting": "既得的",
+  "via Council": "通过理事会",
+  "via Council/Motions": "通过理事会/motion",
+  "via Council/Vote": "通过理事会/投票",
+  "via Democracy": "通过民主",
+  "via Democracy/Dispatch": "通过民主/调度",
+  "via Democracy/Vote": "通过民主/投票",
+  "via Society": "通过社团",
+  "via Staking": "通过 staking",
+  "via Staking/Bond": "通过 staking/绑定",
+  "via Staking/Slashed": "通过 staking/slashed",
+  "via Treasury": "通过国库",
+  "via Vesting": "通过既得的",
+  "vote for candidate": "为候选人投票",
+  "vote for defender": "为提出者投票",
+  "vote from account": "从账户投票",
+  "vote using my account": "使用我的账户投票",
+  "vote value": "投票值",
+  "vote with account": "用账户投票",
+  "votes": "投票",
+  "voting account": "投票账户",
+  "voting balance": "投票余额",
+  "voting end": "投票结束",
+  "voting period": "投票起",
+  "voting round": "投票轮次",
+  "waiting": "等候中",
+  "web": "网络",
+  "website": "网站",
+  "with an index of": "索引为",
+  "with unchecked weight": "未经检查的重量",
+  "with weight override": "重量超控",
+  "with/without identity": "使用/没有身份",
+  "without unchecked weight": "没有未经检查的重量",
+  "wrong password supplied": "错误的密码",
+  "yes": "是",
+  "your current password": "你当前的密码",
+  "your new password": "你的新密码",
+  "{{balance}} voted": "{{balance}} 投票",
+  "{{blocks}} blocks": "{{blocks}} 区块",
+  "{{count}} key/value pairs encoded for submission": "{{count}}为提交而编码的密钥/值对",
+  "{{count}} own stashes": "{{count}} 拥有存储账户",
+  "{{currency}} average": "{{currency}} 平均",
+  "{{currency}} clipped": "{{currency}} 碰撞",
+  "{{currency}} rewards": "{{currency}} 奖励",
+  "{{currency}} slashed": "{{currency}} slashed",
+  "{{currency}} total": "{{currency}} 总数",
+  "{{days}} days": "{{days}} 天",
+  "{{done}}/{{total}}, {{progress}}% done": "{{done}}/{{total}}, {{progress}}% done",
+  "{{executionTime}}s execution time": "{{executionTime}}s 执行时间",
+  "{{hours}} hrs": "{{hours}} 小时",
+  "{{minutes}} mins": "{{minutes}} 分钟",
+  "{{name}} ({{size}} bytes)": "{{name}} ({{size}} bytes)",
+  "{{percentage}} aye": "{{percentage}} 是",
+  "{{percentage}}% of block time": "{{percentage}}% 区块时间",
+  "{{percentage}}% turnout": "{{percentage}}% 结果",
+  "{{relayDispatchQueueSize}} dispatch messages pending": "{{relayDispatchQueueSize}} 调度信息待定",
+  "{{seconds}} s": "{{seconds}} s",
+  "{{step}}. Sign with your ETH address": "{{step}}. 用你的以太坊地址签名",
+  "{{threshold}}, not passing": "{{threshold}},没有通过",
+  "{{threshold}}, passing": "{{threshold}}, 通过",
+  "{{value}}x voting balance, locked for {{lock}}x enactment ({{period}} days)": "{{value}}x投票余额，锁定 {{lock}}x 执行 ({{period}} days)"
+}
\ No newline at end of file
diff --git a/packages/apps/public/manifest.json b/packages/apps/public/manifest.json
new file mode 100644
index 0000000..274491d
--- /dev/null
+++ b/packages/apps/public/manifest.json
@@ -0,0 +1,15 @@
+{
+  "short_name": "Polkadot Apps",
+  "name": "Apps for interacting with a Polkadot node",
+  "icons": [
+    {
+      "src": "favicon.ico",
+      "sizes": "64x64 32x32 24x24 16x16",
+      "type": "image/x-icon"
+    }
+  ],
+  "start_url": "index.html",
+  "display": "standalone",
+  "theme_color": "#000000",
+  "background_color": "#ffffff"
+}
diff --git a/packages/apps/src/Apps.tsx b/packages/apps/src/Apps.tsx
new file mode 100644
index 0000000..033d516
--- /dev/null
+++ b/packages/apps/src/Apps.tsx
@@ -0,0 +1,61 @@
+// Copyright 2017-2022 @polkadot/apps authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { BareProps as Props, ThemeDef } from '@polkadot/react-components/types';
+
+import React, { useContext, useMemo } from 'react';
+import styled, { ThemeContext } from 'styled-components';
+
+import AccountSidebar from '@polkadot/app-accounts/Sidebar';
+import { getSystemColor } from '@polkadot/apps-config';
+import GlobalStyle from '@polkadot/react-components/styles';
+import { useApi } from '@polkadot/react-hooks';
+import Signer from '@polkadot/react-signer';
+
+import ConnectingOverlay from './overlays/Connecting';
+import Content from './Content';
+import Menu from './Menu';
+import WarmUp from './WarmUp';
+
+export const PORTAL_ID = 'portals';
+
+function Apps ({ className = '' }: Props): React.ReactElement<Props> {
+  const { theme } = useContext(ThemeContext as React.Context<ThemeDef>);
+  const { isDevelopment, specName, systemChain, systemName } = useApi();
+
+  const uiHighlight = useMemo(
+    () => isDevelopment
+      ? undefined
+      : getSystemColor(systemChain, systemName, specName),
+    [isDevelopment, specName, systemChain, systemName]
+  );
+
+  return (
+    <>
+      <GlobalStyle uiHighlight={uiHighlight} />
+      <div className={`apps--Wrapper theme--${theme} ${className}`}>
+        <Menu />
+        <AccountSidebar>
+          <Signer>
+            <Content />
+          </Signer>
+          <ConnectingOverlay />
+          <div id={PORTAL_ID} />
+        </AccountSidebar>
+      </div>
+      <WarmUp />
+    </>
+  );
+}
+
+export default React.memo(styled(Apps)`
+  background: var(--bg-page);
+  box-sizing: border-box;
+  display: flex;
+  flex-direction: column;
+  min-height: 100vh;
+
+  .--hidden {
+    display: none;
+  }
+`);
diff --git a/packages/apps/src/Content/NotFound.tsx b/packages/apps/src/Content/NotFound.tsx
new file mode 100644
index 0000000..b774c2d
--- /dev/null
+++ b/packages/apps/src/Content/NotFound.tsx
@@ -0,0 +1,21 @@
+// Copyright 2017-2022 @polkadot/apps authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { RouteProps } from '@polkadot/apps-routing/types';
+
+import React from 'react';
+import { Redirect } from 'react-router';
+
+interface Props extends RouteProps {
+  missingApis?: (string | string[])[];
+}
+
+function NotFound ({ basePath, missingApis = [] }: Props): React.ReactElement {
+  console.log(`Redirecting from route "${basePath}" to "/explorer"${missingApis.length ? `, missing the following APIs: ${JSON.stringify(missingApis)}` : ''}`);
+
+  return (
+    <Redirect to='/explorer' />
+  );
+}
+
+export default React.memo(NotFound);
diff --git a/packages/apps/src/Content/Status.tsx b/packages/apps/src/Content/Status.tsx
new file mode 100644
index 0000000..ed4e596
--- /dev/null
+++ b/packages/apps/src/Content/Status.tsx
@@ -0,0 +1,82 @@
+// Copyright 2017-2022 @polkadot/apps authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { ActionStatus } from '@polkadot/react-components/Status/types';
+import type { EventRecord } from '@polkadot/types/interfaces';
+import type { KeyringOptions } from '@polkadot/ui-keyring/options/types';
+
+import React, { useContext, useEffect } from 'react';
+
+import { Status as StatusDisplay, StatusContext } from '@polkadot/react-components';
+import { useAccounts, useApi, useCall } from '@polkadot/react-hooks';
+import { stringToU8a } from '@polkadot/util';
+import { xxhashAsHex } from '@polkadot/util-crypto';
+
+import { useTranslation } from '../translate';
+
+interface Props {
+  optionsAll?: KeyringOptions;
+}
+
+let prevEventHash: string;
+
+function filterEvents (allAccounts: string[], t: <T = string> (key: string, opts?: Record<string, unknown>) => T, optionsAll?: KeyringOptions, events?: EventRecord[]): ActionStatus[] | null {
+  const eventHash = xxhashAsHex(stringToU8a(JSON.stringify(events)));
+
+  if (!optionsAll || !events || eventHash === prevEventHash) {
+    return null;
+  }
+
+  prevEventHash = eventHash;
+
+  return events
+    .map(({ event: { data, method, section } }): ActionStatus | null => {
+      if (section === 'balances' && method === 'Transfer') {
+        const account = data[1].toString();
+
+        if (allAccounts.includes(account)) {
+          return {
+            account,
+            action: `${section}.${method}`,
+            message: t<string>('transfer received'),
+            status: 'event'
+          };
+        }
+      } else if (section === 'democracy') {
+        const index = data[0].toString();
+
+        return {
+          action: `${section}.${method}`,
+          message: t<string>('update on #{{index}}', {
+            replace: {
+              index
+            }
+          }),
+          status: 'event'
+        };
+      }
+
+      return null;
+    })
+    .filter((item): item is ActionStatus => !!item);
+}
+
+function Status ({ optionsAll }: Props): React.ReactElement<Props> {
+  const { queueAction } = useContext(StatusContext);
+  const { api, isApiReady } = useApi();
+  const { allAccounts } = useAccounts();
+  const { t } = useTranslation();
+  const events = useCall<EventRecord[]>(isApiReady && api.query.system?.events);
+
+  useEffect((): void => {
+    const filtered = filterEvents(allAccounts, t, optionsAll, events);
+
+    filtered && queueAction(filtered);
+  }, [allAccounts, events, optionsAll, queueAction, t]);
+
+  return (
+    <StatusDisplay />
+  );
+}
+
+export default React.memo(Status);
diff --git a/packages/apps/src/Content/index.tsx b/packages/apps/src/Content/index.tsx
new file mode 100644
index 0000000..38c5e90
--- /dev/null
+++ b/packages/apps/src/Content/index.tsx
@@ -0,0 +1,116 @@
+// Copyright 2017-2022 @polkadot/apps authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { Route } from '@polkadot/apps-routing/types';
+
+import React, { Suspense, useContext, useMemo } from 'react';
+import { useLocation } from 'react-router-dom';
+import styled from 'styled-components';
+
+import createRoutes from '@polkadot/apps-routing';
+import { ErrorBoundary, Spinner, StatusContext, TabsContext } from '@polkadot/react-components';
+import { useApi } from '@polkadot/react-hooks';
+
+import { findMissingApis } from '../endpoint';
+import { useTranslation } from '../translate';
+import NotFound from './NotFound';
+import Status from './Status';
+
+interface Props {
+  className?: string;
+}
+
+const NOT_FOUND: Route = {
+  Component: NotFound,
+  display: {},
+  group: 'settings',
+  icon: 'times',
+  isIgnored: false,
+  name: 'unknown',
+  text: 'Unknown'
+};
+
+function Content ({ className }: Props): React.ReactElement<Props> {
+  const location = useLocation();
+  const { t } = useTranslation();
+  const { api, isApiConnected, isApiReady } = useApi();
+  const { queueAction } = useContext(StatusContext);
+
+  const { Component, display: { needsApi, needsApiCheck, needsApiInstances }, icon, name, text } = useMemo(
+    (): Route => {
+      const app = location.pathname.slice(1) || '';
+
+      return createRoutes(t).find((route) => !!(route && app.startsWith(route.name))) || NOT_FOUND;
+    },
+    [location, t]
+  );
+
+  const missingApis = useMemo(
+    () => needsApi
+      ? isApiReady && isApiConnected
+        ? findMissingApis(api, needsApi, needsApiInstances, needsApiCheck)
+        : null
+      : [],
+    [api, isApiConnected, isApiReady, needsApi, needsApiCheck, needsApiInstances]
+  );
+
+  return (
+    <div className={className}>
+      {!missingApis
+        ? (
+          <div className='connecting'>
+            <Spinner label={t<string>('Initializing connection')} />
+          </div>
+        )
+        : (
+          <>
+            <Suspense fallback='...'>
+              <ErrorBoundary trigger={name}>
+                <TabsContext.Provider value={{ icon, text }}>
+                  {missingApis.length
+                    ? (
+                      <NotFound
+                        basePath={`/${name}`}
+                        location={location}
+                        missingApis={missingApis}
+                        onStatusChange={queueAction}
+                      />
+                    )
+                    : (
+                      <Component
+                        basePath={`/${name}`}
+                        location={location}
+                        onStatusChange={queueAction}
+                      />
+                    )
+                  }
+                </TabsContext.Provider>
+              </ErrorBoundary>
+            </Suspense>
+            <Status />
+          </>
+        )
+      }
+    </div>
+  );
+}
+
+export default React.memo(styled(Content)`
+  flex-grow: 1;
+  overflow: hidden auto;
+  padding: 0 0 1rem 0;
+  position: relative;
+  width: 100%;
+
+  .connecting {
+    padding: 3.5rem 0;
+  }
+
+  & main > *:not(header):not(.hasOwnMaxWidth) {
+    max-width: var(--width-full);
+    margin-right: auto;
+    margin-left: auto;
+    width: 100%;
+    padding: 0 1.5rem;
+  }
+`);
diff --git a/packages/apps/src/Endpoints/Group.tsx b/packages/apps/src/Endpoints/Group.tsx
new file mode 100644
index 0000000..cac97d8
--- /dev/null
+++ b/packages/apps/src/Endpoints/Group.tsx
@@ -0,0 +1,85 @@
+// Copyright 2017-2022 @polkadot/apps authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { Group } from './types';
+
+import React, { useCallback } from 'react';
+import styled from 'styled-components';
+
+import { Icon } from '@polkadot/react-components';
+
+import Network from './Network';
+
+interface Props {
+  affinities: Record<string, string>;
+  apiUrl: string;
+  children?: React.ReactNode;
+  className?: string;
+  index: number;
+  isSelected: boolean;
+  setApiUrl: (apiUrl: string) => void;
+  setGroup: (groupIndex: number) => void;
+  value: Group;
+}
+
+function GroupDisplay ({ affinities, apiUrl, children, className = '', index, isSelected, setApiUrl, setGroup, value: { header, isSpaced, networks } }: Props): React.ReactElement<Props> {
+  const _setGroup = useCallback(
+    () => setGroup(isSelected ? -1 : index),
+    [index, isSelected, setGroup]
+  );
+
+  return (
+    <div className={`${className}${isSelected ? ' isSelected' : ''}`}>
+      <div
+        className={`groupHeader${isSpaced ? ' isSpaced' : ''}`}
+        onClick={_setGroup}
+      >
+        <Icon icon={isSelected ? 'caret-up' : 'caret-down'} />
+        {header}
+      </div>
+      {isSelected && (
+        <>
+          <div className='groupNetworks'>
+            {networks.map((network, index): React.ReactNode => (
+              <Network
+                affinity={affinities[network.name]}
+                apiUrl={apiUrl}
+                key={index}
+                setApiUrl={setApiUrl}
+                value={network}
+              />
+            ))}
+          </div>
+          {children}
+        </>
+      )}
+    </div>
+  );
+}
+
+export default React.memo(styled(GroupDisplay)`
+  .groupHeader {
+    border-radius: 0.25rem;
+    cursor: pointer;
+    line-height: 1;
+    padding: 0.75rem 1rem;
+    position: relative;
+    text-transform: uppercase;
+
+    &:hover {
+      background: var(--bg-table);
+    }
+
+    &.isSpaced {
+      margin-top: 0.75rem;
+    }
+
+    .ui--Icon {
+      margin-right: 0.5rem;
+    }
+  }
+
+  .groupNetworks {
+    padding: 0.25rem 0 0.5rem 1rem;
+  }
+`);
diff --git a/packages/apps/src/Endpoints/Network.tsx b/packages/apps/src/Endpoints/Network.tsx
new file mode 100644
index 0000000..dbe9e56
--- /dev/null
+++ b/packages/apps/src/Endpoints/Network.tsx
@@ -0,0 +1,99 @@
+// Copyright 2017-2022 @polkadot/apps authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { Network } from './types';
+
+import React, { useCallback, useMemo } from 'react';
+import styled from 'styled-components';
+
+import { ChainImg } from '@polkadot/react-components';
+
+import Url from './Url';
+
+interface Props {
+  affinity?: string; // unused - previous selection
+  apiUrl: string;
+  className?: string;
+  setApiUrl: (network: string, apiUrl: string) => void;
+  value: Network;
+}
+
+function NetworkDisplay ({ apiUrl, className = '', setApiUrl, value: { icon, isChild, isUnreachable, name, providers } }: Props): React.ReactElement<Props> {
+  const isSelected = useMemo(
+    () => providers.some(({ url }) => url === apiUrl),
+    [apiUrl, providers]
+  );
+
+  const _selectUrl = useCallback(
+    () => {
+      const filteredProviders = providers.filter(({ url }) => !url.startsWith('light://'));
+
+      return setApiUrl(name, filteredProviders[Math.floor(Math.random() * filteredProviders.length)].url);
+    },
+    [name, providers, setApiUrl]
+  );
+
+  const _setApiUrl = useCallback(
+    (apiUrl: string) => setApiUrl(name, apiUrl),
+    [name, setApiUrl]
+  );
+
+  return (
+    <div className={`${className}${isSelected ? ' isSelected highlight--border' : ''}${isUnreachable ? ' isUnreachable' : ''}`}>
+      <div
+        className={`endpointSection${isChild ? ' isChild' : ''}`}
+        onClick={isUnreachable ? undefined : _selectUrl}
+      >
+        <ChainImg
+          className='endpointIcon'
+          isInline
+          logo={icon === 'local' ? 'empty' : (icon || 'empty')}
+          withoutHl
+        />
+        <div className='endpointValue'>{name}</div>
+      </div>
+      {isSelected && providers.map(({ name, url }): React.ReactNode => (
+        <Url
+          apiUrl={apiUrl}
+          key={url}
+          label={name}
+          setApiUrl={_setApiUrl}
+          url={url}
+        />
+      ))}
+    </div>
+  );
+}
+
+export default React.memo(styled(NetworkDisplay)`
+  border-left: 0.25rem solid transparent;
+  border-radius: 0.25rem;
+  cursor: pointer;
+  margin: 0 0 0.25rem 0;
+  padding: 0.375rem 0.5rem 0.375rem 1rem;
+  position: relative;
+
+  &.isUnreachable {
+    opacity: 0.5;
+  }
+
+  &.isSelected,
+  &:hover {
+    background: var(--bg-table);
+  }
+
+  .endpointSection {
+    align-items: center;
+    display: flex;
+    justify-content: flex-start;
+    position: relative;
+
+    &.isChild .endpointIcon {
+      margin-left: 1.25rem;
+    }
+
+    &+.endpointProvider {
+      margin-top: -0.125rem;
+    }
+  }
+`);
diff --git a/packages/apps/src/Endpoints/Url.tsx b/packages/apps/src/Endpoints/Url.tsx
new file mode 100644
index 0000000..e741e5e
--- /dev/null
+++ b/packages/apps/src/Endpoints/Url.tsx
@@ -0,0 +1,44 @@
+// Copyright 2017-2022 @polkadot/apps authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import React, { useCallback } from 'react';
+import styled from 'styled-components';
+
+import { Toggle } from '@polkadot/react-components';
+
+interface Props {
+  apiUrl: string;
+  className?: string;
+  label: React.ReactNode;
+  setApiUrl: (apiUrl: string) => void;
+  url: string;
+}
+
+function Url ({ apiUrl, className, label, setApiUrl, url }: Props): React.ReactElement<Props> {
+  const _setApiUrl = useCallback(
+    () => setApiUrl(url),
+    [setApiUrl, url]
+  );
+
+  return (
+    <Toggle
+      className={className}
+      isRadio
+      label={label}
+      onChange={_setApiUrl}
+      value={apiUrl === url}
+    />
+  );
+}
+
+export default React.memo(styled(Url)`
+  padding: 0.25rem;
+  text-align: right;
+
+  > label {
+    max-width: 12.5rem;
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+  }
+`);
diff --git a/packages/apps/src/Endpoints/index.tsx b/packages/apps/src/Endpoints/index.tsx
new file mode 100644
index 0000000..2ae8f7f
--- /dev/null
+++ b/packages/apps/src/Endpoints/index.tsx
@@ -0,0 +1,330 @@
+// Copyright 2017-2022 @polkadot/apps authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { LinkOption } from '@polkadot/apps-config/endpoints/types';
+import type { Group } from './types';
+
+// ok, this seems to be an eslint bug, this _is_ a package import
+import punycode from 'punycode/';
+import React, { useCallback, useMemo, useState } from 'react';
+import store from 'store';
+import styled from 'styled-components';
+
+import { createWsEndpoints, CUSTOM_ENDPOINT_KEY } from '@polkadot/apps-config';
+import { Button, Input, Sidebar } from '@polkadot/react-components';
+import { settings } from '@polkadot/ui-settings';
+import { isAscii } from '@polkadot/util';
+
+import { useTranslation } from '../translate';
+import GroupDisplay from './Group';
+
+interface Props {
+  className?: string;
+  offset?: number | string;
+  onClose: () => void;
+}
+
+interface UrlState {
+  apiUrl: string;
+  groupIndex: number;
+  hasUrlChanged: boolean;
+  isUrlValid: boolean;
+}
+
+const STORAGE_AFFINITIES = 'network:affinities';
+
+function isValidUrl (url: string): boolean {
+  return (
+    // some random length... we probably want to parse via some lib
+    (url.length >= 7) &&
+    // check that it starts with a valid ws identifier
+    (url.startsWith('ws://') || url.startsWith('wss://') || url.startsWith('light://'))
+  );
+}
+
+function combineEndpoints (endpoints: LinkOption[]): Group[] {
+  return endpoints.reduce((result: Group[], e): Group[] => {
+    if (e.isHeader) {
+      result.push({ header: e.text, isDevelopment: e.isDevelopment, isSpaced: e.isSpaced, networks: [] });
+    } else {
+      const prev = result[result.length - 1];
+      const prov = { isLightClient: e.isLightClient, name: e.textBy, url: e.value };
+
+      if (prev.networks[prev.networks.length - 1] && e.text === prev.networks[prev.networks.length - 1].name) {
+        prev.networks[prev.networks.length - 1].providers.push(prov);
+      } else {
+        prev.networks.push({
+          icon: e.info,
+          isChild: e.isChild,
+          isUnreachable: e.isUnreachable,
+          name: e.text as string,
+          providers: [prov]
+        });
+      }
+    }
+
+    return result;
+  }, []);
+}
+
+function getCustomEndpoints (): string[] {
+  try {
+    const storedAsset = localStorage.getItem(CUSTOM_ENDPOINT_KEY);
+
+    if (storedAsset) {
+      return JSON.parse(storedAsset) as string[];
+    }
+  } catch (e) {
+    console.error(e);
+    // ignore error
+  }
+
+  return [];
+}
+
+function extractUrlState (apiUrl: string, groups: Group[]): UrlState {
+  let groupIndex = groups.findIndex(({ networks }) =>
+    networks.some(({ providers }) =>
+      providers.some(({ url }) => url === apiUrl)
+    )
+  );
+
+  if (groupIndex === -1) {
+    groupIndex = groups.findIndex(({ isDevelopment }) => isDevelopment);
+  }
+
+  return {
+    apiUrl,
+    groupIndex,
+    hasUrlChanged: settings.get().apiUrl !== apiUrl,
+    isUrlValid: isValidUrl(apiUrl)
+  };
+}
+
+function loadAffinities (groups: Group[]): Record<string, string> {
+  return Object
+    .entries<string>(store.get(STORAGE_AFFINITIES) as Record<string, string> || {})
+    .filter(([network, apiUrl]) =>
+      groups.some(({ networks }) =>
+        networks.some(({ name, providers }) =>
+          name === network && providers.some(({ url }) => url === apiUrl)
+        )
+      )
+    )
+    .reduce((result: Record<string, string>, [network, apiUrl]): Record<string, string> => ({
+      ...result,
+      [network]: apiUrl
+    }), {});
+}
+
+function isSwitchDisabled (hasUrlChanged: boolean, apiUrl: string, isUrlValid: boolean): boolean {
+  if (!hasUrlChanged) {
+    return true;
+  } else if (apiUrl.startsWith('light://')) {
+    return false;
+  } else if (isUrlValid) {
+    return false;
+  }
+
+  return true;
+}
+
+function Endpoints ({ className = '', offset, onClose }: Props): React.ReactElement<Props> {
+  const { t } = useTranslation();
+  const linkOptions = createWsEndpoints(t);
+  const [groups, setGroups] = useState(() => combineEndpoints(linkOptions));
+  const [{ apiUrl, groupIndex, hasUrlChanged, isUrlValid }, setApiUrl] = useState<UrlState>(() => extractUrlState(settings.get().apiUrl, groups));
+  const [storedCustomEndpoints, setStoredCustomEndpoints] = useState<string[]>(() => getCustomEndpoints());
+  const [affinities, setAffinities] = useState(() => loadAffinities(groups));
+
+  const isKnownUrl = useMemo(() => {
+    let result = false;
+
+    linkOptions.some((endpoint) => {
+      if (endpoint.value === apiUrl) {
+        result = true;
+
+        return true;
+      }
+
+      return false;
+    });
+
+    return result;
+  }, [apiUrl, linkOptions]);
+
+  const isSavedCustomEndpoint = useMemo(() => {
+    let result = false;
+
+    storedCustomEndpoints.some((endpoint) => {
+      if (endpoint === apiUrl) {
+        result = true;
+
+        return true;
+      }
+
+      return false;
+    });
+
+    return result;
+  }, [apiUrl, storedCustomEndpoints]);
+
+  const _changeGroup = useCallback(
+    (groupIndex: number) => setApiUrl((state) => ({ ...state, groupIndex })),
+    []
+  );
+
+  const _removeApiEndpoint = useCallback(
+    (): void => {
+      if (!isSavedCustomEndpoint) {
+        return;
+      }
+
+      const newStoredCurstomEndpoints = storedCustomEndpoints.filter((url) => url !== apiUrl);
+
+      try {
+        localStorage.setItem(CUSTOM_ENDPOINT_KEY, JSON.stringify(newStoredCurstomEndpoints));
+        setGroups(combineEndpoints(createWsEndpoints(t)));
+        setStoredCustomEndpoints(getCustomEndpoints());
+      } catch (e) {
+        console.error(e);
+        // ignore error
+      }
+    },
+    [apiUrl, isSavedCustomEndpoint, storedCustomEndpoints, t]
+  );
+
+  const _setApiUrl = useCallback(
+    (network: string, apiUrl: string): void => {
+      setAffinities((affinities): Record<string, string> => {
+        const newValue = { ...affinities, [network]: apiUrl };
+
+        store.set(STORAGE_AFFINITIES, newValue);
+
+        return newValue;
+      });
+      setApiUrl(extractUrlState(apiUrl, groups));
+    },
+    [groups]
+  );
+
+  const _onChangeCustom = useCallback(
+    (apiUrl: string): void => {
+      if (!isAscii(apiUrl)) {
+        apiUrl = punycode.toASCII(apiUrl);
+      }
+
+      setApiUrl(extractUrlState(apiUrl, groups));
+    },
+    [groups]
+  );
+
+  const _onApply = useCallback(
+    (): void => {
+      settings.set({ ...(settings.get()), apiUrl });
+      window.location.assign(`${window.location.origin}${window.location.pathname}?rpc=${encodeURIComponent(apiUrl)}${window.location.hash}`);
+      // window.location.reload();
+      onClose();
+    },
+    [apiUrl, onClose]
+  );
+
+  const _saveApiEndpoint = useCallback(
+    (): void => {
+      try {
+        localStorage.setItem(CUSTOM_ENDPOINT_KEY, JSON.stringify([...storedCustomEndpoints, apiUrl]));
+        _onApply();
+      } catch (e) {
+        console.error(e);
+        // ignore error
+      }
+    },
+    [_onApply, apiUrl, storedCustomEndpoints]
+  );
+
+  const canSwitch = useMemo(
+    () => isSwitchDisabled(hasUrlChanged, apiUrl, isUrlValid),
+    [hasUrlChanged, apiUrl, isUrlValid]
+  );
+
+  return (
+    <Sidebar
+      button={
+        <Button
+          icon='sync'
+          isDisabled={canSwitch}
+          label={t<string>('Switch')}
+          onClick={_onApply}
+        />
+      }
+      className={className}
+      offset={offset}
+      onClose={onClose}
+      position='left'
+    >
+      {groups.map((group, index): React.ReactNode => (
+        <GroupDisplay
+          affinities={affinities}
+          apiUrl={apiUrl}
+          index={index}
+          isSelected={groupIndex === index}
+          key={index}
+          setApiUrl={_setApiUrl}
+          setGroup={_changeGroup}
+          value={group}
+        >
+          {group.isDevelopment && (
+            <div className='endpointCustomWrapper'>
+              <Input
+                className='endpointCustom'
+                isError={!isUrlValid}
+                isFull
+                label={t<string>('custom endpoint')}
+                onChange={_onChangeCustom}
+                value={apiUrl}
+              />
+              {isSavedCustomEndpoint
+                ? (
+                  <Button
+                    className='customButton'
+                    icon='trash-alt'
+                    onClick={_removeApiEndpoint}
+                  />
+                )
+                : (
+                  <Button
+                    className='customButton'
+                    icon='save'
+                    isDisabled={!isUrlValid || isKnownUrl}
+                    onClick={_saveApiEndpoint}
+                  />
+                )
+              }
+            </div>
+          )}
+        </GroupDisplay>
+      ))}
+    </Sidebar>
+  );
+}
+
+export default React.memo(styled(Endpoints)`
+  color: var(--color-text);
+  padding-top: 3.5rem;
+
+  .customButton {
+    position: absolute;
+    top: 1rem;
+    right: 1rem;
+  }
+
+  .endpointCustom {
+    input {
+      padding-right: 4rem;
+    }
+  }
+
+  .endpointCustomWrapper {
+    position: relative;
+  }
+`);
diff --git a/packages/apps/src/Endpoints/types.ts b/packages/apps/src/Endpoints/types.ts
new file mode 100644
index 0000000..62eb1f6
--- /dev/null
+++ b/packages/apps/src/Endpoints/types.ts
@@ -0,0 +1,23 @@
+// Copyright 2017-2022 @polkadot/apps authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import React from 'react';
+
+export interface Network {
+  icon?: string;
+  isChild?: boolean;
+  isLightClient?: boolean;
+  isUnreachable?: boolean;
+  name: string;
+  providers: {
+    name: string;
+    url: string;
+  }[]
+}
+
+export interface Group {
+  header: React.ReactNode;
+  isDevelopment?: boolean;
+  isSpaced?: boolean;
+  networks: Network[];
+}
diff --git a/packages/apps/src/Menu/ChainInfo.tsx b/packages/apps/src/Menu/ChainInfo.tsx
new file mode 100644
index 0000000..f470fad
--- /dev/null
+++ b/packages/apps/src/Menu/ChainInfo.tsx
@@ -0,0 +1,113 @@
+// Copyright 2017-2022 @polkadot/apps authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { RuntimeVersion } from '@polkadot/types/interfaces';
+
+import React from 'react';
+import styled from 'styled-components';
+
+import { ChainImg, Icon } from '@polkadot/react-components';
+import { useApi, useCall, useIpfs, useToggle } from '@polkadot/react-hooks';
+import { BestNumber, Chain } from '@polkadot/react-query';
+
+import Endpoints from '../Endpoints';
+
+interface Props {
+  className?: string;
+}
+
+function ChainInfo ({ className }: Props): React.ReactElement<Props> {
+  const { api, isApiReady } = useApi();
+  const runtimeVersion = useCall<RuntimeVersion>(isApiReady && api.rpc.state.subscribeRuntimeVersion);
+  const { ipnsChain } = useIpfs();
+  const [isEndpointsVisible, toggleEndpoints] = useToggle();
+  const canToggle = !ipnsChain;
+
+  return (
+    <div className={className}>
+      <div
+        className={`apps--SideBar-logo-inner${canToggle ? ' isClickable' : ''} highlight--color-contrast`}
+        onClick={toggleEndpoints}
+      >
+        <ChainImg />
+        <div className='info media--1000'>
+          <Chain className='chain' />
+          {runtimeVersion && (
+            <div className='runtimeVersion'>{runtimeVersion.specName.toString()}/{runtimeVersion.specVersion.toNumber()}</div>
+          )}
+          <BestNumber
+            className='bestNumber'
+            label='#'
+          />
+        </div>
+        {canToggle && (
+          <Icon
+            className='dropdown'
+            icon={isEndpointsVisible ? 'caret-right' : 'caret-down'}
+          />
+        )}
+      </div>
+      {isEndpointsVisible && (
+        <Endpoints onClose={toggleEndpoints} />
+      )}
+    </div>
+  );
+}
+
+export default React.memo(styled(ChainInfo)`
+  box-sizing: border-box;
+  padding: 0.5rem 1rem 0.5rem 0;
+  margin: 0;
+
+  .apps--SideBar-logo-inner {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+
+    &.isClickable {
+      cursor: pointer;
+    }
+
+    img {
+      height: 3rem;
+      margin-right: 0.5rem;
+      width: 3rem;
+    }
+
+    .ui--Icon.dropdown,
+    > div.info {
+      text-align: right;
+      vertical-align: middle;
+    }
+
+    .ui--Icon.dropdown {
+      flex: 0;
+      margin: 0;
+      width: 1rem;
+    }
+
+    .info {
+      flex: 1;
+      padding-right: 0.5rem;
+      text-align: right;
+
+      .chain {
+        max-width: 16rem;
+        white-space: nowrap;
+        overflow: hidden;
+        text-overflow: ellipsis;
+      }
+
+      .chain, .bestNumber {
+        font-size: 0.9rem;
+        line-height: 1.2;
+      }
+
+      .runtimeVersion {
+          font-size: 0.75rem;
+          line-height: 1.2;
+          letter-spacing: -0.01em;
+      }
+    }
+  }
+`);
diff --git a/packages/apps/src/Menu/Grouping.tsx b/packages/apps/src/Menu/Grouping.tsx
new file mode 100644
index 0000000..eb5b6fe
--- /dev/null
+++ b/packages/apps/src/Menu/Grouping.tsx
@@ -0,0 +1,118 @@
+// Copyright 2017-2022 @polkadot/apps authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { Group } from './types';
+
+import React from 'react';
+import styled from 'styled-components';
+
+import { Icon } from '@polkadot/react-components';
+
+import Item from './Item';
+
+interface Props extends Group {
+  className?: string;
+  isActive: boolean;
+}
+
+const SHA_COL = 'rgba(34, 36, 38, 0.12)';
+const SHA_OFF = '5px';
+
+function Grouping ({ className = '', isActive, name, routes }: Props): React.ReactElement<Props> {
+  if (routes.length === 1) {
+    return (
+      <Item
+        className={isActive ? 'isActive' : ''}
+        isToplevel
+        route={routes[0]}
+      />
+    );
+  }
+
+  return (
+    <li className={`${className} ${isActive ? 'isActive' : ''}`}>
+      <div className={`groupHdr ${!isActive ? 'highlight--color-contrast' : ''}`}>
+        <span>{name}</span>
+        <Icon icon='caret-down' />
+      </div>
+      <ul className='groupMenu'>
+        {routes.map((route): React.ReactNode => (
+          <Item
+            key={route.name}
+            route={route}
+          />
+        ))}
+      </ul>
+    </li>
+  );
+}
+
+export default React.memo(styled(Grouping)`
+  cursor: pointer;
+  position: relative;
+
+  .groupHdr {
+    border-radius: 0.25rem;
+    padding: 0.857rem 1.375rem;
+    font-size: 1rem;
+    font-weight: 400;
+    line-height: 1.214rem;
+
+    > .ui--Icon {
+      margin-left: 0.75rem;
+    }
+  }
+
+  &.isActive .groupHdr {
+    background-color: var(--bg-tabs);
+    font-size: 1rem;
+    font-weight: 400;
+    margin-bottom: 0;
+  }
+
+  .groupMenu {
+    border-radius: 0.25rem;
+    box-shadow: 0 ${SHA_OFF} ${SHA_OFF} -${SHA_OFF} ${SHA_COL}, ${SHA_OFF} 0 ${SHA_OFF} -${SHA_OFF} ${SHA_COL}, -${SHA_OFF} 0 ${SHA_OFF} -${SHA_OFF} ${SHA_COL};
+    display: none;
+    margin: 0;
+    overflow: hidden;
+    padding: 0;
+    position: absolute;
+    top: 2.9rem;
+    z-index: 250;
+
+    > li {
+      z-index: 1;
+
+      a {
+        padding-right: 4rem;
+      }
+    }
+
+    &::before {
+      bottom: 0;
+      content: ' ';
+      left: 0;
+      position: absolute;
+      right: 0;
+      top: 0;
+      z-index: -1;
+    }
+  }
+
+  &:hover {
+    .groupHdr {
+      box-shadow: 0px 4px 37px rgba(0, 0, 0, 0.08);
+      padding-bottom: 2rem;
+      margin-bottom: -2rem;
+    }
+
+    .groupMenu {
+      display: block;
+
+      > li:hover {
+        background: var(--bg-menu-hover);
+      }
+    }
+  }
+`);
diff --git a/packages/apps/src/Menu/Item.tsx b/packages/apps/src/Menu/Item.tsx
new file mode 100644
index 0000000..49a4be3
--- /dev/null
+++ b/packages/apps/src/Menu/Item.tsx
@@ -0,0 +1,116 @@
+// Copyright 2017-2022 @polkadot/apps authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { ItemRoute } from './types';
+
+import React from 'react';
+import styled from 'styled-components';
+
+import { Badge, Icon } from '@polkadot/react-components';
+import { useToggle } from '@polkadot/react-hooks';
+
+interface Props {
+  className?: string;
+  isLink?: boolean;
+  isToplevel?: boolean;
+  route: ItemRoute;
+}
+
+const DUMMY_COUNTER = () => 0;
+
+function Item ({ className = '', isLink, isToplevel, route: { Modal, href, icon, name, text, useCounter = DUMMY_COUNTER } }: Props): React.ReactElement<Props> {
+  const [isModalVisible, toggleModal] = useToggle();
+  const count = useCounter();
+
+  return (
+    <li className={`ui--MenuItem ${className}${count ? ' withCounter' : ''} ${isLink ? 'isLink' : ''} ${isToplevel ? 'topLevel  highlight--color-contrast' : ''}`}>
+      <a
+        href={Modal ? undefined : (href || `#/${name}`)}
+        onClick={Modal ? toggleModal : undefined}
+        rel='noopener noreferrer'
+        target={href ? '_blank' : undefined}
+      >
+        <Icon icon={icon} />
+        {text}
+        {!!count && (
+          <Badge
+            color={'white'}
+            info={count}
+          />
+        )}
+      </a>
+      {Modal && isModalVisible && (
+        <Modal onClose={toggleModal} />
+      )}
+    </li>
+  );
+}
+
+export default React.memo(styled(Item)`
+  cursor: pointer;
+  position: relative;
+  white-space: nowrap;
+
+  &.topLevel {
+    font-size: 1rem;
+    font-weight: 400;
+    line-height: 1.214rem;
+    border-radius: 0.15rem;
+
+    a {
+      padding: 0.857rem 0.857em 0.857rem 1rem;
+      line-height: 1.214rem;
+      border-radius: 0.25rem;
+    }
+
+    &.isActive.highlight--color-contrast {
+      font-size: 1.15rem;
+      font-weight: 400;
+      color: var(--color-text);
+
+      a {
+        background-color: var(--bg-tabs);
+      }
+    }
+
+    &.isActive {
+      border-radius: 0.15rem 0.15rem 0 0;
+
+      a {
+        padding: 0.857rem 1.429rem 0.857rem;
+        cursor: default;
+      }
+
+      &&.withCounter a {
+        padding-right: 3.2rem;
+      }
+    }
+
+    .ui--Badge {
+      top: 0.7rem;
+    }
+  }
+
+  &&.withCounter a {
+    padding-right: 3.2rem;
+  }
+
+  a {
+    color: inherit !important;
+    display: block;
+    padding: 0.5rem 1.15rem 0.57rem;
+    text-decoration: none;
+    font-weight: 400;
+    font-size: 1rem;
+    line-height: 1.5rem;
+  }
+
+  .ui--Badge {
+    position: absolute;
+    right: 0.5rem;
+  }
+
+  .ui--Icon {
+    margin-right: 0.5rem;
+  }
+`);
diff --git a/packages/apps/src/Menu/NodeInfo.tsx b/packages/apps/src/Menu/NodeInfo.tsx
new file mode 100644
index 0000000..50987f7
--- /dev/null
+++ b/packages/apps/src/Menu/NodeInfo.tsx
@@ -0,0 +1,48 @@
+// Copyright 2017-2022 @polkadot/apps authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { BareProps as Props } from '@polkadot/react-components/types';
+
+import React from 'react';
+import styled from 'styled-components';
+
+import { useApi } from '@polkadot/react-hooks';
+import { NodeName, NodeVersion } from '@polkadot/react-query';
+
+// eslint-disable-next-line @typescript-eslint/no-var-requires
+const pkgJson = require('../../package.json') as { version: string };
+
+const uiInfo = `apps v${pkgJson.version}`;
+
+function NodeInfo ({ className = '' }: Props): React.ReactElement<Props> {
+  const { api, isApiReady } = useApi();
+
+  return (
+    <div className={`${className} media--1400 highlight--color-contrast ui--NodeInfo`}>
+      {isApiReady && (
+        <div>
+          <NodeName />&nbsp;
+          <NodeVersion label='v' />
+        </div>
+      )}
+      <div>{api.libraryInfo.replace('@polkadot/', '')}</div>
+      <div>{uiInfo}</div>
+    </div>
+  );
+}
+
+export default React.memo(styled(NodeInfo)`
+  background: transparent;
+  font-size: 0.9rem;
+  line-height: 1.2;
+  padding: 0 0 0 1rem;
+  text-align: right;
+
+  > div {
+    margin-bottom: -0.125em;
+
+    > div {
+      display: inline-block;
+    }
+  }
+`);
diff --git a/packages/apps/src/Menu/index.tsx b/packages/apps/src/Menu/index.tsx
new file mode 100644
index 0000000..49ef754
--- /dev/null
+++ b/packages/apps/src/Menu/index.tsx
@@ -0,0 +1,230 @@
+// Copyright 2017-2022 @polkadot/apps authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { TFunction } from 'i18next';
+import type { Route, Routes } from '@polkadot/apps-routing/types';
+import type { ApiProps } from '@polkadot/react-api/types';
+import type { AccountId } from '@polkadot/types/interfaces';
+import type { Group, Groups, ItemRoute } from './types';
+
+import React, { useMemo, useRef } from 'react';
+import { useLocation } from 'react-router-dom';
+import styled from 'styled-components';
+
+import createRoutes from '@polkadot/apps-routing';
+import { useAccounts, useApi, useCall, useTeleport } from '@polkadot/react-hooks';
+
+import { findMissingApis } from '../endpoint';
+import { useTranslation } from '../translate';
+import ChainInfo from './ChainInfo';
+import Grouping from './Grouping';
+import Item from './Item';
+import NodeInfo from './NodeInfo';
+
+interface Props {
+  className?: string;
+}
+
+function createExternals (t: TFunction): ItemRoute[] {
+  return [
+    {
+      href: 'https://github.com/polkadot-js/apps',
+      icon: 'code-branch',
+      name: 'github',
+      text: t<string>('nav.github', 'GitHub', { ns: 'apps-routing' })
+    },
+    {
+      href: 'https://wiki.polkadot.network',
+      icon: 'book',
+      name: 'wiki',
+      text: t<string>('nav.wiki', 'Wiki', { ns: 'apps-routing' })
+    }
+  ];
+}
+
+function checkVisible ({ api, isApiConnected, isApiReady }: ApiProps, allowTeleport: boolean, hasAccounts: boolean, hasSudo: boolean, { isHidden, needsAccounts, needsApi, needsApiCheck, needsApiInstances, needsSudo, needsTeleport }: Route['display']): boolean {
+  if (isHidden) {
+    return false;
+  } else if (needsAccounts && !hasAccounts) {
+    return false;
+  } else if (!needsApi) {
+    return true;
+  } else if (!isApiReady || !isApiConnected) {
+    return false;
+  } else if (needsSudo && !hasSudo) {
+    return false;
+  } else if (needsTeleport && !allowTeleport) {
+    return false;
+  }
+
+  return findMissingApis(api, needsApi, needsApiInstances, needsApiCheck).length === 0;
+}
+
+function extractGroups (routing: Routes, groupNames: Record<string, string>, apiProps: ApiProps, allowTeleport: boolean, hasAccounts: boolean, hasSudo: boolean): Group[] {
+  return Object
+    .values(
+      routing.reduce((all: Groups, route): Groups => {
+        if (!all[route.group]) {
+          all[route.group] = {
+            name: groupNames[route.group],
+            routes: [route]
+          };
+        } else {
+          all[route.group].routes.push(route);
+        }
+
+        return all;
+      }, {})
+    )
+    .map(({ name, routes }): Group => ({
+      name,
+      routes: routes.filter(({ display }) =>
+        checkVisible(apiProps, allowTeleport, hasAccounts, hasSudo, display)
+      )
+    }))
+    .filter(({ routes }) => routes.length);
+}
+
+function Menu ({ className = '' }: Props): React.ReactElement<Props> {
+  const { t } = useTranslation();
+  const { allAccounts, hasAccounts } = useAccounts();
+  const apiProps = useApi();
+  const { allowTeleport } = useTeleport();
+  const sudoKey = useCall<AccountId>(apiProps.isApiReady && apiProps.api.query.sudo?.key);
+  const location = useLocation();
+
+  const externalRef = useRef(createExternals(t));
+  const routeRef = useRef(createRoutes(t));
+
+  const groupRef = useRef({
+    accounts: t('Accounts'),
+    developer: t('Developer'),
+    files: t('Files'),
+    governance: t('Governance'),
+    network: t('Network'),
+    settings: t('Settings')
+  });
+
+  const hasSudo = useMemo(
+    () => !!sudoKey && allAccounts.some((a) => sudoKey.eq(a)),
+    [allAccounts, sudoKey]
+  );
+
+  const visibleGroups = useMemo(
+    () => extractGroups(routeRef.current, groupRef.current, apiProps, allowTeleport, hasAccounts, hasSudo),
+    [allowTeleport, apiProps, hasAccounts, hasSudo]
+  );
+
+  const activeRoute = useMemo(
+    () => routeRef.current.find(({ name }) =>
+      location.pathname.startsWith(`/${name}`)
+    ) || null,
+    [location]
+  );
+
+  return (
+    <div className={`${className}${(!apiProps.isApiReady || !apiProps.isApiConnected) ? ' isLoading' : ''} highlight--bg`}>
+      <div className='menuContainer'>
+        <div className='menuSection'>
+          <ChainInfo />
+          <ul className='menuItems'>
+            {visibleGroups.map(({ name, routes }): React.ReactNode => (
+              <Grouping
+                isActive={activeRoute && activeRoute.group === name.toLowerCase()}
+                key={name}
+                name={name}
+                routes={routes}
+              />
+            ))}
+          </ul>
+        </div>
+        <div className='menuSection media--1200'>
+          <ul className='menuItems'>
+            {externalRef.current.map((route): React.ReactNode => (
+              <Item
+                isLink
+                isToplevel
+                key={route.name}
+                route={route}
+              />
+            ))}
+          </ul>
+        </div>
+        <NodeInfo className='media--1400' />
+      </div>
+    </div>
+  );
+}
+
+export default React.memo(styled(Menu)`
+  width: 100%;
+  padding: 0;
+  z-index: 220;
+  position: relative;
+
+  & .menuContainer {
+    flex-direction: row;
+    align-items: center;
+    display: flex;
+    justify-content: space-between;
+    padding: 0 1.5rem;
+    width: 100%;
+    max-width: var(--width-full);
+    margin: 0 auto;
+  }
+
+  &.isLoading {
+    background: #999 !important;
+
+    .menuActive {
+      background: var(--bg-page);
+    }
+
+    &:before {
+      filter: grayscale(1);
+    }
+
+    .menuItems {
+      filter: grayscale(1);
+    }
+  }
+
+  .menuSection {
+    align-items: center;
+    display: flex;
+  }
+
+  .menuActive {
+    background: var(--bg-tabs);
+    border-bottom: none;
+    border-radius: 0.25rem 0.25rem 0 0;
+    color: var(--color-text);
+    padding: 1rem 1.5rem;
+    margin: 0 1rem -1px;
+    z-index: 1;
+
+    .ui--Icon {
+      margin-right: 0.5rem;
+    }
+  }
+
+  .menuItems {
+    flex: 1 1;
+    list-style: none;
+    margin: 0 1rem 0 0;
+    padding: 0;
+
+    > li {
+      display: inline-block;
+    }
+
+    > li + li {
+      margin-left: 0.375rem
+    }
+  }
+
+  .ui--NodeInfo {
+    align-self: center;
+  }
+
+`);
diff --git a/packages/apps/src/Menu/types.tsx b/packages/apps/src/Menu/types.tsx
new file mode 100644
index 0000000..416d4bc
--- /dev/null
+++ b/packages/apps/src/Menu/types.tsx
@@ -0,0 +1,23 @@
+// Copyright 2017-2022 @polkadot/apps authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { IconName } from '@fortawesome/fontawesome-svg-core';
+import type { Routes } from '@polkadot/apps-routing/types';
+
+import React from 'react';
+
+export interface ItemRoute {
+  Modal?: React.ComponentType<any>;
+  href?: string;
+  icon: IconName;
+  name: string;
+  text: string;
+  useCounter?: () => number | string | null;
+}
+
+export interface Group {
+  name: string;
+  routes: Routes;
+}
+
+export type Groups = Record<string, Group>;
diff --git a/packages/apps/src/Root.tsx b/packages/apps/src/Root.tsx
new file mode 100644
index 0000000..263b68e
--- /dev/null
+++ b/packages/apps/src/Root.tsx
@@ -0,0 +1,68 @@
+// Copyright 2017-2022 @polkadot/apps authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { ThemeDef } from '@polkadot/react-components/types';
+import type { KeyringStore } from '@polkadot/ui-keyring/types';
+
+import React, { Suspense, useEffect, useState } from 'react';
+import { HashRouter } from 'react-router-dom';
+import { ThemeProvider } from 'styled-components';
+
+import { Api } from '@polkadot/react-api';
+import Queue from '@polkadot/react-components/Status/Queue';
+import { BlockAuthors, Events } from '@polkadot/react-query';
+import { settings } from '@polkadot/ui-settings';
+
+import Apps from './Apps';
+import { darkTheme, lightTheme } from './themes';
+import WindowDimensions from './WindowDimensions';
+
+interface Props {
+  isElectron: boolean;
+  store?: KeyringStore;
+}
+
+function createTheme ({ uiTheme }: { uiTheme: string }): ThemeDef {
+  const validTheme = uiTheme === 'dark' ? 'dark' : 'light';
+
+  document && document.documentElement &&
+    document.documentElement.setAttribute('data-theme', validTheme);
+
+  return uiTheme === 'dark'
+    ? darkTheme
+    : lightTheme;
+}
+
+function Root ({ isElectron, store }: Props): React.ReactElement<Props> {
+  const [theme, setTheme] = useState(() => createTheme(settings));
+
+  useEffect((): void => {
+    settings.on('change', (settings) => setTheme(createTheme(settings)));
+  }, []);
+
+  return (
+    <Suspense fallback='...'>
+      <ThemeProvider theme={theme}>
+        <Queue>
+          <Api
+            apiUrl={settings.apiUrl}
+            isElectron={isElectron}
+            store={store}
+          >
+            <BlockAuthors>
+              <Events>
+                <HashRouter>
+                  <WindowDimensions>
+                    <Apps />
+                  </WindowDimensions>
+                </HashRouter>
+              </Events>
+            </BlockAuthors>
+          </Api>
+        </Queue>
+      </ThemeProvider>
+    </Suspense>
+  );
+}
+
+export default React.memo(Root);
diff --git a/packages/apps/src/TopBar.tsx b/packages/apps/src/TopBar.tsx
new file mode 100644
index 0000000..2ca8be7
--- /dev/null
+++ b/packages/apps/src/TopBar.tsx
@@ -0,0 +1,56 @@
+// Copyright 2017-2022 @polkadot/apps authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+// Unused atm, experiment as a replacement for NodeInfo on the SideBar
+
+import React from 'react';
+import styled from 'styled-components';
+
+import { BestNumber, Chain, NodeName, NodeVersion } from '@polkadot/react-query';
+
+interface Props {
+  className?: string;
+}
+
+function TopBar ({ className }: Props): React.ReactElement<Props> {
+  return (
+    <div className={className}>
+      <div>
+        <NodeName />&nbsp;
+        <NodeVersion label='v' />
+      </div>
+      <div>
+        <Chain />&nbsp;
+        <BestNumber label='#' />
+      </div>
+    </div>
+  );
+}
+
+export default React.memo(styled(TopBar)`
+  background: #f2f2f2;
+  font-size: 0.85rem;
+  line-height: 1rem;
+  overflow: hidden;
+  padding: 0.5rem 1rem;
+  position: fixed;
+  right: 0;
+  text-align: right;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  top: 0;
+
+  div {
+    display: inline-block;
+    vertical-align: middle;
+  }
+
+  > div {
+    border-left: 1px solid #ccc;
+    padding: 0 0.5rem;
+
+    &:first-child {
+      border-width: 0;
+    }
+  }
+`);
diff --git a/packages/apps/src/WarmUp.tsx b/packages/apps/src/WarmUp.tsx
new file mode 100644
index 0000000..f02a917
--- /dev/null
+++ b/packages/apps/src/WarmUp.tsx
@@ -0,0 +1,26 @@
+// Copyright 2017-2022 @polkadot/apps authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import React, { useEffect, useState } from 'react';
+
+import { useApi, useCall } from '@polkadot/react-hooks';
+
+function WarmUp (): React.ReactElement {
+  const { api, isApiReady } = useApi();
+  const indexes = useCall<unknown>(isApiReady && api.derive.accounts?.indexes);
+  const registrars = useCall<unknown>(isApiReady && api.query.identity?.registrars);
+  const issuance = useCall<unknown>(isApiReady && api.query.balances?.totalIssuance);
+  const historyDepth = useCall<unknown>(isApiReady && api.query.staking?.historyDepth);
+  const [hasValues, setHasValues] = useState(false);
+
+  useEffect((): void => {
+    setHasValues(!!historyDepth || !!indexes || !!issuance || !!registrars);
+  // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, []);
+
+  return (
+    <div className={`apps--api-warm ${hasValues.toString()}`} />
+  );
+}
+
+export default React.memo(WarmUp);
diff --git a/packages/apps/src/WindowDimensions.tsx b/packages/apps/src/WindowDimensions.tsx
new file mode 100644
index 0000000..5a4aa79
--- /dev/null
+++ b/packages/apps/src/WindowDimensions.tsx
@@ -0,0 +1,41 @@
+// Copyright 2017-2022 @polkadot/apps authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+// Adapted from https://hackernoon.com/simplifying-responsive-layouts-with-react-hooks-19db73893a7a
+
+import React, { useEffect, useState } from 'react';
+
+interface Dimensions {
+  windowHeight: number;
+  windowWidth: number;
+}
+
+interface Props {
+  children: React.ReactNode;
+}
+
+const WindowDimensionsCtx = React.createContext<Dimensions>({ windowHeight: window.innerHeight, windowWidth: window.innerWidth });
+
+function WindowDimensionsProvider ({ children }: Props): React.ReactElement<Props> {
+  const [dimensions, setDimensions] = useState({ windowHeight: window.innerHeight, windowWidth: window.innerWidth });
+
+  useEffect(() => {
+    const handleResize = () => setDimensions({ windowHeight: window.innerHeight, windowWidth: window.innerWidth });
+
+    window.addEventListener('resize', handleResize);
+
+    return (): void => {
+      window.removeEventListener('resize', handleResize);
+    };
+  }, []);
+
+  return (
+    <WindowDimensionsCtx.Provider value={dimensions}>
+      {children}
+    </WindowDimensionsCtx.Provider>
+  );
+}
+
+export default React.memo(WindowDimensionsProvider);
+
+export { WindowDimensionsCtx };
diff --git a/packages/apps/src/detectOther.ts b/packages/apps/src/detectOther.ts
new file mode 100644
index 0000000..6bb1ecb
--- /dev/null
+++ b/packages/apps/src/detectOther.ts
@@ -0,0 +1,6 @@
+// Copyright 2017-2022 @polkadot/apps authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+// Empty template, auto-generated by @polkadot/dev
+
+export default [];
diff --git a/packages/apps/src/detectPackage.ts b/packages/apps/src/detectPackage.ts
new file mode 100644
index 0000000..2ade8bd
--- /dev/null
+++ b/packages/apps/src/detectPackage.ts
@@ -0,0 +1,11 @@
+// Copyright 2017-2022 @polkadot/apps authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+// Do not edit, auto-generated by @polkadot/dev
+
+import { detectPackage } from '@polkadot/util';
+
+import others from './detectOther';
+import { packageInfo } from './packageInfo';
+
+detectPackage(packageInfo, null, others);
diff --git a/packages/apps/src/endpoint.ts b/packages/apps/src/endpoint.ts
new file mode 100644
index 0000000..7de7b16
--- /dev/null
+++ b/packages/apps/src/endpoint.ts
@@ -0,0 +1,34 @@
+// Copyright 2017-2022 @polkadot/apps authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import { ApiPromise } from '@polkadot/api';
+import { isFunction } from '@polkadot/util';
+
+type ApiMapper = Record<string, Record<string, Record<string, unknown>>>;
+
+function hasEndpoint (api: ApiPromise, endpoint: string, needsApiInstances: boolean): boolean {
+  const [area, _section, method] = endpoint.split('.');
+  const [section] = (needsApiInstances && api.registry.getModuleInstances(api.runtimeVersion.specName.toString(), _section)) || [_section];
+
+  try {
+    return isFunction((api as unknown as ApiMapper)[area][section][method]);
+  } catch (error) {
+    return false;
+  }
+}
+
+export function findMissingApis (api: ApiPromise, needsApi?: (string | string[])[], needsApiInstances = false, needsApiCheck?: (api: ApiPromise) => boolean): (string | string[])[] {
+  if (needsApiCheck && !needsApiCheck(api)) {
+    return ['needsApiCheck'];
+  } else if (!needsApi) {
+    return [];
+  }
+
+  return needsApi.filter((endpoint: string | string[]): boolean => {
+    const hasApi = Array.isArray(endpoint)
+      ? endpoint.reduce((hasApi, endpoint) => hasApi || hasEndpoint(api, endpoint, needsApiInstances), false)
+      : hasEndpoint(api, endpoint, needsApiInstances);
+
+    return !hasApi;
+  });
+}
diff --git a/packages/apps/src/index.tsx b/packages/apps/src/index.tsx
new file mode 100644
index 0000000..ecc2ddb
--- /dev/null
+++ b/packages/apps/src/index.tsx
@@ -0,0 +1,25 @@
+// Copyright 2017-2022 @polkadot/apps authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+// setup these right at front
+import './initSettings';
+import 'semantic-ui-css/semantic.min.css';
+import '@polkadot/react-components/i18n';
+import '@polkadot/api-augment/substrate';
+
+import React from 'react';
+import ReactDOM from 'react-dom';
+
+import Root from './Root';
+
+const rootId = 'root';
+const rootElement = document.getElementById(rootId);
+
+if (!rootElement) {
+  throw new Error(`Unable to find element with id '${rootId}'`);
+}
+
+ReactDOM.render(
+  <Root isElectron={false} />,
+  rootElement
+);
diff --git a/packages/apps/src/initSettings.ts b/packages/apps/src/initSettings.ts
new file mode 100644
index 0000000..2ab4e43
--- /dev/null
+++ b/packages/apps/src/initSettings.ts
@@ -0,0 +1,67 @@
+// Copyright 2017-2022 @polkadot/apps authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import queryString from 'query-string';
+import store from 'store';
+
+import { createWsEndpoints } from '@polkadot/apps-config';
+import { extractIpfsDetails } from '@polkadot/react-hooks/useIpfs';
+import { settings } from '@polkadot/ui-settings';
+import { assert } from '@polkadot/util';
+
+function networkOrUrl (apiUrl: string): void {
+  if (apiUrl.startsWith('light://')) {
+    console.log('Light endpoint=', apiUrl.replace('light://', ''));
+  } else {
+    console.log('WS endpoint=', apiUrl);
+  }
+}
+
+function getApiUrl (): string {
+  // we split here so that both these forms are allowed
+  //  - http://localhost:3000/?rpc=wss://substrate-rpc.parity.io/#/explorer
+  //  - http://localhost:3000/#/explorer?rpc=wss://substrate-rpc.parity.io
+  const urlOptions = queryString.parse(location.href.split('?')[1]);
+
+  // if specified, this takes priority
+  if (urlOptions.rpc) {
+    assert(!Array.isArray(urlOptions.rpc), 'Invalid WS endpoint specified');
+
+    // https://polkadot.js.org/apps/?rpc=ws://127.0.0.1:9944#/explorer;
+    const url = decodeURIComponent(urlOptions.rpc.split('#')[0]);
+
+    assert(url.startsWith('ws://') || url.startsWith('wss://') || url.startsWith('light://'), 'Non-prefixed ws/wss/light url');
+
+    return url;
+  }
+
+  const endpoints = createWsEndpoints(<T = string>(): T => ('' as unknown as T));
+  const { ipnsChain } = extractIpfsDetails();
+
+  // check against ipns domains (could be expanded to others)
+  if (ipnsChain) {
+    const option = endpoints.find(({ dnslink }) => dnslink === ipnsChain);
+
+    if (option) {
+      return option.value;
+    }
+  }
+
+  const stored = store.get('settings') as Record<string, unknown> || {};
+  const fallbackUrl = endpoints.find(({ value }) => !!value);
+
+  // via settings, or the default chain
+  return [stored.apiUrl, process.env.WS_URL].includes(settings.apiUrl)
+    ? settings.apiUrl // keep as-is
+    : fallbackUrl
+      ? fallbackUrl.value // grab the fallback
+      : 'ws://127.0.0.1:9944'; // nothing found, go local
+}
+
+// There cannot be a Substrate Connect light client default (expect only jrpc EndpointType)
+const apiUrl = getApiUrl();
+
+// set the default as retrieved here
+settings.set({ apiUrl });
+
+networkOrUrl(apiUrl);
diff --git a/packages/apps/src/overlays/Base.tsx b/packages/apps/src/overlays/Base.tsx
new file mode 100644
index 0000000..5ad30d8
--- /dev/null
+++ b/packages/apps/src/overlays/Base.tsx
@@ -0,0 +1,116 @@
+// Copyright 2017-2022 @polkadot/apps authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { IconName } from '@fortawesome/fontawesome-svg-core';
+
+import React from 'react';
+import styled from 'styled-components';
+
+import { Button, Icon } from '@polkadot/react-components';
+import { useToggle } from '@polkadot/react-hooks';
+
+interface Props {
+  children: React.ReactNode;
+  className?: string;
+  icon: IconName;
+  type: 'error' | 'info';
+}
+
+function BaseOverlay ({ children, className = '', icon, type }: Props): React.ReactElement<Props> | null {
+  const [isHidden, toggleHidden] = useToggle();
+
+  if (isHidden) {
+    return null;
+  }
+
+  return (
+    <div className={`${className} ${type === 'error' ? 'isError' : 'isInfo'}`}>
+      <div className='content'>
+        <Icon
+          className='contentIcon'
+          icon={icon}
+          size='2x'
+        />
+        <div className='contentItem'>
+          {children}
+        </div>
+        <Button
+          className='closeIcon'
+          icon='times'
+          isBasic
+          isCircular
+          onClick={toggleHidden}
+        />
+      </div>
+    </div>
+  );
+}
+
+export default React.memo(styled(BaseOverlay)`
+  background: var(--bg-menu);
+  border: 1px solid transparent;
+  border-radius: 0.25rem;
+  border-left-width: 0.25rem;
+  line-height: 1.5em;
+  padding: 0 1rem;
+  position: fixed;
+  right: 0.75rem;
+  top: 0.75rem;
+  max-width: 55rem;
+  z-index: 500;
+
+  &:before {
+    border-radius: 0.25rem;
+    bottom: 0;
+    content: ' ';
+    left: 0;
+    position: absolute;
+    right: 0;
+    top: 0;
+    z-index: -1;
+  }
+
+  &.isError {
+    &:before {
+      background: rgba(255, 12, 12, 0.05);
+    }
+
+    border-color: rgba(255, 12, 12, 1);
+  }
+
+  &.isInfo {
+    &:before {
+      background: rgba(255, 196, 12, 0.05);
+    }
+
+    border-color: rgba(255, 196, 12, 1);
+  }
+
+  .content {
+    display: flex;
+    margin: 0 auto;
+    max-width: 50rem;
+    padding: 1em 3rem 1rem 0.5rem;
+    position: relative;
+
+    .contentIcon {
+      flex: 0;
+    }
+
+    .contentItem {
+      flex: 1;
+      padding: 0 1rem;
+
+      > div+div {
+        margin-top: 0.5rem;
+      }
+    }
+  }
+
+  .closeIcon {
+    cursor: pointer;
+    position: absolute;
+    right: 0em;
+    top: 0.75rem;
+  }
+`);
diff --git a/packages/apps/src/overlays/Connecting.tsx b/packages/apps/src/overlays/Connecting.tsx
new file mode 100644
index 0000000..716ac93
--- /dev/null
+++ b/packages/apps/src/overlays/Connecting.tsx
@@ -0,0 +1,75 @@
+// Copyright 2017-2022 @polkadot/apps authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import React from 'react';
+
+import { useApi } from '@polkadot/react-hooks';
+import { settings } from '@polkadot/ui-settings';
+
+import { useTranslation } from '../translate';
+import BaseOverlay from './Base';
+
+const wsUrl = settings.apiType.param;
+const isWs = settings.apiType.type === 'json-rpc' && typeof wsUrl === 'string' && wsUrl.startsWith('ws://');
+const isWsLocal = typeof wsUrl === 'string' && wsUrl.includes('127.0.0.1');
+const isHttps = window.location.protocol.startsWith('https:');
+
+interface Props {
+  className?: string;
+}
+
+function Connecting ({ className }: Props): React.ReactElement<Props> | null {
+  const { t } = useTranslation();
+  const { apiError, isApiConnected, isApiReady, isWaitingInjected } = useApi();
+
+  if (apiError) {
+    return (
+      <BaseOverlay
+        className={className}
+        icon='globe'
+        type='error'
+      >
+        <div>{apiError}</div>
+      </BaseOverlay>
+    );
+  } else if (!isApiReady) {
+    return (
+      <BaseOverlay
+        className={className}
+        icon='globe'
+        type='info'
+      >
+        <div>{t<string>('Waiting to make a connection to the remote endpoint and finishing API initialization.')}</div>
+      </BaseOverlay>
+    );
+  } else if (isWaitingInjected) {
+    return (
+      <BaseOverlay
+        className={className}
+        icon='puzzle-piece'
+        type='info'
+      >
+        <div>{t<string>('Waiting for authorization from the extension. Please open the installed extension and approve or reject access.')}</div>
+      </BaseOverlay>
+    );
+  } else if (!isApiConnected) {
+    return (
+      <BaseOverlay
+        className={className}
+        icon='globe'
+        type='error'
+      >
+        <div>{t<string>('You are not connected to a node. Ensure that your node is running and that the Websocket endpoint is reachable.')}</div>
+        {
+          isWs && !isWsLocal && isHttps
+            ? <div>{t<string>('You are connecting from a secure location to an insecure WebSocket ({{wsUrl}}). Due to browser mixed-content security policies this connection type is not allowed. Change the RPC service to a secure \'wss\' endpoint.', { replace: { wsUrl } })}</div>
+            : undefined
+        }
+      </BaseOverlay>
+    );
+  }
+
+  return null;
+}
+
+export default React.memo(Connecting);
diff --git a/packages/apps/src/packageInfo.ts b/packages/apps/src/packageInfo.ts
new file mode 100644
index 0000000..fd3067c
--- /dev/null
+++ b/packages/apps/src/packageInfo.ts
@@ -0,0 +1,6 @@
+// Copyright 2017-2022 @polkadot/apps authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+// Do not edit, auto-generated by @polkadot/dev
+
+export const packageInfo = { name: '@polkadot/apps', path: 'auto', type: 'auto', version: '0.112.2-14' };
diff --git a/packages/apps/src/themes.ts b/packages/apps/src/themes.ts
new file mode 100644
index 0000000..2946aa2
--- /dev/null
+++ b/packages/apps/src/themes.ts
@@ -0,0 +1,12 @@
+// Copyright 2017-2022 @polkadot/apps authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { ThemeDef } from '@polkadot/react-components/types';
+
+export const darkTheme: ThemeDef = {
+  theme: 'dark'
+};
+
+export const lightTheme: ThemeDef = {
+  theme: 'light'
+};
diff --git a/packages/apps/src/translate.ts b/packages/apps/src/translate.ts
new file mode 100644
index 0000000..166aae6
--- /dev/null
+++ b/packages/apps/src/translate.ts
@@ -0,0 +1,10 @@
+// Copyright 2017-2022 @polkadot/apps authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { UseTranslationResponse } from 'react-i18next';
+
+import { useTranslation as useTranslationBase } from 'react-i18next';
+
+export function useTranslation (): UseTranslationResponse<'apps', undefined> {
+  return useTranslationBase('apps');
+}
diff --git a/packages/apps/src/wp-gif.d.ts b/packages/apps/src/wp-gif.d.ts
new file mode 100644
index 0000000..8ddfc7f
--- /dev/null
+++ b/packages/apps/src/wp-gif.d.ts
@@ -0,0 +1,8 @@
+// Copyright 2017-2022 @polkadot/apps authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+declare module '*.gif' {
+  const content: unknown;
+
+  export default content;
+}
diff --git a/packages/apps/src/wp-md.d.ts b/packages/apps/src/wp-md.d.ts
new file mode 100644
index 0000000..36315a7
--- /dev/null
+++ b/packages/apps/src/wp-md.d.ts
@@ -0,0 +1,8 @@
+// Copyright 2017-2022 @polkadot/apps authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+declare module '*.md' {
+  const content: unknown;
+
+  export default content;
+}
diff --git a/packages/apps/src/wp-png.d.ts b/packages/apps/src/wp-png.d.ts
new file mode 100644
index 0000000..f0dc731
--- /dev/null
+++ b/packages/apps/src/wp-png.d.ts
@@ -0,0 +1,8 @@
+// Copyright 2017-2022 @polkadot/apps authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+declare module '*.png' {
+  const content: unknown;
+
+  export default content;
+}
diff --git a/packages/apps/src/wp-svg.d.ts b/packages/apps/src/wp-svg.d.ts
new file mode 100644
index 0000000..7703a8d
--- /dev/null
+++ b/packages/apps/src/wp-svg.d.ts
@@ -0,0 +1,8 @@
+// Copyright 2017-2022 @polkadot/apps authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+declare module '*.svg' {
+  const content: unknown;
+
+  export default content;
+}
diff --git a/packages/apps/tsconfig.build.json b/packages/apps/tsconfig.build.json
new file mode 100644
index 0000000..da24d9f
--- /dev/null
+++ b/packages/apps/tsconfig.build.json
@@ -0,0 +1,9 @@
+{
+  "extends": "../../tsconfig.base.json",
+  "compilerOptions": {
+    "baseUrl": "..",
+    "outDir": "./build",
+    "rootDir": "./src"
+  },
+  "references": []
+}
diff --git a/packages/apps/webpack.base.cjs b/packages/apps/webpack.base.cjs
new file mode 100644
index 0000000..7fac501
--- /dev/null
+++ b/packages/apps/webpack.base.cjs
@@ -0,0 +1,189 @@
+// Copyright 2017-2022 @polkadot/apps authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+/* eslint-disable camelcase */
+
+const fs = require('fs');
+const path = require('path');
+const CopyWebpackPlugin = require('copy-webpack-plugin');
+const MiniCssExtractPlugin = require('mini-css-extract-plugin');
+const webpack = require('webpack');
+
+const findPackages = require('../../scripts/findPackages.cjs');
+
+function mapChunks (name, regs, inc) {
+  return regs.reduce((result, test, index) => ({
+    ...result,
+    [`${name}${index}`]: {
+      chunks: 'initial',
+      enforce: true,
+      name: `${name}.${`0${index + (inc || 0)}`.slice(-2)}`,
+      test
+    }
+  }), {});
+}
+
+function createWebpack (context, mode = 'production') {
+  const pkgJson = require(path.join(context, 'package.json'));
+  const alias = findPackages().reduce((alias, { dir, name }) => {
+    alias[name] = path.resolve(context, `../${dir}/src`);
+
+    return alias;
+  }, {});
+  const plugins = fs.existsSync(path.join(context, 'public'))
+    ? new CopyWebpackPlugin({
+      patterns: [{
+        from: 'public',
+        globOptions: {
+          dot: true,
+          ignore: ['**/index.html']
+        }
+      }]
+    })
+    : [];
+
+  return {
+    context,
+    entry: ['@babel/polyfill', './src/index.tsx'],
+    mode,
+    module: {
+      rules: [
+        {
+          scheme: 'data',
+          type: 'asset/resource',
+        },
+        {
+          include: /node_modules/,
+          test: /\.css$/,
+          use: [
+            MiniCssExtractPlugin.loader,
+            require.resolve('css-loader')
+          ]
+        },
+        {
+          exclude: /(node_modules)/,
+          test: /\.(js|mjs|ts|tsx)$/,
+          use: [
+            require.resolve('thread-loader'),
+            {
+              loader: require.resolve('babel-loader'),
+              options: require('@polkadot/dev/config/babel-config-webpack.cjs')
+            }
+          ]
+        },
+        {
+          test: /\.md$/,
+          use: [
+            require.resolve('html-loader'),
+            require.resolve('markdown-loader')
+          ]
+        },
+        {
+          exclude: [/semantic-ui-css/],
+          test: [/\.bmp$/, /\.gif$/, /\.jpe?g$/, /\.png$/],
+          type: 'asset/resource',
+          generator: {
+            filename: 'static/[name].[contenthash:8].[ext]'
+          }
+        },
+        {
+          exclude: [/semantic-ui-css/],
+          test: [/\.eot$/, /\.ttf$/, /\.svg$/, /\.woff$/, /\.woff2$/],
+          type: 'asset/resource',
+          generator: {
+            filename: 'static/[name].[contenthash:8].[ext]'
+          }
+        },
+        {
+          include: [/semantic-ui-css/],
+          test: [/\.bmp$/, /\.gif$/, /\.jpe?g$/, /\.png$/, /\.eot$/, /\.ttf$/, /\.svg$/, /\.woff$/, /\.woff2$/],
+          use: [
+            {
+              loader: require.resolve('null-loader')
+            }
+          ]
+        }
+      ]
+    },
+    node: {
+      __dirname: true,
+      __filename: false
+    },
+    optimization: {
+      minimize: mode === 'production',
+      splitChunks: {
+        cacheGroups: {
+          ...mapChunks('robohash', [
+            /* 00 */ /RoboHash\/(backgrounds|sets\/set1)/,
+            /* 01 */ /RoboHash\/sets\/set(2|3)/,
+            /* 02 */ /RoboHash\/sets\/set(4|5)/
+          ]),
+          ...mapChunks('polkadot', [
+            /* 00 */ /node_modules\/@polkadot\/(wasm)/,
+            /* 01 */ /node_modules\/(@polkadot\/(api|metadata|rpc|types))/,
+            /* 02 */ /node_modules\/(@polkadot\/(extension|keyring|networks|react|ui|util|vanitygen|x-)|@acala-network|@edgeware|@laminar|@ledgerhq|@open-web3|@sora-substrate|@subsocial|@zondax|edgeware)/
+          ]),
+          ...mapChunks('react', [
+            /* 00 */ /node_modules\/(@fortawesome)/,
+            /* 01 */ /node_modules\/(@emotion|@semantic-ui-react|@stardust|classnames|chart\.js|codeflask|copy-to-clipboard|file-selector|file-saver|hoist-non-react|i18next|jdenticon|keyboard-key|mini-create-react|popper\.js|prop-types|qrcode-generator|react|remark-parse|semantic-ui|styled-components)/
+          ]),
+          ...mapChunks('other', [
+            /* 00 */ /node_modules\/(@babel|ansi-styles|asn1|browserify|buffer|history|html-parse|inherit|lodash|object|path-|parse-asn1|pbkdf2|process|public-encrypt|query-string|readable-stream|regenerator-runtime|repeat|rtcpeerconnection-shim|safe-buffer|stream-browserify|store|tslib|unified|unist-util|util|vfile|vm-browserify|webrtc-adapter|whatwg-fetch)/,
+            /* 01 */ /node_modules\/(attr|brorand|camelcase|core|chalk|color|create|cuint|decode-uri|deep-equal|define-properties|detect-browser|es|event|evp|ext|function-bind|has-symbols|ieee754|ip|is|lru|markdown|minimalistic-|moment|next-tick|node-libs-browser|random|regexp|resolve|rxjs|scheduler|sdp|setimmediate|timers-browserify|trough)/,
+            /* 03 */ /node_modules\/(base-x|base64-js|blakejs|bip|bn\.js|cipher-base|crypto|des\.js|diffie-hellman|elliptic|hash|hmac|js-sha3|md5|miller-rabin|ripemd160|secp256k1|scryptsy|sha\.js|xxhashjs)/
+          ])
+        }
+      }
+    },
+    output: {
+      chunkFilename: '[name].[chunkhash:8].js',
+      filename: '[name].[contenthash:8].js',
+      globalObject: '(typeof self !== \'undefined\' ? self : this)',
+      hashFunction: 'xxhash64',
+      path: path.join(context, 'build'),
+      publicPath: ''
+    },
+    performance: {
+      hints: false
+    },
+    plugins: [
+      new webpack.ProvidePlugin({
+        Buffer: ['buffer', 'Buffer'],
+        process: 'process/browser.js'
+      }),
+      new webpack.IgnorePlugin({
+        contextRegExp: /moment$/,
+        resourceRegExp: /^\.\/locale$/
+      }),
+      new webpack.DefinePlugin({
+        'process.env': {
+          NODE_ENV: JSON.stringify(mode),
+          VERSION: JSON.stringify(pkgJson.version),
+          WS_URL: JSON.stringify(process.env.WS_URL)
+        }
+      }),
+      new webpack.optimize.SplitChunksPlugin(),
+      new MiniCssExtractPlugin({
+        filename: '[name].[contenthash:8].css'
+      })
+    ].concat(plugins),
+    resolve: {
+      alias: {
+        ...alias,
+        'react/jsx-runtime': require.resolve('react/jsx-runtime')
+      },
+      extensions: ['.js', '.jsx', '.mjs', '.ts', '.tsx'],
+      fallback: {
+        assert: require.resolve('assert/'),
+        crypto: require.resolve('crypto-browserify'),
+        http: require.resolve('stream-http'),
+        https: require.resolve('https-browserify'),
+        os: require.resolve('os-browserify/browser'),
+        path: require.resolve('path-browserify'),
+        stream: require.resolve('stream-browserify')
+      }
+    }
+  };
+}
+
+module.exports = createWebpack;
diff --git a/packages/apps/webpack.config.cjs b/packages/apps/webpack.config.cjs
new file mode 100644
index 0000000..44a86e9
--- /dev/null
+++ b/packages/apps/webpack.config.cjs
@@ -0,0 +1,26 @@
+// Copyright 2017-2022 @polkadot/apps authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+const fs = require('fs');
+const HtmlWebpackPlugin = require('html-webpack-plugin');
+const path = require('path');
+const { merge } = require('webpack-merge');
+
+const baseConfig = require('./webpack.base.cjs');
+
+const context = __dirname;
+const hasPublic = fs.existsSync(path.join(context, 'public'));
+
+module.exports = merge(
+  baseConfig(context),
+  {
+    devtool: process.env.BUILD_ANALYZE ? 'source-map' : false,
+    plugins: [
+      new HtmlWebpackPlugin({
+        PAGE_TITLE: 'Polkadot/Substrate Portal',
+        inject: true,
+        template: path.join(context, `${hasPublic ? 'public/' : ''}index.html`)
+      })
+    ]
+  }
+);
diff --git a/packages/apps/webpack.serve.cjs b/packages/apps/webpack.serve.cjs
new file mode 100644
index 0000000..7e84dff
--- /dev/null
+++ b/packages/apps/webpack.serve.cjs
@@ -0,0 +1,33 @@
+// Copyright 2017-2022 @polkadot/apps authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+const path = require('path');
+const HtmlWebpackPlugin = require('html-webpack-plugin');
+const { merge } = require('webpack-merge');
+
+const baseConfig = require('./webpack.base.cjs');
+
+module.exports = merge(
+  baseConfig(__dirname, 'development'),
+  {
+    devServer: {
+      hot: true,
+      open: false,
+      port: 3000,
+      static: path.resolve(__dirname, 'build')
+    },
+    plugins: [
+      new HtmlWebpackPlugin({
+        PAGE_TITLE: 'Polkadot/Substrate Portal',
+        inject: true,
+        template: path.join(__dirname, 'public/index.html')
+      })
+    ],
+    watchOptions: {
+      // 5.66.0 work-around (was reduced to 20, then started failing)
+      // https://github.com/webpack/webpack/commit/96da7660021e8aa31e163bacd3515960eb253422#diff-13cf5374edb5eced5f3770d5f346c59252f87a90de91bc57306077693c8b95e2R52
+      aggregateTimeout: 600,
+      ignored: ['.yarn', 'build', 'node_modules']
+    }
+  }
+);
diff --git a/packages/page-accounts/.skip-build b/packages/page-accounts/.skip-build
new file mode 100644
index 0000000..e69de29
diff --git a/packages/page-accounts/.skip-npm b/packages/page-accounts/.skip-npm
new file mode 100644
index 0000000..e69de29
diff --git a/packages/page-accounts/LICENSE b/packages/page-accounts/LICENSE
new file mode 100644
index 0000000..0d381b2
--- /dev/null
+++ b/packages/page-accounts/LICENSE
@@ -0,0 +1,201 @@
+                              Apache License
+                        Version 2.0, January 2004
+                    http://www.apache.org/licenses/
+
+TERMS AND CONDITIONS FOR USE, REPRODUCTION, AND DISTRIBUTION
+
+1. Definitions.
+
+  "License" shall mean the terms and conditions for use, reproduction,
+  and distribution as defined by Sections 1 through 9 of this document.
+
+  "Licensor" shall mean the copyright owner or entity authorized by
+  the copyright owner that is granting the License.
+
+  "Legal Entity" shall mean the union of the acting entity and all
+  other entities that control, are controlled by, or are under common
+  control with that entity. For the purposes of this definition,
+  "control" means (i) the power, direct or indirect, to cause the
+  direction or management of such entity, whether by contract or
+  otherwise, or (ii) ownership of fifty percent (50%) or more of the
+  outstanding shares, or (iii) beneficial ownership of such entity.
+
+  "You" (or "Your") shall mean an individual or Legal Entity
+  exercising permissions granted by this License.
+
+  "Source" form shall mean the preferred form for making modifications,
+  including but not limited to software source code, documentation
+  source, and configuration files.
+
+  "Object" form shall mean any form resulting from mechanical
+  transformation or translation of a Source form, including but
+  not limited to compiled object code, generated documentation,
+  and conversions to other media types.
+
+  "Work" shall mean the work of authorship, whether in Source or
+  Object form, made available under the License, as indicated by a
+  copyright notice that is included in or attached to the work
+  (an example is provided in the Appendix below).
+
+  "Derivative Works" shall mean any work, whether in Source or Object
+  form, that is based on (or derived from) the Work and for which the
+  editorial revisions, annotations, elaborations, or other modifications
+  represent, as a whole, an original work of authorship. For the purposes
+  of this License, Derivative Works shall not include works that remain
+  separable from, or merely link (or bind by name) to the interfaces of,
+  the Work and Derivative Works thereof.
+
+  "Contribution" shall mean any work of authorship, including
+  the original version of the Work and any modifications or additions
+  to that Work or Derivative Works thereof, that is intentionally
+  submitted to Licensor for inclusion in the Work by the copyright owner
+  or by an individual or Legal Entity authorized to submit on behalf of
+  the copyright owner. For the purposes of this definition, "submitted"
+  means any form of electronic, verbal, or written communication sent
+  to the Licensor or its representatives, including but not limited to
+  communication on electronic mailing lists, source code control systems,
+  and issue tracking systems that are managed by, or on behalf of, the
+  Licensor for the purpose of discussing and improving the Work, but
+  excluding communication that is conspicuously marked or otherwise
+  designated in writing by the copyright owner as "Not a Contribution."
+
+  "Contributor" shall mean Licensor and any individual or Legal Entity
+  on behalf of whom a Contribution has been received by Licensor and
+  subsequently incorporated within the Work.
+
+2. Grant of Copyright License. Subject to the terms and conditions of
+  this License, each Contributor hereby grants to You a perpetual,
+  worldwide, non-exclusive, no-charge, royalty-free, irrevocable
+  copyright license to reproduce, prepare Derivative Works of,
+  publicly display, publicly perform, sublicense, and distribute the
+  Work and such Derivative Works in Source or Object form.
+
+3. Grant of Patent License. Subject to the terms and conditions of
+  this License, each Contributor hereby grants to You a perpetual,
+  worldwide, non-exclusive, no-charge, royalty-free, irrevocable
+  (except as stated in this section) patent license to make, have made,
+  use, offer to sell, sell, import, and otherwise transfer the Work,
+  where such license applies only to those patent claims licensable
+  by such Contributor that are necessarily infringed by their
+  Contribution(s) alone or by combination of their Contribution(s)
+  with the Work to which such Contribution(s) was submitted. If You
+  institute patent litigation against any entity (including a
+  cross-claim or counterclaim in a lawsuit) alleging that the Work
+  or a Contribution incorporated within the Work constitutes direct
+  or contributory patent infringement, then any patent licenses
+  granted to You under this License for that Work shall terminate
+  as of the date such litigation is filed.
+
+4. Redistribution. You may reproduce and distribute copies of the
+  Work or Derivative Works thereof in any medium, with or without
+  modifications, and in Source or Object form, provided that You
+  meet the following conditions:
+
+  (a) You must give any other recipients of the Work or
+      Derivative Works a copy of this License; and
+
+  (b) You must cause any modified files to carry prominent notices
+      stating that You changed the files; and
+
+  (c) You must retain, in the Source form of any Derivative Works
+      that You distribute, all copyright, patent, trademark, and
+      attribution notices from the Source form of the Work,
+      excluding those notices that do not pertain to any part of
+      the Derivative Works; and
+
+  (d) If the Work includes a "NOTICE" text file as part of its
+      distribution, then any Derivative Works that You distribute must
+      include a readable copy of the attribution notices contained
+      within such NOTICE file, excluding those notices that do not
+      pertain to any part of the Derivative Works, in at least one
+      of the following places: within a NOTICE text file distributed
+      as part of the Derivative Works; within the Source form or
+      documentation, if provided along with the Derivative Works; or,
+      within a display generated by the Derivative Works, if and
+      wherever such third-party notices normally appear. The contents
+      of the NOTICE file are for informational purposes only and
+      do not modify the License. You may add Your own attribution
+      notices within Derivative Works that You distribute, alongside
+      or as an addendum to the NOTICE text from the Work, provided
+      that such additional attribution notices cannot be construed
+      as modifying the License.
+
+  You may add Your own copyright statement to Your modifications and
+  may provide additional or different license terms and conditions
+  for use, reproduction, or distribution of Your modifications, or
+  for any such Derivative Works as a whole, provided Your use,
+  reproduction, and distribution of the Work otherwise complies with
+  the conditions stated in this License.
+
+5. Submission of Contributions. Unless You explicitly state otherwise,
+  any Contribution intentionally submitted for inclusion in the Work
+  by You to the Licensor shall be under the terms and conditions of
+  this License, without any additional terms or conditions.
+  Notwithstanding the above, nothing herein shall supersede or modify
+  the terms of any separate license agreement you may have executed
+  with Licensor regarding such Contributions.
+
+6. Trademarks. This License does not grant permission to use the trade
+  names, trademarks, service marks, or product names of the Licensor,
+  except as required for reasonable and customary use in describing the
+  origin of the Work and reproducing the content of the NOTICE file.
+
+7. Disclaimer of Warranty. Unless required by applicable law or
+  agreed to in writing, Licensor provides the Work (and each
+  Contributor provides its Contributions) on an "AS IS" BASIS,
+  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or
+  implied, including, without limitation, any warranties or conditions
+  of TITLE, NON-INFRINGEMENT, MERCHANTABILITY, or FITNESS FOR A
+  PARTICULAR PURPOSE. You are solely responsible for determining the
+  appropriateness of using or redistributing the Work and assume any
+  risks associated with Your exercise of permissions under this License.
+
+8. Limitation of Liability. In no event and under no legal theory,
+  whether in tort (including negligence), contract, or otherwise,
+  unless required by applicable law (such as deliberate and grossly
+  negligent acts) or agreed to in writing, shall any Contributor be
+  liable to You for damages, including any direct, indirect, special,
+  incidental, or consequential damages of any character arising as a
+  result of this License or out of the use or inability to use the
+  Work (including but not limited to damages for loss of goodwill,
+  work stoppage, computer failure or malfunction, or any and all
+  other commercial damages or losses), even if such Contributor
+  has been advised of the possibility of such damages.
+
+9. Accepting Warranty or Additional Liability. While redistributing
+  the Work or Derivative Works thereof, You may choose to offer,
+  and charge a fee for, acceptance of support, warranty, indemnity,
+  or other liability obligations and/or rights consistent with this
+  License. However, in accepting such obligations, You may act only
+  on Your own behalf and on Your sole responsibility, not on behalf
+  of any other Contributor, and only if You agree to indemnify,
+  defend, and hold each Contributor harmless for any liability
+  incurred by, or claims asserted against, such Contributor by reason
+  of your accepting any such warranty or additional liability.
+
+END OF TERMS AND CONDITIONS
+
+APPENDIX: How to apply the Apache License to your work.
+
+  To apply the Apache License to your work, attach the following
+  boilerplate notice, with the fields enclosed by brackets "[]"
+  replaced with your own identifying information. (Don't include
+  the brackets!)  The text should be enclosed in the appropriate
+  comment syntax for the file format. We also recommend that a
+  file or class name and description of purpose be included on the
+  same "printed page" as the copyright notice for easier
+  identification within third-party archives.
+
+Copyright [yyyy] [name of copyright owner]
+
+Licensed under the Apache License, Version 2.0 (the "License");
+you may not use this file except in compliance with the License.
+You may obtain a copy of the License at
+
+    http://www.apache.org/licenses/LICENSE-2.0
+
+Unless required by applicable law or agreed to in writing, software
+distributed under the License is distributed on an "AS IS" BASIS,
+WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+See the License for the specific language governing permissions and
+limitations under the License.
diff --git a/packages/page-accounts/README.md b/packages/page-accounts/README.md
new file mode 100644
index 0000000..75a8b16
--- /dev/null
+++ b/packages/page-accounts/README.md
@@ -0,0 +1 @@
+# @polkadot/app-accounts
diff --git a/packages/page-accounts/package.json b/packages/page-accounts/package.json
new file mode 100644
index 0000000..c18a1c3
--- /dev/null
+++ b/packages/page-accounts/package.json
@@ -0,0 +1,29 @@
+{
+  "bugs": "https://github.com/polkadot-js/apps/issues",
+  "homepage": "https://github.com/polkadot-js/apps/tree/master/packages/page-accounts#readme",
+  "license": "Apache-2.0",
+  "name": "@polkadot/app-accounts",
+  "private": true,
+  "repository": {
+    "directory": "packages/page-accounts",
+    "type": "git",
+    "url": "https://github.com/polkadot-js/apps.git"
+  },
+  "sideEffects": false,
+  "type": "module",
+  "version": "0.112.2-14",
+  "dependencies": {
+    "@babel/runtime": "^7.17.9",
+    "@polkadot/hw-ledger": "^9.0.1",
+    "@polkadot/phishing": "^0.11.31",
+    "@polkadot/react-components": "^0.112.2-14",
+    "@polkadot/react-hooks": "^0.112.2-14",
+    "@polkadot/util": "^9.0.1",
+    "@polkadot/vanitygen": "^0.51.1",
+    "detect-browser": "^5.3.0",
+    "file-saver": "^2.0.5"
+  },
+  "devDependencies": {
+    "@polkadot/test-support": "0.112.2-14"
+  }
+}
diff --git a/packages/page-accounts/src/Accounts/Account.tsx b/packages/page-accounts/src/Accounts/Account.tsx
new file mode 100644
index 0000000..bc9d021
--- /dev/null
+++ b/packages/page-accounts/src/Accounts/Account.tsx
@@ -0,0 +1,797 @@
+// Copyright 2017-2022 @polkadot/app-accounts authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { SubmittableExtrinsic } from '@polkadot/api/types';
+import type { DeriveDemocracyLock, DeriveStakingAccount } from '@polkadot/api-derive/types';
+import type { Ledger } from '@polkadot/hw-ledger';
+import type { ActionStatus } from '@polkadot/react-components/Status/types';
+import type { ThemeDef } from '@polkadot/react-components/types';
+import type { Option } from '@polkadot/types';
+import type { ProxyDefinition, RecoveryConfig } from '@polkadot/types/interfaces';
+import type { KeyringAddress, KeyringJson$Meta } from '@polkadot/ui-keyring/types';
+import type { AccountBalance, Delegation } from '../types';
+
+import React, { useCallback, useContext, useEffect, useMemo, useState } from 'react';
+import styled, { ThemeContext } from 'styled-components';
+
+import { ApiPromise } from '@polkadot/api';
+import { AddressInfo, AddressSmall, Badge, Button, ChainLock, CryptoType, ExpandButton, Forget, Icon, LinkExternal, Menu, Popup, StatusContext, Tags } from '@polkadot/react-components';
+import { useAccountInfo, useApi, useBalancesAll, useBestNumber, useCall, useLedger, useStakingInfo, useToggle } from '@polkadot/react-hooks';
+import { keyring } from '@polkadot/ui-keyring';
+import { BN, BN_ZERO, formatBalance, formatNumber, isFunction } from '@polkadot/util';
+
+import Backup from '../modals/Backup';
+import ChangePass from '../modals/ChangePass';
+import DelegateModal from '../modals/Delegate';
+import Derive from '../modals/Derive';
+import IdentityMain from '../modals/IdentityMain';
+import IdentitySub from '../modals/IdentitySub';
+import MultisigApprove from '../modals/MultisigApprove';
+import ProxyOverview from '../modals/ProxyOverview';
+import RecoverAccount from '../modals/RecoverAccount';
+import RecoverSetup from '../modals/RecoverSetup';
+import Transfer from '../modals/Transfer';
+import UndelegateModal from '../modals/Undelegate';
+import { useTranslation } from '../translate';
+import { createMenuGroup } from '../util';
+import useMultisigApprovals from './useMultisigApprovals';
+import useProxies from './useProxies';
+
+interface Props {
+  account: KeyringAddress;
+  className?: string;
+  delegation?: Delegation;
+  filter: string;
+  isFavorite: boolean;
+  proxy?: [ProxyDefinition[], BN];
+  setBalance: (address: string, value: AccountBalance) => void;
+  toggleFavorite: (address: string) => void;
+}
+
+interface DemocracyUnlockable {
+  democracyUnlockTx: SubmittableExtrinsic<'promise'> | null;
+  ids: BN[];
+}
+
+function calcVisible (filter: string, name: string, tags: string[]): boolean {
+  if (filter.length === 0) {
+    return true;
+  }
+
+  const _filter = filter.toLowerCase();
+
+  return tags.reduce((result: boolean, tag: string): boolean => {
+    return result || tag.toLowerCase().includes(_filter);
+  }, name.toLowerCase().includes(_filter));
+}
+
+function calcUnbonding (stakingInfo?: DeriveStakingAccount) {
+  if (!stakingInfo?.unlocking) {
+    return BN_ZERO;
+  }
+
+  const filtered = stakingInfo.unlocking
+    .filter(({ remainingEras, value }) => value.gt(BN_ZERO) && remainingEras.gt(BN_ZERO))
+    .map((unlock) => unlock.value);
+  const total = filtered.reduce((total, value) => total.iadd(value), new BN(0));
+
+  return total;
+}
+
+function createClearDemocracyTx (api: ApiPromise, address: string, unlockableIds: BN[]): SubmittableExtrinsic<'promise'> | null {
+  return api.tx.utility
+    ? api.tx.utility.batch(
+      unlockableIds
+        .map((id) => api.tx.democracy.removeVote(id))
+        .concat(api.tx.democracy.unlock(address))
+    )
+    : null;
+}
+
+async function showLedgerAddress (getLedger: () => Ledger, meta: KeyringJson$Meta): Promise<void> {
+  const ledger = getLedger();
+
+  await ledger.getAddress(true, meta.accountOffset as number || 0, meta.addressOffset as number || 0);
+}
+
+const transformRecovery = {
+  transform: (opt: Option<RecoveryConfig>) => opt.unwrapOr(null)
+};
+
+function Account ({ account: { address, meta }, className = '', delegation, filter, isFavorite, proxy, setBalance, toggleFavorite }: Props): React.ReactElement<Props> | null {
+  const { t } = useTranslation();
+  const [isExpanded, toggleIsExpanded] = useToggle(false);
+  const { theme } = useContext(ThemeContext as React.Context<ThemeDef>);
+  const { queueExtrinsic } = useContext(StatusContext);
+  const api = useApi();
+  const { getLedger } = useLedger();
+  const bestNumber = useBestNumber();
+  const balancesAll = useBalancesAll(address);
+  const stakingInfo = useStakingInfo(address);
+  const democracyLocks = useCall<DeriveDemocracyLock[]>(api.api.derive.democracy?.locks, [address]);
+  const recoveryInfo = useCall<RecoveryConfig | null>(api.api.query.recovery?.recoverable, [address], transformRecovery);
+  const multiInfos = useMultisigApprovals(address);
+  const proxyInfo = useProxies(address);
+  const { flags: { isDevelopment, isEditable, isEthereum, isExternal, isHardware, isInjected, isMultisig, isProxied }, genesisHash, identity, name: accName, onSetGenesisHash, tags } = useAccountInfo(address);
+  const [{ democracyUnlockTx }, setUnlockableIds] = useState<DemocracyUnlockable>({ democracyUnlockTx: null, ids: [] });
+  const [vestingVestTx, setVestingTx] = useState<SubmittableExtrinsic<'promise'> | null>(null);
+  const [isBackupOpen, toggleBackup] = useToggle();
+  const [isDeriveOpen, toggleDerive] = useToggle();
+  const [isForgetOpen, toggleForget] = useToggle();
+  const [isIdentityMainOpen, toggleIdentityMain] = useToggle();
+  const [isIdentitySubOpen, toggleIdentitySub] = useToggle();
+  const [isMultisigOpen, toggleMultisig] = useToggle();
+  const [isProxyOverviewOpen, toggleProxyOverview] = useToggle();
+  const [isPasswordOpen, togglePassword] = useToggle();
+  const [isRecoverAccountOpen, toggleRecoverAccount] = useToggle();
+  const [isRecoverSetupOpen, toggleRecoverSetup] = useToggle();
+  const [isTransferOpen, toggleTransfer] = useToggle();
+  const [isDelegateOpen, toggleDelegate] = useToggle();
+  const [isUndelegateOpen, toggleUndelegate] = useToggle();
+
+  useEffect((): void => {
+    if (balancesAll) {
+      setBalance(address, {
+        // some chains don't have "active" in the Ledger
+        bonded: stakingInfo?.stakingLedger.active?.unwrap() || BN_ZERO,
+        locked: balancesAll.lockedBalance,
+        redeemable: stakingInfo?.redeemable || BN_ZERO,
+        total: balancesAll.freeBalance.add(balancesAll.reservedBalance),
+        transferrable: balancesAll.availableBalance,
+        unbonding: calcUnbonding(stakingInfo)
+      });
+
+      api.api.tx.vesting?.vest && setVestingTx(() =>
+        balancesAll.vestingLocked.isZero()
+          ? null
+          : api.api.tx.vesting.vest()
+      );
+    }
+  }, [address, api, balancesAll, setBalance, stakingInfo]);
+
+  useEffect((): void => {
+    bestNumber && democracyLocks && setUnlockableIds(
+      (prev): DemocracyUnlockable => {
+        const ids = democracyLocks
+          .filter(({ isFinished, unlockAt }) => isFinished && bestNumber.gt(unlockAt))
+          .map(({ referendumId }) => referendumId);
+
+        if (JSON.stringify(prev.ids) === JSON.stringify(ids)) {
+          return prev;
+        }
+
+        return {
+          democracyUnlockTx: createClearDemocracyTx(api.api, address, ids),
+          ids
+        };
+      }
+    );
+  }, [address, api, bestNumber, democracyLocks]);
+
+  const isVisible = useMemo(
+    () => calcVisible(filter, accName, tags),
+    [accName, filter, tags]
+  );
+
+  const _onFavorite = useCallback(
+    () => toggleFavorite(address),
+    [address, toggleFavorite]
+  );
+
+  const _onForget = useCallback(
+    (): void => {
+      if (!address) {
+        return;
+      }
+
+      const status: Partial<ActionStatus> = {
+        account: address,
+        action: 'forget'
+      };
+
+      try {
+        keyring.forgetAccount(address);
+        status.status = 'success';
+        status.message = t<string>('account forgotten');
+      } catch (error) {
+        status.status = 'error';
+        status.message = (error as Error).message;
+      }
+    },
+    [address, t]
+  );
+
+  const _clearDemocracyLocks = useCallback(
+    () => democracyUnlockTx && queueExtrinsic({
+      accountId: address,
+      extrinsic: democracyUnlockTx
+    }),
+    [address, democracyUnlockTx, queueExtrinsic]
+  );
+
+  const _vestingVest = useCallback(
+    () => vestingVestTx && queueExtrinsic({
+      accountId: address,
+      extrinsic: vestingVestTx
+    }),
+    [address, queueExtrinsic, vestingVestTx]
+  );
+
+  const _showOnHardware = useCallback(
+    // TODO: we should check the hardwareType from metadata here as well,
+    // for now we are always assuming hardwareType === 'ledger'
+    (): void => {
+      showLedgerAddress(getLedger, meta).catch((error): void => {
+        console.error(`ledger: ${(error as Error).message}`);
+      });
+    },
+    [getLedger, meta]
+  );
+
+  const menuItems = useMemo(() => [
+    createMenuGroup('identityGroup', [
+      isFunction(api.api.tx.identity?.setIdentity) && !isHardware && (
+        <Menu.Item
+          icon='link'
+          key='identityMain'
+          onClick={toggleIdentityMain}
+        >
+          {t('Set on-chain identity')}
+        </Menu.Item>
+      ),
+      isFunction(api.api.tx.identity?.setSubs) && identity?.display && !isHardware && (
+        <Menu.Item
+          icon='vector-square'
+          key='identitySub'
+          onClick={toggleIdentitySub}
+        >
+          {t('Set on-chain sub-identities')}
+        </Menu.Item>
+      ),
+      isFunction(api.api.tx.democracy?.unlock) && democracyUnlockTx && (
+        <Menu.Item
+          icon='broom'
+          key='clearDemocracy'
+          onClick={_clearDemocracyLocks}
+        >
+          {t('Clear expired democracy locks')}
+        </Menu.Item>
+      ),
+      isFunction(api.api.tx.vesting?.vest) && vestingVestTx && (
+        <Menu.Item
+          icon='unlock'
+          key='vestingVest'
+          onClick={_vestingVest}
+        >
+          {t('Unlock vested amount')}
+        </Menu.Item>
+      )
+    ], t('Identity')),
+    createMenuGroup('deriveGroup', [
+      !(isEthereum || isExternal || isHardware || isInjected || isMultisig || api.isEthereum) && (
+        <Menu.Item
+          icon='download'
+          key='deriveAccount'
+          onClick={toggleDerive}
+        >
+          {t('Derive account via derivation path')}
+        </Menu.Item>
+      ),
+      isHardware && (
+        <Menu.Item
+          icon='eye'
+          key='showHwAddress'
+          onClick={_showOnHardware}
+        >
+          {t('Show address on hardware device')}
+        </Menu.Item>
+      )
+    ], t('Derive')),
+    createMenuGroup('backupGroup', [
+      !(isExternal || isHardware || isInjected || isMultisig || isDevelopment) && (
+        <Menu.Item
+          icon='database'
+          key='backupJson'
+          onClick={toggleBackup}
+        >
+          {t('Create a backup file for this account')}
+        </Menu.Item>
+      ),
+      !(isExternal || isHardware || isInjected || isMultisig || isDevelopment) && (
+        <Menu.Item
+          icon='edit'
+          key='changePassword'
+          onClick={togglePassword}
+        >
+          {t("Change this account's password")}
+        </Menu.Item>
+      ),
+      !(isInjected || isDevelopment) && (
+        <Menu.Item
+          icon='trash-alt'
+          key='forgetAccount'
+          onClick={toggleForget}
+        >
+          {t('Forget this account')}
+        </Menu.Item>
+      )
+    ], t('Backup')),
+    isFunction(api.api.tx.recovery?.createRecovery) && createMenuGroup('reoveryGroup', [
+      !recoveryInfo && (
+        <Menu.Item
+          icon='redo'
+          key='makeRecoverable'
+          onClick={toggleRecoverSetup}
+        >
+          {t('Make recoverable')}
+        </Menu.Item>
+      ),
+      <Menu.Item
+        icon='screwdriver'
+        key='initRecovery'
+        onClick={toggleRecoverAccount}
+      >
+        {t('Initiate recovery for another')}
+      </Menu.Item>
+    ], t('Recovery')),
+    isFunction(api.api.tx.multisig?.asMulti) && isMultisig && createMenuGroup('multisigGroup', [
+      <Menu.Item
+        icon='file-signature'
+        isDisabled={!multiInfos || !multiInfos.length}
+        key='multisigApprovals'
+        onClick={toggleMultisig}
+      >
+        {t('Multisig approvals')}
+      </Menu.Item>
+    ], t('Multisig')),
+    isFunction(api.api.query.democracy?.votingOf) && delegation?.accountDelegated && createMenuGroup('undelegateGroup', [
+      <Menu.Item
+        icon='user-edit'
+        key='changeDelegate'
+        onClick={toggleDelegate}
+      >
+        {t('Change democracy delegation')}
+      </Menu.Item>,
+      <Menu.Item
+        icon='user-minus'
+        key='undelegate'
+        onClick={toggleUndelegate}
+      >
+        {t('Undelegate')}
+      </Menu.Item>
+    ], t('Undelegate')),
+    createMenuGroup('delegateGroup', [
+      isFunction(api.api.query.democracy?.votingOf) && !delegation?.accountDelegated && (
+        <Menu.Item
+          icon='user-plus'
+          key='delegate'
+          onClick={toggleDelegate}
+        >
+
+          {t('Delegate democracy votes')}
+        </Menu.Item>
+      ),
+      isFunction(api.api.query.proxy?.proxies) && (
+        <Menu.Item
+          icon='sitemap'
+          key='proxy-overview'
+          onClick={toggleProxyOverview}
+        >
+          {proxy?.[0].length
+            ? t('Manage proxies')
+            : t('Add proxy')
+          }
+        </Menu.Item>
+      )
+    ], t('Delegate')),
+    isEditable && !api.isDevelopment && createMenuGroup('genesisGroup', [
+      <ChainLock
+        className='accounts--network-toggle'
+        genesisHash={genesisHash}
+        key='chainlock'
+        onChange={onSetGenesisHash}
+      />
+    ])
+  ].filter((i) => i),
+  [_clearDemocracyLocks, _showOnHardware, _vestingVest, api, delegation, democracyUnlockTx, genesisHash, identity, isDevelopment, isEditable, isEthereum, isExternal, isHardware, isInjected, isMultisig, multiInfos, onSetGenesisHash, proxy, recoveryInfo, t, toggleBackup, toggleDelegate, toggleDerive, toggleForget, toggleIdentityMain, toggleIdentitySub, toggleMultisig, togglePassword, toggleProxyOverview, toggleRecoverAccount, toggleRecoverSetup, toggleUndelegate, vestingVestTx]);
+
+  if (!isVisible) {
+    return null;
+  }
+
+  return (
+    <>
+      <tr className={`${className}${isExpanded ? ' noBorder' : ''}`}>
+        <td className='favorite'>
+          <Icon
+            color={isFavorite ? 'orange' : 'gray'}
+            icon='star'
+            onClick={_onFavorite}
+          />
+        </td>
+        <td className='together'>
+          <div className='badges'>
+            <div className='info'>
+              {meta.genesisHash
+                ? <Badge color='transparent' />
+                : isDevelopment
+                  ? (
+                    <Badge
+                      className='warning'
+                      hover={t<string>('This is a development account derived from the known development seed. Do not use for any funds on a non-development network.')}
+                      icon='wrench'
+                    />
+                  )
+                  : (
+                    <Badge
+                      className='warning'
+                      hover={
+                        <div>
+                          <p>{t<string>('This account is available on all networks. It is recommended to link to a specific network via the account options ("only this network" option) to limit availability. For accounts from an extension, set the network on the extension.')}</p>
+                          <p>{t<string>('This does not send any transaction, rather it only sets the genesis in the account JSON.')}</p>
+                        </div>
+                      }
+                      icon='exclamation-triangle'
+                    />
+                  )
+              }
+              {recoveryInfo && (
+                <Badge
+                  className='recovery'
+                  hover={
+                    <div>
+                      <p>{t<string>('This account is recoverable, with the following friends:')}</p>
+                      <div>
+                        {recoveryInfo.friends.map((friend, index): React.ReactNode => (
+                          <AddressSmall
+                            key={index}
+                            value={friend}
+                          />
+                        ))}
+                      </div>
+                      <table>
+                        <tbody>
+                          <tr>
+                            <td>{t<string>('threshold')}</td>
+                            <td>{formatNumber(recoveryInfo.threshold)}</td>
+                          </tr>
+                          <tr>
+                            <td>{t<string>('delay')}</td>
+                            <td>{formatNumber(recoveryInfo.delayPeriod)}</td>
+                          </tr>
+                          <tr>
+                            <td>{t<string>('deposit')}</td>
+                            <td>{formatBalance(recoveryInfo.deposit)}</td>
+                          </tr>
+                        </tbody>
+                      </table>
+                    </div>
+                  }
+                  icon='redo'
+                />
+              )}
+              {isProxied && !proxyInfo.hasOwned && (
+                <Badge
+                  className='important'
+                  hover={t<string>('Proxied account has no owned proxies')}
+                  icon='sitemap'
+                  info='0'
+                />
+              )}
+            </div>
+            <div className='action'>
+              {multiInfos && multiInfos.length !== 0 && (
+                <Badge
+                  className='important'
+                  color='purple'
+                  hover={t<string>('Multisig approvals pending')}
+                  hoverAction={t<string>('View pending approvals')}
+                  icon='file-signature'
+                  info={multiInfos.length}
+                  onClick={toggleMultisig}
+                />
+              )}
+              {delegation?.accountDelegated && (
+                <Badge
+                  className='information'
+                  hover={t<string>('This account has a governance delegation')}
+                  hoverAction={t<string>('Manage delegation')}
+                  icon='calendar-check'
+                  onClick={toggleDelegate}
+                />
+              )}
+              {!!proxy?.[0].length && api.api.tx.utility && (
+                <Badge
+                  className='information'
+                  hover={t<string>('This account has {{proxyNumber}} proxy set.', {
+                    replace: {
+                      proxyNumber: proxy[0].length
+                    }
+                  })}
+                  hoverAction={t<string>('Proxy overview')}
+                  icon='sitemap'
+                  onClick={toggleProxyOverview}
+                />
+              )}
+            </div>
+          </div>
+        </td>
+        <td className='address'>
+          <AddressSmall
+            parentAddress={meta.parentAddress}
+            value={address}
+            withShortAddress
+          />
+          {isBackupOpen && (
+            <Backup
+              address={address}
+              key='modal-backup-account'
+              onClose={toggleBackup}
+            />
+          )}
+          {isDelegateOpen && (
+            <DelegateModal
+              key='modal-delegate'
+              onClose={toggleDelegate}
+              previousAmount={delegation?.amount}
+              previousConviction={delegation?.conviction}
+              previousDelegatedAccount={delegation?.accountDelegated}
+              previousDelegatingAccount={address}
+            />
+          )}
+          {isDeriveOpen && (
+            <Derive
+              from={address}
+              key='modal-derive-account'
+              onClose={toggleDerive}
+            />
+          )}
+          {isForgetOpen && (
+            <Forget
+              address={address}
+              key='modal-forget-account'
+              onClose={toggleForget}
+              onForget={_onForget}
+            />
+          )}
+          {isIdentityMainOpen && (
+            <IdentityMain
+              address={address}
+              key='modal-identity-main'
+              onClose={toggleIdentityMain}
+            />
+          )}
+          {isIdentitySubOpen && (
+            <IdentitySub
+              address={address}
+              key='modal-identity-sub'
+              onClose={toggleIdentitySub}
+            />
+          )}
+          {isPasswordOpen && (
+            <ChangePass
+              address={address}
+              key='modal-change-pass'
+              onClose={togglePassword}
+            />
+          )}
+          {isTransferOpen && (
+            <Transfer
+              key='modal-transfer'
+              onClose={toggleTransfer}
+              senderId={address}
+            />
+          )}
+          {isProxyOverviewOpen && (
+            <ProxyOverview
+              key='modal-proxy-overview'
+              onClose={toggleProxyOverview}
+              previousProxy={proxy}
+              proxiedAccount={address}
+            />
+          )}
+          {isMultisigOpen && multiInfos && (
+            <MultisigApprove
+              address={address}
+              key='multisig-approve'
+              onClose={toggleMultisig}
+              ongoing={multiInfos}
+              threshold={meta.threshold as number}
+              who={meta.who as string[]}
+            />
+          )}
+          {isRecoverAccountOpen && (
+            <RecoverAccount
+              address={address}
+              key='recover-account'
+              onClose={toggleRecoverAccount}
+            />
+          )}
+          {isRecoverSetupOpen && (
+            <RecoverSetup
+              address={address}
+              key='recover-setup'
+              onClose={toggleRecoverSetup}
+            />
+          )}
+          {isUndelegateOpen && (
+            <UndelegateModal
+              accountDelegating={address}
+              key='modal-delegate'
+              onClose={toggleUndelegate}
+            />
+          )}
+        </td>
+        <td className='number'>
+          <CryptoType accountId={address} />
+        </td>
+        <td className='number media--1500'>
+          {balancesAll?.accountNonce.gt(BN_ZERO) && formatNumber(balancesAll.accountNonce)}
+        </td>
+        <td className='number'>
+          <AddressInfo
+            address={address}
+            balancesAll={balancesAll}
+            withBalance={{
+              available: false,
+              bonded: false,
+              locked: false,
+              redeemable: false,
+              reserved: false,
+              total: true,
+              unlocking: false,
+              vested: false
+            }}
+            withExtended={false}
+          />
+        </td>
+        <td className='fast-actions'>
+          <div className='fast-actions-row'>
+            <LinkExternal
+              className='ui--AddressCard-exporer-link media--1400'
+              data={address}
+              isLogo
+              type='address'
+            />
+            {isFunction(api.api.tx.balances?.transfer) && (
+              <Button
+                className='send-button'
+                icon='paper-plane'
+                label={t<string>('send')}
+                onClick={toggleTransfer}
+              />
+            )}
+            <Popup
+              className={`theme--${theme}`}
+              isDisabled={!menuItems.length}
+              value={
+                <Menu>
+                  {menuItems}
+                </Menu>
+              }
+            />
+            <ExpandButton
+              expanded={isExpanded}
+              onClick={toggleIsExpanded}
+            />
+          </div>
+        </td>
+      </tr>
+      <tr className={`${className} ${isExpanded ? 'isExpanded' : 'isCollapsed'}`}>
+        <td colSpan={2} />
+        <td>
+          <div
+            className='tags'
+            data-testid='tags'
+          >
+            <Tags
+              value={tags}
+              withTitle
+            />
+          </div>
+        </td>
+        <td className='media--1500' />
+        <td />
+        <td>
+          <AddressInfo
+            address={address}
+            balancesAll={balancesAll}
+            withBalance={{
+              available: true,
+              bonded: true,
+              locked: true,
+              redeemable: true,
+              reserved: true,
+              total: false,
+              unlocking: true,
+              vested: true
+            }}
+            withExtended={false}
+          />
+        </td>
+        <td colSpan={2} />
+      </tr>
+    </>
+  );
+}
+
+export default React.memo(styled(Account)`
+  &.isCollapsed {
+    visibility: collapse;
+  }
+
+  &.isExpanded {
+    visibility: visible;
+  }
+
+  .tags {
+    width: 100%;
+    min-height: 1.5rem;
+  }
+
+  .devBadge {
+    opacity: 0.65;
+  }
+
+  && td.button {
+    padding-bottom: 0.5rem;
+  }
+
+  && td.fast-actions {
+    padding-left: 0.2rem;
+    padding-right: 1rem;
+    width: 1%;
+
+    .fast-actions-row {
+      display: flex;
+      align-items: center;
+      justify-content: flex-end;
+
+      & > * + * {
+        margin-left: 0.35rem;
+      }
+
+      .send-button {
+        min-width: 6.5rem;
+      }
+    }
+  }
+
+  && .ui--AddressInfo .ui--FormatBalance,
+  && .ui--AddressInfo .result {
+    .ui--Icon, .icon-void {
+      margin-left: 0.7rem;
+      margin-right: 0.3rem;
+    }
+
+    .ui--Button.isIcon {
+      margin-left: 0.5rem;
+      padding: 0.15rem 0.2rem 0.05rem;
+      border: 1px solid var(--border-table);
+      border-radius: 4px;
+
+      .ui--Icon {
+        padding: 0;
+        margin: 0;
+      }
+    }
+  }
+
+  .together > .badges {
+    display: flex;
+    flex-direction: column;
+    justify-content: space-between;
+
+    & > .info + .action {
+      margin-top: 0.5rem;
+
+      &:empty {
+        margin-top: 0;
+      }
+    }
+
+    & > .info:empty + .action {
+      margin-top: 0;
+    }
+  }
+`);
diff --git a/packages/page-accounts/src/Accounts/Banner.tsx b/packages/page-accounts/src/Accounts/Banner.tsx
new file mode 100644
index 0000000..ea93b79
--- /dev/null
+++ b/packages/page-accounts/src/Accounts/Banner.tsx
@@ -0,0 +1,27 @@
+// Copyright 2017-2022 @polkadot/app-accounts authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import React from 'react';
+import styled from 'styled-components';
+
+interface Props {
+  children: React.ReactNode;
+  className?: string;
+  type: 'warning' | 'error';
+}
+
+function Banner ({ children, className = '', type }: Props): React.ReactElement<Props> | null {
+  return (
+    <article className={`${className} ${type} centered`}>
+      <div className='box'>
+        {children}
+      </div>
+    </article>
+  );
+}
+
+export default React.memo(styled(Banner)`
+  .box {
+    padding: 0 0.5rem;
+  }
+`);
diff --git a/packages/page-accounts/src/Accounts/BannerClaims.tsx b/packages/page-accounts/src/Accounts/BannerClaims.tsx
new file mode 100644
index 0000000..6eecfe7
--- /dev/null
+++ b/packages/page-accounts/src/Accounts/BannerClaims.tsx
@@ -0,0 +1,26 @@
+// Copyright 2017-2022 @polkadot/app-accounts authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import React from 'react';
+
+import useClaimCounter from '@polkadot/app-claims/useCounter'; // exceptionally CRAP idea
+
+import { useTranslation } from '../translate';
+import Banner from './Banner';
+
+function BannerExtension (): React.ReactElement | null {
+  const claimCount = useClaimCounter();
+  const { t } = useTranslation();
+
+  if (!claimCount) {
+    return null;
+  }
+
+  return (
+    <Banner type='error'>
+      <p>{t<string>('You have {{claimCount}} accounts that need attestations. Use the Claim Tokens app on the navigation bar to complete the process. Until you do, your balances for those accounts will not be reflected.', { replace: { claimCount } })}&nbsp;<a href='#/claims'>{t<string>('Claim tokens...')}</a></p>
+    </Banner>
+  );
+}
+
+export default React.memo(BannerExtension);
diff --git a/packages/page-accounts/src/Accounts/BannerExtension.tsx b/packages/page-accounts/src/Accounts/BannerExtension.tsx
new file mode 100644
index 0000000..0db9d4e
--- /dev/null
+++ b/packages/page-accounts/src/Accounts/BannerExtension.tsx
@@ -0,0 +1,95 @@
+// Copyright 2017-2022 @polkadot/app-accounts authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import { detect } from 'detect-browser';
+import React, { useRef } from 'react';
+import { Trans } from 'react-i18next';
+
+import useExtensionCounter from '@polkadot/app-settings/useCounter';
+import { availableExtensions } from '@polkadot/apps-config';
+import { isWeb3Injected } from '@polkadot/extension-dapp';
+import { onlyOnWeb } from '@polkadot/react-api/hoc';
+import { useApi } from '@polkadot/react-hooks';
+import { stringUpperFirst } from '@polkadot/util';
+
+import { useTranslation } from '../translate';
+import Banner from './Banner';
+
+// it would have been really good to import this from detect, however... not exported
+type Browser = 'chrome' | 'firefox';
+
+const browserInfo = detect();
+const browserName: Browser | null = (browserInfo && (browserInfo.name as Browser)) || null;
+const isSupported = browserName && Object.keys(availableExtensions).includes(browserName);
+
+function BannerExtension (): React.ReactElement | null {
+  const { t } = useTranslation();
+  const { hasInjectedAccounts } = useApi();
+  const upgradableCount = useExtensionCounter();
+  const phishing = useRef<string>(t<string>('Since some extensions, such as the polkadot-js extension, protects you against all community reported phishing sites, there are valid reasons to use them for additional protection, even if you are not storing accounts in it.'));
+
+  if (!isSupported || !browserName) {
+    return null;
+  }
+
+  if (isWeb3Injected) {
+    if (hasInjectedAccounts) {
+      if (!upgradableCount) {
+        return null;
+      }
+
+      return (
+        <Banner type='warning'>
+          <p>
+            {upgradableCount === 1
+              ? t<string>('You have 1 extension that needs to be updated with the latest chain properties in order to display the correct information for the chain you are connected to.')
+              : t<string>('You have {{upgradableCount}} extensions that need to be updated with the latest chain properties in order to display the correct information for the chain you are connected to.', { replace: { upgradableCount } })
+            }
+            {t<string>(' This update includes chain metadata and chain properties.')}
+          </p>
+          <p><Trans key='extensionUpgrade'>Visit your <a href='#/settings/metadata'>settings page</a> to apply the updates to the injected extensions.</Trans></p>
+        </Banner>
+      );
+    }
+
+    return (
+      <Banner type='warning'>
+        <p>{t<string>('One or more extensions are detected in your browser, however no accounts has been injected.')}</p>
+        <p>{t<string>('Ensure that the extension has accounts, some accounts are visible globally and available for this chain and that you gave the application permission to access accounts from the extension to use them.')}</p>
+        <p>{phishing.current}</p>
+      </Banner>
+    );
+  }
+
+  return (
+    <Banner type='warning'>
+      <p>{t<string>('It is recommended that you create/store your accounts securely and externally from the app. On {{yourBrowser}} the following browser extensions are available for use -', {
+        replace: {
+          yourBrowser: stringUpperFirst(browserName)
+        }
+      })}</p>
+      <ul>{availableExtensions[browserName].map(({ desc, link, name }): React.ReactNode => (
+        <li key={name}>
+          <a
+            href={link}
+            rel='noopener noreferrer'
+            target='_blank'
+          >
+            {name}
+          </a> ({t(desc)})
+        </li>
+      ))
+      }</ul>
+      <p>{t<string>('Accounts injected from any of these extensions will appear in this application and be available for use. The above list is updated as more extensions with external signing capability become available.')}&nbsp;
+        <a
+          href='https://github.com/polkadot-js/extension'
+          rel='noopener noreferrer'
+          target='_blank'
+        >{t<string>('Learn more...')}</a>
+      </p>
+      <p>{phishing.current}</p>
+    </Banner>
+  );
+}
+
+export default onlyOnWeb(React.memo(BannerExtension));
diff --git a/packages/page-accounts/src/Accounts/Summary.tsx b/packages/page-accounts/src/Accounts/Summary.tsx
new file mode 100644
index 0000000..2cfafd5
--- /dev/null
+++ b/packages/page-accounts/src/Accounts/Summary.tsx
@@ -0,0 +1,53 @@
+// Copyright 2017-2022 @polkadot/app-accounts authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { AccountBalance } from '../types';
+
+import React from 'react';
+
+import { useTranslation } from '@polkadot/app-treasury/translate';
+import { CardSummary, SummaryBox } from '@polkadot/react-components';
+import { FormatBalance } from '@polkadot/react-query';
+
+interface Props {
+  className?: string;
+  balance?: AccountBalance;
+}
+
+function Summary ({ balance, className }: Props) {
+  const { t } = useTranslation();
+
+  return (
+    <SummaryBox className={className}>
+      {balance && (
+        <>
+          {balance.total.gtn(0) &&
+            <CardSummary label={t<string>('total balance')}>
+              <FormatBalance value={balance.total} />
+            </CardSummary>}
+          {balance.transferrable.gtn(0) &&
+            <CardSummary label={t<string>('total transferrable')}>
+              <FormatBalance value={balance.transferrable} />
+            </CardSummary>}
+          {balance.locked.gtn(0) &&
+            <CardSummary label={t<string>('total locked')}>
+              <FormatBalance value={balance.locked} />
+            </CardSummary>}
+          {balance.bonded.gtn(0) &&
+            <CardSummary label={t<string>('bonded')}>
+              <FormatBalance value={balance.bonded} />
+            </CardSummary>}
+          {balance.redeemable.gtn(0) &&
+            <CardSummary label={t<string>('redeemable')}>
+              <FormatBalance value={balance.redeemable} />
+            </CardSummary>}
+          {balance.unbonding.gtn(0) &&
+            <CardSummary label={t<string>('unbonding')}>
+              <FormatBalance value={balance.unbonding} />
+            </CardSummary>}
+        </>)}
+    </SummaryBox>
+  );
+}
+
+export default React.memo(Summary);
diff --git a/packages/page-accounts/src/Accounts/index.spec.ts b/packages/page-accounts/src/Accounts/index.spec.ts
new file mode 100644
index 0000000..2c2cb62
--- /dev/null
+++ b/packages/page-accounts/src/Accounts/index.spec.ts
@@ -0,0 +1,523 @@
+// Copyright 2017-2022 @polkadot/page-accounts authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import { fireEvent, screen, within } from '@testing-library/react';
+
+import { POLKADOT_GENESIS } from '@polkadot/apps-config';
+import i18next from '@polkadot/react-components/i18n';
+import { toShortAddress } from '@polkadot/react-components/util/toShortAddress';
+import { AddressFlags } from '@polkadot/react-hooks/types';
+import { anAccountWithBalance, anAccountWithBalanceAndMeta, anAccountWithInfo, anAccountWithInfoAndMeta, anAccountWithMeta, anAccountWithStaking } from '@polkadot/test-support/creation/account';
+import { makeStakingLedger as ledger } from '@polkadot/test-support/creation/stakingInfo/stakingLedger';
+import { alice, bob, MemoryStore } from '@polkadot/test-support/keyring';
+import { Table } from '@polkadot/test-support/pagesElements';
+import { balance, showBalance } from '@polkadot/test-support/utils/balance';
+import { mockApiHooks } from '@polkadot/test-support/utils/mockApiHooks';
+import { u32 } from '@polkadot/types';
+import { TypeRegistry } from '@polkadot/types/create';
+import { AccountId, Multisig, ProxyDefinition, Timepoint, Voting, VotingDelegating } from '@polkadot/types/interfaces';
+import { keyring } from '@polkadot/ui-keyring';
+import { BN } from '@polkadot/util';
+
+import { AccountRow } from '../../test/pageElements/AccountRow';
+import { AccountsPage } from '../../test/pages/accountsPage';
+
+describe('Accounts page', () => {
+  let accountsPage: AccountsPage;
+
+  beforeAll(async () => {
+    await i18next.changeLanguage('en');
+
+    if (keyring.getAccounts().length === 0) {
+      keyring.loadAll({ isDevelopment: true, store: new MemoryStore() });
+    }
+  });
+
+  beforeEach(() => {
+    accountsPage = new AccountsPage();
+    accountsPage.clearAccounts();
+  });
+
+  describe('when no accounts', () => {
+    beforeEach(() => {
+      accountsPage.render([]);
+    });
+
+    it('shows sort-by controls', async () => {
+      await accountsPage.reverseSortingOrder();
+    });
+
+    it('shows a table', async () => {
+      const accountsTable = await accountsPage.getTable();
+
+      expect(accountsTable).not.toBeNull();
+    });
+
+    it('the accounts table contains no account rows', async () => {
+      const accountRows = await accountsPage.getAccountRows();
+
+      expect(accountRows).toHaveLength(0);
+    });
+
+    it('the accounts table contains a message about no accounts available', async () => {
+      const noAccountsMessage = 'You don\'t have any accounts. Some features are currently hidden and will only become available once you have accounts.';
+      const accountsTable = await accountsPage.getTable();
+
+      await accountsTable.assertText(noAccountsMessage);
+    });
+
+    it('no summary is displayed', () => {
+      const summaries = screen.queryAllByTestId(/card-summary:total \w+/i);
+
+      expect(summaries).toHaveLength(0);
+    });
+  });
+
+  describe('when some accounts exist', () => {
+    it('the accounts table contains some account rows', async () => {
+      accountsPage.renderDefaultAccounts(2);
+      const accountRows = await accountsPage.getAccountRows();
+
+      expect(accountRows).toHaveLength(2);
+    });
+
+    it('account rows display the total balance info', async () => {
+      accountsPage.renderAccountsWithDefaultAddresses(
+        anAccountWithBalance({ freeBalance: balance(500) }),
+        anAccountWithBalance({ freeBalance: balance(200), reservedBalance: balance(150) })
+      );
+
+      const rows = await accountsPage.getAccountRows();
+
+      await rows[0].assertBalancesTotal(balance(500));
+      await rows[1].assertBalancesTotal(balance(350));
+    });
+
+    it('account rows display the details balance info', async () => {
+      accountsPage.renderAccountsWithDefaultAddresses(
+        anAccountWithBalance({ freeBalance: balance(500), lockedBalance: balance(30) }),
+        anAccountWithBalance({ availableBalance: balance(50), freeBalance: balance(200), reservedBalance: balance(150) })
+      );
+
+      const rows = await accountsPage.getAccountRows();
+
+      await rows[0].assertBalancesDetails([
+        { amount: balance(0), name: 'transferrable' },
+        { amount: balance(30), name: 'locked' }]);
+      await rows[1].assertBalancesDetails([
+        { amount: balance(50), name: 'transferrable' },
+        { amount: balance(150), name: 'reserved' }]);
+    });
+
+    it('derived account displays parent account info', async () => {
+      accountsPage.renderAccountsWithDefaultAddresses(
+        anAccountWithMeta({ isInjected: true, name: 'ALICE', whenCreated: 200 }),
+        anAccountWithMeta({ name: 'ALICE_CHILD', parentAddress: alice, whenCreated: 300 })
+      );
+
+      const accountRows = await accountsPage.getAccountRows();
+
+      expect(accountRows).toHaveLength(2);
+      await accountRows[1].assertParentAccountName('ALICE');
+    });
+
+    it('a separate column for parent account is not displayed', async () => {
+      accountsPage.renderDefaultAccounts(1);
+      const accountsTable = await accountsPage.getTable();
+
+      accountsTable.assertColumnNotExist('parent');
+      accountsTable.assertColumnExists('type');
+    });
+
+    it('account rows display the shorted address', async () => {
+      accountsPage.renderAccountsForAddresses(
+        alice
+      );
+      const accountRows = await accountsPage.getAccountRows();
+
+      expect(accountRows).toHaveLength(1);
+      const aliceShortAddress = toShortAddress(alice);
+
+      await accountRows[0].assertShortAddress(aliceShortAddress);
+    });
+
+    it('when account is not tagged, account row details displays no tags info', async () => {
+      accountsPage.renderDefaultAccounts(1);
+      const rows = await accountsPage.getAccountRows();
+
+      await rows[0].assertTags('no tags');
+    });
+
+    it('when account is tagged, account row details displays tags', async () => {
+      accountsPage.renderAccountsWithDefaultAddresses(
+        anAccountWithInfo({ tags: ['my tag', 'Super Tag'] })
+      );
+
+      const rows = await accountsPage.getAccountRows();
+
+      await rows[0].assertTags('my tagSuper Tag');
+    });
+
+    it('account details rows toggled on icon toggle click', async () => {
+      accountsPage.renderDefaultAccounts(1);
+      const row = (await accountsPage.getAccountRows())[0];
+
+      expect(row.detailsRow).toHaveClass('isCollapsed');
+
+      await row.expand();
+
+      expect(row.detailsRow).toHaveClass('isExpanded');
+    });
+
+    it('displays some summary', () => {
+      accountsPage.renderAccountsWithDefaultAddresses(
+        anAccountWithBalance({ freeBalance: balance(500) }),
+        anAccountWithBalance({ freeBalance: balance(200), reservedBalance: balance(150) })
+      );
+
+      const summaries = screen.queryAllByTestId(/card-summary:total \w+/i);
+
+      expect(summaries).not.toHaveLength(0);
+    });
+
+    it('displays balance summary', async () => {
+      accountsPage.renderAccountsWithDefaultAddresses(
+        anAccountWithBalance({ freeBalance: balance(500) }),
+        anAccountWithBalance({ freeBalance: balance(200), reservedBalance: balance(150) })
+      );
+
+      const summary = await screen.findByTestId(/card-summary:(total )?balance/i);
+
+      expect(summary).toHaveTextContent(showBalance(500 + 200 + 150));
+    });
+
+    it('displays transferable summary', async () => {
+      accountsPage.renderAccountsWithDefaultAddresses(
+        anAccountWithBalance({ availableBalance: balance(400) }),
+        anAccountWithBalance({ availableBalance: balance(600) })
+      );
+
+      const summary = await screen.findByTestId(/card-summary:(total )?transferrable/i);
+
+      expect(summary).toHaveTextContent(showBalance(400 + 600));
+    });
+
+    it('displays locked summary', async () => {
+      accountsPage.renderAccountsWithDefaultAddresses(
+        anAccountWithBalance({ lockedBalance: balance(400) }),
+        anAccountWithBalance({ lockedBalance: balance(600) })
+      );
+
+      const summary = await screen.findByTestId(/card-summary:(total )?locked/i);
+
+      expect(summary).toHaveTextContent(showBalance(400 + 600));
+    });
+
+    it('displays bonded summary', async () => {
+      accountsPage.renderAccountsWithDefaultAddresses(
+        anAccountWithStaking({ stakingLedger: ledger(balance(70)) }),
+        anAccountWithStaking({ stakingLedger: ledger(balance(20)) })
+      );
+
+      const summary = await screen.findByTestId(/card-summary:(total )?bonded/i);
+
+      expect(summary).toHaveTextContent(showBalance(70 + 20));
+    });
+
+    it('displays unbonding summary', async () => {
+      accountsPage.renderAccountsWithDefaultAddresses(
+        anAccountWithStaking({
+          unlocking: [
+            {
+              remainingEras: new BN('1000000000'),
+              value: balance(200)
+            },
+            {
+              remainingEras: new BN('2000000000'),
+              value: balance(300)
+            },
+            {
+              remainingEras: new BN('3000000000'),
+              value: balance(400)
+            }
+          ]
+        }),
+        anAccountWithStaking({
+          unlocking: [
+            {
+              remainingEras: new BN('1000000000'),
+              value: balance(100)
+            },
+            {
+              remainingEras: new BN('2000000000'),
+              value: balance(200)
+            },
+            {
+              remainingEras: new BN('3000000000'),
+              value: balance(300)
+            }
+          ]
+        })
+      );
+
+      const summary = await screen.findByTestId(/card-summary:(total )?unbonding/i);
+
+      expect(summary).toHaveTextContent(showBalance(200 + 300 + 400 + 100 + 200 + 300));
+    });
+
+    it('displays redeemable summary', async () => {
+      accountsPage.renderAccountsWithDefaultAddresses(
+        anAccountWithStaking({ redeemable: balance(4000) }),
+        anAccountWithStaking({ redeemable: balance(5000) })
+      );
+
+      const summary = await screen.findByTestId(/card-summary:(total )?redeemable/i);
+
+      expect(summary).toHaveTextContent(showBalance(4000 + 5000));
+    });
+
+    it('sorts accounts by date by default', async () => {
+      accountsPage.renderAccountsWithDefaultAddresses(
+        anAccountWithBalanceAndMeta({ freeBalance: balance(1) }, { whenCreated: 200 }),
+        anAccountWithBalanceAndMeta({ freeBalance: balance(2) }, { whenCreated: 300 }),
+        anAccountWithBalanceAndMeta({ freeBalance: balance(3) }, { whenCreated: 100 })
+      );
+      expect(await accountsPage.getCurrentSortCategory()).toHaveTextContent('date');
+
+      const accountsTable = await accountsPage.getTable();
+
+      await accountsTable.assertRowsOrder([3, 1, 2]);
+    });
+
+    describe('when sorting is used', () => {
+      let accountsTable: Table;
+
+      beforeEach(async () => {
+        accountsPage.renderAccountsWithDefaultAddresses(
+          anAccountWithBalanceAndMeta({ freeBalance: balance(1) }, { isInjected: true, name: 'bbb', whenCreated: 200 }),
+          anAccountWithBalanceAndMeta({ freeBalance: balance(2) }, {
+            hardwareType: 'ledger',
+            isHardware: true,
+            name: 'bb',
+            parentAddress: alice,
+            whenCreated: 300
+          }),
+          anAccountWithBalanceAndMeta({ freeBalance: balance(3) }, { isInjected: true, name: 'aaa', whenCreated: 100 })
+        );
+
+        accountsTable = await accountsPage.getTable();
+      });
+
+      it('changes default dropdown value', async () => {
+        await accountsPage.sortBy('balances');
+        expect(await accountsPage.getCurrentSortCategory())
+          .toHaveTextContent('balances');
+      });
+
+      it('sorts by parent if asked', async () => {
+        await accountsPage.sortBy('parent');
+        await accountsTable.assertRowsOrder([3, 1, 2]);
+      });
+
+      it('sorts by name if asked', async () => {
+        await accountsPage.sortBy('name');
+        await accountsTable.assertRowsOrder([3, 2, 1]);
+      });
+
+      it('sorts by date if asked', async () => {
+        await accountsPage.sortBy('date');
+        await accountsTable.assertRowsOrder([3, 1, 2]);
+      });
+
+      it('sorts by balances if asked', async () => {
+        await accountsPage.sortBy('balances');
+        await accountsTable.assertRowsOrder([1, 2, 3]);
+      });
+
+      it('sorts by type if asked', async () => {
+        await accountsPage.sortBy('type');
+        await accountsTable.assertRowsOrder([3, 1, 2]);
+      });
+
+      it('implements stable sort', async () => {
+        // Notice that sorting by 'type' results in different order
+        // depending on the previous state.
+        await accountsPage.sortBy('name');
+        await accountsTable.assertRowsOrder([3, 2, 1]);
+        await accountsPage.sortBy('type');
+        await accountsTable.assertRowsOrder([3, 1, 2]);
+        await accountsPage.sortBy('balances');
+        await accountsTable.assertRowsOrder([1, 2, 3]);
+        await accountsPage.sortBy('type');
+        await accountsTable.assertRowsOrder([1, 3, 2]);
+      });
+
+      it('respects reverse button', async () => {
+        await accountsPage.sortBy('name');
+        await accountsTable.assertRowsOrder([3, 2, 1]);
+        await accountsPage.sortBy('balances');
+        await accountsTable.assertRowsOrder([1, 2, 3]);
+        await accountsPage.reverseSortingOrder();
+        await accountsTable.assertRowsOrder([3, 2, 1]);
+        await accountsPage.sortBy('name');
+        await accountsTable.assertRowsOrder([1, 2, 3]);
+      });
+    });
+  });
+
+  describe('badges', () => {
+    let accountRows: AccountRow[];
+
+    beforeEach(() => {
+      mockApiHooks.setMultisigApprovals([
+        [new TypeRegistry().createType('Hash', POLKADOT_GENESIS), {
+          approvals: [bob as unknown as AccountId],
+          deposit: balance(927000000000000),
+          depositor: bob as unknown as AccountId,
+          when: { height: new BN(1190) as u32, index: new BN(1) as u32 } as Timepoint
+        } as Multisig
+        ]
+      ]);
+      mockApiHooks.setDelegations([{ asDelegating: { target: bob as unknown as AccountId } as unknown as VotingDelegating, isDelegating: true } as Voting]);
+      mockApiHooks.setProxies([[[{ delegate: alice as unknown as AccountId, proxyType: { isAny: true, isGovernance: true, isNonTransfer: true, isStaking: true, toNumber: () => 1 } } as unknown as ProxyDefinition], new BN(1)]]);
+    });
+    describe('when genesis hash is not set', () => {
+      beforeEach(async () => {
+        accountsPage.renderAccountsWithDefaultAddresses(
+          anAccountWithInfoAndMeta({ flags: { isDevelopment: true } as AddressFlags }, { name: 'alice' }),
+          anAccountWithMeta({ name: 'bob' })
+        );
+        accountRows = await accountsPage.getAccountRows();
+      });
+
+      describe('when isDevelopment flag', () => {
+        let aliceRow: AccountRow;
+
+        beforeEach(async () => {
+          aliceRow = accountRows[0];
+          await aliceRow.assertAccountName('ALICE');
+        });
+
+        it('the development badge is displayed', async () => {
+          await aliceRow.assertBadge('wrench-badge');
+        });
+
+        it('the all networks badge is not displayed', () => {
+          aliceRow.assertNoBadge('exclamation-triangle-badge');
+        });
+
+        it('the regular badge is not displayed', () => {
+          aliceRow.assertNoBadge('transparent-badge');
+        });
+      });
+
+      describe('when no isDevelopment flag', () => {
+        let bobRow: AccountRow;
+
+        beforeEach(async () => {
+          bobRow = accountRows[1];
+          await bobRow.assertAccountName('BOB');
+        });
+
+        it('the development badge is not displayed', () => {
+          bobRow.assertNoBadge('wrench-badge');
+        });
+
+        it('the all networks badge is displayed', async () => {
+          await bobRow.assertBadge('exclamation-triangle-badge');
+        });
+
+        it('the regular badge is not displayed', () => {
+          bobRow.assertNoBadge('transparent-badge');
+        });
+      });
+    });
+
+    describe('when genesis hash set', () => {
+      beforeEach(async () => {
+        accountsPage.renderAccountsWithDefaultAddresses(
+          anAccountWithInfoAndMeta({ flags: { isDevelopment: true } as AddressFlags }, { genesisHash: 'someHash', name: 'charlie' })
+        );
+        accountRows = await accountsPage.getAccountRows();
+      });
+
+      it('the development badge is not displayed', () => {
+        accountRows[0].assertNoBadge('wrench-badge');
+      });
+
+      it('the all networks badge is not displayed', () => {
+        accountRows[0].assertNoBadge('exclamation-triangle-badge');
+      });
+
+      it('the regular badge is displayed', async () => {
+        await accountRows[0].assertBadge('badge');
+      });
+    });
+
+    describe('show popups', () => {
+      beforeEach(async () => {
+        accountsPage.renderAccountsWithDefaultAddresses(
+          anAccountWithInfoAndMeta({ flags: { isDevelopment: true } as AddressFlags }, { name: 'alice', who: [] })
+        );
+        accountRows = await accountsPage.getAccountRows();
+      });
+
+      it('development', async () => {
+        await accountRows[0].assertBadge('wrench-badge');
+        const badgePopup = getPopupById(/wrench-badge-hover.*/);
+
+        await within(badgePopup).findByText('This is a development account derived from the known development seed. Do not use for any funds on a non-development network.');
+      });
+
+      it('multisig approvals', async () => {
+        await accountRows[0].assertBadge('file-signature-badge');
+        const badgePopup = getPopupById(/file-signature-badge-hover.*/);
+        const approvalsModalToggle = await within(badgePopup).findByText('View pending approvals');
+
+        fireEvent.click(approvalsModalToggle);
+        const modal = await screen.findByTestId('modal');
+
+        within(modal).getByText('Pending call hashes');
+        expect(approvalsModalToggle).toHaveClass('purpleColor');
+      });
+
+      it('delegate democracy vote', async () => {
+        await accountRows[0].assertBadge('calendar-check-badge');
+        const badgePopup = getPopupById(/calendar-check-badge-hover.*/);
+        const delegateModalToggle = await within(badgePopup).findByText('Manage delegation');
+
+        fireEvent.click(delegateModalToggle);
+        const modal = await screen.findByTestId('modal');
+
+        within(modal).getByText('democracy vote delegation');
+        expect(delegateModalToggle).toHaveClass('normalColor');
+      });
+
+      it('proxy overview', async () => {
+        await accountRows[0].assertBadge('sitemap-badge');
+        const badgePopup = getPopupById(/sitemap-badge-hover.*/);
+        const proxyOverviewToggle = await within(badgePopup).findByText('Proxy overview');
+
+        fireEvent.click(proxyOverviewToggle);
+        const modal = await screen.findByTestId('modal');
+
+        within(modal).getByText('Proxy overview');
+        expect(proxyOverviewToggle).toHaveClass('normalColor');
+      });
+
+      afterEach(() => {
+        mockApiHooks.setMultisigApprovals([]);
+      });
+    });
+
+    function getPopupById (popupId: RegExp): HTMLElement {
+      const badgePopup = accountsPage.getById(popupId);
+
+      if (!badgePopup) {
+        fail('badge popup should be found');
+      }
+
+      return badgePopup;
+    }
+  });
+});
diff --git a/packages/page-accounts/src/Accounts/index.tsx b/packages/page-accounts/src/Accounts/index.tsx
new file mode 100644
index 0000000..3c2f23a
--- /dev/null
+++ b/packages/page-accounts/src/Accounts/index.tsx
@@ -0,0 +1,296 @@
+// Copyright 2017-2022 @polkadot/app-accounts authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { ActionStatus } from '@polkadot/react-components/Status/types';
+import type { BN } from '@polkadot/util';
+import type { AccountBalance, Delegation, SortedAccount } from '../types';
+
+import React, { useCallback, useEffect, useMemo, useRef, useState } from 'react';
+import styled from 'styled-components';
+
+import { Button, FilterInput, SortDropdown, SummaryBox, Table } from '@polkadot/react-components';
+import { useAccounts, useApi, useDelegations, useFavorites, useIpfs, useLedger, useLoadingDelay, useProxies, useToggle } from '@polkadot/react-hooks';
+import { keyring } from '@polkadot/ui-keyring';
+import { BN_ZERO } from '@polkadot/util';
+
+import CreateModal from '../modals/Create';
+import ImportModal from '../modals/Import';
+import Ledger from '../modals/Ledger';
+import Multisig from '../modals/MultisigCreate';
+import Proxy from '../modals/ProxiedAdd';
+import Qr from '../modals/Qr';
+import { useTranslation } from '../translate';
+import { sortAccounts, SortCategory, sortCategory } from '../util';
+import Account from './Account';
+import BannerClaims from './BannerClaims';
+import BannerExtension from './BannerExtension';
+import Summary from './Summary';
+
+interface Balances {
+  accounts: Record<string, AccountBalance>;
+  summary?: AccountBalance;
+}
+
+interface Props {
+  className?: string;
+  onStatusChange: (status: ActionStatus) => void;
+}
+
+interface SortControls {
+  sortBy: SortCategory;
+  sortFromMax: boolean;
+}
+
+const DEFAULT_SORT_CONTROLS: SortControls = { sortBy: 'date', sortFromMax: true };
+
+const STORE_FAVS = 'accounts:favorites';
+
+function Overview ({ className = '', onStatusChange }: Props): React.ReactElement<Props> {
+  const { t } = useTranslation();
+  const { api } = useApi();
+  const { allAccounts, hasAccounts } = useAccounts();
+  const { isIpfs } = useIpfs();
+  const { isLedgerEnabled } = useLedger();
+  const [isCreateOpen, toggleCreate, setIsCreateOpen] = useToggle();
+  const [isImportOpen, toggleImport] = useToggle();
+  const [isLedgerOpen, toggleLedger] = useToggle();
+  const [isMultisigOpen, toggleMultisig] = useToggle();
+  const [isProxyOpen, toggleProxy] = useToggle();
+  const [isQrOpen, toggleQr] = useToggle();
+  const [favorites, toggleFavorite] = useFavorites(STORE_FAVS);
+  const [balances, setBalances] = useState<Balances>({ accounts: {} });
+  const [filterOn, setFilter] = useState<string>('');
+  const [sortedAccounts, setSorted] = useState<SortedAccount[]>([]);
+  const [{ sortBy, sortFromMax }, setSortBy] = useState<SortControls>(DEFAULT_SORT_CONTROLS);
+  const delegations = useDelegations();
+  const proxies = useProxies();
+  const isLoading = useLoadingDelay();
+
+  // We use favorites only to check if it includes some element,
+  // so Object is better than array for that because hashmap access is O(1).
+  const favoritesMap = useMemo(() => Object.fromEntries(favorites.map((x) => [x, true])), [favorites]);
+
+  const accountsWithInfo = useMemo(() =>
+    allAccounts
+      .map((address, index): SortedAccount => {
+        const deleg = delegations && delegations[index]?.isDelegating && delegations[index]?.asDelegating;
+        const delegation: Delegation | undefined = (deleg && {
+          accountDelegated: deleg.target.toString(),
+          amount: deleg.balance,
+          conviction: deleg.conviction
+        }) || undefined;
+
+        return {
+          account: keyring.getAccount(address),
+          address,
+          delegation,
+          isFavorite: favoritesMap[address ?? ''] ?? false
+        };
+      })
+  , [allAccounts, favoritesMap, delegations]);
+
+  const accountsMap = useMemo(() => {
+    const ret: Record<string, SortedAccount> = {};
+
+    accountsWithInfo.forEach(function (x) {
+      ret[x.address] = x;
+    });
+
+    return ret;
+  }, [accountsWithInfo]);
+
+  const header = useRef([
+    [t('accounts'), 'start', 3],
+    [t('type')],
+    [t('transactions'), 'media--1500'],
+    [t('balances'), 'balances'],
+    []
+  ]);
+
+  useEffect((): void => {
+    // We add new accounts to the end
+    setSorted((sortedAccounts) =>
+      [...sortedAccounts.map((x) => accountsWithInfo.find((y) => x.address === y.address)).filter((x): x is SortedAccount => !!x),
+        ...accountsWithInfo.filter((x) => !sortedAccounts.find((y) => x.address === y.address))]);
+  }, [accountsWithInfo]);
+
+  const accounts = balances.accounts;
+
+  useEffect((): void => {
+    setSorted((sortedAccounts) =>
+      sortAccounts(sortedAccounts, accountsMap, accounts, sortBy, sortFromMax));
+  }, [accountsWithInfo, accountsMap, accounts, sortBy, sortFromMax]);
+
+  const _setBalance = useCallback(
+    (account: string, balance: AccountBalance) =>
+      setBalances(({ accounts }: Balances): Balances => {
+        accounts[account] = balance;
+
+        const aggregate = (key: keyof AccountBalance) =>
+          Object.values(accounts).reduce((total: BN, value: AccountBalance) => total.add(value[key]), BN_ZERO);
+
+        return {
+          accounts,
+          summary: {
+            bonded: aggregate('bonded'),
+            locked: aggregate('locked'),
+            redeemable: aggregate('redeemable'),
+            total: aggregate('total'),
+            transferrable: aggregate('transferrable'),
+            unbonding: aggregate('unbonding')
+          }
+        };
+      }),
+    []
+  );
+
+  const _openCreateModal = useCallback(() => setIsCreateOpen(true), [setIsCreateOpen]);
+
+  const accountComponents = useMemo(() => {
+    const ret: Record<string, React.ReactNode> = {};
+
+    accountsWithInfo.forEach(({ account, address, delegation, isFavorite }, index) => {
+      ret[address] =
+        <Account
+          account={account}
+          delegation={delegation}
+          filter={filterOn}
+          isFavorite={isFavorite}
+          key={`${index}:${address}`}
+          proxy={proxies?.[index]}
+          setBalance={_setBalance}
+          toggleFavorite={toggleFavorite}
+        />;
+    });
+
+    return ret;
+  }, [accountsWithInfo, filterOn, proxies, _setBalance, toggleFavorite]);
+
+  const onDropdownChange = () => (item: SortCategory) => setSortBy({ sortBy: item, sortFromMax });
+
+  const dropdownOptions = () => sortCategory.map((x) => ({ text: x, value: x }));
+
+  const onSortDirectionChange = () => () => setSortBy({ sortBy, sortFromMax: !sortFromMax });
+
+  return (
+    <div className={className}>
+      {isCreateOpen && (
+        <CreateModal
+          onClose={toggleCreate}
+          onStatusChange={onStatusChange}
+        />
+      )}
+      {isImportOpen && (
+        <ImportModal
+          onClose={toggleImport}
+          onStatusChange={onStatusChange}
+        />
+      )}
+      {isLedgerOpen && (
+        <Ledger onClose={toggleLedger} />
+      )}
+      {isMultisigOpen && (
+        <Multisig
+          onClose={toggleMultisig}
+          onStatusChange={onStatusChange}
+        />
+      )}
+      {isProxyOpen && (
+        <Proxy
+          onClose={toggleProxy}
+          onStatusChange={onStatusChange}
+        />
+      )}
+      {isQrOpen && (
+        <Qr
+          onClose={toggleQr}
+          onStatusChange={onStatusChange}
+        />
+      )}
+      <BannerExtension />
+      <BannerClaims />
+      <Summary balance={balances.summary} />
+      <SummaryBox>
+        <section
+          className='dropdown-section'
+          data-testid='sort-by-section'
+        >
+          <SortDropdown
+            defaultValue={sortBy}
+            label={t<string>('sort by')}
+            onChange={onDropdownChange()}
+            onClick={onSortDirectionChange()}
+            options={dropdownOptions()}
+            sortDirection={sortFromMax ? 'ascending' : 'descending'}
+          />
+          <FilterInput
+            filterOn={filterOn}
+            label={t<string>('filter by name or tags')}
+            setFilter={setFilter}
+          />
+        </section>
+        <Button.Group>
+          <Button
+            icon='plus'
+            isDisabled={isIpfs}
+            label={t<string>('Add account')}
+            onClick={_openCreateModal}
+          />
+          <Button
+            icon='sync'
+            isDisabled={isIpfs}
+            label={t<string>('Restore JSON')}
+            onClick={toggleImport}
+          />
+          <Button
+            icon='qrcode'
+            label={t<string>('Add via Qr')}
+            onClick={toggleQr}
+          />
+          {isLedgerEnabled && (
+            <>
+              <Button
+                icon='project-diagram'
+                label={t<string>('Add via Ledger')}
+                onClick={toggleLedger}
+              />
+            </>
+          )}
+          <Button
+            icon='plus'
+            isDisabled={!(api.tx.multisig || api.tx.utility) || !hasAccounts}
+            label={t<string>('Multisig')}
+            onClick={toggleMultisig}
+          />
+          <Button
+            icon='plus'
+            isDisabled={!api.tx.proxy || !hasAccounts}
+            label={t<string>('Proxied')}
+            onClick={toggleProxy}
+          />
+        </Button.Group>
+      </SummaryBox>
+      <Table
+        empty={!isLoading && sortedAccounts && t<string>("You don't have any accounts. Some features are currently hidden and will only become available once you have accounts.")}
+        header={header.current}
+        withCollapsibleRows
+      >
+        {!isLoading &&
+          sortedAccounts.map(({ address }) => accountComponents[address])
+        }
+      </Table>
+    </div>
+  );
+}
+
+export default React.memo(styled(Overview)`
+  .ui--Dropdown {
+    width: 15rem;
+  }
+
+  .dropdown-section {
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+  }
+`);
diff --git a/packages/page-accounts/src/Accounts/types.ts b/packages/page-accounts/src/Accounts/types.ts
new file mode 100644
index 0000000..24a4362
--- /dev/null
+++ b/packages/page-accounts/src/Accounts/types.ts
@@ -0,0 +1,31 @@
+// Copyright 2017-2022 @polkadot/app-accounts authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { ActionStatus } from '@polkadot/react-components/Status/types';
+import type { KeyringAddress } from '@polkadot/ui-keyring/types';
+
+import { WithTranslation } from 'react-i18next';
+
+export { AppProps as ComponentProps } from '@polkadot/react-components/types';
+
+export interface BareProps {
+  className?: string;
+}
+
+export interface I18nProps extends BareProps, WithTranslation {}
+
+export interface ModalProps {
+  onClose: () => void;
+  onStatusChange: (status: ActionStatus) => void;
+}
+
+export interface SortedAccount {
+  account: KeyringAddress;
+  children: SortedAccount[];
+  isFavorite: boolean;
+}
+
+export interface AmountValidateState {
+  error: string | null;
+  warning: string | null;
+}
diff --git a/packages/page-accounts/src/Accounts/useKnownAddresses.ts b/packages/page-accounts/src/Accounts/useKnownAddresses.ts
new file mode 100644
index 0000000..4b12815
--- /dev/null
+++ b/packages/page-accounts/src/Accounts/useKnownAddresses.ts
@@ -0,0 +1,18 @@
+// Copyright 2017-2022 @polkadot/app-accounts authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import { useMemo } from 'react';
+
+import { createNamedHook, useAccounts, useAddresses } from '@polkadot/react-hooks';
+
+function useKnownAddressesImpl (exclude?: string): string[] {
+  const { allAccounts } = useAccounts();
+  const { allAddresses } = useAddresses();
+
+  return useMemo(
+    () => [...allAccounts, ...allAddresses].filter((a) => a !== exclude),
+    [allAccounts, allAddresses, exclude]
+  );
+}
+
+export default createNamedHook('useKnownAddresses', useKnownAddressesImpl);
diff --git a/packages/page-accounts/src/Accounts/useMultisigApprovals.ts b/packages/page-accounts/src/Accounts/useMultisigApprovals.ts
new file mode 100644
index 0000000..55fb0c0
--- /dev/null
+++ b/packages/page-accounts/src/Accounts/useMultisigApprovals.ts
@@ -0,0 +1,53 @@
+// Copyright 2017-2022 @polkadot/app-accounts authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { Option, StorageKey } from '@polkadot/types';
+import type { H256, Multisig } from '@polkadot/types/interfaces';
+
+import { useContext, useEffect, useState } from 'react';
+
+import { createNamedHook, useApi, useIncrement, useIsMountedRef } from '@polkadot/react-hooks';
+import { EventsContext } from '@polkadot/react-query';
+
+function useMultisigApprovalsImpl (address: string): [H256, Multisig][] {
+  const { events } = useContext(EventsContext);
+  const { api } = useApi();
+  const [multiInfos, setMultiInfos] = useState<[H256, Multisig][]>([]);
+  const [trigger, incTrigger] = useIncrement();
+  const mountedRef = useIsMountedRef();
+
+  // increment the trigger by looking at all events
+  //   - filter the by multisig module (old utility is not supported)
+  //   - find anything data item where the type is AccountId
+  //   - increment the trigger when at least one matches our address
+  useEffect((): void => {
+    events
+      .filter(({ record: { event: { section } } }) => section === 'multisig')
+      .reduce((hasMultisig: boolean, { record: { event: { data } } }) =>
+        data.reduce((hasMultisig: boolean, item) =>
+          hasMultisig || (item.toRawType() === 'AccountId' && item.eq(address)),
+        hasMultisig),
+      false) && incTrigger();
+  }, [address, events, incTrigger]);
+
+  // query all the entries for the multisig, extracting approvals with their hash
+  useEffect((): void => {
+    const multiModule = api.query.multisig || api.query.utility;
+
+    multiModule && multiModule.multisigs &&
+      multiModule.multisigs
+        .entries(address)
+        .then((infos: [StorageKey, Option<Multisig>][]): void => {
+          mountedRef.current && setMultiInfos(
+            infos
+              .filter(([, opt]) => opt.isSome)
+              .map(([key, opt]) => [key.args[1] as H256, opt.unwrap()])
+          );
+        })
+        .catch(console.error);
+  }, [address, api, mountedRef, trigger]);
+
+  return multiInfos;
+}
+
+export default createNamedHook('useMultisigApprovals', useMultisigApprovalsImpl);
diff --git a/packages/page-accounts/src/Accounts/useProxies.ts b/packages/page-accounts/src/Accounts/useProxies.ts
new file mode 100644
index 0000000..9362b33
--- /dev/null
+++ b/packages/page-accounts/src/Accounts/useProxies.ts
@@ -0,0 +1,79 @@
+// Copyright 2017-2022 @polkadot/app-accounts authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { Vec } from '@polkadot/types';
+import type { AccountId, BalanceOf } from '@polkadot/types/interfaces';
+import type { NodeRuntimeProxyType, PalletProxyProxyDefinition } from '@polkadot/types/lookup';
+import type { ITuple } from '@polkadot/types/types';
+import type { BN } from '@polkadot/util';
+
+import { useEffect, useState } from 'react';
+
+import { createNamedHook, useAccounts, useApi, useIsMountedRef } from '@polkadot/react-hooks';
+import { BN_ZERO } from '@polkadot/util';
+
+interface Proxy {
+  address: string;
+  delay: BN;
+  isOwned: boolean;
+  type: NodeRuntimeProxyType;
+}
+
+interface State {
+  hasOwned: boolean;
+  owned: Proxy[];
+  proxies: Proxy[];
+}
+
+const EMPTY_STATE: State = {
+  hasOwned: false,
+  owned: [],
+  proxies: []
+};
+
+function createProxy (allAccounts: string[], delegate: AccountId, type: NodeRuntimeProxyType, delay = BN_ZERO): Proxy {
+  const address = delegate.toString();
+
+  return {
+    address,
+    delay,
+    isOwned: allAccounts.includes(address),
+    type
+  };
+}
+
+function useProxiesImpl (address?: string | null): State {
+  const { api } = useApi();
+  const { allAccounts } = useAccounts();
+  const mountedRef = useIsMountedRef();
+  const [known, setState] = useState<State>(EMPTY_STATE);
+
+  useEffect((): void => {
+    setState(EMPTY_STATE);
+
+    address && api.query.proxy &&
+      api.query.proxy
+        .proxies<ITuple<[Vec<ITuple<[AccountId, NodeRuntimeProxyType]> | PalletProxyProxyDefinition>, BalanceOf]>>(address)
+        .then(([_proxies]): void => {
+          const proxies = api.tx.proxy.addProxy.meta.args.length === 3
+            ? (_proxies as PalletProxyProxyDefinition[]).map(({ delay, delegate, proxyType }) =>
+              createProxy(allAccounts, delegate, proxyType, delay)
+            )
+            : (_proxies as [AccountId, NodeRuntimeProxyType][]).map(([delegate, proxyType]) =>
+              createProxy(allAccounts, delegate, proxyType)
+            );
+          const owned = proxies.filter(({ isOwned }) => isOwned);
+
+          mountedRef.current && setState({
+            hasOwned: owned.length !== 0,
+            owned,
+            proxies
+          });
+        })
+        .catch(console.error);
+  }, [allAccounts, api, address, mountedRef]);
+
+  return known;
+}
+
+export default createNamedHook('useProxies', useProxiesImpl);
diff --git a/packages/page-accounts/src/CreateAccount.slow.spec.tsx b/packages/page-accounts/src/CreateAccount.slow.spec.tsx
new file mode 100644
index 0000000..5f17751
--- /dev/null
+++ b/packages/page-accounts/src/CreateAccount.slow.spec.tsx
@@ -0,0 +1,108 @@
+// Copyright 2017-2022 @polkadot/app-accounts authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import '@polkadot/react-components/i18n';
+
+import { fireEvent, render, waitForElementToBeRemoved } from '@testing-library/react';
+import React from 'react';
+import { MemoryRouter } from 'react-router-dom';
+import { ThemeProvider } from 'styled-components';
+
+import AccountsApp from '@polkadot/app-accounts';
+import { lightTheme } from '@polkadot/apps/themes';
+import { Api } from '@polkadot/react-api';
+import { MemoryStore } from '@polkadot/test-support/keyring';
+import { WaitForApi } from '@polkadot/test-support/react';
+import { SUBSTRATE_PORT } from '@polkadot/test-support/substrate';
+
+function noop (): void {
+  // do nothing
+}
+
+const renderAccounts = () => {
+  const memoryStore = new MemoryStore();
+
+  return render(
+    <MemoryRouter>
+      <ThemeProvider theme={lightTheme}>
+        <Api
+          apiUrl={`ws://127.0.0.1:${SUBSTRATE_PORT}`}
+          isElectron={false}
+          store={memoryStore}
+        >
+          <WaitForApi>
+            <div>
+              <AccountsApp
+                basePath='/accounts'
+                onStatusChange={noop}
+              />
+            </div>
+          </WaitForApi>
+        </Api>
+      </ThemeProvider>
+    </MemoryRouter>
+  );
+};
+
+describe('--SLOW--: Account Create', () => {
+  it('created account is added to list', async () => {
+    const { findByTestId, findByText, queryByText } = renderAccounts();
+
+    const addAccountButton = await findByText('Add account', {});
+
+    fireEvent.click(addAccountButton);
+
+    const isSeedSavedCheckbox = await findByText('I have saved my mnemonic seed safely');
+    const hiddenCheckbox = isSeedSavedCheckbox as HTMLInputElement;
+
+    fireEvent.click(hiddenCheckbox);
+
+    const nextStepButton = await findByText('Next', {});
+
+    fireEvent.click(nextStepButton);
+
+    const accountNameInput = await findByTestId('name');
+
+    fireEvent.change(accountNameInput, { target: { value: 'my new account' } });
+
+    const passwordInput = await findByTestId('password');
+
+    fireEvent.change(passwordInput, { target: { value: 'password' } });
+
+    const passwordInput2 = await findByTestId('password (repeat)');
+
+    fireEvent.change(passwordInput2, { target: { value: 'password' } });
+
+    const toStep3Button = await findByText('Next', {});
+
+    fireEvent.click(toStep3Button);
+
+    const createAnAccountButton = await findByText('Save', {});
+
+    fireEvent.click(createAnAccountButton);
+
+    await waitForElementToBeRemoved(() => queryByText('Add an account via seed 3/3'));
+
+    expect(await findByText('MY NEW ACCOUNT')).toBeTruthy();
+  });
+
+  it('gives an error message when entering invalid derivation path', async () => {
+    const { findByTestId, findByText } = renderAccounts();
+
+    const addAccountButton = await findByText('Add account', {});
+
+    fireEvent.click(addAccountButton);
+
+    const showAdvancedOptionsButton = await findByText('Advanced creation options', {});
+
+    fireEvent.click(showAdvancedOptionsButton);
+
+    const derivationPathInput = await findByTestId('secret derivation path', {});
+
+    fireEvent.change(derivationPathInput, { target: { value: '//abc//' } });
+
+    const errorMsg = await findByText('Unable to match provided value to a secret URI', {});
+
+    expect(errorMsg).toBeTruthy();
+  });
+});
diff --git a/packages/page-accounts/src/Sidebar/AccountMenuButtons.tsx b/packages/page-accounts/src/Sidebar/AccountMenuButtons.tsx
new file mode 100644
index 0000000..634f65f
--- /dev/null
+++ b/packages/page-accounts/src/Sidebar/AccountMenuButtons.tsx
@@ -0,0 +1,143 @@
+// Copyright 2017-2022 @polkadot/app-accounts authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import React, { useCallback } from 'react';
+import styled from 'styled-components';
+
+import Transfer from '@polkadot/app-accounts/modals/Transfer';
+import { useTranslation } from '@polkadot/app-accounts/translate';
+import { Button } from '@polkadot/react-components';
+import { useApi, useToggle } from '@polkadot/react-hooks';
+import { AddressFlags } from '@polkadot/react-hooks/types';
+import { isFunction } from '@polkadot/util';
+
+interface Props {
+  className?: string;
+  flags: AddressFlags;
+  isEditingName: boolean;
+  isEditing: boolean;
+  toggleIsEditingName: () => void;
+  toggleIsEditingTags: () => void;
+  onCancel: () => void;
+  onSaveName: () => void;
+  onSaveTags: () => void;
+  onForgetAddress: () => void;
+  onUpdateName: () => void;
+  recipientId: string;
+}
+
+function AccountMenuButtons ({ className = '', flags, isEditing, isEditingName, onCancel, onForgetAddress, onSaveName, onSaveTags, onUpdateName, recipientId, toggleIsEditingName, toggleIsEditingTags }: Props): React.ReactElement<Props> {
+  const { t } = useTranslation();
+  const [isTransferOpen, toggleIsTransferOpen] = useToggle();
+  const api = useApi();
+
+  const _onForgetAddress = useCallback(
+    (): void => {
+      onForgetAddress();
+      onUpdateName && onUpdateName();
+    },
+    [onForgetAddress, onUpdateName]
+  );
+
+  const toggleIsEditing = useCallback(() => {
+    flags.isEditable && toggleIsEditingName();
+    toggleIsEditingTags();
+  }, [flags.isEditable, toggleIsEditingName, toggleIsEditingTags]);
+
+  const _onUpdateName = useCallback(
+    (): void => {
+      onSaveName();
+      onUpdateName && onUpdateName();
+    },
+    [onSaveName, onUpdateName]
+  );
+
+  const updateName = useCallback(() => {
+    if (isEditingName && (flags.isInContacts || flags.isOwned)) {
+      _onUpdateName();
+      toggleIsEditingName();
+    }
+  }, [isEditingName, flags.isInContacts, flags.isOwned, _onUpdateName, toggleIsEditingName]);
+
+  const onEdit = useCallback(() => {
+    if (isEditing) {
+      updateName();
+      onSaveTags();
+    }
+
+    toggleIsEditing();
+  }, [isEditing, toggleIsEditing, updateName, onSaveTags]);
+
+  return (
+    <div className={`${className} ui--AddressMenu-buttons`}>
+      {isEditing
+        ? (
+          <Button.Group>
+            <Button
+              icon='times'
+              label={t<string>('Cancel')}
+              onClick={onCancel}
+            />
+            <Button
+              icon='save'
+              label={t<string>('Save')}
+              onClick={onEdit}
+            />
+          </Button.Group>
+        )
+        : (
+          <Button.Group>
+            {isFunction(api.api.tx.balances?.transfer) && (
+              <Button
+                icon='paper-plane'
+                isDisabled={isEditing}
+                label={t<string>('Send')}
+                onClick={toggleIsTransferOpen}
+              />
+            )}
+            {!flags.isOwned && !flags.isInContacts && (
+              <Button
+                icon='plus'
+                isDisabled={isEditing}
+                label={t<string>('Save')}
+                onClick={_onUpdateName}
+              />
+            )}
+            {!flags.isOwned && flags.isInContacts && (
+              <Button
+                icon='ban'
+                isDisabled={isEditing}
+                label={t<string>('Remove')}
+                onClick={_onForgetAddress}
+              />
+            )}
+            <Button
+              icon='edit'
+              isDisabled={!flags.isEditable}
+              label={t<string>('Edit')}
+              onClick={onEdit}
+            />
+          </Button.Group>
+        )
+      }
+      {isTransferOpen && (
+        <Transfer
+          key='modal-transfer'
+          onClose={toggleIsTransferOpen}
+          recipientId={recipientId}
+        />
+      )}
+    </div>
+  );
+}
+
+export default React.memo(styled(AccountMenuButtons)`
+  width: 100%;
+
+  .ui--Button-Group {
+    display: flex;
+    flex-direction: row;
+    justify-content: space-around;
+    margin-bottom: 0;
+  }
+`);
diff --git a/packages/page-accounts/src/Sidebar/AddressSection.tsx b/packages/page-accounts/src/Sidebar/AddressSection.tsx
new file mode 100644
index 0000000..c22146f
--- /dev/null
+++ b/packages/page-accounts/src/Sidebar/AddressSection.tsx
@@ -0,0 +1,84 @@
+// Copyright 2017-2022 @polkadot/page-accounts authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import React from 'react';
+import { CopyToClipboard } from 'react-copy-to-clipboard';
+
+import { AccountName, Button, IdentityIcon, Input } from '@polkadot/react-components';
+import { useToggle } from '@polkadot/react-hooks';
+import { AddressFlags } from '@polkadot/react-hooks/types';
+
+import { useTranslation } from '../translate';
+
+interface Props {
+  value: string,
+  editingName: boolean,
+  defaultValue: string,
+  onChange: (value: string) => void,
+  flags: AddressFlags,
+  accountIndex: string | undefined,
+}
+
+function AddressSection ({ accountIndex, defaultValue, editingName, flags, onChange, value }: Props): React.ReactElement<Props> {
+  const { t } = useTranslation();
+  const [isCopyShown, toggleIsCopyShown] = useToggle();
+  const NOOP = () => undefined;
+
+  return (
+    <div className='ui--AddressSection'>
+      <IdentityIcon
+        size={80}
+        value={value}
+      />
+      <div className='ui--AddressSection__AddressColumn'>
+        <AccountName
+          override={
+            editingName
+              ? (
+                <Input
+                  className='name--input'
+                  defaultValue={defaultValue}
+                  label='name-input'
+                  onChange={onChange}
+                  withLabel={false}
+                />
+              )
+              : flags.isEditable
+                ? (defaultValue.toUpperCase() || t<string>('<unknown>'))
+                : undefined
+          }
+          value={value}
+          withSidebar={false}
+        />
+        <div className='ui--AddressMenu-addr'>
+          {value}
+        </div>
+        {accountIndex && (
+          <div className='ui--AddressMenu-index'>
+            <label>{t<string>('index')}:</label> {accountIndex}
+          </div>
+        )}
+      </div>
+      <div className='ui--AddressSection__CopyColumn'>
+        <div className='ui--AddressMenu-copyaddr'>
+          <CopyToClipboard
+            text={value}
+          >
+            <span>
+              <Button.Group>
+                <Button
+                  icon={isCopyShown ? 'check' : 'copy'}
+                  label={isCopyShown ? t<string>('Copied') : t<string>('Copy')}
+                  onClick={isCopyShown ? NOOP : toggleIsCopyShown }
+                  onMouseLeave={isCopyShown ? toggleIsCopyShown : NOOP }
+                />
+              </Button.Group>
+            </span>
+          </CopyToClipboard>
+        </div>
+      </div>
+    </div>
+  );
+}
+
+export default React.memo(AddressSection);
diff --git a/packages/page-accounts/src/Sidebar/Balances.tsx b/packages/page-accounts/src/Sidebar/Balances.tsx
new file mode 100644
index 0000000..f201bd7
--- /dev/null
+++ b/packages/page-accounts/src/Sidebar/Balances.tsx
@@ -0,0 +1,57 @@
+// Copyright 2017-2022 @polkadot/app-accounts authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import React from 'react';
+import styled from 'styled-components';
+
+import { AddressInfo } from '@polkadot/react-components';
+
+import { useTranslation } from '../translate';
+
+interface Props {
+  address: string;
+  className?: string;
+}
+
+const WITH_BALANCE = { available: true, bonded: true, free: true, locked: true, reserved: true, total: true };
+
+function Balances ({ address, className }: Props): React.ReactElement<Props> | null {
+  const { t } = useTranslation();
+
+  return (
+    <section className={className}>
+      <div className='ui--AddressMenu-sectionHeader'>
+        {t<string>('balance')}
+      </div>
+      <AddressInfo
+        address={address}
+        className='balanceExpander'
+        withBalance={WITH_BALANCE}
+        withExtended={false}
+        withLabel
+      />
+    </section>
+  );
+}
+
+export default React.memo(styled(Balances)`
+  .balanceExpander {
+    justify-content: flex-start;
+
+    .column {
+      width: auto;
+      max-width: 18.57rem;
+
+      label {
+        text-align: left;
+        color: inherit;
+        font-size: 0.93rem;
+        font-weight: var(--font-weight-normal);
+      }
+
+      .ui--Expander-content .ui--FormatBalance-value {
+        font-size: 0.93rem;
+      }
+    }
+  }
+`);
diff --git a/packages/page-accounts/src/Sidebar/Flags.tsx b/packages/page-accounts/src/Sidebar/Flags.tsx
new file mode 100644
index 0000000..d4675f3
--- /dev/null
+++ b/packages/page-accounts/src/Sidebar/Flags.tsx
@@ -0,0 +1,123 @@
+// Copyright 2017-2022 @polkadot/app-accounts authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { AddressFlags } from '@polkadot/react-hooks/types';
+
+import React from 'react';
+import styled from 'styled-components';
+
+import { Flag } from '@polkadot/react-components';
+
+import { useTranslation } from '../translate';
+
+interface Props {
+  flags: AddressFlags;
+  className?: string;
+}
+
+function Flags ({ className = '', flags: { isCouncil, isDevelopment, isExternal, isInjected, isMultisig, isNominator, isProxied, isSociety, isSudo, isTechCommittee, isValidator } }: Props): React.ReactElement<Props> | null {
+  const { t } = useTranslation();
+  const hasFlags = isCouncil || isDevelopment || isExternal || isInjected || isMultisig || isProxied || isSociety || isSudo || isTechCommittee || isValidator || isNominator;
+
+  if (!hasFlags) {
+    return null;
+  }
+
+  return (
+    <div className={`${className} ui--AddressMenu-flags`}>
+      {
+        hasFlags && (
+          <h5>{t<string>('Flags')}</h5>
+        )
+      }
+      <div>
+        {isValidator && (
+          <Flag
+            color='theme'
+            label={t<string>('Validator')}
+          />
+        )}
+        {isNominator && (
+          <Flag
+            color='theme'
+            label={t<string>('Nominator')}
+          />
+        )}
+        {isExternal && (
+          isMultisig
+            ? (
+              <Flag
+                color='green'
+                label={t<string>('Multisig')}
+              />
+            )
+            : isProxied
+              ? (
+                <Flag
+                  color='grey'
+                  label={t<string>('Proxied')}
+                />
+              )
+              : (
+                <Flag
+                  color='grey'
+                  label={t<string>('External')}
+                />
+              )
+        )}
+        {isInjected && (
+          <Flag
+            color='grey'
+            label={t<string>('Injected')}
+          />
+        )}
+        {isDevelopment && (
+          <Flag
+            color='grey'
+            label={t<string>('Test account')}
+          />
+        )}
+        {isCouncil && (
+          <Flag
+            color='blue'
+            label={t<string>('Council')}
+          />
+        )}
+        {isSociety && (
+          <Flag
+            color='green'
+            label={t<string>('Society')}
+          />
+        )}
+        {isTechCommittee && (
+          <Flag
+            color='orange'
+            label={t<string>('Technical committee')}
+          />
+        )}
+        {isSudo && (
+          <Flag
+            color='pink'
+            label={t<string>('Sudo key')}
+          />
+        )}
+      </div>
+    </div>
+  );
+}
+
+export default React.memo(styled(Flags)`
+  h5 {
+    text-align: left;
+    font-style: normal;
+    font-weight: var(--font-weight-bold);
+    font-size: 0.714rem;
+    line-height: 1rem;
+    text-transform: uppercase;
+    margin-bottom: 0.5rem;
+  }
+
+  .ui--Tag {
+    margin: 0.2rem 1rem 0.2rem 0.571rem;
+  }
+`);
diff --git a/packages/page-accounts/src/Sidebar/Identity.tsx b/packages/page-accounts/src/Sidebar/Identity.tsx
new file mode 100644
index 0000000..87e1e08
--- /dev/null
+++ b/packages/page-accounts/src/Sidebar/Identity.tsx
@@ -0,0 +1,202 @@
+// Copyright 2017-2022 @polkadot/app-accounts authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { AddressIdentity } from '@polkadot/react-hooks/types';
+
+import React, { useMemo } from 'react';
+
+import { AddressMini, AvatarItem, Expander, IconLink } from '@polkadot/react-components';
+import { useApi, useRegistrars, useSubidentities, useToggle } from '@polkadot/react-hooks';
+import { isHex } from '@polkadot/util';
+
+import { useTranslation } from '../translate';
+import Judgements from './Judgements';
+import RegistrarJudgement from './RegistrarJudgement';
+import UserIcon from './UserIcon';
+
+interface Props {
+  address: string;
+  identity?: AddressIdentity;
+}
+
+const SUBS_DISPLAY_THRESHOLD = 4;
+
+function Identity ({ address, identity }: Props): React.ReactElement<Props> | null {
+  const { t } = useTranslation();
+  const { api } = useApi();
+  const { isRegistrar, registrars } = useRegistrars();
+  const [isJudgementOpen, toggleIsJudgementOpen] = useToggle();
+  const subs = useSubidentities(address);
+
+  const subsList = useMemo(() =>
+    subs?.map((sub) =>
+      <AddressMini
+        className='subs'
+        isPadded={false}
+        key={sub.toString()}
+        value={sub}
+      />
+    )
+  , [subs]
+  );
+
+  if (!identity || !identity.isExistent || !api.query.identity?.identityOf) {
+    return null;
+  }
+
+  return (
+    <section
+      className='withDivider'
+      data-testid='identity-section'
+    >
+      <div className='ui--AddressMenu-section ui--AddressMenu-identity'>
+        <div className='ui--AddressMenu-sectionHeader'>
+          {t<string>('identity')}
+        </div>
+        <div>
+          <AvatarItem
+            icon={
+              // This won't work - images are IPFS hashes
+              // identity.image
+              //   ? <img src={identity.image} />
+              //   : <i className='icon user ui--AddressMenu-identityIcon' />
+              //
+              <UserIcon />
+            }
+            subtitle={identity.legal}
+            title={identity.display}
+          />
+          <Judgements address={address} />
+          <div className='ui--AddressMenu-identityTable'>
+            {identity.parent && (
+              <div className='tr parent'>
+                <div className='th'>{t<string>('parent')}</div>
+                <div className='td'>
+                  <AddressMini
+                    className='parent'
+                    isPadded={false}
+                    value={identity.parent}
+                  />
+                </div>
+              </div>
+            )}
+            {identity.email && (
+              <div className='tr'>
+                <div className='th'>{t<string>('email')}</div>
+                <div className='td'>
+                  {isHex(identity.email) || !identity.isKnownGood
+                    ? identity.email
+                    : (
+                      <a
+                        href={`mailto:${identity.email}`}
+                        rel='noopener noreferrer'
+                        target='_blank'
+                      >
+                        {identity.email}
+                      </a>
+                    )}
+                </div>
+              </div>
+            )}
+            {identity.web && (
+              <div className='tr'>
+                <div className='th'>{t<string>('website')}</div>
+                <div className='td'>
+                  {isHex(identity.web) || !identity.isKnownGood
+                    ? identity.web
+                    : (
+                      <a
+                        href={(identity.web).replace(/^(https?:\/\/)?/g, 'https://')}
+                        rel='noopener noreferrer'
+                        target='_blank'
+                      >
+                        {identity.web}
+                      </a>
+                    )}
+                </div>
+              </div>
+            )}
+            {identity.twitter && (
+              <div className='tr'>
+                <div className='th'>{t<string>('twitter')}</div>
+                <div className='td'>
+                  {isHex(identity.twitter) || !identity.isKnownGood
+                    ? identity.twitter
+                    : (
+                      <a
+                        href={
+                          (identity.twitter).startsWith('https://twitter.com/')
+                            ? (identity.twitter)
+                            : `https://twitter.com/${identity.twitter}`
+                        }
+                        rel='noopener noreferrer'
+                        target='_blank'
+                      >
+                        {identity.twitter}
+                      </a>
+                    )}
+                </div>
+              </div>
+            )}
+            {identity.riot && (
+              <div className='tr'>
+                <div className='th'>{t<string>('riot')}</div>
+                <div className='td'>
+                  {identity.riot}
+                </div>
+              </div>
+            )}
+            {!!subs?.length && (
+              <div className='tr'>
+                <div className='th top'>{t<string>('subs')}</div>
+                <div
+                  className='td'
+                  data-testid='subs'
+                >
+                  {subs.length > SUBS_DISPLAY_THRESHOLD
+                    ? (
+                      <Expander summary={subs.length}>
+                        {subsList}
+                      </Expander>
+                    )
+                    : (
+                      <>
+                        <div className='subs-number'>{subs.length}</div>
+                        {subsList}
+                      </>
+                    )
+                  }
+                </div>
+              </div>
+            )}
+          </div>
+        </div>
+      </div>
+      {isRegistrar && (
+        <div className='ui--AddressMenu-section'>
+          <div className='ui--AddressMenu-actions'>
+            <ul>
+              <li>
+                <IconLink
+                  icon='address-card'
+                  label={t<string>('Add identity judgment')}
+                  onClick={toggleIsJudgementOpen}
+                />
+              </li>
+            </ul>
+          </div>
+        </div>
+      )}
+      {isJudgementOpen && isRegistrar && (
+        <RegistrarJudgement
+          address={address}
+          key='modal-judgement'
+          registrars={registrars}
+          toggleJudgement={toggleIsJudgementOpen}
+        />
+      )}
+    </section>
+  );
+}
+
+export default React.memo(Identity);
diff --git a/packages/page-accounts/src/Sidebar/JudgementTag.tsx b/packages/page-accounts/src/Sidebar/JudgementTag.tsx
new file mode 100644
index 0000000..69d1c3b
--- /dev/null
+++ b/packages/page-accounts/src/Sidebar/JudgementTag.tsx
@@ -0,0 +1,44 @@
+// Copyright 2017-2022 @polkadot/app-accounts authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { Judgement } from '@polkadot/react-hooks/types';
+
+import React, { useMemo } from 'react';
+
+import { AddressSmall, Menu, Popup, Tag } from '@polkadot/react-components';
+
+import { getJudgementColor } from '../util';
+
+interface Props {
+  judgement: Judgement
+}
+
+function JudgementTag ({ judgement: { judgementName, registrars } }: Props): React.ReactElement<Props> {
+  const judgementColor = useMemo(() => getJudgementColor(judgementName), [judgementName]);
+
+  return (
+    <Popup
+      closeOnScroll
+      position='center'
+      value={
+        <Menu>
+          {registrars.map((registrar) => registrar && (
+            <AddressSmall
+              key={registrar.address}
+              value={registrar.address}
+            />
+          ))}
+        </Menu>
+      }
+    >
+      <Tag
+        color={judgementColor}
+        isTag={false}
+        label={`${registrars.length} ${judgementName}`}
+        size='tiny'
+      />
+    </Popup>
+  );
+}
+
+export default React.memo(JudgementTag);
diff --git a/packages/page-accounts/src/Sidebar/Judgements.tsx b/packages/page-accounts/src/Sidebar/Judgements.tsx
new file mode 100644
index 0000000..a43cc04
--- /dev/null
+++ b/packages/page-accounts/src/Sidebar/Judgements.tsx
@@ -0,0 +1,63 @@
+// Copyright 2017-2022 @polkadot/app-accounts authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import React from 'react';
+import styled from 'styled-components';
+
+import { Tag } from '@polkadot/react-components';
+import { useJudgements } from '@polkadot/react-hooks';
+
+import { useTranslation } from '../translate';
+import JudgementTag from './JudgementTag';
+
+interface Props {
+  address: string;
+  className?: string;
+}
+
+function Judgements ({ address, className = '' }: Props): React.ReactElement<Props> {
+  const { t } = useTranslation();
+
+  const judgements = useJudgements(address);
+
+  if (judgements.length === 0) {
+    return (
+      <div
+        className={`${className} no-judgements`}
+        data-testid='judgements'
+      >
+        <Tag
+          color='yellow'
+          isTag={false}
+          key='NoJudgements'
+          label={t<string>('No judgements')}
+          size='tiny'
+        />
+      </div>
+    );
+  }
+
+  return (
+    <div
+      className={className}
+      data-testid='judgements'
+    >
+      {judgements.map((judgement) =>
+        <JudgementTag
+          judgement={judgement}
+          key={`${address}${judgement.judgementName}`}
+        />
+      )}
+    </div>
+  );
+}
+
+export default React.memo(styled(Judgements)`
+  margin-top: 0.714rem;
+
+  &:not(.no-judgements) {
+    .ui--Tag:hover {
+      cursor: pointer;
+    }
+  }
+`);
diff --git a/packages/page-accounts/src/Sidebar/Multisig.tsx b/packages/page-accounts/src/Sidebar/Multisig.tsx
new file mode 100644
index 0000000..af9d2b2
--- /dev/null
+++ b/packages/page-accounts/src/Sidebar/Multisig.tsx
@@ -0,0 +1,54 @@
+// Copyright 2017-2022 @polkadot/app-accounts authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { KeyringJson$Meta } from '@polkadot/ui-keyring/types';
+
+import React from 'react';
+
+import { AddressMini } from '@polkadot/react-components';
+
+import { useTranslation } from '../translate';
+
+interface Props {
+  isMultisig: boolean;
+  meta?: KeyringJson$Meta;
+}
+
+function Multisig ({ isMultisig, meta }: Props): React.ReactElement<Props> | null {
+  const { t } = useTranslation();
+
+  if (!isMultisig || !meta) {
+    return null;
+  }
+
+  const { threshold, who } = meta;
+
+  return (
+    <section className='ui--AddressMenu-multisig withDivider'>
+      <div className='ui--AddressMenu-sectionHeader'>
+        {t<string>('multisig')}
+      </div>
+      <div className='ui--AddressMenu-multisigTable'>
+        <div className='tr'>
+          <div className='th'>{t<string>('threshold')}</div>
+          <div className='td'>
+            {threshold}/{(who as string[]).length}
+          </div>
+        </div>
+        <div className='tr'>
+          <div className='th signatories'>{t<string>('signatories')}</div>
+          <div className='td'>
+            {(who as string[])?.map((address) => (
+              <AddressMini
+                key={address}
+                value={address}
+              />
+            ))}
+          </div>
+        </div>
+      </div>
+    </section>
+  );
+}
+
+export default React.memo(Multisig);
diff --git a/packages/page-accounts/src/Sidebar/RegistrarJudgement.tsx b/packages/page-accounts/src/Sidebar/RegistrarJudgement.tsx
new file mode 100644
index 0000000..e33d672
--- /dev/null
+++ b/packages/page-accounts/src/Sidebar/RegistrarJudgement.tsx
@@ -0,0 +1,85 @@
+// Copyright 2017-2022 @polkadot/react-query authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import React, { useEffect, useState } from 'react';
+
+import { Dropdown, Input, InputAddress, Modal, TxButton } from '@polkadot/react-components';
+import { useApi } from '@polkadot/react-hooks';
+
+import { useTranslation } from '../translate';
+
+interface Props {
+  address: string;
+  registrars: { address: string; index: number }[];
+  toggleJudgement: () => void;
+}
+
+const JUDGEMENT_ENUM = [
+  { text: 'Unknown', value: 0 },
+  { text: 'Fee paid', value: 1 },
+  { text: 'Reasonable', value: 2 },
+  { text: 'Known good', value: 3 },
+  { text: 'Out of date', value: 4 },
+  { text: 'Low quality', value: 5 }
+];
+
+function RegistrarJudgement ({ address, registrars, toggleJudgement }: Props): React.ReactElement<Props> {
+  const { t } = useTranslation();
+  const { api } = useApi();
+  const [addresses] = useState(() => registrars.map(({ address }) => address));
+  const [judgementAccountId, setJudgementAccountId] = useState<string | null>(null);
+  const [judgementEnum, setJudgementEnum] = useState(2); // Reasonable
+  const [registrarIndex, setRegistrarIndex] = useState(-1);
+
+  // find the id of our registrar in the list
+  useEffect((): void => {
+    const registrar = registrars.find(({ address }) => judgementAccountId === address);
+
+    setRegistrarIndex(
+      registrar
+        ? registrar.index
+        : -1
+    );
+  }, [judgementAccountId, registrars]);
+
+  return (
+    <Modal
+      header={t<string>('Provide judgement')}
+      onClose={toggleJudgement}
+      size='small'
+    >
+      <Modal.Content>
+        <InputAddress
+          filter={addresses}
+          label={t<string>('registrar account')}
+          onChange={setJudgementAccountId}
+          type='account'
+        />
+        <Input
+          isDisabled
+          label={t<string>('registrar index')}
+          value={registrarIndex === -1 ? t<string>('invalid/unknown registrar account') : registrarIndex.toString()}
+        />
+        <Dropdown
+          label={t<string>('judgement')}
+          onChange={setJudgementEnum}
+          options={JUDGEMENT_ENUM}
+          value={judgementEnum}
+        />
+      </Modal.Content>
+      <Modal.Actions>
+        <TxButton
+          accountId={judgementAccountId}
+          icon='check'
+          isDisabled={registrarIndex === -1}
+          label={t<string>('Judge')}
+          onStart={toggleJudgement}
+          params={[registrarIndex, address, judgementEnum]}
+          tx={api.tx.identity.provideJudgement}
+        />
+      </Modal.Actions>
+    </Modal>
+  );
+}
+
+export default React.memo(RegistrarJudgement);
diff --git a/packages/page-accounts/src/Sidebar/Sidebar.spec.tsx b/packages/page-accounts/src/Sidebar/Sidebar.spec.tsx
new file mode 100644
index 0000000..17778f9
--- /dev/null
+++ b/packages/page-accounts/src/Sidebar/Sidebar.spec.tsx
@@ -0,0 +1,248 @@
+// Copyright 2017-2022 @polkadot/page-accounts authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import { fireEvent, screen, waitFor, within } from '@testing-library/react';
+
+import i18next from '@polkadot/react-components/i18n';
+import { AddressFlags } from '@polkadot/react-hooks/types';
+import { anAccount, anAccountWithInfo, anAccountWithMeta } from '@polkadot/test-support/creation/account';
+import { alice, bob, MemoryStore } from '@polkadot/test-support/keyring';
+import { charlieShortAddress, ferdieShortAddress, mockRegistration, registrars } from '@polkadot/test-support/mockData/registrations';
+import { Sidebar } from '@polkadot/test-support/pagesElements/Sidebar';
+import { mockApiHooks } from '@polkadot/test-support/utils/mockApiHooks';
+import { RegistrationJudgement } from '@polkadot/types/interfaces';
+import { keyring } from '@polkadot/ui-keyring';
+
+import { AccountsPage } from '../../test/pages/accountsPage';
+
+describe('Sidebar', () => {
+  let accountsPage: AccountsPage;
+  let sideBar: Sidebar;
+
+  beforeAll(async () => {
+    await i18next.changeLanguage('en');
+
+    if (keyring.getAccounts().length === 0) {
+      keyring.loadAll({ isDevelopment: true, store: new MemoryStore() });
+    }
+  });
+
+  beforeEach(() => {
+    accountsPage = new AccountsPage();
+    accountsPage.clearAccounts();
+  });
+
+  describe('editing', () => {
+    const initialName = 'INITIAL_NAME';
+    const newName = 'NEW_NAME';
+    const defaultTag = 'Default';
+    const nameInputNotFoundError = 'Unable to find an element by: [data-testid="name-input"]';
+
+    describe('changes name', () => {
+      beforeEach(async () => {
+        accountsPage.render([[alice, anAccountWithMeta({ isDevelopment: false, name: initialName })]]);
+        sideBar = await accountsPage.openSidebarForRow(0);
+        await sideBar.changeAccountName(newName);
+      });
+
+      it('within keyring', () => {
+        const changedAccount = keyring.getAccount(alice);
+
+        expect(changedAccount?.meta?.name).toEqual(newName);
+      });
+
+      it('within sidebar', async () => {
+        await sideBar.assertAccountName(newName);
+      });
+
+      it('within account row', async () => {
+        const accountRows = await accountsPage.getAccountRows();
+
+        await accountRows[0].assertAccountName(newName);
+      });
+    });
+
+    it('cannot be edited if edit button has not been pressed', async () => {
+      accountsPage.renderDefaultAccounts(1);
+      sideBar = await accountsPage.openSidebarForRow(0);
+      await sideBar.clickByText('no tags');
+      expect(sideBar.queryByRole('combobox')).toBeFalsy();
+
+      await expect(sideBar.typeAccountName(newName)).rejects.toThrowError(nameInputNotFoundError);
+    });
+
+    it('when isEditable is false account name is not editable', async () => {
+      accountsPage.renderAccountsWithDefaultAddresses(
+        anAccountWithInfo({ flags: { isEditable: false } as AddressFlags })
+      );
+      sideBar = await accountsPage.openSidebarForRow(0);
+      sideBar.edit();
+
+      await expect(sideBar.typeAccountName(newName)).rejects.toThrowError(nameInputNotFoundError);
+    });
+
+    describe('on edit cancel', () => {
+      beforeEach(async () => {
+        accountsPage.renderAccountsWithDefaultAddresses(
+          anAccountWithMeta({ isDevelopment: false, name: initialName, tags: [] })
+        );
+        sideBar = await accountsPage.openSidebarForRow(0);
+
+        await sideBar.assertTags('no tags');
+        sideBar.edit();
+      });
+
+      it('restores tags and name to state from keyring', async () => {
+        await sideBar.typeAccountName(newName);
+        await sideBar.selectTag(defaultTag);
+
+        sideBar.cancel();
+        await sideBar.assertTags('no tags');
+        await sideBar.assertAccountName(initialName);
+      });
+
+      it('Cancel button disappears', () => {
+        sideBar.cancel();
+        expect(sideBar.queryByRole('button', { name: 'Cancel' })).toBeFalsy();
+      });
+    });
+
+    describe('outside click', () => {
+      beforeEach(async () => {
+        accountsPage.renderAccountsWithDefaultAddresses(
+          anAccountWithMeta({ name: 'alice' }),
+          anAccountWithMeta({ name: 'bob' })
+        );
+        sideBar = await accountsPage.openSidebarForRow(0);
+        sideBar.edit();
+      });
+
+      it('cancels editing', async () => {
+        await sideBar.typeAccountName(newName);
+        await sideBar.selectTag(defaultTag);
+
+        fireEvent.click(await screen.findByText('accounts'));
+
+        await sideBar.assertTags('no tags');
+        await sideBar.assertAccountName('ALICE');
+
+        expect(sideBar.queryByRole('button', { name: 'Cancel' })).toBeFalsy();
+      });
+
+      it('within sidebar does not cancel editing', async () => {
+        await sideBar.clickByText('Tags');
+
+        expect(sideBar.queryByRole('button', { name: 'Cancel' })).toBeTruthy();
+      });
+
+      it('cancels editing and changes name when opening sidebar for another account', async () => {
+        await waitFor(() => sideBar.assertAccountInput('alice'));
+
+        sideBar = await accountsPage.openSidebarForRow(1);
+        await sideBar.assertAccountName('BOB');
+      });
+    });
+  });
+
+  describe('identity section', () => {
+    describe('subs', () => {
+      describe('when do not exist', () => {
+        it('does not display subs', async () => {
+          accountsPage.renderDefaultAccounts(1);
+          sideBar = await accountsPage.openSidebarForRow(0);
+          const subs = await sideBar.findSubs();
+
+          expect(subs).toHaveLength(0);
+        });
+      });
+
+      describe('when exist', () => {
+        let subs: HTMLElement[];
+
+        beforeEach(async () => {
+          mockApiHooks.setSubs([bob]);
+          accountsPage.renderAccountsWithDefaultAddresses(
+            anAccount(),
+            anAccountWithMeta({ name: 'Bob' })
+          );
+          sideBar = await accountsPage.openSidebarForRow(0);
+          subs = await sideBar.findSubs();
+        });
+
+        it('displays count of subs and account names', () => {
+          const subsNumber = subs[0].childNodes[0];
+          const subAccount = subs[0].childNodes[1];
+
+          expect(subsNumber).toHaveClass('subs-number');
+          expect(subsNumber).toHaveTextContent('1');
+          expect(subAccount).toHaveTextContent('BOB');
+        });
+
+        it('displays picked sub in sidebar', async () => {
+          const subAccount = subs[0].childNodes[1];
+
+          fireEvent.click(await within(subAccount as HTMLElement).findByTestId('account-name'));
+
+          await sideBar.assertAccountName('BOB');
+        });
+      });
+    });
+
+    describe('judgements', () => {
+      it('displays several judgements', async () => {
+        mockApiHooks.setJudgements(mockRegistration.judgements as RegistrationJudgement[]);
+        accountsPage.renderDefaultAccounts(1);
+        sideBar = await accountsPage.openSidebarForRow(0);
+
+        await sideBar.assertJudgement('1 Known good');
+        await sideBar.assertJudgement('2 Reasonable');
+        await sideBar.assertJudgement('1 Erroneous');
+      });
+
+      it('displays no judgements', async () => {
+        accountsPage.renderDefaultAccounts(1);
+        sideBar = await accountsPage.openSidebarForRow(0);
+
+        await sideBar.assertJudgement('No judgements');
+      });
+
+      describe('displays registrars', () => {
+        beforeEach(async () => {
+          mockApiHooks.setJudgements(mockRegistration.judgements as RegistrationJudgement[]);
+          mockApiHooks.setRegistrars(registrars);
+          accountsPage.render([
+            [alice, anAccountWithMeta({ name: 'Alice' })],
+            [bob, anAccountWithMeta({ name: 'Bob' })]
+          ]);
+          sideBar = await accountsPage.openSidebarForRow(0);
+        });
+
+        it('singular registrar', async () => {
+          const judgementTag = await sideBar.getJudgement('1 Known good');
+
+          await judgementTag.assertRegistrars([charlieShortAddress]);
+        });
+
+        it('multiple registrars', async () => {
+          const judgementTag = await sideBar.getJudgement('2 Reasonable');
+
+          await judgementTag.assertRegistrars(['BOB', ferdieShortAddress]);
+        });
+
+        it('opens clicked registrar in sidebar and closes popup', async () => {
+          const judgementTag = await sideBar.getJudgement('2 Reasonable');
+
+          await judgementTag.clickRegistrar('BOB');
+
+          expect(screen.queryByTestId('popup-window')).toBeFalsy();
+
+          await sideBar.assertAccountName('BOB');
+        });
+      });
+
+      afterEach(() => {
+        mockApiHooks.setJudgements([]);
+      });
+    });
+  });
+});
diff --git a/packages/page-accounts/src/Sidebar/Sidebar.tsx b/packages/page-accounts/src/Sidebar/Sidebar.tsx
new file mode 100644
index 0000000..c437bf2
--- /dev/null
+++ b/packages/page-accounts/src/Sidebar/Sidebar.tsx
@@ -0,0 +1,343 @@
+// Copyright 2017-2022 @polkadot/app-accounts authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import React, { useRef, useState } from 'react';
+import styled from 'styled-components';
+
+import { LinkExternal, Sidebar } from '@polkadot/react-components';
+import { colorLink } from '@polkadot/react-components/styles/theme';
+import { useAccountInfo } from '@polkadot/react-hooks';
+
+import Balances from './Balances';
+import Identity from './Identity';
+import Multisig from './Multisig';
+import SidebarEditableSection from './SidebarEditableSection';
+
+interface Props {
+  address: string;
+  className?: string;
+  dataTestId?: string;
+  onClose: () => void;
+  onUpdateName: () => void;
+}
+
+function FullSidebar ({ address, className = '', dataTestId, onClose, onUpdateName }: Props): React.ReactElement<Props> {
+  const [inEditMode, setInEditMode] = useState<boolean>(false);
+  const { accountIndex, flags, identity, meta } = useAccountInfo(address);
+
+  const ref = useRef<HTMLDivElement>(null);
+
+  return (
+    <Sidebar
+      className={`${className}${inEditMode ? ' inEditMode' : ''}`}
+      dataTestId={dataTestId}
+      onClose={onClose}
+      position='right'
+      sidebarRef={ref}
+    >
+      <div
+        className='ui--AddressMenu-header'
+        data-testid='sidebar-address-menu'
+      >
+        <SidebarEditableSection
+          accountIndex={accountIndex}
+          address={address}
+          isBeingEdited={setInEditMode}
+          onUpdateName={onUpdateName}
+          sidebarRef={ref}
+        />
+      </div>
+      <div className='ui--ScrollSection'>
+        <Balances address={address} />
+        <Identity
+          address={address}
+          identity={identity}
+        />
+        <Multisig
+          isMultisig={flags.isMultisig}
+          meta={meta}
+        />
+      </div>
+      <section className='ui--LinkSection'>
+        <LinkExternal
+          data={address}
+          isLogo
+          isSidebar
+          type='address'
+        />
+      </section>
+    </Sidebar>
+  );
+}
+
+export default React.memo(styled(FullSidebar)`
+  display: flex;
+  flex-direction: column;
+  background-color: var(--bg-sidebar);
+  max-width: 30.42rem;
+  min-width: 30.42rem;
+  overflow-y: hidden;
+  padding: 0 0 3.286rem;
+
+  input {
+    width: auto !important;
+  }
+
+  .ui--AddressMenu-header {
+    align-items: center;
+    background: var(--bg-tabs);
+    border-bottom: 1px solid var(--border-table);
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    padding: 1.35rem 1rem 1rem 1rem;
+  }
+
+  .ui--AddressSection {
+    display: flex;
+    flex-direction: row;
+    flex-wrap: nowrap;
+    align-items: center;
+
+
+    width: 100%;
+
+    .ui--AddressSection__AddressColumn {
+      margin-left: 1rem;
+
+      .ui--AccountName {
+        max-width: 21.5rem;
+        overflow: hidden;
+      }
+    }
+
+    .ui--AddressSection__CopyColumn {
+      margin-left: 1rem;
+
+      .ui--AccountName {
+        max-width: 10rem;
+        overflow: hidden;
+      }
+    }
+  }
+
+  .ui--AddressMenu-addr,
+  .ui--AddressMenu-index {
+    font: var(--font-mono);
+    text-align: left;
+    font-size: 0.857rem;
+  }
+
+  .ui--AddressMenu-addr {
+    word-break: break-all;
+    width: 24ch;
+    margin: 0.571rem 0;
+    color: var(--color-label);
+  }
+
+  .ui--AddressMenu-copyaddr,
+  .ui--AddressMenu-index {
+    font: var(--font-mono);
+    text-align: left;
+    font-size: 0.857rem;
+  }
+
+  .ui--AddressMenu-copyaaddr {
+    word-break: break-all;
+    width: 12ch;
+    margin: 0.371rem 0;
+    color: var(--color-label);
+  }
+
+
+  .ui--AddressMenu-index {
+    display: flex;
+    flex-direction: row;
+
+    label {
+      font-size: 0.857rem;
+      margin-right: 0.4rem;
+      text-transform: capitalize;
+    }
+  }
+
+  section {
+    position: relative;
+
+    &:not(:last-child) {
+      margin-bottom: 1rem;
+    }
+
+    .ui--AddressMenu-sectionHeader {
+      display: flex;
+      justify-content: space-between;
+      align-items: center;
+      text-transform: capitalize;
+
+      margin-bottom: 0.57rem;
+      width: 100%;
+
+      color: var(--color-text);
+      font-size: 1.143rem;
+    }
+
+    &.withDivider {
+      padding-top: 1rem;
+
+      ::before {
+        position: absolute;
+        top: 0;
+        left: 0;
+
+        content: '';
+        width: 100%;
+        height: 1px;
+        background-color: var(--border-table);
+      }
+    }
+  }
+
+  .ui--AddressMenu-identity,
+  .ui--AddressMenu-multisig {
+    .ui--AddressMenu-identityTable,
+    .ui--AddressMenu-multisigTable {
+      font-size: 0.93rem;
+      margin-top: 0.6rem;
+
+      .tr {
+        padding: 0.25rem 0;
+        display: inline-flex;
+        align-items: center;
+        width: 100%;
+
+        .th {
+          text-transform: uppercase;
+          color: var(--color-label);
+          font-weight: var(--font-weight-normal);
+          text-align: left;
+          flex-basis: 25%;
+          font-size: 0.714rem;
+
+          &.top {
+            align-self: flex-start;
+          }
+        }
+
+        .td {
+          flex: 1;
+          overflow: hidden;
+          padding-left: 0.6rem;
+          text-overflow: ellipsis;
+        }
+      }
+
+      .ui--AddressMini, .subs-number {
+        margin-bottom: 0.4rem;
+        padding: 0;
+      }
+
+      .subs-number {
+        font-size: 1rem;
+        margin-bottom: 0.714rem;
+      }
+    }
+
+    .parent {
+      padding: 0 !important;
+    }
+  }
+
+  && .column {
+    align-items: center;
+
+    .ui--FormatBalance:first-of-type {
+      margin-bottom: 0.4rem;
+    }
+
+    label:first-of-type {
+      margin-bottom: 0.4rem;
+      color: var(--color-text);
+    }
+
+    label {
+      color: var(--color-label);
+      text-transform: uppercase;
+      font-size: 0.714rem;
+    }
+
+    .ui--FormatBalance, label {
+      line-height: 1rem;
+    }
+  }
+
+  .ui--AddressMenu-buttons {
+    .ui--Button-Group {
+      margin-bottom: 0;
+    }
+  }
+
+  .ui--AddressMenu-tags,
+  .ui--AddressMenu-flags {
+    margin: 0.75rem 0 0;
+    width: 100%;
+  }
+
+  .ui--AddressMenu-identityIcon {
+    background: ${colorLink}66;
+  }
+
+  .ui--AddressMenu-actions {
+    ul {
+      list-style-type: none;
+      margin-block-start: 0;
+      margin-block-end: 0;
+      padding-inline-start: 1rem;
+
+      li {
+        margin: 0.2rem 0;
+      }
+    }
+  }
+
+  .inline-icon {
+    cursor: pointer;
+    margin: 0 0 0 0.5rem;
+    color: ${colorLink};
+  }
+
+  .name--input {
+    .ui.input {
+      margin: 0 !important;
+
+      > input {
+      }
+    }
+  }
+
+  &.inEditMode {
+    .ui--AddressMenu-flags {
+      opacity: 60%;
+    }
+  }
+
+  .ui--AddressMenu-multisig .th.signatories {
+    align-self: flex-start;
+  }
+
+  .ui--ScrollSection {
+    padding: 1rem;
+    overflow: auto;
+  }
+
+  .ui--LinkSection {
+    border-top: 1px solid var(--border-table);
+    padding: 0.5rem 0 0.571rem;
+    width: 100%;
+    position: absolute;
+    bottom: 0;
+
+    span {
+      margin: 0 0.5rem;
+    }
+  }
+`);
diff --git a/packages/page-accounts/src/Sidebar/SidebarEditableSection.tsx b/packages/page-accounts/src/Sidebar/SidebarEditableSection.tsx
new file mode 100644
index 0000000..3de01a9
--- /dev/null
+++ b/packages/page-accounts/src/Sidebar/SidebarEditableSection.tsx
@@ -0,0 +1,89 @@
+// Copyright 2017-2022 @polkadot/page-accounts authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import React, { useCallback, useEffect } from 'react';
+
+import { Tags } from '@polkadot/react-components';
+import { useAccountInfo, useOutsideClick } from '@polkadot/react-hooks';
+import { keyring } from '@polkadot/ui-keyring';
+
+import AccountMenuButtons from './AccountMenuButtons';
+import AddressSection from './AddressSection';
+import Flags from './Flags';
+
+interface Props {
+  accountIndex: string | undefined;
+  address: string;
+  isBeingEdited: (arg: boolean) => void;
+  onUpdateName: () => void;
+  sidebarRef: React.RefObject<HTMLDivElement>;
+}
+
+function SidebarEditableSection ({ accountIndex, address, isBeingEdited, onUpdateName, sidebarRef }: Props): React.ReactElement<Props> {
+  const { flags, isEditing, isEditingName, isEditingTags, name, onForgetAddress, onSaveName, onSaveTags, setIsEditingName, setIsEditingTags, setName, setTags, tags, toggleIsEditingName, toggleIsEditingTags } = useAccountInfo(address);
+
+  useEffect(() => {
+    isBeingEdited(isEditing());
+  }, [isBeingEdited, isEditing]);
+
+  const onCancel = useCallback(
+    (): void => {
+      if (isEditing()) {
+        try {
+          const accountOrAddress = keyring.getAccount(address) || keyring.getAddress(address);
+
+          setName(accountOrAddress?.meta.name || '');
+          setTags(accountOrAddress?.meta.tags ? (accountOrAddress.meta.tags as string[]).sort() : []);
+          setIsEditingName(false);
+          setIsEditingTags(false);
+        } catch (error) {
+          // ignore
+        }
+      }
+    }, [isEditing, setName, setTags, setIsEditingName, setIsEditingTags, address]);
+
+  useOutsideClick([sidebarRef], onCancel);
+
+  return (
+    <>
+      <AddressSection
+        accountIndex={accountIndex}
+        defaultValue={name}
+        editingName={isEditingName}
+        flags={flags}
+        onChange={setName}
+        value={address}
+      />
+      <div
+        className='ui--AddressMenu-tags'
+        data-testid='sidebar-tags'
+      >
+        <Tags
+          isEditable
+          isEditing={isEditingTags}
+          onChange={setTags}
+          size='tiny'
+          value={tags}
+          withEditButton={false}
+          withTitle
+        />
+      </div>
+      <Flags flags={flags} />
+      <AccountMenuButtons
+        flags={flags}
+        isEditing={isEditing()}
+        isEditingName={isEditingName}
+        onCancel={onCancel}
+        onForgetAddress={onForgetAddress}
+        onSaveName={onSaveName}
+        onSaveTags={onSaveTags}
+        onUpdateName={onUpdateName}
+        recipientId={address}
+        toggleIsEditingName={toggleIsEditingName}
+        toggleIsEditingTags={toggleIsEditingTags}
+      />
+    </>
+  );
+}
+
+export default React.memo(SidebarEditableSection);
diff --git a/packages/page-accounts/src/Sidebar/UserIcon.tsx b/packages/page-accounts/src/Sidebar/UserIcon.tsx
new file mode 100644
index 0000000..64cf5f1
--- /dev/null
+++ b/packages/page-accounts/src/Sidebar/UserIcon.tsx
@@ -0,0 +1,45 @@
+// Copyright 2017-2022 @polkadot/app-accounts authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import React from 'react';
+
+function UserIcon (): React.ReactElement {
+  return (
+    <svg
+      fill='none'
+      height='40'
+      viewBox='0 0 40 40'
+      width='40'
+      xmlns='http://www.w3.org/2000/svg'
+      xmlnsXlink='http://www.w3.org/1999/xlink'
+    >
+      <circle
+        cx='20'
+        cy='20'
+        fill='url(#pattern0)'
+        r='20'
+      />
+      <defs>
+        <pattern
+          height='1'
+          id='pattern0'
+          patternContentUnits='objectBoundingBox'
+          width='1'
+        >
+          <use
+            transform='scale(0.00277778)'
+            xlinkHref='#image0'
+          />
+        </pattern>
+        <image
+          height='360'
+          id='image0'
+          width='360'
+          xlinkHref='data:image/png;base64,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'
+        />
+      </defs>
+    </svg>
+  );
+}
+
+export default React.memo(UserIcon);
diff --git a/packages/page-accounts/src/Sidebar/index.tsx b/packages/page-accounts/src/Sidebar/index.tsx
new file mode 100644
index 0000000..656f1fb
--- /dev/null
+++ b/packages/page-accounts/src/Sidebar/index.tsx
@@ -0,0 +1,43 @@
+// Copyright 2017-2022 @polkadot/app-accounts authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import React, { useCallback, useState } from 'react';
+
+import Sidebar from './Sidebar';
+
+interface Props {
+  children: React.ReactNode;
+}
+
+type State = [string | null, (() => void) | null];
+
+type ToggleContext = undefined | (([address, onUpdateName]: State) => void);
+
+const AccountSidebarToggle: React.Context<ToggleContext> = React.createContext<ToggleContext>(undefined);
+
+function AccountSidebar ({ children }: Props): React.ReactElement<Props> {
+  const [[address, onUpdateName], setAddress] = useState<State>([null, null]);
+
+  const onClose = useCallback(
+    () => setAddress([null, null]),
+    []
+  );
+
+  return (
+    <AccountSidebarToggle.Provider value={setAddress}>
+      {children}
+      {address && (
+        <Sidebar
+          address={address}
+          dataTestId='account-sidebar'
+          onClose={onClose}
+          onUpdateName={onUpdateName}
+        />
+      )}
+    </AccountSidebarToggle.Provider>
+  );
+}
+
+export { AccountSidebarToggle };
+
+export default React.memo(AccountSidebar);
diff --git a/packages/page-accounts/src/Vanity/Match.tsx b/packages/page-accounts/src/Vanity/Match.tsx
new file mode 100644
index 0000000..8ce958d
--- /dev/null
+++ b/packages/page-accounts/src/Vanity/Match.tsx
@@ -0,0 +1,110 @@
+// Copyright 2017-2022 @polkadot/app-accounts authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import React, { useCallback, useMemo } from 'react';
+import styled from 'styled-components';
+
+import { Button, IdentityIcon } from '@polkadot/react-components';
+import { u8aToHex } from '@polkadot/util';
+
+import { useTranslation } from '../translate';
+
+interface Props {
+  address: string;
+  className?: string;
+  count: number;
+  offset: number;
+  onCreateToggle: (seed: string) => void;
+  onRemove: (address: string) => void;
+  seed: Uint8Array;
+}
+
+function Match ({ address, className = '', count, offset, onCreateToggle, onRemove, seed }: Props): React.ReactElement<Props> {
+  const { t } = useTranslation();
+
+  const hexSeed = useMemo(
+    () => u8aToHex(seed),
+    [seed]
+  );
+  const _onCreate = useCallback(
+    () => onCreateToggle(hexSeed),
+    [hexSeed, onCreateToggle]
+  );
+  const _onRemove = useCallback(
+    () => onRemove(address),
+    [address, onRemove]
+  );
+
+  return (
+    <tr className={className}>
+      <td
+        className='number'
+        colSpan={2}
+      >
+        <IdentityIcon
+          className='vanity--Match-icon'
+          value={address}
+        />
+      </td>
+      <td className='address all'>
+        <div className='vanity--Match-addr'>
+          <span className='no'>{address.slice(0, offset)}</span><span className='yes'>{address.slice(offset, count + offset)}</span><span className='no'>{address.slice(count + offset)}</span>
+        </div>
+      </td>
+      <td className='hash'>
+        {hexSeed}
+      </td>
+      <td className='button'>
+        <Button
+          icon='plus'
+          label={t<string>('Save')}
+          onClick={_onCreate}
+        />
+        <Button
+          icon='times'
+          onClick={_onRemove}
+        />
+      </td>
+    </tr>
+  );
+}
+
+export default React.memo(styled(Match)`
+  text-align: center;
+
+  &:hover {
+    background: #f9f8f7;
+  }
+
+  .vanity--Match-addr {
+    font-size: 1.1rem;
+
+    .no {
+      color: inherit;
+    }
+
+    .yes {
+      color: red;
+    }
+  }
+
+  .vanity--Match-buttons,
+  .vanity--Match-data,
+  .vanity--Match-icon {
+    display: inline-block;
+    vertical-align: middle;
+  }
+
+  .vanity--Match-item {
+    display: inline-block;
+    font: var(--font-mono);
+    margin: 0 auto;
+    padding: 0.5em;
+    position: relative;
+  }
+
+  .vanity--Match-seed {
+    opacity: 0.45;
+    padding: 0 1rem;
+  }
+`);
diff --git a/packages/page-accounts/src/Vanity/bipWorker.ts b/packages/page-accounts/src/Vanity/bipWorker.ts
new file mode 100644
index 0000000..af1a594
--- /dev/null
+++ b/packages/page-accounts/src/Vanity/bipWorker.ts
@@ -0,0 +1,25 @@
+// Copyright 2017-2022 @polkadot/app-accounts authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import { cryptoWaitReady, ed25519PairFromSeed, mnemonicGenerate, mnemonicToMiniSecret, sr25519PairFromSeed } from '@polkadot/util-crypto';
+
+const ctx: Worker = self as unknown as Worker;
+
+cryptoWaitReady().catch((): void => {
+  // ignore
+});
+
+ctx.onmessage = async ({ data: { pairType } }): Promise<void> => {
+  await cryptoWaitReady();
+
+  const seed = mnemonicGenerate();
+  const miniSecret = mnemonicToMiniSecret(seed);
+  const { publicKey } = pairType === 'sr25519'
+    ? sr25519PairFromSeed(miniSecret)
+    : ed25519PairFromSeed(miniSecret);
+
+  ctx.postMessage({
+    publicKey,
+    seed
+  });
+};
diff --git a/packages/page-accounts/src/Vanity/index.tsx b/packages/page-accounts/src/Vanity/index.tsx
new file mode 100644
index 0000000..2b2162b
--- /dev/null
+++ b/packages/page-accounts/src/Vanity/index.tsx
@@ -0,0 +1,1283 @@
+// Copyright 2017-2022 @polkadot/app-accounts authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+import type { DeriveBalancesAll, DeriveStakingAccount } from '@polkadot/api-derive/types';
+import type { ConstValue } from '@polkadot/react-components/InputConsts/types';
+import type { ConstantCodec } from '@polkadot/types/metadata/decorate/types';
+import type { ComponentProps as Props } from '../types';
+import type { ActionStatus } from '@polkadot/react-components/Status/types';
+import type { KeypairType } from '@polkadot/util-crypto/types';
+import type { GeneratorMatch, GeneratorMatches, GeneratorResult } from '@polkadot/vanitygen/types';
+// import type { Extrinsic } from '@polkadot/types/interfaces';
+import type { DeriveProposalImage } from '@polkadot/api-derive/types';
+import type { Hash, Proposal, ProposalIndex } from '@polkadot/types/interfaces';
+
+import React, { useCallback, useEffect, useMemo, useRef, useState } from 'react';
+import styled from 'styled-components';
+
+import { Button, Dropdown, Input, Table, IdentityIcon, InputAddress, InputAddressMulti, InputConsts, InputExtrinsic, Menu, Modal, Popup, Tabs, AccountName, AddressInfo, AddressMini, AddressRow, AvatarItem, AddressSmall, AddressToggle, Available, Badge, BatchWarning, Bonded, Call, CallExpander, Card, CardSummary, ChainImg, ChainLock, Checkbox, Columar, ConvictionDropdown, CopyButton, CryptoType, Digits, EditButton, Editor, ErrorBoundary, ExpandButton, Expander, FilterInput, FilterOverlay, Flag, Forget, HelpOverlay, Icon, IconLink, InfoForInput, InputAddressSimple, InputBalance, InputFile, InputNumber, InputTags, InputWasm, Inset, Label, LabelHelp, Labelled, LinkExternal, LockedVote, MarkError, MarkWarning, Nonce, Output, ParaLink, Password, PasswordStrength, Progress, ProposedAction, Row, Sidebar, Spinner, SortDropdown, Static, SummaryBox, Tag, Tags, TextArea, Toggle, ToggleGroup, Tooltip, TxButton, VoteAccount, VoteValue,Extrinsic } from '@polkadot/react-components';
+
+import { useApi, useIsMountedRef, useCall } from '@polkadot/react-hooks';
+import { settings } from '@polkadot/ui-settings';
+import generator from '@polkadot/vanitygen/generator';
+import matchRegex from '@polkadot/vanitygen/regex';
+import generatorSort from '@polkadot/vanitygen/sort';
+import { formatBalance, formatNumber } from '@polkadot/util';
+import CreateModal from '../modals/Create';
+import { useTranslation } from '../translate';
+import Match from './Match';
+
+interface Props {
+  className?: string;
+  previousDelegatingAccount?: string;
+  onStatusChange: (status: ActionStatus) => void;
+  onClose: () => void;
+  proposal?: Proposal | null;
+  call: any
+}
+
+interface Match {
+  isMatchValid: boolean;
+  match: string;
+}
+
+interface Results {
+  elapsed: number;
+  isRunning: boolean;
+  keyCount: number;
+  keyTime: number;
+  matches: GeneratorMatches;
+  startAt: number;
+}
+
+const DEFAULT_MATCH = 'Some';
+const BOOL_OPTIONS = [
+  { text: 'No', value: false },
+  { text: 'Yes', value: true }
+];
+
+function VanityApp({ className = '', onStatusChange, previousDelegatingAccount, call, onClose }: Props): React.ReactElement<Props> {
+  const { t } = useTranslation();
+  const { api, isEthereum ,apiDefaultTxSudo} = useApi();
+  const results = useRef<GeneratorResult[]>([]);
+  const runningRef = useRef(false);
+  const mountedRef = useIsMountedRef();
+  const [createSeed, setCreateSeed] = useState<string | null>(null);
+  const [{ elapsed, isRunning, keyCount, matches }, setResults] = useState<Results>({
+    elapsed: 0,
+    isRunning: false,
+    keyCount: -1,
+    keyTime: 0,
+    matches: [],
+    startAt: 0
+  });
+  const [{ isMatchValid, match }, setMatch] = useState<Match>({ isMatchValid: true, match: DEFAULT_MATCH });
+  const [type, setType] = useState<KeypairType>('ed25519');
+  const [withCase, setWithCase] = useState(true);
+  const [delegatingAccount, setDelegatingAccount] = useState<string | null>(previousDelegatingAccount || null);
+
+  const _clearSeed = useCallback(
+    () => setCreateSeed(null),
+    []
+  );
+  const [visible, setVisible] = useState(false)
+  const [forgetVisible, setForgetVisible] = useState(false)
+  const [siderVisible, setSiderVisible] = useState(false)
+  const [textVisible, setTextVisible] = useState(false)
+
+
+  const _checkMatches = useCallback(
+    (): void => {
+      const checks = results.current;
+      results.current = [];
+      if (checks.length === 0 || !mountedRef.current) {
+        return;
+      }
+
+      setResults(
+        ({ isRunning, keyCount, keyTime, matches, startAt }: Results): Results => {
+          let newKeyCount = keyCount;
+          let newKeyTime = keyTime;
+          const newMatches = checks.reduce((result, { elapsed, found }): GeneratorMatch[] => {
+            newKeyCount += found.length;
+            newKeyTime += elapsed;
+
+            return result.concat(found);
+          }, matches);
+
+          return {
+            elapsed: Date.now() - startAt,
+            isRunning,
+            keyCount: newKeyCount,
+            keyTime: newKeyTime,
+            matches: newMatches.sort(generatorSort).slice(0, 25),
+            startAt
+          };
+        }
+      );
+    },
+    [mountedRef]
+  );
+
+  const _executeGeneration = useCallback(
+    (): void => {
+      if (!runningRef.current) {
+        return _checkMatches();
+      }
+
+      setTimeout((): void => {
+        if (mountedRef.current) {
+          if (results.current.length === 25) {
+            _checkMatches();
+          }
+
+          results.current.push(
+            generator({ match, runs: 10, ss58Format: api.registry.chainSS58 || 0, type, withCase, withHex: true })
+          );
+
+          _executeGeneration();
+        }
+      }, 0);
+    },
+    [_checkMatches, api, match, mountedRef, runningRef, type, withCase]
+  );
+
+  const _onChangeMatch = useCallback(
+    (match: string): void => setMatch({
+      isMatchValid:
+        matchRegex.test(match) &&
+        (match.length !== 0) &&
+        (match.length < 31),
+      match
+    }),
+    []
+  );
+
+  const _onRemove = useCallback(
+    (address: string): void => setResults(
+      (results: Results): Results => ({
+        ...results,
+        matches: results.matches.filter((item) => item.address !== address)
+      })
+    ),
+    []
+  );
+
+  const _toggleStart = useCallback(
+    (): void => setResults(
+      ({ elapsed, isRunning, keyCount, keyTime, matches, startAt }: Results): Results => ({
+        elapsed,
+        isRunning: !isRunning,
+        keyCount: isRunning ? keyCount : 0,
+        keyTime: isRunning ? keyTime : 0,
+        matches,
+        startAt: isRunning ? startAt : Date.now()
+      })
+    ),
+    []
+  );
+
+  useEffect((): void => {
+    runningRef.current = isRunning;
+
+    if (isRunning) {
+      _executeGeneration();
+    }
+  }, [_executeGeneration, isRunning]);
+
+  const header = useMemo(() => [
+    [t('matches'), 'start', 2],
+    [t('Evaluated {{count}} keys in {{elapsed}}s ({{avg}} keys/s)', {
+      replace: {
+        avg: (keyCount / (elapsed / 1000)).toFixed(3),
+        count: keyCount,
+        elapsed: (elapsed / 1000).toFixed(2)
+      }
+    }), 'start'],
+    [t('secret'), 'start'],
+    []
+  ], [elapsed, keyCount, t]);
+
+
+  const itemsRef = useRef([
+    {
+      isRoot: true,
+      name: 'contracts',
+      text: t('Contracts')
+    }
+  ]);
+
+
+  const [defaultValue] = useState<ConstValue>((): ConstValue => {
+    const section = Object.keys(api.consts)[0];
+    const method = Object.keys(api.consts[section])[0];
+
+    return {
+      meta: (api.consts[section][method] as ConstantCodec).meta,
+      method,
+      section
+    };
+  });
+  const [value, setValue] = useState(defaultValue);
+
+  const preimage = useCall<DeriveProposalImage>(api.derive.democracy.preimage, [value]);
+
+  
+
+  return (
+    <div className={className}>
+      {/* <div className='ui--row'>
+        <Input
+          autoFocus
+          className='medium'
+          help={t<string>('Type here what you would like your address to contain. This tool will generate the keys and show the associated addresses that best match your search. ')}
+          isDisabled={isRunning}
+          isError={!isMatchValid}
+          label={t<string>('Search for')}
+          onChange={_onChangeMatch}
+          onEnter={_toggleStart}
+          value={match}
+        />
+        <Dropdown
+          className='medium'
+          help={t<string>('Should the search be case sensitive, e.g if you select "no" your search for "Some" may return addresses containing "somE" or "sOme"...')}
+          isDisabled={isRunning}
+          label={t<string>('case sensitive')}
+          onChange={setWithCase}
+          options={BOOL_OPTIONS}
+          value={withCase}
+        />
+      </div>
+      <div className='ui--row'>
+        <Dropdown
+          className='medium'
+          defaultValue={type}
+          help={t<string>('Determines what cryptography will be used to create this account. Note that to validate on Polkadot, the session account must use "ed25519".')}
+          label={t<string>('keypair crypto type')}
+          onChange={setType}
+          options={isEthereum ? settings.availableCryptosEth : settings.availableCryptos}
+        />
+      </div>
+    
+      <Button.Group>
+        <Button
+          icon={
+            isRunning
+              ? 'stop'
+              : 'sign-in-alt'
+          }
+          isDisabled={!isMatchValid}
+          label={
+            isRunning
+              ? t<string>('Stop generation')
+              : t<string>('Start generation')
+          }
+          onClick={_toggleStart}
+        />
+      </Button.Group> */}
+
+      <div>Button
+        <div style={{ marginLeft: '80px' }}>
+          <Button
+            icon={
+              isRunning
+                ? 'stop'
+                : 'sign-in-alt'
+            }
+            isDisabled={!isMatchValid}
+            label={
+              isRunning
+                ? t<string>('Stop generation')
+                : t<string>('Start generation')
+            }
+            onClick={_toggleStart}
+          />
+        </div>
+      </div>
+      <br />
+
+      <div> IdentityIcon
+        <div style={{ marginLeft: '80px' }}>
+          <IdentityIcon
+            size={40}
+            value={'5UzmGBgdiLXBiChZCPh4PJarnwxDMZLbNaANEpi4zHkdnDDP'}
+          />
+        </div>
+      </div>
+      <br />
+
+      <div>InputAddress
+        <InputAddress
+          label={t<string>('delegating account')}
+          onChange={setDelegatingAccount}
+          type='account'
+          value={'5UzmGBgdiLXBiChZCPh4PJarnwxDMZLbNaANEpi4zHkdnDDP'}
+        />
+      </div>
+      <br />
+
+      <div>InputAddressMulti
+        <InputAddressMulti
+          available={['5UzmGBgdiLXBiChZCPh4PJarnwxDMZLbNaANEpi4zHkdnDDP', '5PvKmxAuznR4rJc9sNEC8rA4dnHQeeh1fvA2dTPt7q2zUGJr']}
+          availableLabel={t<string>('Applying list')}
+          onChange={setDelegatingAccount}
+          maxCount={10}
+          valueLabel={t<string>('Ready to send a withdrawal request')}
+        />
+      </div>
+      <br />
+
+      <div>InputConsts
+        <InputConsts
+          defaultValue={defaultValue}
+          // help={meta?.docs.join(' ')}
+          label={t<string>('selected constant query')}
+          onChange={setValue}
+        />
+      </div>
+      <br />
+
+      <div>InputExtrinsic
+        <InputExtrinsic
+          defaultValue={defaultValue}
+          isDisabled
+          label={t<string>('decoded call')}
+        />
+      </div>
+      <br />
+
+      <div>Menu &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;  Popup弹出的111即为Menu组件
+      </div>
+      <br />
+
+      <div>Modal &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
+        <button className='myButton' onClick={() => setVisible(true)}>Modal按钮</button>
+        {visible && <Modal
+          className='app--accounts-Modal'
+          header={t<string>('Modal text')}
+          onClose={() => setVisible(false)}
+          size='large'
+        >
+          <Modal.Content>
+            <Modal.Columns>
+              <BatchWarning />
+            </Modal.Columns>
+          </Modal.Content>
+          <Modal.Actions>
+            <Button
+              icon='download'
+              isDisabled={false}
+              label={t<string>('Download')}
+            />
+          </Modal.Actions>
+        </Modal>}
+      </div>
+
+      <div>Popup &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
+        <Popup
+          className={`name`}
+          isDisabled={false}
+          value={
+            <Menu>
+              {'111'}
+            </Menu>
+          }
+        />
+      </div>
+      <br />
+
+      <div>Table
+        <Table>
+          <tr>
+            <td>1111</td>
+            <td>2222</td>
+            <td>3333</td>
+            <td>4444</td>
+            <td>5555</td>
+          </tr>
+          <tr>
+            <td>二行一列</td>
+            <td>二行二列</td>
+            <td>二行三列</td>
+            <td>二行四列</td>
+            <td>二行五列</td>
+          </tr>
+        </Table>
+      </div>
+      <br />
+
+      <div> Tabs
+        <Tabs
+          basePath={'5UzmGBgdiLXBiChZCPh4PJarnwxDMZLbNaANEpi4zHkdnDDP'}
+          items={itemsRef.current}
+        />
+      </div>
+      <br />
+
+      <div> AccountName &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
+        <AccountName
+          value={'5UzmGBgdiLXBiChZCPh4PJarnwxDMZLbNaANEpi4zHkdnDDP'}
+          withSidebar
+        >
+        </AccountName>
+      </div>
+      <br />
+
+      {/* <div> AddressInfo 传值
+        <AddressInfo
+          address={'5UzmGBgdiLXBiChZCPh4PJarnwxDMZLbNaANEpi4zHkdnDDP'}
+          // balancesAll={balancesAll}
+          withBalance={{
+            available: false,
+            bonded: false,
+            locked: false,
+            redeemable: false,
+            reserved: false,
+            total: true,
+            unlocking: false,
+            vested: false
+          }}
+        />
+      </div>
+      <br /> */}
+
+      <div> AddressMini &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
+        <AddressMini
+          value={'5UzmGBgdiLXBiChZCPh4PJarnwxDMZLbNaANEpi4zHkdnDDP'}
+          withSidebar={false}
+        />
+      </div>
+      <br />
+
+      <div> AddressRow
+        <div style={{ marginLeft: '80px' }}>
+          <AddressRow
+            isInline
+            value={'5UzmGBgdiLXBiChZCPh4PJarnwxDMZLbNaANEpi4zHkdnDDP'}
+          >
+          </AddressRow>
+        </div>
+      </div>
+      <br />
+
+      <div> AddressSmall
+        <div style={{ marginLeft: '80px' }}>
+          <AddressSmall
+            // parentAddress={meta.parentAddress}
+            value={'5UzmGBgdiLXBiChZCPh4PJarnwxDMZLbNaANEpi4zHkdnDDP'}
+            withShortAddress
+          />
+        </div>
+      </div>
+      <br />
+
+      <div> AddressToggle
+        <div style={{ marginLeft: '80px' }}>
+          <AddressToggle
+            address={'5UzmGBgdiLXBiChZCPh4PJarnwxDMZLbNaANEpi4zHkdnDDP'}
+            // filter={filter}
+            noToggle
+          // onChange={_onSelect}
+          />
+        </div>
+      </div>
+      <br />
+
+      <div> Available
+        <div style={{ marginLeft: '80px' }}>
+          <Available
+            label={t<string>('transferrable')}
+            params={'5UzmGBgdiLXBiChZCPh4PJarnwxDMZLbNaANEpi4zHkdnDDP'}
+          />
+        </div>
+
+      </div>
+      <br />
+
+      <div> AvatarItem
+        <div style={{ marginLeft: '80px' }}>
+          <AvatarItem
+            icon={'plus'}
+            subtitle={'测试'}
+            title={'年后'}
+          />
+        </div>
+      </div>
+      <br />
+
+      <div> Badge
+        <div style={{ marginLeft: '80px' }}>
+          <Badge
+            color={'red'}
+            info={10}
+          />
+        </div>
+      </div>
+      <br />
+
+      {/* <div> BatchWarning
+      <BatchWarning />
+      </div>
+      <br /> */}
+
+      <div> Bonded
+        <div style={{ marginLeft: '80px' }}>
+          <Bonded
+            className={`ui--Bonded ${className}`}
+            label={<p>样式</p>}
+            params={'5UzmGBgdiLXBiChZCPh4PJarnwxDMZLbNaANEpi4zHkdnDDP'}
+          />
+        </div>
+      </div>
+      <br />
+
+      {/* <div>CallExpander  传值
+        <CallExpander value={call} />
+      </div>
+      <br /> */}
+
+      {/* <div> Card  我们发现了这个 Polkadot 地址的预声明。 但是，证明需要使用此帐户进行签名。 要继续证明，请先将此帐户添加为自有帐户。
+        <Card isError>
+        <div className={className}>
+          {t<string>('We found a pre-claim with this Polkadot address. However, attesting requires signing with this account. To continue with attesting, please add this account as an owned account first.')}
+          <h3>
+          </h3>
+        </div>
+      </Card>
+      </div>
+      <br /> */}
+
+      <div> CardSummary
+        <CardSummary label={t<string>('redeemable')}>
+          {/* <FormatBalance value={balance.redeemable} /> */}
+          <p>测试数据</p>
+        </CardSummary>
+      </div>
+      <br />
+
+      <div > ChainImg
+        <div style={{ width: '50px', marginLeft: '80px' }}>
+          <ChainImg
+            className='ui--Dropdown-icon'
+            logo={'100'}
+          />
+        </div>
+      </div>
+      <br />
+
+      <div> ChainLock
+        <ChainLock
+          className='accounts--network-toggle'
+          genesisHash={'aaa'}
+          key='chainlock'
+          onChange={'aa'}
+        />
+      </div>
+      <br />
+
+      <div> Checkbox
+        <div style={{ marginLeft: '80px' }}>
+          <Checkbox
+            label={<>{t<string>('Use custom address index')}</>}
+            onChange={'aa'}
+            value={'222'}
+          />
+        </div>
+      </div>
+      <br />
+
+      <div> Columar
+        <div style={{ marginLeft: '80px' }}>
+          <Columar>
+            <Columar.Column>
+              {/* <InputAddress
+          defaultValue={address}
+          label={t<string>('address {{index}}', { replace: { index: index + 1 } })}
+          onChange={_setAddress}
+        /> */}
+              <p>测试样式</p>
+            </Columar.Column>
+          </Columar>
+        </div>
+      </div>
+      <br />
+
+      <div>ConvictionDropdown
+        <div>
+          <ConvictionDropdown
+            help={t<string>('The conviction to use for this vote, with an appropriate lock period.')}
+            label={t<string>('conviction')}
+            // onChange={setConviction}
+            value={111}
+          />
+        </div>
+      </div>
+      <br />
+
+      <div>CopyButton
+        <div style={{ marginLeft: '80px' }}>
+          <CopyButton
+            label={t<string>('Share')}
+            type={t<string>('url')}
+            value={12345}
+          />
+        </div>
+      </div>
+      <br />
+
+      <div>CryptoType
+        <div style={{ marginLeft: '80px' }}>
+          <CryptoType accountId={'5UzmGBgdiLXBiChZCPh4PJarnwxDMZLbNaANEpi4zHkdnDDP'} />
+        </div>
+      </div>
+      <br />
+
+      <div>Digits
+        <div style={{ marginLeft: '80px' }}>
+          <Digits value={formatNumber(1233214124124)} />
+        </div>
+      </div>
+      <br />
+
+      <div> Dropdown
+        <div>
+          <Dropdown
+            className='medium'
+            help={t<string>('Should the search be case sensitive, e.g if you select "no" your search for "Some" may return addresses containing "somE" or "sOme"...')}
+            isDisabled={isRunning}
+            label={t<string>('case sensitive')}
+            onChange={setWithCase}
+            options={BOOL_OPTIONS}
+            value={withCase}
+          />
+        </div>
+      </div>
+      <br />
+
+      <div>EditButton
+        <div style={{ marginLeft: '80px' }}>
+          <EditButton onClick={'1'}>
+            <p>EditButton测试数据</p>
+          </EditButton>
+        </div>
+      </div>
+      <br />
+
+      <div> Editor
+        <div style={{ height: '50px' }}>
+          <Editor
+            className='editor'
+            code={'3'}
+            isValid={'2'}
+            onEdit={'1'}
+          />
+        </div>
+      </div>
+      <br />
+
+      <div>ErrorBoundary
+        <div style={{ marginLeft: '80px' }}>
+          <ErrorBoundary trigger={name}>
+            <p>ErrorBoundary测试数据</p>
+          </ErrorBoundary>
+        </div>
+      </div>
+      <br />
+
+      <div>ExpandButton
+        <div style={{ marginLeft: '80px' }}>
+          <ExpandButton
+            expanded={'11'}
+            onClick={'aaa'}
+          />
+        </div>
+      </div>
+      <br />
+
+      <div>Expander
+        <div style={{ marginLeft: '80px' }}>
+          <Expander summary={'summary'}>
+            <p>测试数据</p>
+          </Expander>
+        </div>
+      </div>
+      <br />
+
+      <div> Extrinsic
+        <div>
+          <Extrinsic
+            className={className}
+            defaultValue={apiDefaultTxSudo}
+            isDisabled={false}
+            isError={false}
+            isPrivate={false}
+            label={t<string>('proposal')}
+            onChange={()=>setTextVisible(false)}
+          />
+        </div>
+      </div>
+      <br />
+
+      <div>FilterInput
+        <div style={{ marginLeft: '80px' }}>
+          <FilterInput
+            filterOn={'a'}
+            label={t<string>('filter by name or tags')}
+            setFilter={'11'}
+          />
+        </div>
+      </div>
+      <br />
+
+      <div>FilterOverlay &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;右上角的问号旁边FilterOverlay
+        <div>
+          <FilterOverlay className={`text`}>
+            <p>FilterOverlay</p>
+          </FilterOverlay>
+        </div>
+      </div>
+      <br />
+
+      <div>Flag
+        <div style={{ marginLeft: '80px' }}>
+          <Flag
+            color='theme'
+            label={t<string>('Validator')}
+          />
+        </div>
+      </div>
+      <br />
+
+      <div>Forget 弹出框&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
+        <button className='myButton' onClick={() => setForgetVisible(true)}>Forget按钮</button>
+        {forgetVisible &&
+          <Forget
+            key='modal-forget-account'
+            mode='code'
+            onClose={() => setForgetVisible(false)}
+            onForget={1}
+          >
+            <p>Forget测试数据</p>
+          </Forget>}
+      </div>
+      <br />
+
+      <div>HelpOverlay &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;右上角的问号
+        <div>
+          <HelpOverlay md={'aaa' as string} />
+        </div>
+      </div>
+      <br />
+
+      <div>Icon
+        <div style={{ marginLeft: '80px' }}>
+          <Icon
+            className='dropdown'
+            icon={'caret-right'}
+          />
+        </div>
+      </div>
+      <br />
+
+      <div>IconLink
+        <div style={{ marginLeft: '80px' }}>
+          <IconLink
+            // href={imageLink}
+            icon='braille'
+            label={name}
+            rel='noopener'
+            target='_blank'
+          />
+        </div>
+      </div>
+      <br />
+
+      <div>InfoForInput
+        <div style={{ marginLeft: '80px' }}>
+          <InfoForInput type='error'>
+            {/* {isAddress
+              ? t<string>('Unable to find deployed contract code at the specified address')
+              : t<string>('The value is not in a valid address format')
+            } */}
+            <p>Unable to find deployed contract code at the specified address</p>
+          </InfoForInput>
+        </div>
+      </div>
+      <br />
+
+      <div>Input
+        <div>
+          <Input
+            help={t<string>(
+              'You can set a custom derivation path for this account using the following syntax "m/<purpose>/<coin_type>/<account>/<change>/<address_index>'
+            )}
+            // isError={!!deriveValidation?.error}
+            label={t<string>('secret derivation path')}
+            // onChange={onChange}
+            // placeholder={ETH_DEFAULT_PATH}
+            tabIndex={-1}
+            value={'add'}
+          />
+        </div>
+      </div>
+      <br />
+
+      <div>InputAddressSimple
+        <div>
+          <InputAddressSimple
+            className='staking--queryInput'
+            defaultValue={'5UzmGBgdiLXBiChZCPh4PJarnwxDMZLbNaANEpi4zHkdnDDP'}
+            help={t<string>('Display overview information for the selected validator, including blocks produced.')}
+            label={t<string>('validator to query')}
+          // onChange={setValidatorId}
+          // onEnter={_onQuery}
+          >
+            {/* <Button
+          icon='play'
+          isDisabled={false}
+          // onClick={_onQuery}
+        /> */}
+          </InputAddressSimple>
+        </div>
+      </div>
+      <br />
+
+      <div>InputBalance
+        <div>
+          <InputBalance
+            defaultValue={1}
+            isDisabled
+            label={t<string>('reserved balance')}
+          />
+        </div>
+      </div>
+      <br />
+
+      <div>InputFile
+        <div>
+          <InputFile
+            help={t<string>('The compiled WASM for the contract that you wish to deploy. Each unique code blob will be attached with a code hash that can be used to create new instances.')}
+            isError={false}
+            label={t<string>('compiled contract WASM')}
+          // onChange={_onAddWasm}
+          // placeholder={wasm && !isWasmValid && t<string>('The code is not recognized as being in valid WASM format')}
+          />
+        </div>
+      </div>
+      <br />
+
+      <div>InputNumber
+        <div>
+          <InputNumber
+            help={t<string>('The threshold for this multisig')}
+            isError={false}
+            label={t<string>('threshold')}
+          // onChange={_onChangeThreshold}
+          // value={}
+          />
+        </div>
+      </div>
+      <br />
+
+      <div>InputTags
+        <div>
+          <InputTags
+            // defaultValue={value}
+            // onBlur={_onSave}
+            // onChange={onChange}
+            // onClose={_onSave}
+            openOnFocus
+            searchInput={{ autoFocus: false }}
+            // value={value}
+            withLabel={false}
+          />
+        </div>
+      </div>
+      <br />
+
+      <div>InputWasm
+        <div>
+          <InputWasm
+            help={t<string>('The compiled runtime WASM for the parachain you wish to register.')}
+            isError={false}
+            label={t<string>('validation code')}
+            // onChange={_setWasm}
+            placeholder={t<string>('The code is not recognized as being in valid WASM format')}
+          />
+        </div>
+      </div>
+      <br />
+
+      <div>Inset
+        <div>
+          <Inset className={className}>
+            <div>Inset测试数据</div>
+          </Inset>
+        </div>
+      </div>
+      <br />
+
+      <div>Label
+        <div style={{ marginLeft: '80px' }}>
+          <Label label={t<string>('transactions')} />
+        </div>
+      </div>
+      <br />
+
+      <div>LabelHelp
+        <div style={{ marginLeft: '80px' }}>
+          <LabelHelp
+            help={'测试'}
+          // icon={helpIcon}
+          />
+        </div>
+      </div>
+      <br />
+
+      <div>Labelled
+        <div style={{ marginLeft: '80px' }}>
+          <Labelled
+            className='small'
+            label={t<string>('with an index of')}
+          >
+          </Labelled>
+        </div>
+      </div>
+      <br />
+      <br />
+
+      <div>LinkExternal  传值
+        <div>
+          <LinkExternal
+            className='ui--AddressCard-exporer-link media--1400'
+            data={'5UzmGBgdiLXBiChZCPh4PJarnwxDMZLbNaANEpi4zHkdnDDP'}
+            isLogo
+            type='address'
+          />
+        </div>
+      </div>
+      <br />
+
+      <div>LockedVote  传值
+        <div>
+          <LockedVote
+            className={`ui--LockedVote ${className}`}
+            label={t<string>('with an index of')}
+            params={'11'}
+          />
+        </div>
+      </div>
+      <br />
+
+      <div>MarkError
+        <div>
+          <MarkError content={'error'} />
+        </div>
+      </div>
+      <br />
+
+      <div>MarkWarning
+        <div>
+          <MarkWarning content={<>{t<string>('Consider storing your account in a signer such as a browser extension, hardware device, QR-capable phone wallet (non-connected) or desktop application for optimal account security.')}&nbsp;{t<string>('Future versions of the web-only interface will drop support for non-external accounts, much like the IPFS version.')}</>} />
+        </div>
+      </div>
+      <br />
+
+      <div>Output
+        <div>
+          <Output
+            className={className}
+            isDisabled
+            label={t<string>('with an index of')}
+          >
+          </Output>
+        </div>
+      </div>
+      <br />
+
+      <div>Nonce
+        <div>
+          <Nonce
+            // callOnResult={setAccountNonce}
+            className='ui disabled dropdown selection'
+            params={'5UzmGBgdiLXBiChZCPh4PJarnwxDMZLbNaANEpi4zHkdnDDP'}
+          />
+        </div>
+      </div>
+      <br />
+
+      <div>ParaLink
+        <div>
+          <ParaLink id={'122'} />
+        </div>
+      </div>
+      <br />
+
+      <div>Password
+        <div>
+          <Password
+            autoFocus
+            help={t<string>('The existing account password as specified when this account was created or when it was last changed.')}
+            isError={false}
+            label={t<string>('your current password')}
+            // onChange={_onChangeOld}
+            tabIndex={1}
+          // value={oldPass}
+          />
+        </div>
+      </div>
+      <br />
+
+      <div>PasswordStrength
+        <div>
+          <PasswordStrength value={'111'} />
+        </div>
+      </div>
+      <br />
+
+      <div>Progress
+        <div style={{ marginLeft: '80px' }}>
+          <Progress
+            className='progress'
+            progress={'a'}
+          />
+        </div>
+      </div>
+      <br />
+
+      <div>ProposedAction
+        <div style={{ marginLeft: '80px' }}>
+          <ProposedAction
+            idNumber={'12'}
+          // proposal={proposal}
+          />
+        </div>
+      </div>
+      <br />
+
+      <div>Row
+        <div style={{ marginLeft: '80px' }}>
+          <Row
+            // buttons={buttons}
+            className={className}
+            icon={
+              <div className='ui--CodeRow-icon'>
+                <Icon icon='code' />
+              </div>
+            }
+            // isInline={isInline}
+            name={name}
+          // onChangeName={setName}
+          // onChangeTags={setTags}
+          // onSaveName={_onSaveName}
+          // onSaveTags={_onSaveTags}
+          // tags={withTags && tags}
+          >
+          </Row>
+
+        </div>
+      </div>
+      <br />
+
+      <div>Sidebar 弹出框&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
+        <button className='myButton' onClick={() => setSiderVisible(true)}>Sidebar按钮</button>
+        {siderVisible &&
+          <Sidebar
+            address={'5UzmGBgdiLXBiChZCPh4PJarnwxDMZLbNaANEpi4zHkdnDDP'}
+            dataTestId='account-sidebar'
+            onClose={()=>{setSiderVisible(false)}}
+            onUpdateName={'1'}
+          />}
+      </div>
+      <br />
+
+      <div>SortDropdown
+        <div style={{ marginLeft: '80px' }}>
+          <SortDropdown
+            defaultValue={'1'}
+            label={t<string>('sort by')}
+          // onChange={onDropdownChange()}
+          // onClick={onSortDirectionChange()}
+          // options={dropdownOptions()}
+          // sortDirection={sortFromMax ? 'ascending' : 'descending'}
+          />
+        </div>
+      </div>
+      <br />
+
+      <div>Spinner
+        <div>
+          <Spinner label={t<string>('Retrieving sub-identities')} />
+        </div>
+      </div>
+      <br />
+
+      <div>Static
+        <div>
+          <Static
+            help={t<string>('The bonding duration for any staked funds. After this period needs to be withdrawn.')}
+            label={t<string>('on-chain bonding duration')}
+          >
+            {/* <BlockToTime value={bondedBlocks} /> */}
+          </Static>
+        </div>
+      </div>
+      <br />
+
+      <div>SummaryBox
+        <div style={{ marginLeft: '80px' }}>
+          <SummaryBox className={className}>
+            <p>SummaryBox测试数据</p>
+          </SummaryBox>
+        </div>
+      </div>
+      <br />
+
+      <div>Tag
+        <div style={{ marginLeft: '80px' }}>
+          <Tag
+            color='green'
+            label={t<string>('society head')}
+          />
+        </div>
+      </div>
+      <br />
+
+      <div>Tags
+        <div style={{ marginLeft: '80px' }}>
+          <Tags
+            value={['1', '2']}
+            withTitle
+          />
+        </div>
+      </div>
+      <br />
+
+      <div>TextArea
+        <div>
+          <TextArea
+            help={t<string>("Your ethereum key pair is derived from your private key. Don't divulge this key.")}
+            isAction
+            isError={false}
+            withLabel
+          >
+          </TextArea>
+        </div>
+      </div>
+      <br />
+
+      <div>Toggle
+        <div style={{ marginLeft: '80px' }}>
+          <Toggle
+            isOverlay
+            label={t<string>('include field')}
+            // onChange={onChange}
+            value={'1'}
+          />
+        </div>
+      </div>
+      <br />
+      <br />
+
+      {/* <div>ToggleGroup  传值
+        <div>
+          <ToggleGroup
+            onChange={'5UzmGBgdiLXBiChZCPh4PJarnwxDMZLbNaANEpi4zHkdnDDP'}
+            options={'1234'}
+            value={'3'}
+          />
+        </div>
+      </div>
+      <br /> */}
+
+      {/* <div>Tooltip  传值
+        <div>
+          <Tooltip
+            text={
+              <>
+                <div>
+                  <div className='faded'>{t('available to be unlocked')}</div>
+                </div>
+              </>
+            }
+            trigger={`${'5UzmGBgdiLXBiChZCPh4PJarnwxDMZLbNaANEpi4zHkdnDDP'}-vested-trigger`}
+          />
+        </div>
+      </div>
+      <br /> */}
+
+      <div>TxButton
+        <div style={{ marginLeft: '80px' }}>
+          <TxButton
+            accountId={'5UzmGBgdiLXBiChZCPh4PJarnwxDMZLbNaANEpi4zHkdnDDP'}
+            icon='trash-alt'
+            label={t<string>('Undelegate')}
+            onStart={onClose}
+            tx={api.tx.democracy.undelegate}
+          />
+        </div>
+      </div>
+      <br />
+
+      <div>VoteAccount
+        <div style={{ marginLeft: '80px' }}>
+          <VoteAccount onChange={setDelegatingAccount} />
+        </div>
+      </div>
+      <br />
+
+      <div>VoteValue
+        <div style={{ marginLeft: '80px' }}>
+          <VoteValue
+            accountId={'5UzmGBgdiLXBiChZCPh4PJarnwxDMZLbNaANEpi4zHkdnDDP'}
+            isCouncil
+            onChange={setDelegatingAccount}
+          />
+        </div>
+      </div>
+      <br />
+
+
+      {/* {matches.length !== 0 && (
+        <>
+          <article className='warning centered'>{t<string>('Ensure that you utilized the "Save" functionality before using a generated address to receive funds. Without saving the address and the associated seed any funds sent to it will be lost.')}</article>
+          <Table
+            className='vanity--App-matches'
+            empty={t<string>('No matches found')}
+            header={header}
+          >
+            {matches.map((match): React.ReactNode => (
+              <Match
+                {...match}
+                key={match.address}
+                onCreateToggle={setCreateSeed}
+                onRemove={_onRemove}
+              />
+            ))}
+          </Table>
+        </>
+      )}
+      {createSeed && (
+        <CreateModal
+          onClose={_clearSeed}
+          onStatusChange={onStatusChange}
+          seed={createSeed}
+          type={type}
+        />
+      )} */}
+
+    </div>
+  );
+}
+
+export default React.memo(styled(VanityApp)`
+  .vanity--App-matches {
+    overflow-x: auto;
+    padding: 1em 0;
+  }
+
+  .vanity--App-stats {
+    padding: 1em 0 0 0;
+    opacity: 0.45;
+    text-align: center;
+  }
+`);
diff --git a/packages/page-accounts/src/index.tsx b/packages/page-accounts/src/index.tsx
new file mode 100644
index 0000000..e6cf2c5
--- /dev/null
+++ b/packages/page-accounts/src/index.tsx
@@ -0,0 +1,76 @@
+// Copyright 2017-2022 @polkadot/app-accounts authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { AppProps as Props } from '@polkadot/react-components/types';
+
+import React, { useRef } from 'react';
+import { Route, Switch } from 'react-router';
+
+import { HelpOverlay, Tabs } from '@polkadot/react-components';
+import { useAccounts, useIpfs } from '@polkadot/react-hooks';
+
+import basicMd from './md/basic.md';
+import Accounts from './Accounts';
+import { useTranslation } from './translate';
+import useCounter from './useCounter';
+import Vanity from './Vanity';
+
+export { useCounter };
+
+const HIDDEN_ACC = ['vanity'];
+
+function AccountsApp ({ basePath, onStatusChange }: Props): React.ReactElement<Props> {
+  const { t } = useTranslation();
+  const { hasAccounts } = useAccounts();
+  const { isIpfs } = useIpfs();
+
+  const tabsRef = useRef([
+    {
+      isRoot: true,
+      name: 'overview',
+      text: t<string>('My accounts')
+    },
+    {
+      name: 'vanity',
+      text: t<string>('Vanity generator')
+    },
+    // {
+    //   name: 'components',
+    //   text: t<string>('polkadot components')
+    // }
+
+  ]);
+
+  return (
+    <main className='accounts--App'>
+      <HelpOverlay md={basicMd as string} />
+      <Tabs
+        basePath={basePath}
+        hidden={(hasAccounts && !isIpfs) ? undefined : HIDDEN_ACC}
+        items={tabsRef.current}
+      />
+      <Switch>
+        <Route path={`${basePath}/vanity`}>
+          <Vanity
+            basePath={basePath}
+            onStatusChange={onStatusChange}
+          />
+        </Route>
+        <Route>
+          <Accounts
+            basePath={basePath}
+            onStatusChange={onStatusChange}
+          />
+        </Route>
+        {/* <Route path={`${basePath}/components`}>
+        <Vanity
+            basePath={basePath}
+            onStatusChange={onStatusChange}
+          />
+        </Route> */}
+      </Switch>
+    </main>
+  );
+}
+
+export default React.memo(AccountsApp);
diff --git a/packages/page-accounts/src/md/basic.md b/packages/page-accounts/src/md/basic.md
new file mode 100644
index 0000000..49fe3b2
--- /dev/null
+++ b/packages/page-accounts/src/md/basic.md
@@ -0,0 +1,65 @@
+# Account
+
+An account is identified by its public address on the network. It is totally fine to give away this address, this is also the only information needed to receive funds. The network will **not** know about the name you give to this account in this application.
+
+# Balances
+
+The balances for each account is broken down into a number of areas, giving an overview of the totals, transferable and bonded funds as well as the funds currently being unbonded or redeemable. These are -
+
+- **total**: The overall amount of funds in the account, this includes the vested balance, available for transfer and locked.
+- **available**: The funds that can be transferred or bonded, i.e. the funds that are available for any transaction.
+- **bonded**: The funds bonded for validating or nominating. They are locked and cannot be transferred, although it can be unlocked for future actions.
+- **redeemable**: The funds that can get redeemed, e.g made available for withdrawal, by clicking on the "lock" icon.
+- **unbonding**: The funds that are being unbonded. The funds will be redeemable after the bonding period has passed. These funds can still be slashed. The information icon tells the amount of blocks left before the funds can be redeemed.
+
+# Security
+
+The public address is generated from a private key, itself generated from a seed or a mnemonic phrase. The seed or the mnemonic phrase should **never be shared with anybody** as they give access to your funds. It must be stored securely.
+The password needed to create an account is used to encrypt your private key. You must choose a strong and unique password.
+This password is also used to encrypt the private key in the backup file downloaded upon account creation. Thanks to this file together with your account password, you can recover your account.
+
+# Account recovery
+
+You can recover an account from its:
+- seed or mnemonic:
+  Click on the "Add account" button, type your seed or mnemonic in the associated field.
+
+- backup file (also called JSON keystore file) and the account's password:
+  Click on "Restore JSON" button. Upload your backup file and type in the password associated.
+
+# Minimum Account Balances - Essential Deposit & Reaping
+
+
+Accounts with a balance lower than the minimal amount (existential deposit) will be reaped
+(All remaining funds lost, and the account's state removed from the network). Learn more on the polkadot wiki.
+
+
+Accounts with under 1 DOT for Polkadot are considered as nonexistent for the network. If an account's
+balance ever drops below this amount, it is removed from the network's state. In this web application,
+that account will still be visible, but with a balance of 0.
+
+
+For a fund transfer to a new account (balance of 0), if the amount transferred is less than
+the minimum allowed balance, then the transfer will "succeed" but the destination account will
+not be created (its balance will remain 0); this essentially burns the transfer balance from the sender,
+because the receiver's balance never exceed the minimum allowed balance. Note that the new account could
+be a previously active, but reaped account with a balance of 0 before the transfer. A transfer of over
+the existential deposit amount to it will succeed as expected and make a new account with the same address.
+
+
+If the receiver already exists (read it has a balance greater than 0), it is perfectly possible to transfer very low amounts.
+
+# Cryptography
+
+Substrate and Polkadot use Schnorrkel/Ristretto x25519 ("sr25519") as its key derivation and signing algorithm.
+
+Sr25519 is based on the same underlying Curve25519 as its EdDSA counterpart, Ed25519. However, it uses Schnorr signatures instead of the EdDSA scheme. Schnorr signatures bring some noticeable benefits over the ECDSA/EdDSA schemes. For one, it is more efficient and still retains the same feature set and security assumptions. Additionally, it allows for native multisignature through signature aggregation.
+
+If you wish to validate, the `session` account needs to use "ed25519" cryptography.
+
+# Contacts
+
+You can store and get quick access to the most commonly used address, such as a friends' account.
+Any contact you create in this interface will be reflected in the application.
+
+You can edit the name of a contact by clicking on it. To remove a contact from the list, click on the trash icon to "Forget" it.
diff --git a/packages/page-accounts/src/modals/Backup.tsx b/packages/page-accounts/src/modals/Backup.tsx
new file mode 100644
index 0000000..59c96c3
--- /dev/null
+++ b/packages/page-accounts/src/modals/Backup.tsx
@@ -0,0 +1,97 @@
+// Copyright 2017-2022 @polkadot/app-accounts authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import FileSaver from 'file-saver';
+import React, { useCallback, useState } from 'react';
+
+import { AddressRow, Button, Modal, Password } from '@polkadot/react-components';
+import { keyring } from '@polkadot/ui-keyring';
+
+import { useTranslation } from '../translate';
+
+interface Props {
+  onClose: () => void;
+  address: string;
+}
+
+function Backup ({ address, onClose }: Props): React.ReactElement<Props> {
+  const { t } = useTranslation();
+  const [isBusy, setIsBusy] = useState(false);
+  const [{ isPassTouched, password }, setPassword] = useState({ isPassTouched: false, password: '' });
+  const [backupFailed, setBackupFailed] = useState(false);
+  const isPassValid = !backupFailed && keyring.isPassValid(password);
+
+  const _onChangePass = useCallback(
+    (password: string): void => {
+      setBackupFailed(false);
+      setPassword({ isPassTouched: true, password });
+    },
+    []
+  );
+
+  const _doBackup = useCallback(
+    (): void => {
+      setIsBusy(true);
+      setTimeout((): void => {
+        try {
+          const addressKeyring = address && keyring.getPair(address);
+          const json = addressKeyring && keyring.backupAccount(addressKeyring, password);
+          const blob = new Blob([JSON.stringify(json)], { type: 'application/json; charset=utf-8' });
+
+          FileSaver.saveAs(blob, `${address}.json`);
+        } catch (error) {
+          setBackupFailed(true);
+          setIsBusy(false);
+          console.error(error);
+
+          return;
+        }
+
+        setIsBusy(false);
+        onClose();
+      }, 0);
+    },
+    [address, onClose, password]
+  );
+
+  return (
+    <Modal
+      className='app--accounts-Modal'
+      header={t<string>('Backup account')}
+      onClose={onClose}
+    >
+      <Modal.Content>
+        <AddressRow
+          isInline
+          value={address}
+        >
+          <p>{t<string>('An encrypted backup file will be created once you have pressed the "Download" button. This can be used to re-import your account on any other machine.')}</p>
+          <p>{t<string>('Save this backup file in a secure location. Additionally, the password associated with this account is needed together with this backup file in order to restore your account.')}</p>
+          <div>
+            <Password
+              autoFocus
+              help={t<string>('The account password as specified when creating the account. This is used to encrypt the backup file and subsequently decrypt it when restoring the account.')}
+              isError={isPassTouched && !isPassValid}
+              label={t<string>('password')}
+              onChange={_onChangePass}
+              onEnter={_doBackup}
+              tabIndex={0}
+              value={password}
+            />
+          </div>
+        </AddressRow>
+      </Modal.Content>
+      <Modal.Actions>
+        <Button
+          icon='download'
+          isBusy={isBusy}
+          isDisabled={!isPassValid}
+          label={t<string>('Download')}
+          onClick={_doBackup}
+        />
+      </Modal.Actions>
+    </Modal>
+  );
+}
+
+export default React.memo(Backup);
diff --git a/packages/page-accounts/src/modals/ChangePass.tsx b/packages/page-accounts/src/modals/ChangePass.tsx
new file mode 100644
index 0000000..7b930bd
--- /dev/null
+++ b/packages/page-accounts/src/modals/ChangePass.tsx
@@ -0,0 +1,148 @@
+// Copyright 2017-2022 @polkadot/app-accounts authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import React, { useCallback, useState } from 'react';
+
+import { AddressRow, Button, Modal, Password, PasswordStrength } from '@polkadot/react-components';
+import { keyring } from '@polkadot/ui-keyring';
+
+import { useTranslation } from '../translate';
+
+interface Props {
+  className?: string;
+  address: string;
+  onClose: () => void;
+}
+
+interface NewPass {
+  isValid: boolean;
+  password: string;
+}
+
+interface OldPass {
+  isOldValid: boolean;
+  oldPass: string;
+}
+
+function ChangePass ({ address, className = '', onClose }: Props): React.ReactElement<Props> {
+  const { t } = useTranslation();
+  const [isBusy, setIsBusy] = useState(false);
+  const [newPass1, setNewPass1] = useState<NewPass>({ isValid: false, password: '' });
+  const [newPass2, setNewPass2] = useState<NewPass>({ isValid: false, password: '' });
+  const [{ isOldValid, oldPass }, setOldPass] = useState<OldPass>({ isOldValid: false, oldPass: '' });
+
+  const _onChangeNew1 = useCallback(
+    (password: string) =>
+      setNewPass1({ isValid: keyring.isPassValid(password), password }),
+    []
+  );
+
+  const _onChangeNew2 = useCallback(
+    (password: string) =>
+      setNewPass2({ isValid: keyring.isPassValid(password) && (newPass1.password === password), password }),
+    [newPass1]
+  );
+
+  const _onChangeOld = useCallback(
+    (oldPass: string) => setOldPass({ isOldValid: keyring.isPassValid(oldPass), oldPass }),
+    []
+  );
+
+  const _doChange = useCallback(
+    (): void => {
+      const account = address && keyring.getPair(address);
+
+      if (!account) {
+        return;
+      }
+
+      setIsBusy(true);
+      setTimeout((): void => {
+        try {
+          if (!account.isLocked) {
+            account.lock();
+          }
+
+          account.decodePkcs8(oldPass);
+        } catch (error) {
+          setOldPass((state: OldPass) => ({ ...state, isOldValid: false }));
+          setIsBusy(false);
+
+          return;
+        }
+
+        try {
+          keyring.encryptAccount(account, newPass1.password);
+        } catch (error) {
+          setNewPass2((state: NewPass) => ({ ...state, isValid: false }));
+          setIsBusy(false);
+
+          return;
+        }
+
+        setIsBusy(false);
+        onClose();
+      }, 0);
+    },
+    [address, newPass1, oldPass, onClose]
+  );
+
+  return (
+    <Modal
+      className={`${className} app--accounts-Modal`}
+      header={t<string>('Change account password')}
+      onClose={onClose}
+      size='large'
+    >
+      <Modal.Content>
+        <AddressRow
+          isInline
+          value={address}
+        />
+        <Modal.Columns hint={t<string>('The existing account password as specified when this account was created or when it was last changed.')}>
+          <Password
+            autoFocus
+            help={t<string>('The existing account password as specified when this account was created or when it was last changed.')}
+            isError={!isOldValid}
+            label={t<string>('your current password')}
+            onChange={_onChangeOld}
+            tabIndex={1}
+            value={oldPass}
+          />
+        </Modal.Columns>
+        <Modal.Columns hint={t<string>('This will apply to any future use of this account as stored on this browser. Ensure that you securely store this new password and that it is strong and unique to the account.')}>
+          <Password
+            help={t<string>('The new account password. Once set, all future account unlocks will be performed with this new password.')}
+            isError={!newPass1.isValid}
+            label={t<string>('your new password')}
+            onChange={_onChangeNew1}
+            onEnter={_doChange}
+            tabIndex={2}
+            value={newPass1.password}
+          />
+          <Password
+            help={t<string>('Verify the password entered above.')}
+            isError={!newPass2.isValid}
+            label={t<string>('password (repeat)')}
+            onChange={_onChangeNew2}
+            onEnter={_doChange}
+            tabIndex={2}
+            value={newPass2.password}
+          />
+          <PasswordStrength value={newPass1.password} />
+        </Modal.Columns>
+      </Modal.Content>
+      <Modal.Actions>
+        <Button
+          icon='sign-in-alt'
+          isBusy={isBusy}
+          isDisabled={!newPass1.isValid || !newPass2.isValid || !isOldValid}
+          label={t<string>('Change')}
+          onClick={_doChange}
+        />
+      </Modal.Actions>
+    </Modal>
+  );
+}
+
+export default React.memo(ChangePass);
diff --git a/packages/page-accounts/src/modals/Create.spec.tsx b/packages/page-accounts/src/modals/Create.spec.tsx
new file mode 100644
index 0000000..e19b8aa
--- /dev/null
+++ b/packages/page-accounts/src/modals/Create.spec.tsx
@@ -0,0 +1,126 @@
+// Copyright 2017-2022 @polkadot/page-accounts authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import { fireEvent, screen, waitForElementToBeRemoved } from '@testing-library/react';
+
+import i18next from '@polkadot/react-components/i18n';
+import { MemoryStore } from '@polkadot/test-support/keyring';
+import { assertButtonDisabled, assertText, clickButton, fillInput } from '@polkadot/test-support/utils/renderedScreenUtils';
+import { keyring } from '@polkadot/ui-keyring';
+import { cryptoWaitReady } from '@polkadot/util-crypto';
+
+import { AccountsPage } from '../../test/pages/accountsPage';
+
+const spy = jest.spyOn(keyring, 'addUri');
+
+const newAccountName = 'NEW ACCOUNT NAME';
+const newAccountPassword = 'mySecretPassword';
+
+describe('Create an account modal', () => {
+  let accountsPage: AccountsPage;
+
+  beforeAll(async () => {
+    await cryptoWaitReady();
+    await i18next.changeLanguage('en');
+
+    if (keyring.getAccounts().length === 0) {
+      keyring.loadAll({ isDevelopment: true, store: new MemoryStore() });
+    }
+  });
+  beforeEach(() => {
+    accountsPage = new AccountsPage();
+  });
+
+  it('creates an account', async () => {
+    await accountsPage.enterCreateAccountModal();
+
+    assertButtonDisabled('Next');
+    await fillFirstStep();
+    await clickButton('Next');
+
+    await expectSecondStep();
+    assertButtonDisabled('Next');
+    fillSecondStep();
+    await clickButton('Next');
+
+    await expectThirdStep();
+    await clickButton('Save');
+
+    await waitForElementToBeRemoved(() => screen.queryByText('Add an account via seed 3/3'));
+    expectCreateAnAccountCall();
+  });
+
+  it('navigates through the modal flow with enter key', async () => {
+    await accountsPage.enterCreateAccountModal();
+
+    assertButtonDisabled('Next');
+    pressEnterKey();
+    await expectFirstStep();
+    await fillFirstStep();
+    pressEnterKey();
+
+    await expectSecondStep();
+    fillSecondStep();
+    pressEnterKey();
+
+    await expectThirdStep();
+    pressEnterKey();
+
+    await waitForElementToBeRemoved(() => screen.queryByText('Add an account via seed 3/3'));
+    expectCreateAnAccountCall();
+  });
+
+  it('gives an error message when entering invalid derivation path', async () => {
+    await accountsPage.enterCreateAccountModal();
+
+    const showAdvancedOptionsButton = await screen.findByText('Advanced creation options');
+
+    fireEvent.click(showAdvancedOptionsButton);
+
+    fillInput('secret derivation path', '//abc//');
+
+    await assertText('Unable to match provided value to a secret URI');
+  });
+});
+
+function fillSecondStep () {
+  fillInput('name', newAccountName);
+  fillInput('password', newAccountPassword);
+  fillInput('password (repeat)', newAccountPassword);
+}
+
+async function fillFirstStep () {
+  const checkbox = await screen.findByText('I have saved my mnemonic seed safely');
+
+  fireEvent.click(checkbox);
+}
+
+function pressEnterKey () {
+  fireEvent.keyDown(window, {
+    code: 'Enter',
+    key: 'Enter'
+  });
+}
+
+function expectCreateAnAccountCall () {
+  expect(spy).toBeCalledWith(
+    expect.anything(),
+    newAccountPassword,
+    expect.objectContaining({
+      name: newAccountName
+    }),
+    'sr25519'
+  );
+}
+
+async function expectFirstStep () {
+  await screen.findByText('Add an account via seed 1/3');
+}
+
+async function expectSecondStep () {
+  await screen.findByText('Add an account via seed 2/3');
+}
+
+async function expectThirdStep () {
+  await screen.findByText('Add an account via seed 3/3');
+}
diff --git a/packages/page-accounts/src/modals/Create.tsx b/packages/page-accounts/src/modals/Create.tsx
new file mode 100644
index 0000000..fbc638d
--- /dev/null
+++ b/packages/page-accounts/src/modals/Create.tsx
@@ -0,0 +1,479 @@
+// Copyright 2017-2022 @polkadot/app-accounts authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { ActionStatus } from '@polkadot/react-components/Status/types';
+import type { AddressState, CreateOptions, CreateProps, DeriveValidationOutput, PairType, SeedType } from '../types';
+
+import React, { useCallback, useRef, useState } from 'react';
+import styled from 'styled-components';
+
+import { DEV_PHRASE } from '@polkadot/keyring/defaults';
+import { AddressRow, Button, Checkbox, CopyButton, Dropdown, Expander, Input, MarkError, MarkWarning, Modal, TextArea } from '@polkadot/react-components';
+import { useApi, useLedger, useStepper } from '@polkadot/react-hooks';
+import { keyring } from '@polkadot/ui-keyring';
+import { settings } from '@polkadot/ui-settings';
+import { isHex, u8aToHex } from '@polkadot/util';
+import { hdLedger, hdValidatePath, keyExtractSuri, mnemonicGenerate, mnemonicValidate, randomAsU8a } from '@polkadot/util-crypto';
+
+import { useTranslation } from '../translate';
+import { tryCreateAccount } from '../util';
+import CreateAccountInputs from './CreateAccountInputs';
+import CreateConfirmation from './CreateConfirmation';
+import CreateEthDerivationPath, { ETH_DEFAULT_PATH } from './CreateEthDerivationPath';
+import CreateSuriLedger from './CreateSuriLedger';
+import ExternalWarning from './ExternalWarning';
+
+const DEFAULT_PAIR_TYPE = 'sr25519';
+const STEPS_COUNT = 3;
+
+function getSuri (seed: string, derivePath: string, pairType: PairType): string {
+  return pairType === 'ed25519-ledger'
+    ? u8aToHex(hdLedger(seed, derivePath).secretKey.slice(0, 32))
+    : pairType === 'ethereum'
+      ? `${seed}/${derivePath}`
+      : `${seed}${derivePath}`;
+}
+
+function deriveValidate (seed: string, seedType: SeedType, derivePath: string, pairType: PairType): DeriveValidationOutput {
+  try {
+    const { password, path } = keyExtractSuri(pairType === 'ethereum' ? `${seed}/${derivePath}` : `${seed}${derivePath}`);
+    let result: DeriveValidationOutput = {};
+
+    // show a warning in case the password contains an unintended / character
+    if (password?.includes('/')) {
+      result = { warning: 'WARNING_SLASH_PASSWORD' };
+    }
+
+    // we don't allow soft for ed25519
+    if (pairType === 'ed25519' && path.some(({ isSoft }): boolean => isSoft)) {
+      return { ...result, error: 'SOFT_NOT_ALLOWED' };
+    }
+
+    // we don't allow password for hex seed
+    if (seedType === 'raw' && password) {
+      return { ...result, error: 'PASSWORD_IGNORED' };
+    }
+
+    if (pairType === 'ethereum' && !hdValidatePath(derivePath)) {
+      return { ...result, error: 'INVALID_DERIVATION_PATH' };
+    }
+
+    return result;
+  } catch (error) {
+    return { error: (error as Error).message };
+  }
+}
+
+function isHexSeed (seed: string): boolean {
+  return isHex(seed) && seed.length === 66;
+}
+
+function rawValidate (seed: string): boolean {
+  return ((seed.length > 0) && (seed.length <= 32)) || isHexSeed(seed);
+}
+
+function addressFromSeed (seed: string, derivePath: string, pairType: PairType): string {
+  return keyring
+    .createFromUri(getSuri(seed, derivePath, pairType), {}, pairType === 'ed25519-ledger' ? 'ed25519' : pairType)
+    .address;
+}
+
+function newSeed (seed: string | undefined | null, seedType: SeedType): string {
+  switch (seedType) {
+    case 'bip':
+      return mnemonicGenerate();
+    case 'dev':
+      return DEV_PHRASE;
+    default:
+      return seed || u8aToHex(randomAsU8a());
+  }
+}
+
+function generateSeed (_seed: string | undefined | null, derivePath: string, seedType: SeedType, pairType: PairType = DEFAULT_PAIR_TYPE): AddressState {
+  const seed = newSeed(_seed, seedType);
+  const address = addressFromSeed(seed, derivePath, pairType);
+
+  return {
+    address,
+    derivePath,
+    deriveValidation: undefined,
+    isSeedValid: true,
+    pairType,
+    seed,
+    seedType
+  };
+}
+
+function updateAddress (seed: string, derivePath: string, seedType: SeedType, pairType: PairType): AddressState {
+  let address: string | null = null;
+  let deriveValidation: DeriveValidationOutput = deriveValidate(seed, seedType, derivePath, pairType);
+  let isSeedValid = false;
+
+  if (seedType === 'raw') {
+    isSeedValid = rawValidate(seed);
+  } else {
+    const words = seed.split(' ');
+
+    if (pairType === 'ed25519-ledger' && words.length === 25) {
+      words.pop();
+
+      isSeedValid = mnemonicValidate(words.join(' '));
+    } else {
+      isSeedValid = mnemonicValidate(seed);
+    }
+  }
+
+  if (!deriveValidation?.error && isSeedValid) {
+    try {
+      address = addressFromSeed(seed, derivePath, pairType);
+    } catch (error) {
+      console.error(error);
+      deriveValidation = { error: (error as Error).message ? (error as Error).message : (error as Error).toString() };
+      isSeedValid = false;
+    }
+  }
+
+  return {
+    address,
+    derivePath,
+    deriveValidation,
+    isSeedValid,
+    pairType,
+    seed,
+    seedType
+  };
+}
+
+function createAccount (seed: string, derivePath: string, pairType: PairType, { genesisHash, name, tags = [] }: CreateOptions, password: string, success: string): ActionStatus {
+  const commitAccount = () =>
+    keyring.addUri(getSuri(seed, derivePath, pairType), password, { genesisHash, isHardware: false, name, tags }, pairType === 'ed25519-ledger' ? 'ed25519' : pairType);
+
+  return tryCreateAccount(commitAccount, success);
+}
+
+function Create ({ className = '', onClose, onStatusChange, seed: propsSeed, type: propsType }: CreateProps): React.ReactElement<CreateProps> {
+  const { t } = useTranslation();
+  const { api, isDevelopment, isEthereum } = useApi();
+  const { isLedgerEnabled } = useLedger();
+  const [{ address, derivePath, deriveValidation, isSeedValid, pairType, seed, seedType }, setAddress] = useState<AddressState>(() => generateSeed(
+    propsSeed,
+    isEthereum ? ETH_DEFAULT_PATH : '',
+    propsSeed ? 'raw' : 'bip', isEthereum ? 'ethereum' : propsType
+  ));
+  const [isMnemonicSaved, setIsMnemonicSaved] = useState<boolean>(false);
+  const [step, nextStep, prevStep] = useStepper();
+  const [isBusy, setIsBusy] = useState(false);
+  const [{ isNameValid, name }, setName] = useState(() => ({ isNameValid: false, name: '' }));
+  const [{ isPasswordValid, password }, setPassword] = useState(() => ({ isPasswordValid: false, password: '' }));
+  const isFirstStepValid = !!address && isMnemonicSaved && !deriveValidation?.error && isSeedValid;
+  const isSecondStepValid = isNameValid && isPasswordValid;
+  const isValid = isFirstStepValid && isSecondStepValid;
+
+  const errorIndex = useRef<Record<string, string>>({
+    INVALID_DERIVATION_PATH: t<string>('This is an invalid derivation path.'),
+    PASSWORD_IGNORED: t<string>('Password are ignored for hex seed'),
+    SOFT_NOT_ALLOWED: t<string>('Soft derivation paths are not allowed on ed25519'),
+    WARNING_SLASH_PASSWORD: t<string>('Your password contains at least one "/" character. Disregard this warning if it is intended.')
+  });
+
+  const seedOpt = useRef((
+    isDevelopment
+      ? [{ text: t<string>('Development'), value: 'dev' }]
+      : []
+  ).concat(
+    { text: t<string>('Mnemonic'), value: 'bip' },
+    isEthereum
+      ? { text: t<string>('Private Key'), value: 'raw' }
+      : { text: t<string>('Raw seed'), value: 'raw' }
+  ));
+
+  const _onChangePath = useCallback(
+    (newDerivePath: string) => setAddress(
+      updateAddress(seed, newDerivePath, seedType, pairType)
+    ),
+    [pairType, seed, seedType]
+  );
+
+  const _onChangeSeed = useCallback(
+    (newSeed: string) => setAddress(
+      updateAddress(newSeed, derivePath, seedType, pairType)
+    ),
+    [derivePath, pairType, seedType]
+  );
+
+  const _onChangePairType = useCallback(
+    (newPairType: PairType) => setAddress(
+      updateAddress(seed, isEthereum ? ETH_DEFAULT_PATH : '', seedType, newPairType)
+    ),
+    [seed, seedType, isEthereum]
+  );
+
+  const _selectSeedType = useCallback(
+    (newSeedType: SeedType): void => {
+      if (newSeedType !== seedType) {
+        setAddress(generateSeed(null, derivePath, newSeedType, pairType));
+      }
+    },
+    [derivePath, pairType, seedType]
+  );
+
+  const _toggleMnemonicSaved = useCallback(
+    () => setIsMnemonicSaved(!isMnemonicSaved),
+    [isMnemonicSaved]
+  );
+
+  const _onCommit = useCallback(
+    (): void => {
+      if (!isValid) {
+        return;
+      }
+
+      setIsBusy(true);
+      setTimeout((): void => {
+        const options = { genesisHash: isDevelopment ? undefined : api.genesisHash.toString(), isHardware: false, name: name.trim() };
+        const status = createAccount(seed, derivePath, pairType, options, password, t<string>('created account'));
+
+        onStatusChange(status);
+        setIsBusy(false);
+        onClose();
+      }, 0);
+    },
+    [api, derivePath, isDevelopment, isValid, name, onClose, onStatusChange, pairType, password, seed, t]
+  );
+
+  return (
+    <Modal
+      className={className}
+      header={t<string>('Add an account via seed {{step}}/{{STEPS_COUNT}}', { replace: { STEPS_COUNT, step } })}
+      onClose={onClose}
+      size='large'
+    >
+      <Modal.Content>
+        <Modal.Columns>
+          <AddressRow
+            defaultName={name}
+            fullLength
+            isEditableName={false}
+            noDefaultNameOpacity
+            value={isSeedValid ? address : ''}
+          />
+        </Modal.Columns>
+        {step === 1 && <>
+          <Modal.Columns hint={t<string>('The secret seed value for this account. Ensure that you keep this in a safe place, with access to the seed you can re-create the account.')}>
+            <TextArea
+              help={isEthereum
+                ? t<string>("Your ethereum key pair is derived from your private key. Don't divulge this key.")
+                : t<string>('The private key for your account is derived from this seed. This seed must be kept secret as anyone in its possession has access to the funds of this account. If you validate, use the seed of the session account as the "--key" parameter of your node.')}
+              isAction
+              isError={!isSeedValid}
+              isReadOnly={seedType === 'dev'}
+              label={
+                seedType === 'bip'
+                  ? t<string>('mnemonic seed')
+                  : seedType === 'dev'
+                    ? t<string>('development seed')
+                    : isEthereum
+                      ? t<string>('ethereum private key')
+                      : t<string>('seed (hex or string)')
+              }
+              onChange={_onChangeSeed}
+              seed={seed}
+              withLabel
+            >
+              <CopyButton
+                className='copyMoved'
+                type={seedType === 'bip' ? t<string>('mnemonic') : seedType === 'raw' ? isEthereum ? t<string>('private key') : 'seed' : t<string>('raw seed')}
+                value={seed}
+              />
+              <Dropdown
+                defaultValue={seedType}
+                isButton
+                onChange={_selectSeedType}
+                options={seedOpt.current}
+              />
+            </TextArea>
+          </Modal.Columns>
+          <Expander
+            className='accounts--Creator-advanced'
+            isPadded
+            summary={t<string>('Advanced creation options')}
+          >
+            {pairType !== 'ethereum' && (
+              <Modal.Columns hint={t<string>('If you are moving accounts between applications, ensure that you use the correct type.')}>
+                <Dropdown
+                  defaultValue={pairType}
+                  help={t<string>('Determines what cryptography will be used to create this account. Note that to validate on Polkadot, the session account must use "ed25519".')}
+                  label={t<string>('keypair crypto type')}
+                  onChange={_onChangePairType}
+                  options={
+                    isEthereum
+                      ? settings.availableCryptosEth
+                      : isLedgerEnabled
+                        ? settings.availableCryptosLedger
+                        : settings.availableCryptos
+                  }
+                  tabIndex={-1}
+                />
+              </Modal.Columns>
+            )}
+            {pairType === 'ed25519-ledger'
+              ? (
+                <CreateSuriLedger
+                  onChange={_onChangePath}
+                  seedType={seedType}
+                />
+              )
+              : pairType === 'ethereum'
+                ? (
+                  <CreateEthDerivationPath
+                    derivePath={derivePath}
+                    deriveValidation={deriveValidation}
+                    onChange={_onChangePath}
+                    seed={seed}
+                    seedType={seedType}
+                  />
+                )
+                : (
+                  <Modal.Columns hint={t<string>('The derivation path allows you to create different accounts from the same base mnemonic.')}>
+                    <Input
+                      help={(t<string>('You can set a custom derivation path for this account using the following syntax "/<soft-key>//<hard-key>". The "/<soft-key>" and "//<hard-key>" may be repeated and mixed`. An optional "///<password>" can be used with a mnemonic seed, and may only be specified once.'))}
+                      isDisabled={seedType === 'raw'}
+                      isError={!!deriveValidation?.error}
+                      label={t<string>('secret derivation path')}
+                      onChange={_onChangePath}
+                      placeholder={
+                        seedType === 'raw'
+                          ? pairType === 'sr25519'
+                            ? t<string>('//hard/soft')
+                            : t<string>('//hard')
+                          : pairType === 'sr25519'
+                            ? t<string>('//hard/soft///password')
+                            : t<string>('//hard///password')
+                      }
+                      tabIndex={-1}
+                      value={derivePath}
+                    />
+                    {deriveValidation?.error && (
+                      <MarkError content={errorIndex.current[deriveValidation.error] || deriveValidation.error} />
+                    )}
+                    {deriveValidation?.warning && (
+                      <MarkWarning content={errorIndex.current[deriveValidation.warning]} />
+                    )}
+                  </Modal.Columns>
+                )}
+          </Expander>
+          <Modal.Columns>
+            <ExternalWarning />
+            <div className='saveToggle'>
+              <Checkbox
+                label={<>{t<string>('I have saved my mnemonic seed safely')}</>}
+                onChange={_toggleMnemonicSaved}
+                value={isMnemonicSaved}
+              />
+            </div>
+          </Modal.Columns>
+        </>}
+        {step === 2 && <>
+          <CreateAccountInputs
+            name={{ isNameValid, name }}
+            onCommit={_onCommit}
+            setName={setName}
+            setPassword={setPassword}
+          />;
+          <Modal.Columns>
+            <ExternalWarning />
+          </Modal.Columns>
+        </>}
+        {step === 3 && address && (
+          <CreateConfirmation
+            derivePath={derivePath}
+            isBusy={isBusy}
+            pairType={
+              pairType === 'ed25519-ledger'
+                ? 'ed25519'
+                : pairType
+            }
+            seed={seed}
+          />
+        )}
+      </Modal.Content>
+      <Modal.Actions>
+        {step === 1 &&
+          <Button
+            activeOnEnter
+            icon='step-forward'
+            isDisabled={!isFirstStepValid}
+            label={t<string>('Next')}
+            onClick={nextStep}
+          />
+        }
+        {step === 2 && (
+          <>
+            <Button
+              icon='step-backward'
+              label={t<string>('Prev')}
+              onClick={prevStep}
+            />
+            <Button
+              activeOnEnter
+              icon='step-forward'
+              isDisabled={!isSecondStepValid}
+              label={t<string>('Next')}
+              onClick={nextStep}
+            />
+          </>
+        )}
+        {step === 3 && (
+          <>
+            <Button
+              icon='step-backward'
+              label={t<string>('Prev')}
+              onClick={prevStep}
+            />
+            <Button
+              activeOnEnter
+              icon='plus'
+              isBusy={isBusy}
+              label={t<string>('Save')}
+              onClick={_onCommit}
+            />
+          </>
+        )}
+      </Modal.Actions>
+    </Modal>
+  );
+}
+
+export default React.memo(styled(Create)`
+  .accounts--Creator-advanced {
+    margin-top: 1rem;
+    overflow: visible;
+  }
+
+  .ui--CopyButton.copyMoved {
+    position: absolute;
+    right: 9.25rem;
+    top: 1.15rem;
+  }
+
+  && .TextAreaWithDropdown {
+    textarea {
+      width: 80%;
+    }
+    .ui.buttons {
+      width: 20%;
+    }
+  }
+
+  .saveToggle {
+    text-align: right;
+
+    .ui--Checkbox {
+      margin: 0.8rem 0;
+
+      > label {
+        font-weight: var(--font-weight-normal);
+      }
+    }
+  }
+`);
diff --git a/packages/page-accounts/src/modals/CreateAccountInputs.tsx b/packages/page-accounts/src/modals/CreateAccountInputs.tsx
new file mode 100644
index 0000000..c7b27a0
--- /dev/null
+++ b/packages/page-accounts/src/modals/CreateAccountInputs.tsx
@@ -0,0 +1,63 @@
+// Copyright 2017-2022 @polkadot/app-accounts authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import React, { useCallback } from 'react';
+
+import { Input, Modal } from '@polkadot/react-components';
+import { useTranslation } from '@polkadot/react-components/translate';
+
+import PasswordInput from './PasswordInput';
+
+interface AccountName {
+  name: string;
+  isNameValid: boolean;
+}
+
+interface AccountPassword {
+  password: string;
+  isPasswordValid: boolean;
+}
+
+interface Props {
+  name: AccountName;
+  onCommit: () => void;
+  setName: (value: AccountName) => void;
+  setPassword: (value: AccountPassword) => void;
+}
+
+const CreateAccountInputs = ({ name: { isNameValid, name }, onCommit, setName, setPassword }: Props) => {
+  const { t } = useTranslation();
+
+  const _onChangeName = useCallback(
+    (name: string) => setName({ isNameValid: !!name.trim(), name }),
+    [setName]
+  );
+
+  const _onChangePass = useCallback(
+    (password: string, isValid: boolean) => setPassword({ isPasswordValid: isValid, password }),
+    [setPassword]
+  );
+
+  return (
+    <>
+      <Modal.Columns hint={t<string>('The name for this account and how it will appear under your addresses. With an on-chain identity, it can be made available to others.')}>
+        <Input
+          className='full'
+          help={t<string>('Name given to this account. You can edit it. To use the account to validate or nominate, it is a good practice to append the function of the account in the name, e.g "name_you_want - stash".')}
+          isError={!isNameValid}
+          label={t<string>('name')}
+          onChange={_onChangeName}
+          onEnter={onCommit}
+          placeholder={t<string>('new account')}
+          value={name}
+        />
+      </Modal.Columns>
+      <PasswordInput
+        onChange={_onChangePass}
+        onEnter={onCommit}
+      />
+    </>
+  );
+};
+
+export default React.memo(CreateAccountInputs);
diff --git a/packages/page-accounts/src/modals/CreateConfirmation.tsx b/packages/page-accounts/src/modals/CreateConfirmation.tsx
new file mode 100644
index 0000000..a043f3f
--- /dev/null
+++ b/packages/page-accounts/src/modals/CreateConfirmation.tsx
@@ -0,0 +1,67 @@
+// Copyright 2017-2022 @polkadot/app-accounts authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { KeypairType } from '@polkadot/util-crypto/types';
+
+import React from 'react';
+
+import { AddressRow, Modal, Static } from '@polkadot/react-components';
+import { isHex } from '@polkadot/util';
+
+import { useTranslation } from '../translate';
+
+interface Props {
+  address?: string;
+  derivePath: string;
+  isBusy: boolean;
+  name?: string;
+  pairType: KeypairType;
+  seed?: string;
+}
+
+function CreateConfirmation ({ address, derivePath, name, pairType, seed }: Props): React.ReactElement<Props> | null {
+  const { t } = useTranslation();
+
+  const splitSeed = seed && seed.split(' ');
+  const shortSeed = isHex(seed)
+    ? `${seed.substr(10)} … ${seed.substr(-8)}`
+    : splitSeed && splitSeed.map((value, index) => (index % 3) ? '…' : value).join(' ');
+
+  return (
+    <Modal.Content>
+      <Modal.Columns
+        hint={
+          <>
+            <p>{t<string>('We will provide you with a generated backup file after your account is created. As long as you have access to your account you can always download this file later by clicking on "Backup" button from the Accounts section.')}</p>
+            <p>{t<string>('Please make sure to save this file in a secure location as it is required, together with your password, to restore your account.')}</p>
+          </>
+        }
+      >
+        {address && name && (
+          <AddressRow
+            defaultName={name}
+            isInline
+            noDefaultNameOpacity
+            value={address}
+          />
+        )}
+        {shortSeed && (
+          <Static
+            label={t<string>('partial seed')}
+            value={shortSeed}
+          />
+        )}
+        <Static
+          label={t<string>('keypair type')}
+          value={pairType}
+        />
+        <Static
+          label={t<string>('derivation path')}
+          value={derivePath || t<string>('<none provided>')}
+        />
+      </Modal.Columns>
+    </Modal.Content>
+  );
+}
+
+export default React.memo(CreateConfirmation);
diff --git a/packages/page-accounts/src/modals/CreateEthDerivationPath.tsx b/packages/page-accounts/src/modals/CreateEthDerivationPath.tsx
new file mode 100644
index 0000000..a9d0d63
--- /dev/null
+++ b/packages/page-accounts/src/modals/CreateEthDerivationPath.tsx
@@ -0,0 +1,126 @@
+// Copyright 2017-2022 @polkadot/app-accounts authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import React, { ReactNode, useEffect, useRef, useState } from 'react';
+
+import { Checkbox, Dropdown, Input, InputNumber, MarkError, MarkWarning, Modal } from '@polkadot/react-components';
+import { useToggle } from '@polkadot/react-hooks';
+import { BN } from '@polkadot/util';
+
+import { useTranslation } from '../translate';
+import { DeriveValidationOutput } from '../types';
+
+interface Props {
+  className?: string;
+  onChange: (string: string) => void;
+  seedType: string;
+  derivePath: string;
+  deriveValidation: DeriveValidationOutput | undefined;
+  seed: string;
+}
+
+export const ETH_DEFAULT_PATH = "m/44'/60'/0'/0/0";
+
+function CreateEthDerivationPath ({ className,
+  derivePath,
+  deriveValidation,
+  onChange,
+  seedType }: Props): React.ReactElement<Props> {
+  const { t } = useTranslation();
+  const [addIndex, setAddIndex] = useState(0);
+  const [customIndex, setCustomIndex] = useState(new BN(0));
+  const [addressList] = useState<{ key: number; text: ReactNode; value: number; }[]>(new Array(10).fill(0).map((_, i) => ({
+    key: i,
+    text: t('Address index {{index}}', {
+      replace: { index: i }
+    }),
+    value: i
+  })));
+  const [useCustomPath, toggleCustomPath] = useToggle();
+  const [useCustomIndex, toggleCustomIndex] = useToggle();
+
+  const errorIndex = useRef<Record<string, string>>({
+    INVALID_DERIVATION_PATH: t<string>('This is an invalid derivation path.'),
+    PASSWORD_IGNORED: t<string>('Password are ignored for hex seed'),
+    SOFT_NOT_ALLOWED: t<string>('Soft derivation paths are not allowed on ed25519'),
+    WARNING_SLASH_PASSWORD: t<string>('Your password contains at least one "/" character. Disregard this warning if it is intended.')
+  });
+
+  useEffect((): void => {
+    onChange(`m/44'/60'/0'/0/${useCustomIndex ? Number(customIndex) : addIndex}`);
+  }, [customIndex, onChange, useCustomIndex, addIndex]);
+
+  return (
+    <Modal.Columns
+      className={className}
+      hint={
+        seedType === 'raw'
+          ? t<string>('The derivation path is only relevant when deriving keys from a mnemonic.')
+          : t<string>('The derivation path allows you to create different accounts from the same base mnemonic.')
+      }
+    >
+      {seedType === 'bip'
+        ? (
+          <>
+            <div className='saveToggle'>
+              <Checkbox
+                label={<>{t<string>('Use custom address index')}</>}
+                onChange={toggleCustomIndex}
+                value={useCustomIndex}
+              />
+            </div>
+            {useCustomIndex
+              ? (
+                <InputNumber
+                  help={t<string>('You can set a custom derivation index for this account')}
+                  isDecimal={false}
+                  label={t<string>('Custom index')}
+                  onChange={setCustomIndex}
+                  value={customIndex}
+                />
+              )
+              : (
+                <Dropdown
+                  help={t('The address index (derivation on account) to use')}
+                  label={t('address index')}
+                  onChange={setAddIndex}
+                  options={addressList}
+                  value={addIndex}
+                />
+              )}
+            <div className='saveToggle'>
+              <Checkbox
+                label={<>{t<string>('Use custom derivation path')}</>}
+                onChange={toggleCustomPath}
+                value={useCustomPath}
+              />
+            </div>
+            {useCustomPath
+              ? (
+                <Input
+                  help={t<string>(
+                    'You can set a custom derivation path for this account using the following syntax "m/<purpose>/<coin_type>/<account>/<change>/<address_index>'
+                  )}
+                  isError={!!deriveValidation?.error}
+                  label={t<string>('secret derivation path')}
+                  onChange={onChange}
+                  placeholder={ETH_DEFAULT_PATH}
+                  tabIndex={-1}
+                  value={derivePath}
+                />
+              )
+              : null}
+          </>
+        )
+        : (
+          <MarkWarning content={t<string>('The derivation path is only relevant when deriving keys from a mnemonic.')} />
+        )}
+      {deriveValidation?.error && (
+        <MarkError content={errorIndex.current[deriveValidation.error] || deriveValidation.error} />
+      )}
+      {deriveValidation?.warning && <MarkWarning content={errorIndex.current[deriveValidation.warning]} />}
+    </Modal.Columns>
+  );
+}
+
+export default React.memo(CreateEthDerivationPath);
diff --git a/packages/page-accounts/src/modals/CreateSuriLedger.tsx b/packages/page-accounts/src/modals/CreateSuriLedger.tsx
new file mode 100644
index 0000000..f8f94e9
--- /dev/null
+++ b/packages/page-accounts/src/modals/CreateSuriLedger.tsx
@@ -0,0 +1,84 @@
+// Copyright 2017-2022 @polkadot/app-accounts authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import React, { useEffect, useRef, useState } from 'react';
+
+import { selectableNetworks } from '@polkadot/networks';
+import { Dropdown, MarkError, Modal } from '@polkadot/react-components';
+
+import { useTranslation } from '../translate';
+import { AVAIL_INDEXES } from './Ledger';
+
+interface Props {
+  className?: string;
+  onChange: (string: string) => void;
+  seedType: string;
+}
+
+const ledgerNets = selectableNetworks.filter(({ hasLedgerSupport }) => hasLedgerSupport);
+
+function CreateSuriLedger ({ className, onChange, seedType }: Props): React.ReactElement<Props> {
+  const { t } = useTranslation();
+  const [accIndex, setAccIndex] = useState(0);
+  const [addIndex, setAddIndex] = useState(0);
+  const [chainType, setChainType] = useState('polkadot');
+
+  const netOpts = useRef(ledgerNets.map(({ displayName, network }) => ({
+    text: displayName,
+    value: network
+  })));
+
+  const accOps = useRef(AVAIL_INDEXES.map((value) => ({
+    text: t('Account type {{index}}', { replace: { index: value } }),
+    value
+  })));
+
+  const addOps = useRef(AVAIL_INDEXES.map((value) => ({
+    text: t('Address index {{index}}', { replace: { index: value } }),
+    value
+  })));
+
+  useEffect((): void => {
+    const network = ledgerNets.find(({ network }) => network === chainType);
+
+    onChange(`m/44'/${network?.slip44 as number}'/${accIndex}'/0'/${addIndex}'`);
+  }, [accIndex, addIndex, chainType, onChange]);
+
+  return (
+    <Modal.Columns
+      className={className}
+      hint={t<string>('The derivation will be constructed from the values you specify.')}
+    >
+      {seedType === 'bip'
+        ? (
+          <>
+            <Dropdown
+              help={t('The network to derive on')}
+              label={t('Ledger app type (originated from)')}
+              onChange={setChainType}
+              options={netOpts.current}
+              value={chainType}
+            />
+            <Dropdown
+              help={t('The account type (derivation) to use')}
+              label={t('account type')}
+              onChange={setAccIndex}
+              options={accOps.current}
+              value={accIndex}
+            />
+            <Dropdown
+              help={t('The address index (derivation on account) to use')}
+              label={t('address index')}
+              onChange={setAddIndex}
+              options={addOps.current}
+              value={addIndex}
+            />
+          </>
+        )
+        : <MarkError content={t<string>('Derivation for Ledger-type accounts are only available on mnemonic seeds.')} />
+      }
+    </Modal.Columns>
+  );
+}
+
+export default React.memo(CreateSuriLedger);
diff --git a/packages/page-accounts/src/modals/Delegate.tsx b/packages/page-accounts/src/modals/Delegate.tsx
new file mode 100644
index 0000000..f1631a3
--- /dev/null
+++ b/packages/page-accounts/src/modals/Delegate.tsx
@@ -0,0 +1,133 @@
+// Copyright 2017-2022 @polkadot/app-staking authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { Conviction } from '@polkadot/types/interfaces';
+import type { BN } from '@polkadot/util';
+import type { AmountValidateState } from '../Accounts/types';
+
+import React, { useState } from 'react';
+
+import { ConvictionDropdown, InputAddress, InputBalance, Modal, TxButton } from '@polkadot/react-components';
+import { useApi } from '@polkadot/react-hooks';
+import { BalanceFree } from '@polkadot/react-query';
+import { BN_ZERO } from '@polkadot/util';
+
+import { useTranslation } from '../translate';
+import ValidateAmount from './InputValidateAmount';
+
+interface Props {
+  onClose: () => void;
+  previousAmount?: BN;
+  previousConviction?: Conviction;
+  previousDelegatedAccount?: string;
+  previousDelegatingAccount?: string;
+}
+
+function Delegate ({ onClose, previousAmount, previousConviction, previousDelegatedAccount, previousDelegatingAccount }: Props): React.ReactElement<Props> {
+  const { t } = useTranslation();
+  const { api } = useApi();
+  const [amountError, setAmountError] = useState<AmountValidateState | null>(null);
+  const [maxBalance] = useState<BN | undefined>();
+  const [amount, setAmount] = useState<BN | undefined>(previousAmount);
+  const [delegatingAccount, setDelegatingAccount] = useState<string | null>(previousDelegatingAccount || null);
+  const [delegatedAccount, setDelegatedAccount] = useState<string | null>(previousDelegatedAccount || null);
+  const defaultConviction = previousConviction === undefined
+    ? 0
+    : previousConviction.toNumber();
+  const [conviction, setConviction] = useState(defaultConviction);
+
+  const isDirty = amount?.toString() !== previousAmount?.toString() ||
+    delegatedAccount !== previousDelegatedAccount ||
+    delegatingAccount !== previousDelegatingAccount ||
+    conviction !== previousConviction?.toNumber();
+
+  return (
+    <Modal
+      className='staking--Delegate'
+      header={previousDelegatedAccount
+        ? t<string>('democracy vote delegation')
+        : t<string>('delegate democracy vote')
+      }
+      onClose={onClose}
+      size='large'
+    >
+      <Modal.Content>
+        <Modal.Columns
+          hint={
+            <>
+              <p>{t<string>('Any democracy vote performed by the delegated account will result in an additional vote from the delegating account')}</p>
+              <p>{t<string>('If the delegated account is currently voting in a referendum, the delegating vote and conviction will be added.')}</p>
+            </>
+          }
+        >
+          <InputAddress
+            label={t<string>('delegating account')}
+            onChange={setDelegatingAccount}
+            type='account'
+            value={delegatingAccount}
+          />
+          <InputAddress
+            label={t<string>('delegated account')}
+            onChange={setDelegatedAccount}
+            type='account'
+            value={delegatedAccount}
+          />
+        </Modal.Columns>
+        <Modal.Columns hint={t('The amount to allocate and the conviction that will be applied to all votes made on a referendum.')}>
+          <InputBalance
+            autoFocus
+            help={t<string>('Amount to delegate for any democracy vote. This is adjusted using the available funds on the account.')}
+            isError={!!amountError?.error}
+            isZeroable={false}
+            label={t<string>('delegating amount')}
+            labelExtra={
+              <BalanceFree
+                label={<span className='label'>{t<string>('balance')}</span>}
+                params={delegatingAccount}
+              />
+            }
+            maxValue={maxBalance}
+            onChange={setAmount}
+            value={amount}
+          />
+          <ValidateAmount
+            amount={amount}
+            delegatingAccount={delegatingAccount}
+            onError={setAmountError}
+          />
+          <ConvictionDropdown
+            help={t<string>('The conviction that will be used for each delegated vote.')}
+            label={t<string>('conviction')}
+            onChange={setConviction}
+            value={conviction}
+          />
+        </Modal.Columns>
+      </Modal.Content>
+      <Modal.Actions>
+        {previousDelegatedAccount && (
+          <TxButton
+            accountId={delegatingAccount}
+            icon='trash-alt'
+            label={t<string>('Undelegate')}
+            onStart={onClose}
+            tx={api.tx.democracy.undelegate}
+          />
+        )}
+        <TxButton
+          accountId={delegatingAccount}
+          icon='sign-in-alt'
+          isDisabled={!amount?.gt(BN_ZERO) || !!amountError?.error || !isDirty}
+          label={previousDelegatedAccount
+            ? t<string>('Save delegation')
+            : t<string>('Delegate')
+          }
+          onStart={onClose}
+          params={[delegatedAccount, conviction, amount]}
+          tx={api.tx.democracy.delegate}
+        />
+      </Modal.Actions>
+    </Modal>
+  );
+}
+
+export default React.memo(Delegate);
diff --git a/packages/page-accounts/src/modals/Derive.tsx b/packages/page-accounts/src/modals/Derive.tsx
new file mode 100644
index 0000000..da4fb39
--- /dev/null
+++ b/packages/page-accounts/src/modals/Derive.tsx
@@ -0,0 +1,258 @@
+// Copyright 2017-2022 @polkadot/app-accounts authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { KeyringPair } from '@polkadot/keyring/types';
+import type { ActionStatus } from '@polkadot/react-components/Status/types';
+import type { KeypairType } from '@polkadot/util-crypto/types';
+
+import React, { useCallback, useContext, useEffect, useState } from 'react';
+
+import { AddressRow, Button, Input, InputAddress, MarkError, Modal, Password, StatusContext } from '@polkadot/react-components';
+import { useApi, useDebounce, useToggle } from '@polkadot/react-hooks';
+import { keyring } from '@polkadot/ui-keyring';
+import { keyExtractPath } from '@polkadot/util-crypto';
+
+import { useTranslation } from '../translate';
+import { tryCreateAccount } from '../util';
+import CreateAccountInputs from './CreateAccountInputs';
+import CreateConfirmation from './CreateConfirmation';
+
+interface Props {
+  className?: string;
+  from: string;
+  onClose: () => void;
+}
+
+interface DeriveAddress {
+  address: string | null;
+  deriveError: string | null;
+}
+
+interface LockState {
+  isLocked: boolean;
+  lockedError: string | null;
+}
+
+function deriveValidate (suri: string, pairType: KeypairType): string | null {
+  if (suri.includes('///')) {
+    return 'Password paths are not supported on keys derived from others';
+  }
+
+  try {
+    const { path } = keyExtractPath(suri);
+
+    // we don't allow soft for ed25519
+    if (pairType === 'ed25519' && path.some(({ isSoft }): boolean => isSoft)) {
+      return 'Soft derivation paths are not allowed on ed25519';
+    }
+  } catch (error) {
+    console.error(error);
+
+    return (error as Error).message;
+  }
+
+  return null;
+}
+
+function createAccount (source: KeyringPair, suri: string, name: string, password: string, success: string, genesisHash?: string): ActionStatus {
+  const commitAccount = () => {
+    const derived = source.derive(suri);
+
+    derived.setMeta({ ...derived.meta, genesisHash, name, parentAddress: source.address, tags: [] });
+
+    return keyring.addPair(derived, password || '');
+  };
+
+  return tryCreateAccount(commitAccount, success);
+}
+
+function Derive ({ className = '', from, onClose }: Props): React.ReactElement {
+  const { t } = useTranslation();
+  const { api, isDevelopment } = useApi();
+  const { queueAction } = useContext(StatusContext);
+  const [source] = useState(() => keyring.getPair(from));
+  const [isBusy, setIsBusy] = useState(false);
+  const [{ isNameValid, name }, setName] = useState({ isNameValid: false, name: '' });
+  const [{ isPasswordValid, password }, setPassword] = useState({ isPasswordValid: false, password: '' });
+  const [{ address, deriveError }, setDerive] = useState<DeriveAddress>({ address: null, deriveError: null });
+  const [isConfirmationOpen, toggleConfirmation] = useToggle();
+  const [{ isLocked, lockedError }, setIsLocked] = useState<LockState>({ isLocked: source.isLocked, lockedError: null });
+  const [{ isRootValid, rootPass }, setRootPass] = useState({ isRootValid: false, rootPass: '' });
+  const [suri, setSuri] = useState('');
+  const debouncedSuri = useDebounce(suri);
+  const isValid = !!address && !deriveError && isNameValid && isPasswordValid;
+
+  useEffect((): void => {
+    setIsLocked({ isLocked: source.isLocked, lockedError: null });
+  }, [source]);
+
+  useEffect((): void => {
+    !isLocked && setDerive((): DeriveAddress => {
+      let address: string | null = null;
+      const deriveError = deriveValidate(debouncedSuri, source.type);
+
+      if (!deriveError) {
+        const result = source.derive(debouncedSuri);
+
+        address = result.address;
+      }
+
+      return { address, deriveError };
+    });
+  }, [debouncedSuri, isLocked, source]);
+
+  const _onChangeRootPass = useCallback(
+    (rootPass: string): void => {
+      setRootPass({ isRootValid: !!rootPass, rootPass });
+      setIsLocked(({ isLocked }) => ({ isLocked, lockedError: null }));
+    },
+    []
+  );
+
+  const _onUnlock = useCallback(
+    (): void => {
+      setIsBusy(true);
+      setTimeout((): void => {
+        try {
+          source.decodePkcs8(rootPass);
+          setIsLocked({ isLocked: source.isLocked, lockedError: null });
+        } catch (error) {
+          console.error(error);
+          setIsLocked({ isLocked: true, lockedError: (error as Error).message });
+        }
+
+        setIsBusy(false);
+      }, 0);
+    },
+    [rootPass, source]
+  );
+
+  const _onCommit = useCallback(
+    (): void => {
+      if (!isValid) {
+        return;
+      }
+
+      setIsBusy(true);
+      setTimeout((): void => {
+        const status = createAccount(source, suri, name, password, t<string>('created account'), isDevelopment ? undefined : api.genesisHash.toString());
+
+        queueAction(status);
+        setIsBusy(false);
+        onClose();
+      }, 0);
+    },
+    [api, isDevelopment, isValid, name, onClose, password, queueAction, source, suri, t]
+  );
+
+  const sourceStatic = (
+    <InputAddress
+      help={t<string>('The selected account to perform the derivation on.')}
+      isDisabled
+      label={t<string>('derive root account')}
+      value={from}
+    />
+  );
+
+  return (
+    <Modal
+      className={className}
+      header={t<string>('Derive account from pair')}
+      onClose={onClose}
+    >
+      {address && isConfirmationOpen
+        ? (
+          <CreateConfirmation
+            address={address}
+            derivePath={suri}
+            isBusy={isBusy}
+            name={name}
+            pairType={source.type}
+          />
+        )
+        : (
+          <Modal.Content>
+            {isLocked && (
+              <>
+                {sourceStatic}
+                <Password
+                  autoFocus
+                  help={t<string>('The password to unlock the selected account.')}
+                  isError={!!lockedError}
+                  label={t<string>('password')}
+                  onChange={_onChangeRootPass}
+                  value={rootPass}
+                />
+              </>
+            )}
+            {!isLocked && (
+              <AddressRow
+                defaultName={name}
+                noDefaultNameOpacity
+                value={deriveError ? '' : address}
+              >
+                {sourceStatic}
+                <Input
+                  autoFocus
+                  help={t<string>('You can set a custom derivation path for this account using the following syntax "/<soft-key>//<hard-key>///<password>". The "/<soft-key>" and "//<hard-key>" may be repeated and mixed`.')}
+                  label={t<string>('derivation path')}
+                  onChange={setSuri}
+                  placeholder={t<string>('//hard/soft')}
+                />
+                {deriveError && (
+                  <MarkError content={deriveError} />
+                )}
+                <CreateAccountInputs
+                  name={{ isNameValid, name }}
+                  onCommit={_onCommit}
+                  setName={setName}
+                  setPassword={setPassword}
+                />;
+              </AddressRow>
+            )}
+          </Modal.Content>
+        )
+      }
+      <Modal.Actions>
+        {isLocked
+          ? (
+            <Button
+              icon='lock'
+              isBusy={isBusy}
+              isDisabled={!isRootValid}
+              label={t<string>('Unlock')}
+              onClick={_onUnlock}
+            />
+          )
+          : (isConfirmationOpen
+            ? (
+              <>
+                <Button
+                  icon='step-backward'
+                  label={t<string>('Prev')}
+                  onClick={toggleConfirmation}
+                />
+                <Button
+                  icon='plus'
+                  isBusy={isBusy}
+                  label={t<string>('Save')}
+                  onClick={_onCommit}
+                />
+              </>
+            )
+            : (
+              <Button
+                icon='step-forward'
+                isDisabled={!isValid}
+                label={t<string>('Next')}
+                onClick={toggleConfirmation}
+              />
+            )
+          )
+        }
+      </Modal.Actions>
+    </Modal>
+  );
+}
+
+export default React.memo(Derive);
diff --git a/packages/page-accounts/src/modals/ExternalWarning.tsx b/packages/page-accounts/src/modals/ExternalWarning.tsx
new file mode 100644
index 0000000..a2c212b
--- /dev/null
+++ b/packages/page-accounts/src/modals/ExternalWarning.tsx
@@ -0,0 +1,24 @@
+// Copyright 2017-2022 @polkadot/app-accounts authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import React from 'react';
+
+import { MarkWarning } from '@polkadot/react-components';
+
+import { useTranslation } from '../translate';
+
+const isElectron = navigator.userAgent.toLowerCase().indexOf(' electron/') > -1;
+
+function ExternalWarning (): React.ReactElement | null {
+  const { t } = useTranslation();
+
+  if (isElectron) {
+    return null;
+  }
+
+  return (
+    <MarkWarning content={<>{t<string>('Consider storing your account in a signer such as a browser extension, hardware device, QR-capable phone wallet (non-connected) or desktop application for optimal account security.')}&nbsp;{t<string>('Future versions of the web-only interface will drop support for non-external accounts, much like the IPFS version.')}</>} />
+  );
+}
+
+export default React.memo(ExternalWarning);
diff --git a/packages/page-accounts/src/modals/IdentityMain.tsx b/packages/page-accounts/src/modals/IdentityMain.tsx
new file mode 100644
index 0000000..cb39d8b
--- /dev/null
+++ b/packages/page-accounts/src/modals/IdentityMain.tsx
@@ -0,0 +1,269 @@
+// Copyright 2017-2022 @polkadot/app-accounts authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { Data, Option } from '@polkadot/types';
+import type { Registration } from '@polkadot/types/interfaces';
+
+import React, { useEffect, useState } from 'react';
+import styled from 'styled-components';
+
+import { Input, InputBalance, Modal, Toggle, TxButton } from '@polkadot/react-components';
+import { getAddressMeta } from '@polkadot/react-components/util';
+import { useApi, useCall } from '@polkadot/react-hooks';
+import { u8aToString } from '@polkadot/util';
+
+import { useTranslation } from '../translate';
+
+interface Props {
+  address: string;
+  className?: string;
+  onClose: () => void;
+}
+
+interface WrapProps {
+  children: React.ReactNode;
+  onChange: (isChecked: boolean) => void;
+  value: boolean;
+}
+
+interface ValueState {
+  info: Record<string, unknown>;
+  okAll: boolean;
+  okDisplay?: boolean;
+  okEmail?: boolean;
+  okLegal?: boolean;
+  okRiot?: boolean;
+  okTwitter?: boolean;
+  okWeb?: boolean;
+}
+
+const WHITESPACE = [' ', '\t'];
+
+function setData (data: Data, setActive: null | ((isActive: boolean) => void), setVal: (val: string) => void): void {
+  if (data.isRaw) {
+    setActive && setActive(true);
+    setVal(u8aToString(data.asRaw.toU8a(true)));
+  }
+}
+
+function WrapToggle ({ children, onChange, value }: WrapProps): React.ReactElement<WrapProps> {
+  const { t } = useTranslation();
+
+  return (
+    <div className='toggle-Wrap'>
+      {children}
+      <Toggle
+        isOverlay
+        label={t<string>('include field')}
+        onChange={onChange}
+        value={value}
+      />
+    </div>
+  );
+}
+
+function checkValue (hasValue: boolean, value: string | null | undefined, minLength: number, includes: string[], excludes: string[], starting: string[], notStarting: string[] = WHITESPACE, notEnding: string[] = WHITESPACE): boolean {
+  return !hasValue || (
+    !!value &&
+    (value.length >= minLength) &&
+    includes.reduce((hasIncludes: boolean, check) => hasIncludes && value.includes(check), true) &&
+    (!starting.length || starting.some((check) => value.startsWith(check))) &&
+    !excludes.some((check) => value.includes(check)) &&
+    !notStarting.some((check) => value.startsWith(check)) &&
+    !notEnding.some((check) => value.endsWith(check))
+  );
+}
+
+function IdentityMain ({ address, className = '', onClose }: Props): React.ReactElement<Props> {
+  const { t } = useTranslation();
+  const { api } = useApi();
+  const identityOpt = useCall<Option<Registration>>(api.query.identity.identityOf, [address]);
+  const [{ info, okAll, okDisplay, okEmail, okLegal, okRiot, okTwitter, okWeb }, setInfo] = useState<ValueState>({ info: {}, okAll: false });
+  const [hasEmail, setHasEmail] = useState(false);
+  const [hasLegal, setHasLegal] = useState(false);
+  const [hasRiot, setHasRiot] = useState(false);
+  const [hasTwitter, setHasTwitter] = useState(false);
+  const [hasWeb, setHasWeb] = useState(false);
+  const [valDisplay, setValDisplay] = useState(() => (getAddressMeta(address).name || '').replace(/\(.*\)/, '').trim());
+  const [valEmail, setValEmail] = useState('');
+  const [valLegal, setValLegal] = useState('');
+  const [valRiot, setValRiot] = useState('');
+  const [valTwitter, setValTwitter] = useState('');
+  const [valWeb, setValWeb] = useState('');
+  const [gotPreviousIdentity, setGotPreviousIdentity] = useState(false);
+
+  useEffect((): void => {
+    if (identityOpt && identityOpt.isSome) {
+      const { info } = identityOpt.unwrap();
+
+      setData(info.display, null, setValDisplay);
+      setData(info.email, setHasEmail, setValEmail);
+      setData(info.legal, setHasLegal, setValLegal);
+      setData(info.riot, setHasRiot, setValRiot);
+      setData(info.twitter, setHasTwitter, setValTwitter);
+      setData(info.web, setHasWeb, setValWeb);
+
+      [info.display, info.email, info.legal, info.riot, info.twitter, info.web].some((info: Data) => {
+        if (info.isRaw) {
+          setGotPreviousIdentity(true);
+
+          return true;
+        } else {
+          return false;
+        }
+      });
+    }
+  }, [identityOpt]);
+
+  useEffect((): void => {
+    const okDisplay = checkValue(true, valDisplay, 1, [], [], []);
+    const okEmail = checkValue(hasEmail, valEmail, 3, ['@'], WHITESPACE, []);
+    const okLegal = checkValue(hasLegal, valLegal, 1, [], [], []);
+    const okRiot = checkValue(hasRiot, valRiot, 6, [':'], WHITESPACE, ['@', '~']);
+    const okTwitter = checkValue(hasTwitter, valTwitter, 3, [], WHITESPACE, ['@']);
+    const okWeb = checkValue(hasWeb, valWeb, 8, ['.'], WHITESPACE, ['https://', 'http://']);
+
+    setInfo({
+      info: {
+        display: { [okDisplay ? 'raw' : 'none']: valDisplay || null },
+        email: { [okEmail && hasEmail ? 'raw' : 'none']: okEmail && hasEmail ? valEmail : null },
+        legal: { [okLegal && hasLegal ? 'raw' : 'none']: okLegal && hasLegal ? valLegal : null },
+        riot: { [okRiot && hasRiot ? 'raw' : 'none']: okRiot && hasRiot ? valRiot : null },
+        twitter: { [okTwitter && hasTwitter ? 'raw' : 'none']: okTwitter && hasTwitter ? valTwitter : null },
+        web: { [okWeb && hasWeb ? 'raw' : 'none']: okWeb && hasWeb ? valWeb : null }
+      },
+      okAll: okDisplay && okEmail && okLegal && okRiot && okTwitter && okWeb,
+      okDisplay,
+      okEmail,
+      okLegal,
+      okRiot,
+      okTwitter,
+      okWeb
+    });
+  }, [hasEmail, hasLegal, hasRiot, hasTwitter, hasWeb, valDisplay, valEmail, valLegal, valRiot, valTwitter, valWeb]);
+
+  return (
+    <Modal
+      className={className}
+      header={t<string>('Register identity')}
+      onClose={onClose}
+    >
+      <Modal.Content>
+        <Input
+          autoFocus
+          help={t<string>('The name that will be displayed in your accounts list.')}
+          isError={!okDisplay}
+          label={t<string>('display name')}
+          maxLength={32}
+          onChange={setValDisplay}
+          placeholder={t('My On-Chain Name')}
+          value={valDisplay}
+        />
+        <WrapToggle
+          onChange={setHasLegal}
+          value={hasLegal}
+        >
+          <Input
+            help={t<string>('The legal name for this identity.')}
+            isDisabled={!hasLegal}
+            isError={!okLegal}
+            label={t<string>('legal name')}
+            maxLength={32}
+            onChange={setValLegal}
+            placeholder={t('Full Legal Name')}
+            value={hasLegal ? valLegal : '<none>'}
+          />
+        </WrapToggle>
+        <WrapToggle
+          onChange={setHasEmail}
+          value={hasEmail}
+        >
+          <Input
+            help={t<string>('The email address associated with this identity.')}
+            isDisabled={!hasEmail}
+            isError={!okEmail}
+            label={t<string>('email')}
+            maxLength={32}
+            onChange={setValEmail}
+            placeholder={t('somebody@example.com')}
+            value={hasEmail ? valEmail : '<none>'}
+          />
+        </WrapToggle>
+        <WrapToggle
+          onChange={setHasWeb}
+          value={hasWeb}
+        >
+          <Input
+            help={t<string>('An URL that is linked to this identity.')}
+            isDisabled={!hasWeb}
+            isError={!okWeb}
+            label={t<string>('web')}
+            maxLength={32}
+            onChange={setValWeb}
+            placeholder={t('https://example.com')}
+            value={hasWeb ? valWeb : '<none>'}
+          />
+        </WrapToggle>
+        <WrapToggle
+          onChange={setHasTwitter}
+          value={hasTwitter}
+        >
+          <Input
+            help={t<string>('The twitter name for this identity.')}
+            isDisabled={!hasTwitter}
+            isError={!okTwitter}
+            label={t<string>('twitter')}
+            onChange={setValTwitter}
+            placeholder={t('@YourTwitterName')}
+            value={hasTwitter ? valTwitter : '<none>'}
+          />
+        </WrapToggle>
+        <WrapToggle
+          onChange={setHasRiot}
+          value={hasRiot}
+        >
+          <Input
+            help={t<string>('a riot name linked to this identity')}
+            isDisabled={!hasRiot}
+            isError={!okRiot}
+            label={t<string>('riot name')}
+            maxLength={32}
+            onChange={setValRiot}
+            placeholder={t('@yourname:matrix.org')}
+            value={hasRiot ? valRiot : '<none>'}
+          />
+        </WrapToggle>
+        <InputBalance
+          defaultValue={api.consts.identity?.basicDeposit}
+          help={t<string>('Total amount of fund that will be reserved. These funds are returned when the identity is cleared')}
+          isDisabled
+          label={t<string>('total deposit')}
+        />
+      </Modal.Content>
+      <Modal.Actions>
+        <TxButton
+          accountId={address}
+          icon={'trash-alt'}
+          isDisabled={!gotPreviousIdentity}
+          label={t<string>('Clear Identity')}
+          onStart={onClose}
+          tx={api.tx.identity.clearIdentity}
+        />
+        <TxButton
+          accountId={address}
+          isDisabled={!okAll}
+          label={t<string>('Set Identity')}
+          onStart={onClose}
+          params={[info]}
+          tx={api.tx.identity.setIdentity}
+        />
+      </Modal.Actions>
+    </Modal>
+  );
+}
+
+export default React.memo(styled(IdentityMain)`
+  .toggle-Wrap {
+    position: relative;
+  }
+`);
diff --git a/packages/page-accounts/src/modals/IdentitySub.tsx b/packages/page-accounts/src/modals/IdentitySub.tsx
new file mode 100644
index 0000000..7a7e158
--- /dev/null
+++ b/packages/page-accounts/src/modals/IdentitySub.tsx
@@ -0,0 +1,182 @@
+// Copyright 2017-2022 @polkadot/app-accounts authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { TFunction } from 'i18next';
+import type { Data, Option } from '@polkadot/types';
+import type { AccountId } from '@polkadot/types/interfaces';
+import type { ITuple } from '@polkadot/types/types';
+
+import React, { useCallback, useEffect, useState } from 'react';
+
+import { Button, Columar, Input, InputAddress, Modal, Spinner, TxButton } from '@polkadot/react-components';
+import { useAccounts, useApi, useCall, useSubidentities } from '@polkadot/react-hooks';
+import { u8aToString } from '@polkadot/util';
+
+import { useTranslation } from '../translate';
+
+interface Props {
+  address: string;
+  className?: string;
+  onClose: () => void;
+}
+
+interface SubProps {
+  address: string;
+  index: number;
+  name: string;
+  setAddress: (index: number, value: string) => void;
+  setName: (index: number, value: string) => void;
+  t: TFunction;
+}
+
+function extractInfo ([[ids], opts]: [[string[]], Option<ITuple<[AccountId, Data]>>[]]): [string, string][] {
+  return ids.reduce((result: [string, string][], id, index): [string, string][] => {
+    const opt = opts[index];
+
+    if (opt.isSome) {
+      const [, data] = opt.unwrap();
+
+      if (data.isRaw) {
+        result.push([id, u8aToString(data.asRaw)]);
+      }
+    }
+
+    return result;
+  }, []);
+}
+
+function IdentitySub ({ address, index, name, setAddress, setName, t }: SubProps): React.ReactElement<SubProps> {
+  const _setAddress = useCallback(
+    (value?: string | null) => setAddress(index, value || ''),
+    [index, setAddress]
+  );
+
+  const _setName = useCallback(
+    (value: string) => setName(index, value || ''),
+    [index, setName]
+  );
+
+  return (
+    <Columar>
+      <Columar.Column>
+        <InputAddress
+          defaultValue={address}
+          label={t<string>('address {{index}}', { replace: { index: index + 1 } })}
+          onChange={_setAddress}
+        />
+      </Columar.Column>
+      <Columar.Column>
+        <Input
+          defaultValue={name}
+          isError={!name}
+          isFull
+          label={t<string>('sub name')}
+          onChange={_setName}
+        />
+      </Columar.Column>
+    </Columar>
+  );
+}
+
+const IdentitySubMemo = React.memo(IdentitySub);
+
+const transformInfo = { withParams: true };
+
+function IdentitySubModal ({ address, className, onClose }: Props): React.ReactElement<Props> {
+  const { t } = useTranslation();
+  const { api } = useApi();
+  const { allAccounts } = useAccounts();
+  const queryIds = useSubidentities(address);
+  const queryInfos = useCall<[[string[]], Option<ITuple<[AccountId, Data]>>[]]>(queryIds && queryIds.length !== 0 && api.query.identity.superOf.multi, [queryIds], transformInfo);
+  const [infos, setInfos] = useState<[string, string][] | undefined>();
+
+  useEffect((): void => {
+    if (queryInfos) {
+      setInfos(extractInfo(queryInfos));
+    } else if (queryIds && !queryIds.length) {
+      setInfos([]);
+    }
+  }, [allAccounts, queryIds, queryInfos]);
+
+  const _rowAdd = useCallback(
+    () => setInfos((infos) => infos && infos.concat([[allAccounts[0], '']])),
+    [allAccounts]
+  );
+
+  const _rowRemove = useCallback(
+    () => setInfos((infos) => infos && infos.slice(0, infos.length - 1)),
+    []
+  );
+
+  const _setAddress = useCallback(
+    (index: number, address: string) => setInfos((infos) => (infos || []).map(([a, n], i) => [index === i ? address : a, n])),
+    []
+  );
+
+  const _setName = useCallback(
+    (index: number, name: string) => setInfos((infos) => (infos || []).map(([a, n], i) => [a, index === i ? name : n])),
+    []
+  );
+
+  return (
+    <Modal
+      className={className}
+      header={t<string>('Register sub-identities')}
+      onClose={onClose}
+      size='large'
+    >
+      <Modal.Content>
+        {!infos
+          ? <Spinner label={t<string>('Retrieving sub-identities')} />
+          : (
+            <div>
+              {!infos.length
+                ? <article>{t('No sub identities set.')}</article>
+                : infos.map(([address, name], index) =>
+                  <IdentitySubMemo
+                    address={address}
+                    index={index}
+                    key={index}
+                    name={name}
+                    setAddress={_setAddress}
+                    setName={_setName}
+                    t={t}
+                  />
+                )
+              }
+              <Button.Group>
+                <Button
+                  icon='plus'
+                  label={t<string>('Add sub')}
+                  onClick={_rowAdd}
+                />
+                <Button
+                  icon='minus'
+                  isDisabled={infos.length === 0}
+                  label={t<string>('Remove sub')}
+                  onClick={_rowRemove}
+                />
+              </Button.Group>
+            </div>
+          )
+        }
+      </Modal.Content>
+      <Modal.Actions>
+        {infos && (
+          <TxButton
+            accountId={address}
+            isDisabled={infos.some(([address, raw]) => !address || !raw)}
+            label={t<string>('Set Subs')}
+            onStart={onClose}
+            params={[
+              infos.map(([address, raw]) => [address, { raw }])
+            ]}
+            tx={api.tx.identity.setSubs}
+          />
+        )}
+      </Modal.Actions>
+    </Modal>
+  );
+}
+
+export default React.memo(IdentitySubModal);
diff --git a/packages/page-accounts/src/modals/Import.tsx b/packages/page-accounts/src/modals/Import.tsx
new file mode 100644
index 0000000..a622c68
--- /dev/null
+++ b/packages/page-accounts/src/modals/Import.tsx
@@ -0,0 +1,169 @@
+// Copyright 2017-2022 @polkadot/app-accounts authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { Dispatch, SetStateAction } from 'react';
+import type { KeyringPair, KeyringPair$Json } from '@polkadot/keyring/types';
+import type { ActionStatus } from '@polkadot/react-components/Status/types';
+import type { ModalProps } from '../types';
+
+import React, { useCallback, useMemo, useState } from 'react';
+
+import { AddressRow, Button, InputAddress, InputFile, MarkError, MarkWarning, Modal, Password } from '@polkadot/react-components';
+import { useApi } from '@polkadot/react-hooks';
+import { keyring } from '@polkadot/ui-keyring';
+import { assert, u8aToString } from '@polkadot/util';
+
+import { useTranslation } from '../translate';
+import ExternalWarning from './ExternalWarning';
+
+interface Props extends ModalProps {
+  className?: string;
+  onClose: () => void;
+  onStatusChange: (status: ActionStatus) => void;
+}
+
+interface PassState {
+  isPassValid: boolean;
+  password: string;
+}
+
+const acceptedFormats = ['application/json', 'text/plain'].join(', ');
+
+function parseFile (file: Uint8Array, setError: Dispatch<SetStateAction<string | null>>, isEthereum: boolean, genesisHash?: string | null): KeyringPair | null {
+  try {
+    const pair = keyring.createFromJson(JSON.parse(u8aToString(file)) as KeyringPair$Json, { genesisHash });
+
+    if (isEthereum) {
+      assert(pair.type === 'ethereum', 'JSON File does not contain an ethereum type key pair');
+    } else {
+      assert(pair.type !== 'ethereum', 'JSON contains an ethereum keytype, this is not available on this network');
+    }
+
+    return pair;
+  } catch (error) {
+    console.error(error);
+    setError((error as Error).message ? (error as Error).message : (error as Error).toString());
+  }
+
+  return null;
+}
+
+function Import ({ className = '', onClose, onStatusChange }: Props): React.ReactElement<Props> {
+  const { t } = useTranslation();
+  const { api, isDevelopment, isEthereum } = useApi();
+  const [isBusy, setIsBusy] = useState(false);
+  const [pair, setPair] = useState<KeyringPair | null>(null);
+  const [error, setError] = useState<string | null>(null);
+  const [{ isPassValid, password }, setPass] = useState<PassState>({ isPassValid: false, password: '' });
+  const apiGenesisHash = useMemo(() => isDevelopment ? null : api.genesisHash.toHex(), [api, isDevelopment]);
+  const differentGenesis = useMemo(() => pair?.meta.genesisHash && pair.meta.genesisHash !== apiGenesisHash, [apiGenesisHash, pair]);
+
+  const _onChangeFile = useCallback(
+    (file: Uint8Array) => setPair(parseFile(file, setError, isEthereum, apiGenesisHash)),
+    [apiGenesisHash, isEthereum]
+  );
+
+  const _onChangePass = useCallback(
+    (password: string) => setPass({ isPassValid: keyring.isPassValid(password), password }),
+    []
+  );
+
+  const _onSave = useCallback(
+    (): void => {
+      if (!pair) {
+        return;
+      }
+
+      setIsBusy(true);
+      setTimeout((): void => {
+        const status: Partial<ActionStatus> = { action: 'restore' };
+
+        try {
+          keyring.addPair(pair, password);
+
+          status.status = 'success';
+          status.account = pair.address;
+          status.message = t<string>('account restored');
+
+          InputAddress.setLastValue('account', pair.address);
+        } catch (error) {
+          setPass((state: PassState) => ({ ...state, isPassValid: false }));
+
+          status.status = 'error';
+          status.message = (error as Error).message;
+          console.error(error);
+        }
+
+        setIsBusy(false);
+        onStatusChange(status as ActionStatus);
+
+        if (status.status !== 'error') {
+          onClose();
+        }
+      }, 0);
+    },
+    [onClose, onStatusChange, pair, password, t]
+  );
+
+  return (
+    <Modal
+      className={className}
+      header={t<string>('Add via backup file')}
+      onClose={onClose}
+      size='large'
+    >
+      <Modal.Content>
+        <Modal.Columns>
+          <AddressRow
+            defaultName={(pair?.meta.name as string) || null}
+            noDefaultNameOpacity
+            value={pair?.address || null}
+          />
+        </Modal.Columns>
+        <Modal.Columns hint={t<string>('Supply a backed-up JSON file, encrypted with your account-specific password.')}>
+          <InputFile
+            accept={acceptedFormats}
+            className='full'
+            help={t<string>('Select the JSON key file that was downloaded when you created the account. This JSON file contains your private key encrypted with your password.')}
+            isError={!pair}
+            label={t<string>('backup file')}
+            onChange={_onChangeFile}
+            withLabel
+          />
+        </Modal.Columns>
+        <Modal.Columns hint={t<string>('The password previously used to encrypt this account.')}>
+          <Password
+            autoFocus
+            className='full'
+            help={t<string>('Type the password chosen at the account creation. It was used to encrypt your account\'s private key in the backup file.')}
+            isError={!isPassValid}
+            label={t<string>('password')}
+            onChange={_onChangePass}
+            onEnter={_onSave}
+            value={password}
+          />
+        </Modal.Columns>
+        <Modal.Columns>
+          {error && (
+            <MarkError content={error} />
+          )}
+          {differentGenesis && (
+            <MarkWarning content={t<string>('The network from which this account was originally generated is different than the network you are currently connected to. Once imported ensure you toggle the "allow on any network" option for the account to keep it visible on the current network.')} />
+          )}
+          <ExternalWarning />
+        </Modal.Columns>
+      </Modal.Content>
+      <Modal.Actions>
+        <Button
+          icon='sync'
+          isBusy={isBusy}
+          isDisabled={!pair || !isPassValid}
+          label={t<string>('Restore')}
+          onClick={_onSave}
+        />
+      </Modal.Actions>
+    </Modal>
+  );
+}
+
+export default React.memo(Import);
diff --git a/packages/page-accounts/src/modals/InputValidateAmount.tsx b/packages/page-accounts/src/modals/InputValidateAmount.tsx
new file mode 100644
index 0000000..8bc35e0
--- /dev/null
+++ b/packages/page-accounts/src/modals/InputValidateAmount.tsx
@@ -0,0 +1,56 @@
+// Copyright 2017-2022 @polkadot/app-staking authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { DeriveBalancesAll } from '@polkadot/api-derive/types';
+import type { BN } from '@polkadot/util';
+import type { AmountValidateState } from '../Accounts/types';
+
+import React, { useEffect, useState } from 'react';
+
+import { MarkError, MarkWarning } from '@polkadot/react-components';
+import { useApi, useCall } from '@polkadot/react-hooks';
+import { BN_ZERO } from '@polkadot/util';
+
+import { useTranslation } from '../translate';
+
+interface Props {
+  amount?: BN | null;
+  delegatingAccount: string | null;
+  onError: (state: AmountValidateState | null) => void;
+}
+
+function ValidateAmount ({ amount, delegatingAccount, onError }: Props): React.ReactElement<Props> | null {
+  const { t } = useTranslation();
+  const { api } = useApi();
+  const delegatingAccountBalance = useCall<DeriveBalancesAll>(api.derive.balances?.all, [delegatingAccount]);
+  const [{ error, warning }, setResult] = useState<AmountValidateState>({ error: null, warning: null });
+
+  useEffect((): void => {
+    if (delegatingAccountBalance?.freeBalance && amount?.gt(BN_ZERO)) {
+      let newError: string | null = null;
+
+      if (amount.gte(delegatingAccountBalance.freeBalance)) {
+        newError = t('The maximum amount you can delegate is the amount of funds available on the delegating account.');
+      }
+
+      setResult((state): AmountValidateState => {
+        const error = state.error !== newError ? newError : state.error;
+        const warning = state.warning;
+
+        onError((error || warning) ? { error, warning } : null);
+
+        return { error, warning };
+      });
+    }
+  }, [api, onError, amount, t, delegatingAccountBalance]);
+
+  if (error) {
+    return <MarkError content={error} />;
+  } else if (warning) {
+    return <MarkWarning content={warning} />;
+  }
+
+  return null;
+}
+
+export default React.memo(ValidateAmount);
diff --git a/packages/page-accounts/src/modals/Ledger.tsx b/packages/page-accounts/src/modals/Ledger.tsx
new file mode 100644
index 0000000..7d48346
--- /dev/null
+++ b/packages/page-accounts/src/modals/Ledger.tsx
@@ -0,0 +1,137 @@
+// Copyright 2017-2022 @polkadot/app-accounts authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { ApiPromise } from '@polkadot/api';
+import type { Ledger } from '@polkadot/hw-ledger';
+
+import React, { useCallback, useRef, useState } from 'react';
+
+import { Button, Dropdown, Input, MarkError, Modal } from '@polkadot/react-components';
+import { useApi, useLedger } from '@polkadot/react-hooks';
+import { keyring } from '@polkadot/ui-keyring';
+import { arrayRange } from '@polkadot/util';
+
+import { useTranslation } from '../translate';
+
+interface Option {
+  text: string;
+  value: number;
+}
+
+interface Props {
+  className?: string;
+  onClose: () => void;
+}
+
+export const AVAIL_INDEXES = arrayRange(20);
+
+// query the ledger for the address, adding it to the keyring
+async function queryLedger (api: ApiPromise, getLedger: () => Ledger, name: string, accountOffset: number, addressOffset: number): Promise<void> {
+  const { address } = await getLedger().getAddress(false, accountOffset, addressOffset);
+
+  keyring.addHardware(address, 'ledger', {
+    accountOffset,
+    addressOffset,
+    genesisHash: api.genesisHash.toHex(),
+    name: name || `ledger ${accountOffset}/${addressOffset}`
+  });
+}
+
+function LedgerModal ({ className, onClose }: Props): React.ReactElement<Props> {
+  const { t } = useTranslation();
+  const { api } = useApi();
+  const { getLedger } = useLedger();
+  const [accIndex, setAccIndex] = useState(0);
+  const [addIndex, setAddIndex] = useState(0);
+  const [error, setError] = useState<Error | null>(null);
+  const [{ isNameValid, name }, setName] = useState({ isNameValid: false, name: '' });
+  const [isBusy, setIsBusy] = useState(false);
+
+  const accOps = useRef(AVAIL_INDEXES.map((value): Option => ({
+    text: t('Account type {{index}}', { replace: { index: value } }),
+    value
+  })));
+
+  const addOps = useRef(AVAIL_INDEXES.map((value): Option => ({
+    text: t('Address index {{index}}', { replace: { index: value } }),
+    value
+  })));
+
+  const _onChangeName = useCallback(
+    (name: string) => setName({ isNameValid: !!name.trim(), name }),
+    []
+  );
+
+  const _onSave = useCallback(
+    (): void => {
+      setError(null);
+      setIsBusy(true);
+
+      queryLedger(api, getLedger, name, accIndex, addIndex)
+        .then(() => onClose())
+        .catch((error: Error): void => {
+          console.error(error);
+
+          setIsBusy(false);
+          setError(error);
+        });
+    },
+    [accIndex, addIndex, api, getLedger, name, onClose]
+  );
+
+  return (
+    <Modal
+      className={className}
+      header={t<string>('Add account via Ledger')}
+      onClose={onClose}
+      size='large'
+    >
+      <Modal.Content>
+        <Modal.Columns hint={t<string>('The name for this account as it will appear under your accounts.')}>
+          <Input
+            autoFocus
+            className='full'
+            help={t<string>('Name given to this account to uniquely identity the account to yourself.')}
+            isError={!isNameValid}
+            label={t<string>('name')}
+            onChange={_onChangeName}
+            placeholder={t<string>('account name')}
+            value={name}
+          />
+        </Modal.Columns>
+        <Modal.Columns hint={t('The account type that you wish to create. This is the top-level derivation.')}>
+          <Dropdown
+            help={t('The account type (derivation) to use')}
+            label={t('account type')}
+            onChange={setAccIndex}
+            options={accOps.current}
+            value={accIndex}
+          />
+        </Modal.Columns>
+        <Modal.Columns hint={t('The address index on the account that you wish to add. This is the second-level derivation.')}>
+          <Dropdown
+            help={t('The address index (derivation on account) to use')}
+            label={t('address index')}
+            onChange={setAddIndex}
+            options={addOps.current}
+            value={addIndex}
+          />
+          {error && (
+            <MarkError content={error.message} />
+          )}
+        </Modal.Columns>
+      </Modal.Content>
+      <Modal.Actions>
+        <Button
+          icon='plus'
+          isBusy={isBusy}
+          isDisabled={!isNameValid}
+          label={t<string>('Save')}
+          onClick={_onSave}
+        />
+      </Modal.Actions>
+    </Modal>
+  );
+}
+
+export default React.memo(LedgerModal);
diff --git a/packages/page-accounts/src/modals/MultisigApprove.tsx b/packages/page-accounts/src/modals/MultisigApprove.tsx
new file mode 100644
index 0000000..89a5275
--- /dev/null
+++ b/packages/page-accounts/src/modals/MultisigApprove.tsx
@@ -0,0 +1,294 @@
+// Copyright 2017-2022 @polkadot/app-accounts authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { SubmittableExtrinsic } from '@polkadot/api/types';
+import type { AccountId, Call, H256, Multisig } from '@polkadot/types/interfaces';
+import type { CallFunction } from '@polkadot/types/types';
+
+import React, { useEffect, useMemo, useRef, useState } from 'react';
+import styled from 'styled-components';
+
+import { AddressMini, Call as CallDisplay, Dropdown, Expander, Input, InputAddress, MarkError, Modal, Toggle, TxButton } from '@polkadot/react-components';
+import { useAccounts, useApi, useWeight } from '@polkadot/react-hooks';
+import { assert, isHex } from '@polkadot/util';
+
+import { useTranslation } from '../translate';
+
+interface Props {
+  address: string;
+  className?: string;
+  onClose: () => void;
+  ongoing: [H256, Multisig][];
+  threshold: number;
+  who: string[];
+}
+
+interface MultiInfo {
+  isMultiCall: boolean;
+  multisig: Multisig | null;
+}
+
+interface Option {
+  text: string;
+  value: string;
+}
+
+interface CallData {
+  callData: Call | null;
+  callError: string | null;
+  callInfo: CallFunction | null;
+}
+
+const EMPTY_CALL: CallData = {
+  callData: null,
+  callError: null,
+  callInfo: null
+};
+
+function MultisigApprove ({ className = '', onClose, ongoing, threshold, who }: Props): React.ReactElement<Props> {
+  const { t } = useTranslation();
+  const { api } = useApi();
+  const { allAccounts } = useAccounts();
+  const [callHex, setCallHex] = useState<string>('');
+  const [{ callData, callError, callInfo }, setCallData] = useState<CallData>(EMPTY_CALL);
+  const [callWeight] = useWeight(callData);
+  const [hash, setHash] = useState<string | null>(() => ongoing[0][0].toHex());
+  const [{ isMultiCall, multisig }, setMultisig] = useState<MultiInfo>(() => ({ isMultiCall: false, multisig: null }));
+  const [isCallOverride, setCallOverride] = useState(true);
+  const [others, setOthers] = useState<AccountId[]>([]);
+  const [signatory, setSignatory] = useState<string | null>(null);
+  const [whoFilter, setWhoFilter] = useState<string[]>([]);
+  const [type, setType] = useState<string | null>('aye');
+  const [tx, setTx] = useState<SubmittableExtrinsic<'promise'> | null>(null);
+
+  const callOptRef = useRef<Option[]>([
+    { text: t<string>('Approve this call hash'), value: 'aye' },
+    { text: t<string>('Cancel this call hash'), value: 'nay' }
+  ]);
+
+  const hashes = useMemo<Option[]>(
+    () => ongoing.map(([h]) => ({ text: h.toHex(), value: h.toHex() })),
+    [ongoing]
+  );
+
+  // filter the current multisig by supplied hash
+  useEffect((): void => {
+    const [, multisig] = ongoing.find(([h]) => h.eq(hash)) || [null, null];
+
+    setMultisig({
+      isMultiCall: !!multisig && (multisig.approvals.length + 1) >= threshold,
+      multisig
+    });
+    setCallData(EMPTY_CALL);
+  }, [hash, ongoing, threshold]);
+
+  // the others are all the who elements, without the current signatory (re-encoded)
+  useEffect((): void => {
+    setOthers(
+      who
+        .map((w) => api.createType('AccountId', w))
+        .filter((w) => !w.eq(signatory))
+    );
+  }, [api, signatory, who]);
+
+  // Filter the who by those not approved yet that is an actual account we own. In the case of
+  // rejections, we defer to the the first approver, since he is the only one to send the cancel
+  // On reaching threshold, we include all possible signatories in the list
+  useEffect((): void => {
+    const hasThreshold = multisig && (multisig.approvals.length >= threshold);
+
+    setWhoFilter(
+      who
+        .map((w) => api.createType('AccountId', w).toString())
+        .filter((w) => allAccounts.some((a) => a === w) && multisig && (
+          type === 'nay'
+            ? multisig.depositor.eq(w)
+            : hasThreshold || !multisig.approvals.some((a) => a.eq(w))
+        ))
+    );
+  }, [api, allAccounts, multisig, threshold, type, who]);
+
+  // when the hex changes, re-evaluate
+  useEffect((): void => {
+    if (callHex) {
+      try {
+        assert(isHex(callHex), 'Hex call data required');
+
+        const callData = api.createType('Call', callHex);
+
+        assert(callData.hash.eq(hash), 'Call data does not match the existing call hash');
+
+        const callInfo = api.registry.findMetaCall(callData.callIndex);
+
+        setCallData({ callData, callError: null, callInfo });
+      } catch (error) {
+        setCallData({ callData: null, callError: (error as Error).message, callInfo: null });
+      }
+    } else {
+      setCallData(EMPTY_CALL);
+    }
+  }, [api, callHex, hash]);
+
+  // based on the type, multisig, others create the tx. This can be either an approval or final call
+  useEffect((): void => {
+    const multiMod = api.tx.multisig || api.tx.utility;
+
+    setTx(() =>
+      hash && multisig
+        ? type === 'aye'
+          ? isMultiCall && isCallOverride
+            ? callData
+              ? multiMod.asMulti.meta.args.length === 6
+                ? multiMod.asMulti(threshold, others, multisig.when, callData.toHex(), false, callWeight)
+                // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+                // @ts-ignore (We are doing toHex here since we have a Vec<u8> input)
+                : multiMod.asMulti(threshold, others, multisig.when, callData)
+              : null
+            : multiMod.approveAsMulti.meta.args.length === 5
+              ? multiMod.approveAsMulti(threshold, others, multisig.when, hash, callWeight)
+              // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+              // @ts-ignore
+              : multiMod.approveAsMulti(threshold, others, multisig.when, hash)
+          : multiMod.cancelAsMulti(threshold, others, multisig.when, hash)
+        : null
+    );
+  }, [api, callData, callWeight, hash, isCallOverride, isMultiCall, others, multisig, threshold, type]);
+
+  const isAye = type === 'aye';
+
+  return (
+    <Modal
+      className={className}
+      header={t<string>('Pending call hashes')}
+      onClose={onClose}
+      size='large'
+    >
+      <Modal.Content>
+        <Modal.Columns hint={t('The call hash from the list of available and unapproved calls.')}>
+          <Dropdown
+            help={t<string>('The call hashes that have not been executed as of yet.')}
+            label={t<string>('pending hashes {{count}}', {
+              replace: { count: hashes.length }
+            })}
+            onChange={setHash}
+            options={hashes}
+            value={hash}
+          />
+        </Modal.Columns>
+        {multisig && (
+          <>
+            <Modal.Columns hint={t<string>('The creator for this multisig call')}>
+              <InputAddress
+                defaultValue={multisig.depositor}
+                isDisabled
+                label={t<string>('depositor')}
+              />
+            </Modal.Columns>
+            <Modal.Columns hint={t<string>('The current approvals applied to this multisig')}>
+              <Expander
+                isPadded
+                summary={t<string>('Existing approvals ({{approvals}}/{{threshold}})', {
+                  replace: {
+                    approvals: multisig.approvals.length,
+                    threshold
+                  }
+                })}
+              >
+                {multisig.approvals.map((a) =>
+                  <AddressMini
+                    isPadded={false}
+                    key={assert.toString()}
+                    value={a}
+                  />
+                )}
+              </Expander>
+            </Modal.Columns>
+          </>
+        )}
+        <Modal.Columns hint={t('The operation type to apply. For approvals both non-final and final approvals are supported.')}>
+          <Dropdown
+            help={t<string>('Either approve or reject this call.')}
+            label={t<string>('approval type')}
+            onChange={setType}
+            options={callOptRef.current}
+            value={type}
+          />
+        </Modal.Columns>
+        {whoFilter.length !== 0 && (
+          <>
+            <Modal.Columns hint={t('For approvals outstanding approvers will be shown, for hashes that should be cancelled the first approver is required.')}>
+              <InputAddress
+                filter={whoFilter}
+                help={t<string>('The signatory to send the approval/cancel from')}
+                label={t<string>('signatory')}
+                onChange={setSignatory}
+              />
+            </Modal.Columns>
+            {type === 'aye' && isMultiCall && (
+              <>
+                {isCallOverride && (
+                  <Modal.Columns hint={t('The call data for this transaction matching the hash. Once sent, the multisig will be executed against this.')}>
+                    {callData && callInfo
+                      ? (
+                        <Expander
+                          isPadded
+                          summary={`${callInfo.section}.${callInfo.method}`}
+                          summaryMeta={callInfo.meta}
+                        >
+                          <CallDisplay
+                            className='details'
+                            value={callData}
+                          />
+                        </Expander>
+                      )
+                      : (
+                        <Input
+                          autoFocus
+                          help={t('For final approvals, the actual full call data is required to execute the transaction')}
+                          isError={!callHex || !!callError}
+                          label={t('call data for final approval')}
+                          onChange={setCallHex}
+                        />
+                      )}
+                    {callError && (
+                      <MarkError content={callError} />
+                    )}
+                  </Modal.Columns>
+                )}
+                <Modal.Columns hint={t('Swap to a non-executing approval type, with subsequent calls providing the actual call data.')}>
+                  <Toggle
+                    className='tipToggle'
+                    label={
+                      isMultiCall
+                        ? t<string>('Multisig message with call (for final approval)')
+                        : t<string>('Multisig approval with hash (non-final approval)')
+                    }
+                    onChange={setCallOverride}
+                    value={isCallOverride}
+                  />
+                </Modal.Columns>
+              </>
+            )}
+          </>
+        )}
+      </Modal.Content>
+      <Modal.Actions>
+        <TxButton
+          accountId={signatory}
+          extrinsic={tx}
+          icon={isAye ? 'check' : 'times'}
+          isDisabled={!tx || (isAye && !whoFilter.length)}
+          label={isAye ? 'Approve' : 'Reject'}
+          onStart={onClose}
+        />
+      </Modal.Actions>
+    </Modal>
+  );
+}
+
+export default React.memo(styled(MultisigApprove)`
+  .tipToggle {
+    width: 100%;
+    text-align: right;
+  }
+`);
diff --git a/packages/page-accounts/src/modals/MultisigCreate.tsx b/packages/page-accounts/src/modals/MultisigCreate.tsx
new file mode 100644
index 0000000..a35fcdf
--- /dev/null
+++ b/packages/page-accounts/src/modals/MultisigCreate.tsx
@@ -0,0 +1,269 @@
+// Copyright 2017-2022 @polkadot/app-accounts authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { ActionStatus } from '@polkadot/react-components/Status/types';
+import type { ModalProps } from '../types';
+
+import React, { useCallback, useState } from 'react';
+import styled from 'styled-components';
+
+import { AddressMini, Button, IconLink, Input, InputAddressMulti, InputFile, InputNumber, Labelled, MarkError, Modal, Toggle } from '@polkadot/react-components';
+import { useApi } from '@polkadot/react-hooks';
+import { keyring } from '@polkadot/ui-keyring';
+import { assert, BN, u8aToString } from '@polkadot/util';
+import { validateAddress } from '@polkadot/util-crypto';
+
+import useKnownAddresses from '../Accounts/useKnownAddresses';
+import { useTranslation } from '../translate';
+
+interface Props extends ModalProps {
+  className?: string;
+  onClose: () => void;
+  onStatusChange: (status: ActionStatus) => void;
+}
+
+interface CreateOptions {
+  genesisHash?: string;
+  name: string;
+  tags?: string[];
+}
+
+interface UploadedFileData {
+  isUploadedFileValid: boolean;
+  uploadedFileError: string;
+  uploadedSignatories: string[];
+}
+
+const MAX_SIGNATORIES = 16;
+const BN_TWO = new BN(2);
+
+const acceptedFormats = ['application/json'].join(', ');
+
+function parseFile (file: Uint8Array): UploadedFileData {
+  let uploadError = '';
+  let items: string[];
+
+  try {
+    items = JSON.parse(u8aToString(file)) as string[];
+    assert(Array.isArray(items) && !!items.length, 'JSON file should contain an array of signatories');
+
+    items = items.filter((item) => validateAddress(item));
+    items = [...new Set(items)]; // remove duplicates
+
+    assert(items.length <= MAX_SIGNATORIES, `Maximum you can have ${MAX_SIGNATORIES} signatories`);
+  } catch (error) {
+    items = [];
+    uploadError = (error as Error).message ? (error as Error).message : (error as Error).toString();
+  }
+
+  return {
+    isUploadedFileValid: !uploadError,
+    uploadedFileError: uploadError,
+    uploadedSignatories: items
+  };
+}
+
+function createMultisig (signatories: string[], threshold: BN | number, { genesisHash, name, tags = [] }: CreateOptions, success: string): ActionStatus {
+  // we will fill in all the details below
+  const status = { action: 'create' } as ActionStatus;
+
+  try {
+    const result = keyring.addMultisig(signatories, threshold, { genesisHash, name, tags });
+    const { address } = result.pair;
+
+    status.account = address;
+    status.status = 'success';
+    status.message = success;
+  } catch (error) {
+    status.status = 'error';
+    status.message = (error as Error).message;
+  }
+
+  return status;
+}
+
+function Multisig ({ className = '', onClose, onStatusChange }: Props): React.ReactElement<Props> {
+  const { api, isDevelopment } = useApi();
+  const { t } = useTranslation();
+  const availableSignatories = useKnownAddresses();
+  const [{ isNameValid, name }, setName] = useState({ isNameValid: false, name: '' });
+  const [{ isUploadedFileValid, uploadedFileError, uploadedSignatories }, setUploadedFile] = useState<UploadedFileData>({
+    isUploadedFileValid: true,
+    uploadedFileError: '',
+    uploadedSignatories: []
+  });
+  const [signatories, setSignatories] = useState<string[]>(['']);
+  const [showSignaturesUpload, setShowSignaturesUpload] = useState(false);
+  const [{ isThresholdValid, threshold }, setThreshold] = useState({ isThresholdValid: true, threshold: BN_TWO });
+
+  const _createMultisig = useCallback(
+    (): void => {
+      const options = { genesisHash: isDevelopment ? undefined : api.genesisHash.toString(), name: name.trim() };
+      const status = createMultisig(signatories, threshold, options, t<string>('created multisig'));
+
+      onStatusChange(status);
+      onClose();
+    },
+    [api.genesisHash, isDevelopment, name, onClose, onStatusChange, signatories, t, threshold]
+  );
+
+  const _onChangeName = useCallback(
+    (name: string) => setName({ isNameValid: (name.trim().length >= 3), name }),
+    []
+  );
+
+  const _onChangeThreshold = useCallback(
+    (threshold: BN | undefined) =>
+      threshold && setThreshold({ isThresholdValid: threshold.gte(BN_TWO) && threshold.lten(signatories.length), threshold }),
+    [signatories]
+  );
+
+  const _onChangeFile = useCallback(
+    (file: Uint8Array) => {
+      const fileData = parseFile(file);
+
+      setUploadedFile(fileData);
+
+      if (fileData.isUploadedFileValid || uploadedSignatories.length) {
+        setSignatories(fileData.uploadedSignatories.length ? fileData.uploadedSignatories : ['']);
+      }
+    },
+    [uploadedSignatories]
+  );
+
+  const resetFileUpload = useCallback(
+    () => {
+      setUploadedFile({
+        isUploadedFileValid,
+        uploadedFileError,
+        uploadedSignatories: []
+      });
+    },
+    [uploadedFileError, isUploadedFileValid]
+  );
+
+  const _onChangeAddressMulti = useCallback(
+    (items: string[]) => {
+      resetFileUpload();
+      setSignatories(items);
+    },
+    [resetFileUpload]
+  );
+
+  const isValid = isNameValid && isThresholdValid;
+
+  return (
+    <Modal
+      className={className}
+      header={t<string>('Add multisig')}
+      onClose={onClose}
+      size='large'
+    >
+      <Modal.Content>
+        <Modal.Columns>
+          <Toggle
+            className='signaturesFileToggle'
+            label={t<string>('Upload JSON file with signatories')}
+            onChange={setShowSignaturesUpload}
+            value={showSignaturesUpload}
+          />
+        </Modal.Columns>
+        {!showSignaturesUpload && (
+          <Modal.Columns
+            hint={
+              <>
+                <p>{t<string>('The signatories has the ability to create transactions using the multisig and approve transactions sent by others.Once the threshold is reached with approvals, the multisig transaction is enacted on-chain.')}</p>
+                <p>{t<string>('Since the multisig function like any other account, once created it is available for selection anywhere accounts are used and needs to be funded before use.')}</p>
+              </>
+            }
+          >
+            <InputAddressMulti
+              available={availableSignatories}
+              availableLabel={t<string>('available signatories')}
+              help={t<string>('The addresses that are able to approve multisig transactions. You can select up to {{maxHelpers}} trusted addresses.', { replace: { maxHelpers: MAX_SIGNATORIES } })}
+              maxCount={MAX_SIGNATORIES}
+              onChange={_onChangeAddressMulti}
+              value={signatories}
+              valueLabel={t<string>('selected signatories')}
+            />
+          </Modal.Columns>
+        )}
+        {showSignaturesUpload && (
+          <Modal.Columns hint={t<string>('Supply a JSON file with the list of signatories.')}>
+            <InputFile
+              accept={acceptedFormats}
+              className='full'
+              clearContent={!uploadedSignatories.length && isUploadedFileValid}
+              help={t<string>('Select a JSON key file with the list of signatories.')}
+              isError={!isUploadedFileValid}
+              label={t<string>('upload signatories list')}
+              onChange={_onChangeFile}
+              withLabel
+            />
+            {!!uploadedSignatories.length && (
+              <Labelled
+                label={t<string>('found signatories')}
+                labelExtra={(
+                  <IconLink
+                    icon='sync'
+                    label={t<string>('Reset')}
+                    onClick={resetFileUpload}
+                  />
+                )}
+              >
+                <div className='ui--Static ui dropdown selection'>
+                  {uploadedSignatories.map((address): React.ReactNode => (
+                    <div key={address}>
+                      <AddressMini
+                        value={address}
+                        withSidebar={false}
+                      />
+                    </div>
+                  ))}
+                </div>
+              </Labelled>
+            )}
+            {uploadedFileError && (
+              <MarkError content={uploadedFileError} />
+            )}
+          </Modal.Columns>
+        )}
+        <Modal.Columns hint={t<string>('The threshold for approval should be less or equal to the number of signatories for this multisig.')}>
+          <InputNumber
+            help={t<string>('The threshold for this multisig')}
+            isError={!isThresholdValid}
+            label={t<string>('threshold')}
+            onChange={_onChangeThreshold}
+            value={threshold}
+          />
+        </Modal.Columns>
+        <Modal.Columns hint={t<string>('The name is for unique identification of the account in your owner lists.')}>
+          <Input
+            autoFocus
+            className='full'
+            help={t<string>('Name given to this multisig. You can edit it at any later point in time.')}
+            isError={!isNameValid}
+            label={t<string>('name')}
+            onChange={_onChangeName}
+            placeholder={t<string>('multisig name')}
+          />
+        </Modal.Columns>
+      </Modal.Content>
+      <Modal.Actions>
+        <Button
+          icon='plus'
+          isDisabled={!isValid}
+          label={t<string>('Create')}
+          onClick={_createMultisig}
+        />
+      </Modal.Actions>
+    </Modal>
+  );
+}
+
+export default React.memo(styled(Multisig)`
+  .signaturesFileToggle {
+    width: 100%;
+    text-align: right;
+  }
+`);
diff --git a/packages/page-accounts/src/modals/PasswordInput.tsx b/packages/page-accounts/src/modals/PasswordInput.tsx
new file mode 100644
index 0000000..d2976d3
--- /dev/null
+++ b/packages/page-accounts/src/modals/PasswordInput.tsx
@@ -0,0 +1,78 @@
+// Copyright 2017-2022 @polkadot/app-accounts authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import React, { useCallback, useEffect, useState } from 'react';
+
+import { Modal, Password, PasswordStrength } from '@polkadot/react-components';
+import { keyring } from '@polkadot/ui-keyring';
+
+import { useTranslation } from '../translate';
+
+type Props = {
+  onChange: (password: string, isPasswordValid: boolean) => void;
+  onEnter: () => void;
+}
+
+export default function PasswordInput ({ onChange, onEnter }: Props): React.ReactElement {
+  const { t } = useTranslation();
+  const [{ isPass1Valid, password1 }, setPassword1] = useState({ isPass1Valid: false, password1: '' });
+  const [{ isPass2Valid, password2 }, setPassword2] = useState({ isPass2Valid: false, password2: '' });
+
+  useEffect(
+    () => onChange(password1, isPass1Valid && isPass2Valid),
+    [password1, onChange, isPass1Valid, isPass2Valid]
+  );
+
+  const _onPassword1Change = useCallback(
+    (password1: string) => {
+      setPassword1({
+        isPass1Valid: keyring.isPassValid(password1),
+        password1
+      });
+      setPassword2({
+        isPass2Valid: keyring.isPassValid(password2) && (password2 === password1),
+        password2
+      });
+    },
+    [password2]
+  );
+
+  const onPassword2Change = useCallback(
+    (password2: string) => setPassword2({
+      isPass2Valid: keyring.isPassValid(password2) && (password2 === password1),
+      password2
+    }),
+    [password1]
+  );
+
+  return (
+    <Modal.Columns
+      hint={
+        <>
+          <p>{t<string>('The password and password confirmation for this account. This is required to authenticate any transactions made and to encrypt the keypair.')}</p>
+          <p>{t<string>('Ensure you are using a strong password for proper account protection.')}</p>
+        </>
+      }
+    >
+      <Password
+        className='full'
+        help={t<string>('This password is used to encrypt your private key. It must be strong and unique! You will need it to sign transactions with this account. You can recover this account using this password together with the backup file (generated in the next step).')}
+        isError={!isPass1Valid}
+        label={t<string>('password')}
+        onChange={_onPassword1Change}
+        onEnter={onEnter}
+        value={password1}
+      />
+      <Password
+        className='full'
+        help={t<string>('Verify the password entered above.')}
+        isError={!isPass2Valid}
+        label={t<string>('password (repeat)')}
+        onChange={onPassword2Change}
+        onEnter={onEnter}
+        value={password2}
+      />
+      <PasswordStrength value={password1} />
+    </Modal.Columns>
+  );
+}
diff --git a/packages/page-accounts/src/modals/ProxiedAdd.tsx b/packages/page-accounts/src/modals/ProxiedAdd.tsx
new file mode 100644
index 0000000..547bec3
--- /dev/null
+++ b/packages/page-accounts/src/modals/ProxiedAdd.tsx
@@ -0,0 +1,114 @@
+// Copyright 2017-2022 @polkadot/app-accounts authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { ActionStatus } from '@polkadot/react-components/Status/types';
+import type { ModalProps } from '../types';
+
+import React, { useCallback, useState } from 'react';
+
+import { Button, Input, InputAddressSimple, Modal } from '@polkadot/react-components';
+import { useApi } from '@polkadot/react-hooks';
+import { keyring } from '@polkadot/ui-keyring';
+
+import useProxies from '../Accounts/useProxies';
+import { useTranslation } from '../translate';
+
+interface Props extends ModalProps {
+  className?: string;
+  onClose: () => void;
+  onStatusChange: (status: ActionStatus) => void;
+}
+
+interface CreateOptions {
+  genesisHash?: string;
+  name: string;
+  tags?: string[];
+}
+
+function createProxy (address: string, { genesisHash, name, tags = [] }: CreateOptions, success: string): ActionStatus {
+  // we will fill in all the details below
+  const status = { action: 'create' } as ActionStatus;
+
+  try {
+    keyring.addExternal(address, { genesisHash, isProxied: true, name, tags });
+
+    status.account = address;
+    status.status = 'success';
+    status.message = success;
+  } catch (error) {
+    status.status = 'error';
+    status.message = (error as Error).message;
+  }
+
+  return status;
+}
+
+function ProxyAdd ({ className = '', onClose, onStatusChange }: Props): React.ReactElement<Props> {
+  const { api, isDevelopment } = useApi();
+  const { t } = useTranslation();
+  const [{ isNameValid, name }, setName] = useState({ isNameValid: false, name: '' });
+  const [stashAddress, setStashAddress] = useState<string | null>(null);
+  const { hasOwned } = useProxies(stashAddress);
+
+  const _createProxied = useCallback(
+    (): void => {
+      if (stashAddress) {
+        const options = { genesisHash: isDevelopment ? undefined : api.genesisHash.toString(), name: name.trim() };
+        const status = createProxy(stashAddress, options, t<string>('added proxy'));
+
+        onStatusChange(status);
+        onClose();
+      }
+    },
+    [api.genesisHash, isDevelopment, name, onClose, onStatusChange, stashAddress, t]
+  );
+
+  const _onChangeName = useCallback(
+    (name: string) => setName({ isNameValid: (name.trim().length >= 3), name }),
+    []
+  );
+
+  const isValid = isNameValid && !!stashAddress && hasOwned;
+
+  return (
+    <Modal
+      className={className}
+      header={t<string>('Add proxied account')}
+      onClose={onClose}
+      size='large'
+    >
+      <Modal.Content>
+        <Modal.Columns hint={t<string>('The address that has previously setup a proxy to one of the accounts that you control.')}>
+          <InputAddressSimple
+            autoFocus
+            help={t<string>('The address that you have a valid proxy setup for.')}
+            isError={!hasOwned}
+            label={t<string>('proxied account')}
+            onChange={setStashAddress}
+            placeholder={t<string>('stash address')}
+          />
+        </Modal.Columns>
+        <Modal.Columns hint={t<string>('The name is for unique identification of the account in your owner lists.')}>
+          <Input
+            className='full'
+            help={t<string>('Name given to this proxied account. You can edit it at any later point in time.')}
+            isError={!isNameValid}
+            label={t<string>('name')}
+            onChange={_onChangeName}
+            placeholder={t<string>('proxied name')}
+          />
+        </Modal.Columns>
+      </Modal.Content>
+      <Modal.Actions>
+        <Button
+          icon='plus'
+          isDisabled={!isValid}
+          label={t<string>('Add')}
+          onClick={_createProxied}
+        />
+      </Modal.Actions>
+    </Modal>
+  );
+}
+
+export default React.memo(ProxyAdd);
diff --git a/packages/page-accounts/src/modals/ProxyOverview.tsx b/packages/page-accounts/src/modals/ProxyOverview.tsx
new file mode 100644
index 0000000..482fcec
--- /dev/null
+++ b/packages/page-accounts/src/modals/ProxyOverview.tsx
@@ -0,0 +1,341 @@
+// Copyright 2017-2022 @polkadot/app-staking authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { ApiPromise } from '@polkadot/api';
+import type { SubmittableExtrinsic } from '@polkadot/api/types';
+import type { BatchOptions } from '@polkadot/react-hooks/types';
+import type { AccountId } from '@polkadot/types/interfaces';
+import type { NodeRuntimeProxyType, PalletProxyProxyDefinition } from '@polkadot/types/lookup';
+import type { BN } from '@polkadot/util';
+
+import React, { useCallback, useEffect, useMemo, useRef, useState } from 'react';
+import styled from 'styled-components';
+
+import { BatchWarning, Button, Dropdown, InputAddress, InputBalance, MarkError, Modal, TxButton } from '@polkadot/react-components';
+import { useApi, useTxBatch } from '@polkadot/react-hooks';
+import { BN_ZERO } from '@polkadot/util';
+
+import { useTranslation } from '../translate';
+
+type PrevProxy = [AccountId, NodeRuntimeProxyType];
+
+interface Props {
+  className?: string;
+  onClose: () => void;
+  previousProxy?: [PalletProxyProxyDefinition[], BN];
+  proxiedAccount: string;
+}
+
+interface ValueProps {
+  index: number;
+  typeOpts: { text: string; value: number }[];
+  value: PrevProxy;
+}
+
+interface NewProxyProps extends ValueProps {
+  onChangeAccount: (index: number, value: string | null) => void;
+  onChangeType: (index: number, value: number | undefined) => void;
+  onRemove: (index: number) => void;
+  proxiedAccount: string;
+}
+
+interface PrevProxyProps extends ValueProps {
+  onRemove: (accountId: AccountId, type: NodeRuntimeProxyType, index: number) => void;
+}
+
+const BATCH_OPTS: BatchOptions = { type: 'all' };
+const EMPTY_EXISTING: [PalletProxyProxyDefinition[], BN] = [[], BN_ZERO];
+
+function createAddProxy (api: ApiPromise, account: AccountId, type: NodeRuntimeProxyType, delay = 0): SubmittableExtrinsic<'promise'> {
+  return api.tx.proxy.addProxy.meta.args.length === 2
+    // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+    // @ts-ignore old version
+    ? api.tx.proxy.addProxy(account, type)
+    : api.tx.proxy.addProxy(account, type, delay);
+}
+
+function createRmProxy (api: ApiPromise, account: AccountId, type: NodeRuntimeProxyType, delay = 0): SubmittableExtrinsic<'promise'> {
+  return api.tx.proxy.removeProxy.meta.args.length === 2
+    // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+    // @ts-ignore old version
+    ? api.tx.proxy.removeProxy(account, type)
+    : api.tx.proxy.removeProxy(account, type, delay);
+}
+
+function PrevProxy ({ index, onRemove, typeOpts, value: [accountId, type] }: PrevProxyProps): React.ReactElement<PrevProxyProps> {
+  const { t } = useTranslation();
+
+  const _onRemove = useCallback(
+    () => onRemove(accountId, type, index),
+    [accountId, index, onRemove, type]
+  );
+
+  return (
+    <div className='proxy-container'>
+      <div className='input-column'>
+        <InputAddress
+          defaultValue={accountId}
+          isDisabled
+          label={t<string>('proxy account')}
+        />
+        <Dropdown
+          help={'Type of proxy'}
+          isDisabled
+          label={'type'}
+          options={typeOpts}
+          value={type.toNumber()}
+        />
+      </div>
+      <div className='buttons-column'>
+        <Button
+          icon='times'
+          onClick={_onRemove}
+        />
+      </div>
+    </div>
+  );
+}
+
+function NewProxy ({ index, onChangeAccount, onChangeType, onRemove, proxiedAccount, typeOpts, value: [accountId, type] }: NewProxyProps): React.ReactElement<NewProxyProps> {
+  const { t } = useTranslation();
+
+  const _onChangeAccount = useCallback(
+    (value: string | null) => onChangeAccount(index, value),
+    [index, onChangeAccount]
+  );
+
+  const _onChangeType = useCallback(
+    (value?: number) => onChangeType(index, value),
+    [index, onChangeType]
+  );
+
+  const _onRemove = useCallback(
+    () => onRemove(index),
+    [index, onRemove]
+  );
+
+  return (
+    <div
+      className='proxy-container'
+      key={`addedProxy-${index}`}
+    >
+      <div className='input-column'>
+        <InputAddress
+          label={t<string>('proxy account')}
+          onChange={_onChangeAccount}
+          type='account'
+          value={accountId}
+        />
+        {accountId.eq(proxiedAccount) && (
+          <MarkError content={t<string>('You should not setup proxies to act as a self-proxy.')} />
+        )}
+        <Dropdown
+          help={'Type of proxy'}
+          label={'type'}
+          onChange={_onChangeType}
+          options={typeOpts}
+          value={type.toNumber()}
+        />
+      </div>
+      <div className='buttons-column'>
+        <Button
+          icon='times'
+          onClick={_onRemove}
+        />
+      </div>
+    </div>
+  );
+}
+
+function getProxyTypeInstance (api: ApiPromise, index = 0): NodeRuntimeProxyType {
+  // This is not perfect, but should work for `{Kusama, Node, Polkadot}RuntimeProxyType`
+  const proxyNames = api.registry.lookup.names.filter((name) => name.endsWith('RuntimeProxyType'));
+
+  // fallback to previous version (may be Substrate default), when not found
+  return api.createType<NodeRuntimeProxyType>(proxyNames.length ? proxyNames[0] : 'ProxyType', index);
+}
+
+function getProxyOptions (api: ApiPromise): { text: string; value: number; }[] {
+  return getProxyTypeInstance(api).defKeys
+    .map((text, value) => ({ text, value }))
+    // Filter the empty entries added in v14
+    .filter(({ text }) => !text.startsWith('__Unused'));
+}
+
+function ProxyOverview ({ className, onClose, previousProxy: [existing] = EMPTY_EXISTING, proxiedAccount }: Props): React.ReactElement<Props> {
+  const { t } = useTranslation();
+  const { api } = useApi();
+  const [batchPrevious, setBatchPrevious] = useState<SubmittableExtrinsic<'promise'>[]>([]);
+  const [batchAdded, setBatchAdded] = useState<SubmittableExtrinsic<'promise'>[]>([]);
+  const [txs, setTxs] = useState<SubmittableExtrinsic<'promise'>[] | null>(null);
+  const [previous, setPrevious] = useState<PrevProxy[]>(() => existing.map(({ delegate, proxyType }) => [delegate, proxyType]));
+  const [added, setAdded] = useState<PrevProxy[]>([]);
+  const extrinsics = useTxBatch(txs, BATCH_OPTS);
+
+  const reservedAmount = useMemo(
+    () => api.consts.proxy.proxyDepositFactor
+      .muln(batchPrevious.length + batchAdded.length)
+      .iadd(api.consts.proxy.proxyDepositBase),
+    [api, batchPrevious, batchAdded]
+  );
+
+  const typeOpts = useRef(getProxyOptions(api));
+
+  useEffect((): void => {
+    setBatchAdded(
+      added.map(([newAccount, newType]) => createAddProxy(api, newAccount, newType))
+    );
+  }, [api, added]);
+
+  useEffect((): void => {
+    setTxs(() => [...batchPrevious, ...batchAdded]);
+  }, [batchPrevious, batchAdded]);
+
+  const _addProxy = useCallback(
+    () => setAdded((added) =>
+      [...added, [
+        added.length
+          ? added[added.length - 1][0]
+          : previous.length
+            ? previous[previous.length - 1][0]
+            : api.createType('AccountId', proxiedAccount),
+        getProxyTypeInstance(api)
+      ]]
+    ),
+    [api, previous, proxiedAccount]
+  );
+
+  const _delProxy = useCallback(
+    (index: number) => setAdded((added) => added.filter((_, i) => i !== index)),
+    []
+  );
+
+  const _delPrev = useCallback(
+    (accountId: AccountId, type: NodeRuntimeProxyType, index: number): void => {
+      setPrevious((previous) => previous.filter((_, i) => i !== index));
+      setBatchPrevious((previous) => [...previous, createRmProxy(api, accountId, type)]);
+    },
+    [api]
+  );
+
+  const _changeProxyAccount = useCallback(
+    (index: number, address: string | null) => setAdded((prevState) => {
+      const newState = [...prevState];
+
+      newState[index][0] = api.createType('AccountId', address);
+
+      return newState;
+    }),
+    [api]
+  );
+
+  const _changeProxyType = useCallback(
+    (index: number, newTypeNumber: number | undefined): void =>
+      setAdded((added) => {
+        const newState = [...added];
+
+        newState[index][1] = getProxyTypeInstance(api, newTypeNumber);
+
+        return newState;
+      }),
+    [api]
+  );
+
+  const isSameAdd = added.some(([accountId]) => accountId.eq(proxiedAccount));
+
+  return (
+    <Modal
+      className={className}
+      header={t<string>('Proxy overview')}
+      onClose={onClose}
+      size='large'
+    >
+      <Modal.Content>
+        <Modal.Columns hint={t<string>('Any account set as proxy will be able to perform actions in place of the proxied account')}>
+          <InputAddress
+            isDisabled={true}
+            label={t<string>('proxied account')}
+            type='account'
+            value={proxiedAccount}
+          />
+        </Modal.Columns>
+        <Modal.Columns hint={t<string>('If you add several proxy accounts for the same proxy type (e.g 2 accounts set as proxy for Governance), then any of those 2 accounts will be able to perform governance actions on behalf of the proxied account')}>
+          {previous.map((value, index) => (
+            <PrevProxy
+              index={index}
+              key={`${value.toString()}-${index}`}
+              onRemove={_delPrev}
+              typeOpts={typeOpts.current}
+              value={value}
+            />
+          ))}
+          {added.map((value, index) => (
+            <NewProxy
+              index={index}
+              key={`${value.toString()}-${index}`}
+              onChangeAccount={_changeProxyAccount}
+              onChangeType={_changeProxyType}
+              onRemove={_delProxy}
+              proxiedAccount={proxiedAccount}
+              typeOpts={typeOpts.current}
+              value={value}
+            />
+          ))}
+          <Button.Group>
+            <Button
+              icon='plus'
+              label={t<string>('Add proxy')}
+              onClick={_addProxy}
+            />
+          </Button.Group>
+        </Modal.Columns>
+        <Modal.Columns hint={t<string>('A deposit paid by the proxied account that can not be used while the proxy is in existence. The deposit is returned when the proxy is destroyed. The amount reserved is based on the base deposit and number of proxies')}>
+          <InputBalance
+            defaultValue={reservedAmount}
+            isDisabled
+            label={t<string>('reserved balance')}
+          />
+        </Modal.Columns>
+        <Modal.Columns>
+          <BatchWarning />
+        </Modal.Columns>
+      </Modal.Content>
+      <Modal.Actions>
+        {existing.length !== 0 && (
+          <TxButton
+            accountId={proxiedAccount}
+            icon='trash-alt'
+            label={t<string>('Clear all')}
+            onStart={onClose}
+            tx={api.tx.proxy.removeProxies}
+          />
+        )}
+        <TxButton
+          accountId={proxiedAccount}
+          extrinsic={extrinsics}
+          icon='sign-in-alt'
+          isDisabled={isSameAdd || (!batchPrevious.length && !batchAdded.length)}
+          onStart={onClose}
+        />
+      </Modal.Actions>
+    </Modal>
+  );
+}
+
+export default React.memo(styled(ProxyOverview)`
+  .proxy-container {
+    display: grid;
+    grid-column-gap: 0.5rem;
+    grid-template-columns: minmax(0, 1fr) auto;
+    margin-bottom: 1rem;
+
+    .input-column {
+      grid-column: 1;
+    }
+
+    .buttons-column {
+      grid-column: 2;
+      padding-top: 0.3rem;
+    }
+  }
+`);
diff --git a/packages/page-accounts/src/modals/Qr.tsx b/packages/page-accounts/src/modals/Qr.tsx
new file mode 100644
index 0000000..9697e5b
--- /dev/null
+++ b/packages/page-accounts/src/modals/Qr.tsx
@@ -0,0 +1,183 @@
+// Copyright 2017-2022 @polkadot/app-accounts authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { ActionStatus } from '@polkadot/react-components/Status/types';
+import type { ModalProps } from '../types';
+
+import React, { useCallback, useState } from 'react';
+import styled from 'styled-components';
+
+import { AddressRow, Button, Input, InputAddress, MarkWarning, Modal, QrScanAddress } from '@polkadot/react-components';
+import { useApi, useIpfs } from '@polkadot/react-hooks';
+import { keyring } from '@polkadot/ui-keyring';
+
+import { useTranslation } from '../translate';
+import PasswordInput from './PasswordInput';
+
+interface Scanned {
+  content: string;
+  isAddress: boolean;
+  genesisHash: string;
+  name?: string;
+}
+
+interface Props extends ModalProps {
+  className?: string;
+  onClose: () => void;
+  onStatusChange: (status: ActionStatus) => void;
+}
+
+interface Address {
+  address: string;
+  isAddress: boolean;
+  scanned: Scanned | null;
+  warning?: string;
+}
+
+function QrModal ({ className = '', onClose, onStatusChange }: Props): React.ReactElement<Props> {
+  const { t } = useTranslation();
+  const { api, isEthereum } = useApi();
+  const { isIpfs } = useIpfs();
+  const [{ isNameValid, name }, setName] = useState({ isNameValid: false, name: '' });
+  const [{ address, isAddress, scanned, warning }, setAddress] = useState<Address>({ address: '', isAddress: false, scanned: null });
+  const [{ isPasswordValid, password }, setPassword] = useState({ isPasswordValid: false, password: '' });
+
+  const isValid = !!address && isNameValid && (isAddress || isPasswordValid);
+
+  const _onNameChange = useCallback(
+    (name: string) => setName({ isNameValid: !!name.trim(), name }),
+    []
+  );
+
+  const _onPasswordChange = useCallback(
+    (password: string, isPasswordValid: boolean) => setPassword({ isPasswordValid, password }),
+    []
+  );
+
+  const _onScan = useCallback(
+    (scanned: Scanned): void => {
+      setAddress({
+        address: scanned.isAddress
+          ? scanned.content
+          : keyring.createFromUri(scanned.content, {}, 'sr25519').address,
+        isAddress: scanned.isAddress,
+        scanned
+      });
+
+      if (scanned.name) {
+        _onNameChange(scanned.name);
+      }
+    },
+    [_onNameChange]
+  );
+
+  const _onError = useCallback(
+    (err: Error): void => {
+      setAddress({
+        address: '',
+        isAddress: false,
+        scanned: null,
+        warning: err.message
+      });
+    },
+    []
+  );
+
+  const _onSave = useCallback(
+    (): void => {
+      if (!scanned || !isValid) {
+        return;
+      }
+
+      const { content, isAddress } = scanned;
+      const meta = {
+        genesisHash: scanned.genesisHash || api.genesisHash.toHex(),
+        name: name.trim()
+      };
+      const account = isAddress
+        ? isEthereum ? keyring.addExternal(content).pair.address : keyring.addExternal(content, meta).pair.address
+        : keyring.addUri(content, password, meta, 'sr25519').pair.address;
+
+      InputAddress.setLastValue('account', account);
+
+      onStatusChange({
+        account,
+        action: 'create',
+        message: t<string>('created account'),
+        status: 'success'
+      });
+      onClose();
+    },
+    [api, isValid, name, onClose, onStatusChange, password, scanned, isEthereum, t]
+  );
+
+  return (
+    <Modal
+      className={className}
+      header={t<string>('Add account via Qr')}
+      onClose={onClose}
+      size='large'
+    >
+      <Modal.Content>
+        {scanned
+          ? (
+            <>
+              <Modal.Columns>
+                <AddressRow
+                  defaultName={name}
+                  noDefaultNameOpacity
+                  value={scanned.content}
+                />
+              </Modal.Columns>
+              <Modal.Columns hint={t<string>('The local name for this account. Changing this does not affect your on-line identity, so this is only used to indicate the name of the account locally.')}>
+                <Input
+                  autoFocus
+                  className='full'
+                  help={t<string>('Name given to this account. You can change it at any point in the future.')}
+                  isError={!isNameValid}
+                  label={t<string>('name')}
+                  onChange={_onNameChange}
+                  onEnter={_onSave}
+                  value={name}
+                />
+              </Modal.Columns>
+              {!isAddress && (
+                <PasswordInput
+                  onChange={_onPasswordChange}
+                  onEnter={_onSave}
+                />
+              )}
+            </>
+          )
+          : (
+            <Modal.Columns hint={t<string>('Provide the account QR from the module/external application for scanning. Once detected as valid, you will be taken to the next step to add the account to your list.')}>
+              <div className='qr-wrapper'>
+                <QrScanAddress
+                  isEthereum={isEthereum}
+                  onError={_onError}
+                  onScan={_onScan}
+                />
+              </div>
+              {warning && <MarkWarning content={warning} />}
+            </Modal.Columns>
+          )
+        }
+      </Modal.Content>
+      <Modal.Actions>
+        <Button
+          icon='plus'
+          isDisabled={!scanned || !isValid || (!isAddress && isIpfs)}
+          label={t<string>('Save')}
+          onClick={_onSave}
+        />
+      </Modal.Actions>
+    </Modal>
+  );
+}
+
+export default React.memo(styled(QrModal)`
+  .qr-wrapper {
+    margin: 0 auto;
+    max-width: 30rem;
+  }
+`);
diff --git a/packages/page-accounts/src/modals/RecoverAccount.tsx b/packages/page-accounts/src/modals/RecoverAccount.tsx
new file mode 100644
index 0000000..f7cd16d
--- /dev/null
+++ b/packages/page-accounts/src/modals/RecoverAccount.tsx
@@ -0,0 +1,56 @@
+// Copyright 2017-2022 @polkadot/app-accounts authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import React, { useState } from 'react';
+
+import { InputAddress, Modal, TxButton } from '@polkadot/react-components';
+import { useApi } from '@polkadot/react-hooks';
+
+import { useTranslation } from '../translate';
+
+interface Props {
+  address: string;
+  className?: string;
+  onClose: () => void;
+}
+
+function RecoverAccount ({ address, className = '', onClose }: Props): React.ReactElement {
+  const { t } = useTranslation();
+  const { api } = useApi();
+  const [recover, setRecover] = useState<string | null>(null);
+
+  return (
+    <Modal
+      className={className}
+      header={t<string>('Initiate account recovery')}
+      onClose={onClose}
+    >
+      <Modal.Content>
+        <InputAddress
+          isDisabled
+          label={t<string>('the account to recover to')}
+          value={address}
+        />
+        <InputAddress
+          help={t<string>('Select the account you wish to recover into this account.')}
+          label={t<string>('recover this account')}
+          onChange={setRecover}
+          type='allPlus'
+        />
+      </Modal.Content>
+      <Modal.Actions>
+        <TxButton
+          accountId={address}
+          icon='recycle'
+          isDisabled={!recover || recover === address}
+          label={t<string>('Start recovery')}
+          onStart={onClose}
+          params={[recover]}
+          tx={api.tx.recovery.initiateRecovery}
+        />
+      </Modal.Actions>
+    </Modal>
+  );
+}
+
+export default React.memo(RecoverAccount);
diff --git a/packages/page-accounts/src/modals/RecoverSetup.tsx b/packages/page-accounts/src/modals/RecoverSetup.tsx
new file mode 100644
index 0000000..f0f0f0b
--- /dev/null
+++ b/packages/page-accounts/src/modals/RecoverSetup.tsx
@@ -0,0 +1,99 @@
+// Copyright 2017-2022 @polkadot/app-accounts authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { BN } from '@polkadot/util';
+
+import React, { useState } from 'react';
+
+import { InputAddress, InputAddressMulti, InputNumber, Modal, TxButton } from '@polkadot/react-components';
+import { useApi } from '@polkadot/react-hooks';
+import { sortAddresses } from '@polkadot/util-crypto';
+
+import useKnownAddresses from '../Accounts/useKnownAddresses';
+import { useTranslation } from '../translate';
+
+interface Props {
+  address: string;
+  className?: string;
+  onClose: () => void;
+}
+
+const MAX_HELPERS = 16;
+
+function RecoverSetup ({ address, className = '', onClose }: Props): React.ReactElement {
+  const { t } = useTranslation();
+  const { api } = useApi();
+  const availableHelpers = useKnownAddresses(address);
+  const [delay, setDelay] = useState<BN | undefined>();
+  const [helpers, setHelpers] = useState<string[]>([]);
+  const [threshold, setThreshold] = useState<BN | undefined>();
+
+  const isErrorDelay = !delay;
+  const isErrorHelpers = !helpers.length;
+  const isErrorThreshold = !threshold || !threshold.gtn(0) || threshold.gtn(helpers.length);
+
+  return (
+    <Modal
+      className={className}
+      header={t<string>('Setup account as recoverable')}
+      onClose={onClose}
+      size='large'
+    >
+      <Modal.Content>
+        <Modal.Columns hint={t<string>('The recoverable account is protected against the loss of seed/access by a social process.')}>
+          <InputAddress
+            isDisabled
+            label={t<string>('the account to make recoverable')}
+            value={address}
+          />
+        </Modal.Columns>
+        <Modal.Columns
+          hint={
+            <>
+              <p>{t<string>('These are trusted individuals that can verify and approve any recovery actions. With recovery, once the threshold is reached, the funds associated with the account can be moved to a new destination.')}</p>
+              <p>{t<string>('The helpers should be able to verify, via an off-chain mechanism, that the account owner indeed wishes to recover access and as such provide any approvals. In the cases of malicious recovery procedures, they will have the power to stop it.')}</p>
+            </>
+          }
+        >
+          <InputAddressMulti
+            available={availableHelpers}
+            availableLabel={t<string>('available social recovery helpers')}
+            help={t<string>('The addresses that are able to help in recovery. You can select up to {{maxHelpers}} trusted helpers.', { replace: { maxHelpers: MAX_HELPERS } })}
+            maxCount={MAX_HELPERS}
+            onChange={setHelpers}
+            value={helpers}
+            valueLabel={t<string>('trusted social recovery helpers')}
+          />
+        </Modal.Columns>
+        <Modal.Columns hint={t<string>('The threshold for approvals and the delay is the protection associated with the account. The delay should be such that any colluding recovery attempts does have a window to stop.')}>
+          <InputNumber
+            help={t<string>('The threshold of vouches that is to be reached for the account to be recovered.')}
+            isError={isErrorThreshold}
+            label={t<string>('recovery threshold')}
+            onChange={setThreshold}
+          />
+          <InputNumber
+            help={t<string>('The delay between vouching and the availability of the recovered account.')}
+            isError={isErrorDelay}
+            isZeroable
+            label={t<string>('recovery block delay')}
+            onChange={setDelay}
+          />
+        </Modal.Columns>
+      </Modal.Content>
+      <Modal.Actions>
+        <TxButton
+          accountId={address}
+          icon='share-alt'
+          isDisabled={isErrorHelpers || isErrorThreshold || isErrorDelay}
+          label={t<string>('Make recoverable')}
+          onStart={onClose}
+          params={[sortAddresses(helpers), threshold, delay]}
+          tx={api.tx.recovery.createRecovery}
+        />
+      </Modal.Actions>
+    </Modal>
+  );
+}
+
+export default React.memo(RecoverSetup);
diff --git a/packages/page-accounts/src/modals/Transfer.tsx b/packages/page-accounts/src/modals/Transfer.tsx
new file mode 100644
index 0000000..744e9b7
--- /dev/null
+++ b/packages/page-accounts/src/modals/Transfer.tsx
@@ -0,0 +1,256 @@
+// Copyright 2017-2022 @polkadot/app-accounts authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { DeriveBalancesAll } from '@polkadot/api-derive/types';
+import type { AccountInfoWithProviders, AccountInfoWithRefCount } from '@polkadot/types/interfaces';
+import type { BN } from '@polkadot/util';
+
+import React, { useEffect, useState } from 'react';
+import styled from 'styled-components';
+
+import { checkAddress } from '@polkadot/phishing';
+import { InputAddress, InputBalance, MarkError, MarkWarning, Modal, Toggle, TxButton } from '@polkadot/react-components';
+import { useApi, useCall } from '@polkadot/react-hooks';
+import { Available } from '@polkadot/react-query';
+import { BN_HUNDRED, BN_ZERO, isFunction } from '@polkadot/util';
+
+import { useTranslation } from '../translate';
+
+interface Props {
+  className?: string;
+  onClose: () => void;
+  recipientId?: string;
+  senderId?: string;
+}
+
+function isRefcount (accountInfo: AccountInfoWithProviders | AccountInfoWithRefCount): accountInfo is AccountInfoWithRefCount {
+  return !!(accountInfo as AccountInfoWithRefCount).refcount;
+}
+
+async function checkPhishing (_senderId: string | null, recipientId: string | null): Promise<[string | null, string | null]> {
+  return [
+    // not being checked atm
+    // senderId
+    //   ? await checkAddress(senderId)
+    //   : null,
+    null,
+    recipientId
+      ? await checkAddress(recipientId)
+      : null
+  ];
+}
+
+function Transfer ({ className = '', onClose, recipientId: propRecipientId, senderId: propSenderId }: Props): React.ReactElement<Props> {
+  const { t } = useTranslation();
+  const { api } = useApi();
+  const [amount, setAmount] = useState<BN | undefined>(BN_ZERO);
+  const [hasAvailable] = useState(true);
+  const [isProtected, setIsProtected] = useState(true);
+  const [isAll, setIsAll] = useState(false);
+  const [[maxTransfer, noFees], setMaxTransfer] = useState<[BN | null, boolean]>([null, false]);
+  const [recipientId, setRecipientId] = useState<string | null>(null);
+  const [senderId, setSenderId] = useState<string | null>(null);
+  const [[, recipientPhish], setPhishing] = useState<[string | null, string | null]>([null, null]);
+  const balances = useCall<DeriveBalancesAll>(api.derive.balances?.all, [propSenderId || senderId]);
+  const accountInfo = useCall<AccountInfoWithProviders | AccountInfoWithRefCount>(api.query.system.account, [propSenderId || senderId]);
+
+  useEffect((): void => {
+    const fromId = propSenderId || senderId as string;
+    const toId = propRecipientId || recipientId as string;
+
+    if (balances && balances.accountId?.eq(fromId) && fromId && toId && isFunction(api.rpc.payment?.queryInfo)) {
+      setTimeout((): void => {
+        try {
+          api.tx.balances
+            ?.transfer(toId, balances.availableBalance)
+            .paymentInfo(fromId)
+            .then(({ partialFee }): void => {
+              const adjFee = partialFee.muln(110).div(BN_HUNDRED);
+              const maxTransfer = balances.availableBalance.sub(adjFee);
+
+              setMaxTransfer(
+                maxTransfer.gt(api.consts.balances?.existentialDeposit)
+                  ? [maxTransfer, false]
+                  : [null, true]
+              );
+            })
+            .catch(console.error);
+        } catch (error) {
+          console.error((error as Error).message);
+        }
+      }, 0);
+    } else {
+      setMaxTransfer([null, false]);
+    }
+  }, [api, balances, propRecipientId, propSenderId, recipientId, senderId]);
+
+  useEffect((): void => {
+    checkPhishing(propSenderId || senderId, propRecipientId || recipientId)
+      .then(setPhishing)
+      .catch(console.error);
+  }, [propRecipientId, propSenderId, recipientId, senderId]);
+
+  const noReference = accountInfo
+    ? isRefcount(accountInfo)
+      ? accountInfo.refcount.isZero()
+      : accountInfo.consumers.isZero()
+    : true;
+  const canToggleAll = !isProtected && balances && balances.accountId?.eq(propSenderId || senderId) && maxTransfer && noReference;
+
+  return (
+    <Modal
+      className='app--accounts-Modal'
+      header={t<string>('Send funds')}
+      onClose={onClose}
+      size='large'
+    >
+      <Modal.Content>
+        <div className={className}>
+          <Modal.Columns hint={t<string>('The transferred balance will be subtracted (along with fees) from the sender account.')}>
+            <InputAddress
+              defaultValue={propSenderId}
+              help={t<string>('The account you will send funds from.')}
+              isDisabled={!!propSenderId}
+              label={t<string>('send from account')}
+              labelExtra={
+                <Available
+                  label={t<string>('transferrable')}
+                  params={propSenderId || senderId}
+                />
+              }
+              onChange={setSenderId}
+              type='account'
+            />
+          </Modal.Columns>
+          <Modal.Columns hint={t<string>('The beneficiary will have access to the transferred fees when the transaction is included in a block.')}>
+            <InputAddress
+              defaultValue={propRecipientId}
+              help={t<string>('Select a contact or paste the address you want to send funds to.')}
+              isDisabled={!!propRecipientId}
+              label={t<string>('send to address')}
+              labelExtra={
+                <Available
+                  label={t<string>('transferrable')}
+                  params={propRecipientId || recipientId}
+                />
+              }
+              onChange={setRecipientId}
+              type='allPlus'
+            />
+            {recipientPhish && (
+              <MarkError content={t<string>('The recipient is associated with a known phishing site on {{url}}', { replace: { url: recipientPhish } })} />
+            )}
+          </Modal.Columns>
+          <Modal.Columns hint={t<string>('If the recipient account is new, the balance needs to be more than the existential deposit. Likewise if the sending account balance drops below the same value, the account will be removed from the state.')}>
+            {canToggleAll && isAll
+              ? (
+                <InputBalance
+                  autoFocus
+                  defaultValue={maxTransfer}
+                  help={t<string>('The full account balance to be transferred, minus the transaction fees')}
+                  isDisabled
+                  key={maxTransfer?.toString()}
+                  label={t<string>('transferrable minus fees')}
+                />
+              )
+              : (
+                <>
+                  <InputBalance
+                    autoFocus
+                    help={t<string>('Type the amount you want to transfer. Note that you can select the unit on the right e.g sending 1 milli is equivalent to sending 0.001.')}
+                    isError={!hasAvailable}
+                    isZeroable
+                    label={t<string>('amount')}
+                    maxValue={maxTransfer}
+                    onChange={setAmount}
+                  />
+                  <InputBalance
+                    defaultValue={api.consts.balances?.existentialDeposit}
+                    help={t<string>('The minimum amount that an account should have to be deemed active')}
+                    isDisabled
+                    label={t<string>('existential deposit')}
+                  />
+                </>
+              )
+            }
+          </Modal.Columns>
+          <Modal.Columns hint={t('With the keep-alive option set, the account is protected against removal due to low balances.')}>
+            {isFunction(api.tx.balances?.transferKeepAlive) && (
+              <Toggle
+                className='typeToggle'
+                label={
+                  isProtected
+                    ? t<string>('Transfer with account keep-alive checks')
+                    : t<string>('Normal transfer without keep-alive checks')
+                }
+                onChange={setIsProtected}
+                value={isProtected}
+              />
+            )}
+            {canToggleAll && (
+              <Toggle
+                className='typeToggle'
+                label={t<string>('Transfer the full account balance, reap the sender')}
+                onChange={setIsAll}
+                value={isAll}
+              />
+            )}
+            {!isProtected && !noReference && (
+              <MarkWarning content={t<string>('There is an existing reference count on the sender account. As such the account cannot be reaped from the state.')} />
+            )}
+            {noFees && (
+              <MarkWarning content={t<string>('The transaction, after application of the transfer fees, will drop the available balance below the existential deposit. As such the transfer will fail. The account needs more free funds to cover the transaction fees.')} />
+            )}
+          </Modal.Columns>
+        </div>
+      </Modal.Content>
+      <Modal.Actions>
+        <TxButton
+          accountId={propSenderId || senderId}
+          icon='paper-plane'
+          isDisabled={!hasAvailable || !(propRecipientId || recipientId) || !amount || !!recipientPhish}
+          label={t<string>('Make Transfer')}
+          onStart={onClose}
+          params={
+            canToggleAll && isAll
+              ? isFunction(api.tx.balances?.transferAll)
+                ? [propRecipientId || recipientId, false]
+                : [propRecipientId || recipientId, maxTransfer]
+              : [propRecipientId || recipientId, amount]
+          }
+          tx={
+            canToggleAll && isAll && isFunction(api.tx.balances?.transferAll)
+              ? api.tx.balances?.transferAll
+              : isProtected
+                ? api.tx.balances?.transferKeepAlive
+                : api.tx.balances?.transfer
+          }
+        />
+      </Modal.Actions>
+    </Modal>
+  );
+}
+
+export default React.memo(styled(Transfer)`
+  .balance {
+    margin-bottom: 0.5rem;
+    text-align: right;
+    padding-right: 1rem;
+
+    .label {
+      opacity: 0.7;
+    }
+  }
+
+  label.with-help {
+    flex-basis: 10rem;
+  }
+
+  .typeToggle {
+    text-align: right;
+  }
+
+  .typeToggle+.typeToggle {
+    margin-top: 0.375rem;
+  }
+`);
diff --git a/packages/page-accounts/src/modals/Undelegate.tsx b/packages/page-accounts/src/modals/Undelegate.tsx
new file mode 100644
index 0000000..0c7eebc
--- /dev/null
+++ b/packages/page-accounts/src/modals/Undelegate.tsx
@@ -0,0 +1,49 @@
+// Copyright 2017-2022 @polkadot/app-staking authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import React from 'react';
+
+import { InputAddress, Modal, TxButton } from '@polkadot/react-components';
+import { useApi } from '@polkadot/react-hooks';
+
+import { useTranslation } from '../translate';
+
+interface Props {
+  accountDelegating: string | null;
+  onClose: () => void;
+}
+
+function Undelegate ({ accountDelegating, onClose }: Props): React.ReactElement<Props> {
+  const { t } = useTranslation();
+  const { api } = useApi();
+
+  return (
+    <Modal
+      className='staking--Undelegate'
+      header= {t<string>('Undelegate')}
+      onClose={onClose}
+      size='large'
+    >
+      <Modal.Content>
+        <Modal.Columns hint={t<string>('You will remove any delegation made by this acccount')}>
+          <InputAddress
+            defaultValue={accountDelegating}
+            isDisabled
+            label={t<string>('delegating account')}
+          />
+        </Modal.Columns>
+      </Modal.Content>
+      <Modal.Actions>
+        <TxButton
+          accountId={accountDelegating}
+          icon='sign-in-alt'
+          label={t<string>('Undelegate')}
+          onStart={onClose}
+          tx={api.tx.democracy.undelegate}
+        />
+      </Modal.Actions>
+    </Modal>
+  );
+}
+
+export default React.memo(Undelegate);
diff --git a/packages/page-accounts/src/translate.ts b/packages/page-accounts/src/translate.ts
new file mode 100644
index 0000000..167bd24
--- /dev/null
+++ b/packages/page-accounts/src/translate.ts
@@ -0,0 +1,10 @@
+// Copyright 2017-2022 @polkadot/app-accounts authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { UseTranslationResponse } from 'react-i18next';
+
+import { useTranslation as useTranslationBase } from 'react-i18next';
+
+export function useTranslation (): UseTranslationResponse<'app-accounts', undefined> {
+  return useTranslationBase('app-accounts');
+}
diff --git a/packages/page-accounts/src/types.ts b/packages/page-accounts/src/types.ts
new file mode 100644
index 0000000..907bc26
--- /dev/null
+++ b/packages/page-accounts/src/types.ts
@@ -0,0 +1,77 @@
+// Copyright 2017-2022 @polkadot/app-accounts authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { ActionStatus } from '@polkadot/react-components/Status/types';
+import type { Balance, Conviction } from '@polkadot/types/interfaces';
+import type { KeyringAddress } from '@polkadot/ui-keyring/types';
+import type { BN } from '@polkadot/util';
+
+import { WithTranslation } from 'react-i18next';
+
+export { AppProps as ComponentProps } from '@polkadot/react-components/types';
+
+export interface BareProps {
+  className?: string;
+}
+
+export interface I18nProps extends BareProps, WithTranslation {}
+
+export interface ModalProps {
+  onClose: () => void;
+  onStatusChange: (status: ActionStatus) => void;
+}
+
+export interface Delegation {
+  accountDelegated: string
+  amount: Balance
+  conviction: Conviction
+}
+
+export interface SortedAccount {
+  account?: KeyringAddress;
+  address: string;
+  delegation?: Delegation;
+  isFavorite: boolean;
+}
+
+export interface AccountBalance {
+  total: BN;
+  locked: BN;
+  transferrable: BN;
+  bonded: BN;
+  redeemable: BN;
+  unbonding: BN;
+}
+
+export type PairType = 'ecdsa' | 'ed25519' | 'ed25519-ledger' | 'ethereum' | 'sr25519';
+
+export interface CreateProps extends ModalProps {
+  className?: string;
+  onClose: () => void;
+  onStatusChange: (status: ActionStatus) => void;
+  seed?: string;
+  type?: PairType;
+}
+
+export type SeedType = 'bip' | 'raw' | 'dev';
+
+export interface AddressState {
+  address: string | null;
+  derivePath: string;
+  deriveValidation?: DeriveValidationOutput
+  isSeedValid: boolean;
+  pairType: PairType;
+  seed: string;
+  seedType: SeedType;
+}
+
+export interface CreateOptions {
+  genesisHash?: string;
+  name: string;
+  tags?: string[];
+}
+
+export interface DeriveValidationOutput {
+  error?: string;
+  warning?: string;
+}
diff --git a/packages/page-accounts/src/useCounter.ts b/packages/page-accounts/src/useCounter.ts
new file mode 100644
index 0000000..04775c3
--- /dev/null
+++ b/packages/page-accounts/src/useCounter.ts
@@ -0,0 +1,12 @@
+// Copyright 2017-2022 @polkadot/app-accounts authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import { createNamedHook, useAccounts } from '@polkadot/react-hooks';
+
+function useCounterImpl (): string | null {
+  const { hasAccounts } = useAccounts();
+
+  return hasAccounts ? null : '!';
+}
+
+export default createNamedHook('useCounter', useCounterImpl);
diff --git a/packages/page-accounts/src/util.tsx b/packages/page-accounts/src/util.tsx
new file mode 100644
index 0000000..1b20b65
--- /dev/null
+++ b/packages/page-accounts/src/util.tsx
@@ -0,0 +1,120 @@
+// Copyright 2017-2022 @polkadot/app-accounts authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { ActionStatus } from '@polkadot/react-components/Status/types';
+import type { DisplayedJudgement } from '@polkadot/react-components/types';
+import type { AccountId, AccountIndex, Address } from '@polkadot/types/interfaces';
+import type { CreateResult } from '@polkadot/ui-keyring/types';
+import type { AccountBalance, SortedAccount } from './types';
+
+import FileSaver from 'file-saver';
+import React from 'react';
+
+import { getEnvironment } from '@polkadot/react-api/util';
+import { InputAddress, Menu } from '@polkadot/react-components';
+import { getAccountCryptoType, getAddressMeta } from '@polkadot/react-components/util';
+import { BN_ZERO } from '@polkadot/util';
+
+export function createMenuGroup (key: string, items: (React.ReactNode | false | undefined | null)[], header?: string): React.ReactNode | null {
+  const filtered = items.filter((item): item is React.ReactNode => !!item);
+
+  return filtered.length
+    ? <React.Fragment key={key}>
+      <Menu.Divider />
+      {header ? <Menu.Header>{header}</Menu.Header> : null}
+      {filtered}
+    </React.Fragment>
+    : null;
+}
+
+export type AccountIdIsh = AccountId | AccountIndex | Address | string | Uint8Array | null;
+
+export function downloadAccount ({ json, pair }: CreateResult): void {
+  FileSaver.saveAs(
+    new Blob([JSON.stringify(json)], { type: 'application/json; charset=utf-8' }),
+    `${pair.address}.json`
+  );
+}
+
+export function tryCreateAccount (commitAccount: () => CreateResult, success: string): ActionStatus {
+  const status: ActionStatus = {
+    action: 'create',
+    message: success,
+    status: 'success'
+  };
+
+  try {
+    const result = commitAccount();
+    const address = result.pair.address;
+
+    status.account = address;
+
+    if (getEnvironment() === 'web') {
+      downloadAccount(result);
+    }
+
+    downloadAccount(result);
+    InputAddress.setLastValue('account', address);
+  } catch (error) {
+    status.status = 'error';
+    status.message = (error as Error).message;
+  }
+
+  return status;
+}
+
+export const sortCategory = ['parent', 'name', 'date', 'balances', 'type'] as const;
+export type SortCategory = typeof sortCategory[number];
+
+const comparator = (accounts: Record<string, SortedAccount | undefined>, balances: Record<string, AccountBalance | undefined>, category: SortCategory, fromMax: boolean) => {
+  function accountQualifiedName (account: SortedAccount | undefined): string {
+    if (account) {
+      const parent = (account.account?.meta.parentAddress || '') as string;
+
+      return accountQualifiedName(accounts[parent]) + account.address;
+    } else {
+      return '';
+    }
+  }
+
+  function make <T> (getValue: (acc: SortedAccount) => T, compare: (a: T, b: T) => number) {
+    const mult = fromMax ? 1 : -1;
+
+    return (a: SortedAccount, b: SortedAccount) =>
+      mult * compare(getValue(a), getValue(b));
+  }
+
+  switch (category) {
+    case 'parent':
+      // We need to ensure that parent will be adjacent to its children
+      // so we use format '...<grand-parent-addr><parent-addr><account-addr>'
+      return make(accountQualifiedName, (a, b) => a.localeCompare(b));
+
+    case 'name':
+      return make((acc) => getAddressMeta(acc.address).name ?? '', (a, b) => a.localeCompare(b));
+
+    case 'date':
+      return make((acc) => acc.account?.meta.whenCreated ?? 0, (a, b) => a - b);
+
+    case 'balances':
+      return make((acc) => balances[acc.address]?.total ?? BN_ZERO, (a, b) => a.cmp(b));
+
+    case 'type':
+      return make((acc) => getAccountCryptoType(acc.address), (a, b) => a.localeCompare(b));
+  }
+};
+
+export function sortAccounts (accountsList: SortedAccount[], accountsMap: Record<string, SortedAccount>, balances: Record<string, AccountBalance>, by: SortCategory, fromMax: boolean): SortedAccount[] {
+  return [...accountsList]
+    .sort(comparator(accountsMap, balances, by, fromMax))
+    .sort((a, b) =>
+      a.isFavorite === b.isFavorite
+        ? 0
+        : b.isFavorite
+          ? 1
+          : -1);
+}
+
+export const getJudgementColor = (name: DisplayedJudgement): 'green' | 'red' => {
+  return (name === 'Erroneous' || name === 'Low quality') ? 'red' : 'green';
+};
diff --git a/packages/page-accounts/test/pageElements/AccountRow.tsx b/packages/page-accounts/test/pageElements/AccountRow.tsx
new file mode 100644
index 0000000..25fe9a9
--- /dev/null
+++ b/packages/page-accounts/test/pageElements/AccountRow.tsx
@@ -0,0 +1,14 @@
+// Copyright 2017-2022 @polkadot/page-accounts authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import { within } from '@testing-library/react';
+
+import { Row } from '@polkadot/test-support/pagesElements/Row';
+
+export class AccountRow extends Row {
+  async assertParentAccountName (expectedParentAccount: string): Promise<void> {
+    const parentAccount = await within(this.primaryRow).findByTestId('parent');
+
+    expect(parentAccount).toHaveTextContent(expectedParentAccount);
+  }
+}
diff --git a/packages/page-accounts/test/pages/accountsPage.tsx b/packages/page-accounts/test/pages/accountsPage.tsx
new file mode 100644
index 0000000..bab8184
--- /dev/null
+++ b/packages/page-accounts/test/pages/accountsPage.tsx
@@ -0,0 +1,99 @@
+// Copyright 2017-2022 @polkadot/page-accounts authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import { fireEvent, screen, within } from '@testing-library/react';
+import React from 'react';
+
+import { anAccount } from '@polkadot/test-support/creation/account';
+import { Page } from '@polkadot/test-support/pages/Page';
+import { Sidebar } from '@polkadot/test-support/pagesElements/Sidebar';
+import { AccountOverrides } from '@polkadot/test-support/types';
+import { assertText, clickButton } from '@polkadot/test-support/utils/renderedScreenUtils';
+
+import AccountOverview from '../../src/Accounts/index';
+import { AccountRow } from '../pageElements/AccountRow';
+
+export class AccountsPage extends Page {
+  constructor () {
+    super(<AccountOverview />, 'Account-');
+  }
+
+  async getAccountRows (): Promise<AccountRow[]> {
+    const table = await this.getTable();
+    const rows = await table.getRows();
+
+    return rows.map((row) => new AccountRow(row.primaryRow, row.detailsRow));
+  }
+
+  async reverseSortingOrder (): Promise<void> {
+    const sortingComponent = await this.getSortByComponent();
+    const reverseOrderButton = await within(sortingComponent).findByRole('button');
+
+    fireEvent.click(reverseOrderButton);
+  }
+
+  async sortBy (category: string): Promise<void> {
+    const currentCategory = await this.getCurrentSortCategory();
+
+    fireEvent.click(currentCategory);
+
+    const selectedCategory = await this.getSortCategory(category);
+
+    fireEvent.click(selectedCategory);
+  }
+
+  async getCurrentSortCategory (): Promise<HTMLElement> {
+    const sortByComponent = await this.getSortByComponent();
+
+    return within(sortByComponent).findByRole('alert');
+  }
+
+  async enterCreateAccountModal (): Promise<void> {
+    this.render([]);
+    await clickButton('Add account');
+
+    await assertText('Add an account via seed 1/3');
+  }
+
+  renderAccountsWithDefaultAddresses (...overrides: AccountOverrides[]): void {
+    const accounts = overrides.map((accountProperties, index) =>
+      [this.defaultAddresses[index], accountProperties] as [string, AccountOverrides]);
+
+    this.render(accounts);
+  }
+
+  renderAccountsForAddresses (...addresses: string[]): void {
+    const accounts = addresses.map((address) => [address, anAccount()] as [string, AccountOverrides]);
+
+    this.render(accounts);
+  }
+
+  renderDefaultAccounts (accountsNumber: number): void {
+    const accounts = Array.from({ length: accountsNumber },
+      (_, index) => [this.defaultAddresses[index], anAccount()] as [string, AccountOverrides]);
+
+    this.render(accounts);
+  }
+
+  async openSidebarForRow (accountRowIndex: number): Promise<Sidebar> {
+    const accountRows = await this.getAccountRows();
+
+    return accountRows[accountRowIndex].openSidebar();
+  }
+
+  private async getSortCategory (categoryName: string): Promise<HTMLElement> {
+    const sortByComponent = await this.getSortByComponent();
+    const availableCategories = await within(sortByComponent).findAllByRole('option');
+    const selectedCategory = availableCategories.find((category) => category.textContent === categoryName);
+
+    expect(selectedCategory).not.toBeUndefined();
+
+    return selectedCategory as HTMLElement;
+  }
+
+  private async getSortByComponent (): Promise<HTMLElement> {
+    this.assertRendered();
+
+    return await screen.findByTestId('sort-by-section');
+  }
+}
diff --git a/packages/page-accounts/tsconfig.build.json b/packages/page-accounts/tsconfig.build.json
new file mode 100644
index 0000000..da24d9f
--- /dev/null
+++ b/packages/page-accounts/tsconfig.build.json
@@ -0,0 +1,9 @@
+{
+  "extends": "../../tsconfig.base.json",
+  "compilerOptions": {
+    "baseUrl": "..",
+    "outDir": "./build",
+    "rootDir": "./src"
+  },
+  "references": []
+}
diff --git a/packages/page-addresses/.skip-build b/packages/page-addresses/.skip-build
new file mode 100644
index 0000000..e69de29
diff --git a/packages/page-addresses/.skip-npm b/packages/page-addresses/.skip-npm
new file mode 100644
index 0000000..e69de29
diff --git a/packages/page-addresses/LICENSE b/packages/page-addresses/LICENSE
new file mode 100644
index 0000000..0d381b2
--- /dev/null
+++ b/packages/page-addresses/LICENSE
@@ -0,0 +1,201 @@
+                              Apache License
+                        Version 2.0, January 2004
+                    http://www.apache.org/licenses/
+
+TERMS AND CONDITIONS FOR USE, REPRODUCTION, AND DISTRIBUTION
+
+1. Definitions.
+
+  "License" shall mean the terms and conditions for use, reproduction,
+  and distribution as defined by Sections 1 through 9 of this document.
+
+  "Licensor" shall mean the copyright owner or entity authorized by
+  the copyright owner that is granting the License.
+
+  "Legal Entity" shall mean the union of the acting entity and all
+  other entities that control, are controlled by, or are under common
+  control with that entity. For the purposes of this definition,
+  "control" means (i) the power, direct or indirect, to cause the
+  direction or management of such entity, whether by contract or
+  otherwise, or (ii) ownership of fifty percent (50%) or more of the
+  outstanding shares, or (iii) beneficial ownership of such entity.
+
+  "You" (or "Your") shall mean an individual or Legal Entity
+  exercising permissions granted by this License.
+
+  "Source" form shall mean the preferred form for making modifications,
+  including but not limited to software source code, documentation
+  source, and configuration files.
+
+  "Object" form shall mean any form resulting from mechanical
+  transformation or translation of a Source form, including but
+  not limited to compiled object code, generated documentation,
+  and conversions to other media types.
+
+  "Work" shall mean the work of authorship, whether in Source or
+  Object form, made available under the License, as indicated by a
+  copyright notice that is included in or attached to the work
+  (an example is provided in the Appendix below).
+
+  "Derivative Works" shall mean any work, whether in Source or Object
+  form, that is based on (or derived from) the Work and for which the
+  editorial revisions, annotations, elaborations, or other modifications
+  represent, as a whole, an original work of authorship. For the purposes
+  of this License, Derivative Works shall not include works that remain
+  separable from, or merely link (or bind by name) to the interfaces of,
+  the Work and Derivative Works thereof.
+
+  "Contribution" shall mean any work of authorship, including
+  the original version of the Work and any modifications or additions
+  to that Work or Derivative Works thereof, that is intentionally
+  submitted to Licensor for inclusion in the Work by the copyright owner
+  or by an individual or Legal Entity authorized to submit on behalf of
+  the copyright owner. For the purposes of this definition, "submitted"
+  means any form of electronic, verbal, or written communication sent
+  to the Licensor or its representatives, including but not limited to
+  communication on electronic mailing lists, source code control systems,
+  and issue tracking systems that are managed by, or on behalf of, the
+  Licensor for the purpose of discussing and improving the Work, but
+  excluding communication that is conspicuously marked or otherwise
+  designated in writing by the copyright owner as "Not a Contribution."
+
+  "Contributor" shall mean Licensor and any individual or Legal Entity
+  on behalf of whom a Contribution has been received by Licensor and
+  subsequently incorporated within the Work.
+
+2. Grant of Copyright License. Subject to the terms and conditions of
+  this License, each Contributor hereby grants to You a perpetual,
+  worldwide, non-exclusive, no-charge, royalty-free, irrevocable
+  copyright license to reproduce, prepare Derivative Works of,
+  publicly display, publicly perform, sublicense, and distribute the
+  Work and such Derivative Works in Source or Object form.
+
+3. Grant of Patent License. Subject to the terms and conditions of
+  this License, each Contributor hereby grants to You a perpetual,
+  worldwide, non-exclusive, no-charge, royalty-free, irrevocable
+  (except as stated in this section) patent license to make, have made,
+  use, offer to sell, sell, import, and otherwise transfer the Work,
+  where such license applies only to those patent claims licensable
+  by such Contributor that are necessarily infringed by their
+  Contribution(s) alone or by combination of their Contribution(s)
+  with the Work to which such Contribution(s) was submitted. If You
+  institute patent litigation against any entity (including a
+  cross-claim or counterclaim in a lawsuit) alleging that the Work
+  or a Contribution incorporated within the Work constitutes direct
+  or contributory patent infringement, then any patent licenses
+  granted to You under this License for that Work shall terminate
+  as of the date such litigation is filed.
+
+4. Redistribution. You may reproduce and distribute copies of the
+  Work or Derivative Works thereof in any medium, with or without
+  modifications, and in Source or Object form, provided that You
+  meet the following conditions:
+
+  (a) You must give any other recipients of the Work or
+      Derivative Works a copy of this License; and
+
+  (b) You must cause any modified files to carry prominent notices
+      stating that You changed the files; and
+
+  (c) You must retain, in the Source form of any Derivative Works
+      that You distribute, all copyright, patent, trademark, and
+      attribution notices from the Source form of the Work,
+      excluding those notices that do not pertain to any part of
+      the Derivative Works; and
+
+  (d) If the Work includes a "NOTICE" text file as part of its
+      distribution, then any Derivative Works that You distribute must
+      include a readable copy of the attribution notices contained
+      within such NOTICE file, excluding those notices that do not
+      pertain to any part of the Derivative Works, in at least one
+      of the following places: within a NOTICE text file distributed
+      as part of the Derivative Works; within the Source form or
+      documentation, if provided along with the Derivative Works; or,
+      within a display generated by the Derivative Works, if and
+      wherever such third-party notices normally appear. The contents
+      of the NOTICE file are for informational purposes only and
+      do not modify the License. You may add Your own attribution
+      notices within Derivative Works that You distribute, alongside
+      or as an addendum to the NOTICE text from the Work, provided
+      that such additional attribution notices cannot be construed
+      as modifying the License.
+
+  You may add Your own copyright statement to Your modifications and
+  may provide additional or different license terms and conditions
+  for use, reproduction, or distribution of Your modifications, or
+  for any such Derivative Works as a whole, provided Your use,
+  reproduction, and distribution of the Work otherwise complies with
+  the conditions stated in this License.
+
+5. Submission of Contributions. Unless You explicitly state otherwise,
+  any Contribution intentionally submitted for inclusion in the Work
+  by You to the Licensor shall be under the terms and conditions of
+  this License, without any additional terms or conditions.
+  Notwithstanding the above, nothing herein shall supersede or modify
+  the terms of any separate license agreement you may have executed
+  with Licensor regarding such Contributions.
+
+6. Trademarks. This License does not grant permission to use the trade
+  names, trademarks, service marks, or product names of the Licensor,
+  except as required for reasonable and customary use in describing the
+  origin of the Work and reproducing the content of the NOTICE file.
+
+7. Disclaimer of Warranty. Unless required by applicable law or
+  agreed to in writing, Licensor provides the Work (and each
+  Contributor provides its Contributions) on an "AS IS" BASIS,
+  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or
+  implied, including, without limitation, any warranties or conditions
+  of TITLE, NON-INFRINGEMENT, MERCHANTABILITY, or FITNESS FOR A
+  PARTICULAR PURPOSE. You are solely responsible for determining the
+  appropriateness of using or redistributing the Work and assume any
+  risks associated with Your exercise of permissions under this License.
+
+8. Limitation of Liability. In no event and under no legal theory,
+  whether in tort (including negligence), contract, or otherwise,
+  unless required by applicable law (such as deliberate and grossly
+  negligent acts) or agreed to in writing, shall any Contributor be
+  liable to You for damages, including any direct, indirect, special,
+  incidental, or consequential damages of any character arising as a
+  result of this License or out of the use or inability to use the
+  Work (including but not limited to damages for loss of goodwill,
+  work stoppage, computer failure or malfunction, or any and all
+  other commercial damages or losses), even if such Contributor
+  has been advised of the possibility of such damages.
+
+9. Accepting Warranty or Additional Liability. While redistributing
+  the Work or Derivative Works thereof, You may choose to offer,
+  and charge a fee for, acceptance of support, warranty, indemnity,
+  or other liability obligations and/or rights consistent with this
+  License. However, in accepting such obligations, You may act only
+  on Your own behalf and on Your sole responsibility, not on behalf
+  of any other Contributor, and only if You agree to indemnify,
+  defend, and hold each Contributor harmless for any liability
+  incurred by, or claims asserted against, such Contributor by reason
+  of your accepting any such warranty or additional liability.
+
+END OF TERMS AND CONDITIONS
+
+APPENDIX: How to apply the Apache License to your work.
+
+  To apply the Apache License to your work, attach the following
+  boilerplate notice, with the fields enclosed by brackets "[]"
+  replaced with your own identifying information. (Don't include
+  the brackets!)  The text should be enclosed in the appropriate
+  comment syntax for the file format. We also recommend that a
+  file or class name and description of purpose be included on the
+  same "printed page" as the copyright notice for easier
+  identification within third-party archives.
+
+Copyright [yyyy] [name of copyright owner]
+
+Licensed under the Apache License, Version 2.0 (the "License");
+you may not use this file except in compliance with the License.
+You may obtain a copy of the License at
+
+    http://www.apache.org/licenses/LICENSE-2.0
+
+Unless required by applicable law or agreed to in writing, software
+distributed under the License is distributed on an "AS IS" BASIS,
+WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+See the License for the specific language governing permissions and
+limitations under the License.
diff --git a/packages/page-addresses/README.md b/packages/page-addresses/README.md
new file mode 100644
index 0000000..bbfb07e
--- /dev/null
+++ b/packages/page-addresses/README.md
@@ -0,0 +1 @@
+# @polkadot/app-addresses
diff --git a/packages/page-addresses/package.json b/packages/page-addresses/package.json
new file mode 100644
index 0000000..c53446a
--- /dev/null
+++ b/packages/page-addresses/package.json
@@ -0,0 +1,24 @@
+{
+  "bugs": "https://github.com/polkadot-js/apps/issues",
+  "homepage": "https://github.com/polkadot-js/apps/tree/master/packages/page-addresses#readme",
+  "license": "Apache-2.0",
+  "name": "@polkadot/app-addresses",
+  "private": true,
+  "repository": {
+    "directory": "packages/page-addresses",
+    "type": "git",
+    "url": "https://github.com/polkadot-js/apps.git"
+  },
+  "sideEffects": false,
+  "type": "module",
+  "version": "0.112.2-14",
+  "dependencies": {
+    "@babel/runtime": "^7.17.9",
+    "@polkadot/react-components": "^0.112.2-14",
+    "file-saver": "^2.0.5"
+  },
+  "devDependencies": {
+    "@testing-library/react": "^12.1.4",
+    "testcontainers": "^8.6.0"
+  }
+}
diff --git a/packages/page-addresses/src/Contacts/Address.tsx b/packages/page-addresses/src/Contacts/Address.tsx
new file mode 100644
index 0000000..1d8254b
--- /dev/null
+++ b/packages/page-addresses/src/Contacts/Address.tsx
@@ -0,0 +1,328 @@
+// Copyright 2017-2022 @polkadot/app-addresses authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { ActionStatus } from '@polkadot/react-components/Status/types';
+import type { ThemeDef } from '@polkadot/react-components/types';
+import type { KeyringAddress } from '@polkadot/ui-keyring/types';
+
+import React, { useCallback, useContext, useEffect, useState } from 'react';
+import styled, { ThemeContext } from 'styled-components';
+
+import Transfer from '@polkadot/app-accounts/modals/Transfer';
+import { AddressInfo, AddressSmall, Button, ChainLock, ExpandButton, Forget, Icon, LinkExternal, Menu, Popup, Tags } from '@polkadot/react-components';
+import { useApi, useBalancesAll, useDeriveAccountInfo, useToggle } from '@polkadot/react-hooks';
+import { keyring } from '@polkadot/ui-keyring';
+import { BN_ZERO, formatNumber, isFunction } from '@polkadot/util';
+
+import { useTranslation } from '../translate';
+
+interface Props {
+  address: string;
+  className?: string;
+  filter: string;
+  isFavorite: boolean;
+  toggleFavorite: (address: string) => void;
+}
+
+const isEditable = true;
+
+function Address ({ address, className = '', filter, isFavorite, toggleFavorite }: Props): React.ReactElement<Props> | null {
+  const { t } = useTranslation();
+  const { theme } = useContext(ThemeContext as React.Context<ThemeDef>);
+  const api = useApi();
+  const info = useDeriveAccountInfo(address);
+  const balancesAll = useBalancesAll(address);
+  const [tags, setTags] = useState<string[]>([]);
+  const [accName, setAccName] = useState('');
+  const [current, setCurrent] = useState<KeyringAddress | null>(null);
+  const [genesisHash, setGenesisHash] = useState<string | null>(null);
+  const [isForgetOpen, setIsForgetOpen] = useState(false);
+  const [isTransferOpen, setIsTransferOpen] = useState(false);
+  const [isVisible, setIsVisible] = useState(true);
+  const [isExpanded, toggleIsExpanded] = useToggle(false);
+
+  const _setTags = useCallback(
+    (tags: string[]): void => setTags(tags.sort()),
+    []
+  );
+
+  useEffect((): void => {
+    const current = keyring.getAddress(address);
+
+    setCurrent(current || null);
+    setGenesisHash((current && current.meta.genesisHash) || null);
+  // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, []);
+
+  useEffect((): void => {
+    const { identity, nickname } = info || {};
+
+    if (isFunction(api.api.query.identity?.identityOf)) {
+      if (identity?.display) {
+        setAccName(identity.display);
+      }
+    } else if (nickname) {
+      setAccName(nickname);
+    }
+  }, [api, info]);
+
+  useEffect((): void => {
+    const account = keyring.getAddress(address);
+
+    _setTags(account?.meta?.tags as string[] || []);
+    setAccName(account?.meta?.name || '');
+  }, [_setTags, address]);
+
+  useEffect((): void => {
+    if (filter.length === 0) {
+      setIsVisible(true);
+    } else {
+      const _filter = filter.toLowerCase();
+
+      setIsVisible(
+        tags.reduce((result: boolean, tag: string): boolean => {
+          return result || tag.toLowerCase().includes(_filter);
+        }, accName.toLowerCase().includes(_filter))
+      );
+    }
+  }, [accName, filter, tags]);
+
+  const _onGenesisChange = useCallback(
+    (genesisHash: string | null): void => {
+      setGenesisHash(genesisHash);
+
+      const account = keyring.getAddress(address);
+
+      account && keyring.saveAddress(address, { ...account.meta, genesisHash });
+
+      setGenesisHash(genesisHash);
+    },
+    [address]
+  );
+
+  const _onFavorite = useCallback(
+    (): void => toggleFavorite(address),
+    [address, toggleFavorite]
+  );
+
+  const _toggleForget = useCallback(
+    (): void => setIsForgetOpen(!isForgetOpen),
+    [isForgetOpen]
+  );
+
+  const _toggleTransfer = useCallback(
+    (): void => setIsTransferOpen(!isTransferOpen),
+    [isTransferOpen]
+  );
+
+  const _onForget = useCallback(
+    (): void => {
+      if (address) {
+        const status: Partial<ActionStatus> = {
+          account: address,
+          action: 'forget'
+        };
+
+        try {
+          keyring.forgetAddress(address);
+          status.status = 'success';
+          status.message = t<string>('address forgotten');
+        } catch (error) {
+          status.status = 'error';
+          status.message = (error as Error).message;
+        }
+      }
+    },
+    [address, t]
+  );
+
+  if (!isVisible) {
+    return null;
+  }
+
+  const PopupDropdown = (
+    <Menu>
+      <Menu.Item
+        isDisabled={!isEditable}
+        onClick={_toggleForget}
+      >
+        {t<string>('Forget this address')}
+      </Menu.Item>
+      {isEditable && !api.isDevelopment && (
+        <>
+          <Menu.Divider />
+          <ChainLock
+            className='addresses--network-toggle'
+            genesisHash={genesisHash}
+            onChange={_onGenesisChange}
+          />
+        </>
+      )}
+    </Menu>
+  );
+
+  return (
+    <>
+      <tr className={`${className}${isExpanded ? ' noBorder' : ''}`}>
+        <td className='favorite'>
+          <Icon
+            color={isFavorite ? 'orange' : 'gray'}
+            icon='star'
+            onClick={_onFavorite}
+          />
+        </td>
+        <td className='address'>
+          <AddressSmall value={address} />
+          {address && current && (
+            <>
+              {isForgetOpen && (
+                <Forget
+                  address={current.address}
+                  key='modal-forget-account'
+                  mode='address'
+                  onClose={_toggleForget}
+                  onForget={_onForget}
+                />
+              )}
+              {isTransferOpen && (
+                <Transfer
+                  key='modal-transfer'
+                  onClose={_toggleTransfer}
+                  recipientId={address}
+                />
+              )}
+            </>
+          )}
+        </td>
+        <td className='number media--1500'>
+          {balancesAll?.accountNonce.gt(BN_ZERO) && formatNumber(balancesAll.accountNonce)}
+        </td>
+        <td className='number'>
+          <AddressInfo
+            address={address}
+            balancesAll={balancesAll}
+            withBalance={{
+              available: false,
+              bonded: false,
+              locked: false,
+              redeemable: false,
+              reserved: false,
+              total: true,
+              unlocking: false,
+              vested: false
+            }}
+            withExtended={false}
+          />
+        </td>
+        <td className='links media--1400'>
+          <LinkExternal
+            className='ui--AddressCard-exporer-link'
+            data={address}
+            isLogo
+            type='address'
+          />
+        </td>
+        <td className='fast-actions-addresses'>
+          <div className='fast-actions-row'>
+            {isFunction(api.api.tx.balances?.transfer) && (
+              <Button
+                className='send-button'
+                icon='paper-plane'
+                key='send'
+                label={t<string>('send')}
+                onClick={_toggleTransfer}
+              />
+            )}
+            <Popup
+              className={`theme--${theme}`}
+              value={PopupDropdown}
+            />
+            <ExpandButton
+              expanded={isExpanded}
+              onClick={toggleIsExpanded}
+            />
+          </div>
+        </td>
+      </tr>
+      <tr className={`${className} ${isExpanded ? 'isExpanded' : 'isCollapsed'}`}>
+        <td />
+        <td>
+          <div
+            className='tags'
+            data-testid='tags'
+          >
+            <Tags
+              value={tags}
+              withTitle
+            />
+          </div>
+        </td>
+        <td className='number media--1500' />
+        <td>
+          <AddressInfo
+            address={address}
+            balancesAll={balancesAll}
+            withBalance={{
+              available: true,
+              bonded: true,
+              locked: true,
+              redeemable: true,
+              reserved: true,
+              total: false,
+              unlocking: true,
+              vested: true
+            }}
+            withExtended={false}
+          />
+        </td>
+        <td colSpan={2} />
+      </tr>
+    </>
+  );
+}
+
+export default React.memo(styled(Address)`
+  &.isCollapsed {
+    visibility: collapse;
+  }
+
+  &.isExpanded {
+    visibility: visible;
+  }
+
+  .tags {
+    width: 100%;
+    min-height: 1.5rem;
+  }
+
+  && td.button {
+    padding-bottom: 0.5rem;
+  }
+
+  .fast-actions-addresses {
+    padding-left: 0.2rem;
+    padding-right: 1rem;
+    width: 1%;
+
+    .fast-actions-row {
+      display: flex;
+      align-items: center;
+      justify-content: flex-end;
+
+      & > * + * {
+        margin-left: 0.35rem;
+      }
+
+      .send-button {
+        min-width: 6.5rem;
+      }
+    }
+  }
+
+  && .ui--AddressInfo .ui--FormatBalance {
+    .ui--Icon, .icon-void {
+      margin-left: 0.7rem;
+      margin-right: 0.3rem
+    }
+  }
+`);
diff --git a/packages/page-addresses/src/Contacts/index.spec.ts b/packages/page-addresses/src/Contacts/index.spec.ts
new file mode 100644
index 0000000..9a06a66
--- /dev/null
+++ b/packages/page-addresses/src/Contacts/index.spec.ts
@@ -0,0 +1,128 @@
+// Copyright 2017-2022 @polkadot/page-accounts authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import { screen } from '@testing-library/react';
+
+import i18next from '@polkadot/react-components/i18n';
+import { aContactWithBalance } from '@polkadot/test-support/creation/contact';
+import { MemoryStore } from '@polkadot/test-support/keyring';
+import { Table } from '@polkadot/test-support/pagesElements';
+import { balance } from '@polkadot/test-support/utils/balance';
+import { keyring } from '@polkadot/ui-keyring';
+
+import { AddressesPage } from '../../test/pages/addressesPage';
+
+describe('Addresses page', () => {
+  let addressesPage: AddressesPage;
+
+  beforeAll(async () => {
+    await i18next.changeLanguage('en');
+
+    if (keyring.getAccounts().length === 0) {
+      keyring.loadAll({ isDevelopment: true, store: new MemoryStore() });
+    }
+  });
+
+  beforeEach(() => {
+    addressesPage = new AddressesPage();
+    addressesPage.clearAccounts();
+  });
+
+  describe('when no contacts', () => {
+    let addressesTable: Table;
+
+    beforeEach(async () => {
+      addressesPage.render([]);
+      addressesTable = await addressesPage.getTable();
+    });
+
+    it('shows a table', () => {
+      expect(addressesTable).not.toBeNull();
+    });
+
+    it('the contacts table contains no contact rows', async () => {
+      expect(await addressesTable.getRows()).toHaveLength(0);
+    });
+
+    it('the contacts table contains a message about no contacts available', async () => {
+      const noContactsMessage = 'no addresses saved yet, add any existing address';
+
+      await addressesTable.assertText(noContactsMessage);
+    });
+
+    it('no summary is displayed', () => {
+      const summaries = screen.queryAllByTestId(/card-summary:total \w+/i);
+
+      expect(summaries).toHaveLength(0);
+    });
+  });
+
+  describe('when some contacts exist', () => {
+    it('the contacts table contains some contact rows', async () => {
+      addressesPage.renderDefaultContacts(2);
+      const rows = await addressesPage.getAddressesRows();
+
+      expect(rows).toHaveLength(2);
+    });
+
+    it('contact rows display the total balance info', async () => {
+      addressesPage.renderContactsWithDefaultAddresses(
+        aContactWithBalance({ freeBalance: balance(500) }),
+        aContactWithBalance({ freeBalance: balance(200), reservedBalance: balance(150) })
+      );
+
+      const rows = await addressesPage.getAddressesRows();
+
+      await rows[0].assertBalancesTotal(balance(500));
+      await rows[1].assertBalancesTotal(balance(350));
+    });
+
+    it('contact rows display the details balance info', async () => {
+      addressesPage.renderContactsWithDefaultAddresses(
+        aContactWithBalance({ freeBalance: balance(500), lockedBalance: balance(30) }),
+        aContactWithBalance({ availableBalance: balance(50), freeBalance: balance(200), reservedBalance: balance(150) })
+      );
+
+      const rows = await addressesPage.getAddressesRows();
+
+      await rows[0].assertBalancesDetails([
+        { amount: balance(0), name: 'transferrable' },
+        { amount: balance(30), name: 'locked' }]);
+      await rows[1].assertBalancesDetails([
+        { amount: balance(50), name: 'transferrable' },
+        { amount: balance(150), name: 'reserved' }]);
+    });
+
+    it('when a contact is not tagged, details row displays no tags info', async () => {
+      addressesPage.renderDefaultContacts(1);
+      const rows = await addressesPage.getAddressesRows();
+
+      await rows[0].assertTags('no tags');
+    });
+
+    it('when a contact is tagged, the details row displays tags', async () => {
+      const injectedAddress = '5CMCFVfsauWXmKaUB6tbznVUpBxcUZyU78DzvPTYrhdXe8Xp';
+
+      addressesPage.renderContacts([
+        [injectedAddress, { meta: { tags: ['my tag', 'Super Tag'] } }]
+      ]);
+
+      const rows = await addressesPage.getAddressesRows();
+
+      expect(rows).toHaveLength(1);
+
+      await rows[0].assertTags('Super Tagmy tag');
+    });
+
+    it('contact details rows toggled on icon toggle click', async () => {
+      addressesPage.renderDefaultContacts(1);
+      const row = (await addressesPage.getAddressesRows())[0];
+
+      expect(row.detailsRow).toHaveClass('isCollapsed');
+
+      await row.expand();
+
+      expect(row.detailsRow).toHaveClass('isExpanded');
+    });
+  });
+});
diff --git a/packages/page-addresses/src/Contacts/index.tsx b/packages/page-addresses/src/Contacts/index.tsx
new file mode 100644
index 0000000..be724fc
--- /dev/null
+++ b/packages/page-addresses/src/Contacts/index.tsx
@@ -0,0 +1,98 @@
+// Copyright 2017-2022 @polkadot/app-addresses authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { ComponentProps as Props } from '../types';
+
+import React, { useEffect, useRef, useState } from 'react';
+import styled from 'styled-components';
+
+import { Button, FilterInput, SummaryBox, Table } from '@polkadot/react-components';
+import { useAddresses, useFavorites, useLoadingDelay, useToggle } from '@polkadot/react-hooks';
+
+import CreateModal from '../modals/Create';
+import { useTranslation } from '../translate';
+import Address from './Address';
+
+type SortedAddress = { address: string; isFavorite: boolean };
+
+const STORE_FAVS = 'accounts:favorites';
+
+function Overview ({ className = '', onStatusChange }: Props): React.ReactElement<Props> {
+  const { t } = useTranslation();
+  const { allAddresses } = useAddresses();
+  const [isCreateOpen, toggleCreate] = useToggle(false);
+  const [favorites, toggleFavorite] = useFavorites(STORE_FAVS);
+  const [sortedAddresses, setSortedAddresses] = useState<SortedAddress[] | undefined>();
+  const [filterOn, setFilter] = useState<string>('');
+  const isLoading = useLoadingDelay();
+
+  const headerRef = useRef([
+    [t('contacts'), 'start', 2],
+    [t('transactions'), 'number media--1500'],
+    [t('balances'), 'balances'],
+    [undefined, 'media--1400'],
+    []
+  ]);
+
+  useEffect((): void => {
+    setSortedAddresses(
+      allAddresses
+        .map((address): SortedAddress => ({ address, isFavorite: favorites.includes(address) }))
+        .sort((a, b): number =>
+          a.isFavorite === b.isFavorite
+            ? 0
+            : b.isFavorite
+              ? 1
+              : -1
+        )
+    );
+  }, [allAddresses, favorites]);
+
+  return (
+    <div className={className}>
+      {isCreateOpen && (
+        <CreateModal
+          onClose={toggleCreate}
+          onStatusChange={onStatusChange}
+        />
+      )}
+      <SummaryBox className='summary-box-contacts'>
+        <section>
+          <FilterInput
+            filterOn={filterOn}
+            label={t<string>('filter by name or tags')}
+            setFilter={setFilter}
+          />
+        </section>
+        <Button.Group>
+          <Button
+            icon='plus'
+            label={t<string>('Add contact')}
+            onClick={toggleCreate}
+          />
+        </Button.Group>
+      </SummaryBox>
+      <Table
+        empty={!isLoading && sortedAddresses && t<string>('no addresses saved yet, add any existing address')}
+        header={headerRef.current}
+        withCollapsibleRows
+      >
+        {!isLoading && sortedAddresses?.map(({ address, isFavorite }): React.ReactNode => (
+          <Address
+            address={address}
+            filter={filterOn}
+            isFavorite={isFavorite}
+            key={address}
+            toggleFavorite={toggleFavorite}
+          />
+        ))}
+      </Table>
+    </div>
+  );
+}
+
+export default React.memo(styled(Overview)`
+  .summary-box-contacts {
+    align-items: center;
+  }
+`);
diff --git a/packages/page-addresses/src/index.tsx b/packages/page-addresses/src/index.tsx
new file mode 100644
index 0000000..d1fce30
--- /dev/null
+++ b/packages/page-addresses/src/index.tsx
@@ -0,0 +1,43 @@
+// Copyright 2017-2022 @polkadot/app-addresses authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { AppProps as Props } from '@polkadot/react-components/types';
+
+import React, { useRef } from 'react';
+import { Route, Switch } from 'react-router';
+
+import { Tabs } from '@polkadot/react-components';
+
+import Contacts from './Contacts';
+import { useTranslation } from './translate';
+
+function AddressesApp ({ basePath, onStatusChange }: Props): React.ReactElement<Props> {
+  const { t } = useTranslation();
+
+  const itemsRef = useRef([
+    {
+      isRoot: true,
+      name: 'contacts',
+      text: t<string>('My contacts')
+    }
+  ]);
+
+  return (
+    <main>
+      <Tabs
+        basePath={basePath}
+        items={itemsRef.current}
+      />
+      <Switch>
+        <Route>
+          <Contacts
+            basePath={basePath}
+            onStatusChange={onStatusChange}
+          />
+        </Route>
+      </Switch>
+    </main>
+  );
+}
+
+export default React.memo(AddressesApp);
diff --git a/packages/page-addresses/src/modals/Create.tsx b/packages/page-addresses/src/modals/Create.tsx
new file mode 100644
index 0000000..bdb26fb
--- /dev/null
+++ b/packages/page-addresses/src/modals/Create.tsx
@@ -0,0 +1,165 @@
+// Copyright 2017-2022 @polkadot/app-addresses authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { DeriveAccountInfo } from '@polkadot/api-derive/types';
+import type { ActionStatus } from '@polkadot/react-components/Status/types';
+import type { ModalProps as Props } from '../types';
+
+import React, { useCallback, useState } from 'react';
+
+import { AddressRow, Button, Input, InputAddress, Modal } from '@polkadot/react-components';
+import { useApi, useCall } from '@polkadot/react-hooks';
+import { keyring } from '@polkadot/ui-keyring';
+import { hexToU8a } from '@polkadot/util';
+import { ethereumEncode } from '@polkadot/util-crypto';
+
+import { useTranslation } from '../translate';
+
+interface AddrState {
+  address: string;
+  addressInput: string;
+  isAddressExisting: boolean;
+  isAddressValid: boolean;
+  isPublicKey: boolean;
+}
+
+interface NameState {
+  isNameValid: boolean;
+  name: string;
+}
+
+function Create ({ onClose, onStatusChange }: Props): React.ReactElement<Props> {
+  const { t } = useTranslation();
+  const { api, isEthereum } = useApi();
+  const [{ isNameValid, name }, setName] = useState<NameState>({ isNameValid: false, name: '' });
+  const [{ address, addressInput, isAddressExisting, isAddressValid }, setAddress] = useState<AddrState>({ address: '', addressInput: '', isAddressExisting: false, isAddressValid: false, isPublicKey: false });
+  const info = useCall<DeriveAccountInfo>(!!address && isAddressValid && api.derive.accounts.info, [address]);
+  const isValid = (isAddressValid && isNameValid) && !!info?.accountId;
+
+  const _onChangeAddress = useCallback(
+    (addressInput: string): void => {
+      let address = '';
+      let isAddressValid = true;
+      let isAddressExisting = false;
+      let isPublicKey = false;
+
+      try {
+        if (isEthereum) {
+          const rawAddress = hexToU8a(addressInput);
+
+          address = ethereumEncode(rawAddress);
+          isPublicKey = rawAddress.length === 20;
+        } else {
+          const publicKey = keyring.decodeAddress(addressInput);
+
+          address = keyring.encodeAddress(publicKey);
+          isPublicKey = publicKey.length === 32;
+        }
+
+        if (!isAddressValid) {
+          const old = keyring.getAddress(address);
+
+          if (old) {
+            const newName = old.meta.name || name;
+
+            isAddressExisting = true;
+            isAddressValid = true;
+
+            setName({ isNameValid: !!(newName || '').trim(), name: newName });
+          }
+        }
+      } catch (error) {
+        isAddressValid = false;
+      }
+
+      setAddress({ address: isAddressValid ? address : '', addressInput, isAddressExisting, isAddressValid, isPublicKey });
+    },
+    [isEthereum, name]
+  );
+
+  const _onChangeName = useCallback(
+    (name: string) => setName({ isNameValid: !!name.trim(), name }),
+    []
+  );
+
+  const _onCommit = useCallback(
+    (): void => {
+      const status = { action: 'create' } as ActionStatus;
+
+      if (!isValid || !info?.accountId) {
+        return;
+      }
+
+      try {
+        const address = info.accountId.toString();
+
+        keyring.saveAddress(address, { genesisHash: keyring.genesisHash, name: name.trim(), tags: [] });
+
+        status.account = address;
+        status.status = address ? 'success' : 'error';
+        status.message = isAddressExisting
+          ? t<string>('address edited')
+          : t<string>('address created');
+
+        InputAddress.setLastValue('address', address);
+      } catch (error) {
+        status.status = 'error';
+        status.message = (error as Error).message;
+      }
+
+      onStatusChange(status);
+      onClose();
+    },
+    [info, isAddressExisting, isValid, name, onClose, onStatusChange, t]
+  );
+
+  return (
+    <Modal
+      header={t<string>('Add an address')}
+      onClose={onClose}
+    >
+      <Modal.Content>
+        <AddressRow
+          defaultName={name}
+          noDefaultNameOpacity
+          value={
+            isAddressValid
+              ? info?.accountId?.toString()
+              : undefined
+          }
+        >
+          <Input
+            autoFocus
+            className='full'
+            help={t<string>('Paste here the address of the contact you want to add to your address book.')}
+            isError={!isAddressValid}
+            label={t<string>('address')}
+            onChange={_onChangeAddress}
+            onEnter={_onCommit}
+            placeholder={t<string>('new address')}
+            value={addressInput}
+          />
+          <Input
+            className='full'
+            help={t<string>('Type the name of your contact. This name will be used across all the apps. It can be edited later on.')}
+            isError={!isNameValid}
+            label={t<string>('name')}
+            onChange={_onChangeName}
+            onEnter={_onCommit}
+            value={name}
+          />
+        </AddressRow>
+      </Modal.Content>
+      <Modal.Actions>
+        <Button
+          icon='save'
+          isDisabled={!isValid}
+          label={t<string>('Save')}
+          onClick={_onCommit}
+        />
+      </Modal.Actions>
+    </Modal>
+  );
+}
+
+export default React.memo(Create);
diff --git a/packages/page-addresses/src/translate.ts b/packages/page-addresses/src/translate.ts
new file mode 100644
index 0000000..6eec454
--- /dev/null
+++ b/packages/page-addresses/src/translate.ts
@@ -0,0 +1,10 @@
+// Copyright 2017-2022 @polkadot/app-addresses authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { UseTranslationResponse } from 'react-i18next';
+
+import { useTranslation as useTranslationBase } from 'react-i18next';
+
+export function useTranslation (): UseTranslationResponse<'app-addresses', undefined> {
+  return useTranslationBase('app-addresses');
+}
diff --git a/packages/page-addresses/src/types.ts b/packages/page-addresses/src/types.ts
new file mode 100644
index 0000000..58f457a
--- /dev/null
+++ b/packages/page-addresses/src/types.ts
@@ -0,0 +1,34 @@
+// Copyright 2017-2022 @polkadot/app-addresses authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { ActionStatus } from '@polkadot/react-components/Status/types';
+import type { Balance, Conviction } from '@polkadot/types/interfaces';
+import type { KeyringAddress } from '@polkadot/ui-keyring/types';
+
+import { WithTranslation } from 'react-i18next';
+
+export { AppProps as ComponentProps } from '@polkadot/react-components/types';
+
+export interface BareProps {
+  className?: string;
+}
+
+export interface I18nProps extends BareProps, WithTranslation {}
+
+export interface ModalProps {
+  onClose: () => void;
+  onStatusChange: (status: ActionStatus) => void;
+}
+
+export interface Delegation {
+  accountDelegated: string
+  amount: Balance
+  conviction: Conviction
+}
+
+export interface SortedAccount {
+  account: KeyringAddress;
+  children: SortedAccount[];
+  delegation?: Delegation;
+  isFavorite: boolean;
+}
diff --git a/packages/page-addresses/src/util.tsx b/packages/page-addresses/src/util.tsx
new file mode 100644
index 0000000..9e9d893
--- /dev/null
+++ b/packages/page-addresses/src/util.tsx
@@ -0,0 +1,65 @@
+// Copyright 2017-2022 @polkadot/app-addresses authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { KeyringAddress } from '@polkadot/ui-keyring/types';
+import type { SortedAccount } from './types';
+
+import React from 'react';
+
+import { Menu } from '@polkadot/react-components';
+import { keyring } from '@polkadot/ui-keyring';
+
+export function createMenuGroup (items: (React.ReactNode | false | undefined | null)[]): React.ReactNode | null {
+  const filtered = items.filter((item): item is React.ReactNode => !!item);
+
+  return filtered.length
+    ? <>{filtered}<Menu.Divider /></>
+    : null;
+}
+
+function expandList (mapped: SortedAccount[], entry: SortedAccount): SortedAccount[] {
+  mapped.push(entry);
+
+  entry.children.forEach((entry): void => {
+    expandList(mapped, entry);
+  });
+
+  return mapped;
+}
+
+export function sortAccounts (addresses: string[], favorites: string[]): SortedAccount[] {
+  const mapped = addresses
+    .map((address) => keyring.getAccount(address))
+    .filter((account): account is KeyringAddress => !!account)
+    .map((account): SortedAccount => ({
+      account,
+      children: [],
+      isFavorite: favorites.includes(account.address)
+    }))
+    .sort((a, b) => (a.account.meta.whenCreated || 0) - (b.account.meta.whenCreated || 0));
+
+  return mapped
+    .filter((entry): boolean => {
+      const parentAddress = entry.account.meta.parentAddress;
+
+      if (parentAddress) {
+        const parent = mapped.find(({ account: { address } }) => address === parentAddress);
+
+        if (parent) {
+          parent.children.push(entry);
+
+          return false;
+        }
+      }
+
+      return true;
+    })
+    .reduce(expandList, [])
+    .sort((a, b): number =>
+      a.isFavorite === b.isFavorite
+        ? 0
+        : b.isFavorite
+          ? 1
+          : -1
+    );
+}
diff --git a/packages/page-addresses/test/pages/addressesPage.tsx b/packages/page-addresses/test/pages/addressesPage.tsx
new file mode 100644
index 0000000..31ce176
--- /dev/null
+++ b/packages/page-addresses/test/pages/addressesPage.tsx
@@ -0,0 +1,56 @@
+// Copyright 2017-2022 @polkadot/page-addresses authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import React from 'react';
+
+import { aContact } from '@polkadot/test-support/creation/contact';
+import { Page } from '@polkadot/test-support/pages/Page';
+import { Row } from '@polkadot/test-support/pagesElements';
+import { AccountOverrides as ContactOverrides } from '@polkadot/test-support/types';
+import { mockAccountHooks } from '@polkadot/test-support/utils/accountDefaults';
+
+import AddressOverview from '../../src/Contacts/index';
+
+jest.mock('@polkadot/react-hooks/useAddresses', () => ({
+  useAddresses: () => ({
+    allAddresses: mockAccountHooks.useAccounts.allAccounts,
+    hasAddresses: mockAccountHooks.useAccounts.hasAccounts,
+    isAddress: true
+  })
+}));
+
+export class AddressesPage extends Page {
+  constructor () {
+    super(<AddressOverview />, 'Address-');
+  }
+
+  async getAddressesRows (): Promise<Row[]> {
+    const addressesTable = await this.getTable();
+
+    return addressesTable.getRows();
+  }
+
+  renderDefaultContacts (contactsNumber: number): void {
+    const contacts = Array.from({ length: contactsNumber },
+      (_, index) => [this.defaultAddresses[index], aContact()] as [string, ContactOverrides]);
+
+    this.render(contacts);
+  }
+
+  renderContactsWithDefaultAddresses (...overrides: ContactOverrides[]): void {
+    const contacts = overrides.map((contactProperties, index) =>
+      [this.defaultAddresses[index], contactProperties] as [string, ContactOverrides]);
+
+    this.render(contacts);
+  }
+
+  renderContactsForAddresses (...addresses: string[]): void {
+    const contacts = addresses.map((address) => [address, aContact()] as [string, ContactOverrides]);
+
+    this.render(contacts);
+  }
+
+  renderContacts (contacts: [string, ContactOverrides][]): void {
+    this.render(contacts);
+  }
+}
diff --git a/packages/page-addresses/tsconfig.build.json b/packages/page-addresses/tsconfig.build.json
new file mode 100644
index 0000000..da24d9f
--- /dev/null
+++ b/packages/page-addresses/tsconfig.build.json
@@ -0,0 +1,9 @@
+{
+  "extends": "../../tsconfig.base.json",
+  "compilerOptions": {
+    "baseUrl": "..",
+    "outDir": "./build",
+    "rootDir": "./src"
+  },
+  "references": []
+}
diff --git a/packages/page-assets/.skip-build b/packages/page-assets/.skip-build
new file mode 100644
index 0000000..e69de29
diff --git a/packages/page-assets/.skip-npm b/packages/page-assets/.skip-npm
new file mode 100644
index 0000000..e69de29
diff --git a/packages/page-assets/LICENSE b/packages/page-assets/LICENSE
new file mode 100644
index 0000000..0d381b2
--- /dev/null
+++ b/packages/page-assets/LICENSE
@@ -0,0 +1,201 @@
+                              Apache License
+                        Version 2.0, January 2004
+                    http://www.apache.org/licenses/
+
+TERMS AND CONDITIONS FOR USE, REPRODUCTION, AND DISTRIBUTION
+
+1. Definitions.
+
+  "License" shall mean the terms and conditions for use, reproduction,
+  and distribution as defined by Sections 1 through 9 of this document.
+
+  "Licensor" shall mean the copyright owner or entity authorized by
+  the copyright owner that is granting the License.
+
+  "Legal Entity" shall mean the union of the acting entity and all
+  other entities that control, are controlled by, or are under common
+  control with that entity. For the purposes of this definition,
+  "control" means (i) the power, direct or indirect, to cause the
+  direction or management of such entity, whether by contract or
+  otherwise, or (ii) ownership of fifty percent (50%) or more of the
+  outstanding shares, or (iii) beneficial ownership of such entity.
+
+  "You" (or "Your") shall mean an individual or Legal Entity
+  exercising permissions granted by this License.
+
+  "Source" form shall mean the preferred form for making modifications,
+  including but not limited to software source code, documentation
+  source, and configuration files.
+
+  "Object" form shall mean any form resulting from mechanical
+  transformation or translation of a Source form, including but
+  not limited to compiled object code, generated documentation,
+  and conversions to other media types.
+
+  "Work" shall mean the work of authorship, whether in Source or
+  Object form, made available under the License, as indicated by a
+  copyright notice that is included in or attached to the work
+  (an example is provided in the Appendix below).
+
+  "Derivative Works" shall mean any work, whether in Source or Object
+  form, that is based on (or derived from) the Work and for which the
+  editorial revisions, annotations, elaborations, or other modifications
+  represent, as a whole, an original work of authorship. For the purposes
+  of this License, Derivative Works shall not include works that remain
+  separable from, or merely link (or bind by name) to the interfaces of,
+  the Work and Derivative Works thereof.
+
+  "Contribution" shall mean any work of authorship, including
+  the original version of the Work and any modifications or additions
+  to that Work or Derivative Works thereof, that is intentionally
+  submitted to Licensor for inclusion in the Work by the copyright owner
+  or by an individual or Legal Entity authorized to submit on behalf of
+  the copyright owner. For the purposes of this definition, "submitted"
+  means any form of electronic, verbal, or written communication sent
+  to the Licensor or its representatives, including but not limited to
+  communication on electronic mailing lists, source code control systems,
+  and issue tracking systems that are managed by, or on behalf of, the
+  Licensor for the purpose of discussing and improving the Work, but
+  excluding communication that is conspicuously marked or otherwise
+  designated in writing by the copyright owner as "Not a Contribution."
+
+  "Contributor" shall mean Licensor and any individual or Legal Entity
+  on behalf of whom a Contribution has been received by Licensor and
+  subsequently incorporated within the Work.
+
+2. Grant of Copyright License. Subject to the terms and conditions of
+  this License, each Contributor hereby grants to You a perpetual,
+  worldwide, non-exclusive, no-charge, royalty-free, irrevocable
+  copyright license to reproduce, prepare Derivative Works of,
+  publicly display, publicly perform, sublicense, and distribute the
+  Work and such Derivative Works in Source or Object form.
+
+3. Grant of Patent License. Subject to the terms and conditions of
+  this License, each Contributor hereby grants to You a perpetual,
+  worldwide, non-exclusive, no-charge, royalty-free, irrevocable
+  (except as stated in this section) patent license to make, have made,
+  use, offer to sell, sell, import, and otherwise transfer the Work,
+  where such license applies only to those patent claims licensable
+  by such Contributor that are necessarily infringed by their
+  Contribution(s) alone or by combination of their Contribution(s)
+  with the Work to which such Contribution(s) was submitted. If You
+  institute patent litigation against any entity (including a
+  cross-claim or counterclaim in a lawsuit) alleging that the Work
+  or a Contribution incorporated within the Work constitutes direct
+  or contributory patent infringement, then any patent licenses
+  granted to You under this License for that Work shall terminate
+  as of the date such litigation is filed.
+
+4. Redistribution. You may reproduce and distribute copies of the
+  Work or Derivative Works thereof in any medium, with or without
+  modifications, and in Source or Object form, provided that You
+  meet the following conditions:
+
+  (a) You must give any other recipients of the Work or
+      Derivative Works a copy of this License; and
+
+  (b) You must cause any modified files to carry prominent notices
+      stating that You changed the files; and
+
+  (c) You must retain, in the Source form of any Derivative Works
+      that You distribute, all copyright, patent, trademark, and
+      attribution notices from the Source form of the Work,
+      excluding those notices that do not pertain to any part of
+      the Derivative Works; and
+
+  (d) If the Work includes a "NOTICE" text file as part of its
+      distribution, then any Derivative Works that You distribute must
+      include a readable copy of the attribution notices contained
+      within such NOTICE file, excluding those notices that do not
+      pertain to any part of the Derivative Works, in at least one
+      of the following places: within a NOTICE text file distributed
+      as part of the Derivative Works; within the Source form or
+      documentation, if provided along with the Derivative Works; or,
+      within a display generated by the Derivative Works, if and
+      wherever such third-party notices normally appear. The contents
+      of the NOTICE file are for informational purposes only and
+      do not modify the License. You may add Your own attribution
+      notices within Derivative Works that You distribute, alongside
+      or as an addendum to the NOTICE text from the Work, provided
+      that such additional attribution notices cannot be construed
+      as modifying the License.
+
+  You may add Your own copyright statement to Your modifications and
+  may provide additional or different license terms and conditions
+  for use, reproduction, or distribution of Your modifications, or
+  for any such Derivative Works as a whole, provided Your use,
+  reproduction, and distribution of the Work otherwise complies with
+  the conditions stated in this License.
+
+5. Submission of Contributions. Unless You explicitly state otherwise,
+  any Contribution intentionally submitted for inclusion in the Work
+  by You to the Licensor shall be under the terms and conditions of
+  this License, without any additional terms or conditions.
+  Notwithstanding the above, nothing herein shall supersede or modify
+  the terms of any separate license agreement you may have executed
+  with Licensor regarding such Contributions.
+
+6. Trademarks. This License does not grant permission to use the trade
+  names, trademarks, service marks, or product names of the Licensor,
+  except as required for reasonable and customary use in describing the
+  origin of the Work and reproducing the content of the NOTICE file.
+
+7. Disclaimer of Warranty. Unless required by applicable law or
+  agreed to in writing, Licensor provides the Work (and each
+  Contributor provides its Contributions) on an "AS IS" BASIS,
+  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or
+  implied, including, without limitation, any warranties or conditions
+  of TITLE, NON-INFRINGEMENT, MERCHANTABILITY, or FITNESS FOR A
+  PARTICULAR PURPOSE. You are solely responsible for determining the
+  appropriateness of using or redistributing the Work and assume any
+  risks associated with Your exercise of permissions under this License.
+
+8. Limitation of Liability. In no event and under no legal theory,
+  whether in tort (including negligence), contract, or otherwise,
+  unless required by applicable law (such as deliberate and grossly
+  negligent acts) or agreed to in writing, shall any Contributor be
+  liable to You for damages, including any direct, indirect, special,
+  incidental, or consequential damages of any character arising as a
+  result of this License or out of the use or inability to use the
+  Work (including but not limited to damages for loss of goodwill,
+  work stoppage, computer failure or malfunction, or any and all
+  other commercial damages or losses), even if such Contributor
+  has been advised of the possibility of such damages.
+
+9. Accepting Warranty or Additional Liability. While redistributing
+  the Work or Derivative Works thereof, You may choose to offer,
+  and charge a fee for, acceptance of support, warranty, indemnity,
+  or other liability obligations and/or rights consistent with this
+  License. However, in accepting such obligations, You may act only
+  on Your own behalf and on Your sole responsibility, not on behalf
+  of any other Contributor, and only if You agree to indemnify,
+  defend, and hold each Contributor harmless for any liability
+  incurred by, or claims asserted against, such Contributor by reason
+  of your accepting any such warranty or additional liability.
+
+END OF TERMS AND CONDITIONS
+
+APPENDIX: How to apply the Apache License to your work.
+
+  To apply the Apache License to your work, attach the following
+  boilerplate notice, with the fields enclosed by brackets "[]"
+  replaced with your own identifying information. (Don't include
+  the brackets!)  The text should be enclosed in the appropriate
+  comment syntax for the file format. We also recommend that a
+  file or class name and description of purpose be included on the
+  same "printed page" as the copyright notice for easier
+  identification within third-party archives.
+
+Copyright [yyyy] [name of copyright owner]
+
+Licensed under the Apache License, Version 2.0 (the "License");
+you may not use this file except in compliance with the License.
+You may obtain a copy of the License at
+
+    http://www.apache.org/licenses/LICENSE-2.0
+
+Unless required by applicable law or agreed to in writing, software
+distributed under the License is distributed on an "AS IS" BASIS,
+WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+See the License for the specific language governing permissions and
+limitations under the License.
diff --git a/packages/page-assets/README.md b/packages/page-assets/README.md
new file mode 100644
index 0000000..c809581
--- /dev/null
+++ b/packages/page-assets/README.md
@@ -0,0 +1 @@
+# @polkadot/app-gilt
diff --git a/packages/page-assets/package.json b/packages/page-assets/package.json
new file mode 100644
index 0000000..9e47a29
--- /dev/null
+++ b/packages/page-assets/package.json
@@ -0,0 +1,19 @@
+{
+  "bugs": "https://github.com/polkadot-js/apps/issues",
+  "homepage": "https://github.com/polkadot-js/apps/tree/master/packages/page-assets#readme",
+  "license": "Apache-2.0",
+  "name": "@polkadot/app-assets",
+  "private": true,
+  "repository": {
+    "directory": "packages/page-assets",
+    "type": "git",
+    "url": "https://github.com/polkadot-js/apps.git"
+  },
+  "sideEffects": false,
+  "type": "module",
+  "version": "0.112.2-14",
+  "dependencies": {
+    "@babel/runtime": "^7.17.9",
+    "@polkadot/react-components": "^0.112.2-14"
+  }
+}
diff --git a/packages/page-assets/src/Balances/Account.tsx b/packages/page-assets/src/Balances/Account.tsx
new file mode 100644
index 0000000..5e68147
--- /dev/null
+++ b/packages/page-assets/src/Balances/Account.tsx
@@ -0,0 +1,63 @@
+// Copyright 2017-2022 @polkadot/app-assets authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { PalletAssetsAssetAccount } from '@polkadot/types/lookup';
+import type { bool } from '@polkadot/types-codec';
+import type { BN } from '@polkadot/util';
+
+import React from 'react';
+
+import { AddressSmall } from '@polkadot/react-components';
+import { FormatBalance } from '@polkadot/react-query';
+
+import { useTranslation } from '../translate';
+import Transfer from './Transfer';
+
+interface Account extends PalletAssetsAssetAccount {
+  sufficient?: bool
+}
+
+interface Props {
+  account: Account;
+  accountId: string;
+  assetId: BN;
+  className?: string;
+  minBalance: BN;
+  siFormat: [number, string];
+}
+
+function Account ({ account: { balance, isFrozen, reason, sufficient }, accountId, assetId, className, minBalance, siFormat }: Props): React.ReactElement<Props> {
+  const { t } = useTranslation();
+
+  return (
+    <tr className={className}>
+      <td className='address'>
+        <AddressSmall value={accountId} />
+      </td>
+      <td className='start'>
+        {isFrozen.isTrue ? t<string>('Yes') : t<string>('No')}
+      </td>
+      <td className='start'>
+        {sufficient
+          ? sufficient.isTrue ? t<string>('Yes') : t<string>('No')
+          : reason?.toString()}
+      </td>
+      <td className='number all'>
+        <FormatBalance
+          format={siFormat}
+          value={balance}
+        />
+      </td>
+      <td className='button'>
+        <Transfer
+          accountId={accountId}
+          assetId={assetId}
+          minBalance={minBalance}
+          siFormat={siFormat}
+        />
+      </td>
+    </tr>
+  );
+}
+
+export default React.memo(Account);
diff --git a/packages/page-assets/src/Balances/Transfer.tsx b/packages/page-assets/src/Balances/Transfer.tsx
new file mode 100644
index 0000000..5a58473
--- /dev/null
+++ b/packages/page-assets/src/Balances/Transfer.tsx
@@ -0,0 +1,109 @@
+// Copyright 2017-2022 @polkadot/app-assets authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { BN } from '@polkadot/util';
+
+import React, { useState } from 'react';
+
+import { Button, InputAddress, InputBalance, Modal, Toggle, TxButton } from '@polkadot/react-components';
+import { useApi, useToggle } from '@polkadot/react-hooks';
+
+import { useTranslation } from '../translate';
+
+interface Props {
+  accountId: string;
+  assetId: BN;
+  className?: string;
+  minBalance: BN;
+  siFormat: [number, string];
+}
+
+function Transfer ({ accountId, assetId, className, minBalance, siFormat: [siDecimals, siSymbol] }: Props): React.ReactElement<Props> {
+  const { t } = useTranslation();
+  const { api } = useApi();
+  const [isOpen, toggleOpen] = useToggle();
+  const [amount, setAmount] = useState<BN | null>(null);
+  const [recipientId, setRecipientId] = useState<string | null>(null);
+  const [isProtected, setIsProtected] = useState(true);
+
+  return (
+    <>
+      <Button
+        icon='paper-plane'
+        label={t<string>('send')}
+        onClick={toggleOpen}
+      />
+      {isOpen && (
+        <Modal
+          className={className}
+          header={t<string>('transfer asset')}
+          onClose={toggleOpen}
+          size='large'
+        >
+          <Modal.Content>
+            <Modal.Columns hint={t<string>('The account to transfer from. This account should have sufficient assets for this transfer.')}>
+              <InputAddress
+                defaultValue={accountId}
+                isDisabled
+                label={t<string>('send from')}
+              />
+            </Modal.Columns>
+            <Modal.Columns hint={t<string>('The beneficiary will have access to the transferred asset when the transaction is included in a block.')}>
+              <InputAddress
+                label={t<string>('send to address')}
+                onChange={setRecipientId}
+                type='allPlus'
+              />
+            </Modal.Columns>
+            <Modal.Columns hint={t<string>('The amount of tokens to transfer to the account.')}>
+              <InputBalance
+                autoFocus
+                label={t<string>('amount to transfer')}
+                onChange={setAmount}
+                siDecimals={siDecimals}
+                siSymbol={siSymbol}
+              />
+            </Modal.Columns>
+            <Modal.Columns hint={t<string>('The minimum balance allowed for the asset.')}>
+              <InputBalance
+                defaultValue={minBalance}
+                isDisabled
+                label={t<string>('minimum balance')}
+                siDecimals={siDecimals}
+                siSymbol={siSymbol}
+              />
+            </Modal.Columns>
+            <Modal.Columns hint={t('With the keep-alive option set, the account is protected against removal due to low balances.')}>
+              <Toggle
+                className='typeToggle'
+                label={
+                  isProtected
+                    ? t<string>('Transfer with account keep-alive checks')
+                    : t<string>('Normal transfer without keep-alive checks')
+                }
+                onChange={setIsProtected}
+                value={isProtected}
+              />
+            </Modal.Columns>
+          </Modal.Content>
+          <Modal.Actions>
+            <TxButton
+              accountId={accountId}
+              icon='paper-plane'
+              isDisabled={!recipientId || !amount}
+              label={t<string>('Send')}
+              onStart={toggleOpen}
+              params={[assetId, recipientId, amount]}
+              tx={
+                isProtected
+                  ? api.tx.assets.transferKeepAlive
+                  : api.tx.assets.transfer}
+            />
+          </Modal.Actions>
+        </Modal>
+      )}
+    </>
+  );
+}
+
+export default React.memo(Transfer);
diff --git a/packages/page-assets/src/Balances/index.tsx b/packages/page-assets/src/Balances/index.tsx
new file mode 100644
index 0000000..4382db2
--- /dev/null
+++ b/packages/page-assets/src/Balances/index.tsx
@@ -0,0 +1,102 @@
+// Copyright 2017-2022 @polkadot/app-assets authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { AssetInfo, AssetInfoComplete } from '../types';
+
+import React, { useEffect, useMemo, useRef, useState } from 'react';
+import styled from 'styled-components';
+
+import { Dropdown, Table } from '@polkadot/react-components';
+import { formatNumber } from '@polkadot/util';
+
+import { useTranslation } from '../translate';
+import Account from './Account';
+import useBalances from './useBalances';
+
+interface Props {
+  className?: string;
+  infos?: AssetInfo[];
+}
+
+function Balances ({ className, infos = [] }: Props): React.ReactElement<Props> {
+  const { t } = useTranslation();
+  const [infoIndex, setInfoIndex] = useState(0);
+  const [info, setInfo] = useState<AssetInfoComplete | null>(null);
+  const balances = useBalances(info?.id);
+
+  const headerRef = useRef([
+    [t('accounts'), 'start'],
+    [t('frozen'), 'start'],
+    [t('sufficient'), 'start'],
+    [],
+    []
+  ]);
+
+  const completeInfos = useMemo(
+    () => infos
+      .filter((i): i is AssetInfoComplete => !!(i.details && i.metadata) && !i.details.supply.isZero())
+      .sort((a, b) => a.id.cmp(b.id)),
+    [infos]
+  );
+
+  const assetOptions = useMemo(
+    () => completeInfos.map(({ id, metadata }, index) => ({
+      text: `${metadata.name.toUtf8()} (${formatNumber(id)})`,
+      value: index
+    })),
+    [completeInfos]
+  );
+
+  const siFormat = useMemo(
+    (): [number, string] => info
+      ? [info.metadata.decimals.toNumber(), info.metadata.symbol.toUtf8().toUpperCase()]
+      : [0, 'NONE'],
+    [info]
+  );
+
+  useEffect((): void => {
+    setInfo(() =>
+      infoIndex >= 0 && infoIndex < completeInfos.length
+        ? completeInfos[infoIndex]
+        : null
+    );
+  }, [completeInfos, infoIndex]);
+
+  return (
+    <div className={className}>
+      <Table
+        empty={info && balances && t<string>('No accounts with balances found for the asset')}
+        filter={assetOptions.length
+          ? (
+            <Dropdown
+              isFull
+              label={t<string>('the asset to query for balances')}
+              onChange={setInfoIndex}
+              options={assetOptions}
+              value={infoIndex}
+            />
+          )
+          : undefined
+        }
+        header={headerRef.current}
+      >
+        {info && balances?.map(({ account, accountId }) => (
+          <Account
+            account={account}
+            accountId={accountId}
+            assetId={info.id}
+            key={accountId}
+            minBalance={info.details.minBalance}
+            siFormat={siFormat}
+          />
+        ))}
+      </Table>
+    </div>
+  );
+}
+
+export default React.memo(styled(Balances)`
+  table {
+    overflow: auto;
+  }
+`);
diff --git a/packages/page-assets/src/Balances/useBalances.ts b/packages/page-assets/src/Balances/useBalances.ts
new file mode 100644
index 0000000..2e94d6c
--- /dev/null
+++ b/packages/page-assets/src/Balances/useBalances.ts
@@ -0,0 +1,54 @@
+// Copyright 2017-2022 @polkadot/app-assets authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { PalletAssetsAssetAccount } from '@polkadot/types/lookup';
+import type { Option } from '@polkadot/types-codec';
+import type { BN } from '@polkadot/util';
+
+import { createNamedHook, useAccounts, useApi, useCall } from '@polkadot/react-hooks';
+
+interface AccountResult {
+  accountId: string;
+  account: PalletAssetsAssetAccount;
+}
+
+interface Result {
+  assetId: BN;
+  accounts: AccountResult[];
+}
+
+function isOptional (value: PalletAssetsAssetAccount | Option<PalletAssetsAssetAccount>): value is Option<PalletAssetsAssetAccount> {
+  return (value as Option<PalletAssetsAssetAccount>).isSome || (value as Option<PalletAssetsAssetAccount>).isNone;
+}
+
+const queryOptions = {
+  transform: ([[params], accounts]: [[[BN, string][]], (PalletAssetsAssetAccount | Option<PalletAssetsAssetAccount>)[]]): Result => ({
+    accounts: params
+      .map(([, accountId], index) => {
+        const o = accounts[index];
+
+        return {
+          account: isOptional(o)
+            ? o.unwrapOr(null)
+            : o,
+          accountId
+        };
+      })
+      .filter((a): a is AccountResult =>
+        !!a.account &&
+        !a.account.balance.isZero()
+      ),
+    assetId: params[0][0]
+  }),
+  withParamsTransform: true
+};
+
+function useBalancesImpl (id?: BN | null): AccountResult[] | null {
+  const { api } = useApi();
+  const { allAccounts } = useAccounts();
+  const query = useCall(id && api.query.assets.account.multi, id && [allAccounts.map((a) => [id, a])], queryOptions);
+
+  return (query && id && (query.assetId === id) && query.accounts) || null;
+}
+
+export default createNamedHook('useBalances', useBalancesImpl);
diff --git a/packages/page-assets/src/Overview/Asset.tsx b/packages/page-assets/src/Overview/Asset.tsx
new file mode 100644
index 0000000..fcd8b79
--- /dev/null
+++ b/packages/page-assets/src/Overview/Asset.tsx
@@ -0,0 +1,52 @@
+// Copyright 2017-2022 @polkadot/app-assets authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { AssetInfo } from '../types';
+
+import React, { useMemo } from 'react';
+
+import { AddressSmall } from '@polkadot/react-components';
+import { FormatBalance } from '@polkadot/react-query';
+import { formatNumber } from '@polkadot/util';
+
+import Mint from './Mint';
+
+interface Props {
+  className?: string;
+  value: AssetInfo;
+}
+
+function Asset ({ className, value: { details, id, isIssuerMe, metadata } }: Props): React.ReactElement<Props> {
+  const format = useMemo(
+    () => metadata
+      ? [metadata.decimals.toNumber(), metadata.symbol.toUtf8()]
+      : [0, '---'],
+    [metadata]
+  );
+
+  return (
+    <tr className={className}>
+      <td className='number'><h1>{formatNumber(id)}</h1></td>
+      <td className='together'>{metadata?.name.toUtf8()}</td>
+      <td className='address media--1000'>{details && <AddressSmall value={details.owner} />}</td>
+      <td className='address media--1300'>{details && <AddressSmall value={details.admin} />}</td>
+      <td className='address media--1600'>{details && <AddressSmall value={details.issuer} />}</td>
+      <td className='address media--1900'>{details && <AddressSmall value={details.freezer} />}</td>
+      <td className='number all'>{details && (
+        <FormatBalance
+          format={format}
+          value={details.supply}
+        />
+      )}</td>
+      <td className='button'>{details && metadata && isIssuerMe && (
+        <Mint
+          details={details}
+          id={id}
+          metadata={metadata}
+        />
+      )}</td>
+    </tr>
+  );
+}
+
+export default React.memo(Asset);
diff --git a/packages/page-assets/src/Overview/Assets.tsx b/packages/page-assets/src/Overview/Assets.tsx
new file mode 100644
index 0000000..83114e8
--- /dev/null
+++ b/packages/page-assets/src/Overview/Assets.tsx
@@ -0,0 +1,47 @@
+// Copyright 2017-2022 @polkadot/app-assets authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { AssetInfo } from '../types';
+
+import React, { useRef } from 'react';
+
+import { Table } from '@polkadot/react-components';
+
+import { useTranslation } from '../translate';
+import Asset from './Asset';
+
+interface Props {
+  className?: string;
+  infos?: AssetInfo[];
+}
+
+function Assets ({ className, infos }: Props): React.ReactElement<Props> {
+  const { t } = useTranslation();
+
+  const headerRef = useRef([
+    [t('assets'), 'start', 2],
+    [t('owner'), 'address media--1000'],
+    [t('admin'), 'address media--1300'],
+    [t('issuer'), 'address media--1600'],
+    [t('freezer'), 'address media--1900'],
+    [t('supply')],
+    []
+  ]);
+
+  return (
+    <Table
+      className={className}
+      empty={infos && t<string>('No assets found')}
+      header={headerRef.current}
+    >
+      {infos?.map((info) => (
+        <Asset
+          key={info.key}
+          value={info}
+        />
+      ))}
+    </Table>
+  );
+}
+
+export default React.memo(Assets);
diff --git a/packages/page-assets/src/Overview/Create/Create.tsx b/packages/page-assets/src/Overview/Create/Create.tsx
new file mode 100644
index 0000000..f28d82a
--- /dev/null
+++ b/packages/page-assets/src/Overview/Create/Create.tsx
@@ -0,0 +1,113 @@
+// Copyright 2017-2022 @polkadot/app-assets authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { BatchOptions } from '@polkadot/react-hooks/types';
+import type { BN } from '@polkadot/util';
+import type { InfoState, TeamState } from './types';
+
+import React, { useMemo, useState } from 'react';
+
+import { Button, Modal, TxButton } from '@polkadot/react-components';
+import { useApi, useStepper, useTxBatch } from '@polkadot/react-hooks';
+
+import { useTranslation } from '../../translate';
+import Info from './Info';
+import Team from './Team';
+
+interface Props {
+  assetIds: BN[];
+  className?: string;
+  onClose: () => void;
+  openId: BN;
+}
+
+const BATCH_OPTS: BatchOptions = { type: 'all' };
+
+function Create ({ assetIds, className, onClose, openId }: Props): React.ReactElement<Props> {
+  const { t } = useTranslation();
+  const { api } = useApi();
+  const [step, nextStep, prevStep] = useStepper();
+  const [asset, setAsset] = useState<InfoState | null>(null);
+  const [team, setTeam] = useState<TeamState | null>(null);
+
+  const [createTx, metadataTx] = useMemo(
+    () => asset
+      ? [
+        api.tx.assets.create(asset.assetId, asset.accountId, asset.minBalance),
+        api.tx.assets.setMetadata(asset.assetId, asset.assetName, asset.assetSymbol, asset.assetDecimals)
+      ]
+      : [null, null],
+    [api, asset]
+  );
+
+  const teamTx = useMemo(
+    () => asset && team && (team.adminId !== asset.accountId || team.freezerId !== asset.accountId || team.issuerId !== asset.accountId)
+      ? api.tx.assets.setTeam(asset.assetId, team.issuerId, team.adminId, team.freezerId)
+      : null,
+    [api, asset, team]
+  );
+
+  const txs = useMemo(
+    () => createTx && metadataTx && team && (
+      teamTx
+        ? [createTx, metadataTx, teamTx]
+        : [createTx, metadataTx]
+    ),
+    [createTx, metadataTx, team, teamTx]
+  );
+
+  const extrinsic = useTxBatch(txs, BATCH_OPTS);
+
+  return (
+    <Modal
+      className={className}
+      header={t<string>('create asset {{step}}/{{steps}}', { replace: { step, steps: 2 } })}
+      onClose={onClose}
+      size='large'
+    >
+      {step === 1 && (
+        <Info
+          assetIds={assetIds}
+          defaultValue={asset}
+          onChange={setAsset}
+          openId={openId}
+        />
+      )}
+      {step === 2 && asset && (
+        <Team
+          accountId={asset.accountId}
+          defaultValue={team}
+          onChange={setTeam}
+        />
+      )}
+      <Modal.Actions>
+        {step === 1 &&
+          <Button
+            icon='step-forward'
+            isDisabled={!asset}
+            label={t<string>('Next')}
+            onClick={nextStep}
+          />
+        }
+        {step === 2 && (
+          <>
+            <Button
+              icon='step-backward'
+              label={t<string>('Prev')}
+              onClick={prevStep}
+            />
+            <TxButton
+              accountId={asset?.accountId}
+              extrinsic={extrinsic}
+              icon='plus'
+              label={t<string>('Create')}
+              onStart={onClose}
+            />
+          </>
+        )}
+      </Modal.Actions>
+    </Modal>
+  );
+}
+
+export default React.memo(Create);
diff --git a/packages/page-assets/src/Overview/Create/Info.tsx b/packages/page-assets/src/Overview/Create/Info.tsx
new file mode 100644
index 0000000..f9f282c
--- /dev/null
+++ b/packages/page-assets/src/Overview/Create/Info.tsx
@@ -0,0 +1,128 @@
+// Copyright 2017-2022 @polkadot/app-assets authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { BN } from '@polkadot/util';
+import type { InfoState } from './types';
+
+import React, { useEffect, useMemo, useState } from 'react';
+
+import { Input, InputAddress, InputBalance, InputNumber, Modal } from '@polkadot/react-components';
+import { useApi } from '@polkadot/react-hooks';
+import { BN_ZERO } from '@polkadot/util';
+
+import { useTranslation } from '../../translate';
+
+interface Props {
+  assetIds: BN[];
+  className?: string;
+  defaultValue: InfoState | null;
+  onChange: (info: InfoState | null) => void;
+  openId: BN;
+}
+
+function Info ({ assetIds, className = '', defaultValue, onChange, openId }: Props): React.ReactElement<Props> {
+  const { t } = useTranslation();
+  const { api } = useApi();
+  const [initial] = useState(() => defaultValue);
+  const [initialId] = useState(() => openId);
+  const [accountId, setAccountId] = useState<string | null>(null);
+  const [assetId, setAssetId] = useState<BN | null>(null);
+  const [assetDecimals, setAssetDecimals] = useState<BN | null>(null);
+  const [assetName, setAssetName] = useState<string | null | undefined>(() => defaultValue?.assetName);
+  const [assetSymbol, setAssetSymbol] = useState<string | null | undefined>(() => defaultValue?.assetSymbol);
+  const [minBalance, setMinBalance] = useState<BN | null>(null);
+
+  const [siDecimals, siSymbol] = useMemo(
+    () => assetDecimals && assetSymbol
+      ? [assetDecimals.toNumber(), assetSymbol.toUpperCase()]
+      : [0, 'NONE'],
+    [assetDecimals, assetSymbol]
+  );
+
+  const isValidDecimals = useMemo(
+    () => !!assetDecimals && assetDecimals.lten(20),
+    [assetDecimals]
+  );
+
+  const isValidName = useMemo(
+    () => !!assetName && assetName.length >= 3 && assetName.length <= 32,
+    [assetName]
+  );
+
+  const isValidSymbol = useMemo(
+    () => !!assetSymbol && assetSymbol.length >= 3 && assetSymbol.length <= 7,
+    [assetSymbol]
+  );
+
+  const isValidId = useMemo(
+    () => !!assetId && assetId.gt(BN_ZERO) && !assetIds.some((a) => a.eq(assetId)),
+    [assetId, assetIds]
+  );
+
+  useEffect((): void => {
+    onChange(
+      assetId && assetName && assetSymbol && assetDecimals && isValidId && isValidName && isValidSymbol && isValidDecimals && accountId && minBalance && !minBalance.isZero()
+        ? { accountId, assetDecimals, assetId, assetName, assetSymbol, minBalance }
+        : null
+    );
+  }, [api, accountId, assetDecimals, assetId, assetIds, assetName, assetSymbol, isValidId, isValidName, isValidSymbol, isValidDecimals, minBalance, onChange]);
+
+  return (
+    <Modal.Content className={className}>
+      <Modal.Columns hint={t<string>('The account that is to be used to create this asset and setup the initial metadata.')}>
+        <InputAddress
+          defaultValue={initial?.accountId}
+          label={t<string>('creator account')}
+          onChange={setAccountId}
+          type='account'
+        />
+      </Modal.Columns>
+      <Modal.Columns hint={t<string>('The descriptive name for this asset.')}>
+        <Input
+          autoFocus
+          defaultValue={initial?.assetName}
+          isError={!isValidName}
+          label={t<string>('asset name')}
+          onChange={setAssetName}
+        />
+      </Modal.Columns>
+      <Modal.Columns hint={t<string>('The symbol that will represent this asset.')}>
+        <Input
+          defaultValue={initial?.assetSymbol}
+          isError={!isValidSymbol}
+          label={t<string>('asset symbol')}
+          onChange={setAssetSymbol}
+        />
+      </Modal.Columns>
+      <Modal.Columns hint={t<string>('The number of decimals for this token. Max allowed via the UI is set to 20.')}>
+        <InputNumber
+          defaultValue={initial?.assetDecimals}
+          isError={!isValidDecimals}
+          label={t<string>('asset decimals')}
+          onChange={setAssetDecimals}
+        />
+      </Modal.Columns>
+      <Modal.Columns hint={t<string>('The minimum balance for the asset. This is specified in the units and decimals as requested.')}>
+        <InputBalance
+          defaultValue={initial?.minBalance}
+          isZeroable={false}
+          label={t<string>('minimum balance')}
+          onChange={setMinBalance}
+          siDecimals={siDecimals}
+          siSymbol={siSymbol}
+        />
+      </Modal.Columns>
+      <Modal.Columns hint={t<string>('The selected id for the asset. This should not match an already-existing asset id.')}>
+        <InputNumber
+          defaultValue={initial?.assetId || initialId}
+          isError={!isValidId}
+          isZeroable={false}
+          label={t<string>('asset id')}
+          onChange={setAssetId}
+        />
+      </Modal.Columns>
+    </Modal.Content>
+  );
+}
+
+export default React.memo(Info);
diff --git a/packages/page-assets/src/Overview/Create/Team.tsx b/packages/page-assets/src/Overview/Create/Team.tsx
new file mode 100644
index 0000000..cf08532
--- /dev/null
+++ b/packages/page-assets/src/Overview/Create/Team.tsx
@@ -0,0 +1,66 @@
+// Copyright 2017-2022 @polkadot/app-assets authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { TeamState } from './types';
+
+import React, { useEffect, useState } from 'react';
+
+import { InputAddress, Modal } from '@polkadot/react-components';
+import { useApi } from '@polkadot/react-hooks';
+
+import { useTranslation } from '../../translate';
+
+interface Props {
+  accountId: string;
+  className?: string;
+  defaultValue: TeamState | null;
+  onChange: (info: TeamState | null) => void;
+}
+
+function Team ({ accountId, className = '', defaultValue, onChange }: Props): React.ReactElement<Props> {
+  const { t } = useTranslation();
+  const { api } = useApi();
+  const [initial] = useState(() => defaultValue);
+  const [adminId, setAdminId] = useState<string | null>(null);
+  const [freezerId, setFreezerId] = useState<string | null>(null);
+  const [issuerId, setIssuerId] = useState<string | null>(null);
+
+  useEffect((): void => {
+    onChange(
+      adminId && freezerId && issuerId
+        ? { adminId, freezerId, issuerId }
+        : null
+    );
+  }, [api, adminId, freezerId, issuerId, onChange]);
+
+  return (
+    <Modal.Content className={className}>
+      <Modal.Columns hint={t<string>('The account that is to be used for ongoing admin on the token.')}>
+        <InputAddress
+          defaultValue={initial?.adminId || accountId}
+          label={t<string>('admin account')}
+          onChange={setAdminId}
+          type='account'
+        />
+      </Modal.Columns>
+      <Modal.Columns hint={t<string>('The account that is to be used for issuing this token.')}>
+        <InputAddress
+          defaultValue={initial?.issuerId || accountId}
+          label={t<string>('issuer account')}
+          onChange={setIssuerId}
+          type='account'
+        />
+      </Modal.Columns>
+      <Modal.Columns hint={t<string>('The account that is to be used for performing freezing.')}>
+        <InputAddress
+          defaultValue={initial?.freezerId || accountId}
+          label={t<string>('freezer account')}
+          onChange={setFreezerId}
+          type='account'
+        />
+      </Modal.Columns>
+    </Modal.Content>
+  );
+}
+
+export default React.memo(Team);
diff --git a/packages/page-assets/src/Overview/Create/index.tsx b/packages/page-assets/src/Overview/Create/index.tsx
new file mode 100644
index 0000000..05f8109
--- /dev/null
+++ b/packages/page-assets/src/Overview/Create/index.tsx
@@ -0,0 +1,45 @@
+// Copyright 2017-2022 @polkadot/app-assets authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { BN } from '@polkadot/util';
+
+import React from 'react';
+
+import { Button } from '@polkadot/react-components';
+import { useAccounts, useToggle } from '@polkadot/react-hooks';
+
+import { useTranslation } from '../../translate';
+import Create from './Create';
+
+interface Props {
+  assetIds?: BN[];
+  className?: string;
+  openId: BN;
+}
+
+function CreateButton ({ assetIds, className, openId }: Props): React.ReactElement<Props> {
+  const { t } = useTranslation();
+  const { hasAccounts } = useAccounts();
+  const [isOpen, toggleOpen] = useToggle();
+
+  return (
+    <>
+      <Button
+        icon='plus'
+        isDisabled={!assetIds || !hasAccounts}
+        label={t<string>('Create')}
+        onClick={toggleOpen}
+      />
+      {isOpen && assetIds && (
+        <Create
+          assetIds={assetIds}
+          className={className}
+          onClose={toggleOpen}
+          openId={openId}
+        />
+      )}
+    </>
+  );
+}
+
+export default React.memo(CreateButton);
diff --git a/packages/page-assets/src/Overview/Create/types.ts b/packages/page-assets/src/Overview/Create/types.ts
new file mode 100644
index 0000000..16cac1a
--- /dev/null
+++ b/packages/page-assets/src/Overview/Create/types.ts
@@ -0,0 +1,19 @@
+// Copyright 2017-2022 @polkadot/app-assets authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { BN } from '@polkadot/util';
+
+export interface InfoState {
+  accountId: string;
+  assetDecimals: BN;
+  assetId: BN;
+  assetName: string;
+  assetSymbol: string;
+  minBalance: BN;
+}
+
+export interface TeamState {
+  adminId: string;
+  issuerId: string;
+  freezerId: string;
+}
diff --git a/packages/page-assets/src/Overview/Mint/Mint.tsx b/packages/page-assets/src/Overview/Mint/Mint.tsx
new file mode 100644
index 0000000..178e2be
--- /dev/null
+++ b/packages/page-assets/src/Overview/Mint/Mint.tsx
@@ -0,0 +1,96 @@
+// Copyright 2017-2022 @polkadot/app-assets authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { PalletAssetsAssetDetails, PalletAssetsAssetMetadata } from '@polkadot/types/lookup';
+import type { BN } from '@polkadot/util';
+
+import React, { useMemo, useState } from 'react';
+
+import { InputAddress, InputBalance, Modal, TxButton } from '@polkadot/react-components';
+import { useApi } from '@polkadot/react-hooks';
+
+import { useTranslation } from '../../translate';
+
+interface Props {
+  className?: string;
+  details: PalletAssetsAssetDetails;
+  id: BN;
+  metadata: PalletAssetsAssetMetadata;
+  onClose: () => void;
+}
+
+function Mint ({ className, details: { issuer, minBalance }, id, metadata, onClose }: Props): React.ReactElement<Props> {
+  const { t } = useTranslation();
+  const { api } = useApi();
+  const [amount, setAmount] = useState<BN | null>(null);
+  const [recipientId, setRecipientId] = useState<string | null>(null);
+
+  const isAmountValid = useMemo(
+    () => amount && amount.gte(minBalance),
+    [amount, minBalance]
+  );
+
+  const [siDecimals, siSymbol] = useMemo(
+    () => [metadata.decimals.toNumber(), metadata.symbol.toUtf8().toUpperCase()],
+    [metadata]
+  );
+
+  return (
+    <Modal
+      className={className}
+      header={t<string>('mint asset')}
+      onClose={onClose}
+      size='large'
+    >
+      <Modal.Content>
+        <Modal.Columns hint={t<string>('The recipient account for this minting operation.')}>
+          <InputAddress
+            defaultValue={issuer}
+            isDisabled
+            label={t<string>('issuer account')}
+          />
+        </Modal.Columns>
+        <Modal.Columns hint={t<string>('The recipient account for this minting operation.')}>
+          <InputAddress
+            label={t<string>('mint to address')}
+            onChange={setRecipientId}
+            type='allPlus'
+          />
+        </Modal.Columns>
+        <Modal.Columns hint={t<string>('The amount of tokens to issue to the account.')}>
+          <InputBalance
+            autoFocus
+            isError={!isAmountValid}
+            isZeroable={false}
+            label={t<string>('amount to issue')}
+            onChange={setAmount}
+            siDecimals={siDecimals}
+            siSymbol={siSymbol}
+          />
+        </Modal.Columns>
+        <Modal.Columns hint={t<string>('The minimum balance allowed for the asset.')}>
+          <InputBalance
+            defaultValue={minBalance}
+            isDisabled
+            label={t<string>('minimum balance')}
+            siDecimals={siDecimals}
+            siSymbol={siSymbol}
+          />
+        </Modal.Columns>
+      </Modal.Content>
+      <Modal.Actions>
+        <TxButton
+          accountId={issuer}
+          icon='plus'
+          isDisabled={!recipientId || !isAmountValid}
+          label={t<string>('Mint')}
+          onStart={onClose}
+          params={[id, recipientId, amount]}
+          tx={api.tx.assets.mint}
+        />
+      </Modal.Actions>
+    </Modal>
+  );
+}
+
+export default React.memo(Mint);
diff --git a/packages/page-assets/src/Overview/Mint/index.tsx b/packages/page-assets/src/Overview/Mint/index.tsx
new file mode 100644
index 0000000..4b0d64f
--- /dev/null
+++ b/packages/page-assets/src/Overview/Mint/index.tsx
@@ -0,0 +1,47 @@
+// Copyright 2017-2022 @polkadot/app-assets authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { PalletAssetsAssetDetails, PalletAssetsAssetMetadata } from '@polkadot/types/lookup';
+import type { BN } from '@polkadot/util';
+
+import React from 'react';
+
+import { Button } from '@polkadot/react-components';
+import { useToggle } from '@polkadot/react-hooks';
+
+import { useTranslation } from '../../translate';
+import Modal from './Mint';
+
+interface Props {
+  className?: string;
+  details: PalletAssetsAssetDetails;
+  id: BN;
+  metadata: PalletAssetsAssetMetadata;
+}
+
+function Mint ({ className, details, id, metadata }: Props): React.ReactElement<Props> {
+  const { t } = useTranslation();
+  const [isOpen, toggleOpen] = useToggle();
+
+  return (
+    <>
+      <Button
+        icon='plus'
+        isDisabled={metadata.isFrozen.isTrue}
+        label={t<string>('Mint')}
+        onClick={toggleOpen}
+      />
+      {isOpen && (
+        <Modal
+          className={className}
+          details={details}
+          id={id}
+          metadata={metadata}
+          onClose={toggleOpen}
+        />
+      )}
+    </>
+  );
+}
+
+export default React.memo(Mint);
diff --git a/packages/page-assets/src/Overview/Summary.tsx b/packages/page-assets/src/Overview/Summary.tsx
new file mode 100644
index 0000000..73db79a
--- /dev/null
+++ b/packages/page-assets/src/Overview/Summary.tsx
@@ -0,0 +1,28 @@
+// Copyright 2017-2022 @polkadot/app-assets authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import React from 'react';
+
+import { CardSummary, SummaryBox } from '@polkadot/react-components';
+import { formatNumber } from '@polkadot/util';
+
+import { useTranslation } from '../translate';
+
+interface Props {
+  className?: string;
+  numAssets?: number;
+}
+
+function Summary ({ className, numAssets }: Props): React.ReactElement<Props> {
+  const { t } = useTranslation();
+
+  return (
+    <SummaryBox className={className}>
+      <CardSummary label={t<string>('assets')}>
+        {formatNumber(numAssets)}
+      </CardSummary>
+    </SummaryBox>
+  );
+}
+
+export default React.memo(Summary);
diff --git a/packages/page-assets/src/Overview/index.tsx b/packages/page-assets/src/Overview/index.tsx
new file mode 100644
index 0000000..e3ae47a
--- /dev/null
+++ b/packages/page-assets/src/Overview/index.tsx
@@ -0,0 +1,37 @@
+// Copyright 2017-2022 @polkadot/app-assets authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { BN } from '@polkadot/util';
+import type { AssetInfo } from '../types';
+
+import React from 'react';
+
+import { Button } from '@polkadot/react-components';
+
+import Assets from './Assets';
+import Create from './Create';
+import Summary from './Summary';
+
+interface Props {
+  className?: string;
+  ids?: BN[];
+  infos?: AssetInfo[];
+  openId: BN;
+}
+
+function Overview ({ className, ids, infos, openId }: Props): React.ReactElement<Props> {
+  return (
+    <div className={className}>
+      <Summary numAssets={ids?.length} />
+      <Button.Group>
+        <Create
+          assetIds={ids}
+          openId={openId}
+        />
+      </Button.Group>
+      <Assets infos={infos} />
+    </div>
+  );
+}
+
+export default React.memo(Overview);
diff --git a/packages/page-assets/src/index.tsx b/packages/page-assets/src/index.tsx
new file mode 100644
index 0000000..c42c084
--- /dev/null
+++ b/packages/page-assets/src/index.tsx
@@ -0,0 +1,95 @@
+// Copyright 2017-2022 @polkadot/app-assets authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import '@polkadot/api-augment/substrate';
+
+import type { BN } from '@polkadot/util';
+
+import React, { useMemo, useRef } from 'react';
+import { Route, Switch } from 'react-router';
+
+import { Tabs } from '@polkadot/react-components';
+import { useAccounts } from '@polkadot/react-hooks';
+import { BN_ONE } from '@polkadot/util';
+
+import Balances from './Balances';
+import Overview from './Overview';
+import { useTranslation } from './translate';
+import useAssetIds from './useAssetIds';
+import useAssetInfos from './useAssetInfos';
+
+interface Props {
+  basePath: string;
+  className?: string;
+}
+
+function findOpenId (ids?: BN[]): BN {
+  if (!ids || !ids.length) {
+    return BN_ONE;
+  }
+
+  const lastTaken = ids.find((id, index) =>
+    index === 0
+      ? !id.eq(BN_ONE)
+      : !id.sub(BN_ONE).eq(ids[index - 1])
+  );
+
+  return lastTaken
+    ? lastTaken.sub(BN_ONE)
+    : ids[ids.length - 1].add(BN_ONE);
+}
+
+function AssetApp ({ basePath, className }: Props): React.ReactElement<Props> {
+  const { t } = useTranslation();
+  const { hasAccounts } = useAccounts();
+  const ids = useAssetIds();
+  const infos = useAssetInfos(ids);
+
+  const tabsRef = useRef([
+    {
+      isRoot: true,
+      name: 'overview',
+      text: t<string>('Overview')
+    },
+    {
+      name: 'balances',
+      text: t<string>('Balances')
+    }
+  ]);
+
+  const hidden = useMemo(
+    () => (hasAccounts && infos && infos.some(({ details, metadata }) => !!(details && metadata)))
+      ? []
+      : ['balances'],
+    [hasAccounts, infos]
+  );
+
+  const openId = useMemo(
+    () => findOpenId(ids),
+    [ids]
+  );
+
+  return (
+    <main className={className}>
+      <Tabs
+        basePath={basePath}
+        hidden={hidden}
+        items={tabsRef.current}
+      />
+      <Switch>
+        <Route path={`${basePath}/balances`}>
+          <Balances infos={infos} />
+        </Route>
+        <Route>
+          <Overview
+            ids={ids}
+            infos={infos}
+            openId={openId}
+          />
+        </Route>
+      </Switch>
+    </main>
+  );
+}
+
+export default React.memo(AssetApp);
diff --git a/packages/page-assets/src/translate.ts b/packages/page-assets/src/translate.ts
new file mode 100644
index 0000000..7717356
--- /dev/null
+++ b/packages/page-assets/src/translate.ts
@@ -0,0 +1,10 @@
+// Copyright 2017-2022 @polkadot/app-assets authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { UseTranslationResponse } from 'react-i18next';
+
+import { useTranslation as useTranslationBase } from 'react-i18next';
+
+export function useTranslation (): UseTranslationResponse<'app-assets', undefined> {
+  return useTranslationBase('app-assets');
+}
diff --git a/packages/page-assets/src/types.ts b/packages/page-assets/src/types.ts
new file mode 100644
index 0000000..7c0d910
--- /dev/null
+++ b/packages/page-assets/src/types.ts
@@ -0,0 +1,21 @@
+// Copyright 2017-2022 @polkadot/app-assets authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { PalletAssetsAssetDetails, PalletAssetsAssetMetadata } from '@polkadot/types/lookup';
+import type { BN } from '@polkadot/util';
+
+export interface AssetInfo {
+  details: PalletAssetsAssetDetails | null;
+  id: BN;
+  isAdminMe: boolean;
+  isIssuerMe: boolean;
+  isFreezerMe: boolean;
+  isOwnerMe: boolean;
+  key: string;
+  metadata: PalletAssetsAssetMetadata | null;
+}
+
+export interface AssetInfoComplete extends AssetInfo {
+  details: PalletAssetsAssetDetails;
+  metadata: PalletAssetsAssetMetadata;
+}
diff --git a/packages/page-assets/src/useAssetIds.ts b/packages/page-assets/src/useAssetIds.ts
new file mode 100644
index 0000000..8a50975
--- /dev/null
+++ b/packages/page-assets/src/useAssetIds.ts
@@ -0,0 +1,41 @@
+// Copyright 2017-2022 @polkadot/app-assets authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { Changes } from '@polkadot/react-hooks/useEventChanges';
+import type { StorageKey, u32 } from '@polkadot/types';
+import type { EventRecord } from '@polkadot/types/interfaces';
+
+import { createNamedHook, useApi, useEventChanges, useMapKeys } from '@polkadot/react-hooks';
+
+const keyOptions = {
+  transform: (keys: StorageKey<[u32]>[]): u32[] =>
+    keys.map(({ args: [id] }) => id)
+};
+
+function filter (records: EventRecord[]): Changes<u32> {
+  const added: u32[] = [];
+  const removed: u32[] = [];
+
+  records.forEach(({ event: { data: [id], method } }): void => {
+    if (method === 'Created' || method === 'ForceCreated') {
+      added.push(id as u32);
+    } else {
+      removed.push(id as u32);
+    }
+  });
+
+  return { added, removed };
+}
+
+function useAssetIdsImpl (): u32[] {
+  const { api } = useApi();
+  const startValue = useMapKeys(api.query.assets.asset, keyOptions);
+
+  return useEventChanges([
+    api.events.assets.Created,
+    api.events.assets.Destroyed,
+    api.events.assets.ForceCreated
+  ], filter, startValue);
+}
+
+export default createNamedHook('useAssetIds', useAssetIdsImpl);
diff --git a/packages/page-assets/src/useAssetInfos.ts b/packages/page-assets/src/useAssetInfos.ts
new file mode 100644
index 0000000..a1948ca
--- /dev/null
+++ b/packages/page-assets/src/useAssetInfos.ts
@@ -0,0 +1,70 @@
+// Copyright 2017-2022 @polkadot/app-assets authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { Option } from '@polkadot/types';
+import type { AccountId } from '@polkadot/types/interfaces';
+import type { PalletAssetsAssetDetails, PalletAssetsAssetMetadata } from '@polkadot/types/lookup';
+import type { BN } from '@polkadot/util';
+import type { AssetInfo } from './types';
+
+import { useEffect, useState } from 'react';
+
+import { createNamedHook, useAccounts, useApi, useCall } from '@polkadot/react-hooks';
+
+const EMPTY_FLAGS = {
+  isAdminMe: false,
+  isFreezerMe: false,
+  isIssuerMe: false,
+  isOwnerMe: false
+};
+
+const QUERY_OPTS = { withParams: true };
+
+function isAccount (allAccounts: string[], accountId: AccountId): boolean {
+  const address = accountId.toString();
+
+  return allAccounts.some((a) => a === address);
+}
+
+function extractInfo (allAccounts: string[], id: BN, optDetails: Option<PalletAssetsAssetDetails>, metadata: PalletAssetsAssetMetadata): AssetInfo {
+  const details = optDetails.unwrapOr(null);
+
+  return {
+    ...(details
+      ? {
+        isAdminMe: isAccount(allAccounts, details.admin),
+        isFreezerMe: isAccount(allAccounts, details.freezer),
+        isIssuerMe: isAccount(allAccounts, details.issuer),
+        isOwnerMe: isAccount(allAccounts, details.owner)
+      }
+      : EMPTY_FLAGS
+    ),
+    details,
+    id,
+    key: id.toString(),
+    metadata: metadata.isEmpty
+      ? null
+      : metadata
+  };
+}
+
+function useAssetInfosImpl (ids?: BN[]): AssetInfo[] | undefined {
+  const { api } = useApi();
+  const { allAccounts } = useAccounts();
+  const metadata = useCall<[[BN[]], PalletAssetsAssetMetadata[]]>(api.query.assets.metadata.multi, [ids], QUERY_OPTS);
+  const details = useCall<[[BN[]], Option<PalletAssetsAssetDetails>[]]>(api.query.assets.asset.multi, [ids], QUERY_OPTS);
+  const [state, setState] = useState<AssetInfo[] | undefined>();
+
+  useEffect((): void => {
+    details && metadata && (details[0][0].length === metadata[0][0].length) &&
+      setState(
+        details[0][0].map((id, index) =>
+          extractInfo(allAccounts, id, details[1][index], metadata[1][index])
+        )
+      );
+  }, [allAccounts, details, ids, metadata]);
+
+  return state;
+}
+
+export default createNamedHook('useAssetInfos', useAssetInfosImpl);
diff --git a/packages/page-assets/tsconfig.build.json b/packages/page-assets/tsconfig.build.json
new file mode 100644
index 0000000..da24d9f
--- /dev/null
+++ b/packages/page-assets/tsconfig.build.json
@@ -0,0 +1,9 @@
+{
+  "extends": "../../tsconfig.base.json",
+  "compilerOptions": {
+    "baseUrl": "..",
+    "outDir": "./build",
+    "rootDir": "./src"
+  },
+  "references": []
+}
diff --git a/packages/page-bounties/.skip-build b/packages/page-bounties/.skip-build
new file mode 100644
index 0000000..e69de29
diff --git a/packages/page-bounties/.skip-npm b/packages/page-bounties/.skip-npm
new file mode 100644
index 0000000..e69de29
diff --git a/packages/page-bounties/LICENSE b/packages/page-bounties/LICENSE
new file mode 100644
index 0000000..0d381b2
--- /dev/null
+++ b/packages/page-bounties/LICENSE
@@ -0,0 +1,201 @@
+                              Apache License
+                        Version 2.0, January 2004
+                    http://www.apache.org/licenses/
+
+TERMS AND CONDITIONS FOR USE, REPRODUCTION, AND DISTRIBUTION
+
+1. Definitions.
+
+  "License" shall mean the terms and conditions for use, reproduction,
+  and distribution as defined by Sections 1 through 9 of this document.
+
+  "Licensor" shall mean the copyright owner or entity authorized by
+  the copyright owner that is granting the License.
+
+  "Legal Entity" shall mean the union of the acting entity and all
+  other entities that control, are controlled by, or are under common
+  control with that entity. For the purposes of this definition,
+  "control" means (i) the power, direct or indirect, to cause the
+  direction or management of such entity, whether by contract or
+  otherwise, or (ii) ownership of fifty percent (50%) or more of the
+  outstanding shares, or (iii) beneficial ownership of such entity.
+
+  "You" (or "Your") shall mean an individual or Legal Entity
+  exercising permissions granted by this License.
+
+  "Source" form shall mean the preferred form for making modifications,
+  including but not limited to software source code, documentation
+  source, and configuration files.
+
+  "Object" form shall mean any form resulting from mechanical
+  transformation or translation of a Source form, including but
+  not limited to compiled object code, generated documentation,
+  and conversions to other media types.
+
+  "Work" shall mean the work of authorship, whether in Source or
+  Object form, made available under the License, as indicated by a
+  copyright notice that is included in or attached to the work
+  (an example is provided in the Appendix below).
+
+  "Derivative Works" shall mean any work, whether in Source or Object
+  form, that is based on (or derived from) the Work and for which the
+  editorial revisions, annotations, elaborations, or other modifications
+  represent, as a whole, an original work of authorship. For the purposes
+  of this License, Derivative Works shall not include works that remain
+  separable from, or merely link (or bind by name) to the interfaces of,
+  the Work and Derivative Works thereof.
+
+  "Contribution" shall mean any work of authorship, including
+  the original version of the Work and any modifications or additions
+  to that Work or Derivative Works thereof, that is intentionally
+  submitted to Licensor for inclusion in the Work by the copyright owner
+  or by an individual or Legal Entity authorized to submit on behalf of
+  the copyright owner. For the purposes of this definition, "submitted"
+  means any form of electronic, verbal, or written communication sent
+  to the Licensor or its representatives, including but not limited to
+  communication on electronic mailing lists, source code control systems,
+  and issue tracking systems that are managed by, or on behalf of, the
+  Licensor for the purpose of discussing and improving the Work, but
+  excluding communication that is conspicuously marked or otherwise
+  designated in writing by the copyright owner as "Not a Contribution."
+
+  "Contributor" shall mean Licensor and any individual or Legal Entity
+  on behalf of whom a Contribution has been received by Licensor and
+  subsequently incorporated within the Work.
+
+2. Grant of Copyright License. Subject to the terms and conditions of
+  this License, each Contributor hereby grants to You a perpetual,
+  worldwide, non-exclusive, no-charge, royalty-free, irrevocable
+  copyright license to reproduce, prepare Derivative Works of,
+  publicly display, publicly perform, sublicense, and distribute the
+  Work and such Derivative Works in Source or Object form.
+
+3. Grant of Patent License. Subject to the terms and conditions of
+  this License, each Contributor hereby grants to You a perpetual,
+  worldwide, non-exclusive, no-charge, royalty-free, irrevocable
+  (except as stated in this section) patent license to make, have made,
+  use, offer to sell, sell, import, and otherwise transfer the Work,
+  where such license applies only to those patent claims licensable
+  by such Contributor that are necessarily infringed by their
+  Contribution(s) alone or by combination of their Contribution(s)
+  with the Work to which such Contribution(s) was submitted. If You
+  institute patent litigation against any entity (including a
+  cross-claim or counterclaim in a lawsuit) alleging that the Work
+  or a Contribution incorporated within the Work constitutes direct
+  or contributory patent infringement, then any patent licenses
+  granted to You under this License for that Work shall terminate
+  as of the date such litigation is filed.
+
+4. Redistribution. You may reproduce and distribute copies of the
+  Work or Derivative Works thereof in any medium, with or without
+  modifications, and in Source or Object form, provided that You
+  meet the following conditions:
+
+  (a) You must give any other recipients of the Work or
+      Derivative Works a copy of this License; and
+
+  (b) You must cause any modified files to carry prominent notices
+      stating that You changed the files; and
+
+  (c) You must retain, in the Source form of any Derivative Works
+      that You distribute, all copyright, patent, trademark, and
+      attribution notices from the Source form of the Work,
+      excluding those notices that do not pertain to any part of
+      the Derivative Works; and
+
+  (d) If the Work includes a "NOTICE" text file as part of its
+      distribution, then any Derivative Works that You distribute must
+      include a readable copy of the attribution notices contained
+      within such NOTICE file, excluding those notices that do not
+      pertain to any part of the Derivative Works, in at least one
+      of the following places: within a NOTICE text file distributed
+      as part of the Derivative Works; within the Source form or
+      documentation, if provided along with the Derivative Works; or,
+      within a display generated by the Derivative Works, if and
+      wherever such third-party notices normally appear. The contents
+      of the NOTICE file are for informational purposes only and
+      do not modify the License. You may add Your own attribution
+      notices within Derivative Works that You distribute, alongside
+      or as an addendum to the NOTICE text from the Work, provided
+      that such additional attribution notices cannot be construed
+      as modifying the License.
+
+  You may add Your own copyright statement to Your modifications and
+  may provide additional or different license terms and conditions
+  for use, reproduction, or distribution of Your modifications, or
+  for any such Derivative Works as a whole, provided Your use,
+  reproduction, and distribution of the Work otherwise complies with
+  the conditions stated in this License.
+
+5. Submission of Contributions. Unless You explicitly state otherwise,
+  any Contribution intentionally submitted for inclusion in the Work
+  by You to the Licensor shall be under the terms and conditions of
+  this License, without any additional terms or conditions.
+  Notwithstanding the above, nothing herein shall supersede or modify
+  the terms of any separate license agreement you may have executed
+  with Licensor regarding such Contributions.
+
+6. Trademarks. This License does not grant permission to use the trade
+  names, trademarks, service marks, or product names of the Licensor,
+  except as required for reasonable and customary use in describing the
+  origin of the Work and reproducing the content of the NOTICE file.
+
+7. Disclaimer of Warranty. Unless required by applicable law or
+  agreed to in writing, Licensor provides the Work (and each
+  Contributor provides its Contributions) on an "AS IS" BASIS,
+  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or
+  implied, including, without limitation, any warranties or conditions
+  of TITLE, NON-INFRINGEMENT, MERCHANTABILITY, or FITNESS FOR A
+  PARTICULAR PURPOSE. You are solely responsible for determining the
+  appropriateness of using or redistributing the Work and assume any
+  risks associated with Your exercise of permissions under this License.
+
+8. Limitation of Liability. In no event and under no legal theory,
+  whether in tort (including negligence), contract, or otherwise,
+  unless required by applicable law (such as deliberate and grossly
+  negligent acts) or agreed to in writing, shall any Contributor be
+  liable to You for damages, including any direct, indirect, special,
+  incidental, or consequential damages of any character arising as a
+  result of this License or out of the use or inability to use the
+  Work (including but not limited to damages for loss of goodwill,
+  work stoppage, computer failure or malfunction, or any and all
+  other commercial damages or losses), even if such Contributor
+  has been advised of the possibility of such damages.
+
+9. Accepting Warranty or Additional Liability. While redistributing
+  the Work or Derivative Works thereof, You may choose to offer,
+  and charge a fee for, acceptance of support, warranty, indemnity,
+  or other liability obligations and/or rights consistent with this
+  License. However, in accepting such obligations, You may act only
+  on Your own behalf and on Your sole responsibility, not on behalf
+  of any other Contributor, and only if You agree to indemnify,
+  defend, and hold each Contributor harmless for any liability
+  incurred by, or claims asserted against, such Contributor by reason
+  of your accepting any such warranty or additional liability.
+
+END OF TERMS AND CONDITIONS
+
+APPENDIX: How to apply the Apache License to your work.
+
+  To apply the Apache License to your work, attach the following
+  boilerplate notice, with the fields enclosed by brackets "[]"
+  replaced with your own identifying information. (Don't include
+  the brackets!)  The text should be enclosed in the appropriate
+  comment syntax for the file format. We also recommend that a
+  file or class name and description of purpose be included on the
+  same "printed page" as the copyright notice for easier
+  identification within third-party archives.
+
+Copyright [yyyy] [name of copyright owner]
+
+Licensed under the Apache License, Version 2.0 (the "License");
+you may not use this file except in compliance with the License.
+You may obtain a copy of the License at
+
+    http://www.apache.org/licenses/LICENSE-2.0
+
+Unless required by applicable law or agreed to in writing, software
+distributed under the License is distributed on an "AS IS" BASIS,
+WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+See the License for the specific language governing permissions and
+limitations under the License.
diff --git a/packages/page-bounties/README.md b/packages/page-bounties/README.md
new file mode 100644
index 0000000..58aed8d
--- /dev/null
+++ b/packages/page-bounties/README.md
@@ -0,0 +1 @@
+# @polkadot/bounties
diff --git a/packages/page-bounties/package.json b/packages/page-bounties/package.json
new file mode 100644
index 0000000..4233806
--- /dev/null
+++ b/packages/page-bounties/package.json
@@ -0,0 +1,22 @@
+{
+  "bugs": "https://github.com/polkadot-js/apps/issues",
+  "homepage": "https://github.com/polkadot-js/apps/tree/master/packages/page-bounties#readme",
+  "license": "Apache-2.0",
+  "name": "@polkadot/app-bounties",
+  "private": true,
+  "repository": {
+    "directory": "packages/page-bounties",
+    "type": "git",
+    "url": "https://github.com/polkadot-js/apps.git"
+  },
+  "sideEffects": false,
+  "type": "module",
+  "version": "0.112.2-14",
+  "dependencies": {
+    "@babel/runtime": "^7.17.9",
+    "@polkadot/react-components": "^0.112.2-14"
+  },
+  "devDependencies": {
+    "@polkadot/test-support": "0.112.2-14"
+  }
+}
diff --git a/packages/page-bounties/src/Bounties.slow.spec.tsx b/packages/page-bounties/src/Bounties.slow.spec.tsx
new file mode 100644
index 0000000..a42f249
--- /dev/null
+++ b/packages/page-bounties/src/Bounties.slow.spec.tsx
@@ -0,0 +1,57 @@
+// Copyright 2017-2022 @polkadot/app-bounties authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import '@polkadot/react-components/i18n';
+
+import { render } from '@testing-library/react';
+import React, { Suspense } from 'react';
+import { MemoryRouter } from 'react-router-dom';
+import { ThemeProvider } from 'styled-components';
+
+import BountiesApp from '@polkadot/app-bounties/index';
+import { lightTheme } from '@polkadot/apps/themes';
+import { Api } from '@polkadot/react-api';
+import { createApi } from '@polkadot/test-support/api';
+import { MemoryStore } from '@polkadot/test-support/keyring';
+import { aliceSigner } from '@polkadot/test-support/keyring/signers';
+import { WaitForApi } from '@polkadot/test-support/react';
+import { execute } from '@polkadot/test-support/transaction/execute';
+import { BN } from '@polkadot/util';
+
+const SUBSTRATE_PORT = Number.parseInt(process.env.TEST_SUBSTRATE_PORT || '30333');
+
+const renderBounties = () => {
+  const memoryStore = new MemoryStore();
+
+  return render(
+    <Suspense fallback='...'>
+      <MemoryRouter>
+        <ThemeProvider theme={lightTheme}>
+          <Api
+            apiUrl={`ws://127.0.0.1:${SUBSTRATE_PORT}`}
+            isElectron={false}
+            store={memoryStore}
+          >
+            <WaitForApi>
+              <div>
+                <BountiesApp basePath='/bounties' />
+              </div>
+            </WaitForApi>
+          </Api>
+        </ThemeProvider>
+      </MemoryRouter>
+    </Suspense>
+  );
+};
+
+describe('--SLOW--: Bounties', () => {
+  it('list shows an existing bounty', async () => {
+    const api = await createApi();
+
+    await execute(api.tx.bounties.proposeBounty(new BN(500_000_000_000_000), 'a short bounty title'), aliceSigner());
+
+    const { findByText } = renderBounties();
+
+    expect(await findByText('a short bounty title', {}, { timeout: 20_000 })).toBeTruthy();
+  });
+});
diff --git a/packages/page-bounties/src/Bounties.spec.ts b/packages/page-bounties/src/Bounties.spec.ts
new file mode 100644
index 0000000..40dab79
--- /dev/null
+++ b/packages/page-bounties/src/Bounties.spec.ts
@@ -0,0 +1,516 @@
+// Copyright 2017-2022 @polkadot/app-bounties authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { SubmittableExtrinsic } from '@polkadot/api/types';
+import type { DeriveCollectiveProposal } from '@polkadot/api-derive/types';
+import type { BountyIndex, BountyStatus } from '@polkadot/types/interfaces';
+import type { PalletBountiesBounty } from '@polkadot/types/lookup';
+
+import { fireEvent } from '@testing-library/react';
+
+import { ApiPromise } from '@polkadot/api';
+import i18next from '@polkadot/react-components/i18n';
+import { createAugmentedApi } from '@polkadot/test-support/api';
+import { balanceOf } from '@polkadot/test-support/creation/balance';
+import { BountyFactory } from '@polkadot/test-support/creation/bounties/bountyFactory';
+import { proposalFactory } from '@polkadot/test-support/creation/treasury/proposalFactory';
+import { mockHooks } from '@polkadot/test-support/hooks/mockHooks';
+import { MemoryStore } from '@polkadot/test-support/keyring';
+import { alice, bob } from '@polkadot/test-support/keyring/addresses';
+import { keyring } from '@polkadot/ui-keyring';
+import { BN } from '@polkadot/util';
+
+import { defaultBountyUpdatePeriod, mockBountyHooks } from '../test/hooks/defaults';
+import { BountiesPage } from '../test/pages/bountiesPage';
+import { BLOCKS_PERCENTAGE_LEFT_TO_SHOW_WARNING } from './BountyNextActionInfo/BountyActionMessage';
+
+jest.mock('@polkadot/react-hooks/useTreasury', () => ({
+  useTreasury: () => mockHooks.treasury
+}));
+
+jest.mock('@polkadot/react-hooks/useCollectiveInstance', () => ({
+  useCollectiveInstance: () => 'council'
+}));
+
+jest.mock('@polkadot/react-hooks/useCollectiveMembers', () => ({
+  useCollectiveMembers: () => mockHooks.members
+}));
+
+jest.mock('@polkadot/react-hooks/useBlockTime', () => ({
+  useBlockTime: () => mockHooks.blockTime
+}));
+
+jest.mock('./hooks/useBalance', () => ({
+  useBalance: () => mockBountyHooks.balance
+}));
+
+jest.mock('./hooks/useBounties', () => ({
+  useBounties: () => mockBountyHooks.bountyApi
+}));
+
+let aProposal: (extrinsic: SubmittableExtrinsic<'promise'>, ayes?: string[], nays?: string[]) => DeriveCollectiveProposal;
+let augmentedApi: ApiPromise;
+let aBounty: ({ status, value }?: Partial<PalletBountiesBounty>) => PalletBountiesBounty;
+let aBountyIndex: (index?: number) => BountyIndex;
+let bountyStatusWith: ({ curator, status, updateDue }: { curator?: string, status?: string, updateDue?: number}) => BountyStatus;
+let bountyWith: ({ status, value }: { status?: string, value?: number }) => PalletBountiesBounty;
+
+describe('Bounties', () => {
+  let bountiesPage: BountiesPage;
+
+  beforeAll(async () => {
+    await i18next.changeLanguage('en');
+    keyring.loadAll({ isDevelopment: true, store: new MemoryStore() });
+    augmentedApi = createAugmentedApi();
+    ({ aBounty, aBountyIndex, bountyStatusWith, bountyWith } = new BountyFactory(augmentedApi));
+    ({ aProposal } = proposalFactory(augmentedApi));
+  });
+
+  beforeEach(() => {
+    bountiesPage = new BountiesPage(augmentedApi);
+  });
+
+  describe('list', () => {
+    it('shows message when no bounties', async () => {
+      bountiesPage.renderMany();
+
+      await bountiesPage.expectText('No open bounties');
+    });
+
+    it('renders a bounty', async () => {
+      bountiesPage.renderOne(aBounty(), [], 'kusama comic book');
+
+      await bountiesPage.expectText('kusama comic book');
+      bountiesPage.expectTextAbsent('No open bounties');
+    });
+
+    it('renders bounties in order from newest to oldest', async () => {
+      bountiesPage.renderMany({
+        bounties: [
+          { bounty: aBounty(), description: 'bounty 2', index: aBountyIndex(2), proposals: [] },
+          { bounty: aBounty(), description: 'bounty 1', index: aBountyIndex(1), proposals: [] },
+          { bounty: aBounty(), description: 'bounty 3', index: aBountyIndex(3), proposals: [] }
+        ]
+      });
+
+      expect(await bountiesPage.findAllDescriptions()).toEqual(['bounty 3', 'bounty 2', 'bounty 1']);
+    });
+  });
+
+  describe('bounty in a list', () => {
+    describe('has extended status', () => {
+      it('when voting on proposed curator', async () => {
+        const bounty = bountyWith({ status: 'Funded' });
+        const proposals = [aProposal(augmentedApi.tx.bounties.proposeCurator(0, '5EYCAe5ijiYfyeZ2JJCGq56LmPyNRAKzpG4QkoQkkQNB5e6Z', 1))];
+
+        bountiesPage.renderOne(bounty, proposals);
+
+        await bountiesPage.expectVotingDescription('Curator proposal under voting');
+      });
+
+      it('when voting on bounty approval', async () => {
+        const bounty = bountyWith({ status: 'Proposed' });
+        const proposals = [aProposal(augmentedApi.tx.bounties.approveBounty(0))];
+
+        bountiesPage.renderOne(bounty, proposals);
+
+        await bountiesPage.expectVotingDescription('Bounty approval under voting');
+      });
+
+      it('when simultaneous close and approve motions exist, show approved', async () => {
+        const bounty = bountyWith({ status: 'Proposed' });
+        const proposals = [
+          aProposal(augmentedApi.tx.bounties.closeBounty(0)),
+          aProposal(augmentedApi.tx.bounties.approveBounty(0))
+        ];
+
+        bountiesPage.renderOne(bounty, proposals);
+
+        await bountiesPage.expectVotingDescription('Bounty approval under voting');
+      });
+
+      it('when voting on close bounty', async () => {
+        const bounty = bountyWith({ status: 'Active' });
+        const proposals = [aProposal(augmentedApi.tx.bounties.closeBounty(0))];
+
+        bountiesPage.renderOne(bounty, proposals);
+
+        await bountiesPage.expectVotingDescription('Bounty rejection under voting');
+      });
+
+      it('when voting on unassign curator', async () => {
+        const bounty = bountyWith({ status: 'Active' });
+        const proposals = [aProposal(augmentedApi.tx.bounties.unassignCurator(0))];
+
+        bountiesPage.renderOne(bounty, proposals);
+
+        await bountiesPage.expectVotingDescription('Curator slash under voting');
+      });
+
+      it('when a motion exists that would fail on execution, show nothing', async () => {
+        const bounty = bountyWith({ status: 'Active' });
+        const proposals = [aProposal(augmentedApi.tx.bounties.approveBounty(0))];
+
+        const { findByTestId } = bountiesPage.renderOne(bounty, proposals);
+
+        await expect(findByTestId('voting-description')).rejects.toThrow();
+      });
+    });
+
+    describe('has extended description for Curator', () => {
+      it('when propose curator motion is voted and bounty is in Funded state', async () => {
+        const bounty = bountyWith({ status: 'Funded' });
+        const proposals = [aProposal(augmentedApi.tx.bounties.proposeCurator(0, alice, 1))];
+
+        bountiesPage.renderOne(bounty, proposals);
+
+        await bountiesPage.expectText('Proposed Curator');
+      });
+
+      it('when bounty is in Funded status, but there is no motion, show nothing', async () => {
+        const bounty = bountyWith({ status: 'Funded' });
+
+        bountiesPage.renderOne(bounty);
+
+        await bountiesPage.rendered();
+        bountiesPage.expectTextAbsent('Proposed Curator');
+      });
+
+      it('when status is different, show nothing', async () => {
+        const bounty = bountyWith({ status: 'CuratorProposed' });
+
+        bountiesPage.renderOne(bounty);
+
+        await bountiesPage.rendered();
+        bountiesPage.expectTextAbsent('Proposed Curator');
+      });
+    });
+
+    describe('has Beneficiary description', () => {
+      it('in PendingPayout status', async () => {
+        const bounty = bountyWith({ status: 'PendingPayout' });
+        const proposals = [aProposal(augmentedApi.tx.bounties.awardBounty(0, '5EYCAe5ijiYfyeZ2JJCGq56LmPyNRAKzpG4QkoQkkQNB5e6Z'))];
+
+        bountiesPage.renderOne(bounty, proposals);
+
+        await bountiesPage.expectText('Beneficiary');
+      });
+
+      it('not in other status', async () => {
+        const bounty = bountyWith({ status: 'Active' });
+
+        bountiesPage.renderOne(bounty);
+
+        await bountiesPage.rendered();
+        bountiesPage.expectTextAbsent('Beneficiary');
+      });
+    });
+
+    describe('has voting summary', () => {
+      it('is displayed when voting', async () => {
+        const bounty = bountyWith({ status: 'Proposed' });
+        const proposals = [aProposal(augmentedApi.tx.bounties.approveBounty(0), [alice, bob], [])];
+
+        const { findByTestId } = bountiesPage.renderOne(bounty, proposals);
+
+        expect((await findByTestId('voting-summary')).textContent).toEqual('Aye 2/4Nay 0/0Voting');
+      });
+
+      it('is not displayed when not voting', async () => {
+        const bounty = bountyWith({ status: 'Proposed' });
+        const proposals: DeriveCollectiveProposal[] = [];
+
+        const { findByTestId } = bountiesPage.renderOne(bounty, proposals);
+
+        await expect(findByTestId('voting-summary')).rejects.toThrow();
+      });
+    });
+
+    describe('has voters', () => {
+      it('aye and nay', async () => {
+        const bounty = bountyWith({ status: 'Proposed' });
+        const proposals = [aProposal(augmentedApi.tx.bounties.approveBounty(0))];
+        const { findAllByTestId } = bountiesPage.renderOne(bounty, proposals);
+        const ayeVoters = await findAllByTestId((testId) => testId.startsWith('voters_ayes'));
+        const nayVoters = await findAllByTestId((testId) => testId.startsWith('voters_nays'));
+
+        expect(ayeVoters).toHaveLength(1);
+        expect(nayVoters).toHaveLength(1);
+        expect(ayeVoters[0].getAttribute('data-testid')).toContain(alice);
+        expect(nayVoters[0].getAttribute('data-testid')).toContain(bob);
+      });
+
+      it('multiple ayes and no nay', async () => {
+        const bounty = bountyWith({ status: 'Proposed' });
+        const proposals = [aProposal(augmentedApi.tx.bounties.approveBounty(0), [alice, bob], [])];
+
+        const { findAllByTestId } = bountiesPage.renderOne(bounty, proposals);
+        const ayeVoters = await findAllByTestId((testId) => testId.startsWith('voters_ayes'));
+
+        expect(ayeVoters).toHaveLength(2);
+        await expect(findAllByTestId((testId) => testId.startsWith('voters_nays'))).rejects.toThrow();
+        expect(ayeVoters[0].getAttribute('data-testid')).toContain(alice);
+        expect(ayeVoters[1].getAttribute('data-testid')).toContain(bob);
+      });
+
+      it('no voters when no voting', async () => {
+        const bounty = bountyWith({ status: 'Proposed' });
+        const proposals: DeriveCollectiveProposal[] = [];
+
+        const { findAllByTestId } = bountiesPage.renderOne(bounty, proposals);
+
+        await expect(findAllByTestId((testId) => testId.startsWith('voters_ayes'))).rejects.toThrow();
+        await expect(findAllByTestId((testId) => testId.startsWith('voters_nays'))).rejects.toThrow();
+      });
+    });
+  });
+
+  describe('create bounty modal', () => {
+    it('validates bounty length', async () => {
+      bountiesPage.renderMany({ maximumReasonLength: 5 });
+
+      await bountiesPage.openAddBounty();
+      await bountiesPage.enterBountyTitle('longer than 5');
+
+      await bountiesPage.expectText('Title too long');
+    });
+
+    it('validates balance is enough for bond', async () => {
+      bountiesPage.renderMany(
+        { bountyDepositBase: new BN(10), dataDepositPerByte: new BN(1) },
+        { balance: 10 }
+      );
+
+      await bountiesPage.openAddBounty();
+      bountiesPage.expectTextAbsent('Account does not have enough funds.');
+      await bountiesPage.enterBountyTitle('add bytes');
+
+      await bountiesPage.expectText('Account does not have enough funds.');
+    });
+  });
+
+  describe('propose curator modal', () => {
+    beforeEach(async () => {
+      bountiesPage.renderOne(bountyWith({ status: 'Funded', value: 5 }));
+
+      await bountiesPage.openProposeCurator();
+    });
+
+    it('shows an error if fee is greater than bounty value', async () => {
+      await bountiesPage.enterCuratorsFee('6');
+
+      await bountiesPage.expectText("Curator's fee can't be higher than bounty value.");
+    });
+
+    it('disables Assign Curator button if validation fails', async () => {
+      await bountiesPage.enterCuratorsFee('6');
+
+      expect(await bountiesPage.assignCuratorButton()).toHaveClass('isDisabled');
+    });
+
+    it('queues propose extrinsic on submit', async () => {
+      await bountiesPage.enterCuratorsFee('0');
+      bountiesPage.enterProposingAccount(alice);
+      bountiesPage.enterProposedCurator(alice);
+
+      fireEvent.click(await bountiesPage.assignCuratorButton());
+      bountiesPage.expectExtrinsicQueued({ accountId: alice, extrinsic: 'mockProposeExtrinsic' });
+    });
+  });
+
+  describe('close bounty modal', () => {
+    it('creates closeBounty proposal', async () => {
+      bountiesPage.renderOne(bountyWith({ status: 'Funded' }));
+      await bountiesPage.openCloseBounty();
+
+      bountiesPage.enterProposingAccount(alice);
+      await bountiesPage.clickButton('Close Bounty');
+
+      bountiesPage.expectExtrinsicQueued({ accountId: alice, extrinsic: 'mockProposeExtrinsic' });
+      expect(mockBountyHooks.bountyApi.closeBounty).toHaveBeenCalledWith(aBountyIndex(0));
+    });
+
+    it('is not available when close bounty motion already exists', async () => {
+      const bounty = bountyWith({ status: 'Funded' });
+      const proposals = [aProposal(augmentedApi.tx.bounties.closeBounty(0))];
+
+      const { findByTestId } = bountiesPage.renderOne(bounty, proposals);
+
+      await expect(findByTestId('extra-actions')).rejects.toThrow();
+    });
+  });
+
+  describe('Reject curator modal', () => {
+    it('creates extrinsic', async () => {
+      const bounty = aBounty({ status: bountyStatusWith({ curator: bob, status: 'CuratorProposed' }) });
+
+      bountiesPage.renderOne(bounty);
+
+      await bountiesPage.openRejectCuratorRole();
+
+      await bountiesPage.clickButton('Reject');
+
+      bountiesPage.expectExtrinsicQueued({ accountId: bob });
+    });
+
+    it('shows options for all roles', async () => {
+      const bounty = aBounty({ status: bountyStatusWith({ curator: bob, status: 'Active' }) });
+
+      bountiesPage.renderOne(bounty);
+
+      await bountiesPage.openExtraActions();
+
+      await bountiesPage.expectText('Give up');
+      await bountiesPage.expectText('Slash curator (Council)');
+    });
+  });
+
+  describe('Accept curator modal', () => {
+    it('creates extrinsic', async () => {
+      const bounty = aBounty({
+        fee: balanceOf(20),
+        status: bountyStatusWith({ curator: bob, status: 'CuratorProposed' })
+      });
+
+      bountiesPage.renderOne(bounty);
+      await bountiesPage.openAcceptCuratorRole();
+
+      expect(await bountiesPage.findCuratorsFee()).toEqual('20.0000');
+      expect(await bountiesPage.findCuratorsDeposit()).toEqual('10.0000');
+
+      await bountiesPage.clickButton('Accept Curator Role');
+
+      bountiesPage.expectExtrinsicQueued({ accountId: bob });
+      expect(mockBountyHooks.bountyApi.acceptCurator).toHaveBeenCalledWith(aBountyIndex(0));
+    });
+  });
+
+  describe('extend bounty expiry action modal', () => {
+    it('queues extend bounty expiry extrinsic on submit', async () => {
+      const bounty = aBounty({ status: bountyStatusWith({ curator: alice }) });
+
+      bountiesPage.renderOne(bounty);
+      await bountiesPage.openExtendExpiry();
+
+      await bountiesPage.enterExpiryRemark('The bounty extend expiry remark');
+      await bountiesPage.clickButton('Accept');
+
+      bountiesPage.expectExtrinsicQueued({ accountId: alice, extrinsic: 'mockExtendExtrinsic' });
+      expect(mockBountyHooks.bountyApi.extendBountyExpiry).toHaveBeenCalledWith(aBountyIndex(0), 'The bounty extend expiry remark');
+    });
+  });
+
+  describe('give up curator modal', () => {
+    it('gives up on the Curator role of an Active bounty', async () => {
+      const bounty = aBounty({ status: bountyStatusWith({ curator: alice }) });
+
+      bountiesPage.renderOne(bounty);
+      await bountiesPage.openGiveUpCuratorsRole();
+
+      bountiesPage.enterProposingAccount(alice);
+      await bountiesPage.clickButton('Give up');
+
+      bountiesPage.expectExtrinsicQueued({ accountId: alice, extrinsic: 'mockUnassignExtrinsic' });
+      expect(mockBountyHooks.bountyApi.unassignCurator).toHaveBeenCalledWith(aBountyIndex(0));
+    });
+  });
+
+  describe('slash curator modal', () => {
+    it('creates a motion when slashing a PendingPayout bounty', async () => {
+      bountiesPage.renderOne(bountyWith({ status: 'PendingPayout' }));
+
+      await bountiesPage.openSlashCuratorByCouncil();
+
+      bountiesPage.enterProposingAccount(alice);
+
+      await bountiesPage.clickButton('Approve');
+
+      bountiesPage.expectExtrinsicQueued({ accountId: alice, extrinsic: 'mockProposeExtrinsic' });
+    });
+  });
+
+  describe('award beneficiary action modal', () => {
+    it('awards the beneficiary ', async () => {
+      const bounty = aBounty({ status: bountyStatusWith({ curator: alice }) });
+
+      bountiesPage.renderOne(bounty);
+
+      await bountiesPage.openAwardBeneficiary();
+      bountiesPage.enterBeneficiary(bob);
+      await bountiesPage.clickButton('Approve');
+
+      bountiesPage.expectExtrinsicQueued({ accountId: alice, extrinsic: 'mockAwardExtrinsic' });
+      expect(mockBountyHooks.bountyApi.awardBounty).toHaveBeenCalledWith(aBountyIndex(0), bob);
+    });
+  });
+
+  describe('Show', () => {
+    it('warning when update time is close', async () => {
+      const bounty = aBounty({ status: bountyStatusWith(
+        {
+          curator: alice,
+          status: 'Active',
+          updateDue: defaultBountyUpdatePeriod.muln(BLOCKS_PERCENTAGE_LEFT_TO_SHOW_WARNING).divn(100).toNumber() - 1
+        }) });
+
+      bountiesPage.renderOne(bounty);
+
+      await bountiesPage.expectText('Close deadline');
+    });
+
+    it('warning when update time is overdue', async () => {
+      const bounty = aBounty({ status: bountyStatusWith(
+        {
+          curator: alice,
+          status: 'Active',
+          // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
+          updateDue: mockBountyHooks.bountyApi.bestNumber!.toNumber()
+        }) });
+
+      bountiesPage.renderOne(bounty);
+
+      await bountiesPage.expectText('Update overdue');
+    });
+
+    it('info when waiting for bounty funding', async () => {
+      const bounty = bountyWith({ status: 'Approved' });
+
+      bountiesPage.renderOne(bounty);
+
+      await bountiesPage.expectText('Waiting for Bounty Funding');
+    });
+
+    it('info when waiting for curator acceptance', async () => {
+      const bounty = bountyWith({ status: 'CuratorProposed' });
+
+      bountiesPage.renderOne(bounty);
+
+      await bountiesPage.expectText('Waiting for Curator\'s acceptance');
+    });
+
+    it('info when bounty is claimable', async () => {
+      const bounty = bountyWith({ status: 'PendingPayout' });
+
+      bountiesPage.renderOne(bounty);
+
+      await bountiesPage.expectText('Waiting for implementer to claim');
+    });
+
+    it('no warning or info when requirements are not met', async () => {
+      const bounty = aBounty({ status: bountyStatusWith({
+        curator: alice,
+        status: 'Active',
+        updateDue: defaultBountyUpdatePeriod.muln(BLOCKS_PERCENTAGE_LEFT_TO_SHOW_WARNING).divn(100).toNumber() + 1
+      }) });
+
+      bountiesPage.renderOne(bounty);
+      await bountiesPage.rendered();
+
+      bountiesPage.expectTextAbsent('Close deadline');
+      bountiesPage.expectTextAbsent('Update overdue');
+      bountiesPage.expectTextAbsent('Waiting for Bounty Funding');
+      bountiesPage.expectTextAbsent("Waiting for Curator's acceptance");
+      bountiesPage.expectTextAbsent('Waiting for implementer to claim');
+    });
+  });
+});
diff --git a/packages/page-bounties/src/Bounties.tsx b/packages/page-bounties/src/Bounties.tsx
new file mode 100644
index 0000000..ab72eb7
--- /dev/null
+++ b/packages/page-bounties/src/Bounties.tsx
@@ -0,0 +1,83 @@
+// Copyright 2017-2022 @polkadot/app-bounties authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import React, { useRef } from 'react';
+import styled from 'styled-components';
+
+import Summary from '@polkadot/app-bounties/Summary';
+import { Button, Table } from '@polkadot/react-components';
+
+import Bounty from './Bounty';
+import BountyCreate from './BountyCreate';
+import { useBounties } from './hooks';
+import { useTranslation } from './translate';
+
+interface Props {
+  className?: string;
+}
+
+function Bounties ({ className }: Props): React.ReactElement {
+  const { t } = useTranslation();
+  const { bestNumber, bounties } = useBounties();
+
+  const headerRef = useRef([
+    [t('bounties'), 'start', 3],
+    [t('value'), 'start'],
+    [t('curator'), 'start'],
+    [t('next action'), 'start', 3]
+  ]);
+
+  return (
+    <div className={className}>
+      <Summary activeBounties={bounties?.length} />
+      <Button.Group>
+        <BountyCreate />
+      </Button.Group>
+      <Table
+        className='bounties-table-wrapper'
+        empty={bounties && t<string>('No open bounties')}
+        header={headerRef.current}
+        withCollapsibleRows
+      >
+        {bounties && bestNumber &&
+          bounties
+            .sort((a, b) => b.index.cmp(a.index))
+            .map(({ bounty, description, index, proposals }) => (
+              <Bounty
+                bestNumber={bestNumber}
+                bounty={bounty}
+                description={description}
+                index={index}
+                key={index.toNumber()}
+                proposals={proposals}
+              />
+            ))
+        }
+      </Table>
+    </div>
+  );
+}
+
+export default React.memo(styled(Bounties)`
+  .bounties-table-wrapper table {
+    tr {
+      td,
+      &:not(.filter) th {
+        &:last-child {
+          padding-right: 1.14rem;
+        }
+      }
+    }
+  }
+.ui--IdentityIcon {
+    margin-right: 0.42rem;
+  }
+
+  .via-identity .name {
+    font-size: 1rem;
+    line-height: 1.7rem;
+    text-transform: initial;
+    filter: initial;
+    opacity: 1;
+  }
+`);
diff --git a/packages/page-bounties/src/Bounty.tsx b/packages/page-bounties/src/Bounty.tsx
new file mode 100644
index 0000000..932169f
--- /dev/null
+++ b/packages/page-bounties/src/Bounty.tsx
@@ -0,0 +1,298 @@
+// Copyright 2017-2022 @polkadot/app-bounties authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { DeriveCollectiveProposal } from '@polkadot/api-derive/types';
+import type { BlockNumber, Bounty as BountyType, BountyIndex } from '@polkadot/types/interfaces';
+
+import React, { useCallback, useMemo, useState } from 'react';
+import styled from 'styled-components';
+
+import { AddressSmall, ExpandButton, LinkExternal } from '@polkadot/react-components';
+import { FormatBalance } from '@polkadot/react-query';
+import { formatNumber } from '@polkadot/util';
+
+import BountyActionMessage from './BountyNextActionInfo/BountyActionMessage';
+import { getProposalToDisplay } from './helpers/extendedStatuses';
+import { BountyActions } from './BountyActions';
+import BountyExtraActions from './BountyExtraActions';
+import BountyInfos from './BountyInfos';
+import BountyStatusView from './BountyStatusView';
+import Curator from './Curator';
+import DueBlocks from './DueBlocks';
+import { useBountyStatus } from './hooks';
+import { useTranslation } from './translate';
+import VotersColumn from './VotersColumn';
+
+interface Props {
+  bestNumber: BlockNumber;
+  bounty: BountyType;
+  className?: string;
+  description: string;
+  index: BountyIndex;
+  proposals?: DeriveCollectiveProposal[];
+}
+
+const EMPTY_CELL = '-';
+
+function Bounty ({ bestNumber, bounty, className = '', description, index, proposals }: Props): React.ReactElement<Props> {
+  const { t } = useTranslation();
+  const [isExpanded, setIsExpanded] = useState(false);
+
+  const { bond, curatorDeposit, fee, proposer, status, value } = bounty;
+  const { beneficiary, bountyStatus, curator, unlockAt, updateDue } = useBountyStatus(status);
+
+  const blocksUntilUpdate = useMemo(() => updateDue?.sub(bestNumber), [bestNumber, updateDue]);
+  const blocksUntilPayout = useMemo(() => unlockAt?.sub(bestNumber), [bestNumber, unlockAt]);
+
+  const curatorToRender = useMemo(() => {
+    if (curator) {
+      return { curator, isFromProposal: false };
+    }
+
+    const proposalToDisplay = proposals && getProposalToDisplay(proposals, status);
+
+    return (proposalToDisplay?.proposal.method === 'proposeCurator')
+      ? { curator: proposalToDisplay.proposal.args[1], isFromProposal: true }
+      : null;
+  }, [curator, proposals, status]);
+
+  const handleOnIconClick = useCallback(
+    () => setIsExpanded((isExpanded) => !isExpanded),
+    []
+  );
+
+  return (
+    <>
+      <tr className={`${className}${isExpanded ? ' noBorder' : ''}`}>
+        <td className='number'><h1>{formatNumber(index)}</h1></td>
+        <td
+          className='description-column'
+          data-testid='description'
+        >
+          <div title={description}>
+            {description}
+          </div>
+        </td>
+        <td>
+          <BountyStatusView bountyStatus={bountyStatus} />
+        </td>
+        <td><FormatBalance value={value} /></td>
+        <td>
+          {curatorToRender && (
+            <Curator
+              curator={curatorToRender.curator}
+              isFromProposal={curatorToRender.isFromProposal}
+            />
+          )}
+        </td>
+        <td>
+          {blocksUntilPayout && unlockAt && (
+            <DueBlocks
+              dueBlocks={blocksUntilPayout}
+              endBlock={unlockAt}
+              label={t<string>('payout')}
+            />
+          )}
+          {blocksUntilUpdate && updateDue && (
+            <DueBlocks
+              dueBlocks={blocksUntilUpdate}
+              endBlock={updateDue}
+              label={t<string>('update')}
+            />
+          )}
+          <BountyActionMessage
+            bestNumber={bestNumber}
+            blocksUntilUpdate={blocksUntilUpdate}
+            status={status}
+          />
+        </td>
+        <td className='td-info-action-row'>
+          <div className='td-row'>
+            <BountyInfos
+              beneficiary={beneficiary}
+              proposals={proposals}
+              status={status}
+            />
+            <div className='bounty-action-row'>
+              <BountyActions
+                bestNumber={bestNumber}
+                description={description}
+                fee={fee}
+                index={index}
+                proposals={proposals}
+                status={status}
+                value={value}
+              />
+            </div>
+          </div>
+        </td>
+        <td className='fast-actions'>
+          <div className='fast-actions-row'>
+            <LinkExternal
+              data={index}
+              isLogo
+              type='bounty'
+            />
+            <BountyExtraActions
+              bestNumber={bestNumber}
+              description={description}
+              index={index}
+              proposals={proposals}
+              status={status}
+            />
+            <ExpandButton
+              expanded={isExpanded}
+              onClick={handleOnIconClick}
+            />
+          </div>
+        </td>
+      </tr>
+      <tr className={`${className} ${isExpanded ? 'isExpanded' : 'isCollapsed'}`}>
+        <td colSpan={2}>
+          <div className='label-column-left'>
+            <div className='label'>{t('Proposer')}</div>
+            <AddressSmall value={proposer} />
+          </div>
+        </td>
+        <td colSpan={2}>
+          <div className='label-column-right'>
+            <div className='label'>{t('Bond')}</div>
+            <div className='inline-balance'><FormatBalance value={bond} /></div>
+          </div>
+          <div className='label-column-right'>
+            <div className='label'>{t("Curator's fee")}</div>
+            <div className='inline-balance'>{curator ? <FormatBalance value={fee} /> : EMPTY_CELL}</div>
+          </div>
+          <div className='label-column-right'>
+            <div className='label'>{t("Curator's deposit")}</div>
+            <div className='inline-balance'>{curator ? <FormatBalance value={curatorDeposit} /> : EMPTY_CELL}</div>
+          </div>
+        </td>
+        <td />
+        <td />
+        <td>
+          {proposals && (
+            <div className='votes-table'>
+              <VotersColumn
+                option={'ayes'}
+                proposals={proposals}
+                status={status}
+              />
+              <VotersColumn
+                option={'nays'}
+                proposals={proposals}
+                status={status}
+              />
+            </div>
+          )}
+        </td>
+        <td />
+      </tr>
+    </>
+  );
+}
+
+export default React.memo(styled(Bounty)`
+  &.isCollapsed {
+    visibility: collapse;
+  }
+
+  &.isExpanded {
+    visibility: visible;
+  }
+
+  .description-column {
+    max-width: 200px;
+
+    div {
+      white-space: nowrap;
+      overflow: hidden;
+      text-overflow: ellipsis;
+    }
+  }
+
+  & .links {
+    display: inline-flex;
+  }
+
+  & td.fast-actions {
+    padding-left: 0.2rem;
+    width: 1%;
+
+    .fast-actions-row {
+      display: flex;
+      align-items: center;
+      justify-content: flex-end;
+
+      & > * + * {
+        margin-left: 0.285rem;
+      }
+    }
+  }
+
+  & .inline-balance {
+    width: 50%;
+    font-size: 1rem;
+    line-height: normal;
+  }
+
+  .label {
+    text-align: right;
+    padding: 0 1.7rem 0 0;
+    line-height: normal;
+    color: var(--color-label);
+    text-transform: lowercase;
+  }
+
+  .label-column-right, .label-column-left{
+   display: flex;
+    align-items: center;
+
+    .label {
+      width: 50%;
+    }
+  }
+
+  .label-column-right {
+    padding: 0 0 0.5rem;
+  }
+
+  .label-column-left {
+    padding: 0 0 0.5rem;
+  }
+
+  & .td-info-action-row {
+    padding-right: 0;
+  }
+
+  .td-row {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+
+    & :only-child {
+      margin-left: auto;
+    }
+  }
+
+  .bounty-action-row {
+    display: flex;
+    justify-content: flex-end;
+    align-items: center;
+
+    & > * + * {
+      margin-left: 0.6rem;
+    }
+  }
+
+  .block-to-time {
+    font-size: 0.7rem;
+    line-height: 1.5rem;
+    color: var(--color-label);
+  }
+
+  & .votes-table {
+    display: flex;
+    justify-content: space-between;
+  }
+`);
diff --git a/packages/page-bounties/src/BountyActions/AwardBounty.tsx b/packages/page-bounties/src/BountyActions/AwardBounty.tsx
new file mode 100644
index 0000000..e493f69
--- /dev/null
+++ b/packages/page-bounties/src/BountyActions/AwardBounty.tsx
@@ -0,0 +1,81 @@
+// Copyright 2017-2022 @polkadot/app-treasury authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { AccountId, BountyIndex } from '@polkadot/types/interfaces';
+
+import React, { useMemo, useState } from 'react';
+
+import { Button, InputAddress, Modal, TxButton } from '@polkadot/react-components';
+import { useAccounts, useToggle } from '@polkadot/react-hooks';
+
+import { truncateTitle } from '../helpers';
+import { useBounties } from '../hooks';
+import { useTranslation } from '../translate';
+
+interface Props {
+  curatorId: AccountId;
+  description: string;
+  index: BountyIndex;
+}
+
+function AwardBounty ({ curatorId, description, index }: Props): React.ReactElement<Props> | null {
+  const { t } = useTranslation();
+  const { awardBounty } = useBounties();
+  const { allAccounts } = useAccounts();
+  const [isOpen, toggleOpen] = useToggle();
+  const [beneficiaryId, setBeneficiaryId] = useState<string | null>(null);
+  const isCurator = useMemo(() => allAccounts.includes(curatorId.toString()), [allAccounts, curatorId]);
+
+  return isCurator
+    ? (
+      <>
+        <Button
+          icon='award'
+          isDisabled={false}
+          label={t<string>('Reward implementer')}
+          onClick={toggleOpen}
+        />
+        {isOpen && (
+          <Modal
+            header={`${t<string>('award bounty')} - "${truncateTitle(description, 30)}"`}
+            onClose={toggleOpen}
+            size='large'
+          >
+            <Modal.Content>
+              <Modal.Columns hint={t<string>('The Curator account that will be used to send this transaction. Any applicable fees will be paid by this account.')}>
+                <InputAddress
+                  defaultValue={curatorId}
+                  help={t<string>("Curator's account that will reward the bounty to the implementer.")}
+                  isDisabled={true}
+                  label={t<string>('award with account')}
+                  type='account'
+                  withLabel
+                />
+              </Modal.Columns>
+              <Modal.Columns hint={t<string>("Reward the bounty to an implementer's account. The implementer will be able to claim the funds after a delay period.")}>
+                <InputAddress
+                  help={t<string>('Choose the Beneficiary for this bounty.')}
+                  label={t<string>('implementer account')}
+                  onChange={setBeneficiaryId}
+                  withLabel
+                />
+              </Modal.Columns>
+            </Modal.Content>
+            <Modal.Actions>
+              <TxButton
+                accountId={curatorId}
+                icon='check'
+                label={t<string>('Approve')}
+                onStart={toggleOpen}
+                params={[index, beneficiaryId]}
+                tx={awardBounty}
+              />
+            </Modal.Actions>
+          </Modal>
+        )}
+      </>
+    )
+    : null;
+}
+
+export default React.memo(AwardBounty);
diff --git a/packages/page-bounties/src/BountyActions/BountyAcceptCurator.tsx b/packages/page-bounties/src/BountyActions/BountyAcceptCurator.tsx
new file mode 100644
index 0000000..c1c8306
--- /dev/null
+++ b/packages/page-bounties/src/BountyActions/BountyAcceptCurator.tsx
@@ -0,0 +1,91 @@
+// Copyright 2017-2022 @polkadot/app-bounties authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { AccountId, BountyIndex } from '@polkadot/types/interfaces';
+import type { BN } from '@polkadot/util';
+
+import React, { useMemo } from 'react';
+
+import { Button, InputAddress, InputBalance, Modal, TxButton } from '@polkadot/react-components';
+import { useToggle } from '@polkadot/react-hooks';
+
+import { permillOf, truncateTitle } from '../helpers';
+import { useBounties, useUserRole } from '../hooks';
+import { useTranslation } from '../translate';
+
+interface Props {
+  curatorId: AccountId;
+  description: string;
+  fee: BN;
+  index: BountyIndex;
+}
+
+function BountyAcceptCurator ({ curatorId, description, fee, index }: Props) {
+  const { t } = useTranslation();
+  const { acceptCurator } = useBounties();
+  const { isCurator } = useUserRole(curatorId);
+  const { bountyCuratorDeposit } = useBounties();
+  const [isOpen, toggleOpen] = useToggle();
+
+  const deposit = useMemo(() => permillOf(fee, bountyCuratorDeposit), [fee, bountyCuratorDeposit]);
+
+  return isCurator
+    ? (
+      <>
+        <Button
+          icon='check'
+          isDisabled={false}
+          label={t<string>('Accept')}
+          onClick={toggleOpen}
+        />
+        {isOpen && (
+          <Modal
+            header={`${t<string>('accept curator role')} - "${truncateTitle(description, 30)}"`}
+            onClose={toggleOpen}
+            size='large'
+          >
+            <Modal.Content>
+              <Modal.Columns hint={t<string>('Only the account proposed as curator by the council can create the assign curator transaction')}>
+                <InputAddress
+                  help={t<string>('This account will accept the curator role.')}
+                  isDisabled
+                  label={t<string>('curator account')}
+                  type='account'
+                  value={curatorId.toString()}
+                  withLabel
+                />
+              </Modal.Columns>
+              <Modal.Columns hint={t<string>("This amount will be sent to your account after bounty is rewarded and you claim curator's fee.")}>
+                <InputBalance
+                  defaultValue={fee.toString()}
+                  isDisabled
+                  label={t<string>("curator's fee")}
+                />
+              </Modal.Columns>
+              <Modal.Columns hint={t<string>('This amount will be reserved from your account and returned after bounty claim is confirmed or if you give up, unless you are slashed earlier.')}>
+                <InputBalance
+                  defaultValue={deposit.toString()}
+                  help={t<string>("Curator's deposit is calculated based on the accepted curator's fee for this bounty.")}
+                  isDisabled
+                  label={t<string>("curator's deposit")}
+                />
+              </Modal.Columns>
+            </Modal.Content>
+            <Modal.Actions>
+              <TxButton
+                accountId={curatorId}
+                icon='check'
+                label={t<string>('Accept Curator Role')}
+                onStart={toggleOpen}
+                params={[index]}
+                tx={acceptCurator}
+              />
+            </Modal.Actions>
+          </Modal>
+        )}
+      </>
+    )
+    : null;
+}
+
+export default React.memo(BountyAcceptCurator);
diff --git a/packages/page-bounties/src/BountyActions/BountyClaimAction.tsx b/packages/page-bounties/src/BountyActions/BountyClaimAction.tsx
new file mode 100644
index 0000000..1e16be5
--- /dev/null
+++ b/packages/page-bounties/src/BountyActions/BountyClaimAction.tsx
@@ -0,0 +1,45 @@
+// Copyright 2017-2022 @polkadot/app-bounties authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { AccountId, BountyIndex } from '@polkadot/types/interfaces';
+import type { BN } from '@polkadot/util';
+
+import React, { useMemo } from 'react';
+
+import { useBounties } from '@polkadot/app-bounties/hooks';
+import { TxButton } from '@polkadot/react-components';
+import { useAccounts } from '@polkadot/react-hooks';
+
+import { isClaimable } from '../helpers';
+import { useTranslation } from '../translate';
+
+interface Props {
+  beneficiaryId: AccountId;
+  index: BountyIndex;
+  payoutDue: BN;
+}
+
+function BountyClaimAction ({ beneficiaryId, index, payoutDue }: Props) {
+  const { t } = useTranslation();
+  const { claimBounty } = useBounties();
+  const { allAccounts } = useAccounts();
+
+  const isBountyClaimable = useMemo(
+    () => isClaimable(allAccounts, beneficiaryId, payoutDue),
+    [allAccounts, beneficiaryId, payoutDue]
+  );
+
+  return isBountyClaimable
+    ? (
+      <TxButton
+        accountId={beneficiaryId}
+        icon='plus'
+        label={t<string>('Claim')}
+        params={[index]}
+        tx={claimBounty}
+      />
+    )
+    : null;
+}
+
+export default React.memo(BountyClaimAction);
diff --git a/packages/page-bounties/src/BountyActions/BountyInitiateVoting.tsx b/packages/page-bounties/src/BountyActions/BountyInitiateVoting.tsx
new file mode 100644
index 0000000..f0cbda9
--- /dev/null
+++ b/packages/page-bounties/src/BountyActions/BountyInitiateVoting.tsx
@@ -0,0 +1,101 @@
+// Copyright 2017-2022 @polkadot/app-treasury authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { DeriveCollectiveProposal } from '@polkadot/api-derive/types';
+import type { BountyIndex } from '@polkadot/types/interfaces';
+
+import React, { useEffect, useMemo, useRef, useState } from 'react';
+
+import { getTreasuryProposalThreshold } from '@polkadot/apps-config';
+import { Button, InputAddress, Modal, TxButton } from '@polkadot/react-components';
+import { useApi, useCollectiveInstance, useCollectiveMembers, useToggle } from '@polkadot/react-hooks';
+import { BN } from '@polkadot/util';
+
+import { truncateTitle } from '../helpers';
+import { useBounties } from '../hooks';
+import { useTranslation } from '../translate';
+
+interface Props {
+  description: string;
+  index: BountyIndex;
+  proposals?: DeriveCollectiveProposal[];
+}
+
+const BOUNTY_METHODS = ['approveBounty', 'closeBounty'];
+
+function BountyInitiateVoting ({ description, index, proposals }: Props): React.ReactElement<Props> | null {
+  const { t } = useTranslation();
+  const { api } = useApi();
+  const { isMember, members } = useCollectiveMembers('council');
+  const councilMod = useCollectiveInstance('council');
+  const { approveBounty, closeBounty } = useBounties();
+  const [isOpen, toggleOpen] = useToggle();
+  const [accountId, setAccountId] = useState<string | null>(null);
+  const [threshold, setThreshold] = useState<BN>();
+
+  useEffect((): void => {
+    members && setThreshold(
+      new BN(Math.ceil(members.length * getTreasuryProposalThreshold(api)))
+    );
+  }, [api, members]);
+
+  const approveBountyProposal = useRef(approveBounty(index));
+  const closeBountyProposal = useRef(closeBounty(index));
+
+  const isVotingInitiated = useMemo(() => proposals?.filter(({ proposal }) => BOUNTY_METHODS.includes(proposal.method)).length !== 0, [proposals]);
+
+  return isMember && !isVotingInitiated && councilMod
+    ? (
+      <>
+        <Button
+          icon='step-forward'
+          isDisabled={false}
+          label={t<string>('Initiate voting')}
+          onClick={toggleOpen}
+        />
+        {isOpen && (
+          <Modal
+            header={`${t<string>('Initiate voting')} - "${truncateTitle(description, 30)}"`}
+            onClose={toggleOpen}
+            size='large'
+          >
+            <Modal.Content>
+              <Modal.Columns hint={t<string>('The council member that will create a motion, submission equates to an "aye" vote for chosen option.')}>
+                <InputAddress
+                  filter={members}
+                  help={t<string>('Select the council member account you wish to use to create a motion for the Bounty.')}
+                  label={t<string>('vote with account')}
+                  onChange={setAccountId}
+                  type='account'
+                  withLabel
+                />
+              </Modal.Columns>
+            </Modal.Content>
+            <Modal.Actions>
+              <TxButton
+                accountId={accountId}
+                icon='check'
+                isDisabled={false}
+                label={t<string>('Approve')}
+                onStart={toggleOpen}
+                params={[threshold, approveBountyProposal.current, approveBountyProposal.current.length]}
+                tx={api.tx[councilMod].propose}
+              />
+              <TxButton
+                accountId={accountId}
+                icon='ban'
+                isDisabled={false}
+                label={t<string>('Reject')}
+                onStart={toggleOpen}
+                params={[threshold, closeBountyProposal.current, closeBountyProposal.current.length]}
+                tx={api.tx[councilMod].propose}
+              />
+            </Modal.Actions>
+          </Modal>
+        )}
+      </>
+    )
+    : null;
+}
+
+export default React.memo(BountyInitiateVoting);
diff --git a/packages/page-bounties/src/BountyActions/ProposeCuratorAction.tsx b/packages/page-bounties/src/BountyActions/ProposeCuratorAction.tsx
new file mode 100644
index 0000000..1518429
--- /dev/null
+++ b/packages/page-bounties/src/BountyActions/ProposeCuratorAction.tsx
@@ -0,0 +1,121 @@
+// Copyright 2017-2022 @polkadot/app-treasury authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { DeriveCollectiveProposal } from '@polkadot/api-derive/types';
+import type { Balance, BountyIndex } from '@polkadot/types/interfaces';
+
+import React, { useEffect, useMemo, useState } from 'react';
+
+import { getTreasuryProposalThreshold } from '@polkadot/apps-config';
+import { Button, InputAddress, InputBalance, MarkError, Modal, TxButton } from '@polkadot/react-components';
+import { useApi, useCollectiveInstance, useCollectiveMembers, useToggle } from '@polkadot/react-hooks';
+import { BN, BN_ZERO } from '@polkadot/util';
+
+import { truncateTitle } from '../helpers';
+import { useBounties } from '../hooks';
+import { useTranslation } from '../translate';
+
+interface Props {
+  description: string
+  index: BountyIndex;
+  proposals?: DeriveCollectiveProposal[];
+  value: Balance;
+}
+
+const BOUNTY_METHODS = ['proposeCurator'];
+
+function ProposeCuratorAction ({ description, index, proposals, value }: Props): React.ReactElement<Props> | null {
+  const { t } = useTranslation();
+  const { api } = useApi();
+  const { isMember, members } = useCollectiveMembers('council');
+  const councilMod = useCollectiveInstance('council');
+  const { proposeCurator } = useBounties();
+  const [isOpen, toggleOpen] = useToggle();
+  const [accountId, setAccountId] = useState<string | null>(null);
+  const [curatorId, setCuratorId] = useState<string | null>(null);
+  const [threshold, setThreshold] = useState<BN>();
+  const [fee, setFee] = useState<BN>(BN_ZERO);
+  const [isFeeValid, setIsFeeValid] = useState(false);
+
+  useEffect((): void => {
+    members && setThreshold(
+      new BN(Math.ceil(members.length * getTreasuryProposalThreshold(api)))
+    );
+  }, [api, members]);
+
+  const proposeCuratorProposal = useMemo(() => curatorId && proposeCurator(index, curatorId, fee), [curatorId, fee, index, proposeCurator]);
+
+  const isVotingInitiated = useMemo(() => proposals?.filter(({ proposal }) => BOUNTY_METHODS.includes(proposal.method)).length !== 0, [proposals]);
+
+  useEffect(() => {
+    setIsFeeValid(!!value?.gt(fee));
+  }, [value, fee]);
+
+  return isMember && !isVotingInitiated && councilMod
+    ? (
+      <>
+        <Button
+          icon='step-forward'
+          isDisabled={false}
+          label={t<string>('Propose curator')}
+          onClick={toggleOpen}
+        />
+        {isOpen && (
+          <Modal
+            header={`${t<string>('Propose curator')} - "${truncateTitle(description, 30)}"`}
+            onClose={toggleOpen}
+            size='large'
+            testId='propose-curator-modal'
+          >
+            <Modal.Content>
+              <Modal.Columns hint={t<string>('The council member that will create the motion.')}>
+                <InputAddress
+                  filter={members}
+                  help={t<string>('Select the council member account you wish to use to create a motion for the Bounty.')}
+                  label={t<string>('proposing account')}
+                  onChange={setAccountId}
+                  type='account'
+                  withLabel
+                />
+              </Modal.Columns>
+              <Modal.Columns hint={t<string>('Choose a curator whose background and expertise is such that they are capable of determining when the task is complete.')}>
+                <InputAddress
+                  help={t<string>('Select an account which (after a successful vote) will act as a curator.')}
+                  label={t<string>('select curator')}
+                  onChange={setCuratorId}
+                  withLabel
+                />
+              </Modal.Columns>
+              <Modal.Columns hint={t<string>('Part of the bounty value that will go to the Curator as a reward for their work')}>
+                <InputBalance
+                  help={t<string>('A reward for a curator, this amount is included in the total value of the bounty.')}
+                  isError={!isFeeValid}
+                  isZeroable
+                  label={t<string>("curator's fee")}
+                  onChange={setFee}
+                  value={fee}
+                />
+                {!isFeeValid && (
+                  <MarkError content={t<string>("Curator's fee can't be higher than bounty value.")} />
+                )}
+              </Modal.Columns>
+            </Modal.Content>
+            <Modal.Actions>
+              <TxButton
+                accountId={accountId}
+                icon='check'
+                isDisabled={!isFeeValid}
+                label={t<string>('Propose curator')}
+                onStart={toggleOpen}
+                params={[threshold, proposeCuratorProposal, proposeCuratorProposal?.length]}
+                tx={api.tx[councilMod].propose}
+              />
+            </Modal.Actions>
+          </Modal>
+        )}
+      </>
+    )
+    : null;
+}
+
+export default React.memo(ProposeCuratorAction);
diff --git a/packages/page-bounties/src/BountyActions/index.tsx b/packages/page-bounties/src/BountyActions/index.tsx
new file mode 100644
index 0000000..5f50fc8
--- /dev/null
+++ b/packages/page-bounties/src/BountyActions/index.tsx
@@ -0,0 +1,72 @@
+// Copyright 2017-2022 @polkadot/app-bounties authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { DeriveCollectiveProposal } from '@polkadot/api-derive/types';
+import type { Balance, BlockNumber, BountyIndex, BountyStatus } from '@polkadot/types/interfaces';
+import type { BN } from '@polkadot/util';
+
+import React, { useMemo } from 'react';
+
+import { useBountyStatus } from '../hooks';
+import AwardBounty from './AwardBounty';
+import BountyAcceptCurator from './BountyAcceptCurator';
+import BountyClaimAction from './BountyClaimAction';
+import BountyInitiateVoting from './BountyInitiateVoting';
+import ProposeCuratorAction from './ProposeCuratorAction';
+
+interface Props {
+  bestNumber: BlockNumber;
+  description: string;
+  fee?: BN;
+  index: BountyIndex;
+  proposals?: DeriveCollectiveProposal[];
+  status: BountyStatus;
+  value: Balance;
+}
+
+export function BountyActions ({ bestNumber, description, fee, index, proposals, status, value }: Props): JSX.Element {
+  const { beneficiary, curator, unlockAt } = useBountyStatus(status);
+  const blocksUntilPayout = useMemo(() => unlockAt?.sub(bestNumber), [bestNumber, unlockAt]);
+
+  return (
+    <>
+      {status.isProposed &&
+        <BountyInitiateVoting
+          description={description}
+          index={index}
+          proposals={proposals}
+        />
+      }
+      {status.isFunded &&
+        <ProposeCuratorAction
+          description={description}
+          index={index}
+          proposals={proposals}
+          value={value}
+        />
+      }
+      {status.isCuratorProposed && curator && fee &&
+        <BountyAcceptCurator
+          curatorId={curator}
+          description={description}
+          fee={fee}
+          index={index}
+        />
+      }
+      {status.isPendingPayout && beneficiary && blocksUntilPayout &&
+        <BountyClaimAction
+          beneficiaryId={beneficiary}
+          index={index}
+          payoutDue={blocksUntilPayout}
+        />
+      }
+      {status.isActive && curator &&
+        <AwardBounty
+          curatorId={curator}
+          description={description}
+          index={index}
+        />
+      }
+    </>
+  );
+}
diff --git a/packages/page-bounties/src/BountyCreate.tsx b/packages/page-bounties/src/BountyCreate.tsx
new file mode 100644
index 0000000..940a673
--- /dev/null
+++ b/packages/page-bounties/src/BountyCreate.tsx
@@ -0,0 +1,134 @@
+// Copyright 2017-2022 @polkadot/app-bounties authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { BN } from '@polkadot/util';
+
+import React, { useCallback, useEffect, useState } from 'react';
+
+import { useBalance, useBounties } from '@polkadot/app-bounties/hooks';
+import { Button, Input, InputAddress, InputBalance, MarkError, Modal, TxButton } from '@polkadot/react-components';
+import { useToggle } from '@polkadot/react-hooks';
+import { BN_ZERO } from '@polkadot/util';
+
+import { calculateBountyBond, countUtf8Bytes } from './helpers';
+import { useTranslation } from './translate';
+
+const MIN_TITLE_LEN = 1;
+const TITLE_DEFAULT_VALUE = '';
+const BOUNTY_DEFAULT_VALUE = BN_ZERO;
+
+function BountyCreate () {
+  const { t } = useTranslation();
+  const { bountyDepositBase, bountyValueMinimum, dataDepositPerByte, maximumReasonLength, proposeBounty } = useBounties();
+  const [accountId, setAccountId] = useState<string | null>(null);
+  const balance = useBalance(accountId);
+
+  const [title, setTitle] = useState('');
+  const [bond, setBond] = useState(bountyDepositBase);
+  const [value, setValue] = useState<BN | undefined>(BOUNTY_DEFAULT_VALUE);
+  const [isOpen, toggleIsOpen] = useToggle();
+  const [isTitleValid, setIsTitleValid] = useState(false);
+  const [isValueValid, setIsValueValid] = useState(false);
+  const [hasFunds, setHasFunds] = useState(false);
+
+  useEffect(() => {
+    setIsTitleValid(title?.length >= MIN_TITLE_LEN && countUtf8Bytes(title) <= maximumReasonLength);
+  }, [maximumReasonLength, title]);
+
+  useEffect(() => {
+    setIsValueValid(!!value?.gte(bountyValueMinimum));
+  }, [bountyValueMinimum, value]);
+
+  useEffect(() => {
+    setHasFunds(!!balance?.gte(bond));
+  }, [balance, bond]);
+
+  const isValid = hasFunds && isTitleValid && isValueValid;
+
+  const onTitleChange = useCallback((value: string) => {
+    setTitle(value);
+    setBond(calculateBountyBond(value, bountyDepositBase, dataDepositPerByte));
+  }, [bountyDepositBase, dataDepositPerByte]);
+
+  return (
+    <>
+      <Button
+        icon='plus'
+        isDisabled={false}
+        label={t<string>('Add Bounty')}
+        onClick={toggleIsOpen}
+      />
+      {isOpen && (
+        <Modal
+          className='ui--AddBountyModal'
+          header={t<string>('Add Bounty')}
+          onClose={toggleIsOpen}
+        >
+          <Modal.Content>
+            <Modal.Columns hint={t<string>('Description of the Bounty (to be stored on-chain)')}>
+              <Input
+                autoFocus
+                defaultValue={TITLE_DEFAULT_VALUE}
+                help={t<string>('The description of this bounty')}
+                isError={!isTitleValid}
+                label={t<string>('bounty title')}
+                onChange={onTitleChange}
+                value={title}
+              />
+              {!isTitleValid && (title !== TITLE_DEFAULT_VALUE) && (
+                <MarkError content={t<string>('Title too long')} />
+              )}
+            </Modal.Columns>
+            <Modal.Columns hint={t<string>('How much should be paid out for completed Bounty. Upon funding, the amount will be reserved in treasury.')}>
+              <InputBalance
+                help={t<string>("The total payment amount of this bounty, curator's fee included.")}
+                isError={!isValueValid}
+                isZeroable
+                label={t<string>('bounty requested allocation')}
+                onChange={setValue}
+                value={value}
+              />
+              {!isValueValid && !value?.eq(BOUNTY_DEFAULT_VALUE) && (
+                <MarkError content={t<string>('Allocation value is smaller than the minimum bounty value.')} />
+              )}
+            </Modal.Columns>
+            <Modal.Columns hint={t<string>('Proposer bond depends on bounty title length.')}>
+              <InputBalance
+                defaultValue={bond.toString()}
+                help={t<string>('This amount will be reserved from origin account and returned on approval or slashed upon rejection.')}
+                isDisabled
+                label={t<string>('bounty bond')}
+              />
+            </Modal.Columns>
+            <Modal.Columns hint={t<string>('This account will propose the bounty. Bond amount will be reserved on its balance.')}>
+              <InputAddress
+                help={t<string>('Select the account you wish to propose the bounty from.')}
+                isError={!hasFunds}
+                label={t<string>('submit with account')}
+                onChange={setAccountId}
+                type='account'
+                withLabel
+              />
+              {!hasFunds && (
+                <MarkError content={t<string>('Account does not have enough funds.')} />
+              )}
+            </Modal.Columns>
+          </Modal.Content>
+          <Modal.Actions>
+            <TxButton
+              accountId={accountId}
+              icon='plus'
+              isDisabled={!accountId || !isValid}
+              label={t<string>('Add Bounty')}
+              onStart={toggleIsOpen}
+              params={[value, title]}
+              tx={proposeBounty}
+            />
+          </Modal.Actions>
+        </Modal>
+      )}
+    </>
+  );
+}
+
+export default React.memo(BountyCreate);
diff --git a/packages/page-bounties/src/BountyExtraActions/BountyRejectCurator.tsx b/packages/page-bounties/src/BountyExtraActions/BountyRejectCurator.tsx
new file mode 100644
index 0000000..e2329aa
--- /dev/null
+++ b/packages/page-bounties/src/BountyExtraActions/BountyRejectCurator.tsx
@@ -0,0 +1,57 @@
+// Copyright 2017-2022 @polkadot/app-bounties authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { AccountId, BountyIndex } from '@polkadot/types/interfaces';
+
+import React from 'react';
+
+import { useBounties } from '@polkadot/app-bounties/hooks';
+import { InputAddress, Modal, TxButton } from '@polkadot/react-components';
+
+import { truncateTitle } from '../helpers';
+import { useTranslation } from '../translate';
+
+interface Props {
+  curatorId: AccountId;
+  description: string;
+  index: BountyIndex;
+  toggleOpen: () => void;
+}
+
+function BountyRejectCurator ({ curatorId, description, index, toggleOpen }: Props) {
+  const { t } = useTranslation();
+  const { unassignCurator } = useBounties();
+
+  return (
+    <Modal
+      header={`${t<string>('reject curator')} - "${truncateTitle(description, 30)}"`}
+      onClose={toggleOpen}
+      size='large'
+    >
+      <Modal.Content>
+        <Modal.Columns hint={t<string>('Only the account proposed as curator by the council can create the unassign curator transaction ')}>
+          <InputAddress
+            help={t<string>('This account will be used to create the unassign curator transaction.')}
+            isDisabled
+            label={t<string>('curator account')}
+            type='account'
+            value={curatorId.toString()}
+            withLabel
+          />
+        </Modal.Columns>
+      </Modal.Content>
+      <Modal.Actions>
+        <TxButton
+          accountId={curatorId}
+          icon='times'
+          label={t<string>('Reject')}
+          onStart={toggleOpen}
+          params={[index]}
+          tx={unassignCurator}
+        />
+      </Modal.Actions>
+    </Modal>
+  );
+}
+
+export default React.memo(BountyRejectCurator);
diff --git a/packages/page-bounties/src/BountyExtraActions/CloseBounty.tsx b/packages/page-bounties/src/BountyExtraActions/CloseBounty.tsx
new file mode 100644
index 0000000..6e4a748
--- /dev/null
+++ b/packages/page-bounties/src/BountyExtraActions/CloseBounty.tsx
@@ -0,0 +1,77 @@
+// Copyright 2017-2022 @polkadot/app-treasury authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { BountyIndex } from '@polkadot/types/interfaces';
+
+import React, { useEffect, useRef, useState } from 'react';
+
+import { getTreasuryProposalThreshold } from '@polkadot/apps-config';
+import { InputAddress, Modal, TxButton } from '@polkadot/react-components';
+import { useApi, useCollectiveInstance, useCollectiveMembers } from '@polkadot/react-hooks';
+import { BN } from '@polkadot/util';
+
+import { truncateTitle } from '../helpers';
+import { useBounties } from '../hooks';
+import { useTranslation } from '../translate';
+
+interface Props {
+  description: string;
+  index: BountyIndex;
+  toggleOpen: () => void;
+}
+
+function CloseBounty ({ description, index, toggleOpen }: Props): React.ReactElement<Props> | null {
+  const { t } = useTranslation();
+  const { api } = useApi();
+  const { members } = useCollectiveMembers('council');
+  const councilMod = useCollectiveInstance('council');
+  const { closeBounty } = useBounties();
+  const [accountId, setAccountId] = useState<string | null>(null);
+  const [threshold, setThreshold] = useState<BN>();
+
+  useEffect((): void => {
+    members && setThreshold(
+      new BN(Math.ceil(members.length * getTreasuryProposalThreshold(api)))
+    );
+  }, [api, members]);
+
+  const closeBountyProposal = useRef(closeBounty(index));
+
+  if (!councilMod) {
+    return null;
+  }
+
+  return (
+    <Modal
+      header={`${t<string>('close bounty')} - "${truncateTitle(description, 30)}"`}
+      onClose={toggleOpen}
+      size='large'
+    >
+      <Modal.Content>
+        <Modal.Columns hint={t<string>('The council member that will create the close bounty proposal, submission equates to an "aye" vote.')}>
+          <InputAddress
+            filter={members}
+            help={t<string>('Select the council member account you wish to use to create a proposal for closing bounty.')}
+            label={t<string>('propose with account')}
+            onChange={setAccountId}
+            type='account'
+            withLabel
+          />
+        </Modal.Columns>
+      </Modal.Content>
+      <Modal.Actions>
+        <TxButton
+          accountId={accountId}
+          icon='ban'
+          isDisabled={false}
+          label={t<string>('Close Bounty')}
+          onStart={toggleOpen}
+          params={[threshold, closeBountyProposal.current, closeBountyProposal.current.length]}
+          tx={api.tx[councilMod].propose}
+        />
+      </Modal.Actions>
+    </Modal>
+  );
+}
+
+export default React.memo(CloseBounty);
diff --git a/packages/page-bounties/src/BountyExtraActions/ExtendBountyExpiryAction.tsx b/packages/page-bounties/src/BountyExtraActions/ExtendBountyExpiryAction.tsx
new file mode 100644
index 0000000..7041b3f
--- /dev/null
+++ b/packages/page-bounties/src/BountyExtraActions/ExtendBountyExpiryAction.tsx
@@ -0,0 +1,89 @@
+// Copyright 2017-2022 @polkadot/app-treasury authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { AccountId, BountyIndex } from '@polkadot/types/interfaces';
+
+import React, { useCallback, useMemo, useState } from 'react';
+
+import { Input, InputAddress, Modal, TxButton } from '@polkadot/react-components';
+import { useBlockTime } from '@polkadot/react-hooks';
+
+import { truncateTitle } from '../helpers';
+import { increaseDateByBlocks } from '../helpers/increaseDateByBlocks';
+import { useBounties } from '../hooks';
+import { useTranslation } from '../translate';
+
+interface Props {
+  curatorId: AccountId;
+  description: string
+  index: BountyIndex;
+  toggleOpen: () => void;
+}
+
+function ExtendBountyExpiryAction ({ curatorId, description, index, toggleOpen }: Props): React.ReactElement<Props> | null {
+  const { t } = useTranslation();
+  const { bountyUpdatePeriod, extendBountyExpiry } = useBounties();
+  const [remark, setRemark] = useState('');
+  const [blockTime, timeAsText] = useBlockTime(bountyUpdatePeriod);
+
+  const onRemarkChange = useCallback((value: string) => {
+    setRemark(value);
+  }, []);
+
+  const expiryDate = useMemo(() => bountyUpdatePeriod && increaseDateByBlocks(bountyUpdatePeriod, blockTime), [bountyUpdatePeriod, blockTime]);
+
+  return (
+    <>
+      <Modal
+        header={`${t<string>('extend expiry')} - "${truncateTitle(description, 30)}"`}
+        onClose={toggleOpen}
+        size='large'
+      >
+        <Modal.Content>
+          <Modal.Columns hint={t<string>('Only curator can extend the bounty time.')}>
+            <InputAddress
+              help={t<string>('This account will be used to create an extend bounty expire transaction.')}
+              isDisabled
+              label={t<string>('curator account')}
+              type='account'
+              value={curatorId.toString()}
+              withLabel
+            />
+          </Modal.Columns>
+          {expiryDate &&
+            <Modal.Columns hint={t<string>(`Bounty expiry time will be set to ${timeAsText} from now.`)}>
+              <Input
+                help={t<string>('The extended expiry date does not depend on the current expiry date.')}
+                isDisabled
+                label={t<string>('new expiry date and time')}
+                value={`${expiryDate.toLocaleDateString()} ${expiryDate.toLocaleTimeString()}`}
+              />
+            </Modal.Columns>
+          }
+          <Modal.Columns hint={t<string>("The note that will be added to the transaction. It won't be stored on chain")}>
+            <Input
+              autoFocus
+              defaultValue={''}
+              help={t<string>('The note linked to the extension call, explaining the reason behind it.')}
+              label={t<string>('bounty remark')}
+              onChange={onRemarkChange}
+              value={remark}
+            />
+          </Modal.Columns>
+        </Modal.Content>
+        <Modal.Actions>
+          <TxButton
+            accountId={curatorId}
+            icon='check'
+            label={t<string>('Accept')}
+            onStart={toggleOpen}
+            params={[index, remark]}
+            tx={extendBountyExpiry}
+          />
+        </Modal.Actions>
+      </Modal>
+    </>
+  );
+}
+
+export default React.memo(ExtendBountyExpiryAction);
diff --git a/packages/page-bounties/src/BountyExtraActions/GiveUp.tsx b/packages/page-bounties/src/BountyExtraActions/GiveUp.tsx
new file mode 100644
index 0000000..ad45485
--- /dev/null
+++ b/packages/page-bounties/src/BountyExtraActions/GiveUp.tsx
@@ -0,0 +1,57 @@
+// Copyright 2017-2022 @polkadot/app-bounties authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { AccountId, BountyIndex } from '@polkadot/types/interfaces';
+
+import React from 'react';
+
+import { InputAddress, Modal, TxButton } from '@polkadot/react-components';
+
+import { truncateTitle } from '../helpers';
+import { useBounties } from '../hooks';
+import { useTranslation } from '../translate';
+
+interface Props {
+  curatorId: AccountId;
+  description: string;
+  index: BountyIndex;
+  toggleOpen: () => void;
+}
+
+function BountyGiveUpCurator ({ curatorId, description, index, toggleOpen }: Props) {
+  const { t } = useTranslation();
+  const { unassignCurator } = useBounties();
+
+  return (
+    <Modal
+      header={`${t<string>("give up curator's role")} - "${truncateTitle(description, 30)}"`}
+      onClose={toggleOpen}
+      size='large'
+    >
+      <Modal.Content>
+        <Modal.Columns hint={t<string>('You are giving up your curator role, the bounty will return to the Funded state. You will get your deposit back.')}>
+          <InputAddress
+            help={t<string>('The Curator account that will give up on it\'s role.')}
+            isDisabled
+            label={t<string>('curator account')}
+            type='account'
+            value={curatorId.toString()}
+            withLabel
+          />
+        </Modal.Columns>
+      </Modal.Content>
+      <Modal.Actions>
+        <TxButton
+          accountId={curatorId}
+          icon='check'
+          label={t<string>('Give up')}
+          onStart={toggleOpen}
+          params={[index]}
+          tx={unassignCurator}
+        />
+      </Modal.Actions>
+    </Modal>
+  );
+}
+
+export default React.memo(BountyGiveUpCurator);
diff --git a/packages/page-bounties/src/BountyExtraActions/SlashCurator.tsx b/packages/page-bounties/src/BountyExtraActions/SlashCurator.tsx
new file mode 100644
index 0000000..2537111
--- /dev/null
+++ b/packages/page-bounties/src/BountyExtraActions/SlashCurator.tsx
@@ -0,0 +1,136 @@
+// Copyright 2017-2022 @polkadot/app-bounties authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { SubmittableExtrinsicFunction } from '@polkadot/api/types';
+import type { AccountId, BountyIndex } from '@polkadot/types/interfaces';
+
+import React, { useEffect, useMemo, useState } from 'react';
+
+import { getTreasuryProposalThreshold } from '@polkadot/apps-config';
+import { InputAddress, Modal, TxButton } from '@polkadot/react-components';
+import { useAccounts, useApi, useCollectiveInstance, useCollectiveMembers } from '@polkadot/react-hooks';
+import { BN } from '@polkadot/util';
+
+import { truncateTitle } from '../helpers';
+import { useBounties } from '../hooks';
+import { useTranslation } from '../translate';
+import { ValidUnassignCuratorAction } from '../types';
+
+interface Props {
+  action: ValidUnassignCuratorAction;
+  curatorId: AccountId;
+  description: string;
+  index: BountyIndex;
+  toggleOpen: () => void;
+}
+
+interface ActionProperties {
+  filter: string[];
+  header: string;
+  helpMessage: string;
+  params: unknown[] | (() => unknown[]) | undefined;
+  proposingAccountTip: string;
+  tip: string;
+  title: string;
+  tx: null | SubmittableExtrinsicFunction<'promise'>;
+}
+
+function SlashCurator ({ action, curatorId, description, index, toggleOpen }: Props): React.ReactElement<Props> | null {
+  const { t } = useTranslation();
+  const { api } = useApi();
+  const { members } = useCollectiveMembers('council');
+  const councilMod = useCollectiveInstance('council');
+  const { unassignCurator } = useBounties();
+  const [accountId, setAccountId] = useState<string | null>(null);
+  const [threshold, setThreshold] = useState<BN>();
+  const { allAccounts } = useAccounts();
+
+  useEffect((): void => {
+    members && setThreshold(
+      new BN(Math.ceil(members.length * getTreasuryProposalThreshold(api)))
+    );
+  }, [api, members]);
+
+  const unassignCuratorProposal = useMemo(() => unassignCurator(index), [index, unassignCurator]);
+
+  const actionProperties = useMemo<Record<ValidUnassignCuratorAction, ActionProperties>>(() => ({
+    SlashCuratorAction: {
+      filter: allAccounts,
+      header: t('This action will Slash the Curator.'),
+      helpMessage: t('The Curator that will be slashed.'),
+      params: [index],
+      proposingAccountTip: t('The account that will create the transaction.'),
+      tip: t("Curator's deposit will be slashed and curator will be unassigned. Bounty will return to the Funded state."),
+      title: t('Slash curator'),
+      tx: unassignCurator
+    },
+    SlashCuratorMotion: {
+      filter: members,
+      header: t('This action will create a Council motion to slash the Curator.'),
+      helpMessage: t('The Curator that will be slashed.'),
+      params: [threshold, unassignCuratorProposal, unassignCuratorProposal?.length],
+      proposingAccountTip: t('The council member that will create the motion, submission equates to an "aye" vote.'),
+      tip: t("If the motion is approved, Curator's deposit will be slashed and Curator will be unassigned. Bounty will return to the Funded state."),
+      title: t('Slash curator'),
+      tx: councilMod && api.tx[councilMod].propose
+    },
+    UnassignCurator: {
+      filter: members,
+      header: t('This action will create a Council motion to unassign the Curator.'),
+      helpMessage: t('The Curator that will be unassigned'),
+      params: [threshold, unassignCuratorProposal, unassignCuratorProposal?.length],
+      proposingAccountTip: t('The council member that will create the motion, submission equates to an "aye" vote.'),
+      tip: t('If the motion is approved, the current Curator will be unassigned and the Bounty will return to the Funded state.'),
+      title: t('Unassign curator'),
+      tx: councilMod && api.tx[councilMod].propose
+    }
+  }), [t, index, unassignCurator, api, allAccounts, councilMod, members, threshold, unassignCuratorProposal]);
+
+  const { filter, helpMessage, params, proposingAccountTip, tip, title, tx } = actionProperties[action];
+
+  if (!tx) {
+    return null;
+  }
+
+  return (
+    <Modal
+      header={`${title} - "${truncateTitle(description, 30)}"`}
+      onClose={toggleOpen}
+      size='large'
+    >
+      <Modal.Content>
+        <Modal.Columns hint={proposingAccountTip}>
+          <InputAddress
+            filter={filter}
+            help={t<string>('The account that will sign the transaction.')}
+            label={t<string>('proposing account')}
+            onChange={setAccountId}
+            type='account'
+            withLabel
+          />
+        </Modal.Columns>
+        <Modal.Columns hint={tip}>
+          <InputAddress
+            defaultValue={curatorId}
+            help={helpMessage}
+            isDisabled
+            label={t<string>('current curator')}
+            withLabel
+          />
+        </Modal.Columns>
+      </Modal.Content>
+      <Modal.Actions>
+        <TxButton
+          accountId={accountId}
+          icon='check'
+          label='Approve'
+          onStart={toggleOpen}
+          params={params}
+          tx={tx}
+        />
+      </Modal.Actions>
+    </Modal>
+  );
+}
+
+export default React.memo(SlashCurator);
diff --git a/packages/page-bounties/src/BountyExtraActions/index.tsx b/packages/page-bounties/src/BountyExtraActions/index.tsx
new file mode 100644
index 0000000..a235e8c
--- /dev/null
+++ b/packages/page-bounties/src/BountyExtraActions/index.tsx
@@ -0,0 +1,172 @@
+// Copyright 2017-2022 @polkadot/app-bounties authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import React, { useCallback, useMemo, useRef, useState } from 'react';
+
+import { DeriveCollectiveProposal } from '@polkadot/api-derive/types';
+import { Button, Menu, Popup } from '@polkadot/react-components';
+import { useCollectiveMembers, useToggle } from '@polkadot/react-hooks';
+import { BlockNumber, BountyIndex, BountyStatus } from '@polkadot/types/interfaces';
+
+import { determineUnassignCuratorAction } from '../helpers';
+import { useBountyStatus, useUserRole } from '../hooks';
+import { useTranslation } from '../translate';
+import { ValidUnassignCuratorAction } from '../types';
+import BountyRejectCurator from './BountyRejectCurator';
+import CloseBounty from './CloseBounty';
+import ExtendBountyExpiryAction from './ExtendBountyExpiryAction';
+import GiveUp from './GiveUp';
+import SlashCurator from './SlashCurator';
+
+interface Props {
+  bestNumber: BlockNumber;
+  className?: string;
+  description: string;
+  index: BountyIndex;
+  proposals?: DeriveCollectiveProposal[];
+  status: BountyStatus;
+}
+
+function Index ({ bestNumber, className, description, index, proposals, status }: Props): React.ReactElement<Props> | null {
+  const [isCloseBountyOpen, toggleCloseBounty] = useToggle();
+  const [isRejectCuratorOpen, toggleRejectCurator] = useToggle();
+  const [isSlashCuratorOpen, toggleSlashCurator] = useToggle();
+  const [isExtendExpiryOpen, toggleExtendExpiry] = useToggle();
+  const [isGiveUpCuratorOpen, toggleGiveUpCurator] = useToggle();
+  const [selectedAction, setSlashAction] = useState<ValidUnassignCuratorAction>();
+  const { t } = useTranslation();
+  const { isMember } = useCollectiveMembers('council');
+  const { curator, updateDue } = useBountyStatus(status);
+
+  const blocksUntilUpdate = useMemo(() => updateDue?.sub(bestNumber), [bestNumber, updateDue]);
+
+  const { isCurator, roles } = useUserRole(curator);
+  const availableSlashActions = determineUnassignCuratorAction(roles, status, blocksUntilUpdate);
+
+  const slashCuratorActionNames = useRef<Record<ValidUnassignCuratorAction, string>>({
+    SlashCuratorAction: t('Slash curator'),
+    SlashCuratorMotion: t('Slash curator (Council)'),
+    UnassignCurator: t('Unassign curator')
+  });
+
+  const existingCloseBountyProposal = useMemo(() => proposals?.find(({ proposal }) => proposal.method === 'closeBounty'), [proposals]);
+  const existingUnassignCuratorProposal = useMemo(() => proposals?.find(({ proposal }) => proposal.method === 'unassignCurator'), [proposals]);
+
+  const showCloseBounty = (status.isFunded || status.isActive || status.isCuratorProposed) && isMember && !existingCloseBountyProposal;
+  const showRejectCurator = status.isCuratorProposed && isCurator;
+  const showGiveUpCurator = status.isActive && isCurator;
+  const showExtendExpiry = status.isActive && isCurator;
+  const showSlashCurator = (status.isCuratorProposed || status.isActive || status.isPendingPayout) && !existingUnassignCuratorProposal && availableSlashActions.length !== 0;
+
+  const hasNoItems = !(showCloseBounty || showRejectCurator || showExtendExpiry || showSlashCurator || showGiveUpCurator);
+
+  const slashCurator = useCallback(
+    (actionName: ValidUnassignCuratorAction) =>
+      (): void => {
+        setSlashAction(actionName);
+        toggleSlashCurator();
+      },
+    [toggleSlashCurator]
+  );
+
+  return !hasNoItems
+    ? (
+      <div className={className}>
+        {isCloseBountyOpen &&
+          <CloseBounty
+            description={description}
+            index={index}
+            toggleOpen={toggleCloseBounty}
+          />
+        }
+        {isRejectCuratorOpen && curator &&
+          <BountyRejectCurator
+            curatorId={curator}
+            description={description}
+            index={index}
+            toggleOpen={toggleRejectCurator}
+          />
+        }
+        {isExtendExpiryOpen && curator &&
+          <ExtendBountyExpiryAction
+            curatorId={curator}
+            description={description}
+            index={index}
+            toggleOpen={toggleExtendExpiry}
+          />
+        }
+        {isGiveUpCuratorOpen && curator &&
+          <GiveUp
+            curatorId={curator}
+            description={description}
+            index={index}
+            toggleOpen={toggleGiveUpCurator}
+          />
+        }
+        {isSlashCuratorOpen && curator && selectedAction &&
+          <SlashCurator
+            action={selectedAction}
+            curatorId={curator}
+            description={description}
+            index={index}
+            toggleOpen={toggleSlashCurator}
+          />
+        }
+        <Popup
+          value={
+            <Menu className='settings-menu'>
+              {showCloseBounty &&
+              <Menu.Item
+                key='closeBounty'
+                onClick={toggleCloseBounty}
+              >
+                {t<string>('Close')}
+              </Menu.Item>
+              }
+              {showRejectCurator &&
+              <Menu.Item
+                key='rejectCurator'
+                onClick={toggleRejectCurator}
+              >
+                {t<string>('Reject curator')}
+              </Menu.Item>
+              }
+              {showExtendExpiry &&
+              <Menu.Item
+                key='extendExpiry'
+                onClick={toggleExtendExpiry}
+              >
+                {t<string>('Extend expiry')}
+              </Menu.Item>
+              }
+              {showGiveUpCurator &&
+              <Menu.Item
+                key='giveUpCurator'
+                onClick={toggleGiveUpCurator}
+              >
+                {t<string>('Give up')}
+              </Menu.Item>
+              }
+              {showSlashCurator && availableSlashActions.map((actionName) =>
+                <Menu.Item
+                  key={actionName}
+                  onClick={slashCurator(actionName)}
+                >
+                  {slashCuratorActionNames.current[actionName]}
+                </Menu.Item>
+              )}
+            </Menu>
+          }
+        >
+          <Button
+            dataTestId='extra-actions'
+            icon='ellipsis-v'
+            isReadOnly={false}
+          />
+        </Popup>
+      </div>
+    )
+    : null;
+}
+
+export default React.memo(Index);
diff --git a/packages/page-bounties/src/BountyInfos/VotingDescriptionInfo.tsx b/packages/page-bounties/src/BountyInfos/VotingDescriptionInfo.tsx
new file mode 100644
index 0000000..90bd13c
--- /dev/null
+++ b/packages/page-bounties/src/BountyInfos/VotingDescriptionInfo.tsx
@@ -0,0 +1,46 @@
+// Copyright 2017-2022 @polkadot/app-bounties authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { DeriveCollectiveProposal } from '@polkadot/api-derive/types';
+import type { BountyStatus } from '@polkadot/types/interfaces';
+
+import React, { useRef } from 'react';
+import styled from 'styled-components';
+
+import { LabelHelp } from '@polkadot/react-components';
+
+import { proposalNameToDisplay } from '../helpers/extendedStatuses';
+import { useTranslation } from '../translate';
+
+interface Props {
+  className?: string;
+  proposal: DeriveCollectiveProposal;
+  status: BountyStatus;
+}
+
+function VotingDescriptionInfo ({ className, proposal, status }: Props): React.ReactElement<Props> {
+  const bestProposalName = proposalNameToDisplay(proposal, status);
+  const { t } = useTranslation();
+  const votingDescriptions = useRef<Record<string, string>>({
+    approveBounty: t('Bounty approval under voting'),
+    closeBounty: t('Bounty rejection under voting'),
+    proposeCurator: t('Curator proposal under voting'),
+    slashCurator: t('Curator slash under voting'),
+    unassignCurator: t('Unassign curator under voting')
+  });
+
+  return (
+    <div
+      className={className}
+      data-testid='voting-description'
+    >
+      {bestProposalName && votingDescriptions.current[bestProposalName] &&
+        <LabelHelp help={votingDescriptions.current[bestProposalName]} />
+      }
+    </div>
+  );
+}
+
+export default React.memo(styled(VotingDescriptionInfo)`
+  margin-left: 0.2rem;
+`);
diff --git a/packages/page-bounties/src/BountyInfos/VotingLink.tsx b/packages/page-bounties/src/BountyInfos/VotingLink.tsx
new file mode 100644
index 0000000..6742eac
--- /dev/null
+++ b/packages/page-bounties/src/BountyInfos/VotingLink.tsx
@@ -0,0 +1,30 @@
+// Copyright 2017-2022 @polkadot/app-bounties authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import React from 'react';
+import styled from 'styled-components';
+
+import { useTranslation } from '../translate';
+
+interface Props {
+  className?: string;
+}
+
+function VotingLink ({ className }: Props): React.ReactElement<Props> {
+  const { t } = useTranslation();
+
+  return (
+    <a
+      className={className}
+      href='#/council/motions'
+    >
+      {t<string>('Voting')}
+    </a>
+  );
+}
+
+export default React.memo(styled(VotingLink)`
+  line-height: 0.85rem;
+  font-size: 0.7rem;
+  text-decoration: underline;
+`);
diff --git a/packages/page-bounties/src/BountyInfos/VotingSummary.tsx b/packages/page-bounties/src/BountyInfos/VotingSummary.tsx
new file mode 100644
index 0000000..e488bfa
--- /dev/null
+++ b/packages/page-bounties/src/BountyInfos/VotingSummary.tsx
@@ -0,0 +1,70 @@
+// Copyright 2017-2022 @polkadot/app-bounties authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { DeriveCollectiveProposal } from '@polkadot/api-derive/types';
+import type { BountyStatus } from '@polkadot/types/interfaces';
+
+import React, { useMemo } from 'react';
+import styled from 'styled-components';
+
+import VotingDescriptionInfo from '@polkadot/app-bounties/BountyInfos/VotingDescriptionInfo';
+import { useCollectiveMembers } from '@polkadot/react-hooks';
+
+import { useTranslation } from '../translate';
+import VotingLink from './VotingLink';
+
+interface Props {
+  className?: string;
+  proposal: DeriveCollectiveProposal;
+  status: BountyStatus;
+}
+
+function VotingSummary ({ className, proposal, status }: Props): JSX.Element {
+  const { members } = useCollectiveMembers('council');
+  const { t } = useTranslation();
+  const ayes = useMemo(() => proposal?.votes?.ayes?.length, [proposal]);
+  const nays = useMemo(() => proposal?.votes?.nays?.length, [proposal]);
+  const threshold = useMemo(() => proposal?.votes?.threshold.toNumber(), [proposal]);
+  const nayThreshold = useMemo(() => members?.length && threshold ? (members.length - threshold + 1) : 0, [members, threshold]);
+
+  return (
+    <>
+      {proposal && (
+        <div
+          className={className}
+          data-testid='voting-summary'
+        >
+          <div className='voting-summary-text'><span>{t('Aye')}</span> <b>{ayes}/{threshold}</b></div>
+          <div className='voting-summary-text'><span>{t('Nay')}</span> <b>{nays}/{nayThreshold}</b></div>
+          <div className='link-info'>
+            <VotingLink />
+            <VotingDescriptionInfo
+              proposal={proposal}
+              status={status}
+            />
+          </div>
+        </div>
+      )}
+    </>
+  );
+}
+
+export default React.memo(styled(VotingSummary)`
+  .voting-summary-text {
+    font-size: 0.85rem;
+    line-height: 1.5rem;
+    color: var(--color-label);
+
+    span {
+      min-width: 0.5rem;
+      margin-right: 0.5rem;
+    }
+  }
+
+  .link-info {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    line-height: 1.5rem;
+  }
+`);
diff --git a/packages/page-bounties/src/BountyInfos/index.tsx b/packages/page-bounties/src/BountyInfos/index.tsx
new file mode 100644
index 0000000..a3ed9b9
--- /dev/null
+++ b/packages/page-bounties/src/BountyInfos/index.tsx
@@ -0,0 +1,45 @@
+// Copyright 2017-2022 @polkadot/app-bounties authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { DeriveCollectiveProposal } from '@polkadot/api-derive/types';
+import type { AccountId, BountyStatus } from '@polkadot/types/interfaces';
+
+import React, { useMemo } from 'react';
+
+import { AddressSmall } from '@polkadot/react-components';
+
+import Description from '../Description';
+import { getProposalToDisplay } from '../helpers/extendedStatuses';
+import { useTranslation } from '../translate';
+import VotingSummary from './VotingSummary';
+
+interface Props {
+  beneficiary?: AccountId;
+  proposals?: DeriveCollectiveProposal[];
+  status: BountyStatus;
+}
+
+function BountyInfos ({ beneficiary, proposals, status }: Props): JSX.Element {
+  const { t } = useTranslation();
+
+  const proposalToDisplay = useMemo(() => proposals && getProposalToDisplay(proposals, status), [proposals, status]);
+
+  return (
+    <>
+      {proposalToDisplay &&
+        <VotingSummary
+          proposal={proposalToDisplay}
+          status={status}
+        />
+      }
+      {beneficiary && (
+        <div>
+          <AddressSmall value={beneficiary} />
+          <Description description={t<string>('Beneficiary')} />
+        </div>
+      )}
+    </>
+  );
+}
+
+export default React.memo(BountyInfos);
diff --git a/packages/page-bounties/src/BountyNextActionInfo/BountyActionMessage.tsx b/packages/page-bounties/src/BountyNextActionInfo/BountyActionMessage.tsx
new file mode 100644
index 0000000..87efa45
--- /dev/null
+++ b/packages/page-bounties/src/BountyNextActionInfo/BountyActionMessage.tsx
@@ -0,0 +1,70 @@
+// Copyright 2017-2022 @polkadot/app-bounties authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { BlockNumber, BountyStatus } from '@polkadot/types/interfaces';
+
+import React, { useMemo } from 'react';
+
+import { useBountyStatus } from '@polkadot/app-bounties/hooks';
+import { BN, BN_HUNDRED, BN_ZERO } from '@polkadot/util';
+
+import { useBounties } from '../hooks';
+import { useTranslation } from '../translate';
+import BountyInfo from './BountyInfo';
+
+interface Props {
+  bestNumber: BlockNumber;
+  blocksUntilUpdate?: BN;
+  status: BountyStatus;
+}
+
+export const BLOCKS_PERCENTAGE_LEFT_TO_SHOW_WARNING = 10;
+const BLOCKS_LEFT_TO_SHOW_WARNING = new BN('10000');
+
+function BountyActionMessage ({ bestNumber, blocksUntilUpdate, status }: Props): JSX.Element {
+  const { t } = useTranslation();
+  const { unlockAt } = useBountyStatus(status);
+  const { bountyUpdatePeriod } = useBounties();
+
+  const blocksUntilPayout = useMemo(() => unlockAt?.sub(bestNumber), [bestNumber, unlockAt]);
+
+  const blocksPercentageLeftToShowWarning = bountyUpdatePeriod?.muln(BLOCKS_PERCENTAGE_LEFT_TO_SHOW_WARNING).div(BN_HUNDRED);
+  const blocksToShowWarning = blocksPercentageLeftToShowWarning ?? BLOCKS_LEFT_TO_SHOW_WARNING;
+
+  return (
+    <div>
+      {blocksUntilUpdate?.lte(BN_ZERO) && (
+        <BountyInfo
+          description={t<string>('Update overdue')}
+          type='warning'
+        />
+      )}
+      {blocksUntilUpdate?.lt(blocksToShowWarning) && blocksUntilUpdate?.gt(BN_ZERO) && (
+        <BountyInfo
+          description={t<string>('Close deadline')}
+          type='warning'
+        />
+      )}
+      {status.isApproved && (
+        <BountyInfo
+          description={t<string>('Waiting for Bounty Funding')}
+          type='info'
+        />
+      )}
+      {status.isCuratorProposed && (
+        <BountyInfo
+          description={t<string>("Waiting for Curator's acceptance")}
+          type='info'
+        />
+      )}
+      {blocksUntilPayout?.lt(BN_ZERO) &&
+        <BountyInfo
+          description={t<string>('Waiting for implementer to claim')}
+          type='info'
+        />
+      }
+    </div>
+  );
+}
+
+export default React.memo(BountyActionMessage);
diff --git a/packages/page-bounties/src/BountyNextActionInfo/BountyInfo.tsx b/packages/page-bounties/src/BountyNextActionInfo/BountyInfo.tsx
new file mode 100644
index 0000000..4228a87
--- /dev/null
+++ b/packages/page-bounties/src/BountyNextActionInfo/BountyInfo.tsx
@@ -0,0 +1,55 @@
+// Copyright 2017-2022 @polkadot/app-bounties authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { ThemeProps } from '@polkadot/react-components/types';
+
+import React from 'react';
+import styled from 'styled-components';
+
+import { Icon } from '@polkadot/react-components';
+
+import { bountySvgColor } from '../theme';
+
+interface Props {
+  className: '';
+  description: string;
+  type?: 'info' | 'warning';
+}
+
+function BountyInfo ({ className = '', description, type = 'info' }: Props): React.ReactElement<Props> {
+  return (
+    <div className={className}>
+      {type === 'warning' && (
+        <div className='info-icon'>
+          <Icon icon={'exclamation-triangle'} />
+        </div>
+      )}
+      <div className='description'>
+        {description}
+      </div>
+    </div>
+  );
+}
+
+export default React.memo(styled(BountyInfo)(({ theme }: ThemeProps) => `
+  display: flex;
+  align-items: center;
+  font-weight: 500;
+  font-size: 0.857rem;
+  line-height: 1.5rem;
+
+  .info-icon{
+    margin-right: 0.2rem;
+    svg {
+      color: ${bountySvgColor[theme.theme]};
+    }
+  }
+
+  .description {
+    font-weight: 400;
+    font-size: 0.714rem;
+    line-height: 0.864rem;
+    color: var(--color-label);
+    word-wrap: break-word;
+  }
+`));
diff --git a/packages/page-bounties/src/BountyStatusView.tsx b/packages/page-bounties/src/BountyStatusView.tsx
new file mode 100644
index 0000000..1175472
--- /dev/null
+++ b/packages/page-bounties/src/BountyStatusView.tsx
@@ -0,0 +1,46 @@
+// Copyright 2017-2022 @polkadot/app-bounties authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import React, { useRef } from 'react';
+import styled from 'styled-components';
+
+import { LabelHelp } from '@polkadot/react-components';
+
+import { insertSpaceBeforeCapitalLetter } from './helpers';
+import { useTranslation } from './translate';
+import { HelpMessages, StatusName } from './types';
+
+interface Props {
+  bountyStatus: StatusName;
+  className?: string;
+}
+
+function BountyStatusView ({ bountyStatus, className = '' }: Props): React.ReactElement<Props> {
+  const { t } = useTranslation();
+
+  const statusHelpMessages = useRef<HelpMessages>({
+    Active: t('This bounty has received approval and is currently being implemented.'),
+    Approved: t('This bounty was approved by the council. When the next spend period starts, it will be funded.'),
+    CuratorProposed: t('Curator has been proposed by council. The bounty is waiting for curator to accept the role.'),
+    Funded: t('This bounty is funded.'),
+    PendingPayout: t('This bounty was completed and the beneficiary was rewarded by the curator. Claiming the payout will be possible after the delay period is over.'),
+    Proposed: t('After a bounty was proposed the council decides whether to fund it or not.')
+  });
+
+  return (
+    <div
+      className={className}
+      data-testid={'bountyStatus'}
+    >
+      {insertSpaceBeforeCapitalLetter(bountyStatus)}
+      <LabelHelp
+        help={statusHelpMessages.current[bountyStatus]}
+      />
+    </div>
+  );
+}
+
+export default React.memo(styled(BountyStatusView)`
+  display: flex;
+  align-items: center;
+`);
diff --git a/packages/page-bounties/src/Curator.tsx b/packages/page-bounties/src/Curator.tsx
new file mode 100644
index 0000000..302d9e4
--- /dev/null
+++ b/packages/page-bounties/src/Curator.tsx
@@ -0,0 +1,29 @@
+// Copyright 2017-2022 @polkadot/app-bounties authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { Codec } from '@polkadot/types/types';
+
+import React from 'react';
+
+import { AddressSmall } from '@polkadot/react-components';
+
+import Description from './Description';
+import { useTranslation } from './translate';
+
+interface Props {
+  curator: Codec;
+  isFromProposal: boolean;
+}
+
+function Curator ({ curator, isFromProposal }: Props): React.ReactElement<Props> | null {
+  const { t } = useTranslation();
+
+  return (
+    <div>
+      <AddressSmall value={curator.toString()} />
+      {isFromProposal && <Description description={t<string>('Proposed Curator')} />}
+    </div>
+  );
+}
+
+export default React.memo(Curator);
diff --git a/packages/page-bounties/src/Description.tsx b/packages/page-bounties/src/Description.tsx
new file mode 100644
index 0000000..2b0126b
--- /dev/null
+++ b/packages/page-bounties/src/Description.tsx
@@ -0,0 +1,29 @@
+// Copyright 2017-2022 @polkadot/app-bounties authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import React from 'react';
+import styled from 'styled-components';
+
+interface Props {
+  className?: string;
+  dataTestId?: string;
+  description: string;
+}
+
+function Description ({ className = '', dataTestId = '', description }: Props): JSX.Element {
+  return (
+    <div
+      className={className}
+      data-testid={dataTestId}
+    >
+      {description}
+    </div>
+  );
+}
+
+export default React.memo(styled(Description)`
+  margin-top: 0.28rem;
+  font-size: 0.7rem;
+  line-height: 0.85rem;
+  color: var(--color-label);
+`);
diff --git a/packages/page-bounties/src/DueBlocks.tsx b/packages/page-bounties/src/DueBlocks.tsx
new file mode 100644
index 0000000..7758b93
--- /dev/null
+++ b/packages/page-bounties/src/DueBlocks.tsx
@@ -0,0 +1,32 @@
+// Copyright 2017-2022 @polkadot/app-bounties authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { BN } from '@polkadot/util';
+
+import React from 'react';
+
+import { BlockToTime } from '@polkadot/react-query';
+import { formatNumber } from '@polkadot/util';
+
+interface Props {
+  dueBlocks: BN;
+  endBlock: BN;
+  label: string;
+}
+
+function DueBlocks ({ dueBlocks, endBlock, label }: Props): React.ReactElement<Props> {
+  return (
+    <>
+      {dueBlocks.gtn(0) && (
+        <>
+          <BlockToTime value={dueBlocks}>
+            &nbsp;({label})
+          </BlockToTime>
+          #{formatNumber(endBlock)}
+        </>
+      )}
+    </>
+  );
+}
+
+export default React.memo(DueBlocks);
diff --git a/packages/page-bounties/src/Summary.tsx b/packages/page-bounties/src/Summary.tsx
new file mode 100644
index 0000000..42a64a0
--- /dev/null
+++ b/packages/page-bounties/src/Summary.tsx
@@ -0,0 +1,65 @@
+// Copyright 2017-2022 @polkadot/app-bounties authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import React, { useMemo } from 'react';
+
+import { CardSummary, SummaryBox } from '@polkadot/react-components';
+import { useTreasury } from '@polkadot/react-hooks';
+import { FormatBalance } from '@polkadot/react-query';
+import { BN } from '@polkadot/util';
+
+import { useBounties } from './hooks';
+import { useTranslation } from './translate';
+
+interface Props {
+  activeBounties?: number;
+  className?: string;
+}
+
+function Summary ({ activeBounties, className = '' }: Props): React.ReactElement<Props> {
+  const { t } = useTranslation();
+  const { bestNumber, bounties, bountyIndex } = useBounties();
+  const { spendPeriod } = useTreasury();
+
+  const totalValue = useMemo(
+    () => (bounties || []).reduce((total, { bounty: { value } }) => total.iadd(value), new BN(0)),
+    [bounties]
+  );
+
+  return (
+    <SummaryBox className={`ui--BountySummary ${className}`}>
+      <section>
+        <CardSummary label={t<string>('active')}>
+          {activeBounties}
+        </CardSummary>
+        {activeBounties !== undefined && (
+          <CardSummary label={t<string>('past')}>
+            {bountyIndex?.subn(activeBounties).toString()}
+          </CardSummary>
+        )}
+      </section>
+      <section>
+        <CardSummary label={t<string>('active total')}>
+          <FormatBalance
+            value={totalValue}
+            withSi
+          />
+        </CardSummary>
+      </section>
+      <section>
+        {bestNumber && spendPeriod.gtn(0) && (
+          <CardSummary
+            label={t<string>('funding period')}
+            progress={{
+              total: spendPeriod,
+              value: bestNumber.mod(spendPeriod),
+              withTime: true
+            }}
+          />
+        )}
+      </section>
+    </SummaryBox>
+  );
+}
+
+export default React.memo(Summary);
diff --git a/packages/page-bounties/src/VotersColumn.tsx b/packages/page-bounties/src/VotersColumn.tsx
new file mode 100644
index 0000000..6407a12
--- /dev/null
+++ b/packages/page-bounties/src/VotersColumn.tsx
@@ -0,0 +1,81 @@
+// Copyright 2017-2022 @polkadot/app-bounties authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { DeriveCollectiveProposal } from '@polkadot/api-derive/types';
+import type { BountyStatus } from '@polkadot/types/interfaces';
+
+import React, { useMemo } from 'react';
+import styled from 'styled-components';
+
+import { AddressSmall, Icon } from '@polkadot/react-components';
+
+import { getProposalToDisplay } from './helpers/extendedStatuses';
+import { useTranslation } from './translate';
+
+interface Props {
+  className?: string;
+  option: 'ayes' | 'nays';
+  proposals: DeriveCollectiveProposal[];
+  status: BountyStatus;
+}
+
+const icons = {
+  ayes: 'check',
+  nays: 'times'
+};
+
+function VotersColumn ({ className, option, proposals, status }: Props): React.ReactElement<Props> {
+  const { t } = useTranslation();
+  const proposal = useMemo(() => getProposalToDisplay(proposals, status), [proposals, status]);
+  const votes = useMemo(() => option === 'ayes' ? proposal?.votes?.ayes : proposal?.votes?.nays, [proposal, option]);
+
+  const voters = useMemo(() => votes?.map((accountId) =>
+    <div
+      className='voter'
+      data-testid={`voters_${option}_${accountId.toString()}`}
+      key={accountId.toString()}
+    >
+      <AddressSmall value={accountId} />
+    </div>),
+  [option, votes]);
+
+  return (
+    <>
+      {proposal &&
+        <div className={className}>
+          <div className='vote-numbers'>
+            <span className='vote-numbers-icon'><Icon icon={icons[option]} /></span>
+            <span className='vote-numbers-label'>
+              {option === 'ayes' && t('Aye: {{count}}', { replace: { count: votes ? votes.length : 0 } })}
+              {option === 'nays' && t('Nay: {{count}}', { replace: { count: votes ? votes.length : 0 } })}
+            </span>
+          </div>
+          {voters}
+        </div>}
+    </>
+  );
+}
+
+export default React.memo(styled(VotersColumn)`
+  width: 50%;
+
+  .vote-numbers {
+    display: flex;
+    align-items: center;
+    margin-bottom: 0.85rem;
+  }
+
+  .vote-numbers-icon svg {
+    max-width: 10px;
+    color: var(--color-label);
+  }
+
+  .vote-numbers-label {
+    margin-left: 0.75rem;
+    font-weight: bold;
+    font-size: 0.7rem;
+    line-height: 0.85rem;
+    text-transform: uppercase;
+    color: var(--color-label);
+  }
+`);
diff --git a/packages/page-bounties/src/helpers/calculateBountyBond.spec.ts b/packages/page-bounties/src/helpers/calculateBountyBond.spec.ts
new file mode 100644
index 0000000..5423dd9
--- /dev/null
+++ b/packages/page-bounties/src/helpers/calculateBountyBond.spec.ts
@@ -0,0 +1,24 @@
+// Copyright 2017-2022 @polkadot/app-bounties authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import { calculateBountyBond } from '@polkadot/app-bounties/helpers/calculateBountyBond';
+import { TypeRegistry } from '@polkadot/types/create';
+import { BN } from '@polkadot/util';
+
+describe('Calculate bounty bond', () => {
+  it('sums deposit base and deposit for each byte of description', () => {
+    const registry = new TypeRegistry();
+    const depositBase = registry.createType('BalanceOf', new BN(166666666666));
+    const depositPerByte = registry.createType('BalanceOf', new BN(1666666666));
+
+    expect(calculateBountyBond('Kusama network UI Bounty', depositBase, depositPerByte)).toEqual(new BN(206666666650));
+  });
+
+  it('handles utf-8 chars', () => {
+    const registry = new TypeRegistry();
+    const depositBase = registry.createType('BalanceOf', new BN(100));
+    const depositPerByte = registry.createType('BalanceOf', new BN(10));
+
+    expect(calculateBountyBond('óy😅€', depositBase, depositPerByte)).toEqual(new BN(200));
+  });
+});
diff --git a/packages/page-bounties/src/helpers/calculateBountyBond.ts b/packages/page-bounties/src/helpers/calculateBountyBond.ts
new file mode 100644
index 0000000..599076f
--- /dev/null
+++ b/packages/page-bounties/src/helpers/calculateBountyBond.ts
@@ -0,0 +1,12 @@
+// Copyright 2017-2022 @polkadot/app-bounties authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { BN } from '@polkadot/util';
+
+export function calculateBountyBond (description: string, depositBase: BN, depositPerByte: BN): BN {
+  return depositBase.add(depositPerByte.muln(countUtf8Bytes(description)));
+}
+
+export function countUtf8Bytes (str: string): number {
+  return new Blob([str]).size;
+}
diff --git a/packages/page-bounties/src/helpers/determineUnassignCuratorAction.spec.ts b/packages/page-bounties/src/helpers/determineUnassignCuratorAction.spec.ts
new file mode 100644
index 0000000..95b5026
--- /dev/null
+++ b/packages/page-bounties/src/helpers/determineUnassignCuratorAction.spec.ts
@@ -0,0 +1,60 @@
+// Copyright 2017-2022 @polkadot/app-bounties authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import { determineUnassignCuratorAction } from '@polkadot/app-bounties/helpers/determineUnassignCuratorAction';
+import { createAugmentedApi } from '@polkadot/test-support/api';
+import { BountyFactory } from '@polkadot/test-support/creation/bounties/bountyFactory';
+import { BN } from '@polkadot/util';
+
+describe('adjust slash curator component for', () => {
+  const augmentedApi = createAugmentedApi();
+  const { aBountyStatus } = new BountyFactory(augmentedApi);
+
+  it('Member in Active state', () => {
+    const displayAs = determineUnassignCuratorAction(['Member'], aBountyStatus('Active'));
+
+    expect(displayAs).toEqual(['SlashCuratorMotion']);
+  });
+
+  it('Member in CuratorProposed state', () => {
+    const displayAs = determineUnassignCuratorAction(['Member'], aBountyStatus('CuratorProposed'));
+
+    expect(displayAs).toEqual(['UnassignCurator']);
+  });
+
+  it('Member in PendingPayout state', () => {
+    const displayAs = determineUnassignCuratorAction(['Member'], aBountyStatus('PendingPayout'));
+
+    expect(displayAs).toEqual(['SlashCuratorMotion']);
+  });
+
+  it('User in Active state with update due blocks remaining', () => {
+    const displayAs = determineUnassignCuratorAction(['User'], aBountyStatus('Active'), new BN('1'));
+
+    expect(displayAs).toEqual([]);
+  });
+
+  it('User in Active state with no updated state', () => {
+    const displayAs = determineUnassignCuratorAction(['User'], aBountyStatus('Active'), new BN('-1'));
+
+    expect(displayAs).toEqual(['SlashCuratorAction']);
+  });
+
+  it('Member and User in Active state with no updated state', () => {
+    const displayAs = determineUnassignCuratorAction(['User', 'Member'], aBountyStatus('Active'), new BN('-1'));
+
+    expect(displayAs).toEqual(expect.arrayContaining(['SlashCuratorAction', 'SlashCuratorMotion']));
+  });
+
+  it('Curator in Active state', () => {
+    const displayAs = determineUnassignCuratorAction(['Curator'], aBountyStatus('PendingPayout'));
+
+    expect(displayAs).toEqual([]);
+  });
+
+  it('User in Active state', () => {
+    const displayAs = determineUnassignCuratorAction(['User'], aBountyStatus('PendingPayout'));
+
+    expect(displayAs).toEqual([]);
+  });
+});
diff --git a/packages/page-bounties/src/helpers/determineUnassignCuratorAction.ts b/packages/page-bounties/src/helpers/determineUnassignCuratorAction.ts
new file mode 100644
index 0000000..5a97f7c
--- /dev/null
+++ b/packages/page-bounties/src/helpers/determineUnassignCuratorAction.ts
@@ -0,0 +1,33 @@
+// Copyright 2017-2022 @polkadot/app-bounties authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { BountyStatus } from '@polkadot/types/interfaces';
+import type { BN } from '@polkadot/util';
+
+import { BN_ZERO } from '@polkadot/util';
+
+import { UserRole, ValidUnassignCuratorAction } from '../types';
+
+export function determineUnassignCuratorAction (roles: UserRole[], status: BountyStatus, blocksUntilUpdate?: BN): ValidUnassignCuratorAction[] {
+  const actions: ValidUnassignCuratorAction[] = [];
+
+  if (status.isCuratorProposed && roles.includes('Member')) {
+    actions.push('UnassignCurator');
+  }
+
+  if (status.isActive) {
+    if (roles.includes('Member')) {
+      actions.push('SlashCuratorMotion');
+    }
+
+    if (roles.includes('User') && blocksUntilUpdate && blocksUntilUpdate.lt(BN_ZERO)) {
+      actions.push('SlashCuratorAction');
+    }
+  }
+
+  if (status.isPendingPayout && roles.includes('Member')) {
+    actions.push('SlashCuratorMotion');
+  }
+
+  return actions;
+}
diff --git a/packages/page-bounties/src/helpers/extendedStatuses.ts b/packages/page-bounties/src/helpers/extendedStatuses.ts
new file mode 100644
index 0000000..38ad98a
--- /dev/null
+++ b/packages/page-bounties/src/helpers/extendedStatuses.ts
@@ -0,0 +1,44 @@
+// Copyright 2017-2022 @polkadot/app-bounties authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { DeriveCollectiveProposal } from '@polkadot/api-derive/types';
+import type { BountyStatus } from '@polkadot/types/interfaces';
+
+import { BountyVotingStatuses, StatusName } from '../types';
+
+const validProposalNames: BountyVotingStatuses = {
+  Active: ['closeBounty', 'unassignCurator'],
+  Approved: [],
+  CuratorProposed: ['closeBounty', 'unassignCurator'],
+  Funded: ['proposeCurator', 'closeBounty'],
+  PendingPayout: ['unassignCurator'],
+  Proposed: ['approveBounty', 'closeBounty']
+};
+
+function validMethods (status: BountyStatus): string[] {
+  return validProposalNames[status.type as StatusName];
+}
+
+function getProposalByMethod (bountyProposals: DeriveCollectiveProposal[], method: string | undefined): DeriveCollectiveProposal | undefined {
+  return bountyProposals.find(({ proposal }) => proposal.method === method);
+}
+
+function bestValidProposalName (bountyProposals: DeriveCollectiveProposal[], status: BountyStatus): string | undefined {
+  const methods = bountyProposals.map(({ proposal }) => proposal.method);
+
+  return validMethods(status).find((method) => methods.includes(method));
+}
+
+export function proposalNameToDisplay (bountyProposal: DeriveCollectiveProposal, status: BountyStatus): string | undefined {
+  if (bountyProposal.proposal.method !== 'unassignCurator') {
+    return bountyProposal.proposal.method;
+  }
+
+  return status.isCuratorProposed ? 'unassignCurator' : 'slashCurator';
+}
+
+export function getProposalToDisplay (bountyProposals: DeriveCollectiveProposal[], status: BountyStatus): DeriveCollectiveProposal | null {
+  const method = bestValidProposalName(bountyProposals, status);
+
+  return getProposalByMethod(bountyProposals, method) ?? null;
+}
diff --git a/packages/page-bounties/src/helpers/getBountyStatus.spec.ts b/packages/page-bounties/src/helpers/getBountyStatus.spec.ts
new file mode 100644
index 0000000..808ed87
--- /dev/null
+++ b/packages/page-bounties/src/helpers/getBountyStatus.spec.ts
@@ -0,0 +1,38 @@
+// Copyright 2017-2022 @polkadot/app-bounties authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import { TypeRegistry } from '@polkadot/types/create';
+
+import { getBountyStatus } from './getBountyStatus';
+
+describe('get bounty status', () => {
+  let registry: TypeRegistry;
+
+  beforeEach(() => {
+    registry = new TypeRegistry();
+  });
+
+  it('for CuratorProposed state it has curator defined', () => {
+    const bountyStatus = getBountyStatus(registry.createType('BountyStatus', 'CuratorProposed'));
+
+    expect(bountyStatus.bountyStatus).toEqual('CuratorProposed');
+    expect(bountyStatus.curator).toBeDefined();
+  });
+
+  it('for Active state it has curator and update due defined', () => {
+    const bountyStatus = getBountyStatus(registry.createType('BountyStatus', 'Active'));
+
+    expect(bountyStatus.bountyStatus).toEqual('Active');
+    expect(bountyStatus.curator).toBeDefined();
+    expect(bountyStatus.updateDue).toBeDefined();
+  });
+
+  it('for PendingPayout state it has curator, beneficiary and unlock_at defined', () => {
+    const bountyStatus = getBountyStatus(registry.createType('BountyStatus', 'PendingPayout'));
+
+    expect(bountyStatus.bountyStatus).toEqual('PendingPayout');
+    expect(bountyStatus.curator).toBeDefined();
+    expect(bountyStatus.beneficiary).toBeDefined();
+    expect(bountyStatus.unlockAt).toBeDefined();
+  });
+});
diff --git a/packages/page-bounties/src/helpers/getBountyStatus.ts b/packages/page-bounties/src/helpers/getBountyStatus.ts
new file mode 100644
index 0000000..1ab4356
--- /dev/null
+++ b/packages/page-bounties/src/helpers/getBountyStatus.ts
@@ -0,0 +1,46 @@
+// Copyright 2017-2022 @polkadot/app-bounties authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { BountyStatus } from '@polkadot/types/interfaces';
+
+import { BountyStatusType, StatusName } from '../types';
+
+export const getBountyStatus = (status: BountyStatus): BountyStatusType => {
+  const statusAsString = status.type as StatusName;
+
+  let result: BountyStatusType = {
+    beneficiary: undefined,
+    bountyStatus: statusAsString,
+    curator: undefined,
+    unlockAt: undefined,
+    updateDue: undefined
+  };
+
+  if (status.isCuratorProposed) {
+    result = {
+      ...result,
+      bountyStatus: 'CuratorProposed',
+      curator: status.asCuratorProposed.curator
+    };
+  }
+
+  if (status.isActive) {
+    result = {
+      ...result,
+      curator: status.asActive.curator,
+      updateDue: status.asActive.updateDue
+    };
+  }
+
+  if (status.isPendingPayout) {
+    result = {
+      ...result,
+      beneficiary: status.asPendingPayout.beneficiary,
+      bountyStatus: 'PendingPayout',
+      curator: status.asPendingPayout.curator,
+      unlockAt: status.asPendingPayout.unlockAt
+    };
+  }
+
+  return result;
+};
diff --git a/packages/page-bounties/src/helpers/increaseDateByBlocks.ts b/packages/page-bounties/src/helpers/increaseDateByBlocks.ts
new file mode 100644
index 0000000..742523e
--- /dev/null
+++ b/packages/page-bounties/src/helpers/increaseDateByBlocks.ts
@@ -0,0 +1,8 @@
+// Copyright 2017-2022 @polkadot/app-treasury authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { BN } from '@polkadot/util';
+
+export function increaseDateByBlocks (blocks: BN, blockTime: number): Date {
+  return new Date(Date.now() + blocks.muln(blockTime).toNumber());
+}
diff --git a/packages/page-bounties/src/helpers/index.tsx b/packages/page-bounties/src/helpers/index.tsx
new file mode 100644
index 0000000..ea08cea
--- /dev/null
+++ b/packages/page-bounties/src/helpers/index.tsx
@@ -0,0 +1,9 @@
+// Copyright 2017-2022 @polkadot/app-bounties authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+export * from './calculateBountyBond';
+export * from './getBountyStatus';
+export * from './isClaimable';
+export * from './stringHelpers';
+export * from './determineUnassignCuratorAction';
+export * from './permillOf';
diff --git a/packages/page-bounties/src/helpers/isClaimable.spec.ts b/packages/page-bounties/src/helpers/isClaimable.spec.ts
new file mode 100644
index 0000000..1276afe
--- /dev/null
+++ b/packages/page-bounties/src/helpers/isClaimable.spec.ts
@@ -0,0 +1,41 @@
+// Copyright 2017-2022 @polkadot/app-bounties authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import { TypeRegistry } from '@polkadot/types/create';
+import { BN } from '@polkadot/util';
+
+import { isClaimable } from './isClaimable';
+
+describe('Is claimable', () => {
+  const registry = new TypeRegistry();
+  const accountAddress = '5C4hrfjw9DjXZTzV3MwzrrAr9P1MJhSrvWGWqi1eSuyUpnhM';
+  const beneficiaryId = registry.createType('AccountId', accountAddress);
+
+  it('returns false, when payout due is greater than 0', () => {
+    const accounts = [accountAddress];
+    const payoutDue = new BN('1');
+
+    expect(isClaimable(accounts, beneficiaryId, payoutDue)).toBe(false);
+  });
+
+  it('returns false, when payout due is equal 0', () => {
+    const accounts = [accountAddress];
+    const payoutDue = new BN('0');
+
+    expect(isClaimable(accounts, beneficiaryId, payoutDue)).toBe(false);
+  });
+
+  it('returns true, when payout due is lesser than 0 and beneficiary is among accounts', () => {
+    const accounts = [accountAddress];
+    const payoutDue = new BN('-1');
+
+    expect(isClaimable(accounts, beneficiaryId, payoutDue)).toBe(true);
+  });
+
+  it('returns false, when beneficiary is not among accounts', () => {
+    const accounts = ['This_is_not_the_treasury_address_27Tt8tkntv6Q7JVPhFsTB'];
+    const payoutDue = new BN('-1');
+
+    expect(isClaimable(accounts, beneficiaryId, payoutDue)).toBe(false);
+  });
+});
diff --git a/packages/page-bounties/src/helpers/isClaimable.ts b/packages/page-bounties/src/helpers/isClaimable.ts
new file mode 100644
index 0000000..97f2bd5
--- /dev/null
+++ b/packages/page-bounties/src/helpers/isClaimable.ts
@@ -0,0 +1,9 @@
+// Copyright 2017-2022 @polkadot/app-bounties authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { AccountId } from '@polkadot/types/interfaces';
+import type { BN } from '@polkadot/util';
+
+export function isClaimable (accounts: string[], beneficiary: AccountId, payoutDue: BN): boolean {
+  return payoutDue.ltn(0) && accounts.includes(beneficiary.toString());
+}
diff --git a/packages/page-bounties/src/helpers/permillOf.ts b/packages/page-bounties/src/helpers/permillOf.ts
new file mode 100644
index 0000000..2c1a51b
--- /dev/null
+++ b/packages/page-bounties/src/helpers/permillOf.ts
@@ -0,0 +1,10 @@
+// Copyright 2017-2022 @polkadot/app-bounties authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { BN } from '@polkadot/util';
+
+import { BN_MILLION } from '@polkadot/util';
+
+export function permillOf (value: BN, perMill: BN): BN {
+  return value.mul(perMill).div(BN_MILLION);
+}
diff --git a/packages/page-bounties/src/helpers/stringHelpers.ts b/packages/page-bounties/src/helpers/stringHelpers.ts
new file mode 100644
index 0000000..80165b0
--- /dev/null
+++ b/packages/page-bounties/src/helpers/stringHelpers.ts
@@ -0,0 +1,12 @@
+// Copyright 2017-2022 @polkadot/app-bounties authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+export function insertSpaceBeforeCapitalLetter (str: string): string {
+  return str.replace(/([a-z])([A-Z])/g, '$1 $2');
+}
+
+export function truncateTitle (str: string, maxLength: number): string {
+  const ellipsis = String.fromCharCode(8230);
+
+  return (str.length > maxLength) ? str.substr(0, maxLength - 1) + ellipsis : str;
+}
diff --git a/packages/page-bounties/src/helpers/truncateTitle.spec.ts b/packages/page-bounties/src/helpers/truncateTitle.spec.ts
new file mode 100644
index 0000000..9dfddeb
--- /dev/null
+++ b/packages/page-bounties/src/helpers/truncateTitle.spec.ts
@@ -0,0 +1,16 @@
+// Copyright 2017-2022 @polkadot/app-bounties authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import { truncateTitle } from './stringHelpers';
+
+describe('Truncate title', () => {
+  it('does not truncate short title', () => {
+    expect(truncateTitle('a short one', 30)).toEqual('a short one');
+  });
+
+  it('truncates a long title', () => {
+    const ellipsis = String.fromCharCode(8230);
+
+    expect(truncateTitle('A long title that should got truncated', 30)).toEqual(`A long title that should got ${ellipsis}`);
+  });
+});
diff --git a/packages/page-bounties/src/hooks/index.ts b/packages/page-bounties/src/hooks/index.ts
new file mode 100644
index 0000000..72232a9
--- /dev/null
+++ b/packages/page-bounties/src/hooks/index.ts
@@ -0,0 +1,7 @@
+// Copyright 2017-2022 @polkadot/app-bounties authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+export * from './useBounties';
+export * from './useBalance';
+export * from './useUserRole';
+export * from './useBountyStatus';
diff --git a/packages/page-bounties/src/hooks/useBalance.ts b/packages/page-bounties/src/hooks/useBalance.ts
new file mode 100644
index 0000000..dce1c02
--- /dev/null
+++ b/packages/page-bounties/src/hooks/useBalance.ts
@@ -0,0 +1,15 @@
+// Copyright 2017-2022 @polkadot/app-bounties authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { Balance } from '@polkadot/types/interfaces';
+
+import { DeriveBalancesAll } from '@polkadot/api-derive/types';
+import { createNamedHook, useApi, useCall } from '@polkadot/react-hooks';
+
+function useBalanceImpl (accountId: string | null): Balance | undefined {
+  const { api } = useApi();
+
+  return useCall<DeriveBalancesAll>(api.derive.balances?.all, [accountId])?.availableBalance;
+}
+
+export const useBalance = createNamedHook('useBalance', useBalanceImpl);
diff --git a/packages/page-bounties/src/hooks/useBounties.tsx b/packages/page-bounties/src/hooks/useBounties.tsx
new file mode 100644
index 0000000..c6d5297
--- /dev/null
+++ b/packages/page-bounties/src/hooks/useBounties.tsx
@@ -0,0 +1,76 @@
+// Copyright 2017-2022 @polkadot/app-bounties authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { SubmittableExtrinsicFunction } from '@polkadot/api/types';
+import type { BN } from '@polkadot/util';
+
+import { DeriveBounties } from '@polkadot/api-derive/types';
+import { createNamedHook, useApi, useBestNumber, useCall } from '@polkadot/react-hooks';
+import { BalanceOf, BlockNumber, BountyIndex } from '@polkadot/types/interfaces';
+
+export type BountyApi = {
+  acceptCurator: SubmittableExtrinsicFunction<'promise'>;
+  approveBounty: SubmittableExtrinsicFunction<'promise'>;
+  awardBounty: SubmittableExtrinsicFunction<'promise'>;
+  bestNumber?: BlockNumber,
+  bounties?: DeriveBounties,
+  bountyCuratorDeposit: BN,
+  bountyDepositBase: BN,
+  bountyIndex?: BN,
+  bountyUpdatePeriod?: BN,
+  bountyValueMinimum: BN,
+  claimBounty: SubmittableExtrinsicFunction<'promise'>;
+  closeBounty: SubmittableExtrinsicFunction<'promise'>;
+  dataDepositPerByte: BN,
+  extendBountyExpiry: SubmittableExtrinsicFunction<'promise'>;
+  maximumReasonLength: number,
+  proposeBounty: SubmittableExtrinsicFunction<'promise'>;
+  proposeCurator: SubmittableExtrinsicFunction<'promise'>;
+  unassignCurator: SubmittableExtrinsicFunction<'promise'>;
+};
+
+function useBountiesImpl (): BountyApi {
+  const { api } = useApi();
+  const bounties = useCall<DeriveBounties>(api.derive.bounties.bounties);
+  const bountyIndex = useCall<BountyIndex>((api.query.bounties || api.query.treasury).bountyCount);
+  const bestNumber = useBestNumber();
+  const constsBase = api.consts.bounties || api.consts.treasury;
+  const bountyCuratorDeposit = (constsBase.bountyCuratorDeposit as BalanceOf).toBn();
+  const bountyDepositBase = (constsBase.bountyDepositBase as BalanceOf).toBn();
+  const bountyValueMinimum = (constsBase.bountyValueMinimum as BalanceOf).toBn();
+  const maximumReasonLength = constsBase.maximumReasonLength.toNumber();
+  const dataDepositPerByte = (constsBase.dataDepositPerByte as BalanceOf).toBn();
+  const bountyUpdatePeriod = constsBase.bountyUpdatePeriod;
+  const proposeBounty = (api.tx.bounties || api.tx.treasury).proposeBounty;
+  const proposeCurator = (api.tx.bounties || api.tx.treasury).proposeCurator;
+  const claimBounty = (api.tx.bounties || api.tx.treasury).claimBounty;
+  const acceptCurator = (api.tx.bounties || api.tx.treasury).acceptCurator;
+  const approveBounty = (api.tx.bounties || api.tx.treasury).approveBounty;
+  const closeBounty = (api.tx.bounties || api.tx.treasury).closeBounty;
+  const extendBountyExpiry = (api.tx.bounties || api.tx.treasury).extendBountyExpiry;
+  const unassignCurator = (api.tx.bounties || api.tx.treasury).unassignCurator;
+  const awardBounty = (api.tx.bounties || api.tx.treasury).awardBounty;
+
+  return {
+    acceptCurator,
+    approveBounty,
+    awardBounty,
+    bestNumber,
+    bounties,
+    bountyCuratorDeposit,
+    bountyDepositBase,
+    bountyIndex,
+    bountyUpdatePeriod,
+    bountyValueMinimum,
+    claimBounty,
+    closeBounty,
+    dataDepositPerByte,
+    extendBountyExpiry,
+    maximumReasonLength,
+    proposeBounty,
+    proposeCurator,
+    unassignCurator
+  };
+}
+
+export const useBounties = createNamedHook('useBounties', useBountiesImpl);
diff --git a/packages/page-bounties/src/hooks/useBountyStatus.ts b/packages/page-bounties/src/hooks/useBountyStatus.ts
new file mode 100644
index 0000000..6140bf5
--- /dev/null
+++ b/packages/page-bounties/src/hooks/useBountyStatus.ts
@@ -0,0 +1,18 @@
+// Copyright 2017-2022 @polkadot/app-bounties authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { BountyStatusType } from '@polkadot/app-bounties/types';
+
+import { useCallback } from 'react';
+
+import { getBountyStatus } from '@polkadot/app-bounties/helpers';
+import { createNamedHook } from '@polkadot/react-hooks';
+import { BountyStatus } from '@polkadot/types/interfaces';
+
+function useBountyStatusImpl (status: BountyStatus): BountyStatusType {
+  const updateStatus = useCallback(() => getBountyStatus(status), [status]);
+
+  return updateStatus();
+}
+
+export const useBountyStatus = createNamedHook('useBountyStatus', useBountyStatusImpl);
diff --git a/packages/page-bounties/src/hooks/useUserRole.ts b/packages/page-bounties/src/hooks/useUserRole.ts
new file mode 100644
index 0000000..fe795c0
--- /dev/null
+++ b/packages/page-bounties/src/hooks/useUserRole.ts
@@ -0,0 +1,38 @@
+// Copyright 2017-2022 @polkadot/app-bounties authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { AccountId } from '@polkadot/types/interfaces';
+
+import { useMemo } from 'react';
+
+import { createNamedHook, useAccounts, useCollectiveMembers } from '@polkadot/react-hooks';
+
+import { UserRole } from '../types';
+
+export type UserRolesInfo = { roles: UserRole[], isCurator: boolean };
+
+function useUserRoleImpl (curatorId?: AccountId): UserRolesInfo {
+  const { allAccounts, hasAccounts } = useAccounts();
+  const { isMember } = useCollectiveMembers('council');
+
+  return useMemo((): UserRolesInfo => {
+    const isCurator = !!curatorId && allAccounts.includes(curatorId.toString());
+    const roles: UserRole[] = [];
+
+    if (isCurator) {
+      roles.push('Curator');
+    }
+
+    if (isMember) {
+      roles.push('Member');
+    }
+
+    if (hasAccounts) {
+      roles.push('User');
+    }
+
+    return { isCurator, roles };
+  }, [allAccounts, curatorId, hasAccounts, isMember]);
+}
+
+export const useUserRole = createNamedHook('useUserRole', useUserRoleImpl);
diff --git a/packages/page-bounties/src/index.tsx b/packages/page-bounties/src/index.tsx
new file mode 100644
index 0000000..c100a00
--- /dev/null
+++ b/packages/page-bounties/src/index.tsx
@@ -0,0 +1,40 @@
+// Copyright 2017-2022 @polkadot/app-bounties authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import React, { useRef } from 'react';
+
+import { Tabs } from '@polkadot/react-components';
+
+import Bounties from './Bounties';
+import { useTranslation } from './translate';
+
+export { default as useCounter } from './useCounter';
+
+interface Props {
+  basePath: string;
+  className?: string;
+}
+
+function BountiesApp ({ basePath, className = '' }: Props): React.ReactElement<Props> {
+  const { t } = useTranslation();
+
+  const itemsRef = useRef([
+    {
+      isRoot: true,
+      name: 'index',
+      text: t<string>('Overview')
+    }
+  ]);
+
+  return (
+    <main className={`bounties--App ${className}`}>
+      <Tabs
+        basePath={basePath}
+        items={itemsRef.current}
+      />
+      <Bounties />
+    </main>
+  );
+}
+
+export default React.memo(BountiesApp);
diff --git a/packages/page-bounties/src/theme.ts b/packages/page-bounties/src/theme.ts
new file mode 100644
index 0000000..9afd7ed
--- /dev/null
+++ b/packages/page-bounties/src/theme.ts
@@ -0,0 +1,12 @@
+// Copyright 2017-2022 @polkadot/app-bounties authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+type bountyTheme = {
+  dark: string;
+  light: string;
+}
+
+export const bountySvgColor: bountyTheme = {
+  dark: '#8E8E8E',
+  light: '#4D4D4D'
+};
diff --git a/packages/page-bounties/src/translate.ts b/packages/page-bounties/src/translate.ts
new file mode 100644
index 0000000..6fc2d2a
--- /dev/null
+++ b/packages/page-bounties/src/translate.ts
@@ -0,0 +1,10 @@
+// Copyright 2017-2022 @polkadot/app-bounties authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { UseTranslationResponse } from 'react-i18next';
+
+import { useTranslation as useTranslationBase } from 'react-i18next';
+
+export function useTranslation (): UseTranslationResponse<'app-bounties', undefined> {
+  return useTranslationBase('app-bounties');
+}
diff --git a/packages/page-bounties/src/types.ts b/packages/page-bounties/src/types.ts
new file mode 100644
index 0000000..42683d1
--- /dev/null
+++ b/packages/page-bounties/src/types.ts
@@ -0,0 +1,20 @@
+// Copyright 2017-2022 @polkadot/app-bounties authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { AccountId, BlockNumber } from '@polkadot/types/interfaces/runtime';
+
+export interface BountyStatusType {
+  beneficiary: AccountId | undefined;
+  bountyStatus: StatusName;
+  curator: AccountId | undefined;
+  unlockAt: BlockNumber | undefined;
+  updateDue: BlockNumber | undefined;
+}
+
+export type HelpMessages = Record<StatusName, string>;
+
+export type StatusName = 'Active' | 'Approved' | 'CuratorProposed' | 'Funded' | 'PendingPayout' | 'Proposed';
+export type BountyVotingStatuses = { [status in StatusName]: string[] };
+export type ValidUnassignCuratorAction = 'UnassignCurator' | 'SlashCuratorMotion' | 'SlashCuratorAction';
+export type UnassignCuratorAction = ValidUnassignCuratorAction | 'None';
+export type UserRole = 'User' | 'Member' | 'Curator' | 'None';
diff --git a/packages/page-bounties/src/useCounter.ts b/packages/page-bounties/src/useCounter.ts
new file mode 100644
index 0000000..b1787e0
--- /dev/null
+++ b/packages/page-bounties/src/useCounter.ts
@@ -0,0 +1,19 @@
+// Copyright 2017-2022 @polkadot/app-bounties authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import { useMemo } from 'react';
+
+import { DeriveBounties } from '@polkadot/api-derive/types';
+import { createNamedHook, useApi, useCall } from '@polkadot/react-hooks';
+
+function useCounterImpl (): number {
+  const { api, isApiReady } = useApi();
+  const bounties = useCall<DeriveBounties>(isApiReady && api.derive.bounties?.bounties);
+
+  return useMemo(
+    () => bounties?.length || 0,
+    [bounties]
+  );
+}
+
+export default createNamedHook('useCounter', useCounterImpl);
diff --git a/packages/page-bounties/test/hooks/defaults.ts b/packages/page-bounties/test/hooks/defaults.ts
new file mode 100644
index 0000000..646941a
--- /dev/null
+++ b/packages/page-bounties/test/hooks/defaults.ts
@@ -0,0 +1,40 @@
+// Copyright 2017-2022 @polkadot/app-bounties authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { SubmittableExtrinsicFunction } from '@polkadot/api/types';
+
+import { DeriveBounties } from '@polkadot/api-derive/types';
+import { balanceOf } from '@polkadot/test-support/creation/balance';
+import { BlockNumber } from '@polkadot/types/interfaces';
+import { BN } from '@polkadot/util';
+
+import { BountyApi } from '../../src/hooks';
+
+export const defaultBountyUpdatePeriod = new BN(100000);
+
+export const defaultBountyApi: BountyApi = {
+  acceptCurator: jest.fn() as unknown as SubmittableExtrinsicFunction<'promise'>,
+  approveBounty: jest.fn() as unknown as SubmittableExtrinsicFunction<'promise'>,
+  awardBounty: jest.fn().mockReturnValue('mockAwardExtrinsic') as unknown as SubmittableExtrinsicFunction<'promise'>,
+  bestNumber: new BN(1) as BlockNumber,
+  bounties: [] as DeriveBounties,
+  bountyCuratorDeposit: balanceOf(500000),
+  bountyDepositBase: new BN(1),
+  bountyUpdatePeriod: defaultBountyUpdatePeriod,
+  bountyValueMinimum: new BN(1),
+  claimBounty: jest.fn() as unknown as SubmittableExtrinsicFunction<'promise'>,
+  closeBounty: jest.fn().mockReturnValue({ length: 4 }) as unknown as SubmittableExtrinsicFunction<'promise'>,
+  dataDepositPerByte: new BN(1),
+  extendBountyExpiry: jest.fn().mockReturnValue('mockExtendExtrinsic') as unknown as SubmittableExtrinsicFunction<'promise'>,
+  maximumReasonLength: 100,
+  proposeBounty: jest.fn() as unknown as SubmittableExtrinsicFunction<'promise'>,
+  proposeCurator: jest.fn() as unknown as SubmittableExtrinsicFunction<'promise'>,
+  unassignCurator: jest.fn().mockReturnValue('mockUnassignExtrinsic') as unknown as SubmittableExtrinsicFunction<'promise'>
+};
+
+const defaultBalance = balanceOf(1);
+
+export const mockBountyHooks = {
+  balance: defaultBalance,
+  bountyApi: defaultBountyApi
+};
diff --git a/packages/page-bounties/test/pages/bountiesPage.tsx b/packages/page-bounties/test/pages/bountiesPage.tsx
new file mode 100644
index 0000000..496303a
--- /dev/null
+++ b/packages/page-bounties/test/pages/bountiesPage.tsx
@@ -0,0 +1,322 @@
+// Copyright 2017-2022 @polkadot/app-bounties authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { PalletBountiesBounty } from '@polkadot/types/lookup';
+
+import { fireEvent, render, within } from '@testing-library/react';
+import React, { Suspense } from 'react';
+import { MemoryRouter } from 'react-router-dom';
+import { ThemeProvider } from 'styled-components';
+
+import { ApiPromise } from '@polkadot/api';
+import { DeriveCollectiveProposal } from '@polkadot/api-derive/types';
+import Bounties from '@polkadot/app-bounties/Bounties';
+import { BountyApi } from '@polkadot/app-bounties/hooks';
+import { lightTheme } from '@polkadot/apps/themes';
+import { POLKADOT_GENESIS } from '@polkadot/apps-config';
+import { ApiContext } from '@polkadot/react-api';
+import { ApiProps } from '@polkadot/react-api/types';
+import { QueueProvider } from '@polkadot/react-components/Status/Context';
+import { PartialQueueTxExtrinsic, QueueProps, QueueTxExtrinsicAdd } from '@polkadot/react-components/Status/types';
+import { balanceOf } from '@polkadot/test-support/creation/balance';
+import { BountyFactory } from '@polkadot/test-support/creation/bounties/bountyFactory';
+import { TypeRegistry } from '@polkadot/types/create';
+import { BountyIndex, BountyStatus } from '@polkadot/types/interfaces';
+
+import { mockBountyHooks } from '../hooks/defaults';
+import { clickButtonWithName } from '../utils/clickButtonWithName';
+import { clickElementWithTestId } from '../utils/clickElementWithTestId';
+import { clickElementWithText } from '../utils/clickElementWithText';
+
+function aGenesisHash () {
+  return new TypeRegistry().createType('Hash', POLKADOT_GENESIS);
+}
+
+type FindOne = (match: string) => Promise<HTMLElement>;
+type FindManyWithMatcher = (match: string | ((match: string) => boolean)) => Promise<HTMLElement[]>
+type GetMany = (match: string) => HTMLElement[];
+
+class NotYetRendered extends Error {
+
+}
+
+let queueExtrinsic: (value: PartialQueueTxExtrinsic) => void;
+const propose = jest.fn().mockReturnValue('mockProposeExtrinsic');
+
+interface RenderedBountiesPage {
+  findAllByTestId: FindManyWithMatcher;
+  findByText: FindOne;
+  findByRole: FindOne;
+  findByTestId: FindOne;
+  getAllByRole: GetMany;
+  queryAllByText: GetMany;
+}
+
+export class BountiesPage {
+  aBounty: ({ status, value }?: Partial<PalletBountiesBounty>) => PalletBountiesBounty;
+  aBountyIndex: (index?: number) => BountyIndex;
+  aBountyStatus: (status: string) => BountyStatus;
+  bountyStatusWith: ({ curator, status }: { curator?: string, status?: string, }) => BountyStatus;
+  bountyWith: ({ status, value }: { status?: string, value?: number }) => PalletBountiesBounty;
+
+  findByRole?: FindOne;
+  findByText?: FindOne;
+  findByTestId?: FindOne;
+  getAllByRole?: GetMany;
+  findAllByTestId?: FindManyWithMatcher;
+  queryAllByText?: GetMany;
+
+  constructor (api: ApiPromise) {
+    ({ aBounty: this.aBounty, aBountyIndex: this.aBountyIndex, aBountyStatus: this.aBountyStatus, bountyStatusWith: this.bountyStatusWith, bountyWith: this.bountyWith } = new BountyFactory(api));
+  }
+
+  renderOne (bounty: PalletBountiesBounty, proposals: DeriveCollectiveProposal[] = [], description = '', index = this.aBountyIndex()): RenderedBountiesPage {
+    return this.renderMany({ bounties: [{ bounty, description, index, proposals }] });
+  }
+
+  renderMany (bountyApi: Partial<BountyApi> = {}, { balance = 1 } = {}): RenderedBountiesPage {
+    const { findAllByTestId, findByRole, findByTestId, findByText, getAllByRole, queryAllByText } = this.renderBounties(bountyApi, { balance });
+
+    this.findByRole = findByRole;
+    this.findByText = findByText;
+    this.findByTestId = findByTestId;
+    this.getAllByRole = getAllByRole;
+    this.findAllByTestId = findAllByTestId;
+    this.queryAllByText = queryAllByText;
+
+    return { findAllByTestId, findByRole, findByTestId, findByText, getAllByRole, queryAllByText };
+  }
+
+  private renderBounties (bountyApi: Partial<BountyApi> = {}, { balance = 1 } = {}) {
+    mockBountyHooks.bountyApi = { ...mockBountyHooks.bountyApi, ...bountyApi };
+    mockBountyHooks.balance = balanceOf(balance);
+    const mockApi: ApiProps = {
+      api: {
+        derive: {
+          accounts: {
+            info: () => Promise.resolve(() => { /**/
+            })
+          }
+        },
+        genesisHash: aGenesisHash(),
+        query: {},
+        registry: { chainDecimals: [12], chainTokens: ['Unit'] },
+        tx: {
+          council: {
+            propose
+          }
+        }
+      },
+      systemName: 'substrate'
+    } as unknown as ApiProps;
+
+    queueExtrinsic = jest.fn() as QueueTxExtrinsicAdd;
+    const queue = {
+      queueExtrinsic
+    } as QueueProps;
+
+    return render(
+      <>
+        <div id='tooltips' />
+        <Suspense fallback='...'>
+          <QueueProvider value={queue}>
+            <MemoryRouter>
+              <ThemeProvider theme={lightTheme}>
+                <ApiContext.Provider value={mockApi}>
+                  <Bounties />
+                </ApiContext.Provider>
+              </ThemeProvider>
+            </MemoryRouter>
+          </QueueProvider>
+        </Suspense>
+      </>
+    );
+  }
+
+  private assertRendered (): asserts this is RenderedBountiesPage {
+    if (this.findByText === undefined) {
+      throw new NotYetRendered();
+    }
+  }
+
+  async openProposeCurator (): Promise<void> {
+    this.assertRendered();
+    const proposeCuratorButton = await this.findByText('Propose curator');
+
+    fireEvent.click(proposeCuratorButton);
+    // await this.expectText('This action will create a Council motion to propose a Curator for the Bounty.');
+  }
+
+  async enterCuratorsFee (fee: string): Promise<void> {
+    this.assertRendered();
+    const feeInput = await this.findByTestId("curator's fee");
+
+    fireEvent.change(feeInput, { target: { value: fee } });
+  }
+
+  async expectText (expected: string): Promise<void> {
+    this.assertRendered();
+    expect(await this.findByText(expected)).toBeTruthy();
+  }
+
+  async assignCuratorButton (): Promise<HTMLElement> {
+    this.assertRendered();
+    const proposeCuratorModal = await this.findByTestId('propose-curator-modal');
+
+    return await within(proposeCuratorModal).findByText('Propose curator');
+  }
+
+  enterProposingAccount (account: string): void {
+    this.assertRendered();
+    const comboboxes = this.getAllByRole('combobox');
+
+    const proposingAccountInput = comboboxes[0].children[0];
+
+    fireEvent.change(proposingAccountInput, { target: { value: account } });
+    fireEvent.keyDown(proposingAccountInput, { code: 'Enter', key: 'Enter' });
+  }
+
+  enterProposedCurator (curator: string): void {
+    this.assertRendered();
+    const comboboxes = this.getAllByRole('combobox');
+
+    const proposedCuratorInput = comboboxes[1].children[0];
+
+    fireEvent.change(proposedCuratorInput, { target: { value: curator } });
+    fireEvent.keyDown(proposedCuratorInput, { code: 'Enter', key: 'Enter' });
+  }
+
+  expectExtrinsicQueued (extrinsicPart: { accountId: string; extrinsic?: string }): void {
+    expect(queueExtrinsic).toHaveBeenCalledWith(expect.objectContaining(extrinsicPart));
+  }
+
+  expectTextAbsent (text: string): void {
+    this.assertRendered();
+    expect(this.queryAllByText(text)).toHaveLength(0);
+  }
+
+  async findAllDescriptions (): Promise<string[]> {
+    this.assertRendered();
+    const descriptions = await this.findAllByTestId('description');
+
+    return descriptions.map((d) => d.textContent || '');
+  }
+
+  async rendered (): Promise<void> {
+    this.assertRendered();
+    await this.findByTestId('bountyStatus');
+  }
+
+  async openAddBounty (): Promise<void> {
+    this.assertRendered();
+    await clickButtonWithName('Add Bounty', this.findByRole);
+    await this.expectText('This account will propose the bounty. Bond amount will be reserved on its balance.');
+  }
+
+  async enterBountyTitle (title: string): Promise<void> {
+    this.assertRendered();
+    const titleInput = await this.findByTestId('bounty title');
+
+    fireEvent.change(titleInput, { target: { value: title } });
+  }
+
+  async openCloseBounty (): Promise<void> {
+    this.assertRendered();
+    await this.openExtraActions();
+
+    await clickElementWithText('Close', this.findByText);
+
+    // await this.expectText('This action will create a Council proposal to close the Bounty.');
+  }
+
+  async clickButton (buttonName: string): Promise<void> {
+    this.assertRendered();
+    await clickButtonWithName(buttonName, this.findByRole);
+  }
+
+  async clickButtonByTestId (buttonName: string): Promise<void> {
+    this.assertRendered();
+    await clickElementWithTestId(buttonName, this.findByTestId);
+  }
+
+  async clickButtonByText (buttonName: string): Promise<void> {
+    this.assertRendered();
+    await clickElementWithText(buttonName, this.findByText);
+  }
+
+  async openRejectCuratorRole (): Promise<void> {
+    await this.openExtraActions();
+    await this.clickButtonByText('Reject curator');
+    // await this.expectText('This action will reject your candidacy for the curator of the bounty.');
+  }
+
+  async openExtraActions (): Promise<void> {
+    await this.clickButtonByTestId('extra-actions');
+  }
+
+  async openAcceptCuratorRole (): Promise<void> {
+    await this.clickButton('Accept');
+    // await this.expectText('This action will accept your candidacy for the curator of the bounty.');
+  }
+
+  async findCuratorsFee (): Promise<string> {
+    this.assertRendered();
+
+    return (await this.findByTestId("curator's fee")).getAttribute('value') || '';
+  }
+
+  async findCuratorsDeposit (): Promise<string> {
+    this.assertRendered();
+
+    return (await this.findByTestId("curator's deposit")).getAttribute('value') || '';
+  }
+
+  async openExtendExpiry (): Promise<void> {
+    await this.openExtraActions();
+    await this.clickButtonByText('Extend expiry');
+    // await this.expectText('This action will extend expiry time of the selected bounty.');
+  }
+
+  async enterExpiryRemark (remark: string): Promise<void> {
+    this.assertRendered();
+    const remarkInput = await this.findByTestId('bounty remark');
+
+    fireEvent.change(remarkInput, { target: { value: remark } });
+  }
+
+  async openGiveUpCuratorsRole (): Promise<void> {
+    await this.openExtraActions();
+    await this.clickButtonByText('Give up');
+    // await this.expectText('This action will unassign you from the curator role.');
+  }
+
+  async openSlashCuratorByCouncil (): Promise<void> {
+    await this.openExtraActions();
+    await this.clickButtonByText('Slash curator (Council)');
+    // await this.expectText('This action will create a Council motion to slash the Curator.');
+  }
+
+  async openAwardBeneficiary (): Promise<void> {
+    await this.clickButton('Reward implementer');
+    // await this.expectText('This action will reward the Beneficiary and close the bounty after a delay period.');
+  }
+
+  enterBeneficiary (beneficiary: string): void {
+    this.assertRendered();
+    const comboboxes = this.getAllByRole('combobox');
+
+    const beneficiaryAccountInput = comboboxes[1].children[0];
+
+    fireEvent.change(beneficiaryAccountInput, { target: { value: beneficiary } });
+    fireEvent.keyDown(beneficiaryAccountInput, { code: 'Enter', key: 'Enter' });
+  }
+
+  async expectVotingDescription (description: string): Promise<void> {
+    this.assertRendered();
+    const votingInfo = await this.findByTestId('voting-description');
+    const icon = await within(votingInfo).findByTestId('question-circle');
+
+    fireEvent.mouseEnter(icon);
+    expect(await this.findByText(description)).toBeVisible();
+  }
+}
diff --git a/packages/page-bounties/test/utils/clickButtonWithName.ts b/packages/page-bounties/test/utils/clickButtonWithName.ts
new file mode 100644
index 0000000..a174bf2
--- /dev/null
+++ b/packages/page-bounties/test/utils/clickButtonWithName.ts
@@ -0,0 +1,10 @@
+// Copyright 2017-2022 @polkadot/app-bounties authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import { fireEvent } from '@testing-library/react';
+
+export async function clickButtonWithName (buttonName: string, findByRole: (...args: any[]) => Promise<HTMLElement>): Promise<void> {
+  const button = await findByRole('button', { name: buttonName });
+
+  fireEvent.click(button);
+}
diff --git a/packages/page-bounties/test/utils/clickElementWithTestId.ts b/packages/page-bounties/test/utils/clickElementWithTestId.ts
new file mode 100644
index 0000000..c5eeeea
--- /dev/null
+++ b/packages/page-bounties/test/utils/clickElementWithTestId.ts
@@ -0,0 +1,10 @@
+// Copyright 2017-2022 @polkadot/app-bounties authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import { fireEvent } from '@testing-library/react';
+
+export const clickElementWithTestId = async (testId: string, findByTestId: (testId: string) => Promise<HTMLElement>): Promise<void> => {
+  const element = await findByTestId(testId);
+
+  fireEvent.click(element);
+};
diff --git a/packages/page-bounties/test/utils/clickElementWithText.ts b/packages/page-bounties/test/utils/clickElementWithText.ts
new file mode 100644
index 0000000..a0dbab6
--- /dev/null
+++ b/packages/page-bounties/test/utils/clickElementWithText.ts
@@ -0,0 +1,10 @@
+// Copyright 2017-2022 @polkadot/app-bounties authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import { fireEvent } from '@testing-library/react';
+
+export const clickElementWithText = async (text: string, findByText: (name: string) => Promise<HTMLElement>): Promise<void> => {
+  const element = await findByText(text);
+
+  fireEvent.click(element);
+};
diff --git a/packages/page-bounties/tsconfig.build.json b/packages/page-bounties/tsconfig.build.json
new file mode 100644
index 0000000..da24d9f
--- /dev/null
+++ b/packages/page-bounties/tsconfig.build.json
@@ -0,0 +1,9 @@
+{
+  "extends": "../../tsconfig.base.json",
+  "compilerOptions": {
+    "baseUrl": "..",
+    "outDir": "./build",
+    "rootDir": "./src"
+  },
+  "references": []
+}
diff --git a/packages/page-calendar/.skip-build b/packages/page-calendar/.skip-build
new file mode 100644
index 0000000..e69de29
diff --git a/packages/page-calendar/.skip-npm b/packages/page-calendar/.skip-npm
new file mode 100644
index 0000000..e69de29
diff --git a/packages/page-calendar/LICENSE b/packages/page-calendar/LICENSE
new file mode 100644
index 0000000..0d381b2
--- /dev/null
+++ b/packages/page-calendar/LICENSE
@@ -0,0 +1,201 @@
+                              Apache License
+                        Version 2.0, January 2004
+                    http://www.apache.org/licenses/
+
+TERMS AND CONDITIONS FOR USE, REPRODUCTION, AND DISTRIBUTION
+
+1. Definitions.
+
+  "License" shall mean the terms and conditions for use, reproduction,
+  and distribution as defined by Sections 1 through 9 of this document.
+
+  "Licensor" shall mean the copyright owner or entity authorized by
+  the copyright owner that is granting the License.
+
+  "Legal Entity" shall mean the union of the acting entity and all
+  other entities that control, are controlled by, or are under common
+  control with that entity. For the purposes of this definition,
+  "control" means (i) the power, direct or indirect, to cause the
+  direction or management of such entity, whether by contract or
+  otherwise, or (ii) ownership of fifty percent (50%) or more of the
+  outstanding shares, or (iii) beneficial ownership of such entity.
+
+  "You" (or "Your") shall mean an individual or Legal Entity
+  exercising permissions granted by this License.
+
+  "Source" form shall mean the preferred form for making modifications,
+  including but not limited to software source code, documentation
+  source, and configuration files.
+
+  "Object" form shall mean any form resulting from mechanical
+  transformation or translation of a Source form, including but
+  not limited to compiled object code, generated documentation,
+  and conversions to other media types.
+
+  "Work" shall mean the work of authorship, whether in Source or
+  Object form, made available under the License, as indicated by a
+  copyright notice that is included in or attached to the work
+  (an example is provided in the Appendix below).
+
+  "Derivative Works" shall mean any work, whether in Source or Object
+  form, that is based on (or derived from) the Work and for which the
+  editorial revisions, annotations, elaborations, or other modifications
+  represent, as a whole, an original work of authorship. For the purposes
+  of this License, Derivative Works shall not include works that remain
+  separable from, or merely link (or bind by name) to the interfaces of,
+  the Work and Derivative Works thereof.
+
+  "Contribution" shall mean any work of authorship, including
+  the original version of the Work and any modifications or additions
+  to that Work or Derivative Works thereof, that is intentionally
+  submitted to Licensor for inclusion in the Work by the copyright owner
+  or by an individual or Legal Entity authorized to submit on behalf of
+  the copyright owner. For the purposes of this definition, "submitted"
+  means any form of electronic, verbal, or written communication sent
+  to the Licensor or its representatives, including but not limited to
+  communication on electronic mailing lists, source code control systems,
+  and issue tracking systems that are managed by, or on behalf of, the
+  Licensor for the purpose of discussing and improving the Work, but
+  excluding communication that is conspicuously marked or otherwise
+  designated in writing by the copyright owner as "Not a Contribution."
+
+  "Contributor" shall mean Licensor and any individual or Legal Entity
+  on behalf of whom a Contribution has been received by Licensor and
+  subsequently incorporated within the Work.
+
+2. Grant of Copyright License. Subject to the terms and conditions of
+  this License, each Contributor hereby grants to You a perpetual,
+  worldwide, non-exclusive, no-charge, royalty-free, irrevocable
+  copyright license to reproduce, prepare Derivative Works of,
+  publicly display, publicly perform, sublicense, and distribute the
+  Work and such Derivative Works in Source or Object form.
+
+3. Grant of Patent License. Subject to the terms and conditions of
+  this License, each Contributor hereby grants to You a perpetual,
+  worldwide, non-exclusive, no-charge, royalty-free, irrevocable
+  (except as stated in this section) patent license to make, have made,
+  use, offer to sell, sell, import, and otherwise transfer the Work,
+  where such license applies only to those patent claims licensable
+  by such Contributor that are necessarily infringed by their
+  Contribution(s) alone or by combination of their Contribution(s)
+  with the Work to which such Contribution(s) was submitted. If You
+  institute patent litigation against any entity (including a
+  cross-claim or counterclaim in a lawsuit) alleging that the Work
+  or a Contribution incorporated within the Work constitutes direct
+  or contributory patent infringement, then any patent licenses
+  granted to You under this License for that Work shall terminate
+  as of the date such litigation is filed.
+
+4. Redistribution. You may reproduce and distribute copies of the
+  Work or Derivative Works thereof in any medium, with or without
+  modifications, and in Source or Object form, provided that You
+  meet the following conditions:
+
+  (a) You must give any other recipients of the Work or
+      Derivative Works a copy of this License; and
+
+  (b) You must cause any modified files to carry prominent notices
+      stating that You changed the files; and
+
+  (c) You must retain, in the Source form of any Derivative Works
+      that You distribute, all copyright, patent, trademark, and
+      attribution notices from the Source form of the Work,
+      excluding those notices that do not pertain to any part of
+      the Derivative Works; and
+
+  (d) If the Work includes a "NOTICE" text file as part of its
+      distribution, then any Derivative Works that You distribute must
+      include a readable copy of the attribution notices contained
+      within such NOTICE file, excluding those notices that do not
+      pertain to any part of the Derivative Works, in at least one
+      of the following places: within a NOTICE text file distributed
+      as part of the Derivative Works; within the Source form or
+      documentation, if provided along with the Derivative Works; or,
+      within a display generated by the Derivative Works, if and
+      wherever such third-party notices normally appear. The contents
+      of the NOTICE file are for informational purposes only and
+      do not modify the License. You may add Your own attribution
+      notices within Derivative Works that You distribute, alongside
+      or as an addendum to the NOTICE text from the Work, provided
+      that such additional attribution notices cannot be construed
+      as modifying the License.
+
+  You may add Your own copyright statement to Your modifications and
+  may provide additional or different license terms and conditions
+  for use, reproduction, or distribution of Your modifications, or
+  for any such Derivative Works as a whole, provided Your use,
+  reproduction, and distribution of the Work otherwise complies with
+  the conditions stated in this License.
+
+5. Submission of Contributions. Unless You explicitly state otherwise,
+  any Contribution intentionally submitted for inclusion in the Work
+  by You to the Licensor shall be under the terms and conditions of
+  this License, without any additional terms or conditions.
+  Notwithstanding the above, nothing herein shall supersede or modify
+  the terms of any separate license agreement you may have executed
+  with Licensor regarding such Contributions.
+
+6. Trademarks. This License does not grant permission to use the trade
+  names, trademarks, service marks, or product names of the Licensor,
+  except as required for reasonable and customary use in describing the
+  origin of the Work and reproducing the content of the NOTICE file.
+
+7. Disclaimer of Warranty. Unless required by applicable law or
+  agreed to in writing, Licensor provides the Work (and each
+  Contributor provides its Contributions) on an "AS IS" BASIS,
+  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or
+  implied, including, without limitation, any warranties or conditions
+  of TITLE, NON-INFRINGEMENT, MERCHANTABILITY, or FITNESS FOR A
+  PARTICULAR PURPOSE. You are solely responsible for determining the
+  appropriateness of using or redistributing the Work and assume any
+  risks associated with Your exercise of permissions under this License.
+
+8. Limitation of Liability. In no event and under no legal theory,
+  whether in tort (including negligence), contract, or otherwise,
+  unless required by applicable law (such as deliberate and grossly
+  negligent acts) or agreed to in writing, shall any Contributor be
+  liable to You for damages, including any direct, indirect, special,
+  incidental, or consequential damages of any character arising as a
+  result of this License or out of the use or inability to use the
+  Work (including but not limited to damages for loss of goodwill,
+  work stoppage, computer failure or malfunction, or any and all
+  other commercial damages or losses), even if such Contributor
+  has been advised of the possibility of such damages.
+
+9. Accepting Warranty or Additional Liability. While redistributing
+  the Work or Derivative Works thereof, You may choose to offer,
+  and charge a fee for, acceptance of support, warranty, indemnity,
+  or other liability obligations and/or rights consistent with this
+  License. However, in accepting such obligations, You may act only
+  on Your own behalf and on Your sole responsibility, not on behalf
+  of any other Contributor, and only if You agree to indemnify,
+  defend, and hold each Contributor harmless for any liability
+  incurred by, or claims asserted against, such Contributor by reason
+  of your accepting any such warranty or additional liability.
+
+END OF TERMS AND CONDITIONS
+
+APPENDIX: How to apply the Apache License to your work.
+
+  To apply the Apache License to your work, attach the following
+  boilerplate notice, with the fields enclosed by brackets "[]"
+  replaced with your own identifying information. (Don't include
+  the brackets!)  The text should be enclosed in the appropriate
+  comment syntax for the file format. We also recommend that a
+  file or class name and description of purpose be included on the
+  same "printed page" as the copyright notice for easier
+  identification within third-party archives.
+
+Copyright [yyyy] [name of copyright owner]
+
+Licensed under the Apache License, Version 2.0 (the "License");
+you may not use this file except in compliance with the License.
+You may obtain a copy of the License at
+
+    http://www.apache.org/licenses/LICENSE-2.0
+
+Unless required by applicable law or agreed to in writing, software
+distributed under the License is distributed on an "AS IS" BASIS,
+WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+See the License for the specific language governing permissions and
+limitations under the License.
diff --git a/packages/page-calendar/README.md b/packages/page-calendar/README.md
new file mode 100644
index 0000000..b2b42aa
--- /dev/null
+++ b/packages/page-calendar/README.md
@@ -0,0 +1 @@
+# @polkadot/app-calendar
diff --git a/packages/page-calendar/package.json b/packages/page-calendar/package.json
new file mode 100644
index 0000000..da019a0
--- /dev/null
+++ b/packages/page-calendar/package.json
@@ -0,0 +1,19 @@
+{
+  "bugs": "https://github.com/polkadot-js/apps/issues",
+  "homepage": "https://github.com/polkadot-js/apps/tree/master/packages/page-calendar#readme",
+  "license": "Apache-2.0",
+  "name": "@polkadot/app-calendar",
+  "private": true,
+  "repository": {
+    "directory": "packages/page-calendar",
+    "type": "git",
+    "url": "https://github.com/polkadot-js/apps.git"
+  },
+  "sideEffects": false,
+  "type": "module",
+  "version": "0.112.2-14",
+  "dependencies": {
+    "@babel/runtime": "^7.17.9",
+    "@polkadot/react-components": "^0.112.2-14"
+  }
+}
diff --git a/packages/page-calendar/src/Day.tsx b/packages/page-calendar/src/Day.tsx
new file mode 100644
index 0000000..d7dae67
--- /dev/null
+++ b/packages/page-calendar/src/Day.tsx
@@ -0,0 +1,110 @@
+// Copyright 2017-2022 @polkadot/app-calendar authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { EntryInfo } from './types';
+
+import React, { useCallback, useMemo, useRef } from 'react';
+import styled from 'styled-components';
+
+import { Button } from '@polkadot/react-components';
+
+import { MONTHS } from './constants';
+import DayHour from './DayHour';
+import DayTime from './DayTime';
+import { useTranslation } from './translate';
+
+interface Props {
+  className?: string;
+  date: Date;
+  hasNextDay: boolean;
+  now: Date;
+  scheduled: EntryInfo[];
+  setNextDay: () => void;
+  setPrevDay: () => void;
+  setView: (v: boolean) => void;
+}
+
+const HOURS = ((): number[] => {
+  const hours: number[] = [];
+
+  for (let i = 0; i < 24; i++) {
+    hours.push(i);
+  }
+
+  return hours;
+})();
+
+function Day ({ className, date, hasNextDay, now, scheduled, setNextDay, setPrevDay, setView }: Props): React.ReactElement<Props> {
+  const { t } = useTranslation();
+
+  const monthRef = useRef(MONTHS.map((m) => t(m)));
+
+  const [isToday, nowHours, nowMinutes] = useMemo(
+    () => [
+      date.getMonth() === now.getMonth() && date.getFullYear() === now.getFullYear() && date.getDate() === now.getDate(),
+      now.getHours(),
+      now.getMinutes()
+    ],
+    [date, now]
+  );
+
+  const _setView = useCallback(
+    (): void => setView(true),
+    [setView]
+  );
+
+  return (
+    <div className={className}>
+      <h1>
+        <div>
+          <Button
+            className='all-events-button'
+            icon={'list'}
+            onClick={_setView}
+          />
+          {date.getDate()} {monthRef.current[date.getMonth()]} {date.getFullYear()} {isToday && <DayTime />}
+        </div>
+        <Button.Group>
+          <Button
+            icon='chevron-left'
+            isDisabled={isToday}
+            onClick={setPrevDay}
+          />
+          <Button
+            icon='chevron-right'
+            isDisabled={!hasNextDay}
+            onClick={setNextDay}
+          />
+        </Button.Group>
+      </h1>
+      <div className='hoursContainer highlight--bg-faint'>
+        {HOURS.map((hour, index): React.ReactNode =>
+          <DayHour
+            date={date}
+            hour={hour}
+            index={index}
+            key={hour}
+            minutes={(isToday && nowHours === index) ? nowMinutes : 0}
+            scheduled={scheduled}
+          />
+        )}
+      </div>
+    </div>
+  );
+}
+
+export default React.memo(styled(Day)`
+  flex: 1;
+
+  .dayHeader {
+    align-items: center;
+    display: flex;
+    font-size: 1.25rem;
+    justify-content: space-between;
+    padding: 1rem 1.5rem 0;
+  }
+
+  .hoursContainer {
+    z-index: 1;
+  }
+`);
diff --git a/packages/page-calendar/src/DayHour.tsx b/packages/page-calendar/src/DayHour.tsx
new file mode 100644
index 0000000..c30a1fa
--- /dev/null
+++ b/packages/page-calendar/src/DayHour.tsx
@@ -0,0 +1,94 @@
+// Copyright 2017-2022 @polkadot/app-calendar authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { EntryInfoTyped } from './types';
+
+import React, { useMemo } from 'react';
+import styled from 'styled-components';
+
+import DayItem from './DayItem';
+
+interface Props {
+  className?: string;
+  date: Date;
+  hour: number;
+  index: number;
+  minutes: number;
+  scheduled: EntryInfoTyped[];
+}
+
+const MN_TO_MS = 60 * 1000;
+const HR_TO_MS = 60 * MN_TO_MS;
+
+function filterEntries (date: Date, minutes: number, index: number, scheduled: EntryInfoTyped[]): EntryInfoTyped[] {
+  const start = date.getTime() + (index * HR_TO_MS);
+  const end = start + HR_TO_MS;
+  const explicit = start + (minutes * MN_TO_MS);
+
+  return scheduled
+    .filter(({ dateTime }) => dateTime >= explicit && dateTime < end)
+    .sort((a, b) => (a.dateTime - b.dateTime) || a.type.localeCompare(b.type));
+}
+
+function DayHour ({ className = '', date, hour, index, minutes, scheduled }: Props): React.ReactElement<Props> | null {
+  const filtered = useMemo(
+    () => filterEntries(date, minutes, index, scheduled),
+    [date, index, minutes, scheduled]
+  );
+
+  const hourStr = `${` ${hour}`.slice(-2)} ${hour >= 12 ? 'pm' : 'am'}`;
+
+  return (
+    <div className={`${className}${filtered.length ? ' hasItems' : ''}`}>
+      <div className={`hourLabel${filtered.length ? ' highlight--color' : ''}`}>{hourStr}</div>
+      <div className='hourContainer'>
+        {filtered.map((item, index): React.ReactNode => (
+          <DayItem
+            item={item}
+            key={index}
+          />
+        ))}
+      </div>
+    </div>
+  );
+}
+
+export default React.memo(styled(DayHour)`
+  align-items: center;
+  display: flex;
+  position: relative;
+  z-index: 2;
+
+  &:nth-child(odd) {
+    background: var(--bg-table);
+  }
+
+  &.isPast {
+    opacity: 0.75;
+  }
+
+  .hourContainer {
+    flex: 1;
+    padding: 0.25rem 0;
+  }
+
+  .hourLabel {
+    flex: 0;
+    font-size: 0.85rem;
+    font-weight: var(--font-weight-normal);
+    line-height: 1;
+    min-width: 5.5rem;
+    opacity: 0.5;
+    padding: 0.5rem 1rem;
+    text-align: right;
+    text-transform: uppercase;
+    z-index: 1;
+  }
+
+  &.hasItems .hourLabel {
+    font-size: 1.1rem;
+    font-weight: var(--font-weight-normal);
+    opacity: 1;
+    padding: 0.7rem 1rem;
+  }
+`);
diff --git a/packages/page-calendar/src/DayItem.tsx b/packages/page-calendar/src/DayItem.tsx
new file mode 100644
index 0000000..cd82f4e
--- /dev/null
+++ b/packages/page-calendar/src/DayItem.tsx
@@ -0,0 +1,249 @@
+// Copyright 2017-2022 @polkadot/app-calendar authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { EntryInfoTyped } from './types';
+
+import React, { useCallback, useMemo, useState } from 'react';
+import styled from 'styled-components';
+
+import { Button } from '@polkadot/react-components';
+import { formatNumber, isString } from '@polkadot/util';
+
+import { useTranslation } from './translate';
+import { dateCalendarFormat } from './util';
+
+interface Props {
+  className?: string;
+  showAllEvents?: boolean;
+  item: EntryInfoTyped;
+}
+
+const FORMAT_OPTIONS: Intl.DateTimeFormatOptions = {
+  day: 'numeric',
+  month: 'long',
+  weekday: 'long',
+  year: 'numeric'
+};
+
+function assertUnreachable (type: string): never {
+  throw new Error(`We should not get here, unhandled ${type}`);
+}
+
+function exportCalendar (date: Date, description: string): void {
+  const startDate = dateCalendarFormat(date);
+  // For now just add 1 hour for each event
+  const endDate = dateCalendarFormat(new Date(new Date(date).setHours(new Date(date).getHours() + 1)));
+  const calData =
+    'BEGIN:VCALENDAR\n' +
+    'CALSCALE:GREGORIAN\n' +
+    'METHOD:PUBLISH\n' +
+    'PRODID:-//Test Cal//EN\n' +
+    'VERSION:2.0\n' +
+    'BEGIN:VEVENT\n' +
+    'UID:test-1\n' +
+    'DTSTART;VALUE=DATE:' + startDate + '\n' +
+    'DTEND;VALUE=DATE:' + endDate + '\n' +
+    'SUMMARY:' + description + '\n' +
+    'DESCRIPTION:' + description + '\n' +
+    'END:VEVENT\n' +
+    'END:VCALENDAR';
+  const fileNameIcs = encodeURI(description) + '.ics';
+  const data = new File([calData], fileNameIcs, { type: 'text/plain' });
+  const anchor = window.document.createElement('a');
+
+  anchor.href = window.URL.createObjectURL(data);
+  anchor.download = fileNameIcs;
+  document.body.appendChild(anchor);
+  anchor.click();
+  document.body.removeChild(anchor);
+  window.URL.revokeObjectURL(anchor.href);
+}
+
+function createLink (to: string, desc: string): React.ReactNode {
+  return <div className='itemLink'><a href={`#/${to}`}>{desc}</a></div>;
+}
+
+function DayItem ({ className, item: { blockNumber, date, info, type }, showAllEvents }: Props): React.ReactElement<Props> {
+  const { t } = useTranslation();
+
+  const [description, setDescription] = useState<string>('');
+
+  const _exportCal = useCallback(
+    () => exportCalendar(date, description),
+    [description, date]
+  );
+
+  const desc = useMemo(
+    (): React.ReactNode => {
+      const id: string | null = info && (
+        isString(info)
+          ? info
+          : formatNumber(info)
+      );
+      const typeLink = ['councilElection'].includes(type)
+        ? createLink('council', t<string>('via Council'))
+        : ['councilMotion'].includes(type)
+          ? createLink('council/motions', t<string>('via Council/Motions'))
+          : ['democracyDispatch', 'scheduler'].includes(type)
+            ? createLink('democracy/dispatch', t<string>('via Democracy/Dispatch'))
+            : ['democracyLaunch', 'referendumDispatch', 'referendumVote'].includes(type)
+              ? createLink('/democracy', t<string>('via Democracy'))
+              : ['societyChallenge', 'societyRotate'].includes(type)
+                ? createLink('society', t<string>('via Society'))
+                : ['stakingEpoch', 'stakingEra'].includes(type)
+                  ? createLink('staking', t<string>('via Staking'))
+                  : ['stakingSlash'].includes(type)
+                    ? createLink('staking/slashes', t<string>('via Staking/Slashed'))
+                    : ['treasurySpend'].includes(type)
+                      ? createLink('treasury', t<string>('via Treasury'))
+                      : ['parachainLease'].includes(type)
+                        ? createLink('parachains', t<string>('via Parachains'))
+                        : ['parachainAuction'].includes(type)
+                          ? createLink('parachains/auction', t<string>('via Parachains/Auction'))
+                          : undefined;
+      let s = '';
+
+      switch (type) {
+        case 'councilElection':
+          s = t<string>('Election of new council candidates');
+          break;
+
+        case 'councilMotion':
+          s = t<string>('Voting ends on council motion {{id}}', { replace: { id } });
+          break;
+
+        case 'democracyDispatch':
+          s = t<string>('Enactment of the result of referendum {{id}}', { replace: { id } });
+          break;
+
+        case 'democracyLaunch':
+          s = t<string>('Start of the next referendum voting period');
+          break;
+
+        case 'parachainAuction':
+          s = t<string>('End of the current parachain auction {{id}}', { replace: { id } });
+          break;
+
+        case 'parachainLease':
+          s = t<string>('Start of the next parachain lease period {{id}}', { replace: { id } });
+          break;
+
+        case 'referendumDispatch':
+          s = t<string>('Potential dispatch of referendum {{id}} (if passed)', { replace: { id } });
+          break;
+
+        case 'referendumVote':
+          s = t<string>('Voting ends for referendum {{id}}', { replace: { id } });
+          break;
+
+        case 'scheduler':
+          s = id
+            ? t<string>('Execute named scheduled task {{id}}', { replace: { id } })
+            : t<string>('Execute anonymous scheduled task');
+          break;
+
+        case 'stakingEpoch':
+          s = t<string>('Start of a new staking session {{id}}', { replace: { id } });
+          break;
+
+        case 'stakingEra':
+          s = t<string>('Start of a new staking era {{id}}', { replace: { id } });
+          break;
+
+        case 'stakingSlash':
+          s = t<string>('Application of slashes from era {{id}}', { replace: { id } });
+          break;
+
+        case 'treasurySpend':
+          s = t<string>('Start of next spending period');
+          break;
+
+        case 'societyChallenge':
+          s = t<string>('Start of next membership challenge period');
+          break;
+
+        case 'societyRotate':
+          s = t<string>('Acceptance of new members and bids');
+          break;
+
+        default:
+          return assertUnreachable(type);
+      }
+
+      setDescription(s);
+
+      return (<><div className='itemDesc'>{s}</div>{typeLink}</>);
+    },
+    [info, t, type]
+  );
+
+  return (
+    <div className={className}>
+      {showAllEvents &&
+        <div className='itemDate'>{date.toLocaleString(undefined, FORMAT_OPTIONS)}</div>
+      }
+      <div className='itemTime'>{date.toLocaleTimeString().split(':').slice(0, 2).join(':')}</div>
+      <div className='itemBlock'>#{formatNumber(blockNumber)}</div>
+      {desc}
+      {date && (
+        <Button
+          className={showAllEvents ? 'exportCal exportCal-allEvents' : 'exportCal'}
+          icon='calendar-plus'
+          onClick={_exportCal}
+        />
+      )}
+    </div>
+  );
+}
+
+export default React.memo(styled(DayItem)`
+  align-items: flex-start;
+  display: flex;
+  justify-content: flex-start;
+  margin: 0.5rem 0.75rem;
+
+  > div+div {
+    margin-left: 0.5rem;
+  }
+
+  > div.itemTime+div.itemBlock {
+    margin-left: 0.25rem;
+  }
+
+  .exportCal {
+    padding: 0;
+    position: absolute;
+    right: 1.5rem;
+
+    .ui--Icon {
+      width: 0.7rem;
+      height: 0.7rem;
+    }
+  }
+
+  .exportCal-allEvents {
+    right: 3.5rem;
+  }
+
+  .itemBlock {
+    background: #aaa;
+    color: #eee;
+    font-size: 0.85rem;
+    align-self: center;
+    padding: 0.075rem 0.375rem;
+    border-radius: 0.25rem;
+  }
+
+  .itemDate {
+    padding: 0 0.375rem;
+    border-radius: 0.25rem;
+    width: 17rem;
+  }
+
+  .itemTime {
+    background: #999;
+    color: #eee;
+    padding: 0 0.375rem;
+    border-radius: 0.25rem;
+  }
+`);
diff --git a/packages/page-calendar/src/DayTime.tsx b/packages/page-calendar/src/DayTime.tsx
new file mode 100644
index 0000000..9446774
--- /dev/null
+++ b/packages/page-calendar/src/DayTime.tsx
@@ -0,0 +1,20 @@
+// Copyright 2017-2022 @polkadot/app-calendar authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import React, { useEffect, useState } from 'react';
+
+function DayTime (): React.ReactElement {
+  const [now, setNow] = useState(new Date());
+
+  useEffect((): () => void => {
+    const intervalId = setInterval(() => setNow(new Date()), 1000);
+
+    return (): void => {
+      clearInterval(intervalId);
+    };
+  }, []);
+
+  return <>{now.toLocaleTimeString().split(':').slice(0, 2).join(':')}</>;
+}
+
+export default React.memo(DayTime);
diff --git a/packages/page-calendar/src/Month.tsx b/packages/page-calendar/src/Month.tsx
new file mode 100644
index 0000000..126f7fa
--- /dev/null
+++ b/packages/page-calendar/src/Month.tsx
@@ -0,0 +1,127 @@
+// Copyright 2017-2022 @polkadot/app-calendar authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { DateState, EntryInfo } from './types';
+
+import React, { useMemo, useRef } from 'react';
+import styled from 'styled-components';
+
+import { Button } from '@polkadot/react-components';
+
+import { DAYS, MONTHS } from './constants';
+import MonthDay from './MonthDay';
+import { useTranslation } from './translate';
+
+interface Props {
+  className?: string;
+  hasNextMonth: boolean;
+  lastDay: number;
+  now: Date;
+  scheduled: EntryInfo[];
+  setDay: (day: number) => void;
+  setNextMonth: () => void;
+  setPrevMonth: () => void;
+  state: DateState;
+}
+
+function Month ({ className, hasNextMonth, lastDay, now, scheduled, setDay, setNextMonth, setPrevMonth, state: { dateMonth, dateSelected, days, startClass } }: Props): React.ReactElement<Props> {
+  const { t } = useTranslation();
+
+  const dayOfWeekRef = useRef(DAYS.map((d) => t(d)));
+  const monthRef = useRef(MONTHS.map((m) => t(m)));
+
+  const [isCurrYear, isCurrMonth, isNowYear, isNowMonth, isOlderMonth] = useMemo(
+    () => [
+      dateMonth.getFullYear() === dateSelected.getFullYear(),
+      dateMonth.getMonth() === dateSelected.getMonth(),
+      now.getFullYear() === dateMonth.getFullYear(),
+      now.getMonth() === dateMonth.getMonth(),
+      now.getMonth() > dateMonth.getMonth()
+    ],
+    [dateMonth, dateSelected, now]
+  );
+
+  return (
+    <div className={className}>
+      <h1>
+        <div>{monthRef.current[dateMonth.getMonth()]} {dateMonth.getFullYear()}</div>
+        <Button.Group>
+          <Button
+            icon='chevron-left'
+            isDisabled={isNowYear && (isOlderMonth || isNowMonth)}
+            onClick={setPrevMonth}
+          />
+          <Button
+            icon='chevron-right'
+            isDisabled={!hasNextMonth}
+            onClick={setNextMonth}
+          />
+        </Button.Group>
+      </h1>
+      <div className={`calendar ${startClass}`}>
+        <div className='dayOfWeek'>
+          {dayOfWeekRef.current.map((day): React.ReactNode => (
+            <div key={day}>{t(day)}</div>
+          ))}
+        </div>
+        <div className='dateGrid'>
+          {days.map((day): React.ReactNode => (
+            <MonthDay
+              dateMonth={dateMonth}
+              day={day}
+              isCurrent={isCurrYear && isCurrMonth && day === dateSelected.getDate()}
+              isDisabled={(isNowYear && (isOlderMonth || (isNowMonth && now.getDate() > day))) || (!hasNextMonth && day > lastDay)}
+              key={day}
+              scheduled={scheduled}
+              setDay={setDay}
+            />
+          ))}
+        </div>
+      </div>
+    </div>
+  );
+}
+
+export default React.memo(styled(Month)`
+  flex: 0;
+  max-width: max-content;
+
+  .calendar {
+    padding: 1rem 1.5rem;
+
+    .dateGrid,
+    .dayOfWeek {
+      display: grid;
+      grid-template-columns: repeat(7, 1fr);
+    }
+
+    .dateGrid {
+      margin-top: 0.5em;
+    }
+
+    &.startSun .dateGrid .day:first-child { grid-column: 1 }
+    &.startMon .dateGrid .day:first-child { grid-column: 2 }
+    &.startTue .dateGrid .day:first-child { grid-column: 3 }
+    &.startWed .dateGrid .day:first-child { grid-column: 4 }
+    &.startThu .dateGrid .day:first-child { grid-column: 5 }
+    &.startFri .dateGrid .day:first-child { grid-column: 6 }
+    &.startSat .dateGrid .day:first-child { grid-column: 7 }
+
+    .dayOfWeek {
+      > * {
+        font-size: 0.7em;
+        font-weight: var(--font-weight-normal);
+        letter-spacing: 0.1em;
+        text-align: center;
+        text-transform: uppercase;
+      }
+    }
+
+    .monthIndicator {
+      align-items: center;
+      display: flex;
+      font-size: 1.25rem;
+      justify-content: space-between;
+    }
+  }
+`);
diff --git a/packages/page-calendar/src/MonthDay.tsx b/packages/page-calendar/src/MonthDay.tsx
new file mode 100644
index 0000000..f881527
--- /dev/null
+++ b/packages/page-calendar/src/MonthDay.tsx
@@ -0,0 +1,93 @@
+// Copyright 2017-2022 @polkadot/app-calendar authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { EntryInfo } from './types';
+
+import React, { useCallback, useMemo } from 'react';
+import styled from 'styled-components';
+
+interface Props {
+  className?: string;
+  dateMonth: Date;
+  day: number;
+  isCurrent: boolean;
+  isDisabled: boolean;
+  setDay: (day: number) => void;
+  scheduled: EntryInfo[];
+}
+
+const DAY_TO_MS = 24 * 60 * 60 * 1000;
+
+function MonthDay ({ className = '', dateMonth, day, isCurrent, isDisabled, scheduled, setDay }: Props): React.ReactElement<Props> {
+  const hasEvents = useMemo(
+    (): boolean => {
+      const start = dateMonth.getTime() + ((day - 1) * DAY_TO_MS);
+      const end = start + DAY_TO_MS;
+
+      return scheduled.some(({ dateTime }) => dateTime >= start && dateTime < end);
+    },
+    [dateMonth, day, scheduled]
+  );
+
+  const _onClick = useCallback(
+    (): void => {
+      !isDisabled && setDay(day);
+    },
+    [day, isDisabled, setDay]
+  );
+
+  return (
+    <div
+      className={`day${isDisabled ? ' isDisabled' : (isCurrent ? ' highlight--bg-light highlight--color isSelected' : '')} ${className}`}
+      onClick={_onClick}
+    >
+      {day}
+      {hasEvents && <div className='eventIndicator highlight--border' />}
+    </div>
+  );
+}
+
+export default React.memo(styled(MonthDay)`
+  background-color: transparent;
+  border: 1px solid transparent;
+  border-radius: 50%;
+  line-height: 1;
+  padding: 1rem;
+  position: relative;
+  text-align: center;
+  z-index: 1;
+
+  &:before {
+    border-radius: 50%;
+  }
+
+  &:not(.isDisabled) {
+    cursor: pointer;
+  }
+
+  &:not(.isSelected):hover {
+    background: #f7f5f3;
+  }
+
+  .eventIndicator {
+    border: 0.25rem solid transparent;
+    border-radius: 50%;
+    height: 0.25rem;
+    position: absolute;
+    right: 0.625rem;
+    top: 0.625rem;
+    width: 0.25rem;
+  }
+
+  &.isDisabled {
+    opacity: 0.375;
+
+    &:hover {
+      background: transparent;
+    }
+
+    .eventIndicator {
+      display: none;
+    }
+  }
+`);
diff --git a/packages/page-calendar/src/UpcomingEvents.tsx b/packages/page-calendar/src/UpcomingEvents.tsx
new file mode 100644
index 0000000..d80649a
--- /dev/null
+++ b/packages/page-calendar/src/UpcomingEvents.tsx
@@ -0,0 +1,75 @@
+// Copyright 2017-2022 @polkadot/app-calendar authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { EntryInfo } from './types';
+
+import React, { useCallback, useMemo } from 'react';
+import styled from 'styled-components';
+
+import { Button } from '@polkadot/react-components';
+
+import DayItem from './DayItem';
+import { useTranslation } from './translate';
+
+interface Props {
+  className?: string;
+  scheduled: EntryInfo[];
+  setView: (v: boolean) => void;
+}
+
+function UpcomingEvents ({ className, scheduled, setView }: Props): React.ReactElement<Props> {
+  const { t } = useTranslation();
+  const sched = useMemo(
+    () => scheduled.sort((a, b) => a.dateTime - b.dateTime),
+    [scheduled]
+  );
+
+  const _setView = useCallback(
+    (): void => setView(false),
+    [setView]
+  );
+
+  return (
+    <div className={className}>
+      <h1>
+        <div>
+          <Button
+            className='all-events-button'
+            icon='calendar'
+            onClick={_setView}
+          />
+          {t<string>('Upcoming Events')}
+        </div>
+      </h1>
+      <ul className='allEventsWrapper'>
+        {sched.map((item, index): React.ReactNode => {
+          return (
+            <DayItem
+              className='all-events-rows'
+              item={item}
+              key={index}
+              showAllEvents
+            />
+          );
+        })}
+      </ul>
+    </div>
+  );
+}
+
+export default React.memo(styled(UpcomingEvents)`
+  flex: 0;
+  max-width: max-content;
+
+  .all-events-rows {
+    padding: 10px 0;
+    font-size: 13px;
+    &:nth-child(odd) {
+      background: var(--bg-table);
+    }
+  }
+
+  .allEventsWrapper {
+    padding-inline-start: 10px;
+  }
+`);
diff --git a/packages/page-calendar/src/constants.ts b/packages/page-calendar/src/constants.ts
new file mode 100644
index 0000000..cddbbc5
--- /dev/null
+++ b/packages/page-calendar/src/constants.ts
@@ -0,0 +1,5 @@
+// Copyright 2017-2022 @polkadot/app-calendar authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+export const DAYS = ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat'];
+export const MONTHS = ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'];
diff --git a/packages/page-calendar/src/index.tsx b/packages/page-calendar/src/index.tsx
new file mode 100644
index 0000000..87d854b
--- /dev/null
+++ b/packages/page-calendar/src/index.tsx
@@ -0,0 +1,206 @@
+// Copyright 2017-2022 @polkadot/app-calendar authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { DateState } from './types';
+
+import React, { useCallback, useEffect, useMemo, useRef, useState } from 'react';
+import styled from 'styled-components';
+
+import { Tabs } from '@polkadot/react-components';
+
+import Day from './Day';
+import Month from './Month';
+import { useTranslation } from './translate';
+import UpcomingEvents from './UpcomingEvents';
+import useScheduled from './useScheduled';
+import { getDateState, nextMonth, prevMonth } from './util';
+
+interface Props {
+  basePath: string;
+  className?: string;
+}
+
+const NOW_INC = 30 * 1000;
+
+function CalendarApp ({ basePath, className }: Props): React.ReactElement<Props> {
+  const { t } = useTranslation();
+  const scheduled = useScheduled();
+  const [now, setNow] = useState(() => new Date());
+  const [dateState, setDateState] = useState(() => getDateState(now, now));
+  const [allEventsView, setAllEventsView] = useState(false);
+
+  const itemsRef = useRef([{
+    isRoot: true,
+    name: 'view',
+    text: t<string>('Upcoming events')
+  }]);
+
+  useEffect((): () => void => {
+    const intervalId = setInterval(() => setNow(new Date()), NOW_INC);
+
+    return (): void => {
+      clearInterval(intervalId);
+    };
+  }, []);
+
+  const [hasNextMonth, hasNextDay, lastDay] = useMemo(
+    () => {
+      const nextDay = new Date(dateState.dateSelected);
+
+      nextDay.setDate(nextDay.getDate() + 1);
+
+      const nextDayTime = nextDay.getTime();
+      const nextMonthTime = dateState.dateMonthNext.getTime();
+      const hasNextMonth = scheduled.some(({ dateTime }) => dateTime >= nextMonthTime);
+      const hasNextDay = hasNextMonth || scheduled.some(({ dateTime }) => dateTime >= nextDayTime);
+      const lastDay = hasNextMonth
+        ? 42 // more than days in month
+        : scheduled.reduce((lastDay: number, { date }): number => {
+          return date.getFullYear() === dateState.dateMonth.getFullYear() && date.getMonth() === dateState.dateMonth.getMonth()
+            ? Math.max(lastDay, date.getDate())
+            : lastDay;
+        }, 0);
+
+      return [hasNextMonth, hasNextDay, lastDay];
+    },
+    [dateState, scheduled]
+  );
+
+  const _nextMonth = useCallback(
+    () => setDateState(({ dateMonth, dateSelected }) => getDateState(nextMonth(dateMonth), dateSelected)),
+    []
+  );
+
+  const _prevMonth = useCallback(
+    () => setDateState(({ dateMonth, dateSelected }) => getDateState(prevMonth(dateMonth), dateSelected)),
+    []
+  );
+
+  const _nextDay = useCallback(
+    () => setDateState(({ dateSelected }): DateState => {
+      const date = new Date(dateSelected);
+
+      date.setDate(date.getDate() + 1);
+
+      return getDateState(date, date);
+    }),
+    []
+  );
+
+  const _prevDay = useCallback(
+    () => setDateState(({ dateSelected }): DateState => {
+      const date = new Date(dateSelected);
+
+      date.setDate(date.getDate() - 1);
+
+      return getDateState(date, date);
+    }),
+    []
+  );
+
+  const _setDay = useCallback(
+    (day: number) => setDateState(({ dateMonth }): DateState => {
+      const date = new Date(dateMonth);
+
+      date.setDate(day);
+
+      return getDateState(date, date);
+    }),
+    []
+  );
+
+  const _setAllEventsView = useCallback(
+    (v: boolean) => setAllEventsView(v),
+    []
+  );
+
+  return (
+    <main className={className}>
+      <Tabs
+        basePath={basePath}
+        items={itemsRef.current}
+      />
+      <div className='calendarFlex'>
+        <Month
+          hasNextMonth={hasNextMonth}
+          lastDay={lastDay}
+          now={now}
+          scheduled={scheduled}
+          setDay={_setDay}
+          setNextMonth={_nextMonth}
+          setPrevMonth={_prevMonth}
+          state={dateState}
+        />
+        <div className='wrapper-style'>
+          {allEventsView
+            ? (
+              <UpcomingEvents
+                className='upcoming-events'
+                scheduled={scheduled}
+                setView={_setAllEventsView}
+              />
+            )
+            : (
+              <Day
+                date={dateState.dateSelected}
+                hasNextDay={hasNextDay}
+                now={now}
+                scheduled={scheduled}
+                setNextDay={_nextDay}
+                setPrevDay={_prevDay}
+                setView={_setAllEventsView}
+              />
+            )
+          }
+        </div>
+      </div>
+    </main>
+  );
+}
+
+export default React.memo(styled(CalendarApp)`
+  .calendarFlex {
+    align-items: flex-start;
+    display: flex;
+    flex-wrap: nowrap;
+
+    .wrapper-style {
+      flex: 1;
+
+      .upcoming-events {
+        position: relative;
+        max-width: 100%;
+      }
+    }
+
+    > div {
+      background-color: var(--bg-table);
+      border: 1px solid var(--border-table);
+      border-radius: 0.25rem;
+
+      &+div {
+        margin-left: 1.5rem;
+      }
+
+      .ui--Button-Group {
+        margin-top: 0;
+      }
+    }
+
+    h1 {
+      align-items: center;
+      border-bottom: 0.25rem solid var(--bg-page);
+      display: flex;
+      justify-content: space-between;
+      padding: 0.5rem 0.5rem 0 1rem;
+
+      .all-events-button {
+        margin-right: 1rem;
+      }
+
+      .ui--Button {
+        font-size: 1rem;
+      }
+    }
+  }
+`);
diff --git a/packages/page-calendar/src/translate.ts b/packages/page-calendar/src/translate.ts
new file mode 100644
index 0000000..c882631
--- /dev/null
+++ b/packages/page-calendar/src/translate.ts
@@ -0,0 +1,10 @@
+// Copyright 2017-2022 @polkadot/app-calendar authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { UseTranslationResponse } from 'react-i18next';
+
+import { useTranslation as useTranslationBase } from 'react-i18next';
+
+export function useTranslation (): UseTranslationResponse<'app-calendar', undefined> {
+  return useTranslationBase('app-calendar');
+}
diff --git a/packages/page-calendar/src/types.ts b/packages/page-calendar/src/types.ts
new file mode 100644
index 0000000..22c2350
--- /dev/null
+++ b/packages/page-calendar/src/types.ts
@@ -0,0 +1,27 @@
+// Copyright 2017-2022 @polkadot/app-calendar authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { BN } from '@polkadot/util';
+
+export type EntryType = 'councilElection' | 'councilMotion' | 'democracyDispatch' | 'democracyLaunch' | 'parachainAuction' | 'parachainLease' | 'referendumDispatch' | 'referendumVote' | 'scheduler' | 'societyChallenge' | 'societyRotate'| 'stakingEpoch' | 'stakingEra' | 'stakingSlash' | 'treasurySpend';
+
+export interface EntryInfo {
+  blockNumber: BN;
+  blocks: BN;
+  date: Date;
+  dateTime: number;
+  info: string | BN | null;
+  isPending?: boolean;
+}
+
+export interface EntryInfoTyped extends EntryInfo {
+  type: EntryType;
+}
+
+export interface DateState {
+  dateMonth: Date;
+  dateMonthNext: Date;
+  dateSelected: Date;
+  days: number[];
+  startClass: string;
+}
diff --git a/packages/page-calendar/src/useScheduled.ts b/packages/page-calendar/src/useScheduled.ts
new file mode 100644
index 0000000..2be9c36
--- /dev/null
+++ b/packages/page-calendar/src/useScheduled.ts
@@ -0,0 +1,266 @@
+// Copyright 2017-2022 @polkadot/app-calendar authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { DeriveCollectiveProposal, DeriveDispatch, DeriveReferendumExt, DeriveSessionProgress } from '@polkadot/api-derive/types';
+import type { Option } from '@polkadot/types';
+import type { BlockNumber, EraIndex, LeasePeriodOf, Scheduled, UnappliedSlash } from '@polkadot/types/interfaces';
+import type { ITuple } from '@polkadot/types/types';
+import type { BN } from '@polkadot/util';
+import type { EntryInfo, EntryInfoTyped, EntryType } from './types';
+
+import { useEffect, useState } from 'react';
+
+import { useLeaseRangeMax } from '@polkadot/app-parachains/useLeaseRanges';
+import { createNamedHook, useApi, useBestNumber, useBlockInterval, useCall } from '@polkadot/react-hooks';
+import { BN_ONE, BN_ZERO } from '@polkadot/util';
+
+interface DateExt {
+  date: Date;
+  dateTime: number;
+}
+
+type SlashEntry = [{ args: [EraIndex] }, UnappliedSlash[]];
+
+type ScheduleEntry = [{ args: [BlockNumber] }, Option<Scheduled>[]];
+
+function newDate (blocks: BN, blockTime: BN): DateExt {
+  const date = new Date(Date.now() + blocks.mul(blockTime).toNumber());
+
+  return { date, dateTime: date.getTime() };
+}
+
+function createConstDurations (bestNumber: BlockNumber, blockTime: BN, items: [EntryType, BlockNumber?, BN?, BN?][]): [EntryType, EntryInfo[]][] {
+  return items.map(([type, duration, additional = BN_ZERO, offset = BN_ZERO]): [EntryType, EntryInfo[]] => {
+    if (!duration) {
+      return [type, []];
+    }
+
+    const startNumber = bestNumber.sub(offset);
+    const blocks = duration.sub(startNumber.mod(duration));
+
+    return [type, [{
+      ...newDate(blocks, blockTime),
+      blockNumber: startNumber.add(blocks),
+      blocks,
+      info: startNumber.div(duration).iadd(additional)
+    }]];
+  });
+}
+
+function createCouncilMotions (bestNumber: BlockNumber, blockTime: BN, motions: DeriveCollectiveProposal[]): [EntryType, EntryInfo[]][] {
+  return [['councilMotion', motions
+    .map(({ hash, votes }): EntryInfo | null => {
+      if (!votes) {
+        return null;
+      }
+
+      const hashStr = hash.toHex();
+      const blocks = votes.end.sub(bestNumber);
+
+      return {
+        ...newDate(blocks, blockTime),
+        blockNumber: votes.end,
+        blocks,
+        info: `${hashStr.substr(0, 6)}…${hashStr.substr(-4)}`
+      };
+    })
+    .filter((item): item is EntryInfo => !!item)
+  ]];
+}
+
+function createDispatches (bestNumber: BlockNumber, blockTime: BN, dispatches: DeriveDispatch[]): [EntryType, EntryInfo[]][] {
+  return dispatches.map(({ at, index }): [EntryType, EntryInfo[]] => {
+    const blocks = at.sub(bestNumber);
+
+    return ['democracyDispatch', [{
+      ...newDate(blocks, blockTime),
+      blockNumber: at,
+      blocks,
+      info: index
+    }]];
+  });
+}
+
+function createReferendums (bestNumber: BlockNumber, blockTime: BN, referendums: DeriveReferendumExt[]): [EntryType, EntryInfo[]][] {
+  return referendums.reduce((result: [EntryType, EntryInfo[]][], { index, status }): [EntryType, EntryInfo[]][] => {
+    const enactBlocks = status.end.add(status.delay).isub(bestNumber);
+    const voteBlocks = status.end.sub(bestNumber).isub(BN_ONE);
+
+    result.push(['referendumVote', [{
+      ...newDate(voteBlocks, blockTime),
+      blockNumber: bestNumber.add(voteBlocks),
+      blocks: voteBlocks,
+      info: index
+    }]]);
+    result.push(['referendumDispatch', [{
+      ...newDate(enactBlocks, blockTime),
+      blockNumber: bestNumber.add(enactBlocks),
+      blocks: enactBlocks,
+      info: index,
+      isPending: true
+    }]]);
+
+    return result;
+  }, []);
+}
+
+function createStakingInfo (bestNumber: BlockNumber, blockTime: BN, sessionInfo: DeriveSessionProgress, unapplied: SlashEntry[], slashDeferDuration?: BlockNumber): [EntryType, EntryInfo[]][] {
+  const blocksEra = sessionInfo.eraLength.sub(sessionInfo.eraProgress);
+  const blocksSes = sessionInfo.sessionLength.sub(sessionInfo.sessionProgress);
+  const slashDuration = slashDeferDuration?.mul(sessionInfo.eraLength);
+  const slashEras = slashDuration
+    ? unapplied
+      .filter(([, values]) => values.length)
+      .map(([key]): EntryInfo => {
+        const eraIndex = key.args[0];
+        const blockProgress = sessionInfo.activeEra.sub(eraIndex).isub(BN_ONE).imul(sessionInfo.eraLength).iadd(sessionInfo.eraProgress);
+        const blocks = slashDuration.sub(blockProgress);
+
+        return {
+          ...newDate(blocks, blockTime),
+          blockNumber: bestNumber.add(blocks),
+          blocks,
+          info: eraIndex
+        };
+      })
+    : [];
+
+  return [
+    ['stakingEpoch', [{
+      ...newDate(blocksSes, blockTime),
+      blockNumber: bestNumber.add(blocksSes),
+      blocks: blocksSes,
+      info: sessionInfo.currentIndex.add(BN_ONE)
+    }]],
+    ['stakingEra', [{
+      ...newDate(blocksEra, blockTime),
+      blockNumber: bestNumber.add(blocksEra),
+      blocks: blocksEra,
+      info: sessionInfo.activeEra.add(BN_ONE)
+    }]],
+    ['stakingSlash', slashEras]
+  ];
+}
+
+function createScheduled (bestNumber: BlockNumber, blockTime: BN, scheduled: ScheduleEntry[]): [EntryType, EntryInfo[]][] {
+  return [['scheduler', scheduled
+    .filter(([, vecSchedOpt]) => vecSchedOpt.some((schedOpt) => schedOpt.isSome))
+    .reduce((items: EntryInfo[], [key, vecSchedOpt]): EntryInfo[] => {
+      const blockNumber = key.args[0];
+
+      return vecSchedOpt
+        .filter((schedOpt) => schedOpt.isSome)
+        .map((schedOpt) => schedOpt.unwrap())
+        .reduce((items: EntryInfo[], { maybeId }) => {
+          const idOrNull = maybeId.unwrapOr(null);
+          const blocks = blockNumber.sub(bestNumber);
+
+          items.push({
+            ...newDate(blocks, blockTime),
+            blockNumber,
+            blocks,
+            info: idOrNull
+              ? idOrNull.isAscii
+                ? idOrNull.toUtf8()
+                : idOrNull.toHex()
+              : null
+          });
+
+          return items;
+        }, items);
+    }, [])]];
+}
+
+function createAuctionInfo (bestNumber: BlockNumber, blockTime: BN, rangeMax: BN, [leasePeriod, endBlock]: [LeasePeriodOf, BlockNumber]): [EntryType, EntryInfo[]][] {
+  const blocks = endBlock.sub(bestNumber);
+
+  return [
+    ['parachainAuction', [{
+      ...newDate(blocks, blockTime),
+      blockNumber: endBlock,
+      blocks,
+      info: `${leasePeriod.toString()} - ${leasePeriod.add(rangeMax).toString()}`
+    }]]
+  ];
+}
+
+function addFiltered (state: EntryInfoTyped[], types: [EntryType, EntryInfo[]][]): EntryInfoTyped[] {
+  return types.reduce((state: EntryInfoTyped[], [typeFilter, items]): EntryInfoTyped[] => {
+    return state
+      .filter(({ type }) => type !== typeFilter)
+      .concat(...items.map((item): EntryInfoTyped => {
+        (item as EntryInfoTyped).type = typeFilter;
+
+        return item as EntryInfoTyped;
+      }));
+  }, state);
+}
+
+// TODO council votes, tips closing
+function useScheduledImpl (): EntryInfo[] {
+  const { api } = useApi();
+  const blockTime = useBlockInterval();
+  const bestNumber = useBestNumber();
+  const leaseRangeMax = useLeaseRangeMax();
+  const auctionInfo = useCall<Option<ITuple<[LeasePeriodOf, BlockNumber]>>>(api.query.auctions?.auctionInfo);
+  const councilMotions = useCall<DeriveCollectiveProposal[]>(api.derive.council?.proposals);
+  const dispatches = useCall<DeriveDispatch[]>(api.derive.democracy?.dispatchQueue);
+  const referendums = useCall<DeriveReferendumExt[]>(api.derive.democracy?.referendums);
+  const scheduled = useCall<ScheduleEntry[]>(api.query.scheduler?.agenda?.entries);
+  const sessionInfo = useCall<DeriveSessionProgress>(api.derive.session?.progress);
+  const slashes = useCall<SlashEntry[]>(api.query.staking?.unappliedSlashes.entries);
+  const [state, setState] = useState<EntryInfoTyped[]>([]);
+
+  useEffect((): void => {
+    bestNumber && dispatches && setState((state) =>
+      addFiltered(state, createDispatches(bestNumber, blockTime, dispatches))
+    );
+  }, [bestNumber, blockTime, dispatches]);
+
+  useEffect((): void => {
+    bestNumber && councilMotions && setState((state) =>
+      addFiltered(state, createCouncilMotions(bestNumber, blockTime, councilMotions))
+    );
+  }, [bestNumber, blockTime, councilMotions]);
+
+  useEffect((): void => {
+    bestNumber && referendums && setState((state) =>
+      addFiltered(state, createReferendums(bestNumber, blockTime, referendums))
+    );
+  }, [bestNumber, blockTime, referendums]);
+
+  useEffect((): void => {
+    bestNumber && scheduled && setState((state) =>
+      addFiltered(state, createScheduled(bestNumber, blockTime, scheduled))
+    );
+  }, [bestNumber, blockTime, scheduled]);
+
+  useEffect((): void => {
+    bestNumber && sessionInfo?.sessionLength.gt(BN_ONE) && setState((state) =>
+      addFiltered(state, createStakingInfo(bestNumber, blockTime, sessionInfo, slashes || [], api.consts.staking?.slashDeferDuration))
+    );
+  }, [api, bestNumber, blockTime, sessionInfo, slashes]);
+
+  useEffect((): void => {
+    bestNumber && auctionInfo?.isSome && setState((state) =>
+      addFiltered(state, createAuctionInfo(bestNumber, blockTime, leaseRangeMax, auctionInfo.unwrap()))
+    );
+  }, [auctionInfo, bestNumber, blockTime, leaseRangeMax]);
+
+  useEffect((): void => {
+    bestNumber && setState((state) =>
+      addFiltered(state, createConstDurations(bestNumber, blockTime, [
+        ['councilElection', (api.consts.elections || api.consts.phragmenElection || api.consts.electionsPhragmen)?.termDuration],
+        ['democracyLaunch', api.consts.democracy?.launchPeriod],
+        ['parachainLease', api.consts.slots?.leasePeriod as BlockNumber, BN_ONE, api.consts.slots?.leaseOffset as BlockNumber],
+        ['societyChallenge', api.consts.society?.challengePeriod],
+        ['societyRotate', api.consts.society?.rotationPeriod],
+        ['treasurySpend', api.consts.treasury?.spendPeriod]
+      ]))
+    );
+  }, [api, bestNumber, blockTime]);
+
+  return state;
+}
+
+export default createNamedHook('useScheduled', useScheduledImpl);
diff --git a/packages/page-calendar/src/util.ts b/packages/page-calendar/src/util.ts
new file mode 100644
index 0000000..9b61980
--- /dev/null
+++ b/packages/page-calendar/src/util.ts
@@ -0,0 +1,64 @@
+// Copyright 2017-2022 @polkadot/app-calendar authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { DateState } from './types';
+
+import { DAYS } from './constants';
+
+export function newZeroDate (input: Date): Date {
+  const date = new Date(input);
+
+  date.setHours(0);
+  date.setMinutes(0);
+  date.setSeconds(0);
+  date.setMilliseconds(0);
+
+  return date;
+}
+
+export function nextMonth (date: Date, firstDay = 1): Date {
+  const currMonth = date.getMonth();
+
+  return currMonth === 11
+    ? new Date(date.getFullYear() + 1, 0, firstDay)
+    : new Date(date.getFullYear(), currMonth + 1, firstDay);
+}
+
+export function prevMonth (date: Date): Date {
+  const currMonth = date.getMonth();
+
+  return currMonth === 0
+    ? new Date(date.getFullYear() - 1, 11, 1)
+    : new Date(date.getFullYear(), currMonth - 1, 1);
+}
+
+export function getDateState (_dateMonth: Date, _dateSelected: Date): DateState {
+  const dateMonth = newZeroDate(_dateMonth);
+
+  dateMonth.setDate(1);
+
+  const dateMonthNext = nextMonth(dateMonth);
+  const dateSelected = newZeroDate(_dateSelected);
+  const numDays = nextMonth(dateMonth, 0).getDate();
+  const days: number[] = [];
+
+  for (let i = 1; i <= numDays; i++) {
+    days.push(i);
+  }
+
+  return {
+    dateMonth,
+    dateMonthNext,
+    dateSelected,
+    days,
+    startClass: `start${DAYS[dateMonth.getDay()]}`
+  };
+}
+
+export function dateCalendarFormat (date: Date): string {
+  return new Date(date)
+    .toISOString()
+    .split('.')[0]
+    .replaceAll('-', '')
+    .replaceAll(':', '') + 'Z';
+}
diff --git a/packages/page-calendar/tsconfig.build.json b/packages/page-calendar/tsconfig.build.json
new file mode 100644
index 0000000..da24d9f
--- /dev/null
+++ b/packages/page-calendar/tsconfig.build.json
@@ -0,0 +1,9 @@
+{
+  "extends": "../../tsconfig.base.json",
+  "compilerOptions": {
+    "baseUrl": "..",
+    "outDir": "./build",
+    "rootDir": "./src"
+  },
+  "references": []
+}
diff --git a/packages/page-claims/.skip-build b/packages/page-claims/.skip-build
new file mode 100644
index 0000000..e69de29
diff --git a/packages/page-claims/.skip-npm b/packages/page-claims/.skip-npm
new file mode 100644
index 0000000..e69de29
diff --git a/packages/page-claims/LICENSE b/packages/page-claims/LICENSE
new file mode 100644
index 0000000..0d381b2
--- /dev/null
+++ b/packages/page-claims/LICENSE
@@ -0,0 +1,201 @@
+                              Apache License
+                        Version 2.0, January 2004
+                    http://www.apache.org/licenses/
+
+TERMS AND CONDITIONS FOR USE, REPRODUCTION, AND DISTRIBUTION
+
+1. Definitions.
+
+  "License" shall mean the terms and conditions for use, reproduction,
+  and distribution as defined by Sections 1 through 9 of this document.
+
+  "Licensor" shall mean the copyright owner or entity authorized by
+  the copyright owner that is granting the License.
+
+  "Legal Entity" shall mean the union of the acting entity and all
+  other entities that control, are controlled by, or are under common
+  control with that entity. For the purposes of this definition,
+  "control" means (i) the power, direct or indirect, to cause the
+  direction or management of such entity, whether by contract or
+  otherwise, or (ii) ownership of fifty percent (50%) or more of the
+  outstanding shares, or (iii) beneficial ownership of such entity.
+
+  "You" (or "Your") shall mean an individual or Legal Entity
+  exercising permissions granted by this License.
+
+  "Source" form shall mean the preferred form for making modifications,
+  including but not limited to software source code, documentation
+  source, and configuration files.
+
+  "Object" form shall mean any form resulting from mechanical
+  transformation or translation of a Source form, including but
+  not limited to compiled object code, generated documentation,
+  and conversions to other media types.
+
+  "Work" shall mean the work of authorship, whether in Source or
+  Object form, made available under the License, as indicated by a
+  copyright notice that is included in or attached to the work
+  (an example is provided in the Appendix below).
+
+  "Derivative Works" shall mean any work, whether in Source or Object
+  form, that is based on (or derived from) the Work and for which the
+  editorial revisions, annotations, elaborations, or other modifications
+  represent, as a whole, an original work of authorship. For the purposes
+  of this License, Derivative Works shall not include works that remain
+  separable from, or merely link (or bind by name) to the interfaces of,
+  the Work and Derivative Works thereof.
+
+  "Contribution" shall mean any work of authorship, including
+  the original version of the Work and any modifications or additions
+  to that Work or Derivative Works thereof, that is intentionally
+  submitted to Licensor for inclusion in the Work by the copyright owner
+  or by an individual or Legal Entity authorized to submit on behalf of
+  the copyright owner. For the purposes of this definition, "submitted"
+  means any form of electronic, verbal, or written communication sent
+  to the Licensor or its representatives, including but not limited to
+  communication on electronic mailing lists, source code control systems,
+  and issue tracking systems that are managed by, or on behalf of, the
+  Licensor for the purpose of discussing and improving the Work, but
+  excluding communication that is conspicuously marked or otherwise
+  designated in writing by the copyright owner as "Not a Contribution."
+
+  "Contributor" shall mean Licensor and any individual or Legal Entity
+  on behalf of whom a Contribution has been received by Licensor and
+  subsequently incorporated within the Work.
+
+2. Grant of Copyright License. Subject to the terms and conditions of
+  this License, each Contributor hereby grants to You a perpetual,
+  worldwide, non-exclusive, no-charge, royalty-free, irrevocable
+  copyright license to reproduce, prepare Derivative Works of,
+  publicly display, publicly perform, sublicense, and distribute the
+  Work and such Derivative Works in Source or Object form.
+
+3. Grant of Patent License. Subject to the terms and conditions of
+  this License, each Contributor hereby grants to You a perpetual,
+  worldwide, non-exclusive, no-charge, royalty-free, irrevocable
+  (except as stated in this section) patent license to make, have made,
+  use, offer to sell, sell, import, and otherwise transfer the Work,
+  where such license applies only to those patent claims licensable
+  by such Contributor that are necessarily infringed by their
+  Contribution(s) alone or by combination of their Contribution(s)
+  with the Work to which such Contribution(s) was submitted. If You
+  institute patent litigation against any entity (including a
+  cross-claim or counterclaim in a lawsuit) alleging that the Work
+  or a Contribution incorporated within the Work constitutes direct
+  or contributory patent infringement, then any patent licenses
+  granted to You under this License for that Work shall terminate
+  as of the date such litigation is filed.
+
+4. Redistribution. You may reproduce and distribute copies of the
+  Work or Derivative Works thereof in any medium, with or without
+  modifications, and in Source or Object form, provided that You
+  meet the following conditions:
+
+  (a) You must give any other recipients of the Work or
+      Derivative Works a copy of this License; and
+
+  (b) You must cause any modified files to carry prominent notices
+      stating that You changed the files; and
+
+  (c) You must retain, in the Source form of any Derivative Works
+      that You distribute, all copyright, patent, trademark, and
+      attribution notices from the Source form of the Work,
+      excluding those notices that do not pertain to any part of
+      the Derivative Works; and
+
+  (d) If the Work includes a "NOTICE" text file as part of its
+      distribution, then any Derivative Works that You distribute must
+      include a readable copy of the attribution notices contained
+      within such NOTICE file, excluding those notices that do not
+      pertain to any part of the Derivative Works, in at least one
+      of the following places: within a NOTICE text file distributed
+      as part of the Derivative Works; within the Source form or
+      documentation, if provided along with the Derivative Works; or,
+      within a display generated by the Derivative Works, if and
+      wherever such third-party notices normally appear. The contents
+      of the NOTICE file are for informational purposes only and
+      do not modify the License. You may add Your own attribution
+      notices within Derivative Works that You distribute, alongside
+      or as an addendum to the NOTICE text from the Work, provided
+      that such additional attribution notices cannot be construed
+      as modifying the License.
+
+  You may add Your own copyright statement to Your modifications and
+  may provide additional or different license terms and conditions
+  for use, reproduction, or distribution of Your modifications, or
+  for any such Derivative Works as a whole, provided Your use,
+  reproduction, and distribution of the Work otherwise complies with
+  the conditions stated in this License.
+
+5. Submission of Contributions. Unless You explicitly state otherwise,
+  any Contribution intentionally submitted for inclusion in the Work
+  by You to the Licensor shall be under the terms and conditions of
+  this License, without any additional terms or conditions.
+  Notwithstanding the above, nothing herein shall supersede or modify
+  the terms of any separate license agreement you may have executed
+  with Licensor regarding such Contributions.
+
+6. Trademarks. This License does not grant permission to use the trade
+  names, trademarks, service marks, or product names of the Licensor,
+  except as required for reasonable and customary use in describing the
+  origin of the Work and reproducing the content of the NOTICE file.
+
+7. Disclaimer of Warranty. Unless required by applicable law or
+  agreed to in writing, Licensor provides the Work (and each
+  Contributor provides its Contributions) on an "AS IS" BASIS,
+  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or
+  implied, including, without limitation, any warranties or conditions
+  of TITLE, NON-INFRINGEMENT, MERCHANTABILITY, or FITNESS FOR A
+  PARTICULAR PURPOSE. You are solely responsible for determining the
+  appropriateness of using or redistributing the Work and assume any
+  risks associated with Your exercise of permissions under this License.
+
+8. Limitation of Liability. In no event and under no legal theory,
+  whether in tort (including negligence), contract, or otherwise,
+  unless required by applicable law (such as deliberate and grossly
+  negligent acts) or agreed to in writing, shall any Contributor be
+  liable to You for damages, including any direct, indirect, special,
+  incidental, or consequential damages of any character arising as a
+  result of this License or out of the use or inability to use the
+  Work (including but not limited to damages for loss of goodwill,
+  work stoppage, computer failure or malfunction, or any and all
+  other commercial damages or losses), even if such Contributor
+  has been advised of the possibility of such damages.
+
+9. Accepting Warranty or Additional Liability. While redistributing
+  the Work or Derivative Works thereof, You may choose to offer,
+  and charge a fee for, acceptance of support, warranty, indemnity,
+  or other liability obligations and/or rights consistent with this
+  License. However, in accepting such obligations, You may act only
+  on Your own behalf and on Your sole responsibility, not on behalf
+  of any other Contributor, and only if You agree to indemnify,
+  defend, and hold each Contributor harmless for any liability
+  incurred by, or claims asserted against, such Contributor by reason
+  of your accepting any such warranty or additional liability.
+
+END OF TERMS AND CONDITIONS
+
+APPENDIX: How to apply the Apache License to your work.
+
+  To apply the Apache License to your work, attach the following
+  boilerplate notice, with the fields enclosed by brackets "[]"
+  replaced with your own identifying information. (Don't include
+  the brackets!)  The text should be enclosed in the appropriate
+  comment syntax for the file format. We also recommend that a
+  file or class name and description of purpose be included on the
+  same "printed page" as the copyright notice for easier
+  identification within third-party archives.
+
+Copyright [yyyy] [name of copyright owner]
+
+Licensed under the Apache License, Version 2.0 (the "License");
+you may not use this file except in compliance with the License.
+You may obtain a copy of the License at
+
+    http://www.apache.org/licenses/LICENSE-2.0
+
+Unless required by applicable law or agreed to in writing, software
+distributed under the License is distributed on an "AS IS" BASIS,
+WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+See the License for the specific language governing permissions and
+limitations under the License.
diff --git a/packages/page-claims/README.md b/packages/page-claims/README.md
new file mode 100644
index 0000000..0da50d6
--- /dev/null
+++ b/packages/page-claims/README.md
@@ -0,0 +1 @@
+# @polkadot/app-claims
diff --git a/packages/page-claims/package.json b/packages/page-claims/package.json
new file mode 100644
index 0000000..6de1db4
--- /dev/null
+++ b/packages/page-claims/package.json
@@ -0,0 +1,20 @@
+{
+  "bugs": "https://github.com/polkadot-js/apps/issues",
+  "homepage": "https://github.com/polkadot-js/apps/tree/master/packages/page-claims#readme",
+  "license": "Apache-2.0",
+  "name": "@polkadot/app-claims",
+  "private": true,
+  "repository": {
+    "directory": "packages/page-claims",
+    "type": "git",
+    "url": "https://github.com/polkadot-js/apps.git"
+  },
+  "sideEffects": false,
+  "type": "module",
+  "version": "0.112.2-14",
+  "dependencies": {
+    "@babel/runtime": "^7.17.9",
+    "@polkadot/react-components": "^0.112.2-14",
+    "secp256k1": "^3.8.0"
+  }
+}
diff --git a/packages/page-claims/src/Attest.tsx b/packages/page-claims/src/Attest.tsx
new file mode 100644
index 0000000..3cbd387
--- /dev/null
+++ b/packages/page-claims/src/Attest.tsx
@@ -0,0 +1,133 @@
+// Copyright 2017-2022 @polkadot/app-claims authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { TxCallback } from '@polkadot/react-components/Status/types';
+import type { Option } from '@polkadot/types';
+import type { BalanceOf, EthereumAddress, StatementKind } from '@polkadot/types/interfaces';
+import type { BN } from '@polkadot/util';
+
+import React, { useEffect, useMemo, useState } from 'react';
+import styled from 'styled-components';
+
+import { Button, Card, TxButton } from '@polkadot/react-components';
+import { useAccounts, useApi } from '@polkadot/react-hooks';
+import { FormatBalance } from '@polkadot/react-query';
+import { BN_ZERO } from '@polkadot/util';
+
+import { ClaimStyles } from './Claim';
+import Statement from './Statement';
+import { useTranslation } from './translate';
+import { getStatement } from './util';
+
+interface Props {
+  accountId: string;
+  className?: string;
+  ethereumAddress: EthereumAddress | null;
+  onSuccess?: TxCallback;
+  statementKind?: StatementKind;
+  systemChain: string;
+}
+
+function Attest ({ accountId, className, ethereumAddress, onSuccess, statementKind, systemChain }: Props): React.ReactElement<Props> | null {
+  const accounts = useAccounts();
+  const { t } = useTranslation();
+  const { api } = useApi();
+  const [claimValue, setClaimValue] = useState<BN | null>(null);
+  const [isBusy, setIsBusy] = useState(false);
+
+  useEffect((): void => {
+    if (!ethereumAddress) {
+      return;
+    }
+
+    setIsBusy(true);
+
+    api.query.claims
+      .claims<Option<BalanceOf>>(ethereumAddress)
+      .then((claim): void => {
+        setClaimValue(claim.unwrapOr(BN_ZERO));
+        setIsBusy(false);
+      })
+      .catch((error): void => {
+        console.error(error);
+
+        setIsBusy(false);
+      });
+  }, [api, ethereumAddress]);
+
+  const statementSentence = useMemo(
+    () => getStatement(systemChain, statementKind)?.sentence,
+    [systemChain, statementKind]
+  );
+
+  if (isBusy || !claimValue) {
+    return null;
+  }
+
+  const noClaim = claimValue.isZero();
+
+  if (noClaim || !statementSentence) {
+    return (
+      <Card isError>
+        <div className={className}>
+          {noClaim && (
+            <p>{t<string>('There is no on-chain claimable balance associated with the Ethereum account {{ethereumAddress}}', {
+              replace: { ethereumAddress }
+            })}</p>
+          )}
+          {!statementSentence && (
+            <p>{t<string>('There is no on-chain attestation statement associated with the Ethereum account {{ethereumAddress}}', {
+              replace: { ethereumAddress }
+            })}</p>
+          )}
+        </div>
+      </Card>
+    );
+  }
+
+  if (!accounts.isAccount(accountId)) {
+    return (
+      <Card isError>
+        <div className={className}>
+          {t<string>('We found a pre-claim with this Polkadot address. However, attesting requires signing with this account. To continue with attesting, please add this account as an owned account first.')}
+          <h3>
+            <FormatBalance
+              label={t<string>('Account balance:')}
+              value={claimValue}
+            />
+          </h3>
+        </div>
+      </Card>
+    );
+  }
+
+  return (
+    <Card isSuccess>
+      <div className={className}>
+        <Statement
+          kind={statementKind}
+          systemChain={systemChain}
+        />
+        <h3>
+          <FormatBalance
+            label={t<string>('Account balance:')}
+            value={claimValue}
+          />
+        </h3>
+        <Button.Group>
+          <TxButton
+            accountId={accountId}
+            icon='paper-plane'
+            isDisabled={!statementSentence}
+            label={t<string>('I agree')}
+            onSuccess={onSuccess}
+            params={[statementSentence]}
+            tx={api.tx.claims.attest}
+          />
+        </Button.Group>
+      </div>
+    </Card>
+  );
+}
+
+export default React.memo(styled(Attest)`${ClaimStyles}`);
diff --git a/packages/page-claims/src/Claim.tsx b/packages/page-claims/src/Claim.tsx
new file mode 100644
index 0000000..beaec7b
--- /dev/null
+++ b/packages/page-claims/src/Claim.tsx
@@ -0,0 +1,143 @@
+// Copyright 2017-2022 @polkadot/app-claims authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { ApiPromise } from '@polkadot/api';
+import type { SubmittableExtrinsic } from '@polkadot/api/types';
+import type { TxCallback } from '@polkadot/react-components/Status/types';
+import type { Option } from '@polkadot/types';
+import type { BalanceOf, EthereumAddress, StatementKind } from '@polkadot/types/interfaces';
+import type { BN } from '@polkadot/util';
+
+import React, { useEffect, useState } from 'react';
+import styled from 'styled-components';
+
+import { Button, Card, TxButton } from '@polkadot/react-components';
+import { useApi } from '@polkadot/react-hooks';
+import { FormatBalance } from '@polkadot/react-query';
+import { BN_ZERO } from '@polkadot/util';
+
+import { useTranslation } from './translate';
+import { addrToChecksum, getStatement } from './util';
+
+interface Props {
+  accountId: string;
+  className?: string;
+  ethereumAddress: EthereumAddress | null;
+  ethereumSignature: string | null;
+  // Do we sign with `claims.claimAttest` (new) instead of `claims.claim` (old)?
+  isOldClaimProcess: boolean;
+  onSuccess?: TxCallback;
+  statementKind?: StatementKind;
+}
+
+interface ConstructTx {
+  params?: unknown[];
+  tx?: (...args: unknown[]) => SubmittableExtrinsic<'promise'>;
+}
+
+// Depending on isOldClaimProcess, construct the correct tx.
+// FIXME We actually want to return the constructed extrinsic here (probably in useMemo)
+function constructTx (api: ApiPromise, systemChain: string, accountId: string, ethereumSignature: string | null, kind: StatementKind | undefined, isOldClaimProcess: boolean): ConstructTx {
+  if (!ethereumSignature) {
+    return {};
+  }
+
+  return isOldClaimProcess || !kind
+    ? { params: [accountId, ethereumSignature], tx: api.tx.claims.claim }
+    : { params: [accountId, ethereumSignature, getStatement(systemChain, kind)?.sentence], tx: api.tx.claims.claimAttest };
+}
+
+function Claim ({ accountId, className = '', ethereumAddress, ethereumSignature, isOldClaimProcess, onSuccess, statementKind }: Props): React.ReactElement<Props> | null {
+  const { t } = useTranslation();
+  const { api, systemChain } = useApi();
+  const [claimValue, setClaimValue] = useState<BN | null>(null);
+  const [isBusy, setIsBusy] = useState(false);
+
+  useEffect((): void => {
+    if (!ethereumAddress) {
+      return;
+    }
+
+    setIsBusy(true);
+
+    api.query.claims
+      .claims<Option<BalanceOf>>(ethereumAddress)
+      .then((claim): void => {
+        setClaimValue(claim.unwrapOr(BN_ZERO));
+        setIsBusy(false);
+      })
+      .catch((error): void => {
+        console.error(error);
+
+        setIsBusy(false);
+      });
+  }, [api, ethereumAddress]);
+
+  if (!ethereumAddress || isBusy || !claimValue) {
+    return null;
+  }
+
+  const hasClaim = claimValue.gt(BN_ZERO);
+
+  return (
+    <Card
+      isError={!hasClaim}
+      isSuccess={hasClaim}
+    >
+      <div className={className}>
+        {t<string>('Your Ethereum account')}
+        <h3>{addrToChecksum(ethereumAddress.toString())}</h3>
+        {hasClaim
+          ? (
+            <>
+              {t<string>('has a valid claim for')}
+              <h2><FormatBalance value={claimValue} /></h2>
+              <Button.Group>
+                <TxButton
+                  icon='paper-plane'
+                  isUnsigned
+                  label={t('Claim')}
+                  onSuccess={onSuccess}
+                  {...constructTx(api, systemChain, accountId, ethereumSignature, statementKind, isOldClaimProcess)}
+                />
+              </Button.Group>
+            </>
+          )
+          : (
+            <>
+              {t<string>('does not appear to have a valid claim. Please double check that you have signed the transaction correctly on the correct ETH account.')}
+            </>
+          )}
+      </div>
+    </Card>
+  );
+}
+
+export const ClaimStyles = `
+font-size: 1.15rem;
+display: flex;
+flex-direction: column;
+justify-content: center;
+min-height: 12rem;
+align-items: center;
+margin: 0 1rem;
+
+h3 {
+  font-family: monospace;
+  font-size: 1.5rem;
+  max-width: 100%;
+  margin: 0.5rem;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+h2 {
+  margin: 0.5rem 0 2rem;
+  font-family: monospace;
+  font-size: 2.5rem;
+  font-weight: 400;
+}
+`;
+
+export default React.memo(styled(Claim)`${ClaimStyles}`);
diff --git a/packages/page-claims/src/Statement.tsx b/packages/page-claims/src/Statement.tsx
new file mode 100644
index 0000000..96281f3
--- /dev/null
+++ b/packages/page-claims/src/Statement.tsx
@@ -0,0 +1,85 @@
+// Copyright 2017-2022 @polkadot/app-claims authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { StatementKind } from '@polkadot/types/interfaces';
+
+import React from 'react';
+import styled from 'styled-components';
+
+import { useTranslation } from './translate';
+import { getStatement } from './util';
+
+export interface Props {
+  className?: string;
+  kind?: StatementKind;
+  systemChain: string;
+}
+
+// Get the full hardcoded text for a statement
+function StatementFullText ({ statementUrl, systemChain }: { statementUrl?: string; systemChain: string }): React.ReactElement | null {
+  const { t } = useTranslation();
+
+  switch (systemChain) {
+    case 'Polkadot':
+    case 'Polkadot CC1':
+      return statementUrl
+        ? <iframe src={statementUrl} />
+        : null;
+
+    default:
+      return <p>{t('Warning: we did not find any attest statement for {{chain}}', { replace: { chain: systemChain } })}</p>;
+  }
+}
+
+function Statement ({ className, kind, systemChain }: Props): React.ReactElement<Props> | null {
+  const { t } = useTranslation();
+  const statementUrl = getStatement(systemChain, kind)?.url;
+
+  if (!statementUrl) {
+    return null;
+  }
+
+  return (
+    <div className={className}>
+      {t('Please read these terms and conditions carefully. By submitting this statement, you are deemed to have accepted these Terms and Conditions. If you do not agree to these terms, please refrain from accessing or proceeding. You can also find them at:')}
+      <a
+        className='statementUrl'
+        href={statementUrl}
+        rel='noopener noreferrer'
+        target='_blank'
+      >{statementUrl}</a>
+      <div className='statement'>
+        <StatementFullText
+          statementUrl={statementUrl}
+          systemChain={systemChain}
+        />
+      </div>
+    </div>
+  );
+}
+
+export default React.memo(styled(Statement)`
+  .statement{
+    border: 1px solid #c2c2c2;
+    background: #f2f2f2;
+    height: 15rem;
+    padding: 1rem;
+    width: 100%;
+    margin: 1rem 0;
+    white-space: normal;
+
+    p {
+      color: var(--color-text) !important;
+    }
+
+    iframe {
+      border: 0;
+      height: 100%;
+      width: 100%;
+    }
+  }
+
+  .statementUrl{
+    margin-left: 0.3rem
+  }
+`);
diff --git a/packages/page-claims/src/Warning.tsx b/packages/page-claims/src/Warning.tsx
new file mode 100644
index 0000000..43c6c8c
--- /dev/null
+++ b/packages/page-claims/src/Warning.tsx
@@ -0,0 +1,56 @@
+// Copyright 2017-2022 @polkadot/app-claims authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import React from 'react';
+import styled from 'styled-components';
+
+import { AddressMini, Card } from '@polkadot/react-components';
+
+import { useTranslation } from './translate';
+import usePolkadotPreclaims from './usePolkadotPreclaims';
+
+export interface Props{
+  className?: string;
+}
+
+function Warning ({ className }: Props): React.ReactElement<Props> | null {
+  const { t } = useTranslation();
+  const needsAttest = usePolkadotPreclaims();
+
+  if (!needsAttest.length) {
+    return null;
+  }
+
+  return (
+    <Card isError>
+      <div className={className}>
+        {
+          needsAttest.length > 1
+            ? t('You need to sign an attestation for the following accounts:')
+            : t('You need to sign an attestation for the following account:')
+        }{
+          needsAttest.map((address) => (
+            <AddressMini
+              key={address}
+              value={address}
+            />
+          ))
+        }
+      </div>
+    </Card>
+  );
+}
+
+export default React.memo(styled(Warning)`
+  font-size: 1.15rem;
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  min-height: 8rem;
+  align-items: center;
+  margin: 0 1rem;
+
+  .ui--AddressMini-address {
+    max-width: 20rem;
+  }
+`);
diff --git a/packages/page-claims/src/index.tsx b/packages/page-claims/src/index.tsx
new file mode 100644
index 0000000..916d3df
--- /dev/null
+++ b/packages/page-claims/src/index.tsx
@@ -0,0 +1,329 @@
+// Copyright 2017-2022 @polkadot/app-claims authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { AppProps as Props } from '@polkadot/react-components/types';
+import type { Option } from '@polkadot/types';
+import type { EcdsaSignature, EthereumAddress, StatementKind } from '@polkadot/types/interfaces';
+
+import React, { useCallback, useEffect, useRef, useState } from 'react';
+import CopyToClipboard from 'react-copy-to-clipboard';
+import { Trans } from 'react-i18next';
+import styled from 'styled-components';
+
+import { Button, Card, Columar, Input, InputAddress, Tabs, Tooltip } from '@polkadot/react-components';
+import { TokenUnit } from '@polkadot/react-components/InputNumber';
+import { useApi, useCall } from '@polkadot/react-hooks';
+import { u8aToHex, u8aToString } from '@polkadot/util';
+import { decodeAddress } from '@polkadot/util-crypto';
+
+import AttestDisplay from './Attest';
+import ClaimDisplay from './Claim';
+import Statement from './Statement';
+import { useTranslation } from './translate';
+import { getStatement, recoverFromJSON } from './util';
+import Warning from './Warning';
+
+export { default as useCounter } from './useCounter';
+
+enum Step {
+  Account = 0,
+  ETHAddress = 1,
+  Sign = 2,
+  Claim = 3,
+}
+
+const PRECLAIMS_LOADING = 'PRECLAIMS_LOADING';
+
+// FIXME no embedded components (hossible to tweak)
+const Payload = styled.pre`
+  cursor: copy;
+  font: var(--font-mono);
+  border: 1px dashed #c2c2c2;
+  background: #f2f2f2;
+  padding: 1rem;
+  width: 100%;
+  margin: 1rem 0;
+  white-space: normal;
+  word-break: break-all;
+`;
+
+const Signature = styled.textarea`
+  font: var(--font-mono);
+  padding: 1rem;
+  border: 1px solid var(--border-input);
+  border-radius: 0.25rem;
+  margin: 1rem 0;
+  resize: none;
+  width: 100%;
+
+  &::placeholder {
+    color: rgba(0, 0, 0, 0.5);
+  }
+
+  &::-ms-input-placeholder {
+    color: rgba(0, 0, 0, 0.5);
+  }
+
+  &:-ms-input-placeholder {
+    color: rgba(0, 0, 0, 0.5);
+  }
+`;
+
+const transformStatement = {
+  transform: (option: Option<StatementKind>) => option.unwrapOr(null)
+};
+
+function ClaimsApp ({ basePath }: Props): React.ReactElement<Props> {
+  const [didCopy, setDidCopy] = useState(false);
+  const [ethereumAddress, setEthereumAddress] = useState<string | undefined | null>(null);
+  const [signature, setSignature] = useState<EcdsaSignature | null>(null);
+  const [step, setStep] = useState<Step>(Step.Account);
+  const [accountId, setAccountId] = useState<string | null>(null);
+  const { api, systemChain } = useApi();
+  const { t } = useTranslation();
+
+  // This preclaimEthereumAddress holds the result of `api.query.claims.preclaims`:
+  // - an `EthereumAddress` when there's a preclaim
+  // - null if no preclaim
+  // - `PRECLAIMS_LOADING` if we're fetching the results
+  const [preclaimEthereumAddress, setPreclaimEthereumAddress] = useState<string | null | undefined | typeof PRECLAIMS_LOADING>(PRECLAIMS_LOADING);
+  const isPreclaimed = !!preclaimEthereumAddress && preclaimEthereumAddress !== PRECLAIMS_LOADING;
+
+  const itemsRef = useRef([{
+    isRoot: true,
+    name: 'create',
+    text: t<string>('Claim tokens')
+  }]);
+
+  // Everytime we change account, reset everything, and check if the accountId
+  // has a preclaim.
+  useEffect(() => {
+    if (!accountId) {
+      return;
+    }
+
+    setStep(Step.Account);
+    setEthereumAddress(null);
+    setPreclaimEthereumAddress(PRECLAIMS_LOADING);
+
+    if (!api.query.claims || !api.query.claims.preclaims) {
+      return setPreclaimEthereumAddress(null);
+    }
+
+    api.query.claims
+      .preclaims<Option<EthereumAddress>>(accountId)
+      .then((preclaim): void => {
+        const address = preclaim.unwrapOr(null)?.toString();
+
+        setEthereumAddress(address);
+        setPreclaimEthereumAddress(address);
+      })
+      .catch((error): void => {
+        console.error(error);
+
+        setPreclaimEthereumAddress(null);
+      });
+  }, [accountId, api.query.claims, api.query.claims.preclaims]);
+
+  // Old claim process used `api.tx.claims.claim`, and didn't have attest
+  const isOldClaimProcess = !api.tx.claims.claimAttest;
+
+  useEffect(() => {
+    if (didCopy) {
+      setTimeout((): void => {
+        setDidCopy(false);
+      }, 1000);
+    }
+  }, [didCopy]);
+
+  const goToStepAccount = useCallback(() => {
+    setStep(Step.Account);
+  }, []);
+
+  const goToStepSign = useCallback(() => {
+    setStep(Step.Sign);
+  }, []);
+
+  const goToStepClaim = useCallback(() => {
+    setStep(Step.Claim);
+  }, []);
+
+  // Depending on the account, decide which step to show.
+  const handleAccountStep = useCallback(() => {
+    if (isPreclaimed) {
+      goToStepClaim();
+    } else if (ethereumAddress || isOldClaimProcess) {
+      goToStepSign();
+    } else {
+      setStep(Step.ETHAddress);
+    }
+  }, [ethereumAddress, goToStepClaim, goToStepSign, isPreclaimed, isOldClaimProcess]);
+
+  const onChangeSignature = useCallback((event: React.SyntheticEvent<Element>) => {
+    const { value: signatureJson } = event.target as HTMLInputElement;
+
+    const { ethereumAddress, signature } = recoverFromJSON(signatureJson);
+
+    setEthereumAddress(ethereumAddress?.toString());
+    setSignature(signature);
+  }, []);
+
+  const onChangeEthereumAddress = useCallback((value: string) => {
+    // FIXME We surely need a better check than just a trim
+    setEthereumAddress(value.trim());
+  }, []);
+
+  const onCopy = useCallback(() => {
+    setDidCopy(true);
+  }, []);
+
+  // If it's 1/ not preclaimed and 2/ not the old claiming process, fetch the
+  // statement kind to sign.
+  const statementKind = useCall<StatementKind | null>(!isPreclaimed && !isOldClaimProcess && !!ethereumAddress && api.query.claims.signing, [ethereumAddress], transformStatement);
+
+  const statementSentence = getStatement(systemChain, statementKind)?.sentence || '';
+  const prefix = u8aToString(api.consts.claims.prefix.toU8a(true));
+  const payload = accountId
+    ? `${prefix}${u8aToHex(decodeAddress(accountId), -1, false)}${statementSentence}`
+    : '';
+
+  return (
+    <main>
+      <Tabs
+        basePath={basePath}
+        items={itemsRef.current}
+      />
+      {!isOldClaimProcess && <Warning />}
+      <h1>
+        <Trans>Claim your <em>{TokenUnit.abbr}</em> tokens</Trans>
+      </h1>
+      <Columar>
+        <Columar.Column>
+          <Card withBottomMargin>
+            <h3>{t<string>('1. Select your {{chain}} account', {
+              replace: {
+                chain: systemChain
+              }
+            })}</h3>
+            <InputAddress
+              defaultValue={accountId}
+              help={t<string>('The account you want to claim to.')}
+              label={t<string>('claim to account')}
+              onChange={setAccountId}
+              type='all'
+            />
+            {(step === Step.Account) && (
+              <Button.Group>
+                <Button
+                  icon='sign-in-alt'
+                  isDisabled={preclaimEthereumAddress === PRECLAIMS_LOADING}
+                  label={preclaimEthereumAddress === PRECLAIMS_LOADING
+                    ? t<string>('Loading')
+                    : t<string>('Continue')
+                  }
+                  onClick={handleAccountStep}
+                />
+              </Button.Group>
+            )}
+          </Card>
+          {
+            // We need to know the ethereuem address only for the new process
+            // to be able to know the statement kind so that the users can sign it
+            (step >= Step.ETHAddress && !isPreclaimed && !isOldClaimProcess) && (
+              <Card withBottomMargin>
+                <h3>{t<string>('2. Enter the ETH address from the sale.')}</h3>
+                <Input
+                  autoFocus
+                  className='full'
+                  help={t<string>('The Ethereum address you used during the pre-sale (starting by "0x")')}
+                  label={t<string>('Pre-sale ethereum address')}
+                  onChange={onChangeEthereumAddress}
+                  value={ethereumAddress || ''}
+                />
+                {(step === Step.ETHAddress) && (
+                  <Button.Group>
+                    <Button
+                      icon='sign-in-alt'
+                      isDisabled={!ethereumAddress}
+                      label={t<string>('Continue')}
+                      onClick={goToStepSign}
+                    />
+                  </Button.Group>
+                )}
+              </Card>
+            )}
+          {(step >= Step.Sign && !isPreclaimed) && (
+            <Card>
+              <h3>{t<string>('{{step}}. Sign with your ETH address', { replace: { step: isOldClaimProcess ? '2' : '3' } })}</h3>
+              {!isOldClaimProcess && (
+                <Statement
+                  kind={statementKind}
+                  systemChain={systemChain}
+                />
+              )}
+              <div>{t<string>('Copy the following string and sign it with the Ethereum account you used during the pre-sale in the wallet of your choice, using the string as the payload, and then paste the transaction signature object below:')}</div>
+              <CopyToClipboard
+                onCopy={onCopy}
+                text={payload}
+              >
+                <Payload
+                  data-for='tx-payload'
+                  data-tip
+                >
+                  {payload}
+                </Payload>
+              </CopyToClipboard>
+              <Tooltip
+                place='right'
+                text={didCopy ? t<string>('copied') : t<string>('click to copy')}
+                trigger='tx-payload'
+              />
+              <div>{t<string>('Paste the signed message into the field below. The placeholder text is there as a hint to what the message should look like:')}</div>
+              <Signature
+                onChange={onChangeSignature}
+                placeholder={`{\n  "address": "0x ...",\n  "msg": "${prefix}:...",\n  "sig": "0x ...",\n  "version": "2"\n}`}
+                rows={10}
+              />
+              {(step === Step.Sign) && (
+                <Button.Group>
+                  <Button
+                    icon='sign-in-alt'
+                    isDisabled={!accountId || !signature}
+                    label={t<string>('Confirm claim')}
+                    onClick={goToStepClaim}
+                  />
+                </Button.Group>
+              )}
+            </Card>
+          )}
+        </Columar.Column>
+        <Columar.Column>
+          {(step >= Step.Claim) && (
+            isPreclaimed
+              ? (
+                <AttestDisplay
+                  accountId={accountId}
+                  ethereumAddress={ethereumAddress}
+                  onSuccess={goToStepAccount}
+                  statementKind={statementKind}
+                  systemChain={systemChain}
+                />
+              )
+              : (
+                <ClaimDisplay
+                  accountId={accountId}
+                  ethereumAddress={ethereumAddress}
+                  ethereumSignature={signature}
+                  isOldClaimProcess={isOldClaimProcess}
+                  onSuccess={goToStepAccount}
+                  statementKind={statementKind}
+                />
+              )
+          )}
+        </Columar.Column>
+      </Columar>
+    </main>
+  );
+}
+
+export default React.memo(ClaimsApp);
diff --git a/packages/page-claims/src/secp256k1.d.ts b/packages/page-claims/src/secp256k1.d.ts
new file mode 100644
index 0000000..94e2d6e
--- /dev/null
+++ b/packages/page-claims/src/secp256k1.d.ts
@@ -0,0 +1,7 @@
+// Copyright 2017-2022 @polkadot/app-claims authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+declare module 'secp256k1/elliptic' {
+  export function publicKeyConvert (publicKey: Buffer, expanded: boolean): Buffer;
+  export function recover (msgHash: Buffer, signature: Buffer, recovery: number): Buffer;
+}
diff --git a/packages/page-claims/src/translate.ts b/packages/page-claims/src/translate.ts
new file mode 100644
index 0000000..cec7a32
--- /dev/null
+++ b/packages/page-claims/src/translate.ts
@@ -0,0 +1,12 @@
+// Copyright 2017-2022 @polkadot/app-claims authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { UseTranslationResponse } from 'react-i18next';
+
+import { useTranslation as useTranslationBase, withTranslation } from 'react-i18next';
+
+export function useTranslation (): UseTranslationResponse<'app-claims', undefined> {
+  return useTranslationBase('app-claims');
+}
+
+export default withTranslation(['app-claims']);
diff --git a/packages/page-claims/src/useCounter.ts b/packages/page-claims/src/useCounter.ts
new file mode 100644
index 0000000..89ff471
--- /dev/null
+++ b/packages/page-claims/src/useCounter.ts
@@ -0,0 +1,14 @@
+// Copyright 2017-2022 @polkadot/app-settings authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import { createNamedHook } from '@polkadot/react-hooks';
+
+import usePolkadotPreclaims from './usePolkadotPreclaims';
+
+function useCounterImpl (): number {
+  const needAttest = usePolkadotPreclaims();
+
+  return needAttest.length;
+}
+
+export default createNamedHook('useCounter', useCounterImpl);
diff --git a/packages/page-claims/src/usePolkadotPreclaims.ts b/packages/page-claims/src/usePolkadotPreclaims.ts
new file mode 100644
index 0000000..8310db9
--- /dev/null
+++ b/packages/page-claims/src/usePolkadotPreclaims.ts
@@ -0,0 +1,52 @@
+// Copyright 2017-2022 @polkadot/app-settings authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { QueryableStorageEntry } from '@polkadot/api/types';
+import type { Option } from '@polkadot/types';
+import type { EthereumAddress } from '@polkadot/types/interfaces';
+import type { Codec } from '@polkadot/types/types';
+
+import { useEffect, useState } from 'react';
+
+import { createNamedHook, useAccounts, useApi, useCall, useIsMountedRef } from '@polkadot/react-hooks';
+
+function usePolkadotPreclaimsImpl (): string[] {
+  const { allAccounts } = useAccounts();
+  const { api } = useApi();
+  const mountedRef = useIsMountedRef();
+  const [needsAttest, setNeedsAttest] = useState<string[]>([]);
+
+  // find all own preclaims
+  const preclaims = useCall<[string, EthereumAddress][]>(api.query.claims?.preclaims?.multi, [allAccounts], {
+    transform: (preclaims: Option<EthereumAddress>[]) =>
+      preclaims
+        .map((opt, index): [string, Option<EthereumAddress>] => [allAccounts[index], opt])
+        .filter(([, opt]) => opt.isSome)
+        .map(([address, opt]) => [address, opt.unwrap()])
+  });
+
+  // Filter the accounts that need attest. They are accounts that
+  // - already preclaimed
+  // - has a balance, either vested or normal
+  useEffect((): void => {
+    preclaims && api.queryMulti(
+      preclaims.reduce((result: [QueryableStorageEntry<'promise'>, EthereumAddress][], [, ethAddr]) =>
+        result.concat([
+          [api.query.claims.claims, ethAddr],
+          [api.query.claims.vesting, ethAddr]
+        ]),
+      []), (opts: Option<Codec>[]): void => {
+        // filter the cases where either claims or vesting has a value
+        mountedRef.current && setNeedsAttest(
+          preclaims
+            .filter((_, index) => opts[index * 2].isSome || opts[(index * 2) + 1].isSome)
+            .map(([address]) => address)
+        );
+      }
+    );
+  }, [api, allAccounts, mountedRef, preclaims]);
+
+  return needsAttest;
+}
+
+export default createNamedHook('usePolkadotPreclaims', usePolkadotPreclaimsImpl);
diff --git a/packages/page-claims/src/util.spec.ts b/packages/page-claims/src/util.spec.ts
new file mode 100644
index 0000000..fa0dd65
--- /dev/null
+++ b/packages/page-claims/src/util.spec.ts
@@ -0,0 +1,24 @@
+// Copyright 2017-2022 @polkadot/react-components authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import { hexToU8a } from '@polkadot/util';
+
+import { publicToAddr, recoverFromJSON } from './util';
+
+describe('util', (): void => {
+  it('converts a publicKey to address via publicToAddr', (): void => {
+    expect(
+      publicToAddr(
+        hexToU8a(
+          '0x836b35a026743e823a90a0ee3b91bf615c6a757e2b60b9e1dc1826fd0dd16106f7bc1e8179f665015f43c6c81f39062fc2086ed849625c06e04697698b21855e'
+        )
+      )
+    ).toEqual('0x0BED7ABd61247635c1973eB38474A2516eD1D884');
+  });
+
+  it('converts to valid signature via recoverFromJSON', (): void => {
+    expect(
+      JSON.stringify(recoverFromJSON('{"address":"0x002309df96687e44280bb72c3818358faeeb699c","msg":"Pay KSMs to the Kusama account:88dc3417d5058ec4b4503e0c12ea1a0a89be200fe98922423d4334014fa6b0ee","sig":"0x55bd020bdbbdc02de34e915effc9b18a99002f4c29f64e22e8dcbb69e722ea6c28e1bb53b9484063fbbfd205e49dcc1f620929f520c9c4c3695150f05a28f52a01","version":"2"}'))
+    ).toEqual('{"error":null,"ethereumAddress":"0x002309DF96687e44280BB72c3818358FAEeB699c","signature":"0x55bd020bdbbdc02de34e915effc9b18a99002f4c29f64e22e8dcbb69e722ea6c28e1bb53b9484063fbbfd205e49dcc1f620929f520c9c4c3695150f05a28f52a01"}');
+  });
+});
diff --git a/packages/page-claims/src/util.ts b/packages/page-claims/src/util.ts
new file mode 100644
index 0000000..803f197
--- /dev/null
+++ b/packages/page-claims/src/util.ts
@@ -0,0 +1,144 @@
+// Copyright 2017-2022 @polkadot/app-claims authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { EcdsaSignature, EthereumAddress, StatementKind } from '@polkadot/types/interfaces';
+
+import secp256k1 from 'secp256k1/elliptic';
+
+import registry from '@polkadot/react-api/typeRegistry';
+import { assert, hexToU8a, stringToU8a, u8aConcat, u8aToBuffer } from '@polkadot/util';
+import { keccakAsHex, keccakAsU8a } from '@polkadot/util-crypto';
+
+interface RecoveredSignature {
+  error: Error | null;
+  ethereumAddress: EthereumAddress | null;
+  signature: EcdsaSignature | null;
+}
+
+interface SignatureParts {
+  recovery: number;
+  signature: Buffer;
+}
+
+// converts an Ethereum address to a checksum representation
+export function addrToChecksum (_address: string): string {
+  const address = _address.toLowerCase();
+  const hash = keccakAsHex(address.substr(2)).substr(2);
+  let result = '0x';
+
+  for (let n = 0; n < 40; n++) {
+    result = `${result}${
+      parseInt(hash[n], 16) > 7
+        ? address[n + 2].toUpperCase()
+        : address[n + 2]
+    }`;
+  }
+
+  return result;
+}
+
+// convert a give public key to an Ethereum address (the last 20 bytes of an _exapnded_ key keccack)
+export function publicToAddr (publicKey: Uint8Array): string {
+  return addrToChecksum(`0x${keccakAsHex(publicKey).slice(-40)}`);
+}
+
+// hash a message for use in signature recovery, adding the standard Ethereum header
+export function hashMessage (message: string): Buffer {
+  const expanded = stringToU8a(`\x19Ethereum Signed Message:\n${message.length.toString()}${message}`);
+  const hashed = keccakAsU8a(expanded);
+
+  return u8aToBuffer(hashed);
+}
+
+// split is 65-byte signature into the r, s (combined) and recovery number (derived from v)
+export function sigToParts (_signature: string): SignatureParts {
+  const signature = hexToU8a(_signature);
+
+  assert(signature.length === 65, `Invalid signature length, expected 65 found ${signature.length}`);
+
+  let v = signature[64];
+
+  if (v < 27) {
+    v += 27;
+  }
+
+  const recovery = v - 27;
+
+  assert(recovery === 0 || recovery === 1, 'Invalid signature v value');
+
+  return {
+    recovery,
+    signature: u8aToBuffer(signature.slice(0, 64))
+  };
+}
+
+// recover an address from a given message and a recover/signature combination
+export function recoverAddress (message: string, { recovery, signature }: SignatureParts): string {
+  const msgHash = hashMessage(message);
+  const senderPubKey = secp256k1.recover(msgHash, signature, recovery);
+
+  return publicToAddr(
+    secp256k1.publicKeyConvert(senderPubKey, false).slice(1)
+  );
+}
+
+// recover an address from a signature JSON (as supplied by e.g. MyCrypto)
+export function recoverFromJSON (signatureJson: string | null): RecoveredSignature {
+  try {
+    const { msg, sig } = JSON.parse(signatureJson || '{}') as Record<string, string>;
+
+    if (!msg || !sig) {
+      throw new Error('Invalid signature object');
+    }
+
+    const parts = sigToParts(sig);
+
+    return {
+      error: null,
+      ethereumAddress: registry.createType('EthereumAddress', recoverAddress(msg, parts)),
+      signature: registry.createType('EcdsaSignature', u8aConcat(parts.signature, new Uint8Array([parts.recovery])))
+    };
+  } catch (error) {
+    console.error(error);
+
+    return {
+      error: error as Error,
+      ethereumAddress: null,
+      signature: null
+    };
+  }
+}
+
+export interface Statement {
+  sentence: string;
+  url: string;
+}
+
+function getPolkadot (kind?: StatementKind | null): Statement | undefined {
+  if (!kind) {
+    return undefined;
+  }
+
+  const url = kind.isRegular
+    ? 'https://statement.polkadot.network/regular.html'
+    : 'https://statement.polkadot.network/saft.html';
+  const hash = kind.isRegular
+    ? 'Qmc1XYqT6S39WNp2UeiRUrZichUWUPpGEThDE6dAb3f6Ny'
+    : 'QmXEkMahfhHJPzT3RjkXiZVFi77ZeVeuxtAjhojGRNYckz';
+
+  return {
+    sentence: `I hereby agree to the terms of the statement whose SHA-256 multihash is ${hash}. (This may be found at the URL: ${url})`,
+    url
+  };
+}
+
+export function getStatement (network: string, kind?: StatementKind | null): Statement | undefined {
+  switch (network) {
+    case 'Polkadot':
+    case 'Polkadot CC1':
+      return getPolkadot(kind);
+
+    default:
+      return undefined;
+  }
+}
diff --git a/packages/page-claims/tsconfig.build.json b/packages/page-claims/tsconfig.build.json
new file mode 100644
index 0000000..da24d9f
--- /dev/null
+++ b/packages/page-claims/tsconfig.build.json
@@ -0,0 +1,9 @@
+{
+  "extends": "../../tsconfig.base.json",
+  "compilerOptions": {
+    "baseUrl": "..",
+    "outDir": "./build",
+    "rootDir": "./src"
+  },
+  "references": []
+}
diff --git a/packages/page-contracts/.skip-build b/packages/page-contracts/.skip-build
new file mode 100644
index 0000000..e69de29
diff --git a/packages/page-contracts/.skip-npm b/packages/page-contracts/.skip-npm
new file mode 100644
index 0000000..e69de29
diff --git a/packages/page-contracts/LICENSE b/packages/page-contracts/LICENSE
new file mode 100644
index 0000000..0d381b2
--- /dev/null
+++ b/packages/page-contracts/LICENSE
@@ -0,0 +1,201 @@
+                              Apache License
+                        Version 2.0, January 2004
+                    http://www.apache.org/licenses/
+
+TERMS AND CONDITIONS FOR USE, REPRODUCTION, AND DISTRIBUTION
+
+1. Definitions.
+
+  "License" shall mean the terms and conditions for use, reproduction,
+  and distribution as defined by Sections 1 through 9 of this document.
+
+  "Licensor" shall mean the copyright owner or entity authorized by
+  the copyright owner that is granting the License.
+
+  "Legal Entity" shall mean the union of the acting entity and all
+  other entities that control, are controlled by, or are under common
+  control with that entity. For the purposes of this definition,
+  "control" means (i) the power, direct or indirect, to cause the
+  direction or management of such entity, whether by contract or
+  otherwise, or (ii) ownership of fifty percent (50%) or more of the
+  outstanding shares, or (iii) beneficial ownership of such entity.
+
+  "You" (or "Your") shall mean an individual or Legal Entity
+  exercising permissions granted by this License.
+
+  "Source" form shall mean the preferred form for making modifications,
+  including but not limited to software source code, documentation
+  source, and configuration files.
+
+  "Object" form shall mean any form resulting from mechanical
+  transformation or translation of a Source form, including but
+  not limited to compiled object code, generated documentation,
+  and conversions to other media types.
+
+  "Work" shall mean the work of authorship, whether in Source or
+  Object form, made available under the License, as indicated by a
+  copyright notice that is included in or attached to the work
+  (an example is provided in the Appendix below).
+
+  "Derivative Works" shall mean any work, whether in Source or Object
+  form, that is based on (or derived from) the Work and for which the
+  editorial revisions, annotations, elaborations, or other modifications
+  represent, as a whole, an original work of authorship. For the purposes
+  of this License, Derivative Works shall not include works that remain
+  separable from, or merely link (or bind by name) to the interfaces of,
+  the Work and Derivative Works thereof.
+
+  "Contribution" shall mean any work of authorship, including
+  the original version of the Work and any modifications or additions
+  to that Work or Derivative Works thereof, that is intentionally
+  submitted to Licensor for inclusion in the Work by the copyright owner
+  or by an individual or Legal Entity authorized to submit on behalf of
+  the copyright owner. For the purposes of this definition, "submitted"
+  means any form of electronic, verbal, or written communication sent
+  to the Licensor or its representatives, including but not limited to
+  communication on electronic mailing lists, source code control systems,
+  and issue tracking systems that are managed by, or on behalf of, the
+  Licensor for the purpose of discussing and improving the Work, but
+  excluding communication that is conspicuously marked or otherwise
+  designated in writing by the copyright owner as "Not a Contribution."
+
+  "Contributor" shall mean Licensor and any individual or Legal Entity
+  on behalf of whom a Contribution has been received by Licensor and
+  subsequently incorporated within the Work.
+
+2. Grant of Copyright License. Subject to the terms and conditions of
+  this License, each Contributor hereby grants to You a perpetual,
+  worldwide, non-exclusive, no-charge, royalty-free, irrevocable
+  copyright license to reproduce, prepare Derivative Works of,
+  publicly display, publicly perform, sublicense, and distribute the
+  Work and such Derivative Works in Source or Object form.
+
+3. Grant of Patent License. Subject to the terms and conditions of
+  this License, each Contributor hereby grants to You a perpetual,
+  worldwide, non-exclusive, no-charge, royalty-free, irrevocable
+  (except as stated in this section) patent license to make, have made,
+  use, offer to sell, sell, import, and otherwise transfer the Work,
+  where such license applies only to those patent claims licensable
+  by such Contributor that are necessarily infringed by their
+  Contribution(s) alone or by combination of their Contribution(s)
+  with the Work to which such Contribution(s) was submitted. If You
+  institute patent litigation against any entity (including a
+  cross-claim or counterclaim in a lawsuit) alleging that the Work
+  or a Contribution incorporated within the Work constitutes direct
+  or contributory patent infringement, then any patent licenses
+  granted to You under this License for that Work shall terminate
+  as of the date such litigation is filed.
+
+4. Redistribution. You may reproduce and distribute copies of the
+  Work or Derivative Works thereof in any medium, with or without
+  modifications, and in Source or Object form, provided that You
+  meet the following conditions:
+
+  (a) You must give any other recipients of the Work or
+      Derivative Works a copy of this License; and
+
+  (b) You must cause any modified files to carry prominent notices
+      stating that You changed the files; and
+
+  (c) You must retain, in the Source form of any Derivative Works
+      that You distribute, all copyright, patent, trademark, and
+      attribution notices from the Source form of the Work,
+      excluding those notices that do not pertain to any part of
+      the Derivative Works; and
+
+  (d) If the Work includes a "NOTICE" text file as part of its
+      distribution, then any Derivative Works that You distribute must
+      include a readable copy of the attribution notices contained
+      within such NOTICE file, excluding those notices that do not
+      pertain to any part of the Derivative Works, in at least one
+      of the following places: within a NOTICE text file distributed
+      as part of the Derivative Works; within the Source form or
+      documentation, if provided along with the Derivative Works; or,
+      within a display generated by the Derivative Works, if and
+      wherever such third-party notices normally appear. The contents
+      of the NOTICE file are for informational purposes only and
+      do not modify the License. You may add Your own attribution
+      notices within Derivative Works that You distribute, alongside
+      or as an addendum to the NOTICE text from the Work, provided
+      that such additional attribution notices cannot be construed
+      as modifying the License.
+
+  You may add Your own copyright statement to Your modifications and
+  may provide additional or different license terms and conditions
+  for use, reproduction, or distribution of Your modifications, or
+  for any such Derivative Works as a whole, provided Your use,
+  reproduction, and distribution of the Work otherwise complies with
+  the conditions stated in this License.
+
+5. Submission of Contributions. Unless You explicitly state otherwise,
+  any Contribution intentionally submitted for inclusion in the Work
+  by You to the Licensor shall be under the terms and conditions of
+  this License, without any additional terms or conditions.
+  Notwithstanding the above, nothing herein shall supersede or modify
+  the terms of any separate license agreement you may have executed
+  with Licensor regarding such Contributions.
+
+6. Trademarks. This License does not grant permission to use the trade
+  names, trademarks, service marks, or product names of the Licensor,
+  except as required for reasonable and customary use in describing the
+  origin of the Work and reproducing the content of the NOTICE file.
+
+7. Disclaimer of Warranty. Unless required by applicable law or
+  agreed to in writing, Licensor provides the Work (and each
+  Contributor provides its Contributions) on an "AS IS" BASIS,
+  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or
+  implied, including, without limitation, any warranties or conditions
+  of TITLE, NON-INFRINGEMENT, MERCHANTABILITY, or FITNESS FOR A
+  PARTICULAR PURPOSE. You are solely responsible for determining the
+  appropriateness of using or redistributing the Work and assume any
+  risks associated with Your exercise of permissions under this License.
+
+8. Limitation of Liability. In no event and under no legal theory,
+  whether in tort (including negligence), contract, or otherwise,
+  unless required by applicable law (such as deliberate and grossly
+  negligent acts) or agreed to in writing, shall any Contributor be
+  liable to You for damages, including any direct, indirect, special,
+  incidental, or consequential damages of any character arising as a
+  result of this License or out of the use or inability to use the
+  Work (including but not limited to damages for loss of goodwill,
+  work stoppage, computer failure or malfunction, or any and all
+  other commercial damages or losses), even if such Contributor
+  has been advised of the possibility of such damages.
+
+9. Accepting Warranty or Additional Liability. While redistributing
+  the Work or Derivative Works thereof, You may choose to offer,
+  and charge a fee for, acceptance of support, warranty, indemnity,
+  or other liability obligations and/or rights consistent with this
+  License. However, in accepting such obligations, You may act only
+  on Your own behalf and on Your sole responsibility, not on behalf
+  of any other Contributor, and only if You agree to indemnify,
+  defend, and hold each Contributor harmless for any liability
+  incurred by, or claims asserted against, such Contributor by reason
+  of your accepting any such warranty or additional liability.
+
+END OF TERMS AND CONDITIONS
+
+APPENDIX: How to apply the Apache License to your work.
+
+  To apply the Apache License to your work, attach the following
+  boilerplate notice, with the fields enclosed by brackets "[]"
+  replaced with your own identifying information. (Don't include
+  the brackets!)  The text should be enclosed in the appropriate
+  comment syntax for the file format. We also recommend that a
+  file or class name and description of purpose be included on the
+  same "printed page" as the copyright notice for easier
+  identification within third-party archives.
+
+Copyright [yyyy] [name of copyright owner]
+
+Licensed under the Apache License, Version 2.0 (the "License");
+you may not use this file except in compliance with the License.
+You may obtain a copy of the License at
+
+    http://www.apache.org/licenses/LICENSE-2.0
+
+Unless required by applicable law or agreed to in writing, software
+distributed under the License is distributed on an "AS IS" BASIS,
+WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+See the License for the specific language governing permissions and
+limitations under the License.
diff --git a/packages/page-contracts/README.md b/packages/page-contracts/README.md
new file mode 100644
index 0000000..9cc27d7
--- /dev/null
+++ b/packages/page-contracts/README.md
@@ -0,0 +1,3 @@
+# @polkadot/app-contracts
+
+Substrate contracts - code deployment, instance creation and messages.
diff --git a/packages/page-contracts/package.json b/packages/page-contracts/package.json
new file mode 100644
index 0000000..4470d28
--- /dev/null
+++ b/packages/page-contracts/package.json
@@ -0,0 +1,19 @@
+{
+  "bugs": "https://github.com/polkadot-js/apps/issues",
+  "homepage": "https://github.com/polkadot-js/apps/tree/master/packages/page-contracts#readme",
+  "license": "Apache-2.0",
+  "name": "@polkadot/app-contracts",
+  "private": true,
+  "repository": {
+    "directory": "packages/page-contracts",
+    "type": "git",
+    "url": "https://github.com/polkadot-js/apps.git"
+  },
+  "sideEffects": false,
+  "type": "module",
+  "version": "0.112.2-14",
+  "dependencies": {
+    "@babel/runtime": "^7.17.9",
+    "@polkadot/api-contract": "^8.0.3-1"
+  }
+}
diff --git a/packages/page-contracts/src/Codes/Add.tsx b/packages/page-contracts/src/Codes/Add.tsx
new file mode 100644
index 0000000..676265a
--- /dev/null
+++ b/packages/page-contracts/src/Codes/Add.tsx
@@ -0,0 +1,86 @@
+// Copyright 2017-2022 @polkadot/app-contracts authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import React, { useCallback, useState } from 'react';
+
+import { Button, Input, Modal } from '@polkadot/react-components';
+import { isNull } from '@polkadot/util';
+
+import { ABI, InputName } from '../shared';
+import store from '../store';
+import { useTranslation } from '../translate';
+import useAbi from '../useAbi';
+import ValidateCode from './ValidateCode';
+
+interface Props {
+  onClose: () => void;
+}
+
+function Add ({ onClose }: Props): React.ReactElement {
+  const { t } = useTranslation();
+  const [codeHash, setCodeHash] = useState('');
+  const [isCodeHashValid, setIsCodeHashValid] = useState(false);
+  const [name, setName] = useState<string | null>(null);
+  const { abi, contractAbi, errorText, isAbiError, isAbiSupplied, isAbiValid, onChangeAbi, onRemoveAbi } = useAbi();
+
+  const _onSave = useCallback(
+    (): void => {
+      if (!codeHash || !name) {
+        return;
+      }
+
+      store.saveCode(codeHash, { abi, name, tags: [] });
+      onClose();
+    },
+    [abi, codeHash, name, onClose]
+  );
+
+  const isNameValid = !isNull(name) && name.length > 0;
+  const isValid = isCodeHashValid && isNameValid && isAbiSupplied && isAbiValid;
+
+  return (
+    <Modal
+      header={t('Add an existing code hash')}
+      onClose={onClose}
+    >
+      <Modal.Content>
+        <Input
+          autoFocus
+          help={t('The code hash for the on-chain deployed code.')}
+          isError={codeHash.length > 0 && !isCodeHashValid}
+          label={t('code hash')}
+          onChange={setCodeHash}
+          value={codeHash}
+        />
+        <ValidateCode
+          codeHash={codeHash}
+          onChange={setIsCodeHashValid}
+        />
+        <InputName
+          isError={!isNameValid}
+          onChange={setName}
+          value={name || undefined}
+        />
+        <ABI
+          contractAbi={contractAbi}
+          errorText={errorText}
+          isError={isAbiError || !isAbiError}
+          isSupplied={isAbiSupplied}
+          isValid={isAbiValid}
+          onChange={onChangeAbi}
+          onRemove={onRemoveAbi}
+        />
+      </Modal.Content>
+      <Modal.Actions>
+        <Button
+          icon='save'
+          isDisabled={!isValid}
+          label={t('Save')}
+          onClick={_onSave}
+        />
+      </Modal.Actions>
+    </Modal>
+  );
+}
+
+export default React.memo(Add);
diff --git a/packages/page-contracts/src/Codes/Code.tsx b/packages/page-contracts/src/Codes/Code.tsx
new file mode 100644
index 0000000..ef3571a
--- /dev/null
+++ b/packages/page-contracts/src/Codes/Code.tsx
@@ -0,0 +1,127 @@
+// Copyright 2017-2022 @polkadot/app-staking authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { Option } from '@polkadot/types';
+import type { Codec } from '@polkadot/types/types';
+import type { CodeStored } from '../types';
+
+import React, { useCallback } from 'react';
+import styled from 'styled-components';
+
+import { Button, Card, CopyButton, Forget } from '@polkadot/react-components';
+import { useApi, useCall, useToggle } from '@polkadot/react-hooks';
+
+import { CodeRow, Messages } from '../shared';
+import store from '../store';
+import { useTranslation } from '../translate';
+import useAbi from '../useAbi';
+
+interface Props {
+  className?: string;
+  code: CodeStored;
+  onShowDeploy: (codeHash: string, constructorIndex: number) => void;
+}
+
+function Code ({ className, code, onShowDeploy }: Props): React.ReactElement<Props> {
+  const { t } = useTranslation();
+  const { api } = useApi();
+  const optCode = useCall<Option<Codec>>(api.query.contracts.codeStorage, [code.json.codeHash]);
+  const [isForgetOpen, toggleIsForgetOpen] = useToggle();
+  const { contractAbi } = useAbi([code.json.abi, code.contractAbi], code.json.codeHash, true);
+
+  const _onShowDeploy = useCallback(
+    () => onShowDeploy(code.json.codeHash, 0),
+    [code, onShowDeploy]
+  );
+
+  const _onDeployConstructor = useCallback(
+    (constructorIndex?: number): void => {
+      onShowDeploy && onShowDeploy(code.json.codeHash, constructorIndex || 0);
+    },
+    [code, onShowDeploy]
+  );
+
+  const _onForget = useCallback(
+    (): void => {
+      try {
+        store.forgetCode(code.json.codeHash);
+      } catch (error) {
+        console.error(error);
+      } finally {
+        toggleIsForgetOpen();
+      }
+    },
+    [code, toggleIsForgetOpen]
+  );
+
+  return (
+    <tr className={className}>
+      <td className='address top'>
+        <Card>
+          <CodeRow
+            code={code}
+            withTags={false}
+          />
+          {isForgetOpen && (
+            <Forget
+              key='modal-forget-account'
+              mode='code'
+              onClose={toggleIsForgetOpen}
+              onForget={_onForget}
+            >
+              <CodeRow
+                code={code || ''}
+                isInline
+              >
+                <p>{t<string>('You are about to remove this code from your list of available code hashes. Once completed, should you need to access it again, you will have to manually add the code hash again.')}</p>
+                <p>{t<string>('This operation does not remove the uploaded code WASM and ABI from the chain, nor any deployed contracts. The forget operation only limits your access to the code on this browser.')}</p>
+              </CodeRow>
+            </Forget>
+          )}
+        </Card>
+      </td>
+      <td className='all top'>
+        <Messages
+          contractAbi={contractAbi}
+          onSelectConstructor={_onDeployConstructor}
+          withConstructors
+        />
+      </td>
+      <td className='together codeHash'>
+        <div>{`${code.json.codeHash.substr(0, 8)}…${code.json.codeHash.slice(-6)}`}</div>
+        <CopyButton value={code.json.codeHash} />
+      </td>
+      <td className='start together'>
+        {optCode && (
+          optCode.isSome ? t<string>('Available') : t<string>('Not on-chain')
+        )}
+      </td>
+      <td className='button'>
+        <Button
+          icon='trash'
+          onClick={toggleIsForgetOpen}
+        />
+        {!contractAbi && (
+          <Button
+            icon='upload'
+            label={t('deploy')}
+            onClick={_onShowDeploy}
+          />
+        )}
+      </td>
+    </tr>
+  );
+}
+
+export default React.memo(styled(Code)`
+  .codeHash {
+    div {
+      display: inline;
+
+      &:first-child {
+        font-family: monospace;
+        margin-right: 0.5rem;
+      }
+    }
+  }
+`);
diff --git a/packages/page-contracts/src/Codes/Upload.tsx b/packages/page-contracts/src/Codes/Upload.tsx
new file mode 100644
index 0000000..ac67947
--- /dev/null
+++ b/packages/page-contracts/src/Codes/Upload.tsx
@@ -0,0 +1,256 @@
+// Copyright 2017-2022 @polkadot/app-contracts authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { SubmittableExtrinsic } from '@polkadot/api/types';
+import type { CodeSubmittableResult } from '@polkadot/api-contract/promise/types';
+
+import React, { useCallback, useEffect, useMemo, useState } from 'react';
+
+import { CodePromise } from '@polkadot/api-contract';
+import { Button, Dropdown, InputAddress, InputBalance, InputFile, MarkError, Modal, TxButton } from '@polkadot/react-components';
+import { useAccountId, useApi, useFormField, useNonEmptyString, useStepper } from '@polkadot/react-hooks';
+import { Available } from '@polkadot/react-query';
+import { keyring } from '@polkadot/ui-keyring';
+import { BN, BN_ZERO, isNull, isWasm, stringify } from '@polkadot/util';
+
+import { ABI, InputMegaGas, InputName, MessageSignature, Params } from '../shared';
+import store from '../store';
+import { useTranslation } from '../translate';
+import useAbi from '../useAbi';
+import useWeight from '../useWeight';
+
+interface Props {
+  onClose: () => void;
+}
+
+function Upload ({ onClose }: Props): React.ReactElement {
+  const { t } = useTranslation();
+  const { api } = useApi();
+  const [accountId, setAccountId] = useAccountId();
+  const [step, nextStep, prevStep] = useStepper();
+  const [[uploadTx, error], setUploadTx] = useState<[SubmittableExtrinsic<'promise'> | null, string | null]>([null, null]);
+  const [constructorIndex, setConstructorIndex] = useState<number>(0);
+  const [value, isValueValid, setValue] = useFormField<BN>(BN_ZERO);
+  const [params, setParams] = useState<unknown[]>([]);
+  const [[wasm, isWasmValid], setWasm] = useState<[Uint8Array | null, boolean]>([null, false]);
+  const [name, isNameValid, setName] = useNonEmptyString();
+  const { abiName, contractAbi, errorText, isAbiError, isAbiSupplied, isAbiValid, onChangeAbi, onRemoveAbi } = useAbi();
+  const weight = useWeight();
+
+  const hasStorageDeposit = api.tx.contracts.instantiate.meta.args.length === 6;
+
+  const code = useMemo(
+    () => isAbiValid && isWasmValid && wasm && contractAbi
+      ? new CodePromise(api, contractAbi, wasm)
+      : null,
+    [api, contractAbi, isAbiValid, isWasmValid, wasm]
+  );
+
+  const constructOptions = useMemo(
+    () => contractAbi
+      ? contractAbi.constructors.map((c, index) => ({
+        info: c.identifier,
+        key: c.identifier,
+        text: (
+          <MessageSignature
+            asConstructor
+            message={c}
+          />
+        ),
+        value: index
+      }))
+      : [],
+    [contractAbi]
+  );
+
+  useEffect((): void => {
+    setConstructorIndex(0);
+  }, [constructOptions]);
+
+  useEffect((): void => {
+    setParams([]);
+  }, [contractAbi, constructorIndex]);
+
+  useEffect((): void => {
+    setWasm(
+      contractAbi && isWasm(contractAbi.info.source.wasm)
+        ? [contractAbi.info.source.wasm, true]
+        : [null, false]
+    );
+  }, [contractAbi]);
+
+  useEffect((): void => {
+    abiName && setName(abiName);
+  }, [abiName, setName]);
+
+  useEffect((): void => {
+    let contract: SubmittableExtrinsic<'promise'> | null = null;
+    let error: string | null = null;
+
+    try {
+      contract = code && contractAbi?.constructors[constructorIndex]?.method && value
+        ? code.tx[contractAbi.constructors[constructorIndex].method]({
+          gasLimit: weight.weight,
+          storageDepositLimit: null,
+          value: contractAbi?.constructors[constructorIndex].isPayable ? value : undefined
+        }, ...params)
+        : null;
+    } catch (e) {
+      error = (e as Error).message;
+    }
+
+    setUploadTx(() => [contract, error]);
+  }, [code, contractAbi, constructorIndex, value, params, weight]);
+
+  const _onAddWasm = useCallback(
+    (wasm: Uint8Array, name: string): void => {
+      setWasm([wasm, isWasm(wasm)]);
+      setName(name.replace('.wasm', '').replace('_', ' '));
+    },
+    [setName]
+  );
+
+  const _onSuccess = useCallback(
+    (result: CodeSubmittableResult): void => {
+      result.blueprint && store.saveCode(result.blueprint.codeHash, {
+        abi: stringify(result.blueprint.abi.json),
+        name: name || '<>',
+        tags: []
+      });
+      result.contract && keyring.saveContract(result.contract.address.toString(), {
+        contract: {
+          abi: stringify(result.contract.abi.json),
+          genesisHash: api.genesisHash.toHex()
+        },
+        name: name || '<>',
+        tags: []
+      });
+    },
+    [api, name]
+  );
+
+  const isSubmittable = !!accountId && (!isNull(name) && isNameValid) && isWasmValid && isAbiSupplied && isAbiValid && !!uploadTx && step === 2;
+  const invalidAbi = isAbiError || !isAbiSupplied;
+
+  return (
+    <Modal
+      header={t('Upload & deploy code {{info}}', { replace: { info: `${step}/2` } })}
+      onClose={onClose}
+    >
+      <Modal.Content>
+        {step === 1 && (
+          <>
+            <InputAddress
+              help={t('Specify the user account to use for this deployment. Any fees will be deducted from this account.')}
+              isInput={false}
+              label={t('deployment account')}
+              labelExtra={
+                <Available
+                  label={t<string>('transferrable')}
+                  params={accountId}
+                />
+              }
+              onChange={setAccountId}
+              type='account'
+              value={accountId}
+            />
+            <ABI
+              contractAbi={contractAbi}
+              errorText={errorText}
+              isError={invalidAbi}
+              isSupplied={isAbiSupplied}
+              isValid={isAbiValid}
+              label={t<string>('json for either ABI or .contract bundle')}
+              onChange={onChangeAbi}
+              onRemove={onRemoveAbi}
+              withWasm
+            />
+            {!invalidAbi && contractAbi && (
+              <>
+                {!contractAbi.info.source.wasm.length && (
+                  <InputFile
+                    help={t<string>('The compiled WASM for the contract that you wish to deploy. Each unique code blob will be attached with a code hash that can be used to create new instances.')}
+                    isError={!isWasmValid}
+                    label={t<string>('compiled contract WASM')}
+                    onChange={_onAddWasm}
+                    placeholder={wasm && !isWasmValid && t<string>('The code is not recognized as being in valid WASM format')}
+                  />
+                )}
+                <InputName
+                  isError={!isNameValid}
+                  onChange={setName}
+                  value={name || undefined}
+                />
+              </>
+            )}
+          </>
+        )}
+        {step === 2 && contractAbi && (
+          <>
+            <Dropdown
+              help={t<string>('The deployment constructor information for this contract, as provided by the ABI.')}
+              isDisabled={contractAbi.constructors.length <= 1}
+              label={t('deployment constructor')}
+              onChange={setConstructorIndex}
+              options={constructOptions}
+              value={constructorIndex}
+            />
+            <Params
+              onChange={setParams}
+              params={contractAbi.constructors[constructorIndex].args}
+              registry={contractAbi.registry}
+            />
+            {contractAbi.constructors[constructorIndex].isPayable && (
+              <InputBalance
+                help={t<string>('The balance to transfer from the `origin` to the newly created contract.')}
+                isError={!isValueValid}
+                isZeroable={hasStorageDeposit}
+                label={t<string>('value')}
+                onChange={setValue}
+                value={value}
+              />
+            )
+            }
+            <InputMegaGas
+              help={t<string>('The maximum amount of gas that can be used by this deployment, if the code requires more, the deployment will fail')}
+              weight={weight}
+            />
+            {error && (
+              <MarkError content={error} />
+            )}
+          </>
+        )}
+      </Modal.Content>
+      <Modal.Actions>
+        {step === 1
+          ? (
+            <Button
+              icon='step-forward'
+              isDisabled={!code || !contractAbi}
+              label={t<string>('Next')}
+              onClick={nextStep}
+            />
+          )
+          : (
+            <Button
+              icon='step-backward'
+              label={t<string>('Prev')}
+              onClick={prevStep}
+            />
+          )
+        }
+        <TxButton
+          accountId={accountId}
+          extrinsic={uploadTx}
+          icon='upload'
+          isDisabled={!isSubmittable}
+          label={t('Deploy')}
+          onClick={onClose}
+          onSuccess={_onSuccess}
+        />
+      </Modal.Actions>
+    </Modal>
+  );
+}
+
+export default React.memo(Upload);
diff --git a/packages/page-contracts/src/Codes/ValidateCode.tsx b/packages/page-contracts/src/Codes/ValidateCode.tsx
new file mode 100644
index 0000000..796d0e5
--- /dev/null
+++ b/packages/page-contracts/src/Codes/ValidateCode.tsx
@@ -0,0 +1,57 @@
+// Copyright 2017-2022 @polkadot/app-contracts authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+/* eslint-disable camelcase */
+
+import type { Option } from '@polkadot/types';
+import type { PrefabWasmModule } from '@polkadot/types/interfaces';
+
+import React, { useMemo } from 'react';
+
+import { InfoForInput } from '@polkadot/react-components';
+import { useApi, useCall } from '@polkadot/react-hooks';
+import { isHex } from '@polkadot/util';
+
+import { useTranslation } from '../translate';
+
+interface Props {
+  codeHash?: string | null;
+  onChange: React.Dispatch<boolean>;
+}
+
+function ValidateCode ({ codeHash, onChange }: Props): React.ReactElement<Props> | null {
+  const { api } = useApi();
+  const { t } = useTranslation();
+  const codeStorage = useCall<Option<PrefabWasmModule>>((api.query.contracts || api.query.contract).codeStorage, [codeHash]);
+  const [isValidHex, isValid] = useMemo(
+    (): [boolean, boolean] => {
+      const isValidHex = !!codeHash && isHex(codeHash) && codeHash.length === 66;
+      const isStored = !!codeStorage && codeStorage.isSome;
+      const isValid = isValidHex && isStored;
+
+      onChange(isValid);
+
+      return [
+        isValidHex,
+        isValid
+      ];
+    },
+    [codeHash, codeStorage, onChange]
+  );
+
+  if (isValid || !isValidHex) {
+    return null;
+  }
+
+  return (
+    <InfoForInput type='error'>
+      {
+        isValidHex
+          ? t('Unable to find on-chain WASM code for the supplied codeHash')
+          : t('The codeHash is not a valid hex hash')
+      }
+    </InfoForInput>
+  );
+}
+
+export default React.memo(ValidateCode);
diff --git a/packages/page-contracts/src/Codes/index.tsx b/packages/page-contracts/src/Codes/index.tsx
new file mode 100644
index 0000000..685e8ce
--- /dev/null
+++ b/packages/page-contracts/src/Codes/index.tsx
@@ -0,0 +1,44 @@
+// Copyright 2017-2022 @polkadot/app-staking authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import React, { useRef } from 'react';
+
+import { Table } from '@polkadot/react-components';
+
+import contracts from '../store';
+import { useTranslation } from '../translate';
+import Code from './Code';
+
+interface Props {
+  onShowDeploy: (codeHash: string, constructorIndex: number) => void;
+  updated: number;
+}
+
+function Codes ({ onShowDeploy }: Props): React.ReactElement<Props> {
+  const { t } = useTranslation();
+
+  const headerRef = useRef<[string?, string?, number?][]>([
+    [t('code hashes'), 'start'],
+    [],
+    [],
+    [t('status'), 'start'],
+    []
+  ]);
+
+  return (
+    <Table
+      empty={t<string>('No code hashes available')}
+      header={headerRef.current}
+    >
+      {contracts.getAllCode().map((code): React.ReactNode => (
+        <Code
+          code={code}
+          key={code.json.codeHash}
+          onShowDeploy={onShowDeploy}
+        />
+      ))}
+    </Table>
+  );
+}
+
+export default React.memo(Codes);
diff --git a/packages/page-contracts/src/Contracts/Add.tsx b/packages/page-contracts/src/Contracts/Add.tsx
new file mode 100644
index 0000000..ae652a1
--- /dev/null
+++ b/packages/page-contracts/src/Contracts/Add.tsx
@@ -0,0 +1,118 @@
+// Copyright 2017-2022 @polkadot/app-contracts authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { ActionStatus } from '@polkadot/react-components/Status/types';
+
+import React, { useCallback, useState } from 'react';
+
+import { AddressRow, Button, Input, Modal } from '@polkadot/react-components';
+import { useApi, useNonEmptyString } from '@polkadot/react-hooks';
+import { keyring } from '@polkadot/ui-keyring';
+
+import { ABI, InputName } from '../shared';
+import { useTranslation } from '../translate';
+import useAbi from '../useAbi';
+import ValidateAddr from './ValidateAddr';
+
+interface Props {
+  onClose: () => void;
+}
+
+function Add ({ onClose }: Props): React.ReactElement {
+  const { t } = useTranslation();
+  const { api } = useApi();
+  const [address, setAddress] = useState<string | null>(null);
+  const [isAddressValid, setIsAddressValid] = useState(false);
+  const [name, isNameValid, setName] = useNonEmptyString('New Contract');
+  const { abi, contractAbi, errorText, isAbiError, isAbiSupplied, isAbiValid, onChangeAbi, onRemoveAbi } = useAbi([null, null], null, true);
+
+  const _onAdd = useCallback(
+    (): void => {
+      const status: Partial<ActionStatus> = { action: 'create' };
+
+      if (!address || !abi || !name) {
+        return;
+      }
+
+      try {
+        const json = {
+          contract: {
+            abi,
+            genesisHash: api.genesisHash.toHex()
+          },
+          name,
+          tags: []
+        };
+
+        keyring.saveContract(address, json);
+
+        status.account = address;
+        status.status = address ? 'success' : 'error';
+        status.message = 'contract added';
+
+        onClose();
+      } catch (error) {
+        console.error(error);
+
+        status.status = 'error';
+        status.message = (error as Error).message;
+      }
+    },
+    [abi, address, api, name, onClose]
+  );
+
+  const isValid = isAddressValid && isNameValid && isAbiValid;
+
+  return (
+    <Modal
+      header={t('Add an existing contract')}
+      onClose={onClose}
+    >
+      <Modal.Content>
+        <AddressRow
+          defaultName={name}
+          isValid
+          value={address || null}
+        >
+          <Input
+            autoFocus
+            help={t<string>('The address for the deployed contract instance.')}
+            isError={!isAddressValid}
+            label={t<string>('contract address')}
+            onChange={setAddress}
+            value={address || ''}
+          />
+          <ValidateAddr
+            address={address}
+            onChange={setIsAddressValid}
+          />
+          <InputName
+            isContract
+            isError={!isNameValid}
+            onChange={setName}
+            value={name || undefined}
+          />
+          <ABI
+            contractAbi={contractAbi}
+            errorText={errorText}
+            isError={isAbiError || !isAbiValid}
+            isSupplied={isAbiSupplied}
+            isValid={isAbiValid}
+            onChange={onChangeAbi}
+            onRemove={onRemoveAbi}
+          />
+        </AddressRow>
+      </Modal.Content>
+      <Modal.Actions>
+        <Button
+          icon='save'
+          isDisabled={!isValid}
+          label={t<string>('Save')}
+          onClick={_onAdd}
+        />
+      </Modal.Actions>
+    </Modal>
+  );
+}
+
+export default React.memo(Add);
diff --git a/packages/page-contracts/src/Contracts/Call.tsx b/packages/page-contracts/src/Contracts/Call.tsx
new file mode 100644
index 0000000..25576d5
--- /dev/null
+++ b/packages/page-contracts/src/Contracts/Call.tsx
@@ -0,0 +1,252 @@
+// Copyright 2017-2022 @polkadot/app-contracts authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { SubmittableExtrinsic } from '@polkadot/api/types';
+import type { ContractPromise } from '@polkadot/api-contract';
+import type { ContractCallOutcome } from '@polkadot/api-contract/types';
+import type { CallResult } from './types';
+
+import React, { useCallback, useEffect, useState } from 'react';
+import styled from 'styled-components';
+
+import { Button, Dropdown, Expander, InputAddress, InputBalance, Modal, Toggle, TxButton } from '@polkadot/react-components';
+import { useAccountId, useApi, useDebounce, useFormField, useToggle } from '@polkadot/react-hooks';
+import { Available } from '@polkadot/react-query';
+import { BN, BN_ONE, BN_ZERO } from '@polkadot/util';
+
+import { InputMegaGas, Params } from '../shared';
+import { useTranslation } from '../translate';
+import useWeight from '../useWeight';
+import Outcome from './Outcome';
+import { getCallMessageOptions } from './util';
+
+interface Props {
+  className?: string;
+  contract: ContractPromise;
+  messageIndex: number;
+  onCallResult?: (messageIndex: number, result?: ContractCallOutcome | void) => void;
+  onChangeMessage: (messageIndex: number) => void;
+  onClose: () => void;
+}
+
+const MAX_CALL_WEIGHT = new BN(5_000_000_000_000).isub(BN_ONE);
+
+function Call ({ className = '', contract, messageIndex, onCallResult, onChangeMessage, onClose }: Props): React.ReactElement<Props> | null {
+  const { t } = useTranslation();
+  const { api } = useApi();
+  const message = contract.abi.messages[messageIndex];
+  const [accountId, setAccountId] = useAccountId();
+  const [estimatedWeight, setEstimatedWeight] = useState<BN | null>(null);
+  const [value, isValueValid, setValue] = useFormField<BN>(BN_ZERO);
+  const [outcomes, setOutcomes] = useState<CallResult[]>([]);
+  const [execTx, setExecTx] = useState<SubmittableExtrinsic<'promise'> | null>(null);
+  const [params, setParams] = useState<unknown[]>([]);
+  const [isViaCall, toggleViaCall] = useToggle();
+  const weight = useWeight();
+  const dbValue = useDebounce(value);
+  const dbParams = useDebounce(params);
+  const hasStorageDeposit = api.tx.contracts.call.meta.args.length === 5;
+
+  useEffect((): void => {
+    setEstimatedWeight(null);
+    setParams([]);
+  }, [contract, messageIndex]);
+
+  useEffect((): void => {
+    value && message.isMutating && setExecTx((): SubmittableExtrinsic<'promise'> | null => {
+      try {
+        return hasStorageDeposit
+          ? contract.tx[message.method]({ gasLimit: weight.weight, storageDepositLimit: null, value: message.isPayable ? value : 0 }, ...params)
+          : contract.tx[message.method]({ gasLimit: weight.weight, value: message.isPayable ? value : 0 }, ...params);
+      } catch (error) {
+        return null;
+      }
+    });
+  }, [accountId, contract, message, value, weight, params, hasStorageDeposit]);
+
+  useEffect((): void => {
+    if (!accountId || !message || !dbParams || !dbValue) {
+      return;
+    }
+
+    const query = hasStorageDeposit
+      ? contract.query[message.method](accountId, { gasLimit: -1, storageDepositLimit: null, value: message.isPayable ? dbValue : 0 }, ...dbParams)
+      : contract.query[message.method](accountId, { gasLimit: -1, value: message.isPayable ? dbValue : 0 }, ...dbParams);
+
+    query
+      .then(({ gasRequired, result }) => setEstimatedWeight(
+        result.isOk
+          ? gasRequired
+          : null
+      ))
+      .catch(() => setEstimatedWeight(null));
+  }, [accountId, contract, message, dbParams, dbValue, hasStorageDeposit]);
+
+  const _onSubmitRpc = useCallback(
+    (): void => {
+      if (!accountId || !message || !value || !weight) {
+        return;
+      }
+
+      const query = hasStorageDeposit
+        ? contract.query[message.method](accountId, { gasLimit: weight.isEmpty ? -1 : weight.weight, storageDepositLimit: null, value: message.isPayable ? value : 0 }, ...params)
+        : contract.query[message.method](accountId, { gasLimit: weight.isEmpty ? -1 : weight.weight, value: message.isPayable ? value : 0 }, ...params);
+
+      query.then((result): void => {
+        setOutcomes([{
+          ...result,
+          from: accountId,
+          message,
+          params,
+          when: new Date()
+        }, ...outcomes]);
+        onCallResult && onCallResult(messageIndex, result);
+      })
+        .catch((error): void => {
+          console.error(error);
+          onCallResult && onCallResult(messageIndex);
+        });
+    },
+    [accountId, contract.query, hasStorageDeposit, message, messageIndex, onCallResult, outcomes, params, value, weight]
+  );
+
+  const _onClearOutcome = useCallback(
+    (outcomeIndex: number) =>
+      () => setOutcomes([...outcomes.filter((_, index) => index !== outcomeIndex)]),
+    [outcomes]
+  );
+
+  const isValid = !!(accountId && weight.isValid && isValueValid);
+  const isViaRpc = contract.hasRpcContractsCall && (isViaCall || (!message.isMutating && !message.isPayable));
+
+  return (
+    <Modal
+      className={[className || '', 'app--contracts-Modal'].join(' ')}
+      header={t<string>('Call a contract')}
+      onClose={onClose}
+    >
+      <Modal.Content>
+        <InputAddress
+          help={t<string>('A deployed contract that has either been deployed or attached. The address and ABI are used to construct the parameters.')}
+          isDisabled
+          label={t<string>('contract to use')}
+          type='contract'
+          value={contract.address}
+        />
+        <InputAddress
+          defaultValue={accountId}
+          help={t<string>('Specify the user account to use for this contract call. And fees will be deducted from this account.')}
+          label={t<string>('call from account')}
+          labelExtra={
+            <Available
+              label={t<string>('transferrable')}
+              params={accountId}
+            />
+          }
+          onChange={setAccountId}
+          type='account'
+          value={accountId}
+        />
+        {messageIndex !== null && (
+          <>
+            <Dropdown
+              defaultValue={messageIndex}
+              help={t<string>('The message to send to this contract. Parameters are adjusted based on the ABI provided.')}
+              isError={message === null}
+              label={t<string>('message to send')}
+              onChange={onChangeMessage}
+              options={getCallMessageOptions(contract)}
+              value={messageIndex}
+            />
+            <Params
+              onChange={setParams}
+              params={
+                message
+                  ? message.args
+                  : undefined
+              }
+              registry={contract.abi.registry}
+            />
+          </>
+        )}
+        {message.isPayable && (
+          <InputBalance
+            help={t<string>('The allotted value for this contract, i.e. the amount transferred to the contract as part of this call.')}
+            isError={!isValueValid}
+            isZeroable
+            label={t<string>('value')}
+            onChange={setValue}
+            value={value}
+          />
+        )}
+        <InputMegaGas
+          estimatedWeight={message.isMutating ? estimatedWeight : MAX_CALL_WEIGHT}
+          help={t<string>('The maximum amount of gas to use for this contract call. If the call requires more, it will fail.')}
+          isCall={!message.isMutating}
+          weight={weight}
+        />
+        {message.isMutating && (
+          <Toggle
+            className='rpc-toggle'
+            label={t<string>('read contract only, no execution')}
+            onChange={toggleViaCall}
+            value={isViaCall}
+          />
+        )}
+        {outcomes.length > 0 && (
+          <Expander
+            className='outcomes'
+            isOpen
+            summary={t<string>('Call results')}
+          >
+            {outcomes.map((outcome, index): React.ReactNode => (
+              <Outcome
+                key={`outcome-${index}`}
+                onClear={_onClearOutcome(index)}
+                outcome={outcome}
+              />
+            ))}
+          </Expander>
+        )}
+      </Modal.Content>
+      <Modal.Actions>
+        {isViaRpc
+          ? (
+            <Button
+              icon='sign-in-alt'
+              isDisabled={!isValid}
+              label={t<string>('Read')}
+              onClick={_onSubmitRpc}
+            />
+          )
+          : (
+            <TxButton
+              accountId={accountId}
+              extrinsic={execTx}
+              icon='sign-in-alt'
+              isDisabled={!isValid || !execTx}
+              label={t('Execute')}
+              onStart={onClose}
+            />
+          )
+        }
+      </Modal.Actions>
+    </Modal>
+  );
+}
+
+export default React.memo(styled(Call)`
+  .rpc-toggle {
+    margin-top: 1rem;
+    display: flex;
+    justify-content: flex-end;
+  }
+
+  .clear-all {
+    float: right;
+  }
+
+  .outcomes {
+    margin-top: 1rem;
+  }
+`);
diff --git a/packages/page-contracts/src/Contracts/Contract.tsx b/packages/page-contracts/src/Contracts/Contract.tsx
new file mode 100644
index 0000000..e2f52dd
--- /dev/null
+++ b/packages/page-contracts/src/Contracts/Contract.tsx
@@ -0,0 +1,128 @@
+// Copyright 2017-2022 @polkadot/app-staking authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { ContractPromise } from '@polkadot/api-contract';
+import type { ContractCallOutcome } from '@polkadot/api-contract/types';
+import type { ActionStatus } from '@polkadot/react-components/Status/types';
+import type { Option } from '@polkadot/types';
+import type { ContractInfo } from '@polkadot/types/interfaces';
+import type { ContractLink } from './types';
+
+import React, { useCallback } from 'react';
+import styled from 'styled-components';
+
+import { AddressInfo, AddressMini, Button, Forget } from '@polkadot/react-components';
+import { useApi, useCall, useToggle } from '@polkadot/react-hooks';
+import { keyring } from '@polkadot/ui-keyring';
+import { isUndefined } from '@polkadot/util';
+
+import Messages from '../shared/Messages';
+import { useTranslation } from '../translate';
+
+interface Props {
+  className?: string;
+  contract: ContractPromise;
+  index: number;
+  links?: ContractLink[];
+  onCall: (contractIndex: number, messaeIndex: number, resultCb: (messageIndex: number, result?: ContractCallOutcome) => void) => void;
+}
+
+function transformInfo (optInfo: Option<ContractInfo>): ContractInfo | null {
+  return optInfo.unwrapOr(null);
+}
+
+function Contract ({ className, contract, index, links, onCall }: Props): React.ReactElement<Props> | null {
+  const { t } = useTranslation();
+  const { api } = useApi();
+  const info = useCall<ContractInfo | null>(api.query.contracts.contractInfoOf, [contract.address], { transform: transformInfo });
+  const [isForgetOpen, toggleIsForgetOpen] = useToggle();
+
+  const _onCall = useCallback(
+    (messageIndex: number, resultCb: (messageIndex: number, result?: ContractCallOutcome) => void) =>
+      onCall(index, messageIndex, resultCb),
+    [index, onCall]
+  );
+
+  const _onForget = useCallback(
+    (): void => {
+      const status: Partial<ActionStatus> = {
+        account: contract.address,
+        action: 'forget'
+      };
+
+      try {
+        keyring.forgetContract(contract.address.toString());
+        status.status = 'success';
+        status.message = t<string>('address forgotten');
+      } catch (error) {
+        status.status = 'error';
+        status.message = (error as Error).message;
+      }
+
+      toggleIsForgetOpen();
+    },
+    [contract.address, t, toggleIsForgetOpen]
+  );
+
+  return (
+    <tr className={className}>
+      <td className='address top'>
+        {isForgetOpen && (
+          <Forget
+            address={contract.address.toString()}
+            key='modal-forget-contract'
+            mode='contract'
+            onClose={toggleIsForgetOpen}
+            onForget={_onForget}
+          />
+        )}
+        <AddressMini value={contract.address} />
+      </td>
+      <td className='all top'>
+        <Messages
+          contract={contract}
+          contractAbi={contract.abi}
+          isWatching
+          onSelect={_onCall}
+          trigger={links?.length}
+          withMessages
+        />
+      </td>
+      <td className='top'>
+        {links?.map(({ blockHash, blockNumber }, index): React.ReactNode => (
+          <a
+            href={`#/explorer/query/${blockHash}`}
+            key={`${index}-${blockNumber}`}
+          >#{blockNumber}</a>
+        ))}
+      </td>
+      <td className='number'>
+        <AddressInfo
+          address={contract.address}
+          withBalance
+          withBalanceToggle
+          withExtended={false}
+        />
+      </td>
+      <td className='start together'>
+        {!isUndefined(info) && (
+          info
+            ? info.type
+            : t<string>('Not on-chain')
+        )}
+      </td>
+      <td className='button'>
+        <Button
+          icon='trash'
+          onClick={toggleIsForgetOpen}
+        />
+      </td>
+    </tr>
+  );
+}
+
+export default React.memo(styled(Contract)`
+  td.top a+a {
+    margin-left: 0.75rem;
+  }
+`);
diff --git a/packages/page-contracts/src/Contracts/ContractsTable.tsx b/packages/page-contracts/src/Contracts/ContractsTable.tsx
new file mode 100644
index 0000000..c99fd91
--- /dev/null
+++ b/packages/page-contracts/src/Contracts/ContractsTable.tsx
@@ -0,0 +1,137 @@
+// Copyright 2017-2022 @polkadot/app-staking authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { ApiPromise } from '@polkadot/api';
+import type { ContractPromise } from '@polkadot/api-contract';
+import type { ContractCallOutcome } from '@polkadot/api-contract/types';
+import type { SignedBlockExtended } from '@polkadot/api-derive/types';
+import type { ContractLink } from './types';
+
+import React, { useCallback, useEffect, useMemo, useRef, useState } from 'react';
+
+import { Table } from '@polkadot/react-components';
+import { useApi, useCall } from '@polkadot/react-hooks';
+import { formatNumber } from '@polkadot/util';
+
+import { useTranslation } from '../translate';
+import Call from './Call';
+import Contract from './Contract';
+import { getContractForAddress } from './util';
+
+export interface Props {
+  contracts: string[];
+  updated: number;
+}
+
+interface Indexes {
+  contractIndex: number;
+  messageIndex: number;
+  onCallResult?: (messageIndex: number, result?: ContractCallOutcome) => void;
+}
+
+function filterContracts (api: ApiPromise, keyringContracts: string[] = []): ContractPromise[] {
+  return keyringContracts
+    .map((address) => getContractForAddress(api, address.toString()))
+    .filter((contract): contract is ContractPromise => !!contract);
+}
+
+function ContractsTable ({ contracts: keyringContracts }: Props): React.ReactElement<Props> {
+  const { t } = useTranslation();
+  const { api } = useApi();
+  const newBlock = useCall<SignedBlockExtended>(api.derive.chain.subscribeNewBlocks);
+  const [{ contractIndex, messageIndex, onCallResult }, setIndexes] = useState<Indexes>({ contractIndex: 0, messageIndex: 0 });
+  const [isCallOpen, setIsCallOpen] = useState(false);
+  const [contractLinks, setContractLinks] = useState<Record<string, ContractLink[]>>({});
+
+  const headerRef = useRef<[string?, string?, number?][]>([
+    [t('contracts'), 'start'],
+    [undefined, undefined, 3],
+    [t('status'), 'start'],
+    []
+  ]);
+
+  useEffect((): void => {
+    if (newBlock) {
+      const exts = newBlock.block.extrinsics
+        .filter(({ method }) => api.tx.contracts.call.is(method))
+        .map(({ args }): ContractLink | null => {
+          const contractId = keyringContracts.find((a) => args[0].eq(a));
+
+          if (!contractId) {
+            return null;
+          }
+
+          return {
+            blockHash: newBlock.block.header.hash.toHex(),
+            blockNumber: formatNumber(newBlock.block.header.number),
+            contractId
+          };
+        })
+        .filter((value): value is ContractLink => !!value);
+
+      exts.length && setContractLinks((links): Record<string, ContractLink[]> => {
+        exts.forEach((value): void => {
+          links[value.contractId] = [value].concat(links[value.contractId] || []).slice(0, 3);
+        });
+
+        return { ...links };
+      });
+    }
+  }, [api, keyringContracts, newBlock]);
+
+  const contracts = useMemo(
+    () => filterContracts(api, keyringContracts),
+    [api, keyringContracts]
+  );
+
+  const _toggleCall = useCallback(
+    () => setIsCallOpen((isCallOpen) => !isCallOpen),
+    []
+  );
+
+  const _onCall = useCallback(
+    (contractIndex: number, messageIndex: number, onCallResult: (messageIndex: number, result?: ContractCallOutcome) => void): void => {
+      setIndexes({ contractIndex, messageIndex, onCallResult });
+      setIsCallOpen(true);
+    },
+    []
+  );
+
+  const _setMessageIndex = useCallback(
+    (messageIndex: number) => setIndexes((state) => ({ ...state, messageIndex })),
+    []
+  );
+
+  const contract = contracts[contractIndex] || null;
+
+  return (
+    <>
+      <Table
+        empty={t<string>('No contracts available')}
+        header={headerRef.current}
+      >
+        {contracts.map((contract, index): React.ReactNode => (
+          <Contract
+            contract={contract}
+            index={index}
+            key={contract.address.toString()}
+            links={contractLinks[contract.address.toString()]}
+            onCall={_onCall}
+          />
+        ))}
+      </Table>
+      {isCallOpen && contract && (
+        <Call
+          contract={contract}
+          isOpen={isCallOpen}
+          messageIndex={messageIndex}
+          onCallResult={onCallResult}
+          onChangeMessage={_setMessageIndex}
+          onClose={_toggleCall}
+        />
+      )}
+    </>
+  );
+}
+
+export default React.memo(ContractsTable);
diff --git a/packages/page-contracts/src/Contracts/Deploy.tsx b/packages/page-contracts/src/Contracts/Deploy.tsx
new file mode 100644
index 0000000..21b5548
--- /dev/null
+++ b/packages/page-contracts/src/Contracts/Deploy.tsx
@@ -0,0 +1,221 @@
+// Copyright 2017-2022 @polkadot/app-contracts authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { SubmittableExtrinsic } from '@polkadot/api/types';
+import type { BlueprintSubmittableResult } from '@polkadot/api-contract/promise/types';
+
+import React, { useCallback, useEffect, useMemo, useState } from 'react';
+
+import { BlueprintPromise } from '@polkadot/api-contract';
+import { Dropdown, Input, InputAddress, InputBalance, Modal, Toggle, TxButton } from '@polkadot/react-components';
+import { useApi, useFormField, useNonEmptyString } from '@polkadot/react-hooks';
+import { Available } from '@polkadot/react-query';
+import { keyring } from '@polkadot/ui-keyring';
+import { BN, BN_ZERO, isHex, stringify } from '@polkadot/util';
+import { randomAsHex } from '@polkadot/util-crypto';
+
+import { ABI, InputMegaGas, InputName, MessageSignature, Params } from '../shared';
+import store from '../store';
+import { useTranslation } from '../translate';
+import useAbi from '../useAbi';
+import useWeight from '../useWeight';
+
+interface Props {
+  codeHash: string;
+  constructorIndex: number;
+  onClose: () => void;
+  setConstructorIndex: React.Dispatch<number>;
+}
+
+function Deploy ({ codeHash, constructorIndex = 0, onClose, setConstructorIndex }: Props): React.ReactElement<Props> {
+  const { t } = useTranslation();
+  const { api } = useApi();
+  const [initTx, setInitTx] = useState<SubmittableExtrinsic<'promise'> | null>(null);
+  const [accountId, isAccountIdValid, setAccountId] = useFormField<string | null>(null);
+  const [value, isValueValid, setValue] = useFormField<BN>(BN_ZERO);
+  const [params, setParams] = useState<unknown[]>([]);
+  const [salt, setSalt] = useState<string>(() => randomAsHex());
+  const [withSalt, setWithSalt] = useState(false);
+  const weight = useWeight();
+
+  const hasStorageDeposit = api.tx.contracts.instantiate.meta.args.length === 6;
+
+  useEffect((): void => {
+    setParams([]);
+  }, [constructorIndex]);
+
+  const code = useMemo(
+    () => store.getCode(codeHash),
+    [codeHash]
+  );
+
+  const [name, isNameValid, setName] = useNonEmptyString(code && code.json.name);
+  const { contractAbi, errorText, isAbiError, isAbiSupplied, isAbiValid, onChangeAbi, onRemoveAbi } = useAbi([code && code.json.abi, code && code.contractAbi], codeHash, true);
+
+  const blueprint = useMemo(
+    () => isAbiValid && codeHash && contractAbi
+      ? new BlueprintPromise(api, contractAbi, codeHash)
+      : null,
+    [api, codeHash, contractAbi, isAbiValid]
+  );
+
+  const constructOptions = useMemo(
+    () => contractAbi
+      ? contractAbi.constructors.map((c, index) => ({
+        info: c.identifier,
+        key: c.identifier,
+        text: (
+          <MessageSignature
+            asConstructor
+            message={c}
+          />
+        ),
+        value: index
+      }))
+      : [],
+    [contractAbi]
+  );
+
+  useEffect((): void => {
+    value && setInitTx((): SubmittableExtrinsic<'promise'> | null => {
+      if (blueprint && contractAbi?.constructors[constructorIndex]?.method) {
+        try {
+          return blueprint.tx[contractAbi.constructors[constructorIndex].method]({
+            gasLimit: weight.weight,
+            salt: withSalt
+              ? salt
+              : null,
+            storageDepositLimit: null,
+            value: contractAbi?.constructors[constructorIndex].isPayable ? value : undefined
+          }, ...params);
+        } catch (error) {
+          return null;
+        }
+      }
+
+      return null;
+    });
+  }, [blueprint, contractAbi, constructorIndex, value, params, salt, weight, withSalt]);
+
+  const _onSuccess = useCallback(
+    (result: BlueprintSubmittableResult): void => {
+      if (result.contract) {
+        keyring.saveContract(result.contract.address.toString(), {
+          contract: {
+            abi: stringify(result.contract.abi.json),
+            genesisHash: api.genesisHash.toHex()
+          },
+          name,
+          tags: []
+        });
+
+        onClose && onClose();
+      }
+    },
+    [api, name, onClose]
+  );
+
+  const isSaltValid = !withSalt || (salt && (!salt.startsWith('0x') || isHex(salt)));
+  const isValid = isNameValid && isValueValid && weight.isValid && isAccountIdValid && isSaltValid;
+
+  return (
+    <Modal
+      header={t('Deploy a contract')}
+      onClose={onClose}
+    >
+      <Modal.Content>
+        <InputAddress
+          help={t('Specify the user account to use for this deployment. Any fees will be deducted from this account.')}
+          isInput={false}
+          label={t('deployment account')}
+          labelExtra={
+            <Available
+              label={t<string>('transferrable')}
+              params={accountId}
+            />
+          }
+          onChange={setAccountId}
+          type='account'
+          value={accountId}
+        />
+        <InputName
+          isContract
+          isError={!isNameValid}
+          onChange={setName}
+          value={name || ''}
+        />
+        {!isAbiSupplied && (
+          <ABI
+            contractAbi={contractAbi}
+            errorText={errorText}
+            isError={isAbiError}
+            isSupplied={isAbiSupplied}
+            isValid={isAbiValid}
+            onChange={onChangeAbi}
+            onRemove={onRemoveAbi}
+          />
+        )}
+        {contractAbi && (
+          <>
+            <Dropdown
+              help={t<string>('The deployment constructor information for this contract, as provided by the ABI.')}
+              isDisabled={contractAbi.constructors.length <= 1}
+              label={t('deployment constructor')}
+              onChange={setConstructorIndex}
+              options={constructOptions}
+              value={constructorIndex}
+            />
+            <Params
+              onChange={setParams}
+              params={contractAbi.constructors[constructorIndex]?.args}
+              registry={contractAbi.registry}
+            />
+          </>
+        )}
+        {contractAbi?.constructors[constructorIndex].isPayable && (
+          <InputBalance
+            help={t<string>('The balance to transfer from the `origin` to the newly created contract.')}
+            isError={!isValueValid}
+            isZeroable={hasStorageDeposit}
+            label={t<string>('value')}
+            onChange={setValue}
+            value={value}
+          />
+        )}
+        <Input
+          help={t<string>('A hex or string value that acts as a salt for this deployment.')}
+          isDisabled={!withSalt}
+          label={t<string>('unique deployment salt')}
+          onChange={setSalt}
+          placeholder={t<string>('0x prefixed hex, e.g. 0x1234 or ascii data')}
+          value={withSalt ? salt : t<string>('<none>')}
+        >
+          <Toggle
+            isOverlay
+            label={t<string>('use deployment salt')}
+            onChange={setWithSalt}
+            value={withSalt}
+          />
+        </Input>
+        <InputMegaGas
+          help={t<string>('The maximum amount of gas that can be used by this deployment, if the code requires more, the deployment will fail.')}
+          weight={weight}
+        />
+      </Modal.Content>
+      <Modal.Actions>
+        <TxButton
+          accountId={accountId}
+          extrinsic={initTx}
+          icon='upload'
+          isDisabled={!isValid || !initTx}
+          label={t('Deploy')}
+          onClick={onClose}
+          onSuccess={_onSuccess}
+          withSpinner
+        />
+      </Modal.Actions>
+    </Modal>
+  );
+}
+
+export default React.memo(Deploy);
diff --git a/packages/page-contracts/src/Contracts/Outcome.tsx b/packages/page-contracts/src/Contracts/Outcome.tsx
new file mode 100644
index 0000000..f59da7e
--- /dev/null
+++ b/packages/page-contracts/src/Contracts/Outcome.tsx
@@ -0,0 +1,59 @@
+// Copyright 2017-2022 @polkadot/app-contracts authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { CallResult } from './types';
+
+import React from 'react';
+import styled from 'styled-components';
+
+import { Button, IdentityIcon, Output } from '@polkadot/react-components';
+import valueToText from '@polkadot/react-params/valueToText';
+
+import MessageSignature from '../shared/MessageSignature';
+
+interface Props {
+  className?: string;
+  onClear?: () => void;
+  outcome: CallResult;
+}
+
+function Outcome ({ className = '', onClear, outcome: { from, message, output, params, result, when } }: Props): React.ReactElement<Props> | null {
+  return (
+    <div className={className}>
+      <IdentityIcon value={from} />
+      <Output
+        className='output'
+        isError={!result.isOk}
+        isFull
+        label={
+          <MessageSignature
+            message={message}
+            params={params}
+          />
+        }
+        labelExtra={
+          <span className='date-time'>
+            {when.toLocaleDateString()}
+            {' '}
+            {when.toLocaleTimeString()}
+          </span>
+        }
+        value={valueToText('Text', result.isOk ? output : result)}
+      />
+      <Button
+        icon='times'
+        onClick={onClear}
+      />
+    </div>
+  );
+}
+
+export default React.memo(styled(Outcome)`
+  align-items: center;
+  display: flex;
+
+  .output {
+    flex: 1 1;
+    margin: 0.25rem 0.5rem;
+  }
+`);
diff --git a/packages/page-contracts/src/Contracts/Summary.tsx b/packages/page-contracts/src/Contracts/Summary.tsx
new file mode 100644
index 0000000..3ce6d79
--- /dev/null
+++ b/packages/page-contracts/src/Contracts/Summary.tsx
@@ -0,0 +1,58 @@
+// Copyright 2017-2022 @polkadot/app-contracts authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { BN } from '@polkadot/util';
+
+import React, { useEffect, useState } from 'react';
+
+import { CardSummary, SummaryBox } from '@polkadot/react-components';
+import { useApi, useCall } from '@polkadot/react-hooks';
+import { formatNumber } from '@polkadot/util';
+
+import { useTranslation } from '../translate';
+
+interface Props {
+  trigger: number;
+}
+
+function Summary ({ trigger }: Props): React.ReactElement<Props> {
+  const { t } = useTranslation();
+  const { api } = useApi();
+  const accountCounter = useCall<BN>(api.query.contracts.accountCounter);
+  const [numContracts, setNumContracts] = useState(0);
+  const [numHashes, setNumHashes] = useState(0);
+
+  useEffect((): void => {
+    accountCounter && api.query.contracts.contractInfoOf
+      .keys()
+      .then((arr) => setNumContracts(arr.length))
+      .catch(console.error);
+  }, [api, accountCounter]);
+
+  useEffect((): void => {
+    api.query.contracts.codeStorage
+      .keys()
+      .then((arr) => setNumHashes(arr.length))
+      .catch(console.error);
+  }, [api, trigger]);
+
+  return (
+    <SummaryBox>
+      <section>
+        <CardSummary label={t<string>('addresses')}>
+          {formatNumber(accountCounter)}
+        </CardSummary>
+      </section>
+      <section>
+        <CardSummary label={t<string>('code hashes')}>
+          {formatNumber(numHashes)}
+        </CardSummary>
+        <CardSummary label={t<string>('contracts')}>
+          {formatNumber(numContracts)}
+        </CardSummary>
+      </section>
+    </SummaryBox>
+  );
+}
+
+export default React.memo(Summary);
diff --git a/packages/page-contracts/src/Contracts/ValidateAddr.tsx b/packages/page-contracts/src/Contracts/ValidateAddr.tsx
new file mode 100644
index 0000000..b61a102
--- /dev/null
+++ b/packages/page-contracts/src/Contracts/ValidateAddr.tsx
@@ -0,0 +1,58 @@
+// Copyright 2017-2022 @polkadot/app-contracts authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { Option } from '@polkadot/types';
+import type { ContractInfo } from '@polkadot/types/interfaces';
+
+import React, { useEffect, useState } from 'react';
+
+import { InfoForInput } from '@polkadot/react-components';
+import { useApi, useCall } from '@polkadot/react-hooks';
+import { keyring } from '@polkadot/ui-keyring';
+
+import { useTranslation } from '../translate';
+
+interface Props {
+  address?: string | null;
+  onChange: (isValid: boolean) => void;
+}
+
+function ValidateAddr ({ address, onChange }: Props): React.ReactElement<Props> | null {
+  const { t } = useTranslation();
+  const { api } = useApi();
+  const contractInfo = useCall<Option<ContractInfo>>(api.query.contracts.contractInfoOf, [address]);
+  const [isAddress, setIsAddress] = useState(false);
+  const [isStored, setIsStored] = useState(false);
+
+  useEffect((): void => {
+    try {
+      keyring.decodeAddress(address || '');
+      setIsAddress(true);
+    } catch (error) {
+      setIsAddress(false);
+    }
+  }, [address]);
+
+  useEffect((): void => {
+    setIsStored(!!contractInfo?.isSome);
+  }, [contractInfo]);
+
+  useEffect((): void => {
+    onChange(isAddress && isStored);
+  }, [isAddress, isStored, onChange]);
+
+  if (isStored || !isAddress) {
+    return null;
+  }
+
+  return (
+    <InfoForInput type='error'>
+      {isAddress
+        ? t<string>('Unable to find deployed contract code at the specified address')
+        : t<string>('The value is not in a valid address format')
+      }
+    </InfoForInput>
+  );
+}
+
+export default React.memo(ValidateAddr);
diff --git a/packages/page-contracts/src/Contracts/index.tsx b/packages/page-contracts/src/Contracts/index.tsx
new file mode 100644
index 0000000..1773b0c
--- /dev/null
+++ b/packages/page-contracts/src/Contracts/index.tsx
@@ -0,0 +1,104 @@
+// Copyright 2017-2022 @polkadot/app-contracts authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { AppProps as Props } from '@polkadot/react-components/types';
+
+import React, { useCallback, useState } from 'react';
+import styled from 'styled-components';
+
+import { Button } from '@polkadot/react-components';
+import { useToggle } from '@polkadot/react-hooks';
+
+import Codes from '../Codes';
+import CodeAdd from '../Codes/Add';
+import CodeUpload from '../Codes/Upload';
+import { useTranslation } from '../translate';
+import { useCodes } from '../useCodes';
+import { useContracts } from '../useContracts';
+import ContractAdd from './Add';
+import ContractsTable from './ContractsTable';
+import Deploy from './Deploy';
+import Summary from './Summary';
+
+function Contracts ({ className = '' }: Props): React.ReactElement<Props> {
+  const { t } = useTranslation();
+  const { allCodes, codeTrigger } = useCodes();
+  const { allContracts } = useContracts();
+  const [isAddOpen, toggleAdd] = useToggle();
+  const [isDeployOpen, toggleDeploy, setIsDeployOpen] = useToggle();
+  const [isHashOpen, toggleHash] = useToggle();
+  const [isUploadOpen, toggleUpload] = useToggle();
+  const [codeHash, setCodeHash] = useState<string | undefined>();
+  const [constructorIndex, setConstructorIndex] = useState(0);
+
+  const _onShowDeploy = useCallback(
+    (codeHash: string, constructorIndex: number): void => {
+      setCodeHash(codeHash || (allCodes && allCodes[0] ? allCodes[0].json.codeHash : undefined));
+      setConstructorIndex(constructorIndex);
+      toggleDeploy();
+    },
+    [allCodes, toggleDeploy]
+  );
+
+  const _onCloseDeploy = useCallback(
+    () => setIsDeployOpen(false),
+    [setIsDeployOpen]
+  );
+
+  return (
+    <div className={className}>
+      <Summary trigger={codeTrigger} />
+      <Button.Group>
+        <Button
+          icon='plus'
+          label={t('Upload & deploy code')}
+          onClick={toggleUpload}
+        />
+        <Button
+          icon='plus'
+          label={t('Add an existing code hash')}
+          onClick={toggleHash}
+        />
+        <Button
+          icon='plus'
+          label={t('Add an existing contract')}
+          onClick={toggleAdd}
+        />
+      </Button.Group>
+      <ContractsTable
+        contracts={allContracts}
+        updated={codeTrigger}
+      />
+      <Codes
+        onShowDeploy={_onShowDeploy}
+        updated={codeTrigger}
+      />
+      {codeHash && isDeployOpen && (
+        <Deploy
+          codeHash={codeHash}
+          constructorIndex={constructorIndex}
+          onClose={_onCloseDeploy}
+          setConstructorIndex={setConstructorIndex}
+        />
+      )}
+      {isUploadOpen && (
+        <CodeUpload onClose={toggleUpload} />
+      )}
+      {isHashOpen && (
+        <CodeAdd onClose={toggleHash} />
+      )}
+      {isAddOpen && (
+        <ContractAdd onClose={toggleAdd} />
+      )}
+    </div>
+  );
+}
+
+export default React.memo(styled(Contracts)`
+  .ui--Table td > article {
+    background: transparent;
+    border: none;
+    margin: 0;
+    padding: 0;
+  }
+`);
diff --git a/packages/page-contracts/src/Contracts/types.ts b/packages/page-contracts/src/Contracts/types.ts
new file mode 100644
index 0000000..39559bf
--- /dev/null
+++ b/packages/page-contracts/src/Contracts/types.ts
@@ -0,0 +1,17 @@
+// Copyright 2017-2022 @polkadot/app-staking authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { AbiMessage, ContractCallOutcome } from '@polkadot/api-contract/types';
+
+export interface CallResult extends ContractCallOutcome {
+  from: string;
+  message: AbiMessage;
+  params: unknown[];
+  when: Date;
+}
+
+export interface ContractLink {
+  blockHash: string;
+  blockNumber: string;
+  contractId: string;
+}
diff --git a/packages/page-contracts/src/Contracts/util.tsx b/packages/page-contracts/src/Contracts/util.tsx
new file mode 100644
index 0000000..ffcf0f0
--- /dev/null
+++ b/packages/page-contracts/src/Contracts/util.tsx
@@ -0,0 +1,48 @@
+// Copyright 2017-2022 @polkadot/app-contracts authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { ApiPromise } from '@polkadot/api';
+import type { AbiMessage } from '@polkadot/api-contract/types';
+
+import React from 'react';
+
+import { ContractPromise } from '@polkadot/api-contract';
+import { getContractAbi } from '@polkadot/react-components/util';
+
+import MessageSignature from '../shared/MessageSignature';
+
+export function findCallMethod (callContract: ContractPromise | null, callMethodIndex = 0): AbiMessage | null {
+  const message = callContract && callContract.abi.messages[callMethodIndex];
+
+  return message || null;
+}
+
+export function getContractMethodFn (callContract: ContractPromise | null, callMethodIndex: number | null): AbiMessage | null {
+  const fn = callContract && callContract.abi && callMethodIndex !== null && callContract.abi.messages[callMethodIndex];
+
+  return fn || null;
+}
+
+export function getContractForAddress (api: ApiPromise, address: string | null): ContractPromise | null {
+  if (!address) {
+    return null;
+  } else {
+    const abi = getContractAbi(address);
+
+    return abi
+      ? new ContractPromise(api, abi, address)
+      : null;
+  }
+}
+
+export function getCallMessageOptions (callContract: ContractPromise | null): unknown[] {
+  return callContract
+    ? callContract.abi.messages.map((m, index) => ({
+      key: m.identifier,
+      text: (
+        <MessageSignature message={m} />
+      ),
+      value: index
+    }))
+    : [];
+}
diff --git a/packages/page-contracts/src/RemoveABI.tsx b/packages/page-contracts/src/RemoveABI.tsx
new file mode 100644
index 0000000..761cdcb
--- /dev/null
+++ b/packages/page-contracts/src/RemoveABI.tsx
@@ -0,0 +1,56 @@
+// Copyright 2017-2022 @polkadot/app-accounts authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { CodeStored } from './types';
+
+import React, { useCallback } from 'react';
+
+import { Button, Modal } from '@polkadot/react-components';
+
+import CodeRow from './shared/CodeRow';
+import { useTranslation } from './translate';
+
+interface Props {
+  code: CodeStored;
+  onClose: () => void;
+  onRemove: () => void;
+}
+
+function RemoveABI ({ code, onClose, onRemove }: Props): React.ReactElement<Props> {
+  const { t } = useTranslation();
+
+  const _onRemove = useCallback(
+    (): void => {
+      onClose && onClose();
+      onRemove();
+    },
+    [onClose, onRemove]
+  );
+
+  return (
+    <Modal
+      className='app--accounts-Modal'
+      header={t<string>('Confirm ABI removal')}
+      onClose={onClose}
+    >
+      <Modal.Content>
+        <CodeRow
+          code={code}
+          isInline
+        >
+          <p>{t<string>('You are about to remove this code\'s ABI. Once completed, should you need to access it again, you will have to manually re-upload it.')}</p>
+          <p>{t<string>('This operation does not impact the associated on-chain code or any of its contracts.')}</p>
+        </CodeRow>
+      </Modal.Content>
+      <Modal.Actions>
+        <Button
+          icon='trash'
+          label={t<string>('Remove')}
+          onClick={_onRemove}
+        />
+      </Modal.Actions>
+    </Modal>
+  );
+}
+
+export default React.memo(RemoveABI);
diff --git a/packages/page-contracts/src/constants.ts b/packages/page-contracts/src/constants.ts
new file mode 100644
index 0000000..f0967c9
--- /dev/null
+++ b/packages/page-contracts/src/constants.ts
@@ -0,0 +1,9 @@
+// Copyright 2017-2022 @polkadot/app-staking authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+export const ENDOWMENT = 1000;
+export const GAS_LIMIT = '100000000000';
+export const CONTRACT_NULL = {
+  abi: null,
+  address: null
+};
diff --git a/packages/page-contracts/src/index.tsx b/packages/page-contracts/src/index.tsx
new file mode 100644
index 0000000..5d238af
--- /dev/null
+++ b/packages/page-contracts/src/index.tsx
@@ -0,0 +1,37 @@
+// Copyright 2017-2022 @polkadot/app-contracts authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { AppProps as Props } from '@polkadot/react-components/types';
+
+import React, { useRef } from 'react';
+
+import { useTranslation } from '@polkadot/app-contracts/translate';
+import { HelpOverlay, Tabs } from '@polkadot/react-components';
+
+import introMd from './md/intro.md';
+import Contracts from './Contracts';
+
+function ContractsApp ({ basePath, className = '' }: Props): React.ReactElement<Props> {
+  const { t } = useTranslation();
+
+  const itemsRef = useRef([
+    {
+      isRoot: true,
+      name: 'contracts',
+      text: t('Contracts')
+    }
+  ]);
+
+  return (
+    <main className={`contracts--App ${className}`}>
+      <HelpOverlay md={introMd as string} />
+      <Tabs
+        basePath={basePath}
+        items={itemsRef.current}
+      />
+      <Contracts />
+    </main>
+  );
+}
+
+export default React.memo(ContractsApp);
diff --git a/packages/page-contracts/src/md/intro.md b/packages/page-contracts/src/md/intro.md
new file mode 100644
index 0000000..55c1290
--- /dev/null
+++ b/packages/page-contracts/src/md/intro.md
@@ -0,0 +1,17 @@
+# contracts
+
+This contract management interface allows you to deploy WASM code for contracts, deploy contracts based on on-chain code and allows you to interact with contracts by sending messages.
+
+## warning
+
+Please be aware that this interface is very new and has not been thoroughly tested against all kinds of combinations of inputs - there are no doubt bugs lurking inside these sections. Additionally, the substrate contracts ABI is a very recent addition, and while stabilizing there may be changes and or-breakages while using this UI to interact.
+
+With all that said - if you do find issues, please log them.
+
+## basic operations
+
+The interface has 3 main areas -
+
+- **Code** This allows you to deploy WASM code on-chain or attach on-chain code into your local registry. Each code blob is identified by a unique hash, when deploying this will be saved, when attaching you would need to know the unique hash. From these bundles you can then move to the next step,
+- **Instance** This allows you to create contract instances using on-chain WASM code. Select the code to use, attach the ABI, specify the contract values and the contract can be deployed. As with the Code section, you can also attach on-chain instances when you know the address.
+- **Call** This allows you to send messages to contracts, via the address and attached ABIs.
diff --git a/packages/page-contracts/src/shared/ABI.tsx b/packages/page-contracts/src/shared/ABI.tsx
new file mode 100644
index 0000000..6133dba
--- /dev/null
+++ b/packages/page-contracts/src/shared/ABI.tsx
@@ -0,0 +1,79 @@
+// Copyright 2017-2022 @polkadot/app-contracts authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import React from 'react';
+
+import { Abi } from '@polkadot/api-contract';
+import { IconLink, InputFile, Labelled } from '@polkadot/react-components';
+
+import { useTranslation } from '../translate';
+import Messages from './Messages';
+
+interface Props {
+  className?: string;
+  contractAbi?: Abi | null;
+  errorText?: string | null;
+  isDisabled?: boolean;
+  isError?: boolean;
+  isFull?: boolean;
+  isRequired?: boolean;
+  isValid?: boolean;
+  isSupplied?: boolean;
+  label?: React.ReactNode;
+  onChange: (u8a: Uint8Array, name: string) => void;
+  onRemove?: () => void;
+  onRemoved?: () => void;
+  onSelect?: () => void;
+  onSelectConstructor?: (index?: number) => void;
+  withConstructors?: boolean;
+  withLabel?: boolean;
+  withMessages?: boolean;
+  withWasm?: boolean;
+}
+
+const NOOP = (): void => undefined;
+
+function ABI ({ className, contractAbi, errorText, isDisabled, isError, isFull, isValid, label, onChange, onRemove = NOOP, onSelectConstructor, withConstructors = true, withLabel = true, withMessages = true, withWasm }: Props): React.ReactElement<Props> {
+  const { t } = useTranslation();
+
+  return (contractAbi && isValid)
+    ? (
+      <Labelled
+        className={className}
+        help={t<string>('This is the ABI as supplied. Any calls to the contract will use this information for encoding.')}
+        label={label || t<string>('contract ABI')}
+        labelExtra={onRemove && (
+          <IconLink
+            icon='trash'
+            label={t<string>('Remove ABI')}
+            onClick={onRemove}
+          />
+        )}
+        withLabel={withLabel}
+      >
+        <Messages
+          contractAbi={contractAbi}
+          isLabelled={withLabel}
+          onSelectConstructor={onSelectConstructor}
+          withConstructors={withConstructors}
+          withMessages={withMessages}
+          withWasm={withWasm}
+        />
+      </Labelled>
+    )
+    : (
+      <div className={className}>
+        <InputFile
+          help={t<string>('The ABI for the WASM code. The ABI is required and stored for future operations such as sending messages.')}
+          isDisabled={isDisabled}
+          isError={isError}
+          isFull={isFull}
+          label={label || t<string>('contract ABI')}
+          onChange={onChange}
+          placeholder={errorText || t<string>('click to select or drag and drop a JSON file')}
+        />
+      </div>
+    );
+}
+
+export default React.memo(ABI);
diff --git a/packages/page-contracts/src/shared/CodeRow.tsx b/packages/page-contracts/src/shared/CodeRow.tsx
new file mode 100644
index 0000000..6f550be
--- /dev/null
+++ b/packages/page-contracts/src/shared/CodeRow.tsx
@@ -0,0 +1,89 @@
+// Copyright 2017-2022 @polkadot/react-components authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { CodeStored } from '../types';
+
+import React, { useCallback, useEffect, useState } from 'react';
+import styled from 'styled-components';
+
+import { Icon } from '@polkadot/react-components';
+import Row from '@polkadot/react-components/Row';
+
+import contracts from '../store';
+
+interface Props {
+  buttons?: React.ReactNode;
+  children?: React.ReactNode;
+  className?: string;
+  code: CodeStored;
+  isInline?: boolean;
+  withTags?: boolean;
+}
+
+const DEFAULT_HASH = '0x';
+const DEFAULT_NAME = '<unknown>';
+
+function CodeRow ({ buttons, children, className, code: { json }, isInline, withTags }: Props): React.ReactElement<Props> {
+  const [name, setName] = useState(json.name || DEFAULT_NAME);
+  const [tags, setTags] = useState(json.tags || []);
+  const [codeHash, setCodeHash] = useState(json.codeHash || DEFAULT_HASH);
+
+  useEffect((): void => {
+    setName(json.name || DEFAULT_NAME);
+    setTags(json.tags || []);
+    setCodeHash(json.codeHash || DEFAULT_HASH);
+  }, [json]);
+
+  const _onSaveName = useCallback(
+    (): void => {
+      const trimmedName = name.trim();
+
+      if (trimmedName && codeHash) {
+        contracts.saveCode(codeHash, { name });
+      }
+    },
+    [codeHash, name]
+  );
+
+  const _onSaveTags = useCallback(
+    (): void => {
+      codeHash && contracts.saveCode(codeHash, { tags });
+    },
+    [codeHash, tags]
+  );
+
+  return (
+    <Row
+      buttons={buttons}
+      className={className}
+      icon={
+        <div className='ui--CodeRow-icon'>
+          <Icon icon='code' />
+        </div>
+      }
+      isInline={isInline}
+      name={name}
+      onChangeName={setName}
+      onChangeTags={setTags}
+      onSaveName={_onSaveName}
+      onSaveTags={_onSaveTags}
+      tags={withTags && tags}
+    >
+      {children}
+    </Row>
+  );
+}
+
+export default React.memo(styled(CodeRow)`
+  .ui--CodeRow-icon {
+    margin-right: -0.5em;
+    background: #eee;
+    border-radius: 50%;
+    color: #666;
+    width: 26px;
+    height: 26px;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+  }
+`);
diff --git a/packages/page-contracts/src/shared/InputMegaGas.tsx b/packages/page-contracts/src/shared/InputMegaGas.tsx
new file mode 100644
index 0000000..e47b9ec
--- /dev/null
+++ b/packages/page-contracts/src/shared/InputMegaGas.tsx
@@ -0,0 +1,85 @@
+// Copyright 2017-2022 @polkadot/app-contracts authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { BN } from '@polkadot/util';
+import type { UseWeight } from '../types';
+
+import React, { useEffect, useMemo, useState } from 'react';
+import styled from 'styled-components';
+
+import { InputNumber, Toggle } from '@polkadot/react-components';
+import { BN_MILLION, BN_ONE, BN_ZERO } from '@polkadot/util';
+
+import { useTranslation } from '../translate';
+
+interface Props {
+  className?: string;
+  estimatedWeight?: BN;
+  help: React.ReactNode;
+  isCall?: boolean;
+  weight: UseWeight;
+}
+
+function InputMegaGas ({ className, estimatedWeight, help, isCall, weight: { executionTime, isValid, megaGas, percentage, setIsEmpty, setMegaGas } }: Props): React.ReactElement<Props> {
+  const { t } = useTranslation();
+  const [withEstimate, setWithEstimate] = useState(true);
+
+  const estimatedMg = useMemo(
+    () => estimatedWeight
+      ? estimatedWeight.div(BN_MILLION).iadd(BN_ONE)
+      : null,
+    [estimatedWeight]
+  );
+
+  useEffect((): void => {
+    withEstimate && estimatedMg && setMegaGas(estimatedMg);
+  }, [estimatedMg, setMegaGas, withEstimate]);
+
+  useEffect((): void => {
+    setIsEmpty(withEstimate && !!isCall);
+  }, [isCall, setIsEmpty, withEstimate]);
+
+  const isDisabled = !!estimatedMg && withEstimate;
+
+  return (
+    <div className={className}>
+      <InputNumber
+        defaultValue={estimatedMg && isDisabled ? estimatedMg.toString() : undefined}
+        help={help}
+        isDisabled={isDisabled}
+        isError={!isValid}
+        isZeroable={isCall}
+        label={
+          estimatedMg && (isCall ? !withEstimate : true)
+            ? t<string>('max gas allowed (M, {{estimatedMg}} estimated)', { replace: { estimatedMg: estimatedMg.toString() } })
+            : t<string>('max gas allowed (M)')
+        }
+        onChange={isDisabled ? undefined : setMegaGas}
+        value={isDisabled ? undefined : ((isCall && withEstimate) ? BN_ZERO : megaGas)}
+      >
+        {(estimatedWeight || isCall) && (
+          <Toggle
+            isOverlay
+            label={
+              isCall
+                ? t<string>('max read gas')
+                : t<string>('use estimated gas')
+            }
+            onChange={setWithEstimate}
+            value={withEstimate}
+          />
+        )}
+      </InputNumber>
+      <div className='contracts--InputMegaGas-meter'>
+        {t<string>('{{executionTime}}s execution time', { replace: { executionTime: executionTime.toFixed(3) } })}{', '}
+        {t<string>('{{percentage}}% of block weight', { replace: { percentage: percentage.toFixed(2) } })}
+      </div>
+    </div>
+  );
+}
+
+export default React.memo(styled(InputMegaGas)`
+  .contracts--InputMegaGas-meter {
+    text-align: right;
+  }
+`);
diff --git a/packages/page-contracts/src/shared/InputName.tsx b/packages/page-contracts/src/shared/InputName.tsx
new file mode 100644
index 0000000..f55c624
--- /dev/null
+++ b/packages/page-contracts/src/shared/InputName.tsx
@@ -0,0 +1,46 @@
+// Copyright 2017-2022 @polkadot/app-contracts authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import React from 'react';
+
+import { Input } from '@polkadot/react-components';
+
+import { useTranslation } from '../translate';
+
+interface Props {
+  className?: string;
+  isBusy?: boolean;
+  isContract?: boolean;
+  isError?: boolean;
+  isDisabled?: boolean;
+  onChange: (_: string) => void;
+  onEnter?: () => void;
+  value?: string;
+}
+
+function InputName ({ className, isBusy, isContract, isError, onChange, onEnter, value = '' }: Props): React.ReactElement<Props> {
+  const { t } = useTranslation();
+
+  return (
+    <Input
+      className={className}
+      help={t<string>(
+        isContract
+          ? 'A name for the deployed contract to help users distinguish. Only used for display purposes.'
+          : 'A name for this WASM code to help users distinguish. Only used for display purposes.'
+      )}
+      isDisabled={isBusy}
+      isError={isError}
+      label={t<string>(
+        isContract
+          ? 'contract name'
+          : 'code bundle name'
+      )}
+      onChange={onChange}
+      onEnter={onEnter}
+      value={value}
+    />
+  );
+}
+
+export default React.memo(InputName);
diff --git a/packages/page-contracts/src/shared/Message.tsx b/packages/page-contracts/src/shared/Message.tsx
new file mode 100644
index 0000000..f2fad3d
--- /dev/null
+++ b/packages/page-contracts/src/shared/Message.tsx
@@ -0,0 +1,132 @@
+// Copyright 2017-2022 @polkadot/react-components authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { AbiConstructor, AbiMessage, ContractCallOutcome } from '@polkadot/api-contract/types';
+
+import React, { useCallback } from 'react';
+import styled from 'styled-components';
+
+import { Button, Output } from '@polkadot/react-components';
+import valueToText from '@polkadot/react-params/valueToText';
+
+import { useTranslation } from '../translate';
+import MessageSignature from './MessageSignature';
+
+export interface Props {
+  className?: string;
+  index: number;
+  lastResult?: ContractCallOutcome;
+  message: AbiConstructor | AbiMessage;
+  onSelect?: (index: number) => void;
+}
+
+function filterDocs (docs: string[]): string[] {
+  let skip = false;
+
+  return docs
+    .map((line) => line.trim())
+    .filter((line) => line)
+    .filter((line, index): boolean => {
+      if (skip) {
+        return false;
+      } else if (index || line.startsWith('#')) {
+        skip = true;
+
+        return false;
+      }
+
+      return true;
+    });
+}
+
+function Message ({ className = '', index, lastResult, message, onSelect }: Props): React.ReactElement<Props> {
+  const { t } = useTranslation();
+
+  const _onSelect = useCallback(
+    () => onSelect && onSelect(index),
+    [index, onSelect]
+  );
+
+  return (
+    <div
+      className={`${className} ${!onSelect ? 'exempt-hover' : ''} ${message.isConstructor ? 'constructor' : ''}`}
+      key={`${message.identifier}-${index}`}
+    >
+      {onSelect && (
+        message.isConstructor
+          ? (
+            <Button
+              className='accessory'
+              icon='upload'
+              label={t<string>('deploy')}
+              onClick={_onSelect}
+            />
+          )
+          : (
+            <Button
+              className='accessory'
+              icon='play'
+              isDisabled={message.isMutating ? false : (!message.args.length && lastResult?.result.isOk)}
+              label={message.isMutating ? t<string>('exec') : t<string>('read')}
+              onClick={_onSelect}
+            />
+          )
+      )}
+      <div className='info'>
+        <MessageSignature
+          asConstructor={message.isConstructor}
+          message={message}
+          withTooltip
+        />
+        <div className='docs'>
+          {message.docs.length
+            ? filterDocs(message.docs).map((line, index) => ((
+              <div key={`${message.identifier}-docs-${index}`}>{line}</div>
+            )))
+            : <i>&nbsp;{t<string>('No documentation provided')}&nbsp;</i>
+          }
+        </div>
+      </div>
+      {lastResult && lastResult.result.isOk && lastResult.output && (
+        <Output
+          className='result'
+          isFull
+          label={t<string>('current value')}
+        >
+          {valueToText('Text', lastResult.output)}
+        </Output>
+      )}
+    </div>
+  );
+}
+
+export default React.memo(styled(Message)`
+  align-items: center;
+  border-radius: 0.25rem;
+  display: flex;
+  padding: 0.25rem 0.75rem 0.25rem 0;
+
+  &.disabled {
+    opacity: 1 !important;
+    background: #eee !important;
+    color: #555 !important;
+  }
+
+  .info {
+    flex: 1 1;
+    margin-left: 1.5rem;
+
+    .docs {
+      font-size: 0.9rem;
+      font-weight: var(--font-weight-normal);
+    }
+  }
+
+  .result {
+    min-width: 15rem;
+  }
+
+  &+& {
+    margin-top: 0.5rem;
+  }
+`);
diff --git a/packages/page-contracts/src/shared/MessageSignature.tsx b/packages/page-contracts/src/shared/MessageSignature.tsx
new file mode 100644
index 0000000..670bad9
--- /dev/null
+++ b/packages/page-contracts/src/shared/MessageSignature.tsx
@@ -0,0 +1,104 @@
+// Copyright 2017-2022 @polkadot/react-components authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { AbiMessage } from '@polkadot/api-contract/types';
+
+import React from 'react';
+import styled from 'styled-components';
+
+import { Icon, Tooltip } from '@polkadot/react-components';
+import { useApi } from '@polkadot/react-hooks';
+import { encodeTypeDef } from '@polkadot/types/create';
+
+import { useTranslation } from '../translate';
+
+const MAX_PARAM_LENGTH = 20;
+
+export interface Props {
+  asConstructor?: boolean;
+  className?: string;
+  message: AbiMessage;
+  params?: unknown[];
+  withTooltip?: boolean;
+}
+
+function truncate (param: string): string {
+  return param.length > MAX_PARAM_LENGTH
+    ? `${param.substring(0, MAX_PARAM_LENGTH / 2)}…${param.substring(param.length - MAX_PARAM_LENGTH / 2)}`
+    : param;
+}
+
+function MessageSignature ({ className, message: { args, isConstructor, isMutating, method, returnType }, params = [], withTooltip = false }: Props): React.ReactElement<Props> {
+  const { t } = useTranslation();
+  const { api } = useApi();
+
+  return (
+    <div className={className}>
+      <span className='ui--MessageSignature-name'>{method}</span>
+      {' '}({args.map(({ name, type }, index): React.ReactNode => {
+        return (
+          <React.Fragment key={`${name}-args-${index}`}>
+            {name}:
+            {' '}
+            <span className='ui--MessageSignature-type'>
+              {params && params[index]
+                ? <b>{truncate((params as string[])[index].toString())}</b>
+                : encodeTypeDef(api.registry, type)
+              }
+            </span>
+            {index < (args.length) - 1 && ', '}
+          </React.Fragment>
+        );
+      })})
+      {(!isConstructor && returnType) && (
+        <>
+          :
+          {' '}
+          <span className='ui--MessageSignature-returnType'>
+            {encodeTypeDef(api.registry, returnType)}
+          </span>
+        </>
+      )}
+      {isMutating && (
+        <>
+          <Icon
+            className='ui--MessageSignature-mutates'
+            icon='database'
+            tooltip={`mutates-${method}`}
+          />
+          {withTooltip && (
+            <Tooltip
+              text={t<string>('Mutates contract state')}
+              trigger={`mutates-${method}`}
+            />
+          )}
+        </>
+      )}
+    </div>
+  );
+}
+
+export default React.memo(styled(MessageSignature)`
+  font: var(--font-mono);
+  font-weight: var(--font-weight-normal);
+  flex-grow: 1;
+
+  .ui--MessageSignature-mutates {
+    color: #ff8600;
+    margin-left: 0.5rem;
+    opacity: 0.6;
+  }
+
+  .ui--MessageSignature-name {
+    color: #2f8ddb;
+    font-weight: var(--font-weight-normal);
+  }
+
+  .ui--MessageSignature-type {
+    color: #21a2b2;
+  }
+
+  .ui--MessageSignature-returnType {
+    color: #ff8600;
+  }
+`);
diff --git a/packages/page-contracts/src/shared/Messages.tsx b/packages/page-contracts/src/shared/Messages.tsx
new file mode 100644
index 0000000..219f56b
--- /dev/null
+++ b/packages/page-contracts/src/shared/Messages.tsx
@@ -0,0 +1,141 @@
+// Copyright 2017-2022 @polkadot/react-components authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { ContractPromise } from '@polkadot/api-contract';
+import type { AbiMessage, ContractCallOutcome } from '@polkadot/api-contract/types';
+import type { Option } from '@polkadot/types';
+import type { ContractInfo } from '@polkadot/types/interfaces';
+
+import React, { useCallback, useEffect, useState } from 'react';
+import styled from 'styled-components';
+
+import { Abi } from '@polkadot/api-contract';
+import { Expander } from '@polkadot/react-components';
+import { useApi, useCall } from '@polkadot/react-hooks';
+import { formatNumber } from '@polkadot/util';
+
+import { useTranslation } from '../translate';
+import Message from './Message';
+
+export interface Props {
+  className?: string;
+  contract?: ContractPromise;
+  contractAbi: Abi;
+  isLabelled?: boolean;
+  isWatching?: boolean;
+  trigger?: number;
+  onSelect?: (messageIndex: number, resultCb: (messageIndex: number, result?: ContractCallOutcome) => void) => void;
+  onSelectConstructor?: (constructorIndex: number) => void;
+  withConstructors?: boolean;
+  withMessages?: boolean;
+  withWasm?: boolean;
+}
+
+const READ_ADDR = '0x'.padEnd(66, '0');
+
+function sortMessages (messages: AbiMessage[]): [AbiMessage, number][] {
+  return messages
+    .map((m, index): [AbiMessage, number] => [m, index])
+    .sort((a, b) => a[0].identifier.localeCompare(b[0].identifier))
+    .sort((a, b) => a[0].isMutating === b[0].isMutating
+      ? 0
+      : a[0].isMutating
+        ? -1
+        : 1
+    );
+}
+
+function Messages ({ className = '', contract, contractAbi: { constructors, info: { source }, messages }, isLabelled, isWatching, onSelect, onSelectConstructor, trigger, withConstructors, withMessages, withWasm }: Props): React.ReactElement<Props> {
+  const { t } = useTranslation();
+  const { api } = useApi();
+  const optInfo = useCall<Option<ContractInfo>>(contract && api.query.contracts.contractInfoOf, [contract?.address]);
+  const [isUpdating, setIsUpdating] = useState(false);
+  const [lastResults, setLastResults] = useState<(ContractCallOutcome | void)[]>([]);
+
+  const _onExpander = useCallback(
+    (isOpen: boolean): void => {
+      isWatching && setIsUpdating(isOpen);
+    },
+    [isWatching]
+  );
+
+  const _onRefresh = useCallback(
+    (): void => {
+      optInfo && contract && Promise
+        .all(messages.map((m) =>
+          m.isMutating || m.args.length !== 0
+            ? Promise.resolve(undefined)
+            : contract.query[m.method](READ_ADDR, 0, -1).catch(console.error)
+        ))
+        .then(setLastResults)
+        .catch(console.error);
+    },
+    [contract, messages, optInfo]
+  );
+
+  useEffect((): void => {
+    (isUpdating || trigger) && optInfo && contract && _onRefresh();
+  }, [_onRefresh, contract, isUpdating, optInfo, trigger]);
+
+  const _setMessageResult = useCallback(
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars
+    (messageIndex: number, result?: ContractCallOutcome): void => {
+      // ignore
+    },
+    []
+  );
+
+  const _onSelect = useCallback(
+    (index: number) => onSelect && onSelect(index, _setMessageResult),
+    [_setMessageResult, onSelect]
+  );
+
+  return (
+    <div className={`ui--Messages ${className}${isLabelled ? ' isLabelled' : ''}`}>
+      {withConstructors && (
+        <Expander summary={t<string>('Constructors ({{count}})', { replace: { count: constructors.length } })}>
+          {sortMessages(constructors).map(([message, index]) => (
+            <Message
+              index={index}
+              key={index}
+              message={message}
+              onSelect={onSelectConstructor}
+            />
+          ))}
+        </Expander>
+      )}
+      {withMessages && (
+        <Expander
+          onClick={_onExpander}
+          summary={t<string>('Messages ({{count}})', { replace: { count: messages.length } })}
+        >
+          {sortMessages(messages).map(([message, index]) => (
+            <Message
+              index={index}
+              key={index}
+              lastResult={lastResults[index]}
+              message={message}
+              onSelect={_onSelect}
+            />
+          ))}
+        </Expander>
+      )}
+      {withWasm && source.wasm.length !== 0 && (
+        <div>{t<string>('{{size}} WASM bytes', { replace: { size: formatNumber(source.wasm.length) } })}</div>
+      )}
+    </div>
+  );
+}
+
+export default React.memo(styled(Messages)`
+  padding-bottom: 0.75rem !important;
+
+  &.isLabelled {
+    background: var(--bg-input);
+    box-sizing: border-box;
+    border: 1px solid var(--border-input);
+    border-radius: .28571429rem;
+    padding: 1rem 1rem 0.5rem;
+    width: 100%;
+  }
+`);
diff --git a/packages/page-contracts/src/shared/Params.tsx b/packages/page-contracts/src/shared/Params.tsx
new file mode 100644
index 0000000..8052000
--- /dev/null
+++ b/packages/page-contracts/src/shared/Params.tsx
@@ -0,0 +1,51 @@
+// Copyright 2017-2022 @polkadot/app-contracts authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { RawParams } from '@polkadot/react-params/types';
+import type { Registry, TypeDef } from '@polkadot/types/types';
+
+import React, { useCallback, useEffect, useState } from 'react';
+
+import UIParams from '@polkadot/react-params';
+
+interface Props {
+  isDisabled?: boolean;
+  params?: ParamDef[] | null | '';
+  onChange: (values: unknown[]) => void;
+  onEnter?: () => void;
+  registry: Registry;
+}
+
+interface ParamDef {
+  name: string;
+  type: TypeDef;
+}
+
+function Params ({ isDisabled, onChange, onEnter, params: propParams, registry }: Props): React.ReactElement<Props> | null {
+  const [params, setParams] = useState<ParamDef[]>([]);
+
+  useEffect((): void => {
+    propParams && setParams(propParams);
+  }, [propParams]);
+
+  const _onChange = useCallback(
+    (values: RawParams) => onChange(values.map(({ value }) => value)),
+    [onChange]
+  );
+
+  if (!params.length) {
+    return null;
+  }
+
+  return (
+    <UIParams
+      isDisabled={isDisabled}
+      onChange={_onChange}
+      onEnter={onEnter}
+      params={params}
+      registry={registry}
+    />
+  );
+}
+
+export default React.memo(Params);
diff --git a/packages/page-contracts/src/shared/index.tsx b/packages/page-contracts/src/shared/index.tsx
new file mode 100644
index 0000000..b8338d7
--- /dev/null
+++ b/packages/page-contracts/src/shared/index.tsx
@@ -0,0 +1,10 @@
+// Copyright 2017-2022 @polkadot/react-components authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+export { default as ABI } from './ABI';
+export { default as CodeRow } from './CodeRow';
+export { default as InputMegaGas } from './InputMegaGas';
+export { default as InputName } from './InputName';
+export { default as Messages } from './Messages';
+export { default as MessageSignature } from './MessageSignature';
+export { default as Params } from './Params';
diff --git a/packages/page-contracts/src/store.ts b/packages/page-contracts/src/store.ts
new file mode 100644
index 0000000..fc4a07e
--- /dev/null
+++ b/packages/page-contracts/src/store.ts
@@ -0,0 +1,94 @@
+// Copyright 2017-2022 @polkadot/app-contracts authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { Hash } from '@polkadot/types/interfaces';
+import type { CodeJson, CodeStored } from './types';
+
+import EventEmitter from 'eventemitter3';
+import store from 'store';
+
+import { Abi } from '@polkadot/api-contract';
+import { api } from '@polkadot/react-api';
+import { isString } from '@polkadot/util';
+
+const KEY_CODE = 'code:';
+
+class Store extends EventEmitter {
+  #allCode: Record<string, CodeStored> = {};
+
+  public get hasCode (): boolean {
+    return Object.keys(this.#allCode).length !== 0;
+  }
+
+  public getAllCode (): CodeStored[] {
+    return Object.values(this.#allCode);
+  }
+
+  public getCode (codeHash: string): CodeStored | undefined {
+    return this.#allCode[codeHash];
+  }
+
+  public saveCode (_codeHash: string | Hash, partial: Partial<CodeJson>): void {
+    const codeHash = (isString(_codeHash) ? api.registry.createType('Hash', _codeHash) : _codeHash).toHex();
+    const existing = this.getCode(codeHash);
+    const json = {
+      ...(existing ? existing.json : {}),
+      ...partial,
+      codeHash,
+      genesisHash: api.genesisHash.toHex(),
+      whenCreated: existing?.json.whenCreated || Date.now()
+    };
+    const key = `${KEY_CODE}${json.codeHash}`;
+
+    store.set(key, json);
+    this.addCode(key, json as CodeJson);
+  }
+
+  public forgetCode (codeHash: string): void {
+    this.removeCode(`${KEY_CODE}${codeHash}`, codeHash);
+  }
+
+  public loadAll (onLoaded?: () => void): void {
+    try {
+      const genesisHash = api.genesisHash.toHex();
+
+      store.each((json: CodeJson, key: string): void => {
+        if (json && json.genesisHash === genesisHash && key.startsWith(KEY_CODE)) {
+          this.addCode(key, json);
+        }
+      });
+
+      onLoaded && onLoaded();
+    } catch (error) {
+      console.error('Unable to load code', error);
+    }
+  }
+
+  private addCode (key: string, json: CodeJson): void {
+    try {
+      this.#allCode[json.codeHash] = {
+        contractAbi: json.abi
+          ? new Abi(json.abi, api.registry.getChainProperties())
+          : undefined,
+        json
+      };
+
+      this.emit('new-code');
+    } catch (error) {
+      console.error(error);
+      this.removeCode(key, json.codeHash);
+    }
+  }
+
+  private removeCode (key: string, codeHash: string): void {
+    try {
+      delete this.#allCode[codeHash];
+      store.remove(key);
+      this.emit('removed-code');
+    } catch (error) {
+      console.error(error);
+    }
+  }
+}
+
+export default new Store();
diff --git a/packages/page-contracts/src/translate.ts b/packages/page-contracts/src/translate.ts
new file mode 100644
index 0000000..b99fb44
--- /dev/null
+++ b/packages/page-contracts/src/translate.ts
@@ -0,0 +1,12 @@
+// Copyright 2017-2022 @polkadot/app-contracts authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { UseTranslationResponse } from 'react-i18next';
+
+import { useTranslation as useTranslationBase, withTranslation } from 'react-i18next';
+
+export function useTranslation (): UseTranslationResponse<'app-contracts', undefined> {
+  return useTranslationBase('app-contracts');
+}
+
+export default withTranslation(['app-contracts']);
diff --git a/packages/page-contracts/src/types.ts b/packages/page-contracts/src/types.ts
new file mode 100644
index 0000000..3839437
--- /dev/null
+++ b/packages/page-contracts/src/types.ts
@@ -0,0 +1,37 @@
+// Copyright 2017-2022 @polkadot/app-contracts authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { Abi } from '@polkadot/api-contract';
+import type { BN } from '@polkadot/util';
+
+export interface CodeJson {
+  abi?: string | null;
+  codeHash: string;
+  name: string;
+  genesisHash: string;
+  tags: string[];
+  whenCreated: number;
+}
+
+export interface CodeStored {
+  json: CodeJson;
+  contractAbi?: Abi;
+}
+
+export interface ContractJsonOld {
+  genesisHash: string;
+  abi: string;
+  address: string;
+  name: string;
+}
+
+export interface UseWeight {
+  executionTime: number;
+  isEmpty: boolean;
+  isValid: boolean;
+  megaGas: BN;
+  percentage: number;
+  setIsEmpty: React.Dispatch<boolean>
+  setMegaGas: React.Dispatch<BN | undefined>;
+  weight: BN;
+}
diff --git a/packages/page-contracts/src/useAbi.ts b/packages/page-contracts/src/useAbi.ts
new file mode 100644
index 0000000..be6642d
--- /dev/null
+++ b/packages/page-contracts/src/useAbi.ts
@@ -0,0 +1,103 @@
+// Copyright 2017-2022 @polkadot/react-hooks authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import { useCallback, useEffect, useState } from 'react';
+
+import { Abi } from '@polkadot/api-contract';
+import { api } from '@polkadot/react-api';
+import { createNamedHook } from '@polkadot/react-hooks';
+import { u8aToString } from '@polkadot/util';
+
+import store from './store';
+
+interface AbiState {
+  abi: string | null;
+  abiName: string | null;
+  contractAbi: Abi | null;
+  errorText: string | null;
+  isAbiError: boolean;
+  isAbiValid: boolean;
+  isAbiSupplied: boolean;
+}
+
+interface UseAbi extends AbiState {
+  onChangeAbi: (u8a: Uint8Array, name: string) => void;
+  onRemoveAbi: () => void;
+}
+
+function fromInitial (initialValue: [string | null | undefined, Abi | null | undefined], isRequired: boolean): AbiState {
+  return {
+    abi: initialValue[0] || null,
+    abiName: null,
+    contractAbi: initialValue[1] || null,
+    errorText: null,
+    isAbiError: false,
+    isAbiSupplied: !!initialValue[1],
+    isAbiValid: !isRequired || !!initialValue[1]
+  };
+}
+
+const EMPTY: AbiState = {
+  abi: null,
+  abiName: null,
+  contractAbi: null,
+  errorText: null,
+  isAbiError: false,
+  isAbiSupplied: false,
+  isAbiValid: false
+};
+
+function useAbiImpl (initialValue: [string | null | undefined, Abi | null | undefined] = [null, null], codeHash: string | null = null, isRequired = false): UseAbi {
+  const [state, setAbi] = useState<AbiState>(() => fromInitial(initialValue, isRequired));
+
+  useEffect(
+    () => setAbi((state) =>
+      initialValue[0] && state.abi !== initialValue[0]
+        ? fromInitial(initialValue, isRequired)
+        : state
+    ),
+    [initialValue, isRequired]
+  );
+
+  const onChangeAbi = useCallback(
+    (u8a: Uint8Array, name: string): void => {
+      const json = u8aToString(u8a);
+
+      try {
+        setAbi({
+          abi: json,
+          abiName: name.replace('.contract', '').replace('.json', '').replace('_', ' '),
+          contractAbi: new Abi(json, api.registry.getChainProperties()),
+          errorText: null,
+          isAbiError: false,
+          isAbiSupplied: true,
+          isAbiValid: true
+        });
+
+        codeHash && store.saveCode(codeHash, { abi: json });
+      } catch (error) {
+        console.error(error);
+
+        setAbi({ ...EMPTY, errorText: (error as Error).message });
+      }
+    },
+    [codeHash]
+  );
+
+  const onRemoveAbi = useCallback(
+    (): void => {
+      setAbi(EMPTY);
+
+      codeHash && store.saveCode(codeHash, { abi: null });
+    },
+    [codeHash]
+  );
+
+  return {
+    ...state,
+    onChangeAbi,
+    onRemoveAbi
+  };
+}
+
+export default createNamedHook('useAbi', useAbiImpl);
diff --git a/packages/page-contracts/src/useCodes.ts b/packages/page-contracts/src/useCodes.ts
new file mode 100644
index 0000000..0e71f25
--- /dev/null
+++ b/packages/page-contracts/src/useCodes.ts
@@ -0,0 +1,43 @@
+// Copyright 2017-2022 @polkadot/react-hooks authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { CodeStored } from './types';
+
+import { useEffect, useState } from 'react';
+
+import { createNamedHook, useIsMountedRef } from '@polkadot/react-hooks';
+
+import store from './store';
+
+interface UseCodes {
+  allCodes: CodeStored[];
+  codeTrigger: number;
+}
+
+const DEFAULT_STATE: UseCodes = { allCodes: [], codeTrigger: Date.now() };
+
+function useCodesImpl (): UseCodes {
+  const mountedRef = useIsMountedRef();
+  const [state, setState] = useState<UseCodes>(DEFAULT_STATE);
+
+  useEffect(
+    (): void => {
+      const triggerUpdate = (): void => {
+        mountedRef.current && setState({
+          allCodes: store.getAllCode(),
+          codeTrigger: Date.now()
+        });
+      };
+
+      store.on('new-code', triggerUpdate);
+      store.on('removed-code', triggerUpdate);
+      store.loadAll(triggerUpdate);
+    },
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    []
+  );
+
+  return state;
+}
+
+export const useCodes = createNamedHook('useCodes', useCodesImpl);
diff --git a/packages/page-contracts/src/useContracts.ts b/packages/page-contracts/src/useContracts.ts
new file mode 100644
index 0000000..56e4a63
--- /dev/null
+++ b/packages/page-contracts/src/useContracts.ts
@@ -0,0 +1,45 @@
+// Copyright 2017-2022 @polkadot/react-hooks authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import { useEffect, useState } from 'react';
+
+import { createNamedHook, useIsMountedRef } from '@polkadot/react-hooks';
+import { keyring } from '@polkadot/ui-keyring';
+
+interface UseContracts {
+  allContracts: string[];
+  hasContracts: boolean;
+  isContract: (address: string) => boolean;
+}
+
+const DEFAULT_STATE: UseContracts = {
+  allContracts: [],
+  hasContracts: false,
+  isContract: () => false
+};
+
+function useContractsImpl (): UseContracts {
+  const mountedRef = useIsMountedRef();
+  const [state, setState] = useState<UseContracts>(DEFAULT_STATE);
+
+  useEffect((): () => void => {
+    const subscription = keyring.contracts.subject.subscribe((contracts): void => {
+      if (mountedRef.current) {
+        const allContracts = contracts ? Object.keys(contracts) : [];
+        const hasContracts = allContracts.length !== 0;
+        const isContract = (address: string) => allContracts.includes(address);
+
+        setState({ allContracts, hasContracts, isContract });
+      }
+    });
+
+    return (): void => {
+      setTimeout(() => subscription.unsubscribe(), 0);
+    };
+  // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, []);
+
+  return state;
+}
+
+export const useContracts = createNamedHook('useContracts', useContractsImpl);
diff --git a/packages/page-contracts/src/useWeight.ts b/packages/page-contracts/src/useWeight.ts
new file mode 100644
index 0000000..66db7fe
--- /dev/null
+++ b/packages/page-contracts/src/useWeight.ts
@@ -0,0 +1,67 @@
+// Copyright 2017-2022 @polkadot/react-hooks authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { Weight } from '@polkadot/types/interfaces';
+import type { BN } from '@polkadot/util';
+import type { UseWeight } from './types';
+
+import { useCallback, useMemo, useState } from 'react';
+
+import { createNamedHook, useApi, useBlockInterval } from '@polkadot/react-hooks';
+import { BN_MILLION, BN_TEN, BN_ZERO } from '@polkadot/util';
+
+function useWeightImpl (): UseWeight {
+  const { api } = useApi();
+  const blockTime = useBlockInterval();
+  const [megaGas, _setMegaGas] = useState<BN>(
+    (api.consts.system.blockWeights
+      ? api.consts.system.blockWeights.maxBlock
+      : api.consts.system.maximumBlockWeight as Weight
+    ).div(BN_MILLION).div(BN_TEN)
+  );
+  const [isEmpty, setIsEmpty] = useState(false);
+
+  const setMegaGas = useCallback(
+    (value?: BN | undefined) => _setMegaGas(value || (
+      (api.consts.system.blockWeights
+        ? api.consts.system.blockWeights.maxBlock
+        : api.consts.system.maximumBlockWeight as Weight
+      ).div(BN_MILLION).div(BN_TEN)
+    )),
+    [api]
+  );
+
+  return useMemo((): UseWeight => {
+    let executionTime = 0;
+    let percentage = 0;
+    let weight = BN_ZERO;
+    let isValid = false;
+
+    if (megaGas) {
+      weight = megaGas.mul(BN_MILLION);
+      executionTime = weight.mul(blockTime).div(
+        api.consts.system.blockWeights
+          ? api.consts.system.blockWeights.maxBlock
+          : api.consts.system.maximumBlockWeight as Weight
+      ).toNumber();
+      percentage = (executionTime / blockTime.toNumber()) * 100;
+
+      // execution is 2s of 6s blocks, i.e. 1/3
+      executionTime = executionTime / 3000;
+      isValid = !megaGas.isZero() && percentage < 65;
+    }
+
+    return {
+      executionTime,
+      isEmpty,
+      isValid: isEmpty || isValid,
+      megaGas: megaGas || BN_ZERO,
+      percentage,
+      setIsEmpty,
+      setMegaGas,
+      weight
+    };
+  }, [api, blockTime, isEmpty, megaGas, setIsEmpty, setMegaGas]);
+}
+
+export default createNamedHook('useWeight', useWeightImpl);
diff --git a/packages/page-contracts/tsconfig.build.json b/packages/page-contracts/tsconfig.build.json
new file mode 100644
index 0000000..da24d9f
--- /dev/null
+++ b/packages/page-contracts/tsconfig.build.json
@@ -0,0 +1,9 @@
+{
+  "extends": "../../tsconfig.base.json",
+  "compilerOptions": {
+    "baseUrl": "..",
+    "outDir": "./build",
+    "rootDir": "./src"
+  },
+  "references": []
+}
diff --git a/packages/page-council/.skip-build b/packages/page-council/.skip-build
new file mode 100644
index 0000000..e69de29
diff --git a/packages/page-council/.skip-npm b/packages/page-council/.skip-npm
new file mode 100644
index 0000000..e69de29
diff --git a/packages/page-council/LICENSE b/packages/page-council/LICENSE
new file mode 100644
index 0000000..0d381b2
--- /dev/null
+++ b/packages/page-council/LICENSE
@@ -0,0 +1,201 @@
+                              Apache License
+                        Version 2.0, January 2004
+                    http://www.apache.org/licenses/
+
+TERMS AND CONDITIONS FOR USE, REPRODUCTION, AND DISTRIBUTION
+
+1. Definitions.
+
+  "License" shall mean the terms and conditions for use, reproduction,
+  and distribution as defined by Sections 1 through 9 of this document.
+
+  "Licensor" shall mean the copyright owner or entity authorized by
+  the copyright owner that is granting the License.
+
+  "Legal Entity" shall mean the union of the acting entity and all
+  other entities that control, are controlled by, or are under common
+  control with that entity. For the purposes of this definition,
+  "control" means (i) the power, direct or indirect, to cause the
+  direction or management of such entity, whether by contract or
+  otherwise, or (ii) ownership of fifty percent (50%) or more of the
+  outstanding shares, or (iii) beneficial ownership of such entity.
+
+  "You" (or "Your") shall mean an individual or Legal Entity
+  exercising permissions granted by this License.
+
+  "Source" form shall mean the preferred form for making modifications,
+  including but not limited to software source code, documentation
+  source, and configuration files.
+
+  "Object" form shall mean any form resulting from mechanical
+  transformation or translation of a Source form, including but
+  not limited to compiled object code, generated documentation,
+  and conversions to other media types.
+
+  "Work" shall mean the work of authorship, whether in Source or
+  Object form, made available under the License, as indicated by a
+  copyright notice that is included in or attached to the work
+  (an example is provided in the Appendix below).
+
+  "Derivative Works" shall mean any work, whether in Source or Object
+  form, that is based on (or derived from) the Work and for which the
+  editorial revisions, annotations, elaborations, or other modifications
+  represent, as a whole, an original work of authorship. For the purposes
+  of this License, Derivative Works shall not include works that remain
+  separable from, or merely link (or bind by name) to the interfaces of,
+  the Work and Derivative Works thereof.
+
+  "Contribution" shall mean any work of authorship, including
+  the original version of the Work and any modifications or additions
+  to that Work or Derivative Works thereof, that is intentionally
+  submitted to Licensor for inclusion in the Work by the copyright owner
+  or by an individual or Legal Entity authorized to submit on behalf of
+  the copyright owner. For the purposes of this definition, "submitted"
+  means any form of electronic, verbal, or written communication sent
+  to the Licensor or its representatives, including but not limited to
+  communication on electronic mailing lists, source code control systems,
+  and issue tracking systems that are managed by, or on behalf of, the
+  Licensor for the purpose of discussing and improving the Work, but
+  excluding communication that is conspicuously marked or otherwise
+  designated in writing by the copyright owner as "Not a Contribution."
+
+  "Contributor" shall mean Licensor and any individual or Legal Entity
+  on behalf of whom a Contribution has been received by Licensor and
+  subsequently incorporated within the Work.
+
+2. Grant of Copyright License. Subject to the terms and conditions of
+  this License, each Contributor hereby grants to You a perpetual,
+  worldwide, non-exclusive, no-charge, royalty-free, irrevocable
+  copyright license to reproduce, prepare Derivative Works of,
+  publicly display, publicly perform, sublicense, and distribute the
+  Work and such Derivative Works in Source or Object form.
+
+3. Grant of Patent License. Subject to the terms and conditions of
+  this License, each Contributor hereby grants to You a perpetual,
+  worldwide, non-exclusive, no-charge, royalty-free, irrevocable
+  (except as stated in this section) patent license to make, have made,
+  use, offer to sell, sell, import, and otherwise transfer the Work,
+  where such license applies only to those patent claims licensable
+  by such Contributor that are necessarily infringed by their
+  Contribution(s) alone or by combination of their Contribution(s)
+  with the Work to which such Contribution(s) was submitted. If You
+  institute patent litigation against any entity (including a
+  cross-claim or counterclaim in a lawsuit) alleging that the Work
+  or a Contribution incorporated within the Work constitutes direct
+  or contributory patent infringement, then any patent licenses
+  granted to You under this License for that Work shall terminate
+  as of the date such litigation is filed.
+
+4. Redistribution. You may reproduce and distribute copies of the
+  Work or Derivative Works thereof in any medium, with or without
+  modifications, and in Source or Object form, provided that You
+  meet the following conditions:
+
+  (a) You must give any other recipients of the Work or
+      Derivative Works a copy of this License; and
+
+  (b) You must cause any modified files to carry prominent notices
+      stating that You changed the files; and
+
+  (c) You must retain, in the Source form of any Derivative Works
+      that You distribute, all copyright, patent, trademark, and
+      attribution notices from the Source form of the Work,
+      excluding those notices that do not pertain to any part of
+      the Derivative Works; and
+
+  (d) If the Work includes a "NOTICE" text file as part of its
+      distribution, then any Derivative Works that You distribute must
+      include a readable copy of the attribution notices contained
+      within such NOTICE file, excluding those notices that do not
+      pertain to any part of the Derivative Works, in at least one
+      of the following places: within a NOTICE text file distributed
+      as part of the Derivative Works; within the Source form or
+      documentation, if provided along with the Derivative Works; or,
+      within a display generated by the Derivative Works, if and
+      wherever such third-party notices normally appear. The contents
+      of the NOTICE file are for informational purposes only and
+      do not modify the License. You may add Your own attribution
+      notices within Derivative Works that You distribute, alongside
+      or as an addendum to the NOTICE text from the Work, provided
+      that such additional attribution notices cannot be construed
+      as modifying the License.
+
+  You may add Your own copyright statement to Your modifications and
+  may provide additional or different license terms and conditions
+  for use, reproduction, or distribution of Your modifications, or
+  for any such Derivative Works as a whole, provided Your use,
+  reproduction, and distribution of the Work otherwise complies with
+  the conditions stated in this License.
+
+5. Submission of Contributions. Unless You explicitly state otherwise,
+  any Contribution intentionally submitted for inclusion in the Work
+  by You to the Licensor shall be under the terms and conditions of
+  this License, without any additional terms or conditions.
+  Notwithstanding the above, nothing herein shall supersede or modify
+  the terms of any separate license agreement you may have executed
+  with Licensor regarding such Contributions.
+
+6. Trademarks. This License does not grant permission to use the trade
+  names, trademarks, service marks, or product names of the Licensor,
+  except as required for reasonable and customary use in describing the
+  origin of the Work and reproducing the content of the NOTICE file.
+
+7. Disclaimer of Warranty. Unless required by applicable law or
+  agreed to in writing, Licensor provides the Work (and each
+  Contributor provides its Contributions) on an "AS IS" BASIS,
+  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or
+  implied, including, without limitation, any warranties or conditions
+  of TITLE, NON-INFRINGEMENT, MERCHANTABILITY, or FITNESS FOR A
+  PARTICULAR PURPOSE. You are solely responsible for determining the
+  appropriateness of using or redistributing the Work and assume any
+  risks associated with Your exercise of permissions under this License.
+
+8. Limitation of Liability. In no event and under no legal theory,
+  whether in tort (including negligence), contract, or otherwise,
+  unless required by applicable law (such as deliberate and grossly
+  negligent acts) or agreed to in writing, shall any Contributor be
+  liable to You for damages, including any direct, indirect, special,
+  incidental, or consequential damages of any character arising as a
+  result of this License or out of the use or inability to use the
+  Work (including but not limited to damages for loss of goodwill,
+  work stoppage, computer failure or malfunction, or any and all
+  other commercial damages or losses), even if such Contributor
+  has been advised of the possibility of such damages.
+
+9. Accepting Warranty or Additional Liability. While redistributing
+  the Work or Derivative Works thereof, You may choose to offer,
+  and charge a fee for, acceptance of support, warranty, indemnity,
+  or other liability obligations and/or rights consistent with this
+  License. However, in accepting such obligations, You may act only
+  on Your own behalf and on Your sole responsibility, not on behalf
+  of any other Contributor, and only if You agree to indemnify,
+  defend, and hold each Contributor harmless for any liability
+  incurred by, or claims asserted against, such Contributor by reason
+  of your accepting any such warranty or additional liability.
+
+END OF TERMS AND CONDITIONS
+
+APPENDIX: How to apply the Apache License to your work.
+
+  To apply the Apache License to your work, attach the following
+  boilerplate notice, with the fields enclosed by brackets "[]"
+  replaced with your own identifying information. (Don't include
+  the brackets!)  The text should be enclosed in the appropriate
+  comment syntax for the file format. We also recommend that a
+  file or class name and description of purpose be included on the
+  same "printed page" as the copyright notice for easier
+  identification within third-party archives.
+
+Copyright [yyyy] [name of copyright owner]
+
+Licensed under the Apache License, Version 2.0 (the "License");
+you may not use this file except in compliance with the License.
+You may obtain a copy of the License at
+
+    http://www.apache.org/licenses/LICENSE-2.0
+
+Unless required by applicable law or agreed to in writing, software
+distributed under the License is distributed on an "AS IS" BASIS,
+WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+See the License for the specific language governing permissions and
+limitations under the License.
diff --git a/packages/page-council/README.md b/packages/page-council/README.md
new file mode 100644
index 0000000..42fd731
--- /dev/null
+++ b/packages/page-council/README.md
@@ -0,0 +1 @@
+# @polkadot/app-council
diff --git a/packages/page-council/package.json b/packages/page-council/package.json
new file mode 100644
index 0000000..99b93f9
--- /dev/null
+++ b/packages/page-council/package.json
@@ -0,0 +1,20 @@
+{
+  "bugs": "https://github.com/polkadot-js/apps/issues",
+  "homepage": "https://github.com/polkadot-js/apps/tree/master/packages/page-council#readme",
+  "license": "Apache-2.0",
+  "name": "@polkadot/app-council",
+  "private": true,
+  "repository": {
+    "directory": "packages/page-council",
+    "type": "git",
+    "url": "https://github.com/polkadot-js/apps.git"
+  },
+  "sideEffects": false,
+  "type": "module",
+  "version": "0.112.2-14",
+  "dependencies": {
+    "@babel/runtime": "^7.17.9",
+    "@polkadot/react-components": "^0.112.2-14",
+    "@polkadot/react-query": "^0.112.2-14"
+  }
+}
diff --git a/packages/page-council/src/Motions/Close.tsx b/packages/page-council/src/Motions/Close.tsx
new file mode 100644
index 0000000..e42f3ea
--- /dev/null
+++ b/packages/page-council/src/Motions/Close.tsx
@@ -0,0 +1,83 @@
+// Copyright 2017-2022 @polkadot/app-council authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { Hash, Proposal, ProposalIndex } from '@polkadot/types/interfaces';
+
+import React, { useState } from 'react';
+
+import { Button, InputAddress, Modal, ProposedAction, TxButton } from '@polkadot/react-components';
+import { useApi, useCollectiveInstance, useToggle, useWeight } from '@polkadot/react-hooks';
+
+import { useTranslation } from '../translate';
+
+interface Props {
+  hasFailed: boolean;
+  hash: Hash;
+  idNumber: ProposalIndex;
+  proposal: Proposal;
+}
+
+function Close ({ hasFailed, hash, idNumber, proposal }: Props): React.ReactElement<Props> | null {
+  const { t } = useTranslation();
+  const { api } = useApi();
+  const [isOpen, toggleOpen] = useToggle();
+  const [accountId, setAccountId] = useState<string | null>(null);
+  const [proposalWeight, proposalLength] = useWeight(proposal);
+  const modLocation = useCollectiveInstance('council');
+
+  // protect against older versions
+  if (!modLocation) {
+    return null;
+  }
+
+  return (
+    <>
+      {isOpen && (
+        <Modal
+          header={t<string>('Close proposal')}
+          onClose={toggleOpen}
+          size='large'
+        >
+          <Modal.Content>
+            <Modal.Columns hint={t<string>('The proposal that will be affected. Once closed for the current voting round, it would need to be re-submitted to council for a subsequent voting round.')}>
+              <ProposedAction
+                idNumber={idNumber}
+                proposal={proposal}
+              />
+            </Modal.Columns>
+            <Modal.Columns hint={t<string>('The council account that will apply the close for the current round.')}>
+              <InputAddress
+                help={t<string>('Select the account you wish close the proposal with.')}
+                label={t<string>('close from account')}
+                onChange={setAccountId}
+                type='account'
+              />
+            </Modal.Columns>
+          </Modal.Content>
+          <Modal.Actions>
+            <TxButton
+              accountId={accountId}
+              isDisabled={!hasFailed && !proposalLength}
+              onStart={toggleOpen}
+              params={
+                api.tx[modLocation].close.meta.args.length === 4
+                  ? hasFailed
+                    ? [hash, idNumber, 0, 0]
+                    : [hash, idNumber, proposalWeight, proposalLength]
+                  : [hash, idNumber]
+              }
+              tx={api.tx[modLocation].closeOperational || api.tx[modLocation].close}
+            />
+          </Modal.Actions>
+        </Modal>
+      )}
+      <Button
+        icon='times'
+        label={t<string>('Close')}
+        onClick={toggleOpen}
+      />
+    </>
+  );
+}
+
+export default React.memo(Close);
diff --git a/packages/page-council/src/Motions/Motion.tsx b/packages/page-council/src/Motions/Motion.tsx
new file mode 100644
index 0000000..78980e0
--- /dev/null
+++ b/packages/page-council/src/Motions/Motion.tsx
@@ -0,0 +1,130 @@
+// Copyright 2017-2022 @polkadot/app-council authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { DeriveCollectiveProposal } from '@polkadot/api-derive/types';
+import type { AccountId } from '@polkadot/types/interfaces';
+
+import React, { useMemo } from 'react';
+
+import ProposalCell from '@polkadot/app-democracy/Overview/ProposalCell';
+import { Icon, LinkExternal } from '@polkadot/react-components';
+import { useAccounts, useCollectiveInstance, useVotingStatus } from '@polkadot/react-hooks';
+import { BlockToTime } from '@polkadot/react-query';
+import { formatNumber } from '@polkadot/util';
+
+import Close from './Close';
+import Voters from './Voters';
+import Voting from './Voting';
+
+interface Props {
+  className?: string;
+  isMember: boolean;
+  members: string[];
+  motion: DeriveCollectiveProposal;
+  prime?: AccountId | null;
+}
+
+interface VoterState {
+  hasVoted: boolean;
+  hasVotedAye: boolean;
+}
+
+function Motion ({ className = '', isMember, members, motion: { hash, proposal, votes }, prime }: Props): React.ReactElement<Props> | null {
+  const { allAccounts } = useAccounts();
+  const { hasFailed, isCloseable, isVoteable, remainingBlocks } = useVotingStatus(votes, members.length, 'council');
+  const modLocation = useCollectiveInstance('council');
+
+  const { hasVoted, hasVotedAye } = useMemo(
+    (): VoterState => {
+      if (votes) {
+        const hasVotedAye = allAccounts.some((address) => votes.ayes.some((accountId) => accountId.eq(address)));
+
+        return {
+          hasVoted: hasVotedAye || allAccounts.some((address) => votes.nays.some((accountId) => accountId.eq(address))),
+          hasVotedAye
+        };
+      }
+
+      return { hasVoted: false, hasVotedAye: false };
+    },
+    [allAccounts, votes]
+  );
+
+  if (!votes || !modLocation) {
+    return null;
+  }
+
+  const { ayes, end, index, nays, threshold } = votes;
+
+  return (
+    <tr className={className}>
+      <td className='number'><h1>{formatNumber(index)}</h1></td>
+      <ProposalCell
+        imageHash={hash}
+        proposal={proposal}
+      />
+      <td className='number together'>
+        {formatNumber(threshold)}
+      </td>
+      <td className='number together'>
+        {remainingBlocks && end && (
+          <>
+            <BlockToTime value={remainingBlocks} />
+            #{formatNumber(end)}
+          </>
+        )}
+      </td>
+      <td className='expand'>
+        <Voters
+          isAye
+          members={members}
+          threshold={threshold}
+          votes={ayes}
+        />
+        <Voters
+          members={members}
+          threshold={threshold}
+          votes={nays}
+        />
+      </td>
+      <td className='button'>
+        {isVoteable && !isCloseable && (
+          <Voting
+            hash={hash}
+            idNumber={index}
+            isDisabled={!isMember}
+            members={members}
+            prime={prime}
+            proposal={proposal}
+          />
+        )}
+        {isCloseable && (
+          <Close
+            hasFailed={hasFailed}
+            hash={hash}
+            idNumber={index}
+            proposal={proposal}
+          />
+        )}
+      </td>
+      <td className='badge'>
+        {isMember && (
+          <Icon
+            color={hasVoted ? (hasVotedAye ? 'green' : 'red') : 'gray'}
+            icon='asterisk'
+          />
+        )}
+      </td>
+      <td className='links'>
+        <LinkExternal
+          data={index}
+          hash={hash.toString()}
+          isLogo
+          type='council'
+        />
+      </td>
+    </tr>
+  );
+}
+
+export default React.memo(Motion);
diff --git a/packages/page-council/src/Motions/ProposeExternal.tsx b/packages/page-council/src/Motions/ProposeExternal.tsx
new file mode 100644
index 0000000..8c98f90
--- /dev/null
+++ b/packages/page-council/src/Motions/ProposeExternal.tsx
@@ -0,0 +1,125 @@
+// Copyright 2017-2022 @polkadot/app-council authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { SubmittableExtrinsic } from '@polkadot/api/types';
+
+import React, { useCallback, useEffect, useState } from 'react';
+
+import { getProposalThreshold } from '@polkadot/apps-config';
+import { Button, Input, InputAddress, Modal, TxButton } from '@polkadot/react-components';
+import { useApi, useCollectiveInstance, useToggle } from '@polkadot/react-hooks';
+import { isHex } from '@polkadot/util';
+
+import { useTranslation } from '../translate';
+
+interface Props {
+  className?: string;
+  isMember: boolean;
+  members: string[];
+}
+
+interface HashState {
+  hash?: string;
+  isHashValid: boolean;
+}
+
+interface ProposalState {
+  proposal?: SubmittableExtrinsic<'promise'> | null;
+  proposalLength: number;
+}
+
+function ProposeExternal ({ className = '', isMember, members }: Props): React.ReactElement<Props> | null {
+  const { t } = useTranslation();
+  const { api } = useApi();
+  const [isVisible, toggleVisible] = useToggle();
+  const [accountId, setAcountId] = useState<string | null>(null);
+  const [{ proposal, proposalLength }, setProposal] = useState<ProposalState>({ proposalLength: 0 });
+  const [{ hash, isHashValid }, setHash] = useState<HashState>({ hash: '', isHashValid: false });
+  const modLocation = useCollectiveInstance('council');
+
+  const threshold = Math.ceil((members.length || 0) * getProposalThreshold(api));
+
+  const _onChangeHash = useCallback(
+    (hash?: string): void => setHash({ hash, isHashValid: isHex(hash, 256) }),
+    []
+  );
+
+  useEffect((): void => {
+    if (isHashValid && hash) {
+      const proposal = api.tx.democracy.externalProposeMajority(hash);
+
+      setProposal({
+        proposal,
+        proposalLength: proposal.encodedLength || 0
+      });
+    } else {
+      setProposal({
+        proposal: null,
+        proposalLength: 0
+      });
+    }
+  }, [api, hash, isHashValid]);
+
+  if (!modLocation) {
+    return null;
+  }
+
+  return (
+    <>
+      <Button
+        icon='plus'
+        isDisabled={!isMember}
+        label={t<string>('Propose external')}
+        onClick={toggleVisible}
+      />
+      {isVisible && (
+        <Modal
+          className={className}
+          header={t<string>('Propose external (majority)')}
+          onClose={toggleVisible}
+          size='large'
+        >
+          <Modal.Content>
+            <Modal.Columns hint={t<string>('The council account for the proposal. The selection is filtered by the current members.')}>
+              <InputAddress
+                filter={members}
+                help={t<string>('Select the account you wish to make the proposal with.')}
+                label={t<string>('propose from account')}
+                onChange={setAcountId}
+                type='account'
+                withLabel
+              />
+            </Modal.Columns>
+            <Modal.Columns hint={t<string>('The hash of the proposal image, either already submitted or valid for the specific call.')}>
+              <Input
+                autoFocus
+                help={t<string>('The preimage hash of the proposal')}
+                isError={!isHashValid}
+                label={t<string>('preimage hash')}
+                onChange={_onChangeHash}
+                value={hash}
+              />
+            </Modal.Columns>
+          </Modal.Content>
+          <Modal.Actions>
+            <TxButton
+              accountId={accountId}
+              icon='plus'
+              isDisabled={!threshold || !members.includes(accountId || '') || !proposal}
+              label={t<string>('Propose')}
+              onStart={toggleVisible}
+              params={
+                api.tx[modLocation].propose.meta.args.length === 3
+                  ? [threshold, proposal, proposalLength]
+                  : [threshold, proposal]
+              }
+              tx={api.tx[modLocation].propose}
+            />
+          </Modal.Actions>
+        </Modal>
+      )}
+    </>
+  );
+}
+
+export default React.memo(ProposeExternal);
diff --git a/packages/page-council/src/Motions/ProposeMotion.tsx b/packages/page-council/src/Motions/ProposeMotion.tsx
new file mode 100644
index 0000000..1be6e97
--- /dev/null
+++ b/packages/page-council/src/Motions/ProposeMotion.tsx
@@ -0,0 +1,130 @@
+// Copyright 2017-2022 @polkadot/app-council authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { SubmittableExtrinsic } from '@polkadot/api/types';
+
+import React, { useCallback, useEffect, useState } from 'react';
+
+import { getProposalThreshold } from '@polkadot/apps-config';
+import { Button, Extrinsic, InputAddress, InputNumber, Modal, TxButton } from '@polkadot/react-components';
+import { useApi, useCollectiveInstance, useToggle } from '@polkadot/react-hooks';
+import { BN, BN_ZERO } from '@polkadot/util';
+
+import { useTranslation } from '../translate';
+
+interface Props {
+  isMember: boolean;
+  members: string[];
+}
+
+interface Threshold {
+  isThresholdValid: boolean;
+  threshold?: BN;
+}
+
+interface ProposalState {
+  proposal?: SubmittableExtrinsic<'promise'> | null;
+  proposalLength: number;
+}
+
+function Propose ({ isMember, members }: Props): React.ReactElement<Props> | null {
+  const { t } = useTranslation();
+  const { api, apiDefaultTxSudo } = useApi();
+  const [isOpen, toggleOpen] = useToggle();
+  const [accountId, setAcountId] = useState<string | null>(null);
+  const [{ proposal, proposalLength }, setProposal] = useState<ProposalState>({ proposalLength: 0 });
+  const [{ isThresholdValid, threshold }, setThreshold] = useState<Threshold>({ isThresholdValid: false });
+  const modLocation = useCollectiveInstance('council');
+
+  useEffect((): void => {
+    members && setThreshold({
+      isThresholdValid: members.length !== 0,
+      threshold: new BN(Math.ceil(members.length * getProposalThreshold(api)))
+    });
+  }, [api, members]);
+
+  const _setMethod = useCallback(
+    (proposal?: SubmittableExtrinsic<'promise'> | null) => setProposal({
+      proposal,
+      proposalLength: proposal?.encodedLength || 0
+    }),
+    []
+  );
+
+  const _setThreshold = useCallback(
+    (threshold?: BN) => setThreshold({
+      isThresholdValid: !!threshold?.gtn(0),
+      threshold
+    }),
+    []
+  );
+
+  if (!modLocation) {
+    return null;
+  }
+
+  return (
+    <>
+      <Button
+        icon='plus'
+        isDisabled={!isMember}
+        label={t<string>('Propose motion')}
+        onClick={toggleOpen}
+      />
+      {isOpen && (
+        <Modal
+          header={t<string>('Propose a council motion')}
+          onClose={toggleOpen}
+          size='large'
+        >
+          <Modal.Content>
+            <Modal.Columns hint={t<string>('The council account for the proposal. The selection is filtered by the current members.')}>
+              <InputAddress
+                filter={members}
+                help={t<string>('Select the account you wish to make the proposal with.')}
+                label={t<string>('propose from account')}
+                onChange={setAcountId}
+                type='account'
+                withLabel
+              />
+            </Modal.Columns>
+            <Modal.Columns hint={t<string>('The desired threshold. Here set to a default of 50%+1, as applicable for general proposals.')}>
+              <InputNumber
+                className='medium'
+                help={t<string>('The minimum number of council votes required to approve this motion')}
+                isError={!threshold || threshold.eqn(0) || threshold.gtn(members.length)}
+                label={t<string>('threshold')}
+                onChange={_setThreshold}
+                placeholder={t<string>('Positive number between 1 and {{memberCount}}', { replace: { memberCount: members.length } })}
+                value={threshold || BN_ZERO}
+              />
+            </Modal.Columns>
+            <Modal.Columns hint={t<string>('The actual proposal to make, based on the selected call and parameters thereof.')}>
+              <Extrinsic
+                defaultValue={apiDefaultTxSudo}
+                label={t<string>('proposal')}
+                onChange={_setMethod}
+              />
+            </Modal.Columns>
+          </Modal.Content>
+          <Modal.Actions>
+            <TxButton
+              accountId={accountId}
+              isDisabled={!proposal || !isThresholdValid}
+              label={t<string>('Propose')}
+              onStart={toggleOpen}
+              params={
+                api.tx[modLocation].propose.meta.args.length === 3
+                  ? [threshold, proposal, proposalLength]
+                  : [threshold, proposal]
+              }
+              tx={api.tx[modLocation].propose}
+            />
+          </Modal.Actions>
+        </Modal>
+      )}
+    </>
+  );
+}
+
+export default React.memo(Propose);
diff --git a/packages/page-council/src/Motions/Slashing.tsx b/packages/page-council/src/Motions/Slashing.tsx
new file mode 100644
index 0000000..efd03e1
--- /dev/null
+++ b/packages/page-council/src/Motions/Slashing.tsx
@@ -0,0 +1,139 @@
+// Copyright 2017-2022 @polkadot/app-council authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { SubmittableExtrinsic } from '@polkadot/api/types';
+
+import React, { useEffect, useMemo, useState } from 'react';
+
+import { getSlashProposalThreshold } from '@polkadot/apps-config';
+import { Button, Dropdown, Input, InputAddress, Modal, TxButton } from '@polkadot/react-components';
+import { useApi, useAvailableSlashes, useCollectiveInstance, useToggle } from '@polkadot/react-hooks';
+
+import { useTranslation } from '../translate';
+
+interface Props {
+  className?: string;
+  isMember: boolean;
+  members: string[];
+}
+
+interface Option {
+  text: string;
+  value: number;
+}
+
+interface ProposalState {
+  proposal?: SubmittableExtrinsic<'promise'> | null;
+  proposalLength: number;
+}
+
+function Slashing ({ className = '', isMember, members }: Props): React.ReactElement<Props> | null {
+  const { t } = useTranslation();
+  const { api } = useApi();
+  const slashes = useAvailableSlashes();
+  const [isVisible, toggleVisible] = useToggle();
+  const [accountId, setAcountId] = useState<string | null>(null);
+  const [{ proposal, proposalLength }, setProposal] = useState<ProposalState>({ proposal: null, proposalLength: 0 });
+  const [selectedEra, setSelectedEra] = useState(0);
+  const modLocation = useCollectiveInstance('council');
+
+  const threshold = Math.ceil((members.length || 0) * getSlashProposalThreshold(api));
+
+  const eras = useMemo(
+    () => (slashes || []).map(([era, slashes]): Option => ({
+      text: t<string>('era {{era}}, {{count}} slashes', {
+        replace: {
+          count: slashes.length,
+          era: era.toNumber()
+        }
+      }),
+      value: era.toNumber()
+    })),
+    [slashes, t]
+  );
+
+  useEffect((): void => {
+    const actioned = selectedEra && slashes && slashes.find(([era]) => era.eqn(selectedEra));
+    const proposal = actioned
+      ? api.tx.staking.cancelDeferredSlash(actioned[0], actioned[1].map((_, index) => index))
+      : null;
+
+    setProposal({
+      proposal,
+      proposalLength: proposal?.encodedLength || 0
+    });
+  }, [api, selectedEra, slashes]);
+
+  if (!modLocation || !api.tx.staking) {
+    return null;
+  }
+
+  return (
+    <>
+      <Button
+        icon='sync'
+        isDisabled={!isMember || !slashes.length}
+        label={t<string>('Cancel slashes')}
+        onClick={toggleVisible}
+      />
+      {isVisible && (
+        <Modal
+          className={className}
+          header={t<string>('Revert pending slashes')}
+          onClose={toggleVisible}
+          size='large'
+        >
+          <Modal.Content>
+            <Modal.Columns hint={t<string>('The council account for the proposal. The selection is filtered by the current members.')}>
+              <InputAddress
+                filter={members}
+                help={t<string>('Select the account you wish to make the proposal with.')}
+                label={t<string>('propose from account')}
+                onChange={setAcountId}
+                type='account'
+                withLabel
+              />
+            </Modal.Columns>
+            <Modal.Columns hint={t<string>('The specific eras on which there are unapplied slashes. For each era a separate proposal is to be made.')}>
+              {eras.length
+                ? (
+                  <Dropdown
+                    defaultValue={eras[0].value}
+                    help={t<string>('The unapplied slashed era to cancel.')}
+                    label={t<string>('the era to cancel for')}
+                    onChange={setSelectedEra}
+                    options={eras}
+                  />
+                )
+                : (
+                  <Input
+                    isDisabled
+                    label={t<string>('the era to cancel for')}
+                    value={t<string>('no unapplied slashes found')}
+                  />
+                )
+              }
+            </Modal.Columns>
+          </Modal.Content>
+          <Modal.Actions>
+            <TxButton
+              accountId={accountId}
+              icon='sync'
+              isDisabled={!threshold || !members.includes(accountId || '') || !proposal}
+              label={t<string>('Revert')}
+              onStart={toggleVisible}
+              params={
+                api.tx[modLocation].propose.meta.args.length === 3
+                  ? [threshold, proposal, proposalLength]
+                  : [threshold, proposal]
+              }
+              tx={api.tx[modLocation].propose}
+            />
+          </Modal.Actions>
+        </Modal>
+      )}
+    </>
+  );
+}
+
+export default React.memo(Slashing);
diff --git a/packages/page-council/src/Motions/Voters.tsx b/packages/page-council/src/Motions/Voters.tsx
new file mode 100644
index 0000000..7e1ada1
--- /dev/null
+++ b/packages/page-council/src/Motions/Voters.tsx
@@ -0,0 +1,59 @@
+// Copyright 2017-2022 @polkadot/app-democracy authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { AccountId, MemberCount } from '@polkadot/types/interfaces';
+
+import React, { useMemo } from 'react';
+
+import { AddressMini, Expander } from '@polkadot/react-components';
+
+import { useTranslation } from '../translate';
+
+interface Props {
+  isAye?: boolean;
+  members: string[];
+  votes: AccountId[];
+  threshold: MemberCount;
+}
+
+function Voters ({ isAye, members, threshold, votes }: Props): React.ReactElement<Props> | null {
+  const { t } = useTranslation();
+
+  const count = useMemo(
+    (): string => {
+      const num = threshold.toNumber();
+      const max = isAye
+        ? num
+        : members?.length
+          ? (members.length - num) + 1
+          : 0;
+
+      return `${votes.length}${max ? `/${max}` : ''}`;
+    },
+    [isAye, members, threshold, votes]
+  );
+
+  if (!count || !votes.length) {
+    return null;
+  }
+
+  return (
+    <Expander
+      summary={
+        isAye
+          ? t<string>('Aye {{count}}', { replace: { count } })
+          : t<string>('Nay {{count}}', { replace: { count } })
+      }
+    >
+      {votes.map((address): React.ReactNode => (
+        <AddressMini
+          key={address.toString()}
+          value={address}
+          withBalance={false}
+        />
+      ))}
+    </Expander>
+  );
+}
+
+export default React.memo(Voters);
diff --git a/packages/page-council/src/Motions/Voting.tsx b/packages/page-council/src/Motions/Voting.tsx
new file mode 100644
index 0000000..0105e25
--- /dev/null
+++ b/packages/page-council/src/Motions/Voting.tsx
@@ -0,0 +1,93 @@
+// Copyright 2017-2022 @polkadot/app-council authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { AccountId, Hash, Proposal, ProposalIndex } from '@polkadot/types/interfaces';
+
+import React, { useState } from 'react';
+
+import { Button, MarkWarning, Modal, ProposedAction, TxButton, VoteAccount } from '@polkadot/react-components';
+import { useAccounts, useApi, useCollectiveInstance, useToggle } from '@polkadot/react-hooks';
+
+import { useTranslation } from '../translate';
+
+interface Props {
+  hash: Hash;
+  idNumber: ProposalIndex;
+  isDisabled: boolean;
+  members: string[];
+  prime?: AccountId | null;
+  proposal: Proposal;
+}
+
+function Voting ({ hash, idNumber, isDisabled, members, prime, proposal }: Props): React.ReactElement<Props> | null {
+  const { t } = useTranslation();
+  const { api } = useApi();
+  const { hasAccounts } = useAccounts();
+  const [isVotingOpen, toggleVoting] = useToggle();
+  const [accountId, setAccountId] = useState<string | null>(null);
+  const modLocation = useCollectiveInstance('council');
+
+  if (!hasAccounts || !modLocation) {
+    return null;
+  }
+
+  const isPrime = prime?.toString() === accountId;
+
+  return (
+    <>
+      {isVotingOpen && (
+        <Modal
+          header={t<string>('Vote on proposal')}
+          onClose={toggleVoting}
+          size='large'
+        >
+          <Modal.Content>
+            <Modal.Columns hint={t<string>('The proposal that is being voted on. It will pass when the threshold is reached.')}>
+              <ProposedAction
+                idNumber={idNumber}
+                proposal={proposal}
+              />
+            </Modal.Columns>
+            <Modal.Columns hint={t<string>('The council account for this vote. The selection is filtered by the current members.')}>
+              <VoteAccount
+                filter={members}
+                onChange={setAccountId}
+              />
+              {isPrime && (
+                <MarkWarning content={t<string>('You are voting with this collective\'s prime account. The vote will be the default outcome in case of any abstentions.')} />
+              )}
+            </Modal.Columns>
+          </Modal.Content>
+          <Modal.Actions>
+            <TxButton
+              accountId={accountId}
+              icon='ban'
+              isDisabled={isDisabled}
+              label={t<string>('Vote Nay')}
+              onStart={toggleVoting}
+              params={[hash, idNumber, false]}
+              tx={api.tx[modLocation].vote}
+            />
+            <TxButton
+              accountId={accountId}
+              icon='check'
+              isDisabled={isDisabled}
+              label={t<string>('Vote Aye')}
+              onStart={toggleVoting}
+              params={[hash, idNumber, true]}
+              tx={api.tx[modLocation].vote}
+            />
+          </Modal.Actions>
+        </Modal>
+      )}
+      <Button
+        icon='check'
+        isDisabled={isDisabled}
+        label={t<string>('Vote')}
+        onClick={toggleVoting}
+      />
+    </>
+  );
+}
+
+export default React.memo(Voting);
diff --git a/packages/page-council/src/Motions/index.tsx b/packages/page-council/src/Motions/index.tsx
new file mode 100644
index 0000000..69c620d
--- /dev/null
+++ b/packages/page-council/src/Motions/index.tsx
@@ -0,0 +1,72 @@
+// Copyright 2017-2022 @polkadot/app-council authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { DeriveCollectiveProposal } from '@polkadot/api-derive/types';
+import type { AccountId } from '@polkadot/types/interfaces';
+
+import React, { useRef } from 'react';
+
+import { Button, Table } from '@polkadot/react-components';
+import { useCollectiveMembers } from '@polkadot/react-hooks';
+
+import { useTranslation } from '../translate';
+import Motion from './Motion';
+import ProposeExternal from './ProposeExternal';
+import ProposeMotion from './ProposeMotion';
+import Slashing from './Slashing';
+
+interface Props {
+  className?: string;
+  motions?: DeriveCollectiveProposal[];
+  prime?: AccountId | null;
+}
+
+function Proposals ({ className = '', motions, prime }: Props): React.ReactElement<Props> {
+  const { t } = useTranslation();
+  const { isMember, members } = useCollectiveMembers('council');
+
+  const headerRef = useRef([
+    [t('motions'), 'start', 2],
+    [t('threshold')],
+    [t('voting end')],
+    [t('votes'), 'expand'],
+    [],
+    [undefined, 'badge'],
+    []
+  ]);
+
+  return (
+    <div className={className}>
+      <Button.Group>
+        <ProposeMotion
+          isMember={isMember}
+          members={members}
+        />
+        <ProposeExternal
+          isMember={isMember}
+          members={members}
+        />
+        <Slashing
+          isMember={isMember}
+          members={members}
+        />
+      </Button.Group>
+      <Table
+        empty={motions && t<string>('No council motions')}
+        header={headerRef.current}
+      >
+        {motions?.map((motion: DeriveCollectiveProposal): React.ReactNode => (
+          <Motion
+            isMember={isMember}
+            key={motion.hash.toHex()}
+            members={members}
+            motion={motion}
+            prime={prime}
+          />
+        ))}
+      </Table>
+    </div>
+  );
+}
+
+export default React.memo(Proposals);
diff --git a/packages/page-council/src/Overview/Candidate.tsx b/packages/page-council/src/Overview/Candidate.tsx
new file mode 100644
index 0000000..4bee194
--- /dev/null
+++ b/packages/page-council/src/Overview/Candidate.tsx
@@ -0,0 +1,46 @@
+// Copyright 2017-2022 @polkadot/app-democracy authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { AccountId, Balance } from '@polkadot/types/interfaces';
+
+import React from 'react';
+
+import { AddressSmall, Tag } from '@polkadot/react-components';
+
+import { useTranslation } from '../translate';
+import Voters from './Voters';
+
+interface Props {
+  className?: string;
+  address: AccountId;
+  balance?: Balance;
+  isPrime?: boolean;
+  voters?: AccountId[];
+}
+
+function Candidate ({ address, balance, className = '', isPrime, voters }: Props): React.ReactElement<Props> {
+  const { t } = useTranslation();
+
+  return (
+    <tr className={className}>
+      <td className='address'>
+        <AddressSmall value={address} />
+      </td>
+      <td>
+        {isPrime && (
+          <Tag
+            color='green'
+            hover={t<string>('Current prime member, default voting')}
+            label={t<string>('prime voter')}
+          />
+        )}
+      </td>
+      <Voters
+        balance={balance}
+        voters={voters}
+      />
+    </tr>
+  );
+}
+
+export default React.memo(Candidate);
diff --git a/packages/page-council/src/Overview/Candidates.tsx b/packages/page-council/src/Overview/Candidates.tsx
new file mode 100644
index 0000000..ca5b997
--- /dev/null
+++ b/packages/page-council/src/Overview/Candidates.tsx
@@ -0,0 +1,66 @@
+// Copyright 2017-2022 @polkadot/app-democracy authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { DeriveElectionsInfo } from '@polkadot/api-derive/types';
+import type { AccountId } from '@polkadot/types/interfaces';
+
+import React, { useRef } from 'react';
+
+import { Table } from '@polkadot/react-components';
+
+import { useTranslation } from '../translate';
+import Candidate from './Candidate';
+
+interface Props {
+  allVotes?: Record<string, AccountId[]>;
+  className?: string;
+  electionsInfo?: DeriveElectionsInfo;
+}
+
+function Candidates ({ allVotes = {}, electionsInfo }: Props): React.ReactElement<Props> {
+  const { t } = useTranslation();
+
+  const headerCandidatesRef = useRef([
+    [t('candidates'), 'start', 2],
+    [],
+    []
+  ]);
+
+  const headerRunnersRef = useRef([
+    [t('runners up'), 'start', 2],
+    [t('backing'), 'expand'],
+    [t('votes')]
+  ]);
+
+  return (
+    <>
+      <Table
+        empty={electionsInfo && t<string>('No runners up found')}
+        header={headerRunnersRef.current}
+      >
+        {electionsInfo?.runnersUp.map(([accountId, balance]): React.ReactNode => (
+          <Candidate
+            address={accountId}
+            balance={balance}
+            key={accountId.toString()}
+            voters={allVotes[accountId.toString()]}
+          />
+        ))}
+      </Table>
+      <Table
+        empty={electionsInfo && t<string>('No candidates found')}
+        header={headerCandidatesRef.current}
+      >
+        {electionsInfo?.candidates.map((accountId): React.ReactNode => (
+          <Candidate
+            address={accountId}
+            key={accountId.toString()}
+            voters={allVotes[accountId.toString()]}
+          />
+        ))}
+      </Table>
+    </>
+  );
+}
+
+export default React.memo(Candidates);
diff --git a/packages/page-council/src/Overview/Members.tsx b/packages/page-council/src/Overview/Members.tsx
new file mode 100644
index 0000000..1e9ca74
--- /dev/null
+++ b/packages/page-council/src/Overview/Members.tsx
@@ -0,0 +1,50 @@
+// Copyright 2017-2022 @polkadot/app-democracy authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { DeriveElectionsInfo } from '@polkadot/api-derive/types';
+import type { AccountId } from '@polkadot/types/interfaces';
+
+import React, { useRef } from 'react';
+
+import { Table } from '@polkadot/react-components';
+
+import { useTranslation } from '../translate';
+import Candidate from './Candidate';
+
+interface Props {
+  allVotes?: Record<string, AccountId[]>;
+  className?: string;
+  electionsInfo?: DeriveElectionsInfo;
+  hasElections: boolean;
+  prime?: AccountId | null;
+}
+
+function Members ({ allVotes = {}, className = '', electionsInfo, hasElections, prime }: Props): React.ReactElement<Props> {
+  const { t } = useTranslation();
+
+  const headerRef = useRef([
+    [t('members'), 'start', 2],
+    [hasElections ? t('backing') : undefined, 'expand'],
+    [hasElections ? t('votes') : undefined]
+  ]);
+
+  return (
+    <Table
+      className={className}
+      empty={electionsInfo && t<string>('No members found')}
+      header={headerRef.current}
+    >
+      {electionsInfo?.members.map(([accountId, balance]): React.ReactNode => (
+        <Candidate
+          address={accountId}
+          balance={balance}
+          isPrime={prime?.eq(accountId)}
+          key={accountId.toString()}
+          voters={allVotes[accountId.toString()]}
+        />
+      ))}
+    </Table>
+  );
+}
+
+export default React.memo(Members);
diff --git a/packages/page-council/src/Overview/SubmitCandidacy.tsx b/packages/page-council/src/Overview/SubmitCandidacy.tsx
new file mode 100644
index 0000000..edf3ff8
--- /dev/null
+++ b/packages/page-council/src/Overview/SubmitCandidacy.tsx
@@ -0,0 +1,78 @@
+// Copyright 2017-2022 @polkadot/app-council authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { ComponentProps as Props } from './types';
+
+import React, { useState } from 'react';
+
+import { Button, InputAddress, InputBalance, Modal, TxButton } from '@polkadot/react-components';
+import { useApi, useModal } from '@polkadot/react-hooks';
+
+import { useTranslation } from '../translate';
+import { useModuleElections } from '../useModuleElections';
+
+function SubmitCandidacy ({ electionsInfo }: Props): React.ReactElement<Props> | null {
+  const { api } = useApi();
+  const { t } = useTranslation();
+  const [accountId, setAcountId] = useState<string | null>(null);
+  const { isOpen, onClose, onOpen } = useModal();
+  const modLocation = useModuleElections();
+
+  if (!modLocation) {
+    return null;
+  }
+
+  return (
+    <>
+      {isOpen && (
+        <Modal
+          header={t<string>('Submit your council candidacy')}
+          onClose={onClose}
+          size='large'
+        >
+          <Modal.Content>
+            <Modal.Columns hint={t<string>('This account will appear in the list of candidates. With enough votes in an election, it will become either a runner-up or a council member.')}>
+              <InputAddress
+                help={t<string>('Select the account you wish to submit for candidacy.')}
+                label={t<string>('candidate account')}
+                onChange={setAcountId}
+                type='account'
+              />
+            </Modal.Columns>
+            {api.consts[modLocation] && (
+              <Modal.Columns hint={t('The bond will be reserved for the duration of your candidacy and membership.')}>
+                <InputBalance
+                  defaultValue={api.consts[modLocation].candidacyBond}
+                  help={t<string>('The bond that is reserved')}
+                  isDisabled
+                  label={t<string>('candidacy bond')}
+                />
+              </Modal.Columns>
+            )}
+          </Modal.Content>
+          <Modal.Actions>
+            <TxButton
+              accountId={accountId}
+              isDisabled={!electionsInfo}
+              onStart={onClose}
+              params={
+                api.tx[modLocation].submitCandidacy.meta.args.length === 1
+                  ? [electionsInfo?.candidates.length]
+                  : []
+              }
+              tx={api.tx[modLocation].submitCandidacy}
+            />
+          </Modal.Actions>
+        </Modal>
+      )}
+      <Button
+        icon='plus'
+        isDisabled={!electionsInfo}
+        label={t<string>('Submit candidacy')}
+        onClick={onOpen}
+      />
+    </>
+  );
+}
+
+export default React.memo(SubmitCandidacy);
diff --git a/packages/page-council/src/Overview/Summary.tsx b/packages/page-council/src/Overview/Summary.tsx
new file mode 100644
index 0000000..463e245
--- /dev/null
+++ b/packages/page-council/src/Overview/Summary.tsx
@@ -0,0 +1,71 @@
+// Copyright 2017-2022 @polkadot/app-democracy authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { DeriveElectionsInfo } from '@polkadot/api-derive/types';
+import type { BlockNumber } from '@polkadot/types/interfaces';
+import type { ComponentProps } from './types';
+
+import React from 'react';
+
+import { CardSummary, SummaryBox } from '@polkadot/react-components';
+import { BN_ZERO, formatNumber } from '@polkadot/util';
+
+import { useTranslation } from '../translate';
+
+interface Props extends ComponentProps {
+  bestNumber?: BlockNumber;
+  className?: string;
+  electionsInfo?: DeriveElectionsInfo;
+  hasElections: boolean;
+}
+
+function Summary ({ bestNumber, className = '', electionsInfo, hasElections }: Props): React.ReactElement<Props> | null {
+  const { t } = useTranslation();
+
+  if (!electionsInfo) {
+    return null;
+  }
+
+  const { candidateCount, desiredRunnersUp, desiredSeats, members, runnersUp, termDuration, voteCount } = electionsInfo;
+
+  return (
+    <SummaryBox className={className}>
+      <section>
+        <CardSummary label={t<string>('seats')}>
+          {formatNumber(members.length)}{desiredSeats && <>&nbsp;/&nbsp;{formatNumber(desiredSeats)}</>}
+        </CardSummary>
+        {hasElections && (
+          <>
+            <CardSummary label={t<string>('runners up')}>
+              {formatNumber(runnersUp.length)}{desiredRunnersUp && <>&nbsp;/&nbsp;{formatNumber(desiredRunnersUp)}</>}
+            </CardSummary>
+            <CardSummary label={t<string>('candidates')}>
+              {formatNumber(candidateCount)}
+            </CardSummary>
+          </>
+        )}
+      </section>
+      {voteCount && (
+        <section>
+          <CardSummary label={t<string>('voting round')}>
+            #{formatNumber(voteCount)}
+          </CardSummary>
+        </section>
+      )}
+      {bestNumber && termDuration && termDuration.gt(BN_ZERO) && (
+        <section>
+          <CardSummary
+            label={t<string>('term progress')}
+            progress={{
+              total: termDuration,
+              value: bestNumber.mod(termDuration),
+              withTime: true
+            }}
+          />
+        </section>
+      )}
+    </SummaryBox>
+  );
+}
+
+export default React.memo(Summary);
diff --git a/packages/page-council/src/Overview/Vote.tsx b/packages/page-council/src/Overview/Vote.tsx
new file mode 100644
index 0000000..f3e4221
--- /dev/null
+++ b/packages/page-council/src/Overview/Vote.tsx
@@ -0,0 +1,155 @@
+// Copyright 2017-2022 @polkadot/app-council authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { DeriveElectionsInfo } from '@polkadot/api-derive/types';
+import type { BN } from '@polkadot/util';
+
+import React, { useEffect, useMemo, useState } from 'react';
+
+import { Button, InputAddress, InputAddressMulti, InputBalance, Modal, TxButton, VoteValue } from '@polkadot/react-components';
+import { useApi, useToggle } from '@polkadot/react-hooks';
+import { BN_ZERO } from '@polkadot/util';
+
+import { useTranslation } from '../translate';
+import { useModuleElections } from '../useModuleElections';
+
+interface Props {
+  className?: string;
+  electionsInfo?: DeriveElectionsInfo;
+}
+
+const MAX_VOTES = 16;
+
+function Vote ({ electionsInfo }: Props): React.ReactElement<Props> | null {
+  const { t } = useTranslation();
+  const { api } = useApi();
+  const [isVisible, toggleVisible] = useToggle();
+  const [accountId, setAccountId] = useState<string | null>(null);
+  const [available, setAvailable] = useState<string[]>([]);
+  const [defaultVotes, setDefaultVotes] = useState<string[]>([]);
+  const [votes, setVotes] = useState<string[]>([]);
+  const [voteValue, setVoteValue] = useState(BN_ZERO);
+  const modLocation = useModuleElections();
+
+  useEffect((): void => {
+    if (electionsInfo) {
+      const { candidates, members, runnersUp } = electionsInfo;
+
+      setAvailable(
+        members
+          .map(([accountId]) => accountId.toString())
+          .concat(runnersUp.map(([accountId]) => accountId.toString()))
+          .concat(candidates.map((accountId) => accountId.toString()))
+      );
+    }
+  }, [electionsInfo]);
+
+  useEffect((): void => {
+    accountId && api.derive.council.votesOf(accountId).then(({ votes }): void => {
+      setDefaultVotes(
+        votes
+          .map((a) => a.toString())
+          .filter((a) => available.includes(a))
+      );
+    });
+  }, [api, accountId, available]);
+
+  const bondValue = useMemo(
+    (): BN | undefined => {
+      const location = api.consts.elections || api.consts.phragmenElection || api.consts.electionsPhragmen;
+
+      return location &&
+        location.votingBondBase &&
+        location.votingBondBase.add(location.votingBondFactor.muln(votes.length));
+    },
+    [api, votes]
+  );
+
+  if (!modLocation) {
+    return null;
+  }
+
+  return (
+    <>
+      <Button
+        icon='check'
+        isDisabled={available.length === 0}
+        label={t<string>('Vote')}
+        onClick={toggleVisible}
+      />
+      {isVisible && (
+        <Modal
+          header={t<string>('Vote for current candidates')}
+          onClose={toggleVisible}
+          size='large'
+        >
+          <Modal.Content>
+            <Modal.Columns hint={t<string>('The vote will be recorded for the selected account.')}>
+              <InputAddress
+                help={t<string>('This account will be use to approve each candidate.')}
+                label={t<string>('voting account')}
+                onChange={setAccountId}
+                type='account'
+              />
+            </Modal.Columns>
+            <Modal.Columns hint={t<string>('The value associated with this vote. The amount will be locked (not available for transfer) and used in all subsequent elections.')}>
+              <VoteValue
+                accountId={accountId}
+                isCouncil
+                onChange={setVoteValue}
+              />
+            </Modal.Columns>
+            <Modal.Columns
+              hint={
+                <>
+                  <p>{t<string>('The votes for the members, runner-ups and candidates. These should be ordered based on your priority.')}</p>
+                  <p>{t<string>('In calculating the election outcome, this prioritized vote ordering will be used to determine the final score for the candidates.')}</p>
+                </>
+              }
+            >
+              <InputAddressMulti
+                available={available}
+                availableLabel={t<string>('council candidates')}
+                defaultValue={defaultVotes}
+                help={t<string>('Select and order council candidates you wish to vote for.')}
+                maxCount={MAX_VOTES}
+                onChange={setVotes}
+                valueLabel={t<string>('my ordered votes')}
+              />
+            </Modal.Columns>
+            {bondValue && (
+              <Modal.Columns hint={t('The amount will be reserved for the duration of your vote')}>
+                <InputBalance
+                  defaultValue={bondValue}
+                  help={t<string>('The amount that is reserved')}
+                  isDisabled
+                  label={t<string>('voting bond')}
+                />
+              </Modal.Columns>
+            )}
+          </Modal.Content>
+          <Modal.Actions>
+            <TxButton
+              accountId={accountId}
+              icon='trash-alt'
+              isDisabled={!defaultVotes.length}
+              label={t<string>('Unvote all')}
+              onStart={toggleVisible}
+              tx={api.tx[modLocation].removeVoter}
+            />
+            <TxButton
+              accountId={accountId}
+              isDisabled={!accountId || votes.length === 0 || voteValue.lten(0)}
+              label={t<string>('Vote')}
+              onStart={toggleVisible}
+              params={[votes, voteValue]}
+              tx={api.tx[modLocation].vote}
+            />
+          </Modal.Actions>
+        </Modal>
+      )}
+    </>
+  );
+}
+
+export default React.memo(Vote);
diff --git a/packages/page-council/src/Overview/Voters.tsx b/packages/page-council/src/Overview/Voters.tsx
new file mode 100644
index 0000000..63b0334
--- /dev/null
+++ b/packages/page-council/src/Overview/Voters.tsx
@@ -0,0 +1,42 @@
+// Copyright 2017-2022 @polkadot/app-democracy authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { AccountId, Balance } from '@polkadot/types/interfaces';
+
+import React from 'react';
+
+import { AddressMini, Expander } from '@polkadot/react-components';
+import { FormatBalance } from '@polkadot/react-query';
+import { formatNumber } from '@polkadot/util';
+
+interface Props {
+  balance?: Balance;
+  voters?: AccountId[];
+}
+
+function Voters ({ balance, voters }: Props): React.ReactElement<Props> {
+  if (!balance || !voters || !voters.length) {
+    return <><td className='all number' /><td className='number' /></>;
+  }
+
+  return (
+    <>
+      <td className='all expand'>
+        <Expander summary={<FormatBalance value={balance} />}>
+          {voters.map((who): React.ReactNode =>
+            <AddressMini
+              key={who.toString()}
+              value={who}
+              withLockedVote
+            />
+          )}
+        </Expander>
+      </td>
+      <td className='number'>
+        {formatNumber(voters.length)}
+      </td>
+    </>
+  );
+}
+
+export default React.memo(Voters);
diff --git a/packages/page-council/src/Overview/index.tsx b/packages/page-council/src/Overview/index.tsx
new file mode 100644
index 0000000..9c9d5d2
--- /dev/null
+++ b/packages/page-council/src/Overview/index.tsx
@@ -0,0 +1,78 @@
+// Copyright 2017-2022 @polkadot/app-democracy authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { DeriveCouncilVotes, DeriveElectionsInfo } from '@polkadot/api-derive/types';
+import type { AccountId } from '@polkadot/types/interfaces';
+
+import React from 'react';
+
+import { Button } from '@polkadot/react-components';
+import { useApi, useBestNumber, useCall } from '@polkadot/react-hooks';
+
+import { useModuleElections } from '../useModuleElections';
+import Candidates from './Candidates';
+import Members from './Members';
+import SubmitCandidacy from './SubmitCandidacy';
+import Summary from './Summary';
+import Vote from './Vote';
+
+interface Props {
+  className?: string;
+  prime?: AccountId | null;
+}
+
+const transformVotes = {
+  transform: (entries: DeriveCouncilVotes): Record<string, AccountId[]> =>
+    entries.reduce<Record<string, AccountId[]>>((result, [voter, { votes }]) => {
+      votes.forEach((candidate): void => {
+        const address = candidate.toString();
+
+        if (!result[address]) {
+          result[address] = [];
+        }
+
+        result[address].push(voter);
+      });
+
+      return result;
+    }, {})
+};
+
+function Overview ({ className = '', prime }: Props): React.ReactElement<Props> {
+  const { api } = useApi();
+  const bestNumber = useBestNumber();
+  const electionsInfo = useCall<DeriveElectionsInfo>(api.derive.elections.info);
+  const allVotes = useCall<Record<string, AccountId[]>>(api.derive.council.votes, undefined, transformVotes);
+  const modElections = useModuleElections();
+  const hasElections = !!modElections;
+
+  return (
+    <div className={className}>
+      <Summary
+        bestNumber={bestNumber}
+        electionsInfo={electionsInfo}
+        hasElections={!!modElections}
+      />
+      {hasElections && (
+        <Button.Group>
+          <Vote electionsInfo={electionsInfo} />
+          <SubmitCandidacy electionsInfo={electionsInfo} />
+        </Button.Group>
+      )}
+      <Members
+        allVotes={allVotes}
+        electionsInfo={electionsInfo}
+        hasElections={hasElections}
+        prime={prime}
+      />
+      {hasElections && (
+        <Candidates
+          allVotes={allVotes}
+          electionsInfo={electionsInfo}
+        />
+      )}
+    </div>
+  );
+}
+
+export default React.memo(Overview);
diff --git a/packages/page-council/src/Overview/types.ts b/packages/page-council/src/Overview/types.ts
new file mode 100644
index 0000000..00f9940
--- /dev/null
+++ b/packages/page-council/src/Overview/types.ts
@@ -0,0 +1,15 @@
+// Copyright 2017-2022 @polkadot/app-democracy authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { DeriveElectionsInfo } from '@polkadot/api-derive/types';
+import type { SetIndex } from '@polkadot/types/interfaces';
+import type { BN } from '@polkadot/util';
+
+export interface ComponentProps {
+  electionsInfo?: DeriveElectionsInfo;
+}
+
+export interface VoterPosition {
+  setIndex: SetIndex;
+  globalIndex: BN;
+}
diff --git a/packages/page-council/src/index.tsx b/packages/page-council/src/index.tsx
new file mode 100644
index 0000000..8887411
--- /dev/null
+++ b/packages/page-council/src/index.tsx
@@ -0,0 +1,69 @@
+// Copyright 2017-2022 @polkadot/app-democracy authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { DeriveCollectiveProposal } from '@polkadot/api-derive/types';
+import type { AccountId } from '@polkadot/types/interfaces';
+
+import React, { useMemo } from 'react';
+import { Route, Switch } from 'react-router';
+import { useLocation } from 'react-router-dom';
+
+import { Tabs } from '@polkadot/react-components';
+import { useApi, useCall } from '@polkadot/react-hooks';
+
+import Motions from './Motions';
+import Overview from './Overview';
+import { useTranslation } from './translate';
+import useCounter from './useCounter';
+
+export { useCounter };
+
+interface Props {
+  basePath: string;
+  className?: string;
+}
+
+function CouncilApp ({ basePath, className }: Props): React.ReactElement<Props> {
+  const { t } = useTranslation();
+  const { api } = useApi();
+  const { pathname } = useLocation();
+  const numMotions = useCounter();
+  const prime = useCall<AccountId | null>(api.derive.council.prime);
+  const motions = useCall<DeriveCollectiveProposal[]>(api.derive.council.proposals);
+
+  const items = useMemo(() => [
+    {
+      isRoot: true,
+      name: 'overview',
+      text: t<string>('Overview')
+    },
+    {
+      count: numMotions,
+      name: 'motions',
+      text: t<string>('Motions')
+    }
+  ], [numMotions, t]);
+
+  return (
+    <main className={className}>
+      <Tabs
+        basePath={basePath}
+        items={items}
+      />
+      <Switch>
+        <Route path={`${basePath}/motions`}>
+          <Motions
+            motions={motions}
+            prime={prime}
+          />
+        </Route>
+      </Switch>
+      <Overview
+        className={[basePath, `${basePath}/candidates`].includes(pathname) ? '' : '--hidden'}
+        prime={prime}
+      />
+    </main>
+  );
+}
+
+export default React.memo(CouncilApp);
diff --git a/packages/page-council/src/translate.ts b/packages/page-council/src/translate.ts
new file mode 100644
index 0000000..1edc4ba
--- /dev/null
+++ b/packages/page-council/src/translate.ts
@@ -0,0 +1,10 @@
+// Copyright 2017-2022 @polkadot/app-council authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { UseTranslationResponse } from 'react-i18next';
+
+import { useTranslation as useTranslationBase } from 'react-i18next';
+
+export function useTranslation (): UseTranslationResponse<'app-council', undefined> {
+  return useTranslationBase('app-council');
+}
diff --git a/packages/page-council/src/useCounter.ts b/packages/page-council/src/useCounter.ts
new file mode 100644
index 0000000..e4aaa75
--- /dev/null
+++ b/packages/page-council/src/useCounter.ts
@@ -0,0 +1,20 @@
+// Copyright 2017-2022 @polkadot/app-council authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { DeriveCollectiveProposal } from '@polkadot/api-derive/types';
+
+import { createNamedHook, useAccounts, useApi, useCall } from '@polkadot/react-hooks';
+
+const transformCounter = {
+  transform: (motions: DeriveCollectiveProposal[]) => motions.filter(({ votes }): boolean => !!votes).length
+};
+
+function useCounterImpl (): number {
+  const { hasAccounts } = useAccounts();
+  const { api, isApiReady } = useApi();
+  const counter = useCall<number>(isApiReady && hasAccounts && api.derive.council?.proposals, undefined, transformCounter) || 0;
+
+  return counter;
+}
+
+export default createNamedHook('useCounter', useCounterImpl);
diff --git a/packages/page-council/src/useModuleElections.ts b/packages/page-council/src/useModuleElections.ts
new file mode 100644
index 0000000..6564c0c
--- /dev/null
+++ b/packages/page-council/src/useModuleElections.ts
@@ -0,0 +1,23 @@
+// Copyright 2017-2022 @polkadot/app-council authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import { useMemo } from 'react';
+
+import { createNamedHook, useApi } from '@polkadot/react-hooks';
+
+function useModuleElectionsImpl (): string | null {
+  const { api } = useApi();
+
+  return useMemo(
+    () => api.tx.phragmenElection
+      ? 'phragmenElection'
+      : api.tx.electionsPhragmen
+        ? 'electionsPhragmen'
+        : api.tx.elections
+          ? 'elections'
+          : null,
+    [api]
+  );
+}
+
+export const useModuleElections = createNamedHook('useModuleElections', useModuleElectionsImpl);
diff --git a/packages/page-council/tsconfig.build.json b/packages/page-council/tsconfig.build.json
new file mode 100644
index 0000000..da24d9f
--- /dev/null
+++ b/packages/page-council/tsconfig.build.json
@@ -0,0 +1,9 @@
+{
+  "extends": "../../tsconfig.base.json",
+  "compilerOptions": {
+    "baseUrl": "..",
+    "outDir": "./build",
+    "rootDir": "./src"
+  },
+  "references": []
+}
diff --git a/packages/page-democracy/.skip-build b/packages/page-democracy/.skip-build
new file mode 100644
index 0000000..e69de29
diff --git a/packages/page-democracy/.skip-npm b/packages/page-democracy/.skip-npm
new file mode 100644
index 0000000..e69de29
diff --git a/packages/page-democracy/LICENSE b/packages/page-democracy/LICENSE
new file mode 100644
index 0000000..0d381b2
--- /dev/null
+++ b/packages/page-democracy/LICENSE
@@ -0,0 +1,201 @@
+                              Apache License
+                        Version 2.0, January 2004
+                    http://www.apache.org/licenses/
+
+TERMS AND CONDITIONS FOR USE, REPRODUCTION, AND DISTRIBUTION
+
+1. Definitions.
+
+  "License" shall mean the terms and conditions for use, reproduction,
+  and distribution as defined by Sections 1 through 9 of this document.
+
+  "Licensor" shall mean the copyright owner or entity authorized by
+  the copyright owner that is granting the License.
+
+  "Legal Entity" shall mean the union of the acting entity and all
+  other entities that control, are controlled by, or are under common
+  control with that entity. For the purposes of this definition,
+  "control" means (i) the power, direct or indirect, to cause the
+  direction or management of such entity, whether by contract or
+  otherwise, or (ii) ownership of fifty percent (50%) or more of the
+  outstanding shares, or (iii) beneficial ownership of such entity.
+
+  "You" (or "Your") shall mean an individual or Legal Entity
+  exercising permissions granted by this License.
+
+  "Source" form shall mean the preferred form for making modifications,
+  including but not limited to software source code, documentation
+  source, and configuration files.
+
+  "Object" form shall mean any form resulting from mechanical
+  transformation or translation of a Source form, including but
+  not limited to compiled object code, generated documentation,
+  and conversions to other media types.
+
+  "Work" shall mean the work of authorship, whether in Source or
+  Object form, made available under the License, as indicated by a
+  copyright notice that is included in or attached to the work
+  (an example is provided in the Appendix below).
+
+  "Derivative Works" shall mean any work, whether in Source or Object
+  form, that is based on (or derived from) the Work and for which the
+  editorial revisions, annotations, elaborations, or other modifications
+  represent, as a whole, an original work of authorship. For the purposes
+  of this License, Derivative Works shall not include works that remain
+  separable from, or merely link (or bind by name) to the interfaces of,
+  the Work and Derivative Works thereof.
+
+  "Contribution" shall mean any work of authorship, including
+  the original version of the Work and any modifications or additions
+  to that Work or Derivative Works thereof, that is intentionally
+  submitted to Licensor for inclusion in the Work by the copyright owner
+  or by an individual or Legal Entity authorized to submit on behalf of
+  the copyright owner. For the purposes of this definition, "submitted"
+  means any form of electronic, verbal, or written communication sent
+  to the Licensor or its representatives, including but not limited to
+  communication on electronic mailing lists, source code control systems,
+  and issue tracking systems that are managed by, or on behalf of, the
+  Licensor for the purpose of discussing and improving the Work, but
+  excluding communication that is conspicuously marked or otherwise
+  designated in writing by the copyright owner as "Not a Contribution."
+
+  "Contributor" shall mean Licensor and any individual or Legal Entity
+  on behalf of whom a Contribution has been received by Licensor and
+  subsequently incorporated within the Work.
+
+2. Grant of Copyright License. Subject to the terms and conditions of
+  this License, each Contributor hereby grants to You a perpetual,
+  worldwide, non-exclusive, no-charge, royalty-free, irrevocable
+  copyright license to reproduce, prepare Derivative Works of,
+  publicly display, publicly perform, sublicense, and distribute the
+  Work and such Derivative Works in Source or Object form.
+
+3. Grant of Patent License. Subject to the terms and conditions of
+  this License, each Contributor hereby grants to You a perpetual,
+  worldwide, non-exclusive, no-charge, royalty-free, irrevocable
+  (except as stated in this section) patent license to make, have made,
+  use, offer to sell, sell, import, and otherwise transfer the Work,
+  where such license applies only to those patent claims licensable
+  by such Contributor that are necessarily infringed by their
+  Contribution(s) alone or by combination of their Contribution(s)
+  with the Work to which such Contribution(s) was submitted. If You
+  institute patent litigation against any entity (including a
+  cross-claim or counterclaim in a lawsuit) alleging that the Work
+  or a Contribution incorporated within the Work constitutes direct
+  or contributory patent infringement, then any patent licenses
+  granted to You under this License for that Work shall terminate
+  as of the date such litigation is filed.
+
+4. Redistribution. You may reproduce and distribute copies of the
+  Work or Derivative Works thereof in any medium, with or without
+  modifications, and in Source or Object form, provided that You
+  meet the following conditions:
+
+  (a) You must give any other recipients of the Work or
+      Derivative Works a copy of this License; and
+
+  (b) You must cause any modified files to carry prominent notices
+      stating that You changed the files; and
+
+  (c) You must retain, in the Source form of any Derivative Works
+      that You distribute, all copyright, patent, trademark, and
+      attribution notices from the Source form of the Work,
+      excluding those notices that do not pertain to any part of
+      the Derivative Works; and
+
+  (d) If the Work includes a "NOTICE" text file as part of its
+      distribution, then any Derivative Works that You distribute must
+      include a readable copy of the attribution notices contained
+      within such NOTICE file, excluding those notices that do not
+      pertain to any part of the Derivative Works, in at least one
+      of the following places: within a NOTICE text file distributed
+      as part of the Derivative Works; within the Source form or
+      documentation, if provided along with the Derivative Works; or,
+      within a display generated by the Derivative Works, if and
+      wherever such third-party notices normally appear. The contents
+      of the NOTICE file are for informational purposes only and
+      do not modify the License. You may add Your own attribution
+      notices within Derivative Works that You distribute, alongside
+      or as an addendum to the NOTICE text from the Work, provided
+      that such additional attribution notices cannot be construed
+      as modifying the License.
+
+  You may add Your own copyright statement to Your modifications and
+  may provide additional or different license terms and conditions
+  for use, reproduction, or distribution of Your modifications, or
+  for any such Derivative Works as a whole, provided Your use,
+  reproduction, and distribution of the Work otherwise complies with
+  the conditions stated in this License.
+
+5. Submission of Contributions. Unless You explicitly state otherwise,
+  any Contribution intentionally submitted for inclusion in the Work
+  by You to the Licensor shall be under the terms and conditions of
+  this License, without any additional terms or conditions.
+  Notwithstanding the above, nothing herein shall supersede or modify
+  the terms of any separate license agreement you may have executed
+  with Licensor regarding such Contributions.
+
+6. Trademarks. This License does not grant permission to use the trade
+  names, trademarks, service marks, or product names of the Licensor,
+  except as required for reasonable and customary use in describing the
+  origin of the Work and reproducing the content of the NOTICE file.
+
+7. Disclaimer of Warranty. Unless required by applicable law or
+  agreed to in writing, Licensor provides the Work (and each
+  Contributor provides its Contributions) on an "AS IS" BASIS,
+  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or
+  implied, including, without limitation, any warranties or conditions
+  of TITLE, NON-INFRINGEMENT, MERCHANTABILITY, or FITNESS FOR A
+  PARTICULAR PURPOSE. You are solely responsible for determining the
+  appropriateness of using or redistributing the Work and assume any
+  risks associated with Your exercise of permissions under this License.
+
+8. Limitation of Liability. In no event and under no legal theory,
+  whether in tort (including negligence), contract, or otherwise,
+  unless required by applicable law (such as deliberate and grossly
+  negligent acts) or agreed to in writing, shall any Contributor be
+  liable to You for damages, including any direct, indirect, special,
+  incidental, or consequential damages of any character arising as a
+  result of this License or out of the use or inability to use the
+  Work (including but not limited to damages for loss of goodwill,
+  work stoppage, computer failure or malfunction, or any and all
+  other commercial damages or losses), even if such Contributor
+  has been advised of the possibility of such damages.
+
+9. Accepting Warranty or Additional Liability. While redistributing
+  the Work or Derivative Works thereof, You may choose to offer,
+  and charge a fee for, acceptance of support, warranty, indemnity,
+  or other liability obligations and/or rights consistent with this
+  License. However, in accepting such obligations, You may act only
+  on Your own behalf and on Your sole responsibility, not on behalf
+  of any other Contributor, and only if You agree to indemnify,
+  defend, and hold each Contributor harmless for any liability
+  incurred by, or claims asserted against, such Contributor by reason
+  of your accepting any such warranty or additional liability.
+
+END OF TERMS AND CONDITIONS
+
+APPENDIX: How to apply the Apache License to your work.
+
+  To apply the Apache License to your work, attach the following
+  boilerplate notice, with the fields enclosed by brackets "[]"
+  replaced with your own identifying information. (Don't include
+  the brackets!)  The text should be enclosed in the appropriate
+  comment syntax for the file format. We also recommend that a
+  file or class name and description of purpose be included on the
+  same "printed page" as the copyright notice for easier
+  identification within third-party archives.
+
+Copyright [yyyy] [name of copyright owner]
+
+Licensed under the Apache License, Version 2.0 (the "License");
+you may not use this file except in compliance with the License.
+You may obtain a copy of the License at
+
+    http://www.apache.org/licenses/LICENSE-2.0
+
+Unless required by applicable law or agreed to in writing, software
+distributed under the License is distributed on an "AS IS" BASIS,
+WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+See the License for the specific language governing permissions and
+limitations under the License.
diff --git a/packages/page-democracy/README.md b/packages/page-democracy/README.md
new file mode 100644
index 0000000..afd905e
--- /dev/null
+++ b/packages/page-democracy/README.md
@@ -0,0 +1 @@
+# @polkadot/app-democracy
diff --git a/packages/page-democracy/package.json b/packages/page-democracy/package.json
new file mode 100644
index 0000000..49cc5e5
--- /dev/null
+++ b/packages/page-democracy/package.json
@@ -0,0 +1,20 @@
+{
+  "bugs": "https://github.com/polkadot-js/apps/issues",
+  "homepage": "https://github.com/polkadot-js/apps/tree/master/packages/page-democracy#readme",
+  "license": "Apache-2.0",
+  "name": "@polkadot/app-democracy",
+  "private": true,
+  "repository": {
+    "directory": "packages/page-democracy",
+    "type": "git",
+    "url": "https://github.com/polkadot-js/apps.git"
+  },
+  "sideEffects": false,
+  "type": "module",
+  "version": "0.112.2-14",
+  "dependencies": {
+    "@babel/runtime": "^7.17.9",
+    "@polkadot/react-components": "^0.112.2-14",
+    "@polkadot/react-query": "^0.112.2-14"
+  }
+}
diff --git a/packages/page-democracy/src/Execute/DispatchEntry.tsx b/packages/page-democracy/src/Execute/DispatchEntry.tsx
new file mode 100644
index 0000000..96c0f0c
--- /dev/null
+++ b/packages/page-democracy/src/Execute/DispatchEntry.tsx
@@ -0,0 +1,57 @@
+// Copyright 2017-2022 @polkadot/app-democracy authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { DeriveDispatch } from '@polkadot/api-derive/types';
+
+import React from 'react';
+
+import { LinkExternal } from '@polkadot/react-components';
+import { useBestNumber } from '@polkadot/react-hooks';
+import { BlockToTime } from '@polkadot/react-query';
+import { formatNumber } from '@polkadot/util';
+
+import PreImageButton from '../Overview/PreImageButton';
+import ProposalCell from '../Overview/ProposalCell';
+
+interface Props {
+  value: DeriveDispatch;
+}
+
+function DispatchEntry ({ value: { at, image, imageHash, index } }: Props): React.ReactElement<Props> {
+  const bestNumber = useBestNumber();
+
+  return (
+    <tr>
+      <td className='number'><h1>{formatNumber(index)}</h1></td>
+      <ProposalCell
+        imageHash={imageHash}
+        proposal={image?.proposal}
+      />
+      <td className='number together'>
+        {bestNumber && (
+          <>
+            <BlockToTime value={at.sub(bestNumber)} />
+            #{formatNumber(at)}
+          </>
+        )}
+      </td>
+      <td className='button'>
+        {!image?.proposal && (
+          <PreImageButton
+            imageHash={imageHash}
+            isImminent
+          />
+        )}
+      </td>
+      <td className='links media--1000'>
+        <LinkExternal
+          data={index}
+          isLogo
+          type='referendum'
+        />
+      </td>
+    </tr>
+  );
+}
+
+export default React.memo(DispatchEntry);
diff --git a/packages/page-democracy/src/Execute/DispatchQueue.tsx b/packages/page-democracy/src/Execute/DispatchQueue.tsx
new file mode 100644
index 0000000..0a54ca2
--- /dev/null
+++ b/packages/page-democracy/src/Execute/DispatchQueue.tsx
@@ -0,0 +1,52 @@
+// Copyright 2017-2022 @polkadot/app-democracy authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { DeriveDispatch } from '@polkadot/api-derive/types';
+
+import React, { useMemo, useRef } from 'react';
+
+import { Table } from '@polkadot/react-components';
+import { useApi, useBestNumber, useCall } from '@polkadot/react-hooks';
+
+import { useTranslation } from '../translate';
+import DispatchEntry from './DispatchEntry';
+
+interface Props {
+  className?: string;
+}
+
+function DispatchQueue ({ className }: Props): React.ReactElement<Props> | null {
+  const { t } = useTranslation();
+  const { api } = useApi();
+  const bestNumber = useBestNumber();
+  const queued = useCall<DeriveDispatch[]>(api.derive.democracy.dispatchQueue);
+
+  const filtered = useMemo(
+    () => bestNumber && queued && queued.filter(({ at }) => at.gte(bestNumber)),
+    [bestNumber, queued]
+  );
+
+  const headerRef = useRef([
+    [t('dispatch queue'), 'start', 2],
+    [t('enact')],
+    [],
+    [undefined, 'media--1000']
+  ]);
+
+  return (
+    <Table
+      className={className}
+      empty={filtered && t<string>('Nothing queued for execution')}
+      header={headerRef.current}
+    >
+      {filtered?.map((entry): React.ReactNode => (
+        <DispatchEntry
+          key={entry.index.toString()}
+          value={entry}
+        />
+      ))}
+    </Table>
+  );
+}
+
+export default React.memo(DispatchQueue);
diff --git a/packages/page-democracy/src/Execute/Scheduled.tsx b/packages/page-democracy/src/Execute/Scheduled.tsx
new file mode 100644
index 0000000..2b2b0ad
--- /dev/null
+++ b/packages/page-democracy/src/Execute/Scheduled.tsx
@@ -0,0 +1,57 @@
+// Copyright 2017-2022 @polkadot/app-democracy authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { BlockNumber } from '@polkadot/types/interfaces';
+import type { ScheduledExt } from './types';
+
+import React from 'react';
+
+import { CallExpander } from '@polkadot/react-components';
+import { BlockToTime } from '@polkadot/react-query';
+import { formatNumber } from '@polkadot/util';
+
+interface Props {
+  bestNumber?: BlockNumber;
+  className?: string;
+  value: ScheduledExt;
+}
+
+function Scheduled ({ bestNumber, className = '', value: { blockNumber, call, maybeId, maybePeriodic } }: Props): React.ReactElement<Props> {
+  const period = maybePeriodic.unwrapOr(null);
+  const name = maybeId.unwrapOr(null);
+
+  return (
+    <tr className={className}>
+      <td className='all'>
+        <CallExpander value={call} />
+      </td>
+      <td className='start'>
+        {name && (
+          name.isAscii
+            ? name.toUtf8()
+            : name.toHex()
+        )}
+      </td>
+      <td className='number together'>
+        {bestNumber && (
+          <>
+            <BlockToTime value={blockNumber.sub(bestNumber)} />
+            #{formatNumber(blockNumber)}
+          </>
+        )}
+      </td>
+      <td className='number together'>
+        {period && (
+          formatNumber(period[0])
+        )}
+      </td>
+      <td className='number together'>
+        {period && (
+          formatNumber(period[1])
+        )}
+      </td>
+    </tr>
+  );
+}
+
+export default React.memo(Scheduled);
diff --git a/packages/page-democracy/src/Execute/Scheduler.tsx b/packages/page-democracy/src/Execute/Scheduler.tsx
new file mode 100644
index 0000000..f71786e
--- /dev/null
+++ b/packages/page-democracy/src/Execute/Scheduler.tsx
@@ -0,0 +1,86 @@
+// Copyright 2017-2022 @polkadot/app-democracy authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { Option } from '@polkadot/types';
+import type { BlockNumber, Call, Scheduled } from '@polkadot/types/interfaces';
+import type { FrameSupportScheduleMaybeHashed, PalletSchedulerScheduledV3 } from '@polkadot/types/lookup';
+import type { ScheduledExt } from './types';
+
+import React, { useMemo, useRef } from 'react';
+
+import { Table } from '@polkadot/react-components';
+import { useApi, useBestNumber, useCall } from '@polkadot/react-hooks';
+
+import { useTranslation } from '../translate';
+import ScheduledView from './Scheduled';
+
+interface Props {
+  className?: string;
+}
+
+const transformEntries = {
+  transform: (entries: [{ args: [BlockNumber] }, Option<Scheduled | PalletSchedulerScheduledV3>[]][]): ScheduledExt[] => {
+    return entries
+      .filter(([, all]) => all.some((o) => o.isSome))
+      .reduce((items: ScheduledExt[], [key, all]): ScheduledExt[] => {
+        const blockNumber = key.args[0];
+
+        return all
+          .filter((o) => o.isSome)
+          .map((o) => o.unwrap())
+          .reduce((items: ScheduledExt[], { call: callOrEnum, maybeId, maybePeriodic, priority }, index) => {
+            let call: Call | null = null;
+
+            if ((callOrEnum as unknown as FrameSupportScheduleMaybeHashed).inner) {
+              if ((callOrEnum as unknown as FrameSupportScheduleMaybeHashed).isValue) {
+                call = (callOrEnum as unknown as FrameSupportScheduleMaybeHashed).asValue;
+              }
+            } else {
+              call = callOrEnum as Call;
+            }
+
+            items.push({ blockNumber, call, key: `${blockNumber.toString()}-${index}`, maybeId, maybePeriodic, priority });
+
+            return items;
+          }, items);
+      }, []);
+  }
+};
+
+function Schedule ({ className = '' }: Props): React.ReactElement<Props> {
+  const { t } = useTranslation();
+  const { api } = useApi();
+  const bestNumber = useBestNumber();
+  const items = useCall<ScheduledExt[]>(api.query.scheduler.agenda.entries, undefined, transformEntries);
+
+  const filtered = useMemo(
+    () => bestNumber && items && items.filter(({ blockNumber }) => blockNumber.gte(bestNumber)),
+    [bestNumber, items]
+  );
+
+  const headerRef = useRef([
+    [t('scheduled'), 'start'],
+    [t('id'), 'start'],
+    [t('remaining')],
+    [t('period')],
+    [t('count')]
+  ]);
+
+  return (
+    <Table
+      className={className}
+      empty={filtered && t<string>('No active schedules')}
+      header={headerRef.current}
+    >
+      {filtered?.map((value): React.ReactNode => (
+        <ScheduledView
+          bestNumber={bestNumber}
+          key={value.key}
+          value={value}
+        />
+      ))}
+    </Table>
+  );
+}
+
+export default React.memo(Schedule);
diff --git a/packages/page-democracy/src/Execute/index.tsx b/packages/page-democracy/src/Execute/index.tsx
new file mode 100644
index 0000000..2c8d932
--- /dev/null
+++ b/packages/page-democracy/src/Execute/index.tsx
@@ -0,0 +1,28 @@
+// Copyright 2017-2022 @polkadot/app-democracy authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import React from 'react';
+
+import { useApi } from '@polkadot/react-hooks';
+
+import DispatchQueue from './DispatchQueue';
+import Scheduler from './Scheduler';
+
+interface Props {
+  className?: string;
+}
+
+function Execute ({ className }: Props): React.ReactElement<Props> {
+  const { api } = useApi();
+
+  return (
+    <div className={className}>
+      <DispatchQueue />
+      {api.query.scheduler && (
+        <Scheduler />
+      )}
+    </div>
+  );
+}
+
+export default React.memo(Execute);
diff --git a/packages/page-democracy/src/Execute/types.ts b/packages/page-democracy/src/Execute/types.ts
new file mode 100644
index 0000000..27fd7f7
--- /dev/null
+++ b/packages/page-democracy/src/Execute/types.ts
@@ -0,0 +1,14 @@
+// Copyright 2017-2022 @polkadot/app-democracy authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { Bytes, Option } from '@polkadot/types';
+import type { BlockNumber, Call, SchedulePeriod, SchedulePriority } from '@polkadot/types/interfaces';
+
+export interface ScheduledExt {
+  blockNumber: BlockNumber;
+  call: Call | null;
+  key: string;
+  maybeId: Option<Bytes>;
+  maybePeriodic: Option<SchedulePeriod>;
+  priority: SchedulePriority;
+}
diff --git a/packages/page-democracy/src/Execute/useCounter.ts b/packages/page-democracy/src/Execute/useCounter.ts
new file mode 100644
index 0000000..9059d78
--- /dev/null
+++ b/packages/page-democracy/src/Execute/useCounter.ts
@@ -0,0 +1,13 @@
+// Copyright 2017-2022 @polkadot/app-democracy authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import { createNamedHook, useApi, useCall } from '@polkadot/react-hooks';
+
+function useCounterImpl (): number {
+  const { api } = useApi();
+  const queued = useCall<unknown[]>(api.derive.democracy.dispatchQueue);
+
+  return queued?.length || 0;
+}
+
+export default createNamedHook('useCounter', useCounterImpl);
diff --git a/packages/page-democracy/src/Overview/External.tsx b/packages/page-democracy/src/Overview/External.tsx
new file mode 100644
index 0000000..1ed27e0
--- /dev/null
+++ b/packages/page-democracy/src/Overview/External.tsx
@@ -0,0 +1,56 @@
+// Copyright 2017-2022 @polkadot/app-democracy authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { DeriveProposalExternal } from '@polkadot/api-derive/types';
+
+import React from 'react';
+
+import { AddressMini, Button } from '@polkadot/react-components';
+import { useCollectiveMembers } from '@polkadot/react-hooks';
+import { FormatBalance } from '@polkadot/react-query';
+
+import Fasttrack from './Fasttrack';
+import PreImageButton from './PreImageButton';
+import ProposalCell from './ProposalCell';
+
+interface Props {
+  className?: string;
+  value: DeriveProposalExternal;
+}
+
+function External ({ className = '', value: { image, imageHash, threshold } }: Props): React.ReactElement<Props> | null {
+  const { isMember, members } = useCollectiveMembers('technicalCommittee');
+
+  return (
+    <tr className={className}>
+      <ProposalCell
+        imageHash={imageHash}
+        proposal={image?.proposal}
+      />
+      <td className='address'>
+        {image && (
+          <AddressMini value={image.proposer} />
+        )}
+      </td>
+      <td className='number'>
+        {image && <FormatBalance value={image.balance} />}
+      </td>
+      <td className='button'>
+        <Button.Group>
+          {!image?.proposal && (
+            <PreImageButton imageHash={imageHash} />
+          )}
+          {threshold && isMember && (
+            <Fasttrack
+              imageHash={imageHash}
+              members={members}
+              threshold={threshold}
+            />
+          )}
+        </Button.Group>
+      </td>
+    </tr>
+  );
+}
+
+export default React.memo(External);
diff --git a/packages/page-democracy/src/Overview/ExternalCell.tsx b/packages/page-democracy/src/Overview/ExternalCell.tsx
new file mode 100644
index 0000000..f137da9
--- /dev/null
+++ b/packages/page-democracy/src/Overview/ExternalCell.tsx
@@ -0,0 +1,44 @@
+// Copyright 2017-2022 @polkadot/app-democracy authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { DeriveProposalImage } from '@polkadot/api-derive/types';
+import type { Hash } from '@polkadot/types/interfaces';
+
+import React from 'react';
+
+import { CallExpander } from '@polkadot/react-components';
+import { useApi, useCall } from '@polkadot/react-hooks';
+import { Holder } from '@polkadot/react-params';
+
+import { useTranslation } from '../translate';
+
+interface Props {
+  className?: string;
+  value: Hash;
+}
+
+function ExternalCell ({ className = '', value }: Props): React.ReactElement<Props> | null {
+  const { t } = useTranslation();
+  const { api } = useApi();
+  const preimage = useCall<DeriveProposalImage>(api.derive.democracy.preimage, [value]);
+
+  if (!preimage?.proposal) {
+    return null;
+  }
+
+  return (
+    <Holder
+      className={className}
+      withBorder
+      withPadding
+    >
+      <CallExpander
+        labelHash={t<string>('proposal hash')}
+        value={preimage.proposal}
+        withHash
+      />
+    </Holder>
+  );
+}
+
+export default React.memo(ExternalCell);
diff --git a/packages/page-democracy/src/Overview/Externals.tsx b/packages/page-democracy/src/Overview/Externals.tsx
new file mode 100644
index 0000000..de302e4
--- /dev/null
+++ b/packages/page-democracy/src/Overview/Externals.tsx
@@ -0,0 +1,41 @@
+// Copyright 2017-2022 @polkadot/app-democracy authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { DeriveProposalExternal } from '@polkadot/api-derive/types';
+
+import React, { useRef } from 'react';
+
+import { Table } from '@polkadot/react-components';
+import { useApi, useCall } from '@polkadot/react-hooks';
+
+import { useTranslation } from '../translate';
+import External from './External';
+
+interface Props {
+  className?: string;
+}
+
+function Externals ({ className }: Props): React.ReactElement<Props> | null {
+  const { t } = useTranslation();
+  const { api } = useApi();
+  const external = useCall<DeriveProposalExternal | null>(api.derive.democracy.nextExternal);
+
+  const headerRef = useRef([
+    [t('external'), 'start'],
+    [t('proposer'), 'address'],
+    [t('locked')],
+    []
+  ]);
+
+  return (
+    <Table
+      className={className}
+      empty={external === null && t<string>('No external proposal')}
+      header={headerRef.current}
+    >
+      {external && <External value={external} />}
+    </Table>
+  );
+}
+
+export default React.memo(Externals);
diff --git a/packages/page-democracy/src/Overview/Fasttrack.tsx b/packages/page-democracy/src/Overview/Fasttrack.tsx
new file mode 100644
index 0000000..572cc10
--- /dev/null
+++ b/packages/page-democracy/src/Overview/Fasttrack.tsx
@@ -0,0 +1,166 @@
+// Copyright 2017-2022 @polkadot/app-democracy authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { SubmittableExtrinsic } from '@polkadot/api/types';
+import type { Hash, VoteThreshold } from '@polkadot/types/interfaces';
+
+import React, { useEffect, useMemo, useState } from 'react';
+
+import { getFastTrackThreshold } from '@polkadot/apps-config';
+import { Button, Input, InputAddress, InputNumber, Modal, Toggle, TxButton } from '@polkadot/react-components';
+import { useApi, useCall, useCollectiveInstance, useToggle } from '@polkadot/react-hooks';
+import { BN } from '@polkadot/util';
+
+import { useTranslation } from '../translate';
+
+interface Props {
+  imageHash: Hash;
+  members: string[];
+  threshold: VoteThreshold;
+}
+
+interface ProposalState {
+  proposal?: SubmittableExtrinsic<'promise'> | null;
+  proposalLength: number;
+}
+
+// default, assuming 6s blocks
+const ONE_HOUR = (60 * 60) / 6;
+const DEF_DELAY = new BN(ONE_HOUR);
+const DEF_VOTING = new BN(3 * ONE_HOUR);
+
+function Fasttrack ({ imageHash, members, threshold }: Props): React.ReactElement<Props> | null {
+  const { t } = useTranslation();
+  const { api } = useApi();
+  const [isFasttrackOpen, toggleFasttrack] = useToggle();
+  const [accountId, setAcountId] = useState<string | null>(null);
+  const [delayBlocks, setDelayBlocks] = useState<BN | undefined>(DEF_DELAY);
+  const [votingBlocks, setVotingBlocks] = useState<BN | undefined>(api.consts.democracy.fastTrackVotingPeriod || DEF_VOTING);
+  const [{ proposal, proposalLength }, setProposal] = useState<ProposalState>(() => ({ proposalLength: 0 }));
+  const [withVote, toggleVote] = useToggle(true);
+  const modLocation = useCollectiveInstance('technicalCommittee');
+  const proposalCount = useCall<BN>(modLocation && api.query[modLocation].proposalCount);
+
+  const memberThreshold = useMemo(
+    () => new BN(
+      Math.ceil(
+        members.length * getFastTrackThreshold(api, !votingBlocks || api.consts.democracy.fastTrackVotingPeriod.lte(votingBlocks))
+      )
+    ),
+    [api, members, votingBlocks]
+  );
+
+  const extrinsic = useMemo(
+    (): SubmittableExtrinsic<'promise'> | null => {
+      if (!modLocation || !proposal || !proposalCount) {
+        return null;
+      }
+
+      const proposeTx = api.tx[modLocation].propose.meta.args.length === 3
+        ? api.tx[modLocation].propose(memberThreshold, proposal, proposalLength)
+        // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+        // @ts-ignore Old-type
+        : api.tx[modLocation].propose(memberThreshold, proposal);
+
+      return withVote
+        ? api.tx.utility.batch([
+          proposeTx,
+          api.tx[modLocation].vote(proposal.method.hash, proposalCount, true)
+        ])
+        : proposeTx;
+    }, [api, memberThreshold, modLocation, proposal, proposalCount, proposalLength, withVote]
+  );
+
+  useEffect((): void => {
+    const proposal = delayBlocks && !delayBlocks.isZero() && votingBlocks && !votingBlocks.isZero()
+      ? api.tx.democracy.fastTrack(imageHash, votingBlocks, delayBlocks)
+      : null;
+
+    setProposal({
+      proposal,
+      proposalLength: proposal?.length || 0
+    });
+  }, [api, delayBlocks, imageHash, members, votingBlocks]);
+
+  if (!modLocation) {
+    return null;
+  }
+
+  return (
+    <>
+      {isFasttrackOpen && (
+        <Modal
+          header={t<string>('Fast track proposal')}
+          onClose={toggleFasttrack}
+          size='large'
+        >
+          <Modal.Content>
+            <Modal.Columns hint={t<string>('Select the committee account you wish to make the proposal with.')}>
+              <InputAddress
+                filter={members}
+                label={t<string>('propose from account')}
+                onChange={setAcountId}
+                type='account'
+                withLabel
+              />
+            </Modal.Columns>
+            <Modal.Columns hint={t<string>('The external proposal to send to the technical committee')}>
+              <Input
+                isDisabled
+                label={t<string>('preimage hash')}
+                value={imageHash.toHex()}
+              />
+            </Modal.Columns>
+            <Modal.Columns hint={t<string>('The voting period and delay to apply to this proposal. The threshold is calculated from these values.')}>
+              <InputNumber
+                autoFocus
+                help={t<string>('The voting period to apply in blocks')}
+                isZeroable={false}
+                label={t<string>('voting period')}
+                onChange={setVotingBlocks}
+                value={votingBlocks}
+              />
+              <InputNumber
+                help={t<string>('The delay period to apply in blocks')}
+                isZeroable={false}
+                label={t<string>('delay')}
+                onChange={setDelayBlocks}
+                value={delayBlocks}
+              />
+              <InputNumber
+                defaultValue={memberThreshold}
+                isDisabled
+                label={t<string>('threshold')}
+              />
+            </Modal.Columns>
+            <Modal.Columns hint={t<string>('Submit an Aye vote alongside the proposal as part of a batch')}>
+              <Toggle
+                label={t<string>('Submit Aye vote with proposal')}
+                onChange={toggleVote}
+                value={withVote}
+              />
+            </Modal.Columns>
+          </Modal.Content>
+          <Modal.Actions>
+            <TxButton
+              accountId={accountId}
+              extrinsic={extrinsic}
+              icon='forward'
+              isDisabled={!accountId}
+              label={t<string>('Fast track')}
+              onStart={toggleFasttrack}
+            />
+          </Modal.Actions>
+        </Modal>
+      )}
+      <Button
+        icon='forward'
+        isDisabled={threshold.isSuperMajorityApprove}
+        label={t<string>('Fast track')}
+        onClick={toggleFasttrack}
+      />
+    </>
+  );
+}
+
+export default React.memo(Fasttrack);
diff --git a/packages/page-democracy/src/Overview/PreImage.tsx b/packages/page-democracy/src/Overview/PreImage.tsx
new file mode 100644
index 0000000..f001d7a
--- /dev/null
+++ b/packages/page-democracy/src/Overview/PreImage.tsx
@@ -0,0 +1,141 @@
+// Copyright 2017-2022 @polkadot/app-democracy authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { SubmittableExtrinsic } from '@polkadot/api/promise/types';
+import type { Hash } from '@polkadot/types/interfaces';
+
+import React, { useEffect, useState } from 'react';
+import styled from 'styled-components';
+
+import { Extrinsic, Input, InputAddress, InputBalance, Modal, TxButton } from '@polkadot/react-components';
+import { useApi } from '@polkadot/react-hooks';
+import { Available } from '@polkadot/react-query';
+import { BN, BN_ZERO } from '@polkadot/util';
+import { blake2AsHex } from '@polkadot/util-crypto';
+
+import { useTranslation } from '../translate';
+
+interface Props {
+  className?: string;
+  isImminent?: boolean;
+  imageHash?: Hash;
+  onClose: () => void;
+}
+
+interface HashState {
+  encodedHash: string;
+  encodedProposal: string;
+  storageFee: BN;
+}
+
+const ZERO_HASH = blake2AsHex('');
+
+function PreImage ({ className = '', imageHash, isImminent = false, onClose }: Props): React.ReactElement<Props> {
+  const { t } = useTranslation();
+  const { api, apiDefaultTxSudo } = useApi();
+  const [accountId, setAccountId] = useState<string | null>(null);
+  const [{ encodedHash, encodedProposal, storageFee }, setHash] = useState<HashState>({ encodedHash: ZERO_HASH, encodedProposal: '', storageFee: BN_ZERO });
+  const [proposal, setProposal] = useState<SubmittableExtrinsic>();
+
+  useEffect((): void => {
+    const encodedProposal = (proposal as SubmittableExtrinsic)?.method.toHex() || '';
+    const storageFee = api.consts.democracy.preimageByteDeposit.mul(
+      encodedProposal
+        ? new BN((encodedProposal.length - 2) / 2)
+        : BN_ZERO
+    );
+
+    setHash({ encodedHash: blake2AsHex(encodedProposal), encodedProposal, storageFee });
+  }, [api, proposal]);
+
+  const isMatched = imageHash
+    ? imageHash.eq(encodedHash)
+    : true;
+
+  return (
+    <Modal
+      className={className}
+      header={t<string>('Submit preimage')}
+      onClose={onClose}
+      size='large'
+    >
+      <Modal.Content>
+        <Modal.Columns hint={t<string>('This account will pay the fees for the preimage, based on the size thereof.')}>
+          <InputAddress
+            help={t<string>('The account you want to register the preimage from')}
+            label={t<string>('send from account')}
+            labelExtra={
+              <Available
+                label={<span className='label'>{t<string>('transferrable')}</span>}
+                params={accountId}
+              />
+            }
+            onChange={setAccountId}
+            type='account'
+          />
+        </Modal.Columns>
+        <Modal.Columns hint={
+          <>
+            <p>{t<string>('The image (proposal) will be stored on-chain against the hash of the contents.')}</p>
+            <p>{t<string>('When submitting a proposal the hash needs to be known. Proposals can be submitted with hash-only, but upon dispatch the preimage needs to be available.')}</p>
+          </>
+        }
+        >
+          <Extrinsic
+            defaultValue={apiDefaultTxSudo}
+            label={t<string>('propose')}
+            onChange={setProposal}
+          />
+          <Input
+            className='disabledLook'
+            help={t<string>('The hash of the selected proposal, use it for submitting the proposal')}
+            isDisabledError={!isMatched}
+            label={t<string>('preimage hash')}
+            value={encodedHash}
+          />
+        </Modal.Columns>
+        {!isImminent && (
+          <Modal.Columns hint={t<string>('The calculated storage costs based on the size and the per-bytes fee.')}>
+            <InputBalance
+              defaultValue={storageFee}
+              help={t<string>('The amount reserved to store this image')}
+              isDisabled
+              label={t<string>('calculated storage fee')}
+            />
+          </Modal.Columns>
+        )}
+      </Modal.Content>
+      <Modal.Actions>
+        <TxButton
+          accountId={accountId}
+          icon='plus'
+          isDisabled={!proposal || !accountId || !isMatched || !encodedProposal}
+          label={t<string>('Submit preimage')}
+          onStart={onClose}
+          params={[encodedProposal]}
+          tx={
+            isImminent
+              ? api.tx.democracy.noteImminentPreimage
+              : api.tx.democracy.notePreimage
+          }
+        />
+      </Modal.Actions>
+    </Modal>
+  );
+}
+
+export default React.memo(styled(PreImage)`
+  .toggleImminent {
+    margin: 0.5rem 0;
+    text-align: right;
+  }
+
+  .disabledLook input {
+    background: transparent;
+    border-style: dashed;
+    &:focus{
+      background: transparent;
+      border-color: #d9d8d7;
+    }
+  }
+`);
diff --git a/packages/page-democracy/src/Overview/PreImageButton.tsx b/packages/page-democracy/src/Overview/PreImageButton.tsx
new file mode 100644
index 0000000..4237f2c
--- /dev/null
+++ b/packages/page-democracy/src/Overview/PreImageButton.tsx
@@ -0,0 +1,41 @@
+// Copyright 2017-2022 @polkadot/app-democracy authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { Hash } from '@polkadot/types/interfaces';
+
+import React from 'react';
+
+import { Button } from '@polkadot/react-components';
+import { useToggle } from '@polkadot/react-hooks';
+
+import { useTranslation } from '../translate';
+import PreImage from './PreImage';
+
+interface Props {
+  imageHash: Hash;
+  isImminent?: boolean;
+}
+
+function PreImageButton ({ imageHash, isImminent }: Props): React.ReactElement<Props> | null {
+  const { t } = useTranslation();
+  const [isPreimageOpen, togglePreimage] = useToggle();
+
+  return (
+    <>
+      <Button
+        icon='plus'
+        label={t<string>('Image')}
+        onClick={togglePreimage}
+      />
+      {isPreimageOpen && (
+        <PreImage
+          imageHash={imageHash}
+          isImminent={isImminent}
+          onClose={togglePreimage}
+        />
+      )}
+    </>
+  );
+}
+
+export default React.memo(PreImageButton);
diff --git a/packages/page-democracy/src/Overview/Proposal.tsx b/packages/page-democracy/src/Overview/Proposal.tsx
new file mode 100644
index 0000000..3399207
--- /dev/null
+++ b/packages/page-democracy/src/Overview/Proposal.tsx
@@ -0,0 +1,89 @@
+// Copyright 2017-2022 @polkadot/app-democracy authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { DeriveProposal } from '@polkadot/api-derive/types';
+
+import React from 'react';
+import styled from 'styled-components';
+
+import { AddressMini, Button, Expander, LinkExternal } from '@polkadot/react-components';
+import { FormatBalance } from '@polkadot/react-query';
+import { formatNumber } from '@polkadot/util';
+
+import { useTranslation } from '../translate';
+import PreImageButton from './PreImageButton';
+import ProposalCell from './ProposalCell';
+import Seconding from './Seconding';
+
+interface Props {
+  className?: string;
+  value: DeriveProposal;
+}
+
+function Proposal ({ className = '', value: { balance, image, imageHash, index, proposer, seconds } }: Props): React.ReactElement<Props> {
+  const { t } = useTranslation();
+  const seconding = seconds.filter((_address, index) => index !== 0);
+
+  return (
+    <tr className={className}>
+      <td className='number'><h1>{formatNumber(index)}</h1></td>
+      <ProposalCell
+        imageHash={imageHash}
+        proposal={image?.proposal}
+      />
+      <td className='address'>
+        <AddressMini value={proposer} />
+      </td>
+      <td className='number together media--1200'>
+        <FormatBalance value={balance} />
+      </td>
+      <td className='expand'>
+        {seconding.length !== 0 && (
+          <Expander summary={t<string>('Seconds ({{count}})', { replace: { count: seconding.length } })}>
+            {seconding.map((address, count): React.ReactNode => (
+              <AddressMini
+                className='identityIcon'
+                key={`${count}:${address.toHex()}`}
+                value={address}
+                withBalance={false}
+                withShrink
+              />
+            ))}
+          </Expander>
+        )}
+      </td>
+      <td className='button'>
+        <Button.Group>
+          {!image?.proposal && (
+            <PreImageButton imageHash={imageHash} />
+          )}
+          <Seconding
+            deposit={balance}
+            depositors={seconds || []}
+            image={image}
+            proposalId={index}
+          />
+        </Button.Group>
+      </td>
+      <td className='links media--1000'>
+        <LinkExternal
+          data={index}
+          isLogo
+          type='proposal'
+        />
+      </td>
+    </tr>
+  );
+}
+
+export default React.memo(styled(Proposal)`
+  .identityIcon {
+    &:first-child {
+      padding-top: 0;
+    }
+
+    &:last-child {
+      margin-bottom: 4px;
+    }
+  }
+`);
diff --git a/packages/page-democracy/src/Overview/ProposalCell.tsx b/packages/page-democracy/src/Overview/ProposalCell.tsx
new file mode 100644
index 0000000..d4898a4
--- /dev/null
+++ b/packages/page-democracy/src/Overview/ProposalCell.tsx
@@ -0,0 +1,59 @@
+// Copyright 2017-2022 @polkadot/app-democracy authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { Compact } from '@polkadot/types';
+import type { Hash, Proposal, ProposalIndex } from '@polkadot/types/interfaces';
+
+import React from 'react';
+
+import { CallExpander } from '@polkadot/react-components';
+
+import { useTranslation } from '../translate';
+import ExternalCell from './ExternalCell';
+import TreasuryCell from './TreasuryCell';
+
+interface Props {
+  className?: string;
+  imageHash: Hash | string;
+  proposal?: Proposal | null;
+}
+
+const METHOD_EXTE = ['externalPropose', 'externalProposeDefault', 'externalProposeMajority', 'fastTrack'];
+const METHOD_TREA = ['approveProposal', 'rejectProposal'];
+
+function ProposalCell ({ className = '', imageHash, proposal }: Props): React.ReactElement<Props> {
+  const { t } = useTranslation();
+
+  if (!proposal) {
+    const textHash = imageHash.toString();
+
+    return (
+      <td className={`${className} all`}>
+        {t('preimage {{hash}}', { replace: { hash: `${textHash.slice(0, 8)}…${textHash.slice(-8)}` } })}
+      </td>
+    );
+  }
+
+  const { method, section } = proposal.registry.findMetaCall(proposal.callIndex);
+  const isTreasury = section === 'treasury' && METHOD_TREA.includes(method);
+  const isExternal = section === 'democracy' && METHOD_EXTE.includes(method);
+
+  return (
+    <td className={`${className} all`}>
+      <CallExpander
+        labelHash={t<string>('proposal hash')}
+        value={proposal}
+        withHash={!isTreasury && !isExternal}
+      >
+        {isExternal && (
+          <ExternalCell value={proposal.args[0] as Hash} />
+        )}
+        {isTreasury && (
+          <TreasuryCell value={proposal.args[0] as Compact<ProposalIndex>} />
+        )}
+      </CallExpander>
+    </td>
+  );
+}
+
+export default React.memo(ProposalCell);
diff --git a/packages/page-democracy/src/Overview/Proposals.tsx b/packages/page-democracy/src/Overview/Proposals.tsx
new file mode 100644
index 0000000..f76496b
--- /dev/null
+++ b/packages/page-democracy/src/Overview/Proposals.tsx
@@ -0,0 +1,47 @@
+// Copyright 2017-2022 @polkadot/app-democracy authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { DeriveProposal } from '@polkadot/api-derive/types';
+
+import React, { useRef } from 'react';
+
+import { Table } from '@polkadot/react-components';
+import { useApi, useCall } from '@polkadot/react-hooks';
+
+import { useTranslation } from '../translate';
+import ProposalDisplay from './Proposal';
+
+interface Props {
+  className?: string;
+}
+
+function Proposals ({ className }: Props): React.ReactElement<Props> {
+  const { t } = useTranslation();
+  const { api } = useApi();
+  const proposals = useCall<DeriveProposal[]>(api.derive.democracy.proposals);
+
+  const headerRef = useRef([
+    [t('proposals'), 'start', 2],
+    [t('proposer'), 'address'],
+    [t('locked'), 'media--1200'],
+    [undefined, undefined, 2],
+    [undefined, 'media--1000']
+  ]);
+
+  return (
+    <Table
+      className={className}
+      empty={proposals && t<string>('No active proposals')}
+      header={headerRef.current}
+    >
+      {proposals?.map((proposal): React.ReactNode => (
+        <ProposalDisplay
+          key={proposal.index.toString()}
+          value={proposal}
+        />
+      ))}
+    </Table>
+  );
+}
+
+export default React.memo(Proposals);
diff --git a/packages/page-democracy/src/Overview/Propose.tsx b/packages/page-democracy/src/Overview/Propose.tsx
new file mode 100644
index 0000000..0526b37
--- /dev/null
+++ b/packages/page-democracy/src/Overview/Propose.tsx
@@ -0,0 +1,106 @@
+// Copyright 2017-2022 @polkadot/app-democracy authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { BN } from '@polkadot/util';
+
+import React, { useCallback, useState } from 'react';
+
+import { Input, InputAddress, InputBalance, Modal, TxButton } from '@polkadot/react-components';
+import { useApi, useCall } from '@polkadot/react-hooks';
+import { Available } from '@polkadot/react-query';
+import { isHex } from '@polkadot/util';
+
+import { useTranslation } from '../translate';
+
+interface Props {
+  className?: string;
+  onClose: () => void;
+}
+
+interface HashState {
+  hash?: string;
+  isHashValid: boolean;
+}
+
+function Propose ({ className = '', onClose }: Props): React.ReactElement<Props> {
+  const { t } = useTranslation();
+  const { api } = useApi();
+  const [accountId, setAccountId] = useState<string | null>(null);
+  const [balance, setBalance] = useState<BN | undefined>();
+  const [{ hash, isHashValid }, setHash] = useState<HashState>({ hash: '', isHashValid: false });
+  const publicProps = useCall<unknown[]>(api.query.democracy.publicProps);
+
+  const _onChangeHash = useCallback(
+    (hash?: string): void => setHash({ hash, isHashValid: isHex(hash, 256) }),
+    []
+  );
+
+  const hasMinLocked = balance?.gte(api.consts.democracy.minimumDeposit);
+
+  return (
+    <Modal
+      className={className}
+      header={t<string>('Submit proposal')}
+      onClose={onClose}
+      size='large'
+    >
+      <Modal.Content>
+        <Modal.Columns hint={t<string>('The proposal will be registered from this account and the balance lock will be applied here.')}>
+          <InputAddress
+            help={t<string>('The account you want to register the proposal from')}
+            label={t<string>('send from account')}
+            labelExtra={
+              <Available
+                label={<span className='label'>{t<string>('transferrable')}</span>}
+                params={accountId}
+              />
+            }
+            onChange={setAccountId}
+            type='account'
+          />
+        </Modal.Columns>
+        <Modal.Columns hint={t<string>('The hash of the preimage for the proposal as previously submitted or intended.')}>
+          <Input
+            autoFocus
+            help={t<string>('The preimage hash of the proposal')}
+            label={t<string>('preimage hash')}
+            onChange={_onChangeHash}
+            value={hash}
+          />
+        </Modal.Columns>
+        <Modal.Columns hint={t<string>('The associated deposit for this proposal should be more then the minimum on-chain deposit required. It will be locked until the proposal passes.')}>
+          <InputBalance
+            defaultValue={api.consts.democracy.minimumDeposit}
+            help={t<string>('The locked value for this proposal')}
+            isError={!hasMinLocked}
+            label={t<string>('locked balance')}
+            onChange={setBalance}
+          />
+          <InputBalance
+            defaultValue={api.consts.democracy.minimumDeposit}
+            help={t<string>('The minimum deposit required')}
+            isDisabled
+            label={t<string>('minimum deposit')}
+          />
+        </Modal.Columns>
+      </Modal.Content>
+      <Modal.Actions>
+        <TxButton
+          accountId={accountId}
+          icon='plus'
+          isDisabled={!balance || !hasMinLocked || !isHashValid || !accountId || !publicProps}
+          label={t<string>('Submit proposal')}
+          onStart={onClose}
+          params={
+            api.tx.democracy.propose.meta.args.length === 3
+              ? [hash, balance, publicProps?.length]
+              : [hash, balance]
+          }
+          tx={api.tx.democracy.propose}
+        />
+      </Modal.Actions>
+    </Modal>
+  );
+}
+
+export default React.memo(Propose);
diff --git a/packages/page-democracy/src/Overview/Referendum.tsx b/packages/page-democracy/src/Overview/Referendum.tsx
new file mode 100644
index 0000000..9196fa5
--- /dev/null
+++ b/packages/page-democracy/src/Overview/Referendum.tsx
@@ -0,0 +1,182 @@
+// Copyright 2017-2022 @polkadot/app-democracy authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { DeriveReferendumExt } from '@polkadot/api-derive/types';
+import type { Balance } from '@polkadot/types/interfaces';
+
+import React, { useMemo } from 'react';
+import styled from 'styled-components';
+
+import { Badge, Button, Icon, LinkExternal } from '@polkadot/react-components';
+import { useAccounts, useApi, useBestNumber, useCall } from '@polkadot/react-hooks';
+import { BlockToTime } from '@polkadot/react-query';
+import { BN, BN_ONE, formatNumber, isBoolean } from '@polkadot/util';
+
+import { useTranslation } from '../translate';
+import useChangeCalc from '../useChangeCalc';
+import PreImageButton from './PreImageButton';
+import ProposalCell from './ProposalCell';
+import ReferendumVotes from './ReferendumVotes';
+import Voting from './Voting';
+
+interface Props {
+  className?: string;
+  value: DeriveReferendumExt;
+}
+
+interface Percentages {
+  aye: string;
+  nay: string;
+  turnout: string;
+}
+
+interface VoteType {
+  hasVoted: boolean;
+  hasVotedAye: boolean;
+}
+
+function percentage (val: BN, div: BN): string {
+  return Math.min(100, val.muln(10000).div(div).toNumber() / 100).toFixed(2);
+}
+
+function Referendum ({ className = '', value: { allAye, allNay, image, imageHash, index, isPassing, status, voteCountAye, voteCountNay, votedAye, votedNay, votedTotal } }: Props): React.ReactElement<Props> | null {
+  const { t } = useTranslation();
+  const { api } = useApi();
+  const { allAccounts } = useAccounts();
+  const bestNumber = useBestNumber();
+  const totalIssuance = useCall<Balance>(api.query.balances?.totalIssuance);
+  const { changeAye, changeNay } = useChangeCalc(status.threshold, votedAye, votedNay, votedTotal);
+  const threshold = useMemo(
+    () => status.threshold.type.toString().replace('majority', ' majority '),
+    [status]
+  );
+
+  const [percentages, { hasVoted, hasVotedAye }] = useMemo(
+    (): [Percentages | null, VoteType] => {
+      if (totalIssuance) {
+        const aye = allAye.reduce((total: BN, { balance }) => total.add(balance), new BN(0));
+        const nay = allNay.reduce((total: BN, { balance }) => total.add(balance), new BN(0));
+        const hasVotedAye = allAye.some(({ accountId }) => allAccounts.includes(accountId.toString()));
+
+        return [
+          {
+            aye: votedTotal.isZero()
+              ? ''
+              : `${percentage(aye, votedTotal)}%`,
+            nay: votedTotal.isZero()
+              ? ''
+              : `${percentage(nay, votedTotal)}%`,
+            turnout: `${percentage(votedTotal, totalIssuance)}%`
+          },
+          {
+            hasVoted: hasVotedAye || allNay.some(({ accountId }) => allAccounts.includes(accountId.toString())),
+            hasVotedAye
+          }
+        ];
+      } else {
+        return [null, { hasVoted: false, hasVotedAye: false }];
+      }
+    },
+    [allAccounts, allAye, allNay, totalIssuance, votedTotal]
+  );
+
+  if (!bestNumber || status.end.sub(bestNumber).lten(0)) {
+    return null;
+  }
+
+  const enactBlock = status.end.add(status.delay);
+  const remainBlock = status.end.sub(bestNumber).isub(BN_ONE);
+
+  return (
+    <tr className={className}>
+      <td className='number'><h1>{formatNumber(index)}</h1></td>
+      <ProposalCell
+        imageHash={imageHash}
+        proposal={image?.proposal}
+      />
+      <td className='number together media--1200'>
+        <BlockToTime value={remainBlock} />
+        {t<string>('{{blocks}} blocks', { replace: { blocks: formatNumber(remainBlock) } })}
+      </td>
+      <td className='number together media--1400'>
+        <BlockToTime value={enactBlock.sub(bestNumber)} />
+        #{formatNumber(enactBlock)}
+      </td>
+      <td className='number together media--1400'>
+        {percentages && (
+          <>
+            <div>{percentages.turnout}</div>
+            {percentages.aye && (
+              <div>{t<string>('{{percentage}} aye', { replace: { percentage: percentages.aye } })}</div>
+            )}
+          </>
+        )}
+      </td>
+      <td className='badge'>
+        {isBoolean(isPassing) && (
+          <Badge
+            color={isPassing ? 'green' : 'red'}
+            hover={
+              isPassing
+                ? t<string>('{{threshold}}, passing', { replace: { threshold } })
+                : t<string>('{{threshold}}, not passing', { replace: { threshold } })
+            }
+            icon={isPassing ? 'check' : 'times'}
+          />
+        )}
+      </td>
+      <td className='expand'>
+        <ReferendumVotes
+          change={changeAye}
+          count={voteCountAye}
+          isAye
+          isWinning={isPassing}
+          total={votedAye}
+          votes={allAye}
+        />
+        <ReferendumVotes
+          change={changeNay}
+          count={voteCountNay}
+          isAye={false}
+          isWinning={!isPassing}
+          total={votedNay}
+          votes={allNay}
+        />
+      </td>
+      <td className='button'>
+        <Button.Group>
+          {!image?.proposal && (
+            <PreImageButton imageHash={imageHash} />
+          )}
+          <Voting
+            proposal={image?.proposal}
+            referendumId={index}
+          />
+        </Button.Group>
+      </td>
+      <td className='badge'>
+        <Icon
+          color={hasVoted ? (hasVotedAye ? 'green' : 'red') : 'gray'}
+          icon='asterisk'
+        />
+      </td>
+      <td className='links media--1000'>
+        <LinkExternal
+          data={index}
+          isLogo
+          type='referendum'
+        />
+      </td>
+    </tr>
+  );
+}
+
+export default React.memo(styled(Referendum)`
+  .democracy--Referendum-results {
+    margin-bottom: 1em;
+
+    &.chart {
+      text-align: center;
+    }
+  }
+`);
diff --git a/packages/page-democracy/src/Overview/ReferendumVote.tsx b/packages/page-democracy/src/Overview/ReferendumVote.tsx
new file mode 100644
index 0000000..133ef63
--- /dev/null
+++ b/packages/page-democracy/src/Overview/ReferendumVote.tsx
@@ -0,0 +1,32 @@
+// Copyright 2017-2022 @polkadot/app-democracy authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { DeriveReferendumVote } from '@polkadot/api-derive/types';
+import type { Vote } from '@polkadot/types/interfaces';
+
+import React from 'react';
+
+import { AddressMini } from '@polkadot/react-components';
+
+interface Props {
+  vote: DeriveReferendumVote;
+}
+
+const sizing = ['0.1x', '1x', '2x', '3x', '4x', '5x', '6x'];
+
+function voteLabel ({ conviction }: Vote, isDelegating: boolean): string {
+  return `${sizing[conviction.toNumber()]}${isDelegating ? '/d' : ''} - `;
+}
+
+function ReferendumVote ({ vote: { accountId, balance, isDelegating, vote } }: Props): React.ReactElement<Props> {
+  return (
+    <AddressMini
+      balance={balance}
+      labelBalance={voteLabel(vote, isDelegating)}
+      value={accountId}
+      withBalance
+    />
+  );
+}
+
+export default React.memo(ReferendumVote);
diff --git a/packages/page-democracy/src/Overview/ReferendumVotes.tsx b/packages/page-democracy/src/Overview/ReferendumVotes.tsx
new file mode 100644
index 0000000..a2dc873
--- /dev/null
+++ b/packages/page-democracy/src/Overview/ReferendumVotes.tsx
@@ -0,0 +1,74 @@
+// Copyright 2017-2022 @polkadot/app-democracy authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { DeriveReferendumVote } from '@polkadot/api-derive/types';
+import type { BN } from '@polkadot/util';
+
+import React, { useMemo } from 'react';
+
+import { Expander } from '@polkadot/react-components';
+import { FormatBalance } from '@polkadot/react-query';
+import { BN_TEN, formatNumber } from '@polkadot/util';
+
+import { useTranslation } from '../translate';
+import ReferendumVote from './ReferendumVote';
+
+interface Props {
+  change: BN;
+  className?: string;
+  count: number;
+  isAye: boolean;
+  isWinning: boolean;
+  total: BN;
+  votes: DeriveReferendumVote[];
+}
+
+const LOCKS = [1, 10, 20, 30, 40, 50, 60];
+
+function ReferendumVotes ({ change, className, count, isAye, isWinning, total, votes }: Props): React.ReactElement<Props> | null {
+  const { t } = useTranslation();
+
+  const sorted = useMemo(
+    () => votes.sort((a, b) => {
+      const ta = a.balance.muln(LOCKS[a.vote.conviction.toNumber()]).div(BN_TEN);
+      const tb = b.balance.muln(LOCKS[b.vote.conviction.toNumber()]).div(BN_TEN);
+
+      return tb.cmp(ta);
+    }),
+    [votes]
+  );
+
+  return (
+    <Expander
+      className={className}
+      help={change.gtn(0) && (
+        <>
+          <FormatBalance value={change} />
+          <p>{isWinning
+            ? t<string>('The amount this total can be reduced by to change the referendum outcome. This assumes changes to the convictions of the existing votes, with no additional turnout.')
+            : t<string>('The amount this total should be increased by to change the referendum outcome. This assumes additional turnout with new votes at 1x conviction.')
+          }</p>
+        </>
+      )}
+      helpIcon={isWinning ? 'arrow-circle-down' : 'arrow-circle-up'}
+      summary={
+        <>
+          {isAye
+            ? t<string>('Aye {{count}}', { replace: { count: count ? ` (${formatNumber(count)})` : '' } })
+            : t<string>('Nay {{count}}', { replace: { count: count ? ` (${formatNumber(count)})` : '' } })
+          }
+          <div><FormatBalance value={total} /></div>
+        </>
+      }
+    >
+      {sorted.map((vote) =>
+        <ReferendumVote
+          key={vote.accountId.toString()}
+          vote={vote}
+        />
+      )}
+    </Expander>
+  );
+}
+
+export default React.memo(ReferendumVotes);
diff --git a/packages/page-democracy/src/Overview/Referendums.tsx b/packages/page-democracy/src/Overview/Referendums.tsx
new file mode 100644
index 0000000..79b2484
--- /dev/null
+++ b/packages/page-democracy/src/Overview/Referendums.tsx
@@ -0,0 +1,48 @@
+// Copyright 2017-2022 @polkadot/app-democracy authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { DeriveReferendumExt } from '@polkadot/api-derive/types';
+
+import React, { useRef } from 'react';
+
+import { Table } from '@polkadot/react-components';
+
+import { useTranslation } from '../translate';
+import Referendum from './Referendum';
+
+interface Props {
+  className?: string;
+  referendums?: DeriveReferendumExt[];
+}
+
+function Referendums ({ className = '', referendums }: Props): React.ReactElement<Props> {
+  const { t } = useTranslation();
+
+  const headerRef = useRef([
+    [t('referenda'), 'start', 2],
+    [t('remaining'), 'media--1200'],
+    [t('activate'), 'media--1400'],
+    [t('turnout'), 'media--1400'],
+    [undefined, 'badge'],
+    [t('votes'), 'expand'],
+    [undefined, undefined, 2],
+    [undefined, 'media--1000']
+  ]);
+
+  return (
+    <Table
+      className={className}
+      empty={referendums && t<string>('No active referendums')}
+      header={headerRef.current}
+    >
+      {referendums?.map((referendum): React.ReactNode => (
+        <Referendum
+          key={referendum.index.toString()}
+          value={referendum}
+        />
+      ))}
+    </Table>
+  );
+}
+
+export default React.memo(Referendums);
diff --git a/packages/page-democracy/src/Overview/Seconding.tsx b/packages/page-democracy/src/Overview/Seconding.tsx
new file mode 100644
index 0000000..22296a9
--- /dev/null
+++ b/packages/page-democracy/src/Overview/Seconding.tsx
@@ -0,0 +1,92 @@
+// Copyright 2017-2022 @polkadot/app-democracy authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { DeriveProposalImage } from '@polkadot/api-derive/types';
+import type { AccountId, Balance } from '@polkadot/types/interfaces';
+import type { BN } from '@polkadot/util';
+
+import React, { useState } from 'react';
+
+import { Button, InputAddress, InputBalance, Modal, ProposedAction, TxButton } from '@polkadot/react-components';
+import { useAccounts, useApi, useToggle } from '@polkadot/react-hooks';
+
+import { useTranslation } from '../translate';
+
+interface Props {
+  className?: string;
+  deposit?: Balance;
+  depositors: AccountId[];
+  image?: DeriveProposalImage;
+  proposalId: BN | number;
+}
+
+function Seconding ({ deposit, depositors, image, proposalId }: Props): React.ReactElement<Props> | null {
+  const { t } = useTranslation();
+  const { hasAccounts } = useAccounts();
+  const { api } = useApi();
+  const [accountId, setAccountId] = useState<string | null>(null);
+  const [isSecondingOpen, toggleSeconding] = useToggle();
+
+  if (!hasAccounts) {
+    return null;
+  }
+
+  return (
+    <>
+      {isSecondingOpen && (
+        <Modal
+          header={t<string>('Second proposal')}
+          onClose={toggleSeconding}
+          size='large'
+        >
+          <Modal.Content>
+            <Modal.Columns hint={t<string>('The proposal is in the queue for future referendums. One proposal from this list will move forward to voting.')}>
+              <ProposedAction
+                idNumber={proposalId}
+                proposal={image?.proposal}
+              />
+            </Modal.Columns>
+            <Modal.Columns hint={t<string>('Seconding a proposal that indicates your backing for the proposal. Proposals with greater interest moves up the queue for potential next referendums.')}>
+              <InputAddress
+                help={t<string>('Select the account you wish to second with. This will lock your funds until the proposal is either approved or rejected')}
+                label={t<string>('second with account')}
+                onChange={setAccountId}
+                type='account'
+                withLabel
+              />
+            </Modal.Columns>
+            <Modal.Columns hint={t<string>('The deposit will be locked for the lifetime of the proposal.')}>
+              <InputBalance
+                isDisabled
+                label={t<string>('deposit required')}
+                value={deposit || api.consts.democracy.minimumDeposit}
+              />
+            </Modal.Columns>
+          </Modal.Content>
+          <Modal.Actions>
+            <TxButton
+              accountId={accountId}
+              icon='sign-in-alt'
+              isDisabled={!accountId}
+              label={t<string>('Second')}
+              onStart={toggleSeconding}
+              params={
+                api.tx.democracy.second.meta.args.length === 2
+                  ? [proposalId, depositors.length]
+                  : [proposalId]
+              }
+              tx={api.tx.democracy.second}
+            />
+          </Modal.Actions>
+        </Modal>
+      )}
+      <Button
+        icon='toggle-off'
+        label={t<string>('Second')}
+        onClick={toggleSeconding}
+      />
+    </>
+  );
+}
+
+export default React.memo(Seconding);
diff --git a/packages/page-democracy/src/Overview/Summary.tsx b/packages/page-democracy/src/Overview/Summary.tsx
new file mode 100644
index 0000000..d5bdbb8
--- /dev/null
+++ b/packages/page-democracy/src/Overview/Summary.tsx
@@ -0,0 +1,66 @@
+// Copyright 2017-2022 @polkadot/app-democracy authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { BN } from '@polkadot/util';
+
+import React from 'react';
+
+import { CardSummary, SummaryBox } from '@polkadot/react-components';
+import { useApi, useBestNumber, useCall, useCallMulti } from '@polkadot/react-hooks';
+import { BN_ONE, formatNumber } from '@polkadot/util';
+
+import { useTranslation } from '../translate';
+
+interface Props {
+  referendumCount?: number;
+}
+
+const optMulti = {
+  defaultValue: [undefined, undefined] as [BN | undefined, BN | undefined]
+};
+
+function Summary ({ referendumCount }: Props): React.ReactElement<Props> {
+  const { t } = useTranslation();
+  const { api } = useApi();
+  const activeProposals = useCall<unknown[]>(api.derive.democracy.proposals);
+  const bestNumber = useBestNumber();
+  const [publicPropCount, referendumTotal] = useCallMulti<[BN | undefined, BN | undefined]>([
+    api.query.democracy.publicPropCount,
+    api.query.democracy.referendumCount
+  ], optMulti);
+
+  return (
+    <SummaryBox>
+      <section>
+        <CardSummary label={t<string>('proposals')}>
+          {formatNumber(activeProposals?.length)}
+        </CardSummary>
+        <CardSummary label={t<string>('total')}>
+          {formatNumber(publicPropCount)}
+        </CardSummary>
+      </section>
+      <section>
+        <CardSummary label={t<string>('referenda')}>
+          {formatNumber(referendumCount || 0)}
+        </CardSummary>
+        <CardSummary label={t<string>('total')}>
+          {formatNumber(referendumTotal || 0)}
+        </CardSummary>
+      </section>
+      {bestNumber && (
+        <section className='media--1100'>
+          <CardSummary
+            label={t<string>('launch period')}
+            progress={{
+              total: api.consts.democracy.launchPeriod,
+              value: bestNumber.mod(api.consts.democracy.launchPeriod).iadd(BN_ONE),
+              withTime: true
+            }}
+          />
+        </section>
+      )}
+    </SummaryBox>
+  );
+}
+
+export default React.memo(Summary);
diff --git a/packages/page-democracy/src/Overview/TreasuryCell.tsx b/packages/page-democracy/src/Overview/TreasuryCell.tsx
new file mode 100644
index 0000000..718450f
--- /dev/null
+++ b/packages/page-democracy/src/Overview/TreasuryCell.tsx
@@ -0,0 +1,89 @@
+// Copyright 2017-2022 @polkadot/app-democracy authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { Compact, Option } from '@polkadot/types';
+import type { ProposalIndex, TreasuryProposal } from '@polkadot/types/interfaces';
+import type { TypeDef } from '@polkadot/types/types';
+
+import React, { useEffect, useState } from 'react';
+
+import { InputAddress, InputBalance } from '@polkadot/react-components';
+import { useApi, useCall } from '@polkadot/react-hooks';
+import Params from '@polkadot/react-params';
+import { getTypeDef } from '@polkadot/types/create';
+
+import { useTranslation } from '../translate';
+
+interface Props {
+  className?: string;
+  value: Compact<ProposalIndex>;
+}
+
+interface Param {
+  name: string;
+  type: TypeDef;
+}
+
+interface Value {
+  isValid: boolean;
+  value: TreasuryProposal;
+}
+
+interface ParamState {
+  params: Param[];
+  values: Value[];
+}
+
+const DEFAULT_PARAMS: ParamState = { params: [], values: [] };
+
+const transformProposal = {
+  transform: (optProp: Option<TreasuryProposal>) => optProp.unwrapOr(null)
+};
+
+function TreasuryCell ({ className = '', value }: Props): React.ReactElement<Props> | null {
+  const { t } = useTranslation();
+  const { api } = useApi();
+  const [proposalId] = useState(() => value.unwrap());
+  const proposal = useCall<TreasuryProposal | null>(api.query.treasury.proposals, [proposalId], transformProposal);
+  const [{ params, values }, setExtracted] = useState<ParamState>(DEFAULT_PARAMS);
+
+  useEffect((): void => {
+    proposal && setExtracted({
+      params: [{
+        name: 'proposal',
+        type: getTypeDef('TreasuryProposal')
+      }],
+      values: [{
+        isValid: true,
+        value: proposal
+      }]
+    });
+  }, [proposal]);
+
+  if (!proposal) {
+    return null;
+  }
+
+  return (
+    <div className={className}>
+      <Params
+        isDisabled
+        params={params}
+        values={values}
+      >
+        <InputAddress
+          defaultValue={proposal.beneficiary}
+          isDisabled
+          label={t<string>('beneficiary')}
+        />
+        <InputBalance
+          defaultValue={proposal.value}
+          isDisabled
+          label={t<string>('payout')}
+        />
+      </Params>
+    </div>
+  );
+}
+
+export default React.memo(TreasuryCell);
diff --git a/packages/page-democracy/src/Overview/Voting.tsx b/packages/page-democracy/src/Overview/Voting.tsx
new file mode 100644
index 0000000..b21ea54
--- /dev/null
+++ b/packages/page-democracy/src/Overview/Voting.tsx
@@ -0,0 +1,119 @@
+// Copyright 2017-2022 @polkadot/app-democracy authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { PropIndex, Proposal } from '@polkadot/types/interfaces';
+import type { BN } from '@polkadot/util';
+
+import React, { useMemo, useState } from 'react';
+
+import { Button, ConvictionDropdown, Modal, ProposedAction, TxButton, VoteAccount, VoteValue } from '@polkadot/react-components';
+import { useAccounts, useApi, useToggle } from '@polkadot/react-hooks';
+
+import { useTranslation } from '../translate';
+
+interface Props {
+  proposal?: Proposal;
+  referendumId: PropIndex;
+}
+
+function Voting ({ proposal, referendumId }: Props): React.ReactElement<Props> | null {
+  const { t } = useTranslation();
+  const { api } = useApi();
+  const { hasAccounts } = useAccounts();
+  const [accountId, setAccountId] = useState<string | null>(null);
+  const [balance, setBalance] = useState<BN | undefined>();
+  const [conviction, setConviction] = useState(0);
+  const [isVotingOpen, toggleVoting] = useToggle();
+
+  const isCurrentVote = useMemo(
+    () => !!api.query.democracy.votingOf,
+    [api]
+  );
+
+  if (!hasAccounts) {
+    return null;
+  }
+
+  const isDisabled = isCurrentVote ? !balance : false;
+
+  return (
+    <>
+      {isVotingOpen && (
+        <Modal
+          header={t<string>('Vote on proposal')}
+          onClose={toggleVoting}
+          size='large'
+        >
+          <Modal.Content>
+            <Modal.Columns hint={t<string>('If this proposal is passed, the changes will be applied via dispatch and the deposit returned.')}>
+              <ProposedAction
+                idNumber={referendumId}
+                proposal={proposal}
+              />
+            </Modal.Columns>
+            <Modal.Columns hint={t<string>('The vote will be recorded for this account. If another account delegated to this one, the delegated votes will also be counted.')}>
+              <VoteAccount onChange={setAccountId} />
+            </Modal.Columns>
+            <Modal.Columns
+              hint={
+                <>
+                  <p>{t<string>('The balance associated with the vote will be locked as per the conviction specified and will not be available for transfer during this period.')}</p>
+                  <p>{t<string>('Conviction locks do overlap and are not additive, meaning that funds locked during a previous vote can be locked again.')}</p>
+                </>
+              }
+            >
+              {isCurrentVote && (
+                <VoteValue
+                  accountId={accountId}
+                  autoFocus
+                  onChange={setBalance}
+                />
+              )}
+              <ConvictionDropdown
+                help={t<string>('The conviction to use for this vote, with an appropriate lock period.')}
+                label={t<string>('conviction')}
+                onChange={setConviction}
+                value={conviction}
+              />
+            </Modal.Columns>
+          </Modal.Content>
+          <Modal.Actions>
+            <TxButton
+              accountId={accountId}
+              icon='ban'
+              isDisabled={isDisabled}
+              label={t<string>('Vote Nay')}
+              onStart={toggleVoting}
+              params={
+                isCurrentVote
+                  ? [referendumId, { Standard: { balance, vote: { aye: false, conviction } } }]
+                  : [referendumId, { aye: false, conviction }]
+              }
+              tx={api.tx.democracy.vote}
+            />
+            <TxButton
+              accountId={accountId}
+              icon='check'
+              isDisabled={isDisabled}
+              label={t<string>('Vote Aye')}
+              onStart={toggleVoting}
+              params={
+                isCurrentVote
+                  ? [referendumId, { Standard: { balance, vote: { aye: true, conviction } } }]
+                  : [referendumId, { aye: true, conviction }]
+              }
+              tx={api.tx.democracy.vote}
+            />
+          </Modal.Actions>
+        </Modal>
+      )}
+      <Button
+        icon='check'
+        label={t<string>('Vote')}
+        onClick={toggleVoting}
+      />
+    </>
+  );
+}
+
+export default React.memo(Voting);
diff --git a/packages/page-democracy/src/Overview/index.tsx b/packages/page-democracy/src/Overview/index.tsx
new file mode 100644
index 0000000..01839d5
--- /dev/null
+++ b/packages/page-democracy/src/Overview/index.tsx
@@ -0,0 +1,58 @@
+// Copyright 2017-2022 @polkadot/app-democracy authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { DeriveReferendumExt } from '@polkadot/api-derive/types';
+
+import React from 'react';
+
+import { Button } from '@polkadot/react-components';
+import { useApi, useCall, useToggle } from '@polkadot/react-hooks';
+
+import { useTranslation } from '../translate';
+import Externals from './Externals';
+import PreImage from './PreImage';
+import Proposals from './Proposals';
+import Propose from './Propose';
+import Referendums from './Referendums';
+import Summary from './Summary';
+
+interface Props {
+  className?: string;
+}
+
+function Overview ({ className }: Props): React.ReactElement<Props> {
+  const { t } = useTranslation();
+  const { api } = useApi();
+  const [isPreimageOpen, togglePreimage] = useToggle();
+  const [isProposeOpen, togglePropose] = useToggle();
+  const referendums = useCall<DeriveReferendumExt[]>(api.derive.democracy.referendums);
+
+  return (
+    <div className={className}>
+      <Summary referendumCount={referendums?.length} />
+      <Button.Group>
+        <Button
+          icon='plus'
+          label={t<string>('Submit preimage')}
+          onClick={togglePreimage}
+        />
+        <Button
+          icon='plus'
+          label={t<string>('Submit proposal')}
+          onClick={togglePropose}
+        />
+      </Button.Group>
+      {isPreimageOpen && (
+        <PreImage onClose={togglePreimage} />
+      )}
+      {isProposeOpen && (
+        <Propose onClose={togglePropose} />
+      )}
+      <Referendums referendums={referendums} />
+      <Proposals />
+      <Externals />
+    </div>
+  );
+}
+
+export default React.memo(Overview);
diff --git a/packages/page-democracy/src/index.tsx b/packages/page-democracy/src/index.tsx
new file mode 100644
index 0000000..45064f6
--- /dev/null
+++ b/packages/page-democracy/src/index.tsx
@@ -0,0 +1,55 @@
+// Copyright 2017-2022 @polkadot/app-democracy authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import React, { useMemo } from 'react';
+import { Route, Switch } from 'react-router';
+
+import { HelpOverlay, Tabs } from '@polkadot/react-components';
+
+import useDispatchCounter from './Execute/useCounter';
+import basicMd from './md/basic.md';
+import Execute from './Execute';
+import Overview from './Overview';
+import { useTranslation } from './translate';
+
+export { default as useCounter } from './useCounter';
+
+interface Props {
+  basePath: string;
+}
+
+function DemocracyApp ({ basePath }: Props): React.ReactElement<Props> {
+  const { t } = useTranslation();
+  const dispatchCount = useDispatchCounter();
+
+  const items = useMemo(() => [
+    {
+      isRoot: true,
+      name: 'overview',
+      text: t<string>('Overview')
+    },
+    {
+      count: dispatchCount,
+      name: 'dispatch',
+      text: t<string>('Dispatch')
+    }
+  ], [dispatchCount, t]);
+
+  return (
+    <main className='democracy--App'>
+      <HelpOverlay md={basicMd as string} />
+      <Tabs
+        basePath={basePath}
+        items={items}
+      />
+      <Switch>
+        <Route path={`${basePath}/dispatch`}>
+          <Execute />
+        </Route>
+        <Route><Overview /></Route>
+      </Switch>
+    </main>
+  );
+}
+
+export default React.memo(DemocracyApp);
diff --git a/packages/page-democracy/src/md/basic.md b/packages/page-democracy/src/md/basic.md
new file mode 100644
index 0000000..77950f6
--- /dev/null
+++ b/packages/page-democracy/src/md/basic.md
@@ -0,0 +1,13 @@
+# Democracy
+
+This application lets you view proposals and vote for or against a referendum.
+Anyone can create a proposal by bonding the minimum deposit for a certain period of time (No. of Blocks). If someone likes the proposal, they could deposit the same amount of tokens to support it. The minimum deposit is currently 5 Units/DOTs.
+
+# Proposals
+
+This lists the proposals that you can not vote on yet. The proposal with the highest amount of Units/DOTs supporting it will be selected in the next launch period for everyone to vote. This selected proposal evolved in a referendum. The tokens locked to support each proposal will be released once the proposal is tabled.
+
+# Referendum
+
+This lists the proposal that you can now vote for "aye" or against "nay".
+At the end of the launch period, and depending on the outcome of the referendum, the action that was subjected to vote will be executed or rejected.
diff --git a/packages/page-democracy/src/translate.ts b/packages/page-democracy/src/translate.ts
new file mode 100644
index 0000000..d4819b5
--- /dev/null
+++ b/packages/page-democracy/src/translate.ts
@@ -0,0 +1,10 @@
+// Copyright 2017-2022 @polkadot/app-explorer authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { UseTranslationResponse } from 'react-i18next';
+
+import { useTranslation as useTranslationBase } from 'react-i18next';
+
+export function useTranslation (): UseTranslationResponse<'app-democracy', undefined> {
+  return useTranslationBase('app-democracy');
+}
diff --git a/packages/page-democracy/src/useChangeCalc.ts b/packages/page-democracy/src/useChangeCalc.ts
new file mode 100644
index 0000000..5cf5ca4
--- /dev/null
+++ b/packages/page-democracy/src/useChangeCalc.ts
@@ -0,0 +1,33 @@
+// Copyright 2017-2022 @polkadot/app-democracy authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { VoteThreshold } from '@polkadot/types/interfaces';
+import type { BN } from '@polkadot/util';
+
+import { useEffect, useState } from 'react';
+
+import { createNamedHook, useApi, useCall } from '@polkadot/react-hooks';
+import { BN_ZERO } from '@polkadot/util';
+
+import { approxChanges } from './util';
+
+interface Result {
+  changeAye: BN;
+  changeNay: BN;
+}
+
+function useChangeCalcImpl (threshold: VoteThreshold, votedAye: BN, votedNay: BN, votedTotal: BN): Result {
+  const { api } = useApi();
+  const sqrtElectorate = useCall<BN>(api.derive.democracy.sqrtElectorate);
+  const [result, setResult] = useState<Result>({ changeAye: BN_ZERO, changeNay: BN_ZERO });
+
+  useEffect((): void => {
+    sqrtElectorate && setResult(
+      approxChanges(threshold, sqrtElectorate, { votedAye, votedNay, votedTotal })
+    );
+  }, [sqrtElectorate, threshold, votedAye, votedNay, votedTotal]);
+
+  return result;
+}
+
+export default createNamedHook('useChangeCalc', useChangeCalcImpl);
diff --git a/packages/page-democracy/src/useCounter.ts b/packages/page-democracy/src/useCounter.ts
new file mode 100644
index 0000000..a7f5a79
--- /dev/null
+++ b/packages/page-democracy/src/useCounter.ts
@@ -0,0 +1,26 @@
+// Copyright 2017-2022 @polkadot/app-democracy authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import { useEffect, useState } from 'react';
+
+import { createNamedHook, useAccounts, useApi, useCall, useIsMountedRef } from '@polkadot/react-hooks';
+
+function useCounterImpl (): number {
+  const { hasAccounts } = useAccounts();
+  const { api, isApiReady } = useApi();
+  const mountedRef = useIsMountedRef();
+  const proposals = useCall<unknown[]>(isApiReady && hasAccounts && api.derive.democracy?.proposals);
+  const referenda = useCall<unknown[]>(isApiReady && hasAccounts && api.derive.democracy?.referendumsActive);
+  const [counter, setCounter] = useState(0);
+
+  useEffect((): void => {
+    mountedRef.current && setCounter(
+      (proposals?.length || 0) +
+      (referenda?.length || 0)
+    );
+  }, [mountedRef, proposals, referenda]);
+
+  return counter;
+}
+
+export default createNamedHook('useCounter', useCounterImpl);
diff --git a/packages/page-democracy/src/util.spec.ts b/packages/page-democracy/src/util.spec.ts
new file mode 100644
index 0000000..77ae95c
--- /dev/null
+++ b/packages/page-democracy/src/util.spec.ts
@@ -0,0 +1,31 @@
+// Copyright 2017-2022 @polkadot/app-democracy authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import { calcPassing } from '@polkadot/api-derive/democracy/util';
+import { TypeRegistry } from '@polkadot/types/create';
+import { BN } from '@polkadot/util';
+
+import { approxChanges } from './util';
+
+const ACTUAL = {
+  sqrtElectorate: new BN('2949443240'),
+  votedAye: new BN('358406690000000000'),
+  votedNay: new BN('18942000000000000'),
+  votedTotal: new BN('136099900000000000')
+};
+
+const registry = new TypeRegistry();
+
+describe('approxChanges', (): void => {
+  it('approximates where the points are', (): void => {
+    const threshold = registry.createType('VoteThreshold', 0);
+    const { changeAye, changeNay } = approxChanges(threshold, ACTUAL.sqrtElectorate, ACTUAL);
+
+    expect(
+      calcPassing(threshold, ACTUAL.sqrtElectorate, { ...ACTUAL, votedAye: ACTUAL.votedAye.sub(changeAye) })
+    ).toBe(false);
+    expect(
+      calcPassing(threshold, ACTUAL.sqrtElectorate, { ...ACTUAL, votedNay: ACTUAL.votedNay.add(changeNay) })
+    ).toBe(false);
+  });
+});
diff --git a/packages/page-democracy/src/util.ts b/packages/page-democracy/src/util.ts
new file mode 100644
index 0000000..04204af
--- /dev/null
+++ b/packages/page-democracy/src/util.ts
@@ -0,0 +1,143 @@
+// Copyright 2017-2022 @polkadot/app-democracy authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { VoteThreshold } from '@polkadot/types/interfaces';
+
+import { calcPassing } from '@polkadot/api-derive/democracy/util';
+import { BN, BN_ONE, BN_TEN, BN_ZERO } from '@polkadot/util';
+
+interface Approx {
+  changeAye: BN;
+  changeNay: BN;
+}
+
+interface ApproxState {
+  votedAye: BN;
+  votedNay: BN;
+  votedTotal: BN;
+}
+
+const ONEMIN = new BN(-1);
+const DIVISOR = new BN(2);
+
+/**
+ * This is where we tweak the input values, based on what was specified, be it the input number
+ * or the direction and turnout adjustments
+ *
+ * @param votes The votes that should be adjusted, will be either aye/nay
+ * @param total The actual total of applied votes (same as turnout from derived)
+ * @param change The actual change value we want to affect
+ * @param inc The increment to apply here
+ * @param totalInc The increment for the total. 0 for conviction-only changes, 1 of 1x added conviction vote
+ * @param direction The direction, either increment (1) or decrement (-1)
+ */
+function getDiffs (votes: BN, total: BN, change: BN, inc: BN, totalInc: 0 | 0.1 | 1, direction: 1 | -1): [BN, BN, BN] {
+  // setup
+  const multiplier = direction === 1 ? BN_ONE : ONEMIN;
+  const voteChange = change.add(inc);
+
+  // since we allow 0.1 as well, we first multiply by 10, before dividing by the same
+  const totalChange = BN_ONE.muln(totalInc * 10).mul(voteChange).div(BN_TEN);
+
+  // return the change, vote with change applied and the total with the same. For the total we don't want
+  // to go negative (total votes/turnout), since will do sqrt on it (and negative is non-sensical anyway)
+  return [
+    voteChange,
+    votes.add(multiplier.mul(voteChange)),
+    BN.max(BN_ZERO, total.add(multiplier.mul(totalChange)))
+  ];
+}
+
+// loop changes over aye, using the diffs above, returning when an outcome change is made
+function calcChangeAye (threshold: VoteThreshold, sqrtElectorate: BN, { votedAye, votedNay, votedTotal }: ApproxState, isPassing: boolean, changeAye: BN, inc: BN): BN {
+  while (true) {
+    // if this one is passing, we only adjust the convictions (since it goes down), if it is failing
+    // we assume new votes needs to be added, do those at 1x conviction
+    const [newChangeAye, newAye, newTotal] = getDiffs(votedAye, votedTotal, changeAye, inc, isPassing ? 0 : 1, isPassing ? -1 : 1);
+    const newResult = calcPassing(threshold, sqrtElectorate, { votedAye: newAye, votedNay, votedTotal: newTotal });
+
+    if (newResult !== isPassing) {
+      return changeAye;
+    }
+
+    changeAye = newChangeAye;
+  }
+}
+
+// loop changes over nay, using the diffs above, returning when an outcome change is made
+function calcChangeNay (threshold: VoteThreshold, sqrtElectorate: BN, { votedAye, votedNay, votedTotal }: ApproxState, isPassing: boolean, changeNay: BN, inc: BN): BN {
+  while (true) {
+    // if this one is passing, we only adjust the convictions (since it goes down), if it is failing
+    // we assume new votes needs to be added, do those at 1x conviction
+    // NOTE: We use isPassing here, so it is reversed from what we find in the aye calc
+    const [newChangeNay, newNay, newTotal] = getDiffs(votedNay, votedTotal, changeNay, inc, isPassing ? 1 : 0, isPassing ? 1 : -1);
+    const newResult = calcPassing(threshold, sqrtElectorate, { votedAye, votedNay: newNay, votedTotal: newTotal });
+
+    if (newResult !== isPassing) {
+      return changeNay;
+    }
+
+    changeNay = newChangeNay;
+  }
+}
+
+// The magic happens here
+export function approxChanges (threshold: VoteThreshold, sqrtElectorate: BN, state: ApproxState): Approx {
+  const isPassing = calcPassing(threshold, sqrtElectorate, state);
+
+  // simple case, we have an aye > nay to determine passing
+  if (threshold.isSimpleMajority) {
+    const change = isPassing
+      ? state.votedAye.sub(state.votedNay)
+      : state.votedNay.sub(state.votedAye);
+
+    return {
+      changeAye: state.votedNay.isZero()
+        ? BN_ZERO
+        : change,
+      changeNay: state.votedAye.isZero()
+        ? BN_ZERO
+        : change
+    };
+  }
+
+  let changeAye = BN_ZERO;
+  let changeNay = BN_ZERO;
+  let inc = state.votedTotal.div(DIVISOR);
+
+  // - starting from a large increment (total/2) see if that changes the outcome
+  // - keep dividing by 2, each time adding just enough to _not_ make the state change
+  // - continue the process, until we have the smallest increment
+  // - on the last iteration, we add the increment, since we push over the line
+  while (!inc.isZero()) {
+    // calc the applied changes based on current increment
+    changeAye = calcChangeAye(threshold, sqrtElectorate, state, isPassing, changeAye, inc);
+    changeNay = calcChangeNay(threshold, sqrtElectorate, state, isPassing, changeNay, inc);
+
+    // move down one level
+    const nextInc = inc.div(DIVISOR);
+
+    // on the final round (no more inc reductions), add the last increment to push it over the line
+    if (nextInc.isZero()) {
+      changeAye = changeAye.add(inc);
+      changeNay = changeNay.add(inc);
+    }
+
+    inc = nextInc;
+  }
+
+  // - When the other vote is zero, it is not useful to show the decrease, since it ends up at all
+  // - Always ensure that we don't go above max available (generally should be covered by above)
+  return {
+    changeAye: state.votedNay.isZero()
+      ? BN_ZERO
+      : isPassing
+        ? BN.min(changeAye, state.votedAye)
+        : changeAye,
+    changeNay: state.votedAye.isZero()
+      ? BN_ZERO
+      : isPassing
+        ? changeNay
+        : BN.min(changeNay, state.votedNay)
+  };
+}
diff --git a/packages/page-democracy/tsconfig.build.json b/packages/page-democracy/tsconfig.build.json
new file mode 100644
index 0000000..da24d9f
--- /dev/null
+++ b/packages/page-democracy/tsconfig.build.json
@@ -0,0 +1,9 @@
+{
+  "extends": "../../tsconfig.base.json",
+  "compilerOptions": {
+    "baseUrl": "..",
+    "outDir": "./build",
+    "rootDir": "./src"
+  },
+  "references": []
+}
diff --git a/packages/page-explorer/.skip-build b/packages/page-explorer/.skip-build
new file mode 100644
index 0000000..e69de29
diff --git a/packages/page-explorer/.skip-npm b/packages/page-explorer/.skip-npm
new file mode 100644
index 0000000..e69de29
diff --git a/packages/page-explorer/LICENSE b/packages/page-explorer/LICENSE
new file mode 100644
index 0000000..0d381b2
--- /dev/null
+++ b/packages/page-explorer/LICENSE
@@ -0,0 +1,201 @@
+                              Apache License
+                        Version 2.0, January 2004
+                    http://www.apache.org/licenses/
+
+TERMS AND CONDITIONS FOR USE, REPRODUCTION, AND DISTRIBUTION
+
+1. Definitions.
+
+  "License" shall mean the terms and conditions for use, reproduction,
+  and distribution as defined by Sections 1 through 9 of this document.
+
+  "Licensor" shall mean the copyright owner or entity authorized by
+  the copyright owner that is granting the License.
+
+  "Legal Entity" shall mean the union of the acting entity and all
+  other entities that control, are controlled by, or are under common
+  control with that entity. For the purposes of this definition,
+  "control" means (i) the power, direct or indirect, to cause the
+  direction or management of such entity, whether by contract or
+  otherwise, or (ii) ownership of fifty percent (50%) or more of the
+  outstanding shares, or (iii) beneficial ownership of such entity.
+
+  "You" (or "Your") shall mean an individual or Legal Entity
+  exercising permissions granted by this License.
+
+  "Source" form shall mean the preferred form for making modifications,
+  including but not limited to software source code, documentation
+  source, and configuration files.
+
+  "Object" form shall mean any form resulting from mechanical
+  transformation or translation of a Source form, including but
+  not limited to compiled object code, generated documentation,
+  and conversions to other media types.
+
+  "Work" shall mean the work of authorship, whether in Source or
+  Object form, made available under the License, as indicated by a
+  copyright notice that is included in or attached to the work
+  (an example is provided in the Appendix below).
+
+  "Derivative Works" shall mean any work, whether in Source or Object
+  form, that is based on (or derived from) the Work and for which the
+  editorial revisions, annotations, elaborations, or other modifications
+  represent, as a whole, an original work of authorship. For the purposes
+  of this License, Derivative Works shall not include works that remain
+  separable from, or merely link (or bind by name) to the interfaces of,
+  the Work and Derivative Works thereof.
+
+  "Contribution" shall mean any work of authorship, including
+  the original version of the Work and any modifications or additions
+  to that Work or Derivative Works thereof, that is intentionally
+  submitted to Licensor for inclusion in the Work by the copyright owner
+  or by an individual or Legal Entity authorized to submit on behalf of
+  the copyright owner. For the purposes of this definition, "submitted"
+  means any form of electronic, verbal, or written communication sent
+  to the Licensor or its representatives, including but not limited to
+  communication on electronic mailing lists, source code control systems,
+  and issue tracking systems that are managed by, or on behalf of, the
+  Licensor for the purpose of discussing and improving the Work, but
+  excluding communication that is conspicuously marked or otherwise
+  designated in writing by the copyright owner as "Not a Contribution."
+
+  "Contributor" shall mean Licensor and any individual or Legal Entity
+  on behalf of whom a Contribution has been received by Licensor and
+  subsequently incorporated within the Work.
+
+2. Grant of Copyright License. Subject to the terms and conditions of
+  this License, each Contributor hereby grants to You a perpetual,
+  worldwide, non-exclusive, no-charge, royalty-free, irrevocable
+  copyright license to reproduce, prepare Derivative Works of,
+  publicly display, publicly perform, sublicense, and distribute the
+  Work and such Derivative Works in Source or Object form.
+
+3. Grant of Patent License. Subject to the terms and conditions of
+  this License, each Contributor hereby grants to You a perpetual,
+  worldwide, non-exclusive, no-charge, royalty-free, irrevocable
+  (except as stated in this section) patent license to make, have made,
+  use, offer to sell, sell, import, and otherwise transfer the Work,
+  where such license applies only to those patent claims licensable
+  by such Contributor that are necessarily infringed by their
+  Contribution(s) alone or by combination of their Contribution(s)
+  with the Work to which such Contribution(s) was submitted. If You
+  institute patent litigation against any entity (including a
+  cross-claim or counterclaim in a lawsuit) alleging that the Work
+  or a Contribution incorporated within the Work constitutes direct
+  or contributory patent infringement, then any patent licenses
+  granted to You under this License for that Work shall terminate
+  as of the date such litigation is filed.
+
+4. Redistribution. You may reproduce and distribute copies of the
+  Work or Derivative Works thereof in any medium, with or without
+  modifications, and in Source or Object form, provided that You
+  meet the following conditions:
+
+  (a) You must give any other recipients of the Work or
+      Derivative Works a copy of this License; and
+
+  (b) You must cause any modified files to carry prominent notices
+      stating that You changed the files; and
+
+  (c) You must retain, in the Source form of any Derivative Works
+      that You distribute, all copyright, patent, trademark, and
+      attribution notices from the Source form of the Work,
+      excluding those notices that do not pertain to any part of
+      the Derivative Works; and
+
+  (d) If the Work includes a "NOTICE" text file as part of its
+      distribution, then any Derivative Works that You distribute must
+      include a readable copy of the attribution notices contained
+      within such NOTICE file, excluding those notices that do not
+      pertain to any part of the Derivative Works, in at least one
+      of the following places: within a NOTICE text file distributed
+      as part of the Derivative Works; within the Source form or
+      documentation, if provided along with the Derivative Works; or,
+      within a display generated by the Derivative Works, if and
+      wherever such third-party notices normally appear. The contents
+      of the NOTICE file are for informational purposes only and
+      do not modify the License. You may add Your own attribution
+      notices within Derivative Works that You distribute, alongside
+      or as an addendum to the NOTICE text from the Work, provided
+      that such additional attribution notices cannot be construed
+      as modifying the License.
+
+  You may add Your own copyright statement to Your modifications and
+  may provide additional or different license terms and conditions
+  for use, reproduction, or distribution of Your modifications, or
+  for any such Derivative Works as a whole, provided Your use,
+  reproduction, and distribution of the Work otherwise complies with
+  the conditions stated in this License.
+
+5. Submission of Contributions. Unless You explicitly state otherwise,
+  any Contribution intentionally submitted for inclusion in the Work
+  by You to the Licensor shall be under the terms and conditions of
+  this License, without any additional terms or conditions.
+  Notwithstanding the above, nothing herein shall supersede or modify
+  the terms of any separate license agreement you may have executed
+  with Licensor regarding such Contributions.
+
+6. Trademarks. This License does not grant permission to use the trade
+  names, trademarks, service marks, or product names of the Licensor,
+  except as required for reasonable and customary use in describing the
+  origin of the Work and reproducing the content of the NOTICE file.
+
+7. Disclaimer of Warranty. Unless required by applicable law or
+  agreed to in writing, Licensor provides the Work (and each
+  Contributor provides its Contributions) on an "AS IS" BASIS,
+  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or
+  implied, including, without limitation, any warranties or conditions
+  of TITLE, NON-INFRINGEMENT, MERCHANTABILITY, or FITNESS FOR A
+  PARTICULAR PURPOSE. You are solely responsible for determining the
+  appropriateness of using or redistributing the Work and assume any
+  risks associated with Your exercise of permissions under this License.
+
+8. Limitation of Liability. In no event and under no legal theory,
+  whether in tort (including negligence), contract, or otherwise,
+  unless required by applicable law (such as deliberate and grossly
+  negligent acts) or agreed to in writing, shall any Contributor be
+  liable to You for damages, including any direct, indirect, special,
+  incidental, or consequential damages of any character arising as a
+  result of this License or out of the use or inability to use the
+  Work (including but not limited to damages for loss of goodwill,
+  work stoppage, computer failure or malfunction, or any and all
+  other commercial damages or losses), even if such Contributor
+  has been advised of the possibility of such damages.
+
+9. Accepting Warranty or Additional Liability. While redistributing
+  the Work or Derivative Works thereof, You may choose to offer,
+  and charge a fee for, acceptance of support, warranty, indemnity,
+  or other liability obligations and/or rights consistent with this
+  License. However, in accepting such obligations, You may act only
+  on Your own behalf and on Your sole responsibility, not on behalf
+  of any other Contributor, and only if You agree to indemnify,
+  defend, and hold each Contributor harmless for any liability
+  incurred by, or claims asserted against, such Contributor by reason
+  of your accepting any such warranty or additional liability.
+
+END OF TERMS AND CONDITIONS
+
+APPENDIX: How to apply the Apache License to your work.
+
+  To apply the Apache License to your work, attach the following
+  boilerplate notice, with the fields enclosed by brackets "[]"
+  replaced with your own identifying information. (Don't include
+  the brackets!)  The text should be enclosed in the appropriate
+  comment syntax for the file format. We also recommend that a
+  file or class name and description of purpose be included on the
+  same "printed page" as the copyright notice for easier
+  identification within third-party archives.
+
+Copyright [yyyy] [name of copyright owner]
+
+Licensed under the Apache License, Version 2.0 (the "License");
+you may not use this file except in compliance with the License.
+You may obtain a copy of the License at
+
+    http://www.apache.org/licenses/LICENSE-2.0
+
+Unless required by applicable law or agreed to in writing, software
+distributed under the License is distributed on an "AS IS" BASIS,
+WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+See the License for the specific language governing permissions and
+limitations under the License.
diff --git a/packages/page-explorer/README.md b/packages/page-explorer/README.md
new file mode 100644
index 0000000..8aca29b
--- /dev/null
+++ b/packages/page-explorer/README.md
@@ -0,0 +1 @@
+# @polkadot/app-explorer
diff --git a/packages/page-explorer/package.json b/packages/page-explorer/package.json
new file mode 100644
index 0000000..986f501
--- /dev/null
+++ b/packages/page-explorer/package.json
@@ -0,0 +1,19 @@
+{
+  "bugs": "https://github.com/polkadot-js/apps/issues",
+  "homepage": "https://github.com/polkadot-js/apps/tree/master/packages/page-explorer#readme",
+  "license": "Apache-2.0",
+  "name": "@polkadot/app-explorer",
+  "private": true,
+  "repository": {
+    "directory": "packages/page-explorer",
+    "type": "git",
+    "url": "https://github.com/polkadot-js/apps.git"
+  },
+  "sideEffects": false,
+  "type": "module",
+  "version": "0.112.2-14",
+  "dependencies": {
+    "@babel/runtime": "^7.17.9",
+    "@polkadot/react-components": "^0.112.2-14"
+  }
+}
diff --git a/packages/page-explorer/src/BestHash.tsx b/packages/page-explorer/src/BestHash.tsx
new file mode 100644
index 0000000..dae562a
--- /dev/null
+++ b/packages/page-explorer/src/BestHash.tsx
@@ -0,0 +1,26 @@
+// Copyright 2017-2022 @polkadot/react-query authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { Header } from '@polkadot/types/interfaces';
+
+import React from 'react';
+
+import { useApi, useCall } from '@polkadot/react-hooks';
+
+interface Props {
+  className?: string;
+  label?: React.ReactNode;
+}
+
+function BestHash ({ className = '', label }: Props): React.ReactElement<Props> {
+  const { api } = useApi();
+  const newHead = useCall<Header>(api.rpc.chain.subscribeNewHeads);
+
+  return (
+    <div className={className}>
+      {label || ''}{newHead?.hash.toHex()}
+    </div>
+  );
+}
+
+export default React.memo(BestHash);
diff --git a/packages/page-explorer/src/BlockHeader.tsx b/packages/page-explorer/src/BlockHeader.tsx
new file mode 100644
index 0000000..2ef8290
--- /dev/null
+++ b/packages/page-explorer/src/BlockHeader.tsx
@@ -0,0 +1,44 @@
+// Copyright 2017-2022 @polkadot/app-explorer authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { HeaderExtended } from '@polkadot/api-derive/types';
+
+import React from 'react';
+import { Link } from 'react-router-dom';
+
+import { AddressMini, Digits } from '@polkadot/react-components';
+import { formatNumber } from '@polkadot/util';
+
+// TODO update HeaderExtended in api-derive
+export interface HeaderExtendedWithMapping extends HeaderExtended {
+  authorFromMapping?: string;
+}
+interface Props {
+  value: HeaderExtendedWithMapping;
+}
+
+function BlockHeader ({ value }: Props): React.ReactElement<Props> | null {
+  if (!value) {
+    return null;
+  }
+
+  const hashHex = value.hash.toHex();
+
+  return (
+    <tr>
+      <td className='number'>
+        <h2><Link to={`/explorer/query/${hashHex}`}><Digits value={formatNumber(value.number)} /></Link></h2>
+      </td>
+      <td className='all hash overflow'>{hashHex}</td>
+      <td className='address'>
+        {value.authorFromMapping
+          ? <AddressMini value={value.authorFromMapping} />
+          : value.author && (
+            <AddressMini value={value.author} />
+          )}
+      </td>
+    </tr>
+  );
+}
+
+export default React.memo(BlockHeader);
diff --git a/packages/page-explorer/src/BlockHeaders.tsx b/packages/page-explorer/src/BlockHeaders.tsx
new file mode 100644
index 0000000..c517578
--- /dev/null
+++ b/packages/page-explorer/src/BlockHeaders.tsx
@@ -0,0 +1,41 @@
+// Copyright 2017-2022 @polkadot/app-explorer authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { HeaderExtended } from '@polkadot/api-derive/types';
+
+import React, { useRef } from 'react';
+
+import { Table } from '@polkadot/react-components';
+
+import BlockHeader from './BlockHeader';
+import { useTranslation } from './translate';
+
+interface Props {
+  headers: HeaderExtended[];
+}
+
+function BlockHeaders ({ headers }: Props): React.ReactElement<Props> {
+  const { t } = useTranslation();
+
+  const headerRef = useRef([
+    [t('recent blocks'), 'start', 3]
+  ]);
+
+  return (
+    <Table
+      empty={t<string>('No blocks available')}
+      header={headerRef.current}
+    >
+      {headers
+        .filter((header) => !!header)
+        .map((header): React.ReactNode => (
+          <BlockHeader
+            key={header.number.toString()}
+            value={header}
+          />
+        ))}
+    </Table>
+  );
+}
+
+export default React.memo(BlockHeaders);
diff --git a/packages/page-explorer/src/BlockInfo/ByHash.tsx b/packages/page-explorer/src/BlockInfo/ByHash.tsx
new file mode 100644
index 0000000..a69b573
--- /dev/null
+++ b/packages/page-explorer/src/BlockInfo/ByHash.tsx
@@ -0,0 +1,146 @@
+// Copyright 2017-2022 @polkadot/app-explorer authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { HeaderExtended } from '@polkadot/api-derive/types';
+import type { KeyedEvent } from '@polkadot/react-query/types';
+import type { EventRecord, SignedBlock } from '@polkadot/types/interfaces';
+
+import React, { useEffect, useMemo, useState } from 'react';
+import { Link } from 'react-router-dom';
+
+import { AddressSmall, Columar, LinkExternal, Table } from '@polkadot/react-components';
+import { useApi, useIsMountedRef } from '@polkadot/react-hooks';
+import { formatNumber } from '@polkadot/util';
+
+import Events from '../Events';
+import { useTranslation } from '../translate';
+import Extrinsics from './Extrinsics';
+import Justifications from './Justifications';
+import Logs from './Logs';
+import Summary from './Summary';
+
+interface Props {
+  className?: string;
+  error?: Error | null;
+  value?: string | null;
+}
+
+const EMPTY_HEADER = [['...', 'start', 6]];
+
+function transformResult ([events, getBlock, getHeader]: [EventRecord[], SignedBlock, HeaderExtended?]): [KeyedEvent[], SignedBlock, HeaderExtended?] {
+  return [
+    events.map((record, index) => ({
+      indexes: [index],
+      key: `${Date.now()}-${index}-${record.hash.toHex()}`,
+      record
+    })),
+    getBlock,
+    getHeader
+  ];
+}
+
+function BlockByHash ({ className = '', error, value }: Props): React.ReactElement<Props> {
+  const { t } = useTranslation();
+  const { api } = useApi();
+  const mountedRef = useIsMountedRef();
+  const [[events, getBlock, getHeader], setState] = useState<[KeyedEvent[]?, SignedBlock?, HeaderExtended?]>([]);
+  const [myError, setError] = useState<Error | null | undefined>(error);
+
+  useEffect((): void => {
+    value && Promise
+      .all([
+        api.query.system.events.at(value),
+        api.rpc.chain.getBlock(value),
+        api.derive.chain.getHeader(value)
+      ])
+      .then((result): void => {
+        mountedRef.current && setState(transformResult(result));
+      })
+      .catch((error: Error): void => {
+        mountedRef.current && setError(error);
+      });
+  }, [api, mountedRef, value]);
+
+  const header = useMemo(
+    () => getHeader
+      ? [
+        [formatNumber(getHeader.number.unwrap()), 'start', 1],
+        [t('hash'), 'start'],
+        [t('parent'), 'start'],
+        [t('extrinsics'), 'start'],
+        [t('state'), 'start'],
+        [undefined, 'media--1200']
+      ]
+      : EMPTY_HEADER,
+    [getHeader, t]
+  );
+
+  const blockNumber = getHeader?.number.unwrap();
+  const parentHash = getHeader?.parentHash.toHex();
+  const hasParent = !getHeader?.parentHash.isEmpty;
+
+  return (
+    <div className={className}>
+      <Summary
+        events={events}
+        maxBlockWeight={api.consts.system.blockWeights?.maxBlock}
+        signedBlock={getBlock}
+      />
+      <Table
+        header={header}
+        isFixed
+      >
+        {myError
+          ? <tr><td colSpan={6}>{t('Unable to retrieve the specified block details. {{error}}', { replace: { error: myError.message } })}</td></tr>
+          : getBlock && getHeader && !getBlock.isEmpty && !getHeader.isEmpty && (
+            <tr>
+              <td className='address'>
+                {getHeader.author && (
+                  <AddressSmall value={getHeader.author} />
+                )}
+              </td>
+              <td className='hash overflow'>{getHeader.hash.toHex()}</td>
+              <td className='hash overflow'>{
+                hasParent
+                  ? <Link to={`/explorer/query/${parentHash || ''}`}>{parentHash}</Link>
+                  : parentHash
+              }</td>
+              <td className='hash overflow'>{getHeader.extrinsicsRoot.toHex()}</td>
+              <td className='hash overflow'>{getHeader.stateRoot.toHex()}</td>
+              <td className='media--1200'>
+                <LinkExternal
+                  data={value}
+                  type='block'
+                />
+              </td>
+            </tr>
+          )
+        }
+      </Table>
+      {getBlock && getHeader && (
+        <>
+          <Extrinsics
+            blockNumber={blockNumber}
+            events={events}
+            value={getBlock.block.extrinsics}
+          />
+          <Columar>
+            <Columar.Column>
+              <Events
+                eventClassName='explorer--BlockByHash-block'
+                events={events?.filter(({ record: { phase } }) => !phase.isApplyExtrinsic)}
+                label={t<string>('system events')}
+              />
+            </Columar.Column>
+            <Columar.Column>
+              <Logs value={getHeader.digest.logs} />
+              <Justifications value={getBlock.justifications} />
+            </Columar.Column>
+          </Columar>
+        </>
+      )}
+    </div>
+  );
+}
+
+export default React.memo(BlockByHash);
diff --git a/packages/page-explorer/src/BlockInfo/ByNumber.tsx b/packages/page-explorer/src/BlockInfo/ByNumber.tsx
new file mode 100644
index 0000000..463a4d2
--- /dev/null
+++ b/packages/page-explorer/src/BlockInfo/ByNumber.tsx
@@ -0,0 +1,46 @@
+// Copyright 2017-2022 @polkadot/app-explorer authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { Hash } from '@polkadot/types/interfaces';
+
+import React, { useEffect, useState } from 'react';
+
+import { Spinner } from '@polkadot/react-components';
+import { useApi, useIsMountedRef } from '@polkadot/react-hooks';
+
+import BlockByHash from './ByHash';
+
+interface Props {
+  value: string;
+}
+
+function BlockByNumber ({ value }: Props): React.ReactElement<Props> | null {
+  const { api } = useApi();
+  const [getBlockHash, setState] = useState<Hash | null>(null);
+  const mountedRef = useIsMountedRef();
+  const [error, setError] = useState<Error | null>(null);
+
+  useEffect((): void => {
+    api.rpc.chain
+      .getBlockHash(value)
+      .then((result): void => {
+        mountedRef.current && setState(result);
+      })
+      .catch((error: Error): void => {
+        mountedRef.current && setError(error);
+      });
+  }, [api, mountedRef, value]);
+
+  if (!getBlockHash && !error) {
+    return <Spinner />;
+  }
+
+  return (
+    <BlockByHash
+      error={error}
+      value={getBlockHash ? getBlockHash.toHex() : null}
+    />
+  );
+}
+
+export default React.memo(BlockByNumber);
diff --git a/packages/page-explorer/src/BlockInfo/Extrinsic.tsx b/packages/page-explorer/src/BlockInfo/Extrinsic.tsx
new file mode 100644
index 0000000..f470a44
--- /dev/null
+++ b/packages/page-explorer/src/BlockInfo/Extrinsic.tsx
@@ -0,0 +1,172 @@
+// Copyright 2017-2022 @polkadot/app-explorer authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { KeyedEvent } from '@polkadot/react-query/types';
+import type { BlockNumber, DispatchInfo, Extrinsic, Weight } from '@polkadot/types/interfaces';
+
+import React, { useMemo } from 'react';
+import styled from 'styled-components';
+
+import { AddressMini, Call, Expander, LinkExternal } from '@polkadot/react-components';
+import { BN, formatNumber } from '@polkadot/util';
+
+import Event from '../Event';
+import { useTranslation } from '../translate';
+
+interface Props {
+  blockNumber?: BlockNumber;
+  className?: string;
+  events?: KeyedEvent[];
+  index: number;
+  maxBlockWeight?: Weight;
+  value: Extrinsic;
+}
+
+const BN_TEN_THOUSAND = new BN(10_000);
+
+function getEra ({ era }: Extrinsic, blockNumber?: BlockNumber): [number, number] | null {
+  if (blockNumber && era.isMortalEra) {
+    const mortalEra = era.asMortalEra;
+
+    return [mortalEra.birth(blockNumber.toNumber()), mortalEra.death(blockNumber.toNumber())];
+  }
+
+  return null;
+}
+
+function filterEvents (index: number, events: KeyedEvent[] = [], maxBlockWeight?: Weight): [DispatchInfo | undefined, number, KeyedEvent[]] {
+  const filtered = events.filter(({ record: { phase } }) =>
+    phase.isApplyExtrinsic &&
+    phase.asApplyExtrinsic.eq(index)
+  );
+  const infoRecord = filtered.find(({ record: { event: { method, section } } }) =>
+    section === 'system' &&
+    ['ExtrinsicFailed', 'ExtrinsicSuccess'].includes(method)
+  );
+  const dispatchInfo = infoRecord
+    ? infoRecord.record.event.method === 'ExtrinsicSuccess'
+      ? infoRecord.record.event.data[0] as DispatchInfo
+      : infoRecord.record.event.data[1] as DispatchInfo
+    : undefined;
+
+  return [
+    dispatchInfo,
+    dispatchInfo && maxBlockWeight
+      ? dispatchInfo.weight.mul(BN_TEN_THOUSAND).div(maxBlockWeight).toNumber() / 100
+      : 0,
+    filtered
+  ];
+}
+
+function ExtrinsicDisplay ({ blockNumber, className = '', events, index, maxBlockWeight, value }: Props): React.ReactElement<Props> {
+  const { t } = useTranslation();
+
+  const { meta, method, section } = useMemo(
+    () => value.registry.findMetaCall(value.callIndex),
+    [value]
+  );
+
+  const mortality = useMemo(
+    (): string | undefined => {
+      if (value.isSigned) {
+        const era = getEra(value, blockNumber);
+
+        return era
+          ? t<string>('mortal, valid from #{{startAt}} to #{{endsAt}}', {
+            replace: {
+              endsAt: formatNumber(era[1]),
+              startAt: formatNumber(era[0])
+            }
+          })
+          : t<string>('immortal');
+      }
+
+      return undefined;
+    },
+    [blockNumber, t, value]
+  );
+
+  const [dispatchInfo, weightPercentage, thisEvents] = useMemo(
+    () => filterEvents(index, events, maxBlockWeight),
+    [index, events, maxBlockWeight]
+  );
+
+  return (
+    <tr
+      className={className}
+      key={`extrinsic:${index}`}
+    >
+      <td
+        className='top'
+        colSpan={2}
+      >
+        <Expander
+          summary={`${section}.${method}`}
+          summaryMeta={meta}
+        >
+          <Call
+            className='details'
+            mortality={mortality}
+            tip={value.tip?.toBn()}
+            value={value}
+            withHash
+            withSignature
+          />
+        </Expander>
+      </td>
+      <td
+        className='top media--1000'
+        colSpan={2}
+      >
+        {thisEvents.map(({ key, record }) =>
+          <Event
+            className='explorer--BlockByHash-event'
+            key={key}
+            value={record}
+          />
+        )}
+      </td>
+      <td className='top number media--1400'>
+        {dispatchInfo && (
+          <>
+            <>{formatNumber(dispatchInfo.weight)}</>
+            <div>{weightPercentage.toFixed(2)}%</div>
+          </>
+        )}
+      </td>
+      <td className='top media--1200'>
+        {value.isSigned && (
+          <>
+            <AddressMini value={value.signer} />
+            <div className='explorer--BlockByHash-nonce'>
+              {t<string>('index')} {formatNumber(value.nonce)}
+            </div>
+            <LinkExternal
+              data={value.hash.toHex()}
+              type='extrinsic'
+            />
+          </>
+        )}
+      </td>
+    </tr>
+  );
+}
+
+export default React.memo(styled(ExtrinsicDisplay)`
+  .explorer--BlockByHash-event+.explorer--BlockByHash-event {
+    margin-top: 0.75rem;
+  }
+
+  .explorer--BlockByHash-nonce {
+    font-size: 0.75rem;
+    margin-left: 2.25rem;
+    margin-top: -0.5rem;
+    opacity: 0.6;
+    text-align: left;
+  }
+
+  .explorer--BlockByHash-unsigned {
+    opacity: 0.6;
+    font-weight: var(--font-weight-normal);
+  }
+`);
diff --git a/packages/page-explorer/src/BlockInfo/Extrinsics.tsx b/packages/page-explorer/src/BlockInfo/Extrinsics.tsx
new file mode 100644
index 0000000..e934955
--- /dev/null
+++ b/packages/page-explorer/src/BlockInfo/Extrinsics.tsx
@@ -0,0 +1,55 @@
+// Copyright 2017-2022 @polkadot/app-explorer authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { KeyedEvent } from '@polkadot/react-query/types';
+import type { BlockNumber, Extrinsic } from '@polkadot/types/interfaces';
+
+import React, { useMemo } from 'react';
+
+import { Table } from '@polkadot/react-components';
+import { useApi } from '@polkadot/react-hooks';
+
+import { useTranslation } from '../translate';
+import ExtrinsicDisplay from './Extrinsic';
+
+interface Props {
+  blockNumber?: BlockNumber;
+  className?: string;
+  events?: KeyedEvent[];
+  label?: React.ReactNode;
+  value?: Extrinsic[] | null;
+}
+
+function Extrinsics ({ blockNumber, className = '', events, label, value }: Props): React.ReactElement<Props> {
+  const { t } = useTranslation();
+  const { api } = useApi();
+
+  const header = useMemo(() => [
+    [label || t<string>('extrinsics'), 'start', 2],
+    [t('events'), 'start media--1000', 2],
+    [t('weight'), 'media--1400'],
+    [t('signer'), 'address media--1200']
+  ], [label, t]);
+
+  return (
+    <Table
+      className={className}
+      empty={t<string>('No extrinsics available')}
+      header={header}
+      isFixed
+    >
+      {value?.map((extrinsic, index): React.ReactNode =>
+        <ExtrinsicDisplay
+          blockNumber={blockNumber}
+          events={events}
+          index={index}
+          key={`extrinsic:${index}`}
+          maxBlockWeight={api.consts.system.blockWeights?.maxBlock}
+          value={extrinsic}
+        />
+      )}
+    </Table>
+  );
+}
+
+export default React.memo(Extrinsics);
diff --git a/packages/page-explorer/src/BlockInfo/Justifications.tsx b/packages/page-explorer/src/BlockInfo/Justifications.tsx
new file mode 100644
index 0000000..f1fc1a9
--- /dev/null
+++ b/packages/page-explorer/src/BlockInfo/Justifications.tsx
@@ -0,0 +1,69 @@
+// Copyright 2017-2022 @polkadot/app-explorer authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { Option, Tuple } from '@polkadot/types';
+import type { Justifications } from '@polkadot/types/interfaces';
+import type { Codec, TypeDef } from '@polkadot/types/types';
+
+import React, { useRef } from 'react';
+
+import { Expander, Table } from '@polkadot/react-components';
+import Params from '@polkadot/react-params';
+import { getTypeDef } from '@polkadot/types/create';
+
+import { useTranslation } from '../translate';
+
+interface Props {
+  value: Option<Justifications>;
+}
+
+function formatTuple (tuple: Tuple): React.ReactNode {
+  const params = tuple.Types.map((type): { type: TypeDef } => ({
+    type: getTypeDef(type)
+  }));
+  const values = tuple.toArray().map((value): { isValid: boolean; value: Codec } => ({
+    isValid: true,
+    value
+  }));
+
+  return (
+    <Params
+      isDisabled
+      params={params}
+      values={values}
+    />
+  );
+}
+
+function JustificationList ({ value }: Props): React.ReactElement<Props> | null {
+  const { t } = useTranslation();
+
+  const headerRef = useRef([
+    [t('justifications'), 'start']
+  ]);
+
+  const justifications = value.unwrapOr(null);
+
+  if (!justifications) {
+    return null;
+  }
+
+  return (
+    <Table
+      empty={t<string>('No justifications available')}
+      header={headerRef.current}
+    >
+      {justifications?.map((justification, index) => (
+        <tr key={`justification:${index}`}>
+          <td className='overflow'>
+            <Expander summary={justification[0].toString()}>
+              {formatTuple(justification as unknown as Tuple)}
+            </Expander>
+          </td>
+        </tr>
+      ))}
+    </Table>
+  );
+}
+
+export default React.memo(JustificationList);
diff --git a/packages/page-explorer/src/BlockInfo/Logs.tsx b/packages/page-explorer/src/BlockInfo/Logs.tsx
new file mode 100644
index 0000000..092fc96
--- /dev/null
+++ b/packages/page-explorer/src/BlockInfo/Logs.tsx
@@ -0,0 +1,126 @@
+// Copyright 2017-2022 @polkadot/app-explorer authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { DigestItem } from '@polkadot/types/interfaces';
+import type { Codec, TypeDef } from '@polkadot/types/types';
+
+import React, { useRef } from 'react';
+
+import { Expander, Table } from '@polkadot/react-components';
+import Params from '@polkadot/react-params';
+import { Raw, Struct, Tuple, Vec } from '@polkadot/types';
+import { getTypeDef } from '@polkadot/types/create';
+
+import { useTranslation } from '../translate';
+
+interface Props {
+  value?: DigestItem[];
+}
+
+function formatU8a (value: Raw): React.ReactNode {
+  return (
+    <Params
+      isDisabled
+      params={[{ type: getTypeDef('Bytes') }]}
+      values={[{ isValid: true, value }]}
+    />
+  );
+}
+
+function formatStruct (struct: Struct): React.ReactNode {
+  const params = Object.entries(struct.Type).map(([name, value]): { name: string; type: TypeDef } => ({
+    name,
+    type: getTypeDef(value)
+  }));
+  const values = struct.toArray().map((value): { isValid: boolean; value: Codec } => ({
+    isValid: true,
+    value
+  }));
+
+  return (
+    <Params
+      isDisabled
+      params={params}
+      values={values}
+    />
+  );
+}
+
+function formatTuple (tuple: Tuple): React.ReactNode {
+  const params = tuple.Types.map((type): { type: TypeDef } => ({
+    type: getTypeDef(type)
+  }));
+  const values = tuple.toArray().map((value): { isValid: boolean; value: Codec } => ({
+    isValid: true,
+    value
+  }));
+
+  return (
+    <Params
+      isDisabled
+      params={params}
+      values={values}
+    />
+  );
+}
+
+function formatVector (vector: Vec<Codec>): React.ReactNode {
+  const type = getTypeDef(vector.Type);
+  const values = vector.toArray().map((value): { isValid: boolean; value: Codec } => ({
+    isValid: true,
+    value
+  }));
+  const params = values.map((_, index): { name: string; type: TypeDef } => ({
+    name: `${index}`,
+    type
+  }));
+
+  return (
+    <Params
+      isDisabled
+      params={params}
+      values={values}
+    />
+  );
+}
+
+function formatItem (item: DigestItem): React.ReactNode {
+  if (item.value instanceof Struct) {
+    return formatStruct(item.value as Struct);
+  } else if (item.value instanceof Tuple) {
+    return formatTuple(item.value);
+  } else if (item.value instanceof Vec) {
+    return formatVector(item.value as Vec<Codec>);
+  } else if (item.value instanceof Raw) {
+    return formatU8a(item.value);
+  }
+
+  return <div>{item.value.toString().split(',').join(', ')}</div>;
+}
+
+function Logs ({ value }: Props): React.ReactElement<Props> | null {
+  const { t } = useTranslation();
+
+  const headerRef = useRef([
+    [t('logs'), 'start']
+  ]);
+
+  return (
+    <Table
+      empty={t<string>('No logs available')}
+      header={headerRef.current}
+    >
+      {value?.map((log, index) => (
+        <tr key={`log:${index}`}>
+          <td className='overflow'>
+            <Expander summary={log.type.toString()}>
+              {formatItem(log)}
+            </Expander>
+          </td>
+        </tr>
+      ))}
+    </Table>
+  );
+}
+
+export default React.memo(Logs);
diff --git a/packages/page-explorer/src/BlockInfo/Summary.tsx b/packages/page-explorer/src/BlockInfo/Summary.tsx
new file mode 100644
index 0000000..ed2632b
--- /dev/null
+++ b/packages/page-explorer/src/BlockInfo/Summary.tsx
@@ -0,0 +1,91 @@
+// Copyright 2017-2022 @polkadot/app-explorer authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { KeyedEvent } from '@polkadot/react-query/types';
+import type { Balance, DispatchInfo, SignedBlock, Weight } from '@polkadot/types/interfaces';
+
+import React, { useMemo } from 'react';
+
+import { CardSummary, SummaryBox } from '@polkadot/react-components';
+import { useApi } from '@polkadot/react-hooks';
+import { FormatBalance } from '@polkadot/react-query';
+import { BN, formatNumber } from '@polkadot/util';
+
+import { useTranslation } from '../translate';
+
+interface Props {
+  events?: KeyedEvent[];
+  maxBlockWeight?: Weight;
+  signedBlock?: SignedBlock;
+}
+
+function extractEventDetails (events?: KeyedEvent[]): [BN?, BN?, BN?] {
+  return events
+    ? events.reduce(([deposits, transfers, weight], { record: { event: { data, method, section } } }) => [
+      section === 'balances' && method === 'Deposit'
+        ? deposits.iadd(data[1] as Balance)
+        : deposits,
+      section === 'balances' && method === 'Transfer'
+        ? transfers.iadd(data[2] as Balance)
+        : transfers,
+      section === 'system' && ['ExtrinsicFailed', 'ExtrinsicSuccess'].includes(method)
+        ? weight.iadd(((method === 'ExtrinsicSuccess' ? data[0] : data[1]) as DispatchInfo).weight)
+        : weight
+    ], [new BN(0), new BN(0), new BN(0)])
+    : [];
+}
+
+function Summary ({ events, maxBlockWeight, signedBlock }: Props): React.ReactElement<Props> | null {
+  const { t } = useTranslation();
+  const { api } = useApi();
+
+  const [deposits, transfers, weight] = useMemo(
+    () => extractEventDetails(events),
+    [events]
+  );
+
+  if (!events || !signedBlock) {
+    return null;
+  }
+
+  return (
+    <SummaryBox>
+      <section>
+        {api.query.balances && (
+          <>
+            <CardSummary label={t<string>('deposits')}>
+              <FormatBalance value={deposits} />
+            </CardSummary>
+            <CardSummary label={t<string>('transfers')}>
+              <FormatBalance value={transfers} />
+            </CardSummary>
+          </>
+        )}
+      </section>
+      {maxBlockWeight && (
+        <section>
+          <CardSummary
+            label={t<string>('block weight')}
+            progress={{
+              hideValue: true,
+              total: maxBlockWeight,
+              value: weight
+            }}
+          >
+            {formatNumber(weight)}
+          </CardSummary>
+        </section>
+      )}
+      <section>
+        <CardSummary label={t<string>('event count')}>
+          {formatNumber(events.length)}
+        </CardSummary>
+        <CardSummary label={t<string>('extrinsic count')}>
+          {formatNumber(signedBlock.block.extrinsics.length)}
+        </CardSummary>
+      </section>
+    </SummaryBox>
+  );
+}
+
+export default React.memo(Summary);
diff --git a/packages/page-explorer/src/BlockInfo/index.tsx b/packages/page-explorer/src/BlockInfo/index.tsx
new file mode 100644
index 0000000..de287e3
--- /dev/null
+++ b/packages/page-explorer/src/BlockInfo/index.tsx
@@ -0,0 +1,48 @@
+// Copyright 2017-2022 @polkadot/app-explorer authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import React, { useEffect, useState } from 'react';
+import { useParams } from 'react-router-dom';
+
+import { useBestNumber } from '@polkadot/react-hooks';
+import { isHex } from '@polkadot/util';
+
+import Query from '../Query';
+import BlockByHash from './ByHash';
+import BlockByNumber from './ByNumber';
+
+function Entry (): React.ReactElement | null {
+  const bestNumber = useBestNumber();
+  const { value } = useParams<{ value: string }>();
+  const [stateValue, setStateValue] = useState<string | undefined>(value);
+
+  useEffect((): void => {
+    setStateValue((stateValue) =>
+      value && value !== stateValue
+        ? value
+        : !stateValue && bestNumber
+          ? bestNumber.toString()
+          : stateValue
+    );
+  }, [bestNumber, value]);
+
+  if (!stateValue) {
+    return null;
+  }
+
+  const Component = isHex(stateValue)
+    ? BlockByHash
+    : BlockByNumber;
+
+  return (
+    <>
+      <Query />
+      <Component
+        key={stateValue}
+        value={stateValue}
+      />
+    </>
+  );
+}
+
+export default React.memo(Entry);
diff --git a/packages/page-explorer/src/Event.tsx b/packages/page-explorer/src/Event.tsx
new file mode 100644
index 0000000..aa0a5f9
--- /dev/null
+++ b/packages/page-explorer/src/Event.tsx
@@ -0,0 +1,35 @@
+// Copyright 2017-2022 @polkadot/app-explorer authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { EventRecord } from '@polkadot/types/interfaces';
+
+import React from 'react';
+
+import { Event as EventDisplay, Expander } from '@polkadot/react-components';
+
+interface Props {
+  className?: string;
+  value: EventRecord;
+}
+
+function Event ({ className = '', value: { event } }: Props): React.ReactElement<Props> {
+  return (
+    <Expander
+      className={className}
+      summary={`${event.section}.${event.method}`}
+      summaryMeta={event.meta}
+    >
+      {event.data.length
+        ? (
+          <EventDisplay
+            className='details'
+            value={event}
+          />
+        )
+        : null
+      }
+    </Expander>
+  );
+}
+
+export default React.memo(Event);
diff --git a/packages/page-explorer/src/Events.tsx b/packages/page-explorer/src/Events.tsx
new file mode 100644
index 0000000..52de4ee
--- /dev/null
+++ b/packages/page-explorer/src/Events.tsx
@@ -0,0 +1,67 @@
+// Copyright 2017-2022 @polkadot/app-explorer authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { KeyedEvent } from '@polkadot/react-query/types';
+
+import React, { useMemo } from 'react';
+import { Link } from 'react-router-dom';
+import styled from 'styled-components';
+
+import { Table } from '@polkadot/react-components';
+import { formatNumber } from '@polkadot/util';
+
+import Event from './Event';
+import { useTranslation } from './translate';
+
+interface Props {
+  className?: string;
+  emptyLabel?: React.ReactNode;
+  events?: KeyedEvent[];
+  eventClassName?: string;
+  label?: React.ReactNode;
+}
+
+function Events ({ className = '', emptyLabel, eventClassName, events, label }: Props): React.ReactElement<Props> {
+  const { t } = useTranslation();
+
+  const header = useMemo(() => [
+    [label || t<string>('recent events'), 'start']
+  ], [label, t]);
+
+  return (
+    <Table
+      className={className}
+      empty={emptyLabel || t<string>('No events available')}
+      header={header}
+    >
+      {events && events.map(({ blockHash, blockNumber, indexes, key, record }): React.ReactNode => (
+        <tr
+          className={eventClassName}
+          key={key}
+        >
+          <td className='overflow'>
+            <Event value={record} />
+            {blockNumber && (
+              <div className='event-link'>
+                {indexes.length !== 1 && <span>({formatNumber(indexes.length)}x)&nbsp;</span>}
+                <Link to={`/explorer/query/${blockHash || ''}`}>{formatNumber(blockNumber)}-{indexes[0]}</Link>
+              </div>
+            )}
+          </td>
+        </tr>
+      ))}
+    </Table>
+  );
+}
+
+export default React.memo(styled(Events)`
+  td.overflow {
+    position: relative;
+
+    .event-link {
+      position: absolute;
+      right: 0.75rem;
+      top: 0.5rem;
+    }
+  }
+`);
diff --git a/packages/page-explorer/src/Forks.tsx b/packages/page-explorer/src/Forks.tsx
new file mode 100644
index 0000000..f26e15e
--- /dev/null
+++ b/packages/page-explorer/src/Forks.tsx
@@ -0,0 +1,463 @@
+// Copyright 2017-2022 @polkadot/app-explorer authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { ApiProps } from '@polkadot/react-api/types';
+import type { Header } from '@polkadot/types/interfaces';
+
+import React, { useCallback, useEffect, useRef, useState } from 'react';
+import styled from 'styled-components';
+
+import { CardSummary, IdentityIcon, SummaryBox } from '@polkadot/react-components';
+import { useApi } from '@polkadot/react-hooks';
+import { formatNumber } from '@polkadot/util';
+
+import { useTranslation } from './translate';
+
+interface LinkHeader {
+  author: string | null;
+  bn: string;
+  hash: string;
+  height: number;
+  isEmpty: boolean;
+  isFinalized: boolean;
+  parent: string;
+  width: number;
+}
+
+// eslint-disable-next-line @typescript-eslint/no-empty-interface,no-use-before-define
+interface LinkArray extends Array<Link> {}
+
+interface Link {
+  arr: LinkArray;
+  hdr: LinkHeader;
+}
+
+interface Props extends ApiProps {
+  className?: string;
+  finHead?: Header;
+  newHead?: Header;
+}
+
+type UnsubFn = () => void;
+
+interface Col {
+  author: string | null;
+  hash: string;
+  isEmpty: boolean;
+  isFinalized: boolean;
+  parent: string;
+  width: number;
+}
+
+interface Row {
+  bn: string;
+  cols: Col[];
+}
+
+// adjust the number of columns in a cell based on the children and tree depth
+function calcWidth (children: LinkArray): number {
+  return Math.max(1, children.reduce((total, { hdr: { width } }): number => {
+    return total + width;
+  }, 0));
+}
+
+// counts the height of a specific node
+function calcHeight (children: LinkArray): number {
+  return children.reduce((max, { arr, hdr }): number => {
+    hdr.height = hdr.isEmpty
+      ? 0
+      : 1 + calcHeight(arr);
+
+    return Math.max(max, hdr.height);
+  }, 0);
+}
+
+// a single column in a row, it just has the details for the entry
+function createCol ({ hdr: { author, hash, isEmpty, isFinalized, parent, width } }: Link): Col {
+  return { author, hash, isEmpty, isFinalized, parent, width };
+}
+
+// create a simplified structure that allows for easy rendering
+function createRows (arr: LinkArray): Row[] {
+  if (!arr.length) {
+    return [];
+  }
+
+  return createRows(
+    arr.reduce((children: LinkArray, { arr }: Link): LinkArray =>
+      children.concat(...arr), [])
+  ).concat({
+    bn: arr.reduce((result, { hdr: { bn } }): string =>
+      result || bn, ''),
+    cols: arr.map(createCol)
+  });
+}
+
+// fills in a header based on the supplied data
+function createHdr (bn: string, hash: string, parent: string, author: string | null, isEmpty = false): LinkHeader {
+  return { author, bn, hash, height: 0, isEmpty, isFinalized: false, parent, width: 0 };
+}
+
+// empty link helper
+function createLink (): Link {
+  return {
+    arr: [],
+    hdr: createHdr('', ' ', ' ', null, true)
+  };
+}
+
+// even out the columns, i.e. add empty spacers as applicable to get tree rendering right
+function addColumnSpacers (arr: LinkArray): void {
+  // check is any of the children has a non-empty set
+  const hasChildren = arr.some(({ arr }): boolean => arr.length !== 0);
+
+  if (hasChildren) {
+    // ok, non-empty found - iterate through an add at least an empty cell to all
+    arr
+      .filter(({ arr }): boolean => arr.length === 0)
+      .forEach(({ arr }): number => arr.push(createLink()));
+
+    const newArr = arr.reduce((flat: LinkArray, { arr }): LinkArray => flat.concat(...arr), []);
+
+    // go one level deeper, ensure that the full tree has empty spacers
+    addColumnSpacers(newArr);
+  }
+}
+
+// checks to see if a row has a single non-empty entry, i.e. it is a candidate for collapsing
+function isSingleRow (cols: Col[]): boolean {
+  if (!cols[0] || cols[0].isEmpty) {
+    return false;
+  }
+
+  return cols.reduce((result: boolean, col, index): boolean => {
+    return index === 0
+      ? result
+      : (!col.isEmpty ? false : result);
+  }, true);
+}
+
+function renderCol ({ author, hash, isEmpty, isFinalized, parent, width }: Col, index: number): React.ReactNode {
+  return (
+    <td
+      className={`header ${isEmpty ? 'isEmpty' : ''} ${isFinalized ? 'isFinalized' : ''}`}
+      colSpan={width}
+      key={`${hash}:${index}:${width}`}
+    >
+      {isEmpty
+        ? <div className='empty' />
+        : (
+          <>
+            {author && (
+              <IdentityIcon
+                className='author'
+                size={28}
+                value={author}
+              />
+            )}
+            <div className='contents'>
+              <div className='hash'>{hash}</div>
+              <div className='parent'>{parent}</div>
+            </div>
+          </>
+        )
+      }
+    </td>
+  );
+}
+
+// render the rows created by createRows to React nodes
+function renderRows (rows: Row[]): React.ReactNode[] {
+  const lastIndex = rows.length - 1;
+  let isPrevShort = false;
+
+  return rows.map(({ bn, cols }, index): React.ReactNode => {
+    // if not first, not last and single only, see if we can collapse
+    if (index !== 0 && index !== lastIndex && isSingleRow(cols)) {
+      if (isPrevShort) {
+        // previous one was already a link, this one as well - skip it
+        return null;
+      } else if (isSingleRow(rows[index - 1].cols)) {
+        isPrevShort = true;
+
+        return (
+          <tr key={bn}>
+            <td key='blockNumber' />
+            <td
+              className='header isLink'
+              colSpan={cols[0].width}
+            >
+              <div className='link'>&#8942;</div>
+            </td>
+          </tr>
+        );
+      }
+    }
+
+    isPrevShort = false;
+
+    return (
+      <tr key={bn}>
+        <td key='blockNumber'>{`#${bn}`}</td>
+        {cols.map(renderCol)}
+      </tr>
+    );
+  });
+}
+
+function Forks ({ className }: Props): React.ReactElement<Props> | null {
+  const { t } = useTranslation();
+  const { api } = useApi();
+  const [tree, setTree] = useState<Link | null>(null);
+  const childrenRef = useRef<Map<string, string[]>>(new Map([['root', []]]));
+  const countRef = useRef({ numBlocks: 0, numForks: 0 });
+  const headersRef = useRef<Map<string, LinkHeader>>(new Map());
+  const firstNumRef = useRef('');
+
+  const _finalize = useCallback(
+    (hash: string): void => {
+      const hdr = headersRef.current.get(hash);
+
+      if (hdr && !hdr.isFinalized) {
+        hdr.isFinalized = true;
+
+        _finalize(hdr.parent);
+      }
+    },
+    []
+  );
+
+  // adds children for a specific header, retrieving based on matching parent
+  const _addChildren = useCallback(
+    (base: LinkHeader, children: LinkArray): LinkArray => {
+      // add the children
+      (childrenRef.current.get(base.hash) || [])
+        .map((hash): LinkHeader | undefined => headersRef.current.get(hash))
+        .filter((hdr): hdr is LinkHeader => !!hdr)
+        .forEach((hdr): void => {
+          children.push({ arr: _addChildren(hdr, []), hdr });
+        });
+
+      // calculate the max height/width for this entry
+      base.height = calcHeight(children);
+      base.width = calcWidth(children);
+
+      // place the active (larger, finalized) columns first for the pyramid display
+      children.sort((a, b): number =>
+        (a.hdr.width > b.hdr.width || a.hdr.height > b.hdr.height || a.hdr.isFinalized)
+          ? -1
+          : (a.hdr.width < b.hdr.width || a.hdr.height < b.hdr.height || b.hdr.isFinalized)
+            ? 1
+            : 0
+      );
+
+      return children;
+    },
+    []
+  );
+
+  // create a tree list from the available headers
+  const _generateTree = useCallback(
+    (): Link => {
+      const root = createLink();
+
+      // add all the root entries first, we iterate from these
+      // We add the root entry explicitly, it exists as per init
+      (childrenRef.current.get('root') || []).forEach((hash): void => {
+        const hdr = headersRef.current.get(hash);
+
+        // if this fails, well, we have a bigger issue :(
+        if (hdr) {
+          root.arr.push({ arr: [], hdr: { ...hdr } });
+        }
+      });
+
+      // iterate through, adding the children for each of the root nodes
+      root.arr.forEach(({ arr, hdr }): void => {
+        _addChildren(hdr, arr);
+      });
+
+      // align the columns with empty spacers - this aids in display
+      addColumnSpacers(root.arr);
+
+      root.hdr.height = calcHeight(root.arr);
+      root.hdr.width = calcWidth(root.arr);
+
+      return root;
+    },
+    [_addChildren]
+  );
+
+  // callback when finalized
+  const _newFinalized = useCallback(
+    (header: Header): void => {
+      _finalize(header.hash.toHex());
+    },
+    [_finalize]
+  );
+
+  // callback for the subscribe headers sub
+  const _newHeader = useCallback(
+    (header: Header): void => {
+      // formatted block info
+      const bn = formatNumber(header.number);
+      const hash = header.hash.toHex();
+      const parent = header.parentHash.toHex();
+      let isFork = false;
+
+      // if this the first one?
+      if (!firstNumRef.current) {
+        firstNumRef.current = bn;
+      }
+
+      if (!headersRef.current.has(hash)) {
+        // if this is the first, add to the root entry
+        if (firstNumRef.current === bn) {
+          (childrenRef.current.get('root') as unknown[]).push(hash);
+        }
+
+        // add to the header map
+        // also for HeaderExtended header.author ? header.author.toString() : null
+        headersRef.current.set(hash, createHdr(bn, hash, parent, null));
+
+        // check to see if the children already has a entry
+        if (childrenRef.current.has(parent)) {
+          isFork = true;
+          (childrenRef.current.get(parent) as unknown[]).push(hash);
+        } else {
+          childrenRef.current.set(parent, [hash]);
+        }
+
+        // if we don't have the parent of this one, retrieve it
+        if (!headersRef.current.has(parent)) {
+          // just make sure we are not first in the list, we don't want to full chain
+          if (firstNumRef.current !== bn) {
+            console.warn(`Retrieving missing header ${header.parentHash.toHex()}`);
+
+            api.rpc.chain.getHeader(header.parentHash).then(_newHeader).catch(console.error);
+
+            // catch the refresh on the result
+            return;
+          }
+        }
+
+        // update our counters
+        countRef.current.numBlocks++;
+
+        if (isFork) {
+          countRef.current.numForks++;
+        }
+
+        // do the magic, extract the info into something useful and add to state
+        setTree(_generateTree());
+      }
+    },
+    [api, _generateTree]
+  );
+
+  useEffect((): () => void => {
+    let _subFinHead: UnsubFn | null = null;
+    let _subNewHead: UnsubFn | null = null;
+
+    (async (): Promise<void> => {
+      _subFinHead = await api.rpc.chain.subscribeFinalizedHeads(_newFinalized);
+      _subNewHead = await api.rpc.chain.subscribeNewHeads(_newHeader);
+    })().catch(console.error);
+
+    return (): void => {
+      _subFinHead && _subFinHead();
+      _subNewHead && _subNewHead();
+    };
+  }, [api, _newFinalized, _newHeader]);
+
+  if (!tree) {
+    return null;
+  }
+
+  return (
+    <div className={className}>
+      <SummaryBox>
+        <section>
+          <CardSummary label={t<string>('blocks')}>{formatNumber(countRef.current.numBlocks)}</CardSummary>
+          <CardSummary label={t<string>('forks')}>{formatNumber(countRef.current.numForks)}</CardSummary>
+        </section>
+      </SummaryBox>
+      <table>
+        <tbody>
+          {renderRows(createRows(tree.arr))}
+        </tbody>
+      </table>
+    </div>
+  );
+}
+
+export default React.memo(styled(Forks)`
+  margin-bottom: 1.5rem;
+
+  table {
+    border-collapse: separate;
+    border-spacing: 0.25rem;
+    font: var(--font-mono);
+
+    td {
+      padding: 0.25rem 0.5rem;
+      text-align: center;
+
+      .author,
+      .contents {
+        display: inline-block;
+        vertical-align: middle;
+      }
+
+      .author {
+        margin-right: 0.25rem;
+      }
+
+      .contents {
+        .hash, .parent {
+          margin: 0 auto;
+          max-width: 6rem;
+          overflow: hidden;
+          text-overflow: ellipsis;
+          white-space: nowrap;
+        }
+
+        .parent {
+          font-size: 0.75rem;
+          line-height: 0.75rem;
+          max-width: 4.5rem;
+        }
+      }
+
+      &.blockNumber {
+        font-size: 1.25rem;
+      }
+
+      &.header {
+        background: #fff;
+        border: 1px solid #e6e6e6;
+        border-radius: 0.25rem;
+
+        &.isEmpty {
+          background: transparent;
+          border-color: transparent;
+        }
+
+        &.isFinalized {
+          background: rgba(0, 255, 0, 0.1);
+        }
+
+        &.isLink {
+          background: transparent;
+          border-color: transparent;
+          line-height: 1rem;
+          padding: 0;
+        }
+
+        &.isMissing {
+          background: rgba(255, 0, 0, 0.05);
+        }
+      }
+    }
+  }
+`);
diff --git a/packages/page-explorer/src/Latency/index.tsx b/packages/page-explorer/src/Latency/index.tsx
new file mode 100644
index 0000000..dd5fd40
--- /dev/null
+++ b/packages/page-explorer/src/Latency/index.tsx
@@ -0,0 +1,202 @@
+// Copyright 2017-2022 @polkadot/app-explorer authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { Detail } from './types';
+
+import React, { useMemo } from 'react';
+import styled from 'styled-components';
+
+import { CardSummary, Chart, Spinner, SummaryBox } from '@polkadot/react-components';
+import { formatNumber } from '@polkadot/util';
+
+import { useTranslation } from '../translate';
+import useLatency from './useLatency';
+
+interface Props {
+  className?: string;
+}
+
+interface ChartContents {
+  labels: string[];
+  values: number[][];
+}
+
+interface ChartInfo {
+  blockLast: number;
+  blocks: ChartContents;
+  events: ChartContents;
+  extrinsics: ChartContents;
+  times: ChartContents;
+}
+
+const COLORS_TIMES = ['#8c8c00', '#acacac'];
+const COLORS_BLOCKS = ['#008c8c', '#acacac'];
+const COLORS_EVENTS = ['#00448c', '#8c0044', '#acacac'];
+const COLORS_TXS = ['#448c00', '#acacac'];
+const OPTIONS = {
+  animation: {
+    duration: 0
+  },
+  aspectRatio: 6,
+  maintainAspectRatio: true
+};
+
+function getPoints (details: Detail[], timeAvg: number): ChartInfo {
+  const blocks: ChartContents = {
+    labels: [],
+    values: [[], []]
+  };
+  const events: ChartContents = {
+    labels: [],
+    values: [[], [], []]
+  };
+  const extrinsics: ChartContents = {
+    labels: [],
+    values: [[], []]
+  };
+  const times: ChartContents = {
+    labels: [],
+    values: [[], []]
+  };
+
+  const eventTotal = details.reduce((a, { events: { count } }) => a + count, 0);
+  const txTotal = details.reduce((a, { extrinsics: { count } }) => a + count, 0);
+  const blockTotal = details.reduce((a, { block: { bytes } }) => a + bytes, 0);
+
+  for (let i = 0; i < details.length; i++) {
+    const blockNumber = formatNumber(details[i].block.number);
+
+    blocks.labels.push(blockNumber);
+    blocks.values[0].push(details[i].block.bytes);
+    blocks.values[1].push((blockTotal - details[i].block.bytes) / (details.length - 1));
+
+    events.labels.push(blockNumber);
+    events.values[0].push(details[i].events.count);
+    events.values[1].push(details[i].events.system);
+    events.values[2].push((eventTotal - details[i].events.count) / (details.length - 1));
+
+    extrinsics.labels.push(blockNumber);
+    extrinsics.values[0].push(details[i].extrinsics.count);
+    extrinsics.values[1].push((txTotal - details[i].extrinsics.count) / (details.length - 1));
+  }
+
+  const filtered = details.filter(({ delay }) => delay);
+  const avgBase = timeAvg * filtered.length;
+
+  for (let i = 0; i < filtered.length; i++) {
+    times.labels.push(formatNumber(filtered[i].block.number));
+    times.values[0].push(filtered[i].delay / 1000);
+    times.values[1].push((avgBase - filtered[i].delay) / (filtered.length - 1) / 1000);
+  }
+
+  return {
+    blockLast: times.values[0][times.values[0].length - 1],
+    blocks,
+    events,
+    extrinsics,
+    times
+  };
+}
+
+function formatTime (time: number, divisor = 1000): string {
+  return `${(time / divisor).toFixed(3)}s`;
+}
+
+function Latency ({ className }: Props): React.ReactElement<Props> | null {
+  const { t } = useTranslation();
+  const { details, stdDev, timeAvg, timeMax, timeMin } = useLatency();
+
+  const { blockLast, blocks, events, extrinsics, times } = useMemo(
+    () => getPoints(details, timeAvg),
+    [details, timeAvg]
+  );
+
+  const { blocksLegend, eventsLegend, extrinsicsLegend, timesLegend } = useMemo(
+    () => ({
+      blocksLegend: [t<string>('bytes'), t<string>('average')],
+      eventsLegend: [t<string>('events'), t<string>('system'), t<string>('average')],
+      extrinsicsLegend: [t<string>('extrinsics'), t<string>('average')],
+      timesLegend: [t<string>('blocktime'), t<string>('average')]
+    }), [t]
+  );
+
+  if (details.length <= 2) {
+    return (
+      <Spinner />
+    );
+  }
+
+  return (
+    <div className={className}>
+      <SummaryBox>
+        <section>
+          <CardSummary label={t<string>('avg')}>{formatTime(timeAvg)}</CardSummary>
+          <CardSummary
+            className='media--1000'
+            label={t<string>('std dev')}
+          >
+            {formatTime(stdDev)}
+          </CardSummary>
+        </section>
+        <section>
+          <CardSummary label={t<string>('min')}>{formatTime(timeMin)}</CardSummary>
+          <CardSummary label={t<string>('max')}>{formatTime(timeMax)}</CardSummary>
+        </section>
+        <CardSummary label={t<string>('last')}>{formatTime(blockLast, 1)}</CardSummary>
+      </SummaryBox>
+      <div className='container'>
+        <h1>{t<string>('blocktimes (last {{num}} blocks)', { replace: { num: times.labels.length } })}</h1>
+        <Chart.Line
+          colors={COLORS_TIMES}
+          labels={times.labels}
+          legends={timesLegend}
+          options={OPTIONS}
+          values={times.values}
+        />
+      </div>
+      <div className='container'>
+        <h1>{t<string>('blocksize (last {{num}} blocks)', { replace: { num: blocks.labels.length } })}</h1>
+        <Chart.Line
+          colors={COLORS_BLOCKS}
+          labels={blocks.labels}
+          legends={blocksLegend}
+          options={OPTIONS}
+          values={blocks.values}
+        />
+      </div>
+      <div className='container'>
+        <h1>{t<string>('extrinsics (last {{num}} blocks)', { replace: { num: extrinsics.labels.length } })}</h1>
+        <Chart.Line
+          colors={COLORS_TXS}
+          labels={extrinsics.labels}
+          legends={extrinsicsLegend}
+          options={OPTIONS}
+          values={extrinsics.values}
+        />
+      </div>
+      <div className='container'>
+        <h1>{t<string>('events (last {{num}} blocks)', { replace: { num: events.labels.length } })}</h1>
+        <Chart.Line
+          colors={COLORS_EVENTS}
+          labels={events.labels}
+          legends={eventsLegend}
+          options={OPTIONS}
+          values={events.values}
+        />
+      </div>
+    </div>
+  );
+}
+
+export default React.memo(styled(Latency)`
+  .container {
+    background: var(--bg-table);
+    border: 1px solid var(--border-table);
+    border-radius: 0.25rem;
+    padding: 1rem 1.5rem;
+  }
+
+  .container+.container {
+    margin-top: 1rem;
+  }
+`);
diff --git a/packages/page-explorer/src/Latency/types.ts b/packages/page-explorer/src/Latency/types.ts
new file mode 100644
index 0000000..eef8121
--- /dev/null
+++ b/packages/page-explorer/src/Latency/types.ts
@@ -0,0 +1,30 @@
+// Copyright 2017-2022 @polkadot/app-explorer authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { Hash } from '@polkadot/types/interfaces';
+
+export interface Detail {
+  block: {
+    bytes: number;
+    number: number;
+  };
+  delay: number;
+  events: {
+    count: number;
+    system: number;
+  };
+  extrinsics: {
+    bytes: number;
+    count: number;
+  };
+  now: number;
+  parentHash: Hash;
+}
+
+export interface Result {
+  details: Detail[];
+  stdDev: number;
+  timeAvg: number;
+  timeMax: number;
+  timeMin: number;
+}
diff --git a/packages/page-explorer/src/Latency/useLatency.ts b/packages/page-explorer/src/Latency/useLatency.ts
new file mode 100644
index 0000000..a5e6c66
--- /dev/null
+++ b/packages/page-explorer/src/Latency/useLatency.ts
@@ -0,0 +1,180 @@
+// Copyright 2017-2022 @polkadot/app-explorer authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { ApiPromise } from '@polkadot/api';
+import type { SignedBlockExtended } from '@polkadot/api-derive/types';
+import type { GenericExtrinsic, u32 } from '@polkadot/types';
+import type { Block } from '@polkadot/types/interfaces';
+import type { Detail, Result } from './types';
+
+import { useEffect, useMemo, useRef, useState } from 'react';
+
+import { useApi, useCall } from '@polkadot/react-hooks';
+
+const INITIAL_ITEMS = 50;
+const MAX_ITEMS = INITIAL_ITEMS;
+const EMPTY: Result = {
+  details: [],
+  stdDev: 0,
+  timeAvg: 0,
+  timeMax: 0,
+  timeMin: 0
+};
+
+function getSetter ({ extrinsics }: Block): GenericExtrinsic | undefined {
+  return extrinsics.find(({ method: { method, section } }) =>
+    method === 'set' &&
+    section === 'timestamp'
+  );
+}
+
+function calcDelay (details: Detail[]): Detail[] {
+  const filtered = details
+    .sort((a, b) => a.block.number - b.block.number)
+    .filter(({ block }, index) =>
+      index === 0 ||
+      block.number > details[index - 1].block.number
+    );
+
+  for (let i = 0; i < filtered.length - 1; i++) {
+    const a = filtered[i];
+    const b = filtered[i + 1];
+
+    if ((b.block.number - a.block.number) === 1 && b.delay === 0) {
+      b.delay = b.now - a.now;
+    }
+  }
+
+  return filtered.slice(-MAX_ITEMS);
+}
+
+function addBlock (prev: Detail[], { block, events }: SignedBlockExtended): Detail[] {
+  const setter = getSetter(block);
+
+  if (!setter) {
+    return prev;
+  }
+
+  return [
+    ...prev,
+    {
+      block: {
+        bytes: block.encodedLength,
+        number: block.header.number.toNumber()
+      },
+      delay: 0,
+      events: {
+        count: events.length,
+        system: events.filter(({ phase }) => !phase.isApplyExtrinsic).length
+      },
+      extrinsics: {
+        bytes: block.extrinsics.reduce((a, x) => a + x.encodedLength, 0),
+        count: block.extrinsics.length
+      },
+      now: (setter.args[0] as u32).toNumber(),
+      parentHash: block.header.parentHash
+    }
+  ];
+}
+
+function addBlocks (prev: Detail[], blocks: SignedBlockExtended[]): Detail[] {
+  return blocks.reduce((p, b) => addBlock(p, b), prev);
+}
+
+async function getBlocks (api: ApiPromise, blockNumbers: number[]): Promise<SignedBlockExtended[]> {
+  if (!blockNumbers.length) {
+    return [];
+  }
+
+  const blocks = await Promise.all(
+    blockNumbers.map((n) => api.derive.chain.getBlockByNumber(n))
+  );
+
+  return blocks.filter((b): b is SignedBlockExtended => !!b);
+}
+
+async function getPrev (api: ApiPromise, { block: { header } }: SignedBlockExtended): Promise<SignedBlockExtended[]> {
+  const blockNumbers: number[] = [];
+  let blockNumber = header.number.toNumber();
+
+  for (let i = 1; blockNumber > 0 && i <= INITIAL_ITEMS; i++) {
+    blockNumbers.push(--blockNumber);
+  }
+
+  return getBlocks(api, blockNumbers);
+}
+
+async function getNext (api: ApiPromise, { block: { number: start } }: Detail, { block: { number: end } }: Detail): Promise<SignedBlockExtended[]> {
+  const blockNumbers: number[] = [];
+
+  for (let n = start + 1; n < end; n++) {
+    blockNumbers.push(n);
+  }
+
+  return getBlocks(api, blockNumbers);
+}
+
+export default function useLatency (): Result {
+  const { api } = useApi();
+  const [details, setDetails] = useState<Detail[]>([]);
+  const signedBlock = useCall<SignedBlockExtended>(api.derive.chain.subscribeNewBlocks, []);
+  const hasHistoric = useRef(false);
+
+  useEffect((): void => {
+    if (!signedBlock) {
+      return;
+    }
+
+    setDetails((prev) => calcDelay(addBlock(prev, signedBlock)));
+
+    if (hasHistoric.current) {
+      return;
+    }
+
+    hasHistoric.current = true;
+
+    getPrev(api, signedBlock)
+      .then((all) => setDetails((prev) => calcDelay(addBlocks(prev, all))))
+      .catch(console.error);
+  }, [api, signedBlock]);
+
+  useEffect((): void => {
+    if (details.length <= 2) {
+      return;
+    }
+
+    const lastIndex = details.findIndex(({ block }, index) =>
+      index !== (details.length - 1) &&
+      (details[index + 1].block.number - block.number) > 1
+    );
+
+    if (lastIndex === -1) {
+      return;
+    }
+
+    getNext(api, details[lastIndex], details[lastIndex + 1])
+      .then((all) => setDetails((prev) => calcDelay(addBlocks(prev, all))))
+      .catch(console.error);
+  }, [api, details]);
+
+  return useMemo((): Result => {
+    const delays = details
+      .map(({ delay }) => delay)
+      .filter((delay) => delay);
+
+    if (!delays.length) {
+      return EMPTY;
+    }
+
+    const timeAvg = delays.reduce((avg, d) => avg + d, 0) / delays.length;
+    const stdDev = Math.sqrt(delays.reduce((dev, d) => dev + Math.pow(timeAvg - d, 2), 0) / delays.length);
+
+    return {
+      details,
+      stdDev,
+      timeAvg,
+      timeMax: Math.max(...delays),
+      timeMin: Math.min(...delays)
+    };
+  }, [details]);
+}
diff --git a/packages/page-explorer/src/Main.tsx b/packages/page-explorer/src/Main.tsx
new file mode 100644
index 0000000..fdb61a8
--- /dev/null
+++ b/packages/page-explorer/src/Main.tsx
@@ -0,0 +1,39 @@
+// Copyright 2017-2022 @polkadot/app-explorer authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { HeaderExtended } from '@polkadot/api-derive/types';
+import type { KeyedEvent } from '@polkadot/react-query/types';
+
+import React from 'react';
+
+import { Columar } from '@polkadot/react-components';
+
+import BlockHeaders from './BlockHeaders';
+import Events from './Events';
+import Query from './Query';
+import Summary from './Summary';
+
+interface Props {
+  eventCount: number;
+  events: KeyedEvent[];
+  headers: HeaderExtended[];
+}
+
+function Main ({ eventCount, events, headers }: Props): React.ReactElement<Props> {
+  return (
+    <>
+      <Query />
+      <Summary eventCount={eventCount} />
+      <Columar>
+        <Columar.Column>
+          <BlockHeaders headers={headers} />
+        </Columar.Column>
+        <Columar.Column>
+          <Events events={events} />
+        </Columar.Column>
+      </Columar>
+    </>
+  );
+}
+
+export default React.memo(Main);
diff --git a/packages/page-explorer/src/NodeInfo/Peers.tsx b/packages/page-explorer/src/NodeInfo/Peers.tsx
new file mode 100644
index 0000000..299933a
--- /dev/null
+++ b/packages/page-explorer/src/NodeInfo/Peers.tsx
@@ -0,0 +1,49 @@
+// Copyright 2017-2022 @polkadot/app-nodeinfo authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { PeerInfo } from '@polkadot/types/interfaces';
+
+import React, { useRef } from 'react';
+import styled from 'styled-components';
+
+import { Table } from '@polkadot/react-components';
+import { formatNumber } from '@polkadot/util';
+
+import { useTranslation } from '../translate';
+
+interface Props {
+  className?: string;
+  peers?: PeerInfo[] | null;
+}
+
+function Peers ({ className = '', peers }: Props): React.ReactElement<Props> {
+  const { t } = useTranslation();
+
+  const headerRef = useRef([
+    [t('connected peers'), 'start'],
+    [t('role'), 'start'],
+    [t('best #'), 'number'],
+    [t('best hash'), 'hash']
+  ]);
+
+  return (
+    <Table
+      className={className}
+      empty={t<string>('no peers connected')}
+      header={headerRef.current}
+    >
+      {peers?.sort((a, b): number => b.bestNumber.cmp(a.bestNumber)).map((peer) => (
+        <tr key={peer.peerId.toString()}>
+          <td className='hash'>{peer.peerId.toString()}</td>
+          <td>{peer.roles.toString().toLowerCase()}</td>
+          <td className='number all'>{formatNumber(peer.bestNumber)}</td>
+          <td className='hash'>{peer.bestHash.toHex()}</td>
+        </tr>
+      ))}
+    </Table>
+  );
+}
+
+export default React.memo(styled(Peers)`
+  overflow-x: auto;
+`);
diff --git a/packages/page-explorer/src/NodeInfo/Summary.tsx b/packages/page-explorer/src/NodeInfo/Summary.tsx
new file mode 100644
index 0000000..837480f
--- /dev/null
+++ b/packages/page-explorer/src/NodeInfo/Summary.tsx
@@ -0,0 +1,84 @@
+// Copyright 2017-2022 @polkadot/app-nodeinfo authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { Info } from './types';
+
+import React, { useEffect, useState } from 'react';
+
+import { CardSummary, SummaryBox } from '@polkadot/react-components';
+import { BestNumber, Elapsed } from '@polkadot/react-query';
+import { BN_ZERO, formatNumber } from '@polkadot/util';
+
+import { useTranslation } from '../translate';
+
+interface Props {
+  nextRefresh: number;
+  info: Info;
+}
+
+const EMPTY_INFO = { extrinsics: null, health: null, peers: null };
+
+function Summary ({ info: { extrinsics, health, peers } = EMPTY_INFO, nextRefresh }: Props): React.ReactElement<Props> {
+  const { t } = useTranslation();
+  const [peerBest, setPeerBest] = useState(BN_ZERO);
+
+  useEffect((): void => {
+    if (peers) {
+      const bestPeer = peers.sort((a, b): number => b.bestNumber.cmp(a.bestNumber))[0];
+
+      setPeerBest(
+        bestPeer
+          ? bestPeer.bestNumber
+          : BN_ZERO
+      );
+    }
+  }, [peers]);
+
+  return (
+    <SummaryBox>
+      <section>
+        <CardSummary label={t<string>('refresh in')}>
+          <Elapsed value={nextRefresh} />
+        </CardSummary>
+        {health && (
+          <>
+            <CardSummary
+              className='media--800'
+              label={t<string>('total peers')}
+            >
+              {formatNumber(health.peers)}
+            </CardSummary>
+            <CardSummary
+              className='media--800'
+              label={t<string>('syncing')}
+            >
+              {health.isSyncing.valueOf()
+                ? t<string>('yes')
+                : t<string>('no')
+              }
+            </CardSummary>
+          </>
+        )}
+      </section>
+      {extrinsics && (extrinsics.length > 0) && (
+        <section className='media--1200'>
+          <CardSummary label={t<string>('queued tx')}>
+            {extrinsics.length}
+          </CardSummary>
+        </section>
+      )}
+      <section>
+        {peerBest?.gtn(0) && (
+          <CardSummary label={t<string>('peer best')}>
+            {formatNumber(peerBest)}
+          </CardSummary>
+        )}
+        <CardSummary label={t<string>('our best')}>
+          <BestNumber />
+        </CardSummary>
+      </section>
+    </SummaryBox>
+  );
+}
+
+export default React.memo(Summary);
diff --git a/packages/page-explorer/src/NodeInfo/index.tsx b/packages/page-explorer/src/NodeInfo/index.tsx
new file mode 100644
index 0000000..a342452
--- /dev/null
+++ b/packages/page-explorer/src/NodeInfo/index.tsx
@@ -0,0 +1,73 @@
+// Copyright 2017-2022 @polkadot/app-nodeinfo authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { Info } from './types';
+
+import React, { useEffect, useState } from 'react';
+
+import { ApiPromise } from '@polkadot/api';
+import { useApi } from '@polkadot/react-hooks';
+
+import Extrinsics from '../BlockInfo/Extrinsics';
+import { useTranslation } from '../translate';
+import Peers from './Peers';
+import Summary from './Summary';
+
+const POLL_TIMEOUT = 9900;
+
+async function retrieveInfo (api: ApiPromise): Promise<Partial<Info>> {
+  try {
+    const [blockNumber, health, peers, extrinsics] = await Promise.all([
+      api.derive.chain.bestNumber(),
+      api.rpc.system.health().catch(() => null),
+      api.rpc.system.peers().catch(() => null),
+      api.rpc.author.pendingExtrinsics().catch(() => null)
+    ]);
+
+    return { blockNumber, extrinsics, health, peers };
+  } catch (error) {
+    return {};
+  }
+}
+
+function NodeInfo (): React.ReactElement {
+  const { t } = useTranslation();
+  const { api } = useApi();
+  const [info, setInfo] = useState<Partial<Info>>({});
+  const [nextRefresh, setNextRefresh] = useState(() => Date.now());
+
+  useEffect((): () => void => {
+    const _getStatus = (): void => {
+      retrieveInfo(api).then(setInfo).catch(console.error);
+    };
+
+    _getStatus();
+
+    const timerId = window.setInterval((): void => {
+      setNextRefresh(Date.now() + POLL_TIMEOUT);
+      _getStatus();
+    }, POLL_TIMEOUT);
+
+    return (): void => {
+      window.clearInterval(timerId);
+    };
+  // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, []);
+
+  return (
+    <>
+      <Summary
+        info={info}
+        nextRefresh={nextRefresh}
+      />
+      <Peers peers={info.peers} />
+      <Extrinsics
+        blockNumber={info.blockNumber}
+        label={t<string>('pending extrinsics')}
+        value={info.extrinsics}
+      />
+    </>
+  );
+}
+
+export default React.memo(NodeInfo);
diff --git a/packages/page-explorer/src/NodeInfo/types.ts b/packages/page-explorer/src/NodeInfo/types.ts
new file mode 100644
index 0000000..e773bea
--- /dev/null
+++ b/packages/page-explorer/src/NodeInfo/types.ts
@@ -0,0 +1,12 @@
+// Copyright 2017-2022 @polkadot/app-nodeinfo authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { Vec } from '@polkadot/types';
+import type { BlockNumber, Extrinsic, Health, PeerInfo } from '@polkadot/types/interfaces';
+
+export interface Info {
+  blockNumber?: BlockNumber;
+  extrinsics?: Vec<Extrinsic> | null;
+  health?: Health | null;
+  peers?: PeerInfo[] | null;
+}
diff --git a/packages/page-explorer/src/Query.tsx b/packages/page-explorer/src/Query.tsx
new file mode 100644
index 0000000..76939a7
--- /dev/null
+++ b/packages/page-explorer/src/Query.tsx
@@ -0,0 +1,71 @@
+// Copyright 2017-2022 @polkadot/app-explorer authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import React, { useCallback, useState } from 'react';
+import styled from 'styled-components';
+
+import { Button, FilterOverlay, Input } from '@polkadot/react-components';
+import { isHex } from '@polkadot/util';
+
+import { useTranslation } from './translate';
+
+interface Props {
+  className?: string;
+  value?: string;
+}
+
+interface State {
+  value: string;
+  isValid: boolean;
+}
+
+function stateFromValue (value: string): State {
+  return {
+    isValid: isHex(value, 256) || /^\d+$/.test(value),
+    value
+  };
+}
+
+function Query ({ className = '', value: propsValue }: Props): React.ReactElement<Props> {
+  const { t } = useTranslation();
+  const [{ isValid, value }, setState] = useState(() => stateFromValue(propsValue || ''));
+
+  const _setHash = useCallback(
+    (value: string): void => setState(stateFromValue(value)),
+    []
+  );
+
+  const _onQuery = useCallback(
+    (): void => {
+      if (isValid && value.length !== 0) {
+        window.location.hash = `/explorer/query/${value}`;
+      }
+    },
+    [isValid, value]
+  );
+
+  return (
+    <FilterOverlay className={`ui--FilterOverlay hasOwnMaxWidth ${className}`}>
+      <Input
+        className='explorer--query'
+        defaultValue={propsValue}
+        isError={!isValid && value.length !== 0}
+        onChange={_setHash}
+        onEnter={_onQuery}
+        placeholder={t<string>('block hash or number to query')}
+        withLabel={false}
+      >
+        <Button
+          icon='play'
+          onClick={_onQuery}
+        />
+      </Input>
+    </FilterOverlay>
+  );
+}
+
+export default React.memo(styled(Query)`
+  .explorer--query {
+    width: 20em;
+  }
+`);
diff --git a/packages/page-explorer/src/Summary.tsx b/packages/page-explorer/src/Summary.tsx
new file mode 100644
index 0000000..51c69d9
--- /dev/null
+++ b/packages/page-explorer/src/Summary.tsx
@@ -0,0 +1,70 @@
+// Copyright 2017-2022 @polkadot/app-explorer authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import React from 'react';
+
+import { CardSummary, SummaryBox } from '@polkadot/react-components';
+import { useApi } from '@polkadot/react-hooks';
+import { BestFinalized, BestNumber, BlockToTime, TimeNow, TotalIssuance } from '@polkadot/react-query';
+import { BN_ONE, formatNumber } from '@polkadot/util';
+
+import SummarySession from './SummarySession';
+import { useTranslation } from './translate';
+
+interface Props {
+  eventCount: number;
+}
+
+function Summary ({ eventCount }: Props): React.ReactElement {
+  const { t } = useTranslation();
+  const { api } = useApi();
+
+  return (
+    <SummaryBox>
+      <section>
+        {api.query.timestamp && (
+          <>
+            <CardSummary label={t<string>('last block')}>
+              <TimeNow />
+            </CardSummary>
+            <CardSummary
+              className='media--800'
+              label={t<string>('target')}
+            >
+              <BlockToTime value={BN_ONE} />
+            </CardSummary>
+          </>
+        )}
+        {api.query.balances && (
+          <CardSummary
+            className='media--800'
+            label={t<string>('total issuance')}
+          >
+            <TotalIssuance />
+          </CardSummary>
+        )}
+      </section>
+      <section className='media--1200'>
+        <SummarySession withEra={false} />
+      </section>
+      <section>
+        <CardSummary
+          className='media--1000'
+          label={t<string>('last events')}
+        >
+          {formatNumber(eventCount)}
+        </CardSummary>
+        {api.query.grandpa && (
+          <CardSummary label={t<string>('finalized')}>
+            <BestFinalized />
+          </CardSummary>
+        )}
+        <CardSummary label={t<string>('best')}>
+          <BestNumber />
+        </CardSummary>
+      </section>
+    </SummaryBox>
+  );
+}
+
+export default React.memo(Summary);
diff --git a/packages/page-explorer/src/SummarySession.tsx b/packages/page-explorer/src/SummarySession.tsx
new file mode 100644
index 0000000..1d25590
--- /dev/null
+++ b/packages/page-explorer/src/SummarySession.tsx
@@ -0,0 +1,94 @@
+// Copyright 2017-2022 @polkadot/app-explorer authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { DeriveSessionProgress } from '@polkadot/api-derive/types';
+import type { Forcing } from '@polkadot/types/interfaces';
+
+import React from 'react';
+
+import { CardSummary } from '@polkadot/react-components';
+import { useApi, useCall } from '@polkadot/react-hooks';
+import { Elapsed } from '@polkadot/react-query';
+import { BN_ONE, formatNumber } from '@polkadot/util';
+
+import { useTranslation } from './translate';
+
+interface Props {
+  className?: string;
+  withEra?: boolean;
+  withSession?: boolean;
+}
+
+function SummarySession ({ className, withEra = true, withSession = true }: Props): React.ReactElement<Props> {
+  const { t } = useTranslation();
+  const { api } = useApi();
+  const sessionInfo = useCall<DeriveSessionProgress>(api.derive.session?.progress);
+  const forcing = useCall<Forcing>(api.query.staking?.forceEra);
+
+  const eraLabel = t<string>('era');
+  const sessionLabel = sessionInfo?.isEpoch
+    ? t<string>('epoch')
+    : t<string>('session');
+  const activeEraStart = sessionInfo?.activeEraStart.unwrapOr(null);
+
+  return (
+    <>
+      {sessionInfo && (
+        <>
+          {withSession && (
+            sessionInfo.sessionLength.gt(BN_ONE)
+              ? (
+                <CardSummary
+                  className={className}
+                  label={sessionLabel}
+                  progress={{
+                    total: sessionInfo.sessionLength,
+                    value: sessionInfo.sessionProgress,
+                    withTime: true
+                  }}
+                />
+              )
+              : (
+                <CardSummary label={sessionLabel}>
+                  #{formatNumber(sessionInfo.currentIndex)}
+                  {withEra && activeEraStart && <div className='isSecondary'>&nbsp;</div>}
+                </CardSummary>
+              )
+          )}
+          {forcing && !forcing.isForceNone && withEra && (
+            sessionInfo.sessionLength.gt(BN_ONE)
+              ? (
+                <CardSummary
+                  className={className}
+                  label={eraLabel}
+                  progress={{
+                    total: forcing.isForceAlways ? sessionInfo.sessionLength : sessionInfo.eraLength,
+                    value: forcing.isForceAlways ? sessionInfo.sessionProgress : sessionInfo.eraProgress,
+                    withTime: true
+                  }}
+                />
+              )
+              : (
+                <CardSummary
+                  className={className}
+                  label={eraLabel}
+                >
+                  #{formatNumber(sessionInfo.activeEra)}
+                  {activeEraStart && (
+                    <Elapsed
+                      className='isSecondary'
+                      value={activeEraStart}
+                    >
+                      &nbsp;{t('elapsed')}
+                    </Elapsed>
+                  )}
+                </CardSummary>
+              )
+          )}
+        </>
+      )}
+    </>
+  );
+}
+
+export default React.memo(SummarySession);
diff --git a/packages/page-explorer/src/index.tsx b/packages/page-explorer/src/index.tsx
new file mode 100644
index 0000000..af9063e
--- /dev/null
+++ b/packages/page-explorer/src/index.tsx
@@ -0,0 +1,87 @@
+// Copyright 2017-2022 @polkadot/app-explorer authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { KeyedEvent } from '@polkadot/react-query/types';
+
+import React, { useContext, useMemo, useRef } from 'react';
+import { Route, Switch } from 'react-router';
+
+import { Tabs } from '@polkadot/react-components';
+import { useApi } from '@polkadot/react-hooks';
+import { BlockAuthorsContext, EventsContext } from '@polkadot/react-query';
+
+import BlockInfo from './BlockInfo';
+import Forks from './Forks';
+import Latency from './Latency';
+import Main from './Main';
+import NodeInfo from './NodeInfo';
+import { useTranslation } from './translate';
+
+interface Props {
+  basePath: string;
+  className?: string;
+  newEvents?: KeyedEvent[];
+}
+
+function ExplorerApp ({ basePath, className }: Props): React.ReactElement<Props> {
+  const { t } = useTranslation();
+  const { api } = useApi();
+  const { lastHeaders } = useContext(BlockAuthorsContext);
+  const { eventCount, events } = useContext(EventsContext);
+
+  const itemsRef = useRef([
+    {
+      isRoot: true,
+      name: 'chain',
+      text: t<string>('Chain info')
+    },
+    {
+      hasParams: true,
+      name: 'query',
+      text: t<string>('Block details')
+    },
+    {
+      name: 'latency',
+      text: t<string>('Latency')
+    },
+    {
+      name: 'forks',
+      text: t<string>('Forks')
+    },
+    {
+      name: 'node',
+      text: t<string>('Node info')
+    }
+  ]);
+
+  const hidden = useMemo(
+    () => api.query.babe ? [] : ['forks'],
+    [api]
+  );
+
+  return (
+    <main className={className}>
+      <Tabs
+        basePath={basePath}
+        hidden={hidden}
+        items={itemsRef.current}
+      />
+      <Switch>
+        <Route path={`${basePath}/forks`}><Forks /></Route>
+        <Route path={`${basePath}/latency`}><Latency /></Route>
+        <Route path={`${basePath}/query/:value`}><BlockInfo /></Route>
+        <Route path={`${basePath}/query`}><BlockInfo /></Route>
+        <Route path={`${basePath}/node`}><NodeInfo /></Route>
+        <Route>
+          <Main
+            eventCount={eventCount}
+            events={events}
+            headers={lastHeaders}
+          />
+        </Route>
+      </Switch>
+    </main>
+  );
+}
+
+export default React.memo(ExplorerApp);
diff --git a/packages/page-explorer/src/translate.ts b/packages/page-explorer/src/translate.ts
new file mode 100644
index 0000000..fc2136a
--- /dev/null
+++ b/packages/page-explorer/src/translate.ts
@@ -0,0 +1,10 @@
+// Copyright 2017-2022 @polkadot/app-explorer authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { UseTranslationResponse } from 'react-i18next';
+
+import { useTranslation as useTranslationBase } from 'react-i18next';
+
+export function useTranslation (): UseTranslationResponse<'app-explorer', undefined> {
+  return useTranslationBase('app-explorer');
+}
diff --git a/packages/page-explorer/tsconfig.build.json b/packages/page-explorer/tsconfig.build.json
new file mode 100644
index 0000000..da24d9f
--- /dev/null
+++ b/packages/page-explorer/tsconfig.build.json
@@ -0,0 +1,9 @@
+{
+  "extends": "../../tsconfig.base.json",
+  "compilerOptions": {
+    "baseUrl": "..",
+    "outDir": "./build",
+    "rootDir": "./src"
+  },
+  "references": []
+}
diff --git a/packages/page-extrinsics/.skip-build b/packages/page-extrinsics/.skip-build
new file mode 100644
index 0000000..e69de29
diff --git a/packages/page-extrinsics/.skip-npm b/packages/page-extrinsics/.skip-npm
new file mode 100644
index 0000000..e69de29
diff --git a/packages/page-extrinsics/LICENSE b/packages/page-extrinsics/LICENSE
new file mode 100644
index 0000000..0d381b2
--- /dev/null
+++ b/packages/page-extrinsics/LICENSE
@@ -0,0 +1,201 @@
+                              Apache License
+                        Version 2.0, January 2004
+                    http://www.apache.org/licenses/
+
+TERMS AND CONDITIONS FOR USE, REPRODUCTION, AND DISTRIBUTION
+
+1. Definitions.
+
+  "License" shall mean the terms and conditions for use, reproduction,
+  and distribution as defined by Sections 1 through 9 of this document.
+
+  "Licensor" shall mean the copyright owner or entity authorized by
+  the copyright owner that is granting the License.
+
+  "Legal Entity" shall mean the union of the acting entity and all
+  other entities that control, are controlled by, or are under common
+  control with that entity. For the purposes of this definition,
+  "control" means (i) the power, direct or indirect, to cause the
+  direction or management of such entity, whether by contract or
+  otherwise, or (ii) ownership of fifty percent (50%) or more of the
+  outstanding shares, or (iii) beneficial ownership of such entity.
+
+  "You" (or "Your") shall mean an individual or Legal Entity
+  exercising permissions granted by this License.
+
+  "Source" form shall mean the preferred form for making modifications,
+  including but not limited to software source code, documentation
+  source, and configuration files.
+
+  "Object" form shall mean any form resulting from mechanical
+  transformation or translation of a Source form, including but
+  not limited to compiled object code, generated documentation,
+  and conversions to other media types.
+
+  "Work" shall mean the work of authorship, whether in Source or
+  Object form, made available under the License, as indicated by a
+  copyright notice that is included in or attached to the work
+  (an example is provided in the Appendix below).
+
+  "Derivative Works" shall mean any work, whether in Source or Object
+  form, that is based on (or derived from) the Work and for which the
+  editorial revisions, annotations, elaborations, or other modifications
+  represent, as a whole, an original work of authorship. For the purposes
+  of this License, Derivative Works shall not include works that remain
+  separable from, or merely link (or bind by name) to the interfaces of,
+  the Work and Derivative Works thereof.
+
+  "Contribution" shall mean any work of authorship, including
+  the original version of the Work and any modifications or additions
+  to that Work or Derivative Works thereof, that is intentionally
+  submitted to Licensor for inclusion in the Work by the copyright owner
+  or by an individual or Legal Entity authorized to submit on behalf of
+  the copyright owner. For the purposes of this definition, "submitted"
+  means any form of electronic, verbal, or written communication sent
+  to the Licensor or its representatives, including but not limited to
+  communication on electronic mailing lists, source code control systems,
+  and issue tracking systems that are managed by, or on behalf of, the
+  Licensor for the purpose of discussing and improving the Work, but
+  excluding communication that is conspicuously marked or otherwise
+  designated in writing by the copyright owner as "Not a Contribution."
+
+  "Contributor" shall mean Licensor and any individual or Legal Entity
+  on behalf of whom a Contribution has been received by Licensor and
+  subsequently incorporated within the Work.
+
+2. Grant of Copyright License. Subject to the terms and conditions of
+  this License, each Contributor hereby grants to You a perpetual,
+  worldwide, non-exclusive, no-charge, royalty-free, irrevocable
+  copyright license to reproduce, prepare Derivative Works of,
+  publicly display, publicly perform, sublicense, and distribute the
+  Work and such Derivative Works in Source or Object form.
+
+3. Grant of Patent License. Subject to the terms and conditions of
+  this License, each Contributor hereby grants to You a perpetual,
+  worldwide, non-exclusive, no-charge, royalty-free, irrevocable
+  (except as stated in this section) patent license to make, have made,
+  use, offer to sell, sell, import, and otherwise transfer the Work,
+  where such license applies only to those patent claims licensable
+  by such Contributor that are necessarily infringed by their
+  Contribution(s) alone or by combination of their Contribution(s)
+  with the Work to which such Contribution(s) was submitted. If You
+  institute patent litigation against any entity (including a
+  cross-claim or counterclaim in a lawsuit) alleging that the Work
+  or a Contribution incorporated within the Work constitutes direct
+  or contributory patent infringement, then any patent licenses
+  granted to You under this License for that Work shall terminate
+  as of the date such litigation is filed.
+
+4. Redistribution. You may reproduce and distribute copies of the
+  Work or Derivative Works thereof in any medium, with or without
+  modifications, and in Source or Object form, provided that You
+  meet the following conditions:
+
+  (a) You must give any other recipients of the Work or
+      Derivative Works a copy of this License; and
+
+  (b) You must cause any modified files to carry prominent notices
+      stating that You changed the files; and
+
+  (c) You must retain, in the Source form of any Derivative Works
+      that You distribute, all copyright, patent, trademark, and
+      attribution notices from the Source form of the Work,
+      excluding those notices that do not pertain to any part of
+      the Derivative Works; and
+
+  (d) If the Work includes a "NOTICE" text file as part of its
+      distribution, then any Derivative Works that You distribute must
+      include a readable copy of the attribution notices contained
+      within such NOTICE file, excluding those notices that do not
+      pertain to any part of the Derivative Works, in at least one
+      of the following places: within a NOTICE text file distributed
+      as part of the Derivative Works; within the Source form or
+      documentation, if provided along with the Derivative Works; or,
+      within a display generated by the Derivative Works, if and
+      wherever such third-party notices normally appear. The contents
+      of the NOTICE file are for informational purposes only and
+      do not modify the License. You may add Your own attribution
+      notices within Derivative Works that You distribute, alongside
+      or as an addendum to the NOTICE text from the Work, provided
+      that such additional attribution notices cannot be construed
+      as modifying the License.
+
+  You may add Your own copyright statement to Your modifications and
+  may provide additional or different license terms and conditions
+  for use, reproduction, or distribution of Your modifications, or
+  for any such Derivative Works as a whole, provided Your use,
+  reproduction, and distribution of the Work otherwise complies with
+  the conditions stated in this License.
+
+5. Submission of Contributions. Unless You explicitly state otherwise,
+  any Contribution intentionally submitted for inclusion in the Work
+  by You to the Licensor shall be under the terms and conditions of
+  this License, without any additional terms or conditions.
+  Notwithstanding the above, nothing herein shall supersede or modify
+  the terms of any separate license agreement you may have executed
+  with Licensor regarding such Contributions.
+
+6. Trademarks. This License does not grant permission to use the trade
+  names, trademarks, service marks, or product names of the Licensor,
+  except as required for reasonable and customary use in describing the
+  origin of the Work and reproducing the content of the NOTICE file.
+
+7. Disclaimer of Warranty. Unless required by applicable law or
+  agreed to in writing, Licensor provides the Work (and each
+  Contributor provides its Contributions) on an "AS IS" BASIS,
+  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or
+  implied, including, without limitation, any warranties or conditions
+  of TITLE, NON-INFRINGEMENT, MERCHANTABILITY, or FITNESS FOR A
+  PARTICULAR PURPOSE. You are solely responsible for determining the
+  appropriateness of using or redistributing the Work and assume any
+  risks associated with Your exercise of permissions under this License.
+
+8. Limitation of Liability. In no event and under no legal theory,
+  whether in tort (including negligence), contract, or otherwise,
+  unless required by applicable law (such as deliberate and grossly
+  negligent acts) or agreed to in writing, shall any Contributor be
+  liable to You for damages, including any direct, indirect, special,
+  incidental, or consequential damages of any character arising as a
+  result of this License or out of the use or inability to use the
+  Work (including but not limited to damages for loss of goodwill,
+  work stoppage, computer failure or malfunction, or any and all
+  other commercial damages or losses), even if such Contributor
+  has been advised of the possibility of such damages.
+
+9. Accepting Warranty or Additional Liability. While redistributing
+  the Work or Derivative Works thereof, You may choose to offer,
+  and charge a fee for, acceptance of support, warranty, indemnity,
+  or other liability obligations and/or rights consistent with this
+  License. However, in accepting such obligations, You may act only
+  on Your own behalf and on Your sole responsibility, not on behalf
+  of any other Contributor, and only if You agree to indemnify,
+  defend, and hold each Contributor harmless for any liability
+  incurred by, or claims asserted against, such Contributor by reason
+  of your accepting any such warranty or additional liability.
+
+END OF TERMS AND CONDITIONS
+
+APPENDIX: How to apply the Apache License to your work.
+
+  To apply the Apache License to your work, attach the following
+  boilerplate notice, with the fields enclosed by brackets "[]"
+  replaced with your own identifying information. (Don't include
+  the brackets!)  The text should be enclosed in the appropriate
+  comment syntax for the file format. We also recommend that a
+  file or class name and description of purpose be included on the
+  same "printed page" as the copyright notice for easier
+  identification within third-party archives.
+
+Copyright [yyyy] [name of copyright owner]
+
+Licensed under the Apache License, Version 2.0 (the "License");
+you may not use this file except in compliance with the License.
+You may obtain a copy of the License at
+
+    http://www.apache.org/licenses/LICENSE-2.0
+
+Unless required by applicable law or agreed to in writing, software
+distributed under the License is distributed on an "AS IS" BASIS,
+WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+See the License for the specific language governing permissions and
+limitations under the License.
diff --git a/packages/page-extrinsics/README.md b/packages/page-extrinsics/README.md
new file mode 100644
index 0000000..6a655bc
--- /dev/null
+++ b/packages/page-extrinsics/README.md
@@ -0,0 +1 @@
+# @polkadot/app-extrinsics
diff --git a/packages/page-extrinsics/package.json b/packages/page-extrinsics/package.json
new file mode 100644
index 0000000..b48752b
--- /dev/null
+++ b/packages/page-extrinsics/package.json
@@ -0,0 +1,21 @@
+{
+  "bugs": "https://github.com/polkadot-js/apps/issues",
+  "homepage": "https://github.com/polkadot-js/apps/tree/master/packages/page-extrinsics#readme",
+  "license": "Apache-2.0",
+  "name": "@polkadot/app-extrinsics",
+  "private": true,
+  "repository": {
+    "directory": "packages/page-extrinsics",
+    "type": "git",
+    "url": "https://github.com/polkadot-js/apps.git"
+  },
+  "sideEffects": false,
+  "type": "module",
+  "version": "0.112.2-14",
+  "dependencies": {
+    "@babel/runtime": "^7.17.9",
+    "@polkadot/react-components": "^0.112.2-14",
+    "@polkadot/react-params": "^0.112.2-14",
+    "@polkadot/react-signer": "^0.112.2-14"
+  }
+}
diff --git a/packages/page-extrinsics/src/Decoded.tsx b/packages/page-extrinsics/src/Decoded.tsx
new file mode 100644
index 0000000..2fe5999
--- /dev/null
+++ b/packages/page-extrinsics/src/Decoded.tsx
@@ -0,0 +1,93 @@
+// Copyright 2017-2022 @polkadot/app-extrinsics authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { SubmittableExtrinsic } from '@polkadot/api/types';
+import type { Inspect } from '@polkadot/types/types';
+
+import React, { useMemo } from 'react';
+import styled from 'styled-components';
+
+import { Columar, Inspect as DecodedInspect, Output } from '@polkadot/react-components';
+import { u8aToHex } from '@polkadot/util';
+
+import { useTranslation } from './translate';
+
+interface Props {
+  className?: string;
+  extrinsic?: SubmittableExtrinsic<'promise'> | null;
+  withData?: boolean;
+  withHash?: boolean;
+}
+
+function extract (extrinsic?: SubmittableExtrinsic<'promise'> | null): [string, string, Inspect | null] {
+  if (!extrinsic) {
+    return ['0x', '0x', null];
+  }
+
+  const u8a = extrinsic.method.toU8a();
+
+  // don't use the built-in hash, we only want to convert once
+  return [
+    u8aToHex(u8a),
+    extrinsic.registry.hash(u8a).toHex(),
+    extrinsic.isSigned
+      ? extrinsic.inspect()
+      : extrinsic.method.inspect()
+  ];
+}
+
+function Decoded ({ className, extrinsic, withData = true, withHash = true }: Props): React.ReactElement<Props> | null {
+  const { t } = useTranslation();
+
+  const [hex, hash, inspect] = useMemo(
+    () => extract(extrinsic),
+    [extrinsic]
+  );
+
+  if (!inspect) {
+    return null;
+  }
+
+  return (
+    <Columar
+      className={className}
+      isPadded={false}
+    >
+      <Columar.Column>
+        {withData && (
+          <Output
+            isDisabled
+            isTrimmed
+            label={t<string>('encoded call data')}
+            value={hex}
+            withCopy
+          />
+        )}
+        {withHash && (
+          <Output
+            isDisabled
+            label={t<string>('encoded call hash')}
+            value={hash}
+            withCopy
+          />
+        )}
+      </Columar.Column>
+      <Columar.Column>
+        <DecodedInspect
+          inspect={inspect}
+          label={t<string>('encoded call details')}
+        />
+      </Columar.Column>
+    </Columar>
+  );
+}
+
+export default React.memo(styled(Decoded)`
+  .ui--Column:last-child .ui--Labelled {
+    padding-left: 0.5rem;
+
+    label {
+      left: 2.05rem; /* 3.55 - 1.5 (diff from padding above) */
+    }
+  }
+`);
diff --git a/packages/page-extrinsics/src/Decoder.tsx b/packages/page-extrinsics/src/Decoder.tsx
new file mode 100644
index 0000000..ff9e0b5
--- /dev/null
+++ b/packages/page-extrinsics/src/Decoder.tsx
@@ -0,0 +1,144 @@
+// Copyright 2017-2022 @polkadot/app-extrinsics authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { SubmittableExtrinsic, SubmittableExtrinsicFunction } from '@polkadot/api/types';
+import type { Call } from '@polkadot/types/interfaces';
+import type { DecodedExtrinsic } from './types';
+
+import React, { useCallback, useState } from 'react';
+import styled from 'styled-components';
+
+import { Button, Call as CallDisplay, Input, InputAddress, InputExtrinsic, MarkError, TxButton } from '@polkadot/react-components';
+import { useApi } from '@polkadot/react-hooks';
+import { BalanceFree } from '@polkadot/react-query';
+import { assert, isHex } from '@polkadot/util';
+
+import Decoded from './Decoded';
+import { useTranslation } from './translate';
+
+interface Props {
+  className?: string;
+  setLast: (value: DecodedExtrinsic | null) => void;
+}
+
+interface ExtrinsicInfo {
+  decoded: SubmittableExtrinsic<'promise'> | null;
+  extrinsic: SubmittableExtrinsic<'promise'> | null;
+  extrinsicCall: Call | null;
+  extrinsicError: string | null;
+  extrinsicFn: SubmittableExtrinsicFunction<'promise'> | null;
+  extrinsicHex: string | null;
+}
+
+const DEFAULT_INFO: ExtrinsicInfo = {
+  decoded: null,
+  extrinsic: null,
+  extrinsicCall: null,
+  extrinsicError: null,
+  extrinsicFn: null,
+  extrinsicHex: null
+};
+
+function Decoder ({ className, setLast }: Props): React.ReactElement<Props> {
+  const { t } = useTranslation();
+  const { api } = useApi();
+  const [{ decoded, extrinsic, extrinsicCall, extrinsicError, extrinsicFn }, setExtrinsicInfo] = useState<ExtrinsicInfo>(DEFAULT_INFO);
+  const [accountId, setAccountId] = useState<string | null>(null);
+
+  const _setExtrinsicHex = useCallback(
+    (extrinsicHex: string): void => {
+      try {
+        assert(isHex(extrinsicHex), 'Expected a hex-encoded call');
+
+        let extrinsicCall: Call;
+        let decoded: SubmittableExtrinsic<'promise'> | null = null;
+
+        try {
+          // cater for an extrinsic input...
+          decoded = api.tx(extrinsicHex);
+          extrinsicCall = api.createType('Call', decoded.method);
+        } catch (e) {
+          extrinsicCall = api.createType('Call', extrinsicHex);
+        }
+
+        const { method, section } = api.registry.findMetaCall(extrinsicCall.callIndex);
+        const extrinsicFn = api.tx[section][method];
+        const extrinsic = extrinsicFn(...extrinsicCall.args);
+
+        if (!decoded) {
+          decoded = extrinsic;
+        }
+
+        setExtrinsicInfo({ ...DEFAULT_INFO, decoded, extrinsic, extrinsicCall, extrinsicFn, extrinsicHex });
+        setLast({ call: extrinsicCall, fn: extrinsicFn });
+      } catch (e) {
+        setExtrinsicInfo({ ...DEFAULT_INFO, extrinsicError: (e as Error).message });
+        setLast(null);
+      }
+    },
+    [api, setLast]
+  );
+
+  return (
+    <div className={className}>
+      <Input
+        isError={!extrinsicFn}
+        label={t<string>('hex-encoded call')}
+        onChange={_setExtrinsicHex}
+        placeholder={t<string>('0x...')}
+      />
+      {extrinsicError && (
+        <MarkError content={extrinsicError} />
+      )}
+      {extrinsicFn && extrinsicCall && (
+        <>
+          <InputExtrinsic
+            defaultValue={extrinsicFn}
+            isDisabled
+            label={t<string>('decoded call')}
+          />
+          <CallDisplay
+            className='details'
+            value={extrinsicCall}
+          />
+        </>
+      )}
+      <Decoded
+        extrinsic={decoded}
+        withData={false}
+      />
+      <InputAddress
+        label={t<string>('using the selected account')}
+        labelExtra={
+          <BalanceFree
+            label={<label>{t<string>('free balance')}</label>}
+            params={accountId}
+          />
+        }
+        onChange={setAccountId}
+        type='account'
+      />
+      <Button.Group>
+        <TxButton
+          extrinsic={extrinsic}
+          icon='sign-in-alt'
+          isUnsigned
+          label={t<string>('Submit Unsigned')}
+          withSpinner
+        />
+        <TxButton
+          accountId={accountId}
+          extrinsic={extrinsic}
+          icon='sign-in-alt'
+          label={t<string>('Submit Transaction')}
+        />
+      </Button.Group>
+    </div>
+  );
+}
+
+export default React.memo(styled(Decoder)`
+  .ui--Extrinsic--toplevel {
+    margin-top: 0;
+  }
+`);
diff --git a/packages/page-extrinsics/src/Submission.tsx b/packages/page-extrinsics/src/Submission.tsx
new file mode 100644
index 0000000..ee63b0e
--- /dev/null
+++ b/packages/page-extrinsics/src/Submission.tsx
@@ -0,0 +1,104 @@
+// Copyright 2017-2022 @polkadot/app-extrinsics authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { SubmittableExtrinsic, SubmittableExtrinsicFunction } from '@polkadot/api/types';
+import type { RawParam } from '@polkadot/react-params/types';
+import type { DecodedExtrinsic } from './types';
+
+import React, { useCallback, useState } from 'react';
+
+import { Button, Extrinsic, InputAddress, MarkError, TxButton } from '@polkadot/react-components';
+import { useApi } from '@polkadot/react-hooks';
+import { BalanceFree } from '@polkadot/react-query';
+
+import Decoded from './Decoded';
+import { useTranslation } from './translate';
+
+interface Props {
+  className?: string;
+  defaultValue: DecodedExtrinsic | null;
+}
+
+interface DefaultExtrinsic {
+  defaultArgs?: RawParam[];
+  defaultFn: SubmittableExtrinsicFunction<'promise'>;
+}
+
+function extractDefaults (value: DecodedExtrinsic | null, defaultFn: SubmittableExtrinsicFunction<'promise'>): DefaultExtrinsic {
+  if (!value) {
+    return { defaultFn };
+  }
+
+  return {
+    defaultArgs: value.call.args.map((value) => ({
+      isValid: true,
+      value
+    })),
+    defaultFn: value.fn
+  };
+}
+
+function Selection ({ className, defaultValue }: Props): React.ReactElement<Props> {
+  const { t } = useTranslation();
+  const { apiDefaultTxSudo } = useApi();
+  const [accountId, setAccountId] = useState<string | null>(null);
+  const [error, setError] = useState<string | null>(null);
+  const [extrinsic, setExtrinsic] = useState<SubmittableExtrinsic<'promise'> | null>(null);
+  const [{ defaultArgs, defaultFn }] = useState<DefaultExtrinsic>(() => extractDefaults(defaultValue, apiDefaultTxSudo));
+
+  const _onExtrinsicChange = useCallback(
+    (method?: SubmittableExtrinsic<'promise'>) =>
+      setExtrinsic(() => method || null),
+    []
+  );
+
+  const _onExtrinsicError = useCallback(
+    (error?: Error | null) =>
+      setError(error ? error.message : null),
+    []
+  );
+
+  return (
+    <div className={className}>
+      <InputAddress
+        label={t<string>('using the selected account')}
+        labelExtra={
+          <BalanceFree
+            label={<label>{t<string>('free balance')}</label>}
+            params={accountId}
+          />
+        }
+        onChange={setAccountId}
+        type='account'
+      />
+      <Extrinsic
+        defaultArgs={defaultArgs}
+        defaultValue={defaultFn}
+        label={t<string>('submit the following extrinsic')}
+        onChange={_onExtrinsicChange}
+        onError={_onExtrinsicError}
+      />
+      <Decoded extrinsic={extrinsic} />
+      {error && !extrinsic && (
+        <MarkError content={error} />
+      )}
+      <Button.Group>
+        <TxButton
+          extrinsic={extrinsic}
+          icon='sign-in-alt'
+          isUnsigned
+          label={t<string>('Submit Unsigned')}
+          withSpinner
+        />
+        <TxButton
+          accountId={accountId}
+          extrinsic={extrinsic}
+          icon='sign-in-alt'
+          label={t<string>('Submit Transaction')}
+        />
+      </Button.Group>
+    </div>
+  );
+}
+
+export default React.memo(Selection);
diff --git a/packages/page-extrinsics/src/index.tsx b/packages/page-extrinsics/src/index.tsx
new file mode 100644
index 0000000..2eefc1c
--- /dev/null
+++ b/packages/page-extrinsics/src/index.tsx
@@ -0,0 +1,52 @@
+// Copyright 2017-2022 @polkadot/app-extrinsics authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { AppProps as Props } from '@polkadot/react-components/types';
+import type { DecodedExtrinsic } from './types';
+
+import React, { useRef, useState } from 'react';
+import { Route, Switch } from 'react-router';
+
+import { Tabs } from '@polkadot/react-components';
+
+import Decoder from './Decoder';
+import Submission from './Submission';
+import { useTranslation } from './translate';
+
+function ExtrinsicsApp ({ basePath }: Props): React.ReactElement<Props> {
+  const { t } = useTranslation();
+  const [decoded, setDecoded] = useState<DecodedExtrinsic | null>(null);
+
+  const itemsRef = useRef([
+    {
+      isRoot: true,
+      name: 'create',
+      text: t<string>('Submission')
+    },
+    {
+      name: 'decode',
+      text: t<string>('Decode')
+    }
+  ]);
+
+  return (
+    <main className='extrinsics--App'>
+      <Tabs
+        basePath={basePath}
+        items={itemsRef.current}
+      />
+      <Switch>
+        <Route path={`${basePath}/decode`}>
+          <Decoder setLast={setDecoded} />
+        </Route>
+        <Route>
+          <Submission defaultValue={decoded} />
+        </Route>
+      </Switch>
+    </main>
+  );
+}
+
+export { ExtrinsicsApp };
+
+export default React.memo(ExtrinsicsApp);
diff --git a/packages/page-extrinsics/src/translate.ts b/packages/page-extrinsics/src/translate.ts
new file mode 100644
index 0000000..c33fc3e
--- /dev/null
+++ b/packages/page-extrinsics/src/translate.ts
@@ -0,0 +1,10 @@
+// Copyright 2017-2022 @polkadot/app-extrinsics authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { UseTranslationResponse } from 'react-i18next';
+
+import { useTranslation as useTranslationBase } from 'react-i18next';
+
+export function useTranslation (): UseTranslationResponse<'app-extrinsics', undefined> {
+  return useTranslationBase('app-extrinsics');
+}
diff --git a/packages/page-extrinsics/src/types.ts b/packages/page-extrinsics/src/types.ts
new file mode 100644
index 0000000..b7a2723
--- /dev/null
+++ b/packages/page-extrinsics/src/types.ts
@@ -0,0 +1,10 @@
+// Copyright 2017-2022 @polkadot/app-extrinsics authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { SubmittableExtrinsicFunction } from '@polkadot/api/types';
+import type { Call } from '@polkadot/types/interfaces';
+
+export interface DecodedExtrinsic {
+  call: Call;
+  fn: SubmittableExtrinsicFunction<'promise'>;
+}
diff --git a/packages/page-extrinsics/tsconfig.build.json b/packages/page-extrinsics/tsconfig.build.json
new file mode 100644
index 0000000..da24d9f
--- /dev/null
+++ b/packages/page-extrinsics/tsconfig.build.json
@@ -0,0 +1,9 @@
+{
+  "extends": "../../tsconfig.base.json",
+  "compilerOptions": {
+    "baseUrl": "..",
+    "outDir": "./build",
+    "rootDir": "./src"
+  },
+  "references": []
+}
diff --git a/packages/page-files/.skip-build b/packages/page-files/.skip-build
new file mode 100644
index 0000000..e69de29
diff --git a/packages/page-files/.skip-npm b/packages/page-files/.skip-npm
new file mode 100644
index 0000000..e69de29
diff --git a/packages/page-files/LICENSE b/packages/page-files/LICENSE
new file mode 100644
index 0000000..0d381b2
--- /dev/null
+++ b/packages/page-files/LICENSE
@@ -0,0 +1,201 @@
+                              Apache License
+                        Version 2.0, January 2004
+                    http://www.apache.org/licenses/
+
+TERMS AND CONDITIONS FOR USE, REPRODUCTION, AND DISTRIBUTION
+
+1. Definitions.
+
+  "License" shall mean the terms and conditions for use, reproduction,
+  and distribution as defined by Sections 1 through 9 of this document.
+
+  "Licensor" shall mean the copyright owner or entity authorized by
+  the copyright owner that is granting the License.
+
+  "Legal Entity" shall mean the union of the acting entity and all
+  other entities that control, are controlled by, or are under common
+  control with that entity. For the purposes of this definition,
+  "control" means (i) the power, direct or indirect, to cause the
+  direction or management of such entity, whether by contract or
+  otherwise, or (ii) ownership of fifty percent (50%) or more of the
+  outstanding shares, or (iii) beneficial ownership of such entity.
+
+  "You" (or "Your") shall mean an individual or Legal Entity
+  exercising permissions granted by this License.
+
+  "Source" form shall mean the preferred form for making modifications,
+  including but not limited to software source code, documentation
+  source, and configuration files.
+
+  "Object" form shall mean any form resulting from mechanical
+  transformation or translation of a Source form, including but
+  not limited to compiled object code, generated documentation,
+  and conversions to other media types.
+
+  "Work" shall mean the work of authorship, whether in Source or
+  Object form, made available under the License, as indicated by a
+  copyright notice that is included in or attached to the work
+  (an example is provided in the Appendix below).
+
+  "Derivative Works" shall mean any work, whether in Source or Object
+  form, that is based on (or derived from) the Work and for which the
+  editorial revisions, annotations, elaborations, or other modifications
+  represent, as a whole, an original work of authorship. For the purposes
+  of this License, Derivative Works shall not include works that remain
+  separable from, or merely link (or bind by name) to the interfaces of,
+  the Work and Derivative Works thereof.
+
+  "Contribution" shall mean any work of authorship, including
+  the original version of the Work and any modifications or additions
+  to that Work or Derivative Works thereof, that is intentionally
+  submitted to Licensor for inclusion in the Work by the copyright owner
+  or by an individual or Legal Entity authorized to submit on behalf of
+  the copyright owner. For the purposes of this definition, "submitted"
+  means any form of electronic, verbal, or written communication sent
+  to the Licensor or its representatives, including but not limited to
+  communication on electronic mailing lists, source code control systems,
+  and issue tracking systems that are managed by, or on behalf of, the
+  Licensor for the purpose of discussing and improving the Work, but
+  excluding communication that is conspicuously marked or otherwise
+  designated in writing by the copyright owner as "Not a Contribution."
+
+  "Contributor" shall mean Licensor and any individual or Legal Entity
+  on behalf of whom a Contribution has been received by Licensor and
+  subsequently incorporated within the Work.
+
+2. Grant of Copyright License. Subject to the terms and conditions of
+  this License, each Contributor hereby grants to You a perpetual,
+  worldwide, non-exclusive, no-charge, royalty-free, irrevocable
+  copyright license to reproduce, prepare Derivative Works of,
+  publicly display, publicly perform, sublicense, and distribute the
+  Work and such Derivative Works in Source or Object form.
+
+3. Grant of Patent License. Subject to the terms and conditions of
+  this License, each Contributor hereby grants to You a perpetual,
+  worldwide, non-exclusive, no-charge, royalty-free, irrevocable
+  (except as stated in this section) patent license to make, have made,
+  use, offer to sell, sell, import, and otherwise transfer the Work,
+  where such license applies only to those patent claims licensable
+  by such Contributor that are necessarily infringed by their
+  Contribution(s) alone or by combination of their Contribution(s)
+  with the Work to which such Contribution(s) was submitted. If You
+  institute patent litigation against any entity (including a
+  cross-claim or counterclaim in a lawsuit) alleging that the Work
+  or a Contribution incorporated within the Work constitutes direct
+  or contributory patent infringement, then any patent licenses
+  granted to You under this License for that Work shall terminate
+  as of the date such litigation is filed.
+
+4. Redistribution. You may reproduce and distribute copies of the
+  Work or Derivative Works thereof in any medium, with or without
+  modifications, and in Source or Object form, provided that You
+  meet the following conditions:
+
+  (a) You must give any other recipients of the Work or
+      Derivative Works a copy of this License; and
+
+  (b) You must cause any modified files to carry prominent notices
+      stating that You changed the files; and
+
+  (c) You must retain, in the Source form of any Derivative Works
+      that You distribute, all copyright, patent, trademark, and
+      attribution notices from the Source form of the Work,
+      excluding those notices that do not pertain to any part of
+      the Derivative Works; and
+
+  (d) If the Work includes a "NOTICE" text file as part of its
+      distribution, then any Derivative Works that You distribute must
+      include a readable copy of the attribution notices contained
+      within such NOTICE file, excluding those notices that do not
+      pertain to any part of the Derivative Works, in at least one
+      of the following places: within a NOTICE text file distributed
+      as part of the Derivative Works; within the Source form or
+      documentation, if provided along with the Derivative Works; or,
+      within a display generated by the Derivative Works, if and
+      wherever such third-party notices normally appear. The contents
+      of the NOTICE file are for informational purposes only and
+      do not modify the License. You may add Your own attribution
+      notices within Derivative Works that You distribute, alongside
+      or as an addendum to the NOTICE text from the Work, provided
+      that such additional attribution notices cannot be construed
+      as modifying the License.
+
+  You may add Your own copyright statement to Your modifications and
+  may provide additional or different license terms and conditions
+  for use, reproduction, or distribution of Your modifications, or
+  for any such Derivative Works as a whole, provided Your use,
+  reproduction, and distribution of the Work otherwise complies with
+  the conditions stated in this License.
+
+5. Submission of Contributions. Unless You explicitly state otherwise,
+  any Contribution intentionally submitted for inclusion in the Work
+  by You to the Licensor shall be under the terms and conditions of
+  this License, without any additional terms or conditions.
+  Notwithstanding the above, nothing herein shall supersede or modify
+  the terms of any separate license agreement you may have executed
+  with Licensor regarding such Contributions.
+
+6. Trademarks. This License does not grant permission to use the trade
+  names, trademarks, service marks, or product names of the Licensor,
+  except as required for reasonable and customary use in describing the
+  origin of the Work and reproducing the content of the NOTICE file.
+
+7. Disclaimer of Warranty. Unless required by applicable law or
+  agreed to in writing, Licensor provides the Work (and each
+  Contributor provides its Contributions) on an "AS IS" BASIS,
+  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or
+  implied, including, without limitation, any warranties or conditions
+  of TITLE, NON-INFRINGEMENT, MERCHANTABILITY, or FITNESS FOR A
+  PARTICULAR PURPOSE. You are solely responsible for determining the
+  appropriateness of using or redistributing the Work and assume any
+  risks associated with Your exercise of permissions under this License.
+
+8. Limitation of Liability. In no event and under no legal theory,
+  whether in tort (including negligence), contract, or otherwise,
+  unless required by applicable law (such as deliberate and grossly
+  negligent acts) or agreed to in writing, shall any Contributor be
+  liable to You for damages, including any direct, indirect, special,
+  incidental, or consequential damages of any character arising as a
+  result of this License or out of the use or inability to use the
+  Work (including but not limited to damages for loss of goodwill,
+  work stoppage, computer failure or malfunction, or any and all
+  other commercial damages or losses), even if such Contributor
+  has been advised of the possibility of such damages.
+
+9. Accepting Warranty or Additional Liability. While redistributing
+  the Work or Derivative Works thereof, You may choose to offer,
+  and charge a fee for, acceptance of support, warranty, indemnity,
+  or other liability obligations and/or rights consistent with this
+  License. However, in accepting such obligations, You may act only
+  on Your own behalf and on Your sole responsibility, not on behalf
+  of any other Contributor, and only if You agree to indemnify,
+  defend, and hold each Contributor harmless for any liability
+  incurred by, or claims asserted against, such Contributor by reason
+  of your accepting any such warranty or additional liability.
+
+END OF TERMS AND CONDITIONS
+
+APPENDIX: How to apply the Apache License to your work.
+
+  To apply the Apache License to your work, attach the following
+  boilerplate notice, with the fields enclosed by brackets "[]"
+  replaced with your own identifying information. (Don't include
+  the brackets!)  The text should be enclosed in the appropriate
+  comment syntax for the file format. We also recommend that a
+  file or class name and description of purpose be included on the
+  same "printed page" as the copyright notice for easier
+  identification within third-party archives.
+
+Copyright [yyyy] [name of copyright owner]
+
+Licensed under the Apache License, Version 2.0 (the "License");
+you may not use this file except in compliance with the License.
+You may obtain a copy of the License at
+
+    http://www.apache.org/licenses/LICENSE-2.0
+
+Unless required by applicable law or agreed to in writing, software
+distributed under the License is distributed on an "AS IS" BASIS,
+WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+See the License for the specific language governing permissions and
+limitations under the License.
diff --git a/packages/page-files/README.md b/packages/page-files/README.md
new file mode 100644
index 0000000..a8e2548
--- /dev/null
+++ b/packages/page-files/README.md
@@ -0,0 +1,26 @@
+# @polkadot/app-files
+
+## Description
+
+***Substrate Files*** is a decentralized storage module which allows substrate-based chains(including `Polkadot/Kusama/Crust/Acala/Clover/Moonbeam/Astar/Phala/...`) users upload their files to [IPFS W3Auth Gateway](https://wiki.crust.network/docs/en/buildIPFSWeb3AuthGW) and decentralized pin their files on [Crust Network](https://crust.network) by using the standard [IPFS W3Auth Pinning Service](https://wiki.crust.network/docs/en/buildIPFSW3AuthPin). This module is a 100% IPFS compatible file storage module, users can pin **NFT files**, host **DApps** or store **on-chain data** in totally DECENTRALIZED way(`guaranteed by Crust protocol`).
+Also, the Pinning Service is compatible with several Platforms like `Ethereum`, `Polygon`, `Solana` and `Near`, and funded by [Decentralized Cloud Foundation](https://decloudf.com/). So currently, `Substrate Files` is FREE for all the substrate-based chains!
+
+## Features
+
+Basically, the function is simple, it consist with 2 major parts: `Upload File` and `Manage File Directory`.
+
+### Upload File
+
+Upload files with substrate-based chains account, you can also copy the cid to [Crust Apps](https://apps.crust.network/?rpc=wss%3A%2F%2Frpc.crust.network#/storage) to see how many IPFS replicas of your file.
+
+### Manage files directory
+
+Because the whole files module is decentralized, so your file directory is cached in browser, but you can export and import your file directory info.
+
+## References
+
+- [Crust Network](https://crust.network)
+- [IPFS Web3 Authentication Gateway](https://wiki.crust.network/docs/en/buildIPFSWeb3AuthGW)
+- [IPFS Web3 Authentication Pinning Service](https://wiki.crust.network/docs/en/buildIPFSW3AuthPin)
+- [IPFS Public Gateway](https://docs.ipfs.io/concepts/ipfs-gateway/)
+- [IPFS Pinning Service](https://docs.ipfs.io/how-to/work-with-pinning-services/#use-an-existing-pinning-service)
diff --git a/packages/page-files/package.json b/packages/page-files/package.json
new file mode 100644
index 0000000..4956956
--- /dev/null
+++ b/packages/page-files/package.json
@@ -0,0 +1,19 @@
+{
+  "bugs": "https://github.com/polkadot-js/apps/issues",
+  "homepage": "https://github.com/polkadot-js/apps/tree/master/packages/page-files#readme",
+  "license": "Apache-2.0",
+  "name": "@polkadot/app-files",
+  "private": true,
+  "repository": {
+    "directory": "packages/page-files",
+    "type": "git",
+    "url": "https://github.com/polkadot-js/apps.git"
+  },
+  "sideEffects": false,
+  "type": "module",
+  "version": "0.112.2-14",
+  "dependencies": {
+    "@babel/runtime": "^7.17.9",
+    "@polkadot/react-components": "^0.112.2-14"
+  }
+}
diff --git a/packages/page-files/src/CrustFiles.tsx b/packages/page-files/src/CrustFiles.tsx
new file mode 100644
index 0000000..dc52931
--- /dev/null
+++ b/packages/page-files/src/CrustFiles.tsx
@@ -0,0 +1,398 @@
+// Copyright 2017-2022 @polkadot/app-files authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import FileSaver from 'file-saver';
+import React, { useCallback, useContext, useRef, useState } from 'react';
+import styled from 'styled-components';
+
+import { Badge, Button, CopyButton, Icon, StatusContext, Table } from '@polkadot/react-components';
+import { ActionStatusBase, QueueProps } from '@polkadot/react-components/Status/types';
+
+import { useFiles } from './hooks';
+import { useTranslation } from './translate';
+import { DirFile, FileInfo, SaveFile } from './types';
+import UploadModal from './UploadModal';
+
+const MCopyButton = styled(CopyButton)`
+  .copySpan {
+    display: none;
+  }
+`;
+
+const ItemFile = styled.tr`
+  height: 3.5rem;
+
+  .end {
+    text-align: end;
+  }
+
+  .actions {
+    display: flex;
+    justify-content: flex-end;
+    align-items: center;
+  }
+`;
+
+const shortStr = (name: string, count = 6): string => {
+  if (name.length > (count * 2)) {
+    return `${name.substr(0, count)}...${name.substr(name.length - count)}`;
+  }
+
+  return name;
+};
+
+function createUrl (f: SaveFile) {
+  const endpoint = f.UpEndpoint || 'https://ipfs.io';
+
+  return `${endpoint}/ipfs/${f.Hash}?filename=${f.Name}`;
+}
+
+const createOnDown = (f: SaveFile) => () => {
+  window.open(createUrl(f), '_blank');
+  // FileSaver.saveAs(createUrl(f), f.Name);
+};
+
+type FunInputFile = (e: React.ChangeEvent<HTMLInputElement>) => void
+
+const Noop = (): void => undefined;
+
+export interface Props {
+  className?: string,
+}
+
+function CrustFiles ({ className }: Props): React.ReactElement<Props> {
+  const { t } = useTranslation();
+  const { queueAction } = useContext<QueueProps>(StatusContext);
+  const [showUpMode, setShowUpMode] = useState(false);
+  const wFiles = useFiles();
+  const [file, setFile] = useState<FileInfo | undefined>(undefined);
+  const inputRef = useRef<HTMLInputElement>(null);
+  const _clickUploadFile = useCallback((dir = false) => {
+    if (!inputRef.current) {
+      return;
+    }
+    // eslint-disable-next-line
+    // @ts-ignore
+    // eslint-disable-next-line
+    inputRef.current.webkitdirectory = dir;
+    // eslint-disable-next-line
+    inputRef.current.multiple = dir;
+    inputRef.current.click();
+  }, [inputRef]);
+  const onClickUpFile = useCallback(() => _clickUploadFile(false), [_clickUploadFile]);
+  const onClickUpFolder = useCallback(() => _clickUploadFile(true), [_clickUploadFile]);
+  const _onInputFile = useCallback<FunInputFile>((e) => {
+    const files = e.target.files;
+
+    if (!files) {
+      return;
+    }
+
+    if (files.length > 2000) {
+      queueAction({
+        action: 'Upload Folder',
+        message: t('Please do not upload more than 2000 files'),
+        status: 'error'
+      });
+
+      return;
+    }
+
+    if (files.length === 0) {
+      queueAction({
+        action: 'Upload Folder',
+        message: t('Please select non-empty folder'),
+        status: 'error'
+      });
+
+      return;
+    }
+
+    // eslint-disable-next-line
+    // @ts-ignore
+    // eslint-disable-next-line
+    const isDirectory = e.target.webkitdirectory;
+
+    if (!isDirectory) {
+      setFile({ file: files[0] });
+      setShowUpMode(true);
+    } else if (files.length >= 1) {
+      // eslint-disable-next-line
+      // @ts-ignore eslint-disable-next-line
+      // eslint-disable-next-line @typescript-eslint/no-unsafe-call
+      const dirFiles: DirFile[] = [];
+
+      for (let index = 0; index < files.length; index++) {
+        // console.info('f:', files[index]);
+        dirFiles.push(files[index] as DirFile);
+      }
+
+      console.info(dirFiles);
+
+      const [dir] = dirFiles[0].webkitRelativePath.split('/');
+
+      setFile({ dir, files: dirFiles });
+      setShowUpMode(true);
+    }
+
+    e.target.value = '';
+  }, [setFile, setShowUpMode, queueAction, t]);
+  const _onImportResult = useCallback<(m: string, s?: ActionStatusBase['status']) => void>(
+    (message, status = 'queued') => {
+      queueAction && queueAction({
+        action: t('Import files'),
+        message,
+        status
+      });
+    },
+  [queueAction, t]
+  );
+  const importInputRef = useRef<HTMLInputElement>(null);
+  const _clickImport = useCallback(() => {
+    if (!importInputRef.current) {
+      return;
+    }
+
+    importInputRef.current.click();
+  }, [importInputRef]);
+  const _onInputImportFile = useCallback<FunInputFile>((e) => {
+    try {
+      _onImportResult(t('Importing'));
+      const fileReader = new FileReader();
+      const files = e.target.files;
+
+      if (!files) {
+        return;
+      }
+
+      fileReader.readAsText(files[0], 'UTF-8');
+
+      if (!(/(.json)$/i.test(e.target.value))) {
+        return _onImportResult(t('file error'), 'error');
+      }
+
+      fileReader.onload = (e) => {
+        const _list = JSON.parse(e.target?.result as string) as SaveFile[];
+
+        if (!Array.isArray(_list)) {
+          return _onImportResult(t('file content error'), 'error');
+        }
+
+        const fitter: SaveFile[] = [];
+        const mapImport: { [key: string]: boolean } = {};
+
+        for (const item of _list) {
+          if (item.Hash && item.Name && item.UpEndpoint && item.PinEndpoint) {
+            fitter.push(item);
+            mapImport[item.Hash] = true;
+          }
+        }
+
+        const filterOld = wFiles.files.filter((item) => !mapImport[item.Hash]);
+
+        wFiles.setFiles([...fitter, ...filterOld]);
+        _onImportResult(t('Import Success'), 'success');
+      };
+    } catch (e) {
+      _onImportResult(t('file content error'), 'error');
+    }
+  }, [wFiles, _onImportResult, t]);
+
+  const _onClose = useCallback(() => {
+    setShowUpMode(false);
+  }, []);
+
+  const _onSuccess = useCallback((res: SaveFile) => {
+    setShowUpMode(false);
+    const filterFiles = wFiles.files.filter((f) => f.Hash !== res.Hash);
+
+    wFiles.setFiles([res, ...filterFiles]);
+  }, [wFiles]);
+
+  const _export = useCallback(() => {
+    const blob = new Blob([JSON.stringify(wFiles.files)], { type: 'application/json; charset=utf-8' });
+
+    FileSaver.saveAs(blob, 'files.json');
+  }, [wFiles]);
+
+  return <main className={className}>
+    <header></header>
+    <input
+      onChange={_onInputFile}
+      ref={inputRef}
+      style={{ display: 'none' }}
+      type={'file'}
+    />
+    <input
+      onChange={_onInputImportFile}
+      ref={importInputRef}
+      style={{ display: 'none' }}
+      type={'file'}
+    />
+    {file && showUpMode && (
+      <UploadModal
+        file={file}
+        onClose={_onClose}
+        onSuccess={_onSuccess}
+      />
+    )}
+    <div style={{ display: 'flex', paddingBottom: '1.5rem' }}>
+      <div className='uploadBtn'>
+        <Button
+          icon={'upload'}
+          label={t('Upload')}
+          onClick={Noop}
+        />
+        <div className='uploadMenu'>
+          <div
+            className='menuItem'
+            onClick={onClickUpFile}
+          >{t('File')}</div>
+          <div
+            className='menuItem'
+            onClick={onClickUpFolder}
+          >{t('Folder')}</div>
+        </div>
+      </div>
+      <div style={{ flex: 1 }} />
+      <Button
+        icon={'file-import'}
+        label={t('Import')}
+        onClick={_clickImport}
+      />
+      <Button
+        icon={'file-export'}
+        label={t('Export')}
+        onClick={_export}
+      />
+    </div>
+    <Table
+      empty={t<string>('No files')}
+      emptySpinner={t<string>('Loading')}
+      header={[
+        [t('files'), 'start', 2],
+        [t('file cid'), 'expand', 2],
+        [undefined, 'start'],
+        [t('file size'), 'expand', 2],
+        [t('status'), 'expand'],
+        [t('action'), 'expand'],
+        []
+      ]}
+    >
+      {wFiles.files.map((f, index) =>
+        <ItemFile key={`files_item-${index}`}>
+          <td
+            className=''
+            colSpan={2}
+          >
+            {f.items && (
+              <Icon
+                className='highlight--color'
+                icon='folder'
+              />
+            )}
+            {shortStr(f.Name)}</td>
+          <td
+            className='end'
+            colSpan={2}
+          >{f.Hash}</td>
+          <td
+            className=''
+            colSpan={1}
+          >
+            <MCopyButton value={f.Hash}>
+              <Badge
+                color='highlight'
+                hover={t<string>('Copy file cid')}
+                icon='copy'
+              />
+            </MCopyButton>
+          </td>
+          <td
+            className='end'
+            colSpan={2}
+          >{`${f.Size} bytes`}</td>
+          <td
+            className='end'
+            colSpan={1}
+          >
+            <a
+              href={'https://apps.crust.network/?rpc=wss%3A%2F%2Frpc.crust.network#/storage_files'}
+              rel='noreferrer'
+              target='_blank'
+            >{t('View status in Crust')}</a>
+          </td>
+          <td
+            className='end'
+            colSpan={1}
+          >
+            <div className='actions'>
+              {!f.items && (
+                <Badge
+                  color='highlight'
+                  hover={t<string>('Download')}
+                  icon='download'
+                  onClick={createOnDown(f)}
+                />
+              )}
+              <MCopyButton value={createUrl(f)}>
+                <Badge
+                  color='highlight'
+                  hover={t<string>('Copy link')}
+                  icon='copy'
+                />
+              </MCopyButton>
+
+            </div>
+          </td>
+          <td colSpan={1} />
+        </ItemFile>
+      )}
+    </Table>
+    <div>
+      {t('Note: The file list is cached locally, switching browsers or devices will not keep displaying the original browser information.')}
+    </div>
+  </main>;
+}
+
+export default React.memo(styled(CrustFiles)`
+  h1 {
+    text-transform: unset !important;
+  }
+
+  .uploadBtn {
+    position: relative;
+    padding: 5px 0;
+
+    &:hover {
+      .uploadMenu {
+        display: block;
+      }
+    }
+  }
+
+  .uploadMenu {
+    z-index: 200;
+    display: none;
+    background-color: white;
+    position: absolute;
+    top: 43px;
+    left: 0;
+    box-shadow: 0 0 8px rgba(0, 0, 0, 0.4);
+    border-radius: 4px;
+    overflow: hidden;
+    line-height: 40px;
+
+    .menuItem {
+      cursor: pointer;
+      padding: 0 2rem;
+      display: flex;
+      align-items: center;
+      white-space: nowrap;
+
+      &:hover {
+        background-color: var(--bg-page);
+      }
+    }
+  }
+`);
diff --git a/packages/page-files/src/Progress.tsx b/packages/page-files/src/Progress.tsx
new file mode 100644
index 0000000..76d13da
--- /dev/null
+++ b/packages/page-files/src/Progress.tsx
@@ -0,0 +1,41 @@
+// Copyright 2017-2022 @polkadot/app-files authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import React, { CSSProperties } from 'react';
+import styled from 'styled-components';
+
+export interface Props {
+  className?: string,
+  style?: CSSProperties,
+  progress: number
+}
+
+function Progress ({ className = '', progress, style }: Props) {
+  return (
+    <div
+      className={`highlight--border ${className}`}
+      style={style}
+    >
+      <div
+        className='file-progress-bar highlight--bg'
+        style={{ width: `${progress}%` }}
+      />
+    </div>
+  );
+}
+
+export default React.memo<Props>(styled(Progress)`
+  width: 100%;
+  background: unset;
+  overflow: hidden;
+  height: 1.4rem;
+  border-radius: 0.7rem;
+  border-style: solid;
+  border-width: 1px;
+
+  .file-progress-bar {
+    transition: width 100ms ease-in-out;
+    width: 0;
+    height: 100%;
+  }
+`);
diff --git a/packages/page-files/src/UploadModal.tsx b/packages/page-files/src/UploadModal.tsx
new file mode 100644
index 0000000..24bc66a
--- /dev/null
+++ b/packages/page-files/src/UploadModal.tsx
@@ -0,0 +1,383 @@
+// Copyright 2017-2022 @polkadot/app-files authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { Signer } from '@polkadot/api/types';
+
+import axios, { CancelTokenSource } from 'axios';
+import React, { useCallback, useEffect, useMemo, useState } from 'react';
+import styled from 'styled-components';
+
+import { createAuthIpfsEndpoints } from '@polkadot/apps-config';
+import { web3FromSource } from '@polkadot/extension-dapp';
+import { Available, Button, Dropdown, InputAddress, Label, MarkError, Modal, Password } from '@polkadot/react-components';
+import { keyring } from '@polkadot/ui-keyring';
+import { isFunction, stringToHex, stringToU8a, u8aToHex } from '@polkadot/util';
+
+import Progress from './Progress';
+import { useTranslation } from './translate';
+import { DirFile, FileInfo, SaveFile, UploadRes } from './types';
+
+export interface Props {
+  className?: string;
+  file: FileInfo,
+  onClose?: () => void,
+  onSuccess?: (res: SaveFile) => void,
+}
+
+function ShowFile (p: { file: DirFile | File }) {
+  const f = p.file as DirFile;
+
+  return (
+    <div className='file'>
+      <Label label={f.webkitRelativePath || p.file.name} />
+      <span>{`${f.size} bytes`}</span>
+    </div>
+  );
+}
+
+interface AccountState {
+  isExternal: boolean;
+  isHardware: boolean;
+  isInjected: boolean;
+}
+
+interface SignerState {
+  isUsable: boolean;
+  signer: Signer | null;
+}
+
+const NOOP = (): void => undefined;
+
+function UploadModal ({ className, file, onClose = NOOP, onSuccess = NOOP }: Props): React.ReactElement<Props> {
+  const { t } = useTranslation();
+  const endpoints = useMemo(
+    () => createAuthIpfsEndpoints(t)
+      .sort(() => Math.random() > 0.5 ? -1 : 1)
+      .map((item) => ({ ...item, text: `${item.text ?? ''}(${item.location ?? ''})` })),
+    [t]
+  );
+  const [currentEndpoint, setCurrentEndpoint] = useState(endpoints[0]);
+  const pinEndpoints = useMemo(() => [
+    {
+      text: t<string>('Crust Pinner'),
+      value: 'https://pin.crustcode.com'
+    }
+  ], [t]);
+  const [currentPinEndpoint, setCurrentPinEndpoint] = useState(pinEndpoints[0]);
+  const [currentPair, setCurrentPair] = useState(() => keyring.getPairs()[0] || null);
+  const [account, setAccount] = useState('');
+  const [{ isInjected }, setAccountState] = useState<AccountState>({
+    isExternal: false,
+    isHardware: false,
+    isInjected: false
+  });
+  const [isLocked, setIsLocked] = useState(false);
+  const [{ isUsable, signer }, setSigner] = useState<SignerState>({ isUsable: true, signer: null });
+  const [password, setPassword] = useState('');
+  const [isBusy, setBusy] = useState(false);
+  const fileSizeError = useMemo(() => {
+    const MAX = 100 * 1024 * 1024;
+
+    if (file.file) {
+      return file.file.size > MAX;
+    } else if (file.files) {
+      let sum = 0;
+
+      for (const f of file.files) {
+        sum += f.size;
+      }
+
+      return sum > MAX;
+    }
+
+    return false;
+  }, [file]);
+  const [error, setError] = useState('');
+  const errorText = fileSizeError ? t<string>('Do not upload files larger than 100MB!') : error;
+  const [upState, setUpState] = useState({ progress: 0, up: false });
+  const [cancelUp, setCancelUp] = useState<CancelTokenSource | null>(null);
+
+  const onAccountChange = useCallback((nAccount: string | null) => {
+    if (nAccount) {
+      setAccount(nAccount);
+      setCurrentPair(keyring.getPair(nAccount));
+    }
+  }, [setAccount, setCurrentPair]);
+
+  useEffect(() => {
+    const meta = (currentPair && currentPair.meta) || {};
+    const isExternal = (meta.isExternal as boolean) || false;
+    const isHardware = (meta.isHardware as boolean) || false;
+    const isInjected = (meta.isInjected as boolean) || false;
+    const isUsable = !(isExternal || isHardware || isInjected);
+
+    setAccountState({ isExternal, isHardware, isInjected });
+    setIsLocked(
+      isInjected
+        ? false
+        : (currentPair && currentPair.isLocked) || false
+    );
+    setSigner({ isUsable, signer: null });
+
+    // for injected, retrieve the signer
+    if (meta.source && isInjected) {
+      web3FromSource(meta.source as string)
+        .catch(() => null)
+        .then((injected) => setSigner({
+          isUsable: isFunction(injected?.signer?.signRaw),
+          signer: injected?.signer || null
+        }))
+        .catch(console.error);
+    }
+  }, [currentPair]);
+
+  const unLock = useCallback(() => {
+    return new Promise((resolve, reject) => {
+      setTimeout(() => {
+        try {
+          currentPair.decodePkcs8(password);
+          resolve(1);
+        } catch (error) {
+          reject(error);
+        }
+      }, 0);
+    });
+  }, [currentPair, password]);
+
+  const _onClose = useCallback(() => {
+    if (cancelUp) {
+      cancelUp.cancel();
+    }
+
+    onClose();
+  }, [cancelUp, onClose]);
+
+  const _onClickUp = useCallback(async () => {
+    setError('');
+
+    if (!isUsable || !currentPair) {
+      return;
+    }
+
+    try {
+      // 1: sign
+      setBusy(true);
+
+      if (isLocked) {
+        await unLock();
+      }
+
+      let signature = '';
+
+      if (signer && isFunction(signer.signRaw)) {
+        const res = await signer.signRaw({
+          address: currentPair.address,
+          data: stringToHex(currentPair.address),
+          type: 'bytes'
+        });
+
+        signature = res.signature;
+      } else {
+        signature = u8aToHex(currentPair.sign(stringToU8a(currentPair.address)));
+      }
+
+      const perSignData = `${currentPair.address}:${signature}`;
+      const base64Signature = Buffer.from(perSignData).toString('base64');
+      const AuthBasic = `Basic ${base64Signature}`;
+      const AuthBearer = `Bearer ${base64Signature}`;
+      const cancel = axios.CancelToken.source();
+
+      setCancelUp(cancel);
+      setUpState({ progress: 0, up: true });
+
+      const form = new FormData();
+
+      if (file.file) {
+        form.append('file', file.file, file.file.name);
+      } else if (file.files) {
+        for (const f of file.files) {
+          form.append('file', f, f.webkitRelativePath);
+        }
+      }
+
+      const UpEndpoint = currentEndpoint.value;
+      const upResult = await axios.request<UploadRes | string>({
+        cancelToken: cancel.token,
+        data: form,
+        headers: { Authorization: AuthBasic },
+        maxContentLength: 100 * 1024 * 1024,
+        method: 'POST',
+        onUploadProgress: (p: { loaded: number, total: number }) => {
+          const percent = p.loaded / p.total;
+
+          setUpState({ progress: Math.round(percent * 99), up: true });
+        },
+        params: { pin: true },
+        url: `${UpEndpoint}/api/v0/add`
+      });
+
+      let upRes: UploadRes;
+
+      if (typeof upResult.data === 'string') {
+        const jsonStr = upResult.data.replaceAll('}\n{', '},{');
+        const items = JSON.parse(`[${jsonStr}]`) as UploadRes[];
+        const folder = items.length - 1;
+
+        upRes = items[folder];
+        delete items[folder];
+        upRes.items = items;
+      } else {
+        upRes = upResult.data;
+      }
+
+      console.info('upResult:', upResult);
+      setCancelUp(null);
+      setUpState({ progress: 100, up: false });
+      // remote pin order
+      const PinEndpoint = currentPinEndpoint.value;
+
+      await axios.request({
+        data: {
+          cid: upRes.Hash,
+          name: upRes.Name
+        },
+        headers: { Authorization: AuthBearer },
+        method: 'POST',
+        url: `${PinEndpoint}/psa/pins`
+      });
+      onSuccess({
+        ...upRes,
+        PinEndpoint,
+        UpEndpoint
+      });
+    } catch (e) {
+      setUpState({ progress: 0, up: false });
+      setBusy(false);
+      console.error(e);
+      setError((e as Error).message);
+    }
+  }, [file, unLock, signer, isLocked, isUsable, currentPair, currentPinEndpoint, currentEndpoint, onSuccess]);
+
+  const _onChangeGateway = useCallback((value: string) => {
+    const find = endpoints.find((item) => item.value === value);
+
+    if (find) {
+      setCurrentEndpoint(find);
+    }
+  }, [endpoints, setCurrentEndpoint]);
+
+  const _onChangePinner = useCallback((value: string) => {
+    const find = pinEndpoints.find((item) => item.value === value);
+
+    if (find) {
+      setCurrentPinEndpoint(find);
+    }
+  }, [pinEndpoints, setCurrentPinEndpoint]);
+
+  return (
+    <Modal
+      className={className}
+      header={t<string>('Upload File')}
+      onClose={_onClose}
+      open={true}
+      size={'medium'}
+    >
+      <Modal.Content>
+        <Modal.Columns>
+          <div className='files'>
+            {file.file && <ShowFile file={file.file} />}
+            {file.files && file.files.map((f, i) =>
+              <ShowFile
+                file={f}
+                key={`file_item:${i}`}
+              />
+            )}
+          </div>
+        </Modal.Columns>
+        <Modal.Columns>
+          <Dropdown
+            help={t<string>('File streaming and wallet authentication will be processed by the chosen gateway.')}
+            isDisabled={isBusy}
+            label={t<string>('Select a Web3 IPFS Gateway')}
+            onChange={_onChangeGateway}
+            options={endpoints}
+            value={currentEndpoint.value}
+          />
+        </Modal.Columns>
+        <Modal.Columns>
+          <Dropdown
+            help={t<string>('Your file will be pinned to IPFS for long-term storage.')}
+            isDisabled={true}
+            label={t<string>('Select a Web3 IPFS Pinner')}
+            onChange={_onChangePinner}
+            options={pinEndpoints}
+            value={currentPinEndpoint.value}
+          />
+        </Modal.Columns>
+        <Modal.Columns>
+          <InputAddress
+            defaultValue={account}
+            isDisabled={isBusy}
+            label={t<string>('Please choose account')}
+            labelExtra={
+              <Available
+                label={t<string>('transferrable')}
+                params={account}
+              />
+            }
+            onChange={onAccountChange}
+            type='account'
+          />
+          {
+            !upState.up && isLocked && !isInjected &&
+            <Password
+              help={t<string>('The account\'s password specified at the creation of this account.')}
+              isError={false}
+              label={t<string>('password')}
+              onChange={setPassword}
+              value={password}
+            />
+          }
+          <Progress
+            className='progress'
+            progress={upState.progress}
+          />
+          {errorText && (
+            <MarkError content={errorText} />
+          )}
+        </Modal.Columns>
+      </Modal.Content>
+      <Modal.Actions>
+        <Button
+          icon={'arrow-circle-up'}
+          isBusy={isBusy}
+          isDisabled={fileSizeError}
+          label={t<string>('Sign and Upload')}
+          onClick={_onClickUp}
+        />
+      </Modal.Actions>
+    </Modal>
+  );
+}
+
+export default React.memo(styled(UploadModal)`
+  .files {
+    max-height: 300;
+    overflow: auto;
+    padding-left: 2rem;
+    width: 100%;
+
+    .file {
+      background-color: white;
+      border-bottom: 1px solid rgba(0, 0, 0, 0.15);
+      border-radius: 4px;
+      padding: 5px 2rem;
+    }
+  }
+
+  .progress {
+    margin-left: 2rem;
+    margin-top: 2rem;
+    width: calc(100% - 2rem);
+  }
+`);
diff --git a/packages/page-files/src/hooks.ts b/packages/page-files/src/hooks.ts
new file mode 100644
index 0000000..a539b3c
--- /dev/null
+++ b/packages/page-files/src/hooks.ts
@@ -0,0 +1,46 @@
+// Copyright 2017-2022 @polkadot/app-files authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import { useCallback, useEffect, useMemo, useState } from 'react';
+import store from 'store';
+
+import { SaveFile } from './types';
+
+export interface Files {
+  files: SaveFile[],
+}
+
+export interface WrapFiles extends Files {
+  isLoad: boolean,
+  setFiles: (files: SaveFile[]) => void
+}
+
+const defFilesObj = { files: [], isLoad: true };
+
+export function useFiles (): WrapFiles {
+  const [filesObj, setFilesObj] = useState<Files>(defFilesObj);
+  const [isLoad, setIsLoad] = useState(true);
+
+  useEffect(() => {
+    try {
+      const f = store.get('files', defFilesObj) as Files;
+
+      if (f !== defFilesObj) {
+        setFilesObj(f);
+      }
+
+      setIsLoad(false);
+    } catch (e) {
+      setIsLoad(false);
+      console.error(e);
+    }
+  }, []);
+  const setFiles = useCallback((nFiles: SaveFile[]) => {
+    const nFilesObj = { ...filesObj, files: nFiles };
+
+    setFilesObj(nFilesObj);
+    store.set('files', nFilesObj);
+  }, [filesObj]);
+
+  return useMemo(() => ({ ...filesObj, isLoad, setFiles }), [filesObj, setFiles, isLoad]);
+}
diff --git a/packages/page-files/src/index.tsx b/packages/page-files/src/index.tsx
new file mode 100644
index 0000000..23b41a0
--- /dev/null
+++ b/packages/page-files/src/index.tsx
@@ -0,0 +1,42 @@
+// Copyright 2017-2022 @polkadot/app-files authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { KeyedEvent } from '@polkadot/react-query/types';
+
+import React, { useRef } from 'react';
+
+import { HelpOverlay, Tabs } from '@polkadot/react-components';
+
+import basicMd from '../README.md';
+import CrustFiles from './CrustFiles';
+import { useTranslation } from './translate';
+
+interface Props {
+  basePath: string;
+  className?: string;
+  newEvents?: KeyedEvent[];
+}
+
+function FilesApp ({ basePath, className }: Props): React.ReactElement<Props> {
+  const { t } = useTranslation();
+  const itemsRef = useRef([
+    {
+      isRoot: true,
+      name: 'crust',
+      text: t<string>('Your Files')
+    }
+  ]);
+
+  return (
+    <main className={className}>
+      <HelpOverlay md={basicMd as string} />
+      <Tabs
+        basePath={basePath}
+        items={itemsRef.current}
+      />
+      <CrustFiles />
+    </main>
+  );
+}
+
+export default React.memo(FilesApp);
diff --git a/packages/page-files/src/translate.ts b/packages/page-files/src/translate.ts
new file mode 100644
index 0000000..3ff5b95
--- /dev/null
+++ b/packages/page-files/src/translate.ts
@@ -0,0 +1,10 @@
+// Copyright 2017-2022 @polkadot/app-files authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { UseTranslationResponse } from 'react-i18next';
+
+import { useTranslation as useTranslationBase } from 'react-i18next';
+
+export function useTranslation (): UseTranslationResponse<'app-files'> {
+  return useTranslationBase('app-files');
+}
diff --git a/packages/page-files/src/types.ts b/packages/page-files/src/types.ts
new file mode 100644
index 0000000..4e96e15
--- /dev/null
+++ b/packages/page-files/src/types.ts
@@ -0,0 +1,24 @@
+// Copyright 2017-2022 @polkadot/app-files authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+export interface UploadRes {
+  Hash: string,
+  Size: string,
+  Name: string,
+  items?: UploadRes[],
+}
+
+export interface DirFile extends File {
+  webkitRelativePath: string,
+}
+
+export interface SaveFile extends UploadRes {
+  UpEndpoint: string,
+  PinEndpoint: string,
+}
+
+export interface FileInfo {
+  file?: File,
+  files?: DirFile[],
+  dir?: string,
+}
diff --git a/packages/page-gilt/.skip-build b/packages/page-gilt/.skip-build
new file mode 100644
index 0000000..e69de29
diff --git a/packages/page-gilt/.skip-npm b/packages/page-gilt/.skip-npm
new file mode 100644
index 0000000..e69de29
diff --git a/packages/page-gilt/LICENSE b/packages/page-gilt/LICENSE
new file mode 100644
index 0000000..0d381b2
--- /dev/null
+++ b/packages/page-gilt/LICENSE
@@ -0,0 +1,201 @@
+                              Apache License
+                        Version 2.0, January 2004
+                    http://www.apache.org/licenses/
+
+TERMS AND CONDITIONS FOR USE, REPRODUCTION, AND DISTRIBUTION
+
+1. Definitions.
+
+  "License" shall mean the terms and conditions for use, reproduction,
+  and distribution as defined by Sections 1 through 9 of this document.
+
+  "Licensor" shall mean the copyright owner or entity authorized by
+  the copyright owner that is granting the License.
+
+  "Legal Entity" shall mean the union of the acting entity and all
+  other entities that control, are controlled by, or are under common
+  control with that entity. For the purposes of this definition,
+  "control" means (i) the power, direct or indirect, to cause the
+  direction or management of such entity, whether by contract or
+  otherwise, or (ii) ownership of fifty percent (50%) or more of the
+  outstanding shares, or (iii) beneficial ownership of such entity.
+
+  "You" (or "Your") shall mean an individual or Legal Entity
+  exercising permissions granted by this License.
+
+  "Source" form shall mean the preferred form for making modifications,
+  including but not limited to software source code, documentation
+  source, and configuration files.
+
+  "Object" form shall mean any form resulting from mechanical
+  transformation or translation of a Source form, including but
+  not limited to compiled object code, generated documentation,
+  and conversions to other media types.
+
+  "Work" shall mean the work of authorship, whether in Source or
+  Object form, made available under the License, as indicated by a
+  copyright notice that is included in or attached to the work
+  (an example is provided in the Appendix below).
+
+  "Derivative Works" shall mean any work, whether in Source or Object
+  form, that is based on (or derived from) the Work and for which the
+  editorial revisions, annotations, elaborations, or other modifications
+  represent, as a whole, an original work of authorship. For the purposes
+  of this License, Derivative Works shall not include works that remain
+  separable from, or merely link (or bind by name) to the interfaces of,
+  the Work and Derivative Works thereof.
+
+  "Contribution" shall mean any work of authorship, including
+  the original version of the Work and any modifications or additions
+  to that Work or Derivative Works thereof, that is intentionally
+  submitted to Licensor for inclusion in the Work by the copyright owner
+  or by an individual or Legal Entity authorized to submit on behalf of
+  the copyright owner. For the purposes of this definition, "submitted"
+  means any form of electronic, verbal, or written communication sent
+  to the Licensor or its representatives, including but not limited to
+  communication on electronic mailing lists, source code control systems,
+  and issue tracking systems that are managed by, or on behalf of, the
+  Licensor for the purpose of discussing and improving the Work, but
+  excluding communication that is conspicuously marked or otherwise
+  designated in writing by the copyright owner as "Not a Contribution."
+
+  "Contributor" shall mean Licensor and any individual or Legal Entity
+  on behalf of whom a Contribution has been received by Licensor and
+  subsequently incorporated within the Work.
+
+2. Grant of Copyright License. Subject to the terms and conditions of
+  this License, each Contributor hereby grants to You a perpetual,
+  worldwide, non-exclusive, no-charge, royalty-free, irrevocable
+  copyright license to reproduce, prepare Derivative Works of,
+  publicly display, publicly perform, sublicense, and distribute the
+  Work and such Derivative Works in Source or Object form.
+
+3. Grant of Patent License. Subject to the terms and conditions of
+  this License, each Contributor hereby grants to You a perpetual,
+  worldwide, non-exclusive, no-charge, royalty-free, irrevocable
+  (except as stated in this section) patent license to make, have made,
+  use, offer to sell, sell, import, and otherwise transfer the Work,
+  where such license applies only to those patent claims licensable
+  by such Contributor that are necessarily infringed by their
+  Contribution(s) alone or by combination of their Contribution(s)
+  with the Work to which such Contribution(s) was submitted. If You
+  institute patent litigation against any entity (including a
+  cross-claim or counterclaim in a lawsuit) alleging that the Work
+  or a Contribution incorporated within the Work constitutes direct
+  or contributory patent infringement, then any patent licenses
+  granted to You under this License for that Work shall terminate
+  as of the date such litigation is filed.
+
+4. Redistribution. You may reproduce and distribute copies of the
+  Work or Derivative Works thereof in any medium, with or without
+  modifications, and in Source or Object form, provided that You
+  meet the following conditions:
+
+  (a) You must give any other recipients of the Work or
+      Derivative Works a copy of this License; and
+
+  (b) You must cause any modified files to carry prominent notices
+      stating that You changed the files; and
+
+  (c) You must retain, in the Source form of any Derivative Works
+      that You distribute, all copyright, patent, trademark, and
+      attribution notices from the Source form of the Work,
+      excluding those notices that do not pertain to any part of
+      the Derivative Works; and
+
+  (d) If the Work includes a "NOTICE" text file as part of its
+      distribution, then any Derivative Works that You distribute must
+      include a readable copy of the attribution notices contained
+      within such NOTICE file, excluding those notices that do not
+      pertain to any part of the Derivative Works, in at least one
+      of the following places: within a NOTICE text file distributed
+      as part of the Derivative Works; within the Source form or
+      documentation, if provided along with the Derivative Works; or,
+      within a display generated by the Derivative Works, if and
+      wherever such third-party notices normally appear. The contents
+      of the NOTICE file are for informational purposes only and
+      do not modify the License. You may add Your own attribution
+      notices within Derivative Works that You distribute, alongside
+      or as an addendum to the NOTICE text from the Work, provided
+      that such additional attribution notices cannot be construed
+      as modifying the License.
+
+  You may add Your own copyright statement to Your modifications and
+  may provide additional or different license terms and conditions
+  for use, reproduction, or distribution of Your modifications, or
+  for any such Derivative Works as a whole, provided Your use,
+  reproduction, and distribution of the Work otherwise complies with
+  the conditions stated in this License.
+
+5. Submission of Contributions. Unless You explicitly state otherwise,
+  any Contribution intentionally submitted for inclusion in the Work
+  by You to the Licensor shall be under the terms and conditions of
+  this License, without any additional terms or conditions.
+  Notwithstanding the above, nothing herein shall supersede or modify
+  the terms of any separate license agreement you may have executed
+  with Licensor regarding such Contributions.
+
+6. Trademarks. This License does not grant permission to use the trade
+  names, trademarks, service marks, or product names of the Licensor,
+  except as required for reasonable and customary use in describing the
+  origin of the Work and reproducing the content of the NOTICE file.
+
+7. Disclaimer of Warranty. Unless required by applicable law or
+  agreed to in writing, Licensor provides the Work (and each
+  Contributor provides its Contributions) on an "AS IS" BASIS,
+  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or
+  implied, including, without limitation, any warranties or conditions
+  of TITLE, NON-INFRINGEMENT, MERCHANTABILITY, or FITNESS FOR A
+  PARTICULAR PURPOSE. You are solely responsible for determining the
+  appropriateness of using or redistributing the Work and assume any
+  risks associated with Your exercise of permissions under this License.
+
+8. Limitation of Liability. In no event and under no legal theory,
+  whether in tort (including negligence), contract, or otherwise,
+  unless required by applicable law (such as deliberate and grossly
+  negligent acts) or agreed to in writing, shall any Contributor be
+  liable to You for damages, including any direct, indirect, special,
+  incidental, or consequential damages of any character arising as a
+  result of this License or out of the use or inability to use the
+  Work (including but not limited to damages for loss of goodwill,
+  work stoppage, computer failure or malfunction, or any and all
+  other commercial damages or losses), even if such Contributor
+  has been advised of the possibility of such damages.
+
+9. Accepting Warranty or Additional Liability. While redistributing
+  the Work or Derivative Works thereof, You may choose to offer,
+  and charge a fee for, acceptance of support, warranty, indemnity,
+  or other liability obligations and/or rights consistent with this
+  License. However, in accepting such obligations, You may act only
+  on Your own behalf and on Your sole responsibility, not on behalf
+  of any other Contributor, and only if You agree to indemnify,
+  defend, and hold each Contributor harmless for any liability
+  incurred by, or claims asserted against, such Contributor by reason
+  of your accepting any such warranty or additional liability.
+
+END OF TERMS AND CONDITIONS
+
+APPENDIX: How to apply the Apache License to your work.
+
+  To apply the Apache License to your work, attach the following
+  boilerplate notice, with the fields enclosed by brackets "[]"
+  replaced with your own identifying information. (Don't include
+  the brackets!)  The text should be enclosed in the appropriate
+  comment syntax for the file format. We also recommend that a
+  file or class name and description of purpose be included on the
+  same "printed page" as the copyright notice for easier
+  identification within third-party archives.
+
+Copyright [yyyy] [name of copyright owner]
+
+Licensed under the Apache License, Version 2.0 (the "License");
+you may not use this file except in compliance with the License.
+You may obtain a copy of the License at
+
+    http://www.apache.org/licenses/LICENSE-2.0
+
+Unless required by applicable law or agreed to in writing, software
+distributed under the License is distributed on an "AS IS" BASIS,
+WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+See the License for the specific language governing permissions and
+limitations under the License.
diff --git a/packages/page-gilt/README.md b/packages/page-gilt/README.md
new file mode 100644
index 0000000..c809581
--- /dev/null
+++ b/packages/page-gilt/README.md
@@ -0,0 +1 @@
+# @polkadot/app-gilt
diff --git a/packages/page-gilt/package.json b/packages/page-gilt/package.json
new file mode 100644
index 0000000..5cef8b2
--- /dev/null
+++ b/packages/page-gilt/package.json
@@ -0,0 +1,19 @@
+{
+  "bugs": "https://github.com/polkadot-js/apps/issues",
+  "homepage": "https://github.com/polkadot-js/apps/tree/master/packages/page-gilt#readme",
+  "license": "Apache-2.0",
+  "name": "@polkadot/app-gilt",
+  "private": true,
+  "repository": {
+    "directory": "packages/page-gilt",
+    "type": "git",
+    "url": "https://github.com/polkadot-js/apps.git"
+  },
+  "sideEffects": false,
+  "type": "module",
+  "version": "0.112.2-14",
+  "dependencies": {
+    "@babel/runtime": "^7.17.9",
+    "@polkadot/react-components": "^0.112.2-14"
+  }
+}
diff --git a/packages/page-gilt/src/Overview/BidAdd.tsx b/packages/page-gilt/src/Overview/BidAdd.tsx
new file mode 100644
index 0000000..618b435
--- /dev/null
+++ b/packages/page-gilt/src/Overview/BidAdd.tsx
@@ -0,0 +1,128 @@
+// Copyright 2017-2022 @polkadot/app-gilt authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { BN } from '@polkadot/util';
+
+import React, { useMemo, useState } from 'react';
+
+import { Button, InputAddress, InputBalance, InputNumber, Modal, TxButton } from '@polkadot/react-components';
+import { useApi, useToggle } from '@polkadot/react-hooks';
+import { Available } from '@polkadot/react-query';
+import { BN_ONE } from '@polkadot/util';
+
+import { useTranslation } from '../translate';
+
+interface Props {
+  className?: string;
+  isDisabled: boolean;
+  proxies: Record<string, string[]>;
+}
+
+function Bid ({ className, isDisabled, proxies }: Props): React.ReactElement<Props> {
+  const { t } = useTranslation();
+  const { api } = useApi();
+  const [isOpen, toggleOpen] = useToggle();
+  const [accountId, setAccountId] = useState<string | null>(null);
+  const [proxyId, setProxyId] = useState<string | null>(null);
+  const [amount, setAmount] = useState<BN | undefined>();
+  const [duration, setDuration] = useState<BN | undefined>();
+
+  const tx = useMemo(
+    () => accountId && amount && duration
+      ? api.tx.proxy.proxy(accountId, null, api.tx.gilt.placeBid(amount, duration))
+      : null,
+    [api, accountId, amount, duration]
+  );
+
+  const proxiedAccounts = Object.keys(proxies);
+  const isAmountError = !amount || amount.isZero() || amount.lt(api.consts.gilt.minFreeze);
+  const isDurationError = !duration || !duration.gte(BN_ONE) || duration.gt(api.consts.gilt.queueCount);
+
+  return (
+    <>
+      <Button
+        icon='plus'
+        isDisabled={!proxiedAccounts.length || isDisabled}
+        label={t<string>('Submit Bid')}
+        onClick={toggleOpen}
+      />
+      {isOpen && (
+        <Modal
+          className={className}
+          header={t<string>('submit gilt bid')}
+          onClose={toggleOpen}
+          size='large'
+        >
+          <Modal.Content>
+            <Modal.Columns hint={t<string>('This account will make the bid for the gilt and pay all associated fees.')}>
+              <InputAddress
+                filter={proxiedAccounts}
+                help={t<string>('The account you want to register the bid from')}
+                label={t<string>('use proxied account')}
+                labelExtra={
+                  <Available
+                    label={<span className='label'>{t<string>('transferrable')}</span>}
+                    params={accountId}
+                  />
+                }
+                onChange={setAccountId}
+                type='account'
+              />
+              {accountId && (
+                <InputAddress
+                  filter={proxies[accountId]}
+                  help={t<string>('The associated proxy to use for this account')}
+                  label={t<string>('send via proxy')}
+                  onChange={setProxyId}
+                  type='account'
+                />
+              )}
+            </Modal.Columns>
+            <Modal.Columns hint={t<string>('The amount you wish to lock for the duration. It needs to be more than the gilt minimum.')}>
+              <InputBalance
+                autoFocus
+                defaultValue={api.consts.gilt.minFreeze}
+                isError={isAmountError}
+                isZeroable={false}
+                label={t<string>('bid amount')}
+                onChange={setAmount}
+              />
+              <InputBalance
+                defaultValue={api.consts.gilt.minFreeze}
+                help={t<string>('The minimum amount that is allowed as a bid')}
+                isDisabled
+                label={t<string>('minimum freeze amount')}
+              />
+            </Modal.Columns>
+            <Modal.Columns hint={t<string>('The number of periods this bid is to be freezed for, less than the maximum period')}>
+              <InputNumber
+                defaultValue={BN_ONE}
+                isError={isDurationError}
+                isZeroable={false}
+                label={t<string>('lock periods')}
+                onChange={setDuration}
+              />
+              <InputNumber
+                defaultValue={api.consts.gilt.queueCount}
+                isDisabled
+                label={t<string>('maximum lock periods')}
+              />
+            </Modal.Columns>
+          </Modal.Content>
+          <Modal.Actions>
+            <TxButton
+              accountId={proxyId}
+              extrinsic={tx}
+              icon='check'
+              isDisabled={isAmountError || isDurationError || !accountId}
+              label={t<string>('Bid')}
+              onStart={toggleOpen}
+            />
+          </Modal.Actions>
+        </Modal>
+      )}
+    </>
+  );
+}
+
+export default React.memo(Bid);
diff --git a/packages/page-gilt/src/Overview/Queue.tsx b/packages/page-gilt/src/Overview/Queue.tsx
new file mode 100644
index 0000000..9079e8e
--- /dev/null
+++ b/packages/page-gilt/src/Overview/Queue.tsx
@@ -0,0 +1,32 @@
+// Copyright 2017-2022 @polkadot/app-gilt authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { QueueTotal } from './types';
+
+import React from 'react';
+
+import { FormatBalance } from '@polkadot/react-query';
+import { formatNumber } from '@polkadot/util';
+
+interface Props {
+  className?: string;
+  value: QueueTotal;
+}
+
+function Queue ({ className, value: { balance, index, numItems } }: Props): React.ReactElement<Props> {
+  return (
+    <tr className={className}>
+      <td className='number'>
+        <h1>{formatNumber(index)}</h1>
+      </td>
+      <td className='number all'>
+        {formatNumber(numItems)}
+      </td>
+      <td className='all'>
+        <FormatBalance value={balance} />
+      </td>
+    </tr>
+  );
+}
+
+export default React.memo(Queue);
diff --git a/packages/page-gilt/src/Overview/Queues.tsx b/packages/page-gilt/src/Overview/Queues.tsx
new file mode 100644
index 0000000..5d5d1b3
--- /dev/null
+++ b/packages/page-gilt/src/Overview/Queues.tsx
@@ -0,0 +1,43 @@
+// Copyright 2017-2022 @polkadot/app-gilt authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { QueueTotal } from './types';
+
+import React, { useRef } from 'react';
+
+import { Table } from '@polkadot/react-components';
+
+import { useTranslation } from '../translate';
+import Queue from './Queue';
+
+interface Props {
+  className?: string;
+  queueTotals?: QueueTotal[];
+}
+
+function Queues ({ className, queueTotals }: Props): React.ReactElement<Props> {
+  const { t } = useTranslation();
+
+  const headerRef = useRef([
+    [t('queues'), 'start'],
+    [t('participants'), 'number'],
+    [t('balance'), 'number']
+  ]);
+
+  return (
+    <Table
+      className={className}
+      empty={queueTotals && t<string>('No active gilt queues found.')}
+      header={headerRef.current}
+    >
+      {queueTotals?.map((value) => (
+        <Queue
+          key={value.index}
+          value={value}
+        />
+      ))}
+    </Table>
+  );
+}
+
+export default React.memo(Queues);
diff --git a/packages/page-gilt/src/Overview/Summary.tsx b/packages/page-gilt/src/Overview/Summary.tsx
new file mode 100644
index 0000000..92efbdc
--- /dev/null
+++ b/packages/page-gilt/src/Overview/Summary.tsx
@@ -0,0 +1,66 @@
+// Copyright 2017-2022 @polkadot/app-gilt authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { ActiveGiltsTotal } from '@polkadot/types/interfaces';
+
+import React from 'react';
+
+import { CardSummary, SummaryBox } from '@polkadot/react-components';
+import { useApi, useBestNumber } from '@polkadot/react-hooks';
+import { BN, BN_HUNDRED, BN_QUINTILL, formatNumber } from '@polkadot/util';
+
+import { useTranslation } from '../translate';
+
+interface Props {
+  activeTotal?: ActiveGiltsTotal;
+  className?: string;
+  isDisabled: boolean;
+}
+
+const DIVIDOR_NU = 10_000;
+const DIVISOR_BN = new BN(10_000);
+
+function Summary ({ activeTotal, className, isDisabled }: Props): React.ReactElement<Props> {
+  const { t } = useTranslation();
+  const { api } = useApi();
+  const bestNumber = useBestNumber();
+
+  return (
+    <SummaryBox className={className}>
+      <section>
+        <CardSummary label={t<string>('active')}>
+          {isDisabled ? t('no') : t('yes')}
+        </CardSummary>
+        {activeTotal && (
+          <CardSummary label={t<string>('index')}>
+            {formatNumber(activeTotal.index)}
+          </CardSummary>
+        )}
+      </section>
+      {activeTotal && (
+        <section>
+          <CardSummary label={t<string>('proportion')}>
+            {(activeTotal.proportion.mul(DIVISOR_BN).imul(BN_HUNDRED).div(BN_QUINTILL).toNumber() / DIVIDOR_NU).toFixed(2)}%
+          </CardSummary>
+          <CardSummary label={t<string>('target')}>
+            {(activeTotal.target.mul(DIVISOR_BN).imul(BN_HUNDRED).div(BN_QUINTILL).toNumber() / DIVIDOR_NU).toFixed(2)}%
+          </CardSummary>
+        </section>
+      )}
+      <section>
+        {bestNumber && (
+          <CardSummary
+            label={t<string>('intake')}
+            progress={{
+              total: api.consts.gilt.intakePeriod,
+              value: bestNumber.mod(api.consts.gilt.intakePeriod),
+              withTime: true
+            }}
+          />
+        )}
+      </section>
+    </SummaryBox>
+  );
+}
+
+export default React.memo(Summary);
diff --git a/packages/page-gilt/src/Overview/index.tsx b/packages/page-gilt/src/Overview/index.tsx
new file mode 100644
index 0000000..c7a7ec0
--- /dev/null
+++ b/packages/page-gilt/src/Overview/index.tsx
@@ -0,0 +1,44 @@
+// Copyright 2017-2022 @polkadot/app-gilt authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import React, { useMemo } from 'react';
+
+import { Button } from '@polkadot/react-components';
+
+import { useProxies } from '../useProxies';
+import BidAdd from './BidAdd';
+import Queues from './Queues';
+import Summary from './Summary';
+import useInfo from './useInfo';
+
+interface Props {
+  className?: string;
+}
+
+function Overview ({ className }: Props): React.ReactElement<Props> {
+  const proxies = useProxies();
+  const { info } = useInfo();
+
+  const isDisabled = useMemo(
+    () => !info || !info.activeTotal || info.activeTotal.target.isZero(),
+    [info]
+  );
+
+  return (
+    <div className={className}>
+      <Summary
+        activeTotal={info?.activeTotal}
+        isDisabled={isDisabled}
+      />
+      <Button.Group>
+        <BidAdd
+          isDisabled={isDisabled}
+          proxies={proxies}
+        />
+      </Button.Group>
+      <Queues queueTotals={info?.queueTotals} />
+    </div>
+  );
+}
+
+export default React.memo(Overview);
diff --git a/packages/page-gilt/src/Overview/types.ts b/packages/page-gilt/src/Overview/types.ts
new file mode 100644
index 0000000..22b8547
--- /dev/null
+++ b/packages/page-gilt/src/Overview/types.ts
@@ -0,0 +1,17 @@
+// Copyright 2017-2022 @polkadot/app-gilt authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { ActiveGiltsTotal, BalanceOf } from '@polkadot/types/interfaces';
+import type { BN } from '@polkadot/util';
+
+export interface QueueTotal {
+  balance: BalanceOf;
+  index: number;
+  numItems: BN;
+}
+
+export interface GiltInfo {
+  activeIndex?: BN | null;
+  activeTotal?: ActiveGiltsTotal;
+  queueTotals?: QueueTotal[];
+}
diff --git a/packages/page-gilt/src/Overview/useInfo.ts b/packages/page-gilt/src/Overview/useInfo.ts
new file mode 100644
index 0000000..8d2c290
--- /dev/null
+++ b/packages/page-gilt/src/Overview/useInfo.ts
@@ -0,0 +1,51 @@
+// Copyright 2017-2022 @polkadot/app-gilt authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { u32 } from '@polkadot/types';
+import type { ActiveGiltsTotal, BalanceOf } from '@polkadot/types/interfaces';
+import type { GiltInfo, QueueTotal } from './types';
+
+import { useMemo } from 'react';
+
+import { createNamedHook, useApi, useCallMulti } from '@polkadot/react-hooks';
+import { BN_ONE } from '@polkadot/util';
+
+interface State {
+  info?: GiltInfo;
+}
+
+const optGiltInfo = {
+  defaultValue: {} as GiltInfo,
+  transform: ([activeTotal, queueTotals]: [ActiveGiltsTotal, [u32, BalanceOf][]]): GiltInfo => ({
+    activeIndex: activeTotal.index.isZero()
+      ? null
+      : activeTotal.index.sub(BN_ONE),
+    activeTotal,
+    queueTotals: queueTotals
+      .map(([numItems, balance], index): QueueTotal => ({ balance, index: index + 1, numItems }))
+      .filter(({ balance }) => !balance.isZero())
+  })
+};
+
+function useInfoImpl (): State {
+  const { api } = useApi();
+  const info = useCallMulti<GiltInfo>([
+    api.query.gilt.activeTotal,
+    api.query.gilt.queueTotals
+  ], optGiltInfo);
+
+  // useEffect((): void => {
+  //   info.activeIndex &&
+  //     api.query.gilt.active
+  //       .entries()
+  //       .then((value) => console.log(JSON.stringify(value)))
+  //       .catch(console.error);
+  // }, [api, info?.activeIndex]);
+
+  return useMemo(
+    () => ({ info }),
+    [info]
+  );
+}
+
+export default createNamedHook('useInfo', useInfoImpl);
diff --git a/packages/page-gilt/src/index.tsx b/packages/page-gilt/src/index.tsx
new file mode 100644
index 0000000..2943b23
--- /dev/null
+++ b/packages/page-gilt/src/index.tsx
@@ -0,0 +1,43 @@
+// Copyright 2017-2022 @polkadot/app-gilt authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import React, { useRef } from 'react';
+import { Route, Switch } from 'react-router';
+
+import { Tabs } from '@polkadot/react-components';
+
+import Overview from './Overview';
+import { useTranslation } from './translate';
+
+interface Props {
+  basePath: string;
+  className?: string;
+}
+
+function GiltApp ({ basePath, className }: Props): React.ReactElement<Props> {
+  const { t } = useTranslation();
+
+  const tabsRef = useRef([
+    {
+      isRoot: true,
+      name: 'overview',
+      text: t<string>('Overview')
+    }
+  ]);
+
+  return (
+    <main className={className}>
+      <Tabs
+        basePath={basePath}
+        items={tabsRef.current}
+      />
+      <Switch>
+        <Route>
+          <Overview />
+        </Route>
+      </Switch>
+    </main>
+  );
+}
+
+export default React.memo(GiltApp);
diff --git a/packages/page-gilt/src/translate.ts b/packages/page-gilt/src/translate.ts
new file mode 100644
index 0000000..8536782
--- /dev/null
+++ b/packages/page-gilt/src/translate.ts
@@ -0,0 +1,10 @@
+// Copyright 2017-2022 @polkadot/app-gilt authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { UseTranslationResponse } from 'react-i18next';
+
+import { useTranslation as useTranslationBase } from 'react-i18next';
+
+export function useTranslation (): UseTranslationResponse<'app-gilt', undefined> {
+  return useTranslationBase('app-gilt');
+}
diff --git a/packages/page-gilt/src/useProxies.ts b/packages/page-gilt/src/useProxies.ts
new file mode 100644
index 0000000..a168614
--- /dev/null
+++ b/packages/page-gilt/src/useProxies.ts
@@ -0,0 +1,42 @@
+// Copyright 2017-2022 @polkadot/app-gilt authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { Vec } from '@polkadot/types';
+import type { BalanceOf, ProxyDefinition } from '@polkadot/types/interfaces';
+import type { ITuple } from '@polkadot/types/types';
+
+import { useEffect, useState } from 'react';
+
+import { createNamedHook, useAccounts, useApi, useIsMountedRef } from '@polkadot/react-hooks';
+
+type ProxyResult = ITuple<[Vec<ProxyDefinition>, BalanceOf]>;
+
+function useProxiesImpl (): Record<string, string[]> {
+  const { api } = useApi();
+  const { allAccounts } = useAccounts();
+  const mountedRef = useIsMountedRef();
+  const [state, setState] = useState<Record<string, string[]>>({});
+
+  useEffect((): void => {
+    if (allAccounts.length) {
+      api.query.proxy.proxies
+        .multi<ProxyResult>(allAccounts)
+        .then((result) =>
+          mountedRef.current && setState(
+            result
+              .map(([p], index): [string, string[]] => [
+                allAccounts[index],
+                p.map(({ delegate }) => delegate.toString())
+              ])
+              .filter(([, p]) => p.length)
+              .reduce((all, [a, p]) => ({ ...all, [a]: p }), {})
+          )
+        )
+        .catch(console.error);
+    }
+  }, [allAccounts, api, mountedRef]);
+
+  return state;
+}
+
+export const useProxies = createNamedHook('useProxies', useProxiesImpl);
diff --git a/packages/page-gilt/tsconfig.build.json b/packages/page-gilt/tsconfig.build.json
new file mode 100644
index 0000000..da24d9f
--- /dev/null
+++ b/packages/page-gilt/tsconfig.build.json
@@ -0,0 +1,9 @@
+{
+  "extends": "../../tsconfig.base.json",
+  "compilerOptions": {
+    "baseUrl": "..",
+    "outDir": "./build",
+    "rootDir": "./src"
+  },
+  "references": []
+}
diff --git a/packages/page-js/.skip-build b/packages/page-js/.skip-build
new file mode 100644
index 0000000..e69de29
diff --git a/packages/page-js/.skip-npm b/packages/page-js/.skip-npm
new file mode 100644
index 0000000..e69de29
diff --git a/packages/page-js/LICENSE b/packages/page-js/LICENSE
new file mode 100644
index 0000000..0d381b2
--- /dev/null
+++ b/packages/page-js/LICENSE
@@ -0,0 +1,201 @@
+                              Apache License
+                        Version 2.0, January 2004
+                    http://www.apache.org/licenses/
+
+TERMS AND CONDITIONS FOR USE, REPRODUCTION, AND DISTRIBUTION
+
+1. Definitions.
+
+  "License" shall mean the terms and conditions for use, reproduction,
+  and distribution as defined by Sections 1 through 9 of this document.
+
+  "Licensor" shall mean the copyright owner or entity authorized by
+  the copyright owner that is granting the License.
+
+  "Legal Entity" shall mean the union of the acting entity and all
+  other entities that control, are controlled by, or are under common
+  control with that entity. For the purposes of this definition,
+  "control" means (i) the power, direct or indirect, to cause the
+  direction or management of such entity, whether by contract or
+  otherwise, or (ii) ownership of fifty percent (50%) or more of the
+  outstanding shares, or (iii) beneficial ownership of such entity.
+
+  "You" (or "Your") shall mean an individual or Legal Entity
+  exercising permissions granted by this License.
+
+  "Source" form shall mean the preferred form for making modifications,
+  including but not limited to software source code, documentation
+  source, and configuration files.
+
+  "Object" form shall mean any form resulting from mechanical
+  transformation or translation of a Source form, including but
+  not limited to compiled object code, generated documentation,
+  and conversions to other media types.
+
+  "Work" shall mean the work of authorship, whether in Source or
+  Object form, made available under the License, as indicated by a
+  copyright notice that is included in or attached to the work
+  (an example is provided in the Appendix below).
+
+  "Derivative Works" shall mean any work, whether in Source or Object
+  form, that is based on (or derived from) the Work and for which the
+  editorial revisions, annotations, elaborations, or other modifications
+  represent, as a whole, an original work of authorship. For the purposes
+  of this License, Derivative Works shall not include works that remain
+  separable from, or merely link (or bind by name) to the interfaces of,
+  the Work and Derivative Works thereof.
+
+  "Contribution" shall mean any work of authorship, including
+  the original version of the Work and any modifications or additions
+  to that Work or Derivative Works thereof, that is intentionally
+  submitted to Licensor for inclusion in the Work by the copyright owner
+  or by an individual or Legal Entity authorized to submit on behalf of
+  the copyright owner. For the purposes of this definition, "submitted"
+  means any form of electronic, verbal, or written communication sent
+  to the Licensor or its representatives, including but not limited to
+  communication on electronic mailing lists, source code control systems,
+  and issue tracking systems that are managed by, or on behalf of, the
+  Licensor for the purpose of discussing and improving the Work, but
+  excluding communication that is conspicuously marked or otherwise
+  designated in writing by the copyright owner as "Not a Contribution."
+
+  "Contributor" shall mean Licensor and any individual or Legal Entity
+  on behalf of whom a Contribution has been received by Licensor and
+  subsequently incorporated within the Work.
+
+2. Grant of Copyright License. Subject to the terms and conditions of
+  this License, each Contributor hereby grants to You a perpetual,
+  worldwide, non-exclusive, no-charge, royalty-free, irrevocable
+  copyright license to reproduce, prepare Derivative Works of,
+  publicly display, publicly perform, sublicense, and distribute the
+  Work and such Derivative Works in Source or Object form.
+
+3. Grant of Patent License. Subject to the terms and conditions of
+  this License, each Contributor hereby grants to You a perpetual,
+  worldwide, non-exclusive, no-charge, royalty-free, irrevocable
+  (except as stated in this section) patent license to make, have made,
+  use, offer to sell, sell, import, and otherwise transfer the Work,
+  where such license applies only to those patent claims licensable
+  by such Contributor that are necessarily infringed by their
+  Contribution(s) alone or by combination of their Contribution(s)
+  with the Work to which such Contribution(s) was submitted. If You
+  institute patent litigation against any entity (including a
+  cross-claim or counterclaim in a lawsuit) alleging that the Work
+  or a Contribution incorporated within the Work constitutes direct
+  or contributory patent infringement, then any patent licenses
+  granted to You under this License for that Work shall terminate
+  as of the date such litigation is filed.
+
+4. Redistribution. You may reproduce and distribute copies of the
+  Work or Derivative Works thereof in any medium, with or without
+  modifications, and in Source or Object form, provided that You
+  meet the following conditions:
+
+  (a) You must give any other recipients of the Work or
+      Derivative Works a copy of this License; and
+
+  (b) You must cause any modified files to carry prominent notices
+      stating that You changed the files; and
+
+  (c) You must retain, in the Source form of any Derivative Works
+      that You distribute, all copyright, patent, trademark, and
+      attribution notices from the Source form of the Work,
+      excluding those notices that do not pertain to any part of
+      the Derivative Works; and
+
+  (d) If the Work includes a "NOTICE" text file as part of its
+      distribution, then any Derivative Works that You distribute must
+      include a readable copy of the attribution notices contained
+      within such NOTICE file, excluding those notices that do not
+      pertain to any part of the Derivative Works, in at least one
+      of the following places: within a NOTICE text file distributed
+      as part of the Derivative Works; within the Source form or
+      documentation, if provided along with the Derivative Works; or,
+      within a display generated by the Derivative Works, if and
+      wherever such third-party notices normally appear. The contents
+      of the NOTICE file are for informational purposes only and
+      do not modify the License. You may add Your own attribution
+      notices within Derivative Works that You distribute, alongside
+      or as an addendum to the NOTICE text from the Work, provided
+      that such additional attribution notices cannot be construed
+      as modifying the License.
+
+  You may add Your own copyright statement to Your modifications and
+  may provide additional or different license terms and conditions
+  for use, reproduction, or distribution of Your modifications, or
+  for any such Derivative Works as a whole, provided Your use,
+  reproduction, and distribution of the Work otherwise complies with
+  the conditions stated in this License.
+
+5. Submission of Contributions. Unless You explicitly state otherwise,
+  any Contribution intentionally submitted for inclusion in the Work
+  by You to the Licensor shall be under the terms and conditions of
+  this License, without any additional terms or conditions.
+  Notwithstanding the above, nothing herein shall supersede or modify
+  the terms of any separate license agreement you may have executed
+  with Licensor regarding such Contributions.
+
+6. Trademarks. This License does not grant permission to use the trade
+  names, trademarks, service marks, or product names of the Licensor,
+  except as required for reasonable and customary use in describing the
+  origin of the Work and reproducing the content of the NOTICE file.
+
+7. Disclaimer of Warranty. Unless required by applicable law or
+  agreed to in writing, Licensor provides the Work (and each
+  Contributor provides its Contributions) on an "AS IS" BASIS,
+  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or
+  implied, including, without limitation, any warranties or conditions
+  of TITLE, NON-INFRINGEMENT, MERCHANTABILITY, or FITNESS FOR A
+  PARTICULAR PURPOSE. You are solely responsible for determining the
+  appropriateness of using or redistributing the Work and assume any
+  risks associated with Your exercise of permissions under this License.
+
+8. Limitation of Liability. In no event and under no legal theory,
+  whether in tort (including negligence), contract, or otherwise,
+  unless required by applicable law (such as deliberate and grossly
+  negligent acts) or agreed to in writing, shall any Contributor be
+  liable to You for damages, including any direct, indirect, special,
+  incidental, or consequential damages of any character arising as a
+  result of this License or out of the use or inability to use the
+  Work (including but not limited to damages for loss of goodwill,
+  work stoppage, computer failure or malfunction, or any and all
+  other commercial damages or losses), even if such Contributor
+  has been advised of the possibility of such damages.
+
+9. Accepting Warranty or Additional Liability. While redistributing
+  the Work or Derivative Works thereof, You may choose to offer,
+  and charge a fee for, acceptance of support, warranty, indemnity,
+  or other liability obligations and/or rights consistent with this
+  License. However, in accepting such obligations, You may act only
+  on Your own behalf and on Your sole responsibility, not on behalf
+  of any other Contributor, and only if You agree to indemnify,
+  defend, and hold each Contributor harmless for any liability
+  incurred by, or claims asserted against, such Contributor by reason
+  of your accepting any such warranty or additional liability.
+
+END OF TERMS AND CONDITIONS
+
+APPENDIX: How to apply the Apache License to your work.
+
+  To apply the Apache License to your work, attach the following
+  boilerplate notice, with the fields enclosed by brackets "[]"
+  replaced with your own identifying information. (Don't include
+  the brackets!)  The text should be enclosed in the appropriate
+  comment syntax for the file format. We also recommend that a
+  file or class name and description of purpose be included on the
+  same "printed page" as the copyright notice for easier
+  identification within third-party archives.
+
+Copyright [yyyy] [name of copyright owner]
+
+Licensed under the Apache License, Version 2.0 (the "License");
+you may not use this file except in compliance with the License.
+You may obtain a copy of the License at
+
+    http://www.apache.org/licenses/LICENSE-2.0
+
+Unless required by applicable law or agreed to in writing, software
+distributed under the License is distributed on an "AS IS" BASIS,
+WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+See the License for the specific language governing permissions and
+limitations under the License.
diff --git a/packages/page-js/README.md b/packages/page-js/README.md
new file mode 100644
index 0000000..721f116
--- /dev/null
+++ b/packages/page-js/README.md
@@ -0,0 +1 @@
+# @polkadot/app-js
diff --git a/packages/page-js/package.json b/packages/page-js/package.json
new file mode 100644
index 0000000..e489504
--- /dev/null
+++ b/packages/page-js/package.json
@@ -0,0 +1,19 @@
+{
+  "bugs": "https://github.com/polkadot-js/apps/issues",
+  "homepage": "https://github.com/polkadot-js/apps/tree/master/packages/page-js#readme",
+  "license": "Apache-2.0",
+  "name": "@polkadot/app-js",
+  "private": true,
+  "repository": {
+    "directory": "packages/page-js",
+    "type": "git",
+    "url": "https://github.com/polkadot-js/apps.git"
+  },
+  "sideEffects": false,
+  "type": "module",
+  "version": "0.112.2-14",
+  "dependencies": {
+    "@babel/runtime": "^7.17.9",
+    "@polkadot/react-components": "^0.112.2-14"
+  }
+}
diff --git a/packages/page-js/src/ActionButtons.tsx b/packages/page-js/src/ActionButtons.tsx
new file mode 100644
index 0000000..c643502
--- /dev/null
+++ b/packages/page-js/src/ActionButtons.tsx
@@ -0,0 +1,105 @@
+// Copyright 2017-2022 @polkadot/app-js authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import React, { useCallback, useState } from 'react';
+
+import { Button, Input, Popup } from '@polkadot/react-components';
+
+import { useTranslation } from './translate';
+
+interface Props {
+  className?: string;
+  isCustomExample: boolean;
+  isRunning: boolean;
+  removeSnippet: () => void;
+  runJs: () => void;
+  saveSnippet: (snippetName: string) => void;
+  snippetName?: string;
+  stopJs: () => void;
+}
+
+function ActionButtons ({ className = '', isCustomExample, isRunning, removeSnippet, runJs, saveSnippet, stopJs }: Props): React.ReactElement<Props> {
+  const { t } = useTranslation();
+  const [snippetName, setSnippetName] = useState('');
+
+  const _onChangeName = useCallback(
+    (snippetName: string) => setSnippetName(snippetName),
+    []
+  );
+
+  const _onPopupClose = useCallback(
+    (): void => {
+      setSnippetName('');
+    },
+    []
+  );
+
+  const _saveSnippet = useCallback(
+    (): void => {
+      saveSnippet(snippetName);
+      _onPopupClose();
+    },
+    [_onPopupClose, saveSnippet, snippetName]
+  );
+
+  return (
+    <Button.Group className={`${className} action-button`}>
+      {isCustomExample
+        ? (
+          <Button
+            icon='trash'
+            onClick={removeSnippet}
+          />
+        )
+        : (
+          <Popup
+            className='popup-local'
+            onCloseAction={_onPopupClose}
+            value={
+              <>
+                <Input
+                  autoFocus
+                  maxLength={50}
+                  min={1}
+                  onChange={_onChangeName}
+                  onEnter={_saveSnippet}
+                  placeholder={t<string>('Name your example')}
+                  value={snippetName}
+                  withLabel={false}
+                />
+                <Button
+                  icon='save'
+                  isDisabled={!snippetName.length}
+                  label={t<string>('Save snippet to local storage')}
+                  onClick={_saveSnippet}
+                />
+              </>
+            }
+          >
+            <Button
+              icon='save'
+              isReadOnly={false}
+            />
+          </Popup>
+        )
+      }
+      {isRunning
+        ? (
+          <Button
+            icon='times'
+            onClick={stopJs}
+          />
+        )
+        : (
+          <Button
+            className='play-button'
+            icon='play'
+            onClick={runJs}
+          />
+        )
+      }
+    </Button.Group>
+  );
+}
+
+export default React.memo(ActionButtons);
diff --git a/packages/page-js/src/Output.tsx b/packages/page-js/src/Output.tsx
new file mode 100644
index 0000000..48111b4
--- /dev/null
+++ b/packages/page-js/src/Output.tsx
@@ -0,0 +1,94 @@
+// Copyright 2017-2022 @polkadot/app-js authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { Log } from './types';
+
+import React from 'react';
+import styled from 'styled-components';
+
+import { isError, isNull, isUndefined } from '@polkadot/util';
+
+interface Props {
+  children?: React.ReactNode;
+  className?: string;
+  logs: Log[];
+}
+
+const format = (value: unknown): string => {
+  if (isError(value)) {
+    return value.stack ? value.stack : value.toString();
+  } else if (isUndefined(value)) {
+    return 'undefined';
+  } else if (isNull(value)) {
+    return 'null';
+  } else if (Array.isArray(value)) {
+    return `[${value.map((value): string => format(value)).join(', ')}]`;
+  } else if (value instanceof Map) {
+    return `{${[...value.entries()].map(([key, value]): string => (key as string) + ': ' + format(value)).join(', ')}}`;
+  }
+
+  return (value as string).toString();
+};
+
+const renderEntry = ({ args, type }: Log, index: number): React.ReactNode => (
+  <div
+    className={`js--Log ${type}`}
+    key={index}
+  >
+    {args.map((arg): string => format(arg)).join(' ')}
+  </div>
+);
+
+function Output ({ children, className = '', logs }: Props): React.ReactElement<Props> {
+  return (
+    <article className={`container ${className}`}>
+      <div className='logs-wrapper'>
+        <div className='logs-container'>
+          <pre className='logs-content'>
+            {logs.map(renderEntry)}
+          </pre>
+        </div>
+      </div>
+      {children}
+    </article>
+  );
+}
+
+export default React.memo(styled(Output)`
+  background-color: #4e4e4e;
+  color: #ffffff;
+  display: flex;
+  flex-direction: column;
+  flex-grow: 1;
+  font: var(--font-mono);
+  font-variant-ligatures: common-ligatures;
+  line-height: 18px;
+  padding: 50px 10px 10px;
+  position: relative;
+  width: 40%;
+
+  .logs-wrapper {
+    display: flex;
+    flex: 1;
+    min-height: 0;
+  }
+
+  .logs-container {
+    flex: 1;
+    overflow: auto;
+  }
+
+  .logs-content {
+    height: auto;
+  }
+
+  .js--Log {
+    animation: fadein 0.2s;
+    margin: 0 0 5px 0;
+    word-break: break-all;
+
+    &.error {
+      color: #f88;
+    }
+  }
+`);
diff --git a/packages/page-js/src/Playground.tsx b/packages/page-js/src/Playground.tsx
new file mode 100644
index 0000000..7a85125
--- /dev/null
+++ b/packages/page-js/src/Playground.tsx
@@ -0,0 +1,421 @@
+// Copyright 2017-2022 @polkadot/app-js authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { ApiPromise } from '@polkadot/api';
+import type { KeyringInstance } from '@polkadot/keyring/types';
+import type { ApiProps } from '@polkadot/react-api/types';
+import type { AppProps as Props } from '@polkadot/react-components/types';
+import type { Log, LogType, Snippet } from './types';
+
+import React, { useCallback, useEffect, useRef, useState } from 'react';
+import styled from 'styled-components';
+
+import { Button, Dropdown, Editor, Tabs } from '@polkadot/react-components';
+import { useApi, useToggle } from '@polkadot/react-hooks';
+import * as types from '@polkadot/types';
+import uiKeyring from '@polkadot/ui-keyring';
+import * as util from '@polkadot/util';
+import * as hashing from '@polkadot/util-crypto';
+
+import makeWrapper from './snippets/wrapping';
+import ActionButtons from './ActionButtons';
+import { CUSTOM_LABEL, STORE_EXAMPLES, STORE_SELECTED } from './constants';
+import Output from './Output';
+import allSnippets from './snippets';
+import { useTranslation } from './translate';
+
+interface Injected {
+  api: ApiPromise;
+  console: {
+    error: (...args: unknown[]) => void;
+    log: (...args: unknown[]) => void;
+  };
+  hashing: typeof hashing;
+  keyring: KeyringInstance | null;
+  setIsRunning: (isRunning: boolean) => void;
+  types: typeof types;
+  util: typeof util;
+  [name: string]: any;
+}
+
+const ALLOWED_GLOBALS = ['atob', 'btoa'];
+const DEFAULT_NULL = { Atomics: null, Bluetooth: null, Clipboard: null, Document: null, Function: null, Location: null, ServiceWorker: null, SharedWorker: null, USB: null, global: null, window: null };
+
+const snippets = JSON.parse(JSON.stringify(allSnippets)) as Snippet[];
+let hasSnippetWrappers = false;
+
+function setupInjected ({ api, isDevelopment }: ApiProps, setIsRunning: (isRunning: boolean) => void, hookConsole: (type: LogType, args: unknown[]) => void): Injected {
+  return {
+    ...Object
+      .keys(window)
+      .filter((key) => !key.includes('-') && !ALLOWED_GLOBALS.includes(key))
+      .reduce((result: Record<string, null>, key): Record<string, null> => {
+        result[key] = null;
+
+        return result;
+      }, { ...DEFAULT_NULL }),
+    api: api.clone(),
+    console: {
+      error: (...args: unknown[]) => hookConsole('error', args),
+      log: (...args: unknown[]) => hookConsole('log', args)
+    },
+    hashing,
+    keyring: isDevelopment
+      ? uiKeyring.keyring
+      : null,
+    setIsRunning,
+    types,
+    uiKeyring: isDevelopment
+      ? uiKeyring
+      : null,
+    util
+  };
+}
+
+// FIXME This... ladies & gentlemen, is a mess that should be untangled
+function Playground ({ basePath, className = '' }: Props): React.ReactElement<Props> {
+  const { t } = useTranslation();
+  const apiProps = useApi();
+  const injectedRef = useRef<Injected | null>(null);
+  const [code, setCode] = useState('');
+  const [isCustomExample, setIsCustomExample] = useState(false);
+  const [isRunning, setIsRunning] = useState(false);
+  const [isWarnOpen, toggleWarnOpen] = useToggle(true);
+  const [customExamples, setCustomExamples] = useState<Snippet[]>([]);
+  const [logs, setLogs] = useState<Log[]>([]);
+  const [options, setOptions] = useState<Snippet[]>([]);
+  const [selected, setSelected] = useState(snippets[0]);
+
+  const tabsRef = useRef([
+    {
+      isRoot: true,
+      name: 'playground',
+      text: t<string>('Console')
+    }
+  ]);
+
+  // initialize all options
+  useEffect((): void => {
+    // add snippets if not already available (global)
+    if (!hasSnippetWrappers) {
+      snippets.forEach((snippet): void => {
+        snippet.code = `${makeWrapper(apiProps.isDevelopment)}${snippet.code}`;
+      });
+
+      hasSnippetWrappers = true;
+    }
+
+    const localData = {
+      examples: localStorage.getItem(STORE_EXAMPLES),
+      selectedValue: localStorage.getItem(STORE_SELECTED)
+    };
+    const customExamples = localData.examples ? JSON.parse(localData.examples) as Snippet[] : [];
+    const options: Snippet[] = [...customExamples, ...snippets];
+    const selected = options.find((option): boolean => option.value === localData.selectedValue);
+
+    setCustomExamples(customExamples);
+    setIsCustomExample((selected && selected.type === 'custom') || false);
+    setOptions(options);
+    setSelected(selected || snippets[0]);
+  // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, []);
+
+  useEffect((): void => {
+    setCode(selected.code);
+  }, [selected]);
+
+  const _clearConsole = useCallback(
+    (): void => setLogs([]),
+    []
+  );
+
+  const _hookConsole = useCallback(
+    (type: LogType, args: unknown[]): void => {
+      logs.push({ args, type });
+      setLogs(logs.slice(0));
+    },
+    [logs]
+  );
+
+  const _stopJs = useCallback(
+    (): void => {
+      if (injectedRef.current) {
+        injectedRef.current.api.disconnect().catch(console.error);
+        injectedRef.current = null;
+      }
+
+      setIsRunning(false);
+    },
+    []
+  );
+
+  const _runJs = useCallback(
+    (): void => {
+      async function run () {
+        setIsRunning(true);
+        _clearConsole();
+
+        injectedRef.current = setupInjected(apiProps, setIsRunning, _hookConsole);
+
+        await injectedRef.current.api.isReady;
+
+        try {
+          // squash into a single line so exceptions (with line numbers) maps to the
+          // same line/origin as we have in the editor view
+          // TODO: Make the console.error here actually return the full stack
+          const exec = `(async ({${Object.keys(injectedRef.current).sort().join(',')}}) => { try { ${code} \n } catch (error) { console.error(error); setIsRunning(false); } })(injected);`;
+
+          // eslint-disable-next-line no-new-func,@typescript-eslint/no-unsafe-call,@typescript-eslint/no-implied-eval
+          new Function('injected', exec).bind({}, injectedRef.current)();
+        } catch (error) {
+          injectedRef.current.console.error(error);
+        }
+
+        setIsRunning(false);
+      }
+
+      run().catch(console.error);
+    },
+    [_clearConsole, _hookConsole, apiProps, code]
+  );
+
+  const _selectExample = useCallback(
+    (value: string): void => {
+      _stopJs();
+
+      if (value.length) {
+        const option = options.find((option): boolean => option.value === value);
+
+        if (option) {
+          localStorage.setItem(STORE_SELECTED, value);
+
+          _clearConsole();
+          setIsCustomExample(option.type === 'custom');
+          setSelected(option);
+        }
+      }
+    },
+    [_clearConsole, _stopJs, options]
+  );
+
+  const _removeSnippet = useCallback(
+    (): void => {
+      const filtered = customExamples.filter((value): boolean => value.value !== selected.value);
+      const nextOptions = [...filtered, ...snippets];
+
+      setCustomExamples(filtered);
+      setIsCustomExample(nextOptions[0].type === 'custom');
+      setOptions(nextOptions);
+      _selectExample(nextOptions[0].value);
+      localStorage.setItem(STORE_EXAMPLES, JSON.stringify(filtered));
+    },
+    [_selectExample, customExamples, selected.value]
+  );
+
+  const _saveSnippet = useCallback(
+    (snippetName: string): void => {
+      // The <Dropdown> component doesn't take boolean custom props and no
+      // camelCase keys, that's why 'custom' is passed as a string here
+      const snapshot: Snippet = {
+        code,
+        label: CUSTOM_LABEL,
+        text: snippetName,
+        type: 'custom',
+        value: `custom-${Date.now()}`
+      };
+      const options = [snapshot, ...customExamples, ...snippets];
+
+      localStorage.setItem(STORE_EXAMPLES, JSON.stringify([snapshot, ...customExamples]));
+      setCustomExamples([snapshot, ...customExamples]);
+      setIsCustomExample(true);
+      setOptions(options);
+      setSelected(snapshot);
+    },
+    [code, customExamples]
+  );
+
+  const snippetName = selected.type === 'custom' ? selected.text : undefined;
+
+  return (
+    <main className={`js--App ${className}`}>
+      <Tabs
+        basePath={basePath}
+        items={tabsRef.current}
+      />
+      <section className='js--Selection'>
+        <Dropdown
+          className='js--Dropdown'
+          isFull
+          label={t<string>('Select example')}
+          onChange={_selectExample}
+          options={options}
+          value={selected.value}
+        />
+      </section>
+      <section className='js--Content'>
+        <article className='container js--Editor'>
+          <ActionButtons
+            isCustomExample={isCustomExample}
+            isRunning={isRunning}
+            removeSnippet={_removeSnippet}
+            runJs={_runJs}
+            saveSnippet={_saveSnippet}
+            snippetName={snippetName}
+            stopJs={_stopJs}
+          />
+          <Editor
+            code={code}
+            onEdit={setCode}
+          />
+        </article>
+        <Output
+          className='js--Output'
+          logs={logs}
+        >
+          <Button
+            className='action-button'
+            icon='eraser'
+            onClick={_clearConsole}
+          />
+        </Output>
+      </section>
+      {isWarnOpen && (
+        <div className='warnOverlay'>
+          <article className='warning centered'>
+            <p>{t('This is a developer tool that allows you to execute selected snippets in a limited context.')}</p>
+            <p>{t('Never execute JS snippets from untrusted sources.')}</p>
+            <p>{t('Unless you are a developer with insight into what the specific script does to your environment (based on reading the code being executed) generally the advice would be to not use this environment.')}</p>
+            <Button.Group>
+              <Button
+                icon='times'
+                label={t('Close')}
+                onClick={toggleWarnOpen}
+              />
+            </Button.Group>
+          </article>
+        </div>
+      )}
+    </main>
+  );
+}
+
+export default React.memo(styled(Playground)`
+  display: flex;
+  flex-direction: column;
+  height: 100vh;
+  position: relative;
+
+  article {
+    p:last-child {
+      margin-bottom: 0;
+    }
+  }
+
+  .js--Selection {
+    margin-bottom: 1rem;
+  }
+
+  .js--Content {
+    align-content: stretch;
+    align-items: stretch;
+    display: flex;
+    height: 100%;
+    justify-content: space-between;
+    margin-bottom: 0;
+  }
+
+  .js--Dropdown {
+    position: relative;
+    z-index: 200;
+
+    .dropdown .menu > .item {
+      display: flex;
+      flex-direction: row-reverse;
+      justify-content: space-between;
+    }
+  }
+
+  .js--Editor,
+  .js--Output {
+    min-width: 200px;
+
+    .action-button {
+      margin: 0;
+      position: absolute;
+      right: 0.5rem;
+      top: 0.5rem;
+      z-index: 100;
+    }
+  }
+
+  .js--Editor {
+    flex-grow: 1;
+    overflow: auto;
+    padding: 0;
+    position: relative;
+    resize: horizontal;
+    width: 60%;
+
+    textarea {
+      outline: 0;
+    }
+
+    .codeflask {
+      background: transparent;
+    }
+
+    .codeflask--has-line-numbers {
+      z-index: 0;
+    }
+
+    .codeflask--has-line-numbers .codeflask__flatten {
+      font-size: 12px;
+      line-height: 18px;
+      min-width: calc(100% - 40px);
+      padding-top: 50px;
+      width: auto;
+    }
+
+    .codeflask__lines {
+      background: #f2f2f2;
+      line-height: 18px;
+      padding-top: 50px;
+      z-index: 100;
+    }
+
+    &::after {
+      bottom: 0;
+      content: '↔';
+      cursor: col-resize;
+      font-size: 20px;
+      height: 20px;
+      line-height: 18px;
+      position: absolute;
+      right: 0;
+      width: 22px;
+      z-index: 1;
+    }
+  }
+
+  .ui.popup.popup-local {
+    display: flex;
+    flex: 1 1 100%;
+    max-width: 300px;
+  }
+
+  .warnOverlay {
+    left: 0;
+    position: absolute;
+    right: 0;
+    top: -0.25rem;
+    z-index: 202;
+
+    article p:first-child {
+      padding-top: 1rem;
+    }
+
+    .ui--Button-Group {
+      margin-bottom: 0;
+    }
+  }
+`);
diff --git a/packages/page-js/src/constants.tsx b/packages/page-js/src/constants.tsx
new file mode 100644
index 0000000..e547760
--- /dev/null
+++ b/packages/page-js/src/constants.tsx
@@ -0,0 +1,13 @@
+// Copyright 2017-2022 @polkadot/app-js authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { StrictLabelProps } from 'semantic-ui-react';
+
+export const STORE_EXAMPLES = 'polkadot-app-js-examples';
+export const STORE_SELECTED = 'polkadot-app-js-selected';
+
+export const CUSTOM_LABEL: StrictLabelProps = {
+  children: 'Custom',
+  color: 'orange',
+  size: 'tiny'
+};
diff --git a/packages/page-js/src/index.tsx b/packages/page-js/src/index.tsx
new file mode 100644
index 0000000..b8ee236
--- /dev/null
+++ b/packages/page-js/src/index.tsx
@@ -0,0 +1,14 @@
+// Copyright 2017-2022 @polkadot/app-js authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { AppProps as Props } from '@polkadot/react-components/types';
+
+import React from 'react';
+
+import Playground from './Playground';
+
+function JsApp (props: Props): React.ReactElement<Props> {
+  return <Playground {...props} />;
+}
+
+export default React.memo(JsApp);
diff --git a/packages/page-js/src/snippets/consts-examples.ts b/packages/page-js/src/snippets/consts-examples.ts
new file mode 100644
index 0000000..c59b728
--- /dev/null
+++ b/packages/page-js/src/snippets/consts-examples.ts
@@ -0,0 +1,22 @@
+// Copyright 2017-2022 @polkadot/app-js authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { Snippet } from '@polkadot/app-js/types';
+
+// We must fix this :(
+/* eslint-disable sort-keys */
+
+export const constsStakingParameters: Snippet = {
+  value: 'constsStakingParameters',
+  text: 'Get staking parameters',
+  label: { color: 'green', children: 'Consts', size: 'tiny' },
+  code: `// Get SRML staking parameters as consts
+// 'parameter_types' were added to substrate with spec_version: 101.
+// This example will throw an error if used with versions before that.
+
+const bondingDuration = api.consts.staking.bondingDuration;
+const sessionsPerEra = api.consts.staking.sessionsPerEra;
+
+console.log('Staking bonding duration: ' + bondingDuration);
+console.log('Staking sessions per era: ' + sessionsPerEra);`
+};
diff --git a/packages/page-js/src/snippets/extrinsics-examples.ts b/packages/page-js/src/snippets/extrinsics-examples.ts
new file mode 100644
index 0000000..c2d7342
--- /dev/null
+++ b/packages/page-js/src/snippets/extrinsics-examples.ts
@@ -0,0 +1,36 @@
+// Copyright 2017-2022 @polkadot/app-js authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { Snippet } from '@polkadot/app-js/types';
+
+// We must fix this :(
+/* eslint-disable sort-keys */
+
+export const extrinsicMakeTransfer: Snippet = {
+  value: 'extrinsicMakeTransfer',
+  text: 'Make transfer and listen to events',
+  label: { color: 'grey', children: 'Extrinsics', size: 'tiny' },
+  code: `// Make a transfer from Alice to Bob and listen to system events.
+// You need to be connected to a development chain for this example to work.
+const ALICE = '5GrwvaEF5zXb26Fz9rcQpDWS57CtERHpNehXCPcNoHGKutQY';
+const BOB = '5FHneW46xGXgs5mUiveU4sbTyGBzmstUspZC92UhjJM694ty';
+
+// Get a random number between 1 and 100000
+const randomAmount = Math.floor((Math.random() * 100000) + 1);
+
+// Create a extrinsic, transferring randomAmount units to Bob.
+const transfer = api.tx.balances.transfer(BOB, randomAmount);
+
+// Sign and Send the transaction
+await transfer.signAndSend(ALICE, ({ events = [], status }) => {
+  if (status.isInBlock) {
+    console.log('Successful transfer of ' + randomAmount + ' with hash ' + status.asInBlock.toHex());
+  } else {
+    console.log('Status of transfer: ' + status.type);
+  }
+
+  events.forEach(({ phase, event: { data, method, section } }) => {
+    console.log(phase.toString() + ' : ' + section + '.' + method + ' ' + data.toString());
+  });
+});`
+};
diff --git a/packages/page-js/src/snippets/index.ts b/packages/page-js/src/snippets/index.ts
new file mode 100644
index 0000000..25a24db
--- /dev/null
+++ b/packages/page-js/src/snippets/index.ts
@@ -0,0 +1,26 @@
+// Copyright 2017-2022 @polkadot/app-js authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { Snippet } from './../types';
+
+import { constsStakingParameters } from './consts-examples';
+import { extrinsicMakeTransfer } from './extrinsics-examples';
+import { rpcNetworkAuthoring, rpcNewHead, rpcQueryState, rpcSysthemInfo } from './rpc-examples';
+import { storageGetInfo, storageKeys, storageListenToBalanceChange, storageListenToMultipleBalancesChange, storageRetrieveInfoOnQueryKeys, storageSystemEvents } from './storage-examples';
+
+const snippets: Snippet[] = [
+  rpcNetworkAuthoring,
+  rpcNewHead,
+  rpcQueryState,
+  rpcSysthemInfo,
+  storageGetInfo,
+  storageSystemEvents,
+  storageListenToBalanceChange,
+  storageListenToMultipleBalancesChange,
+  storageRetrieveInfoOnQueryKeys,
+  storageKeys,
+  constsStakingParameters,
+  extrinsicMakeTransfer
+];
+
+export default snippets;
diff --git a/packages/page-js/src/snippets/rpc-examples.ts b/packages/page-js/src/snippets/rpc-examples.ts
new file mode 100644
index 0000000..a8d83a4
--- /dev/null
+++ b/packages/page-js/src/snippets/rpc-examples.ts
@@ -0,0 +1,73 @@
+// Copyright 2017-2022 @polkadot/app-js authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { Snippet } from '@polkadot/app-js/types';
+
+// We must fix this :(
+/* eslint-disable sort-keys */
+
+export const rpcNetworkAuthoring: Snippet = {
+  value: 'rpcNetworkAuthoring',
+  text: 'Get authoring information',
+  label: { color: 'pink', children: 'RPC', size: 'tiny' },
+  code: `// Returns all pending extrinsics, potentially grouped by sender
+const unsub = await api.rpc.author.pendingExtrinsics((extrinsics) => {
+  if(extrinsics.length === 0){
+    console.log('No pending extrinsics');
+    return;
+  }
+  console.log(extrinsics);
+});`
+};
+
+export const rpcNewHead: Snippet = {
+  value: 'rpcListenToHead',
+  text: 'Listen to new Head',
+  label: { color: 'pink', children: 'RPC', size: 'tiny' },
+  code: `// subscribe to new headers, printing the full info for 5 Blocks
+let count = 0;
+const unsub = await api.rpc.chain.subscribeNewHeads((header) => {
+  console.log(\`#\${header.number}:\`, header);
+
+  if (++count === 5) {
+    console.log('5 headers retrieved, unsubscribing');
+    unsub();
+  }
+});`
+};
+
+export const rpcQueryState: Snippet = {
+  value: 'rpcQueryState',
+  text: 'Get state metadata',
+  label: { color: 'pink', children: 'RPC', size: 'tiny' },
+  code: `// retrieve and log the complete metadata of your node
+const metadata = await api.rpc.state.getMetadata();
+
+console.log('version: ' + metadata.version);
+console.log('formatted: ' + JSON.stringify(metadata.asLatest.toHuman(), null, 2));
+`
+};
+
+export const rpcSysthemInfo: Snippet = {
+  value: 'rpcSystemInfo',
+  text: 'Get system information',
+  label: { color: 'pink', children: 'RPC', size: 'tiny' },
+  code: `// Retrieve the chain & node information information via rpc calls
+const [chain, nodeName, nodeVersion, properties] = await Promise.all([
+  api.rpc.system.chain(),
+  api.rpc.system.name(),
+  api.rpc.system.version(),
+  api.rpc.system.properties()
+]);
+console.log('You are connected to chain ' + chain)
+console.log('You are using: ' + nodeName + ' v' + nodeVersion);
+
+if (properties.size > 0) {
+  console.log('Node specific properties:');
+  properties.forEach((value, key) => {
+    console.log(key, value);
+  });
+} else {
+  console.log('No specific chain properties found.');
+}`
+};
diff --git a/packages/page-js/src/snippets/storage-examples.ts b/packages/page-js/src/snippets/storage-examples.ts
new file mode 100644
index 0000000..774ba62
--- /dev/null
+++ b/packages/page-js/src/snippets/storage-examples.ts
@@ -0,0 +1,164 @@
+// Copyright 2017-2022 @polkadot/app-js authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { Snippet } from '@polkadot/app-js/types';
+
+const label = {
+  children: 'Storage',
+  color: 'blue',
+  size: 'tiny'
+};
+
+export const storageGetInfo: Snippet = {
+  code: `// Get chain state information
+// Make our basic chain state / storage queries, all in one go
+
+const [now, minimumValidatorCount, validators] = await Promise.all([
+  api.query.timestamp.now(),
+  api.query.staking.minimumValidatorCount(),
+  api.query.session.validators()
+]);
+
+console.log('The current date is: ' + now);
+console.log('The minimum validator count: ' + minimumValidatorCount);
+
+if (validators && validators.length > 0) {
+  // Retrieve the balances for all validators
+  console.log('Validators');
+
+  const validatorBalances = await Promise.all(
+    validators.map((authorityId) => api.query.system.account(authorityId))
+  );
+
+  validators.forEach((authorityId, index) => {
+    console.log('Validator: ' + authorityId.toString() )
+    console.log('AccountData: ' + validatorBalances[index].toHuman() );
+  });
+}
+`,
+  label,
+  text: 'Get chain state information',
+  value: 'storageGetInfo'
+};
+
+export const storageSystemEvents: Snippet = {
+  code: `// Subscribe to system events via storage
+api.query.system.events((events) => {
+  console.log('----- Received ' + events.length + ' event(s): -----');
+  // loop through the Vec<EventRecord>
+  events.forEach((record) => {
+  // extract the phase, event and the event types
+    const { event, phase } = record;
+    const types = event.typeDef;
+    // show what we are busy with
+    console.log(event.section + ':' + event.method + '::' + 'phase=' + phase.toString());
+    console.log(event.meta.docs.toString());
+    // loop through each of the parameters, displaying the type and data
+    event.data.forEach((data, index) => {
+      console.log(types[index].type + ';' + data.toString());
+    });
+  });
+});`,
+  label,
+  text: 'Listen to system events',
+  value: 'storageSystemEvents'
+};
+
+export const storageListenToBalanceChange: Snippet = {
+  code: `// You may leave this example running and make a transfer
+// of any value from or to Alice address in the 'Transfer' App
+const ALICE = '5GrwvaEF5zXb26Fz9rcQpDWS57CtERHpNehXCPcNoHGKutQY';
+
+// Retrieve the initial data
+let [, { free: previous }] = await api.query.system.account(ALICE);
+
+console.log('ALICE has a balance of ' + previous);
+
+// Subscribe and listen to balance changes
+api.query.system.account(ALICE, ([, { free }]) => {
+  // Calculate the delta
+  const change = free.sub(previous);
+  // Only display positive value changes (Since we are pulling 'previous' above already,
+  // the initial balance change will also be zero)
+  if (!change.isZero()) {
+    previous = free;
+    console.log('New transaction of: '+ change);
+  }
+});`,
+  label,
+  text: 'Listen to balance changes',
+  value: 'storageListenToBalanceChange'
+};
+
+export const storageListenToMultipleBalancesChange: Snippet = {
+  code: `// You may leave this example running and make a transfer
+// of any value from or to Alice/Bob address in the 'Transfer' App
+const ALICE = '5GrwvaEF5zXb26Fz9rcQpDWS57CtERHpNehXCPcNoHGKutQY';
+const BOB = '5FHneW46xGXgs5mUiveU4sbTyGBzmstUspZC92UhjJM694ty';
+
+console.log('Tracking balances for:', [ALICE, BOB])
+
+// Subscribe and listen to several balance changes
+api.query.system.account.multi([ALICE, BOB], (info) => {
+  console.log('Change detected, new balances: ', info)
+});`,
+  label,
+  text: 'Listen to multiple balances changes',
+  value: 'storageListenToMultipleBalancesChange'
+};
+
+export const storageRetrieveInfoOnQueryKeys: Snippet = {
+  code: `// This example set shows how to make queries at a point
+const ALICE = '5GrwvaEF5zXb26Fz9rcQpDWS57CtERHpNehXCPcNoHGKutQY';
+
+// retrieve the balance, once-off at the latest block
+const { data: { free } } = await api.query.system.account(ALICE);
+
+console.log('Alice has a current balance of', free.toHuman());
+
+// retrieve balance updates with an optional value callback
+const balanceUnsub = await api.query.system.account(ALICE, ({ data: { free } }) => {
+  console.log('Alice has an updated balance of', free.toHuman());
+});
+
+// retrieve the balance at a block hash in the past
+const header = await api.rpc.chain.getHeader();
+const prevHash = await api.rpc.chain.getBlockHash(header.number.unwrap().subn(42));
+const { data: { free: prev } } = await api.query.system.account.at(prevHash, ALICE);
+
+console.log('Alice had a balance of', prev.toHuman(), '(42 blocks ago)');
+
+// useful in some situations - the value hash and storage entry size
+const currHash = await api.query.system.account.hash(ALICE);
+const currSize = await api.query.system.account.size(ALICE);
+
+console.log('Alice account entry has a value hash of', currHash, 'with a size of', currSize);`,
+  label,
+  text: 'Retrieve historic query data',
+  value: 'storageRetrieveInfoOnQueryKeys'
+};
+
+export const storageKeys: Snippet = {
+  code: `// this example shows how to retrieve the hex representation of a storage key
+
+const ALICE = '5GrwvaEF5zXb26Fz9rcQpDWS57CtERHpNehXCPcNoHGKutQY';
+
+// show the key for an entry without arguments
+console.log(api.query.timestamp.now.key());
+
+// show the key for a map entry (single argument)
+console.log(api.query.system.account.key(ALICE));
+
+// show the key prefix for a map
+console.log(api.query.system.account.keyPrefix());
+
+// show the key for a double map
+console.log(api.query.staking.erasStakers.key(0, ALICE));
+
+// show the key prefix for a doublemap
+console.log(api.query.staking.erasStakers.keyPrefix());
+`,
+  label,
+  text: 'Get underlying storage key hex values',
+  value: 'storageKeys'
+};
diff --git a/packages/page-js/src/snippets/transfer.ts b/packages/page-js/src/snippets/transfer.ts
new file mode 100644
index 0000000..6b68138
--- /dev/null
+++ b/packages/page-js/src/snippets/transfer.ts
@@ -0,0 +1,27 @@
+// Copyright 2017-2022 @polkadot/app-js authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+export default `// transfer
+const sender = '5GrwvaEF5zXb26Fz9rcQpDWS57CtERHpNehXCPcNoHGKutQY';
+const recipient = '5F2PCyGDWGDJyLRV15NrBsEa9Y61BS1dfAwzbfk7yR6DBm7P';
+
+const nonce = await api.query.system.accountNonce(ALICE),
+
+console.log('Current nonce', nonce);
+
+const unsub = await api.tx.balances
+  .transfer(recipient,12345)
+  .signAndSend(sender, ({ events = [], status }) => {
+    console.log('Transaction status:', status.type);
+
+    if (status.isInBlock) {
+      console.log('Completed at block hash', status.asInBlock.toHex());
+      console.log('Events:');
+
+      events.forEach(({ phase, event: { data, method, section } }) => {
+        console.log('\t', phase.toString(), \`: \${section}.\${method}\`, data.toString());
+      });
+
+      unsub();
+    }
+  });`;
diff --git a/packages/page-js/src/snippets/wrapping.ts b/packages/page-js/src/snippets/wrapping.ts
new file mode 100644
index 0000000..e764d0c
--- /dev/null
+++ b/packages/page-js/src/snippets/wrapping.ts
@@ -0,0 +1,14 @@
+// Copyright 2017-2022 @polkadot/app-js authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+export default function makeWrapper (isDevelopment: boolean): string {
+  const args = `api, hashing, ${isDevelopment ? 'keyring, ' : ''}types, util`;
+
+  return `// All code is wrapped within an async closure,
+// allowing access to ${args}.
+// (async ({ ${args} }) => {
+//   ... any user code is executed here ...
+// })();
+
+`;
+}
diff --git a/packages/page-js/src/translate.ts b/packages/page-js/src/translate.ts
new file mode 100644
index 0000000..e06645a
--- /dev/null
+++ b/packages/page-js/src/translate.ts
@@ -0,0 +1,10 @@
+// Copyright 2017-2022 @polkadot/app-js authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { UseTranslationResponse } from 'react-i18next';
+
+import { useTranslation as useTranslationBase } from 'react-i18next';
+
+export function useTranslation (): UseTranslationResponse<'app-js', undefined> {
+  return useTranslationBase('app-js');
+}
diff --git a/packages/page-js/src/types.ts b/packages/page-js/src/types.ts
new file mode 100644
index 0000000..234b2ec
--- /dev/null
+++ b/packages/page-js/src/types.ts
@@ -0,0 +1,19 @@
+// Copyright 2017-2022 @polkadot/app-js authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { LabelProps, SemanticShorthandItem } from 'semantic-ui-react';
+
+export type LogType = 'error' | 'log';
+
+export interface Log {
+  args: unknown[];
+  type: LogType;
+}
+
+export interface Snippet {
+  text: string;
+  value: string;
+  code: string;
+  label?: SemanticShorthandItem<LabelProps>;
+  type?: 'custom' | 'shared';
+}
diff --git a/packages/page-js/tsconfig.build.json b/packages/page-js/tsconfig.build.json
new file mode 100644
index 0000000..da24d9f
--- /dev/null
+++ b/packages/page-js/tsconfig.build.json
@@ -0,0 +1,9 @@
+{
+  "extends": "../../tsconfig.base.json",
+  "compilerOptions": {
+    "baseUrl": "..",
+    "outDir": "./build",
+    "rootDir": "./src"
+  },
+  "references": []
+}
diff --git a/packages/page-membership/.skip-build b/packages/page-membership/.skip-build
new file mode 100644
index 0000000..e69de29
diff --git a/packages/page-membership/.skip-npm b/packages/page-membership/.skip-npm
new file mode 100644
index 0000000..e69de29
diff --git a/packages/page-membership/LICENSE b/packages/page-membership/LICENSE
new file mode 100644
index 0000000..0d381b2
--- /dev/null
+++ b/packages/page-membership/LICENSE
@@ -0,0 +1,201 @@
+                              Apache License
+                        Version 2.0, January 2004
+                    http://www.apache.org/licenses/
+
+TERMS AND CONDITIONS FOR USE, REPRODUCTION, AND DISTRIBUTION
+
+1. Definitions.
+
+  "License" shall mean the terms and conditions for use, reproduction,
+  and distribution as defined by Sections 1 through 9 of this document.
+
+  "Licensor" shall mean the copyright owner or entity authorized by
+  the copyright owner that is granting the License.
+
+  "Legal Entity" shall mean the union of the acting entity and all
+  other entities that control, are controlled by, or are under common
+  control with that entity. For the purposes of this definition,
+  "control" means (i) the power, direct or indirect, to cause the
+  direction or management of such entity, whether by contract or
+  otherwise, or (ii) ownership of fifty percent (50%) or more of the
+  outstanding shares, or (iii) beneficial ownership of such entity.
+
+  "You" (or "Your") shall mean an individual or Legal Entity
+  exercising permissions granted by this License.
+
+  "Source" form shall mean the preferred form for making modifications,
+  including but not limited to software source code, documentation
+  source, and configuration files.
+
+  "Object" form shall mean any form resulting from mechanical
+  transformation or translation of a Source form, including but
+  not limited to compiled object code, generated documentation,
+  and conversions to other media types.
+
+  "Work" shall mean the work of authorship, whether in Source or
+  Object form, made available under the License, as indicated by a
+  copyright notice that is included in or attached to the work
+  (an example is provided in the Appendix below).
+
+  "Derivative Works" shall mean any work, whether in Source or Object
+  form, that is based on (or derived from) the Work and for which the
+  editorial revisions, annotations, elaborations, or other modifications
+  represent, as a whole, an original work of authorship. For the purposes
+  of this License, Derivative Works shall not include works that remain
+  separable from, or merely link (or bind by name) to the interfaces of,
+  the Work and Derivative Works thereof.
+
+  "Contribution" shall mean any work of authorship, including
+  the original version of the Work and any modifications or additions
+  to that Work or Derivative Works thereof, that is intentionally
+  submitted to Licensor for inclusion in the Work by the copyright owner
+  or by an individual or Legal Entity authorized to submit on behalf of
+  the copyright owner. For the purposes of this definition, "submitted"
+  means any form of electronic, verbal, or written communication sent
+  to the Licensor or its representatives, including but not limited to
+  communication on electronic mailing lists, source code control systems,
+  and issue tracking systems that are managed by, or on behalf of, the
+  Licensor for the purpose of discussing and improving the Work, but
+  excluding communication that is conspicuously marked or otherwise
+  designated in writing by the copyright owner as "Not a Contribution."
+
+  "Contributor" shall mean Licensor and any individual or Legal Entity
+  on behalf of whom a Contribution has been received by Licensor and
+  subsequently incorporated within the Work.
+
+2. Grant of Copyright License. Subject to the terms and conditions of
+  this License, each Contributor hereby grants to You a perpetual,
+  worldwide, non-exclusive, no-charge, royalty-free, irrevocable
+  copyright license to reproduce, prepare Derivative Works of,
+  publicly display, publicly perform, sublicense, and distribute the
+  Work and such Derivative Works in Source or Object form.
+
+3. Grant of Patent License. Subject to the terms and conditions of
+  this License, each Contributor hereby grants to You a perpetual,
+  worldwide, non-exclusive, no-charge, royalty-free, irrevocable
+  (except as stated in this section) patent license to make, have made,
+  use, offer to sell, sell, import, and otherwise transfer the Work,
+  where such license applies only to those patent claims licensable
+  by such Contributor that are necessarily infringed by their
+  Contribution(s) alone or by combination of their Contribution(s)
+  with the Work to which such Contribution(s) was submitted. If You
+  institute patent litigation against any entity (including a
+  cross-claim or counterclaim in a lawsuit) alleging that the Work
+  or a Contribution incorporated within the Work constitutes direct
+  or contributory patent infringement, then any patent licenses
+  granted to You under this License for that Work shall terminate
+  as of the date such litigation is filed.
+
+4. Redistribution. You may reproduce and distribute copies of the
+  Work or Derivative Works thereof in any medium, with or without
+  modifications, and in Source or Object form, provided that You
+  meet the following conditions:
+
+  (a) You must give any other recipients of the Work or
+      Derivative Works a copy of this License; and
+
+  (b) You must cause any modified files to carry prominent notices
+      stating that You changed the files; and
+
+  (c) You must retain, in the Source form of any Derivative Works
+      that You distribute, all copyright, patent, trademark, and
+      attribution notices from the Source form of the Work,
+      excluding those notices that do not pertain to any part of
+      the Derivative Works; and
+
+  (d) If the Work includes a "NOTICE" text file as part of its
+      distribution, then any Derivative Works that You distribute must
+      include a readable copy of the attribution notices contained
+      within such NOTICE file, excluding those notices that do not
+      pertain to any part of the Derivative Works, in at least one
+      of the following places: within a NOTICE text file distributed
+      as part of the Derivative Works; within the Source form or
+      documentation, if provided along with the Derivative Works; or,
+      within a display generated by the Derivative Works, if and
+      wherever such third-party notices normally appear. The contents
+      of the NOTICE file are for informational purposes only and
+      do not modify the License. You may add Your own attribution
+      notices within Derivative Works that You distribute, alongside
+      or as an addendum to the NOTICE text from the Work, provided
+      that such additional attribution notices cannot be construed
+      as modifying the License.
+
+  You may add Your own copyright statement to Your modifications and
+  may provide additional or different license terms and conditions
+  for use, reproduction, or distribution of Your modifications, or
+  for any such Derivative Works as a whole, provided Your use,
+  reproduction, and distribution of the Work otherwise complies with
+  the conditions stated in this License.
+
+5. Submission of Contributions. Unless You explicitly state otherwise,
+  any Contribution intentionally submitted for inclusion in the Work
+  by You to the Licensor shall be under the terms and conditions of
+  this License, without any additional terms or conditions.
+  Notwithstanding the above, nothing herein shall supersede or modify
+  the terms of any separate license agreement you may have executed
+  with Licensor regarding such Contributions.
+
+6. Trademarks. This License does not grant permission to use the trade
+  names, trademarks, service marks, or product names of the Licensor,
+  except as required for reasonable and customary use in describing the
+  origin of the Work and reproducing the content of the NOTICE file.
+
+7. Disclaimer of Warranty. Unless required by applicable law or
+  agreed to in writing, Licensor provides the Work (and each
+  Contributor provides its Contributions) on an "AS IS" BASIS,
+  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or
+  implied, including, without limitation, any warranties or conditions
+  of TITLE, NON-INFRINGEMENT, MERCHANTABILITY, or FITNESS FOR A
+  PARTICULAR PURPOSE. You are solely responsible for determining the
+  appropriateness of using or redistributing the Work and assume any
+  risks associated with Your exercise of permissions under this License.
+
+8. Limitation of Liability. In no event and under no legal theory,
+  whether in tort (including negligence), contract, or otherwise,
+  unless required by applicable law (such as deliberate and grossly
+  negligent acts) or agreed to in writing, shall any Contributor be
+  liable to You for damages, including any direct, indirect, special,
+  incidental, or consequential damages of any character arising as a
+  result of this License or out of the use or inability to use the
+  Work (including but not limited to damages for loss of goodwill,
+  work stoppage, computer failure or malfunction, or any and all
+  other commercial damages or losses), even if such Contributor
+  has been advised of the possibility of such damages.
+
+9. Accepting Warranty or Additional Liability. While redistributing
+  the Work or Derivative Works thereof, You may choose to offer,
+  and charge a fee for, acceptance of support, warranty, indemnity,
+  or other liability obligations and/or rights consistent with this
+  License. However, in accepting such obligations, You may act only
+  on Your own behalf and on Your sole responsibility, not on behalf
+  of any other Contributor, and only if You agree to indemnify,
+  defend, and hold each Contributor harmless for any liability
+  incurred by, or claims asserted against, such Contributor by reason
+  of your accepting any such warranty or additional liability.
+
+END OF TERMS AND CONDITIONS
+
+APPENDIX: How to apply the Apache License to your work.
+
+  To apply the Apache License to your work, attach the following
+  boilerplate notice, with the fields enclosed by brackets "[]"
+  replaced with your own identifying information. (Don't include
+  the brackets!)  The text should be enclosed in the appropriate
+  comment syntax for the file format. We also recommend that a
+  file or class name and description of purpose be included on the
+  same "printed page" as the copyright notice for easier
+  identification within third-party archives.
+
+Copyright [yyyy] [name of copyright owner]
+
+Licensed under the Apache License, Version 2.0 (the "License");
+you may not use this file except in compliance with the License.
+You may obtain a copy of the License at
+
+    http://www.apache.org/licenses/LICENSE-2.0
+
+Unless required by applicable law or agreed to in writing, software
+distributed under the License is distributed on an "AS IS" BASIS,
+WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+See the License for the specific language governing permissions and
+limitations under the License.
diff --git a/packages/page-membership/README.md b/packages/page-membership/README.md
new file mode 100644
index 0000000..42fd731
--- /dev/null
+++ b/packages/page-membership/README.md
@@ -0,0 +1 @@
+# @polkadot/app-council
diff --git a/packages/page-membership/package.json b/packages/page-membership/package.json
new file mode 100644
index 0000000..e8f09b7
--- /dev/null
+++ b/packages/page-membership/package.json
@@ -0,0 +1,20 @@
+{
+  "bugs": "https://github.com/polkadot-js/apps/issues",
+  "homepage": "https://github.com/polkadot-js/apps/tree/master/packages/page-membership#readme",
+  "license": "Apache-2.0",
+  "name": "@polkadot/app-membership",
+  "private": true,
+  "repository": {
+    "directory": "packages/page-membership",
+    "type": "git",
+    "url": "https://github.com/polkadot-js/apps.git"
+  },
+  "sideEffects": false,
+  "type": "module",
+  "version": "0.112.2-14",
+  "dependencies": {
+    "@babel/runtime": "^7.17.9",
+    "@polkadot/react-components": "^0.112.2-14",
+    "@polkadot/react-query": "^0.112.2-14"
+  }
+}
diff --git a/packages/page-membership/src/index.tsx b/packages/page-membership/src/index.tsx
new file mode 100644
index 0000000..1c71d08
--- /dev/null
+++ b/packages/page-membership/src/index.tsx
@@ -0,0 +1,25 @@
+// Copyright 2017-2022 @polkadot/app-tech-comm authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import React from 'react';
+
+import App from '@polkadot/app-tech-comm/App';
+
+export { default as useCounter } from './useCounter';
+
+interface Props {
+  basePath: string;
+  className?: string;
+}
+
+function TechComm ({ basePath, className }: Props): React.ReactElement<Props> {
+  return (
+    <App
+      basePath={basePath}
+      className={className}
+      type='membership'
+    />
+  );
+}
+
+export default React.memo(TechComm);
diff --git a/packages/page-membership/src/useCounter.ts b/packages/page-membership/src/useCounter.ts
new file mode 100644
index 0000000..b2daa89
--- /dev/null
+++ b/packages/page-membership/src/useCounter.ts
@@ -0,0 +1,19 @@
+// Copyright 2017-2022 @polkadot/app-democracy authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { Hash } from '@polkadot/types/interfaces';
+
+import { createNamedHook, useApi, useCall } from '@polkadot/react-hooks';
+
+const transformCounter = {
+  transform: (proposals: Hash[]) => proposals.length
+};
+
+function useCounterImpl (): number {
+  const { api, isApiReady } = useApi();
+  const counter = useCall<number>(isApiReady && api.query.membership?.proposals, undefined, transformCounter) || 0;
+
+  return counter;
+}
+
+export default createNamedHook('useCounter', useCounterImpl);
diff --git a/packages/page-membership/tsconfig.build.json b/packages/page-membership/tsconfig.build.json
new file mode 100644
index 0000000..da24d9f
--- /dev/null
+++ b/packages/page-membership/tsconfig.build.json
@@ -0,0 +1,9 @@
+{
+  "extends": "../../tsconfig.base.json",
+  "compilerOptions": {
+    "baseUrl": "..",
+    "outDir": "./build",
+    "rootDir": "./src"
+  },
+  "references": []
+}
diff --git a/packages/page-nfts/.skip-build b/packages/page-nfts/.skip-build
new file mode 100644
index 0000000..e69de29
diff --git a/packages/page-nfts/.skip-npm b/packages/page-nfts/.skip-npm
new file mode 100644
index 0000000..e69de29
diff --git a/packages/page-nfts/LICENSE b/packages/page-nfts/LICENSE
new file mode 100644
index 0000000..0d381b2
--- /dev/null
+++ b/packages/page-nfts/LICENSE
@@ -0,0 +1,201 @@
+                              Apache License
+                        Version 2.0, January 2004
+                    http://www.apache.org/licenses/
+
+TERMS AND CONDITIONS FOR USE, REPRODUCTION, AND DISTRIBUTION
+
+1. Definitions.
+
+  "License" shall mean the terms and conditions for use, reproduction,
+  and distribution as defined by Sections 1 through 9 of this document.
+
+  "Licensor" shall mean the copyright owner or entity authorized by
+  the copyright owner that is granting the License.
+
+  "Legal Entity" shall mean the union of the acting entity and all
+  other entities that control, are controlled by, or are under common
+  control with that entity. For the purposes of this definition,
+  "control" means (i) the power, direct or indirect, to cause the
+  direction or management of such entity, whether by contract or
+  otherwise, or (ii) ownership of fifty percent (50%) or more of the
+  outstanding shares, or (iii) beneficial ownership of such entity.
+
+  "You" (or "Your") shall mean an individual or Legal Entity
+  exercising permissions granted by this License.
+
+  "Source" form shall mean the preferred form for making modifications,
+  including but not limited to software source code, documentation
+  source, and configuration files.
+
+  "Object" form shall mean any form resulting from mechanical
+  transformation or translation of a Source form, including but
+  not limited to compiled object code, generated documentation,
+  and conversions to other media types.
+
+  "Work" shall mean the work of authorship, whether in Source or
+  Object form, made available under the License, as indicated by a
+  copyright notice that is included in or attached to the work
+  (an example is provided in the Appendix below).
+
+  "Derivative Works" shall mean any work, whether in Source or Object
+  form, that is based on (or derived from) the Work and for which the
+  editorial revisions, annotations, elaborations, or other modifications
+  represent, as a whole, an original work of authorship. For the purposes
+  of this License, Derivative Works shall not include works that remain
+  separable from, or merely link (or bind by name) to the interfaces of,
+  the Work and Derivative Works thereof.
+
+  "Contribution" shall mean any work of authorship, including
+  the original version of the Work and any modifications or additions
+  to that Work or Derivative Works thereof, that is intentionally
+  submitted to Licensor for inclusion in the Work by the copyright owner
+  or by an individual or Legal Entity authorized to submit on behalf of
+  the copyright owner. For the purposes of this definition, "submitted"
+  means any form of electronic, verbal, or written communication sent
+  to the Licensor or its representatives, including but not limited to
+  communication on electronic mailing lists, source code control systems,
+  and issue tracking systems that are managed by, or on behalf of, the
+  Licensor for the purpose of discussing and improving the Work, but
+  excluding communication that is conspicuously marked or otherwise
+  designated in writing by the copyright owner as "Not a Contribution."
+
+  "Contributor" shall mean Licensor and any individual or Legal Entity
+  on behalf of whom a Contribution has been received by Licensor and
+  subsequently incorporated within the Work.
+
+2. Grant of Copyright License. Subject to the terms and conditions of
+  this License, each Contributor hereby grants to You a perpetual,
+  worldwide, non-exclusive, no-charge, royalty-free, irrevocable
+  copyright license to reproduce, prepare Derivative Works of,
+  publicly display, publicly perform, sublicense, and distribute the
+  Work and such Derivative Works in Source or Object form.
+
+3. Grant of Patent License. Subject to the terms and conditions of
+  this License, each Contributor hereby grants to You a perpetual,
+  worldwide, non-exclusive, no-charge, royalty-free, irrevocable
+  (except as stated in this section) patent license to make, have made,
+  use, offer to sell, sell, import, and otherwise transfer the Work,
+  where such license applies only to those patent claims licensable
+  by such Contributor that are necessarily infringed by their
+  Contribution(s) alone or by combination of their Contribution(s)
+  with the Work to which such Contribution(s) was submitted. If You
+  institute patent litigation against any entity (including a
+  cross-claim or counterclaim in a lawsuit) alleging that the Work
+  or a Contribution incorporated within the Work constitutes direct
+  or contributory patent infringement, then any patent licenses
+  granted to You under this License for that Work shall terminate
+  as of the date such litigation is filed.
+
+4. Redistribution. You may reproduce and distribute copies of the
+  Work or Derivative Works thereof in any medium, with or without
+  modifications, and in Source or Object form, provided that You
+  meet the following conditions:
+
+  (a) You must give any other recipients of the Work or
+      Derivative Works a copy of this License; and
+
+  (b) You must cause any modified files to carry prominent notices
+      stating that You changed the files; and
+
+  (c) You must retain, in the Source form of any Derivative Works
+      that You distribute, all copyright, patent, trademark, and
+      attribution notices from the Source form of the Work,
+      excluding those notices that do not pertain to any part of
+      the Derivative Works; and
+
+  (d) If the Work includes a "NOTICE" text file as part of its
+      distribution, then any Derivative Works that You distribute must
+      include a readable copy of the attribution notices contained
+      within such NOTICE file, excluding those notices that do not
+      pertain to any part of the Derivative Works, in at least one
+      of the following places: within a NOTICE text file distributed
+      as part of the Derivative Works; within the Source form or
+      documentation, if provided along with the Derivative Works; or,
+      within a display generated by the Derivative Works, if and
+      wherever such third-party notices normally appear. The contents
+      of the NOTICE file are for informational purposes only and
+      do not modify the License. You may add Your own attribution
+      notices within Derivative Works that You distribute, alongside
+      or as an addendum to the NOTICE text from the Work, provided
+      that such additional attribution notices cannot be construed
+      as modifying the License.
+
+  You may add Your own copyright statement to Your modifications and
+  may provide additional or different license terms and conditions
+  for use, reproduction, or distribution of Your modifications, or
+  for any such Derivative Works as a whole, provided Your use,
+  reproduction, and distribution of the Work otherwise complies with
+  the conditions stated in this License.
+
+5. Submission of Contributions. Unless You explicitly state otherwise,
+  any Contribution intentionally submitted for inclusion in the Work
+  by You to the Licensor shall be under the terms and conditions of
+  this License, without any additional terms or conditions.
+  Notwithstanding the above, nothing herein shall supersede or modify
+  the terms of any separate license agreement you may have executed
+  with Licensor regarding such Contributions.
+
+6. Trademarks. This License does not grant permission to use the trade
+  names, trademarks, service marks, or product names of the Licensor,
+  except as required for reasonable and customary use in describing the
+  origin of the Work and reproducing the content of the NOTICE file.
+
+7. Disclaimer of Warranty. Unless required by applicable law or
+  agreed to in writing, Licensor provides the Work (and each
+  Contributor provides its Contributions) on an "AS IS" BASIS,
+  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or
+  implied, including, without limitation, any warranties or conditions
+  of TITLE, NON-INFRINGEMENT, MERCHANTABILITY, or FITNESS FOR A
+  PARTICULAR PURPOSE. You are solely responsible for determining the
+  appropriateness of using or redistributing the Work and assume any
+  risks associated with Your exercise of permissions under this License.
+
+8. Limitation of Liability. In no event and under no legal theory,
+  whether in tort (including negligence), contract, or otherwise,
+  unless required by applicable law (such as deliberate and grossly
+  negligent acts) or agreed to in writing, shall any Contributor be
+  liable to You for damages, including any direct, indirect, special,
+  incidental, or consequential damages of any character arising as a
+  result of this License or out of the use or inability to use the
+  Work (including but not limited to damages for loss of goodwill,
+  work stoppage, computer failure or malfunction, or any and all
+  other commercial damages or losses), even if such Contributor
+  has been advised of the possibility of such damages.
+
+9. Accepting Warranty or Additional Liability. While redistributing
+  the Work or Derivative Works thereof, You may choose to offer,
+  and charge a fee for, acceptance of support, warranty, indemnity,
+  or other liability obligations and/or rights consistent with this
+  License. However, in accepting such obligations, You may act only
+  on Your own behalf and on Your sole responsibility, not on behalf
+  of any other Contributor, and only if You agree to indemnify,
+  defend, and hold each Contributor harmless for any liability
+  incurred by, or claims asserted against, such Contributor by reason
+  of your accepting any such warranty or additional liability.
+
+END OF TERMS AND CONDITIONS
+
+APPENDIX: How to apply the Apache License to your work.
+
+  To apply the Apache License to your work, attach the following
+  boilerplate notice, with the fields enclosed by brackets "[]"
+  replaced with your own identifying information. (Don't include
+  the brackets!)  The text should be enclosed in the appropriate
+  comment syntax for the file format. We also recommend that a
+  file or class name and description of purpose be included on the
+  same "printed page" as the copyright notice for easier
+  identification within third-party archives.
+
+Copyright [yyyy] [name of copyright owner]
+
+Licensed under the Apache License, Version 2.0 (the "License");
+you may not use this file except in compliance with the License.
+You may obtain a copy of the License at
+
+    http://www.apache.org/licenses/LICENSE-2.0
+
+Unless required by applicable law or agreed to in writing, software
+distributed under the License is distributed on an "AS IS" BASIS,
+WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+See the License for the specific language governing permissions and
+limitations under the License.
diff --git a/packages/page-nfts/README.md b/packages/page-nfts/README.md
new file mode 100644
index 0000000..49fee6e
--- /dev/null
+++ b/packages/page-nfts/README.md
@@ -0,0 +1 @@
+# @polkadot/app-nfts
diff --git a/packages/page-nfts/package.json b/packages/page-nfts/package.json
new file mode 100644
index 0000000..7d2edcf
--- /dev/null
+++ b/packages/page-nfts/package.json
@@ -0,0 +1,19 @@
+{
+  "bugs": "https://github.com/polkadot-js/apps/issues",
+  "homepage": "https://github.com/polkadot-js/apps/tree/master/packages/page-nfts#readme",
+  "license": "Apache-2.0",
+  "name": "@polkadot/app-nfts",
+  "private": true,
+  "repository": {
+    "directory": "packages/page-nfts",
+    "type": "git",
+    "url": "https://github.com/polkadot-js/apps.git"
+  },
+  "sideEffects": false,
+  "type": "module",
+  "version": "0.112.2-14",
+  "dependencies": {
+    "@babel/runtime": "^7.17.9",
+    "@polkadot/react-components": "^0.112.2-14"
+  }
+}
diff --git a/packages/page-nfts/src/AccountItems/Item.tsx b/packages/page-nfts/src/AccountItems/Item.tsx
new file mode 100644
index 0000000..2b84842
--- /dev/null
+++ b/packages/page-nfts/src/AccountItems/Item.tsx
@@ -0,0 +1,42 @@
+// Copyright 2017-2022 @polkadot/app-nfts authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { ItemInfo } from './types';
+
+import React from 'react';
+
+import { AddressSmall, IconLink } from '@polkadot/react-components';
+import { formatNumber } from '@polkadot/util';
+
+interface Props {
+  className?: string;
+  collectionName: string;
+  value: ItemInfo;
+}
+
+function Item ({ className, collectionName, value: { account, id, ipfsData } }: Props): React.ReactElement<Props> {
+  const name = ipfsData?.name || collectionName;
+  const imageLink = ipfsData?.image ? `https://ipfs.io/ipfs/${ipfsData.image}` : '';
+
+  return (
+    <tr className={className}>
+      <td className='number'><h1>{formatNumber(id)}</h1></td>
+      <td className='together all'>
+        { name && imageLink
+          ? (
+            <IconLink
+              href={imageLink}
+              icon='braille'
+              label={name}
+              rel='noopener'
+              target='_blank'
+            />)
+          : name
+        }
+      </td>
+      <td className='address media--1000'><AddressSmall value={account} /></td>
+    </tr>
+  );
+}
+
+export default React.memo(Item);
diff --git a/packages/page-nfts/src/AccountItems/index.tsx b/packages/page-nfts/src/AccountItems/index.tsx
new file mode 100644
index 0000000..d275886
--- /dev/null
+++ b/packages/page-nfts/src/AccountItems/index.tsx
@@ -0,0 +1,104 @@
+// Copyright 2017-2022 @polkadot/app-nfts authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { CollectionInfo, CollectionInfoComplete } from '../types';
+
+import React, { useEffect, useMemo, useRef, useState } from 'react';
+import styled from 'styled-components';
+
+import { Dropdown, Table } from '@polkadot/react-components';
+import { formatNumber } from '@polkadot/util';
+
+import { useTranslation } from '../translate';
+import Item from './Item';
+import useAccountItems from './useAccountItems';
+import useItemsInfos from './useItemsInfos';
+
+interface Props {
+  className?: string;
+  infos?: CollectionInfo[];
+}
+
+function AccountItems ({ className, infos = [] }: Props): React.ReactElement<Props> {
+  const { t } = useTranslation();
+  const NO_NAME = ` - ${t('no name')} -`;
+
+  const [infoIndex, setInfoIndex] = useState(0);
+  const [info, setInfo] = useState<CollectionInfoComplete | null>(null);
+  const accountItems = useAccountItems();
+
+  const collectionItems = useMemo(
+    () => !info || !accountItems
+      ? []
+      : accountItems.filter(({ collectionId }) => collectionId.eq(info.id))
+    , [info, accountItems]
+  );
+
+  const itemsInfos = useItemsInfos(collectionItems);
+  const collectionName = info?.ipfsData?.name || NO_NAME;
+
+  const completeInfos = useMemo(
+    () => !accountItems
+      ? []
+      : infos
+        .filter((i): i is CollectionInfoComplete => !!(i.details && i.metadata) && accountItems.some(({ collectionId }) => i.id.eq(collectionId)))
+        .sort((a, b) => a.id.cmp(b.id)),
+    [infos, accountItems]
+  );
+
+  const collectionOptions = useMemo(
+    () => completeInfos.map(({ id, ipfsData }, index) => ({
+      text: `${ipfsData?.name || NO_NAME} (ID: ${formatNumber(id)})`,
+      value: index
+    })),
+    [completeInfos, NO_NAME]
+  );
+
+  const headerRef = useRef([
+    [t('items'), 'start', 2],
+    [t('owner'), 'address media--1000']
+  ]);
+
+  useEffect((): void => {
+    setInfo(() =>
+      infoIndex >= 0 && infoIndex < completeInfos.length
+        ? completeInfos[infoIndex]
+        : null
+    );
+  }, [completeInfos, infoIndex]);
+
+  return (
+    <div className={className}>
+      <Table
+        empty={!info && accountItems && t<string>('No accounts with items found for the collection')}
+        filter={collectionOptions.length
+          ? (
+            <Dropdown
+              isFull
+              label={t<string>('the collection to query for items')}
+              onChange={setInfoIndex}
+              options={collectionOptions}
+              value={infoIndex}
+            />
+          )
+          : undefined
+        }
+        header={headerRef.current}
+      >
+        {itemsInfos && itemsInfos.map((info) => (
+          <Item
+            collectionName={collectionName}
+            key={info.key}
+            value={info}
+          />
+        ))}
+      </Table>
+    </div>
+  );
+}
+
+export default React.memo(styled(AccountItems)`
+  table {
+    overflow: auto;
+  }
+`);
diff --git a/packages/page-nfts/src/AccountItems/types.ts b/packages/page-nfts/src/AccountItems/types.ts
new file mode 100644
index 0000000..ed42d61
--- /dev/null
+++ b/packages/page-nfts/src/AccountItems/types.ts
@@ -0,0 +1,19 @@
+// Copyright 2017-2022 @polkadot/app-nfts authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { AccountId } from '@polkadot/types/interfaces';
+import type { PalletUniquesInstanceMetadata } from '@polkadot/types/lookup';
+import type { BN } from '@polkadot/util';
+
+export interface ItemSupportedIpfsData {
+  name: string | null;
+  image: string | null;
+}
+
+export interface ItemInfo {
+  account: AccountId,
+  id: BN;
+  key: string;
+  metadata: PalletUniquesInstanceMetadata | null;
+  ipfsData: ItemSupportedIpfsData | null;
+}
diff --git a/packages/page-nfts/src/AccountItems/useAccountItems.ts b/packages/page-nfts/src/AccountItems/useAccountItems.ts
new file mode 100644
index 0000000..2d5ca08
--- /dev/null
+++ b/packages/page-nfts/src/AccountItems/useAccountItems.ts
@@ -0,0 +1,49 @@
+// Copyright 2017-2022 @polkadot/app-nfts authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { StorageKey, u32 } from '@polkadot/types';
+import type { AccountId32 } from '@polkadot/types/interfaces';
+import type { AccountItem } from '../types';
+
+import { useEffect, useState } from 'react';
+
+import { createNamedHook, useAccounts, useApi, useIsMountedRef } from '@polkadot/react-hooks';
+
+function transformResults (results: StorageKey<[AccountId32, u32, u32]>[][]): AccountItem[] {
+  return results
+    .filter((r) => !!r.length)
+    .map((r) => r.map((item) => {
+      const [accountId, collectionId, itemId] = item.args;
+
+      return {
+        accountId,
+        collectionId,
+        itemId
+      };
+    }))
+    .flat();
+}
+
+function useAccountItemsImpl (): AccountItem[] | undefined {
+  const mountedRef = useIsMountedRef();
+  const { api } = useApi();
+  const { allAccounts } = useAccounts();
+
+  const [state, setState] = useState<AccountItem[] | undefined>();
+
+  useEffect((): void => {
+    if (!allAccounts.length) {
+      return;
+    }
+
+    const promises = allAccounts.map((account) => api.query.uniques.account.keys(account));
+
+    Promise.all(promises)
+      .then((results) => mountedRef.current && setState(transformResults(results)))
+      .catch(console.error);
+  }, [allAccounts, api.query.uniques.account, mountedRef]);
+
+  return state;
+}
+
+export default createNamedHook('useAccountItems', useAccountItemsImpl);
diff --git a/packages/page-nfts/src/AccountItems/useItemsInfos.ts b/packages/page-nfts/src/AccountItems/useItemsInfos.ts
new file mode 100644
index 0000000..652ff6e
--- /dev/null
+++ b/packages/page-nfts/src/AccountItems/useItemsInfos.ts
@@ -0,0 +1,99 @@
+// Copyright 2017-2022 @polkadot/app-nfts authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { PalletUniquesInstanceMetadata } from '@polkadot/types/lookup';
+import type { BN } from '@polkadot/util';
+import type { AccountItem } from '../types';
+import type { ItemInfo, ItemSupportedIpfsData } from './types';
+
+import { useEffect, useMemo, useState } from 'react';
+
+import { createNamedHook, useApi, useCall, useIpfsFetch } from '@polkadot/react-hooks';
+
+type IpfsData = Map<string, ItemSupportedIpfsData | null>;
+
+const QUERY_OPTS = { withParams: true };
+
+const IPFS_FETCH_OPTIONS = {
+  transform: (data: string | undefined): ItemSupportedIpfsData | null => {
+    if (!data) {
+      return null;
+    }
+
+    try {
+      const result = JSON.parse(data) as {[key: string]: any};
+
+      if (result && typeof result === 'object') {
+        return {
+          image: typeof result.image === 'string' ? result.image.replace(/ipfs:\/\/|ipfs\//gi, '') : null,
+          name: typeof result.name === 'string' ? result.name : null
+        };
+      }
+    } catch {}
+
+    return null;
+  }
+};
+
+function extractInfo ([, itemId]: [BN, BN], metadata: PalletUniquesInstanceMetadata, accountItems: AccountItem[]): ItemInfo {
+  const { accountId } = accountItems.find(({ itemId: _itemId }) => _itemId.eq(itemId)) as AccountItem;
+
+  return {
+    account: accountId,
+    id: itemId,
+    ipfsData: null,
+    key: itemId.toString(),
+    metadata: metadata.isEmpty
+      ? null
+      : metadata
+  };
+}
+
+const addIpfsData = (ipfsData: IpfsData) => (itemInfo: ItemInfo): ItemInfo => {
+  const ipfsHash = itemInfo.metadata?.toHuman()?.data?.toString() || '';
+
+  return {
+    ...itemInfo,
+    ipfsData: ipfsData.has(ipfsHash) ? ipfsData.get(ipfsHash) as ItemSupportedIpfsData | null : null
+  };
+};
+
+function useItemsInfosImpl (accountItems: AccountItem[]): ItemInfo[] | undefined {
+  const { api } = useApi();
+  const [state, setState] = useState<ItemInfo[] | undefined>();
+
+  const ids = useMemo(
+    () => accountItems.map(({ collectionId, itemId }) => [collectionId, itemId]),
+    [accountItems]
+  );
+
+  const metadata = useCall<[[[BN, BN][]], PalletUniquesInstanceMetadata[]]>(api.query.uniques.instanceMetadataOf.multi, [ids], QUERY_OPTS);
+
+  const ipfsHashes = useMemo((): string[] | undefined => {
+    if (metadata && metadata[1].length) {
+      return metadata[1].map((metadataItem) => metadataItem.toHuman()?.data?.toString() || '');
+    }
+
+    return undefined;
+  }, [metadata]);
+
+  const ipfsData = useIpfsFetch<ItemSupportedIpfsData | null>(ipfsHashes, IPFS_FETCH_OPTIONS);
+
+  useEffect((): void => {
+    if (ipfsData && accountItems.length && metadata && metadata[0][0].length) {
+      const [collectionId] = metadata[0][0][0];
+
+      if (!collectionId.eq(ids[0][0])) {
+        return;
+      }
+
+      const itemsInfos = metadata[0][0].map((id, index) => extractInfo(id, metadata[1][index], accountItems));
+
+      setState(itemsInfos.map(addIpfsData(ipfsData)));
+    }
+  }, [accountItems, ids, ipfsData, metadata]);
+
+  return state;
+}
+
+export default createNamedHook('useItemsInfos', useItemsInfosImpl);
diff --git a/packages/page-nfts/src/Overview/Collection.tsx b/packages/page-nfts/src/Overview/Collection.tsx
new file mode 100644
index 0000000..c0d643d
--- /dev/null
+++ b/packages/page-nfts/src/Overview/Collection.tsx
@@ -0,0 +1,46 @@
+// Copyright 2017-2022 @polkadot/app-nfts authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { CollectionInfo } from '../types';
+
+import React from 'react';
+
+import { AddressSmall, IconLink } from '@polkadot/react-components';
+import { formatNumber } from '@polkadot/util';
+
+import { useTranslation } from '../translate';
+
+interface Props {
+  className?: string;
+  value: CollectionInfo;
+}
+
+function Collection ({ className, value: { details, id, ipfsData } }: Props): React.ReactElement<Props> {
+  const { t } = useTranslation();
+  const name = ipfsData?.name || '';
+  const imageLink = ipfsData?.image ? `https://ipfs.io/ipfs/${ipfsData.image}` : '';
+
+  return (
+    <tr className={className}>
+      <td className='number'><h1>{formatNumber(id)}</h1></td>
+      <td className='together all'>
+        { name && imageLink
+          ? (
+            <IconLink
+              href={imageLink}
+              icon='braille'
+              label={name}
+              rel='noopener'
+              target='_blank'
+            />)
+          : name
+        }
+      </td>
+      <td className='address media--1000'>{details && <AddressSmall value={details.owner} />}</td>
+      <td className='string'>{details?.toJSON()?.isFrozen && t('Frozen')}</td>
+      <td className='number'>{details?.instances && formatNumber(details.instances)}</td>
+    </tr>
+  );
+}
+
+export default React.memo(Collection);
diff --git a/packages/page-nfts/src/Overview/Collections.tsx b/packages/page-nfts/src/Overview/Collections.tsx
new file mode 100644
index 0000000..8780cb7
--- /dev/null
+++ b/packages/page-nfts/src/Overview/Collections.tsx
@@ -0,0 +1,44 @@
+// Copyright 2017-2022 @polkadot/app-nfts authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { CollectionInfo } from '../types';
+
+import React, { useRef } from 'react';
+
+import { Table } from '@polkadot/react-components';
+
+import { useTranslation } from '../translate';
+import Collection from './Collection';
+
+interface Props {
+  className?: string;
+  infos?: CollectionInfo[];
+}
+
+function Collections ({ className, infos }: Props): React.ReactElement<Props> {
+  const { t } = useTranslation();
+
+  const headerRef = useRef([
+    [t('collections'), 'start', 2],
+    [t('owner'), 'address media--1000'],
+    [t('status')],
+    [t('items')]
+  ]);
+
+  return (
+    <Table
+      className={className}
+      empty={infos && t<string>('No collections found')}
+      header={headerRef.current}
+    >
+      {infos?.map((info) => (
+        <Collection
+          key={info.key}
+          value={info}
+        />
+      ))}
+    </Table>
+  );
+}
+
+export default React.memo(Collections);
diff --git a/packages/page-nfts/src/Overview/Summary.tsx b/packages/page-nfts/src/Overview/Summary.tsx
new file mode 100644
index 0000000..7f940c9
--- /dev/null
+++ b/packages/page-nfts/src/Overview/Summary.tsx
@@ -0,0 +1,28 @@
+// Copyright 2017-2022 @polkadot/app-nfts authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import React from 'react';
+
+import { CardSummary, SummaryBox } from '@polkadot/react-components';
+import { formatNumber } from '@polkadot/util';
+
+import { useTranslation } from '../translate';
+
+interface Props {
+  className?: string;
+  numCollections?: number;
+}
+
+function Summary ({ className, numCollections }: Props): React.ReactElement<Props> {
+  const { t } = useTranslation();
+
+  return (
+    <SummaryBox className={className}>
+      <CardSummary label={t<string>('collections')}>
+        {formatNumber(numCollections)}
+      </CardSummary>
+    </SummaryBox>
+  );
+}
+
+export default React.memo(Summary);
diff --git a/packages/page-nfts/src/Overview/index.tsx b/packages/page-nfts/src/Overview/index.tsx
new file mode 100644
index 0000000..473c23a
--- /dev/null
+++ b/packages/page-nfts/src/Overview/index.tsx
@@ -0,0 +1,27 @@
+// Copyright 2017-2022 @polkadot/app-nfts authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { BN } from '@polkadot/util';
+import type { CollectionInfo } from '../types';
+
+import React from 'react';
+
+import Collections from './Collections';
+import Summary from './Summary';
+
+interface Props {
+  className?: string;
+  ids?: BN[];
+  infos?: CollectionInfo[];
+}
+
+function Overview ({ className, ids, infos }: Props): React.ReactElement<Props> {
+  return (
+    <div className={className}>
+      <Summary numCollections={ids?.length} />
+      <Collections infos={infos} />
+    </div>
+  );
+}
+
+export default React.memo(Overview);
diff --git a/packages/page-nfts/src/index.tsx b/packages/page-nfts/src/index.tsx
new file mode 100644
index 0000000..249271c
--- /dev/null
+++ b/packages/page-nfts/src/index.tsx
@@ -0,0 +1,70 @@
+// Copyright 2017-2022 @polkadot/app-nfts authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import '@polkadot/api-augment/substrate';
+
+import React, { useMemo, useRef } from 'react';
+import { Route, Switch } from 'react-router';
+
+import { Tabs } from '@polkadot/react-components';
+import { useAccounts } from '@polkadot/react-hooks';
+
+import AccountItems from './AccountItems';
+import Overview from './Overview';
+import { useTranslation } from './translate';
+import useCollectionIds from './useCollectionIds';
+import useCollectionInfos from './useCollectionInfos';
+
+interface Props {
+  basePath: string;
+  className?: string;
+}
+
+function NftApp ({ basePath, className }: Props): React.ReactElement<Props> {
+  const { t } = useTranslation();
+  const { hasAccounts } = useAccounts();
+  const ids = useCollectionIds();
+  const infos = useCollectionInfos(ids);
+
+  const tabsRef = useRef([
+    {
+      isRoot: true,
+      name: 'overview',
+      text: t<string>('Overview')
+    },
+    {
+      name: 'my-nfts',
+      text: t<string>('My NFTs')
+    }
+  ]);
+
+  const hidden = useMemo(
+    () => (hasAccounts && infos && infos.some(({ details, metadata }) => !!(details && metadata)))
+      ? []
+      : ['my-nfts'],
+    [hasAccounts, infos]
+  );
+
+  return (
+    <main className={className}>
+      <Tabs
+        basePath={basePath}
+        hidden={hidden}
+        items={tabsRef.current}
+      />
+      <Switch>
+        <Route path={`${basePath}/my-nfts`}>
+          <AccountItems infos={infos} />
+        </Route>
+        <Route>
+          <Overview
+            ids={ids}
+            infos={infos}
+          />
+        </Route>
+      </Switch>
+    </main>
+  );
+}
+
+export default React.memo(NftApp);
diff --git a/packages/page-nfts/src/translate.ts b/packages/page-nfts/src/translate.ts
new file mode 100644
index 0000000..ac01013
--- /dev/null
+++ b/packages/page-nfts/src/translate.ts
@@ -0,0 +1,10 @@
+// Copyright 2017-2022 @polkadot/app-nfts authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { UseTranslationResponse } from 'react-i18next';
+
+import { useTranslation as useTranslationBase } from 'react-i18next';
+
+export function useTranslation (): UseTranslationResponse<'app-nfts', undefined> {
+  return useTranslationBase('app-nfts');
+}
diff --git a/packages/page-nfts/src/types.ts b/packages/page-nfts/src/types.ts
new file mode 100644
index 0000000..33c6682
--- /dev/null
+++ b/packages/page-nfts/src/types.ts
@@ -0,0 +1,34 @@
+// Copyright 2017-2022 @polkadot/app-nfts authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { AccountId } from '@polkadot/types/interfaces';
+import type { PalletUniquesClassDetails, PalletUniquesClassMetadata } from '@polkadot/types/lookup';
+import type { BN } from '@polkadot/util';
+
+export interface CollectionSupportedIpfsData {
+  name: string | null;
+  image: string | null;
+}
+
+export interface CollectionInfo {
+  details: PalletUniquesClassDetails | null;
+  id: BN;
+  isAdminMe: boolean;
+  isIssuerMe: boolean;
+  isFreezerMe: boolean;
+  isOwnerMe: boolean;
+  key: string;
+  metadata: PalletUniquesClassMetadata | null;
+  ipfsData: CollectionSupportedIpfsData | null;
+}
+
+export interface CollectionInfoComplete extends CollectionInfo {
+  details: PalletUniquesClassDetails;
+  metadata: PalletUniquesClassMetadata;
+}
+
+export interface AccountItem {
+  accountId: AccountId;
+  collectionId: BN;
+  itemId: BN;
+}
diff --git a/packages/page-nfts/src/useCollectionIds.ts b/packages/page-nfts/src/useCollectionIds.ts
new file mode 100644
index 0000000..175f686
--- /dev/null
+++ b/packages/page-nfts/src/useCollectionIds.ts
@@ -0,0 +1,43 @@
+// Copyright 2017-2022 @polkadot/app-nfts authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { Changes } from '@polkadot/react-hooks/useEventChanges';
+import type { StorageKey, u32 } from '@polkadot/types';
+import type { EventRecord } from '@polkadot/types/interfaces';
+
+import { createNamedHook, useApi, useEventChanges, useMapKeys } from '@polkadot/react-hooks';
+
+const keyOptions = {
+  transform: (keys: StorageKey<[u32]>[]): u32[] =>
+    keys
+      .map(({ args: [id] }) => id)
+      .sort((a, b) => a.cmp(b))
+};
+
+function filter (records: EventRecord[]): Changes<u32> {
+  const added: u32[] = [];
+  const removed: u32[] = [];
+
+  records.forEach(({ event: { data: [id], method } }): void => {
+    if (method === 'Created' || method === 'ForceCreated') {
+      added.push(id as u32);
+    } else {
+      removed.push(id as u32);
+    }
+  });
+
+  return { added, removed };
+}
+
+function useCollectionIdsImpl (): u32[] {
+  const { api } = useApi();
+  const startValue = useMapKeys(api.query.uniques.class, keyOptions);
+
+  return useEventChanges([
+    api.events.uniques.Created,
+    api.events.uniques.Destroyed,
+    api.events.uniques.ForceCreated
+  ], filter, startValue);
+}
+
+export default createNamedHook('useCollectionIds', useCollectionIdsImpl);
diff --git a/packages/page-nfts/src/useCollectionInfos.ts b/packages/page-nfts/src/useCollectionInfos.ts
new file mode 100644
index 0000000..6f101e8
--- /dev/null
+++ b/packages/page-nfts/src/useCollectionInfos.ts
@@ -0,0 +1,115 @@
+// Copyright 2017-2022 @polkadot/app-nfts authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { Option } from '@polkadot/types';
+import type { AccountId } from '@polkadot/types/interfaces';
+import type { PalletUniquesClassDetails, PalletUniquesClassMetadata } from '@polkadot/types/lookup';
+import type { BN } from '@polkadot/util';
+import type { CollectionInfo } from './types';
+
+import { useEffect, useMemo, useState } from 'react';
+
+import { createNamedHook, useAccounts, useApi, useCall, useIpfsFetch } from '@polkadot/react-hooks';
+
+import { CollectionSupportedIpfsData } from './types';
+
+type IpfsData = Map<string, CollectionSupportedIpfsData | null>;
+
+const EMPTY_FLAGS = {
+  isAdminMe: false,
+  isFreezerMe: false,
+  isIssuerMe: false,
+  isOwnerMe: false
+};
+
+const QUERY_OPTS = { withParams: true };
+
+const IPFS_FETCH_OPTIONS = {
+  transform: (data: string | undefined): CollectionSupportedIpfsData | null => {
+    if (!data) {
+      return null;
+    }
+
+    try {
+      const result = JSON.parse(data) as {[key: string]: any};
+
+      if (result && typeof result === 'object') {
+        return {
+          image: typeof result.image === 'string' ? result.image.replace(/ipfs:\/\/|ipfs\//gi, '') : null,
+          name: typeof result.name === 'string' ? result.name : null
+        };
+      }
+    } catch {}
+
+    return null;
+  }
+};
+
+function isAccount (allAccounts: string[], accountId: AccountId): boolean {
+  const address = accountId.toString();
+
+  return allAccounts.some((a) => a === address);
+}
+
+function extractInfo (allAccounts: string[], id: BN, optDetails: Option<PalletUniquesClassDetails>, metadata: PalletUniquesClassMetadata): CollectionInfo {
+  const details = optDetails.unwrapOr(null);
+
+  return {
+    ...(details
+      ? {
+        isAdminMe: isAccount(allAccounts, details.admin),
+        isFreezerMe: isAccount(allAccounts, details.freezer),
+        isIssuerMe: isAccount(allAccounts, details.issuer),
+        isOwnerMe: isAccount(allAccounts, details.owner)
+      }
+      : EMPTY_FLAGS
+    ),
+    details,
+    id,
+    ipfsData: null,
+    key: id.toString(),
+    metadata: metadata.isEmpty
+      ? null
+      : metadata
+  };
+}
+
+const addIpfsData = (ipfsData: IpfsData) => (collectionInfo: CollectionInfo): CollectionInfo => {
+  const ipfsHash = collectionInfo.metadata?.toHuman()?.data?.toString() || '';
+
+  return {
+    ...collectionInfo,
+    ipfsData: ipfsData.has(ipfsHash) ? ipfsData.get(ipfsHash) as CollectionSupportedIpfsData | null : null
+  };
+};
+
+function useCollectionInfosImpl (ids?: BN[]): CollectionInfo[] | undefined {
+  const { api } = useApi();
+  const { allAccounts } = useAccounts();
+  const metadata = useCall<[[BN[]], PalletUniquesClassMetadata[]]>(api.query.uniques.classMetadataOf.multi, [ids], QUERY_OPTS);
+  const details = useCall<[[BN[]], Option<PalletUniquesClassDetails>[]]>(api.query.uniques.class.multi, [ids], QUERY_OPTS);
+  const [state, setState] = useState<CollectionInfo[] | undefined>();
+
+  const ipfsHashes = useMemo(
+    () => metadata && metadata[1].length
+      ? metadata[1].map((m) => m.toHuman()?.data?.toString() || '')
+      : [],
+    [metadata]
+  );
+
+  const ipfsData = useIpfsFetch<CollectionSupportedIpfsData | null>(ipfsHashes, IPFS_FETCH_OPTIONS);
+
+  useEffect((): void => {
+    if (ipfsData && details && metadata && (details[0][0].length === metadata[0][0].length)) {
+      const collectionInfos = details[0][0].map((id, index) =>
+        extractInfo(allAccounts, id, details[1][index], metadata[1][index])
+      );
+
+      setState(collectionInfos.map(addIpfsData(ipfsData)));
+    }
+  }, [allAccounts, details, ids, ipfsData, metadata]);
+
+  return state;
+}
+
+export default createNamedHook('useCollectionInfos', useCollectionInfosImpl);
diff --git a/packages/page-nfts/tsconfig.build.json b/packages/page-nfts/tsconfig.build.json
new file mode 100644
index 0000000..da24d9f
--- /dev/null
+++ b/packages/page-nfts/tsconfig.build.json
@@ -0,0 +1,9 @@
+{
+  "extends": "../../tsconfig.base.json",
+  "compilerOptions": {
+    "baseUrl": "..",
+    "outDir": "./build",
+    "rootDir": "./src"
+  },
+  "references": []
+}
diff --git a/packages/page-parachains/.skip-build b/packages/page-parachains/.skip-build
new file mode 100644
index 0000000..e69de29
diff --git a/packages/page-parachains/.skip-npm b/packages/page-parachains/.skip-npm
new file mode 100644
index 0000000..e69de29
diff --git a/packages/page-parachains/LICENSE b/packages/page-parachains/LICENSE
new file mode 100644
index 0000000..0d381b2
--- /dev/null
+++ b/packages/page-parachains/LICENSE
@@ -0,0 +1,201 @@
+                              Apache License
+                        Version 2.0, January 2004
+                    http://www.apache.org/licenses/
+
+TERMS AND CONDITIONS FOR USE, REPRODUCTION, AND DISTRIBUTION
+
+1. Definitions.
+
+  "License" shall mean the terms and conditions for use, reproduction,
+  and distribution as defined by Sections 1 through 9 of this document.
+
+  "Licensor" shall mean the copyright owner or entity authorized by
+  the copyright owner that is granting the License.
+
+  "Legal Entity" shall mean the union of the acting entity and all
+  other entities that control, are controlled by, or are under common
+  control with that entity. For the purposes of this definition,
+  "control" means (i) the power, direct or indirect, to cause the
+  direction or management of such entity, whether by contract or
+  otherwise, or (ii) ownership of fifty percent (50%) or more of the
+  outstanding shares, or (iii) beneficial ownership of such entity.
+
+  "You" (or "Your") shall mean an individual or Legal Entity
+  exercising permissions granted by this License.
+
+  "Source" form shall mean the preferred form for making modifications,
+  including but not limited to software source code, documentation
+  source, and configuration files.
+
+  "Object" form shall mean any form resulting from mechanical
+  transformation or translation of a Source form, including but
+  not limited to compiled object code, generated documentation,
+  and conversions to other media types.
+
+  "Work" shall mean the work of authorship, whether in Source or
+  Object form, made available under the License, as indicated by a
+  copyright notice that is included in or attached to the work
+  (an example is provided in the Appendix below).
+
+  "Derivative Works" shall mean any work, whether in Source or Object
+  form, that is based on (or derived from) the Work and for which the
+  editorial revisions, annotations, elaborations, or other modifications
+  represent, as a whole, an original work of authorship. For the purposes
+  of this License, Derivative Works shall not include works that remain
+  separable from, or merely link (or bind by name) to the interfaces of,
+  the Work and Derivative Works thereof.
+
+  "Contribution" shall mean any work of authorship, including
+  the original version of the Work and any modifications or additions
+  to that Work or Derivative Works thereof, that is intentionally
+  submitted to Licensor for inclusion in the Work by the copyright owner
+  or by an individual or Legal Entity authorized to submit on behalf of
+  the copyright owner. For the purposes of this definition, "submitted"
+  means any form of electronic, verbal, or written communication sent
+  to the Licensor or its representatives, including but not limited to
+  communication on electronic mailing lists, source code control systems,
+  and issue tracking systems that are managed by, or on behalf of, the
+  Licensor for the purpose of discussing and improving the Work, but
+  excluding communication that is conspicuously marked or otherwise
+  designated in writing by the copyright owner as "Not a Contribution."
+
+  "Contributor" shall mean Licensor and any individual or Legal Entity
+  on behalf of whom a Contribution has been received by Licensor and
+  subsequently incorporated within the Work.
+
+2. Grant of Copyright License. Subject to the terms and conditions of
+  this License, each Contributor hereby grants to You a perpetual,
+  worldwide, non-exclusive, no-charge, royalty-free, irrevocable
+  copyright license to reproduce, prepare Derivative Works of,
+  publicly display, publicly perform, sublicense, and distribute the
+  Work and such Derivative Works in Source or Object form.
+
+3. Grant of Patent License. Subject to the terms and conditions of
+  this License, each Contributor hereby grants to You a perpetual,
+  worldwide, non-exclusive, no-charge, royalty-free, irrevocable
+  (except as stated in this section) patent license to make, have made,
+  use, offer to sell, sell, import, and otherwise transfer the Work,
+  where such license applies only to those patent claims licensable
+  by such Contributor that are necessarily infringed by their
+  Contribution(s) alone or by combination of their Contribution(s)
+  with the Work to which such Contribution(s) was submitted. If You
+  institute patent litigation against any entity (including a
+  cross-claim or counterclaim in a lawsuit) alleging that the Work
+  or a Contribution incorporated within the Work constitutes direct
+  or contributory patent infringement, then any patent licenses
+  granted to You under this License for that Work shall terminate
+  as of the date such litigation is filed.
+
+4. Redistribution. You may reproduce and distribute copies of the
+  Work or Derivative Works thereof in any medium, with or without
+  modifications, and in Source or Object form, provided that You
+  meet the following conditions:
+
+  (a) You must give any other recipients of the Work or
+      Derivative Works a copy of this License; and
+
+  (b) You must cause any modified files to carry prominent notices
+      stating that You changed the files; and
+
+  (c) You must retain, in the Source form of any Derivative Works
+      that You distribute, all copyright, patent, trademark, and
+      attribution notices from the Source form of the Work,
+      excluding those notices that do not pertain to any part of
+      the Derivative Works; and
+
+  (d) If the Work includes a "NOTICE" text file as part of its
+      distribution, then any Derivative Works that You distribute must
+      include a readable copy of the attribution notices contained
+      within such NOTICE file, excluding those notices that do not
+      pertain to any part of the Derivative Works, in at least one
+      of the following places: within a NOTICE text file distributed
+      as part of the Derivative Works; within the Source form or
+      documentation, if provided along with the Derivative Works; or,
+      within a display generated by the Derivative Works, if and
+      wherever such third-party notices normally appear. The contents
+      of the NOTICE file are for informational purposes only and
+      do not modify the License. You may add Your own attribution
+      notices within Derivative Works that You distribute, alongside
+      or as an addendum to the NOTICE text from the Work, provided
+      that such additional attribution notices cannot be construed
+      as modifying the License.
+
+  You may add Your own copyright statement to Your modifications and
+  may provide additional or different license terms and conditions
+  for use, reproduction, or distribution of Your modifications, or
+  for any such Derivative Works as a whole, provided Your use,
+  reproduction, and distribution of the Work otherwise complies with
+  the conditions stated in this License.
+
+5. Submission of Contributions. Unless You explicitly state otherwise,
+  any Contribution intentionally submitted for inclusion in the Work
+  by You to the Licensor shall be under the terms and conditions of
+  this License, without any additional terms or conditions.
+  Notwithstanding the above, nothing herein shall supersede or modify
+  the terms of any separate license agreement you may have executed
+  with Licensor regarding such Contributions.
+
+6. Trademarks. This License does not grant permission to use the trade
+  names, trademarks, service marks, or product names of the Licensor,
+  except as required for reasonable and customary use in describing the
+  origin of the Work and reproducing the content of the NOTICE file.
+
+7. Disclaimer of Warranty. Unless required by applicable law or
+  agreed to in writing, Licensor provides the Work (and each
+  Contributor provides its Contributions) on an "AS IS" BASIS,
+  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or
+  implied, including, without limitation, any warranties or conditions
+  of TITLE, NON-INFRINGEMENT, MERCHANTABILITY, or FITNESS FOR A
+  PARTICULAR PURPOSE. You are solely responsible for determining the
+  appropriateness of using or redistributing the Work and assume any
+  risks associated with Your exercise of permissions under this License.
+
+8. Limitation of Liability. In no event and under no legal theory,
+  whether in tort (including negligence), contract, or otherwise,
+  unless required by applicable law (such as deliberate and grossly
+  negligent acts) or agreed to in writing, shall any Contributor be
+  liable to You for damages, including any direct, indirect, special,
+  incidental, or consequential damages of any character arising as a
+  result of this License or out of the use or inability to use the
+  Work (including but not limited to damages for loss of goodwill,
+  work stoppage, computer failure or malfunction, or any and all
+  other commercial damages or losses), even if such Contributor
+  has been advised of the possibility of such damages.
+
+9. Accepting Warranty or Additional Liability. While redistributing
+  the Work or Derivative Works thereof, You may choose to offer,
+  and charge a fee for, acceptance of support, warranty, indemnity,
+  or other liability obligations and/or rights consistent with this
+  License. However, in accepting such obligations, You may act only
+  on Your own behalf and on Your sole responsibility, not on behalf
+  of any other Contributor, and only if You agree to indemnify,
+  defend, and hold each Contributor harmless for any liability
+  incurred by, or claims asserted against, such Contributor by reason
+  of your accepting any such warranty or additional liability.
+
+END OF TERMS AND CONDITIONS
+
+APPENDIX: How to apply the Apache License to your work.
+
+  To apply the Apache License to your work, attach the following
+  boilerplate notice, with the fields enclosed by brackets "[]"
+  replaced with your own identifying information. (Don't include
+  the brackets!)  The text should be enclosed in the appropriate
+  comment syntax for the file format. We also recommend that a
+  file or class name and description of purpose be included on the
+  same "printed page" as the copyright notice for easier
+  identification within third-party archives.
+
+Copyright [yyyy] [name of copyright owner]
+
+Licensed under the Apache License, Version 2.0 (the "License");
+you may not use this file except in compliance with the License.
+You may obtain a copy of the License at
+
+    http://www.apache.org/licenses/LICENSE-2.0
+
+Unless required by applicable law or agreed to in writing, software
+distributed under the License is distributed on an "AS IS" BASIS,
+WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+See the License for the specific language governing permissions and
+limitations under the License.
diff --git a/packages/page-parachains/README.md b/packages/page-parachains/README.md
new file mode 100644
index 0000000..147685e
--- /dev/null
+++ b/packages/page-parachains/README.md
@@ -0,0 +1 @@
+# @polkadot/app-parachains
diff --git a/packages/page-parachains/package.json b/packages/page-parachains/package.json
new file mode 100644
index 0000000..89791a2
--- /dev/null
+++ b/packages/page-parachains/package.json
@@ -0,0 +1,20 @@
+{
+  "bugs": "https://github.com/polkadot-js/apps/issues",
+  "homepage": "https://github.com/polkadot-js/apps/tree/master/packages/page-parachains#readme",
+  "license": "Apache-2.0",
+  "name": "@polkadot/app-parachains",
+  "private": true,
+  "repository": {
+    "directory": "packages/page-parachains",
+    "type": "git",
+    "url": "https://github.com/polkadot-js/apps.git"
+  },
+  "sideEffects": false,
+  "type": "module",
+  "version": "0.112.2-14",
+  "dependencies": {
+    "@babel/runtime": "^7.17.9",
+    "@polkadot/react-components": "^0.112.2-14",
+    "@polkadot/react-query": "^0.112.2-14"
+  }
+}
diff --git a/packages/page-parachains/src/Auctions/Auction.tsx b/packages/page-parachains/src/Auctions/Auction.tsx
new file mode 100644
index 0000000..9f6b71d
--- /dev/null
+++ b/packages/page-parachains/src/Auctions/Auction.tsx
@@ -0,0 +1,140 @@
+// Copyright 2017-2022 @polkadot/app-parachains authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { ParaId } from '@polkadot/types/interfaces';
+import type { AuctionInfo, Campaign, Campaigns, WinnerData, Winning } from '../types';
+
+import React, { useCallback, useMemo, useRef } from 'react';
+
+import { Table } from '@polkadot/react-components';
+import { useApi, useCall } from '@polkadot/react-hooks';
+
+import { useTranslation } from '../translate';
+import { useLeaseRangeMax } from '../useLeaseRanges';
+import WinRange from './WinRange';
+
+interface Props {
+  auctionInfo?: AuctionInfo;
+  campaigns: Campaigns;
+  className?: string;
+  winningData?: Winning[];
+}
+
+function Auction ({ auctionInfo, campaigns, className, winningData }: Props): React.ReactElement<Props> {
+  const { t } = useTranslation();
+  const { api } = useApi();
+  const rangeMax = useLeaseRangeMax();
+  const newRaise = useCall<ParaId[]>(api.query.crowdloan.newRaise);
+
+  const headerRef = useRef([
+    [t('bids'), 'start', 3],
+    [t('bidder'), 'address'],
+    [t('crowdloan')],
+    [t('leases')],
+    [t('value')]
+  ]);
+
+  const loans = useMemo(
+    (): Campaign[] | undefined => {
+      if (newRaise && auctionInfo && auctionInfo.leasePeriod && campaigns.funds) {
+        const leasePeriodStart = auctionInfo.leasePeriod;
+        const leasePeriodEnd = leasePeriodStart.add(rangeMax);
+
+        return campaigns.funds
+          .filter(({ firstSlot, isWinner, lastSlot, paraId }) =>
+            !isWinner &&
+            newRaise.some((n) => n.eq(paraId)) &&
+            firstSlot.gte(leasePeriodStart) &&
+            lastSlot.lte(leasePeriodEnd)
+          )
+          .sort((a, b) => b.value.cmp(a.value));
+      } else {
+        return undefined;
+      }
+    },
+    [auctionInfo, campaigns, newRaise, rangeMax]
+  );
+
+  const interleave = useCallback(
+    (winners: WinnerData[], asIs: boolean): WinnerData[] => {
+      if (asIs || !newRaise || !auctionInfo?.leasePeriod || !loans) {
+        return winners;
+      }
+
+      return winners
+        .concat(...loans.filter(({ firstSlot, lastSlot, paraId, value }) =>
+          !winners.some((w) =>
+            w.firstSlot.eq(firstSlot) &&
+            w.lastSlot.eq(lastSlot)
+          ) &&
+          !loans.some((e) =>
+            !paraId.eq(e.paraId) &&
+            firstSlot.eq(e.firstSlot) &&
+            lastSlot.eq(e.lastSlot) &&
+            value.lt(e.value)
+          )
+        ))
+        .map((w): WinnerData =>
+          loans.find(({ firstSlot, lastSlot, value }) =>
+            w.firstSlot.eq(firstSlot) &&
+            w.lastSlot.eq(lastSlot) &&
+            w.value.lt(value)
+          ) || w
+        )
+        .sort((a, b) =>
+          a.firstSlot.eq(b.firstSlot)
+            ? a.lastSlot.cmp(b.lastSlot)
+            : a.firstSlot.cmp(b.firstSlot)
+        );
+    },
+    [auctionInfo, loans, newRaise]
+  );
+
+  return (
+    <Table
+      className={className}
+      empty={
+        newRaise && auctionInfo && auctionInfo.numAuctions && winningData && (
+          auctionInfo.endBlock && !winningData.length
+            ? t<string>('No winners in this auction')
+            : t<string>('No ongoing auction')
+        )
+      }
+      header={headerRef.current}
+      noBodyTag
+    >
+      {auctionInfo && auctionInfo.leasePeriod && winningData && loans && (
+        winningData.length
+          ? winningData.map(({ blockNumber, winners }, round) => (
+            <tbody key={round}>
+              {interleave(winners, round !== 0 || winningData.length !== 1).map((value, index) => (
+                <WinRange
+                  auctionInfo={auctionInfo}
+                  blockNumber={blockNumber}
+                  isFirst={index === 0}
+                  isLatest={round === 0}
+                  key={`${blockNumber.toString()}:${value.key}`}
+                  value={value}
+                />
+              ))}
+            </tbody>
+          ))
+          : (loans.length !== 0) && (
+            <tbody key='latest-crowd'>
+              {interleave([], false).map((value, index) => (
+                <WinRange
+                  auctionInfo={auctionInfo}
+                  isFirst={index === 0}
+                  isLatest
+                  key={`latest-crowd:${value.key}`}
+                  value={value}
+                />
+              ))}
+            </tbody>
+          )
+      )}
+    </Table>
+  );
+}
+
+export default React.memo(Auction);
diff --git a/packages/page-parachains/src/Auctions/Bid.tsx b/packages/page-parachains/src/Auctions/Bid.tsx
new file mode 100644
index 0000000..1b3a76e
--- /dev/null
+++ b/packages/page-parachains/src/Auctions/Bid.tsx
@@ -0,0 +1,141 @@
+// Copyright 2017-2022 @polkadot/app-parachains authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { BlockNumber } from '@polkadot/types/interfaces';
+import type { BN } from '@polkadot/util';
+import type { AuctionInfo, OwnedId, OwnerInfo, Winning } from '../types';
+
+import React, { useMemo, useState } from 'react';
+
+import { Button, Dropdown, InputBalance, Modal, TxButton } from '@polkadot/react-components';
+import { useAccounts, useApi, useBestNumber, useToggle } from '@polkadot/react-hooks';
+import { BN_ZERO, formatNumber } from '@polkadot/util';
+
+import InputOwner from '../InputOwner';
+import { useTranslation } from '../translate';
+import { useLeaseRanges } from '../useLeaseRanges';
+
+interface Props {
+  auctionInfo?: AuctionInfo;
+  className?: string;
+  lastWinners?: Winning;
+  ownedIds: OwnedId[];
+}
+
+interface Option {
+  firstSlot: number;
+  lastSlot: number;
+  text: string;
+  value: number;
+}
+
+const EMPTY_OWNER: OwnerInfo = { accountId: null, paraId: 0 };
+
+function Bid ({ auctionInfo, className, lastWinners, ownedIds }: Props): React.ReactElement<Props> {
+  const { t } = useTranslation();
+  const { api } = useApi();
+  const { hasAccounts } = useAccounts();
+  const bestNumber = useBestNumber();
+  const ranges = useLeaseRanges();
+  const [{ accountId, paraId }, setOwnerInfo] = useState<OwnerInfo>(EMPTY_OWNER);
+  const [amount, setAmount] = useState<BN | undefined>(BN_ZERO);
+  const [range, setRange] = useState(0);
+  const [isOpen, toggleOpen] = useToggle();
+
+  const rangeOpts = useMemo(
+    (): Option[] => {
+      if (!auctionInfo?.leasePeriod) {
+        return [];
+      }
+
+      const leasePeriod = auctionInfo.leasePeriod.toNumber();
+
+      return ranges.map(([first, last], value): Option => ({
+        firstSlot: leasePeriod + first,
+        lastSlot: leasePeriod + last,
+        text: `${formatNumber(leasePeriod + first)} - ${formatNumber(leasePeriod + last)}`,
+        value
+      }));
+    },
+    [auctionInfo, ranges]
+  );
+
+  const currentWinner = useMemo(
+    () => lastWinners && lastWinners.winners.find(({ firstSlot, lastSlot }) =>
+      firstSlot.eqn(rangeOpts[range].firstSlot) &&
+      lastSlot.eqn(rangeOpts[range].lastSlot)
+    ),
+    [lastWinners, range, rangeOpts]
+  );
+
+  const isAmountLess = !!(amount && currentWinner) && amount.lte(currentWinner.value);
+  const isAmountError = !amount || amount.isZero() || isAmountLess;
+
+  return (
+    <>
+      <Button
+        icon='plus'
+        isDisabled={!ownedIds.length || !hasAccounts || !auctionInfo?.numAuctions || !auctionInfo.leasePeriod || !auctionInfo.endBlock || !api.consts.auctions || bestNumber?.gte(auctionInfo.endBlock.add(api.consts.auctions.endingPeriod as BlockNumber))}
+        label={t<string>('Bid')}
+        onClick={toggleOpen}
+      />
+      {isOpen && (
+        <Modal
+          className={className}
+          header={t<string>('Place bid')}
+          onClose={toggleOpen}
+          size='large'
+        >
+          <Modal.Content>
+            <InputOwner
+              onChange={setOwnerInfo}
+              ownedIds={ownedIds}
+            />
+            <Modal.Columns hint={t<string>('The first and last lease period for this bid. The last lease period should be after the first with the maximum determined by the auction config.')}>
+              <Dropdown
+                label={t<string>('bid period range (first lease - last lease)')}
+                onChange={setRange}
+                options={rangeOpts}
+                value={range}
+              />
+            </Modal.Columns>
+            <Modal.Columns hint={
+              <>
+                <p>{t<string>('The amount to to bid for this parachain lease period range.')}</p>
+                <p>{t<string>('The bid should be more than the current range winner to be accepted and influence the auction outcome.')}</p>
+              </>
+            }
+            >
+              <InputBalance
+                autoFocus
+                isError={isAmountError}
+                isZeroable={false}
+                label={t<string>('bid amount')}
+                onChange={setAmount}
+              />
+              <InputBalance
+                defaultValue={currentWinner?.value}
+                isDisabled
+                key={range}
+                label={t<string>('current range winning bid')}
+              />
+            </Modal.Columns>
+          </Modal.Content>
+          <Modal.Actions>
+            <TxButton
+              accountId={accountId}
+              icon='plus'
+              isDisabled={!paraId || isAmountError || !auctionInfo?.leasePeriod}
+              label={t<string>('Bid')}
+              onStart={toggleOpen}
+              params={[paraId, auctionInfo?.numAuctions, auctionInfo?.leasePeriod?.addn(ranges[range][0]), auctionInfo?.leasePeriod?.addn(ranges[range][1]), amount]}
+              tx={api.tx.auctions.bid}
+            />
+          </Modal.Actions>
+        </Modal>
+      )}
+    </>
+  );
+}
+
+export default React.memo(Bid);
diff --git a/packages/page-parachains/src/Auctions/Summary.tsx b/packages/page-parachains/src/Auctions/Summary.tsx
new file mode 100644
index 0000000..2d40f80
--- /dev/null
+++ b/packages/page-parachains/src/Auctions/Summary.tsx
@@ -0,0 +1,101 @@
+// Copyright 2017-2022 @polkadot/app-parachains authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { u32 } from '@polkadot/types';
+import type { Balance, BlockNumber } from '@polkadot/types/interfaces';
+import type { AuctionInfo, Winning } from '../types';
+
+import React from 'react';
+
+import { CardSummary, SummaryBox } from '@polkadot/react-components';
+import { useApi, useBestNumber, useCall } from '@polkadot/react-hooks';
+import { FormatBalance } from '@polkadot/react-query';
+import { BN_ONE, formatNumber } from '@polkadot/util';
+
+import { useTranslation } from '../translate';
+
+interface Props {
+  auctionInfo?: AuctionInfo;
+  className?: string;
+  lastWinners?: Winning;
+}
+
+function Summary ({ auctionInfo, className, lastWinners }: Props): React.ReactElement<Props> {
+  const { t } = useTranslation();
+  const { api } = useApi();
+  const bestNumber = useBestNumber();
+  const totalIssuance = useCall<Balance>(api.query.balances?.totalIssuance);
+
+  return (
+    <SummaryBox className={className}>
+      <section>
+        <CardSummary label={t<string>('auctions')}>
+          {formatNumber(auctionInfo?.numAuctions)}
+        </CardSummary>
+        <CardSummary label={t<string>('active')}>
+          {auctionInfo?.leasePeriod
+            ? t<string>('yes')
+            : t<string>('no')
+          }
+        </CardSummary>
+      </section>
+      {auctionInfo && (
+        <>
+          <section>
+            {auctionInfo.leasePeriod && (
+              <CardSummary label={t<string>('first - last')}>
+                {formatNumber(auctionInfo.leasePeriod)} - {formatNumber(auctionInfo.leasePeriod.add(api.consts.auctions.leasePeriodsPerSlot as u32).isub(BN_ONE))}
+              </CardSummary>
+            )}
+            {totalIssuance && lastWinners && (
+              <CardSummary
+                label={t<string>('total')}
+                progress={{
+                  hideValue: true,
+                  total: totalIssuance,
+                  value: lastWinners.total,
+                  withTime: true
+                }}
+              >
+                <FormatBalance
+                  value={lastWinners.total}
+                  withSi
+                />
+              </CardSummary>
+            )}
+          </section>
+          <section>
+            {auctionInfo?.endBlock && bestNumber && (
+              bestNumber.lt(auctionInfo.endBlock)
+                ? (
+                  <CardSummary
+                    label={t<string>('end period at')}
+                    progress={{
+                      hideGraph: true,
+                      total: auctionInfo.endBlock,
+                      value: bestNumber,
+                      withTime: true
+                    }}
+                  >
+                    #{formatNumber(auctionInfo.endBlock)}
+                  </CardSummary>
+                )
+                : (
+                  <CardSummary
+                    label={t<string>('ending period')}
+                    progress={{
+                      total: api.consts.auctions?.endingPeriod as BlockNumber,
+                      value: bestNumber.sub(auctionInfo.endBlock),
+                      withTime: true
+                    }}
+                  ></CardSummary>
+                )
+            )}
+          </section>
+        </>
+      )}
+    </SummaryBox>
+  );
+}
+
+export default React.memo(Summary);
diff --git a/packages/page-parachains/src/Auctions/WinRange.tsx b/packages/page-parachains/src/Auctions/WinRange.tsx
new file mode 100644
index 0000000..974b74f
--- /dev/null
+++ b/packages/page-parachains/src/Auctions/WinRange.tsx
@@ -0,0 +1,52 @@
+// Copyright 2017-2022 @polkadot/app-parachains authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { BN } from '@polkadot/util';
+import type { AuctionInfo, WinnerData } from '../types';
+
+import React from 'react';
+
+import { AddressMini, ParaLink } from '@polkadot/react-components';
+import { FormatBalance } from '@polkadot/react-query';
+import { formatNumber } from '@polkadot/util';
+
+import { useTranslation } from '../translate';
+
+interface Props {
+  auctionInfo: AuctionInfo;
+  blockNumber?: BN;
+  className?: string;
+  isFirst: boolean;
+  isLatest: boolean;
+  value: WinnerData;
+}
+
+function WinRanges ({ auctionInfo, blockNumber, className = '', isFirst, isLatest, value: { accountId, firstSlot, isCrowdloan, lastSlot, paraId, value } }: Props): React.ReactElement<Props> {
+  const { t } = useTranslation();
+
+  return (
+    <tr className={className}>
+      <td>
+        {isFirst && (
+          <h1>{isLatest
+            ? t<string>('latest')
+            : <>#{formatNumber((!blockNumber || blockNumber.isZero()) ? auctionInfo.endBlock : blockNumber)}</>
+          }</h1>
+        )}
+      </td>
+      <td className='number'><h1>{formatNumber(paraId)}</h1></td>
+      <td className='badge'><ParaLink id={paraId} /></td>
+      <td className='address'><AddressMini value={accountId} /></td>
+      <td className='all number'>{isCrowdloan ? t<string>('Yes') : t<string>('No')}</td>
+      <td className='all number together'>
+        {firstSlot.eq(lastSlot)
+          ? formatNumber(firstSlot)
+          : `${formatNumber(firstSlot)} - ${formatNumber(lastSlot)}`
+        }
+      </td>
+      <td className='number'><FormatBalance value={value} /></td>
+    </tr>
+  );
+}
+
+export default React.memo(WinRanges);
diff --git a/packages/page-parachains/src/Auctions/index.tsx b/packages/page-parachains/src/Auctions/index.tsx
new file mode 100644
index 0000000..533fb96
--- /dev/null
+++ b/packages/page-parachains/src/Auctions/index.tsx
@@ -0,0 +1,47 @@
+// Copyright 2017-2022 @polkadot/app-parachains authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { AuctionInfo, Campaigns, OwnedId, Winning } from '../types';
+
+import React from 'react';
+
+import { Button } from '@polkadot/react-components';
+
+import Auction from './Auction';
+import Bid from './Bid';
+import Summary from './Summary';
+
+interface Props {
+  auctionInfo?: AuctionInfo;
+  campaigns: Campaigns;
+  className?: string;
+  ownedIds: OwnedId[];
+  winningData?: Winning[];
+}
+
+function Auctions ({ auctionInfo, campaigns, className, ownedIds, winningData }: Props): React.ReactElement<Props> {
+  const lastWinners = winningData && winningData[0];
+
+  return (
+    <div className={className}>
+      <Summary
+        auctionInfo={auctionInfo}
+        lastWinners={lastWinners}
+      />
+      <Button.Group>
+        <Bid
+          auctionInfo={auctionInfo}
+          lastWinners={lastWinners}
+          ownedIds={ownedIds}
+        />
+      </Button.Group>
+      <Auction
+        auctionInfo={auctionInfo}
+        campaigns={campaigns}
+        winningData={winningData}
+      />
+    </div>
+  );
+}
+
+export default React.memo(Auctions);
diff --git a/packages/page-parachains/src/Crowdloan/Contribute.tsx b/packages/page-parachains/src/Crowdloan/Contribute.tsx
new file mode 100644
index 0000000..ac7c6bb
--- /dev/null
+++ b/packages/page-parachains/src/Crowdloan/Contribute.tsx
@@ -0,0 +1,146 @@
+// Copyright 2017-2022 @polkadot/app-parachains authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { ApiPromise } from '@polkadot/api';
+import type { Balance, BalanceOf, BlockNumber, ParaId } from '@polkadot/types/interfaces';
+import type { BN } from '@polkadot/util';
+
+import React, { useMemo, useState } from 'react';
+
+import { Button, Input, InputAddress, InputBalance, MarkWarning, Modal, TxButton } from '@polkadot/react-components';
+import { useAccounts, useApi, useToggle } from '@polkadot/react-hooks';
+import { formatBalance, isHex } from '@polkadot/util';
+
+import { useTranslation } from '../translate';
+
+interface Props {
+  cap: Balance;
+  className?: string;
+  needsSignature: boolean;
+  paraId: ParaId;
+  raised: Balance;
+}
+
+// 0x, <enum byte>, hex data
+const VALID_LENGTHS = [
+  2 + 2 + (64 * 2),
+  2 + 2 + (65 * 2)
+];
+
+function verifySignature (api: ApiPromise, signature: string | null): boolean {
+  if (isHex(signature) && VALID_LENGTHS.includes(signature.length)) {
+    try {
+      api.createType('MultiSignature', signature);
+
+      return true;
+    } catch (error) {
+      console.error(error);
+    }
+  }
+
+  return false;
+}
+
+function Contribute ({ cap, className, needsSignature, paraId, raised }: Props): React.ReactElement<Props> {
+  const { t } = useTranslation();
+  const { api } = useApi();
+  const { hasAccounts } = useAccounts();
+  const [isOpen, toggleOpen] = useToggle();
+  const [accountId, setAccountId] = useState<string | null>(null);
+  const [amount, setAmount] = useState<BN | undefined>();
+  const [signature, setSignature] = useState<string | null>(null);
+
+  const isSignatureError = useMemo(
+    () => needsSignature && !verifySignature(api, signature),
+    [api, needsSignature, signature]
+  );
+
+  const remaining = cap.sub(raised);
+  const isAmountBelow = !amount || amount.lt(api.consts.crowdloan.minContribution as BalanceOf);
+  const isAmountOver = !!(amount && amount.gt(remaining));
+  const isAmountError = isAmountBelow || isAmountOver;
+
+  return (
+    <>
+      <Button
+        icon='plus'
+        isDisabled={!hasAccounts}
+        label={t<string>('Contribute')}
+        onClick={toggleOpen}
+      />
+      {isOpen && (
+        <Modal
+          className={className}
+          header={t<string>('Contribute to fund')}
+          onClose={toggleOpen}
+          size='large'
+        >
+          <Modal.Content>
+            <Modal.Columns hint={t<string>('This account will contribute to the crowdloan.')}>
+              <InputAddress
+                label={t<string>('contribute from')}
+                onChange={setAccountId}
+                type='account'
+                value={accountId}
+              />
+            </Modal.Columns>
+            <Modal.Columns hint={t<string>('The amount to contribute from this account.')}>
+              <InputBalance
+                autoFocus
+                defaultValue={api.consts.crowdloan.minContribution as BalanceOf}
+                isError={isAmountError}
+                isZeroable={false}
+                label={t<string>('contribution')}
+                onChange={setAmount}
+              />
+              {isAmountBelow && (
+                <MarkWarning content={t<string>('The amount is less than the minimum allowed contribution of {{value}}', { replace: { value: formatBalance(api.consts.crowdloan.minContribution as BlockNumber) } })} />
+              )}
+              {isAmountOver && (
+                <MarkWarning content={t<string>('The amount is more than the remaining contribution needed {{value}}', { replace: { value: formatBalance(remaining) } })} />
+              )}
+            </Modal.Columns>
+            {needsSignature && (
+              <Modal.Columns hint={t<string>('The verifier signature that is to be associated with this contribution.')}>
+                <Input
+                  isError={isSignatureError}
+                  label={t<string>('verifier signature')}
+                  onChange={setSignature}
+                  placeholder={t<string>('0x...')}
+                />
+                {isSignatureError && (
+                  <MarkWarning content={t<string>('The hex-encoded verifier signature should be provided to you by the team running the crowdloan (based on the information you provide).')} />
+                )}
+              </Modal.Columns>
+            )}
+            <Modal.Columns hint={t<string>('The above contribution should more than minimum contribution amount and less than the remaining value.')}>
+              <InputBalance
+                defaultValue={api.consts.crowdloan.minContribution as BalanceOf}
+                isDisabled
+                label={t<string>('minimum allowed')}
+              />
+              <InputBalance
+                defaultValue={remaining}
+                isDisabled
+                label={t<string>('remaining till cap')}
+              />
+            </Modal.Columns>
+          </Modal.Content>
+          <Modal.Actions>
+            <TxButton
+              accountId={accountId}
+              icon='plus'
+              isDisabled={isAmountError || isSignatureError}
+              label={t<string>('Contribute')}
+              onStart={toggleOpen}
+              params={[paraId, amount, signature]}
+              tx={api.tx.crowdloan.contribute}
+            />
+          </Modal.Actions>
+        </Modal>
+      )}
+    </>
+  );
+}
+
+export default React.memo(Contribute);
diff --git a/packages/page-parachains/src/Crowdloan/Fund.tsx b/packages/page-parachains/src/Crowdloan/Fund.tsx
new file mode 100644
index 0000000..7adeda8
--- /dev/null
+++ b/packages/page-parachains/src/Crowdloan/Fund.tsx
@@ -0,0 +1,194 @@
+// Copyright 2017-2022 @polkadot/app-parachains authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { BN } from '@polkadot/util';
+import type { Campaign, LeasePeriod } from '../types';
+
+import React, { useEffect, useMemo, useState } from 'react';
+
+import { AddressMini, Expander, Icon, ParaLink, Spinner, TxButton } from '@polkadot/react-components';
+import { useAccounts, useApi, useParaEndpoints } from '@polkadot/react-hooks';
+import { BlockToTime, FormatBalance } from '@polkadot/react-query';
+import { formatNumber } from '@polkadot/util';
+
+import { useTranslation } from '../translate';
+import Contribute from './Contribute';
+import Refund from './Refund';
+import useContributions from './useContributions';
+
+interface Props {
+  bestHash?: string;
+  bestNumber?: BN;
+  className?: string;
+  isOngoing?: boolean;
+  leasePeriod?: LeasePeriod;
+  value: Campaign;
+}
+
+interface LastChange {
+  prevHash: string;
+  prevLength: number;
+}
+
+function Fund ({ bestHash, bestNumber, className = '', isOngoing, leasePeriod, value: { info: { cap, depositor, end, firstPeriod, lastPeriod, raised, verifier }, isCapped, isEnded, isWinner, paraId } }: Props): React.ReactElement<Props> {
+  const { t } = useTranslation();
+  const { api } = useApi();
+  const { isAccount } = useAccounts();
+  const endpoints = useParaEndpoints(paraId);
+  const { blockHash, contributorsHex, hasLoaded, myAccounts, myAccountsHex, myContributions } = useContributions(paraId);
+  const [lastChange, setLastChange] = useState<LastChange>(() => ({ prevHash: '', prevLength: 0 }));
+
+  const isDepositor = useMemo(
+    () => isAccount(depositor.toString()),
+    [depositor, isAccount]
+  );
+
+  const blocksLeft = useMemo(
+    () => bestNumber && end.gt(bestNumber)
+      ? end.sub(bestNumber)
+      : null,
+    [bestNumber, end]
+  );
+
+  const percentage = useMemo(
+    () => cap.isZero()
+      ? '100.00%'
+      : `${(raised.muln(10000).div(cap).toNumber() / 100).toFixed(2)}%`,
+    [cap, raised]
+  );
+
+  const hasEnded = !blocksLeft && !!leasePeriod && (
+    isWinner
+      ? leasePeriod.currentPeriod.gt(lastPeriod)
+      : leasePeriod.currentPeriod.gt(firstPeriod)
+  );
+  const canContribute = isOngoing && !isCapped && !isWinner && !!blocksLeft;
+  const canDissolve = raised.isZero();
+  const canWithdraw = !raised.isZero() && hasEnded;
+  const homepage = endpoints.length !== 0 && endpoints[0].homepage;
+
+  useEffect((): void => {
+    setLastChange((prev): LastChange => {
+      const prevLength = contributorsHex.length;
+
+      return prev.prevLength !== prevLength
+        ? { prevHash: blockHash, prevLength }
+        : prev;
+    });
+  }, [contributorsHex, blockHash]);
+
+  return (
+    <tr className={className}>
+      <td className='number'><h1>{formatNumber(paraId)}</h1></td>
+      <td className='badge'><ParaLink id={paraId} /></td>
+      <td className='media--800'>
+        {isWinner
+          ? t<string>('Winner')
+          : blocksLeft
+            ? isCapped
+              ? t<string>('Capped')
+              : isOngoing
+                ? t<string>('Active')
+                : t<string>('Past')
+            : t<string>('Ended')
+        }
+      </td>
+      <td className='address media--2000'><AddressMini value={depositor} /></td>
+      <td className='all number together media--1200'>
+        {blocksLeft && (
+          <BlockToTime value={blocksLeft} />
+        )}
+        #{formatNumber(end)}
+      </td>
+      <td className='number all together'>
+        {firstPeriod.eq(lastPeriod)
+          ? formatNumber(firstPeriod)
+          : `${formatNumber(firstPeriod)} - ${formatNumber(lastPeriod)}`
+        }
+      </td>
+      <td className='number together'>
+        <FormatBalance
+          value={raised}
+          withCurrency={false}
+        />&nbsp;/&nbsp;<FormatBalance value={cap} />
+        <div>{percentage}</div>
+        {myAccounts.length !== 0 && (
+          <Expander
+            summary={t<string>('My contributions ({{count}})', { replace: { count: myAccounts.length } })}
+            withBreaks
+          >
+            {myAccounts.map((a, index) => (
+              <AddressMini
+                balance={myContributions[myAccountsHex[index]]}
+                key={a}
+                value={a}
+                withBalance
+              />
+            ))}
+          </Expander>
+        )}
+      </td>
+      <td className='number together media--1100'>
+        {!hasLoaded
+          ? <Spinner noLabel />
+          : (
+            <>
+              {bestHash && (
+                <Icon
+                  color={
+                    lastChange.prevHash === bestHash
+                      ? 'green'
+                      : 'transparent'
+                  }
+                  icon='chevron-up'
+                  isPadded
+                />
+              )}
+              {contributorsHex.length !== 0 && (
+                formatNumber(contributorsHex.length)
+              )}
+            </>
+          )}
+      </td>
+      <td className='button media--1000'>
+        {canWithdraw && contributorsHex.length !== 0 && (
+          <Refund paraId={paraId} />
+        )}
+        {canDissolve && (
+          <TxButton
+            accountId={depositor}
+            className='media--1400'
+            icon='times'
+            isDisabled={!(isDepositor || hasEnded)}
+            label={
+              isEnded
+                ? t<string>('Close')
+                : t<string>('Cancel')
+            }
+            params={[paraId]}
+            tx={api.tx.crowdloan.dissolve}
+          />
+        )}
+        {isOngoing && canContribute && (
+          <Contribute
+            cap={cap}
+            needsSignature={verifier.isSome}
+            paraId={paraId}
+            raised={raised}
+          />
+        )}
+        {isOngoing && homepage && (
+          <div>
+            <a
+              href={homepage}
+              rel='noopener noreferrer'
+              target='_blank'
+            >{t<string>('Homepage')}</a>&nbsp;&nbsp;&nbsp;
+          </div>
+        )}
+      </td>
+    </tr>
+  );
+}
+
+export default React.memo(Fund);
diff --git a/packages/page-parachains/src/Crowdloan/FundAdd.tsx b/packages/page-parachains/src/Crowdloan/FundAdd.tsx
new file mode 100644
index 0000000..2d375a6
--- /dev/null
+++ b/packages/page-parachains/src/Crowdloan/FundAdd.tsx
@@ -0,0 +1,119 @@
+// Copyright 2017-2022 @polkadot/app-parachains authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { BN } from '@polkadot/util';
+import type { AuctionInfo, LeasePeriod, OwnedId, OwnerInfo } from '../types';
+
+import React, { useState } from 'react';
+
+import { Button, InputBalance, InputNumber, Modal, TxButton } from '@polkadot/react-components';
+import { useApi, useToggle } from '@polkadot/react-hooks';
+import { BN_ONE, BN_ZERO } from '@polkadot/util';
+
+import InputOwner from '../InputOwner';
+import { useTranslation } from '../translate';
+import { useLeaseRanges } from '../useLeaseRanges';
+
+interface Props {
+  auctionInfo?: AuctionInfo;
+  bestNumber?: BN;
+  className?: string;
+  leasePeriod?: LeasePeriod;
+  ownedIds: OwnedId[];
+}
+
+const EMPTY_OWNER: OwnerInfo = { accountId: null, paraId: 0 };
+
+function FundAdd ({ auctionInfo, bestNumber, className, leasePeriod, ownedIds }: Props): React.ReactElement<Props> {
+  const { t } = useTranslation();
+  const { api } = useApi();
+  const ranges = useLeaseRanges();
+  const [{ accountId, paraId }, setOwnerInfo] = useState<OwnerInfo>(EMPTY_OWNER);
+  const [cap, setCap] = useState<BN | undefined>();
+  const [endBlock, setEndBlock] = useState<BN | undefined>();
+  const [firstSlot, setFirstSlot] = useState<BN | undefined>();
+  const [lastSlot, setLastSlot] = useState<BN | undefined>();
+  const [isOpen, toggleOpen] = useToggle();
+
+  const maxPeriods = ranges[ranges.length - 1][1] - ranges[0][0];
+  const isEndError = !bestNumber || !endBlock || endBlock.lt(bestNumber);
+  const isFirstError = !firstSlot || (!!leasePeriod && firstSlot.lt(leasePeriod.currentPeriod));
+  const isLastError = !lastSlot || !firstSlot || lastSlot.lt(firstSlot) || lastSlot.gt(firstSlot.addn(maxPeriods));
+  const defaultSlot = (auctionInfo?.leasePeriod || leasePeriod?.currentPeriod.add(BN_ONE) || 1).toString();
+
+  // TODO Add verifier
+
+  return (
+    <>
+      <Button
+        icon='plus'
+        isDisabled={!ownedIds.length}
+        label={t<string>('Add fund')}
+        onClick={toggleOpen}
+      />
+      {isOpen && (
+        <Modal
+          className={className}
+          header={t<string>('Add campaign')}
+          onClose={toggleOpen}
+          size='large'
+        >
+          <Modal.Content>
+            <InputOwner
+              onChange={setOwnerInfo}
+              ownedIds={ownedIds}
+            />
+            <Modal.Columns hint={t<string>('The amount to be raised in this funding campaign.')}>
+              <InputBalance
+                isZeroable={false}
+                label={t<string>('crowdfund cap')}
+                onChange={setCap}
+              />
+            </Modal.Columns>
+            <Modal.Columns hint={t<string>('The end block for contributions to this fund.')}>
+              <InputNumber
+                isError={isEndError}
+                label={t<string>('ending block')}
+                onChange={setEndBlock}
+              />
+            </Modal.Columns>
+            <Modal.Columns
+              hint={
+                <>
+                  <p>{t<string>('The first and last lease periods for this funding campaign.')}</p>
+                  <p>{t<string>('The ending lease period should be after the first and a maximum of {{maxPeriods}} periods more than the first', { replace: { maxPeriods } })}</p>
+                </>
+              }
+            >
+              <InputNumber
+                defaultValue={defaultSlot}
+                isError={isFirstError}
+                label={t<string>('first period')}
+                onChange={setFirstSlot}
+              />
+              <InputNumber
+                defaultValue={defaultSlot}
+                isError={isLastError}
+                label={t<string>('last period')}
+                onChange={setLastSlot}
+              />
+            </Modal.Columns>
+          </Modal.Content>
+          <Modal.Actions>
+            <TxButton
+              accountId={accountId}
+              icon='plus'
+              isDisabled={!paraId || !cap?.gt(BN_ZERO) || isEndError || isFirstError || isLastError}
+              label={t<string>('Add')}
+              onStart={toggleOpen}
+              params={[paraId, cap, firstSlot, lastSlot, endBlock, null]}
+              tx={api.tx.crowdloan.create}
+            />
+          </Modal.Actions>
+        </Modal>
+      )}
+    </>
+  );
+}
+
+export default React.memo(FundAdd);
diff --git a/packages/page-parachains/src/Crowdloan/Funds.tsx b/packages/page-parachains/src/Crowdloan/Funds.tsx
new file mode 100644
index 0000000..2eb5d4d
--- /dev/null
+++ b/packages/page-parachains/src/Crowdloan/Funds.tsx
@@ -0,0 +1,131 @@
+// Copyright 2017-2022 @polkadot/app-parachains authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { ParaId } from '@polkadot/types/interfaces';
+import type { BN } from '@polkadot/util';
+import type { Campaign, LeasePeriod } from '../types';
+
+import React, { useMemo, useRef } from 'react';
+
+import { MarkWarning, Table } from '@polkadot/react-components';
+import { useBestHash, useIsParasLinked } from '@polkadot/react-hooks';
+
+import { useTranslation } from '../translate';
+import Fund from './Fund';
+
+interface Props {
+  bestNumber?: BN;
+  className?: string;
+  leasePeriod?: LeasePeriod;
+  value: Campaign[] | null;
+}
+
+function extractLists (value: Campaign[] | null, leasePeriod?: LeasePeriod): [Campaign[] | null, Campaign[] | null, ParaId[] | null] {
+  const currentPeriod = leasePeriod?.currentPeriod;
+  let active: Campaign[] | null = null;
+  let ended: Campaign[] | null = null;
+  let allIds: ParaId[] | null = null;
+
+  if (value && currentPeriod) {
+    active = value.filter(({ firstSlot, isCapped, isEnded, isWinner }) =>
+      !(isCapped || isEnded || isWinner) &&
+      currentPeriod.lte(firstSlot)
+    );
+    ended = value.filter(({ firstSlot, isCapped, isEnded, isWinner }) =>
+      (isCapped || isEnded || isWinner) ||
+      currentPeriod.gt(firstSlot)
+    );
+    allIds = value.map(({ paraId }) => paraId);
+  }
+
+  return [active, ended, allIds];
+}
+
+function sortList (hasLinksMap: Record<string, boolean>, list?: Campaign[] | null): Campaign[] | null | undefined {
+  return list?.sort(({ key: a }, { key: b }): number => {
+    const aKnown = hasLinksMap[a] || false;
+    const bKnown = hasLinksMap[b] || false;
+
+    return aKnown === bKnown
+      ? 0
+      : aKnown
+        ? -1
+        : 1;
+  });
+}
+
+function Funds ({ bestNumber, className, leasePeriod, value }: Props): React.ReactElement<Props> {
+  const { t } = useTranslation();
+  const bestHash = useBestHash();
+  const [active, ended, allIds] = useMemo(
+    () => extractLists(value, leasePeriod),
+    [leasePeriod, value]
+  );
+  const hasLinksMap = useIsParasLinked(allIds);
+  const [activeSorted, endedSorted] = useMemo(
+    () => [sortList(hasLinksMap, active), sortList(hasLinksMap, ended)],
+    [active, ended, hasLinksMap]
+  );
+
+  const headerActiveRef = useRef([
+    [t('ongoing'), 'start', 2],
+    [undefined, 'media--800'],
+    [undefined, 'media--2000'],
+    [t('ending'), 'media--1200'],
+    [t('leases')],
+    [t('raised')],
+    [t('count'), 'media--1100'],
+    [undefined, 'media--1000']
+  ]);
+
+  const headedEndedRef = useRef([
+    [t('completed'), 'start', 2],
+    [undefined, 'media--800'],
+    [undefined, 'media--2000'],
+    [t('ending'), 'media--1200'],
+    [t('leases')],
+    [t('raised')],
+    [t('count'), 'media--1100'],
+    [undefined, 'media--1000']
+  ]);
+
+  return (
+    <>
+      <MarkWarning
+        className='warning centered'
+        content={t<string>('Do not transfer any funds directly to a specific account that is associated with a loan or a team. Use the "Contribute" action to record the contribution on-chain using the crowdloan runtime module. When the fund is dissolved, after either the parachain lease expires or the loan ending without winning, the full value will be returned to your account by the runtime. Funds sent directly to an account, without using the crowdloan functionality, may not be returned by the receiving account.')}
+      />
+      <Table
+        className={className}
+        empty={value && activeSorted && t<string>('No active campaigns found')}
+        header={headerActiveRef.current}
+      >
+        {activeSorted?.map((fund) => (
+          <Fund
+            bestHash={bestHash}
+            bestNumber={bestNumber}
+            isOngoing
+            key={fund.accountId}
+            value={fund}
+          />
+        ))}
+      </Table>
+      <Table
+        className={className}
+        empty={value && endedSorted && t<string>('No completed campaigns found')}
+        header={headedEndedRef.current}
+      >
+        {endedSorted?.map((fund) => (
+          <Fund
+            bestNumber={bestNumber}
+            key={fund.accountId}
+            leasePeriod={leasePeriod}
+            value={fund}
+          />
+        ))}
+      </Table>
+    </>
+  );
+}
+
+export default React.memo(Funds);
diff --git a/packages/page-parachains/src/Crowdloan/Refund.tsx b/packages/page-parachains/src/Crowdloan/Refund.tsx
new file mode 100644
index 0000000..6092b7d
--- /dev/null
+++ b/packages/page-parachains/src/Crowdloan/Refund.tsx
@@ -0,0 +1,66 @@
+// Copyright 2017-2022 @polkadot/app-parachains authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { ParaId } from '@polkadot/types/interfaces';
+
+import React, { useState } from 'react';
+
+import { Button, InputAddress, Modal, TxButton } from '@polkadot/react-components';
+import { useAccounts, useApi, useToggle } from '@polkadot/react-hooks';
+
+import { useTranslation } from '../translate';
+
+interface Props {
+  className?: string;
+  paraId: ParaId;
+}
+
+function Refund ({ className, paraId }: Props): React.ReactElement<Props> {
+  const { t } = useTranslation();
+  const { api } = useApi();
+  const { hasAccounts } = useAccounts();
+  const [isOpen, toggleOpen] = useToggle();
+  const [accountId, setAccountId] = useState<string | null>(null);
+
+  return (
+    <>
+      <Button
+        icon='minus'
+        isDisabled={!hasAccounts}
+        label={t<string>('Refund')}
+        onClick={toggleOpen}
+      />
+      {isOpen && (
+        <Modal
+          className={className}
+          header={t<string>('Withdraw from fund')}
+          onClose={toggleOpen}
+          size='large'
+        >
+          <Modal.Content>
+            <Modal.Columns hint={t<string>('This account will be used to send the transaction.')}>
+              <InputAddress
+                label={t<string>('requesting from')}
+                onChange={setAccountId}
+                type='account'
+                value={accountId}
+              />
+            </Modal.Columns>
+          </Modal.Content>
+          <Modal.Actions>
+            <TxButton
+              accountId={accountId}
+              icon='credit-card'
+              label={t<string>('Refund')}
+              onStart={toggleOpen}
+              params={[paraId]}
+              tx={api.tx.crowdloan.refund}
+            />
+          </Modal.Actions>
+        </Modal>
+      )}
+    </>
+  );
+}
+
+export default React.memo(Refund);
diff --git a/packages/page-parachains/src/Crowdloan/Summary.tsx b/packages/page-parachains/src/Crowdloan/Summary.tsx
new file mode 100644
index 0000000..3a20606
--- /dev/null
+++ b/packages/page-parachains/src/Crowdloan/Summary.tsx
@@ -0,0 +1,73 @@
+// Copyright 2017-2022 @polkadot/app-parachains authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { BN } from '@polkadot/util';
+
+import React from 'react';
+
+import { CardSummary, SummaryBox } from '@polkadot/react-components';
+import { FormatBalance } from '@polkadot/react-query';
+import { formatNumber } from '@polkadot/util';
+
+import { useTranslation } from '../translate';
+
+interface Props {
+  activeCap: BN;
+  activeRaised: BN;
+  className?: string;
+  fundCount: number;
+  totalCap: BN;
+  totalRaised: BN;
+}
+
+function Summary ({ activeCap, activeRaised, className, fundCount, totalCap, totalRaised }: Props): React.ReactElement<Props> {
+  const { t } = useTranslation();
+
+  return (
+    <SummaryBox className={className}>
+      <CardSummary label={t<string>('funds')}>
+        {formatNumber(fundCount)}
+      </CardSummary>
+      <CardSummary
+        label={`${t<string>('active raised / cap')}`}
+        progress={{
+          hideValue: true,
+          total: activeCap,
+          value: activeRaised
+        }}
+      >
+        <FormatBalance
+          value={activeRaised}
+          withCurrency={false}
+          withSi
+        />
+        &nbsp;/&nbsp;
+        <FormatBalance
+          value={activeCap}
+          withSi
+        />
+      </CardSummary>
+      <CardSummary
+        label={`${t<string>('total raised / cap')}`}
+        progress={{
+          hideValue: true,
+          total: totalCap,
+          value: totalRaised
+        }}
+      >
+        <FormatBalance
+          value={totalRaised}
+          withCurrency={false}
+          withSi
+        />
+        &nbsp;/&nbsp;
+        <FormatBalance
+          value={totalCap}
+          withSi
+        />
+      </CardSummary>
+    </SummaryBox>
+  );
+}
+
+export default React.memo(Summary);
diff --git a/packages/page-parachains/src/Crowdloan/index.tsx b/packages/page-parachains/src/Crowdloan/index.tsx
new file mode 100644
index 0000000..96c50a7
--- /dev/null
+++ b/packages/page-parachains/src/Crowdloan/index.tsx
@@ -0,0 +1,52 @@
+// Copyright 2017-2022 @polkadot/app-parachains authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { AuctionInfo, Campaigns, LeasePeriod, OwnedId } from '../types';
+
+import React from 'react';
+
+import { Button } from '@polkadot/react-components';
+import { useBestNumber } from '@polkadot/react-hooks';
+
+import FundAdd from './FundAdd';
+import Funds from './Funds';
+import Summary from './Summary';
+
+interface Props {
+  auctionInfo?: AuctionInfo;
+  campaigns: Campaigns;
+  className?: string;
+  leasePeriod?: LeasePeriod;
+  ownedIds: OwnedId[];
+}
+
+function Crowdloan ({ auctionInfo, campaigns: { activeCap, activeRaised, funds, totalCap, totalRaised }, className, leasePeriod, ownedIds }: Props): React.ReactElement<Props> {
+  const bestNumber = useBestNumber();
+
+  return (
+    <div className={className}>
+      <Summary
+        activeCap={activeCap}
+        activeRaised={activeRaised}
+        fundCount={funds ? funds.length : 0}
+        totalCap={totalCap}
+        totalRaised={totalRaised}
+      />
+      <Button.Group>
+        <FundAdd
+          auctionInfo={auctionInfo}
+          bestNumber={bestNumber}
+          leasePeriod={leasePeriod}
+          ownedIds={ownedIds}
+        />
+      </Button.Group>
+      <Funds
+        bestNumber={bestNumber}
+        leasePeriod={leasePeriod}
+        value={funds}
+      />
+    </div>
+  );
+}
+
+export default React.memo(Crowdloan);
diff --git a/packages/page-parachains/src/Crowdloan/useContributions.ts b/packages/page-parachains/src/Crowdloan/useContributions.ts
new file mode 100644
index 0000000..0bb341a
--- /dev/null
+++ b/packages/page-parachains/src/Crowdloan/useContributions.ts
@@ -0,0 +1,61 @@
+// Copyright 2017-2022 @polkadot/app-parachains authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { DeriveContributions, DeriveOwnContributions } from '@polkadot/api-derive/types';
+import type { Balance, ParaId } from '@polkadot/types/interfaces';
+
+import { useEffect, useState } from 'react';
+
+import { createNamedHook, useAccounts, useApi, useCall } from '@polkadot/react-hooks';
+import { encodeAddress } from '@polkadot/util-crypto';
+
+interface Result extends DeriveContributions {
+  hasLoaded: boolean;
+  myAccounts: string[];
+  myAccountsHex: string[];
+  myContributions: Record<string, Balance>;
+}
+
+const NO_CONTRIB: Result = {
+  blockHash: '-',
+  contributorsHex: [],
+  hasLoaded: false,
+  myAccounts: [],
+  myAccountsHex: [],
+  myContributions: {}
+};
+
+function useContributionsImpl (paraId: ParaId): Result {
+  const { api } = useApi();
+  const { allAccountsHex } = useAccounts();
+  const [state, setState] = useState<Result>(() => NO_CONTRIB);
+  const derive = useCall<DeriveContributions>(api.derive.crowdloan.contributions, [paraId]);
+  const myContributions = useCall<DeriveOwnContributions>(api.derive.crowdloan.ownContributions, [paraId, state.myAccountsHex]);
+
+  useEffect((): void => {
+    derive && setState((prev): Result => {
+      let myAccountsHex = derive.contributorsHex.filter((h) => allAccountsHex.includes(h));
+      let myAccounts: string[];
+
+      if (myAccountsHex.length === prev.myAccountsHex.length) {
+        myAccountsHex = prev.myAccountsHex;
+        myAccounts = prev.myAccounts;
+      } else {
+        myAccounts = myAccountsHex.map((a) => encodeAddress(a, api.registry.chainSS58));
+      }
+
+      return { ...prev, ...derive, hasLoaded: true, myAccounts, myAccountsHex };
+    });
+  }, [api, allAccountsHex, derive]);
+
+  useEffect((): void => {
+    myContributions && setState((prev) => ({
+      ...prev,
+      myContributions
+    }));
+  }, [myContributions]);
+
+  return state;
+}
+
+export default createNamedHook('useContributions', useContributionsImpl);
diff --git a/packages/page-parachains/src/InputOwner.tsx b/packages/page-parachains/src/InputOwner.tsx
new file mode 100644
index 0000000..574a5a9
--- /dev/null
+++ b/packages/page-parachains/src/InputOwner.tsx
@@ -0,0 +1,83 @@
+// Copyright 2017-2022 @polkadot/app-parachains authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { OwnedId, OwnerInfo } from './types';
+
+import React, { useCallback, useEffect, useMemo, useState } from 'react';
+
+import { Dropdown, InputAddress, MarkError, Modal } from '@polkadot/react-components';
+
+import { useTranslation } from './translate';
+
+interface Props {
+  noCodeCheck?: boolean;
+  onChange: (owner: OwnerInfo) => void;
+  ownedIds: OwnedId[];
+}
+
+function InputOwner ({ noCodeCheck, onChange, ownedIds }: Props): React.ReactElement<Props> {
+  const { t } = useTranslation();
+  const [accountId, setAccountId] = useState<string | null>(null);
+  const [paraId, setParaId] = useState<number>(0);
+
+  useEffect((): void => {
+    onChange(
+      accountId && paraId
+        ? { accountId, paraId }
+        : { accountId: null, paraId: 0 }
+    );
+  }, [accountId, onChange, ownedIds, paraId]);
+
+  const owners = useMemo(
+    () => ownedIds.map(({ manager }) => manager),
+    [ownedIds]
+  );
+
+  const optIds = useMemo(
+    () => ownedIds
+      .filter(({ manager }) => manager === accountId)
+      .map(({ paraId }) => ({ text: paraId.toString(), value: paraId.toNumber() })),
+    [accountId, ownedIds]
+  );
+
+  const _setParaId = useCallback(
+    (id: number) => setParaId(
+      noCodeCheck || ownedIds.some(({ hasCode, paraId }) => paraId.eq(id) && hasCode)
+        ? id
+        : 0
+    ),
+    [noCodeCheck, ownedIds]
+  );
+
+  return (
+    <Modal.Columns hint={
+      <>
+        <p>{t<string>('This account that has been used to register the parachain. This will pay all associated fees.')}</p>
+        <p>{t<string>('The parachain id is associated with the selected account via parathread registration.')}</p>
+      </>
+    }
+    >
+      <InputAddress
+        filter={owners}
+        label={t<string>('parachain owner')}
+        onChange={setAccountId}
+        type='account'
+        value={accountId}
+      />
+      {accountId && (
+        <Dropdown
+          defaultValue={optIds[0].value}
+          key={accountId}
+          label={t<string>('parachain id')}
+          onChange={_setParaId}
+          options={optIds}
+        />
+      )}
+      {!noCodeCheck && !paraId && (
+        <MarkError content={t<string>('Before using this registered paraId, you need to have a WASM validation function registered on-chain')} />
+      )}
+    </Modal.Columns>
+  );
+}
+
+export default React.memo(InputOwner);
diff --git a/packages/page-parachains/src/Overview/LeaseBlocks.tsx b/packages/page-parachains/src/Overview/LeaseBlocks.tsx
new file mode 100644
index 0000000..5a83572
--- /dev/null
+++ b/packages/page-parachains/src/Overview/LeaseBlocks.tsx
@@ -0,0 +1,47 @@
+// Copyright 2017-2022 @polkadot/app-parachains authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { BN } from '@polkadot/util';
+import type { LeasePeriod } from '../types';
+
+import React, { useMemo } from 'react';
+
+import { BlockToTime } from '@polkadot/react-query';
+import { BN_ONE, bnToBn } from '@polkadot/util';
+
+interface Props {
+  children?: React.ReactNode;
+  className?: string;
+  leasePeriod?: LeasePeriod | null;
+  value?: number | BN | null;
+}
+
+function calcBlocks (leasePeriod?: LeasePeriod | null, value?: number | BN | null): BN | null | undefined | 0 {
+  return leasePeriod && value &&
+    bnToBn(value)
+      .sub(BN_ONE)
+      .imul(leasePeriod.length)
+      .iadd(leasePeriod.remainder);
+}
+
+function LeaseBlocks ({ children, className, leasePeriod, value }: Props): React.ReactElement<Props> | null {
+  const blocks = useMemo(
+    () => calcBlocks(leasePeriod, value),
+    [leasePeriod, value]
+  );
+
+  if (!blocks) {
+    return null;
+  }
+
+  return (
+    <BlockToTime
+      className={className}
+      value={blocks}
+    >
+      {children}
+    </BlockToTime>
+  );
+}
+
+export default React.memo(LeaseBlocks);
diff --git a/packages/page-parachains/src/Overview/Lifecycle.tsx b/packages/page-parachains/src/Overview/Lifecycle.tsx
new file mode 100644
index 0000000..4fe5d75
--- /dev/null
+++ b/packages/page-parachains/src/Overview/Lifecycle.tsx
@@ -0,0 +1,27 @@
+// Copyright 2017-2022 @polkadot/app-parachains authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { PolkadotRuntimeParachainsParasParaLifecycle } from '@polkadot/types/lookup';
+import type { QueuedAction } from '../types';
+
+import React from 'react';
+
+import { SessionToTime } from '@polkadot/react-query';
+
+interface Props {
+  lifecycle: PolkadotRuntimeParachainsParasParaLifecycle | null;
+  nextAction?: QueuedAction;
+}
+
+function Lifecycle ({ lifecycle, nextAction }: Props): React.ReactElement<Props> | null {
+  return lifecycle && (
+    <>
+      {lifecycle.toString()}
+      {nextAction && (
+        <SessionToTime value={nextAction.sessionIndex} />
+      )}
+    </>
+  );
+}
+
+export default React.memo(Lifecycle);
diff --git a/packages/page-parachains/src/Overview/Parachain.tsx b/packages/page-parachains/src/Overview/Parachain.tsx
new file mode 100644
index 0000000..f77c16f
--- /dev/null
+++ b/packages/page-parachains/src/Overview/Parachain.tsx
@@ -0,0 +1,175 @@
+// Copyright 2017-2022 @polkadot/app-parachains authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { AccountId, GroupIndex, ParaId } from '@polkadot/types/interfaces';
+import type { LeasePeriod, QueuedAction } from '../types';
+import type { EventMapInfo, ValidatorInfo } from './types';
+
+import React, { useCallback, useEffect, useMemo, useState } from 'react';
+import styled from 'styled-components';
+
+import { AddressMini, Expander, ParaLink } from '@polkadot/react-components';
+import { BlockToTime } from '@polkadot/react-query';
+import { BN, formatNumber } from '@polkadot/util';
+
+import { useTranslation } from '../translate';
+import Lifecycle from './Lifecycle';
+import ParachainInfo from './ParachainInfo';
+import Periods from './Periods';
+import useParaInfo from './useParaInfo';
+
+interface Props {
+  bestNumber?: BN;
+  className?: string;
+  id: ParaId;
+  isScheduled?: boolean;
+  lastBacked?: EventMapInfo;
+  lastInclusion?: EventMapInfo;
+  lastTimeout?: EventMapInfo;
+  leasePeriod?: LeasePeriod;
+  nextAction?: QueuedAction;
+  sessionValidators?: AccountId[] | null;
+  validators?: [GroupIndex, ValidatorInfo[]];
+}
+
+function renderAddresses (list?: AccountId[], indices?: BN[]): JSX.Element[] | undefined {
+  return list?.map((id, index) => (
+    <AddressMini
+      key={id.toString()}
+      nameExtra={indices && <>&nbsp;{`(${formatNumber(indices[index])})`}</>}
+      value={id}
+    />
+  ));
+}
+
+function Parachain ({ bestNumber, className = '', id, lastBacked, lastInclusion, lastTimeout, leasePeriod, nextAction, sessionValidators, validators }: Props): React.ReactElement<Props> {
+  const { t } = useTranslation();
+  const paraInfo = useParaInfo(id);
+  const [nonBacked, setNonBacked] = useState<AccountId[]>([]);
+
+  const blockDelay = useMemo(
+    () => bestNumber && (
+      lastInclusion
+        ? bestNumber.sub(lastInclusion.blockNumber)
+        : paraInfo.watermark
+          ? bestNumber.sub(paraInfo.watermark)
+          : undefined
+    ),
+    [bestNumber, lastInclusion, paraInfo]
+  );
+
+  const valRender = useCallback(
+    () => renderAddresses(
+      validators && validators[1].map(({ validatorId }) => validatorId),
+      validators && validators[1].map(({ indexValidator }) => indexValidator)
+    ),
+    [validators]
+  );
+
+  const bckRender = useCallback(
+    () => renderAddresses(nonBacked),
+    [nonBacked]
+  );
+
+  useEffect((): void => {
+    if (sessionValidators) {
+      if (paraInfo.pendingAvail) {
+        const list = paraInfo.pendingAvail.availabilityVotes.toHuman()
+          .slice(2)
+          .replace(/_/g, '')
+          .split('')
+          .map((c, index) => c === '0' ? sessionValidators[index] : null)
+          .filter((v, index): v is AccountId => !!v && index < sessionValidators.length);
+
+        list.length !== sessionValidators.length && setNonBacked(list);
+      } else {
+        setNonBacked([]);
+      }
+    }
+  }, [paraInfo, sessionValidators]);
+
+  return (
+    <tr className={`${className} ${(lastBacked || lastInclusion || paraInfo.watermark) ? '' : 'isDisabled'}`}>
+      <td className='number'><h1>{formatNumber(id)}</h1></td>
+      <td className='badge'><ParaLink id={id} /></td>
+      <td className='number media--1400'>
+        {validators && validators[1].length !== 0 && (
+          <Expander
+            renderChildren={valRender}
+            summary={t<string>('Val. Group {{group}} ({{count}})', {
+              replace: {
+                count: formatNumber(validators[1].length),
+                group: validators[0]
+              }
+            })}
+          />
+        )}
+        {nonBacked && (
+          <Expander
+            renderChildren={bckRender}
+            summary={t<string>('Non-voters ({{count}})', { replace: { count: formatNumber(nonBacked.length) } })}
+          />
+        )}
+      </td>
+      <td className='start together hash media--1500'>{paraInfo.headHex}</td>
+      <td className='start'>
+        {paraInfo.updateAt && bestNumber && paraInfo.lifecycle?.isParachain
+          ? (
+            <>
+              {t<string>('Upgrading')}
+              <BlockToTime value={paraInfo.updateAt.sub(bestNumber)} />
+              #{formatNumber(paraInfo.updateAt)}
+            </>
+          )
+          : (
+            <Lifecycle
+              lifecycle={paraInfo.lifecycle}
+              nextAction={nextAction}
+            />
+          )
+        }
+      </td>
+      <td className='all' />
+      <td className='number'>{blockDelay && <BlockToTime value={blockDelay} />}</td>
+      <td className='number no-pad-left'>
+        {lastInclusion
+          ? <a href={`#/explorer/query/${lastInclusion.blockHash}`}>{formatNumber(lastInclusion.blockNumber)}</a>
+          : paraInfo.watermark && formatNumber(paraInfo.watermark)
+        }
+      </td>
+      <td className='number no-pad-left media--800'>
+        {lastBacked &&
+          <a href={`#/explorer/query/${lastBacked.blockHash}`}>{formatNumber(lastBacked.blockNumber)}</a>
+        }
+      </td>
+      <td className='number no-pad-left media--900'>
+        {lastTimeout &&
+          <a href={`#/explorer/query/${lastTimeout.blockHash}`}>{formatNumber(lastTimeout.blockNumber)}</a>
+        }
+      </td>
+      <td className='number no-pad-left'>
+        <ParachainInfo id={id} />
+      </td>
+      <td className='number media--1200'>
+        {formatNumber(paraInfo.qHrmpI)}
+      </td>
+      <td className='number no-pad-left media--1200'>
+        {formatNumber(paraInfo.qHrmpE)}
+      </td>
+      <td className='number together media--1000'>
+        <Periods
+          leasePeriod={leasePeriod}
+          periods={paraInfo.leases}
+        />
+      </td>
+    </tr>
+  );
+}
+
+export default React.memo(styled(Parachain)`
+  &.isDisabled {
+    td {
+      opacity: 0.5
+    }
+  }
+`);
diff --git a/packages/page-parachains/src/Overview/ParachainInfo.tsx b/packages/page-parachains/src/Overview/ParachainInfo.tsx
new file mode 100644
index 0000000..67ebd68
--- /dev/null
+++ b/packages/page-parachains/src/Overview/ParachainInfo.tsx
@@ -0,0 +1,41 @@
+// Copyright 2017-2022 @polkadot/app-parachains authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { ParaId } from '@polkadot/types/interfaces';
+
+import React from 'react';
+import styled from 'styled-components';
+
+import { formatNumber } from '@polkadot/util';
+
+import useChainDetails from './useChainDetails';
+
+interface Props {
+  className?: string;
+  id: ParaId;
+}
+
+function ParachainInfo ({ className, id }: Props): React.ReactElement<Props> {
+  const { bestNumber, runtimeVersion } = useChainDetails(id);
+
+  return (
+    <div className={className}>
+      {bestNumber && <div>{formatNumber(bestNumber)}</div>}
+      {runtimeVersion && <div className='version'><div className='media--1100'>{runtimeVersion.specName.toString()}</div><div className='media--1100'>/</div><div>{runtimeVersion.specVersion.toString()}</div></div>}
+    </div>
+  );
+}
+
+export default React.memo(styled(ParachainInfo)`
+  .version {
+    font-size: 0.85rem;
+    white-space: nowrap;
+
+    > div {
+      display: inline-block;
+      overflow: hidden;
+      max-width: 10em;
+      text-overflow: ellipsis;
+    }
+  }
+`);
diff --git a/packages/page-parachains/src/Overview/Parachains.tsx b/packages/page-parachains/src/Overview/Parachains.tsx
new file mode 100644
index 0000000..ee7f0a3
--- /dev/null
+++ b/packages/page-parachains/src/Overview/Parachains.tsx
@@ -0,0 +1,114 @@
+// Copyright 2017-2022 @polkadot/app-parachains authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { ParaId } from '@polkadot/types/interfaces';
+import type { LeasePeriod, QueuedAction, ScheduledProposals } from '../types';
+
+import React, { useMemo, useRef } from 'react';
+
+import { Table } from '@polkadot/react-components';
+import { useBestNumber, useIsParasLinked } from '@polkadot/react-hooks';
+
+import { useTranslation } from '../translate';
+import Parachain from './Parachain';
+import useEvents from './useEvents';
+import useValidators from './useValidators';
+
+interface Props {
+  actionsQueue: QueuedAction[];
+  ids?: ParaId[];
+  leasePeriod?: LeasePeriod;
+  scheduled?: ScheduledProposals[];
+}
+
+function extractScheduledIds (scheduled: ScheduledProposals[] = []): Record<string, boolean> {
+  return scheduled.reduce((all: Record<string, boolean>, { scheduledIds }: ScheduledProposals): Record<string, boolean> =>
+    scheduledIds.reduce((all: Record<string, boolean>, id) => ({
+      ...all,
+      [id.toString()]: true
+    }), all), {});
+}
+
+function extractActions (actionsQueue: QueuedAction[], knownIds: [ParaId, string][] = []): Record<string, QueuedAction | undefined> {
+  return knownIds.reduce((all: Record<string, QueuedAction | undefined>, [id, key]) => ({
+    ...all,
+    [key]: actionsQueue.find(({ paraIds }) => paraIds.some((p) => p.eq(id)))
+  }), {});
+}
+
+function extractIds (hasLinksMap: Record<string, boolean>, ids: ParaId[]): [ParaId, string][] | undefined {
+  return ids
+    .map((id): [ParaId, string] => [id, id.toString()])
+    .sort(([aId, aIds], [bId, bIds]): number => {
+      const aKnown = hasLinksMap[aIds] || false;
+      const bKnown = hasLinksMap[bIds] || false;
+
+      return aKnown === bKnown
+        ? aId.cmp(bId)
+        : aKnown
+          ? -1
+          : 1;
+    });
+}
+
+function Parachains ({ actionsQueue, ids, leasePeriod, scheduled }: Props): React.ReactElement<Props> {
+  const { t } = useTranslation();
+  const bestNumber = useBestNumber();
+  const { lastBacked, lastIncluded, lastTimeout } = useEvents();
+  const hasLinksMap = useIsParasLinked(ids);
+  const [validators, validatorMap] = useValidators(ids);
+
+  const headerRef = useRef([
+    [t('parachains'), 'start', 2],
+    ['', 'media--1400'],
+    [t('head'), 'start media--1500'],
+    [t('lifecycle'), 'start'],
+    [],
+    [t('included'), undefined, 2],
+    [t('backed'), 'no-pad-left media--800'],
+    [t('timeout'), 'no-pad-left media--900'],
+    [t('chain'), 'no-pad-left'],
+    [t('in/out'), 'media--1200', 2],
+    [t('leases'), 'media--1000']
+  ]);
+
+  const scheduledIds = useMemo(
+    () => extractScheduledIds(scheduled),
+    [scheduled]
+  );
+
+  const knownIds = useMemo(
+    () => ids && extractIds(hasLinksMap, ids),
+    [ids, hasLinksMap]
+  );
+
+  const nextActions = useMemo(
+    () => extractActions(actionsQueue, knownIds),
+    [actionsQueue, knownIds]
+  );
+
+  return (
+    <Table
+      empty={knownIds && t<string>('There are no registered parachains')}
+      header={headerRef.current}
+    >
+      {knownIds?.map(([id, key]): React.ReactNode => (
+        <Parachain
+          bestNumber={bestNumber}
+          id={id}
+          isScheduled={scheduledIds[key]}
+          key={key}
+          lastBacked={lastBacked[key]}
+          lastInclusion={lastIncluded[key]}
+          lastTimeout={lastTimeout[key]}
+          leasePeriod={leasePeriod}
+          nextAction={nextActions[key]}
+          sessionValidators={validators}
+          validators={validatorMap[key]}
+        />
+      ))}
+    </Table>
+  );
+}
+
+export default React.memo(Parachains);
diff --git a/packages/page-parachains/src/Overview/Periods.tsx b/packages/page-parachains/src/Overview/Periods.tsx
new file mode 100644
index 0000000..097a38b
--- /dev/null
+++ b/packages/page-parachains/src/Overview/Periods.tsx
@@ -0,0 +1,65 @@
+// Copyright 2017-2022 @polkadot/app-parachains authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { BN } from '@polkadot/util';
+import type { LeasePeriod } from '../types';
+
+import React, { useMemo } from 'react';
+
+import { BN_ONE, formatNumber } from '@polkadot/util';
+
+import LeaseBlocks from './LeaseBlocks';
+
+interface Props {
+  className?: string;
+  fromFirst?: boolean;
+  leasePeriod?: LeasePeriod;
+  periods: number[];
+}
+
+function getMapped (periods: number[], currentPeriod?: BN): string | undefined {
+  return currentPeriod && periods &&
+    periods
+      .reduce((all: [BN, BN][], period): [BN, BN][] => {
+        const bnp = currentPeriod.addn(period);
+
+        if (!all.length || all[all.length - 1][1].add(BN_ONE).lt(bnp)) {
+          all.push([bnp, bnp]);
+        } else {
+          all[all.length - 1][1] = bnp;
+        }
+
+        return all;
+      }, [])
+      .map(([a, b]) =>
+        a.eq(b)
+          ? formatNumber(a)
+          : `${formatNumber(a)} - ${formatNumber(b)}`
+      )
+      .join(', ');
+}
+
+function Periods ({ className, fromFirst, leasePeriod, periods }: Props): React.ReactElement<Props> {
+  const mapped = useMemo(
+    () => getMapped(periods, leasePeriod?.currentPeriod),
+    [leasePeriod?.currentPeriod, periods]
+  );
+
+  return (
+    <div className={className}>
+      <div>{mapped}</div>
+      {periods && (
+        <LeaseBlocks
+          leasePeriod={leasePeriod}
+          value={
+            fromFirst
+              ? periods[0]
+              : periods[periods.length - 1] + 1
+          }
+        />
+      )}
+    </div>
+  );
+}
+
+export default React.memo(Periods);
diff --git a/packages/page-parachains/src/Overview/Summary.tsx b/packages/page-parachains/src/Overview/Summary.tsx
new file mode 100644
index 0000000..5ab9b8c
--- /dev/null
+++ b/packages/page-parachains/src/Overview/Summary.tsx
@@ -0,0 +1,81 @@
+// Copyright 2017-2022 @polkadot/app-parachains authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { LeasePeriod } from '../types';
+
+import React from 'react';
+
+import SummarySession from '@polkadot/app-explorer/SummarySession';
+import { CardSummary, SummaryBox } from '@polkadot/react-components';
+import { BestFinalized } from '@polkadot/react-query';
+import { formatNumber, isNumber } from '@polkadot/util';
+
+import { useTranslation } from '../translate';
+
+interface Props {
+  leasePeriod?: LeasePeriod;
+  parachainCount?: number;
+  proposalCount?: number;
+  upcomingCount?: number;
+}
+
+function Summary ({ leasePeriod, parachainCount, proposalCount, upcomingCount }: Props): React.ReactElement<Props> {
+  const { t } = useTranslation();
+
+  return (
+    <SummaryBox>
+      <section>
+        {isNumber(parachainCount) && (
+          <CardSummary label={t<string>('parachains')}>
+            {formatNumber(parachainCount)}
+          </CardSummary>
+        )}
+        {isNumber(upcomingCount) && (
+          <CardSummary
+            className='media--1000'
+            label={t<string>('parathreads')}
+          >
+            {formatNumber(upcomingCount)}
+          </CardSummary>
+        )}
+        {isNumber(proposalCount) && (
+          <CardSummary
+            className='media--1000'
+            label={t<string>('proposals')}
+          >
+            {formatNumber(proposalCount)}
+          </CardSummary>
+        )}
+      </section>
+      <section>
+        {leasePeriod && (
+          <>
+            <CardSummary label={t<string>('current lease')}>
+              {formatNumber(leasePeriod.currentPeriod)}
+            </CardSummary>
+            <CardSummary
+              className='media--1200'
+              label={t<string>('lease period')}
+              progress={{
+                total: leasePeriod.length,
+                value: leasePeriod.progress,
+                withTime: true
+              }}
+            />
+          </>
+        )}
+      </section>
+      <section>
+        <CardSummary label={t<string>('finalized')}>
+          <BestFinalized />
+        </CardSummary>
+        <SummarySession
+          className='media--1200'
+          withEra={false}
+        />
+      </section>
+    </SummaryBox>
+  );
+}
+
+export default Summary;
diff --git a/packages/page-parachains/src/Overview/index.tsx b/packages/page-parachains/src/Overview/index.tsx
new file mode 100644
index 0000000..840499d
--- /dev/null
+++ b/packages/page-parachains/src/Overview/index.tsx
@@ -0,0 +1,41 @@
+// Copyright 2017-2022 @polkadot/app-parachains authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { ParaId } from '@polkadot/types/interfaces';
+import type { LeasePeriod, Proposals, QueuedAction } from '../types';
+
+import React from 'react';
+
+import Parachains from './Parachains';
+import Summary from './Summary';
+
+interface Props {
+  actionsQueue: QueuedAction[];
+  className?: string;
+  leasePeriod?: LeasePeriod;
+  paraIds?: ParaId[];
+  proposals?: Proposals;
+  threadIds?: ParaId[];
+  upcomingIds?: ParaId[];
+}
+
+function Overview ({ actionsQueue, className, leasePeriod, paraIds, proposals, threadIds }: Props): React.ReactElement<Props> {
+  return (
+    <div className={className}>
+      <Summary
+        leasePeriod={leasePeriod}
+        parachainCount={paraIds?.length}
+        proposalCount={proposals?.proposalIds.length}
+        upcomingCount={threadIds?.length}
+      />
+      <Parachains
+        actionsQueue={actionsQueue}
+        ids={paraIds}
+        leasePeriod={leasePeriod}
+        scheduled={proposals?.scheduled}
+      />
+    </div>
+  );
+}
+
+export default React.memo(Overview);
diff --git a/packages/page-parachains/src/Overview/types.ts b/packages/page-parachains/src/Overview/types.ts
new file mode 100644
index 0000000..2c8b9eb
--- /dev/null
+++ b/packages/page-parachains/src/Overview/types.ts
@@ -0,0 +1,17 @@
+// Copyright 2017-2022 @polkadot/app-parachains authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { AccountId, ParaValidatorIndex } from '@polkadot/types/interfaces';
+import type { BN } from '@polkadot/util';
+
+export interface EventMapInfo {
+  blockHash: string;
+  blockNumber: BN;
+  relayParent: string;
+}
+
+export interface ValidatorInfo {
+  indexActive: ParaValidatorIndex;
+  indexValidator: ParaValidatorIndex;
+  validatorId: AccountId;
+}
diff --git a/packages/page-parachains/src/Overview/useChainDetails.ts b/packages/page-parachains/src/Overview/useChainDetails.ts
new file mode 100644
index 0000000..ee93c44
--- /dev/null
+++ b/packages/page-parachains/src/Overview/useChainDetails.ts
@@ -0,0 +1,27 @@
+// Copyright 2017-2022 @polkadot/app-parachains authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { BlockNumber, Header, ParaId, RuntimeVersion } from '@polkadot/types/interfaces';
+
+import { createNamedHook, useCall, useParaApi } from '@polkadot/react-hooks';
+
+interface Result {
+  bestNumber?: BlockNumber;
+  runtimeVersion?: RuntimeVersion;
+}
+
+const HDR_OPTS = {
+  transform: (header: Header) => header.number.unwrap()
+};
+
+function useChainDetailsImpl (id: ParaId): Result {
+  const { api } = useParaApi(id);
+
+  // We are not using the derive here, we keep this queries to the point to not overload
+  return {
+    bestNumber: useCall<BlockNumber>(api?.rpc.chain.subscribeNewHeads, undefined, HDR_OPTS),
+    runtimeVersion: useCall<RuntimeVersion>(api?.rpc.state.subscribeRuntimeVersion)
+  };
+}
+
+export default createNamedHook('useChainDetails', useChainDetailsImpl);
diff --git a/packages/page-parachains/src/Overview/useEvents.ts b/packages/page-parachains/src/Overview/useEvents.ts
new file mode 100644
index 0000000..8a8c003
--- /dev/null
+++ b/packages/page-parachains/src/Overview/useEvents.ts
@@ -0,0 +1,98 @@
+// Copyright 2017-2022 @polkadot/app-parachains authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { ApiPromise } from '@polkadot/api';
+import type { SignedBlockExtended } from '@polkadot/api-derive/types';
+import type { Event } from '@polkadot/types/interfaces';
+import type { PolkadotPrimitivesV2CandidateReceipt } from '@polkadot/types/lookup';
+import type { IEvent } from '@polkadot/types/types';
+import type { BN } from '@polkadot/util';
+import type { EventMapInfo } from './types';
+
+import { useEffect, useState } from 'react';
+
+import { createNamedHook, useApi, useCall } from '@polkadot/react-hooks';
+import { stringify } from '@polkadot/util';
+
+type EventMap = Record<string, EventMapInfo>;
+
+interface Result {
+  lastBacked: EventMap;
+  lastIncluded: EventMap;
+  lastTimeout: EventMap;
+}
+
+const EMPTY_EVENTS: Result = { lastBacked: {}, lastIncluded: {}, lastTimeout: {} };
+
+function includeEntry (map: EventMap, event: Event, blockHash: string, blockNumber: BN): void {
+  try {
+    const { descriptor } = (event as unknown as IEvent<[PolkadotPrimitivesV2CandidateReceipt]>).data[0];
+
+    if (descriptor && descriptor.paraId) {
+      map[descriptor.paraId.toString()] = {
+        blockHash,
+        blockNumber,
+        relayParent: descriptor.relayParent.toHex()
+      };
+    }
+  } catch (error) {
+    throw new Error(`${event.section}.${event.method}(${stringify(event.data)}):: ${(error as Error).message}`);
+  }
+}
+
+function extractEvents (api: ApiPromise, lastBlock: SignedBlockExtended, prev: Result): Result {
+  const backed: EventMap = {};
+  const included: EventMap = {};
+  const timeout: EventMap = {};
+  const blockNumber = lastBlock.block.header.number.unwrap();
+  const blockHash = lastBlock.block.header.hash.toHex();
+  const paraEvents = (api.events.paraInclusion || api.events.parasInclusion || api.events.inclusion);
+  let wasBacked = false;
+  let wasIncluded = false;
+  let wasTimeout = false;
+
+  paraEvents && lastBlock.events.forEach(({ event, phase }) => {
+    if (phase.isApplyExtrinsic) {
+      if (paraEvents.CandidateBacked.is(event)) {
+        includeEntry(backed, event, blockHash, blockNumber);
+        wasBacked = true;
+      } else if (paraEvents.CandidateIncluded.is(event)) {
+        includeEntry(included, event, blockHash, blockNumber);
+        wasIncluded = true;
+      } else if (paraEvents.CandidateTimedOut.is(event)) {
+        includeEntry(timeout, event, blockHash, blockNumber);
+        wasTimeout = true;
+      }
+    }
+  });
+
+  return wasBacked || wasIncluded || wasTimeout
+    ? {
+      lastBacked: wasBacked
+        ? { ...prev.lastBacked, ...backed }
+        : prev.lastBacked,
+      lastIncluded: wasIncluded
+        ? { ...prev.lastIncluded, ...included }
+        : prev.lastIncluded,
+      lastTimeout: wasTimeout
+        ? { ...prev.lastTimeout, ...timeout }
+        : prev.lastTimeout
+    }
+    : prev;
+}
+
+function useEventsImpl (): Result {
+  const { api } = useApi();
+  const lastBlock = useCall<SignedBlockExtended>(api.derive.chain.subscribeNewBlocks);
+  const [state, setState] = useState<Result>(EMPTY_EVENTS);
+
+  useEffect((): void => {
+    lastBlock && setState((prev) =>
+      extractEvents(api, lastBlock, prev)
+    );
+  }, [api, lastBlock]);
+
+  return state;
+}
+
+export default createNamedHook('useEvents', useEventsImpl);
diff --git a/packages/page-parachains/src/Overview/useParaInfo.ts b/packages/page-parachains/src/Overview/useParaInfo.ts
new file mode 100644
index 0000000..640ebe5
--- /dev/null
+++ b/packages/page-parachains/src/Overview/useParaInfo.ts
@@ -0,0 +1,80 @@
+// Copyright 2017-2022 @polkadot/app-parachains authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { Option, Vec } from '@polkadot/types';
+import type { AccountId, BalanceOf, BlockNumber, CandidatePendingAvailability, HeadData, ParaId } from '@polkadot/types/interfaces';
+import type { PolkadotRuntimeCommonParasRegistrarParaInfo, PolkadotRuntimeParachainsParasParaLifecycle } from '@polkadot/types/lookup';
+import type { Codec, ITuple } from '@polkadot/types/types';
+
+import { createNamedHook, useApi, useCallMulti } from '@polkadot/react-hooks';
+
+import { sliceHex } from '../util';
+
+type QueryResult = [Option<HeadData>, Option<BlockNumber>, Option<PolkadotRuntimeParachainsParasParaLifecycle>, Vec<Codec>, Vec<Codec>, Vec<Codec>, Vec<Codec>, Option<BlockNumber>, Option<CandidatePendingAvailability>, Option<PolkadotRuntimeCommonParasRegistrarParaInfo>, Option<ITuple<[AccountId, BalanceOf]>>[]];
+
+interface Result {
+  headHex: string | null;
+  leases: number[];
+  lifecycle: PolkadotRuntimeParachainsParasParaLifecycle | null;
+  paraInfo: PolkadotRuntimeCommonParasRegistrarParaInfo | null;
+  pendingAvail: CandidatePendingAvailability | null;
+  updateAt: BlockNumber | null;
+  qDmp: number;
+  qUmp: number;
+  qHrmpE: number;
+  qHrmpI: number;
+  watermark: BlockNumber | null;
+}
+
+const MULTI_OPTS = {
+  defaultValue: {
+    headHex: null,
+    leases: [],
+    lifecycle: null,
+    paraInfo: null,
+    pendingAvail: null,
+    qDmp: 0,
+    qHrmpE: 0,
+    qHrmpI: 0,
+    qUmp: 0,
+    updateAt: null,
+    watermark: null
+  },
+  transform: ([headData, optUp, optLifecycle, dmp, ump, hrmpE, hrmpI, optWm, optPending, optInfo, leases]: QueryResult): Result => ({
+    headHex: headData.isSome
+      ? sliceHex(headData.unwrap())
+      : null,
+    leases: leases
+      .map((opt, index) => opt.isSome ? index : -1)
+      .filter((period) => period !== -1),
+    lifecycle: optLifecycle.unwrapOr(null),
+    paraInfo: optInfo.unwrapOr(null),
+    pendingAvail: optPending.unwrapOr(null),
+    qDmp: dmp.length,
+    qHrmpE: hrmpE.length,
+    qHrmpI: hrmpI.length,
+    qUmp: ump.length,
+    updateAt: optUp.unwrapOr(null),
+    watermark: optWm.unwrapOr(null)
+  })
+};
+
+function useParaInfoImpl (id: ParaId): Result {
+  const { api } = useApi();
+
+  return useCallMulti<Result>([
+    [api.query.paras.heads, id],
+    [api.query.paras.futureCodeUpgrades, id],
+    [api.query.paras.paraLifecycles, id],
+    [(api.query.parasDmp || api.query.paraDmp || api.query.dmp)?.downwardMessageQueues, id],
+    [(api.query.parasUmp || api.query.ump)?.relayDispatchQueues, id],
+    [(api.query.parasHrmp || api.query.paraHrmp || api.query.hrmp)?.hrmpEgressChannelsIndex, id],
+    [(api.query.parasHrmp || api.query.paraHrmp || api.query.hrmp)?.hrmpIngressChannelsIndex, id],
+    [(api.query.parasHrmp || api.query.paraHrmp || api.query.hrmp)?.hrmpWatermarks, id],
+    [(api.query.parasInclusion || api.query.paraInclusion || api.query.inclusion)?.pendingAvailability, id],
+    [api.query.registrar.paras, id],
+    [api.query.slots.leases, id]
+  ], MULTI_OPTS);
+}
+
+export default createNamedHook('useParaInfo', useParaInfoImpl);
diff --git a/packages/page-parachains/src/Overview/useValidators.ts b/packages/page-parachains/src/Overview/useValidators.ts
new file mode 100644
index 0000000..249a7c1
--- /dev/null
+++ b/packages/page-parachains/src/Overview/useValidators.ts
@@ -0,0 +1,68 @@
+// Copyright 2017-2022 @polkadot/app-parachains authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { AccountId, CoreAssignment, GroupIndex, ParaId, ParaValidatorIndex } from '@polkadot/types/interfaces';
+import type { ValidatorInfo } from './types';
+
+import { useEffect, useMemo, useState } from 'react';
+
+import { createNamedHook, useApi, useCallMulti } from '@polkadot/react-hooks';
+
+type MultiResult = [AccountId[] | null, CoreAssignment[] | null, ParaValidatorIndex[][] | null, ParaValidatorIndex[] | null];
+
+type Result = [AccountId[] | null, Record<string, [GroupIndex, ValidatorInfo[]]>];
+
+const optionsMulti = {
+  defaultValue: [null, null, null, null] as MultiResult
+};
+
+function mapValidators (startWith: Record<string, [GroupIndex, ValidatorInfo[]]>, ids: ParaId[], validators: AccountId[], groups: ParaValidatorIndex[][], indices: ParaValidatorIndex[], scheduled: CoreAssignment[]): Record<string, [GroupIndex, ValidatorInfo[]]> {
+  return ids.reduce((all: Record<string, [GroupIndex, ValidatorInfo[]]>, id) => {
+    // paraId should never be undefined, since it comes from the state, yet here we are...
+    // See https://github.com/polkadot-js/apps/issues/6435
+    const assignment = scheduled.find(({ paraId }) => paraId && paraId.eq(id));
+
+    if (!assignment) {
+      return all;
+    }
+
+    return {
+      ...all,
+      [id.toString()]: [
+        assignment.groupIdx,
+        (groups[assignment.groupIdx.toNumber()] || [])
+          .map((index) => [index, indices[index.toNumber()]])
+          .filter(([, a]) => a)
+          .map(([indexActive, indexValidator]) => ({
+            indexActive,
+            indexValidator,
+            validatorId: validators[indexValidator.toNumber()]
+          }))
+      ]
+    };
+  }, { ...startWith });
+}
+
+function useValidatorsImpl (ids?: ParaId[]): Result {
+  const { api } = useApi();
+  const [validators, scheduled, groups, indices] = useCallMulti<MultiResult>([
+    api.query.session.validators,
+    (api.query.parasScheduler || api.query.paraScheduler || api.query.scheduler)?.scheduled,
+    (api.query.parasScheduler || api.query.paraScheduler || api.query.scheduler)?.validatorGroups,
+    (api.query.parasShared || api.query.paraShared || api.query.shared)?.activeValidatorIndices
+  ], optionsMulti);
+  const [state, setState] = useState<Record<string, [GroupIndex, ValidatorInfo[]]>>({});
+
+  useEffect((): void => {
+    groups && ids && indices && scheduled && validators && setState((prev) =>
+      mapValidators(prev, ids, validators, groups, indices, scheduled)
+    );
+  }, [groups, ids, indices, scheduled, validators]);
+
+  return useMemo(
+    (): Result => [validators, state],
+    [state, validators]
+  );
+}
+
+export default createNamedHook('useValidators', useValidatorsImpl);
diff --git a/packages/page-parachains/src/Parathreads/Actions.tsx b/packages/page-parachains/src/Parathreads/Actions.tsx
new file mode 100644
index 0000000..f9de1ce
--- /dev/null
+++ b/packages/page-parachains/src/Parathreads/Actions.tsx
@@ -0,0 +1,68 @@
+// Copyright 2017-2022 @polkadot/app-parachains authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { ParaId } from '@polkadot/types/interfaces';
+import type { BN } from '@polkadot/util';
+import type { OwnedId } from '../types';
+
+import React from 'react';
+
+import { Button } from '@polkadot/react-components';
+import { useApi, useCall, useToggle } from '@polkadot/react-hooks';
+
+import { useTranslation } from '../translate';
+import { LOWEST_PUBLIC_ID } from './constants';
+import RegisterId from './RegisterId';
+import RegisterThread from './RegisterThread';
+
+interface Props {
+  className?: string;
+  ownedIds: OwnedId[];
+}
+
+const OPT_NEXT = {
+  transform: (nextId: ParaId) =>
+    nextId.isZero()
+      ? LOWEST_PUBLIC_ID
+      : nextId
+};
+
+function Actions ({ className, ownedIds }: Props): React.ReactElement<Props> {
+  const { t } = useTranslation();
+  const { api } = useApi();
+  const [isRegisterOpen, toggleRegisterOpen] = useToggle();
+  const [isReserveOpen, toggleReserveOpen] = useToggle();
+  const nextParaId = useCall<ParaId | BN>(api.query.registrar.nextFreeParaId, [], OPT_NEXT);
+
+  return (
+    <Button.Group className={className}>
+      <Button
+        icon='plus'
+        isDisabled={!api.tx.registrar.reserve}
+        label={t<string>('ParaId')}
+        onClick={toggleReserveOpen}
+      />
+      {isReserveOpen && (
+        <RegisterId
+          nextParaId={nextParaId}
+          onClose={toggleReserveOpen}
+        />
+      )}
+      <Button
+        icon='plus'
+        isDisabled={api.tx.registrar.reserve ? !ownedIds.length : false}
+        label={t<string>('ParaThread')}
+        onClick={toggleRegisterOpen}
+      />
+      {isRegisterOpen && (
+        <RegisterThread
+          nextParaId={nextParaId}
+          onClose={toggleRegisterOpen}
+          ownedIds={ownedIds}
+        />
+      )}
+    </Button.Group>
+  );
+}
+
+export default React.memo(Actions);
diff --git a/packages/page-parachains/src/Parathreads/Parathread.tsx b/packages/page-parachains/src/Parathreads/Parathread.tsx
new file mode 100644
index 0000000..19d2f76
--- /dev/null
+++ b/packages/page-parachains/src/Parathreads/Parathread.tsx
@@ -0,0 +1,83 @@
+// Copyright 2017-2022 @polkadot/app-parachains authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { ParaId } from '@polkadot/types/interfaces';
+import type { LeaseInfo, LeasePeriod, QueuedAction } from '../types';
+
+import React, { useMemo } from 'react';
+
+import { AddressSmall, ParaLink, TxButton } from '@polkadot/react-components';
+import { useAccounts, useApi } from '@polkadot/react-hooks';
+import { formatNumber } from '@polkadot/util';
+
+import Lifecycle from '../Overview/Lifecycle';
+// import ParachainInfo from '../Overview/ParachainInfo';
+import Periods from '../Overview/Periods';
+import { useTranslation } from '../translate';
+import useThreadInfo from './useThreadInfo';
+
+interface Props {
+  id: ParaId;
+  leasePeriod: LeasePeriod;
+  leases: LeaseInfo[];
+  nextAction?: QueuedAction;
+}
+
+function Parathread ({ id, leasePeriod, leases, nextAction }: Props): React.ReactElement<Props> {
+  const { t } = useTranslation();
+  const { api } = useApi();
+  const { isAccount } = useAccounts();
+  const { headHex, lifecycle, manager } = useThreadInfo(id);
+
+  const periods = useMemo(
+    () => leasePeriod?.currentPeriod && leases &&
+      leases.map(({ period }) => period),
+    [leasePeriod?.currentPeriod, leases]
+  );
+
+  const isManager = isAccount(manager?.toString());
+
+  return (
+    <tr>
+      <td className='number'><h1>{formatNumber(id)}</h1></td>
+      <td className='badge'><ParaLink id={id} /></td>
+      <td className='address media--2000'>{manager && <AddressSmall value={manager} />}</td>
+      <td className='start together hash media--1500'>{headHex}</td>
+      <td className='start'>
+        <Lifecycle
+          lifecycle={lifecycle}
+          nextAction={nextAction}
+        />
+      </td>
+      <td className='all' />
+      <td className='number no-pad-left'>
+        {/* <!-- ParachainInfo id={id} /--> */}
+      </td>
+      <td className='number together'>
+        {leasePeriod && leases && periods && (
+          leases.length
+            ? (
+              <Periods
+                fromFirst
+                leasePeriod={leasePeriod}
+                periods={periods}
+              />
+            )
+            : t('None')
+        )}
+      </td>
+      <td className='button media--900'>
+        <TxButton
+          accountId={manager}
+          icon='times'
+          isDisabled={!isManager}
+          label={t<string>('Deregister')}
+          params={[id]}
+          tx={api.tx.registrar.deregister}
+        />
+      </td>
+    </tr>
+  );
+}
+
+export default React.memo(Parathread);
diff --git a/packages/page-parachains/src/Parathreads/RegisterId.tsx b/packages/page-parachains/src/Parathreads/RegisterId.tsx
new file mode 100644
index 0000000..ec9d915
--- /dev/null
+++ b/packages/page-parachains/src/Parathreads/RegisterId.tsx
@@ -0,0 +1,69 @@
+// Copyright 2017-2022 @polkadot/app-parachains authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { BN } from '@polkadot/util';
+
+import React, { useState } from 'react';
+
+import { InputAddress, InputBalance, InputNumber, Modal, TxButton } from '@polkadot/react-components';
+import { useApi } from '@polkadot/react-hooks';
+
+import { useTranslation } from '../translate';
+
+interface Props {
+  className?: string;
+  nextParaId?: BN;
+  onClose: () => void;
+}
+
+function RegisterId ({ className, nextParaId, onClose }: Props): React.ReactElement<Props> {
+  const { t } = useTranslation();
+  const { api } = useApi();
+  const [accountId, setAccountId] = useState<string | null>(null);
+
+  return (
+    <Modal
+      className={className}
+      header={t<string>('Reserve ParaId')}
+      onClose={onClose}
+      size='large'
+    >
+      <Modal.Content>
+        <Modal.Columns hint={t<string>('This account will be used to the Id reservation and for the future parathread.')}>
+          <InputAddress
+            label={t<string>('reserve from')}
+            onChange={setAccountId}
+            type='account'
+            value={accountId}
+          />
+        </Modal.Columns>
+        <Modal.Columns hint={t<string>('The Id of this parachain as known on the network (selected from nextFreeId)')}>
+          <InputNumber
+            defaultValue={nextParaId}
+            isDisabled
+            label={t<string>('parachain id')}
+          />
+        </Modal.Columns>
+        <Modal.Columns hint={t<string>('The reservation fee for this Id')}>
+          <InputBalance
+            defaultValue={api.consts.registrar.paraDeposit}
+            isDisabled
+            label={t<string>('reserved deposit')}
+          />
+        </Modal.Columns>
+      </Modal.Content>
+      <Modal.Actions>
+        <TxButton
+          accountId={accountId}
+          icon='plus'
+          isDisabled={!nextParaId}
+          onStart={onClose}
+          params={[]}
+          tx={api.tx.registrar.reserve}
+        />
+      </Modal.Actions>
+    </Modal>
+  );
+}
+
+export default React.memo(RegisterId);
diff --git a/packages/page-parachains/src/Parathreads/RegisterThread.tsx b/packages/page-parachains/src/Parathreads/RegisterThread.tsx
new file mode 100644
index 0000000..0f26445
--- /dev/null
+++ b/packages/page-parachains/src/Parathreads/RegisterThread.tsx
@@ -0,0 +1,136 @@
+// Copyright 2017-2022 @polkadot/app-parachains authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { BalanceOf } from '@polkadot/types/interfaces';
+import type { OwnedId, OwnerInfo } from '../types';
+
+import React, { useCallback, useMemo, useState } from 'react';
+
+import { InputAddress, InputBalance, InputFile, InputNumber, Modal, TxButton } from '@polkadot/react-components';
+import { useApi } from '@polkadot/react-hooks';
+import { BN, compactAddLength } from '@polkadot/util';
+
+import InputOwner from '../InputOwner';
+import { useTranslation } from '../translate';
+import { LOWEST_INVALID_ID } from './constants';
+
+interface Props {
+  className?: string;
+  nextParaId?: BN;
+  onClose: () => void;
+  ownedIds: OwnedId[];
+}
+
+function RegisterThread ({ className, nextParaId, onClose, ownedIds }: Props): React.ReactElement<Props> {
+  const { t } = useTranslation();
+  const { api } = useApi();
+  const [accountId, setAccountId] = useState<string | null>(null);
+  const [paraId, setParaId] = useState<BN | undefined>();
+  const [wasm, setWasm] = useState<Uint8Array | null>(null);
+  const [genesisState, setGenesisState] = useState<Uint8Array | null>(null);
+
+  const _setGenesisState = useCallback(
+    (data: Uint8Array) => setGenesisState(compactAddLength(data)),
+    []
+  );
+
+  const _setWasm = useCallback(
+    (data: Uint8Array) => setWasm(compactAddLength(data)),
+    []
+  );
+
+  const _setOwner = useCallback(
+    ({ accountId, paraId }: OwnerInfo) => {
+      setAccountId(accountId);
+      setParaId(new BN(paraId));
+    },
+    []
+  );
+
+  const reservedDeposit = useMemo(
+    () => (api.consts.registrar.paraDeposit as BalanceOf)
+      .add((api.consts.registrar.dataDepositPerByte as BalanceOf).muln(wasm ? wasm.length : 0))
+      .iadd((api.consts.registrar.dataDepositPerByte as BalanceOf).muln(genesisState ? genesisState.length : 0)),
+    [api, wasm, genesisState]
+  );
+
+  const isIdError = !paraId || !paraId.gt(LOWEST_INVALID_ID);
+
+  return (
+    <Modal
+      className={className}
+      header={t<string>('Register parathread')}
+      onClose={onClose}
+      size='large'
+    >
+      <Modal.Content>
+        {api.tx.registrar.reserve
+          ? (
+            <InputOwner
+              noCodeCheck
+              onChange={_setOwner}
+              ownedIds={ownedIds}
+            />
+          )
+          : (
+            <>
+              <Modal.Columns hint={t<string>('This account will be associated with the parachain and pay the deposit.')}>
+                <InputAddress
+                  label={t<string>('register from')}
+                  onChange={setAccountId}
+                  type='account'
+                  value={accountId}
+                />
+              </Modal.Columns>
+              <Modal.Columns hint={t<string>('The id of this parachain as known on the network')}>
+                <InputNumber
+                  autoFocus
+                  defaultValue={nextParaId}
+                  isError={isIdError}
+                  isZeroable={false}
+                  label={t<string>('parachain id')}
+                  onChange={setParaId}
+                />
+              </Modal.Columns>
+            </>
+          )
+        }
+        <Modal.Columns hint={t<string>('The WASM validation function for this parachain.')}>
+          <InputFile
+            help={t<string>('The compiled runtime WASM for the parachain you wish to register.')}
+            isError={!wasm}
+            label={t<string>('code')}
+            onChange={_setWasm}
+          />
+        </Modal.Columns>
+        <Modal.Columns hint={t<string>('The genesis state for this parachain.')}>
+          <InputFile
+            help={t<string>('The genesis state for the parachain.')}
+            isError={!genesisState}
+            label={t<string>('initial state')}
+            onChange={_setGenesisState}
+          />
+        </Modal.Columns>
+        <Modal.Columns hint={t<string>('The reservation fee for this parachain, including base fee and per-byte fees')}>
+          <InputBalance
+            defaultValue={reservedDeposit}
+            isDisabled
+            label={t<string>('reserved deposit')}
+          />
+        </Modal.Columns>
+      </Modal.Content>
+      <Modal.Actions>
+        <TxButton
+          accountId={accountId}
+          icon='plus'
+          isDisabled={!wasm || !genesisState || isIdError}
+          onStart={onClose}
+          params={[paraId, genesisState, wasm]}
+          tx={api.tx.registrar.register}
+        />
+      </Modal.Actions>
+    </Modal>
+  );
+}
+
+export default React.memo(RegisterThread);
diff --git a/packages/page-parachains/src/Parathreads/constants.tsx b/packages/page-parachains/src/Parathreads/constants.tsx
new file mode 100644
index 0000000..47540db
--- /dev/null
+++ b/packages/page-parachains/src/Parathreads/constants.tsx
@@ -0,0 +1,10 @@
+// Copyright 2017-2022 @polkadot/app-parachains authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import { BN, BN_ONE, BN_THOUSAND } from '@polkadot/util';
+
+export const LOWEST_PUBLIC_ID = new BN(2_000);
+
+export const LOWEST_INVALID_ID = LOWEST_PUBLIC_ID.sub(BN_ONE);
+
+export const LOWEST_USER_ID = BN_THOUSAND;
diff --git a/packages/page-parachains/src/Parathreads/index.tsx b/packages/page-parachains/src/Parathreads/index.tsx
new file mode 100644
index 0000000..bf0a8b2
--- /dev/null
+++ b/packages/page-parachains/src/Parathreads/index.tsx
@@ -0,0 +1,62 @@
+// Copyright 2017-2022 @polkadot/app-parachains authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { ParaId } from '@polkadot/types/interfaces';
+import type { LeasePeriod, OwnedId, QueuedAction } from '../types';
+
+import React, { useRef } from 'react';
+
+import { Table } from '@polkadot/react-components';
+
+import { useTranslation } from '../translate';
+import Actions from './Actions';
+import Parathread from './Parathread';
+import useParaMap from './useParaMap';
+
+interface Props {
+  actionsQueue: QueuedAction[];
+  className?: string;
+  ids?: ParaId[];
+  leasePeriod?: LeasePeriod;
+  ownedIds: OwnedId[];
+}
+
+function Parathreads ({ actionsQueue, className, ids, leasePeriod, ownedIds }: Props): React.ReactElement<Props> {
+  const { t } = useTranslation();
+  const leaseMap = useParaMap(ids);
+
+  const headerRef = useRef([
+    [t('parathreads'), 'start', 2],
+    ['', 'media--2000'],
+    [t('head'), 'start media--1500'],
+    [t('lifecycle'), 'start'],
+    [],
+    [], // [t('chain'), 'no-pad-left'],
+    [t('leases')],
+    ['', 'media--900']
+  ]);
+
+  return (
+    <div className={className}>
+      <Actions ownedIds={ownedIds} />
+      <Table
+        empty={leasePeriod && ids && (ids.length === 0 || leaseMap) && t<string>('There are no available parathreads')}
+        header={headerRef.current}
+      >
+        {leasePeriod && leaseMap?.map(([id, leases]): React.ReactNode => (
+          <Parathread
+            id={id}
+            key={id.toString()}
+            leasePeriod={leasePeriod}
+            leases={leases}
+            nextAction={actionsQueue.find(({ paraIds }) =>
+              paraIds.some((p) => p.eq(id))
+            )}
+          />
+        ))}
+      </Table>
+    </div>
+  );
+}
+
+export default React.memo(Parathreads);
diff --git a/packages/page-parachains/src/Parathreads/useParaMap.ts b/packages/page-parachains/src/Parathreads/useParaMap.ts
new file mode 100644
index 0000000..4689169
--- /dev/null
+++ b/packages/page-parachains/src/Parathreads/useParaMap.ts
@@ -0,0 +1,72 @@
+// Copyright 2017-2022 @polkadot/app-parachains authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { Option } from '@polkadot/types';
+import type { AccountId, BalanceOf, ParaId } from '@polkadot/types/interfaces';
+import type { ITuple } from '@polkadot/types/types';
+import type { LeaseInfo } from '../types';
+
+import { useCallback } from 'react';
+
+import { createNamedHook, useApi, useCall, useIsParasLinked } from '@polkadot/react-hooks';
+
+type Result = [ParaId, LeaseInfo[]][];
+
+function extractParaMap (hasLinksMap: Record<string, boolean>, paraIds: ParaId[], leases: Option<ITuple<[AccountId, BalanceOf]>>[][]): Result {
+  return paraIds
+    .reduce((all: Result, id, index): Result => {
+      all.push([
+        id,
+        leases[index]
+          .map((optLease, period): LeaseInfo | null => {
+            if (optLease.isNone) {
+              return null;
+            }
+
+            const [accountId, balance] = optLease.unwrap();
+
+            return {
+              accountId,
+              balance,
+              period
+            };
+          })
+          .filter((item): item is LeaseInfo => !!item)
+      ]);
+
+      return all;
+    }, [])
+    .sort(([aId, aLeases], [bId, bLeases]): number => {
+      const aKnown = hasLinksMap[aId.toString()] || false;
+      const bKnown = hasLinksMap[bId.toString()] || false;
+
+      return aLeases.length && bLeases.length
+        ? (aLeases[0].period - bLeases[0].period) || aId.cmp(bId)
+        : aLeases.length
+          ? -1
+          : bLeases.length
+            ? 1
+            : aKnown === bKnown
+              ? aId.cmp(bId)
+              : aKnown
+                ? -1
+                : 1;
+    });
+}
+
+function useParaMapImpl (ids?: ParaId[]): Result | undefined {
+  const { api } = useApi();
+  const hasLinksMap = useIsParasLinked(ids);
+  const transform = useCallback(
+    ([[paraIds], leases]: [[ParaId[]], Option<ITuple<[AccountId, BalanceOf]>>[][]]): Result =>
+      extractParaMap(hasLinksMap, paraIds, leases),
+    [hasLinksMap]
+  );
+
+  return useCall<Result>(ids && api.query.slots.leases.multi, [ids], {
+    transform,
+    withParamsTransform: true
+  });
+}
+
+export default createNamedHook('useParaMap', useParaMapImpl);
diff --git a/packages/page-parachains/src/Parathreads/useThreadInfo.ts b/packages/page-parachains/src/Parathreads/useThreadInfo.ts
new file mode 100644
index 0000000..66ca559
--- /dev/null
+++ b/packages/page-parachains/src/Parathreads/useThreadInfo.ts
@@ -0,0 +1,48 @@
+// Copyright 2017-2022 @polkadot/app-parachains authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { Option } from '@polkadot/types';
+import type { AccountId, HeadData, ParaId } from '@polkadot/types/interfaces';
+import type { PolkadotRuntimeCommonParasRegistrarParaInfo, PolkadotRuntimeParachainsParasParaGenesisArgs, PolkadotRuntimeParachainsParasParaLifecycle } from '@polkadot/types/lookup';
+
+import { createNamedHook, useApi, useCallMulti } from '@polkadot/react-hooks';
+
+import { sliceHex } from '../util';
+
+interface Result {
+  headHex: string | null;
+  lifecycle: PolkadotRuntimeParachainsParasParaLifecycle | null;
+  manager: AccountId | null;
+}
+
+const OPT_MULTI = {
+  defaultValue: {
+    headHex: null,
+    lifecycle: null,
+    manager: null
+  },
+  transform: ([optHead, optGenesis, optLifecycle, optInfo]: [Option<HeadData>, Option<PolkadotRuntimeParachainsParasParaGenesisArgs>, Option<PolkadotRuntimeParachainsParasParaLifecycle>, Option<PolkadotRuntimeCommonParasRegistrarParaInfo>]): Result => ({
+    headHex: optHead.isSome
+      ? sliceHex(optHead.unwrap())
+      : optGenesis.isSome
+        ? sliceHex(optGenesis.unwrap().genesisHead)
+        : null,
+    lifecycle: optLifecycle.unwrapOr(null),
+    manager: optInfo.isSome
+      ? optInfo.unwrap().manager
+      : null
+  })
+};
+
+function useThreadInfoImpl (id: ParaId): Result {
+  const { api } = useApi();
+
+  return useCallMulti<Result>([
+    [api.query.paras.heads, id],
+    [api.query.paras.upcomingParasGenesis, id],
+    [api.query.paras.paraLifecycles, id],
+    [api.query.registrar.paras, id]
+  ], OPT_MULTI);
+}
+
+export default createNamedHook('useThreadInfo', useThreadInfoImpl);
diff --git a/packages/page-parachains/src/Proposals/Actions.tsx b/packages/page-parachains/src/Proposals/Actions.tsx
new file mode 100644
index 0000000..e35bd64
--- /dev/null
+++ b/packages/page-parachains/src/Proposals/Actions.tsx
@@ -0,0 +1,38 @@
+// Copyright 2017-2022 @polkadot/app-parachains authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import React from 'react';
+
+import { Button } from '@polkadot/react-components';
+import { useAccounts, useToggle } from '@polkadot/react-hooks';
+
+import { useTranslation } from '../translate';
+import Propose from './Propose';
+
+interface Props {
+  className?: string;
+}
+
+function Actions (): React.ReactElement<Props> {
+  const { t } = useTranslation();
+  const { hasAccounts } = useAccounts();
+  const [showPropose, togglePropose] = useToggle();
+
+  return (
+    <>
+      <Button.Group>
+        <Button
+          icon='plus'
+          isDisabled={!hasAccounts}
+          label={t<string>('Propose')}
+          onClick={togglePropose}
+        />
+      </Button.Group>
+      {showPropose && (
+        <Propose onClose={togglePropose} />
+      )}
+    </>
+  );
+}
+
+export default React.memo(Actions);
diff --git a/packages/page-parachains/src/Proposals/Proposal.tsx b/packages/page-parachains/src/Proposals/Proposal.tsx
new file mode 100644
index 0000000..94d2395
--- /dev/null
+++ b/packages/page-parachains/src/Proposals/Proposal.tsx
@@ -0,0 +1,110 @@
+// Copyright 2017-2022 @polkadot/app-parachains authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { ParaId } from '@polkadot/types/interfaces';
+import type { ScheduledProposals } from '../types';
+
+import React, { useCallback, useMemo } from 'react';
+
+import { AddressMini, AddressSmall, Badge, Expander, ParaLink, TxButton } from '@polkadot/react-components';
+import { useAccounts, useApi, useSudo } from '@polkadot/react-hooks';
+import { FormatBalance } from '@polkadot/react-query';
+import { formatNumber } from '@polkadot/util';
+
+import { useTranslation } from '../translate';
+import { sliceHex } from '../util';
+import useProposal from './useProposal';
+
+interface Props {
+  approvedIds: ParaId[];
+  id: ParaId;
+  scheduled: ScheduledProposals[];
+}
+
+function Proposal ({ approvedIds, id, scheduled }: Props): React.ReactElement<Props> {
+  const { t } = useTranslation();
+  const { api } = useApi();
+  const { allAccounts } = useAccounts();
+  const { hasSudoKey, sudoKey } = useSudo();
+  const proposal = useProposal(id, approvedIds, scheduled);
+
+  const cancelTx = useMemo(
+    () => api.tx.sudo && hasSudoKey
+      ? api.tx.sudo.sudo(api.tx.proposeParachain.cancelProposal(id))
+      : allAccounts.some((a) => proposal.proposal?.proposer.eq(a))
+        ? api.tx.proposeParachain.cancelProposal(id)
+        : null,
+    [api, allAccounts, hasSudoKey, id, proposal]
+  );
+
+  const approveTx = useMemo(
+    () => api.tx.sudo && api.tx.sudo.sudo(api.tx.proposeParachain.approveProposal(id)),
+    [api, id]
+  );
+
+  const initialHex = useMemo(
+    () => proposal?.proposal && sliceHex(proposal.proposal.genesisHead),
+    [proposal]
+  );
+
+  const renderVals = useCallback(
+    () => proposal.proposal?.validators.map((validatorId) => (
+      <AddressMini
+        key={validatorId.toString()}
+        value={validatorId}
+      />
+    )),
+    [proposal.proposal]
+  );
+
+  return (
+    <tr>
+      <td className='number together'><h1>{formatNumber(id)}</h1></td>
+      <td className='badge together'>
+        {(proposal.isApproved || proposal.isScheduled) && (
+          <Badge
+            color='green'
+            icon={proposal.isScheduled ? 'clock' : 'check'}
+          />
+        )}
+      </td>
+      <td className='badge'><ParaLink id={id} /></td>
+      <td className='start together'>{proposal.proposal?.name.toUtf8()}</td>
+      <td className='address'>
+        {proposal.proposal?.validators && (
+          <Expander
+            renderChildren={renderVals}
+            summary={t<string>('Validators ({{count}})', { replace: { count: formatNumber(proposal.proposal?.validators.length) } })}
+          />
+        )}
+      </td>
+      <td className='address'>{proposal.proposal && <AddressSmall value={proposal.proposal.proposer} />}</td>
+      <td className='number media--1100'>{proposal.proposal && <FormatBalance value={proposal.proposal.balance} />}</td>
+      <td className='start hash together all'>{initialHex}</td>
+      <td className='button'>
+        {!(proposal.isApproved || proposal.isScheduled) && (
+          <>
+            <TxButton
+              accountId={sudoKey}
+              className='media--800'
+              extrinsic={approveTx}
+              icon='check'
+              isDisabled={!hasSudoKey}
+              label={t<string>('Approve')}
+            />
+            <TxButton
+              accountId={hasSudoKey ? sudoKey : proposal.proposal?.proposer}
+              className='media--1100'
+              extrinsic={cancelTx}
+              icon='ban'
+              isDisabled={!hasSudoKey || !proposal.proposal}
+              label={t<string>('Cancel')}
+            />
+          </>
+        )}
+      </td>
+    </tr>
+  );
+}
+
+export default React.memo(Proposal);
diff --git a/packages/page-parachains/src/Proposals/Proposals.tsx b/packages/page-parachains/src/Proposals/Proposals.tsx
new file mode 100644
index 0000000..98d7322
--- /dev/null
+++ b/packages/page-parachains/src/Proposals/Proposals.tsx
@@ -0,0 +1,52 @@
+// Copyright 2017-2022 @polkadot/app-parachains authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { Proposals as UseProposals } from '../types';
+
+import React, { useMemo, useRef } from 'react';
+
+import { Table } from '@polkadot/react-components';
+
+import { useTranslation } from '../translate';
+import Proposal from './Proposal';
+
+interface Props {
+  proposals?: UseProposals;
+}
+
+function Proposals ({ proposals }: Props): React.ReactElement<Props> {
+  const { t } = useTranslation();
+
+  const sortedIds = useMemo(
+    () => proposals && proposals.proposalIds.sort((a, b) => a.cmp(b)),
+    [proposals]
+  );
+
+  const headerRef = useRef([
+    [t('proposals'), 'start', 3],
+    [],
+    [],
+    [t('proposer'), 'address'],
+    [t('balance'), 'media--1100'],
+    [t('initial state'), 'start media--1400'],
+    []
+  ]);
+
+  return (
+    <Table
+      empty={proposals && sortedIds && t<string>('There are no pending proposals')}
+      header={headerRef.current}
+    >
+      {proposals && sortedIds?.map((id): React.ReactNode => (
+        <Proposal
+          approvedIds={proposals.approvedIds}
+          id={id}
+          key={id.toString()}
+          scheduled={proposals.scheduled}
+        />
+      ))}
+    </Table>
+  );
+}
+
+export default React.memo(Proposals);
diff --git a/packages/page-parachains/src/Proposals/Propose.tsx b/packages/page-parachains/src/Proposals/Propose.tsx
new file mode 100644
index 0000000..3a9990d
--- /dev/null
+++ b/packages/page-parachains/src/Proposals/Propose.tsx
@@ -0,0 +1,180 @@
+// Copyright 2017-2022 @polkadot/app-parachains authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { TFunction } from 'i18next';
+
+import React, { useCallback, useState } from 'react';
+
+import { Button, Input, InputAddress, InputBalance, InputFile, InputNumber, InputWasm, MarkWarning, Modal, TxButton } from '@polkadot/react-components';
+import { useApi } from '@polkadot/react-hooks';
+import { BN, BN_TEN, BN_THOUSAND, BN_ZERO, compactAddLength } from '@polkadot/util';
+
+import { useTranslation } from '../translate';
+
+interface Props {
+  className?: string;
+  onClose: () => void;
+}
+
+interface CodeState {
+  isWasmValid: boolean;
+  wasm: Uint8Array | null;
+}
+
+interface ValidatorProps {
+  address: string;
+  index: number;
+  setAddress: (index: number, value: string) => void;
+  t: TFunction;
+}
+
+function Validator ({ address, index, setAddress, t }: ValidatorProps): React.ReactElement<ValidatorProps> {
+  const _setAddress = useCallback(
+    (value: string | null) => value && setAddress(index, value),
+    [index, setAddress]
+  );
+
+  return (
+    <InputAddress
+      defaultValue={address}
+      label={t('validator {{index}}', { replace: { index: index + 1 } })}
+      onChange={_setAddress}
+    />
+  );
+}
+
+function Propose ({ className, onClose }: Props): React.ReactElement<Props> {
+  const { t } = useTranslation();
+  const { api } = useApi();
+  const [accountId, setAccountId] = useState<string | null>(null);
+  const [name, setName] = useState('');
+  const [paraId, setParaId] = useState<BN | undefined>();
+  const [balance, setBalance] = useState(() => BN_THOUSAND.mul(BN_TEN.pow(new BN(api.registry.chainDecimals[0]))));
+  const [validators, setValidators] = useState<string[]>(['']);
+  const [{ isWasmValid, wasm }, setWasm] = useState<CodeState>({ isWasmValid: false, wasm: null });
+  const [genesisState, setGenesisState] = useState<Uint8Array | null>(null);
+
+  const _setGenesisState = useCallback(
+    (data: Uint8Array) => setGenesisState(compactAddLength(data)),
+    []
+  );
+
+  const _setWasm = useCallback(
+    (wasm: Uint8Array, isWasmValid: boolean) => setWasm({ isWasmValid, wasm }),
+    []
+  );
+
+  const _setAddress = useCallback(
+    (index: number, address: string) =>
+      setValidators((v) => v.map((v, i) => i === index ? address : v)),
+    []
+  );
+
+  const _addValidator = useCallback(
+    () => setValidators((v) => [...v, '']),
+    []
+  );
+
+  const _delValidator = useCallback(
+    () => setValidators((v) => [...v.slice(0, v.length - 1)]),
+    []
+  );
+
+  const isNameValid = name.length >= 3;
+  const isValDuplicate = validators.some((a, ai) => validators.some((b, bi) => ai !== bi && a === b));
+
+  return (
+    <Modal
+      className={className}
+      header={t<string>('Propose parachain')}
+      onClose={onClose}
+      size='large'
+    >
+      <Modal.Content>
+        <Modal.Columns hint={t<string>('This account will be associated with the parachain and pay the deposit.')}>
+          <InputAddress
+            label={t<string>('propose from')}
+            onChange={setAccountId}
+            type='account'
+            value={accountId}
+          />
+        </Modal.Columns>
+        <Modal.Columns hint={t<string>('The name for this parachain, the id and the allocated/requested balance.')}>
+          <Input
+            autoFocus
+            isError={!isNameValid}
+            label={t<string>('parachain name')}
+            onChange={setName}
+          />
+          <InputNumber
+            isZeroable={false}
+            label={t<string>('requested id')}
+            onChange={setParaId}
+          />
+          <InputBalance
+            defaultValue={balance}
+            label={t<string>('initial balance')}
+            onChange={setBalance}
+          />
+        </Modal.Columns>
+        <Modal.Columns hint={t<string>('The WASM validation function as well as the genesis state for this parachain.')}>
+          <InputWasm
+            help={t<string>('The compiled runtime WASM for the parachain you wish to register.')}
+            isError={!isWasmValid}
+            label={t<string>('validation code')}
+            onChange={_setWasm}
+            placeholder={wasm && !isWasmValid && t<string>('The code is not recognized as being in valid WASM format')}
+          />
+          <InputFile
+            help={t<string>('The genesis state for the parachain.')}
+            isError={!genesisState}
+            label={t<string>('genesis state')}
+            onChange={_setGenesisState}
+          />
+        </Modal.Columns>
+        <Modal.Columns hint={t<string>('The validators for this parachain. At least one is required and where multiple is supplied, they need to be unique.')}>
+          {validators.map((address, index) => (
+            <Validator
+              address={address}
+              index={index}
+              key={index}
+              setAddress={_setAddress}
+              t={t}
+            />
+          ))}
+          {!validators.length && (
+            <MarkWarning content={t<string>('You need to supply at last one running validator for your parachain alongside this request.')} />
+          )}
+          {isValDuplicate && (
+            <MarkWarning content={t<string>('You have duplicated validator entries, ensure each is unique.')} />
+          )}
+          <Button.Group>
+            <Button
+              icon='plus'
+              label={t<string>('Add validator')}
+              onClick={_addValidator}
+            />
+            <Button
+              icon='minus'
+              isDisabled={validators.length === 0}
+              label={t<string>('Remove validator')}
+              onClick={_delValidator}
+            />
+          </Button.Group>
+        </Modal.Columns>
+      </Modal.Content>
+      <Modal.Actions>
+        <TxButton
+          accountId={accountId}
+          icon='plus'
+          isDisabled={!isWasmValid || !genesisState || !isNameValid || !validators.length || !paraId?.gt(BN_ZERO)}
+          onStart={onClose}
+          params={[paraId, name, wasm, genesisState, validators, balance]}
+          tx={api.tx.proposeParachain?.proposeParachain}
+        />
+      </Modal.Actions>
+    </Modal>
+  );
+}
+
+export default React.memo(Propose);
diff --git a/packages/page-parachains/src/Proposals/index.tsx b/packages/page-parachains/src/Proposals/index.tsx
new file mode 100644
index 0000000..2498a1d
--- /dev/null
+++ b/packages/page-parachains/src/Proposals/index.tsx
@@ -0,0 +1,25 @@
+// Copyright 2017-2022 @polkadot/app-parachains authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { Proposals } from '../types';
+
+import React from 'react';
+
+import Actions from './Actions';
+import ProposalList from './Proposals';
+
+interface Props {
+  className?: string;
+  proposals?: Proposals;
+}
+
+function ProposalsTab ({ className, proposals }: Props): React.ReactElement<Props> {
+  return (
+    <div className={className}>
+      <Actions />
+      <ProposalList proposals={proposals} />
+    </div>
+  );
+}
+
+export default React.memo(ProposalsTab);
diff --git a/packages/page-parachains/src/Proposals/useProposal.ts b/packages/page-parachains/src/Proposals/useProposal.ts
new file mode 100644
index 0000000..8ab0e7d
--- /dev/null
+++ b/packages/page-parachains/src/Proposals/useProposal.ts
@@ -0,0 +1,29 @@
+// Copyright 2017-2022 @polkadot/app-parachains authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { Option } from '@polkadot/types';
+import type { ParachainProposal, ParaId } from '@polkadot/types/interfaces';
+import type { ProposalExt, ScheduledProposals } from '../types';
+
+import { useMemo } from 'react';
+
+import { createNamedHook, useApi, useCall } from '@polkadot/react-hooks';
+
+function useProposalImpl (id: ParaId, approvedIds: ParaId[], scheduled: ScheduledProposals[]): ProposalExt {
+  const { api } = useApi();
+  const opt = useCall<Option<ParachainProposal>>(api.query.proposeParachain.proposals, [id]);
+
+  return useMemo(
+    (): ProposalExt => ({
+      id,
+      isApproved: approvedIds.some((a) => a.eq(id)),
+      isScheduled: scheduled.some(({ scheduledIds }) => scheduledIds.some((s) => s.eq(id))),
+      proposal: opt && opt.isSome
+        ? opt.unwrap()
+        : undefined
+    }),
+    [approvedIds, id, opt, scheduled]
+  );
+}
+
+export default createNamedHook('useProposal', useProposalImpl);
diff --git a/packages/page-parachains/src/Teleport.tsx b/packages/page-parachains/src/Teleport.tsx
new file mode 100644
index 0000000..bd3badc
--- /dev/null
+++ b/packages/page-parachains/src/Teleport.tsx
@@ -0,0 +1,221 @@
+// Copyright 2017-2022 @polkadot/app-parachains authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { SubmittableExtrinsicFunction } from '@polkadot/api/types';
+import type { LinkOption } from '@polkadot/apps-config/endpoints/types';
+import type { Option } from '@polkadot/apps-config/settings/types';
+import type { BN } from '@polkadot/util';
+
+import React, { useMemo, useState } from 'react';
+
+import { ChainImg, Dropdown, InputAddress, InputBalance, MarkWarning, Modal, Spinner, TxButton } from '@polkadot/react-components';
+import { useApi, useApiUrl, useTeleport } from '@polkadot/react-hooks';
+import { Available } from '@polkadot/react-query';
+import { BN_ZERO, isFunction } from '@polkadot/util';
+
+import { useTranslation } from './translate';
+
+interface Props {
+  onClose: () => void;
+}
+
+const INVALID_PARAID = Number.MAX_SAFE_INTEGER;
+const XCM_LOC = ['xcm', 'xcmPallet', 'polkadotXcm'];
+
+function createOption ({ info, paraId, text }: LinkOption): Option {
+  return {
+    text: (
+      <div
+        className='ui--Dropdown-item'
+        key={paraId}
+      >
+        <ChainImg
+          className='ui--Dropdown-icon'
+          logo={info}
+        />
+        <div className='ui--Dropdown-name'>{text}</div>
+      </div>
+    ),
+    value: paraId || -1
+  };
+}
+
+function Teleport ({ onClose }: Props): React.ReactElement<Props> | null {
+  const { t } = useTranslation();
+  const { api } = useApi();
+  const [amount, setAmount] = useState<BN | undefined>(BN_ZERO);
+  const [recipientId, setRecipientId] = useState<string | null>(null);
+  const [senderId, setSenderId] = useState<string | null>(null);
+  const [recipientParaId, setParaId] = useState(INVALID_PARAID);
+  const { allowTeleport, destinations, isParaTeleport, oneWay } = useTeleport();
+
+  const call = useMemo(
+    (): SubmittableExtrinsicFunction<'promise'> => {
+      const m = XCM_LOC.filter((x) => api.tx[x] && isFunction(api.tx[x].limitedTeleportAssets))[0];
+
+      return api.tx[m].limitedTeleportAssets;
+    },
+    [api]
+  );
+
+  const chainOpts = useMemo(
+    () => destinations.map(createOption),
+    [destinations]
+  );
+
+  const url = useMemo(
+    () => destinations.find(({ paraId }, index) =>
+      recipientParaId === -1
+        ? index === 0
+        : recipientParaId === paraId
+    )?.value as string,
+    [destinations, recipientParaId]
+  );
+
+  const destApi = useApiUrl(url);
+
+  const params = useMemo(
+    () => [
+      {
+        V1: isParaTeleport
+          ? {
+            interior: 'Here',
+            parents: 1
+          }
+          : {
+            interior: {
+              X1: {
+                ParaChain: recipientParaId
+              }
+            },
+            parents: 0
+          }
+      },
+      {
+        V1: {
+          interior: {
+            X1: {
+              AccountId32: {
+                id: api.createType('AccountId32', recipientId).toHex(),
+                network: 'Any'
+              }
+            }
+          },
+          parents: 0
+        }
+      },
+      {
+        V1: [{
+          fun: {
+            Fungible: amount
+          },
+          id: {
+            Concrete: {
+              interior: 'Here',
+              parents: isParaTeleport
+                ? 1
+                : 0
+            }
+          }
+        }]
+      },
+      0,
+      { Unlimited: null }
+    ],
+    [api, amount, isParaTeleport, recipientId, recipientParaId]
+  );
+
+  const hasAvailable = !!amount;
+
+  return (
+    <Modal
+      header={t<string>('Teleport assets')}
+      onClose={onClose}
+      size='large'
+    >
+      <Modal.Content>
+        <Modal.Columns hint={t<string>('The transferred balance will be subtracted (along with fees) from the sender account.')}>
+          <InputAddress
+            label={t<string>('send from account')}
+            labelExtra={
+              <Available
+                label={t<string>('transferrable')}
+                params={senderId}
+              />
+            }
+            onChange={setSenderId}
+            type='account'
+          />
+        </Modal.Columns>
+        {chainOpts.length !== 0 && (
+          <Modal.Columns hint={t<string>('The destination chain for this asset teleport. The transferred value will appear on this chain.')}>
+            <Dropdown
+              defaultValue={chainOpts[0].value}
+              label={t<string>('destination chain')}
+              onChange={setParaId}
+              options={chainOpts}
+            />
+            {!isParaTeleport && oneWay.includes(recipientParaId) && (
+              <MarkWarning content={t<string>('Currently this is a one-way transfer since the on-chain runtime functionality to send the funds from the destination chain back to this account not yet available.')} />
+            )}
+          </Modal.Columns>
+        )}
+        <Modal.Columns hint={t<string>('The beneficiary will have access to the transferred amount when the transaction is included in a block.')}>
+          <InputAddress
+            label={t<string>('send to address')}
+            onChange={setRecipientId}
+            type='allPlus'
+          />
+        </Modal.Columns>
+        <Modal.Columns
+          hint={
+            <>
+              <p>{t<string>('This is the amount to be teleported to the destination chain and does not account for the source or the destination transfer fee')}</p>
+              <p>{t<string>('The amount deposited to the recipient will be net the calculated cross-chain fee. If the recipient address is new, the amount deposited should be greater than the Existential Deposit')}</p>
+            </>
+          }
+        >
+          <InputBalance
+            autoFocus
+            isError={!hasAvailable}
+            isZeroable
+            label={t<string>('amount')}
+            onChange={setAmount}
+          />
+          {destApi
+            ? destApi.consts.balances
+              ? (
+                <>
+                  <InputBalance
+                    defaultValue={destApi.consts.balances.existentialDeposit}
+                    isDisabled
+                    label={t<string>('destination existential deposit')}
+                  />
+                </>
+              )
+              : null
+            : (
+              <Spinner
+                label={t<string>('Retrieving destination chain fees')}
+                variant='appPadded'
+              />
+            )
+          }
+        </Modal.Columns>
+      </Modal.Content>
+      <Modal.Actions>
+        <TxButton
+          accountId={senderId}
+          icon='share-square'
+          isDisabled={!allowTeleport || !hasAvailable || !recipientId || !amount || !destApi || (!isParaTeleport && recipientParaId === INVALID_PARAID)}
+          label={t<string>('Teleport')}
+          onStart={onClose}
+          params={params}
+          tx={call}
+        />
+      </Modal.Actions>
+    </Modal>
+  );
+}
+
+export default React.memo(Teleport);
diff --git a/packages/page-parachains/src/constants.ts b/packages/page-parachains/src/constants.ts
new file mode 100644
index 0000000..0a88de1
--- /dev/null
+++ b/packages/page-parachains/src/constants.ts
@@ -0,0 +1,6 @@
+// Copyright 2017-2022 @polkadot/app-parachains authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import { stringToU8a } from '@polkadot/util';
+
+export const CROWD_PREFIX = stringToU8a('modlpy/cfund');
diff --git a/packages/page-parachains/src/index.tsx b/packages/page-parachains/src/index.tsx
new file mode 100644
index 0000000..c3041e2
--- /dev/null
+++ b/packages/page-parachains/src/index.tsx
@@ -0,0 +1,119 @@
+// Copyright 2017-2022 @polkadot/app-parachains authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import '@polkadot/api-augment/substrate';
+
+import type { ParaId } from '@polkadot/types/interfaces';
+
+import React, { useRef } from 'react';
+import { Route, Switch } from 'react-router';
+import { useLocation } from 'react-router-dom';
+
+import { Tabs } from '@polkadot/react-components';
+import { useApi, useCall } from '@polkadot/react-hooks';
+
+import Auctions from './Auctions';
+import Crowdloan from './Crowdloan';
+import Overview from './Overview';
+import Parathreads from './Parathreads';
+import Proposals from './Proposals';
+import { useTranslation } from './translate';
+import useActionsQueue from './useActionsQueue';
+import useAuctionInfo from './useAuctionInfo';
+import useFunds from './useFunds';
+import useLeasePeriod from './useLeasePeriod';
+import useOwnedIds from './useOwnedIds';
+import useProposals from './useProposals';
+import useUpcomingIds from './useUpcomingIds';
+import useWinningData from './useWinningData';
+
+interface Props {
+  basePath: string;
+  className?: string;
+}
+
+function ParachainsApp ({ basePath, className }: Props): React.ReactElement<Props> {
+  const { t } = useTranslation();
+  const { api } = useApi();
+  const { pathname } = useLocation();
+  const auctionInfo = useAuctionInfo();
+  const campaigns = useFunds();
+  const leasePeriod = useLeasePeriod();
+  const ownedIds = useOwnedIds();
+  const winningData = useWinningData(auctionInfo);
+  const proposals = useProposals();
+  const actionsQueue = useActionsQueue();
+  const upcomingIds = useUpcomingIds();
+  const paraIds = useCall<ParaId[]>(api.query.paras.parachains);
+
+  const items = useRef([
+    {
+      isRoot: true,
+      name: 'overview',
+      text: t<string>('Overview')
+    },
+    {
+      name: 'parathreads',
+      text: t<string>('Parathreads')
+    },
+    api.query.proposeParachain && {
+      name: 'proposals',
+      text: t<string>('Proposals')
+    },
+    api.query.auctions && {
+      name: 'auctions',
+      text: t<string>('Auctions')
+    },
+    api.query.crowdloan && {
+      name: 'crowdloan',
+      text: t<string>('Crowdloan')
+    }
+  ].filter((q) => !!q));
+
+  return (
+    <main className={className}>
+      <Tabs
+        basePath={basePath}
+        items={items.current}
+      />
+      <Switch>
+        <Route path={`${basePath}/auctions`}>
+          <Auctions
+            auctionInfo={auctionInfo}
+            campaigns={campaigns}
+            ownedIds={ownedIds}
+            winningData={winningData}
+          />
+        </Route>
+        <Route path={`${basePath}/crowdloan`}>
+          <Crowdloan
+            auctionInfo={auctionInfo}
+            campaigns={campaigns}
+            leasePeriod={leasePeriod}
+            ownedIds={ownedIds}
+          />
+        </Route>
+        <Route path={`${basePath}/proposals`}>
+          <Proposals proposals={proposals} />
+        </Route>
+      </Switch>
+      <Overview
+        actionsQueue={actionsQueue}
+        className={pathname === basePath ? '' : '--hidden'}
+        leasePeriod={leasePeriod}
+        paraIds={paraIds}
+        proposals={proposals}
+        threadIds={upcomingIds}
+      />
+      <Parathreads
+        actionsQueue={actionsQueue}
+        className={pathname === `${basePath}/parathreads` ? '' : '--hidden'}
+        ids={upcomingIds}
+        leasePeriod={leasePeriod}
+        ownedIds={ownedIds}
+      />
+    </main>
+  );
+}
+
+export default React.memo(ParachainsApp);
diff --git a/packages/page-parachains/src/translate.ts b/packages/page-parachains/src/translate.ts
new file mode 100644
index 0000000..0ce5bab
--- /dev/null
+++ b/packages/page-parachains/src/translate.ts
@@ -0,0 +1,10 @@
+// Copyright 2017-2022 @polkadot/app-parachains authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { UseTranslationResponse } from 'react-i18next';
+
+import { useTranslation as useTranslationBase } from 'react-i18next';
+
+export function useTranslation (): UseTranslationResponse<'app-parachains', undefined> {
+  return useTranslationBase('app-parachains');
+}
diff --git a/packages/page-parachains/src/types.ts b/packages/page-parachains/src/types.ts
new file mode 100644
index 0000000..d2e0118
--- /dev/null
+++ b/packages/page-parachains/src/types.ts
@@ -0,0 +1,102 @@
+// Copyright 2017-2022 @polkadot/app-parachains authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { AccountId, AuctionIndex, BalanceOf, BlockNumber, LeasePeriodOf, ParachainProposal, ParaId, SessionIndex } from '@polkadot/types/interfaces';
+import type { PolkadotParachainPrimitivesHrmpChannelId, PolkadotRuntimeCommonCrowdloanFundInfo, PolkadotRuntimeCommonParasRegistrarParaInfo, PolkadotRuntimeParachainsHrmpHrmpChannel } from '@polkadot/types/lookup';
+import type { BN } from '@polkadot/util';
+
+export type ChannelMap = Record<string, [PolkadotParachainPrimitivesHrmpChannelId, PolkadotRuntimeParachainsHrmpHrmpChannel][]>;
+
+export interface AllChannels {
+  dst: ChannelMap;
+  src: ChannelMap;
+}
+
+export interface LeaseInfo {
+  accountId: AccountId;
+  balance: BalanceOf;
+  period: number;
+}
+
+export interface QueuedAction {
+  paraIds: ParaId[];
+  sessionIndex: BN;
+}
+
+export interface AuctionInfo {
+  endBlock: BlockNumber | null;
+  leasePeriod: LeasePeriodOf | null;
+  numAuctions: AuctionIndex;
+}
+
+export interface ProposalExt {
+  id: ParaId;
+  isApproved: boolean;
+  isScheduled: boolean;
+  proposal?: ParachainProposal;
+}
+
+export interface ScheduledProposals {
+  scheduledIds: ParaId[];
+  sessionIndex: SessionIndex;
+}
+
+export interface Campaigns {
+  activeCap: BN;
+  activeRaised: BN;
+  funds: Campaign[] | null;
+  totalCap: BN;
+  totalRaised: BN;
+}
+
+export interface Campaign extends WinnerData {
+  info: PolkadotRuntimeCommonCrowdloanFundInfo;
+  isCapped?: boolean;
+  isEnded?: boolean;
+  isWinner?: boolean;
+}
+
+export interface LeasePeriod {
+  currentPeriod: BN;
+  length: BN;
+  progress: BN;
+  remainder: BN;
+}
+
+export interface Proposals {
+  approvedIds: ParaId[];
+  proposalIds: ParaId[];
+  scheduled: ScheduledProposals[];
+}
+
+export interface OwnedIdPartial {
+  manager: string;
+  paraId: ParaId;
+  paraInfo: PolkadotRuntimeCommonParasRegistrarParaInfo;
+}
+
+export interface OwnedId extends OwnedIdPartial {
+  hasCode: boolean;
+}
+
+export interface OwnerInfo {
+  accountId: string | null;
+  paraId: number;
+}
+
+export interface WinnerData {
+  accountId: string;
+  firstSlot: BN;
+  isCrowdloan: boolean;
+  key: string;
+  lastSlot: BN;
+  paraId: ParaId;
+  value: BN;
+}
+
+export interface Winning {
+  blockNumber: BN;
+  blockOffset: BN;
+  total: BN;
+  winners: WinnerData[];
+}
diff --git a/packages/page-parachains/src/useActionsQueue.ts b/packages/page-parachains/src/useActionsQueue.ts
new file mode 100644
index 0000000..3a090e3
--- /dev/null
+++ b/packages/page-parachains/src/useActionsQueue.ts
@@ -0,0 +1,39 @@
+// Copyright 2017-2022 @polkadot/app-parachains authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { ParaId, SessionIndex } from '@polkadot/types/interfaces';
+import type { BN } from '@polkadot/util';
+import type { QueuedAction } from './types';
+
+import { useMemo } from 'react';
+
+import { createNamedHook, useApi, useCall } from '@polkadot/react-hooks';
+import { BN_EIGHT, BN_FIVE, BN_FOUR, BN_NINE, BN_ONE, BN_SEVEN, BN_SIX, BN_TEN, BN_THREE, BN_TWO } from '@polkadot/util';
+
+const INC = [BN_ONE, BN_TWO, BN_THREE, BN_FOUR, BN_FIVE, BN_SIX, BN_SEVEN, BN_EIGHT, BN_NINE, BN_TEN];
+
+const OPT_NEXT = {
+  withParams: true
+};
+
+function useActionsQueueImpl (): QueuedAction[] {
+  const { api } = useApi();
+  const currentIndex = useCall<SessionIndex>(api.query.session.currentIndex);
+  const queryIndexes = useMemo(() => currentIndex && INC.map((i) => currentIndex.add(i)), [currentIndex]);
+  const nextActions = useCall<[[BN[]], ParaId[][]]>(queryIndexes && api.query.paras.actionsQueue.multi, [queryIndexes], OPT_NEXT);
+
+  return useMemo(
+    (): QueuedAction[] =>
+      nextActions
+        ? nextActions[0][0]
+          .map((sessionIndex, index) => ({
+            paraIds: nextActions[1][index],
+            sessionIndex
+          }))
+          .filter(({ paraIds }) => paraIds.length)
+        : [],
+    [nextActions]
+  );
+}
+
+export default createNamedHook('useActionsQueue', useActionsQueueImpl);
diff --git a/packages/page-parachains/src/useAuctionInfo.tsx b/packages/page-parachains/src/useAuctionInfo.tsx
new file mode 100644
index 0000000..ae788a6
--- /dev/null
+++ b/packages/page-parachains/src/useAuctionInfo.tsx
@@ -0,0 +1,32 @@
+// Copyright 2017-2022 @polkadot/app-parachains authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { Option } from '@polkadot/types';
+import type { AuctionIndex, BlockNumber, LeasePeriodOf } from '@polkadot/types/interfaces';
+import type { ITuple } from '@polkadot/types/types';
+import type { AuctionInfo } from './types';
+
+import { createNamedHook, useApi, useCallMulti } from '@polkadot/react-hooks';
+
+const OPT_MULTI = {
+  transform: ([numAuctions, optInfo]: [AuctionIndex, Option<ITuple<[LeasePeriodOf, BlockNumber]>>]): AuctionInfo => {
+    const [leasePeriod, endBlock] = optInfo.unwrapOr([null, null]);
+
+    return {
+      endBlock,
+      leasePeriod,
+      numAuctions
+    };
+  }
+};
+
+function useAuctionInfoImpl (): AuctionInfo | undefined {
+  const { api } = useApi();
+
+  return useCallMulti<AuctionInfo>([
+    api.query.auctions?.auctionCounter,
+    api.query.auctions?.auctionInfo
+  ], OPT_MULTI);
+}
+
+export default createNamedHook('useAuctionInfo', useAuctionInfoImpl);
diff --git a/packages/page-parachains/src/useFunds.ts b/packages/page-parachains/src/useFunds.ts
new file mode 100644
index 0000000..2044ae3
--- /dev/null
+++ b/packages/page-parachains/src/useFunds.ts
@@ -0,0 +1,175 @@
+// Copyright 2017-2022 @polkadot/app-parachains authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { Option, StorageKey } from '@polkadot/types';
+import type { AccountId, BalanceOf, BlockNumber, ParaId } from '@polkadot/types/interfaces';
+import type { PolkadotRuntimeCommonCrowdloanFundInfo } from '@polkadot/types/lookup';
+import type { INumber, ITuple } from '@polkadot/types/types';
+import type { Campaign, Campaigns } from './types';
+
+import { useEffect, useState } from 'react';
+
+import { createNamedHook, useApi, useBestNumber, useCall, useEventTrigger, useIsMountedRef, useMapKeys } from '@polkadot/react-hooks';
+import { BN, BN_ZERO, u8aConcat, u8aEq } from '@polkadot/util';
+import { encodeAddress } from '@polkadot/util-crypto';
+
+import { CROWD_PREFIX } from './constants';
+
+const EMPTY: Campaigns = {
+  activeCap: BN_ZERO,
+  activeRaised: BN_ZERO,
+  funds: null,
+  totalCap: BN_ZERO,
+  totalRaised: BN_ZERO
+};
+
+const EMPTY_U8A = new Uint8Array(32);
+
+function createAddress (id: INumber): Uint8Array {
+  return u8aConcat(CROWD_PREFIX, id.toU8a(), EMPTY_U8A).subarray(0, 32);
+}
+
+function hasCrowdloadPrefix (accountId: AccountId): boolean {
+  return u8aEq(accountId.slice(0, CROWD_PREFIX.length), CROWD_PREFIX);
+}
+
+function hasLease (paraId: ParaId, leased: ParaId[]): boolean {
+  return leased.some((l) => l.eq(paraId));
+}
+
+// map into a campaign
+function updateFund (bestNumber: BN, minContribution: BN, data: Campaign, leased: ParaId[]): Campaign {
+  data.isCapped = data.info.cap.sub(data.info.raised).lt(minContribution);
+  data.isEnded = bestNumber.gt(data.info.end);
+  data.isWinner = hasLease(data.paraId, leased);
+
+  return data;
+}
+
+function isFundUpdated (bestNumber: BlockNumber, minContribution: BN, { info: { cap, end, raised }, paraId }: Campaign, leased: ParaId[], allPrev: Campaigns): boolean {
+  const prev = allPrev.funds?.find((p) => p.paraId.eq(paraId));
+
+  return !prev ||
+    (!prev.isEnded && bestNumber.gt(end)) ||
+    (!prev.isCapped && cap.sub(raised).lt(minContribution)) ||
+    (!prev.isWinner && hasLease(paraId, leased));
+}
+
+function sortCampaigns (a: Campaign, b: Campaign): number {
+  return a.isWinner !== b.isWinner
+    ? a.isWinner
+      ? -1
+      : 1
+    : a.isCapped !== b.isCapped
+      ? a.isCapped
+        ? -1
+        : 1
+      : a.isEnded !== b.isEnded
+        ? a.isEnded
+          ? 1
+          : -1
+        : 0;
+}
+
+// compare the current campaigns against the previous, manually adding ending and calculating the new totals
+function createResult (bestNumber: BlockNumber, minContribution: BN, funds: Campaign[], leased: ParaId[], prev: Campaigns): Campaigns {
+  const [activeRaised, activeCap, totalRaised, totalCap] = funds.reduce(([ar, ac, tr, tc], { info: { cap, end, raised }, isWinner }) => [
+    (bestNumber.gt(end) || isWinner) ? ar : ar.iadd(raised),
+    (bestNumber.gt(end) || isWinner) ? ac : ac.iadd(cap),
+    tr.iadd(raised),
+    tc.iadd(cap)
+  ], [new BN(0), new BN(0), new BN(0), new BN(0)]);
+  const hasNewActiveCap = !prev.activeCap.eq(activeCap);
+  const hasNewActiveRaised = !prev.activeRaised.eq(activeRaised);
+  const hasNewTotalCap = !prev.totalCap.eq(totalCap);
+  const hasNewTotalRaised = !prev.totalRaised.eq(totalRaised);
+  const hasChanged =
+    !prev.funds || prev.funds.length !== funds.length ||
+    hasNewActiveCap || hasNewActiveRaised || hasNewTotalCap || hasNewTotalRaised ||
+    funds.some((c) => isFundUpdated(bestNumber, minContribution, c, leased, prev));
+
+  if (!hasChanged) {
+    return prev;
+  }
+
+  return {
+    activeCap: hasNewActiveCap
+      ? activeCap
+      : prev.activeCap,
+    activeRaised: hasNewActiveRaised
+      ? activeRaised
+      : prev.activeRaised,
+    funds: funds
+      .map((c) => updateFund(bestNumber, minContribution, c, leased))
+      .sort(sortCampaigns),
+    totalCap: hasNewTotalCap
+      ? totalCap
+      : prev.totalCap,
+    totalRaised: hasNewTotalRaised
+      ? totalRaised
+      : prev.totalRaised
+  };
+}
+
+const OPT_FUNDS_MULTI = {
+  transform: ([[paraIds], optFunds]: [[ParaId[]], Option<PolkadotRuntimeCommonCrowdloanFundInfo>[]]): Campaign[] =>
+    paraIds
+      .map((paraId, i): [ParaId, PolkadotRuntimeCommonCrowdloanFundInfo | null] => [paraId, optFunds[i].unwrapOr(null)])
+      .filter((v): v is [ParaId, PolkadotRuntimeCommonCrowdloanFundInfo] => !!v[1])
+      .map(([paraId, info]): Campaign => ({
+        accountId: encodeAddress(createAddress(paraId)),
+        firstSlot: info.firstPeriod,
+        info,
+        isCrowdloan: true,
+        key: paraId.toString(),
+        lastSlot: info.lastPeriod,
+        paraId,
+        value: info.raised
+      }))
+      .sort((a, b) =>
+        a.info.end.cmp(b.info.end) ||
+        a.info.firstPeriod.cmp(b.info.firstPeriod) ||
+        a.info.lastPeriod.cmp(b.info.lastPeriod) ||
+        a.paraId.cmp(b.paraId)
+      ),
+  withParamsTransform: true
+};
+
+const OPT_LEASE = {
+  transform: ([[paraIds], leases]: [[ParaId[]], Option<ITuple<[AccountId, BalanceOf]>>[][]]): ParaId[] =>
+    paraIds.filter((_, i) =>
+      leases[i]
+        .map((o) => o.unwrapOr(null))
+        .filter((v): v is ITuple<[AccountId, BalanceOf]> => !!v)
+        .filter(([accountId]) => hasCrowdloadPrefix(accountId))
+        .length !== 0
+    ),
+  withParamsTransform: true
+};
+
+const OPT_FUNDS = {
+  transform: (keys: StorageKey<[ParaId]>[]): ParaId[] =>
+    keys.map(({ args: [paraId] }) => paraId)
+};
+
+function useFundsImpl (): Campaigns {
+  const { api } = useApi();
+  const bestNumber = useBestNumber();
+  const mountedRef = useIsMountedRef();
+  const trigger = useEventTrigger([api.events.crowdloan?.Created]);
+  const paraIds = useMapKeys(api.query.crowdloan?.funds, OPT_FUNDS, trigger.blockHash);
+  const campaigns = useCall<Campaign[]>(api.query.crowdloan?.funds.multi, [paraIds], OPT_FUNDS_MULTI);
+  const leases = useCall<ParaId[]>(api.query.slots.leases.multi, [paraIds], OPT_LEASE);
+  const [result, setResult] = useState<Campaigns>(EMPTY);
+
+  // here we manually add the actual ending status and calculate the totals
+  useEffect((): void => {
+    mountedRef.current && bestNumber && campaigns && leases && setResult((prev) =>
+      createResult(bestNumber, api.consts.crowdloan.minContribution as BlockNumber, campaigns, leases, prev)
+    );
+  }, [api, bestNumber, campaigns, leases, mountedRef]);
+
+  return result;
+}
+
+export default createNamedHook('useFunds', useFundsImpl);
diff --git a/packages/page-parachains/src/useLeasePeriod.ts b/packages/page-parachains/src/useLeasePeriod.ts
new file mode 100644
index 0000000..7f2e22e
--- /dev/null
+++ b/packages/page-parachains/src/useLeasePeriod.ts
@@ -0,0 +1,34 @@
+// Copyright 2017-2022 @polkadot/app-parachains authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { BlockNumber } from '@polkadot/types/interfaces';
+import type { LeasePeriod } from './types';
+
+import { useMemo } from 'react';
+
+import { createNamedHook, useApi, useBestNumber } from '@polkadot/react-hooks';
+import { BN_ZERO } from '@polkadot/util';
+
+function useLeasePeriodImpl (): LeasePeriod | undefined {
+  const { api } = useApi();
+  const bestNumber = useBestNumber();
+
+  return useMemo((): LeasePeriod | undefined => {
+    if (!api.consts.slots.leasePeriod || !bestNumber) {
+      return;
+    }
+
+    const length = api.consts.slots.leasePeriod as BlockNumber;
+    const startNumber = bestNumber.sub((api.consts.slots.leaseOffset as BlockNumber) || BN_ZERO);
+    const progress = startNumber.mod(length);
+
+    return {
+      currentPeriod: startNumber.div(length),
+      length,
+      progress,
+      remainder: length.sub(progress)
+    };
+  }, [api, bestNumber]);
+}
+
+export default createNamedHook('useLeasePeriod', useLeasePeriodImpl);
diff --git a/packages/page-parachains/src/useLeaseRanges.ts b/packages/page-parachains/src/useLeaseRanges.ts
new file mode 100644
index 0000000..3f37740
--- /dev/null
+++ b/packages/page-parachains/src/useLeaseRanges.ts
@@ -0,0 +1,56 @@
+// Copyright 2017-2022 @polkadot/app-parachains authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { u32 } from '@polkadot/types';
+
+import { useMemo } from 'react';
+
+import { createNamedHook, useApi } from '@polkadot/react-hooks';
+import { BN } from '@polkadot/util';
+
+const RANGES_DEFAULT: [number, number][] = [
+  [0, 0], [0, 1], [0, 2], [0, 3],
+  [1, 1], [1, 2], [1, 3],
+  [2, 2], [2, 3],
+  [3, 3]
+];
+
+function isU32 (leasePeriodsPerSlot: unknown): leasePeriodsPerSlot is u32 {
+  return !!leasePeriodsPerSlot;
+}
+
+function useLeaseRangesImpl (): [number, number][] {
+  const { api } = useApi();
+
+  return useMemo(
+    (): [number, number][] => {
+      if (isU32(api.consts.auctions?.leasePeriodsPerSlot)) {
+        const ranges: [number, number][] = [];
+
+        for (let i = 0; api.consts.auctions.leasePeriodsPerSlot.gtn(i); i++) {
+          for (let j = i; api.consts.auctions.leasePeriodsPerSlot.gtn(j); j++) {
+            ranges.push([i, j]);
+          }
+        }
+
+        return ranges;
+      }
+
+      return RANGES_DEFAULT;
+    },
+    [api]
+  );
+}
+
+export const useLeaseRanges = createNamedHook('useLeaseRanges', useLeaseRangesImpl);
+
+function useLeaseRangeMaxImpl (): BN {
+  const ranges = useLeaseRanges();
+
+  return useMemo(
+    () => new BN(ranges[ranges.length - 1][1]),
+    [ranges]
+  );
+}
+
+export const useLeaseRangeMax = createNamedHook('useLeaseRangeMax', useLeaseRangeMaxImpl);
diff --git a/packages/page-parachains/src/useOwnedIds.ts b/packages/page-parachains/src/useOwnedIds.ts
new file mode 100644
index 0000000..477315f
--- /dev/null
+++ b/packages/page-parachains/src/useOwnedIds.ts
@@ -0,0 +1,80 @@
+// Copyright 2017-2022 @polkadot/app-parachains authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { Option, StorageKey } from '@polkadot/types';
+import type { Hash, ParaId } from '@polkadot/types/interfaces';
+import type { PolkadotRuntimeCommonParasRegistrarParaInfo } from '@polkadot/types/lookup';
+import type { OwnedId, OwnedIdPartial } from './types';
+
+import { useMemo } from 'react';
+
+import { createNamedHook, useAccounts, useApi, useCall, useEventTrigger, useMapEntries } from '@polkadot/react-hooks';
+
+interface CodeHash {
+  hash: Hash | null;
+  paraId: ParaId;
+}
+
+interface Owned {
+  ids: ParaId[];
+  owned: OwnedIdPartial[];
+}
+
+const OPT_ENTRIES = {
+  transform: (entries: [StorageKey<[ParaId]>, Option<PolkadotRuntimeCommonParasRegistrarParaInfo>][]): Owned => {
+    const owned = entries
+      .map(([{ args: [paraId] }, optInfo]): OwnedIdPartial | null => {
+        if (optInfo.isNone) {
+          return null;
+        }
+
+        const paraInfo = optInfo.unwrap();
+
+        return {
+          manager: paraInfo.manager.toString(),
+          paraId,
+          paraInfo
+        };
+      })
+      .filter((id): id is OwnedIdPartial => !!id);
+
+    return {
+      ids: owned.map(({ paraId }) => paraId),
+      owned
+    };
+  }
+};
+
+const OPT_HASHES = {
+  transform: ([[paraIds], optHashes]: [[ParaId[]], Option<Hash>[]]) =>
+    paraIds.map((paraId, index): CodeHash => ({
+      hash: optHashes[index].unwrapOr(null),
+      paraId
+    })),
+  withParamsTransform: true
+};
+
+function useOwnedIdsImpl (): OwnedId[] {
+  const { api } = useApi();
+  const { allAccounts } = useAccounts();
+  const trigger = useEventTrigger([
+    api.events.registrar.Registered,
+    api.events.registrar.Reserved
+  ]);
+  const unfiltered = useMapEntries<Owned>(api.query.registrar.paras, OPT_ENTRIES, trigger.blockHash);
+  const hashes = useCall(api.query.paras.currentCodeHash.multi, [unfiltered ? unfiltered.ids : []], OPT_HASHES);
+
+  return useMemo(
+    () => unfiltered && hashes
+      ? unfiltered.owned
+        .filter((id) => allAccounts.some((a) => a === id.manager))
+        .map((data): OwnedId => ({
+          ...data,
+          hasCode: hashes.some((h) => !!h.hash && h.paraId.eq(data.paraId))
+        }))
+      : [],
+    [allAccounts, hashes, unfiltered]
+  );
+}
+
+export default createNamedHook('useOwnedIds', useOwnedIdsImpl);
diff --git a/packages/page-parachains/src/useProposals.ts b/packages/page-parachains/src/useProposals.ts
new file mode 100644
index 0000000..6c71dbc
--- /dev/null
+++ b/packages/page-parachains/src/useProposals.ts
@@ -0,0 +1,59 @@
+// Copyright 2017-2022 @polkadot/app-parachains authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { StorageKey } from '@polkadot/types';
+import type { ParaId, SessionIndex } from '@polkadot/types/interfaces';
+import type { Proposals } from './types';
+
+import { useMemo } from 'react';
+
+import { createNamedHook, useApi, useCallMulti, useEventTrigger, useIsMountedRef, useMapEntries, useMapKeys } from '@polkadot/react-hooks';
+
+type MultiQuery = [SessionIndex | undefined, ParaId[] | undefined];
+
+interface Scheduled {
+  scheduledIds: ParaId[];
+  sessionIndex: SessionIndex;
+}
+
+const OPT_MULTI = {
+  defaultValue: [undefined, undefined] as MultiQuery
+};
+
+const OPT_IDS = {
+  transform: (keys: StorageKey<[ParaId]>[]): ParaId[] =>
+    keys.map(({ args: [id] }) => id)
+};
+
+const OPT_SCHED = {
+  transform: (entries: [StorageKey<[SessionIndex]>, ParaId[]][]): Scheduled[] =>
+    entries.map(([{ args: [sessionIndex] }, scheduledIds]) => ({
+      scheduledIds,
+      sessionIndex
+    }))
+};
+
+function useProposalsImpl (): Proposals | undefined {
+  const { api } = useApi();
+  const mountedRef = useIsMountedRef();
+  const trigger = useEventTrigger([api.events.proposeParachain?.ProposeParachain]);
+  const proposalIds = useMapKeys(api.query.proposeParachain?.proposals, OPT_IDS, trigger.blockHash);
+  const scheduled = useMapEntries(api.query.proposeParachain?.scheduledProposals, OPT_SCHED, trigger.blockHash);
+  const [sessionIndex, approvedIds] = useCallMulti<MultiQuery>([
+    api.query.session.currentIndex,
+    api.query.proposeParachain?.approvedProposals
+  ], OPT_MULTI);
+
+  return useMemo(
+    () => approvedIds && sessionIndex && proposalIds && scheduled && mountedRef.current
+      ? {
+        approvedIds,
+        proposalIds,
+        scheduled: scheduled.filter((s) => s.sessionIndex.gt(sessionIndex))
+      }
+      : undefined,
+    [approvedIds, mountedRef, proposalIds, sessionIndex, scheduled]
+  );
+}
+
+export default createNamedHook('useProposals', useProposalsImpl);
diff --git a/packages/page-parachains/src/useUpcomingIds.ts b/packages/page-parachains/src/useUpcomingIds.ts
new file mode 100644
index 0000000..7d49953
--- /dev/null
+++ b/packages/page-parachains/src/useUpcomingIds.ts
@@ -0,0 +1,39 @@
+// Copyright 2017-2022 @polkadot/app-parachains authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { Option, StorageKey } from '@polkadot/types';
+import type { ParaId } from '@polkadot/types/interfaces';
+import type { PolkadotRuntimeParachainsParasParaLifecycle } from '@polkadot/types/lookup';
+
+import { createNamedHook, useApi, useEventTrigger, useMapEntries } from '@polkadot/react-hooks';
+
+const OPT_ENTRIES = {
+  transform: (entries: [StorageKey<[ParaId]>, Option<PolkadotRuntimeParachainsParasParaLifecycle>][]): ParaId[] =>
+    entries
+      .map(([{ args: [paraId] }, optValue]): ParaId | null => {
+        const value = optValue.unwrapOr(null);
+
+        return value && (
+          value.isParathread ||
+          value.isUpgradingParathread ||
+          value.isOffboardingParathread ||
+          value.isOnboarding
+        )
+          ? paraId
+          : null;
+      })
+      .filter((paraId): paraId is ParaId => !!paraId)
+      .sort((a, b) => a.cmp(b))
+};
+
+function useUpomingIdsImpl (): ParaId[] | undefined {
+  const { api } = useApi();
+  const trigger = useEventTrigger([
+    api.events.session.NewSession,
+    api.events.registrar.Registered
+  ]);
+
+  return useMapEntries(api.query.paras.paraLifecycles, OPT_ENTRIES, trigger.blockHash);
+}
+
+export default createNamedHook('useUpomingIds', useUpomingIdsImpl);
diff --git a/packages/page-parachains/src/useWinningData.ts b/packages/page-parachains/src/useWinningData.ts
new file mode 100644
index 0000000..937d10b
--- /dev/null
+++ b/packages/page-parachains/src/useWinningData.ts
@@ -0,0 +1,171 @@
+// Copyright 2017-2022 @polkadot/app-parachains authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { Option, StorageKey } from '@polkadot/types';
+import type { BlockNumber, WinningData } from '@polkadot/types/interfaces';
+import type { AuctionInfo, WinnerData, Winning } from './types';
+
+import { useEffect, useRef, useState } from 'react';
+
+import { createNamedHook, useApi, useBestNumber, useCall, useEventTrigger, useIsMountedRef } from '@polkadot/react-hooks';
+import { BN, BN_ONE, BN_ZERO, u8aEq } from '@polkadot/util';
+
+import { CROWD_PREFIX } from './constants';
+import { useLeaseRanges } from './useLeaseRanges';
+
+const FIRST_PARAM = [0];
+
+function isNewWinners (a: WinnerData[], b: WinnerData[]): boolean {
+  return JSON.stringify({ w: a }) !== JSON.stringify({ w: b });
+}
+
+function isNewOrdering (a: WinnerData[], b: WinnerData[]): boolean {
+  return a.length !== b.length ||
+    a.some(({ firstSlot, lastSlot, paraId }, index) =>
+      !paraId.eq(b[index].paraId) ||
+      !firstSlot.eq(b[index].firstSlot) ||
+      !lastSlot.eq(b[index].lastSlot)
+    );
+}
+
+function extractWinners (ranges: [number, number][], auctionInfo: AuctionInfo, optData: Option<WinningData>): WinnerData[] {
+  return optData.isNone
+    ? []
+    : optData.unwrap().reduce<WinnerData[]>((winners, optEntry, index): WinnerData[] => {
+      if (optEntry.isSome) {
+        const [accountId, paraId, value] = optEntry.unwrap();
+        const period = auctionInfo.leasePeriod || BN_ZERO;
+        const [first, last] = ranges[index];
+
+        winners.push({
+          accountId: accountId.toString(),
+          firstSlot: period.addn(first),
+          isCrowdloan: u8aEq(CROWD_PREFIX, accountId.subarray(0, CROWD_PREFIX.length)),
+          key: paraId.toString(),
+          lastSlot: period.addn(last),
+          paraId,
+          value
+        });
+      }
+
+      return winners;
+    }, []);
+}
+
+function createWinning ({ endBlock }: AuctionInfo, blockOffset: BN | null | undefined, winners: WinnerData[]): Winning {
+  return {
+    blockNumber: endBlock && blockOffset
+      ? blockOffset.add(endBlock)
+      : blockOffset || BN_ZERO,
+    blockOffset: blockOffset || BN_ZERO,
+    total: winners.reduce((total, { value }) => total.iadd(value), new BN(0)),
+    winners
+  };
+}
+
+function extractData (ranges: [number, number][], auctionInfo: AuctionInfo, values: [StorageKey<[BlockNumber]>, Option<WinningData>][]): Winning[] {
+  return values
+    .sort(([{ args: [a] }], [{ args: [b] }]) => a.cmp(b))
+    .reduce((all: Winning[], [{ args: [blockOffset] }, optData]): Winning[] => {
+      const winners = extractWinners(ranges, auctionInfo, optData);
+
+      winners.length && (
+        all.length === 0 ||
+        isNewWinners(winners, all[all.length - 1].winners)
+      ) && all.push(createWinning(auctionInfo, blockOffset, winners));
+
+      return all;
+    }, [])
+    .reverse();
+}
+
+function mergeCurrent (ranges: [number, number][], auctionInfo: AuctionInfo, prev: Winning[] | undefined, optCurrent: Option<WinningData>, blockOffset: BN): Winning[] | undefined {
+  const current = createWinning(auctionInfo, blockOffset, extractWinners(ranges, auctionInfo, optCurrent));
+
+  if (current.winners.length) {
+    if (!prev || !prev.length) {
+      return [current];
+    }
+
+    if (isNewWinners(current.winners, prev[0].winners)) {
+      if (isNewOrdering(current.winners, prev[0].winners)) {
+        return [current, ...prev];
+      }
+
+      prev[0] = current;
+
+      return [...prev];
+    }
+  }
+
+  return prev;
+}
+
+function mergeFirst (ranges: [number, number][], auctionInfo: AuctionInfo, prev: Winning[] | undefined, optFirstData: Option<WinningData>): Winning[] | undefined {
+  if (prev && prev.length <= 1) {
+    const updated: Winning[] = prev || [];
+    const firstEntry = createWinning(auctionInfo, null, extractWinners(ranges, auctionInfo, optFirstData));
+
+    if (!firstEntry.winners.length) {
+      return updated;
+    } else if (!updated.length) {
+      return [firstEntry];
+    }
+
+    updated[updated.length - 1] = firstEntry;
+
+    return updated.slice();
+  }
+
+  return prev;
+}
+
+function useWinningDataImpl (auctionInfo?: AuctionInfo): Winning[] | undefined {
+  const { api } = useApi();
+  const mountedRef = useIsMountedRef();
+  const ranges = useLeaseRanges();
+  const [result, setResult] = useState<Winning[] | undefined>();
+  const bestNumber = useBestNumber();
+  const trigger = useEventTrigger([api.events.auctions?.BidAccepted]);
+  const triggerRef = useRef(trigger);
+  const initialEntries = useCall<[StorageKey<[BlockNumber]>, Option<WinningData>][]>(api.query.auctions?.winning.entries);
+  const optFirstData = useCall<Option<WinningData>>(api.query.auctions?.winning, FIRST_PARAM);
+
+  // should be fired once, all entries as an initial round
+  useEffect((): void => {
+    mountedRef.current && auctionInfo && initialEntries && setResult(
+      extractData(ranges, auctionInfo, initialEntries)
+    );
+  }, [auctionInfo, initialEntries, mountedRef, ranges]);
+
+  // when block 0 changes, update (typically in non-ending-period, static otherwise)
+  useEffect((): void => {
+    mountedRef.current && auctionInfo && optFirstData && setResult((prev) =>
+      mergeFirst(ranges, auctionInfo, prev, optFirstData)
+    );
+  }, [auctionInfo, optFirstData, mountedRef, ranges]);
+
+  // on a bid event, get the new entry (assuming the event really triggered, i.e. not just a block)
+  // and add it to the list when not duplicated. Additionally we cleanup after ourselves when endBlock
+  // gets cleared
+  useEffect((): void => {
+    if (auctionInfo?.endBlock && bestNumber && bestNumber.gt(auctionInfo.endBlock) && triggerRef.current !== trigger) {
+      const blockOffset = bestNumber.sub(auctionInfo.endBlock).iadd(BN_ONE);
+
+      triggerRef.current = trigger;
+
+      api.query.auctions
+        ?.winning<Option<WinningData>>(blockOffset)
+        .then((optCurrent) =>
+          mountedRef.current && setResult((prev) =>
+            mergeCurrent(ranges, auctionInfo, prev, optCurrent, blockOffset)
+          )
+        )
+        .catch(console.error);
+    }
+  }, [api, bestNumber, auctionInfo, mountedRef, ranges, trigger, triggerRef]);
+
+  return result;
+}
+
+export default createNamedHook('useWinningData', useWinningDataImpl);
diff --git a/packages/page-parachains/src/util.ts b/packages/page-parachains/src/util.ts
new file mode 100644
index 0000000..2c8944c
--- /dev/null
+++ b/packages/page-parachains/src/util.ts
@@ -0,0 +1,14 @@
+// Copyright 2017-2022 @polkadot/app-parachains authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { Codec } from '@polkadot/types/types';
+
+export function sliceHex (value: Codec, max = 6): string {
+  const hex = value.toHex();
+
+  return hex.length > ((2 * max) + 2)
+    ? `${hex.slice(0, max + 2)}…${hex.slice(-max)}`
+    : hex === '0x'
+      ? ''
+      : hex;
+}
diff --git a/packages/page-parachains/tsconfig.build.json b/packages/page-parachains/tsconfig.build.json
new file mode 100644
index 0000000..da24d9f
--- /dev/null
+++ b/packages/page-parachains/tsconfig.build.json
@@ -0,0 +1,9 @@
+{
+  "extends": "../../tsconfig.base.json",
+  "compilerOptions": {
+    "baseUrl": "..",
+    "outDir": "./build",
+    "rootDir": "./src"
+  },
+  "references": []
+}
diff --git a/packages/page-poll/.skip-build b/packages/page-poll/.skip-build
new file mode 100644
index 0000000..e69de29
diff --git a/packages/page-poll/.skip-npm b/packages/page-poll/.skip-npm
new file mode 100644
index 0000000..e69de29
diff --git a/packages/page-poll/LICENSE b/packages/page-poll/LICENSE
new file mode 100644
index 0000000..0d381b2
--- /dev/null
+++ b/packages/page-poll/LICENSE
@@ -0,0 +1,201 @@
+                              Apache License
+                        Version 2.0, January 2004
+                    http://www.apache.org/licenses/
+
+TERMS AND CONDITIONS FOR USE, REPRODUCTION, AND DISTRIBUTION
+
+1. Definitions.
+
+  "License" shall mean the terms and conditions for use, reproduction,
+  and distribution as defined by Sections 1 through 9 of this document.
+
+  "Licensor" shall mean the copyright owner or entity authorized by
+  the copyright owner that is granting the License.
+
+  "Legal Entity" shall mean the union of the acting entity and all
+  other entities that control, are controlled by, or are under common
+  control with that entity. For the purposes of this definition,
+  "control" means (i) the power, direct or indirect, to cause the
+  direction or management of such entity, whether by contract or
+  otherwise, or (ii) ownership of fifty percent (50%) or more of the
+  outstanding shares, or (iii) beneficial ownership of such entity.
+
+  "You" (or "Your") shall mean an individual or Legal Entity
+  exercising permissions granted by this License.
+
+  "Source" form shall mean the preferred form for making modifications,
+  including but not limited to software source code, documentation
+  source, and configuration files.
+
+  "Object" form shall mean any form resulting from mechanical
+  transformation or translation of a Source form, including but
+  not limited to compiled object code, generated documentation,
+  and conversions to other media types.
+
+  "Work" shall mean the work of authorship, whether in Source or
+  Object form, made available under the License, as indicated by a
+  copyright notice that is included in or attached to the work
+  (an example is provided in the Appendix below).
+
+  "Derivative Works" shall mean any work, whether in Source or Object
+  form, that is based on (or derived from) the Work and for which the
+  editorial revisions, annotations, elaborations, or other modifications
+  represent, as a whole, an original work of authorship. For the purposes
+  of this License, Derivative Works shall not include works that remain
+  separable from, or merely link (or bind by name) to the interfaces of,
+  the Work and Derivative Works thereof.
+
+  "Contribution" shall mean any work of authorship, including
+  the original version of the Work and any modifications or additions
+  to that Work or Derivative Works thereof, that is intentionally
+  submitted to Licensor for inclusion in the Work by the copyright owner
+  or by an individual or Legal Entity authorized to submit on behalf of
+  the copyright owner. For the purposes of this definition, "submitted"
+  means any form of electronic, verbal, or written communication sent
+  to the Licensor or its representatives, including but not limited to
+  communication on electronic mailing lists, source code control systems,
+  and issue tracking systems that are managed by, or on behalf of, the
+  Licensor for the purpose of discussing and improving the Work, but
+  excluding communication that is conspicuously marked or otherwise
+  designated in writing by the copyright owner as "Not a Contribution."
+
+  "Contributor" shall mean Licensor and any individual or Legal Entity
+  on behalf of whom a Contribution has been received by Licensor and
+  subsequently incorporated within the Work.
+
+2. Grant of Copyright License. Subject to the terms and conditions of
+  this License, each Contributor hereby grants to You a perpetual,
+  worldwide, non-exclusive, no-charge, royalty-free, irrevocable
+  copyright license to reproduce, prepare Derivative Works of,
+  publicly display, publicly perform, sublicense, and distribute the
+  Work and such Derivative Works in Source or Object form.
+
+3. Grant of Patent License. Subject to the terms and conditions of
+  this License, each Contributor hereby grants to You a perpetual,
+  worldwide, non-exclusive, no-charge, royalty-free, irrevocable
+  (except as stated in this section) patent license to make, have made,
+  use, offer to sell, sell, import, and otherwise transfer the Work,
+  where such license applies only to those patent claims licensable
+  by such Contributor that are necessarily infringed by their
+  Contribution(s) alone or by combination of their Contribution(s)
+  with the Work to which such Contribution(s) was submitted. If You
+  institute patent litigation against any entity (including a
+  cross-claim or counterclaim in a lawsuit) alleging that the Work
+  or a Contribution incorporated within the Work constitutes direct
+  or contributory patent infringement, then any patent licenses
+  granted to You under this License for that Work shall terminate
+  as of the date such litigation is filed.
+
+4. Redistribution. You may reproduce and distribute copies of the
+  Work or Derivative Works thereof in any medium, with or without
+  modifications, and in Source or Object form, provided that You
+  meet the following conditions:
+
+  (a) You must give any other recipients of the Work or
+      Derivative Works a copy of this License; and
+
+  (b) You must cause any modified files to carry prominent notices
+      stating that You changed the files; and
+
+  (c) You must retain, in the Source form of any Derivative Works
+      that You distribute, all copyright, patent, trademark, and
+      attribution notices from the Source form of the Work,
+      excluding those notices that do not pertain to any part of
+      the Derivative Works; and
+
+  (d) If the Work includes a "NOTICE" text file as part of its
+      distribution, then any Derivative Works that You distribute must
+      include a readable copy of the attribution notices contained
+      within such NOTICE file, excluding those notices that do not
+      pertain to any part of the Derivative Works, in at least one
+      of the following places: within a NOTICE text file distributed
+      as part of the Derivative Works; within the Source form or
+      documentation, if provided along with the Derivative Works; or,
+      within a display generated by the Derivative Works, if and
+      wherever such third-party notices normally appear. The contents
+      of the NOTICE file are for informational purposes only and
+      do not modify the License. You may add Your own attribution
+      notices within Derivative Works that You distribute, alongside
+      or as an addendum to the NOTICE text from the Work, provided
+      that such additional attribution notices cannot be construed
+      as modifying the License.
+
+  You may add Your own copyright statement to Your modifications and
+  may provide additional or different license terms and conditions
+  for use, reproduction, or distribution of Your modifications, or
+  for any such Derivative Works as a whole, provided Your use,
+  reproduction, and distribution of the Work otherwise complies with
+  the conditions stated in this License.
+
+5. Submission of Contributions. Unless You explicitly state otherwise,
+  any Contribution intentionally submitted for inclusion in the Work
+  by You to the Licensor shall be under the terms and conditions of
+  this License, without any additional terms or conditions.
+  Notwithstanding the above, nothing herein shall supersede or modify
+  the terms of any separate license agreement you may have executed
+  with Licensor regarding such Contributions.
+
+6. Trademarks. This License does not grant permission to use the trade
+  names, trademarks, service marks, or product names of the Licensor,
+  except as required for reasonable and customary use in describing the
+  origin of the Work and reproducing the content of the NOTICE file.
+
+7. Disclaimer of Warranty. Unless required by applicable law or
+  agreed to in writing, Licensor provides the Work (and each
+  Contributor provides its Contributions) on an "AS IS" BASIS,
+  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or
+  implied, including, without limitation, any warranties or conditions
+  of TITLE, NON-INFRINGEMENT, MERCHANTABILITY, or FITNESS FOR A
+  PARTICULAR PURPOSE. You are solely responsible for determining the
+  appropriateness of using or redistributing the Work and assume any
+  risks associated with Your exercise of permissions under this License.
+
+8. Limitation of Liability. In no event and under no legal theory,
+  whether in tort (including negligence), contract, or otherwise,
+  unless required by applicable law (such as deliberate and grossly
+  negligent acts) or agreed to in writing, shall any Contributor be
+  liable to You for damages, including any direct, indirect, special,
+  incidental, or consequential damages of any character arising as a
+  result of this License or out of the use or inability to use the
+  Work (including but not limited to damages for loss of goodwill,
+  work stoppage, computer failure or malfunction, or any and all
+  other commercial damages or losses), even if such Contributor
+  has been advised of the possibility of such damages.
+
+9. Accepting Warranty or Additional Liability. While redistributing
+  the Work or Derivative Works thereof, You may choose to offer,
+  and charge a fee for, acceptance of support, warranty, indemnity,
+  or other liability obligations and/or rights consistent with this
+  License. However, in accepting such obligations, You may act only
+  on Your own behalf and on Your sole responsibility, not on behalf
+  of any other Contributor, and only if You agree to indemnify,
+  defend, and hold each Contributor harmless for any liability
+  incurred by, or claims asserted against, such Contributor by reason
+  of your accepting any such warranty or additional liability.
+
+END OF TERMS AND CONDITIONS
+
+APPENDIX: How to apply the Apache License to your work.
+
+  To apply the Apache License to your work, attach the following
+  boilerplate notice, with the fields enclosed by brackets "[]"
+  replaced with your own identifying information. (Don't include
+  the brackets!)  The text should be enclosed in the appropriate
+  comment syntax for the file format. We also recommend that a
+  file or class name and description of purpose be included on the
+  same "printed page" as the copyright notice for easier
+  identification within third-party archives.
+
+Copyright [yyyy] [name of copyright owner]
+
+Licensed under the Apache License, Version 2.0 (the "License");
+you may not use this file except in compliance with the License.
+You may obtain a copy of the License at
+
+    http://www.apache.org/licenses/LICENSE-2.0
+
+Unless required by applicable law or agreed to in writing, software
+distributed under the License is distributed on an "AS IS" BASIS,
+WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+See the License for the specific language governing permissions and
+limitations under the License.
diff --git a/packages/page-poll/README.md b/packages/page-poll/README.md
new file mode 100644
index 0000000..043cf78
--- /dev/null
+++ b/packages/page-poll/README.md
@@ -0,0 +1 @@
+# @polkadot/app-poll
diff --git a/packages/page-poll/package.json b/packages/page-poll/package.json
new file mode 100644
index 0000000..f6ae5f8
--- /dev/null
+++ b/packages/page-poll/package.json
@@ -0,0 +1,19 @@
+{
+  "bugs": "https://github.com/polkadot-js/apps/issues",
+  "homepage": "https://github.com/polkadot-js/apps/tree/master/packages/page-poll#readme",
+  "license": "Apache-2.0",
+  "name": "@polkadot/app-poll",
+  "private": true,
+  "repository": {
+    "directory": "packages/page-poll",
+    "type": "git",
+    "url": "https://github.com/polkadot-js/apps.git"
+  },
+  "sideEffects": false,
+  "type": "module",
+  "version": "0.112.2-14",
+  "dependencies": {
+    "@babel/runtime": "^7.17.9",
+    "@polkadot/react-components": "^0.112.2-14"
+  }
+}
diff --git a/packages/page-poll/src/index.tsx b/packages/page-poll/src/index.tsx
new file mode 100644
index 0000000..c53fafa
--- /dev/null
+++ b/packages/page-poll/src/index.tsx
@@ -0,0 +1,301 @@
+// Copyright 2017-2022 @polkadot/app-poll authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { Approvals, Balance, BlockNumber } from '@polkadot/types/interfaces';
+import type { ITuple } from '@polkadot/types/types';
+
+import React, { useEffect, useRef, useState } from 'react';
+import { Trans } from 'react-i18next';
+import styled from 'styled-components';
+
+import { Button, Columar, InputAddress, Progress, Spinner, Tabs, Toggle, TxButton } from '@polkadot/react-components';
+import { useApi, useBestNumber, useCallMulti } from '@polkadot/react-hooks';
+import { BlockToTime, FormatBalance } from '@polkadot/react-query';
+import { BN, BN_MILLION, BN_ONE, BN_ZERO, bnMax, formatBalance, formatNumber } from '@polkadot/util';
+
+import { useTranslation } from './translate';
+
+interface Props {
+  basePath: string;
+  className?: string;
+}
+
+type MultiResult = [Balance | undefined, [Balance, Balance, Balance, Balance] | undefined];
+
+interface Turnout {
+  percentage: number;
+  voted: BN;
+}
+
+const optMulti = {
+  defaultValue: [undefined, undefined] as MultiResult
+};
+
+function PollApp ({ basePath, className }: Props): React.ReactElement<Props> {
+  const { t } = useTranslation();
+  const { api } = useApi();
+  const bestNumber = useBestNumber();
+  const [totalIssuance, totals] = useCallMulti<MultiResult>([
+    api.query.balances?.totalIssuance,
+    api.query.poll.totals
+  ], optMulti);
+  const [accountId, setAccountId] = useState<string | null>(null);
+  const [turnout, setTurnout] = useState<Turnout | null>(null);
+  const [opt10m, setOpt10m] = useState(false);
+  const [opt100m, setOpt100m] = useState(false);
+  const [opt1b, setOpt1b] = useState(false);
+  const [opt10b, setOpt10b] = useState(false);
+  const [progress, setProgress] = useState<BN[] | undefined>();
+
+  const itemsRef = useRef([{
+    isRoot: true,
+    name: 'poll',
+    text: t<string>('Denomination poll')
+  }]);
+
+  useEffect((): void => {
+    if (totalIssuance && totals) {
+      const max = bnMax(BN_ONE, ...totals);
+
+      setProgress(totals.map((total) => total.mul(BN_MILLION).div(max)));
+
+      api.query.poll.voteOf
+        .entries<ITuple<[Approvals, Balance]>>()
+        .then((entries): void => {
+          const voted = entries.reduce((voted: BN, [, [, balance]]) => voted.iadd(balance), new BN(0));
+          const percentage = voted.muln(10_000).div(totalIssuance).toNumber() / 100;
+
+          setTurnout({ percentage, voted });
+        })
+        .catch(console.log);
+    }
+  }, [api, totalIssuance, totals]);
+
+  if (!totals || !progress || !bestNumber) {
+    return (
+      <main className={className}>
+        <div className='pollContainer'>
+          <Spinner label={t<string>('Retrieving totals...')} />
+        </div>
+      </main>
+    );
+  }
+
+  const blocksLeft = (api.consts.poll.end as BlockNumber).sub(bestNumber);
+  const canVote = blocksLeft.gt(BN_ZERO);
+  const options: [string, string, boolean, (value: boolean) => void][] = [
+    [t('No change'), t('No change from the original 2017 sale definitions; will mean a total of 10 million DOT from genesis.'), opt10m, setOpt10m],
+    [t('Split of 10x'), t('Split of 10x from the original sale; will mean a total of 100 million DOT from genesis. Apparent DOT price would be 10x lower and apparent account balances 10x higher.'), opt100m, setOpt100m],
+    [t('Split of 100x'), t('Split of 100x from the original sale; will mean a total of 1 billion DOT from genesis. Apparent DOT price would be 100x lower and apparent account balances 100x higher.'), opt1b, setOpt1b],
+    [t('Split of 1000x'), t('Split of 1000x from the original sale; will mean a total of 10 billion DOT from genesis. Apparent DOT price would be 1000x lower and apparent account balances 1000x higher.'), opt10b, setOpt10b]
+  ];
+  const hasValue = opt10m || opt100m || opt1b || opt10b;
+
+  /* eslint-disable react/jsx-max-props-per-line */
+
+  return (
+    <main className={className}>
+      <Tabs
+        basePath={basePath}
+        items={itemsRef.current}
+      />
+      <div className='pollContainer'>
+        <div className='pollHeader'>
+          <h1>{t('denomination vote')}</h1>
+          <div className='pollBlocksRight'>
+            {turnout && (
+              <div>
+                <div>{t('{{balance}} voted', { replace: { balance: formatBalance(turnout.voted) } })}</div>
+                <div>{t('{{percentage}}% turnout', { replace: { percentage: turnout.percentage.toFixed(2) } })}</div>
+              </div>
+            )}
+            <div>
+              {canVote
+                ? <BlockToTime value={blocksLeft} />
+                : t<string>('Completed')
+              }
+              <div>#{formatNumber(api.consts.poll.end as BlockNumber)}</div>
+            </div>
+          </div>
+        </div>
+        <article className='keepAlive'>
+          <p><Trans key='poll1'>The Polkadot DOT denomination vote: Seventy-two hours after the DOT token becomes transferable, the most popular option from this poll will decide the denomination used for the DOT token.</Trans></p>
+          <p><Trans key='poll2'>This is an <a href='https://en.wikipedia.org/wiki/Approval_voting' rel='noreferrer' target='_blank'>approval vote</a>. There are four options and you may select any combination of them. The most popular of the four will be selected as the final DOT denomination three days after DOT token transfers are enabled.</Trans></p>
+          <p><Trans key='poll3'>Please see the <a href='https://medium.com/polkadot-network/the-first-polkadot-vote-1fc1b8bd357b' rel='noreferrer' target='_blank'>Medium article </a> for more information</Trans></p>
+          {canVote && (
+            <p className='pollAll'><Trans key='poll4'><b>Please vote for any combination of options</b></Trans></p>
+          )}
+          <div className={`options ${canVote ? 'canVote' : ''}`}>
+            {options.map(([label, desc, value, onChange], index) =>
+              <Columar
+                is60
+                key={index}
+              >
+                <Columar.Column className='option'>
+                  <div className='optionName'>{label}</div>
+                  <div className='optionDesc'>{desc}</div>
+                  {canVote && (
+                    <Toggle
+                      className='pollToggle'
+                      isDisabled={!canVote}
+                      label={
+                        canVote
+                          ? value
+                            ? t<string>('Aye, I support this')
+                            : t<string>('Nay, I do not support this')
+                          : t<string>('Voting closed')
+                      }
+                      onChange={onChange}
+                      value={canVote && value}
+                    />
+                  )}
+                </Columar.Column>
+                <Columar.Column>
+                  {totals[index].isZero()
+                    ? <div className='result' />
+                    : (
+                      <div className='result'>
+                        <FormatBalance value={totals[index]} />
+                        <Progress
+                          isDisabled={!turnout}
+                          total={turnout?.voted}
+                          value={totals[index]}
+                        />
+                      </div>
+                    )
+                  }
+                </Columar.Column>
+              </Columar>
+            )}
+          </div>
+          {canVote && (
+            <>
+              <InputAddress
+                label={t('vote using my account')}
+                onChange={setAccountId}
+                type='account'
+              />
+              <Button.Group>
+                <TxButton
+                  accountId={accountId}
+                  icon='paper-plane'
+                  isDisabled={!hasValue}
+                  label={t('Vote')}
+                  params={[[opt10m, opt100m, opt1b, opt10b]]}
+                  tx={api.tx.poll.vote}
+                />
+              </Button.Group>
+            </>
+          )}
+        </article>
+        <div className='pollActions'>
+          <ul>
+            <li>{t('Any combination of the four options may be approved of by the voter. There is no need to select only one option!')}</li>
+            <li>{t('Approving of all or none of the options is equivalent and will not affect the outcome of the poll.')}</li>
+            <li>{t('All voters may alter their votes any number of times prior to the close of the poll.')}</li>
+            <li>{t('Voting costs nothing other than the transaction fee and can be done from all accounts with a non-zero spendable balance.')}</li>
+            <li>{t('Locked funds (e.g. for staking) are counted.')}</li>
+            <li>{t('No discretionary lock-voting is in place; all DOT used to vote counts the same.')}</li>
+            <li>{t('Voting is made on a per-account basis; a single account must all vote the same way and cannot split its vote.')}</li>
+            <li>{t('This vote does not affect any economics of the Polkadot platform. Staking rewards, inflation, effective market capitalisation and the underlying balances of every account remain completely unchanged. It is "merely" about what units we use to denominate the balances into "DOT" for the purpose of display.')}</li>
+          </ul>
+        </div>
+      </div>
+    </main>
+  );
+}
+
+export default React.memo(styled(PollApp)`
+  .pollActions {
+    opacity: 0.75;
+  }
+
+  .pollAll {
+    margin-bottom: 0;
+    padding: 0.75rem 1rem;
+    text-align: center;
+  }
+
+  .pollBlocksRight {
+    position: absolute;
+    right: 0;
+    text-align: right;
+    opacity: 0.75;
+    bottom: 0;
+
+    > div {
+      display: inline-block;
+      padding: 0 0.75rem;
+
+      &+div {
+        border-left: 1px solid #bbb;
+      }
+    }
+  }
+
+  .pollContainer {
+    margin: 2rem auto;
+    max-width: 60rem;
+  }
+
+  .pollHeader {
+    position: relative;
+  }
+
+  .options {
+    margin: 1rem 0;
+
+    .ui--Columnar {
+      margin: 0 -1.25rem;
+      padding: 0 1.25rem;
+
+      &:nth-child(odd) {
+        background: #f9f8f7;
+      }
+
+      .ui--Column {
+        padding: 1rem 1.5rem;
+      }
+    }
+
+    .optionName {
+      font-size: 1.2rem;
+      font-weight: var(--font-weight-normal);
+      line-height: 1;
+      margin-bottom: 0.75rem;
+    }
+
+    .pollToggle {
+      margin-top: 0.5rem;
+      text-align: right;
+    }
+
+    &:not(.canVote) {
+      .ui--Toggle {
+        opacity: 0;
+
+        .toggle {
+          display: none;
+        }
+      }
+    }
+  }
+
+  .result {
+    align-items: center;
+    display: flex;
+    justify-content: flex-end;
+    margin: 0;
+    text-align: right;
+
+    .ui--FormatBalance {
+      font-size: 1.2rem;
+      font-weight: var(--font-weight-normal);
+      line-height: 1;
+    }
+
+    .ui--Progress {
+      margin: 0.75rem;
+    }
+  }
+`);
diff --git a/packages/page-poll/src/translate.ts b/packages/page-poll/src/translate.ts
new file mode 100644
index 0000000..7e0331a
--- /dev/null
+++ b/packages/page-poll/src/translate.ts
@@ -0,0 +1,10 @@
+// Copyright 2017-2022 @polkadot/app-poll authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { UseTranslationResponse } from 'react-i18next';
+
+import { useTranslation as useTranslationBase } from 'react-i18next';
+
+export function useTranslation (): UseTranslationResponse<'app-poll', undefined> {
+  return useTranslationBase('app-poll');
+}
diff --git a/packages/page-poll/tsconfig.build.json b/packages/page-poll/tsconfig.build.json
new file mode 100644
index 0000000..da24d9f
--- /dev/null
+++ b/packages/page-poll/tsconfig.build.json
@@ -0,0 +1,9 @@
+{
+  "extends": "../../tsconfig.base.json",
+  "compilerOptions": {
+    "baseUrl": "..",
+    "outDir": "./build",
+    "rootDir": "./src"
+  },
+  "references": []
+}
diff --git a/packages/page-rpc/.skip-build b/packages/page-rpc/.skip-build
new file mode 100644
index 0000000..e69de29
diff --git a/packages/page-rpc/.skip-npm b/packages/page-rpc/.skip-npm
new file mode 100644
index 0000000..e69de29
diff --git a/packages/page-rpc/LICENSE b/packages/page-rpc/LICENSE
new file mode 100644
index 0000000..0d381b2
--- /dev/null
+++ b/packages/page-rpc/LICENSE
@@ -0,0 +1,201 @@
+                              Apache License
+                        Version 2.0, January 2004
+                    http://www.apache.org/licenses/
+
+TERMS AND CONDITIONS FOR USE, REPRODUCTION, AND DISTRIBUTION
+
+1. Definitions.
+
+  "License" shall mean the terms and conditions for use, reproduction,
+  and distribution as defined by Sections 1 through 9 of this document.
+
+  "Licensor" shall mean the copyright owner or entity authorized by
+  the copyright owner that is granting the License.
+
+  "Legal Entity" shall mean the union of the acting entity and all
+  other entities that control, are controlled by, or are under common
+  control with that entity. For the purposes of this definition,
+  "control" means (i) the power, direct or indirect, to cause the
+  direction or management of such entity, whether by contract or
+  otherwise, or (ii) ownership of fifty percent (50%) or more of the
+  outstanding shares, or (iii) beneficial ownership of such entity.
+
+  "You" (or "Your") shall mean an individual or Legal Entity
+  exercising permissions granted by this License.
+
+  "Source" form shall mean the preferred form for making modifications,
+  including but not limited to software source code, documentation
+  source, and configuration files.
+
+  "Object" form shall mean any form resulting from mechanical
+  transformation or translation of a Source form, including but
+  not limited to compiled object code, generated documentation,
+  and conversions to other media types.
+
+  "Work" shall mean the work of authorship, whether in Source or
+  Object form, made available under the License, as indicated by a
+  copyright notice that is included in or attached to the work
+  (an example is provided in the Appendix below).
+
+  "Derivative Works" shall mean any work, whether in Source or Object
+  form, that is based on (or derived from) the Work and for which the
+  editorial revisions, annotations, elaborations, or other modifications
+  represent, as a whole, an original work of authorship. For the purposes
+  of this License, Derivative Works shall not include works that remain
+  separable from, or merely link (or bind by name) to the interfaces of,
+  the Work and Derivative Works thereof.
+
+  "Contribution" shall mean any work of authorship, including
+  the original version of the Work and any modifications or additions
+  to that Work or Derivative Works thereof, that is intentionally
+  submitted to Licensor for inclusion in the Work by the copyright owner
+  or by an individual or Legal Entity authorized to submit on behalf of
+  the copyright owner. For the purposes of this definition, "submitted"
+  means any form of electronic, verbal, or written communication sent
+  to the Licensor or its representatives, including but not limited to
+  communication on electronic mailing lists, source code control systems,
+  and issue tracking systems that are managed by, or on behalf of, the
+  Licensor for the purpose of discussing and improving the Work, but
+  excluding communication that is conspicuously marked or otherwise
+  designated in writing by the copyright owner as "Not a Contribution."
+
+  "Contributor" shall mean Licensor and any individual or Legal Entity
+  on behalf of whom a Contribution has been received by Licensor and
+  subsequently incorporated within the Work.
+
+2. Grant of Copyright License. Subject to the terms and conditions of
+  this License, each Contributor hereby grants to You a perpetual,
+  worldwide, non-exclusive, no-charge, royalty-free, irrevocable
+  copyright license to reproduce, prepare Derivative Works of,
+  publicly display, publicly perform, sublicense, and distribute the
+  Work and such Derivative Works in Source or Object form.
+
+3. Grant of Patent License. Subject to the terms and conditions of
+  this License, each Contributor hereby grants to You a perpetual,
+  worldwide, non-exclusive, no-charge, royalty-free, irrevocable
+  (except as stated in this section) patent license to make, have made,
+  use, offer to sell, sell, import, and otherwise transfer the Work,
+  where such license applies only to those patent claims licensable
+  by such Contributor that are necessarily infringed by their
+  Contribution(s) alone or by combination of their Contribution(s)
+  with the Work to which such Contribution(s) was submitted. If You
+  institute patent litigation against any entity (including a
+  cross-claim or counterclaim in a lawsuit) alleging that the Work
+  or a Contribution incorporated within the Work constitutes direct
+  or contributory patent infringement, then any patent licenses
+  granted to You under this License for that Work shall terminate
+  as of the date such litigation is filed.
+
+4. Redistribution. You may reproduce and distribute copies of the
+  Work or Derivative Works thereof in any medium, with or without
+  modifications, and in Source or Object form, provided that You
+  meet the following conditions:
+
+  (a) You must give any other recipients of the Work or
+      Derivative Works a copy of this License; and
+
+  (b) You must cause any modified files to carry prominent notices
+      stating that You changed the files; and
+
+  (c) You must retain, in the Source form of any Derivative Works
+      that You distribute, all copyright, patent, trademark, and
+      attribution notices from the Source form of the Work,
+      excluding those notices that do not pertain to any part of
+      the Derivative Works; and
+
+  (d) If the Work includes a "NOTICE" text file as part of its
+      distribution, then any Derivative Works that You distribute must
+      include a readable copy of the attribution notices contained
+      within such NOTICE file, excluding those notices that do not
+      pertain to any part of the Derivative Works, in at least one
+      of the following places: within a NOTICE text file distributed
+      as part of the Derivative Works; within the Source form or
+      documentation, if provided along with the Derivative Works; or,
+      within a display generated by the Derivative Works, if and
+      wherever such third-party notices normally appear. The contents
+      of the NOTICE file are for informational purposes only and
+      do not modify the License. You may add Your own attribution
+      notices within Derivative Works that You distribute, alongside
+      or as an addendum to the NOTICE text from the Work, provided
+      that such additional attribution notices cannot be construed
+      as modifying the License.
+
+  You may add Your own copyright statement to Your modifications and
+  may provide additional or different license terms and conditions
+  for use, reproduction, or distribution of Your modifications, or
+  for any such Derivative Works as a whole, provided Your use,
+  reproduction, and distribution of the Work otherwise complies with
+  the conditions stated in this License.
+
+5. Submission of Contributions. Unless You explicitly state otherwise,
+  any Contribution intentionally submitted for inclusion in the Work
+  by You to the Licensor shall be under the terms and conditions of
+  this License, without any additional terms or conditions.
+  Notwithstanding the above, nothing herein shall supersede or modify
+  the terms of any separate license agreement you may have executed
+  with Licensor regarding such Contributions.
+
+6. Trademarks. This License does not grant permission to use the trade
+  names, trademarks, service marks, or product names of the Licensor,
+  except as required for reasonable and customary use in describing the
+  origin of the Work and reproducing the content of the NOTICE file.
+
+7. Disclaimer of Warranty. Unless required by applicable law or
+  agreed to in writing, Licensor provides the Work (and each
+  Contributor provides its Contributions) on an "AS IS" BASIS,
+  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or
+  implied, including, without limitation, any warranties or conditions
+  of TITLE, NON-INFRINGEMENT, MERCHANTABILITY, or FITNESS FOR A
+  PARTICULAR PURPOSE. You are solely responsible for determining the
+  appropriateness of using or redistributing the Work and assume any
+  risks associated with Your exercise of permissions under this License.
+
+8. Limitation of Liability. In no event and under no legal theory,
+  whether in tort (including negligence), contract, or otherwise,
+  unless required by applicable law (such as deliberate and grossly
+  negligent acts) or agreed to in writing, shall any Contributor be
+  liable to You for damages, including any direct, indirect, special,
+  incidental, or consequential damages of any character arising as a
+  result of this License or out of the use or inability to use the
+  Work (including but not limited to damages for loss of goodwill,
+  work stoppage, computer failure or malfunction, or any and all
+  other commercial damages or losses), even if such Contributor
+  has been advised of the possibility of such damages.
+
+9. Accepting Warranty or Additional Liability. While redistributing
+  the Work or Derivative Works thereof, You may choose to offer,
+  and charge a fee for, acceptance of support, warranty, indemnity,
+  or other liability obligations and/or rights consistent with this
+  License. However, in accepting such obligations, You may act only
+  on Your own behalf and on Your sole responsibility, not on behalf
+  of any other Contributor, and only if You agree to indemnify,
+  defend, and hold each Contributor harmless for any liability
+  incurred by, or claims asserted against, such Contributor by reason
+  of your accepting any such warranty or additional liability.
+
+END OF TERMS AND CONDITIONS
+
+APPENDIX: How to apply the Apache License to your work.
+
+  To apply the Apache License to your work, attach the following
+  boilerplate notice, with the fields enclosed by brackets "[]"
+  replaced with your own identifying information. (Don't include
+  the brackets!)  The text should be enclosed in the appropriate
+  comment syntax for the file format. We also recommend that a
+  file or class name and description of purpose be included on the
+  same "printed page" as the copyright notice for easier
+  identification within third-party archives.
+
+Copyright [yyyy] [name of copyright owner]
+
+Licensed under the Apache License, Version 2.0 (the "License");
+you may not use this file except in compliance with the License.
+You may obtain a copy of the License at
+
+    http://www.apache.org/licenses/LICENSE-2.0
+
+Unless required by applicable law or agreed to in writing, software
+distributed under the License is distributed on an "AS IS" BASIS,
+WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+See the License for the specific language governing permissions and
+limitations under the License.
diff --git a/packages/page-rpc/README.md b/packages/page-rpc/README.md
new file mode 100644
index 0000000..204a833
--- /dev/null
+++ b/packages/page-rpc/README.md
@@ -0,0 +1 @@
+# @polkadot/app-toolbox
diff --git a/packages/page-rpc/package.json b/packages/page-rpc/package.json
new file mode 100644
index 0000000..14a4734
--- /dev/null
+++ b/packages/page-rpc/package.json
@@ -0,0 +1,19 @@
+{
+  "bugs": "https://github.com/polkadot-js/apps/issues",
+  "homepage": "https://github.com/polkadot-js/apps/tree/master/packages/page-rpc#readme",
+  "license": "Apache-2.0",
+  "name": "@polkadot/app-rpc",
+  "private": true,
+  "repository": {
+    "directory": "packages/page-rpc",
+    "type": "git",
+    "url": "https://github.com/polkadot-js/apps.git"
+  },
+  "sideEffects": false,
+  "type": "module",
+  "version": "0.112.2-14",
+  "dependencies": {
+    "@babel/runtime": "^7.17.9",
+    "@polkadot/react-components": "^0.112.2-14"
+  }
+}
diff --git a/packages/page-rpc/src/Rpc/Account.tsx b/packages/page-rpc/src/Rpc/Account.tsx
new file mode 100644
index 0000000..1039970
--- /dev/null
+++ b/packages/page-rpc/src/Rpc/Account.tsx
@@ -0,0 +1,62 @@
+// Copyright 2017-2022 @polkadot/app-rpc authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { BN } from '@polkadot/util';
+
+import React, { useEffect, useState } from 'react';
+import styled from 'styled-components';
+
+import { InputAddress, Labelled } from '@polkadot/react-components';
+import { Nonce } from '@polkadot/react-query';
+import { BN_ZERO } from '@polkadot/util';
+
+import { useTranslation } from '../translate';
+
+interface Props {
+  className?: string;
+  defaultValue?: string | null;
+  isError?: boolean;
+  onChange: (accountId: string | undefined | null, accountNonce: BN) => void;
+}
+
+function Account ({ className = '', defaultValue, isError, onChange }: Props): React.ReactElement<Props> {
+  const { t } = useTranslation();
+  const [accountId, setAccountId] = useState<string | null | undefined>(defaultValue);
+  const [accountNonce, setAccountNonce] = useState(BN_ZERO);
+
+  useEffect((): void => {
+    onChange(accountId, accountNonce);
+  }, [accountId, accountNonce, onChange]);
+
+  return (
+    <div className={`ui--row ${className}`}>
+      <div className='large'>
+        <InputAddress
+          defaultValue={defaultValue}
+          isError={isError}
+          label={t<string>('sign data from account')}
+          onChange={setAccountId}
+          placeholder='0x...'
+          type='account'
+        />
+      </div>
+      {accountId && (
+        <Labelled
+          className='small'
+          label={t<string>('with an index of')}
+        >
+          <Nonce
+            callOnResult={setAccountNonce}
+            className='ui disabled dropdown selection'
+            params={accountId}
+          />
+        </Labelled>
+      )}
+    </div>
+  );
+}
+
+export default React.memo(styled(Account)`
+  box-sizing: border-box;
+  padding-left: 2em;
+`);
diff --git a/packages/page-rpc/src/Rpc/Results.tsx b/packages/page-rpc/src/Rpc/Results.tsx
new file mode 100644
index 0000000..28656ac
--- /dev/null
+++ b/packages/page-rpc/src/Rpc/Results.tsx
@@ -0,0 +1,43 @@
+// Copyright 2017-2022 @polkadot/app-rpc authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { QueueTx } from '@polkadot/react-components/Status/types';
+
+import React from 'react';
+
+import { Output } from '@polkadot/react-components';
+import valueToText from '@polkadot/react-params/valueToText';
+import { isUndefined } from '@polkadot/util';
+
+interface Props {
+  queue: QueueTx[];
+}
+
+function Results ({ queue = [] }: Props): React.ReactElement<Props> | null {
+  const filtered = queue
+    .filter(({ error, result }) => !isUndefined(error) || !isUndefined(result))
+    .reverse();
+
+  if (!filtered.length) {
+    return null;
+  }
+
+  return (
+    <section className='rpc--Results'>
+      {filtered.map(({ error, id, result, rpc: { method, section } }): React.ReactNode => (
+        <Output
+          isError={!!error}
+          key={id}
+          label={`${id}: ${section}.${method}`}
+          value={
+            error
+              ? error.message
+              : <pre>{valueToText('', result as null)}</pre>
+          }
+        />
+      ))}
+    </section>
+  );
+}
+
+export default React.memo(Results);
diff --git a/packages/page-rpc/src/Rpc/Selection.tsx b/packages/page-rpc/src/Rpc/Selection.tsx
new file mode 100644
index 0000000..fb5c5ca
--- /dev/null
+++ b/packages/page-rpc/src/Rpc/Selection.tsx
@@ -0,0 +1,106 @@
+// Copyright 2017-2022 @polkadot/app-rpc authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { QueueTxRpcAdd } from '@polkadot/react-components/Status/types';
+import type { ParamDef, RawParam } from '@polkadot/react-params/types';
+import type { DefinitionRpcExt } from '@polkadot/types/types';
+
+import React, { useCallback, useMemo, useState } from 'react';
+
+import { Button, InputRpc } from '@polkadot/react-components';
+import Params from '@polkadot/react-params';
+import { getTypeDef } from '@polkadot/types/create';
+import jsonrpc from '@polkadot/types/interfaces/jsonrpc';
+import { isNull } from '@polkadot/util';
+
+import { useTranslation } from '../translate';
+
+interface Props {
+  queueRpc: QueueTxRpcAdd;
+}
+
+interface State {
+  isValid: boolean;
+  rpc: DefinitionRpcExt;
+  values: RawParam[];
+}
+
+const defaultMethod = jsonrpc.author.submitExtrinsic;
+
+function Selection ({ queueRpc }: Props): React.ReactElement<Props> {
+  const { t } = useTranslation();
+  const [{ isValid, rpc, values }, setState] = useState<State>({
+    isValid: false,
+    rpc: defaultMethod,
+    values: []
+  });
+
+  const params = useMemo(
+    () => rpc.params.map(({ isOptional, name, type }): ParamDef => ({
+      name,
+      type: getTypeDef(isOptional ? `Option<${type}>` : type)
+    })),
+    [rpc]
+  );
+
+  const _nextState = useCallback(
+    (newState: Partial<State>) => setState((prevState: State): State => {
+      const { rpc = prevState.rpc, values = prevState.values } = newState;
+      const reqCount = rpc.params.reduce((count, { isOptional }) => count + (isOptional ? 0 : 1), 0);
+      const isValid = values.reduce((isValid, value) => isValid && value.isValid === true, reqCount <= values.length);
+
+      return {
+        isValid,
+        rpc,
+        values
+      };
+    }),
+    []
+  );
+
+  const _onChangeMethod = useCallback(
+    (rpc: DefinitionRpcExt) => _nextState({ rpc, values: [] }),
+    [_nextState]
+  );
+
+  const _onChangeValues = useCallback(
+    (values: RawParam[]) => _nextState({ values }),
+    [_nextState]
+  );
+
+  const _onSubmit = useCallback(
+    (): void => queueRpc({
+      rpc,
+      values: values
+        .filter(({ value }) => !isNull(value))
+        .map(({ value }): any => value)
+    }),
+    [queueRpc, rpc, values]
+  );
+
+  return (
+    <section className='rpc--Selection'>
+      <InputRpc
+        defaultValue={defaultMethod}
+        help={t<string>('The actual JSONRPC module and function to make a call to.')}
+        label={t<string>('call the selected endpoint')}
+        onChange={_onChangeMethod}
+      />
+      <Params
+        key={`${rpc.section}.${rpc.method}:params` /* force re-render on change */}
+        onChange={_onChangeValues}
+        params={params}
+      />
+      <Button.Group>
+        <Button
+          icon='sign-in-alt'
+          isDisabled={!isValid}
+          label={t<string>('Submit RPC call')}
+          onClick={_onSubmit}
+        />
+      </Button.Group>
+    </section>
+  );
+}
+
+export default React.memo(Selection);
diff --git a/packages/page-rpc/src/Rpc/index.tsx b/packages/page-rpc/src/Rpc/index.tsx
new file mode 100644
index 0000000..03d0fdd
--- /dev/null
+++ b/packages/page-rpc/src/Rpc/index.tsx
@@ -0,0 +1,22 @@
+// Copyright 2017-2022 @polkadot/app-rpc authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import React, { useContext } from 'react';
+
+import { StatusContext } from '@polkadot/react-components';
+
+import Results from './Results';
+import Selection from './Selection';
+
+function RpcApp (): React.ReactElement {
+  const { queueRpc, txqueue } = useContext(StatusContext);
+
+  return (
+    <>
+      <Selection queueRpc={queueRpc} />
+      <Results queue={txqueue} />
+    </>
+  );
+}
+
+export default React.memo(RpcApp);
diff --git a/packages/page-rpc/src/index.tsx b/packages/page-rpc/src/index.tsx
new file mode 100644
index 0000000..154583a
--- /dev/null
+++ b/packages/page-rpc/src/index.tsx
@@ -0,0 +1,38 @@
+// Copyright 2017-2022 @polkadot/app-rpc authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { AppProps as Props } from '@polkadot/react-components/types';
+
+import React, { useRef } from 'react';
+import { Route, Switch } from 'react-router';
+
+import { Tabs } from '@polkadot/react-components';
+
+import Rpc from './Rpc';
+import { useTranslation } from './translate';
+
+function RpcApp ({ basePath }: Props): React.ReactElement<Props> {
+  const { t } = useTranslation();
+
+  const itemsRef = useRef([
+    {
+      isRoot: true,
+      name: 'rpc',
+      text: t<string>('Submission')
+    }
+  ]);
+
+  return (
+    <main className='toolbox--App'>
+      <Tabs
+        basePath={basePath}
+        items={itemsRef.current}
+      />
+      <Switch>
+        <Route><Rpc /></Route>
+      </Switch>
+    </main>
+  );
+}
+
+export default React.memo(RpcApp);
diff --git a/packages/page-rpc/src/translate.ts b/packages/page-rpc/src/translate.ts
new file mode 100644
index 0000000..bfd076a
--- /dev/null
+++ b/packages/page-rpc/src/translate.ts
@@ -0,0 +1,10 @@
+// Copyright 2017-2022 @polkadot/app-rpc authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { UseTranslationResponse } from 'react-i18next';
+
+import { useTranslation as useTranslationBase } from 'react-i18next';
+
+export function useTranslation (): UseTranslationResponse<'app-rpc', undefined> {
+  return useTranslationBase('app-rpc');
+}
diff --git a/packages/page-rpc/tsconfig.build.json b/packages/page-rpc/tsconfig.build.json
new file mode 100644
index 0000000..da24d9f
--- /dev/null
+++ b/packages/page-rpc/tsconfig.build.json
@@ -0,0 +1,9 @@
+{
+  "extends": "../../tsconfig.base.json",
+  "compilerOptions": {
+    "baseUrl": "..",
+    "outDir": "./build",
+    "rootDir": "./src"
+  },
+  "references": []
+}
diff --git a/packages/page-settings/.skip-build b/packages/page-settings/.skip-build
new file mode 100644
index 0000000..e69de29
diff --git a/packages/page-settings/.skip-npm b/packages/page-settings/.skip-npm
new file mode 100644
index 0000000..e69de29
diff --git a/packages/page-settings/LICENSE b/packages/page-settings/LICENSE
new file mode 100644
index 0000000..0d381b2
--- /dev/null
+++ b/packages/page-settings/LICENSE
@@ -0,0 +1,201 @@
+                              Apache License
+                        Version 2.0, January 2004
+                    http://www.apache.org/licenses/
+
+TERMS AND CONDITIONS FOR USE, REPRODUCTION, AND DISTRIBUTION
+
+1. Definitions.
+
+  "License" shall mean the terms and conditions for use, reproduction,
+  and distribution as defined by Sections 1 through 9 of this document.
+
+  "Licensor" shall mean the copyright owner or entity authorized by
+  the copyright owner that is granting the License.
+
+  "Legal Entity" shall mean the union of the acting entity and all
+  other entities that control, are controlled by, or are under common
+  control with that entity. For the purposes of this definition,
+  "control" means (i) the power, direct or indirect, to cause the
+  direction or management of such entity, whether by contract or
+  otherwise, or (ii) ownership of fifty percent (50%) or more of the
+  outstanding shares, or (iii) beneficial ownership of such entity.
+
+  "You" (or "Your") shall mean an individual or Legal Entity
+  exercising permissions granted by this License.
+
+  "Source" form shall mean the preferred form for making modifications,
+  including but not limited to software source code, documentation
+  source, and configuration files.
+
+  "Object" form shall mean any form resulting from mechanical
+  transformation or translation of a Source form, including but
+  not limited to compiled object code, generated documentation,
+  and conversions to other media types.
+
+  "Work" shall mean the work of authorship, whether in Source or
+  Object form, made available under the License, as indicated by a
+  copyright notice that is included in or attached to the work
+  (an example is provided in the Appendix below).
+
+  "Derivative Works" shall mean any work, whether in Source or Object
+  form, that is based on (or derived from) the Work and for which the
+  editorial revisions, annotations, elaborations, or other modifications
+  represent, as a whole, an original work of authorship. For the purposes
+  of this License, Derivative Works shall not include works that remain
+  separable from, or merely link (or bind by name) to the interfaces of,
+  the Work and Derivative Works thereof.
+
+  "Contribution" shall mean any work of authorship, including
+  the original version of the Work and any modifications or additions
+  to that Work or Derivative Works thereof, that is intentionally
+  submitted to Licensor for inclusion in the Work by the copyright owner
+  or by an individual or Legal Entity authorized to submit on behalf of
+  the copyright owner. For the purposes of this definition, "submitted"
+  means any form of electronic, verbal, or written communication sent
+  to the Licensor or its representatives, including but not limited to
+  communication on electronic mailing lists, source code control systems,
+  and issue tracking systems that are managed by, or on behalf of, the
+  Licensor for the purpose of discussing and improving the Work, but
+  excluding communication that is conspicuously marked or otherwise
+  designated in writing by the copyright owner as "Not a Contribution."
+
+  "Contributor" shall mean Licensor and any individual or Legal Entity
+  on behalf of whom a Contribution has been received by Licensor and
+  subsequently incorporated within the Work.
+
+2. Grant of Copyright License. Subject to the terms and conditions of
+  this License, each Contributor hereby grants to You a perpetual,
+  worldwide, non-exclusive, no-charge, royalty-free, irrevocable
+  copyright license to reproduce, prepare Derivative Works of,
+  publicly display, publicly perform, sublicense, and distribute the
+  Work and such Derivative Works in Source or Object form.
+
+3. Grant of Patent License. Subject to the terms and conditions of
+  this License, each Contributor hereby grants to You a perpetual,
+  worldwide, non-exclusive, no-charge, royalty-free, irrevocable
+  (except as stated in this section) patent license to make, have made,
+  use, offer to sell, sell, import, and otherwise transfer the Work,
+  where such license applies only to those patent claims licensable
+  by such Contributor that are necessarily infringed by their
+  Contribution(s) alone or by combination of their Contribution(s)
+  with the Work to which such Contribution(s) was submitted. If You
+  institute patent litigation against any entity (including a
+  cross-claim or counterclaim in a lawsuit) alleging that the Work
+  or a Contribution incorporated within the Work constitutes direct
+  or contributory patent infringement, then any patent licenses
+  granted to You under this License for that Work shall terminate
+  as of the date such litigation is filed.
+
+4. Redistribution. You may reproduce and distribute copies of the
+  Work or Derivative Works thereof in any medium, with or without
+  modifications, and in Source or Object form, provided that You
+  meet the following conditions:
+
+  (a) You must give any other recipients of the Work or
+      Derivative Works a copy of this License; and
+
+  (b) You must cause any modified files to carry prominent notices
+      stating that You changed the files; and
+
+  (c) You must retain, in the Source form of any Derivative Works
+      that You distribute, all copyright, patent, trademark, and
+      attribution notices from the Source form of the Work,
+      excluding those notices that do not pertain to any part of
+      the Derivative Works; and
+
+  (d) If the Work includes a "NOTICE" text file as part of its
+      distribution, then any Derivative Works that You distribute must
+      include a readable copy of the attribution notices contained
+      within such NOTICE file, excluding those notices that do not
+      pertain to any part of the Derivative Works, in at least one
+      of the following places: within a NOTICE text file distributed
+      as part of the Derivative Works; within the Source form or
+      documentation, if provided along with the Derivative Works; or,
+      within a display generated by the Derivative Works, if and
+      wherever such third-party notices normally appear. The contents
+      of the NOTICE file are for informational purposes only and
+      do not modify the License. You may add Your own attribution
+      notices within Derivative Works that You distribute, alongside
+      or as an addendum to the NOTICE text from the Work, provided
+      that such additional attribution notices cannot be construed
+      as modifying the License.
+
+  You may add Your own copyright statement to Your modifications and
+  may provide additional or different license terms and conditions
+  for use, reproduction, or distribution of Your modifications, or
+  for any such Derivative Works as a whole, provided Your use,
+  reproduction, and distribution of the Work otherwise complies with
+  the conditions stated in this License.
+
+5. Submission of Contributions. Unless You explicitly state otherwise,
+  any Contribution intentionally submitted for inclusion in the Work
+  by You to the Licensor shall be under the terms and conditions of
+  this License, without any additional terms or conditions.
+  Notwithstanding the above, nothing herein shall supersede or modify
+  the terms of any separate license agreement you may have executed
+  with Licensor regarding such Contributions.
+
+6. Trademarks. This License does not grant permission to use the trade
+  names, trademarks, service marks, or product names of the Licensor,
+  except as required for reasonable and customary use in describing the
+  origin of the Work and reproducing the content of the NOTICE file.
+
+7. Disclaimer of Warranty. Unless required by applicable law or
+  agreed to in writing, Licensor provides the Work (and each
+  Contributor provides its Contributions) on an "AS IS" BASIS,
+  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or
+  implied, including, without limitation, any warranties or conditions
+  of TITLE, NON-INFRINGEMENT, MERCHANTABILITY, or FITNESS FOR A
+  PARTICULAR PURPOSE. You are solely responsible for determining the
+  appropriateness of using or redistributing the Work and assume any
+  risks associated with Your exercise of permissions under this License.
+
+8. Limitation of Liability. In no event and under no legal theory,
+  whether in tort (including negligence), contract, or otherwise,
+  unless required by applicable law (such as deliberate and grossly
+  negligent acts) or agreed to in writing, shall any Contributor be
+  liable to You for damages, including any direct, indirect, special,
+  incidental, or consequential damages of any character arising as a
+  result of this License or out of the use or inability to use the
+  Work (including but not limited to damages for loss of goodwill,
+  work stoppage, computer failure or malfunction, or any and all
+  other commercial damages or losses), even if such Contributor
+  has been advised of the possibility of such damages.
+
+9. Accepting Warranty or Additional Liability. While redistributing
+  the Work or Derivative Works thereof, You may choose to offer,
+  and charge a fee for, acceptance of support, warranty, indemnity,
+  or other liability obligations and/or rights consistent with this
+  License. However, in accepting such obligations, You may act only
+  on Your own behalf and on Your sole responsibility, not on behalf
+  of any other Contributor, and only if You agree to indemnify,
+  defend, and hold each Contributor harmless for any liability
+  incurred by, or claims asserted against, such Contributor by reason
+  of your accepting any such warranty or additional liability.
+
+END OF TERMS AND CONDITIONS
+
+APPENDIX: How to apply the Apache License to your work.
+
+  To apply the Apache License to your work, attach the following
+  boilerplate notice, with the fields enclosed by brackets "[]"
+  replaced with your own identifying information. (Don't include
+  the brackets!)  The text should be enclosed in the appropriate
+  comment syntax for the file format. We also recommend that a
+  file or class name and description of purpose be included on the
+  same "printed page" as the copyright notice for easier
+  identification within third-party archives.
+
+Copyright [yyyy] [name of copyright owner]
+
+Licensed under the Apache License, Version 2.0 (the "License");
+you may not use this file except in compliance with the License.
+You may obtain a copy of the License at
+
+    http://www.apache.org/licenses/LICENSE-2.0
+
+Unless required by applicable law or agreed to in writing, software
+distributed under the License is distributed on an "AS IS" BASIS,
+WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+See the License for the specific language governing permissions and
+limitations under the License.
diff --git a/packages/page-settings/README.md b/packages/page-settings/README.md
new file mode 100644
index 0000000..a7a3014
--- /dev/null
+++ b/packages/page-settings/README.md
@@ -0,0 +1,3 @@
+# @polkadot/app-settings
+
+Allows you to change the basic settings for the application, such as language, the node to connect to and theme
diff --git a/packages/page-settings/package.json b/packages/page-settings/package.json
new file mode 100644
index 0000000..b6be8df
--- /dev/null
+++ b/packages/page-settings/package.json
@@ -0,0 +1,22 @@
+{
+  "bugs": "https://github.com/polkadot-js/apps/issues",
+  "homepage": "https://github.com/polkadot-js/apps/tree/master/packages/page-settings#readme",
+  "license": "Apache-2.0",
+  "name": "@polkadot/app-settings",
+  "private": true,
+  "repository": {
+    "directory": "packages/page-settings",
+    "type": "git",
+    "url": "https://github.com/polkadot-js/apps.git"
+  },
+  "sideEffects": false,
+  "type": "module",
+  "version": "0.112.2-14",
+  "dependencies": {
+    "@babel/runtime": "^7.17.9",
+    "@polkadot/apps-config": "^0.112.2-14",
+    "@polkadot/react-components": "^0.112.2-14",
+    "@polkadot/react-query": "^0.112.2-14",
+    "query-string": "^7.1.1"
+  }
+}
diff --git a/packages/page-settings/src/Developer.tsx b/packages/page-settings/src/Developer.tsx
new file mode 100644
index 0000000..160ca77
--- /dev/null
+++ b/packages/page-settings/src/Developer.tsx
@@ -0,0 +1,228 @@
+// Copyright 2017-2022 @polkadot/app-settings authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { ActionStatus } from '@polkadot/react-components/Status/types';
+
+import React, { useCallback, useEffect, useState } from 'react';
+import { Trans } from 'react-i18next';
+import store from 'store';
+import styled from 'styled-components';
+
+import { decodeUrlTypes, encodeUrlTypes } from '@polkadot/react-api/urlTypes';
+import { Button, CopyButton, Editor, InputFile } from '@polkadot/react-components';
+import { useApi } from '@polkadot/react-hooks';
+import { isJsonObject, stringToU8a, u8aToString } from '@polkadot/util';
+
+import { useTranslation } from './translate';
+
+const EMPTY_CODE = '{\n\n}';
+const EMPTY_TYPES = {};
+
+interface AllState {
+  code: string;
+  isJsonValid: boolean;
+  isTypesValid: boolean;
+  types: Record<string, any>;
+  typesPlaceholder: string | null;
+}
+
+interface Props {
+  className?: string;
+  onStatusChange: (status: ActionStatus) => void;
+}
+
+function Developer ({ className = '', onStatusChange }: Props): React.ReactElement<Props> {
+  const { t } = useTranslation();
+  const { api } = useApi();
+  const [code, setCode] = useState(EMPTY_CODE);
+  const [isJsonValid, setIsJsonValid] = useState(true);
+  const [isTypesValid, setIsTypesValid] = useState(true);
+  const [types, setTypes] = useState<Record<string, any>>(EMPTY_TYPES);
+  const [typesPlaceholder, setTypesPlaceholder] = useState<string | null>(null);
+  const [sharedUrl, setSharedUrl] = useState<string | null>(null);
+
+  useEffect((): void => {
+    const types = decodeUrlTypes() || store.get('types') as Record<string, unknown> || {};
+
+    if (Object.keys(types).length) {
+      setCode(JSON.stringify(types, null, 2));
+      setTypes({});
+      setTypesPlaceholder(Object.keys(types).join(', '));
+      setSharedUrl(encodeUrlTypes(types));
+    }
+  }, []);
+
+  const _setState = useCallback(
+    ({ code, isJsonValid, isTypesValid, types, typesPlaceholder }: AllState): void => {
+      setCode(code);
+      setIsJsonValid(isJsonValid);
+      setIsTypesValid(isTypesValid);
+      setTypes(types);
+      setTypesPlaceholder(typesPlaceholder);
+    },
+    []
+  );
+
+  const _clearTypes = useCallback(
+    (): void => {
+      store.remove('types');
+
+      _setState({
+        code: EMPTY_CODE,
+        isJsonValid: true,
+        isTypesValid: true,
+        types: EMPTY_TYPES,
+        typesPlaceholder: null
+      });
+    },
+    [_setState]
+  );
+
+  const _onChangeTypes = useCallback(
+    (data: Uint8Array): void => {
+      const code = u8aToString(data);
+
+      try {
+        const types = JSON.parse(code) as Record<string, unknown>;
+        const typesPlaceholder = Object.keys(types).join(', ');
+
+        console.log('Detected types:', typesPlaceholder);
+
+        _setState({
+          code,
+          isJsonValid: true,
+          isTypesValid: true,
+          types: Object.keys(types).length === 0 ? {} : types,
+          typesPlaceholder
+        });
+      } catch (error) {
+        console.error('Error registering types:', error);
+
+        _setState({
+          code,
+          isJsonValid: false,
+          isTypesValid: false,
+          types: {},
+          typesPlaceholder: (error as Error).message
+        });
+      }
+    },
+    [_setState]
+  );
+
+  const _onEditTypes = useCallback(
+    (code: string): void => {
+      try {
+        if (!isJsonObject(code)) {
+          throw Error(t('This is not a valid JSON object.'));
+        }
+
+        _onChangeTypes(stringToU8a(code));
+      } catch (error) {
+        setCode(code);
+        setIsJsonValid(false);
+        setTypesPlaceholder((error as Error).message);
+      }
+    },
+    [_onChangeTypes, t]
+  );
+
+  const _saveDeveloper = useCallback(
+    (): void => {
+      let url = null;
+
+      try {
+        api.registerTypes(types);
+        store.set('types', types);
+        setIsTypesValid(true);
+        onStatusChange({
+          action: t<string>('Your custom types have been added'),
+          status: 'success'
+        });
+
+        if (Object.keys(types).length) {
+          url = encodeUrlTypes(types);
+
+          console.log(url);
+        }
+      } catch (error) {
+        console.error(error);
+        setIsTypesValid(false);
+        onStatusChange({
+          action: t(`Error saving your custom types. ${(error as Error).message}`),
+          status: 'error'
+        });
+      }
+
+      setSharedUrl(url);
+    },
+    [api, onStatusChange, t, types]
+  );
+
+  const typesHasNoEntries = Object.keys(types).length === 0;
+
+  // Trans component
+  /* eslint-disable react/jsx-max-props-per-line */
+
+  return (
+    <div className={className}>
+      <div className='ui--row'>
+        <div className='full'>
+          <InputFile
+            clearContent={typesHasNoEntries && isTypesValid}
+            help={t<string>('Save the type definitions for your custom structures as key-value pairs in a valid JSON file. The key should be the name of your custom structure and the value an object containing your type definitions.')}
+            isError={!isTypesValid}
+            label={t<string>('Additional types as a JSON file (or edit below)')}
+            onChange={_onChangeTypes}
+            placeholder={typesPlaceholder}
+          />
+        </div>
+      </div>
+      <div className='ui--row'>
+        <div className='full'>
+          <Editor
+            className='editor'
+            code={code}
+            isValid={isJsonValid}
+            onEdit={_onEditTypes}
+          />
+        </div>
+      </div>
+      <div className='ui--row'>
+        <div className='full'>
+          <Trans i18nKey='devConfig'><div className='help'>If you are a development team with at least a test network available, consider adding the types directly <a href='https://github.com/polkadot-js/apps/tree/master/packages/apps-config' rel='noopener noreferrer' target='_blank'>to the apps-config</a>, allowing out of the box operation for your spec &amp; chains, both for you and anybody trying to connect to it. This is not a replacement for your chain-specific UI, however doing so does help in allowing users to easily discover and use with zero-config.</div></Trans>
+        </div>
+      </div>
+      <Button.Group>
+        <CopyButton
+          label={t<string>('Share')}
+          type={t<string>('url')}
+          value={sharedUrl}
+        />
+        <Button
+          icon='sync'
+          label={t<string>('Reset')}
+          onClick={_clearTypes}
+        />
+        <Button
+          icon='save'
+          isDisabled={!isTypesValid || !isJsonValid}
+          label={t<string>('Save')}
+          onClick={_saveDeveloper}
+        />
+      </Button.Group>
+    </div>
+  );
+}
+
+export default React.memo(styled(Developer)`
+  .editor {
+    height: 21rem;
+    margin-left: 2rem;
+    position: relative;
+  }
+
+  .help {
+    padding: 0.5rem 2rem;
+  }
+`);
diff --git a/packages/page-settings/src/General.tsx b/packages/page-settings/src/General.tsx
new file mode 100644
index 0000000..541a9ab
--- /dev/null
+++ b/packages/page-settings/src/General.tsx
@@ -0,0 +1,199 @@
+// Copyright 2017-2022 @polkadot/app-settings authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { Option } from '@polkadot/apps-config/settings/types';
+import type { SettingsStruct } from '@polkadot/ui-settings/types';
+
+import React, { useCallback, useEffect, useMemo, useState } from 'react';
+
+import { createLanguages, createSs58 } from '@polkadot/apps-config';
+import { allNetworks } from '@polkadot/networks';
+import { Button, Dropdown, MarkWarning } from '@polkadot/react-components';
+import { useApi, useLedger } from '@polkadot/react-hooks';
+import { settings } from '@polkadot/ui-settings';
+
+import { useTranslation } from './translate';
+import { createIdenticon, createOption, save, saveAndReload } from './util';
+
+interface Props {
+  className?: string;
+}
+
+const _ledgerConnOptions = settings.availableLedgerConn;
+
+function General ({ className = '' }: Props): React.ReactElement<Props> {
+  const { t } = useTranslation();
+  const { chainSS58, isApiReady, isElectron } = useApi();
+  const { hasLedgerChain, hasWebUsb } = useLedger();
+  // tri-state: null = nothing changed, false = no reload, true = reload required
+  const [changed, setChanged] = useState<boolean | null>(null);
+  const [state, setSettings] = useState((): SettingsStruct => {
+    const values = settings.get();
+
+    return { ...values, uiTheme: values.uiTheme === 'dark' ? 'dark' : 'light' };
+  });
+
+  const ledgerConnOptions = useMemo(
+    () => _ledgerConnOptions.filter(({ value }) => !isElectron || value !== 'webusb'),
+    [isElectron]
+  );
+
+  const iconOptions = useMemo(
+    () => settings.availableIcons
+      .map((o): Option => createIdenticon(o, ['default']))
+      .concat(createIdenticon({ info: 'robohash', text: 'RoboHash', value: 'robohash' })),
+    []
+  );
+
+  const prefixOptions = useMemo(
+    (): (Option | React.ReactNode)[] => {
+      const network = allNetworks.find(({ prefix }) => prefix === chainSS58);
+
+      return createSs58(t).map((o) =>
+        createOption(o, ['default'], 'empty', (
+          o.value === -1
+            ? isApiReady
+              ? network
+                ? ` (${network.displayName}, ${chainSS58 || 0})`
+                : ` (${chainSS58 || 0})`
+              : undefined
+            : ` (${o.value})`
+        ))
+      );
+    },
+    [chainSS58, isApiReady, t]
+  );
+
+  const themeOptions = useMemo(
+    () => [
+      { text: t('Light theme (default)'), value: 'light' },
+      { text: t('Dark theme (experimental, work-in-progress)'), value: 'dark' }
+    ],
+    [t]
+  );
+
+  const translateLanguages = useMemo(
+    () => createLanguages(t),
+    [t]
+  );
+
+  useEffect((): void => {
+    const prev = settings.get() as unknown as Record<string, unknown>;
+    const hasChanges = Object.entries(state).some(([key, value]) => prev[key] !== value);
+    const needsReload = prev.apiUrl !== state.apiUrl || prev.prefix !== state.prefix;
+
+    setChanged(
+      hasChanges
+        ? needsReload
+        : null
+    );
+  }, [state]);
+
+  const _handleChange = useCallback(
+    (key: keyof SettingsStruct) => <T extends string | number>(value: T) =>
+      setSettings((state) => ({ ...state, [key]: value })),
+    []
+  );
+
+  const _saveAndReload = useCallback(
+    () => saveAndReload(state),
+    [state]
+  );
+
+  const _save = useCallback(
+    (): void => {
+      save(state);
+      setChanged(null);
+    },
+    [state]
+  );
+
+  const { i18nLang, icon, ledgerConn, prefix, uiTheme } = state;
+
+  return (
+    <div className={className}>
+      <div className='ui--row'>
+        <Dropdown
+          defaultValue={prefix}
+          help={t<string>('Override the default ss58 prefix for address generation')}
+          label={t<string>('address prefix')}
+          onChange={_handleChange('prefix')}
+          options={prefixOptions}
+        />
+      </div>
+      <div className='ui--row'>
+        <Dropdown
+          defaultValue={icon}
+          help={t<string>('Override the default identity icon display with a specific theme')}
+          label={t<string>('default icon theme')}
+          onChange={_handleChange('icon')}
+          options={iconOptions}
+        />
+      </div>
+      <div className='ui--row'>
+        <Dropdown
+          defaultValue={uiTheme}
+          label={t<string>('default interface theme')}
+          onChange={_handleChange('uiTheme')}
+          options={themeOptions}
+        />
+      </div>
+      <div className='ui--row'>
+        <Dropdown
+          defaultValue={i18nLang}
+          label={t<string>('default interface language')}
+          onChange={_handleChange('i18nLang')}
+          options={translateLanguages}
+        />
+      </div>
+      {hasLedgerChain && (
+        <>
+          <div className='ui--row'>
+            <Dropdown
+              defaultValue={
+                hasWebUsb
+                  ? ledgerConn
+                  : ledgerConnOptions[0].value
+              }
+              help={t<string>('Manage your connection to Ledger S')}
+              isDisabled={!hasWebUsb}
+              label={t<string>('manage hardware connections')}
+              onChange={_handleChange('ledgerConn')}
+              options={ledgerConnOptions}
+            />
+          </div>
+          {hasWebUsb
+            ? state.ledgerConn !== 'none'
+              ? (
+                <div className='ui--row'>
+                  <MarkWarning content={t<string>('Ledger support is still experimental and some issues may remain. Trust, but verify the addresses on your devices before transferring large amounts. There are some features that will not work, including batch calls (used extensively in staking and democracy) as well as any identity operations.')} />
+                </div>
+              )
+              : null
+            : (
+              <MarkWarning content={t<string>('Ledger hardware device support is only available on Chromium-based browsers where WebUSB and WebHID support is available in the browser.')} />
+            )
+          }
+        </>
+      )}
+      <Button.Group>
+        <Button
+          icon='save'
+          isDisabled={changed === null}
+          label={
+            changed
+              ? t<string>('Save & Reload')
+              : t<string>('Save')
+          }
+          onClick={
+            changed
+              ? _saveAndReload
+              : _save
+          }
+        />
+      </Button.Group>
+    </div>
+  );
+}
+
+export default React.memo(General);
diff --git a/packages/page-settings/src/I18n/StringInput.tsx b/packages/page-settings/src/I18n/StringInput.tsx
new file mode 100644
index 0000000..2c5fc8d
--- /dev/null
+++ b/packages/page-settings/src/I18n/StringInput.tsx
@@ -0,0 +1,44 @@
+// Copyright 2017-2022 @polkadot/app-settings authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import React, { useCallback } from 'react';
+import styled from 'styled-components';
+
+import { Input } from '@polkadot/react-components';
+
+interface Props {
+  className?: string;
+  onChange: (key: string, val: string) => void;
+  original: string;
+  tkey: string;
+  tval: string;
+}
+
+function StringInput ({ className = '', onChange, original, tkey, tval }: Props): React.ReactElement<Props> {
+  const _onChange = useCallback(
+    (value: string) => onChange(tkey, value),
+    [onChange, tkey]
+  );
+
+  return (
+    <div className={className}>
+      <div className='label'>{original}</div>
+      <Input
+        onChange={_onChange}
+        value={tval}
+        withLabel={false}
+      />
+    </div>
+  );
+}
+
+export default React.memo(styled(StringInput)`
+  .label {
+    font-style: italic;
+    margin-top: 0.5rem;
+
+    +div {
+      margin-left: 1rem;
+    }
+  }
+`);
diff --git a/packages/page-settings/src/I18n/index.tsx b/packages/page-settings/src/I18n/index.tsx
new file mode 100644
index 0000000..57befef
--- /dev/null
+++ b/packages/page-settings/src/I18n/index.tsx
@@ -0,0 +1,312 @@
+// Copyright 2017-2022 @polkadot/app-settings authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import FileSaver from 'file-saver';
+import React, { useCallback, useEffect, useState } from 'react';
+import styled from 'styled-components';
+
+import { Button, Columar, Dropdown, Progress, Spinner, Toggle } from '@polkadot/react-components';
+import i18n from '@polkadot/react-components/i18n';
+import languageCache from '@polkadot/react-components/i18n/cache';
+import { useToggle } from '@polkadot/react-hooks';
+import { settings } from '@polkadot/ui-settings';
+
+import { useTranslation } from '../translate';
+import StringInput from './StringInput';
+
+type Progress = [[number, number, number], Record<string, [number, number, number]>];
+type Strings = Record<string, string>;
+type StringsMod = Record<string, Strings>;
+
+interface Props {
+  className?: string;
+}
+
+interface Option {
+  text: string;
+  value: string;
+}
+
+interface Defaults {
+  english: StringsMod;
+  keys: Option[];
+  modules: Option[];
+}
+
+const cache = new Map<string, unknown>();
+
+async function retrieveJson (url: string): Promise<any> {
+  if (cache.has(url)) {
+    return cache.get(url);
+  }
+
+  const json = await fetch(`locales/${url}`)
+    .then((response) => response.json())
+    .catch((e) => console.error(e)) as unknown;
+
+  cache.set(url, json);
+
+  return json || {};
+}
+
+async function retrieveEnglish (): Promise<StringsMod> {
+  const paths = await retrieveJson('en/index.json') as Array<string>;
+  const strings: Strings[] = await Promise.all(paths.map((path) => retrieveJson(`en/${path}`) as Promise<Strings>));
+
+  return strings.reduce((language: StringsMod, strings, index): StringsMod => {
+    language[paths[index]] = strings;
+
+    return language;
+  }, {});
+}
+
+async function retrieveAll (): Promise<Defaults> {
+  const _keys = await retrieveJson('index.json') as string[];
+  const keys = _keys.filter((lng) => lng !== 'en');
+  const missing = keys.filter((lng) => !languageCache[lng]);
+  const english = await retrieveEnglish();
+  const translations = missing.length
+    ? await Promise.all(missing.map((lng) => retrieveJson(`${lng}/translation.json`)))
+    : [];
+
+  // setup the language cache
+  missing.forEach((lng, index): void => {
+    languageCache[lng] = translations[index] as Record<string, string>;
+  });
+
+  // fill in all empty values (useful for download, filling in)
+  keys.forEach((lng): void => {
+    Object.keys(english).forEach((record): void => {
+      Object.keys(english[record]).forEach((key): void => {
+        if (!languageCache[lng][key]) {
+          languageCache[lng][key] = '';
+        }
+      });
+    });
+  });
+
+  return {
+    english,
+    keys: keys.map((text) => ({ text, value: text })),
+    modules: Object
+      .keys(english)
+      .map((text) => ({ text: text.replace('.json', '').replace('app-', 'page-'), value: text }))
+      .sort((a, b) => a.text.localeCompare(b.text))
+  };
+}
+
+function calcProgress (english: StringsMod, language: Strings): Progress {
+  const breakdown: Record<string, [number, number, number]> = {};
+  let done = 0;
+  let total = 0;
+
+  Object.keys(english).forEach((record): void => {
+    const mod = english[record];
+    const mtotal = Object.keys(mod).length;
+    let mdone = 0;
+
+    Object.keys(mod).forEach((key): void => {
+      if (language[key]) {
+        mdone++;
+      }
+    });
+
+    done += mdone;
+    total += mtotal;
+
+    breakdown[record] = [mdone, mtotal, 0];
+  });
+
+  return [[done, total, 0], breakdown];
+}
+
+function doDownload (strings: Strings, withEmpty: boolean): void {
+  const sanitized = Object.keys(strings).sort().reduce((result: Strings, key): Strings => {
+    const sanitized = strings[key].trim();
+
+    if (sanitized || withEmpty) {
+      result[key] = sanitized;
+    }
+
+    return result;
+  }, {});
+
+  FileSaver.saveAs(
+    new Blob([JSON.stringify(sanitized, null, 2)], { type: 'application/json; charset=utf-8' }),
+    'translation.json'
+  );
+}
+
+// eslint-disable-next-line @typescript-eslint/no-unused-vars
+function progressDisplay ([done, total, _]: [number, number, number] = [0, 0, 0]): { done: number; progress: string; total: number } {
+  return {
+    done,
+    progress: (total ? (done * 100 / total) : 100).toFixed(2),
+    total
+  };
+}
+
+function Translate ({ className }: Props): React.ReactElement<Props> {
+  const { t } = useTranslation();
+  const [withEmpty, toggleWithEmpty] = useToggle();
+  const [{ english, keys, modules }, setDefaults] = useState<Defaults>({ english: {}, keys: [], modules: [] });
+  const [lng, setLng] = useState<string>('zh');
+  const [[modProgress, allProgress], setProgress] = useState<Progress>([[0, 0, 0], {}]);
+  const [record, setRecord] = useState<string>('app-accounts.json');
+  const [strings, setStrings] = useState<Strings | null>(null);
+
+  useEffect((): void => {
+    retrieveAll().then(setDefaults).catch(console.error);
+  }, []);
+
+  useEffect((): void => {
+    setStrings(languageCache[lng]);
+    setProgress(calcProgress(english, languageCache[lng]));
+  }, [english, lng]);
+
+  useEffect((): void => {
+    setLng(
+      keys.some(({ value }) => value === settings.i18nLang)
+        ? settings.i18nLang
+        : 'zh'
+    );
+  }, [keys]);
+
+  const _setString = useCallback(
+    (key: string, value: string): void => {
+      setStrings((strings: Strings | null): Strings | null =>
+        strings
+          ? { ...strings, [key]: value }
+          : null
+      );
+
+      const hasPrevVal = !!languageCache[lng][key];
+      const sanitized = value.trim();
+
+      languageCache[lng][key] = value;
+
+      if (hasPrevVal !== !!sanitized) {
+        const [progress, breakdown] = calcProgress(english, languageCache[lng]);
+
+        setProgress(([counters]): Progress => {
+          progress[2] = Math.max(0, progress[0] - counters[0]);
+
+          return [progress, breakdown];
+        });
+      }
+    },
+    [english, lng]
+  );
+
+  const _doApply = useCallback(
+    (): void => {
+      i18n.reloadResources().catch(console.error);
+    },
+    []
+  );
+
+  const _onDownload = useCallback(
+    () => doDownload(strings || {}, withEmpty),
+    [strings, withEmpty]
+  );
+
+  if (!keys.length) {
+    return <Spinner />;
+  }
+
+  return (
+    <main className={className}>
+      <header>
+        <Columar>
+          <Columar.Column>
+            <div>
+              <Dropdown
+                isFull
+                label={t<string>('the language to display translations for')}
+                onChange={setLng}
+                options={keys}
+                value={lng}
+              />
+              {t<string>('{{done}}/{{total}}, {{progress}}% done', { replace: progressDisplay(modProgress) })}
+            </div>
+            <Progress
+              color='auto'
+              total={modProgress[1]}
+              value={modProgress[0]}
+            />
+          </Columar.Column>
+          <Columar.Column>
+            <div>
+              <Dropdown
+                isFull
+                label={t<string>('the module to display strings for')}
+                onChange={setRecord}
+                options={modules}
+                value={record}
+              />
+              {t<string>('{{done}}/{{total}}, {{progress}}% done', { replace: progressDisplay(allProgress[record]) })}
+            </div>
+            <Progress
+              color='auto'
+              total={allProgress[record]?.[1]}
+              value={allProgress[record]?.[0]}
+            />
+          </Columar.Column>
+        </Columar>
+      </header>
+      <div className='toggleWrapper'>
+        <Toggle
+          label={
+            withEmpty
+              ? t<string>('include all empty strings in the generated file')
+              : t<string>('do not include empty strings in the generated file')
+          }
+          onChange={toggleWithEmpty}
+          value={withEmpty}
+        />
+      </div>
+      <Button.Group>
+        <Button
+          icon='sync'
+          label={t<string>('Apply to UI')}
+          onClick={_doApply}
+        />
+        <Button
+          icon='download'
+          label={t<string>('Generate {{lng}}/translation.json', { replace: { lng } })}
+          onClick={_onDownload}
+        />
+      </Button.Group>
+      {record && strings && Object.keys(english[record]).map((key, index) =>
+        <StringInput
+          key={index}
+          onChange={_setString}
+          original={english[record][key]}
+          tkey={key}
+          tval={strings[key]}
+        />
+      )}
+    </main>
+  );
+}
+
+export default React.memo(styled(Translate)`
+  .ui--Column {
+    display: flex;
+
+    > div:first-child {
+      flex: 1;
+      text-align: right;
+    }
+  }
+
+  .ui--Progress {
+    margin: 0 0 0 0.25rem;
+  }
+
+  .toggleWrapper {
+    display: flex;
+    justify-content: flex-end;
+    margin-top: 0.75rem;
+  }
+`);
diff --git a/packages/page-settings/src/Metadata/ChainColorIndicator.tsx b/packages/page-settings/src/Metadata/ChainColorIndicator.tsx
new file mode 100644
index 0000000..1cf4a10
--- /dev/null
+++ b/packages/page-settings/src/Metadata/ChainColorIndicator.tsx
@@ -0,0 +1,26 @@
+// Copyright 2017-2022 @polkadot/app-settings authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import React from 'react';
+import styled from 'styled-components';
+
+interface Props {
+  color: string;
+  className?: string;
+}
+
+function ChainColorIndicator ({ className, color }: Props): React.ReactElement<Props> {
+  return (
+    <div
+      className={className}
+      color={color}
+    />
+  );
+}
+
+export default React.memo(styled(ChainColorIndicator)`
+    background-color: ${(props: Props): string => props.color} !important;
+    width: 100px;
+    flex: 1;
+    border-radius: 4px;
+`);
diff --git a/packages/page-settings/src/Metadata/Extensions.tsx b/packages/page-settings/src/Metadata/Extensions.tsx
new file mode 100644
index 0000000..83300d2
--- /dev/null
+++ b/packages/page-settings/src/Metadata/Extensions.tsx
@@ -0,0 +1,91 @@
+// Copyright 2017-2022 @polkadot/app-settings authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { ChainInfo } from '../types';
+
+import React, { useCallback, useMemo, useRef, useState } from 'react';
+
+import { emptyLogos, extensionLogos } from '@polkadot/apps-config';
+import { Button, Dropdown, Spinner, Table } from '@polkadot/react-components';
+import { useToggle } from '@polkadot/react-hooks';
+
+import { useTranslation } from '../translate';
+import useExtensions from '../useExtensions';
+import iconOption from './iconOption';
+
+interface Props {
+  chainInfo: ChainInfo | null;
+  className?: string;
+}
+
+function Extensions ({ chainInfo, className }: Props): React.ReactElement<Props> {
+  const { t } = useTranslation();
+  const { extensions } = useExtensions();
+  const [selectedIndex, setSelectedIndex] = useState(0);
+  const [isBusy, toggleBusy] = useToggle();
+  const options = useMemo(
+    () => (extensions || []).map(({ extension: { name, version } }, value) =>
+      iconOption(`${name} ${version}`, value, extensionLogos[name] || emptyLogos.empty)),
+    [extensions]
+  );
+  const _updateMeta = useCallback(
+    (): void => {
+      if (chainInfo && extensions?.[selectedIndex]) {
+        toggleBusy();
+
+        extensions[selectedIndex]
+          .update(chainInfo)
+          .catch(() => false)
+          .then(() => toggleBusy())
+          .catch(console.error);
+      }
+    },
+    [chainInfo, extensions, selectedIndex, toggleBusy]
+  );
+
+  const headerRef = useRef([
+    [t('Extensions'), 'start']
+  ]);
+
+  return (
+    <Table
+      className={className}
+      empty={t<string>('No Upgradable extensions')}
+      header={headerRef.current}
+    >
+
+      {extensions
+        ? options.length !== 0 && (
+          <>
+            <tr className='noBorder'>
+              <td>
+                <Dropdown
+                  label={t<string>('upgradable extensions')}
+                  onChange={setSelectedIndex}
+                  options={options}
+                  value={selectedIndex}
+                />
+              </td>
+            </tr>
+            <tr className='hasOddRowColoring'>
+              <td>
+                <Button.Group>
+                  <Button
+                    icon='upload'
+                    isDisabled={isBusy}
+                    label={t<string>('Update metadata')}
+                    onClick={_updateMeta}
+                  />
+                </Button.Group>
+              </td>
+            </tr>
+          </>
+        )
+        : <Spinner />
+      }
+
+    </Table>
+  );
+}
+
+export default React.memo(Extensions);
diff --git a/packages/page-settings/src/Metadata/NetworkSpecs.tsx b/packages/page-settings/src/Metadata/NetworkSpecs.tsx
new file mode 100644
index 0000000..00016bf
--- /dev/null
+++ b/packages/page-settings/src/Metadata/NetworkSpecs.tsx
@@ -0,0 +1,282 @@
+// Copyright 2017-2022 @polkadot/app-settings authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { NetworkSpecsStruct } from '@polkadot/ui-settings/types';
+import type { ChainInfo, ChainType } from '../types';
+
+import React, { useCallback, useEffect, useReducer, useRef, useState } from 'react';
+import styled from 'styled-components';
+
+import { ChainImg, Input, QrNetworkSpecs, Spinner, Table } from '@polkadot/react-components';
+import { useApi, useDebounce } from '@polkadot/react-hooks';
+
+import { useTranslation } from '../translate';
+import ChainColorIndicator from './ChainColorIndicator';
+
+interface Props {
+  chainInfo: ChainInfo | null;
+  className?: string;
+}
+
+// TODO-MOONBEAM: update NetworkSpecsStruct in @polkadot/ui-settings/types
+interface NetworkSpecsStructWithType extends NetworkSpecsStruct{
+  chainType: ChainType
+}
+
+function getRandomColor (): string {
+  const letters = '0123456789ABCDEF';
+  let color = '#';
+
+  for (let i = 0; i < 6; i++) {
+    color += letters[Math.floor(Math.random() * 16)];
+  }
+
+  return color;
+}
+
+const initialState = {
+  chainType: 'substrate' as ChainType,
+  color: '#FFFFFF',
+  decimals: 0,
+  genesisHash: '',
+  prefix: 0,
+  title: '',
+  unit: 'UNIT'
+};
+
+function NetworkSpecs ({ chainInfo, className }: Props): React.ReactElement<Props> {
+  const { t } = useTranslation();
+  const { isApiReady, systemChain } = useApi();
+  const [qrData, setQrData] = useState<NetworkSpecsStructWithType>(initialState);
+  const debouncedQrData = useDebounce(qrData, 500);
+
+  const reducer = (state: NetworkSpecsStructWithType, delta: Partial<NetworkSpecsStructWithType>): NetworkSpecsStructWithType => {
+    const newState = {
+      ...state,
+      ...delta
+    };
+
+    setQrData(newState);
+
+    return newState;
+  };
+
+  const [networkSpecs, setNetworkSpecs] = useReducer(reducer, initialState);
+
+  useEffect((): void => {
+    chainInfo && setNetworkSpecs({
+      chainType: chainInfo.chainType,
+      color: chainInfo.color || getRandomColor(),
+      decimals: chainInfo.tokenDecimals,
+      genesisHash: chainInfo.genesisHash,
+      prefix: chainInfo.ss58Format,
+      title: systemChain,
+      unit: chainInfo.tokenSymbol
+    });
+  }, [chainInfo, systemChain]);
+
+  const _onChangeColor = useCallback(
+    (color: string): void => setNetworkSpecs({ color }),
+    []
+  );
+
+  const _onSetRandomColor = useCallback(
+    (event: React.MouseEvent<unknown>): void => {
+      event.preventDefault();
+      event.stopPropagation();
+
+      setNetworkSpecs({ color: getRandomColor() });
+    },
+    []
+  );
+  const _checkColorValid = useCallback(
+    (): boolean => /^#[\da-fA-F]{6}|#[\da-fA-F]{3}$/.test(networkSpecs.color),
+    [networkSpecs]
+  );
+
+  const headerRef = useRef([
+    [t('chain specifications'), 'start', '2']
+  ]);
+
+  if (!isApiReady) {
+    return <Spinner />;
+  }
+
+  return (
+    <Table
+      className={className}
+      empty={t<string>('No open tips')}
+      header={headerRef.current}
+    >
+
+      <tr>
+        <td>
+          <div className='settings--networkSpecs-name'>
+            <Input
+              className='full'
+              help={t<string>('Name of the network. It is only for display purposes.')}
+              isDisabled
+              label={t<string>('Network Name')}
+              value={networkSpecs.title}
+            />
+            <ChainImg className='settings--networkSpecs-logo' />
+          </div>
+        </td>
+        <td rowSpan={6}>
+          {qrData.genesisHash && (
+            <QrNetworkSpecs
+              className='settings--networkSpecs-qr'
+              networkSpecs={debouncedQrData}
+            />
+          )}
+        </td>
+      </tr>
+      <tr>
+        <td>
+          <div className='settings--networkSpecs-color'>
+            <div>
+              <Input
+                className='full settings--networkSpecs-colorInput'
+                help={t<string>('The color used to distinguish this network with others, use color code with 3 or 6 digits, like "#FFF" or "#111111"')}
+                isError={!_checkColorValid()}
+                label={t<string>('Color')}
+                onChange={_onChangeColor}
+                value={networkSpecs.color}
+              />
+              <a
+                className='settings--networkSpecs-colorChangeButton'
+                onClick={_onSetRandomColor}
+              >
+                {t<string>('generate random color')}
+              </a>
+            </div>
+            <ChainColorIndicator
+              className='settings--networkSpecs-colorBar'
+              color={networkSpecs.color}
+            />
+          </div>
+        </td>
+      </tr>
+      <tr>
+        <td>
+          <Input
+            className='full'
+            help={t<string>('Genesis Hash refers to initial state of the chain, it cannot be changed once the chain is launched')}
+            isDisabled
+            label={t<string>('Genesis Hash')}
+            value={networkSpecs.genesisHash}
+          />
+        </td>
+      </tr>
+      <tr>
+        <td>
+
+          <Input
+            className='full'
+            help={t<string>('Unit decides the name of 1 unit token, e.g. "DOT" for Polkadot')}
+            isDisabled
+            label={t<string>('Unit')}
+            value={networkSpecs.unit}
+          />
+        </td>
+      </tr>
+      <tr>
+        <td>
+          <Input
+            className='full'
+            help={t<string>('Prefix indicates the ss58 address format in this network, it is a 16 bit unsigned integer that describes the precise format of the bytes of the address')}
+            isDisabled
+            label={t<string>('Address Prefix')}
+            value={networkSpecs.prefix.toString()}
+          />
+        </td>
+      </tr>
+      <tr>
+        <td>
+          <Input
+            className='full'
+            help={t<string>('Decimals decides the smallest unit of the token, which is 1/10^decimals')}
+            isDisabled
+            label={t<string>('Decimals')}
+            value={networkSpecs.decimals.toString()}
+          />
+        </td>
+      </tr>
+      <tr>
+        <td>
+          <Input
+            className='full'
+            help={t<string>('Chain type (ethereum compatible or regular substrate)')}
+            isDisabled
+            label={t<string>('Chain Type')}
+            value={networkSpecs.chainType}
+          />
+        </td>
+      </tr>
+    </Table>
+  );
+}
+
+export default React.memo(styled(NetworkSpecs)`
+  td {
+    padding: 0;
+
+    .input.ui--Input input {
+      border: none !important;
+      background: transparent;
+    }
+  }
+
+  .settings--networkSpecs-name {
+    position: relative;
+
+    .settings--networkSpecs-logo {
+      height: 32px;
+      left: 12px;
+      position: absolute;
+      top: 1rem;
+      width: 32px;
+    }
+  }
+
+  .settings--networkSpecs-color {
+    position: relative;
+
+    > div:first-child {
+      display: flex;
+
+      .settings--networkSpecs-colorInput {
+        min-width: 124px;
+      }
+
+      .settings--networkSpecs-colorChangeButton {
+        user-select: none;
+        cursor: pointer;
+        background: transparent;
+        border: none;
+        outline: none;
+        align-self: flex-end;
+        padding-bottom: 0.9rem;
+      }
+    }
+
+    .settings--networkSpecs-colorBar {
+      border-radius: 50%;
+      border: 1px solid grey;
+      height: 32px;
+      left: 12px;
+      position: absolute;
+      top: 1rem;
+      width: 32px;
+    }
+  }
+
+  .settings--networkSpecs-qr {
+    margin: 0.25rem auto;
+    max-width: 15rem;
+
+    img {
+      border: 1px solid white;
+    }
+  }
+`);
diff --git a/packages/page-settings/src/Metadata/iconOption.tsx b/packages/page-settings/src/Metadata/iconOption.tsx
new file mode 100644
index 0000000..0734b8d
--- /dev/null
+++ b/packages/page-settings/src/Metadata/iconOption.tsx
@@ -0,0 +1,28 @@
+// Copyright 2017-2022 @polkadot/app-settings authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import React from 'react';
+
+interface Option {
+  text: React.ReactNode;
+  value: number | string;
+}
+
+export default function itemOption (label: string, value: string | number, img: unknown): Option {
+  return {
+    text: (
+      <div
+        className='ui--Dropdown-item'
+        key={value}
+      >
+        <img
+          alt={label}
+          className='ui--Dropdown-icon'
+          src={img as string}
+        />
+        <div className='ui--Dropdown-name'>{label}</div>
+      </div>
+    ),
+    value
+  };
+}
diff --git a/packages/page-settings/src/Metadata/index.tsx b/packages/page-settings/src/Metadata/index.tsx
new file mode 100644
index 0000000..57d4ef9
--- /dev/null
+++ b/packages/page-settings/src/Metadata/index.tsx
@@ -0,0 +1,26 @@
+// Copyright 2017-2022 @polkadot/app-settings authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import React from 'react';
+
+import { useApi } from '@polkadot/react-hooks';
+
+import useChainInfo from '../useChainInfo';
+import Extensions from './Extensions';
+import NetworkSpecs from './NetworkSpecs';
+
+export default function Metadata (): React.ReactElement {
+  const { isDevelopment } = useApi();
+  const chainInfo = useChainInfo();
+
+  return (
+    <>
+      {!isDevelopment && (
+        <>
+          <Extensions chainInfo={chainInfo} />
+        </>
+      )}
+      <NetworkSpecs chainInfo={chainInfo} />
+    </>
+  );
+}
diff --git a/packages/page-settings/src/index.tsx b/packages/page-settings/src/index.tsx
new file mode 100644
index 0000000..20534f7
--- /dev/null
+++ b/packages/page-settings/src/index.tsx
@@ -0,0 +1,86 @@
+// Copyright 2017-2022 @polkadot/app-settings authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { AppProps as Props } from '@polkadot/react-components/types';
+
+import React, { useMemo } from 'react';
+import { Route, Switch } from 'react-router';
+
+import { HelpOverlay, Tabs } from '@polkadot/react-components';
+import { useApi } from '@polkadot/react-hooks';
+
+import md from './md/basics.md';
+import Developer from './Developer';
+import General from './General';
+import I18n from './I18n';
+import Metadata from './Metadata';
+import { useTranslation } from './translate';
+import useCounter from './useCounter';
+
+export { useCounter };
+
+function SettingsApp ({ basePath, onStatusChange }: Props): React.ReactElement<Props> {
+  const { t } = useTranslation();
+  const { api, isApiConnected, isApiReady, isDevelopment } = useApi();
+  const numExtensions = useCounter();
+
+  const items = useMemo(() => [
+    {
+      isRoot: true,
+      name: 'general',
+      text: t<string>('General')
+    },
+    {
+      count: numExtensions,
+      name: 'metadata',
+      text: t<string>('Metadata')
+    },
+    {
+      name: 'developer',
+      text: t<string>('Developer')
+    },
+    {
+      name: 'i18n',
+      text: t<string>('Translate')
+    }
+  ], [numExtensions, t]);
+
+  const hidden = useMemo(
+    () => (isApiConnected && isApiReady)
+      ? isDevelopment || (api.runtimeMetadata.version <= 13)
+        ? []
+        : ['developer']
+      : ['metadata', 'i18n'],
+    [api, isApiConnected, isApiReady, isDevelopment]
+  );
+
+  return (
+    <main className='settings--App'>
+      <HelpOverlay md={md as string} />
+      <Tabs
+        basePath={basePath}
+        hidden={hidden}
+        items={items}
+      />
+      <Switch>
+        <Route path={`${basePath}/developer`}>
+          <Developer
+            basePath={basePath}
+            onStatusChange={onStatusChange}
+          />
+        </Route>
+        <Route path={`${basePath}/i18n`}>
+          <I18n />
+        </Route>
+        <Route path={`${basePath}/metadata`}>
+          <Metadata />
+        </Route>
+        <Route>
+          <General />
+        </Route>
+      </Switch>
+    </main>
+  );
+}
+
+export default React.memo(SettingsApp);
diff --git a/packages/page-settings/src/md/basics.md b/packages/page-settings/src/md/basics.md
new file mode 100644
index 0000000..de52631
--- /dev/null
+++ b/packages/page-settings/src/md/basics.md
@@ -0,0 +1,61 @@
+# Settings
+
+Here you are able to tweak a number of the settings for your interface - where it connects to, the actual theme and if you are a developer, have access to some additional features to allow for a stress-free connection to a (possibly) custom chain.
+
+# General
+
+In the general section you can setup the basic operation for your UI.
+
+- **endpoint** Defines the node to connect to. Select from one of the available hosted RPCs or connect to your own by specifying a custom URL. (Be aware that custom URLs should be behind secure WebSockets if you are using a UI hosted on a https endpoint)
+- **theme** Swap between a Polkadot or Substrate themed interface.
+- **mode** By default the UI appears in a fully-featured mode. You can select to only have the core features (which provides all the basics, unless you are a power user).
+
+# Developer
+
+In this section, you are able to define custom types to be added to the underlying API. When developing a custom chain, it is typical that additional types are added. Defining them here allows the underlying API (and therefore the UI) have an understanding how to encode and decode these types.
+
+Types are saved across refreshes, so it is a single operation for all future usages of the UI. For the definitions, a simple JSON format is used, and example could be -
+
+```
+{
+  "TransactionInput": {
+    "parent_output": "Hash",
+    "signature": "Signature"
+  },
+  "TransactionOutput": {
+    "value": "u128",
+    "pubkey": "Hash",
+    "sale": "u32"
+  },
+  "Transaction": {
+    "inputs": "Vec<TransactionInput>",
+    "outputs": "Vec<TransactionOutput>"
+  }
+}
+```
+
+Be aware that the types are registered in the order they appear here, however it does support resolution independent of the order. (Circular deps are not supported here). For a slightly more complex example, using both types, enums, tuples and Compact numbers, the following would be used -
+
+```
+{
+  "ArrayThing": "Vec<Thing>",
+  "MyNumber": "u32",
+  "Thing": {
+    "count_enum": "SimpleEnum",
+    "type_enum": "TypeEnum",
+    "counter": "MyNumber",
+    "tuple": "(u32, u64)",
+    "ids": "Vec<AccountId>"
+  },
+  "SimpleEnum": {
+    "_enum": ["One", "Two", "Three"]
+  },
+  "TypeEnum": {
+    "_enum": {
+      "One": "u32",
+      "Two": "Compact<u64>",
+      "Three": null
+    }
+  }
+}
+```
diff --git a/packages/page-settings/src/translate.ts b/packages/page-settings/src/translate.ts
new file mode 100644
index 0000000..1d6700b
--- /dev/null
+++ b/packages/page-settings/src/translate.ts
@@ -0,0 +1,10 @@
+// Copyright 2017-2022 @polkadot/app-settings authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { UseTranslationResponse } from 'react-i18next';
+
+import { useTranslation as useTranslationBase } from 'react-i18next';
+
+export function useTranslation (): UseTranslationResponse<'app-settings', undefined> {
+  return useTranslationBase('app-settings');
+}
diff --git a/packages/page-settings/src/types.ts b/packages/page-settings/src/types.ts
new file mode 100644
index 0000000..7b1da32
--- /dev/null
+++ b/packages/page-settings/src/types.ts
@@ -0,0 +1,11 @@
+// Copyright 2017-2022 @polkadot/app-settings authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { MetadataDef } from '@polkadot/extension-inject/types';
+
+export type ChainType = 'substrate' | 'ethereum';
+
+export interface ChainInfo extends MetadataDef {
+  color: string | undefined;
+  chainType: ChainType;
+}
diff --git a/packages/page-settings/src/useChainInfo.ts b/packages/page-settings/src/useChainInfo.ts
new file mode 100644
index 0000000..84671c2
--- /dev/null
+++ b/packages/page-settings/src/useChainInfo.ts
@@ -0,0 +1,42 @@
+// Copyright 2017-2022 @polkadot/app-settings authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { ChainInfo } from './types';
+
+import { useMemo } from 'react';
+
+import { getSystemColor, getSystemIcon } from '@polkadot/apps-config';
+import { DEFAULT_DECIMALS, DEFAULT_SS58 } from '@polkadot/react-api';
+import { createNamedHook, useApi } from '@polkadot/react-hooks';
+import { getSpecTypes } from '@polkadot/types-known';
+import { formatBalance, isNumber } from '@polkadot/util';
+import { base64Encode } from '@polkadot/util-crypto';
+
+function useChainInfoImpl (): ChainInfo | null {
+  const { api, isApiReady, isEthereum, specName, systemChain, systemName } = useApi();
+
+  return useMemo(
+    () => isApiReady
+      ? {
+        chain: systemChain,
+        chainType: isEthereum
+          ? 'ethereum'
+          : 'substrate',
+        color: getSystemColor(systemChain, systemName, specName),
+        genesisHash: api.genesisHash.toHex(),
+        icon: getSystemIcon(systemName, specName),
+        metaCalls: base64Encode(api.runtimeMetadata.asCallsOnly.toU8a()),
+        specVersion: api.runtimeVersion.specVersion.toNumber(),
+        ss58Format: isNumber(api.registry.chainSS58)
+          ? api.registry.chainSS58
+          : DEFAULT_SS58.toNumber(),
+        tokenDecimals: (api.registry.chainDecimals || [DEFAULT_DECIMALS.toNumber()])[0],
+        tokenSymbol: (api.registry.chainTokens || formatBalance.getDefaults().unit)[0],
+        types: getSpecTypes(api.registry, systemChain, api.runtimeVersion.specName, api.runtimeVersion.specVersion) as unknown as Record<string, string>
+      }
+      : null,
+    [api, isApiReady, specName, systemChain, systemName, isEthereum]
+  );
+}
+
+export default createNamedHook('useChainInfo', useChainInfoImpl);
diff --git a/packages/page-settings/src/useCounter.ts b/packages/page-settings/src/useCounter.ts
new file mode 100644
index 0000000..c8f999d
--- /dev/null
+++ b/packages/page-settings/src/useCounter.ts
@@ -0,0 +1,14 @@
+// Copyright 2017-2022 @polkadot/app-settings authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import { createNamedHook } from '@polkadot/react-hooks';
+
+import useExtensions from './useExtensions';
+
+function useCounterImpl (): number {
+  const { count } = useExtensions();
+
+  return count;
+}
+
+export default createNamedHook('useCounter', useCounterImpl);
diff --git a/packages/page-settings/src/useExtensions.ts b/packages/page-settings/src/useExtensions.ts
new file mode 100644
index 0000000..859f0b2
--- /dev/null
+++ b/packages/page-settings/src/useExtensions.ts
@@ -0,0 +1,171 @@
+// Copyright 2017-2022 @polkadot/app-settings authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { ApiPromise } from '@polkadot/api';
+import type { InjectedExtension, InjectedMetadataKnown, MetadataDef } from '@polkadot/extension-inject/types';
+
+import { useEffect, useMemo, useState } from 'react';
+import store from 'store';
+
+import { createNamedHook, useApi } from '@polkadot/react-hooks';
+
+interface ExtensionKnown {
+  extension: InjectedExtension;
+  known: InjectedMetadataKnown[];
+  update: (def: MetadataDef) => Promise<boolean>;
+}
+
+interface ExtensionInfo extends ExtensionKnown {
+  current: InjectedMetadataKnown | null;
+}
+
+interface Extensions {
+  count: number;
+  extensions: ExtensionInfo[];
+}
+
+interface ExtensionProperties {
+  extensionVersion: string;
+  tokenDecimals: number;
+  tokenSymbol: string;
+  ss58Format?: number;
+}
+
+interface SavedProperties {
+  [name: string]: ExtensionProperties;
+}
+
+type TriggerFn = (counter: number) => void;
+
+let triggerCount = 0;
+const triggers = new Map<string, TriggerFn>();
+
+function triggerAll (): void {
+  [...triggers.values()].forEach((trigger) => trigger(Date.now()));
+}
+
+// save the properties for a specific extension
+function saveProperties (api: ApiPromise, { name, version }: InjectedExtension): void {
+  const storeKey = `properties:${api.genesisHash.toHex()}`;
+  const allProperties = store.get(storeKey, {}) as SavedProperties;
+
+  allProperties[name] = {
+    extensionVersion: version,
+    ss58Format: api.registry.chainSS58,
+    tokenDecimals: api.registry.chainDecimals[0],
+    tokenSymbol: api.registry.chainTokens[0]
+  };
+
+  store.set(storeKey, allProperties);
+}
+
+// determines if the extension has current properties
+function hasCurrentProperties (api: ApiPromise, { extension }: ExtensionKnown): boolean {
+  const allProperties = store.get(`properties:${api.genesisHash.toHex()}`, {}) as SavedProperties;
+
+  // when we don't have properties yet, assume nothing has changed and store
+  if (!allProperties[extension.name]) {
+    saveProperties(api, extension);
+
+    return true;
+  }
+
+  const { ss58Format, tokenDecimals, tokenSymbol } = allProperties[extension.name];
+
+  return ss58Format === api.registry.chainSS58 &&
+    tokenDecimals === api.registry.chainDecimals[0] &&
+    tokenSymbol === api.registry.chainTokens[0];
+}
+
+// filter extensions based on the properties we have available
+function filterAll (api: ApiPromise, all: ExtensionKnown[]): Extensions {
+  const extensions = all
+    .map((info): ExtensionInfo | null => {
+      const current = info.known.find(({ genesisHash }) => api.genesisHash.eq(genesisHash)) || null;
+
+      // if we cannot find it as known, or either the specVersion or properties mismatches, mark it as upgradable
+      return !current || api.runtimeVersion.specVersion.gtn(current.specVersion) || !hasCurrentProperties(api, info)
+        ? { ...info, current }
+        : null;
+    })
+    .filter((info): info is ExtensionInfo => !!info);
+
+  return {
+    count: extensions.length,
+    extensions
+  };
+}
+
+async function getExtensionInfo (api: ApiPromise, extension: InjectedExtension): Promise<ExtensionKnown | null> {
+  if (!extension.metadata) {
+    return null;
+  }
+
+  try {
+    const metadata = extension.metadata;
+    const known = await metadata.get();
+
+    return {
+      extension,
+      known,
+      update: async (def: MetadataDef): Promise<boolean> => {
+        let isOk = false;
+
+        try {
+          isOk = await metadata.provide(def);
+
+          if (isOk) {
+            saveProperties(api, extension);
+            triggerAll();
+          }
+        } catch (error) {
+          // ignore
+        }
+
+        return isOk;
+      }
+    };
+  } catch (error) {
+    return null;
+  }
+}
+
+// eslint-disable-next-line @typescript-eslint/no-unused-vars
+async function getKnown (api: ApiPromise, extensions: InjectedExtension[], _: number): Promise<ExtensionKnown[]> {
+  const all = await Promise.all(
+    extensions.map((extension) => getExtensionInfo(api, extension))
+  );
+
+  return all.filter((info): info is ExtensionKnown => !!info);
+}
+
+const EMPTY_STATE = { count: 0, extensions: [] };
+
+function useExtensionsImpl (): Extensions {
+  const { api, extensions, isApiReady, isDevelopment } = useApi();
+  const [all, setAll] = useState<ExtensionKnown[] | undefined>();
+  const [trigger, setTrigger] = useState(0);
+
+  useEffect((): () => void => {
+    const myId = `${++triggerCount}-${Date.now()}`;
+
+    triggers.set(myId, setTrigger);
+
+    return (): void => {
+      triggers.delete(myId);
+    };
+  }, []);
+
+  useEffect((): void => {
+    extensions && getKnown(api, extensions, trigger).then(setAll);
+  }, [api, extensions, trigger]);
+
+  return useMemo(
+    () => isDevelopment || !isApiReady || !all
+      ? EMPTY_STATE
+      : filterAll(api, all),
+    [all, api, isApiReady, isDevelopment]
+  );
+}
+
+export default createNamedHook('useExtensions', useExtensionsImpl);
diff --git a/packages/page-settings/src/util.tsx b/packages/page-settings/src/util.tsx
new file mode 100644
index 0000000..424c031
--- /dev/null
+++ b/packages/page-settings/src/util.tsx
@@ -0,0 +1,86 @@
+// Copyright 2017-2022 @polkadot/app-settings authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { Option } from '@polkadot/apps-config/settings/types';
+import type { SettingsStruct } from '@polkadot/ui-settings/types';
+
+import React from 'react';
+
+import { ChainImg, Dropdown, IdentityIcon } from '@polkadot/react-components';
+import { settings } from '@polkadot/ui-settings';
+
+export function createOption ({ info, isHeader, text, value }: Option, overrides: string[] = [], override = 'empty', extra?: string): Option | React.ReactNode {
+  if (isHeader) {
+    return (
+      <Dropdown.Header
+        content={text}
+        key={text as string}
+      />
+    );
+  }
+
+  return {
+    text: (
+      <div
+        className='ui--Dropdown-item'
+        key={value}
+      >
+        <ChainImg
+          className='ui--Dropdown-icon'
+          logo={
+            info && overrides.includes(info)
+              ? override
+              : info
+          }
+        />
+        <div className='ui--Dropdown-name'>{text}{extra}</div>
+      </div>
+    ),
+    value
+  };
+}
+
+export function createIdenticon ({ info, text, value }: Option, overrides: string[] = [], override = 'empty'): Option {
+  const theme = info && overrides.includes(info)
+    ? override as 'empty'
+    : info as 'substrate';
+
+  return {
+    text: (
+      <div
+        className='ui--Dropdown-item'
+        key={value}
+      >
+        {theme === 'empty'
+          ? (
+            <ChainImg
+              className='ui--Dropdown-icon'
+              logo='empty'
+            />
+          )
+          : (
+            <IdentityIcon
+              className='ui--Dropdown-icon'
+              size={32}
+              theme={theme}
+              value='5F9999K9UgTUgSsbXZQcEmRMvQqwJoBUHMv9e1k2MdgghuRA'
+            />
+          )}
+        <div className='ui--Dropdown-name'>{text}</div>
+      </div>
+    ),
+    value
+  };
+}
+
+export function save (state: SettingsStruct): void {
+  settings.set(state);
+}
+
+export function saveAndReload (state: SettingsStruct): void {
+  save(state);
+
+  // HACK This is terrible, but since the API needs to re-connect and
+  // the API does not yet handle re-connections properly, it is what it is
+  window.location.reload();
+}
diff --git a/packages/page-settings/tsconfig.build.json b/packages/page-settings/tsconfig.build.json
new file mode 100644
index 0000000..da24d9f
--- /dev/null
+++ b/packages/page-settings/tsconfig.build.json
@@ -0,0 +1,9 @@
+{
+  "extends": "../../tsconfig.base.json",
+  "compilerOptions": {
+    "baseUrl": "..",
+    "outDir": "./build",
+    "rootDir": "./src"
+  },
+  "references": []
+}
diff --git a/packages/page-signing/.skip-build b/packages/page-signing/.skip-build
new file mode 100644
index 0000000..e69de29
diff --git a/packages/page-signing/.skip-npm b/packages/page-signing/.skip-npm
new file mode 100644
index 0000000..e69de29
diff --git a/packages/page-signing/LICENSE b/packages/page-signing/LICENSE
new file mode 100644
index 0000000..0d381b2
--- /dev/null
+++ b/packages/page-signing/LICENSE
@@ -0,0 +1,201 @@
+                              Apache License
+                        Version 2.0, January 2004
+                    http://www.apache.org/licenses/
+
+TERMS AND CONDITIONS FOR USE, REPRODUCTION, AND DISTRIBUTION
+
+1. Definitions.
+
+  "License" shall mean the terms and conditions for use, reproduction,
+  and distribution as defined by Sections 1 through 9 of this document.
+
+  "Licensor" shall mean the copyright owner or entity authorized by
+  the copyright owner that is granting the License.
+
+  "Legal Entity" shall mean the union of the acting entity and all
+  other entities that control, are controlled by, or are under common
+  control with that entity. For the purposes of this definition,
+  "control" means (i) the power, direct or indirect, to cause the
+  direction or management of such entity, whether by contract or
+  otherwise, or (ii) ownership of fifty percent (50%) or more of the
+  outstanding shares, or (iii) beneficial ownership of such entity.
+
+  "You" (or "Your") shall mean an individual or Legal Entity
+  exercising permissions granted by this License.
+
+  "Source" form shall mean the preferred form for making modifications,
+  including but not limited to software source code, documentation
+  source, and configuration files.
+
+  "Object" form shall mean any form resulting from mechanical
+  transformation or translation of a Source form, including but
+  not limited to compiled object code, generated documentation,
+  and conversions to other media types.
+
+  "Work" shall mean the work of authorship, whether in Source or
+  Object form, made available under the License, as indicated by a
+  copyright notice that is included in or attached to the work
+  (an example is provided in the Appendix below).
+
+  "Derivative Works" shall mean any work, whether in Source or Object
+  form, that is based on (or derived from) the Work and for which the
+  editorial revisions, annotations, elaborations, or other modifications
+  represent, as a whole, an original work of authorship. For the purposes
+  of this License, Derivative Works shall not include works that remain
+  separable from, or merely link (or bind by name) to the interfaces of,
+  the Work and Derivative Works thereof.
+
+  "Contribution" shall mean any work of authorship, including
+  the original version of the Work and any modifications or additions
+  to that Work or Derivative Works thereof, that is intentionally
+  submitted to Licensor for inclusion in the Work by the copyright owner
+  or by an individual or Legal Entity authorized to submit on behalf of
+  the copyright owner. For the purposes of this definition, "submitted"
+  means any form of electronic, verbal, or written communication sent
+  to the Licensor or its representatives, including but not limited to
+  communication on electronic mailing lists, source code control systems,
+  and issue tracking systems that are managed by, or on behalf of, the
+  Licensor for the purpose of discussing and improving the Work, but
+  excluding communication that is conspicuously marked or otherwise
+  designated in writing by the copyright owner as "Not a Contribution."
+
+  "Contributor" shall mean Licensor and any individual or Legal Entity
+  on behalf of whom a Contribution has been received by Licensor and
+  subsequently incorporated within the Work.
+
+2. Grant of Copyright License. Subject to the terms and conditions of
+  this License, each Contributor hereby grants to You a perpetual,
+  worldwide, non-exclusive, no-charge, royalty-free, irrevocable
+  copyright license to reproduce, prepare Derivative Works of,
+  publicly display, publicly perform, sublicense, and distribute the
+  Work and such Derivative Works in Source or Object form.
+
+3. Grant of Patent License. Subject to the terms and conditions of
+  this License, each Contributor hereby grants to You a perpetual,
+  worldwide, non-exclusive, no-charge, royalty-free, irrevocable
+  (except as stated in this section) patent license to make, have made,
+  use, offer to sell, sell, import, and otherwise transfer the Work,
+  where such license applies only to those patent claims licensable
+  by such Contributor that are necessarily infringed by their
+  Contribution(s) alone or by combination of their Contribution(s)
+  with the Work to which such Contribution(s) was submitted. If You
+  institute patent litigation against any entity (including a
+  cross-claim or counterclaim in a lawsuit) alleging that the Work
+  or a Contribution incorporated within the Work constitutes direct
+  or contributory patent infringement, then any patent licenses
+  granted to You under this License for that Work shall terminate
+  as of the date such litigation is filed.
+
+4. Redistribution. You may reproduce and distribute copies of the
+  Work or Derivative Works thereof in any medium, with or without
+  modifications, and in Source or Object form, provided that You
+  meet the following conditions:
+
+  (a) You must give any other recipients of the Work or
+      Derivative Works a copy of this License; and
+
+  (b) You must cause any modified files to carry prominent notices
+      stating that You changed the files; and
+
+  (c) You must retain, in the Source form of any Derivative Works
+      that You distribute, all copyright, patent, trademark, and
+      attribution notices from the Source form of the Work,
+      excluding those notices that do not pertain to any part of
+      the Derivative Works; and
+
+  (d) If the Work includes a "NOTICE" text file as part of its
+      distribution, then any Derivative Works that You distribute must
+      include a readable copy of the attribution notices contained
+      within such NOTICE file, excluding those notices that do not
+      pertain to any part of the Derivative Works, in at least one
+      of the following places: within a NOTICE text file distributed
+      as part of the Derivative Works; within the Source form or
+      documentation, if provided along with the Derivative Works; or,
+      within a display generated by the Derivative Works, if and
+      wherever such third-party notices normally appear. The contents
+      of the NOTICE file are for informational purposes only and
+      do not modify the License. You may add Your own attribution
+      notices within Derivative Works that You distribute, alongside
+      or as an addendum to the NOTICE text from the Work, provided
+      that such additional attribution notices cannot be construed
+      as modifying the License.
+
+  You may add Your own copyright statement to Your modifications and
+  may provide additional or different license terms and conditions
+  for use, reproduction, or distribution of Your modifications, or
+  for any such Derivative Works as a whole, provided Your use,
+  reproduction, and distribution of the Work otherwise complies with
+  the conditions stated in this License.
+
+5. Submission of Contributions. Unless You explicitly state otherwise,
+  any Contribution intentionally submitted for inclusion in the Work
+  by You to the Licensor shall be under the terms and conditions of
+  this License, without any additional terms or conditions.
+  Notwithstanding the above, nothing herein shall supersede or modify
+  the terms of any separate license agreement you may have executed
+  with Licensor regarding such Contributions.
+
+6. Trademarks. This License does not grant permission to use the trade
+  names, trademarks, service marks, or product names of the Licensor,
+  except as required for reasonable and customary use in describing the
+  origin of the Work and reproducing the content of the NOTICE file.
+
+7. Disclaimer of Warranty. Unless required by applicable law or
+  agreed to in writing, Licensor provides the Work (and each
+  Contributor provides its Contributions) on an "AS IS" BASIS,
+  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or
+  implied, including, without limitation, any warranties or conditions
+  of TITLE, NON-INFRINGEMENT, MERCHANTABILITY, or FITNESS FOR A
+  PARTICULAR PURPOSE. You are solely responsible for determining the
+  appropriateness of using or redistributing the Work and assume any
+  risks associated with Your exercise of permissions under this License.
+
+8. Limitation of Liability. In no event and under no legal theory,
+  whether in tort (including negligence), contract, or otherwise,
+  unless required by applicable law (such as deliberate and grossly
+  negligent acts) or agreed to in writing, shall any Contributor be
+  liable to You for damages, including any direct, indirect, special,
+  incidental, or consequential damages of any character arising as a
+  result of this License or out of the use or inability to use the
+  Work (including but not limited to damages for loss of goodwill,
+  work stoppage, computer failure or malfunction, or any and all
+  other commercial damages or losses), even if such Contributor
+  has been advised of the possibility of such damages.
+
+9. Accepting Warranty or Additional Liability. While redistributing
+  the Work or Derivative Works thereof, You may choose to offer,
+  and charge a fee for, acceptance of support, warranty, indemnity,
+  or other liability obligations and/or rights consistent with this
+  License. However, in accepting such obligations, You may act only
+  on Your own behalf and on Your sole responsibility, not on behalf
+  of any other Contributor, and only if You agree to indemnify,
+  defend, and hold each Contributor harmless for any liability
+  incurred by, or claims asserted against, such Contributor by reason
+  of your accepting any such warranty or additional liability.
+
+END OF TERMS AND CONDITIONS
+
+APPENDIX: How to apply the Apache License to your work.
+
+  To apply the Apache License to your work, attach the following
+  boilerplate notice, with the fields enclosed by brackets "[]"
+  replaced with your own identifying information. (Don't include
+  the brackets!)  The text should be enclosed in the appropriate
+  comment syntax for the file format. We also recommend that a
+  file or class name and description of purpose be included on the
+  same "printed page" as the copyright notice for easier
+  identification within third-party archives.
+
+Copyright [yyyy] [name of copyright owner]
+
+Licensed under the Apache License, Version 2.0 (the "License");
+you may not use this file except in compliance with the License.
+You may obtain a copy of the License at
+
+    http://www.apache.org/licenses/LICENSE-2.0
+
+Unless required by applicable law or agreed to in writing, software
+distributed under the License is distributed on an "AS IS" BASIS,
+WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+See the License for the specific language governing permissions and
+limitations under the License.
diff --git a/packages/page-signing/README.md b/packages/page-signing/README.md
new file mode 100644
index 0000000..204a833
--- /dev/null
+++ b/packages/page-signing/README.md
@@ -0,0 +1 @@
+# @polkadot/app-toolbox
diff --git a/packages/page-signing/package.json b/packages/page-signing/package.json
new file mode 100644
index 0000000..1f03d44
--- /dev/null
+++ b/packages/page-signing/package.json
@@ -0,0 +1,19 @@
+{
+  "bugs": "https://github.com/polkadot-js/apps/issues",
+  "homepage": "https://github.com/polkadot-js/apps/tree/master/packages/page-signing#readme",
+  "license": "Apache-2.0",
+  "name": "@polkadot/app-signing",
+  "private": true,
+  "repository": {
+    "directory": "packages/page-signing",
+    "type": "git",
+    "url": "https://github.com/polkadot-js/apps.git"
+  },
+  "sideEffects": false,
+  "type": "module",
+  "version": "0.112.2-14",
+  "dependencies": {
+    "@babel/runtime": "^7.17.9",
+    "@polkadot/react-components": "^0.112.2-14"
+  }
+}
diff --git a/packages/page-signing/src/Hash.tsx b/packages/page-signing/src/Hash.tsx
new file mode 100644
index 0000000..63357e3
--- /dev/null
+++ b/packages/page-signing/src/Hash.tsx
@@ -0,0 +1,83 @@
+// Copyright 2017-2022 @polkadot/app-signing authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import React, { useCallback, useState } from 'react';
+
+import { Input, Output, Static } from '@polkadot/react-components';
+import { hexToU8a, isHex, stringToU8a } from '@polkadot/util';
+import { blake2AsHex } from '@polkadot/util-crypto';
+
+import { useTranslation } from './translate';
+
+interface State {
+  data: string;
+  hash: string;
+  isHexData: boolean;
+}
+
+function Hash (): React.ReactElement {
+  const { t } = useTranslation();
+  const [{ data, hash, isHexData }, setState] = useState<State>({
+    data: '',
+    hash: blake2AsHex(stringToU8a(''), 256),
+    isHexData: false
+  });
+
+  const _onChangeData = useCallback(
+    (data: string): void => {
+      const isHexData = isHex(data);
+
+      setState({
+        data,
+        hash: blake2AsHex(
+          isHexData
+            ? hexToU8a(data)
+            : stringToU8a(data),
+          256
+        ),
+        isHexData
+      });
+    },
+    []
+  );
+
+  return (
+    <div className='toolbox--Hash'>
+      <div className='ui--row'>
+        <Input
+          autoFocus
+          className='full'
+          help={t<string>('The input data to hash. This can be either specified as a hex value (0x-prefix) or as a string.')}
+          label={t<string>('from the following data')}
+          onChange={_onChangeData}
+          value={data}
+        />
+      </div>
+      <div className='ui--row'>
+        <Static
+          className='medium'
+          help={t<string>('Detection on the input string to determine if it is hex or non-hex.')}
+          label={t<string>('hex input data')}
+          value={
+            isHexData
+              ? t<string>('Yes')
+              : t<string>('No')
+          }
+        />
+      </div>
+      <div className='ui--row'>
+        <Output
+          className='full'
+          help={t<string>('The blake2b 256-bit hash of the actual input data.')}
+          isHidden={hash.length === 0}
+          isMonospace
+          label={t<string>('the resulting hash is')}
+          value={hash}
+          withCopy
+        />
+      </div>
+    </div>
+  );
+}
+
+export default React.memo(Hash);
diff --git a/packages/page-signing/src/Sign.tsx b/packages/page-signing/src/Sign.tsx
new file mode 100644
index 0000000..5d5e447
--- /dev/null
+++ b/packages/page-signing/src/Sign.tsx
@@ -0,0 +1,250 @@
+// Copyright 2017-2022 @polkadot/app-signing authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { Signer } from '@polkadot/api/types';
+import type { KeyringPair } from '@polkadot/keyring/types';
+
+import React, { useCallback, useEffect, useState } from 'react';
+import styled from 'styled-components';
+
+import { web3FromSource } from '@polkadot/extension-dapp';
+import { Button, Input, InputAddress, Output, Static } from '@polkadot/react-components';
+import { useToggle } from '@polkadot/react-hooks';
+import { keyring } from '@polkadot/ui-keyring';
+import { isFunction, isHex, u8aToHex, u8aWrapBytes } from '@polkadot/util';
+
+import { useTranslation } from './translate';
+import Unlock from './Unlock';
+
+interface Props {
+  className?: string;
+}
+
+interface AccountState {
+  isExternal: boolean;
+  isHardware: boolean;
+  isInjected: boolean;
+}
+
+interface DataState {
+  data: string;
+  isHexData: boolean;
+}
+
+interface SignerState {
+  isUsable: boolean;
+  signer: Signer | null;
+}
+
+function Sign ({ className = '' }: Props): React.ReactElement<Props> {
+  const { t } = useTranslation();
+  const [currentPair, setCurrentPair] = useState<KeyringPair | null>(() => keyring.getPairs()[0] || null);
+  const [{ data, isHexData }, setData] = useState<DataState>({ data: '', isHexData: false });
+  const [{ isInjected }, setAccountState] = useState<AccountState>({ isExternal: false, isHardware: false, isInjected: false });
+  const [isLocked, setIsLocked] = useState(false);
+  const [{ isUsable, signer }, setSigner] = useState<SignerState>({ isUsable: true, signer: null });
+  const [signature, setSignature] = useState('');
+  const [isUnlockVisible, toggleUnlock] = useToggle();
+
+  useEffect((): void => {
+    const meta = (currentPair && currentPair.meta) || {};
+    const isExternal = (meta.isExternal as boolean) || false;
+    const isHardware = (meta.isHardware as boolean) || false;
+    const isInjected = (meta.isInjected as boolean) || false;
+    const isUsable = !(isExternal || isHardware || isInjected);
+
+    setAccountState({ isExternal, isHardware, isInjected });
+    setIsLocked(
+      isInjected
+        ? false
+        : (currentPair && currentPair.isLocked) || false
+    );
+    setSignature('');
+    setSigner({ isUsable, signer: null });
+
+    // for injected, retrieve the signer
+    if (meta.source && isInjected) {
+      web3FromSource(meta.source as string)
+        .catch((): null => null)
+        .then((injected) => setSigner({
+          isUsable: isFunction(injected?.signer?.signRaw),
+          signer: injected?.signer || null
+        }))
+        .catch(console.error);
+    }
+  }, [currentPair]);
+
+  const _onChangeAccount = useCallback(
+    (accountId: string | null) => accountId && setCurrentPair(keyring.getPair(accountId)),
+    []
+  );
+
+  const _onChangeData = useCallback(
+    (data: string) => setData({ data, isHexData: isHex(data) }),
+    []
+  );
+
+  const _onSign = useCallback(
+    (): void => {
+      if (isLocked || !isUsable || !currentPair) {
+        return;
+      }
+
+      const wrapped = u8aWrapBytes(data);
+
+      if (signer && isFunction(signer.signRaw)) {
+        setSignature('');
+
+        signer
+          .signRaw({
+            address: currentPair.address,
+            data: u8aToHex(wrapped),
+            type: 'bytes'
+          })
+          .then(({ signature }) => setSignature(signature))
+          .catch(console.error);
+      } else {
+        setSignature(u8aToHex(currentPair.sign(wrapped)));
+      }
+    },
+    [currentPair, data, isLocked, isUsable, signer]
+  );
+
+  const _onUnlock = useCallback(
+    (): void => {
+      setIsLocked(false);
+      toggleUnlock();
+    },
+    [toggleUnlock]
+  );
+
+  return (
+    <div className={`toolbox--Sign ${className}`}>
+      <div className='ui--row'>
+        <InputAddress
+          className='full'
+          help={t<string>('select the account you wish to sign data with')}
+          isInput={false}
+          label={t<string>('account')}
+          onChange={_onChangeAccount}
+          type='account'
+        />
+      </div>
+      <div className='toolbox--Sign-input'>
+        <div className='ui--row'>
+          <Input
+            autoFocus
+            className='full'
+            help={t<string>('The input data to sign. This can be either specified as a hex value (0x-prefix) or as a string.')}
+            label={t<string>('sign the following data')}
+            onChange={_onChangeData}
+            value={data}
+          />
+        </div>
+        <div className='ui--row'>
+          <Static
+            className='medium'
+            help={t<string>('Detection on the input string to determine if it is hex or non-hex.')}
+            label={t<string>('hex input data')}
+            value={
+              isHexData
+                ? t<string>('Yes')
+                : t<string>('No')
+            }
+          />
+        </div>
+        <div className='ui--row'>
+          <Output
+            className='full'
+            help={t<string>('The resulting signature of the input data, as done with the crypto algorithm from the account. (This could be non-deterministic for some types such as sr25519).')}
+            isHidden={signature.length === 0}
+            isMonospace
+            label={t<string>('signature of supplied data')}
+            value={signature}
+            withCopy
+          />
+        </div>
+        <div
+          className='unlock-overlay'
+          hidden={!isUsable || !isLocked || isInjected}
+        >
+          {isLocked && (
+            <div className='unlock-overlay-warning'>
+              <div className='unlock-overlay-content'>
+                {t<string>('You need to unlock this account to be able to sign data.')}<br />
+                <Button.Group>
+                  <Button
+                    icon='unlock'
+                    label={t<string>('Unlock account')}
+                    onClick={toggleUnlock}
+                  />
+                </Button.Group>
+              </div>
+            </div>
+          )}
+        </div>
+        <div
+          className='unlock-overlay'
+          hidden={isUsable}
+        >
+          <div className='unlock-overlay-warning'>
+            <div className='unlock-overlay-content'>
+              {isInjected
+                ? t<string>('This injected account cannot be used to sign data since the extension does not support raw signing.')
+                : t<string>('This external account cannot be used to sign data. Only Limited support is currently available for signing from any non-internal accounts.')}
+            </div>
+          </div>
+        </div>
+        {isUnlockVisible && (
+          <Unlock
+            onClose={toggleUnlock}
+            onUnlock={_onUnlock}
+            pair={currentPair}
+          />
+        )}
+      </div>
+      <Button.Group>
+        <Button
+          icon='key'
+          isDisabled={!(isUsable && !isLocked)}
+          label={t<string>('Sign message')}
+          onClick={_onSign}
+        />
+      </Button.Group>
+    </div>
+  );
+}
+
+export default React.memo(styled(Sign)`
+  .toolbox--Sign-input {
+    position: relative;
+    width: 100%;
+    height: 100%;
+
+    .unlock-overlay {
+      position: absolute;
+      width: 100%;
+      height: 100%;
+      top:0;
+      left:0;
+      background-color: #0f0e0e7a;
+    }
+
+    .unlock-overlay-warning {
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      height:100%;
+    }
+
+    .unlock-overlay-content {
+      color:#fff;
+      padding: 0 2.5rem;
+      text-align:center;
+
+      .ui--Button-Group {
+        text-align: center;
+      }
+    }
+  }
+`);
diff --git a/packages/page-signing/src/Unlock.tsx b/packages/page-signing/src/Unlock.tsx
new file mode 100644
index 0000000..9bf2dc4
--- /dev/null
+++ b/packages/page-signing/src/Unlock.tsx
@@ -0,0 +1,100 @@
+// Copyright 2017-2022 @polkadot/app-signing authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { KeyringPair } from '@polkadot/keyring/types';
+
+import React, { useCallback, useEffect, useState } from 'react';
+
+import { Button, InputAddress, Modal, Password } from '@polkadot/react-components';
+
+import { useTranslation } from './translate';
+
+interface Props {
+  onClose: () => void;
+  onUnlock: () => void;
+  pair: KeyringPair | null;
+}
+
+function Unlock ({ onClose, onUnlock, pair }: Props): React.ReactElement<Props> | null {
+  const { t } = useTranslation();
+  const [isBusy, setIsBusy] = useState(false);
+  const [address, setAddress] = useState('');
+  const [password, setPassword] = useState('');
+  const [unlockError, setUnlockError] = useState<string | null>(null);
+
+  useEffect((): void => {
+    setAddress(pair?.address || '');
+  }, [pair]);
+
+  useEffect((): void => {
+    setUnlockError(null);
+  }, [password]);
+
+  const _onUnlock = useCallback(
+    (): void => {
+      if (!pair || !pair.isLocked) {
+        return;
+      }
+
+      setIsBusy(true);
+      setTimeout((): void => {
+        try {
+          pair.decodePkcs8(password);
+        } catch (error) {
+          setIsBusy(false);
+
+          return setUnlockError((error as Error).message);
+        }
+
+        setIsBusy(false);
+        onUnlock();
+      }, 0);
+    },
+    [onUnlock, pair, password]
+  );
+
+  if (!pair) {
+    return null;
+  }
+
+  return (
+    <Modal
+      className='toolbox--Unlock'
+      header={t<string>('Unlock account')}
+      onClose={onClose}
+      size='large'
+    >
+      <Modal.Content>
+        <Modal.Columns hint={t<string>('This account that will perform the message signing.')}>
+          <InputAddress
+            help={t<string>('The selected account to be unlocked.')}
+            isDisabled
+            label={t<string>('account')}
+            value={address}
+          />
+        </Modal.Columns>
+        <Modal.Columns hint={t<string>('Unlock the account for signing. Once active the signature will be generated based on the content provided.')}>
+          <Password
+            autoFocus
+            help={t<string>('The account\'s password specified at the creation of this account.')}
+            isError={!!unlockError}
+            label={t<string>('password')}
+            onChange={setPassword}
+            onEnter={_onUnlock}
+            value={password}
+          />
+        </Modal.Columns>
+      </Modal.Content>
+      <Modal.Actions>
+        <Button
+          icon='unlock'
+          isBusy={isBusy}
+          label={t<string>('Unlock')}
+          onClick={_onUnlock}
+        />
+      </Modal.Actions>
+    </Modal>
+  );
+}
+
+export default React.memo(Unlock);
diff --git a/packages/page-signing/src/Verify.tsx b/packages/page-signing/src/Verify.tsx
new file mode 100644
index 0000000..eaf0857
--- /dev/null
+++ b/packages/page-signing/src/Verify.tsx
@@ -0,0 +1,150 @@
+// Copyright 2017-2022 @polkadot/app-signing authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { KeypairType } from '@polkadot/util-crypto/types';
+
+import React, { useCallback, useEffect, useState } from 'react';
+import styled from 'styled-components';
+
+import { Badge, Dropdown, Input, InputAddress, Static } from '@polkadot/react-components';
+import { useApi } from '@polkadot/react-hooks';
+import { keyring } from '@polkadot/ui-keyring';
+import { settings } from '@polkadot/ui-settings';
+import { isHex } from '@polkadot/util';
+import { signatureVerify } from '@polkadot/util-crypto';
+
+import { useTranslation } from './translate';
+
+type CryptoTypes = KeypairType | 'unknown';
+
+interface Props {
+  className?: string;
+}
+
+function Verify ({ className = '' }: Props): React.ReactElement {
+  const { t } = useTranslation();
+  const { isEthereum } = useApi();
+  const [{ cryptoType, isValid }, setValidity] = useState<{ cryptoType: CryptoTypes; isValid: boolean }>({ cryptoType: 'unknown', isValid: false });
+  const [{ data, isHexData }, setData] = useState<{ data: string; isHexData: boolean }>({ data: '', isHexData: false });
+  const [{ isValidPk, publicKey }, setPublicKey] = useState<{ isValidPk: boolean; publicKey: Uint8Array | null }>({ isValidPk: false, publicKey: null });
+  const [{ isValidSignature, signature }, setSignature] = useState<{ isValidSignature: boolean; signature: string }>({ isValidSignature: false, signature: '' });
+  const [cryptoOptions] = useState([{ text: t<string>('Crypto not detected'), value: 'unknown' }].concat(settings.availableCryptos as { text: string; value: string }[]));
+
+  useEffect((): void => {
+    let cryptoType: CryptoTypes = 'unknown';
+    let isValid = isValidPk && isValidSignature;
+
+    // We use signatureVerify to detect validity and crypto type
+    if (isValid && publicKey) {
+      const verification = signatureVerify(data, signature, publicKey);
+
+      if (verification.crypto !== 'none') {
+        cryptoType = verification.crypto;
+        isValid = verification.isValid;
+      } else {
+        isValid = false;
+      }
+    }
+
+    setValidity({ cryptoType, isValid });
+  }, [data, isValidPk, isValidSignature, publicKey, signature]);
+
+  const _onChangeAddress = useCallback(
+    (accountId: string | null): void => {
+      let publicKey: Uint8Array | null = null;
+
+      try {
+        publicKey = keyring.decodeAddress(accountId || '');
+      } catch (err) {
+        console.error(err);
+      }
+
+      setPublicKey({ isValidPk: !!publicKey && (publicKey.length === 32 || (isEthereum && publicKey.length === 20)), publicKey });
+    },
+    [isEthereum]
+  );
+
+  const _onChangeData = useCallback(
+    (data: string) => setData({ data, isHexData: isHex(data) }),
+    []
+  );
+
+  const _onChangeSignature = useCallback(
+    (signature: string) => setSignature({ isValidSignature: isHex(signature) && (signature.length === 130 || (isEthereum && signature.length === 132)), signature }),
+    [isEthereum]
+  );
+
+  return (
+    <div className={`toolbox--Verify ${className}`}>
+      <div className='ui--row'>
+        <InputAddress
+          className='full'
+          help={t<string>('The account that signed the input')}
+          isError={!isValidPk}
+          isInput
+          label={t<string>('verify using address')}
+          onChange={_onChangeAddress}
+        />
+      </div>
+      <div className='ui--row'>
+        <Input
+          autoFocus
+          className='full'
+          help={t<string>('The data that was signed. This is used in combination with the signature for the verification. It can either be hex or a string.')}
+          label={t<string>('using the following data')}
+          onChange={_onChangeData}
+          value={data}
+        />
+      </div>
+      <div className='ui--row'>
+        <div className='ui--AlignedIconContainer'>
+          <Badge
+            className='alignedBadge'
+            color={isValid ? 'green' : (isValidSignature ? 'red' : 'gray')}
+            icon={isValid ? 'check' : (isValidSignature ? 'exclamation' : 'question')}
+          />
+        </div>
+        <Input
+          className='full'
+          help={t<string>('The signature as by the account being checked, supplied as a hex-formatted string.')}
+          isError={!isValidSignature}
+          label={t<string>('the supplied signature')}
+          onChange={_onChangeSignature}
+          value={signature}
+        />
+      </div>
+      <div className='ui--row'>
+        <Dropdown
+          defaultValue={cryptoType}
+          help={t<string>('Cryptography used to create this signature. It is auto-detected on valid signatures.')}
+          isDisabled
+          label={t<string>('signature crypto type')}
+          options={cryptoOptions}
+        />
+        <Static
+          className='medium'
+          help={t<string>('Detection on the input string to determine if it is hex or non-hex.')}
+          label={t<string>('hex input data')}
+          value={
+            isHexData
+              ? t<string>('Yes')
+              : t<string>('No')
+          }
+        />
+      </div>
+    </div>
+  );
+}
+
+export default React.memo(styled(Verify)`
+  .ui--AlignedIconContainer {
+    position: absolute;
+    z-index: 1;
+  }
+
+  .alignedBadge {
+    left: 1.25rem;
+    position: relative;
+    top: 1.25rem;
+  }
+`);
diff --git a/packages/page-signing/src/index.tsx b/packages/page-signing/src/index.tsx
new file mode 100644
index 0000000..7f50541
--- /dev/null
+++ b/packages/page-signing/src/index.tsx
@@ -0,0 +1,50 @@
+// Copyright 2017-2022 @polkadot/app-signing authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { AppProps as Props } from '@polkadot/react-components/types';
+
+import React, { useRef } from 'react';
+import { Route, Switch } from 'react-router';
+
+import { Tabs } from '@polkadot/react-components';
+
+import Hash from './Hash';
+import Sign from './Sign';
+import { useTranslation } from './translate';
+import Verify from './Verify';
+
+function SigningApp ({ basePath }: Props): React.ReactElement<Props> {
+  const { t } = useTranslation();
+
+  const itemsRef = useRef([
+    {
+      isRoot: true,
+      name: 'sign',
+      text: t<string>('Sign message')
+    },
+    {
+      name: 'verify',
+      text: t<string>('Verify signature')
+    },
+    {
+      name: 'hash',
+      text: t<string>('Hash data')
+    }
+  ]);
+
+  return (
+    <main className='toolbox--App'>
+      <Tabs
+        basePath={basePath}
+        items={itemsRef.current}
+      />
+      <Switch>
+        <Route path={`${basePath}/hash`}><Hash /></Route>
+        <Route path={`${basePath}/verify`}><Verify /></Route>
+        <Route><Sign /></Route>
+      </Switch>
+    </main>
+  );
+}
+
+export default React.memo(SigningApp);
diff --git a/packages/page-signing/src/translate.ts b/packages/page-signing/src/translate.ts
new file mode 100644
index 0000000..f7c06dc
--- /dev/null
+++ b/packages/page-signing/src/translate.ts
@@ -0,0 +1,10 @@
+// Copyright 2017-2022 @polkadot/app-signing authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { UseTranslationResponse } from 'react-i18next';
+
+import { useTranslation as useTranslationBase } from 'react-i18next';
+
+export function useTranslation (): UseTranslationResponse<'app-signing', undefined> {
+  return useTranslationBase('app-signing');
+}
diff --git a/packages/page-signing/tsconfig.build.json b/packages/page-signing/tsconfig.build.json
new file mode 100644
index 0000000..da24d9f
--- /dev/null
+++ b/packages/page-signing/tsconfig.build.json
@@ -0,0 +1,9 @@
+{
+  "extends": "../../tsconfig.base.json",
+  "compilerOptions": {
+    "baseUrl": "..",
+    "outDir": "./build",
+    "rootDir": "./src"
+  },
+  "references": []
+}
diff --git a/packages/page-society/.skip-build b/packages/page-society/.skip-build
new file mode 100644
index 0000000..e69de29
diff --git a/packages/page-society/.skip-npm b/packages/page-society/.skip-npm
new file mode 100644
index 0000000..e69de29
diff --git a/packages/page-society/LICENSE b/packages/page-society/LICENSE
new file mode 100644
index 0000000..0d381b2
--- /dev/null
+++ b/packages/page-society/LICENSE
@@ -0,0 +1,201 @@
+                              Apache License
+                        Version 2.0, January 2004
+                    http://www.apache.org/licenses/
+
+TERMS AND CONDITIONS FOR USE, REPRODUCTION, AND DISTRIBUTION
+
+1. Definitions.
+
+  "License" shall mean the terms and conditions for use, reproduction,
+  and distribution as defined by Sections 1 through 9 of this document.
+
+  "Licensor" shall mean the copyright owner or entity authorized by
+  the copyright owner that is granting the License.
+
+  "Legal Entity" shall mean the union of the acting entity and all
+  other entities that control, are controlled by, or are under common
+  control with that entity. For the purposes of this definition,
+  "control" means (i) the power, direct or indirect, to cause the
+  direction or management of such entity, whether by contract or
+  otherwise, or (ii) ownership of fifty percent (50%) or more of the
+  outstanding shares, or (iii) beneficial ownership of such entity.
+
+  "You" (or "Your") shall mean an individual or Legal Entity
+  exercising permissions granted by this License.
+
+  "Source" form shall mean the preferred form for making modifications,
+  including but not limited to software source code, documentation
+  source, and configuration files.
+
+  "Object" form shall mean any form resulting from mechanical
+  transformation or translation of a Source form, including but
+  not limited to compiled object code, generated documentation,
+  and conversions to other media types.
+
+  "Work" shall mean the work of authorship, whether in Source or
+  Object form, made available under the License, as indicated by a
+  copyright notice that is included in or attached to the work
+  (an example is provided in the Appendix below).
+
+  "Derivative Works" shall mean any work, whether in Source or Object
+  form, that is based on (or derived from) the Work and for which the
+  editorial revisions, annotations, elaborations, or other modifications
+  represent, as a whole, an original work of authorship. For the purposes
+  of this License, Derivative Works shall not include works that remain
+  separable from, or merely link (or bind by name) to the interfaces of,
+  the Work and Derivative Works thereof.
+
+  "Contribution" shall mean any work of authorship, including
+  the original version of the Work and any modifications or additions
+  to that Work or Derivative Works thereof, that is intentionally
+  submitted to Licensor for inclusion in the Work by the copyright owner
+  or by an individual or Legal Entity authorized to submit on behalf of
+  the copyright owner. For the purposes of this definition, "submitted"
+  means any form of electronic, verbal, or written communication sent
+  to the Licensor or its representatives, including but not limited to
+  communication on electronic mailing lists, source code control systems,
+  and issue tracking systems that are managed by, or on behalf of, the
+  Licensor for the purpose of discussing and improving the Work, but
+  excluding communication that is conspicuously marked or otherwise
+  designated in writing by the copyright owner as "Not a Contribution."
+
+  "Contributor" shall mean Licensor and any individual or Legal Entity
+  on behalf of whom a Contribution has been received by Licensor and
+  subsequently incorporated within the Work.
+
+2. Grant of Copyright License. Subject to the terms and conditions of
+  this License, each Contributor hereby grants to You a perpetual,
+  worldwide, non-exclusive, no-charge, royalty-free, irrevocable
+  copyright license to reproduce, prepare Derivative Works of,
+  publicly display, publicly perform, sublicense, and distribute the
+  Work and such Derivative Works in Source or Object form.
+
+3. Grant of Patent License. Subject to the terms and conditions of
+  this License, each Contributor hereby grants to You a perpetual,
+  worldwide, non-exclusive, no-charge, royalty-free, irrevocable
+  (except as stated in this section) patent license to make, have made,
+  use, offer to sell, sell, import, and otherwise transfer the Work,
+  where such license applies only to those patent claims licensable
+  by such Contributor that are necessarily infringed by their
+  Contribution(s) alone or by combination of their Contribution(s)
+  with the Work to which such Contribution(s) was submitted. If You
+  institute patent litigation against any entity (including a
+  cross-claim or counterclaim in a lawsuit) alleging that the Work
+  or a Contribution incorporated within the Work constitutes direct
+  or contributory patent infringement, then any patent licenses
+  granted to You under this License for that Work shall terminate
+  as of the date such litigation is filed.
+
+4. Redistribution. You may reproduce and distribute copies of the
+  Work or Derivative Works thereof in any medium, with or without
+  modifications, and in Source or Object form, provided that You
+  meet the following conditions:
+
+  (a) You must give any other recipients of the Work or
+      Derivative Works a copy of this License; and
+
+  (b) You must cause any modified files to carry prominent notices
+      stating that You changed the files; and
+
+  (c) You must retain, in the Source form of any Derivative Works
+      that You distribute, all copyright, patent, trademark, and
+      attribution notices from the Source form of the Work,
+      excluding those notices that do not pertain to any part of
+      the Derivative Works; and
+
+  (d) If the Work includes a "NOTICE" text file as part of its
+      distribution, then any Derivative Works that You distribute must
+      include a readable copy of the attribution notices contained
+      within such NOTICE file, excluding those notices that do not
+      pertain to any part of the Derivative Works, in at least one
+      of the following places: within a NOTICE text file distributed
+      as part of the Derivative Works; within the Source form or
+      documentation, if provided along with the Derivative Works; or,
+      within a display generated by the Derivative Works, if and
+      wherever such third-party notices normally appear. The contents
+      of the NOTICE file are for informational purposes only and
+      do not modify the License. You may add Your own attribution
+      notices within Derivative Works that You distribute, alongside
+      or as an addendum to the NOTICE text from the Work, provided
+      that such additional attribution notices cannot be construed
+      as modifying the License.
+
+  You may add Your own copyright statement to Your modifications and
+  may provide additional or different license terms and conditions
+  for use, reproduction, or distribution of Your modifications, or
+  for any such Derivative Works as a whole, provided Your use,
+  reproduction, and distribution of the Work otherwise complies with
+  the conditions stated in this License.
+
+5. Submission of Contributions. Unless You explicitly state otherwise,
+  any Contribution intentionally submitted for inclusion in the Work
+  by You to the Licensor shall be under the terms and conditions of
+  this License, without any additional terms or conditions.
+  Notwithstanding the above, nothing herein shall supersede or modify
+  the terms of any separate license agreement you may have executed
+  with Licensor regarding such Contributions.
+
+6. Trademarks. This License does not grant permission to use the trade
+  names, trademarks, service marks, or product names of the Licensor,
+  except as required for reasonable and customary use in describing the
+  origin of the Work and reproducing the content of the NOTICE file.
+
+7. Disclaimer of Warranty. Unless required by applicable law or
+  agreed to in writing, Licensor provides the Work (and each
+  Contributor provides its Contributions) on an "AS IS" BASIS,
+  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or
+  implied, including, without limitation, any warranties or conditions
+  of TITLE, NON-INFRINGEMENT, MERCHANTABILITY, or FITNESS FOR A
+  PARTICULAR PURPOSE. You are solely responsible for determining the
+  appropriateness of using or redistributing the Work and assume any
+  risks associated with Your exercise of permissions under this License.
+
+8. Limitation of Liability. In no event and under no legal theory,
+  whether in tort (including negligence), contract, or otherwise,
+  unless required by applicable law (such as deliberate and grossly
+  negligent acts) or agreed to in writing, shall any Contributor be
+  liable to You for damages, including any direct, indirect, special,
+  incidental, or consequential damages of any character arising as a
+  result of this License or out of the use or inability to use the
+  Work (including but not limited to damages for loss of goodwill,
+  work stoppage, computer failure or malfunction, or any and all
+  other commercial damages or losses), even if such Contributor
+  has been advised of the possibility of such damages.
+
+9. Accepting Warranty or Additional Liability. While redistributing
+  the Work or Derivative Works thereof, You may choose to offer,
+  and charge a fee for, acceptance of support, warranty, indemnity,
+  or other liability obligations and/or rights consistent with this
+  License. However, in accepting such obligations, You may act only
+  on Your own behalf and on Your sole responsibility, not on behalf
+  of any other Contributor, and only if You agree to indemnify,
+  defend, and hold each Contributor harmless for any liability
+  incurred by, or claims asserted against, such Contributor by reason
+  of your accepting any such warranty or additional liability.
+
+END OF TERMS AND CONDITIONS
+
+APPENDIX: How to apply the Apache License to your work.
+
+  To apply the Apache License to your work, attach the following
+  boilerplate notice, with the fields enclosed by brackets "[]"
+  replaced with your own identifying information. (Don't include
+  the brackets!)  The text should be enclosed in the appropriate
+  comment syntax for the file format. We also recommend that a
+  file or class name and description of purpose be included on the
+  same "printed page" as the copyright notice for easier
+  identification within third-party archives.
+
+Copyright [yyyy] [name of copyright owner]
+
+Licensed under the Apache License, Version 2.0 (the "License");
+you may not use this file except in compliance with the License.
+You may obtain a copy of the License at
+
+    http://www.apache.org/licenses/LICENSE-2.0
+
+Unless required by applicable law or agreed to in writing, software
+distributed under the License is distributed on an "AS IS" BASIS,
+WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+See the License for the specific language governing permissions and
+limitations under the License.
diff --git a/packages/page-society/README.md b/packages/page-society/README.md
new file mode 100644
index 0000000..1b41088
--- /dev/null
+++ b/packages/page-society/README.md
@@ -0,0 +1 @@
+# @polkadot/app-society
diff --git a/packages/page-society/package.json b/packages/page-society/package.json
new file mode 100644
index 0000000..d36427f
--- /dev/null
+++ b/packages/page-society/package.json
@@ -0,0 +1,19 @@
+{
+  "bugs": "https://github.com/polkadot-js/apps/issues",
+  "homepage": "https://github.com/polkadot-js/apps/tree/master/packages/page-society#readme",
+  "license": "Apache-2.0",
+  "name": "@polkadot/app-society",
+  "private": true,
+  "repository": {
+    "directory": "packages/page-society",
+    "type": "git",
+    "url": "https://github.com/polkadot-js/apps.git"
+  },
+  "sideEffects": false,
+  "type": "module",
+  "version": "0.112.2-14",
+  "dependencies": {
+    "@babel/runtime": "^7.17.9",
+    "@polkadot/react-components": "^0.112.2-14"
+  }
+}
diff --git a/packages/page-society/src/Candidates/Bid.tsx b/packages/page-society/src/Candidates/Bid.tsx
new file mode 100644
index 0000000..81f4a01
--- /dev/null
+++ b/packages/page-society/src/Candidates/Bid.tsx
@@ -0,0 +1,89 @@
+// Copyright 2017-2022 @polkadot/app-society authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { PalletSocietyBid } from '@polkadot/types/lookup';
+
+import React, { useMemo } from 'react';
+
+import { AddressSmall, TxButton } from '@polkadot/react-components';
+import { useAccounts, useApi } from '@polkadot/react-hooks';
+import { FormatBalance } from '@polkadot/react-query';
+
+import { useTranslation } from '../translate';
+import BidType from './BidType';
+
+interface Props {
+  index: number;
+  value: PalletSocietyBid;
+}
+
+function BidRow ({ index, value: { kind, value, who } }: Props): React.ReactElement<Props> {
+  const { t } = useTranslation();
+  const { api } = useApi();
+  const { allAccounts } = useAccounts();
+
+  const [voucher, tip] = useMemo(
+    () => kind.isVouch
+      ? kind.asVouch
+      : [null, null],
+    [kind]
+  );
+
+  const [isBidder, isVoucher] = useMemo(
+    (): [boolean, boolean] => {
+      const whoSS58 = who.toString();
+      const vouchSS58 = voucher && voucher.toString();
+
+      return [
+        allAccounts.some((accountId) => accountId === whoSS58),
+        vouchSS58
+          ? allAccounts.some((accountId) => accountId === vouchSS58)
+          : false
+      ];
+    },
+    [allAccounts, voucher, who]
+  );
+
+  return (
+    <tr>
+      <td className='address all'>
+        <AddressSmall value={who} />
+      </td>
+      <BidType value={kind} />
+      <td className='number'>
+        <FormatBalance value={value} />
+      </td>
+      <td className='number'>
+        {tip && (
+          <FormatBalance value={tip} />
+        )}
+      </td>
+      <td className='button'>
+        {kind.isVouch
+          ? (
+            <TxButton
+              accountId={voucher}
+              icon='times'
+              isDisabled={!isVoucher}
+              label={t<string>('Unvouch')}
+              params={[index]}
+              tx={api.tx.society.unvouch}
+            />
+          )
+          : (
+            <TxButton
+              accountId={who}
+              icon='times'
+              isDisabled={!isBidder}
+              label={t<string>('Unbid')}
+              params={[index]}
+              tx={api.tx.society.unbid}
+            />
+          )
+        }
+      </td>
+    </tr>
+  );
+}
+
+export default React.memo(BidRow);
diff --git a/packages/page-society/src/Candidates/BidNew.tsx b/packages/page-society/src/Candidates/BidNew.tsx
new file mode 100644
index 0000000..b0bc6a7
--- /dev/null
+++ b/packages/page-society/src/Candidates/BidNew.tsx
@@ -0,0 +1,62 @@
+// Copyright 2017-2022 @polkadot/app-society authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { BN } from '@polkadot/util';
+
+import React, { useState } from 'react';
+
+import { InputAddress, InputBalance, Modal, TxButton } from '@polkadot/react-components';
+import { useApi } from '@polkadot/react-hooks';
+
+import { useTranslation } from '../translate';
+
+interface Props {
+  onClose: () => void;
+}
+
+function BidNew ({ onClose }: Props): React.ReactElement<Props> {
+  const { t } = useTranslation();
+  const { api } = useApi();
+  const [amount, setAmount] = useState<BN | undefined>();
+  const [accountId, setAccount] = useState<string | null | undefined>();
+
+  return (
+    <Modal
+      header= {t<string>('Bid to join')}
+      onClose={onClose}
+      size='large'
+    >
+      <Modal.Content>
+        <Modal.Columns hint={t<string>('Your candidate/bid account. Once accepted this account will become a member.')}>
+          <InputAddress
+            help={t<string>('The actual account you wish to submit the bid with')}
+            label={t<string>('bid account')}
+            onChange={setAccount}
+            type='account'
+          />
+        </Modal.Columns>
+        <Modal.Columns hint={t<string>('The amount to tie to your bid. The lowest bidder moves forward.')}>
+          <InputBalance
+            autoFocus
+            help={t<string>('The amount to associate with your bid, should be less than the pot.')}
+            label={t<string>('bid amount')}
+            onChange={setAmount}
+          />
+        </Modal.Columns>
+      </Modal.Content>
+      <Modal.Actions>
+        <TxButton
+          accountId={accountId}
+          icon='sign-in-alt'
+          isDisabled={!amount}
+          label={t<string>('Bid')}
+          onStart={onClose}
+          params={[amount]}
+          tx={api.tx.society.bid}
+        />
+      </Modal.Actions>
+    </Modal>
+  );
+}
+
+export default React.memo(BidNew);
diff --git a/packages/page-society/src/Candidates/BidType.tsx b/packages/page-society/src/Candidates/BidType.tsx
new file mode 100644
index 0000000..cd9ed4e
--- /dev/null
+++ b/packages/page-society/src/Candidates/BidType.tsx
@@ -0,0 +1,30 @@
+// Copyright 2017-2022 @polkadot/app-society authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { PalletSocietyBidKind } from '@polkadot/types/lookup';
+
+import React, { useMemo } from 'react';
+
+import { AddressSmall } from '@polkadot/react-components';
+
+interface Props {
+  value?: PalletSocietyBidKind;
+}
+
+function BidType ({ value }: Props): React.ReactElement<Props> {
+  const vouchId = useMemo(
+    () => value?.isVouch
+      ? value.asVouch[0]
+      : null,
+    [value]
+  );
+
+  return (
+    <>
+      <td className='no-pad-right'>{value && value.type}</td>
+      <td>{vouchId && <AddressSmall value={vouchId} />}</td>
+    </>
+  );
+}
+
+export default React.memo(BidType);
diff --git a/packages/page-society/src/Candidates/Bids.tsx b/packages/page-society/src/Candidates/Bids.tsx
new file mode 100644
index 0000000..4ab86a2
--- /dev/null
+++ b/packages/page-society/src/Candidates/Bids.tsx
@@ -0,0 +1,48 @@
+// Copyright 2017-2022 @polkadot/app-society authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { PalletSocietyBid } from '@polkadot/types/lookup';
+
+import React, { useRef } from 'react';
+
+import { Table } from '@polkadot/react-components';
+import { useApi, useCall } from '@polkadot/react-hooks';
+
+import { useTranslation } from '../translate';
+import BidRow from './Bid';
+
+interface Props {
+  className?: string;
+}
+
+function Bids ({ className }: Props): React.ReactElement<Props> {
+  const { t } = useTranslation();
+  const { api } = useApi();
+  const bids = useCall<PalletSocietyBid[]>(api.query.society.bids);
+
+  const headerRef = useRef([
+    [t('bids'), 'start'],
+    [t('bid kind'), 'start', 2],
+    [t('value')],
+    [t('tip')],
+    []
+  ]);
+
+  return (
+    <Table
+      className={className}
+      empty={bids && t<string>('No bids')}
+      header={headerRef.current}
+    >
+      {bids?.map((bid, index): React.ReactNode => (
+        <BidRow
+          index={index}
+          key={bid.who.toString()}
+          value={bid}
+        />
+      ))}
+    </Table>
+  );
+}
+
+export default React.memo(Bids);
diff --git a/packages/page-society/src/Candidates/Candidate.tsx b/packages/page-society/src/Candidates/Candidate.tsx
new file mode 100644
index 0000000..7694ba8
--- /dev/null
+++ b/packages/page-society/src/Candidates/Candidate.tsx
@@ -0,0 +1,57 @@
+// Copyright 2017-2022 @polkadot/app-society authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { DeriveSocietyCandidate } from '@polkadot/api-derive/types';
+import type { Option } from '@polkadot/types';
+import type { AccountId, SocietyVote } from '@polkadot/types/interfaces';
+import type { VoteType } from '../types';
+
+import React from 'react';
+
+import { AddressSmall } from '@polkadot/react-components';
+import { useApi, useCall } from '@polkadot/react-hooks';
+import { FormatBalance } from '@polkadot/react-query';
+
+import Votes from '../Overview/Votes';
+import BidType from './BidType';
+import CandidateVoting from './CandidateVoting';
+
+interface Props {
+  allMembers: string[];
+  isMember: boolean;
+  ownMembers: string[];
+  value: DeriveSocietyCandidate;
+}
+
+function Candidate ({ allMembers, isMember, ownMembers, value: { accountId, kind, value } }: Props): React.ReactElement<Props> {
+  const { api } = useApi();
+  const votes = useCall<VoteType[]>(api.query.society.votes.multi, [allMembers.map((memberId): [AccountId, string] => [accountId, memberId])], {
+    transform: (voteOpts: Option<SocietyVote>[]): VoteType[] =>
+      voteOpts
+        .map((voteOpt, index): [string, Option<SocietyVote>] => [allMembers[index], voteOpt])
+        .filter(([, voteOpt]) => voteOpt.isSome)
+        .map(([accountId, voteOpt]): VoteType => [accountId, voteOpt.unwrap()])
+  });
+
+  return (
+    <tr>
+      <td className='address all'>
+        <AddressSmall value={accountId} />
+      </td>
+      <BidType value={kind} />
+      <td className='number'>
+        <FormatBalance value={value} />
+      </td>
+      <Votes votes={votes} />
+      <td className='button'>
+        <CandidateVoting
+          candidateId={accountId.toString()}
+          isMember={isMember}
+          ownMembers={ownMembers}
+        />
+      </td>
+    </tr>
+  );
+}
+
+export default React.memo(Candidate);
diff --git a/packages/page-society/src/Candidates/CandidateVoting.tsx b/packages/page-society/src/Candidates/CandidateVoting.tsx
new file mode 100644
index 0000000..1ce8327
--- /dev/null
+++ b/packages/page-society/src/Candidates/CandidateVoting.tsx
@@ -0,0 +1,73 @@
+// Copyright 2017-2022 @polkadot/app-society authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import React, { useRef, useState } from 'react';
+
+import { Button, Dropdown, InputAddress, Modal, TxButton } from '@polkadot/react-components';
+import { useApi, useToggle } from '@polkadot/react-hooks';
+
+import { useTranslation } from '../translate';
+
+interface Props {
+  candidateId: string;
+  isMember: boolean;
+  ownMembers: string[];
+}
+
+function CandidateVoting ({ candidateId, isMember, ownMembers }: Props): React.ReactElement<Props> {
+  const { t } = useTranslation();
+  const { api } = useApi();
+  const [isVisible, toggleVisible] = useToggle();
+  const [vote, setVote] = useState(true);
+  const [accountId, setAccountId] = useState<string | null>(null);
+
+  const voteOptsRef = useRef([
+    { text: t<string>('Aye, I approve'), value: true },
+    { text: t<string>('Nay, I do not approve'), value: false }
+  ]);
+
+  return (
+    <>
+      {isVisible && (
+        <Modal
+          header={t<string>('Vote for candidate')}
+          onClose={toggleVisible}
+        >
+          <Modal.Content>
+            <InputAddress
+              filter={ownMembers}
+              help={t<string>('The address to vote from (must be a member)')}
+              label={t<string>('vote from account')}
+              onChange={setAccountId}
+            />
+            <Dropdown
+              help={t<string>('Approve this candidacy.')}
+              label={t<string>('vote for candidate')}
+              onChange={setVote}
+              options={voteOptsRef.current}
+              value={vote}
+            />
+          </Modal.Content>
+          <Modal.Actions>
+            <TxButton
+              accountId={accountId}
+              icon='check'
+              label={t<string>('Vote')}
+              onStart={toggleVisible}
+              params={[candidateId, vote]}
+              tx={api.tx.society.vote}
+            />
+          </Modal.Actions>
+        </Modal>
+      )}
+      <Button
+        icon='check'
+        isDisabled={!isMember}
+        label={t<string>('Vote')}
+        onClick={toggleVisible}
+      />
+    </>
+  );
+}
+
+export default React.memo(CandidateVoting);
diff --git a/packages/page-society/src/Candidates/Candidates.tsx b/packages/page-society/src/Candidates/Candidates.tsx
new file mode 100644
index 0000000..da73205
--- /dev/null
+++ b/packages/page-society/src/Candidates/Candidates.tsx
@@ -0,0 +1,51 @@
+// Copyright 2017-2022 @polkadot/app-society authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { DeriveSocietyCandidate } from '@polkadot/api-derive/types';
+
+import React, { useRef } from 'react';
+
+import { Table } from '@polkadot/react-components';
+
+import { useTranslation } from '../translate';
+import Candidate from './Candidate';
+
+interface Props {
+  allMembers: string[];
+  candidates?: DeriveSocietyCandidate[];
+  className?: string;
+  isMember: boolean;
+  ownMembers: string[];
+}
+
+function Candidates ({ allMembers, candidates, className = '', isMember, ownMembers }: Props): React.ReactElement<Props> {
+  const { t } = useTranslation();
+
+  const headerRef = useRef([
+    [t('candidates'), 'start'],
+    [t('bid kind'), 'start', 2],
+    [t('value')],
+    [undefined, 'expand'],
+    []
+  ]);
+
+  return (
+    <Table
+      className={className}
+      empty={candidates && t<string>('No candidates')}
+      header={headerRef.current}
+    >
+      {candidates?.map((candidate): React.ReactNode => (
+        <Candidate
+          allMembers={allMembers}
+          isMember={isMember}
+          key={candidate.accountId.toString()}
+          ownMembers={ownMembers}
+          value={candidate}
+        />
+      ))}
+    </Table>
+  );
+}
+
+export default React.memo(Candidates);
diff --git a/packages/page-society/src/Candidates/VouchFor.tsx b/packages/page-society/src/Candidates/VouchFor.tsx
new file mode 100644
index 0000000..20db9a9
--- /dev/null
+++ b/packages/page-society/src/Candidates/VouchFor.tsx
@@ -0,0 +1,76 @@
+// Copyright 2017-2022 @polkadot/app-society authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { BN } from '@polkadot/util';
+
+import React, { useState } from 'react';
+
+import { InputAddress, InputBalance, Modal, TxButton } from '@polkadot/react-components';
+import { useApi } from '@polkadot/react-hooks';
+
+import { useTranslation } from '../translate';
+
+interface Props {
+  allMembers: string[];
+  onClose: () => void;
+}
+
+function VouchNew ({ allMembers, onClose }: Props): React.ReactElement<Props> {
+  const { t } = useTranslation();
+  const { api } = useApi();
+  const [amount, setAmount] = useState<BN | undefined>();
+  const [tip, setTip] = useState<BN | undefined>();
+  const [accountId, setAccount] = useState<string | null | undefined>();
+  const [candidateId, setCandidate] = useState<string | null | undefined>();
+
+  return (
+    <Modal
+      header= {t<string>('Vouch for a new candidate')}
+      onClose={onClose}
+      size='large'
+    >
+      <Modal.Content>
+        <Modal.Columns hint={t<string>('Your member account that the vouch is made from.')}>
+          <InputAddress
+            filter={allMembers}
+            label={t<string>('member account')}
+            onChange={setAccount}
+            type='account'
+          />
+        </Modal.Columns>
+        <Modal.Columns hint={t<string>('The candidate/bid account. Once accepted this account will become a member.')}>
+          <InputAddress
+            label={t<string>('bid account')}
+            onChange={setCandidate}
+          />
+        </Modal.Columns>
+        <Modal.Columns hint={t<string>('The amount to tie to your bid. The lowest bidder moves forward.')}>
+          <InputBalance
+            autoFocus
+            label={t<string>('bid amount')}
+            onChange={setAmount}
+          />
+        </Modal.Columns>
+        <Modal.Columns hint={t<string>('The amount you wish to be tipped for your bid.')}>
+          <InputBalance
+            label={t<string>('tip amount')}
+            onChange={setTip}
+          />
+        </Modal.Columns>
+      </Modal.Content>
+      <Modal.Actions>
+        <TxButton
+          accountId={accountId}
+          icon='sign-in-alt'
+          isDisabled={!amount || !candidateId || !tip}
+          label={t<string>('Vouch')}
+          onStart={onClose}
+          params={[candidateId, amount, tip]}
+          tx={api.tx.society.vouch}
+        />
+      </Modal.Actions>
+    </Modal>
+  );
+}
+
+export default React.memo(VouchNew);
diff --git a/packages/page-society/src/Candidates/index.tsx b/packages/page-society/src/Candidates/index.tsx
new file mode 100644
index 0000000..9af9978
--- /dev/null
+++ b/packages/page-society/src/Candidates/index.tsx
@@ -0,0 +1,65 @@
+// Copyright 2017-2022 @polkadot/app-society authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { DeriveSocietyCandidate } from '@polkadot/api-derive/types';
+
+import React from 'react';
+
+import { Button } from '@polkadot/react-components';
+import { useToggle } from '@polkadot/react-hooks';
+
+import { useTranslation } from '../translate';
+import BidNew from './BidNew';
+import Bids from './Bids';
+import AllCandidates from './Candidates';
+import VouchFor from './VouchFor';
+
+interface Props {
+  allMembers: string[];
+  candidates?: DeriveSocietyCandidate[];
+  className?: string;
+  isMember: boolean;
+  ownMembers: string[];
+}
+
+function Candidates ({ allMembers, candidates, className, isMember, ownMembers }: Props): React.ReactElement<Props> {
+  const { t } = useTranslation();
+  const [isBidOpen, toggleBidOpen] = useToggle();
+  const [isVouchOpen, toggleVouchOpen] = useToggle();
+
+  return (
+    <div className={className}>
+      <Button.Group>
+        <Button
+          icon='plus'
+          label={t<string>('Submit bid')}
+          onClick={toggleBidOpen}
+        />
+        <Button
+          icon='plus'
+          isDisabled={!isMember}
+          label={t<string>('Vouch for')}
+          onClick={toggleVouchOpen}
+        />
+        {isBidOpen && (
+          <BidNew onClose={toggleBidOpen} />
+        )}
+        {isVouchOpen && (
+          <VouchFor
+            allMembers={allMembers}
+            onClose={toggleVouchOpen}
+          />
+        )}
+      </Button.Group>
+      <AllCandidates
+        allMembers={allMembers}
+        candidates={candidates}
+        isMember={isMember}
+        ownMembers={ownMembers}
+      />
+      <Bids />
+    </div>
+  );
+}
+
+export default React.memo(Candidates);
diff --git a/packages/page-society/src/Overview/Defender.tsx b/packages/page-society/src/Overview/Defender.tsx
new file mode 100644
index 0000000..d3658f6
--- /dev/null
+++ b/packages/page-society/src/Overview/Defender.tsx
@@ -0,0 +1,67 @@
+// Copyright 2017-2022 @polkadot/app-society authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { DeriveSociety, DeriveSocietyMember } from '@polkadot/api-derive/types';
+import type { SocietyVote } from '@polkadot/types/interfaces';
+import type { VoteType } from '../types';
+
+import React, { useRef } from 'react';
+
+import { AddressSmall, Table } from '@polkadot/react-components';
+import { useApi, useCall } from '@polkadot/react-hooks';
+
+import { useTranslation } from '../translate';
+import DefenderVoting from './DefenderVoting';
+import Votes from './Votes';
+
+interface Props {
+  className?: string;
+  info?: DeriveSociety;
+  isMember: boolean;
+  ownMembers: string[];
+}
+
+const transformVotes = {
+  transform: (members: DeriveSocietyMember[]): VoteType[] =>
+    members
+      .filter(({ vote }): boolean => !!vote)
+      .map(({ accountId, vote }): VoteType => [accountId.toString(), vote as SocietyVote])
+};
+
+function Defender ({ className = '', info, isMember, ownMembers }: Props): React.ReactElement<Props> | null {
+  const { t } = useTranslation();
+  const { api } = useApi();
+  const votes = useCall<VoteType[]>(api.derive.society.members, undefined, transformVotes);
+
+  const headerRef = useRef([
+    [t('defender'), 'start'],
+    [undefined, 'expand'],
+    []
+  ]);
+
+  if (!info || !info.hasDefender || !info.defender) {
+    return null;
+  }
+
+  return (
+    <Table
+      className={className}
+      header={headerRef.current}
+    >
+      <tr>
+        <td className='address all'>
+          <AddressSmall value={info.defender} />
+        </td>
+        <Votes votes={votes} />
+        <td className='button'>
+          <DefenderVoting
+            isMember={isMember}
+            ownMembers={ownMembers}
+          />
+        </td>
+      </tr>
+    </Table>
+  );
+}
+
+export default React.memo(Defender);
diff --git a/packages/page-society/src/Overview/DefenderVoting.tsx b/packages/page-society/src/Overview/DefenderVoting.tsx
new file mode 100644
index 0000000..ea1dd16
--- /dev/null
+++ b/packages/page-society/src/Overview/DefenderVoting.tsx
@@ -0,0 +1,72 @@
+// Copyright 2017-2022 @polkadot/app-society authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import React, { useRef, useState } from 'react';
+
+import { Button, Dropdown, InputAddress, Modal, TxButton } from '@polkadot/react-components';
+import { useApi, useToggle } from '@polkadot/react-hooks';
+
+import { useTranslation } from '../translate';
+
+interface Props {
+  isMember: boolean;
+  ownMembers: string[];
+}
+
+function DefenderVoting ({ isMember, ownMembers }: Props): React.ReactElement<Props> {
+  const { t } = useTranslation();
+  const { api } = useApi();
+  const [isVisible, toggleVisible] = useToggle();
+  const [vote, setVote] = useState(true);
+  const [accountId, setAccountId] = useState<string | null>(null);
+
+  const voteOptsRef = useRef([
+    { text: t<string>('Aye, I approve'), value: true },
+    { text: t<string>('Nay, I do not approve'), value: false }
+  ]);
+
+  return (
+    <>
+      {isVisible && (
+        <Modal
+          header={t<string>('Vote for defender')}
+          onClose={toggleVisible}
+        >
+          <Modal.Content>
+            <InputAddress
+              filter={ownMembers}
+              help={t<string>('The address to vote from (must be a member)')}
+              label={t<string>('vote from account')}
+              onChange={setAccountId}
+            />
+            <Dropdown
+              help={t<string>('Approve or reject this defender.')}
+              label={t<string>('vote for defender')}
+              onChange={setVote}
+              options={voteOptsRef.current}
+              value={vote}
+            />
+          </Modal.Content>
+          <Modal.Actions>
+            <TxButton
+              accountId={accountId}
+              icon='check'
+              label={t<string>('Vote')}
+              onStart={toggleVisible}
+              params={[vote]}
+              tx={api.tx.society.defenderVote}
+            />
+          </Modal.Actions>
+        </Modal>
+      )}
+      <Button
+        icon='check'
+        isDisabled={!isMember}
+        label={t<string>('Vote')}
+        onClick={toggleVisible}
+      />
+    </>
+  );
+}
+
+export default React.memo(DefenderVoting);
diff --git a/packages/page-society/src/Overview/DesignKusama.tsx b/packages/page-society/src/Overview/DesignKusama.tsx
new file mode 100644
index 0000000..b637f83
--- /dev/null
+++ b/packages/page-society/src/Overview/DesignKusama.tsx
@@ -0,0 +1,74 @@
+// Copyright 2017-2022 @polkadot/app-society authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { AccountId } from '@polkadot/types/interfaces';
+
+import React, { useEffect, useRef, useState } from 'react';
+
+import { KUSAMA_GENESIS } from '@polkadot/apps-config';
+import { Button, Modal } from '@polkadot/react-components';
+import { useApi, useToggle } from '@polkadot/react-hooks';
+
+import drawCanary, { PADD, SIZE } from '../draw/canary';
+import { useTranslation } from '../translate';
+
+interface Props {
+  accountId: AccountId;
+}
+
+const CANVAS_STYLE = {
+  display: 'block',
+  margin: '0 auto'
+};
+
+const HEIGHT = (SIZE * 2) + (PADD * 1);
+const WIDTH = (SIZE * 3) + (PADD * 2);
+
+function DesignKusama ({ accountId }: Props): React.ReactElement<Props> | null {
+  const { t } = useTranslation();
+  const { api } = useApi();
+  const canvasRef = useRef<HTMLCanvasElement | null>(null);
+  const [onKusama] = useState(() => api.genesisHash.eq(KUSAMA_GENESIS));
+  const [isShowing, toggleDesign] = useToggle();
+
+  useEffect((): void => {
+    if (canvasRef.current) {
+      const ctx = canvasRef.current.getContext('2d');
+
+      if (ctx) {
+        drawCanary(ctx, accountId);
+      }
+    }
+  });
+
+  if (!onKusama) {
+    return null;
+  }
+
+  return (
+    <>
+      <Button
+        icon='pen-nib'
+        onClick={toggleDesign}
+      />
+      {isShowing && (
+        <Modal
+          header={t('design samples')}
+          onClose={toggleDesign}
+          size='large'
+        >
+          <Modal.Content>
+            <canvas
+              height={HEIGHT}
+              ref={canvasRef}
+              style={CANVAS_STYLE}
+              width={WIDTH}
+            />
+          </Modal.Content>
+        </Modal>
+      )}
+    </>
+  );
+}
+
+export default React.memo(DesignKusama);
diff --git a/packages/page-society/src/Overview/Member.tsx b/packages/page-society/src/Overview/Member.tsx
new file mode 100644
index 0000000..18a8cbf
--- /dev/null
+++ b/packages/page-society/src/Overview/Member.tsx
@@ -0,0 +1,177 @@
+// Copyright 2017-2022 @polkadot/app-society authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { Balance, BlockNumber } from '@polkadot/types/interfaces';
+import type { BN } from '@polkadot/util';
+import type { MapMember } from '../types';
+
+import React, { useCallback, useMemo } from 'react';
+import styled from 'styled-components';
+
+import { AddressSmall, Columar, Expander, Tag, TxButton } from '@polkadot/react-components';
+import { useAccounts, useApi } from '@polkadot/react-hooks';
+import { BlockToTime, FormatBalance } from '@polkadot/react-query';
+import { formatNumber } from '@polkadot/util';
+
+import { useTranslation } from '../translate';
+import DesignKusama from './DesignKusama';
+
+interface Props {
+  bestNumber?: BN;
+  className?: string;
+  value: MapMember;
+}
+
+function renderJSXPayouts (bestNumber: BN, payouts: [BlockNumber, Balance][]): JSX.Element[] {
+  return payouts.map(([bn, value], index) => (
+    <div
+      className='payout'
+      key={index}
+    >
+      <Columar>
+        <Columar.Column>
+          <FormatBalance value={value} />
+        </Columar.Column>
+        <Columar.Column>
+          <div>#{formatNumber(bn)}</div>
+          {bn.gt(bestNumber) && (
+            <BlockToTime
+              key={index}
+              value={bn.sub(bestNumber)}
+            />
+          )}
+        </Columar.Column>
+      </Columar>
+    </div>
+  ));
+}
+
+function Member ({ bestNumber, className = '', value: { accountId, isCandidateVoter, isDefenderVoter, isFounder, isHead, isSkeptic, isSuspended, isWarned, key, payouts, strikes } }: Props): React.ReactElement<Props> {
+  const { t } = useTranslation();
+  const { api } = useApi();
+  const { allAccounts } = useAccounts();
+
+  const renderPayouts = useCallback(
+    () => bestNumber && payouts && renderJSXPayouts(bestNumber, payouts),
+    [bestNumber, payouts]
+  );
+
+  const isMember = useMemo(
+    () => allAccounts.some((a) => a === key),
+    [allAccounts, key]
+  );
+
+  const availablePayout = useMemo(
+    () => bestNumber && payouts.find(([b]) => bestNumber.gt(b)),
+    [bestNumber, payouts]
+  );
+
+  const votedOn = useMemo(
+    () => [isCandidateVoter && t('Candidate'), isDefenderVoter && t('Defender')]
+      .filter((s): s is string => !!s)
+      .join(', '),
+    [isCandidateVoter, isDefenderVoter, t]
+  );
+
+  return (
+    <tr className={className}>
+      <td className='address'>
+        <AddressSmall value={accountId} />
+      </td>
+      <td className='all'>
+        {isHead && (
+          <Tag
+            color='green'
+            label={t<string>('society head')}
+          />
+        )}
+        {isFounder && (
+          <Tag
+            color='green'
+            label={t<string>('founder')}
+          />
+        )}
+        {isSkeptic && (
+          <Tag
+            color='yellow'
+            label={t<string>('skeptic')}
+          />
+        )}
+        {(isCandidateVoter || isDefenderVoter) && (
+          <Tag
+            color='blue'
+            label={t<string>('voted')}
+          />
+        )}
+        {isWarned && (
+          <Tag
+            color='orange'
+            label={t<string>('strikes')}
+          />
+        )}
+        {isSuspended && (
+          <Tag
+            color='red'
+            label={t<string>('suspended')}
+          />
+        )}
+        {availablePayout && (
+          <Tag
+            color='grey'
+            label={t<string>('payout')}
+          />
+        )}
+      </td>
+      <td className='number together'>
+        {!!payouts?.length && (
+          <Expander
+            className='payoutExpander'
+            renderChildren={renderPayouts}
+            summary={t<string>('Payouts ({{count}})', { replace: { count: formatNumber(payouts.length) } })}
+          />
+        )}
+      </td>
+      <td className='together'>{votedOn}</td>
+      <td className='number'>{formatNumber(strikes)}</td>
+      <td className='button start'>
+        <DesignKusama accountId={accountId} />
+        {availablePayout && (
+          <TxButton
+            accountId={accountId}
+            icon='ellipsis-h'
+            isDisabled={!isMember}
+            label='Payout'
+            params={[]}
+            tx={api.tx.society.payout}
+          />
+        )}
+      </td>
+    </tr>
+  );
+}
+
+export default React.memo(styled(Member)`
+  .payoutExpander {
+    .payout+.payout {
+      margin-top: 0.5rem;
+    }
+
+    .ui--Columnar {
+      flex-wrap: unset;
+
+      .ui--Column {
+        min-width: 15ch;
+
+        &:first-child {
+          max-width: 100% !important;
+        }
+
+        &:last-child {
+          min-width: 15ch;
+          max-width: 15ch;
+          white-space: nowrap;
+        }
+      }
+    }
+  }
+`);
diff --git a/packages/page-society/src/Overview/Members.tsx b/packages/page-society/src/Overview/Members.tsx
new file mode 100644
index 0000000..9b54651
--- /dev/null
+++ b/packages/page-society/src/Overview/Members.tsx
@@ -0,0 +1,47 @@
+// Copyright 2017-2022 @polkadot/app-society authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { MapMember } from '../types';
+
+import React, { useRef } from 'react';
+
+import { Table } from '@polkadot/react-components';
+import { useBestNumber } from '@polkadot/react-hooks';
+
+import { useTranslation } from '../translate';
+import Member from './Member';
+
+interface Props {
+  className?: string;
+  mapMembers?: MapMember[];
+}
+
+function Members ({ className = '', mapMembers }: Props): React.ReactElement<Props> {
+  const { t } = useTranslation();
+  const bestNumber = useBestNumber();
+
+  const headerRef = useRef([
+    [t('members'), 'start', 3],
+    [t('voted on'), 'start'],
+    [t('strikes')],
+    []
+  ]);
+
+  return (
+    <Table
+      className={className}
+      empty={mapMembers && t<string>('No active members')}
+      header={headerRef.current}
+    >
+      {mapMembers?.map((value): React.ReactNode => (
+        <Member
+          bestNumber={bestNumber}
+          key={value.key}
+          value={value}
+        />
+      ))}
+    </Table>
+  );
+}
+
+export default React.memo(Members);
diff --git a/packages/page-society/src/Overview/Summary.tsx b/packages/page-society/src/Overview/Summary.tsx
new file mode 100644
index 0000000..be55fdb
--- /dev/null
+++ b/packages/page-society/src/Overview/Summary.tsx
@@ -0,0 +1,102 @@
+// Copyright 2017-2022 @polkadot/app-society authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { DeriveSociety } from '@polkadot/api-derive/types';
+import type { BN } from '@polkadot/util';
+
+import React, { useMemo } from 'react';
+import styled from 'styled-components';
+
+import { CardSummary, SummaryBox } from '@polkadot/react-components';
+import { useApi, useBestNumber, useCall } from '@polkadot/react-hooks';
+import { FormatBalance } from '@polkadot/react-query';
+
+import { useTranslation } from '../translate';
+
+interface Props {
+  className?: string;
+  info?: DeriveSociety;
+  payoutTotal?: BN;
+}
+
+function Summary ({ className = '', info, payoutTotal }: Props): React.ReactElement<Props> {
+  const { t } = useTranslation();
+  const { api } = useApi();
+  const members = useCall<unknown[]>(api.derive.society.members);
+  const bestNumber = useBestNumber();
+
+  const pot = useMemo(
+    () => info && info.pot.gtn(0)
+      ? info.pot
+      : null,
+    [info]
+  );
+
+  return (
+    <SummaryBox className={className}>
+      <section className='media--1100'>
+        {info && members && (
+          <CardSummary label={t<string>('members')}>
+            {members.length}&nbsp;/&nbsp;{info.maxMembers.toString()}
+          </CardSummary>
+        )}
+      </section>
+      {bestNumber && (
+        <>
+          <section>
+            <CardSummary
+              label={t<string>('rotation')}
+              progress={{
+                total: api.consts.society.rotationPeriod,
+                value: bestNumber.mod(api.consts.society.rotationPeriod),
+                withTime: true
+              }}
+            />
+          </section>
+          <section className='media--1200'>
+            <CardSummary
+              label={t<string>('challenge')}
+              progress={{
+                total: api.consts.society.challengePeriod,
+                value: bestNumber.mod(api.consts.society.challengePeriod),
+                withTime: true
+              }}
+            />
+          </section>
+        </>
+      )}
+      <section>
+        {payoutTotal && (
+          <CardSummary label={t<string>('payouts')}>
+            <FormatBalance
+              value={payoutTotal}
+              withSi
+            />
+          </CardSummary>
+        )}
+        {pot && (
+          <CardSummary label={t<string>('pot')}>
+            <FormatBalance
+              value={pot}
+              withSi
+            />
+          </CardSummary>
+        )}
+      </section>
+    </SummaryBox>
+  );
+}
+
+export default React.memo(styled(Summary)`
+  .society--header--account {
+    white-space: nowrap;
+
+    .ui--AccountName {
+      display: inline-block;
+    }
+
+    .ui--IdentityIcon {
+      margin-right: 0.5rem;
+    }
+  }
+`);
diff --git a/packages/page-society/src/Overview/Votes.tsx b/packages/page-society/src/Overview/Votes.tsx
new file mode 100644
index 0000000..8bf08e7
--- /dev/null
+++ b/packages/page-society/src/Overview/Votes.tsx
@@ -0,0 +1,45 @@
+// Copyright 2017-2022 @polkadot/app-society authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { VoteSplit, VoteType } from '../types';
+
+import React, { useEffect, useState } from 'react';
+
+import { useTranslation } from '../translate';
+import VotesExpander from './VotesExpander';
+
+interface Props {
+  votes?: VoteType[];
+}
+
+function Votes ({ votes }: Props): React.ReactElement<Props> {
+  const { t } = useTranslation();
+  const [{ allAye, allNay, allSkeptic }, setVoteSplit] = useState<VoteSplit>({ allAye: [], allNay: [], allSkeptic: [] });
+
+  useEffect((): void => {
+    votes && setVoteSplit({
+      allAye: votes.filter(([, vote]) => vote.isApprove),
+      allNay: votes.filter(([, vote]) => vote.isReject),
+      allSkeptic: votes.filter(([, vote]) => vote.isSkeptic)
+    });
+  }, [votes]);
+
+  return (
+    <td className='expand'>
+      <VotesExpander
+        label={t<string>('Skeptics')}
+        votes={allSkeptic}
+      />
+      <VotesExpander
+        label={t<string>('Approvals')}
+        votes={allAye}
+      />
+      <VotesExpander
+        label={t<string>('Rejections')}
+        votes={allNay}
+      />
+    </td>
+  );
+}
+
+export default React.memo(Votes);
diff --git a/packages/page-society/src/Overview/VotesExpander.tsx b/packages/page-society/src/Overview/VotesExpander.tsx
new file mode 100644
index 0000000..d3699b2
--- /dev/null
+++ b/packages/page-society/src/Overview/VotesExpander.tsx
@@ -0,0 +1,32 @@
+// Copyright 2017-2022 @polkadot/app-society authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { VoteType } from '../types';
+
+import React from 'react';
+
+import { AddressMini, Expander } from '@polkadot/react-components';
+
+interface Props {
+  label: string;
+  votes: VoteType[];
+}
+
+function VotesExpander ({ label, votes }: Props): React.ReactElement<Props> | null {
+  if (votes.length === 0) {
+    return null;
+  }
+
+  return (
+    <Expander summary={`${label} (${votes.length})`}>
+      {votes.map(([who]): React.ReactNode => (
+        <AddressMini
+          key={who.toString()}
+          value={who}
+        />
+      ))}
+    </Expander>
+  );
+}
+
+export default React.memo(VotesExpander);
diff --git a/packages/page-society/src/Overview/index.tsx b/packages/page-society/src/Overview/index.tsx
new file mode 100644
index 0000000..cf8dac5
--- /dev/null
+++ b/packages/page-society/src/Overview/index.tsx
@@ -0,0 +1,45 @@
+// Copyright 2017-2022 @polkadot/app-society authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { DeriveSociety } from '@polkadot/api-derive/types';
+import type { BN } from '@polkadot/util';
+import type { MapMember } from '../types';
+
+import React from 'react';
+import styled from 'styled-components';
+
+import Defender from './Defender';
+import Members from './Members';
+import Summary from './Summary';
+
+interface Props {
+  className?: string;
+  info?: DeriveSociety;
+  isMember: boolean;
+  mapMembers?: MapMember[];
+  ownMembers: string[];
+  payoutTotal?: BN;
+}
+
+function Overview ({ className, info, isMember, mapMembers, ownMembers, payoutTotal }: Props): React.ReactElement<Props> {
+  return (
+    <div className={className}>
+      <Summary
+        info={info}
+        payoutTotal={payoutTotal}
+      />
+      <Defender
+        info={info}
+        isMember={isMember}
+        ownMembers={ownMembers}
+      />
+      <Members mapMembers={mapMembers} />
+    </div>
+  );
+}
+
+export default React.memo(styled(Overview)`
+  .overviewSection {
+    margin-bottom: 1.5rem;
+  }
+`);
diff --git a/packages/page-society/src/Suspended/Suspension.tsx b/packages/page-society/src/Suspended/Suspension.tsx
new file mode 100644
index 0000000..f828240
--- /dev/null
+++ b/packages/page-society/src/Suspended/Suspension.tsx
@@ -0,0 +1,36 @@
+// Copyright 2017-2022 @polkadot/app-society authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { AccountId, BalanceOf } from '@polkadot/types/interfaces';
+import type { PalletSocietyBidKind } from '@polkadot/types/lookup';
+
+import React from 'react';
+
+import { AddressSmall } from '@polkadot/react-components';
+import { FormatBalance } from '@polkadot/react-query';
+
+import BidType from '../Candidates/BidType';
+
+interface Props {
+  balance?: BalanceOf;
+  bid?: PalletSocietyBidKind;
+  value: AccountId;
+}
+
+function Suspension ({ balance, bid, value }: Props): React.ReactElement<Props> {
+  return (
+    <tr>
+      <td className='address all'>
+        <AddressSmall value={value} />
+      </td>
+      <BidType value={bid} />
+      <td className='number'>
+        {balance && (
+          <FormatBalance value={balance} />
+        )}
+      </td>
+    </tr>
+  );
+}
+
+export default React.memo(Suspension);
diff --git a/packages/page-society/src/Suspended/index.tsx b/packages/page-society/src/Suspended/index.tsx
new file mode 100644
index 0000000..32dd65c
--- /dev/null
+++ b/packages/page-society/src/Suspended/index.tsx
@@ -0,0 +1,95 @@
+// Copyright 2017-2022 @polkadot/app-society authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { Option, StorageKey } from '@polkadot/types';
+import type { AccountId, BalanceOf } from '@polkadot/types/interfaces';
+import type { PalletSocietyBidKind } from '@polkadot/types/lookup';
+import type { ITuple } from '@polkadot/types/types';
+
+import React, { useRef } from 'react';
+
+import { Table } from '@polkadot/react-components';
+import { useApi, useCall } from '@polkadot/react-hooks';
+
+import { useTranslation } from '../translate';
+import Suspension from './Suspension';
+
+interface Props {
+  className?: string;
+}
+
+interface CandidateSuspend {
+  accountId: AccountId;
+  balance: BalanceOf;
+  bid: PalletSocietyBidKind;
+}
+
+const optExtractCandidates = {
+  transform: (entries: [StorageKey<[AccountId]>, Option<ITuple<[BalanceOf, PalletSocietyBidKind]>>][]): CandidateSuspend[] =>
+    entries
+      .filter(([{ args: [accountId] }, opt]) => opt.isSome && accountId)
+      .map(([{ args: [accountId] }, opt]) => {
+        const [balance, bid] = opt.unwrap();
+
+        return { accountId, balance, bid };
+      })
+      .sort((a, b) => a.balance.cmp(b.balance))
+};
+
+const optExtractAccounts = {
+  transform: (keys: StorageKey<[AccountId]>[]): AccountId[] =>
+    keys
+      .map(({ args: [accountId] }) => accountId)
+      .filter((a) => !!a)
+};
+
+function Suspended ({ className }: Props): React.ReactElement<Props> {
+  const { t } = useTranslation();
+  const { api } = useApi();
+  const candidates = useCall<CandidateSuspend[]>(api.query.society.suspendedCandidates.entries, undefined, optExtractCandidates);
+  const members = useCall<AccountId[]>(api.query.society.suspendedMembers.keys, undefined, optExtractAccounts);
+
+  const headerRef = useRef({
+    candidates: [
+      [t('candidates'), 'start'],
+      [t('bid kind'), 'start', 2],
+      [t('value')]
+    ],
+    members: [
+      [t('members'), 'start']
+    ]
+  });
+
+  return (
+    <div className={className}>
+      <Table
+        className={className}
+        empty={members && t<string>('No suspended members')}
+        header={headerRef.current.members}
+      >
+        {members?.map((accountId): React.ReactNode => (
+          <Suspension
+            key={accountId.toString()}
+            value={accountId}
+          />
+        ))}
+      </Table>
+      <Table
+        className={className}
+        empty={candidates && t<string>('No suspended candidates')}
+        header={headerRef.current.candidates}
+      >
+        {candidates?.map(({ accountId, balance, bid }): React.ReactNode => (
+          <Suspension
+            balance={balance}
+            bid={bid}
+            key={accountId.toString()}
+            value={accountId}
+          />
+        ))}
+      </Table>
+    </div>
+  );
+}
+
+export default React.memo(Suspended);
diff --git a/packages/page-society/src/draw/canary.ts b/packages/page-society/src/draw/canary.ts
new file mode 100644
index 0000000..f577e81
--- /dev/null
+++ b/packages/page-society/src/draw/canary.ts
@@ -0,0 +1,216 @@
+// Copyright 2017-2022 @polkadot/app-society authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+// Adapted (wih permission) from https://www.w3schools.com/code/tryit.asp?filename=GGIGKE2GG7N1
+
+import type { AccountId } from '@polkadot/types/interfaces';
+
+// const DEFAULT_FN = (ctx: CanvasRenderingContext2D, path: Path2D) => ctx.fill(path);
+export const PADD = 25;
+export const SIZE = 300; // 250
+
+function canary (ctx: CanvasRenderingContext2D, w: number, h: number, s: number, f: (ctx: CanvasRenderingContext2D, path: Path2D) => void): void {
+  const path = new Path2D('M373.1,126.9c-5.2-4.1-11.4-9.7-22.7-11.1c-10.6-1.4-21.4,5.7-28.7,10.4c-7.3,4.7-21.1,18.5-26.8,22.7 c-5.7,4.2-20.3,8.1-43.8,22.2s-115.7,73.3-115.7,73.3l24,0.3L52.4,299.8h10.7l-15.4,11.7c0,0,13.6,3.6,25-3.6l0,3.3 c0,0,127.4-50.2,152-37.2l-15,4.4c1.3,0,25.5,1.6,25.5,1.6s0.8,15.1,15.4,24.8c14.6,9.6,14.9,14.9,14.9,14.9s-7.6,3.1-7.6,7 c0,0,11.2-3.4,21.6-3.1c10.4,0.3,19.5,3.1,19.5,3.1s-0.8-4.2-10.9-7c-10.2-2.9-20.1-13.8-25-19.8c-4.9-6-8.3-16.7-4.1-27.4 c3.5-9.1,15.7-14.1,40.9-27.1c29.7-15.4,36.5-26.8,40.7-35.7c4.2-8.9,10.4-26.6,13.9-34.9c4.4-10.7,9.8-16.4,14.3-19.8 c4.4-3.4,24.5-10.9,24.5-10.9S378,130.8,373.1,126.9z');
+
+  ctx.save();
+  ctx.translate(w / 2, h / 2);
+  ctx.scale(s / 440, s / 440);
+  ctx.translate(-220, -220);
+  f(ctx, path);
+  ctx.restore();
+}
+
+function addressToBits (publicKey: Uint8Array): boolean[] {
+  return publicKey.reduce((bits: boolean[], byte): boolean[] => {
+    for (let j = 0; j < 8; ++j) {
+      bits.push((byte & (1 << (7 - j))) !== 0);
+    }
+
+    return bits;
+  }, []);
+}
+
+function ring (ctx: CanvasRenderingContext2D, r: number, bits: boolean[], f: (ctx: CanvasRenderingContext2D, on: boolean) => void): void {
+  ctx.save();
+  ctx.translate(0.5, 0.5);
+
+  for (let i = 0; i < bits.length; i++) {
+    ctx.save();
+    ctx.rotate(Math.PI * 2 / bits.length * i);
+    ctx.translate(0, -r);
+    f(ctx, bits[i]);
+    ctx.restore();
+  }
+
+  ctx.restore();
+}
+
+function splitRows (bits: boolean[], rows: number[]) {
+  let i = 0;
+
+  // eslint-disable-next-line no-return-assign
+  return rows.map((r) => bits.slice(i, i += r));
+}
+
+function tattoo (ctx: CanvasRenderingContext2D, bits: boolean[]): void {
+  const rows = splitRows(bits, [71, 61, 51, 41, 32]);
+
+  for (let i = 0; i < rows.length; ++i) {
+    ring(ctx, 0.5 - (31 / 500) * (i + 0.5), rows[i], (ctx, on) => {
+      if (on) {
+        ctx.beginPath();
+        ctx.arc(0, 0, 8 / 500, 0, 2 * Math.PI);
+        ctx.fillStyle = 'black';
+        ctx.fill();
+      }
+    });
+  }
+
+  ctx.lineWidth = 10;
+  canary(ctx, 1, 1, 200 / 500, (ctx, path) => ctx.stroke(path));
+}
+
+function tattooSpiro (ctx: CanvasRenderingContext2D, bits: boolean[]): void {
+  const cycles = 8;
+  const limit = 0.75;
+  const dot = 8 / 500;
+
+  ctx.save();
+  ctx.translate(0.5 - dot, 0.5 + dot);
+  ctx.fillStyle = 'black';
+
+  let radius = 0.5 - dot;
+
+  for (let i = 0; i < bits.length; i++) {
+    radius -= 0.5 / bits.length * limit / (radius * 4);
+    ctx.rotate(Math.PI * 2 / bits.length * cycles / (radius * 4));
+    ctx.save();
+    ctx.translate(0, -radius);
+    ctx.beginPath();
+    ctx.arc(0, 0, (bits[i] ? dot : dot / 2), 0, 2 * Math.PI);
+    ctx.fillStyle = bits[i] ? 'black' : '#e6007a';
+    ctx.fill();
+    ctx.restore();
+  }
+
+  ctx.restore();
+  ctx.lineWidth = 10;
+  canary(ctx, 1 - dot, 1 + dot, 220 / 500, (ctx, path) => ctx.stroke(path));
+}
+
+function tattooPink (ctx: CanvasRenderingContext2D, bits: boolean[]): void {
+  const rows = splitRows(bits, [71, 61, 51, 41, 32]);
+
+  for (let i = 0; i < rows.length; ++i) {
+    ring(ctx, 0.5 - (31 / 500) * (i + 0.5), rows[i], (ctx, on) => {
+      ctx.beginPath();
+      ctx.arc(0, 0, (on ? 8 : 4) / 500, 0, 2 * Math.PI);
+      ctx.fillStyle = on ? 'black' : '#e6007a';
+      ctx.fill();
+    });
+  }
+
+  canary(ctx, 1, 1, 220 / 500, (ctx, path) => ctx.fill(path));
+}
+
+function tattoo2 (ctx: CanvasRenderingContext2D, bits: boolean[]): void {
+  const rows = splitRows(bits, [64, 64, 64, 64]);
+
+  for (let i = 0; i < rows.length; ++i) {
+    ring(ctx, 0.5 - (36 / 500) * (i + 0.5), rows[i], (ctx, on) => {
+      if (on) {
+        ctx.beginPath();
+        ctx.moveTo(0, -18 / 500);
+        ctx.lineTo(0, 18 / 500);
+        ctx.lineWidth = 0.01;
+        ctx.stroke();
+      }
+    });
+  }
+
+  canary(ctx, 1, 1, 220 / 500, (ctx, path) => ctx.fill(path));
+}
+
+function tattoo2b (ctx: CanvasRenderingContext2D, bits: boolean[]): void {
+  const rows = splitRows(bits, [128, 128]);
+
+  for (let i = 0; i < rows.length; ++i) {
+    ring(ctx, 0.5 - (36 / 500) * (i + 0.5), rows[i], (ctx, on) => {
+      if (on) {
+        ctx.beginPath();
+        ctx.moveTo(0, -18 / 500);
+        ctx.lineTo(0, 18 / 500);
+        ctx.lineWidth = 0.01;
+        ctx.stroke();
+      }
+    });
+  }
+
+  ctx.lineWidth = 6;
+  canary(ctx, 1, 1, 350 / 500, (ctx, path) => ctx.stroke(path));
+}
+
+function tattoo3 (ctx: CanvasRenderingContext2D, bits: boolean[]): void {
+  ctx.lineWidth = 0.01;
+
+  for (let i = 0; i < 8; ++i) {
+    for (let j = 0; j < 32; ++j) {
+      if (bits[i * 32 + j]) {
+        ctx.save();
+        ctx.translate((j + 0.5) / 32, i / 8);
+        ctx.beginPath();
+        ctx.moveTo(0, 0);
+        ctx.lineTo(0, 1 / 8);
+        ctx.stroke();
+        ctx.restore();
+      }
+    }
+  }
+
+  ctx.fillStyle = 'rgba(255, 255, 255, 0.8)';
+  canary(ctx, 1, 1, 1, (ctx, path) => ctx.fill(path));
+  ctx.lineWidth = 6;
+  canary(ctx, 1, 1, 1, (ctx, path) => ctx.stroke(path));
+}
+
+export default function draw (ctx: CanvasRenderingContext2D, accountId: AccountId): void {
+  console.log(`Generating ink for ${accountId.toString()} as ${accountId.toHex()}`);
+
+  const bits = addressToBits(accountId.toU8a());
+
+  ctx.save();
+  ctx.translate(0, 0);
+  ctx.scale(SIZE, SIZE);
+  tattoo(ctx, bits);
+  ctx.restore();
+
+  ctx.save();
+  ctx.translate(SIZE + PADD, 0);
+  ctx.scale(SIZE, SIZE);
+  tattooPink(ctx, bits);
+  ctx.restore();
+
+  ctx.save();
+  ctx.translate(0, SIZE + PADD);
+  ctx.scale(SIZE, SIZE);
+  tattoo2(ctx, bits);
+  ctx.restore();
+
+  ctx.save();
+  ctx.translate(SIZE + PADD, SIZE + PADD);
+  ctx.scale(SIZE, SIZE);
+  tattoo3(ctx, bits);
+  ctx.restore();
+
+  ctx.save();
+  ctx.translate((SIZE + PADD) * 2, 0);
+  ctx.scale(SIZE, SIZE);
+  tattooSpiro(ctx, bits);
+  ctx.restore();
+
+  ctx.save();
+  ctx.translate((SIZE + PADD) * 2, SIZE + PADD);
+  ctx.scale(SIZE, SIZE);
+  tattoo2b(ctx, bits);
+  ctx.restore();
+}
diff --git a/packages/page-society/src/index.tsx b/packages/page-society/src/index.tsx
new file mode 100644
index 0000000..bb20b2c
--- /dev/null
+++ b/packages/page-society/src/index.tsx
@@ -0,0 +1,147 @@
+// Copyright 2017-2022 @polkadot/app-society authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { DeriveSociety, DeriveSocietyMember } from '@polkadot/api-derive/types';
+import type { MapMember } from './types';
+
+import React, { useMemo } from 'react';
+import { Route, Switch } from 'react-router';
+
+import { Tabs } from '@polkadot/react-components';
+import { useApi, useCall } from '@polkadot/react-hooks';
+import { BN, BN_THREE, BN_TWO } from '@polkadot/util';
+
+import Candidates from './Candidates';
+import Overview from './Overview';
+import Suspended from './Suspended';
+import { useTranslation } from './translate';
+import useCounter from './useCounter';
+import useMembers from './useMembers';
+import useVoters from './useVoters';
+
+interface Props {
+  basePath: string;
+  className?: string;
+}
+
+export { useCounter };
+
+// head -> founder -> skeptics -> votes -> suspended -> strikes -> strikes -> payouts
+function sortMembers (a: MapMember, b: MapMember): number {
+  const isVoterA = a.isCandidateVoter || a.isDefenderVoter;
+
+  return a.isHead !== b.isHead
+    ? (a.isHead ? -1 : 1)
+    : a.isFounder !== b.isFounder
+      ? (a.isFounder ? -1 : 1)
+      : a.isSkeptic !== b.isSkeptic
+        ? (a.isSkeptic ? -1 : 1)
+        : isVoterA !== (b.isCandidateVoter || b.isDefenderVoter)
+          ? (isVoterA ? -1 : 1)
+          // : a.isDefenderVoter !== b.isDefenderVoter
+          //   ? (a.isDefenderVoter ? -1 : 1)
+          //   : a.isCandidateVoter !== b.isCandidateVoter
+          //     ? (a.isCandidateVoter ? -1 : 1)
+          : a.isSuspended !== b.isSuspended
+            ? (a.isSuspended ? -1 : 1)
+            : a.isWarned !== b.isWarned
+              ? (a.isWarned ? -1 : 1)
+              : (b.strikes.cmp(a.strikes) || (b.payouts.length - a.payouts.length));
+}
+
+function getMapMembers (members: DeriveSocietyMember[], skeptics: string[], voters: string[], { defender, founder, hasDefender, head }: DeriveSociety, warnStrikes: BN): [MapMember[], BN] {
+  const mapMembers = members
+    .filter((member) => !hasDefender || !member.accountId.eq(defender))
+    .map(({ accountId, isDefenderVoter, isSuspended, payouts, strikes }): MapMember => {
+      const key = accountId.toString();
+
+      return {
+        accountId,
+        isCandidateVoter: voters.includes(key),
+        isDefenderVoter,
+        isFounder: !!founder?.eq(accountId),
+        isHead: !!head?.eq(accountId),
+        isSkeptic: skeptics.includes(key),
+        isSuspended,
+        isWarned: !isSuspended && strikes.gt(warnStrikes),
+        key,
+        payouts,
+        strikes
+      };
+    })
+    .sort(sortMembers);
+
+  return [
+    mapMembers,
+    mapMembers.reduce((total, { payouts }) =>
+      payouts.reduce((total, [, balance]) => total.iadd(balance), total), new BN(0)
+    )
+  ];
+}
+
+function SocietyApp ({ basePath, className }: Props): React.ReactElement<Props> {
+  const { t } = useTranslation();
+  const { api } = useApi();
+  const candidateCount = useCounter();
+  const { allMembers, isMember, ownMembers } = useMembers();
+  const info = useCall<DeriveSociety>(api.derive.society.info);
+  const members = useCall<DeriveSocietyMember[]>(api.derive.society.members);
+  const { candidates, skeptics, voters } = useVoters();
+
+  const [mapMembers, payoutTotal] = useMemo(
+    () => members && info && skeptics && voters
+      ? getMapMembers(members, skeptics, voters, info, api.consts.society.maxStrikes.mul(BN_TWO).div(BN_THREE))
+      : [undefined, undefined],
+    [api, info, members, skeptics, voters]
+  );
+
+  const items = useMemo(() => [
+    {
+      isRoot: true,
+      name: 'overview',
+      text: t<string>('Overview')
+    },
+    {
+      count: candidateCount,
+      name: 'candidates',
+      text: t<string>('Candidates')
+    },
+    {
+      name: 'suspended',
+      text: t<string>('Suspended')
+    }
+  ], [candidateCount, t]);
+
+  return (
+    <main className={className}>
+      <Tabs
+        basePath={basePath}
+        items={items}
+      />
+      <Switch>
+        <Route path={`${basePath}/candidates`}>
+          <Candidates
+            allMembers={allMembers}
+            candidates={candidates}
+            isMember={isMember}
+            ownMembers={ownMembers}
+          />
+        </Route>
+        <Route path={`${basePath}/suspended`}>
+          <Suspended />
+        </Route>
+        <Route>
+          <Overview
+            info={info}
+            isMember={isMember}
+            mapMembers={mapMembers}
+            ownMembers={ownMembers}
+            payoutTotal={payoutTotal}
+          />
+        </Route>
+      </Switch>
+    </main>
+  );
+}
+
+export default React.memo(SocietyApp);
diff --git a/packages/page-society/src/translate.ts b/packages/page-society/src/translate.ts
new file mode 100644
index 0000000..3b2e6cc
--- /dev/null
+++ b/packages/page-society/src/translate.ts
@@ -0,0 +1,10 @@
+// Copyright 2017-2022 @polkadot/app-society authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { UseTranslationResponse } from 'react-i18next';
+
+import { useTranslation as useTranslationBase } from 'react-i18next';
+
+export function useTranslation (): UseTranslationResponse<'app-society', undefined> {
+  return useTranslationBase('app-society');
+}
diff --git a/packages/page-society/src/types.ts b/packages/page-society/src/types.ts
new file mode 100644
index 0000000..9c89012
--- /dev/null
+++ b/packages/page-society/src/types.ts
@@ -0,0 +1,39 @@
+// Copyright 2017-2022 @polkadot/app-society authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { DeriveSocietyCandidate } from '@polkadot/api-derive/types';
+import type { AccountId, Balance, BlockNumber, SocietyVote, StrikeCount } from '@polkadot/types/interfaces';
+
+export interface MapMember {
+  accountId: AccountId;
+  isCandidateVoter: boolean;
+  isDefenderVoter: boolean
+  isFounder: boolean;
+  isHead: boolean;
+  isSkeptic: boolean;
+  isSuspended: boolean;
+  isWarned: boolean;
+  key: string;
+  strikes: StrikeCount;
+  payouts: [BlockNumber, Balance][];
+}
+
+export interface OwnMembers {
+  allMembers: string[];
+  isMember: boolean;
+  ownMembers: string[];
+}
+
+export type VoteType = [string, SocietyVote];
+
+export interface VoteSplit {
+  allAye: VoteType[];
+  allNay: VoteType[];
+  allSkeptic: VoteType[];
+}
+
+export interface Voters {
+  candidates?: DeriveSocietyCandidate[];
+  skeptics?: string[];
+  voters?: string[];
+}
diff --git a/packages/page-society/src/useCounter.ts b/packages/page-society/src/useCounter.ts
new file mode 100644
index 0000000..6bcda42
--- /dev/null
+++ b/packages/page-society/src/useCounter.ts
@@ -0,0 +1,15 @@
+// Copyright 2017-2022 @polkadot/app-society authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { Bid } from '@polkadot/types/interfaces';
+
+import { createNamedHook, useApi, useCall } from '@polkadot/react-hooks';
+
+function useCounterImpl (): number {
+  const { api } = useApi();
+  const bids = useCall<Bid[]>(api.query.society?.candidates);
+
+  return bids?.length || 0;
+}
+
+export default createNamedHook('useCounter', useCounterImpl);
diff --git a/packages/page-society/src/useMembers.ts b/packages/page-society/src/useMembers.ts
new file mode 100644
index 0000000..f761f21
--- /dev/null
+++ b/packages/page-society/src/useMembers.ts
@@ -0,0 +1,37 @@
+// Copyright 2017-2022 @polkadot/app-society authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { DeriveSocietyMember } from '@polkadot/api-derive/types';
+import type { OwnMembers } from './types';
+
+import { useEffect, useState } from 'react';
+
+import { createNamedHook, useAccounts, useApi, useCall } from '@polkadot/react-hooks';
+
+const EMPTY_MEMBERS: OwnMembers = { allMembers: [], isMember: false, ownMembers: [] };
+
+function transform (allAccounts: string[], members: DeriveSocietyMember[]): OwnMembers {
+  const allMembers = members
+    .filter(({ isSuspended }) => !isSuspended)
+    .map(({ accountId }) => accountId.toString());
+  const ownMembers = allMembers.filter((a) => allAccounts.includes(a));
+
+  return { allMembers, isMember: ownMembers.length !== 0, ownMembers };
+}
+
+function useMembersImpl (): OwnMembers {
+  const { api } = useApi();
+  const { allAccounts } = useAccounts();
+  const [state, setState] = useState<OwnMembers>(EMPTY_MEMBERS);
+  const members = useCall<DeriveSocietyMember[]>(api.derive.society.members);
+
+  useEffect((): void => {
+    allAccounts && members && setState(
+      transform(allAccounts, members)
+    );
+  }, [allAccounts, members]);
+
+  return state;
+}
+
+export default createNamedHook('useMembers', useMembersImpl);
diff --git a/packages/page-society/src/useVoters.ts b/packages/page-society/src/useVoters.ts
new file mode 100644
index 0000000..f2fbaef
--- /dev/null
+++ b/packages/page-society/src/useVoters.ts
@@ -0,0 +1,56 @@
+// Copyright 2017-2022 @polkadot/app-society authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { ApiPromise } from '@polkadot/api';
+import type { DeriveSocietyCandidate } from '@polkadot/api-derive/types';
+import type { Voters } from './types';
+
+import { useEffect, useState } from 'react';
+
+import { createNamedHook, useApi, useCall, useEventTrigger } from '@polkadot/react-hooks';
+
+const EMPTY_VOTERS: Voters = {};
+
+async function getVoters (api: ApiPromise, candidates: DeriveSocietyCandidate[]): Promise<Voters> {
+  const skeptics: string[] = [];
+  const voters: string[] = [];
+
+  const entries = candidates.length
+    ? await Promise.all(candidates.map(({ accountId }) =>
+      api.query.society.votes.entries(accountId)
+    ))
+    : [];
+
+  entries.forEach((list): void => {
+    list.forEach(([{ args: [, accountId] }, opt]) => {
+      if (opt.isSome) {
+        const key = accountId.toString();
+        const vote = opt.unwrap();
+
+        if (vote.isSkeptic) {
+          !skeptics.includes(key) && skeptics.push(key);
+        } else {
+          !voters.includes(key) && voters.push(key);
+        }
+      }
+    });
+  });
+
+  return { candidates, skeptics, voters };
+}
+
+function useVotersImpl (): Voters {
+  const { api } = useApi();
+  const voteTrigger = useEventTrigger([api.events.society.Vote]);
+  const candidates = useCall<DeriveSocietyCandidate[]>(api.derive.society.candidates);
+  const [state, setState] = useState<Voters>(EMPTY_VOTERS);
+
+  useEffect((): void => {
+    voteTrigger && candidates &&
+      getVoters(api, candidates).then(setState).catch(console.error);
+  }, [api, candidates, voteTrigger]);
+
+  return state;
+}
+
+export default createNamedHook('useVoters', useVotersImpl);
diff --git a/packages/page-society/tsconfig.build.json b/packages/page-society/tsconfig.build.json
new file mode 100644
index 0000000..da24d9f
--- /dev/null
+++ b/packages/page-society/tsconfig.build.json
@@ -0,0 +1,9 @@
+{
+  "extends": "../../tsconfig.base.json",
+  "compilerOptions": {
+    "baseUrl": "..",
+    "outDir": "./build",
+    "rootDir": "./src"
+  },
+  "references": []
+}
diff --git a/packages/page-staking/.skip-build b/packages/page-staking/.skip-build
new file mode 100644
index 0000000..e69de29
diff --git a/packages/page-staking/.skip-npm b/packages/page-staking/.skip-npm
new file mode 100644
index 0000000..e69de29
diff --git a/packages/page-staking/LICENSE b/packages/page-staking/LICENSE
new file mode 100644
index 0000000..0d381b2
--- /dev/null
+++ b/packages/page-staking/LICENSE
@@ -0,0 +1,201 @@
+                              Apache License
+                        Version 2.0, January 2004
+                    http://www.apache.org/licenses/
+
+TERMS AND CONDITIONS FOR USE, REPRODUCTION, AND DISTRIBUTION
+
+1. Definitions.
+
+  "License" shall mean the terms and conditions for use, reproduction,
+  and distribution as defined by Sections 1 through 9 of this document.
+
+  "Licensor" shall mean the copyright owner or entity authorized by
+  the copyright owner that is granting the License.
+
+  "Legal Entity" shall mean the union of the acting entity and all
+  other entities that control, are controlled by, or are under common
+  control with that entity. For the purposes of this definition,
+  "control" means (i) the power, direct or indirect, to cause the
+  direction or management of such entity, whether by contract or
+  otherwise, or (ii) ownership of fifty percent (50%) or more of the
+  outstanding shares, or (iii) beneficial ownership of such entity.
+
+  "You" (or "Your") shall mean an individual or Legal Entity
+  exercising permissions granted by this License.
+
+  "Source" form shall mean the preferred form for making modifications,
+  including but not limited to software source code, documentation
+  source, and configuration files.
+
+  "Object" form shall mean any form resulting from mechanical
+  transformation or translation of a Source form, including but
+  not limited to compiled object code, generated documentation,
+  and conversions to other media types.
+
+  "Work" shall mean the work of authorship, whether in Source or
+  Object form, made available under the License, as indicated by a
+  copyright notice that is included in or attached to the work
+  (an example is provided in the Appendix below).
+
+  "Derivative Works" shall mean any work, whether in Source or Object
+  form, that is based on (or derived from) the Work and for which the
+  editorial revisions, annotations, elaborations, or other modifications
+  represent, as a whole, an original work of authorship. For the purposes
+  of this License, Derivative Works shall not include works that remain
+  separable from, or merely link (or bind by name) to the interfaces of,
+  the Work and Derivative Works thereof.
+
+  "Contribution" shall mean any work of authorship, including
+  the original version of the Work and any modifications or additions
+  to that Work or Derivative Works thereof, that is intentionally
+  submitted to Licensor for inclusion in the Work by the copyright owner
+  or by an individual or Legal Entity authorized to submit on behalf of
+  the copyright owner. For the purposes of this definition, "submitted"
+  means any form of electronic, verbal, or written communication sent
+  to the Licensor or its representatives, including but not limited to
+  communication on electronic mailing lists, source code control systems,
+  and issue tracking systems that are managed by, or on behalf of, the
+  Licensor for the purpose of discussing and improving the Work, but
+  excluding communication that is conspicuously marked or otherwise
+  designated in writing by the copyright owner as "Not a Contribution."
+
+  "Contributor" shall mean Licensor and any individual or Legal Entity
+  on behalf of whom a Contribution has been received by Licensor and
+  subsequently incorporated within the Work.
+
+2. Grant of Copyright License. Subject to the terms and conditions of
+  this License, each Contributor hereby grants to You a perpetual,
+  worldwide, non-exclusive, no-charge, royalty-free, irrevocable
+  copyright license to reproduce, prepare Derivative Works of,
+  publicly display, publicly perform, sublicense, and distribute the
+  Work and such Derivative Works in Source or Object form.
+
+3. Grant of Patent License. Subject to the terms and conditions of
+  this License, each Contributor hereby grants to You a perpetual,
+  worldwide, non-exclusive, no-charge, royalty-free, irrevocable
+  (except as stated in this section) patent license to make, have made,
+  use, offer to sell, sell, import, and otherwise transfer the Work,
+  where such license applies only to those patent claims licensable
+  by such Contributor that are necessarily infringed by their
+  Contribution(s) alone or by combination of their Contribution(s)
+  with the Work to which such Contribution(s) was submitted. If You
+  institute patent litigation against any entity (including a
+  cross-claim or counterclaim in a lawsuit) alleging that the Work
+  or a Contribution incorporated within the Work constitutes direct
+  or contributory patent infringement, then any patent licenses
+  granted to You under this License for that Work shall terminate
+  as of the date such litigation is filed.
+
+4. Redistribution. You may reproduce and distribute copies of the
+  Work or Derivative Works thereof in any medium, with or without
+  modifications, and in Source or Object form, provided that You
+  meet the following conditions:
+
+  (a) You must give any other recipients of the Work or
+      Derivative Works a copy of this License; and
+
+  (b) You must cause any modified files to carry prominent notices
+      stating that You changed the files; and
+
+  (c) You must retain, in the Source form of any Derivative Works
+      that You distribute, all copyright, patent, trademark, and
+      attribution notices from the Source form of the Work,
+      excluding those notices that do not pertain to any part of
+      the Derivative Works; and
+
+  (d) If the Work includes a "NOTICE" text file as part of its
+      distribution, then any Derivative Works that You distribute must
+      include a readable copy of the attribution notices contained
+      within such NOTICE file, excluding those notices that do not
+      pertain to any part of the Derivative Works, in at least one
+      of the following places: within a NOTICE text file distributed
+      as part of the Derivative Works; within the Source form or
+      documentation, if provided along with the Derivative Works; or,
+      within a display generated by the Derivative Works, if and
+      wherever such third-party notices normally appear. The contents
+      of the NOTICE file are for informational purposes only and
+      do not modify the License. You may add Your own attribution
+      notices within Derivative Works that You distribute, alongside
+      or as an addendum to the NOTICE text from the Work, provided
+      that such additional attribution notices cannot be construed
+      as modifying the License.
+
+  You may add Your own copyright statement to Your modifications and
+  may provide additional or different license terms and conditions
+  for use, reproduction, or distribution of Your modifications, or
+  for any such Derivative Works as a whole, provided Your use,
+  reproduction, and distribution of the Work otherwise complies with
+  the conditions stated in this License.
+
+5. Submission of Contributions. Unless You explicitly state otherwise,
+  any Contribution intentionally submitted for inclusion in the Work
+  by You to the Licensor shall be under the terms and conditions of
+  this License, without any additional terms or conditions.
+  Notwithstanding the above, nothing herein shall supersede or modify
+  the terms of any separate license agreement you may have executed
+  with Licensor regarding such Contributions.
+
+6. Trademarks. This License does not grant permission to use the trade
+  names, trademarks, service marks, or product names of the Licensor,
+  except as required for reasonable and customary use in describing the
+  origin of the Work and reproducing the content of the NOTICE file.
+
+7. Disclaimer of Warranty. Unless required by applicable law or
+  agreed to in writing, Licensor provides the Work (and each
+  Contributor provides its Contributions) on an "AS IS" BASIS,
+  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or
+  implied, including, without limitation, any warranties or conditions
+  of TITLE, NON-INFRINGEMENT, MERCHANTABILITY, or FITNESS FOR A
+  PARTICULAR PURPOSE. You are solely responsible for determining the
+  appropriateness of using or redistributing the Work and assume any
+  risks associated with Your exercise of permissions under this License.
+
+8. Limitation of Liability. In no event and under no legal theory,
+  whether in tort (including negligence), contract, or otherwise,
+  unless required by applicable law (such as deliberate and grossly
+  negligent acts) or agreed to in writing, shall any Contributor be
+  liable to You for damages, including any direct, indirect, special,
+  incidental, or consequential damages of any character arising as a
+  result of this License or out of the use or inability to use the
+  Work (including but not limited to damages for loss of goodwill,
+  work stoppage, computer failure or malfunction, or any and all
+  other commercial damages or losses), even if such Contributor
+  has been advised of the possibility of such damages.
+
+9. Accepting Warranty or Additional Liability. While redistributing
+  the Work or Derivative Works thereof, You may choose to offer,
+  and charge a fee for, acceptance of support, warranty, indemnity,
+  or other liability obligations and/or rights consistent with this
+  License. However, in accepting such obligations, You may act only
+  on Your own behalf and on Your sole responsibility, not on behalf
+  of any other Contributor, and only if You agree to indemnify,
+  defend, and hold each Contributor harmless for any liability
+  incurred by, or claims asserted against, such Contributor by reason
+  of your accepting any such warranty or additional liability.
+
+END OF TERMS AND CONDITIONS
+
+APPENDIX: How to apply the Apache License to your work.
+
+  To apply the Apache License to your work, attach the following
+  boilerplate notice, with the fields enclosed by brackets "[]"
+  replaced with your own identifying information. (Don't include
+  the brackets!)  The text should be enclosed in the appropriate
+  comment syntax for the file format. We also recommend that a
+  file or class name and description of purpose be included on the
+  same "printed page" as the copyright notice for easier
+  identification within third-party archives.
+
+Copyright [yyyy] [name of copyright owner]
+
+Licensed under the Apache License, Version 2.0 (the "License");
+you may not use this file except in compliance with the License.
+You may obtain a copy of the License at
+
+    http://www.apache.org/licenses/LICENSE-2.0
+
+Unless required by applicable law or agreed to in writing, software
+distributed under the License is distributed on an "AS IS" BASIS,
+WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+See the License for the specific language governing permissions and
+limitations under the License.
diff --git a/packages/page-staking/README.md b/packages/page-staking/README.md
new file mode 100644
index 0000000..8023b83
--- /dev/null
+++ b/packages/page-staking/README.md
@@ -0,0 +1 @@
+# @polkadot/app-staking
diff --git a/packages/page-staking/package.json b/packages/page-staking/package.json
new file mode 100644
index 0000000..335784a
--- /dev/null
+++ b/packages/page-staking/package.json
@@ -0,0 +1,21 @@
+{
+  "bugs": "https://github.com/polkadot-js/apps/issues",
+  "homepage": "https://github.com/polkadot-js/apps/tree/master/packages/page-staking#readme",
+  "license": "Apache-2.0",
+  "name": "@polkadot/app-staking",
+  "private": true,
+  "repository": {
+    "directory": "packages/page-staking",
+    "type": "git",
+    "url": "https://github.com/polkadot-js/apps.git"
+  },
+  "sideEffects": false,
+  "type": "module",
+  "version": "0.112.2-14",
+  "dependencies": {
+    "@babel/runtime": "^7.17.9",
+    "@polkadot/app-explorer": "^0.112.2-14",
+    "@polkadot/react-components": "^0.112.2-14",
+    "@polkadot/react-query": "^0.112.2-14"
+  }
+}
diff --git a/packages/page-staking/src/Actions/Account/BondExtra.tsx b/packages/page-staking/src/Actions/Account/BondExtra.tsx
new file mode 100644
index 0000000..5f6994c
--- /dev/null
+++ b/packages/page-staking/src/Actions/Account/BondExtra.tsx
@@ -0,0 +1,110 @@
+// Copyright 2017-2022 @polkadot/app-staking authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { DeriveBalancesAll, DeriveStakingAccount } from '@polkadot/api-derive/types';
+import type { AmountValidateState } from '../types';
+
+import React, { useMemo, useState } from 'react';
+
+import { ApiPromise } from '@polkadot/api';
+import { InputAddress, InputBalance, Modal, TxButton } from '@polkadot/react-components';
+import { useApi, useCall } from '@polkadot/react-hooks';
+import { BalanceFree } from '@polkadot/react-query';
+import { BN, BN_ZERO } from '@polkadot/util';
+
+import { useTranslation } from '../../translate';
+import ValidateAmount from './InputValidateAmount';
+
+interface Props {
+  controllerId: string | null;
+  onClose: () => void;
+  stakingInfo?: DeriveStakingAccount;
+  stashId: string;
+}
+
+function calcBalance (api: ApiPromise, stakingInfo?: DeriveStakingAccount, stashBalance?: DeriveBalancesAll): BN | null {
+  if (stakingInfo && stakingInfo.stakingLedger && stashBalance) {
+    const sumUnlocking = (stakingInfo.unlocking || []).reduce((acc, { value }) => acc.iadd(value), new BN(0));
+    const redeemable = stakingInfo.redeemable || BN_ZERO;
+    const available = stashBalance.freeBalance.sub(stakingInfo.stakingLedger.active?.unwrap() || BN_ZERO).sub(sumUnlocking).sub(redeemable);
+
+    return available.gt(api.consts.balances.existentialDeposit)
+      ? available.sub(api.consts.balances.existentialDeposit)
+      : BN_ZERO;
+  }
+
+  return null;
+}
+
+function BondExtra ({ controllerId, onClose, stakingInfo, stashId }: Props): React.ReactElement<Props> {
+  const { t } = useTranslation();
+  const { api } = useApi();
+  const [amountError, setAmountError] = useState<AmountValidateState | null>(null);
+  const [maxAdditional, setMaxAdditional] = useState<BN | undefined>();
+  const stashBalance = useCall<DeriveBalancesAll>(api.derive.balances?.all, [stashId]);
+  const currentAmount = useMemo(
+    () => stakingInfo && stakingInfo.stakingLedger?.active?.unwrap(),
+    [stakingInfo]
+  );
+
+  const startBalance = useMemo(
+    () => calcBalance(api, stakingInfo, stashBalance),
+    [api, stakingInfo, stashBalance]
+  );
+
+  return (
+    <Modal
+      header= {t<string>('Bond more funds')}
+      onClose={onClose}
+      size='large'
+    >
+      <Modal.Content>
+        <Modal.Columns hint={t<string>('Since this transaction deals with funding, the stash account will be used.')}>
+          <InputAddress
+            defaultValue={stashId}
+            isDisabled
+            label={t<string>('stash account')}
+          />
+        </Modal.Columns>
+        {startBalance && (
+          <Modal.Columns hint={t<string>('The amount placed at-stake should allow some free funds for future transactions.')}>
+            <InputBalance
+              autoFocus
+              defaultValue={startBalance}
+              help={t<string>('Amount to add to the currently bonded funds. This is adjusted using the available funds on the account.')}
+              isError={!!amountError?.error || !maxAdditional || maxAdditional.eqn(0)}
+              label={t<string>('additional funds to bond')}
+              labelExtra={
+                <BalanceFree
+                  label={<span className='label'>{t<string>('balance')}</span>}
+                  params={stashId}
+                />
+              }
+              onChange={setMaxAdditional}
+            />
+            <ValidateAmount
+              controllerId={controllerId}
+              currentAmount={currentAmount}
+              onError={setAmountError}
+              stashId={stashId}
+              value={maxAdditional}
+            />
+          </Modal.Columns>
+        )}
+      </Modal.Content>
+      <Modal.Actions>
+        <TxButton
+          accountId={stashId}
+          icon='sign-in-alt'
+          isDisabled={!maxAdditional?.gt(BN_ZERO) || !!amountError?.error}
+          label={t<string>('Bond more')}
+          onStart={onClose}
+          params={[maxAdditional]}
+          tx={api.tx.staking.bondExtra}
+        />
+      </Modal.Actions>
+    </Modal>
+  );
+}
+
+export default React.memo(BondExtra);
diff --git a/packages/page-staking/src/Actions/Account/InjectKeys.tsx b/packages/page-staking/src/Actions/Account/InjectKeys.tsx
new file mode 100644
index 0000000..7395845
--- /dev/null
+++ b/packages/page-staking/src/Actions/Account/InjectKeys.tsx
@@ -0,0 +1,132 @@
+// Copyright 2017-2022 @polkadot/app-staking authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { KeypairType } from '@polkadot/util-crypto/types';
+
+import React, { useCallback, useContext, useEffect, useMemo, useRef, useState } from 'react';
+
+import { Button, Dropdown, Input, MarkWarning, Modal, StatusContext } from '@polkadot/react-components';
+import { keyring } from '@polkadot/ui-keyring';
+import { assert, u8aToHex } from '@polkadot/util';
+import { keyExtractSuri, mnemonicValidate } from '@polkadot/util-crypto';
+
+import { useTranslation } from '../../translate';
+
+interface Props {
+  onClose: () => void;
+}
+
+const CRYPTO_MAP: Record<string, KeypairType[]> = {
+  aura: ['ed25519', 'sr25519'],
+  babe: ['sr25519'],
+  gran: ['ed25519'],
+  imon: ['ed25519', 'sr25519'],
+  para: ['sr25519']
+};
+
+const EMPTY_KEY = '0x';
+
+function InjectKeys ({ onClose }: Props): React.ReactElement<Props> | null {
+  const { t } = useTranslation();
+  const { queueRpc } = useContext(StatusContext);
+  // this needs to align with what is set as the first value in `type`
+  const [crypto, setCrypto] = useState<KeypairType>('sr25519');
+  const [publicKey, setPublicKey] = useState(EMPTY_KEY);
+  const [suri, setSuri] = useState('');
+  const [keyType, setKeyType] = useState('babe');
+
+  const keyTypeOptRef = useRef([
+    { text: t<string>('Aura'), value: 'aura' },
+    { text: t<string>('Babe'), value: 'babe' },
+    { text: t<string>('Grandpa'), value: 'gran' },
+    { text: t<string>('I\'m Online'), value: 'imon' },
+    { text: t<string>('Parachains'), value: 'para' }
+  ]);
+
+  useEffect((): void => {
+    setCrypto(CRYPTO_MAP[keyType][0]);
+  }, [keyType]);
+
+  useEffect((): void => {
+    try {
+      const { phrase } = keyExtractSuri(suri);
+
+      assert(mnemonicValidate(phrase), 'Invalid mnemonic phrase');
+
+      setPublicKey(u8aToHex(keyring.createFromUri(suri, {}, crypto).publicKey));
+    } catch (error) {
+      setPublicKey(EMPTY_KEY);
+    }
+  }, [crypto, suri]);
+
+  const _onSubmit = useCallback(
+    (): void => queueRpc({
+      // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
+      rpc: { method: 'insertKey', section: 'author' } as any,
+      values: [keyType, suri, publicKey]
+    }),
+    [keyType, publicKey, queueRpc, suri]
+  );
+
+  const _cryptoOptions = useMemo(
+    () => CRYPTO_MAP[keyType].map((value): { text: string; value: KeypairType } => ({
+      text: value === 'ed25519'
+        ? t<string>('ed25519, Edwards')
+        : t<string>('sr15519, Schnorrkel'),
+      value
+    })),
+    [keyType, t]
+  );
+
+  return (
+    <Modal
+      header={t<string>('Inject Keys')}
+      onClose={onClose}
+      size='large'
+    >
+      <Modal.Content>
+        <Modal.Columns hint={t<string>('The seed and derivation path will be submitted to the validator node. this is an advanced operation, only to be performed when you are sure of the security and connection risks.')}>
+          <Input
+            autoFocus
+            isError={publicKey.length !== 66}
+            label={t<string>('suri (seed & derivation)')}
+            onChange={setSuri}
+            value={suri}
+          />
+          <MarkWarning content={t<string>('This operation will submit the seed via an RPC call. Do not perform this operation on a public RPC node, but ensure that the node is local, connected to your validator and secure.')} />
+        </Modal.Columns>
+        <Modal.Columns hint={t<string>('The key type and crypto type to use for this key. Be aware that different keys have different crypto requirements. You should be familiar with the type requirements for the different keys.')}>
+          <Dropdown
+            label={t<string>('key type to set')}
+            onChange={setKeyType}
+            options={keyTypeOptRef.current}
+            value={keyType}
+          />
+          <Dropdown
+            isDisabled={_cryptoOptions.length === 1}
+            label={t<string>('crypto type to use')}
+            onChange={setCrypto}
+            options={_cryptoOptions}
+            value={crypto}
+          />
+        </Modal.Columns>
+        <Modal.Columns hint={t<string>('This pubic key is what will be visible in your queued keys list. It is generated based on the seed and the crypto used.')}>
+          <Input
+            isDisabled
+            label={t<string>('generated public key')}
+            value={publicKey}
+          />
+        </Modal.Columns>
+      </Modal.Content>
+      <Modal.Actions>
+        <Button
+          icon='sign-in-alt'
+          label={t<string>('Submit key')}
+          onClick={_onSubmit}
+        />
+      </Modal.Actions>
+    </Modal>
+  );
+}
+
+export default React.memo(InjectKeys);
diff --git a/packages/page-staking/src/Actions/Account/InputValidateAmount.tsx b/packages/page-staking/src/Actions/Account/InputValidateAmount.tsx
new file mode 100644
index 0000000..9e11afc
--- /dev/null
+++ b/packages/page-staking/src/Actions/Account/InputValidateAmount.tsx
@@ -0,0 +1,111 @@
+// Copyright 2017-2022 @polkadot/app-staking authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { DeriveBalancesAll } from '@polkadot/api-derive/types';
+import type { AmountValidateState } from '../types';
+
+import React, { useEffect, useState } from 'react';
+
+import { MarkError, MarkWarning } from '@polkadot/react-components';
+import { useApi, useCall } from '@polkadot/react-hooks';
+import { BN, BN_TEN, BN_THOUSAND, BN_ZERO, formatBalance } from '@polkadot/util';
+
+import { useTranslation } from '../../translate';
+
+interface Props {
+  controllerId: string | null;
+  currentAmount?: BN | null;
+  isNominating?: boolean;
+  minNominated?: BN;
+  minNominatorBond?: BN;
+  minValidatorBond?: BN;
+  onError: (state: AmountValidateState | null) => void;
+  stashId: string | null;
+  value?: BN | null;
+}
+
+function formatExistential (value: BN): string {
+  let fmt = (
+    value
+      .mul(BN_THOUSAND)
+      .div(BN_TEN.pow(new BN(formatBalance.getDefaults().decimals)))
+      .toNumber() / 1000
+  ).toFixed(3);
+
+  while (fmt.length !== 1 && ['.', '0'].includes(fmt[fmt.length - 1])) {
+    const isLast = fmt.endsWith('.');
+
+    fmt = fmt.substr(0, fmt.length - 1);
+
+    if (isLast) {
+      break;
+    }
+  }
+
+  return fmt;
+}
+
+function ValidateAmount ({ currentAmount, isNominating, minNominated, minNominatorBond, minValidatorBond, onError, stashId, value }: Props): React.ReactElement<Props> | null {
+  const { t } = useTranslation();
+  const { api } = useApi();
+  const stashBalance = useCall<DeriveBalancesAll>(api.derive.balances?.all, [stashId]);
+  const [{ error, warning }, setResult] = useState<AmountValidateState>({ error: null, warning: null });
+
+  useEffect((): void => {
+    if (stashBalance && value) {
+      // also used in bond extra, take check against total of current bonded and new
+      const check = value.add(currentAmount || BN_ZERO);
+      const existentialDeposit = api.consts.balances.existentialDeposit;
+      const maxBond = stashBalance.freeBalance.sub(existentialDeposit.divn(2));
+      let newError: string | null = null;
+      let newWarning: string | null = null;
+
+      if (check.gte(maxBond)) {
+        newWarning = t('The specified value is large and may not allow enough funds to pay future transaction fees.');
+      } else if (check.lt(existentialDeposit)) {
+        newError = t('The bonded amount is less than the minimum bond amount of {{existentialDeposit}}', {
+          replace: { existentialDeposit: formatExistential(existentialDeposit) }
+        });
+      } else if (isNominating) {
+        if (minNominatorBond && check.lt(minNominatorBond)) {
+          newError = t('The bonded amount is less than the minimum threshold of {{minBond}} for nominators', {
+            replace: { minBond: formatBalance(minNominatorBond) }
+          });
+        } else if (minNominated && check.lt(minNominated)) {
+          newWarning = t('The bonded amount is less than the current active minimum nominated amount of {{minNomination}} and depending on the network state, may not be selected to participate', {
+            replace: { minNomination: formatBalance(minNominated) }
+          });
+        }
+      } else {
+        if (minValidatorBond && check.lt(minValidatorBond)) {
+          newError = t('The bonded amount is less than the minimum threshold of {{minBond}} for validators', {
+            replace: { minBond: formatBalance(minValidatorBond) }
+          });
+        }
+      }
+
+      setResult((state): AmountValidateState => {
+        const error = state.error !== newError ? newError : state.error;
+        const warning = state.warning !== newWarning ? newWarning : state.warning;
+
+        onError(
+          (error || warning)
+            ? { error, warning }
+            : null
+        );
+
+        return { error, warning };
+      });
+    }
+  }, [api, currentAmount, isNominating, minNominated, minNominatorBond, minValidatorBond, onError, stashBalance, t, value]);
+
+  if (error) {
+    return <MarkError content={error} />;
+  } else if (warning) {
+    return <MarkWarning content={warning} />;
+  }
+
+  return null;
+}
+
+export default React.memo(ValidateAmount);
diff --git a/packages/page-staking/src/Actions/Account/InputValidationController.tsx b/packages/page-staking/src/Actions/Account/InputValidationController.tsx
new file mode 100644
index 0000000..51ff6e1
--- /dev/null
+++ b/packages/page-staking/src/Actions/Account/InputValidationController.tsx
@@ -0,0 +1,85 @@
+// Copyright 2017-2022 @polkadot/app-staking authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { DeriveBalancesAll } from '@polkadot/api-derive/types';
+import type { Option } from '@polkadot/types';
+import type { AccountId, StakingLedger } from '@polkadot/types/interfaces';
+
+import React, { useEffect, useState } from 'react';
+
+import { MarkError, MarkWarning } from '@polkadot/react-components';
+import { useApi, useCall } from '@polkadot/react-hooks';
+
+import { useTranslation } from '../../translate';
+
+interface Props {
+  accountId: string | null;
+  controllerId: string | null;
+  defaultController?: string;
+  onError: (error: string | null, isFatal: boolean) => void;
+}
+
+interface ErrorState {
+  error: string | null;
+  isFatal: boolean;
+}
+
+const transformBonded = {
+  transform: (value: Option<AccountId>): string | null =>
+    value.isSome
+      ? value.unwrap().toString()
+      : null
+};
+
+const transformStash = {
+  transform: (value: Option<StakingLedger>): string | null =>
+    value.isSome
+      ? value.unwrap().stash.toString()
+      : null
+};
+
+function ValidateController ({ accountId, controllerId, defaultController, onError }: Props): React.ReactElement<Props> | null {
+  const { t } = useTranslation();
+  const { api } = useApi();
+  const bondedId = useCall<string | null>(controllerId ? api.query.staking.bonded : null, [controllerId], transformBonded);
+  const stashId = useCall<string | null>(controllerId ? api.query.staking.ledger : null, [controllerId], transformStash);
+  const allBalances = useCall<DeriveBalancesAll>(controllerId ? api.derive.balances?.all : null, [controllerId]);
+  const [{ error, isFatal }, setError] = useState<ErrorState>({ error: null, isFatal: false });
+
+  useEffect((): void => {
+    // don't show an error if the selected controller is the default
+    // this applies when changing controller
+    if (defaultController !== controllerId) {
+      let newError: string | null = null;
+      let isFatal = false;
+
+      if (bondedId && (controllerId !== accountId)) {
+        isFatal = true;
+        newError = t('A controller account should not map to another stash. This selected controller is a stash, controlled by {{bondedId}}', { replace: { bondedId } });
+      } else if (stashId) {
+        isFatal = true;
+        newError = t('A controller account should not be set to manage multiple stashes. The selected controller is already controlling {{stashId}}', { replace: { stashId } });
+      } else if (allBalances?.freeBalance.isZero()) {
+        isFatal = true;
+        newError = t('The controller does not have sufficient funds available to cover transaction fees. Ensure that a funded controller is used.');
+      } else if (controllerId === accountId) {
+        newError = t('Distinct stash and controller accounts are recommended to ensure fund security. You will be allowed to make the transaction, but take care to not tie up all funds, only use a portion of the available funds during this period.');
+      }
+
+      onError(newError, isFatal);
+      setError((state) => state.error !== newError ? { error: newError, isFatal } : state);
+    }
+  }, [accountId, allBalances, bondedId, controllerId, defaultController, onError, stashId, t]);
+
+  if (!error || !accountId) {
+    return null;
+  }
+
+  return (
+    isFatal
+      ? <MarkError content={error} />
+      : <MarkWarning content={error} />
+  );
+}
+
+export default React.memo(ValidateController);
diff --git a/packages/page-staking/src/Actions/Account/InputValidationSessionKey.tsx b/packages/page-staking/src/Actions/Account/InputValidationSessionKey.tsx
new file mode 100644
index 0000000..4310f61
--- /dev/null
+++ b/packages/page-staking/src/Actions/Account/InputValidationSessionKey.tsx
@@ -0,0 +1,43 @@
+// Copyright 2017-2022 @polkadot/app-staking authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { I18nProps } from '@polkadot/react-components/types';
+
+import React, { useEffect, useState } from 'react';
+
+import { MarkWarning } from '@polkadot/react-components';
+
+import { useTranslation } from '../../translate';
+
+interface Props extends I18nProps {
+  controllerId: string;
+  onError: (error: string | null) => void;
+  sessionId: string | null;
+  stashId: string;
+}
+
+function ValidateSessionEd25519 ({ onError, sessionId, stashId }: Props): React.ReactElement<Props> | null {
+  const { t } = useTranslation();
+  const [error, setError] = useState<string | null>(null);
+
+  useEffect((): void => {
+    let newError: string | null = null;
+
+    if (sessionId === stashId) {
+      newError = t<string>('For fund security, your session key should not match your stash key.');
+    }
+
+    onError(newError);
+    setError((error) => error !== newError ? newError : error);
+  }, [onError, sessionId, stashId, t]);
+
+  if (!error) {
+    return null;
+  }
+
+  return (
+    <MarkWarning content={error} />
+  );
+}
+
+export default React.memo(ValidateSessionEd25519);
diff --git a/packages/page-staking/src/Actions/Account/InputValidationUnstakeThreshold.tsx b/packages/page-staking/src/Actions/Account/InputValidationUnstakeThreshold.tsx
new file mode 100644
index 0000000..487fd0c
--- /dev/null
+++ b/packages/page-staking/src/Actions/Account/InputValidationUnstakeThreshold.tsx
@@ -0,0 +1,46 @@
+// Copyright 2017-2022 @polkadot/app-staking authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { BN } from '@polkadot/util';
+
+import React, { useEffect, useState } from 'react';
+
+import { MarkWarning } from '@polkadot/react-components';
+import { BN_TEN } from '@polkadot/util';
+
+import { useTranslation } from '../../translate';
+
+interface Props {
+  unstakeThreshold: BN | undefined;
+  onError: (error: string | null) => void;
+}
+
+function InputValidationUnstakeThreshold ({ onError, unstakeThreshold }: Props): React.ReactElement<Props> | null {
+  const { t } = useTranslation();
+  const [error, setError] = useState<string | null>(null);
+
+  useEffect((): void => {
+    if (unstakeThreshold) {
+      let newError: string | null = null;
+
+      if (unstakeThreshold.ltn(0)) {
+        newError = t<string>('The Threshold must be a positive number');
+      } else if (unstakeThreshold.gt(BN_TEN)) {
+        newError = t<string>('The Threshold must lower than 11');
+      }
+
+      onError(newError);
+      setError((error) => error !== newError ? newError : error);
+    }
+  }, [onError, t, unstakeThreshold]);
+
+  if (!error) {
+    return null;
+  }
+
+  return (
+    <MarkWarning content={error} />
+  );
+}
+
+export default React.memo(InputValidationUnstakeThreshold);
diff --git a/packages/page-staking/src/Actions/Account/KickNominees.tsx b/packages/page-staking/src/Actions/Account/KickNominees.tsx
new file mode 100644
index 0000000..25cb80c
--- /dev/null
+++ b/packages/page-staking/src/Actions/Account/KickNominees.tsx
@@ -0,0 +1,94 @@
+// Copyright 2017-2022 @polkadot/app-staking authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { SubmittableExtrinsic } from '@polkadot/api/types';
+import type { DeriveStakingQuery } from '@polkadot/api-derive/types';
+
+import React, { useEffect, useMemo, useState } from 'react';
+
+import { InputAddressMulti, Modal, Spinner, TxButton } from '@polkadot/react-components';
+import { useApi, useCall } from '@polkadot/react-hooks';
+
+import { useTranslation } from '../../translate';
+import SenderInfo from '../partials/SenderInfo';
+
+interface Props {
+  className?: string;
+  controllerId: string;
+  nominating?: string[];
+  onClose: () => void;
+  stashId: string;
+}
+
+const MAX_KICK = 128;
+
+const accountOpts = {
+  withExposure: true
+};
+
+function KickNominees ({ className = '', controllerId, nominating, onClose, stashId }: Props): React.ReactElement<Props> | null {
+  const { t } = useTranslation();
+  const { api } = useApi();
+  const [selected, setSelected] = useState<string[]>([]);
+  const [{ kickTx }, setTx] = useState<{ kickTx?: null | SubmittableExtrinsic<'promise'> }>({});
+  const queryInfo = useCall<DeriveStakingQuery>(api.derive.staking.query, [stashId, accountOpts]);
+
+  const nominators = useMemo(
+    () => queryInfo?.exposure?.others.map(({ who }) => who.toString()),
+    [queryInfo]
+  );
+
+  useEffect((): void => {
+    try {
+      setTx({
+        kickTx: selected.length
+          ? api.tx.staking.kick(selected)
+          : null
+      });
+    } catch {
+      setTx({ kickTx: null });
+    }
+  }, [api, selected]);
+
+  return (
+    <Modal
+      className={className}
+      header={t<string>('Remove nominees')}
+      onClose={onClose}
+      size='large'
+    >
+      <Modal.Content>
+        <SenderInfo
+          controllerId={controllerId}
+          stashId={stashId}
+        />
+        {nominators
+          ? (
+            <InputAddressMulti
+              available={nominators}
+              availableLabel={t<string>('existing/active nominators')}
+              defaultValue={nominating}
+              help={t<string>('Filter available nominators based on name, address or short account index.')}
+              maxCount={MAX_KICK}
+              onChange={setSelected}
+              valueLabel={t<string>('nominators to be removed')}
+            />
+          )
+          : <Spinner label={t<string>('Retrieving active nominators')} />
+        }
+      </Modal.Content>
+      <Modal.Actions>
+        <TxButton
+          accountId={controllerId}
+          extrinsic={kickTx}
+          icon='user-slash'
+          isDisabled={!kickTx}
+          label={t<string>('Remove')}
+          onStart={onClose}
+        />
+      </Modal.Actions>
+    </Modal>
+  );
+}
+
+export default React.memo(KickNominees);
diff --git a/packages/page-staking/src/Actions/Account/ListNominees.tsx b/packages/page-staking/src/Actions/Account/ListNominees.tsx
new file mode 100644
index 0000000..e4ae54e
--- /dev/null
+++ b/packages/page-staking/src/Actions/Account/ListNominees.tsx
@@ -0,0 +1,124 @@
+// Copyright 2017-2022 @polkadot/app-staking authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { DeriveEraExposure, DeriveSessionIndexes } from '@polkadot/api-derive/types';
+import type { BN } from '@polkadot/util';
+
+import React, { useMemo } from 'react';
+
+import { AddressMini, Expander, MarkWarning } from '@polkadot/react-components';
+import { useApi, useCall } from '@polkadot/react-hooks';
+import { isFunction } from '@polkadot/util';
+
+import { useTranslation } from '../../translate';
+import useInactives from '../useInactives';
+
+interface Props {
+  nominating?: string[];
+  stashId: string;
+}
+
+const EMPTY_MAP = {};
+
+function mapExposure (stashId: string, all: string[], eraExposure?: DeriveEraExposure): Record<string, BN> {
+  if (!eraExposure?.validators) {
+    return EMPTY_MAP;
+  }
+
+  const nomBalanceMap: Record<string, BN> = {};
+
+  // for every active nominee
+  all.forEach((nom) => {
+    // cycle through its nominator to find our current stash
+    eraExposure.validators[nom]?.others.some((o) => {
+      if (o.who.eq(stashId)) {
+        nomBalanceMap[nom] = o.value.toBn();
+
+        return true;
+      }
+
+      return false;
+    });
+  });
+
+  return nomBalanceMap;
+}
+
+function renderNominators (stashId: string, all: string[] = [], eraExposure?: DeriveEraExposure): null | [number, () => React.ReactNode[]] {
+  return all.length
+    ? [
+      all.length,
+      (): React.ReactNode[] => {
+        const nomBalanceMap = mapExposure(stashId, all, eraExposure);
+
+        return all.map((nomineeId, index): React.ReactNode => (
+          <AddressMini
+            balance={nomBalanceMap[nomineeId]}
+            key={index}
+            value={nomineeId}
+            withBalance={!!eraExposure}
+          />
+        ));
+      }
+    ]
+    : null;
+}
+
+function ListNominees ({ nominating, stashId }: Props): React.ReactElement<Props> {
+  const { t } = useTranslation();
+  const { api } = useApi();
+  const { nomsActive, nomsChilled, nomsInactive, nomsOver, nomsWaiting } = useInactives(stashId, nominating);
+  const sessionInfo = useCall<DeriveSessionIndexes>(api.query.staking && api.derive.session?.indexes);
+  const eraExposure = useCall<DeriveEraExposure>(isFunction(api.query.staking.erasStakers) && api.derive.staking.eraExposure, [sessionInfo?.activeEra]);
+
+  const [renActive, renChilled, renInactive, renOver, renWaiting] = useMemo(
+    () => [renderNominators(stashId, nomsActive, eraExposure), renderNominators(stashId, nomsChilled), renderNominators(stashId, nomsInactive), renderNominators(stashId, nomsOver), renderNominators(stashId, nomsWaiting)],
+    [eraExposure, nomsActive, nomsChilled, nomsInactive, nomsOver, nomsWaiting, stashId]
+  );
+
+  return (
+    <>
+      {renOver && (
+        <Expander
+          className='stakeOver'
+          help={t<string>('These validators are active but only the top {{max}} nominators by backing stake will be receiving rewards. The nominating stash is not one of those to be rewarded in the current era.', { replace: api.consts.staking?.maxNominatorRewardedPerValidator?.toString() })}
+          renderChildren={renOver[1]}
+          summary={t<string>('Oversubscribed nominations ({{count}})', { replace: { count: renOver[0] } })}
+        />
+      )}
+      {renActive && (
+        <Expander
+          help={t<string>('The validators selected by the Phragmen algorithm to nominate for this era.')}
+          renderChildren={renActive[1]}
+          summary={t<string>('Active nominations ({{count}})', { replace: { count: renActive[0] } })}
+        />
+      )}
+      {renInactive && (
+        <Expander
+          help={t<string>('The elected validator list that did not get selected by the Phragmen algorithm for this era. However they may be selected in the future.')}
+          renderChildren={renInactive[1]}
+          summary={t<string>('Inactive nominations ({{count}})', { replace: { count: renInactive[0] } })}
+        />
+      )}
+      {renChilled && (
+        <Expander
+          help={t<string>('The validators that got slashed and for which your nomination got auto-chilled. Re-nominating these will make them available to the Phragmen algorithm.')}
+          renderChildren={renChilled[1]}
+          summary={t<string>('Renomination required ({{count}})', { replace: { count: renChilled[0] } })}
+        />
+      )}
+      {renWaiting && (
+        <Expander
+          help={t<string>('The validators that are not in the validator set because they need more nominations or because they have willingly stopped validating. Any nominations made before the next election will also appear here.')}
+          renderChildren={renWaiting[1]}
+          summary={t<string>('Waiting nominations ({{count}})', { replace: { count: renWaiting[0] } })}
+        />
+      )}
+      {nomsActive && nomsInactive && (nomsActive.length === 0) && (nomsInactive.length !== 0) && (
+        <MarkWarning content={t<string>('This could mean your nomination has not been applied to any validator in the active set by the election algorithm or it has been applied against a validator who is either oversubscribed or chilled.')} />
+      )}
+    </>
+  );
+}
+
+export default React.memo(ListNominees);
diff --git a/packages/page-staking/src/Actions/Account/Nominate.tsx b/packages/page-staking/src/Actions/Account/Nominate.tsx
new file mode 100644
index 0000000..1f6b7f9
--- /dev/null
+++ b/packages/page-staking/src/Actions/Account/Nominate.tsx
@@ -0,0 +1,67 @@
+// Copyright 2017-2022 @polkadot/app-staking authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { SortedTargets } from '../../types';
+import type { NominateInfo } from '../partials/types';
+
+import React, { useState } from 'react';
+import styled from 'styled-components';
+
+import { Modal, TxButton } from '@polkadot/react-components';
+
+import { useTranslation } from '../../translate';
+import NominatePartial from '../partials/Nominate';
+
+interface Props {
+  className?: string;
+  controllerId: string;
+  nominating?: string[];
+  onClose: () => void;
+  stashId: string;
+  targets: SortedTargets;
+}
+
+function Nominate ({ className = '', controllerId, nominating, onClose, stashId, targets }: Props): React.ReactElement<Props> | null {
+  const { t } = useTranslation();
+  const [{ nominateTx }, setTx] = useState<NominateInfo>({});
+
+  return (
+    <Modal
+      className={className}
+      header={t<string>('Nominate Validators')}
+      onClose={onClose}
+      size='large'
+    >
+      <Modal.Content>
+        <NominatePartial
+          className='nominatePartial'
+          controllerId={controllerId}
+          nominating={nominating}
+          onChange={setTx}
+          stashId={stashId}
+          targets={targets}
+          withSenders
+        />
+      </Modal.Content>
+      <Modal.Actions>
+        <TxButton
+          accountId={controllerId}
+          extrinsic={nominateTx}
+          icon='hand-paper'
+          isDisabled={!nominateTx}
+          label={t<string>('Nominate')}
+          onStart={onClose}
+        />
+      </Modal.Actions>
+    </Modal>
+  );
+}
+
+export default React.memo(styled(Nominate)`
+  .nominatePartial {
+    .ui--Static .ui--AddressMini .ui--AddressMini-info {
+      max-width: 10rem;
+      min-width: 10rem;
+    }
+  }
+`);
diff --git a/packages/page-staking/src/Actions/Account/Rebond.tsx b/packages/page-staking/src/Actions/Account/Rebond.tsx
new file mode 100644
index 0000000..2418859
--- /dev/null
+++ b/packages/page-staking/src/Actions/Account/Rebond.tsx
@@ -0,0 +1,74 @@
+// Copyright 2017-2022 @polkadot/app-staking authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { DeriveStakingAccount } from '@polkadot/api-derive/types';
+
+import React, { useMemo, useState } from 'react';
+
+import { InputBalance, Modal, TxButton } from '@polkadot/react-components';
+import { useApi } from '@polkadot/react-hooks';
+import { BN, BN_ZERO } from '@polkadot/util';
+
+import { useTranslation } from '../../translate';
+import SenderInfo from '../partials/SenderInfo';
+
+interface Props {
+  controllerId: string | null;
+  onClose: () => void;
+  stakingInfo?: DeriveStakingAccount;
+  stashId: string;
+}
+
+// TODO we should check that the bonded amoutn, after the operation is >= ED
+function Rebond ({ controllerId, onClose, stakingInfo, stashId }: Props): React.ReactElement<Props> {
+  const { t } = useTranslation();
+  const { api } = useApi();
+  const [maxAdditional, setMaxAdditional] = useState<BN | undefined>();
+
+  const startBalance = useMemo(
+    () => stakingInfo && stakingInfo.unlocking
+      ? stakingInfo.unlocking.reduce((total, { value }) => total.iadd(value), new BN(0))
+      : BN_ZERO,
+    [stakingInfo]
+  );
+
+  return (
+    <Modal
+      header= {t<string>('Bond more funds')}
+      onClose={onClose}
+      size='large'
+    >
+      <Modal.Content>
+        <SenderInfo
+          controllerId={controllerId}
+          stashId={stashId}
+        />
+        {startBalance && (
+          <Modal.Columns hint={t<string>('The amount the is to be rebonded from the value currently unlocking, i.e. previously unbonded')}>
+            <InputBalance
+              autoFocus
+              defaultValue={startBalance}
+              help={t<string>('Amount to add to the currently bonded funds. This is adjusted using the funds currently unlocking.')}
+              isError={!maxAdditional || maxAdditional.eqn(0) || maxAdditional.gt(startBalance)}
+              label={t<string>('rebonded amount')}
+              onChange={setMaxAdditional}
+            />
+          </Modal.Columns>
+        )}
+      </Modal.Content>
+      <Modal.Actions>
+        <TxButton
+          accountId={controllerId}
+          icon='sign-in-alt'
+          isDisabled={!maxAdditional || maxAdditional.isZero() || !startBalance || maxAdditional.gt(startBalance)}
+          label={t<string>('Rebond')}
+          onStart={onClose}
+          params={[maxAdditional]}
+          tx={api.tx.staking.rebond}
+        />
+      </Modal.Actions>
+    </Modal>
+  );
+}
+
+export default React.memo(Rebond);
diff --git a/packages/page-staking/src/Actions/Account/SetControllerAccount.tsx b/packages/page-staking/src/Actions/Account/SetControllerAccount.tsx
new file mode 100644
index 0000000..0cf6782
--- /dev/null
+++ b/packages/page-staking/src/Actions/Account/SetControllerAccount.tsx
@@ -0,0 +1,75 @@
+// Copyright 2017-2022 @polkadot/app-staking authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import React, { useCallback, useState } from 'react';
+
+import { InputAddress, Modal, TxButton } from '@polkadot/react-components';
+import { useApi } from '@polkadot/react-hooks';
+
+import { useTranslation } from '../../translate';
+import InputValidationController from './InputValidationController';
+
+interface Props {
+  defaultControllerId: string;
+  onClose: () => void;
+  stashId: string;
+}
+
+function SetControllerAccount ({ defaultControllerId, onClose, stashId }: Props): React.ReactElement<Props> {
+  const { t } = useTranslation();
+  const { api } = useApi();
+  const [isFatal, setIsFatal] = useState(false);
+  const [controllerId, setControllerId] = useState<string | null>(null);
+
+  const _setError = useCallback(
+    (_: string | null, isFatal: boolean) => setIsFatal(isFatal),
+    []
+  );
+
+  return (
+    <Modal
+      header={t<string>('Change controller account')}
+      onClose={onClose}
+      size='large'
+    >
+      <Modal.Content>
+        <Modal.Columns hint={t<string>('The stash account that is used. This will allow the controller to perform all non-funds related operations on behalf of the account.')}>
+          <InputAddress
+            isDisabled
+            label={t<string>('stash account')}
+            value={stashId}
+          />
+        </Modal.Columns>
+        <Modal.Columns hint={t<string>('The selected controller tied to this stash. Once set, this account will be able to control the actions performed by the stash account.')}>
+          <InputAddress
+            defaultValue={defaultControllerId}
+            help={t<string>('The controller is the account that will be used to control any nominating or validating actions. Should not match another stash or controller.')}
+            label={t<string>('controller account')}
+            onChange={setControllerId}
+            type='account'
+            value={controllerId}
+          />
+          <InputValidationController
+            accountId={stashId}
+            controllerId={controllerId}
+            defaultController={defaultControllerId}
+            onError={_setError}
+          />
+        </Modal.Columns>
+      </Modal.Content>
+      <Modal.Actions>
+        <TxButton
+          accountId={stashId}
+          icon='sign-in-alt'
+          isDisabled={!controllerId || isFatal}
+          label={t<string>('Set controller')}
+          onStart={onClose}
+          params={[controllerId]}
+          tx={api.tx.staking.setController}
+        />
+      </Modal.Actions>
+    </Modal>
+  );
+}
+
+export default React.memo(SetControllerAccount);
diff --git a/packages/page-staking/src/Actions/Account/SetRewardDestination.tsx b/packages/page-staking/src/Actions/Account/SetRewardDestination.tsx
new file mode 100644
index 0000000..6689541
--- /dev/null
+++ b/packages/page-staking/src/Actions/Account/SetRewardDestination.tsx
@@ -0,0 +1,100 @@
+// Copyright 2017-2022 @polkadot/app-staking authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { DeriveBalancesAll } from '@polkadot/api-derive/types';
+import type { RewardDestination } from '@polkadot/types/interfaces';
+import type { DestinationType } from '../types';
+
+import React, { useMemo, useState } from 'react';
+
+import { Dropdown, InputAddress, MarkError, Modal, TxButton } from '@polkadot/react-components';
+import { useApi, useCall } from '@polkadot/react-hooks';
+
+import { useTranslation } from '../../translate';
+import { createDestCurr } from '../destOptions';
+
+interface Props {
+  defaultDestination?: RewardDestination;
+  controllerId: string;
+  onClose: () => void;
+  stashId: string;
+}
+
+function SetRewardDestination ({ controllerId, defaultDestination, onClose, stashId }: Props): React.ReactElement<Props> {
+  const { t } = useTranslation();
+  const { api } = useApi();
+  const [destination, setDestination] = useState<DestinationType>(() => ((defaultDestination?.isAccount ? 'Account' : defaultDestination?.toString()) || 'Staked') as 'Staked');
+  const [destAccount, setDestAccount] = useState<string | null>(() => defaultDestination?.isAccount ? defaultDestination.asAccount.toString() : null);
+  const destBalance = useCall<DeriveBalancesAll>(api.derive.balances?.all, [destAccount]);
+
+  const options = useMemo(
+    () => createDestCurr(t),
+    [t]
+  );
+
+  const isAccount = destination === 'Account';
+  const isDestError = isAccount && destBalance && destBalance.accountId.eq(destAccount) && destBalance.freeBalance.isZero();
+
+  return (
+    <Modal
+      header={t<string>('Bonding Preferences')}
+      onClose={onClose}
+      size='large'
+    >
+      <Modal.Content>
+        <Modal.Columns hint={t<string>('The stash and controller pair as linked. This operation will be performed via the controller.')}>
+          <InputAddress
+            defaultValue={stashId}
+            isDisabled
+            label={t<string>('stash account')}
+          />
+          <InputAddress
+            defaultValue={controllerId}
+            help={t<string>('The controller is the account that is be used to control any nominating or validating actions. I will sign this transaction.')}
+            isDisabled
+            label={t<string>('controller account')}
+          />
+        </Modal.Columns>
+        <Modal.Columns hint={t<string>('All rewards will go towards the selected output destination when a payout is made.')}>
+          <Dropdown
+            defaultValue={defaultDestination?.toString()}
+            help={t<string>('The destination account for any payments as either a nominator or validator')}
+            label={t<string>('payment destination')}
+            onChange={setDestination}
+            options={options}
+            value={destination}
+          />
+          {isAccount && (
+            <InputAddress
+              help={t('An account that is to receive the rewards')}
+              label={t('the payment account')}
+              onChange={setDestAccount}
+              type='account'
+              value={destAccount}
+            />
+          )}
+          {isDestError && (
+            <MarkError content={t<string>('The selected destination account does not exist and cannot be used to receive rewards')} />
+          )}
+        </Modal.Columns>
+      </Modal.Content>
+      <Modal.Actions>
+        <TxButton
+          accountId={controllerId}
+          icon='sign-in-alt'
+          isDisabled={!controllerId || (isAccount && (!destAccount || isDestError))}
+          label={t<string>('Set reward destination')}
+          onStart={onClose}
+          params={[
+            isAccount
+              ? { Account: destAccount }
+              : destination
+          ]}
+          tx={api.tx.staking.setPayee}
+        />
+      </Modal.Actions>
+    </Modal>
+  );
+}
+
+export default React.memo(SetRewardDestination);
diff --git a/packages/page-staking/src/Actions/Account/SetSessionKey.tsx b/packages/page-staking/src/Actions/Account/SetSessionKey.tsx
new file mode 100644
index 0000000..6275064
--- /dev/null
+++ b/packages/page-staking/src/Actions/Account/SetSessionKey.tsx
@@ -0,0 +1,52 @@
+// Copyright 2017-2022 @polkadot/app-staking authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { SessionInfo } from '../partials/types';
+
+import React, { useState } from 'react';
+
+import { Modal, TxButton } from '@polkadot/react-components';
+
+import { useTranslation } from '../../translate';
+import SessionKeyPartital from '../partials/SessionKey';
+
+interface Props {
+  controllerId: string;
+  onClose: () => void;
+  stashId: string;
+}
+
+function SetSessionKey ({ controllerId, onClose, stashId }: Props): React.ReactElement<Props> | null {
+  const { t } = useTranslation();
+  const [{ sessionTx }, setTx] = useState<SessionInfo>({});
+
+  return (
+    <Modal
+      header={t<string>('Set Session Key')}
+      onClose={onClose}
+      size='large'
+    >
+      <Modal.Content>
+        <SessionKeyPartital
+          controllerId={controllerId}
+          onChange={setTx}
+          stashId={stashId}
+          withFocus
+          withSenders
+        />
+      </Modal.Content>
+      <Modal.Actions>
+        <TxButton
+          accountId={controllerId}
+          extrinsic={sessionTx}
+          icon='sign-in-alt'
+          isDisabled={!sessionTx}
+          label={t<string>('Set Session Key')}
+          onStart={onClose}
+        />
+      </Modal.Actions>
+    </Modal>
+  );
+}
+
+export default React.memo(SetSessionKey);
diff --git a/packages/page-staking/src/Actions/Account/Unbond.tsx b/packages/page-staking/src/Actions/Account/Unbond.tsx
new file mode 100644
index 0000000..4777fae
--- /dev/null
+++ b/packages/page-staking/src/Actions/Account/Unbond.tsx
@@ -0,0 +1,103 @@
+// Copyright 2017-2022 @polkadot/app-staking authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { AccountId, StakingLedger } from '@polkadot/types/interfaces';
+import type { BN } from '@polkadot/util';
+
+import React, { useState } from 'react';
+import styled from 'styled-components';
+
+import { InputAddress, InputBalance, Modal, Static, Toggle, TxButton } from '@polkadot/react-components';
+import { useApi } from '@polkadot/react-hooks';
+import { BlockToTime } from '@polkadot/react-query';
+
+import { useTranslation } from '../../translate';
+import useUnbondDuration from '../useUnbondDuration';
+
+interface Props {
+  controllerId?: AccountId | null;
+  onClose: () => void;
+  stakingLedger?: StakingLedger;
+  stashId: string;
+}
+
+function Unbond ({ controllerId, onClose, stakingLedger, stashId }: Props): React.ReactElement<Props> {
+  const { t } = useTranslation();
+  const { api } = useApi();
+  const bondedBlocks = useUnbondDuration();
+  const [maxBalance] = useState<BN | null>(() => stakingLedger?.active?.unwrap() || null);
+  const [maxUnbond, setMaxUnbond] = useState<BN | null>(null);
+  const [withMax, setWithMax] = useState(false);
+
+  return (
+    <Modal
+      header={t<string>('Unbond funds')}
+      onClose={onClose}
+      size='large'
+    >
+      <Modal.Content>
+        <Modal.Columns hint={t<string>('The stash and controller pair, here the controller will be used to send the transaction.')}>
+          <InputAddress
+            defaultValue={stashId}
+            isDisabled
+            label={t<string>('stash account')}
+          />
+          <InputAddress
+            defaultValue={controllerId}
+            isDisabled
+            label={t<string>('controller account')}
+          />
+        </Modal.Columns>
+        <Modal.Columns hint={t<string>('The funds will only be available for withdrawal after the unbonding period, however will not be part of the staked amount after the next validator election. You can follow the unlock countdown in the UI.')}>
+          <InputBalance
+            autoFocus
+            defaultValue={maxBalance}
+            help={t<string>('The amount of funds to unbond, this is adjusted using the bonded funds on the stash account.')}
+            isDisabled={withMax}
+            key={`unbondAmount-${withMax.toString()}`}
+            label={t<string>('unbond amount')}
+            maxValue={maxBalance}
+            onChange={setMaxUnbond}
+            withMax
+          >
+            <Toggle
+              isOverlay
+              label={t<string>('all bonded')}
+              onChange={setWithMax}
+              value={withMax}
+            />
+          </InputBalance>
+          {bondedBlocks?.gtn(0) && (
+            <Static
+              help={t<string>('The bonding duration for any staked funds. After this period needs to be withdrawn.')}
+              label={t<string>('on-chain bonding duration')}
+            >
+              <BlockToTime value={bondedBlocks} />
+            </Static>
+          )}
+        </Modal.Columns>
+      </Modal.Content>
+      <Modal.Actions>
+        <TxButton
+          accountId={controllerId}
+          icon='unlock'
+          isDisabled={!((withMax ? maxBalance : maxUnbond)?.gtn(0))}
+          label={t<string>('Unbond')}
+          onStart={onClose}
+          params={[withMax ? maxBalance : maxUnbond]}
+          tx={api.tx.staking.unbond}
+        />
+      </Modal.Actions>
+    </Modal>
+  );
+}
+
+export default React.memo(styled(Unbond)`
+  .staking--Unbond--max > div {
+    justify-content: flex-end;
+
+    & .column {
+      flex: 0;
+    }
+  }
+`);
diff --git a/packages/page-staking/src/Actions/Account/Validate.tsx b/packages/page-staking/src/Actions/Account/Validate.tsx
new file mode 100644
index 0000000..4fc780e
--- /dev/null
+++ b/packages/page-staking/src/Actions/Account/Validate.tsx
@@ -0,0 +1,55 @@
+// Copyright 2017-2022 @polkadot/app-staking authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { BN } from '@polkadot/util';
+import type { ValidateInfo } from '../partials/types';
+
+import React, { useState } from 'react';
+
+import { Modal, TxButton } from '@polkadot/react-components';
+
+import { useTranslation } from '../../translate';
+import ValidatePartial from '../partials/Validate';
+
+interface Props {
+  controllerId: string;
+  minCommission?: BN;
+  onClose: () => void;
+  stashId: string;
+}
+
+function Validate ({ controllerId, minCommission, onClose, stashId }: Props): React.ReactElement<Props> {
+  const { t } = useTranslation();
+  const [{ validateTx }, setTx] = useState<ValidateInfo>({});
+
+  return (
+    <Modal
+      header={t<string>('Set validator preferences')}
+      onClose={onClose}
+      size='large'
+    >
+      <Modal.Content>
+        <ValidatePartial
+          controllerId={controllerId}
+          minCommission={minCommission}
+          onChange={setTx}
+          stashId={stashId}
+          withFocus
+          withSenders
+        />
+      </Modal.Content>
+      <Modal.Actions>
+        <TxButton
+          accountId={controllerId}
+          extrinsic={validateTx}
+          icon='certificate'
+          isDisabled={!validateTx}
+          label={t<string>('Validate')}
+          onStart={onClose}
+        />
+      </Modal.Actions>
+    </Modal>
+  );
+}
+
+export default React.memo(Validate);
diff --git a/packages/page-staking/src/Actions/Account/WarnBond.tsx b/packages/page-staking/src/Actions/Account/WarnBond.tsx
new file mode 100644
index 0000000..fed8e02
--- /dev/null
+++ b/packages/page-staking/src/Actions/Account/WarnBond.tsx
@@ -0,0 +1,32 @@
+// Copyright 2017-2022 @polkadot/app-staking authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { DeriveStakingAccount } from '@polkadot/api-derive/types';
+import type { BN } from '@polkadot/util';
+
+import React, { useMemo } from 'react';
+
+import { MarkWarning } from '@polkadot/react-components';
+import { formatBalance } from '@polkadot/util';
+
+import { useTranslation } from '../../translate';
+
+interface Props {
+  minBond?: BN;
+  stakingInfo?: DeriveStakingAccount;
+}
+
+function WarnBond ({ minBond, stakingInfo }: Props): React.ReactElement<Props> | null {
+  const { t } = useTranslation();
+
+  const isBelow = useMemo(
+    () => minBond && stakingInfo && stakingInfo.stakingLedger.active.unwrap().lt(minBond),
+    [minBond, stakingInfo]
+  );
+
+  return isBelow
+    ? <MarkWarning content={t<string>('Your bonded amount is below the on-chain minimum threshold of {{minBond}} and may be chilled. Bond extra funds to increase the bonded amount.', { replace: { minBond: formatBalance(minBond) } })} />
+    : null;
+}
+
+export default React.memo(WarnBond);
diff --git a/packages/page-staking/src/Actions/Account/index.tsx b/packages/page-staking/src/Actions/Account/index.tsx
new file mode 100644
index 0000000..ca7ca8e
--- /dev/null
+++ b/packages/page-staking/src/Actions/Account/index.tsx
@@ -0,0 +1,407 @@
+// Copyright 2017-2022 @polkadot/app-staking authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { DeriveBalancesAll, DeriveStakingAccount } from '@polkadot/api-derive/types';
+import type { StakerState } from '@polkadot/react-hooks/types';
+import type { Option } from '@polkadot/types';
+import type { SlashingSpans, UnappliedSlash } from '@polkadot/types/interfaces';
+import type { SortedTargets } from '../../types';
+import type { Slash } from '../types';
+
+import React, { useCallback, useContext, useMemo } from 'react';
+import styled from 'styled-components';
+
+import { ApiPromise } from '@polkadot/api';
+import { AddressInfo, AddressMini, AddressSmall, Badge, Button, Checkbox, Menu, Popup, StakingBonded, StakingRedeemable, StakingUnbonding, StatusContext, TxButton } from '@polkadot/react-components';
+import { useApi, useCall, useToggle } from '@polkadot/react-hooks';
+import { BN, formatNumber, isFunction } from '@polkadot/util';
+
+import { useTranslation } from '../../translate';
+import BondExtra from './BondExtra';
+import InjectKeys from './InjectKeys';
+import KickNominees from './KickNominees';
+import ListNominees from './ListNominees';
+import Nominate from './Nominate';
+import Rebond from './Rebond';
+import SetControllerAccount from './SetControllerAccount';
+import SetRewardDestination from './SetRewardDestination';
+import SetSessionKey from './SetSessionKey';
+import Unbond from './Unbond';
+import Validate from './Validate';
+import WarnBond from './WarnBond';
+
+interface Props {
+  allSlashes?: [BN, UnappliedSlash[]][];
+  className?: string;
+  isDisabled?: boolean;
+  isSelectable: boolean;
+  info: StakerState;
+  minCommission?: BN;
+  next?: string[];
+  onSelect: (stashId: string, controllerId: string, isSelected: boolean) => void;
+  stashId: string;
+  targets: SortedTargets;
+  validators?: string[];
+}
+
+function extractSlashes (stashId: string, allSlashes: [BN, UnappliedSlash[]][] = []): Slash[] {
+  return allSlashes
+    .map(([era, all]) => ({
+      era,
+      slashes: all.filter(({ others, validator }) =>
+        validator.eq(stashId) || others.some(([nominatorId]) => nominatorId.eq(stashId))
+      )
+    }))
+    .filter(({ slashes }) => slashes.length);
+}
+
+const transformSpan = {
+  transform: (optSpans: Option<SlashingSpans>): number =>
+    optSpans.isNone
+      ? 0
+      : optSpans.unwrap().prior.length + 1
+};
+
+function useStashCalls (api: ApiPromise, stashId: string) {
+  const params = useMemo(() => [stashId], [stashId]);
+  const balancesAll = useCall<DeriveBalancesAll>(api.derive.balances?.all, params);
+  const spanCount = useCall<number>(api.query.staking.slashingSpans, params, transformSpan);
+  const stakingAccount = useCall<DeriveStakingAccount>(api.derive.staking.account, params);
+
+  return { balancesAll, spanCount, stakingAccount };
+}
+
+function Account ({ allSlashes, className = '', info: { controllerId, destination, hexSessionIdNext, hexSessionIdQueue, isLoading, isOwnController, isOwnStash, isStashNominating, isStashValidating, nominating, sessionIds, stakingLedger, stashId }, isDisabled, isSelectable, minCommission, onSelect, targets }: Props): React.ReactElement<Props> {
+  const { t } = useTranslation();
+  const { api } = useApi();
+  const { queueExtrinsic } = useContext(StatusContext);
+  const [isBondExtraOpen, toggleBondExtra] = useToggle();
+  const [isInjectOpen, toggleInject] = useToggle();
+  const [isKickOpen, toggleKick] = useToggle();
+  const [isNominateOpen, toggleNominate] = useToggle();
+  const [isRebondOpen, toggleRebond] = useToggle();
+  const [isRewardDestinationOpen, toggleRewardDestination] = useToggle();
+  const [isSetControllerOpen, toggleSetController] = useToggle();
+  const [isSetSessionOpen, toggleSetSession] = useToggle();
+  const [isUnbondOpen, toggleUnbond] = useToggle();
+  const [isValidateOpen, toggleValidate] = useToggle();
+  const { balancesAll, spanCount, stakingAccount } = useStashCalls(api, stashId);
+
+  const _onSelect = useCallback(
+    (isSelected: boolean) => controllerId && onSelect(stashId, controllerId, isSelected),
+    [controllerId, stashId, onSelect]
+  );
+
+  const [isSelected, , setSelected] = useToggle(false, _onSelect);
+
+  const slashes = useMemo(
+    () => extractSlashes(stashId, allSlashes),
+    [allSlashes, stashId]
+  );
+
+  const withdrawFunds = useCallback(
+    () => {
+      queueExtrinsic({
+        accountId: controllerId,
+        extrinsic: api.tx.staking.withdrawUnbonded.meta.args.length === 1
+          ? api.tx.staking.withdrawUnbonded(spanCount || 0)
+          // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+          // @ts-ignore (We are doing toHex here since we have a Vec<u8> input)
+          : api.tx.staking.withdrawUnbonded()
+      });
+    },
+    [api, controllerId, queueExtrinsic, spanCount]
+  );
+
+  const hasBonded = !!stakingAccount?.stakingLedger && !stakingAccount.stakingLedger.active?.isEmpty;
+
+  return (
+    <tr className={className}>
+      <td className='badge together'>
+        {slashes.length !== 0 && (
+          <Badge
+            color='red'
+            hover={t<string>('Slashed in era {{eras}}', {
+              replace: {
+                eras: slashes.map(({ era }) => formatNumber(era)).join(', ')
+              }
+            })}
+            icon='skull-crossbones'
+          />
+        )}
+      </td>
+      <td className='address'>
+        <AddressSmall value={stashId} />
+        {isBondExtraOpen && (
+          <BondExtra
+            controllerId={controllerId}
+            onClose={toggleBondExtra}
+            stakingInfo={stakingAccount}
+            stashId={stashId}
+          />
+        )}
+        {isInjectOpen && (
+          <InjectKeys onClose={toggleInject} />
+        )}
+        {isKickOpen && controllerId && (
+          <KickNominees
+            controllerId={controllerId}
+            onClose={toggleKick}
+            stashId={stashId}
+          />
+        )}
+        {isNominateOpen && controllerId && (
+          <Nominate
+            controllerId={controllerId}
+            nominating={nominating}
+            onClose={toggleNominate}
+            stashId={stashId}
+            targets={targets}
+          />
+        )}
+        {isRebondOpen && (
+          <Rebond
+            controllerId={controllerId}
+            onClose={toggleRebond}
+            stakingInfo={stakingAccount}
+            stashId={stashId}
+          />
+        )}
+        {isSetControllerOpen && controllerId && (
+          <SetControllerAccount
+            defaultControllerId={controllerId}
+            onClose={toggleSetController}
+            stashId={stashId}
+          />
+        )}
+        {isRewardDestinationOpen && controllerId && (
+          <SetRewardDestination
+            controllerId={controllerId}
+            defaultDestination={destination}
+            onClose={toggleRewardDestination}
+            stashId={stashId}
+          />
+        )}
+        {isSetSessionOpen && controllerId && (
+          <SetSessionKey
+            controllerId={controllerId}
+            onClose={toggleSetSession}
+            stashId={stashId}
+          />
+        )}
+        {isUnbondOpen && (
+          <Unbond
+            controllerId={controllerId}
+            onClose={toggleUnbond}
+            stakingLedger={stakingLedger}
+            stashId={stashId}
+          />
+        )}
+        {isValidateOpen && controllerId && (
+          <Validate
+            controllerId={controllerId}
+            minCommission={minCommission}
+            onClose={toggleValidate}
+            stashId={stashId}
+          />
+        )}
+      </td>
+      <td className='address'>
+        <AddressMini value={controllerId} />
+      </td>
+      <td className='start media--1200'>
+        {destination?.isAccount
+          ? <AddressMini value={destination.asAccount} />
+          : destination?.toString()
+        }
+      </td>
+      <td className='number'>
+        <StakingBonded stakingInfo={stakingAccount} />
+        <StakingUnbonding stakingInfo={stakingAccount} />
+        <StakingRedeemable stakingInfo={stakingAccount} />
+      </td>
+      {isStashValidating
+        ? (
+          <td className='all'>
+            <AddressInfo
+              address={stashId}
+              withBalance={false}
+              withHexSessionId={hexSessionIdNext !== '0x' && [hexSessionIdQueue, hexSessionIdNext]}
+              withValidatorPrefs
+            />
+            <WarnBond
+              minBond={targets.minValidatorBond}
+              stakingInfo={stakingAccount}
+            />
+          </td>
+        )
+        : (
+          <td className='all expand left'>
+            {isStashNominating && (
+              <>
+                <ListNominees
+                  nominating={nominating}
+                  stashId={stashId}
+                />
+                <WarnBond
+                  minBond={targets.minNominatorBond}
+                  stakingInfo={stakingAccount}
+                />
+              </>
+            )}
+          </td>
+        )
+      }
+      <td className='button'>
+        {!isLoading && (
+          <>
+            {(isStashNominating || isStashValidating)
+              ? (
+                <TxButton
+                  accountId={controllerId}
+                  icon='stop'
+                  isDisabled={!isOwnController || isDisabled}
+                  key='stop'
+                  label={t<string>('Stop')}
+                  tx={api.tx.staking.chill}
+                />
+              )
+              : (
+                <Button.Group>
+                  {(!sessionIds.length || hexSessionIdNext === '0x')
+                    ? (
+                      <Button
+                        icon='sign-in-alt'
+                        isDisabled={!isOwnController || isDisabled}
+                        key='set'
+                        label={t<string>('Session Key')}
+                        onClick={toggleSetSession}
+                      />
+                    )
+                    : (
+                      <Button
+                        icon='certificate'
+                        isDisabled={!isOwnController || isDisabled || !hasBonded}
+                        key='validate'
+                        label={t<string>('Validate')}
+                        onClick={toggleValidate}
+                      />
+                    )
+                  }
+                  <Button
+                    icon='hand-paper'
+                    isDisabled={!isOwnController || isDisabled || !hasBonded}
+                    key='nominate'
+                    label={t<string>('Nominate')}
+                    onClick={toggleNominate}
+                  />
+                </Button.Group>
+              )
+            }
+            <Popup
+              isDisabled={isDisabled}
+              key='settings'
+              value={
+                <Menu>
+                  <Menu.Item
+                    isDisabled={!isOwnStash || !balancesAll?.freeBalance.gtn(0)}
+                    onClick={toggleBondExtra}
+                  >
+                    {t<string>('Bond more funds')}
+                  </Menu.Item>
+                  <Menu.Item
+                    isDisabled={!isOwnController || !stakingAccount || !stakingAccount.stakingLedger || stakingAccount.stakingLedger.active?.isEmpty}
+                    onClick={toggleUnbond}
+                  >
+                    {t<string>('Unbond funds')}
+                  </Menu.Item>
+                  <Menu.Item
+                    isDisabled={!isOwnController || !stakingAccount || !stakingAccount.unlocking || !stakingAccount.unlocking.length}
+                    onClick={toggleRebond}
+                  >
+                    {t<string>('Rebond funds')}
+                  </Menu.Item>
+                  <Menu.Item
+                    isDisabled={!isOwnController || !stakingAccount || !stakingAccount.redeemable || !stakingAccount.redeemable.gtn(0)}
+                    onClick={withdrawFunds}
+                  >
+                    {t<string>('Withdraw unbonded funds')}
+                  </Menu.Item>
+                  <Menu.Divider />
+                  <Menu.Item
+                    isDisabled={!isOwnStash}
+                    onClick={toggleSetController}
+                  >
+                    {t<string>('Change controller account')}
+                  </Menu.Item>
+                  <Menu.Item
+                    isDisabled={!isOwnController}
+                    onClick={toggleRewardDestination}
+                  >
+                    {t<string>('Change reward destination')}
+                  </Menu.Item>
+                  {isStashValidating && (
+                    <>
+                      <Menu.Item
+                        isDisabled={!isOwnController}
+                        onClick={toggleValidate}
+                      >
+                        {t<string>('Change validator preferences')}
+                      </Menu.Item>
+                      {isFunction(api.tx.staking.kick) && (
+                        <Menu.Item
+                          isDisabled={!isOwnController}
+                          onClick={toggleKick}
+                        >
+                          {t<string>('Remove nominees')}
+                        </Menu.Item>
+                      )}
+                    </>
+                  )}
+                  <Menu.Divider />
+                  {!isStashNominating && (
+                    <Menu.Item
+                      isDisabled={!isOwnController}
+                      onClick={toggleSetSession}
+                    >
+                      {t<string>('Change session keys')}
+                    </Menu.Item>
+                  )}
+                  {isStashNominating && (
+                    <Menu.Item
+                      isDisabled={!isOwnController || !targets.validators?.length}
+                      onClick={toggleNominate}
+                    >
+                      {t<string>('Set nominees')}
+                    </Menu.Item>
+                  )}
+                  {!isStashNominating && (
+                    <Menu.Item onClick={toggleInject}>
+                      {t<string>('Inject session keys (advanced)')}
+                    </Menu.Item>
+                  )}
+                </Menu>
+              }
+            />
+          </>
+        )}
+      </td>
+      <td className='--hidden'>
+        {isSelectable && controllerId && (
+          <Checkbox
+            onChange={setSelected}
+            value={isSelected}
+          />
+        )}
+      </td>
+    </tr>
+  );
+}
+
+export default React.memo(styled(Account)`
+  .ui--Button-Group {
+    display: inline-block;
+    margin-right: 0.25rem;
+    vertical-align: inherit;
+  }
+`);
diff --git a/packages/page-staking/src/Actions/NewNominator.tsx b/packages/page-staking/src/Actions/NewNominator.tsx
new file mode 100644
index 0000000..615f93d
--- /dev/null
+++ b/packages/page-staking/src/Actions/NewNominator.tsx
@@ -0,0 +1,135 @@
+// Copyright 2017-2022 @polkadot/app-staking authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { SortedTargets } from '../types';
+import type { BondInfo, NominateInfo } from './partials/types';
+
+import React, { useCallback, useState } from 'react';
+
+import { BatchWarning, Button, Modal, TxButton } from '@polkadot/react-components';
+import { useApi, useToggle } from '@polkadot/react-hooks';
+import { isFunction } from '@polkadot/util';
+
+import { useTranslation } from '../translate';
+import BondPartial from './partials/Bond';
+import NominatePartial from './partials/Nominate';
+
+interface Props {
+  isInElection?: boolean;
+  targets: SortedTargets;
+}
+
+const EMPTY_NOMS: string[] = [];
+const NUM_STEPS = 2;
+
+function NewNominator ({ isInElection, targets }: Props): React.ReactElement<Props> {
+  const { t } = useTranslation();
+  const { api } = useApi();
+  const [isVisible, toggleVisible] = useToggle();
+  const [{ bondOwnTx, bondTx, controllerId, controllerTx, stashId }, setBondInfo] = useState<BondInfo>({});
+  const [{ nominateTx }, setNominateInfo] = useState<NominateInfo>({});
+  const [step, setStep] = useState(1);
+  const isDisabled = isInElection || !isFunction(api.tx.utility?.batch);
+
+  const _nextStep = useCallback(
+    () => setStep((step) => step + 1),
+    []
+  );
+
+  const _prevStep = useCallback(
+    () => setStep((step) => step - 1),
+    []
+  );
+
+  const _toggle = useCallback(
+    (): void => {
+      setBondInfo({});
+      setNominateInfo({});
+      setStep(1);
+      toggleVisible();
+    },
+    [toggleVisible]
+  );
+
+  return (
+    <>
+      <Button
+        icon='plus'
+        isDisabled={isDisabled || !targets.validators?.length}
+        key='new-nominator'
+        label={t<string>('Nominator')}
+        onClick={_toggle}
+      />
+      {isVisible && (
+        <Modal
+          header={t<string>('Setup Nominator {{step}}/{{NUM_STEPS}}', {
+            replace: {
+              NUM_STEPS,
+              step
+            }
+          })}
+          onClose={_toggle}
+          size='large'
+        >
+          <Modal.Content>
+            {step === 1 && (
+              <BondPartial
+                isNominating
+                minNominated={targets.minNominated}
+                minNominatorBond={targets.minNominatorBond}
+                onChange={setBondInfo}
+              />
+            )}
+            {controllerId && stashId && step === 2 && (
+              <NominatePartial
+                controllerId={controllerId}
+                nominating={EMPTY_NOMS}
+                onChange={setNominateInfo}
+                stashId={stashId}
+                targets={targets}
+              />
+            )}
+            <Modal.Columns>
+              <BatchWarning />
+            </Modal.Columns>
+          </Modal.Content>
+          <Modal.Actions>
+            <Button
+              icon='step-backward'
+              isDisabled={step === 1}
+              label={t<string>('prev')}
+              onClick={_prevStep}
+            />
+            {step === NUM_STEPS
+              ? (
+                <TxButton
+                  accountId={stashId}
+                  icon='sign-in-alt'
+                  isDisabled={!bondTx || !nominateTx || !stashId || !controllerId}
+                  label={t<string>('Bond & Nominate')}
+                  onStart={_toggle}
+                  params={[
+                    stashId === controllerId
+                      ? [bondTx, nominateTx]
+                      : [bondOwnTx, nominateTx, controllerTx]
+                  ]}
+                  tx={api.tx.utility.batchAll || api.tx.utility.batch}
+                />
+              )
+              : (
+                <Button
+                  icon='step-forward'
+                  isDisabled={!bondTx}
+                  label={t<string>('next')}
+                  onClick={_nextStep}
+                />
+              )
+            }
+          </Modal.Actions>
+        </Modal>
+      )}
+    </>
+  );
+}
+
+export default React.memo(NewNominator);
diff --git a/packages/page-staking/src/Actions/NewStash.tsx b/packages/page-staking/src/Actions/NewStash.tsx
new file mode 100644
index 0000000..c559859
--- /dev/null
+++ b/packages/page-staking/src/Actions/NewStash.tsx
@@ -0,0 +1,60 @@
+// Copyright 2017-2022 @polkadot/app-staking authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { BondInfo } from './partials/types';
+
+import React, { useCallback, useState } from 'react';
+
+import { Button, Modal, TxButton } from '@polkadot/react-components';
+import { useToggle } from '@polkadot/react-hooks';
+
+import { useTranslation } from '../translate';
+import BondPartial from './partials/Bond';
+
+function NewStash (): React.ReactElement {
+  const { t } = useTranslation();
+  const [isVisible, toggleVisible] = useToggle();
+  const [{ bondTx, stashId }, setBondInfo] = useState<BondInfo>({});
+
+  const _toggle = useCallback(
+    (): void => {
+      setBondInfo({});
+      toggleVisible();
+    },
+    [toggleVisible]
+  );
+
+  return (
+    <>
+      <Button
+        icon='plus'
+        key='new-stash'
+        label={t<string>('Stash')}
+        onClick={_toggle}
+      />
+      {isVisible && (
+        <Modal
+          header={t<string>('Bonding Preferences')}
+          onClose={_toggle}
+          size='large'
+        >
+          <Modal.Content>
+            <BondPartial onChange={setBondInfo} />
+          </Modal.Content>
+          <Modal.Actions>
+            <TxButton
+              accountId={stashId}
+              extrinsic={bondTx}
+              icon='sign-in-alt'
+              isDisabled={!bondTx || !stashId}
+              label={t<string>('Bond')}
+              onStart={_toggle}
+            />
+          </Modal.Actions>
+        </Modal>
+      )}
+    </>
+  );
+}
+
+export default React.memo(NewStash);
diff --git a/packages/page-staking/src/Actions/NewValidator.tsx b/packages/page-staking/src/Actions/NewValidator.tsx
new file mode 100644
index 0000000..6bc42d1
--- /dev/null
+++ b/packages/page-staking/src/Actions/NewValidator.tsx
@@ -0,0 +1,143 @@
+// Copyright 2017-2022 @polkadot/app-staking authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { BN } from '@polkadot/util';
+import type { SortedTargets } from '../types';
+import type { BondInfo, SessionInfo, ValidateInfo } from './partials/types';
+
+import React, { useCallback, useState } from 'react';
+
+import { BatchWarning, Button, Modal, TxButton } from '@polkadot/react-components';
+import { useApi, useToggle } from '@polkadot/react-hooks';
+import { isFunction } from '@polkadot/util';
+
+import { useTranslation } from '../translate';
+import BondPartial from './partials/Bond';
+import SessionKeyPartial from './partials/SessionKey';
+import ValidatePartial from './partials/Validate';
+
+interface Props {
+  isInElection?: boolean;
+  minCommission?: BN;
+  targets: SortedTargets;
+}
+
+const NUM_STEPS = 2;
+
+function NewValidator ({ isInElection, minCommission, targets }: Props): React.ReactElement<Props> {
+  const { t } = useTranslation();
+  const { api } = useApi();
+  const [isVisible, toggleVisible] = useToggle();
+  const [{ bondOwnTx, bondTx, controllerId, controllerTx, stashId }, setBondInfo] = useState<BondInfo>({});
+  const [{ sessionTx }, setSessionInfo] = useState<SessionInfo>({});
+  const [{ validateTx }, setValidateInfo] = useState<ValidateInfo>({});
+  const [step, setStep] = useState(1);
+  const isDisabled = isInElection || !isFunction(api.tx.utility?.batch);
+
+  const _nextStep = useCallback(
+    () => setStep((step) => step + 1),
+    []
+  );
+
+  const _prevStep = useCallback(
+    () => setStep((step) => step - 1),
+    []
+  );
+
+  const _toggle = useCallback(
+    (): void => {
+      setBondInfo({});
+      setSessionInfo({});
+      setValidateInfo({});
+      setStep(1);
+      toggleVisible();
+    },
+    [toggleVisible]
+  );
+
+  return (
+    <>
+      <Button
+        icon='plus'
+        isDisabled={isDisabled}
+        key='new-validator'
+        label={t<string>('Validator')}
+        onClick={_toggle}
+      />
+      {isVisible && (
+        <Modal
+          header={t<string>('Setup Validator {{step}}/{{NUM_STEPS}}', {
+            replace: {
+              NUM_STEPS,
+              step
+            }
+          })}
+          onClose={_toggle}
+          size='large'
+        >
+          <Modal.Content>
+            {step === 1 && (
+              <BondPartial
+                minValidatorBond={targets.minValidatorBond}
+                onChange={setBondInfo}
+              />
+            )}
+            {controllerId && stashId && step === 2 && (
+              <>
+                <SessionKeyPartial
+                  controllerId={controllerId}
+                  onChange={setSessionInfo}
+                  stashId={stashId}
+                  withFocus
+                />
+                <ValidatePartial
+                  controllerId={controllerId}
+                  minCommission={minCommission}
+                  onChange={setValidateInfo}
+                  stashId={stashId}
+                />
+              </>
+            )}
+            <Modal.Columns>
+              <BatchWarning />
+            </Modal.Columns>
+          </Modal.Content>
+          <Modal.Actions>
+            <Button
+              icon='step-backward'
+              isDisabled={step === 1}
+              label={t<string>('prev')}
+              onClick={_prevStep}
+            />
+            {step === NUM_STEPS
+              ? (
+                <TxButton
+                  accountId={stashId}
+                  icon='sign-in-alt'
+                  isDisabled={!bondTx || !sessionTx || !validateTx}
+                  label={t<string>('Bond & Validate')}
+                  onStart={_toggle}
+                  params={[
+                    controllerId === stashId
+                      ? [bondTx, sessionTx, validateTx]
+                      : [bondOwnTx, sessionTx, validateTx, controllerTx]
+                  ]}
+                  tx={api.tx.utility.batchAll || api.tx.utility.batch}
+                />
+              )
+              : (
+                <Button
+                  icon='step-forward'
+                  isDisabled={!bondTx}
+                  label={t<string>('next')}
+                  onClick={_nextStep}
+                />
+              )}
+          </Modal.Actions>
+        </Modal>
+      )}
+    </>
+  );
+}
+
+export default React.memo(NewValidator);
diff --git a/packages/page-staking/src/Actions/destOptions.tsx b/packages/page-staking/src/Actions/destOptions.tsx
new file mode 100644
index 0000000..55bcff3
--- /dev/null
+++ b/packages/page-staking/src/Actions/destOptions.tsx
@@ -0,0 +1,21 @@
+// Copyright 2017-2022 @polkadot/react-components authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { TFunction } from 'i18next';
+
+interface Option {
+  text: string;
+  value: string;
+}
+
+export function createDestPrev (t: TFunction): Option[] {
+  return [
+    { text: t('Stash account (increase the amount at stake)'), value: 'Staked' },
+    { text: t('Stash account (do not increase the amount at stake)'), value: 'Stash' },
+    { text: t('Controller account'), value: 'Controller' }
+  ];
+}
+
+export function createDestCurr (t: TFunction): Option[] {
+  return createDestPrev(t).concat({ text: t('Specified payment account'), value: 'Account' });
+}
diff --git a/packages/page-staking/src/Actions/index.tsx b/packages/page-staking/src/Actions/index.tsx
new file mode 100644
index 0000000..25d2b85
--- /dev/null
+++ b/packages/page-staking/src/Actions/index.tsx
@@ -0,0 +1,213 @@
+// Copyright 2017-2022 @polkadot/app-staking authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import '@polkadot/api-augment';
+
+import type { StakerState } from '@polkadot/react-hooks/types';
+import type { SortedTargets } from '../types';
+
+import React, { useCallback, useEffect, useMemo, useRef, useState } from 'react';
+
+import { Button, Table, ToggleGroup } from '@polkadot/react-components';
+import { useAvailableSlashes } from '@polkadot/react-hooks';
+import { FormatBalance } from '@polkadot/react-query';
+import { BN, BN_ZERO } from '@polkadot/util';
+
+import ElectionBanner from '../ElectionBanner';
+import { useTranslation } from '../translate';
+import Account from './Account';
+import NewNominator from './NewNominator';
+import NewStash from './NewStash';
+import NewValidator from './NewValidator';
+
+interface Props {
+  className?: string;
+  isInElection?: boolean;
+  minCommission?: BN;
+  ownStashes?: StakerState[];
+  next?: string[];
+  validators?: string[];
+  targets: SortedTargets;
+}
+
+interface State {
+  bondedNoms?: BN;
+  bondedNone?: BN;
+  bondedTotal?: BN;
+  bondedVals?: BN;
+  foundStashes?: StakerState[];
+}
+
+function assignValue ({ isStashNominating, isStashValidating }: StakerState): number {
+  return isStashValidating
+    ? 1
+    : isStashNominating
+      ? 5
+      : 99;
+}
+
+function sortStashes (a: StakerState, b: StakerState): number {
+  return assignValue(a) - assignValue(b);
+}
+
+function extractState (ownStashes?: StakerState[]): State {
+  if (!ownStashes) {
+    return {};
+  }
+
+  const bondedNoms = new BN(0);
+  const bondedNone = new BN(0);
+  const bondedVals = new BN(0);
+  const bondedTotal = new BN(0);
+
+  ownStashes.forEach(({ isStashNominating, isStashValidating, stakingLedger }): void => {
+    const value = stakingLedger && stakingLedger.total
+      ? stakingLedger.total.unwrap()
+      : BN_ZERO;
+
+    bondedTotal.iadd(value);
+
+    if (isStashNominating) {
+      bondedNoms.iadd(value);
+    } else if (isStashValidating) {
+      bondedVals.iadd(value);
+    } else {
+      bondedNone.iadd(value);
+    }
+  });
+
+  return {
+    bondedNoms,
+    bondedNone,
+    bondedTotal,
+    bondedVals,
+    foundStashes: ownStashes.sort(sortStashes)
+  };
+}
+
+function filterStashes (typeIndex: number, stashes: StakerState[]): StakerState[] {
+  return stashes.filter(({ isStashNominating, isStashValidating }) => {
+    switch (typeIndex) {
+      case 1: return isStashNominating;
+      case 2: return isStashValidating;
+      case 3: return !isStashNominating && !isStashValidating;
+      default: return true;
+    }
+  });
+}
+
+function getValue (typeIndex: number, { bondedNoms, bondedNone, bondedTotal, bondedVals }: State): BN | undefined {
+  switch (typeIndex) {
+    case 0: return bondedTotal;
+    case 1: return bondedNoms;
+    case 2: return bondedVals;
+    case 3: return bondedNone;
+    default: return bondedTotal;
+  }
+}
+
+function formatTotal (typeIndex: number, state: State): React.ReactNode {
+  const value = getValue(typeIndex, state);
+
+  return value && <FormatBalance value={value} />;
+}
+
+function Actions ({ className = '', isInElection, minCommission, ownStashes, targets }: Props): React.ReactElement<Props> {
+  const { t } = useTranslation();
+  const allSlashes = useAvailableSlashes();
+  const [typeIndex, setTypeIndex] = useState(0);
+  const [, setSelected] = useState<[string, string][]>([]);
+
+  const headerRef = useRef([
+    [t('stashes'), 'start', 2],
+    [t('controller'), 'address'],
+    [t('rewards'), 'start media--1200'],
+    [t('bonded'), 'number'],
+    [undefined, undefined, 2]
+  ]);
+
+  const typeRef = useRef([
+    { text: t('All stashes'), value: 'all' },
+    { text: t('Nominators'), value: 'noms' },
+    { text: t('Validators'), value: 'vals' },
+    { text: t('Inactive'), value: 'chill' }
+  ]);
+
+  const state = useMemo(
+    () => extractState(ownStashes),
+    [ownStashes]
+  );
+
+  const [isSelectable, filtered, footer] = useMemo(
+    () => [
+      false, // [1, 2].includes(typeIndex)
+      state.foundStashes && filterStashes(typeIndex, state.foundStashes),
+      (
+        <tr key='footer'>
+          <td colSpan={4} />
+          <td className='number'>{formatTotal(typeIndex, state)}</td>
+          <td colSpan={2} />
+        </tr>
+      )
+    ],
+    [state, typeIndex]
+  );
+
+  const onSelectStash = useCallback(
+    (stashId: string, controllerId: string, isSelected: boolean) =>
+      setSelected((prev) =>
+        isSelected
+          ? [...prev, [stashId, controllerId]]
+          : prev.filter(([s]) => s !== stashId)
+      ),
+    []
+  );
+
+  useEffect(
+    () => setSelected([]),
+    [typeIndex]
+  );
+
+  return (
+    <div className={className}>
+      <Button.Group>
+        <ToggleGroup
+          onChange={setTypeIndex}
+          options={typeRef.current}
+          value={typeIndex}
+        />
+        <NewNominator
+          isInElection={isInElection}
+          targets={targets}
+        />
+        <NewValidator
+          isInElection={isInElection}
+          minCommission={minCommission}
+          targets={targets}
+        />
+        <NewStash />
+      </Button.Group>
+      <ElectionBanner isInElection={isInElection} />
+      <Table
+        empty={filtered && t<string>('No funds staked yet. Bond funds to validate or nominate a validator')}
+        footer={footer}
+        header={headerRef.current}
+      >
+        {filtered?.map((info): React.ReactNode => (
+          <Account
+            allSlashes={allSlashes}
+            info={info}
+            isDisabled={isInElection}
+            isSelectable={isSelectable}
+            key={info.stashId}
+            minCommission={minCommission}
+            onSelect={onSelectStash}
+            targets={targets}
+          />
+        ))}
+      </Table>
+    </div>
+  );
+}
+
+export default React.memo(Actions);
diff --git a/packages/page-staking/src/Actions/partials/Bond.tsx b/packages/page-staking/src/Actions/partials/Bond.tsx
new file mode 100644
index 0000000..d6649ae
--- /dev/null
+++ b/packages/page-staking/src/Actions/partials/Bond.tsx
@@ -0,0 +1,196 @@
+// Copyright 2017-2022 @polkadot/app-staking authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { DeriveBalancesAll } from '@polkadot/api-derive/types';
+import type { BN } from '@polkadot/util';
+import type { AmountValidateState, DestinationType } from '../types';
+import type { BondInfo } from './types';
+
+import React, { useCallback, useEffect, useMemo, useState } from 'react';
+
+import { Dropdown, InputAddress, InputBalance, MarkError, Modal, Static } from '@polkadot/react-components';
+import { useApi, useCall } from '@polkadot/react-hooks';
+import { BalanceFree, BlockToTime } from '@polkadot/react-query';
+import { BN_ZERO } from '@polkadot/util';
+
+import { useTranslation } from '../../translate';
+import InputValidateAmount from '../Account/InputValidateAmount';
+import InputValidationController from '../Account/InputValidationController';
+import { createDestCurr } from '../destOptions';
+import useUnbondDuration from '../useUnbondDuration';
+
+interface Props {
+  className?: string;
+  isNominating?: boolean;
+  minNominated?: BN;
+  minNominatorBond?: BN;
+  minValidatorBond?: BN;
+  onChange: (info: BondInfo) => void;
+}
+
+const EMPTY_INFO = {
+  bondOwnTx: null,
+  bondTx: null,
+  controllerId: null,
+  controllerTx: null,
+  stashId: null
+};
+
+function Bond ({ className = '', isNominating, minNominated, minNominatorBond, minValidatorBond, onChange }: Props): React.ReactElement<Props> {
+  const { t } = useTranslation();
+  const { api } = useApi();
+  const [amount, setAmount] = useState<BN | undefined>();
+  const [amountError, setAmountError] = useState<AmountValidateState | null>(null);
+  const [controllerError, setControllerError] = useState<boolean>(false);
+  const [controllerId, setControllerId] = useState<string | null>(null);
+  const [destination, setDestination] = useState<DestinationType>('Staked');
+  const [destAccount, setDestAccount] = useState<string | null>(null);
+  const [stashId, setStashId] = useState<string | null>(null);
+  const [startBalance, setStartBalance] = useState<BN | null>(null);
+  const stashBalance = useCall<DeriveBalancesAll>(api.derive.balances?.all, [stashId]);
+  const destBalance = useCall<DeriveBalancesAll>(api.derive.balances?.all, [destAccount]);
+  const bondedBlocks = useUnbondDuration();
+
+  const options = useMemo(
+    () => createDestCurr(t),
+    [t]
+  );
+
+  const _setError = useCallback(
+    (_: string | null, isFatal: boolean) => setControllerError(isFatal),
+    []
+  );
+
+  useEffect((): void => {
+    stashBalance && setStartBalance(
+      stashBalance.freeBalance.gt(api.consts.balances.existentialDeposit)
+        ? stashBalance.freeBalance.sub(api.consts.balances.existentialDeposit)
+        : BN_ZERO
+    );
+  }, [api, stashBalance]);
+
+  useEffect((): void => {
+    setStartBalance(null);
+  }, [stashId]);
+
+  useEffect((): void => {
+    const bondDest = destination === 'Account'
+      ? { Account: destAccount }
+      : destination;
+
+    onChange(
+      (amount && amount.gtn(0) && !amountError?.error && !controllerError && controllerId && stashId)
+        ? {
+          bondOwnTx: api.tx.staking.bond(stashId, amount, bondDest),
+          bondTx: api.tx.staking.bond(controllerId, amount, bondDest),
+          controllerId,
+          controllerTx: api.tx.staking.setController(controllerId),
+          stashId
+        }
+        : EMPTY_INFO
+    );
+  }, [api, amount, amountError, controllerError, controllerId, destination, destAccount, stashId, onChange]);
+
+  const hasValue = !!amount?.gtn(0);
+  const isAccount = destination === 'Account';
+  const isDestError = isAccount && destBalance && destBalance.accountId.eq(destAccount) && destBalance.freeBalance.isZero();
+
+  return (
+    <div className={className}>
+      <Modal.Columns
+        hint={
+          <>
+            <p>{t<string>('Think of the stash as your cold wallet and the controller as your hot wallet. Funding operations are controlled by the stash, any other non-funding actions by the controller itself.')}</p>
+            <p>{t<string>('To ensure optimal fund security using the same stash/controller is strongly discouraged, but not forbidden.')}</p>
+          </>
+        }
+      >
+        <InputAddress
+          label={t<string>('stash account')}
+          onChange={setStashId}
+          type='account'
+          value={stashId}
+        />
+        <InputAddress
+          help={t<string>('The controller is the account that will be used to control any nominating or validating actions. Should not match another stash or controller.')}
+          label={t<string>('controller account')}
+          onChange={setControllerId}
+          type='account'
+          value={controllerId}
+        />
+        <InputValidationController
+          accountId={stashId}
+          controllerId={controllerId}
+          onError={_setError}
+        />
+      </Modal.Columns>
+      {startBalance && (
+        <Modal.Columns
+          hint={
+            <>
+              <p>{t<string>('The amount placed at-stake should not be your full available available amount to allow for transaction fees.')}</p>
+              <p>{t<string>('Once bonded, it will need to be unlocked/withdrawn and will be locked for at least the bonding duration.')}</p>
+            </>
+          }
+        >
+          <InputBalance
+            autoFocus
+            defaultValue={startBalance}
+            help={t<string>('The total amount of the stash balance that will be at stake in any forthcoming rounds (should be less than the free amount available)')}
+            isError={!hasValue || !!amountError?.error}
+            label={t<string>('value bonded')}
+            labelExtra={
+              <BalanceFree
+                label={<span className='label'>{t<string>('balance')}</span>}
+                params={stashId}
+              />
+            }
+            onChange={setAmount}
+          />
+          <InputValidateAmount
+            controllerId={controllerId}
+            isNominating={isNominating}
+            minNominated={minNominated}
+            minNominatorBond={minNominatorBond}
+            minValidatorBond={minValidatorBond}
+            onError={setAmountError}
+            stashId={stashId}
+            value={amount}
+          />
+          {bondedBlocks?.gtn(0) && (
+            <Static
+              help={t<string>('The bonding duration for any staked funds. Needs to be unlocked and withdrawn to become available.')}
+              label={t<string>('on-chain bonding duration')}
+            >
+              <BlockToTime value={bondedBlocks} />
+            </Static>
+          )}
+        </Modal.Columns>
+      )}
+      <Modal.Columns hint={t<string>('Rewards (once paid) can be deposited to either the stash or controller, with different effects.')}>
+        <Dropdown
+          defaultValue={0}
+          help={t<string>('The destination account for any payments as either a nominator or validator')}
+          label={t<string>('payment destination')}
+          onChange={setDestination}
+          options={options}
+          value={destination}
+        />
+        {isAccount && (
+          <InputAddress
+            help={t('An account that is to receive the rewards')}
+            label={t('the payment account')}
+            onChange={setDestAccount}
+            type='account'
+            value={destAccount}
+          />
+        )}
+        {isDestError && (
+          <MarkError content={t<string>('The selected destination account does not exist and cannot be used to receive rewards')} />
+        )}
+      </Modal.Columns>
+    </div>
+  );
+}
+
+export default React.memo(Bond);
diff --git a/packages/page-staking/src/Actions/partials/Nominate.tsx b/packages/page-staking/src/Actions/partials/Nominate.tsx
new file mode 100644
index 0000000..3613bd3
--- /dev/null
+++ b/packages/page-staking/src/Actions/partials/Nominate.tsx
@@ -0,0 +1,159 @@
+// Copyright 2017-2022 @polkadot/app-staking authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { u32 } from '@polkadot/types-codec';
+import type { SortedTargets } from '../../types';
+import type { NominateInfo } from './types';
+
+import React, { useEffect, useState } from 'react';
+import styled from 'styled-components';
+
+import { InputAddressMulti, MarkWarning, Modal } from '@polkadot/react-components';
+import { useApi, useFavorites } from '@polkadot/react-hooks';
+
+import { MAX_NOMINATIONS, STORE_FAVS_BASE } from '../../constants';
+import { useTranslation } from '../../translate';
+import SenderInfo from './SenderInfo';
+
+interface Props {
+  className?: string;
+  controllerId: string;
+  nominating?: string[];
+  onChange: (info: NominateInfo) => void;
+  stashId: string;
+  targets: SortedTargets;
+  withSenders?: boolean;
+}
+
+function Nominate ({ className = '', controllerId, nominating, onChange, stashId, targets: { nominateIds = [] }, withSenders }: Props): React.ReactElement<Props> {
+  const { t } = useTranslation();
+  const { api } = useApi();
+  const [favorites] = useFavorites(STORE_FAVS_BASE);
+  const [selected, setSelected] = useState<string[]>(nominating || []);
+  const [available] = useState<string[]>((): string[] => {
+    const shortlist = [
+      // ensure that the favorite is included in the list of stashes
+      ...favorites.filter((a) => nominateIds.includes(a)),
+      // make sure the nominee is not in our favorites already
+      ...(nominating || []).filter((a) => !favorites.includes(a))
+    ];
+
+    return shortlist.concat(
+      ...(nominateIds.filter((a) => !shortlist.includes(a)))
+    );
+  });
+
+  useEffect((): void => {
+    try {
+      onChange({
+        nominateTx: selected && selected.length
+          ? api.tx.staking.nominate(selected)
+          : null
+      });
+    } catch {
+      onChange({ nominateTx: null });
+    }
+  }, [api, onChange, selected]);
+
+  const maxNominations = api.consts.staking.maxNominations
+    ? (api.consts.staking.maxNominations as u32).toNumber()
+    : MAX_NOMINATIONS;
+
+  return (
+    <div className={className}>
+      {withSenders && (
+        <SenderInfo
+          controllerId={controllerId}
+          stashId={stashId}
+        />
+      )}
+      <Modal.Columns
+        hint={
+          <>
+            <p>{t<string>('Nominators can be selected manually from the list of all currently available validators.')}</p>
+            <p>{t<string>('Once transmitted the new selection will only take effect in 2 eras taking the new validator election cycle into account. Until then, the nominations will show as inactive.')}</p>
+          </>
+        }
+      >
+        <InputAddressMulti
+          available={available}
+          availableLabel={t<string>('candidate accounts')}
+          defaultValue={nominating}
+          help={t<string>('Filter available candidates based on name, address or short account index.')}
+          maxCount={maxNominations}
+          onChange={setSelected}
+          valueLabel={t<string>('nominated accounts')}
+        />
+        <MarkWarning content={t<string>('You should trust your nominations to act competently and honest; basing your decision purely on their current profitability could lead to reduced profits or even loss of funds.')} />
+      </Modal.Columns>
+    </div>
+  );
+}
+
+export default React.memo(styled(Nominate)`
+  article.warning {
+    margin-top: 0;
+  }
+
+  .auto--toggle {
+    margin: 0.5rem 0 0;
+    text-align: right;
+    width: 100%;
+  }
+
+  .ui--Static .ui--AddressMini.padded.addressStatic {
+    padding-top: 0.5rem;
+
+    .ui--AddressMini-info {
+      min-width: 10rem;
+      max-width: 10rem;
+    }
+  }
+
+  .shortlist {
+    display: flex;
+    flex-wrap: wrap;
+    justify-content: center;
+
+    .candidate {
+      border: 1px solid #eee;
+      border-radius: 0.25rem;
+      margin: 0.25rem;
+      padding-bottom: 0.25rem;
+      padding-right: 0.5rem;
+      position: relative;
+
+      &::after {
+        content: '';
+        position: absolute;
+        top: 0;
+        right: 0;
+        border-color: transparent;
+        border-style: solid;
+        border-radius: 0.25em;
+        border-width: 0.25em;
+      }
+
+      &.isAye {
+        background: #fff;
+        border-color: #ccc;
+      }
+
+      &.member::after {
+        border-color: green;
+      }
+
+      &.runnerup::after {
+        border-color: steelblue;
+      }
+
+      .ui--AddressMini-icon {
+        z-index: 1;
+      }
+
+      .candidate-right {
+        text-align: right;
+      }
+    }
+  }
+`);
diff --git a/packages/page-staking/src/Actions/partials/SenderInfo.tsx b/packages/page-staking/src/Actions/partials/SenderInfo.tsx
new file mode 100644
index 0000000..573b6d1
--- /dev/null
+++ b/packages/page-staking/src/Actions/partials/SenderInfo.tsx
@@ -0,0 +1,42 @@
+// Copyright 2017-2022 @polkadot/app-staking authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import React from 'react';
+
+import { InputAddress, Modal } from '@polkadot/react-components';
+
+import { useTranslation } from '../../translate';
+
+interface Props {
+  className?: string;
+  controllerId?: string | null;
+  stashId?: string | null;
+}
+
+function SenderInfo ({ className = '', controllerId, stashId }: Props): React.ReactElement<Props> | null {
+  const { t } = useTranslation();
+
+  if (!stashId || !controllerId) {
+    return null;
+  }
+
+  return (
+    <Modal.Columns
+      className={className}
+      hint={t<string>('The stash that is to be affected. The transaction will be sent from the associated controller account.')}
+    >
+      <InputAddress
+        defaultValue={stashId}
+        isDisabled
+        label={t<string>('stash account')}
+      />
+      <InputAddress
+        defaultValue={controllerId}
+        isDisabled
+        label={t<string>('controller account')}
+      />
+    </Modal.Columns>
+  );
+}
+
+export default React.memo(SenderInfo);
diff --git a/packages/page-staking/src/Actions/partials/SessionKey.tsx b/packages/page-staking/src/Actions/partials/SessionKey.tsx
new file mode 100644
index 0000000..cd8647d
--- /dev/null
+++ b/packages/page-staking/src/Actions/partials/SessionKey.tsx
@@ -0,0 +1,73 @@
+// Copyright 2017-2022 @polkadot/app-staking authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { SessionInfo } from './types';
+
+import React, { useEffect, useState } from 'react';
+
+import { Input, InputAddress, Modal } from '@polkadot/react-components';
+import { useApi } from '@polkadot/react-hooks';
+import { isHex } from '@polkadot/util';
+
+import { useTranslation } from '../../translate';
+
+interface Props {
+  className?: string;
+  controllerId: string;
+  onChange: (info: SessionInfo) => void;
+  stashId: string;
+  withFocus?: boolean;
+  withSenders?: boolean;
+}
+
+const EMPTY_PROOF = new Uint8Array();
+
+function SessionKey ({ className = '', controllerId, onChange, stashId, withFocus, withSenders }: Props): React.ReactElement<Props> {
+  const { t } = useTranslation();
+  const { api } = useApi();
+  const [keys, setKeys] = useState<string | null>(null);
+
+  useEffect((): void => {
+    try {
+      onChange({
+        sessionTx: isHex(keys)
+          ? api.tx.session.setKeys(keys, EMPTY_PROOF)
+          : null
+      });
+    } catch {
+      onChange({ sessionTx: null });
+    }
+  }, [api, keys, onChange]);
+
+  return (
+    <div className={className}>
+      {withSenders && (
+        <Modal.Columns hint={t<string>('The stash and controller pair. This transaction, setting the session keys, will be sent from the controller.')}>
+          <InputAddress
+            defaultValue={stashId}
+            isDisabled
+            label={t<string>('stash account')}
+          />
+          <InputAddress
+            className='medium'
+            defaultValue={controllerId}
+            isDisabled
+            label={t<string>('controller account')}
+          />
+        </Modal.Columns>
+      )}
+      <Modal.Columns hint={t<string>('The hex output from author_rotateKeys, as executed on the validator node. The keys will show as pending until applied at the start of a new session.')}>
+        <Input
+          autoFocus={withFocus}
+          help={t<string>('Changing the key only takes effect at the start of the next session. The input here is generated from the author_rotateKeys command')}
+          isError={!keys}
+          label={t<string>('Keys from rotateKeys')}
+          onChange={setKeys}
+          placeholder='0x...'
+        />
+      </Modal.Columns>
+    </div>
+  );
+}
+
+export default React.memo(SessionKey);
diff --git a/packages/page-staking/src/Actions/partials/Validate.tsx b/packages/page-staking/src/Actions/partials/Validate.tsx
new file mode 100644
index 0000000..b139dfc
--- /dev/null
+++ b/packages/page-staking/src/Actions/partials/Validate.tsx
@@ -0,0 +1,113 @@
+// Copyright 2017-2022 @polkadot/app-staking authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { ValidateInfo } from './types';
+
+import React, { useCallback, useEffect, useMemo, useRef, useState } from 'react';
+
+import { Dropdown, InputAddress, InputNumber, MarkError, Modal } from '@polkadot/react-components';
+import { useApi } from '@polkadot/react-hooks';
+import { BN, BN_HUNDRED as MAX_COMM, BN_ONE, bnMax, isFunction } from '@polkadot/util';
+
+import { useTranslation } from '../../translate';
+
+interface Props {
+  className?: string;
+  controllerId: string;
+  minCommission?: BN;
+  onChange: (info: ValidateInfo) => void;
+  stashId: string;
+  withFocus?: boolean;
+  withSenders?: boolean;
+}
+
+const COMM_MUL = new BN(1e7);
+
+function Validate ({ className = '', controllerId, minCommission, onChange, stashId, withFocus, withSenders }: Props): React.ReactElement<Props> {
+  const { t } = useTranslation();
+  const { api } = useApi();
+  const [commission, setCommission] = useState(BN_ONE);
+  const [allowNoms, setAllowNoms] = useState(true);
+  const defaultComm = useMemo(
+    () => minCommission
+      ? bnMax(minCommission.div(COMM_MUL), BN_ONE)
+      : BN_ONE,
+    [minCommission]
+  );
+
+  const blockedOptions = useRef([
+    { text: t('Yes, allow nominations'), value: true },
+    { text: t('No, block all nominations'), value: false }
+  ]);
+
+  useEffect((): void => {
+    try {
+      onChange({
+        validateTx: api.tx.staking.validate({
+          blocked: !allowNoms,
+          commission
+        })
+      });
+    } catch {
+      onChange({ validateTx: null });
+    }
+  }, [api, allowNoms, commission, onChange]);
+
+  const _setCommission = useCallback(
+    (value?: BN) => value && setCommission(
+      value.isZero()
+        ? BN_ONE // small non-zero set to avoid isEmpty
+        : value.mul(COMM_MUL)
+    ),
+    []
+  );
+
+  const commErr = !!minCommission && commission.lt(minCommission);
+
+  return (
+    <div className={className}>
+      {withSenders && (
+        <Modal.Columns hint={t<string>('The stash and controller pair. This transaction, managing preferences, will be sent from the controller.')}>
+          <InputAddress
+            defaultValue={stashId}
+            isDisabled
+            label={t<string>('stash account')}
+          />
+          <InputAddress
+            defaultValue={controllerId}
+            isDisabled
+            label={t<string>('controller account')}
+          />
+        </Modal.Columns>
+      )}
+      <Modal.Columns hint={t<string>('The commission is deducted from all rewards before the remainder is split with nominators.')}>
+        <InputNumber
+          autoFocus={withFocus}
+          defaultValue={defaultComm}
+          help={t<string>('The percentage reward (0-100) that should be applied for the validator')}
+          isError={commErr}
+          isZeroable
+          label={t<string>('reward commission percentage')}
+          maxValue={MAX_COMM}
+          onChange={_setCommission}
+        />
+        {commErr && (
+          <MarkError content={t<string>('The commission is below the on-chain minimum of {{p}}%', { replace: { p: (minCommission.mul(MAX_COMM).div(COMM_MUL).toNumber() / 100).toFixed(2) } })} />
+        )}
+      </Modal.Columns>
+      {isFunction(api.tx.staking.kick) && (
+        <Modal.Columns hint={t<string>('The validator can block any new nominations. By default it is set to allow all nominations.')}>
+          <Dropdown
+            defaultValue={true}
+            help={t<string>('Does this validator allow nominations or is it blocked for all')}
+            label={t<string>('allows new nominations')}
+            onChange={setAllowNoms}
+            options={blockedOptions.current}
+          />
+        </Modal.Columns>
+      )}
+    </div>
+  );
+}
+
+export default React.memo(Validate);
diff --git a/packages/page-staking/src/Actions/partials/types.ts b/packages/page-staking/src/Actions/partials/types.ts
new file mode 100644
index 0000000..561d125
--- /dev/null
+++ b/packages/page-staking/src/Actions/partials/types.ts
@@ -0,0 +1,24 @@
+// Copyright 2017-2022 @polkadot/app-staking authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { SubmittableExtrinsic } from '@polkadot/api/types';
+
+export interface BondInfo {
+  bondOwnTx?: SubmittableExtrinsic<'promise'> | null;
+  bondTx?: SubmittableExtrinsic<'promise'> | null;
+  controllerId?: string | null;
+  controllerTx?: SubmittableExtrinsic<'promise'> | null;
+  stashId?: string | null;
+}
+
+export interface NominateInfo {
+  nominateTx?: SubmittableExtrinsic<'promise'> | null;
+}
+
+export interface SessionInfo {
+  sessionTx?: SubmittableExtrinsic<'promise'> | null;
+}
+
+export interface ValidateInfo {
+  validateTx?: SubmittableExtrinsic<'promise'> | null;
+}
diff --git a/packages/page-staking/src/Actions/types.ts b/packages/page-staking/src/Actions/types.ts
new file mode 100644
index 0000000..8527321
--- /dev/null
+++ b/packages/page-staking/src/Actions/types.ts
@@ -0,0 +1,25 @@
+// Copyright 2017-2022 @polkadot/app-staking authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { AccountId, Balance, UnappliedSlashOther } from '@polkadot/types/interfaces';
+import type { BN } from '@polkadot/util';
+
+export interface AmountValidateState {
+  error: string | null;
+  warning: string | null;
+}
+
+interface Unapplied {
+  others: UnappliedSlashOther[];
+  own: Balance;
+  payout: Balance;
+  reporters: AccountId[];
+  validator: AccountId;
+}
+
+export interface Slash {
+  era: BN;
+  slashes: Unapplied[];
+}
+
+export type DestinationType = 'Staked' | 'Stash' | 'Controller' | 'Account';
diff --git a/packages/page-staking/src/Actions/useInactives.ts b/packages/page-staking/src/Actions/useInactives.ts
new file mode 100644
index 0000000..aca9303
--- /dev/null
+++ b/packages/page-staking/src/Actions/useInactives.ts
@@ -0,0 +1,128 @@
+// Copyright 2017-2022 @polkadot/app-staking authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { QueryableStorageMultiArg } from '@polkadot/api/types';
+import type { DeriveSessionIndexes } from '@polkadot/api-derive/types';
+import type { Option } from '@polkadot/types';
+import type { EraIndex, Exposure, Nominations, SlashingSpans } from '@polkadot/types/interfaces';
+
+import { useEffect, useState } from 'react';
+
+import { ApiPromise } from '@polkadot/api';
+import { createNamedHook, useApi, useCall, useIsMountedRef } from '@polkadot/react-hooks';
+import { BN_ZERO } from '@polkadot/util';
+
+interface Inactives {
+  nomsActive?: string[];
+  nomsChilled?: string[];
+  nomsInactive?: string[];
+  nomsOver?: string[];
+  nomsWaiting?: string[];
+}
+
+function extractState (api: ApiPromise, stashId: string, slashes: Option<SlashingSpans>[], nominees: string[], { activeEra }: DeriveSessionIndexes, submittedIn: EraIndex, exposures: Exposure[]): Inactives {
+  const max = api.consts.staking?.maxNominatorRewardedPerValidator;
+
+  // chilled
+  const nomsChilled = nominees.filter((_, index): boolean => {
+    if (slashes[index].isNone) {
+      return false;
+    }
+
+    const { lastNonzeroSlash } = slashes[index].unwrap();
+
+    return !lastNonzeroSlash.isZero() && lastNonzeroSlash.gte(submittedIn);
+  });
+
+  // all nominations that are oversubscribed
+  const nomsOver = exposures
+    .map(({ others }) => others.sort((a, b) => (b.value?.unwrap() || BN_ZERO).cmp(a.value?.unwrap() || BN_ZERO)))
+    .map((others, index) =>
+      !max || max.gtn(others.map(({ who }) => who.toString()).indexOf(stashId))
+        ? null
+        : nominees[index]
+    )
+    .filter((nominee): nominee is string => !!nominee && !nomsChilled.includes(nominee));
+
+  // first a blanket find of nominations not in the active set
+  let nomsInactive = exposures
+    .map((exposure, index) =>
+      exposure.others.some(({ who }) => who.eq(stashId))
+        ? null
+        : nominees[index]
+    )
+    .filter((nominee): nominee is string => !!nominee);
+
+  // waiting if validator is inactive or we have not submitted long enough ago
+  const nomsWaiting = exposures
+    .map((exposure, index) =>
+      exposure.total?.unwrap().isZero() || (
+        nomsInactive.includes(nominees[index]) &&
+        // it could be activeEra + 1 (currentEra for last session)
+        submittedIn.gte(activeEra)
+      )
+        ? nominees[index]
+        : null
+    )
+    .filter((nominee): nominee is string => !!nominee)
+    .filter((nominee) => !nomsChilled.includes(nominee) && !nomsOver.includes(nominee));
+
+  // filter based on all inactives
+  const nomsActive = nominees.filter((nominee) => !nomsInactive.includes(nominee) && !nomsChilled.includes(nominee) && !nomsOver.includes(nominee));
+
+  // inactive also contains waiting, remove those
+  nomsInactive = nomsInactive.filter((nominee) => !nomsWaiting.includes(nominee) && !nomsChilled.includes(nominee) && !nomsOver.includes(nominee));
+
+  return {
+    nomsActive,
+    nomsChilled,
+    nomsInactive,
+    nomsOver,
+    nomsWaiting
+  };
+}
+
+function useInactivesImpl (stashId: string, nominees?: string[]): Inactives {
+  const { api } = useApi();
+  const mountedRef = useIsMountedRef();
+  const [state, setState] = useState<Inactives>({});
+  const indexes = useCall<DeriveSessionIndexes>(api.derive.session.indexes);
+
+  useEffect((): () => void => {
+    let unsub: (() => void) | undefined;
+
+    if (mountedRef.current && nominees && nominees.length && indexes) {
+      api
+        .queryMulti(
+          [[api.query.staking.nominators, stashId] as QueryableStorageMultiArg<'promise'>]
+            .concat(
+              api.query.staking.erasStakers
+                ? nominees.map((id) => [api.query.staking.erasStakers, [indexes.activeEra, id]])
+                : nominees.map((id) => [api.query.staking.stakers, id])
+            )
+            .concat(
+              nominees.map((id) => [api.query.staking.slashingSpans, id])
+            ),
+          ([optNominators, ...exposuresAndSpans]: [Option<Nominations>, ...(Exposure | Option<SlashingSpans>)[]]): void => {
+            const exposures = exposuresAndSpans.slice(0, nominees.length) as Exposure[];
+            const slashes = exposuresAndSpans.slice(nominees.length) as Option<SlashingSpans>[];
+
+            mountedRef.current && setState(
+              extractState(api, stashId, slashes, nominees, indexes, optNominators.unwrapOrDefault().submittedIn, exposures)
+            );
+          }
+        )
+        .then((_unsub): void => {
+          unsub = _unsub;
+        }).catch(console.error);
+    }
+
+    return (): void => {
+      unsub && unsub();
+    };
+  }, [api, indexes, mountedRef, nominees, stashId]);
+
+  return state;
+}
+
+export default createNamedHook('useInactives', useInactivesImpl);
diff --git a/packages/page-staking/src/Actions/useUnbondDuration.ts b/packages/page-staking/src/Actions/useUnbondDuration.ts
new file mode 100644
index 0000000..cccf2b0
--- /dev/null
+++ b/packages/page-staking/src/Actions/useUnbondDuration.ts
@@ -0,0 +1,24 @@
+// Copyright 2017-2022 @polkadot/app-staking authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { DeriveSessionInfo } from '@polkadot/api-derive/types';
+import type { BN } from '@polkadot/util';
+
+import { useMemo } from 'react';
+
+import { createNamedHook, useApi, useCall } from '@polkadot/react-hooks';
+import { BN_ONE } from '@polkadot/util';
+
+function useUnbondDurationImpl (): BN | undefined {
+  const { api } = useApi();
+  const sessionInfo = useCall<DeriveSessionInfo>(api.derive.session.info);
+
+  return useMemo(
+    () => (sessionInfo && sessionInfo.sessionLength.gt(BN_ONE))
+      ? sessionInfo.eraLength.mul(api.consts.staking.bondingDuration)
+      : undefined,
+    [api, sessionInfo]
+  );
+}
+
+export default createNamedHook('useUnbondDuration', useUnbondDurationImpl);
diff --git a/packages/page-staking/src/ActionsBanner.tsx b/packages/page-staking/src/ActionsBanner.tsx
new file mode 100644
index 0000000..99ac781
--- /dev/null
+++ b/packages/page-staking/src/ActionsBanner.tsx
@@ -0,0 +1,21 @@
+// Copyright 2017-2022 @polkadot/app-staking authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import React from 'react';
+
+import { MarkWarning } from '@polkadot/react-components';
+
+import { useTranslation } from './translate';
+
+function ActionsBanner (): React.ReactElement<null> | null {
+  const { t } = useTranslation();
+
+  return (
+    <MarkWarning
+      className='warning centered'
+      content={t<string>('Use the account actions to create a new validator/nominator stash and bond it to participate in staking. Do not send funds directly via a transfer to a validator.')}
+    />
+  );
+}
+
+export default React.memo(ActionsBanner);
diff --git a/packages/page-staking/src/Bags/Bag.tsx b/packages/page-staking/src/Bags/Bag.tsx
new file mode 100644
index 0000000..9e7a565
--- /dev/null
+++ b/packages/page-staking/src/Bags/Bag.tsx
@@ -0,0 +1,103 @@
+// Copyright 2017-2022 @polkadot/app-staking authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { AccountId32 } from '@polkadot/types/interfaces';
+import type { PalletBagsListListBag } from '@polkadot/types/lookup';
+import type { BN } from '@polkadot/util';
+import type { ListNode, StashNode } from './types';
+
+import React, { useEffect, useState } from 'react';
+
+import { AddressMini, Spinner } from '@polkadot/react-components';
+import { FormatBalance } from '@polkadot/react-query';
+import { formatNumber } from '@polkadot/util';
+
+import Rebag from './Rebag';
+import Stash from './Stash';
+import useBagEntries from './useBagEntries';
+import useBonded from './useBonded';
+
+interface Props {
+  bagLower: BN;
+  bagUpper: BN;
+  index: number;
+  info: PalletBagsListListBag;
+  nodesOwn?: StashNode[];
+}
+
+function getRebags (bonded: ListNode[], bagUpper: BN, bagLower: BN): string[] {
+  return bonded
+    .filter(({ bonded }) =>
+      bonded.gt(bagUpper) ||
+      bonded.lt(bagLower)
+    )
+    .map(({ stashId }) => stashId);
+}
+
+function Bag ({ bagLower, bagUpper, info, nodesOwn }: Props): React.ReactElement<Props> {
+  const [[headId, trigger], setHeadId] = useState<[AccountId32 | null, number]>([null, 0]);
+  const [rebags, setRebags] = useState<string[]>([]);
+  const [isLoading, setLoading] = useState(true);
+  const [isCompleted, list] = useBagEntries(headId, trigger);
+  const bonded = useBonded(list);
+
+  useEffect((): void => {
+    info && nodesOwn &&
+      setHeadId(([, trigger]) => [info.head.unwrapOr(null), ++trigger]);
+  }, [info, nodesOwn]);
+
+  useEffect((): void => {
+    setLoading(
+      nodesOwn && nodesOwn.length
+        ? !isCompleted || !bonded
+        : false
+    );
+  }, [bonded, isCompleted, nodesOwn]);
+
+  useEffect((): void => {
+    !isLoading && bonded && setRebags(
+      getRebags(bonded, bagUpper, bagLower)
+    );
+  }, [bagLower, bagUpper, bonded, isLoading]);
+
+  return (
+    <tr>
+      <td className='number' />
+      <td className='number'><FormatBalance value={bagUpper} /></td>
+      <td className='number'><FormatBalance value={bagLower} /></td>
+      <td className='address'>{info.head.isSome && <AddressMini value={info.head} />}</td>
+      <td className='address'>{info.tail.isSome && <AddressMini value={info.tail} />}</td>
+      <td className='address'>
+        {nodesOwn?.map(({ stashId }) => (
+          <Stash
+            bagLower={bagLower}
+            bagUpper={bagUpper}
+            isLoading={isLoading}
+            key={stashId}
+            list={bonded}
+            stashId={stashId}
+          />
+        ))}
+      </td>
+      <td className='number'>
+        {isLoading
+          ? <Spinner noLabel />
+          : list.length
+            ? formatNumber(list.length)
+            : null
+        }
+      </td>
+      <td className='button'>
+        {!isLoading && (
+          <Rebag
+            bagLower={bagLower}
+            bagUpper={bagUpper}
+            stashIds={rebags}
+          />
+        )}
+      </td>
+    </tr>
+  );
+}
+
+export default React.memo(Bag);
diff --git a/packages/page-staking/src/Bags/Rebag.tsx b/packages/page-staking/src/Bags/Rebag.tsx
new file mode 100644
index 0000000..deb243f
--- /dev/null
+++ b/packages/page-staking/src/Bags/Rebag.tsx
@@ -0,0 +1,99 @@
+// Copyright 2017-2022 @polkadot/app-staking authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { BN } from '@polkadot/util';
+import type { BagMap } from './types';
+
+import React, { useMemo, useState } from 'react';
+
+import { Button, InputAddress, InputAddressMulti, Modal, TxButton } from '@polkadot/react-components';
+import { useApi, useToggle, useTxBatch } from '@polkadot/react-hooks';
+
+import { useTranslation } from '../translate';
+import useBagsNodes from './useBagsNodes';
+
+interface Props {
+  bagLower: BN;
+  bagUpper: BN;
+  stashIds: string[];
+}
+
+function getAvailableIds (map: BagMap, bagUpper: BN): string[] {
+  return Object
+    .values(map[bagUpper.toString()] || {})
+    .map(({ stashId }) => stashId);
+}
+
+function Rebag ({ bagUpper, stashIds }: Props): React.ReactElement<Props> | null {
+  const { t } = useTranslation();
+  const { api } = useApi();
+  const [accountId, setAccountId] = useState<string | null>(null);
+  const [isVisible, toggleVisible] = useToggle();
+  const map = useBagsNodes(stashIds);
+  const availableIds = useMemo(
+    () => map
+      ? getAvailableIds(map, bagUpper)
+      : [],
+    [bagUpper, map]
+  );
+  const [selectedIds, setSelectedIds] = useState<string[]>([]);
+  const changes = useMemo(
+    () => selectedIds.map((stashId) => api.tx.bagsList.rebag(stashId)),
+    [api, selectedIds]
+  );
+  const tx = useTxBatch(changes);
+
+  if (!availableIds.length) {
+    return null;
+  }
+
+  return (
+    <>
+      <Button
+        icon='refresh'
+        label={t<string>('Rebag {{count}}', { replace: { count: availableIds.length } })}
+        onClick={toggleVisible}
+      />
+      {isVisible && (
+        <Modal
+          header={t<string>('Rebag dislocated entries')}
+          onClose={toggleVisible}
+          size='large'
+        >
+          <Modal.Content>
+            <Modal.Columns hint={t<string>('The account that will submit the rebag transaction.')}>
+              <InputAddress
+                help={t<string>('Select the account you wish to rebag with.')}
+                label={t<string>('rebag from account')}
+                onChange={setAccountId}
+                type='account'
+              />
+            </Modal.Columns>
+            <Modal.Columns hint={t<string>('The accounts that will be rebagged as a result of this operation.')}>
+              <InputAddressMulti
+                available={availableIds}
+                availableLabel={t<string>('unselected')}
+                defaultValue={availableIds}
+                maxCount={Number.MAX_SAFE_INTEGER}
+                onChange={setSelectedIds}
+                valueLabel={t<string>('to rebag')}
+              />
+            </Modal.Columns>
+          </Modal.Content>
+          <Modal.Actions>
+            <TxButton
+              accountId={accountId}
+              extrinsic={tx}
+              icon='refresh'
+              isDisabled={!tx || !selectedIds.length}
+              label={t<string>('Rebag')}
+              onStart={toggleVisible}
+            />
+          </Modal.Actions>
+        </Modal>
+      )}
+    </>
+  );
+}
+
+export default React.memo(Rebag);
diff --git a/packages/page-staking/src/Bags/Stash.tsx b/packages/page-staking/src/Bags/Stash.tsx
new file mode 100644
index 0000000..fe0c1b4
--- /dev/null
+++ b/packages/page-staking/src/Bags/Stash.tsx
@@ -0,0 +1,79 @@
+// Copyright 2017-2022 @polkadot/app-staking authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { BN } from '@polkadot/util';
+import type { ListNode } from './types';
+
+import React, { useMemo } from 'react';
+import styled from 'styled-components';
+
+import { AddressMini, TxButton } from '@polkadot/react-components';
+import { useApi } from '@polkadot/react-hooks';
+
+import { useTranslation } from '../translate';
+
+interface Props {
+  bagLower: BN;
+  bagUpper: BN;
+  className?: string;
+  isLoading: boolean;
+  list?: ListNode[];
+  stashId: string;
+}
+
+interface Entry {
+  canJump: boolean;
+  jumpCount: number;
+  stashInfo: ListNode | null;
+}
+
+function findEntry (upper: BN, bagLower: BN, stashId: string, list: ListNode[] = []): Entry {
+  const stashInfo = list.find((o) => o.stashId === stashId) || null;
+  const other = (stashInfo && stashInfo.jump && list.find((o) => o.stashId === stashInfo.jump)) || null;
+
+  return {
+    canJump: !!other,
+    jumpCount: stashInfo && other
+      ? (stashInfo.index - other.index)
+      : 0,
+    stashInfo
+  };
+}
+
+function Stash ({ bagLower, bagUpper, className, isLoading, list, stashId }: Props): React.ReactElement<Props> {
+  const { t } = useTranslation();
+  const { api } = useApi();
+  const { canJump, jumpCount, stashInfo } = useMemo(
+    () => findEntry(bagUpper, bagLower, stashId, list),
+    [bagLower, bagUpper, list, stashId]
+  );
+
+  return (
+    <div className={className}>
+      <AddressMini
+        value={stashId}
+        withBonded
+      />
+      {stashInfo && (
+        canJump
+          ? (
+            <TxButton
+              accountId={stashInfo.stashId}
+              icon='caret-up'
+              isDisabled={isLoading}
+              label={t<string>('Move up {{jumpCount}}', { replace: { jumpCount } })}
+              params={[stashInfo.jump]}
+              tx={api.tx.bagsList.putInFrontOf}
+            />
+          )
+          : null
+      )}
+    </div>
+  );
+}
+
+export default React.memo(styled(Stash)`
+  .ui--AddressMini {
+    vertical-align: middle;
+  }
+`);
diff --git a/packages/page-staking/src/Bags/Summary.tsx b/packages/page-staking/src/Bags/Summary.tsx
new file mode 100644
index 0000000..089b852
--- /dev/null
+++ b/packages/page-staking/src/Bags/Summary.tsx
@@ -0,0 +1,57 @@
+// Copyright 2017-2022 @polkadot/app-staking authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { BN } from '@polkadot/util';
+import type { BagMap } from './types';
+
+import React, { useMemo } from 'react';
+
+import { CardSummary, Spinner, SummaryBox } from '@polkadot/react-components';
+import { useApi, useCall } from '@polkadot/react-hooks';
+import { formatNumber, isNumber } from '@polkadot/util';
+
+import { useTranslation } from '../translate';
+
+interface Props {
+  bags?: unknown[];
+  className?: string;
+  mapOwn?: BagMap;
+}
+
+function Summary ({ bags, className = '', mapOwn }: Props): React.ReactElement<Props> {
+  const { t } = useTranslation();
+  const { api } = useApi();
+  const total = useCall<BN>(api.query.bagsList.counterForListNodes);
+
+  const myCount = useMemo(
+    () => mapOwn && Object.values(mapOwn).reduce((count, n) => count + n.length, 0),
+    [mapOwn]
+  );
+
+  return (
+    <SummaryBox className={className}>
+      <CardSummary label={t<string>('total bags')}>
+        {bags
+          ? formatNumber(bags.length)
+          : <Spinner noLabel />
+        }
+      </CardSummary>
+      <section>
+        <CardSummary label={t<string>('total nodes')}>
+          {mapOwn
+            ? formatNumber(total)
+            : <Spinner noLabel />
+          }
+        </CardSummary>
+        <CardSummary label={t<string>('my nodes')}>
+          {isNumber(myCount)
+            ? formatNumber(myCount)
+            : '-'
+          }
+        </CardSummary>
+      </section>
+    </SummaryBox>
+  );
+}
+
+export default React.memo(Summary);
diff --git a/packages/page-staking/src/Bags/index.tsx b/packages/page-staking/src/Bags/index.tsx
new file mode 100644
index 0000000..52d157c
--- /dev/null
+++ b/packages/page-staking/src/Bags/index.tsx
@@ -0,0 +1,99 @@
+// Copyright 2017-2022 @polkadot/app-staking authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { StakerState } from '@polkadot/react-hooks/types';
+import type { BagInfo, BagMap, StashNode } from './types';
+
+import React, { useMemo, useRef, useState } from 'react';
+
+import { Button, Table, ToggleGroup } from '@polkadot/react-components';
+
+import { useTranslation } from '../translate';
+import Bag from './Bag';
+import Summary from './Summary';
+import useBagsList from './useBagsList';
+import useBagsNodes from './useBagsNodes';
+
+interface Props {
+  ownStashes?: StakerState[];
+}
+
+function sortNodes (list: BagInfo[], nodes: BagMap, onlyMine: boolean): [BagInfo, StashNode[] | undefined][] {
+  return list
+    .map((b): [BagInfo, StashNode[] | undefined] => [b, nodes[b.key]])
+    .filter(([, n]) => !onlyMine || !!n);
+}
+
+function Bags ({ ownStashes }: Props): React.ReactElement<Props> {
+  const { t } = useTranslation();
+  const stashIds = useMemo(
+    () => ownStashes
+      ? ownStashes.map(({ stashId }) => stashId)
+      : [],
+    [ownStashes]
+  );
+  const [filterIndex, setFilterIndex] = useState(() => stashIds.length ? 0 : 1);
+  const bags = useBagsList();
+  const mapOwn = useBagsNodes(stashIds);
+
+  const headerRef = useRef([
+    [t('bags')],
+    [t('max'), 'number'],
+    [t('min'), 'number'],
+    [t('first'), 'address'],
+    [t('last'), 'address'],
+    [t('stashes'), 'address'],
+    [t('nodes'), 'number'],
+    [undefined, 'mini']
+  ]);
+
+  const filterOptions = useMemo(
+    () => [
+      { isDisabled: !stashIds.length, text: t('My bags'), value: 'mine' },
+      { text: t('All bags'), value: 'all' }
+    ],
+    [stashIds, t]
+  );
+  const filtered = useMemo(
+    () => bags && mapOwn && sortNodes(bags, mapOwn, !filterIndex),
+    [bags, filterIndex, mapOwn]
+  );
+
+  return (
+    <>
+      <Summary
+        bags={bags}
+        mapOwn={mapOwn}
+      />
+      <Button.Group>
+        <ToggleGroup
+          onChange={setFilterIndex}
+          options={filterOptions}
+          value={filterIndex}
+        />
+      </Button.Group>
+      <article className='warning centered'>
+        <p>{t('The All bags list is composed of bags that each describe a range of active bonded funds of the nominators. In each bag is a list of nodes that correspond to a nominator and their staked funds.')}</p>
+        <p>{t('Within the context of a single bag, nodes are not sorted by their stake, but instead placed in insertion order. In other words, the most recently inserted node will be the last node in the bag, regardless of stake. Events like staking rewards or slashes do not automatically put you in a different bag. The bags-list pallet comes with an important permissionless extrinsic: rebag. This allows anyone to specify another account that is in the wrong bag, and place it in the correct one.')}</p>
+      </article>
+      <Table
+        empty={filtered && t<string>('No available bags')}
+        emptySpinner={t<string>('Retrieving all available bags, this will take some time')}
+        header={headerRef.current}
+      >
+        {filtered?.map(([{ bagLower, bagUpper, index, info, key }, nodesOwn]) => (
+          <Bag
+            bagLower={bagLower}
+            bagUpper={bagUpper}
+            index={index}
+            info={info}
+            key={key}
+            nodesOwn={nodesOwn}
+          />
+        ))}
+      </Table>
+    </>
+  );
+}
+
+export default React.memo(Bags);
diff --git a/packages/page-staking/src/Bags/types.ts b/packages/page-staking/src/Bags/types.ts
new file mode 100644
index 0000000..52dc371
--- /dev/null
+++ b/packages/page-staking/src/Bags/types.ts
@@ -0,0 +1,27 @@
+// Copyright 2017-2022 @polkadot/app-staking authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { PalletBagsListListBag, PalletBagsListListNode } from '@polkadot/types/lookup';
+import type { BN } from '@polkadot/util';
+
+export interface StashNode {
+  stashId: string;
+  node: PalletBagsListListNode;
+}
+
+export interface ListNode {
+  bonded: BN;
+  index: number;
+  jump: string | null;
+  stashId: string;
+}
+
+export interface BagInfo {
+  bagLower: BN;
+  bagUpper: BN;
+  index: number;
+  info: PalletBagsListListBag;
+  key: string;
+}
+
+export type BagMap = Record<string, StashNode[]>;
diff --git a/packages/page-staking/src/Bags/useBagEntries.tsx b/packages/page-staking/src/Bags/useBagEntries.tsx
new file mode 100644
index 0000000..74edc26
--- /dev/null
+++ b/packages/page-staking/src/Bags/useBagEntries.tsx
@@ -0,0 +1,56 @@
+// Copyright 2017-2022 @polkadot/app-staking authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { Option } from '@polkadot/types';
+import type { AccountId32 } from '@polkadot/types/interfaces';
+import type { PalletBagsListListNode } from '@polkadot/types/lookup';
+
+import { useEffect, useState } from 'react';
+
+import { createNamedHook, useApi, useCall } from '@polkadot/react-hooks';
+
+interface Result {
+  isCompleted: boolean;
+  list: AccountId32[];
+}
+
+const EMPTY: [AccountId32 | null, Result] = [null, { isCompleted: false, list: [] }];
+const EMPTY_LIST: AccountId32[] = [];
+
+function useBagEntriesImpl (headId: AccountId32 | null, trigger: number): [boolean, AccountId32[]] {
+  const { api } = useApi();
+  const [[currId, { isCompleted, list }], setCurrent] = useState<[AccountId32 | null, Result]>(EMPTY);
+  const node = useCall<Option<PalletBagsListListNode>>(!!currId && api.query.bagsList.listNodes, [currId]);
+
+  useEffect(
+    () => setCurrent(
+      headId && trigger
+        ? [headId, { isCompleted: false, list: [headId] }]
+        : [null, { isCompleted: true, list: [] }]
+    ),
+    [headId, trigger]
+  );
+
+  useEffect((): void => {
+    if (node && node.isSome) {
+      const { next } = node.unwrap();
+
+      if (next.isSome) {
+        const currId = next.unwrap();
+
+        setCurrent(([, { list }]) => [currId, { isCompleted: false, list: [...list, currId] }]);
+      } else {
+        setCurrent(([currId, { list }]) => [currId, { isCompleted: true, list }]);
+      }
+    }
+  }, [node]);
+
+  return [
+    isCompleted,
+    isCompleted
+      ? list
+      : EMPTY_LIST
+  ];
+}
+
+export default createNamedHook('useBagEntries', useBagEntriesImpl);
diff --git a/packages/page-staking/src/Bags/useBagsList.ts b/packages/page-staking/src/Bags/useBagsList.ts
new file mode 100644
index 0000000..5d9e238
--- /dev/null
+++ b/packages/page-staking/src/Bags/useBagsList.ts
@@ -0,0 +1,66 @@
+// Copyright 2017-2022 @polkadot/app-staking authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { Option, StorageKey, u64 } from '@polkadot/types';
+import type { PalletBagsListListBag } from '@polkadot/types/lookup';
+import type { BN } from '@polkadot/util';
+import type { BagInfo } from './types';
+
+import { useEffect, useState } from 'react';
+
+import { createNamedHook, useApi, useCall, useMapKeys } from '@polkadot/react-hooks';
+import { BN_ZERO } from '@polkadot/util';
+
+const KEY_OPTS = {
+  transform: (keys: StorageKey<[u64]>[]): BN[] =>
+    keys.map(({ args: [id] }) => id)
+};
+
+const MULTI_OPTS = {
+  transform: ([[ids], opts]: [[BN[]], Option<PalletBagsListListBag>[]]): BagInfo[] => {
+    const sorted = ids
+      .map((id, index): [BN, Option<PalletBagsListListBag>] => [id, opts[index]])
+      .filter(([, o]) => o.isSome)
+      .sort(([a], [b]) => b.cmp(a))
+      .map(([bagUpper, o], index): BagInfo => ({
+        bagLower: BN_ZERO,
+        bagUpper,
+        index,
+        info: o.unwrap(),
+        key: bagUpper.toString()
+      }));
+
+    return sorted.map((entry, index) =>
+      (index === (sorted.length - 1))
+        ? entry
+        // We could probably use a .add(BN_ONE) here
+        : { ...entry, bagLower: sorted[index + 1].bagUpper }
+    );
+  },
+  withParamsTransform: true
+};
+
+function merge (prev: BagInfo[] | undefined, curr: BagInfo[]): BagInfo[] {
+  return !prev || curr.length !== prev.length
+    ? curr
+    : curr.map((q, i) =>
+      JSON.stringify(q) === JSON.stringify(prev[i])
+        ? prev[i]
+        : q
+    );
+}
+
+function useBagsListImpl (): BagInfo[] | undefined {
+  const { api } = useApi();
+  const [result, setResult] = useState<BagInfo[] | undefined>();
+  const ids = useMapKeys(api.query.bagsList.listBags, KEY_OPTS);
+  const query = useCall(ids && ids.length !== 0 && api.query.bagsList.listBags.multi, [ids], MULTI_OPTS);
+
+  useEffect((): void => {
+    query && setResult((prev) => merge(prev, query));
+  }, [query]);
+
+  return result;
+}
+
+export default createNamedHook('useBagsList', useBagsListImpl);
diff --git a/packages/page-staking/src/Bags/useBagsNodes.tsx b/packages/page-staking/src/Bags/useBagsNodes.tsx
new file mode 100644
index 0000000..88c5b54
--- /dev/null
+++ b/packages/page-staking/src/Bags/useBagsNodes.tsx
@@ -0,0 +1,54 @@
+// Copyright 2017-2022 @polkadot/app-staking authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { Option } from '@polkadot/types';
+import type { PalletBagsListListNode } from '@polkadot/types/lookup';
+import type { BagMap } from './types';
+
+import { useEffect, useState } from 'react';
+
+import { createNamedHook, useApi, useCall } from '@polkadot/react-hooks';
+
+const MULTI_OPTS = {
+  transform: (opts: Option<PalletBagsListListNode>[]): BagMap =>
+    opts
+      .filter((o) => o.isSome)
+      .map((o): PalletBagsListListNode => o.unwrap())
+      .reduce((all: BagMap, node): BagMap => {
+        const id = node.bagUpper.toString();
+
+        if (!all[id]) {
+          all[id] = [];
+        }
+
+        all[id].push({ node, stashId: node.id.toString() });
+
+        return all;
+      }, {})
+};
+
+function merge (prev: BagMap | undefined, curr: BagMap): BagMap {
+  return Object
+    .entries(curr)
+    .reduce((all: BagMap, [id, nodes]): BagMap => {
+      all[id] = prev && prev[id] && JSON.stringify(nodes) === JSON.stringify(prev[id])
+        ? prev[id]
+        : nodes;
+
+      return all;
+    }, {});
+}
+
+function useBagsNodesImpl (stashIds: string[]): BagMap | undefined {
+  const { api } = useApi();
+  const [result, setResult] = useState<BagMap | undefined>();
+  const query = useCall(api.query.bagsList.listNodes.multi, [stashIds], MULTI_OPTS);
+
+  useEffect((): void => {
+    query && setResult((prev) => merge(prev, query));
+  }, [query]);
+
+  return result;
+}
+
+export default createNamedHook('useBagsNodes', useBagsNodesImpl);
diff --git a/packages/page-staking/src/Bags/useBonded.ts b/packages/page-staking/src/Bags/useBonded.ts
new file mode 100644
index 0000000..a737afa
--- /dev/null
+++ b/packages/page-staking/src/Bags/useBonded.ts
@@ -0,0 +1,40 @@
+// Copyright 2017-2022 @polkadot/app-staking authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { DeriveStakingAccount } from '@polkadot/api-derive/types';
+import type { AccountId32 } from '@polkadot/types/interfaces';
+import type { ListNode } from './types';
+
+import { createNamedHook, useApi, useCall } from '@polkadot/react-hooks';
+
+const DERIVE_OPTS = {
+  transform: (all: DeriveStakingAccount[]): ListNode[] => {
+    const infos = all.map(({ stakingLedger, stashId }, index): ListNode => ({
+      bonded: stakingLedger.active.unwrap(),
+      index,
+      jump: null,
+      stashId: stashId.toString()
+    }));
+
+    return infos.map((info) => {
+      const lower = infos.find(({ bonded, index }) =>
+        index < info.index &&
+        bonded.lt(info.bonded)
+      );
+
+      if (lower) {
+        info.jump = lower.stashId;
+      }
+
+      return info;
+    });
+  }
+};
+
+function useBondedImpl (ids?: false | AccountId32[]): ListNode[] | undefined {
+  const { api } = useApi();
+
+  return useCall(ids && ids.length !== 0 && api.derive.staking.accounts, [ids], DERIVE_OPTS);
+}
+
+export default createNamedHook('useBonded', useBondedImpl);
diff --git a/packages/page-staking/src/ElectionBanner.tsx b/packages/page-staking/src/ElectionBanner.tsx
new file mode 100644
index 0000000..52d9df0
--- /dev/null
+++ b/packages/page-staking/src/ElectionBanner.tsx
@@ -0,0 +1,29 @@
+// Copyright 2017-2022 @polkadot/app-staking authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import React from 'react';
+
+import { MarkWarning } from '@polkadot/react-components';
+
+import { useTranslation } from './translate';
+
+interface Props {
+  isInElection?: boolean;
+}
+
+function ElectionBanner ({ isInElection }: Props): React.ReactElement<Props> | null {
+  const { t } = useTranslation();
+
+  if (!isInElection) {
+    return null;
+  }
+
+  return (
+    <MarkWarning
+      className='warning centered'
+      content={t<string>('There is currently an ongoing election for new validator candidates. As such staking operations are not permitted.')}
+    />
+  );
+}
+
+export default React.memo(ElectionBanner);
diff --git a/packages/page-staking/src/Filtering.tsx b/packages/page-staking/src/Filtering.tsx
new file mode 100644
index 0000000..1c78d9f
--- /dev/null
+++ b/packages/page-staking/src/Filtering.tsx
@@ -0,0 +1,67 @@
+// Copyright 2017-2022 @polkadot/app-staking authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import queryString from 'query-string';
+import React, { useCallback, useEffect } from 'react';
+
+import { Input, Toggle } from '@polkadot/react-components';
+import { useApi } from '@polkadot/react-hooks';
+import { isString } from '@polkadot/util';
+
+import { useTranslation } from './translate';
+
+interface Props {
+  children?: React.ReactNode;
+  className?: string;
+  nameFilter: string;
+  setNameFilter: (value: string, isQuery: boolean) => void;
+  setWithIdentity?: (value: boolean) => void;
+  withIdentity?: boolean;
+}
+
+function Filtering ({ children, className, nameFilter, setNameFilter, setWithIdentity, withIdentity }: Props): React.ReactElement<Props> | null {
+  const { t } = useTranslation();
+  const { api } = useApi();
+
+  // on load, parse the query string and extract the filter
+  useEffect((): void => {
+    const queryFilter = queryString.parse(location.href.split('?')[1]).filter;
+
+    if (isString(queryFilter)) {
+      setNameFilter(queryFilter, true);
+    }
+  // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, []);
+
+  const _setNameFilter = useCallback(
+    (value: string) => setNameFilter(value, false),
+    [setNameFilter]
+  );
+
+  return (
+    <div className={className}>
+      <Input
+        autoFocus
+        isFull
+        label={t<string>('filter by name, address or index')}
+        onChange={_setNameFilter}
+        value={nameFilter}
+      />
+      {(children || setWithIdentity) && (
+        <div className='staking--optionsBar'>
+          {children}
+          {setWithIdentity && api.query.identity && (
+            <Toggle
+              className='staking--buttonToggle'
+              label={t<string>('with an identity')}
+              onChange={setWithIdentity}
+              value={withIdentity}
+            />
+          )}
+        </div>
+      )}
+    </div>
+  );
+}
+
+export default React.memo(Filtering);
diff --git a/packages/page-staking/src/Legend.tsx b/packages/page-staking/src/Legend.tsx
new file mode 100644
index 0000000..caa4395
--- /dev/null
+++ b/packages/page-staking/src/Legend.tsx
@@ -0,0 +1,107 @@
+// Copyright 2017-2022 @polkadot/app-staking authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { BN } from '@polkadot/util';
+
+import React from 'react';
+import styled from 'styled-components';
+
+import { Badge, Icon } from '@polkadot/react-components';
+
+import { useTranslation } from './translate';
+
+interface Props {
+  className?: string;
+  isRelay?: boolean;
+  minCommission?: BN;
+}
+
+function Legend ({ className, isRelay, minCommission }: Props): React.ReactElement<Props> {
+  const { t } = useTranslation();
+
+  return (
+    <div className={className}>
+      <span>
+        <Badge
+          color='blue'
+          icon='chevron-right'
+        />
+        {t('Next session')}
+      </span>
+      {minCommission && (
+        <span>
+          <Badge
+            color='red'
+            icon='cancel'
+          />
+          {t('Chilled')}
+        </span>
+      )}
+      {isRelay && (
+        <span>
+          <Badge
+            color='purple'
+            icon='vector-square'
+          />
+          {t('Para validator')}
+        </span>
+      )}
+      <span>
+        <Badge
+          color='green'
+          info='5'
+        />
+        {t('Produced blocks')}
+      </span>
+      <span>
+        <Badge
+          color='green'
+          info={<Icon icon='envelope' />}
+        />
+        {t('Online message')}
+      </span>
+      <span>
+        <Badge
+          color='green'
+          icon='hand-paper'
+        />
+        {t('Nominating')}
+      </span>
+      <span>
+        <Badge
+          color='red'
+          icon='balance-scale-right'
+        />
+        {t('Oversubscribed')}
+      </span>
+      <span>
+        <Badge
+          color='red'
+          icon='skull-crossbones'
+        />
+        {t('Slashed')}
+      </span>
+      <span>
+        <Badge
+          color='red'
+          icon='user-slash'
+        />
+        {t('Blocks nominations')}
+      </span>
+    </div>
+  );
+}
+
+export default React.memo(styled(Legend)`
+  font-size: 0.85rem;
+  padding: 1rem 0.5rem;
+  text-align: center;
+
+  .ui--Badge {
+    margin-right: 0.5rem;
+  }
+
+  span+span {
+    margin-left: 1rem;
+  }
+`);
diff --git a/packages/page-staking/src/MaxBadge.tsx b/packages/page-staking/src/MaxBadge.tsx
new file mode 100644
index 0000000..2b44bf5
--- /dev/null
+++ b/packages/page-staking/src/MaxBadge.tsx
@@ -0,0 +1,30 @@
+// Copyright 2017-2022 @polkadot/app-staking authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import React from 'react';
+
+import { Badge } from '@polkadot/react-components';
+import { useApi } from '@polkadot/react-hooks';
+
+interface Props {
+  numNominators?: number;
+}
+
+function MaxBadge ({ numNominators }: Props): React.ReactElement<Props> | null {
+  const { api } = useApi();
+
+  const max = api.consts.staking?.maxNominatorRewardedPerValidator;
+
+  if (!numNominators || !max || max.gten(numNominators)) {
+    return null;
+  }
+
+  return (
+    <Badge
+      color='red'
+      icon='balance-scale-right'
+    />
+  );
+}
+
+export default React.memo(MaxBadge);
diff --git a/packages/page-staking/src/Overview/Address/Favorite.tsx b/packages/page-staking/src/Overview/Address/Favorite.tsx
new file mode 100644
index 0000000..e9e31d7
--- /dev/null
+++ b/packages/page-staking/src/Overview/Address/Favorite.tsx
@@ -0,0 +1,34 @@
+// Copyright 2017-2022 @polkadot/app-staking authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import React, { useCallback } from 'react';
+import styled from 'styled-components';
+
+import { Icon } from '@polkadot/react-components';
+
+interface Props {
+  address: string;
+  className?: string;
+  isFavorite: boolean;
+  toggleFavorite: (accountId: string) => void;
+}
+
+function Favorite ({ address, className, isFavorite, toggleFavorite }: Props): React.ReactElement<Props> {
+  const _onFavorite = useCallback(
+    () => toggleFavorite(address),
+    [address, toggleFavorite]
+  );
+
+  return (
+    <Icon
+      className={className}
+      color={isFavorite ? 'orange' : 'gray'}
+      icon='star'
+      onClick={_onFavorite}
+    />
+  );
+}
+
+export default React.memo(styled(Favorite)`
+  margin-right: 1rem;
+`);
diff --git a/packages/page-staking/src/Overview/Address/NominatedBy.tsx b/packages/page-staking/src/Overview/Address/NominatedBy.tsx
new file mode 100644
index 0000000..374d294
--- /dev/null
+++ b/packages/page-staking/src/Overview/Address/NominatedBy.tsx
@@ -0,0 +1,81 @@
+// Copyright 2017-2022 @polkadot/app-staking authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { SlashingSpans } from '@polkadot/types/interfaces';
+import type { NominatedBy as NominatedByType } from '../../types';
+
+import React, { useMemo } from 'react';
+
+import { AddressMini, Expander } from '@polkadot/react-components';
+import { formatNumber } from '@polkadot/util';
+
+import { useTranslation } from '../../translate';
+
+interface Props {
+  nominators?: NominatedByType[];
+  slashingSpans?: SlashingSpans | null;
+}
+
+interface Chilled {
+  active: null | [number, () => React.ReactNode[]];
+  chilled: null | [number, () => React.ReactNode[]];
+}
+
+function extractFunction (all: string[]): null | [number, () => React.ReactNode[]] {
+  return all.length
+    ? [
+      all.length,
+      () => all.map((who): React.ReactNode =>
+        <AddressMini
+          key={who}
+          value={who}
+        />
+      )
+    ]
+    : null;
+}
+
+function extractChilled (nominators: NominatedByType[] = [], slashingSpans?: SlashingSpans | null): Chilled {
+  const chilled = slashingSpans
+    ? nominators
+      .filter(({ submittedIn }) => !slashingSpans.lastNonzeroSlash.isZero() && slashingSpans.lastNonzeroSlash.gte(submittedIn))
+      .map(({ nominatorId }) => nominatorId)
+    : [];
+
+  return {
+    active: extractFunction(
+      nominators
+        .filter(({ nominatorId }) => !chilled.includes(nominatorId))
+        .map(({ nominatorId }) => nominatorId)
+    ),
+    chilled: extractFunction(chilled)
+  };
+}
+
+function NominatedBy ({ nominators, slashingSpans }: Props): React.ReactElement<Props> {
+  const { t } = useTranslation();
+
+  const { active, chilled } = useMemo(
+    () => extractChilled(nominators, slashingSpans),
+    [nominators, slashingSpans]
+  );
+
+  return (
+    <td className='expand all'>
+      {active && (
+        <Expander
+          renderChildren={active[1]}
+          summary={t<string>('Nominations ({{count}})', { replace: { count: formatNumber(active[0]) } })}
+        />
+      )}
+      {chilled && (
+        <Expander
+          renderChildren={chilled[1]}
+          summary={t<string>('Renomination required ({{count}})', { replace: { count: formatNumber(chilled[0]) } })}
+        />
+      )}
+    </td>
+  );
+}
+
+export default React.memo(NominatedBy);
diff --git a/packages/page-staking/src/Overview/Address/StakeOther.tsx b/packages/page-staking/src/Overview/Address/StakeOther.tsx
new file mode 100644
index 0000000..73be1de
--- /dev/null
+++ b/packages/page-staking/src/Overview/Address/StakeOther.tsx
@@ -0,0 +1,89 @@
+// Copyright 2017-2022 @polkadot/app-staking authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { NominatorValue } from './types';
+
+import React, { useMemo } from 'react';
+
+import { AddressMini, Expander } from '@polkadot/react-components';
+import { useApi } from '@polkadot/react-hooks';
+import { FormatBalance } from '@polkadot/react-query';
+import { BN, BN_ZERO } from '@polkadot/util';
+
+interface Props {
+  stakeOther?: BN;
+  nominators: NominatorValue[];
+}
+
+function extractFunction (all: NominatorValue[]): null | [number, () => React.ReactNode[]] {
+  return all.length
+    ? [
+      all.length,
+      () => all.map(({ nominatorId, value }): React.ReactNode =>
+        <AddressMini
+          bonded={value}
+          key={nominatorId}
+          value={nominatorId}
+          withBonded
+        />
+      )
+    ]
+    : null;
+}
+
+function extractTotals (maxPaid: BN | undefined, nominators: NominatorValue[], stakeOther?: BN): [null | [number, () => React.ReactNode[]], BN, null | [number, () => React.ReactNode[]], BN] {
+  const sorted = nominators.sort((a, b) => b.value.cmp(a.value));
+
+  if (!maxPaid || maxPaid.gtn(sorted.length)) {
+    return [extractFunction(sorted), stakeOther || BN_ZERO, null, BN_ZERO];
+  }
+
+  const max = maxPaid.toNumber();
+  const rewarded = sorted.slice(0, max);
+  const rewardedTotal = rewarded.reduce((total, { value }) => total.iadd(value), new BN(0));
+  const unrewarded = sorted.slice(max);
+  const unrewardedTotal = unrewarded.reduce((total, { value }) => total.iadd(value), new BN(0));
+
+  return [extractFunction(rewarded), rewardedTotal, extractFunction(unrewarded), unrewardedTotal];
+}
+
+function StakeOther ({ nominators, stakeOther }: Props): React.ReactElement<Props> {
+  const { api } = useApi();
+
+  const [rewarded, rewardedTotal, unrewarded, unrewardedTotal] = useMemo(
+    () => extractTotals(api.consts.staking?.maxNominatorRewardedPerValidator, nominators, stakeOther),
+    [api, nominators, stakeOther]
+  );
+
+  return (
+    <td className='expand all'>
+      {rewarded && (
+        <>
+          <Expander
+            renderChildren={rewarded[1]}
+            summary={
+              <FormatBalance
+                labelPost={` (${rewarded[0]})`}
+                value={rewardedTotal}
+              />
+            }
+          />
+          {unrewarded && (
+            <Expander
+              className='stakeOver'
+              renderChildren={unrewarded[1]}
+              summary={
+                <FormatBalance
+                  labelPost={` (${unrewarded[0]})`}
+                  value={unrewardedTotal}
+                />
+              }
+            />
+          )}
+        </>
+      )}
+    </td>
+  );
+}
+
+export default React.memo(StakeOther);
diff --git a/packages/page-staking/src/Overview/Address/Status.tsx b/packages/page-staking/src/Overview/Address/Status.tsx
new file mode 100644
index 0000000..33bddca
--- /dev/null
+++ b/packages/page-staking/src/Overview/Address/Status.tsx
@@ -0,0 +1,87 @@
+// Copyright 2017-2022 @polkadot/app-staking authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { BN } from '@polkadot/util';
+
+import React, { useMemo } from 'react';
+
+import { Badge, Icon } from '@polkadot/react-components';
+import { useAccounts } from '@polkadot/react-hooks';
+
+import MaxBadge from '../../MaxBadge';
+
+interface Props {
+  isChilled?: boolean;
+  isElected: boolean;
+  isMain?: boolean;
+  isPara?: boolean;
+  isRelay?: boolean;
+  nominators?: { nominatorId: string }[];
+  onlineCount?: false | BN;
+  onlineMessage?: boolean;
+}
+
+const NO_NOMS: { nominatorId: string }[] = [];
+
+function Status ({ isChilled, isElected, isMain, isPara, isRelay, nominators = NO_NOMS, onlineCount, onlineMessage }: Props): React.ReactElement<Props> {
+  const { allAccounts } = useAccounts();
+  const blockCount = onlineCount && onlineCount.toNumber();
+
+  const isNominating = useMemo(
+    () => nominators.some(({ nominatorId }) => allAccounts.includes(nominatorId)),
+    [allAccounts, nominators]
+  );
+
+  return (
+    <>
+      {isNominating
+        ? (
+          <Badge
+            color='green'
+            icon='hand-paper'
+          />
+        )
+        : <Badge color='transparent' />
+      }
+      {isRelay && (
+        isPara
+          ? (
+            <Badge
+              color='purple'
+              icon='vector-square'
+            />
+          )
+          : <Badge color='transparent' />
+      )}
+      {isChilled
+        ? (
+          <Badge
+            color='red'
+            icon='cancel'
+          />
+        )
+        : isElected
+          ? (
+            <Badge
+              color='blue'
+              icon='chevron-right'
+            />
+          )
+          : <Badge color='transparent' />
+      }
+      {isMain && (
+        blockCount || onlineMessage
+          ? (
+            <Badge
+              color='green'
+              info={blockCount || <Icon icon='envelope' />}
+            />
+          )
+          : <Badge color='transparent' />
+      )}
+      <MaxBadge numNominators={nominators.length} />
+    </>
+  );
+}
+
+export default React.memo(Status);
diff --git a/packages/page-staking/src/Overview/Address/index.tsx b/packages/page-staking/src/Overview/Address/index.tsx
new file mode 100644
index 0000000..73cd2f9
--- /dev/null
+++ b/packages/page-staking/src/Overview/Address/index.tsx
@@ -0,0 +1,192 @@
+// Copyright 2017-2022 @polkadot/app-staking authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { DeriveHeartbeatAuthor } from '@polkadot/api-derive/types';
+import type { Option } from '@polkadot/types';
+import type { SlashingSpans, ValidatorPrefs } from '@polkadot/types/interfaces';
+import type { BN } from '@polkadot/util';
+import type { NominatedBy as NominatedByType, ValidatorInfo } from '../../types';
+import type { NominatorValue } from './types';
+
+import React, { useMemo } from 'react';
+
+import { ApiPromise } from '@polkadot/api';
+import { AddressSmall, Icon, LinkExternal } from '@polkadot/react-components';
+import { checkVisibility } from '@polkadot/react-components/util';
+import { useApi, useCall, useDeriveAccountInfo } from '@polkadot/react-hooks';
+import { FormatBalance } from '@polkadot/react-query';
+import { BN_ZERO } from '@polkadot/util';
+
+import Favorite from './Favorite';
+import NominatedBy from './NominatedBy';
+import StakeOther from './StakeOther';
+import Status from './Status';
+
+interface Props {
+  address: string;
+  className?: string;
+  filterName: string;
+  hasQueries: boolean;
+  isElected: boolean;
+  isFavorite: boolean;
+  isMain?: boolean;
+  isPara?: boolean;
+  lastBlock?: string;
+  minCommission?: BN;
+  nominatedBy?: NominatedByType[];
+  points?: string;
+  recentlyOnline?: DeriveHeartbeatAuthor;
+  toggleFavorite: (accountId: string) => void;
+  validatorInfo?: ValidatorInfo;
+  withIdentity?: boolean;
+}
+
+interface StakingState {
+  isChilled?: boolean;
+  commission?: string;
+  nominators: NominatorValue[];
+  stakeTotal?: BN;
+  stakeOther?: BN;
+  stakeOwn?: BN;
+}
+
+function expandInfo ({ exposure, validatorPrefs }: ValidatorInfo, minCommission?: BN): StakingState {
+  let nominators: NominatorValue[] = [];
+  let stakeTotal: BN | undefined;
+  let stakeOther: BN | undefined;
+  let stakeOwn: BN | undefined;
+
+  if (exposure && exposure.total) {
+    nominators = exposure.others.map(({ value, who }) => ({ nominatorId: who.toString(), value: value.unwrap() }));
+    stakeTotal = exposure.total?.unwrap() || BN_ZERO;
+    stakeOwn = exposure.own.unwrap();
+    stakeOther = stakeTotal.sub(stakeOwn);
+  }
+
+  const commission = (validatorPrefs as ValidatorPrefs)?.commission?.unwrap();
+
+  return {
+    commission: commission?.toHuman(),
+    isChilled: commission && minCommission && commission.isZero() && commission.lt(minCommission),
+    nominators,
+    stakeOther,
+    stakeOwn,
+    stakeTotal
+  };
+}
+
+const transformSlashes = {
+  transform: (opt: Option<SlashingSpans>) => opt.unwrapOr(null)
+};
+
+function useAddressCalls (api: ApiPromise, address: string, isMain?: boolean) {
+  const params = useMemo(() => [address], [address]);
+  const accountInfo = useDeriveAccountInfo(address);
+  const slashingSpans = useCall<SlashingSpans | null>(!isMain && api.query.staking.slashingSpans, params, transformSlashes);
+
+  return { accountInfo, slashingSpans };
+}
+
+function Address ({ address, className = '', filterName, hasQueries, isElected, isFavorite, isMain, isPara, lastBlock, minCommission, nominatedBy, points, recentlyOnline, toggleFavorite, validatorInfo, withIdentity }: Props): React.ReactElement<Props> | null {
+  const { api } = useApi();
+  const { accountInfo, slashingSpans } = useAddressCalls(api, address, isMain);
+
+  const { commission, isChilled, nominators, stakeOther, stakeOwn } = useMemo(
+    () => validatorInfo
+      ? expandInfo(validatorInfo, minCommission)
+      : { nominators: [] },
+    [minCommission, validatorInfo]
+  );
+
+  const isVisible = useMemo(
+    () => accountInfo ? checkVisibility(api, address, accountInfo, filterName, withIdentity) : true,
+    [api, accountInfo, address, filterName, withIdentity]
+  );
+
+  const statsLink = useMemo(
+    () => `#/staking/query/${address}`,
+    [address]
+  );
+
+  if (!isVisible) {
+    return null;
+  }
+
+  return (
+    <tr className={className}>
+      <td className='badge together'>
+        <Favorite
+          address={address}
+          isFavorite={isFavorite}
+          toggleFavorite={toggleFavorite}
+        />
+        <Status
+          isChilled={isChilled}
+          isElected={isElected}
+          isMain={isMain}
+          isPara={isPara}
+          isRelay={!!(api.query.parasShared || api.query.shared)?.activeValidatorIndices}
+          nominators={isMain ? nominators : nominatedBy}
+          onlineCount={recentlyOnline?.blockCount}
+          onlineMessage={recentlyOnline?.hasMessage}
+        />
+      </td>
+      <td className='address'>
+        <AddressSmall value={address} />
+      </td>
+      {isMain
+        ? (
+          <StakeOther
+            nominators={nominators}
+            stakeOther={stakeOther}
+          />
+        )
+        : (
+          <NominatedBy
+            nominators={nominatedBy}
+            slashingSpans={slashingSpans}
+          />
+        )
+      }
+      {isMain && (
+        <td className='number media--1100'>
+          {stakeOwn?.gtn(0) && (
+            <FormatBalance value={stakeOwn} />
+          )}
+        </td>
+      )}
+      <td className='number'>
+        {commission}
+      </td>
+      {isMain && (
+        <>
+          <td className='number'>
+            {points}
+          </td>
+          <td className='number'>
+            {lastBlock}
+          </td>
+        </>
+      )}
+      <td>
+        {hasQueries && (
+          <a href={statsLink}>
+            <Icon
+              className='highlight--color'
+              icon='chart-line'
+            />
+          </a>
+        )}
+      </td>
+      <td className='links media--1200'>
+        <LinkExternal
+          data={address}
+          isLogo
+          type={isMain ? 'validator' : 'intention'}
+        />
+      </td>
+    </tr>
+  );
+}
+
+export default React.memo(Address);
diff --git a/packages/page-staking/src/Overview/Address/types.ts b/packages/page-staking/src/Overview/Address/types.ts
new file mode 100644
index 0000000..1858125
--- /dev/null
+++ b/packages/page-staking/src/Overview/Address/types.ts
@@ -0,0 +1,9 @@
+// Copyright 2017-2022 @polkadot/app-staking authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { Balance } from '@polkadot/types/interfaces';
+
+export interface NominatorValue {
+  nominatorId: string;
+  value: Balance;
+}
diff --git a/packages/page-staking/src/Overview/CurrentList.tsx b/packages/page-staking/src/Overview/CurrentList.tsx
new file mode 100644
index 0000000..3d7a4ef
--- /dev/null
+++ b/packages/page-staking/src/Overview/CurrentList.tsx
@@ -0,0 +1,204 @@
+// Copyright 2017-2022 @polkadot/app-staking authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { DeriveHeartbeats, DeriveStakingOverview } from '@polkadot/api-derive/types';
+import type { Authors } from '@polkadot/react-query/BlockAuthors';
+import type { AccountId } from '@polkadot/types/interfaces';
+import type { BN } from '@polkadot/util';
+import type { NominatedByMap, SortedTargets, ValidatorInfo } from '../types';
+
+import React, { useContext, useMemo, useRef, useState } from 'react';
+
+import { Table } from '@polkadot/react-components';
+import { useApi, useLoadingDelay } from '@polkadot/react-hooks';
+import { BlockAuthorsContext } from '@polkadot/react-query';
+
+import Filtering from '../Filtering';
+import Legend from '../Legend';
+import { useTranslation } from '../translate';
+import Address from './Address';
+
+interface Props {
+  className?: string;
+  favorites: string[];
+  hasQueries: boolean;
+  isIntentions?: boolean;
+  isIntentionsTrigger?: boolean;
+  isOwn: boolean;
+  minCommission?: BN;
+  nominatedBy?: NominatedByMap;
+  ownStashIds?: string[];
+  paraValidators?: Record<string, boolean>;
+  recentlyOnline?: DeriveHeartbeats;
+  setNominators?: (nominators: string[]) => void;
+  stakingOverview?: DeriveStakingOverview;
+  targets: SortedTargets;
+  toggleFavorite: (address: string) => void;
+}
+
+type AccountExtend = [string, boolean, boolean];
+
+interface Filtered {
+  validators?: AccountExtend[];
+  waiting?: AccountExtend[];
+}
+
+const EmptyAuthorsContext: React.Context<Authors> = React.createContext<Authors>({ byAuthor: {}, eraPoints: {}, lastBlockAuthors: [], lastHeaders: [] });
+
+function filterAccounts (isOwn: boolean, accounts: string[] = [], ownStashIds: string[] = [], elected: string[], favorites: string[], without: string[]): AccountExtend[] {
+  return accounts
+    .filter((accountId) =>
+      !without.includes(accountId) && (
+        !isOwn ||
+        ownStashIds.includes(accountId)
+      )
+    )
+    .map((accountId): AccountExtend => [
+      accountId,
+      elected.includes(accountId),
+      favorites.includes(accountId)
+    ])
+    .sort(([accA,, isFavA]: AccountExtend, [accB,, isFavB]: AccountExtend): number => {
+      const isStashA = ownStashIds.includes(accA);
+      const isStashB = ownStashIds.includes(accB);
+
+      return isFavA === isFavB
+        ? isStashA === isStashB
+          ? 0
+          : (isStashA ? -1 : 1)
+        : (isFavA ? -1 : 1);
+    });
+}
+
+function accountsToString (accounts: AccountId[]): string[] {
+  return accounts.map((a) => a.toString());
+}
+
+function getFiltered (isOwn: boolean, stakingOverview: DeriveStakingOverview | undefined, favorites: string[], next?: string[], ownStashIds?: string[]): Filtered {
+  if (!stakingOverview) {
+    return {};
+  }
+
+  const allElected = accountsToString(stakingOverview.nextElected);
+  const validatorIds = accountsToString(stakingOverview.validators);
+
+  return {
+    validators: filterAccounts(isOwn, validatorIds, ownStashIds, allElected, favorites, []),
+    waiting: filterAccounts(isOwn, allElected, ownStashIds, allElected, favorites, validatorIds).concat(
+      filterAccounts(isOwn, next, ownStashIds, [], favorites, allElected)
+    )
+  };
+}
+
+const DEFAULT_PARAS = {};
+
+function CurrentList ({ className, favorites, hasQueries, isIntentions, isOwn, minCommission, nominatedBy, ownStashIds, paraValidators = DEFAULT_PARAS, recentlyOnline, stakingOverview, targets, toggleFavorite }: Props): React.ReactElement<Props> | null {
+  const { t } = useTranslation();
+  const { api } = useApi();
+  const { byAuthor, eraPoints } = useContext(isIntentions ? EmptyAuthorsContext : BlockAuthorsContext);
+  const [nameFilter, setNameFilter] = useState<string>('');
+
+  // we have a very large list, so we use a loading delay
+  const isLoading = useLoadingDelay();
+
+  const { validators, waiting } = useMemo(
+    () => getFiltered(isOwn, stakingOverview, favorites, targets.waitingIds, ownStashIds),
+    [favorites, isOwn, ownStashIds, stakingOverview, targets]
+  );
+
+  const list = useMemo(
+    () => isLoading
+      ? undefined
+      : isIntentions
+        ? nominatedBy && waiting
+        : validators,
+    [isIntentions, isLoading, nominatedBy, validators, waiting]
+  );
+
+  const infoMap = useMemo(
+    () => targets.validators && targets.validators.reduce<Record<string, ValidatorInfo>>((result, info) => {
+      result[info.key] = info;
+
+      return result;
+    }, {}),
+    [targets]
+  );
+
+  const headerRef = useRef(
+    isIntentions
+      ? [
+        [t('intentions'), 'start', 2],
+        [t('nominators'), 'expand'],
+        [t('commission'), 'number'],
+        [],
+        []
+      ]
+      : [
+        [t('validators'), 'start', 2],
+        [t('other stake'), 'expand'],
+        [t('own stake'), 'media--1100'],
+        [t('commission')],
+        [t('points')],
+        [t('last #')],
+        [],
+        [undefined, 'media--1200']
+      ]
+  );
+
+  return (
+    <Table
+      className={className}
+      empty={
+        isIntentions
+          ? list && t<string>('No waiting validators found')
+          : list && recentlyOnline && infoMap && t<string>('No active validators found')
+      }
+      emptySpinner={
+        <>
+          {!waiting && <div>{t<string>('Retrieving validators')}</div>}
+          {!infoMap && <div>{t<string>('Retrieving validator info')}</div>}
+          {isIntentions
+            ? !nominatedBy && <div>{t<string>('Retrieving nominators')}</div>
+            : !recentlyOnline && <div>{t<string>('Retrieving online status')}</div>
+          }
+          {!list && <div>{t<string>('Preparing validator list')}</div>}
+        </>
+      }
+      filter={
+        <Filtering
+          nameFilter={nameFilter}
+          setNameFilter={setNameFilter}
+        />
+      }
+      header={headerRef.current}
+      legend={
+        <Legend
+          isRelay={!isIntentions && !!(api.query.parasShared || api.query.shared)?.activeValidatorIndices}
+          minCommission={minCommission}
+        />
+      }
+    >
+      {list && list.map(([address, isElected, isFavorite]): React.ReactNode => (
+        <Address
+          address={address}
+          filterName={nameFilter}
+          hasQueries={hasQueries}
+          isElected={isElected}
+          isFavorite={isFavorite}
+          isMain={!isIntentions}
+          isPara={isIntentions ? false : paraValidators[address]}
+          key={address}
+          lastBlock={byAuthor[address]}
+          minCommission={minCommission}
+          nominatedBy={nominatedBy?.[address]}
+          points={eraPoints[address]}
+          recentlyOnline={recentlyOnline?.[address]}
+          toggleFavorite={toggleFavorite}
+          validatorInfo={infoMap?.[address]}
+        />
+      ))}
+    </Table>
+  );
+}
+
+export default React.memo(CurrentList);
diff --git a/packages/page-staking/src/Overview/Summary.tsx b/packages/page-staking/src/Overview/Summary.tsx
new file mode 100644
index 0000000..32840ae
--- /dev/null
+++ b/packages/page-staking/src/Overview/Summary.tsx
@@ -0,0 +1,112 @@
+// Copyright 2017-2022 @polkadot/app-staking authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { DeriveStakingOverview } from '@polkadot/api-derive/types';
+import type { SortedTargets } from '../types';
+
+import React from 'react';
+import styled from 'styled-components';
+
+import SummarySession from '@polkadot/app-explorer/SummarySession';
+import { CardSummary, Spinner, SummaryBox } from '@polkadot/react-components';
+import { formatNumber } from '@polkadot/util';
+
+import { useTranslation } from '../translate';
+
+interface Props {
+  className?: string;
+  isVisible: boolean;
+  nominators?: string[];
+  stakingOverview?: DeriveStakingOverview;
+  targets: SortedTargets;
+}
+
+function Summary ({ className = '', isVisible, stakingOverview, targets: { counterForNominators, inflation: { idealStake, inflation, stakedFraction }, nominators, waitingIds } }: Props): React.ReactElement<Props> {
+  const { t } = useTranslation();
+
+  return (
+    <SummaryBox className={`${className} ${isVisible ? '' : ' --hidden'}`}>
+      <section>
+        <CardSummary label={t<string>('validators')}>
+          {stakingOverview
+            ? <>{formatNumber(stakingOverview.validators.length)}&nbsp;/&nbsp;{formatNumber(stakingOverview.validatorCount)}</>
+            : <Spinner noLabel />
+          }
+        </CardSummary>
+        <CardSummary
+          className='media--900'
+          label={t<string>('waiting')}
+        >
+          {waitingIds
+            ? formatNumber(waitingIds.length)
+            : <Spinner noLabel />
+          }
+        </CardSummary>
+        <CardSummary
+          className='media--1000'
+          label={
+            counterForNominators
+              ? t<string>('active / nominators')
+              : t<string>('nominators')
+          }
+        >
+          {nominators
+            ? (
+              <>
+                {formatNumber(nominators.length)}
+                {counterForNominators && (
+                  <>&nbsp;/&nbsp;{formatNumber(counterForNominators)}</>
+                )}
+              </>
+            )
+            : <Spinner noLabel />
+          }
+        </CardSummary>
+      </section>
+      <section>
+        {(idealStake > 0) && Number.isFinite(idealStake) && (
+          <CardSummary
+            className='media--1400'
+            label={t<string>('ideal staked')}
+          >
+            <>{(idealStake * 100).toFixed(1)}%</>
+          </CardSummary>
+        )}
+        {(stakedFraction > 0) && (
+          <CardSummary
+            className='media--1300'
+            label={t<string>('staked')}
+          >
+            <>{(stakedFraction * 100).toFixed(1)}%</>
+          </CardSummary>
+        )}
+        {(inflation > 0) && Number.isFinite(inflation) && (
+          <CardSummary
+            className='media--1200'
+            label={t<string>('inflation')}
+          >
+            <>{inflation.toFixed(1)}%</>
+          </CardSummary>
+        )}
+      </section>
+      <section>
+        <SummarySession />
+      </section>
+    </SummaryBox>
+  );
+}
+
+export default React.memo(styled(Summary)`
+  .validator--Account-block-icon {
+    display: inline-block;
+    margin-right: 0.75rem;
+    margin-top: -0.25rem;
+    vertical-align: middle;
+  }
+
+  .validator--Summary-authors {
+    .validator--Account-block-icon+.validator--Account-block-icon {
+      margin-left: -1.5rem;
+    }
+  }
+`);
diff --git a/packages/page-staking/src/Overview/index.tsx b/packages/page-staking/src/Overview/index.tsx
new file mode 100644
index 0000000..ed2abf3
--- /dev/null
+++ b/packages/page-staking/src/Overview/index.tsx
@@ -0,0 +1,101 @@
+// Copyright 2017-2022 @polkadot/app-staking authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { DeriveHeartbeats, DeriveStakingOverview } from '@polkadot/api-derive/types';
+import type { StakerState } from '@polkadot/react-hooks/types';
+import type { BN } from '@polkadot/util';
+import type { NominatedByMap, SortedTargets } from '../types';
+
+import React, { useCallback, useEffect, useMemo, useRef, useState } from 'react';
+
+import { Button, ToggleGroup } from '@polkadot/react-components';
+import { useApi, useCall } from '@polkadot/react-hooks';
+
+import { useTranslation } from '../translate';
+import CurrentList from './CurrentList';
+
+interface Props {
+  className?: string;
+  favorites: string[];
+  hasQueries: boolean;
+  minCommission?: BN;
+  nominatedBy?: NominatedByMap;
+  ownStashes?: StakerState[];
+  paraValidators?: Record<string, boolean>;
+  stakingOverview?: DeriveStakingOverview;
+  targets: SortedTargets;
+  toggleFavorite: (address: string) => void;
+  toggleLedger?: () => void;
+  toggleNominatedBy: () => void;
+}
+
+function Overview ({ className = '', favorites, hasQueries, minCommission, nominatedBy, ownStashes, paraValidators, stakingOverview, targets, toggleFavorite, toggleLedger, toggleNominatedBy }: Props): React.ReactElement<Props> {
+  const { t } = useTranslation();
+  const { api } = useApi();
+  const [intentIndex, _setIntentIndex] = useState(0);
+  const [typeIndex, setTypeIndex] = useState(1);
+  const recentlyOnline = useCall<DeriveHeartbeats>(api.derive.imOnline?.receivedHeartbeats);
+
+  const setIntentIndex = useCallback(
+    (index: number): void => {
+      index && toggleNominatedBy();
+      _setIntentIndex(index);
+    },
+    [toggleNominatedBy]
+  );
+
+  const filterOptions = useRef([
+    { text: t('Own validators'), value: 'mine' },
+    { text: t('All validators'), value: 'all' }
+  ]);
+
+  const intentOptions = useRef([
+    { text: t('Active'), value: 'active' },
+    { text: t('Waiting'), value: 'waiting' }
+  ]);
+
+  const ownStashIds = useMemo(
+    () => ownStashes && ownStashes.map(({ stashId }) => stashId),
+    [ownStashes]
+  );
+
+  useEffect((): void => {
+    toggleLedger && toggleLedger();
+  }, [toggleLedger]);
+
+  const isOwn = typeIndex === 0;
+
+  return (
+    <div className={`staking--Overview ${className}`}>
+      <Button.Group>
+        <ToggleGroup
+          onChange={setTypeIndex}
+          options={filterOptions.current}
+          value={typeIndex}
+        />
+        <ToggleGroup
+          onChange={setIntentIndex}
+          options={intentOptions.current}
+          value={intentIndex}
+        />
+      </Button.Group>
+      <CurrentList
+        favorites={favorites}
+        hasQueries={hasQueries}
+        isIntentions={intentIndex === 1}
+        isOwn={isOwn}
+        key={intentIndex}
+        minCommission={intentIndex === 0 ? minCommission : undefined}
+        nominatedBy={intentIndex === 1 ? nominatedBy : undefined}
+        ownStashIds={ownStashIds}
+        paraValidators={paraValidators}
+        recentlyOnline={intentIndex === 0 ? recentlyOnline : undefined}
+        stakingOverview={stakingOverview}
+        targets={targets}
+        toggleFavorite={toggleFavorite}
+      />
+    </div>
+  );
+}
+
+export default React.memo(Overview);
diff --git a/packages/page-staking/src/Overview/types.ts b/packages/page-staking/src/Overview/types.ts
new file mode 100644
index 0000000..88fb59b
--- /dev/null
+++ b/packages/page-staking/src/Overview/types.ts
@@ -0,0 +1,7 @@
+// Copyright 2017-2022 @polkadot/app-staking authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+export interface AddressDetails {
+  address: string;
+  points?: number;
+}
diff --git a/packages/page-staking/src/Payouts/PayButton.tsx b/packages/page-staking/src/Payouts/PayButton.tsx
new file mode 100644
index 0000000..6671e34
--- /dev/null
+++ b/packages/page-staking/src/Payouts/PayButton.tsx
@@ -0,0 +1,165 @@
+// Copyright 2017-2022 @polkadot/app-staking authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { SubmittableExtrinsic } from '@polkadot/api/types';
+import type { EraIndex } from '@polkadot/types/interfaces';
+import type { PayoutValidator } from './types';
+
+import React, { useEffect, useMemo, useState } from 'react';
+import styled from 'styled-components';
+
+import { ApiPromise } from '@polkadot/api';
+import { AddressMini, Button, InputAddress, Modal, Static, TxButton } from '@polkadot/react-components';
+import { useApi, useToggle, useTxBatch } from '@polkadot/react-hooks';
+
+import { useTranslation } from '../translate';
+
+interface Props {
+  className?: string;
+  isAll?: boolean;
+  isDisabled?: boolean;
+  payout?: PayoutValidator | PayoutValidator[];
+}
+
+interface SinglePayout {
+  era: EraIndex;
+  validatorId: string;
+}
+
+function createStream (api: ApiPromise, payouts: SinglePayout[]): SubmittableExtrinsic<'promise'>[] {
+  return payouts
+    .sort((a, b) => a.era.cmp(b.era))
+    .map(({ era, validatorId }) =>
+      api.tx.staking.payoutStakers(validatorId, era)
+    );
+}
+
+function createExtrinsics (api: ApiPromise, payout: PayoutValidator | PayoutValidator[]): SubmittableExtrinsic<'promise'>[] | null {
+  if (!Array.isArray(payout)) {
+    const { eras, validatorId } = payout;
+
+    return eras.length === 1
+      ? [api.tx.staking.payoutStakers(validatorId, eras[0].era)]
+      : createStream(api, eras.map((era): SinglePayout => ({ era: era.era, validatorId })));
+  } else if (payout.length === 1) {
+    return createExtrinsics(api, payout[0]);
+  }
+
+  return createStream(api, payout.reduce((payouts: SinglePayout[], { eras, validatorId }): SinglePayout[] => {
+    eras.forEach(({ era }): void => {
+      payouts.push({ era, validatorId });
+    });
+
+    return payouts;
+  }, []));
+}
+
+function PayButton ({ className, isAll, isDisabled, payout }: Props): React.ReactElement<Props> {
+  const { t } = useTranslation();
+  const { api } = useApi();
+  const [isVisible, togglePayout] = useToggle();
+  const [accountId, setAccount] = useState<string | null>(null);
+  const [txs, setTxs] = useState<SubmittableExtrinsic<'promise'>[] | null>(null);
+  const batchOpts = useMemo(
+    () => ({
+      max: 36 * 64 / (api.consts.staking.maxNominatorRewardedPerValidator?.toNumber() || 64)
+    }),
+    [api]
+  );
+  const extrinsics = useTxBatch(txs, batchOpts);
+
+  useEffect((): void => {
+    payout && setTxs(
+      () => createExtrinsics(api, payout)
+    );
+  }, [api, payout]);
+
+  const isPayoutEmpty = !payout || (Array.isArray(payout) && payout.length === 0);
+
+  return (
+    <>
+      {payout && isVisible && (
+        <Modal
+          className={className}
+          header={t<string>('Payout all stakers')}
+          onClose={togglePayout}
+          size='large'
+        >
+          <Modal.Content>
+            <Modal.Columns hint={t<string>('Any account can request payout for stakers, this is not limited to accounts that will be rewarded.')}>
+              <InputAddress
+                label={t<string>('request payout from')}
+                onChange={setAccount}
+                type='account'
+                value={accountId}
+              />
+            </Modal.Columns>
+            <Modal.Columns
+              hint={
+                <>
+                  <p>{t<string>('All the listed validators and all their nominators will receive their rewards.')}</p>
+                  <p>{t<string>('The UI puts a limit of 40 payouts at a time, where each payout is a single validator for a single era.')}</p>
+                </>
+              }
+            >
+              {Array.isArray(payout)
+                ? (
+                  <Static
+                    label={t<string>('payout stakers for (multiple)')}
+                    value={
+                      payout.map(({ validatorId }) => (
+                        <AddressMini
+                          className='addressStatic'
+                          key={validatorId}
+                          value={validatorId}
+                        />
+                      ))
+                    }
+                  />
+                )
+                : (
+                  <InputAddress
+                    defaultValue={payout.validatorId}
+                    isDisabled
+                    label={t<string>('payout stakers for (single)')}
+                  />
+                )
+              }
+            </Modal.Columns>
+          </Modal.Content>
+          <Modal.Actions>
+            <TxButton
+              accountId={accountId}
+              extrinsic={extrinsics}
+              icon='credit-card'
+              isDisabled={!extrinsics || !extrinsics.length || !accountId}
+              label={t<string>('Payout')}
+              onStart={togglePayout}
+            />
+          </Modal.Actions>
+        </Modal>
+      )}
+      <Button
+        icon='credit-card'
+        isDisabled={isDisabled || isPayoutEmpty}
+        label={
+          (isAll || Array.isArray(payout))
+            ? t<string>('Payout all')
+            : t<string>('Payout')
+        }
+        onClick={togglePayout}
+      />
+    </>
+  );
+}
+
+export default React.memo(styled(PayButton)`
+  .ui--AddressMini.padded.addressStatic {
+    padding-top: 0.5rem;
+
+    .ui--AddressMini-info {
+      min-width: 10rem;
+      max-width: 10rem;
+    }
+  }
+`);
diff --git a/packages/page-staking/src/Payouts/Stash.tsx b/packages/page-staking/src/Payouts/Stash.tsx
new file mode 100644
index 0000000..d3882a2
--- /dev/null
+++ b/packages/page-staking/src/Payouts/Stash.tsx
@@ -0,0 +1,57 @@
+// Copyright 2017-2022 @polkadot/app-staking authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { BN } from '@polkadot/util';
+import type { PayoutStash } from './types';
+
+import React, { useEffect, useState } from 'react';
+
+import { AddressSmall } from '@polkadot/react-components';
+import { BlockToTime, FormatBalance } from '@polkadot/react-query';
+
+import useEraBlocks from './useEraBlocks';
+import { createErasString } from './util';
+
+interface Props {
+  className?: string;
+  payout: PayoutStash;
+}
+
+interface EraInfo {
+  eraStr: React.ReactNode;
+  oldestEra?: BN;
+}
+
+function Stash ({ className = '', payout: { available, rewards, stashId } }: Props): React.ReactElement<Props> {
+  const [{ eraStr, oldestEra }, setEraInfo] = useState<EraInfo>({ eraStr: '' });
+  const eraBlocks = useEraBlocks(oldestEra);
+
+  useEffect((): void => {
+    rewards && setEraInfo({
+      eraStr: createErasString(rewards.map(({ era }) => era)),
+      oldestEra: rewards[0]?.era
+    });
+  }, [rewards]);
+
+  return (
+    <tr className={className}>
+      <td
+        className='address'
+        colSpan={2}
+      >
+        <AddressSmall value={stashId} />
+      </td>
+      <td className='start'>
+        <span className='payout-eras'>{eraStr}</span>
+      </td>
+      <td className='number'><FormatBalance value={available} /></td>
+      <td className='number'>{eraBlocks && <BlockToTime value={eraBlocks} />}</td>
+      <td
+        className='button'
+        colSpan={3}
+      />
+    </tr>
+  );
+}
+
+export default React.memo(Stash);
diff --git a/packages/page-staking/src/Payouts/Validator.tsx b/packages/page-staking/src/Payouts/Validator.tsx
new file mode 100644
index 0000000..71810fa
--- /dev/null
+++ b/packages/page-staking/src/Payouts/Validator.tsx
@@ -0,0 +1,95 @@
+// Copyright 2017-2022 @polkadot/app-staking authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { BN } from '@polkadot/util';
+import type { PayoutValidator } from './types';
+
+import React, { useMemo } from 'react';
+
+import { AddressMini, AddressSmall, Expander } from '@polkadot/react-components';
+import { BlockToTime, FormatBalance } from '@polkadot/react-query';
+
+import { useTranslation } from '../translate';
+import PayButton from './PayButton';
+import useEraBlocks from './useEraBlocks';
+import { createErasString } from './util';
+
+interface Props {
+  className?: string;
+  isDisabled?: boolean;
+  payout: PayoutValidator;
+}
+
+interface State {
+  eraStr: React.ReactNode;
+  nominators: Record<string, BN>;
+  numNominators: number;
+  oldestEra?: BN;
+}
+
+function extractState (payout: PayoutValidator): State {
+  const eraStr = createErasString(payout.eras.map(({ era }) => era));
+  const nominators = payout.eras.reduce((nominators: Record<string, BN>, { stashes }): Record<string, BN> => {
+    Object.entries(stashes).forEach(([stashId, value]): void => {
+      if (nominators[stashId]) {
+        nominators[stashId] = nominators[stashId].add(value);
+      } else {
+        nominators[stashId] = value;
+      }
+    });
+
+    return nominators;
+  }, {});
+
+  return { eraStr, nominators, numNominators: Object.keys(nominators).length, oldestEra: payout.eras[0]?.era };
+}
+
+function Validator ({ className = '', isDisabled, payout }: Props): React.ReactElement<Props> {
+  const { t } = useTranslation();
+
+  const { eraStr, nominators, numNominators, oldestEra } = useMemo(
+    () => extractState(payout),
+    [payout]
+  );
+
+  const eraBlocks = useEraBlocks(oldestEra);
+
+  return (
+    <tr className={className}>
+      <td
+        className='address'
+        colSpan={2}
+      >
+        <AddressSmall value={payout.validatorId} />
+      </td>
+      <td className='start'>
+        <span className='payout-eras'>{eraStr}</span>
+      </td>
+      <td className='number'><FormatBalance value={payout.available} /></td>
+      <td className='number'>{eraBlocks && <BlockToTime value={eraBlocks} />}</td>
+      <td
+        className='expand'
+        colSpan={2}
+      >
+        <Expander summary={t<string>('{{count}} own stashes', { replace: { count: numNominators } })}>
+          {Object.entries(nominators).map(([stashId, balance]) =>
+            <AddressMini
+              balance={balance}
+              key={stashId}
+              value={stashId}
+              withBalance
+            />
+          )}
+        </Expander>
+      </td>
+      <td className='button'>
+        <PayButton
+          isDisabled={isDisabled}
+          payout={payout}
+        />
+      </td>
+    </tr>
+  );
+}
+
+export default React.memo(Validator);
diff --git a/packages/page-staking/src/Payouts/index.tsx b/packages/page-staking/src/Payouts/index.tsx
new file mode 100644
index 0000000..3aed15f
--- /dev/null
+++ b/packages/page-staking/src/Payouts/index.tsx
@@ -0,0 +1,294 @@
+// Copyright 2017-2022 @polkadot/app-staking authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { TFunction } from 'i18next';
+import type { DeriveStakerReward } from '@polkadot/api-derive/types';
+import type { StakerState } from '@polkadot/react-hooks/types';
+import type { PayoutStash, PayoutValidator } from './types';
+
+import React, { useMemo, useRef, useState } from 'react';
+import styled from 'styled-components';
+
+import { Button, Table, ToggleGroup } from '@polkadot/react-components';
+import { useApi, useBlockInterval, useCall, useOwnEraRewards } from '@polkadot/react-hooks';
+import { FormatBalance } from '@polkadot/react-query';
+import { BN, BN_THREE } from '@polkadot/util';
+
+import ElectionBanner from '../ElectionBanner';
+import { useTranslation } from '../translate';
+import PayButton from './PayButton';
+import Stash from './Stash';
+import Validator from './Validator';
+
+interface Props {
+  className?: string;
+  isInElection?: boolean;
+  ownValidators: StakerState[];
+}
+
+interface Available {
+  stashAvail?: BN | null;
+  stashes?: PayoutStash[];
+  valAvail?: BN | null;
+  valTotal?: BN | null;
+  validators?: PayoutValidator[];
+}
+
+interface EraSelection {
+  value: number;
+  text: string;
+}
+
+const DAY_SECS = new BN(1000 * 60 * 60 * 24);
+
+function groupByValidator (allRewards: Record<string, DeriveStakerReward[]>): PayoutValidator[] {
+  return Object
+    .entries(allRewards)
+    .reduce((grouped: PayoutValidator[], [stashId, rewards]): PayoutValidator[] => {
+      rewards
+        .forEach((reward): void => {
+          Object
+            .entries(reward.validators)
+            .forEach(([validatorId, { total, value }]): void => {
+              const entry = grouped.find((entry) => entry.validatorId === validatorId);
+
+              if (entry) {
+                const eraEntry = entry.eras.find((entry) => entry.era.eq(reward.era));
+
+                if (eraEntry) {
+                  eraEntry.stashes[stashId] = value;
+                } else {
+                  entry.eras.push({
+                    era: reward.era,
+                    stashes: { [stashId]: value }
+                  });
+                }
+
+                entry.available = entry.available.add(value);
+                entry.total = entry.total.add(total);
+              } else {
+                grouped.push({
+                  available: value,
+                  eras: [{
+                    era: reward.era,
+                    stashes: { [stashId]: value }
+                  }],
+                  total,
+                  validatorId
+                });
+              }
+            });
+        });
+
+      return grouped;
+    }, [])
+    .sort((a, b) => b.available.cmp(a.available));
+}
+
+function extractStashes (allRewards: Record<string, DeriveStakerReward[]>): PayoutStash[] {
+  return Object
+    .entries(allRewards)
+    .map(([stashId, rewards]): PayoutStash => ({
+      available: rewards.reduce((result, { validators }) =>
+        Object.values(validators).reduce((result, { value }) =>
+          result.iadd(value), result), new BN(0)
+      ),
+      rewards,
+      stashId
+    }))
+    .filter(({ available }) => !available.isZero())
+    .sort((a, b) => b.available.cmp(a.available));
+}
+
+function getAvailable (allRewards: Record<string, DeriveStakerReward[]> | null | undefined): Available {
+  if (allRewards) {
+    const stashes = extractStashes(allRewards);
+    const validators = groupByValidator(allRewards);
+    const stashAvail = stashes.length
+      ? stashes.reduce<BN>((a, { available }) => a.iadd(available), new BN(0))
+      : null;
+    const [valAvail, valTotal] = validators.length
+      ? validators.reduce<[BN, BN]>(([a, t], { available, total }) => [a.iadd(available), t.iadd(total)], [new BN(0), new BN(0)])
+      : [null, null];
+
+    return {
+      stashAvail,
+      stashes,
+      valAvail,
+      valTotal,
+      validators
+    };
+  }
+
+  return {};
+}
+
+function getOptions (blockTime: BN, eraLength: BN | undefined, historyDepth: BN | undefined, t: TFunction): EraSelection[] {
+  if (!eraLength || !historyDepth) {
+    return [{ text: '', value: 0 }];
+  }
+
+  const blocksPerDay = DAY_SECS.div(blockTime);
+  const maxBlocks = eraLength.mul(historyDepth);
+  const eraSelection: EraSelection[] = [];
+  const days = new BN(2);
+
+  while (true) {
+    const dayBlocks = blocksPerDay.mul(days);
+
+    if (dayBlocks.gte(maxBlocks)) {
+      break;
+    }
+
+    eraSelection.push({
+      text: t<string>('{{days}} days', { replace: { days: days.toString() } }),
+      value: dayBlocks.div(eraLength).toNumber()
+    });
+
+    days.imul(BN_THREE);
+  }
+
+  eraSelection.push({
+    text: t<string>('Max, {{eras}} eras', { replace: { eras: historyDepth.toNumber() } }),
+    value: historyDepth.toNumber()
+  });
+
+  return eraSelection;
+}
+
+function Payouts ({ className = '', isInElection, ownValidators }: Props): React.ReactElement<Props> {
+  const { t } = useTranslation();
+  const { api } = useApi();
+  const [hasOwnValidators] = useState(() => ownValidators.length !== 0);
+  const [myStashesIndex, setMyStashesIndex] = useState(() => hasOwnValidators ? 0 : 1);
+  const [eraSelectionIndex, setEraSelectionIndex] = useState(0);
+  const eraLength = useCall<BN>(api.derive.session.eraLength);
+  const historyDepth = useCall<BN>(api.query.staking.historyDepth);
+  const blockTime = useBlockInterval();
+
+  const eraSelection = useMemo(
+    () => getOptions(blockTime, eraLength, historyDepth, t),
+    [blockTime, eraLength, historyDepth, t]
+  );
+
+  const { allRewards, isLoadingRewards } = useOwnEraRewards(eraSelection[eraSelectionIndex].value, myStashesIndex ? undefined : ownValidators);
+
+  const { stashAvail, stashes, valAvail, validators } = useMemo(
+    () => getAvailable(allRewards),
+    [allRewards]
+  );
+
+  const headerStashes = useMemo(() => [
+    [myStashesIndex ? t('payout/stash') : t('overall/validator'), 'start', 2],
+    [t('eras'), 'start'],
+    [myStashesIndex ? t('own') : t('total')],
+    [('remaining')],
+    [undefined, undefined, 3]
+  ], [myStashesIndex, t]);
+
+  const headerValidatorsRef = useRef([
+    [t('payout/validator'), 'start', 2],
+    [t('eras'), 'start'],
+    [t('own')],
+    [('remaining')],
+    [undefined, undefined, 3]
+  ]);
+
+  const valOptions = useMemo(() => [
+    { isDisabled: !hasOwnValidators, text: t('Own validators'), value: 'val' },
+    { text: t('Own stashes'), value: 'all' }
+  ], [hasOwnValidators, t]);
+
+  const footerStash = useMemo(() => (
+    <tr>
+      <td colSpan={3} />
+      <td className='number'>
+        {stashAvail && <FormatBalance value={stashAvail} />}
+      </td>
+      <td colSpan={4} />
+    </tr>
+  ), [stashAvail]);
+
+  const footerVal = useMemo(() => (
+    <tr>
+      <td colSpan={3} />
+      <td className='number'>
+        {valAvail && <FormatBalance value={valAvail} />}
+      </td>
+      <td colSpan={4} />
+    </tr>
+  ), [valAvail]);
+
+  return (
+    <div className={className}>
+      <Button.Group>
+        <ToggleGroup
+          onChange={setMyStashesIndex}
+          options={valOptions}
+          value={myStashesIndex}
+        />
+        <ToggleGroup
+          onChange={setEraSelectionIndex}
+          options={eraSelection}
+          value={eraSelectionIndex}
+        />
+        <PayButton
+          isAll
+          isDisabled={isInElection}
+          payout={validators}
+        />
+      </Button.Group>
+      <ElectionBanner isInElection={isInElection} />
+      {!isLoadingRewards && !stashes?.length && (
+        <article className='warning centered'>
+          <p>{t('Payouts of rewards for a validator can be initiated by any account. This means that as soon as a validator or nominator requests a payout for an era, all the nominators for that validator will be rewarded. Each user does not need to claim individually and the suggestion is that validators should claim rewards for everybody as soon as an era ends.')}</p>
+          <p>{t('If you have not claimed rewards straight after the end of the era, the validator is in the active set and you are seeing no rewards, this would mean that the reward payout transaction was made by another account on your behalf. Always check your favorite explorer to see any historic payouts made to your accounts.')}</p>
+        </article>
+      )}
+      <Table
+        empty={!isLoadingRewards && stashes && (
+          myStashesIndex
+            ? t<string>('No pending payouts for your stashes')
+            : t<string>('No pending payouts for your validators')
+        )}
+        emptySpinner={t<string>('Retrieving info for the selected eras, this will take some time')}
+        footer={footerStash}
+        header={headerStashes}
+        isFixed
+      >
+        {!isLoadingRewards && stashes?.map((payout): React.ReactNode => (
+          <Stash
+            key={payout.stashId}
+            payout={payout}
+          />
+        ))}
+      </Table>
+      {(myStashesIndex === 1) && !isLoadingRewards && validators && (validators.length !== 0) && (
+        <Table
+          footer={footerVal}
+          header={headerValidatorsRef.current}
+          isFixed
+        >
+          {!isLoadingRewards && validators.filter(({ available }) => !available.isZero()).map((payout): React.ReactNode => (
+            <Validator
+              isDisabled={isInElection}
+              key={payout.validatorId}
+              payout={payout}
+            />
+          ))}
+        </Table>
+      )}
+    </div>
+  );
+}
+
+export default React.memo(styled(Payouts)`
+  .payout-eras {
+    padding-left: 0.25rem;
+    vertical-align: middle;
+
+    span {
+      white-space: nowrap;
+    }
+  }
+`);
diff --git a/packages/page-staking/src/Payouts/types.ts b/packages/page-staking/src/Payouts/types.ts
new file mode 100644
index 0000000..5581f57
--- /dev/null
+++ b/packages/page-staking/src/Payouts/types.ts
@@ -0,0 +1,24 @@
+// Copyright 2017-2022 @polkadot/app-staking authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { DeriveStakerReward } from '@polkadot/api-derive/types';
+import type { Balance, EraIndex } from '@polkadot/types/interfaces';
+import type { BN } from '@polkadot/util';
+
+export interface PayoutEraValidator {
+  era: EraIndex;
+  stashes: Record<string, Balance>;
+}
+
+export interface PayoutValidator {
+  available: BN;
+  eras: PayoutEraValidator[];
+  validatorId: string;
+  total: BN;
+}
+
+export interface PayoutStash {
+  available: BN;
+  rewards: DeriveStakerReward[];
+  stashId: string;
+}
diff --git a/packages/page-staking/src/Payouts/useEraBlocks.ts b/packages/page-staking/src/Payouts/useEraBlocks.ts
new file mode 100644
index 0000000..61f36d5
--- /dev/null
+++ b/packages/page-staking/src/Payouts/useEraBlocks.ts
@@ -0,0 +1,40 @@
+// Copyright 2017-2022 @polkadot/app-staking authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { DeriveSessionProgress } from '@polkadot/api-derive/types';
+import type { Forcing } from '@polkadot/types/interfaces';
+import type { BN } from '@polkadot/util';
+
+import { useMemo } from 'react';
+
+import { createNamedHook, useApi, useCall } from '@polkadot/react-hooks';
+import { BN_ONE } from '@polkadot/util';
+
+function useEraBlocksImpl (era?: BN): BN | undefined {
+  const { api } = useApi();
+  const depth = useCall<BN>(api.query.staking.historyDepth);
+  const progress = useCall<DeriveSessionProgress>(api.derive.session.progress);
+  const forcing = useCall<Forcing>(api.query.staking.forceEra);
+
+  return useMemo(
+    () => (depth && era && forcing && progress && progress.sessionLength.gt(BN_ONE))
+      ? (
+        forcing.isForceAlways
+          ? progress.sessionLength
+          : progress.eraLength
+      ).mul(
+        depth
+          .sub(progress.activeEra)
+          .iadd(era)
+          .iadd(BN_ONE)
+      ).isub(
+        forcing.isForceAlways
+          ? progress.sessionProgress
+          : progress.eraProgress
+      )
+      : undefined,
+    [depth, era, forcing, progress]
+  );
+}
+
+export default createNamedHook('useEraBlocks', useEraBlocksImpl);
diff --git a/packages/page-staking/src/Payouts/util.tsx b/packages/page-staking/src/Payouts/util.tsx
new file mode 100644
index 0000000..ce349d4
--- /dev/null
+++ b/packages/page-staking/src/Payouts/util.tsx
@@ -0,0 +1,60 @@
+// Copyright 2017-2022 @polkadot/app-staking authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { BN } from '@polkadot/util';
+
+import React from 'react';
+
+import { BN_ONE, formatNumber } from '@polkadot/util';
+
+function isSingle (entry: BN | [BN, BN]): entry is BN {
+  return !Array.isArray(entry);
+}
+
+export function createErasString (eras: BN[]): React.ReactNode {
+  if (!eras.length) {
+    return '';
+  }
+
+  const parts = eras
+    .sort((a, b) => a.cmp(b))
+    .reduce((result: (BN | [BN, BN])[], era): (BN | [BN, BN])[] => {
+      if (result.length === 0) {
+        return [era];
+      } else {
+        const last = result[result.length - 1];
+
+        if (isSingle(last)) {
+          if (last.add(BN_ONE).eq(era)) {
+            result[result.length - 1] = [last, era];
+          } else {
+            result.push(era);
+          }
+        } else {
+          if (last[1].add(BN_ONE).eq(era)) {
+            last[1] = era;
+          } else {
+            result.push(era);
+          }
+        }
+      }
+
+      return result;
+    }, [])
+    .map((entry) =>
+      isSingle(entry)
+        ? formatNumber(entry)
+        : `${formatNumber(entry[0])}-${formatNumber(entry[1])}`
+    );
+
+  return (
+    <>
+      {parts.map((section, index) => (
+        <React.Fragment key={section}>
+          {index !== 0 && ', '}
+          <span>{section}</span>
+        </React.Fragment>
+      ))}
+    </>
+  );
+}
diff --git a/packages/page-staking/src/Pools/Create.tsx b/packages/page-staking/src/Pools/Create.tsx
new file mode 100644
index 0000000..7c6d8d2
--- /dev/null
+++ b/packages/page-staking/src/Pools/Create.tsx
@@ -0,0 +1,120 @@
+// Copyright 2017-2022 @polkadot/app-staking authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { BN } from '@polkadot/util';
+import type { Params } from './types';
+
+import React, { useMemo, useState } from 'react';
+
+import { Button, Input, InputAddress, InputBalance, InputNumber, Modal, TxButton } from '@polkadot/react-components';
+import { useApi, useCall, useToggle } from '@polkadot/react-hooks';
+import { BN_ONE, bnMax } from '@polkadot/util';
+
+import { useTranslation } from '../translate';
+
+interface Props {
+  className?: string;
+  isDisabled?: boolean;
+  params: Params;
+}
+
+function Create ({ className, isDisabled, params: { minCreateBond, minNominatorBond } }: Props): React.ReactElement<Props> {
+  const { t } = useTranslation();
+  const { api } = useApi();
+  const lastPoolId = useCall<BN>(api.query.nominationPools.lastPoolId);
+  const [isOpen, toggleOpen] = useToggle();
+  const [accountId, setAccount] = useState<string | null>(null);
+  const [amount, setAmount] = useState<BN | undefined>();
+  const [metadata, setMetadata] = useState('');
+
+  const minValue = useMemo(
+    () => minCreateBond && minNominatorBond &&
+      bnMax(minCreateBond, minNominatorBond, api.consts.balances.existentialDeposit),
+    [api, minCreateBond, minNominatorBond]
+  );
+
+  const nextPoolId = useMemo(
+    () => lastPoolId && lastPoolId.add(BN_ONE),
+    [lastPoolId]
+  );
+
+  const isAmountError = useMemo(
+    () => !amount || !minValue || amount.lt(minValue),
+    [amount, minValue]
+  );
+
+  const extrinsic = useMemo(
+    () => accountId && !isAmountError
+      ? api.tx.utility.batch([
+        api.tx.nominationPools.create(amount, accountId, accountId, accountId),
+        api.tx.nominationPools.setMetadata(nextPoolId, metadata)
+      ])
+      : null,
+    [api, accountId, amount, isAmountError, metadata, nextPoolId]
+  );
+
+  return (
+    <>
+      <Button
+        icon='plus'
+        isDisabled={isDisabled || !minValue}
+        label={t<string>('Add pool')}
+        onClick={toggleOpen}
+      />
+      {isOpen && (
+        <Modal
+          className={className}
+          header={t<string>('Create nomination pool')}
+          onClose={toggleOpen}
+          size='large'
+        >
+          <Modal.Content>
+            <Modal.Columns hint={t<string>('The origin account will also be set as the pool admin, nominator and state toggler.')}>
+              <InputAddress
+                label={t<string>('create pool from')}
+                onChange={setAccount}
+                type='account'
+                value={accountId}
+              />
+            </Modal.Columns>
+            <Modal.Columns hint={t<string>('The initial value to assign to the pool. It is set the the maximum of the minimum bond and the minium nomination value.')}>
+              <InputBalance
+                autoFocus
+                defaultValue={minValue}
+                isError={isAmountError}
+                label={t<string>('initial value')}
+                onChange={setAmount}
+              />
+            </Modal.Columns>
+            <Modal.Columns hint={t<string>('The metadata description to set for this pool')}>
+              <Input
+                label={t<string>('description')}
+                maxLength={32}
+                onChange={setMetadata}
+              />
+            </Modal.Columns>
+            <Modal.Columns hint={t<string>('The id that will be assigned to this nomination pool.')}>
+              <InputNumber
+                defaultValue={nextPoolId}
+                isDisabled
+                label={t<string>('pool id')}
+              />
+            </Modal.Columns>
+          </Modal.Content>
+          <Modal.Actions>
+            <TxButton
+              accountId={accountId}
+              extrinsic={extrinsic}
+              icon='plus'
+              isDisabled={!accountId || isAmountError}
+              label={t<string>('Create')}
+              onStart={toggleOpen}
+            />
+          </Modal.Actions>
+        </Modal>
+      )}
+    </>
+  );
+}
+
+export default React.memo(Create);
diff --git a/packages/page-staking/src/Pools/Join.tsx b/packages/page-staking/src/Pools/Join.tsx
new file mode 100644
index 0000000..e9b0570
--- /dev/null
+++ b/packages/page-staking/src/Pools/Join.tsx
@@ -0,0 +1,94 @@
+// Copyright 2017-2022 @polkadot/app-staking authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { BN } from '@polkadot/util';
+import type { Params } from './types';
+
+import React, { useMemo, useState } from 'react';
+
+import { Button, InputAddress, InputBalance, Modal, TxButton } from '@polkadot/react-components';
+import { useApi, useToggle } from '@polkadot/react-hooks';
+import { bnMax } from '@polkadot/util';
+
+import { useTranslation } from '../translate';
+
+interface Props {
+  className?: string;
+  id: BN;
+  isDisabled?: boolean;
+  params: Params;
+}
+
+function Join ({ className, id, isDisabled, params: { minJoinBond, minNominatorBond } }: Props): React.ReactElement<Props> | null {
+  const { t } = useTranslation();
+  const { api } = useApi();
+  const [isOpen, toggleOpen] = useToggle();
+  const [accountId, setAccount] = useState<string | null>(null);
+  const [amount, setAmount] = useState<BN | undefined>();
+
+  const minAmount = useMemo(
+    () => minJoinBond && minNominatorBond && bnMax(minJoinBond, minNominatorBond),
+    [minJoinBond, minNominatorBond]
+  );
+
+  const isAmountError = useMemo(
+    () => !amount || !minAmount || amount.lt(minAmount),
+    [amount, minAmount]
+  );
+
+  if (isDisabled) {
+    return null;
+  }
+
+  return (
+    <>
+      <Button
+        icon='plus'
+        isDisabled={!minAmount}
+        label={t<string>('Join')}
+        onClick={toggleOpen}
+      />
+      {isOpen && (
+        <Modal
+          className={className}
+          header={t<string>('Join nomination pool')}
+          onClose={toggleOpen}
+          size='large'
+        >
+          <Modal.Content>
+            <Modal.Columns hint={t<string>('The account that is to join the pool.')}>
+              <InputAddress
+                label={t<string>('join pool from')}
+                onChange={setAccount}
+                type='account'
+                value={accountId}
+              />
+            </Modal.Columns>
+            <Modal.Columns hint={t<string>('The initial value to assign to the pool. It is set the the maximum of the minimum bond and the minium nomination value.')}>
+              <InputBalance
+                autoFocus
+                defaultValue={minAmount}
+                isError={isAmountError}
+                label={t<string>('initial value')}
+                onChange={setAmount}
+              />
+            </Modal.Columns>
+          </Modal.Content>
+          <Modal.Actions>
+            <TxButton
+              accountId={accountId}
+              icon='plus'
+              isDisabled={!accountId || isAmountError}
+              label={t<string>('Join')}
+              onStart={toggleOpen}
+              params={[amount, id]}
+              tx={api.tx.nominationPools.join}
+            />
+          </Modal.Actions>
+        </Modal>
+      )}
+    </>
+  );
+}
+
+export default React.memo(Join);
diff --git a/packages/page-staking/src/Pools/Pool.tsx b/packages/page-staking/src/Pools/Pool.tsx
new file mode 100644
index 0000000..2053881
--- /dev/null
+++ b/packages/page-staking/src/Pools/Pool.tsx
@@ -0,0 +1,55 @@
+// Copyright 2017-2022 @polkadot/app-staking authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { BN } from '@polkadot/util';
+import type { Params } from './types';
+
+import React, { useMemo } from 'react';
+
+import { FormatBalance } from '@polkadot/react-query';
+import { formatNumber, stringify } from '@polkadot/util';
+
+import Join from './Join';
+import usePoolInfo from './usePoolInfo';
+
+interface Props {
+  className?: string;
+  id: BN;
+  params: Params;
+}
+
+function Pool ({ className, id, params }: Props): React.ReactElement<Props> | null {
+  const info = usePoolInfo(id);
+  const metadata = useMemo(
+    () => info && info.metadata && info.metadata.length
+      ? info.metadata.isUtf8
+        ? info.metadata.toUtf8()
+        : info.metadata.toString()
+      : null,
+    [info]
+  );
+
+  if (!info) {
+    return null;
+  }
+
+  console.log(stringify(info, 2));
+
+  return (
+    <tr className={className}>
+      <td className='number'><h1>{formatNumber(id)}</h1></td>
+      <td className='start'>{metadata}</td>
+      <td className='number'><FormatBalance value={info.bonded?.points} /></td>
+      <td className='number'>{formatNumber(info.bonded?.delegatorCounter)}</td>
+      <td className='button'>
+        <Join
+          id={id}
+          isDisabled={!info.bonded?.state.isOpen}
+          params={params}
+        />
+      </td>
+    </tr>
+  );
+}
+
+export default React.memo(Pool);
diff --git a/packages/page-staking/src/Pools/Pools.tsx b/packages/page-staking/src/Pools/Pools.tsx
new file mode 100644
index 0000000..c2fe8df
--- /dev/null
+++ b/packages/page-staking/src/Pools/Pools.tsx
@@ -0,0 +1,47 @@
+// Copyright 2017-2022 @polkadot/app-staking authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { BN } from '@polkadot/util';
+import type { Params } from './types';
+
+import React, { useMemo } from 'react';
+
+import { Table } from '@polkadot/react-components';
+
+import { useTranslation } from '../translate';
+import Pool from './Pool';
+
+interface Props {
+  className?: string;
+  ids?: BN[];
+  params: Params;
+}
+
+function Pools ({ className, ids, params }: Props): React.ReactElement<Props> {
+  const { t } = useTranslation();
+
+  const header = useMemo(() => [
+    [t('pools'), 'start', 2],
+    [t('points')],
+    [t('delegators')]
+  ], [t]);
+
+  return (
+    <Table
+      className={className}
+      empty={ids && t<string>('No available nomination pools')}
+      emptySpinner={t<string>('Retrieving nomination pools')}
+      header={header}
+    >
+      {ids?.map((id) => (
+        <Pool
+          id={id}
+          key={id.toString()}
+          params={params}
+        />
+      ))}
+    </Table>
+  );
+}
+
+export default React.memo(Pools);
diff --git a/packages/page-staking/src/Pools/Summary.tsx b/packages/page-staking/src/Pools/Summary.tsx
new file mode 100644
index 0000000..5a09754
--- /dev/null
+++ b/packages/page-staking/src/Pools/Summary.tsx
@@ -0,0 +1,45 @@
+// Copyright 2017-2022 @polkadot/app-staking authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { Params } from './types';
+
+import React from 'react';
+
+import { CardSummary, SummaryBox } from '@polkadot/react-components';
+import { formatNumber, isNumber } from '@polkadot/util';
+
+import { useTranslation } from '../translate';
+
+interface Props {
+  className?: string;
+  params: Params;
+  poolCount?: number;
+}
+
+function Summary ({ className, params: { maxDelegators, maxDelegatorsPool, maxPools }, poolCount }: Props): React.ReactElement<Props> | null {
+  const { t } = useTranslation();
+
+  return (
+    <SummaryBox className={className}>
+      {maxDelegators && (
+        <CardSummary label={t<string>('pools')}>
+          {isNumber(poolCount) && <>{formatNumber(poolCount)}&nbsp;/&nbsp;</>}{formatNumber(maxPools)}
+        </CardSummary>
+      )}
+      <section>
+        {maxDelegatorsPool && (
+          <CardSummary label={t<string>('max. delegators')}>
+            {formatNumber(maxDelegators)}
+          </CardSummary>
+        )}
+        {maxPools && (
+          <CardSummary label={t<string>('max. delegators / pool')}>
+            {formatNumber(maxDelegatorsPool)}
+          </CardSummary>
+        )}
+      </section>
+    </SummaryBox>
+  );
+}
+
+export default React.memo(Summary);
diff --git a/packages/page-staking/src/Pools/index.tsx b/packages/page-staking/src/Pools/index.tsx
new file mode 100644
index 0000000..640e800
--- /dev/null
+++ b/packages/page-staking/src/Pools/index.tsx
@@ -0,0 +1,47 @@
+// Copyright 2017-2022 @polkadot/app-staking authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import React, { useMemo } from 'react';
+
+import { Button } from '@polkadot/react-components';
+
+import Create from './Create';
+import Pools from './Pools';
+import Summary from './Summary';
+import useParams from './useParams';
+import usePoolIds from './usePoolIds';
+
+interface Props {
+  className?: string;
+}
+
+function NominationPools ({ className }: Props): React.ReactElement<Props> {
+  const ids = usePoolIds();
+  const params = useParams();
+
+  const noCreate = useMemo(
+    () => !ids || (!!params.maxPools && (ids.length > params.maxPools)),
+    [ids, params]
+  );
+
+  return (
+    <div className={className}>
+      <Summary
+        params={params}
+        poolCount={ids?.length}
+      />
+      <Button.Group>
+        <Create
+          isDisabled={noCreate}
+          params={params}
+        />
+      </Button.Group>
+      <Pools
+        ids={ids}
+        params={params}
+      />
+    </div>
+  );
+}
+
+export default React.memo(NominationPools);
diff --git a/packages/page-staking/src/Pools/types.ts b/packages/page-staking/src/Pools/types.ts
new file mode 100644
index 0000000..bb72f01
--- /dev/null
+++ b/packages/page-staking/src/Pools/types.ts
@@ -0,0 +1,38 @@
+// Copyright 2017-2022 @polkadot/app-staking authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { Bytes } from '@polkadot/types';
+import type { AccountId } from '@polkadot/types/interfaces';
+import type { BN } from '@polkadot/util';
+
+export interface Params {
+  maxDelegators: number;
+  maxDelegatorsPool: number;
+  maxPools: number;
+  minCreateBond?: BN;
+  minJoinBond?: BN;
+  minNominatorBond?: BN;
+}
+
+// FIXME Once available, use types from lookup
+export interface PoolInfo {
+  bonded: {
+    points: BN;
+    state: {
+      isOpen: boolean;
+    }
+    delegatorCounter: BN;
+    roles: {
+      depositor: AccountId;
+      root: AccountId;
+      nominator: AccountId;
+      stateToggler: AccountId;
+    };
+  } | null;
+  reward: {
+    balance: BN;
+    totalEarnings: BN;
+    points: BN;
+  } | null;
+  metadata: Bytes;
+}
diff --git a/packages/page-staking/src/Pools/useParams.ts b/packages/page-staking/src/Pools/useParams.ts
new file mode 100644
index 0000000..dc53161
--- /dev/null
+++ b/packages/page-staking/src/Pools/useParams.ts
@@ -0,0 +1,40 @@
+// Copyright 2017-2022 @polkadot/app-staking authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { Option, u32 } from '@polkadot/types';
+import type { BN } from '@polkadot/util';
+import type { Params } from './types';
+
+import { createNamedHook, useApi, useCallMulti } from '@polkadot/react-hooks';
+import { BN_ZERO } from '@polkadot/util';
+
+const queryOptions = {
+  defaultValue: {
+    maxDelegators: 0,
+    maxDelegatorsPool: 0,
+    maxPools: 0
+  },
+  transform: ([maxDelegators, maxDelegatorsPerPool, maxPools, minCreateBond, minJoinBond, minNominatorBond]: [Option<u32>, Option<u32>, Option<u32>, BN, BN, BN]): Params => ({
+    maxDelegators: maxDelegators.unwrapOr(BN_ZERO).toNumber(),
+    maxDelegatorsPool: maxDelegatorsPerPool.unwrapOr(BN_ZERO).toNumber(),
+    maxPools: maxPools.unwrapOr(BN_ZERO).toNumber(),
+    minCreateBond,
+    minJoinBond,
+    minNominatorBond
+  })
+};
+
+function useParamsImpl (): Params {
+  const { api } = useApi();
+
+  return useCallMulti<Params>([
+    api.query.nominationPools.maxDelegators,
+    api.query.nominationPools.maxDelegatorsPerPool,
+    api.query.nominationPools.maxPools,
+    api.query.nominationPools.minCreateBond,
+    api.query.nominationPools.minJoinBond,
+    api.query.staking.minNominatorBond
+  ], queryOptions);
+}
+
+export default createNamedHook('useParams', useParamsImpl);
diff --git a/packages/page-staking/src/Pools/usePoolIds.ts b/packages/page-staking/src/Pools/usePoolIds.ts
new file mode 100644
index 0000000..2c318ad
--- /dev/null
+++ b/packages/page-staking/src/Pools/usePoolIds.ts
@@ -0,0 +1,42 @@
+// Copyright 2017-2022 @polkadot/app-staking authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { Changes } from '@polkadot/react-hooks/useEventChanges';
+import type { StorageKey, u32 } from '@polkadot/types';
+import type { EventRecord } from '@polkadot/types/interfaces';
+
+import { createNamedHook, useApi, useEventChanges, useMapKeys } from '@polkadot/react-hooks';
+
+const keyOptions = {
+  transform: (keys: StorageKey<[u32]>[]): u32[] =>
+    keys
+      .map(({ args: [poolId] }) => poolId)
+      .sort((a, b) => a.cmp(b))
+};
+
+function filter (records: EventRecord[]): Changes<u32> {
+  const added: u32[] = [];
+  const removed: u32[] = [];
+
+  records.forEach(({ event: { data, method } }): void => {
+    if (method === 'Created') {
+      added.push(data[1] as u32);
+    } else {
+      removed.push(data[0] as u32);
+    }
+  });
+
+  return { added, removed };
+}
+
+function usePoolIdsImpl (): u32[] | undefined {
+  const { api } = useApi();
+  const startValue = useMapKeys(api.query.nominationPools.bondedPools, keyOptions);
+
+  return useEventChanges([
+    api.events.nominationPools.Created,
+    api.events.nominationPools.Destroyed
+  ], filter, startValue);
+}
+
+export default createNamedHook('usePoolIds', usePoolIdsImpl);
diff --git a/packages/page-staking/src/Pools/usePoolInfo.ts b/packages/page-staking/src/Pools/usePoolInfo.ts
new file mode 100644
index 0000000..b17b447
--- /dev/null
+++ b/packages/page-staking/src/Pools/usePoolInfo.ts
@@ -0,0 +1,29 @@
+// Copyright 2017-2022 @polkadot/app-staking authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { Option } from '@polkadot/types';
+import type { Codec } from '@polkadot/types/types';
+import type { BN } from '@polkadot/util';
+import type { PoolInfo } from './types';
+
+import { createNamedHook, useApi, useCallMulti } from '@polkadot/react-hooks';
+
+const options = {
+  transform: ([bonded, metadata, reward]: [Option<PoolInfo['bonded'] & Codec>, PoolInfo['metadata'], Option<PoolInfo['reward'] & Codec>]): PoolInfo => ({
+    bonded: bonded.unwrapOr(null),
+    metadata,
+    reward: reward.unwrapOr(null)
+  })
+};
+
+function usePoolInfoImpl (id: BN): PoolInfo {
+  const { api } = useApi();
+
+  return useCallMulti([
+    [api.query.nominationPools.bondedPools, id],
+    [api.query.nominationPools.metadata, id],
+    [api.query.nominationPools.rewardPools, id]
+  ], options);
+}
+
+export default createNamedHook('usePoolInfo', usePoolInfoImpl);
diff --git a/packages/page-staking/src/Query/ChartPoints.tsx b/packages/page-staking/src/Query/ChartPoints.tsx
new file mode 100644
index 0000000..100356c
--- /dev/null
+++ b/packages/page-staking/src/Query/ChartPoints.tsx
@@ -0,0 +1,75 @@
+// Copyright 2017-2022 @polkadot/app-staking authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { DeriveStakerPoints } from '@polkadot/api-derive/types';
+import type { ChartInfo, LineDataEntry, Props } from './types';
+
+import React, { useMemo, useRef } from 'react';
+
+import { Chart, Spinner } from '@polkadot/react-components';
+import { useApi, useCall } from '@polkadot/react-hooks';
+
+import { useTranslation } from '../translate';
+
+const COLORS_POINTS = [undefined, '#acacac'];
+
+function extractPoints (points: DeriveStakerPoints[] = []): ChartInfo {
+  const labels: string[] = [];
+  const avgSet: LineDataEntry = [];
+  const idxSet: LineDataEntry = [];
+  let avgCount = 0;
+  let total = 0;
+
+  points.forEach(({ era, points }): void => {
+    total += points.toNumber();
+    labels.push(era.toHuman());
+
+    if (points.gtn(0)) {
+      avgCount++;
+    }
+
+    avgSet.push((avgCount ? Math.ceil(total * 100 / avgCount) : 0) / 100);
+    idxSet.push(points);
+  });
+
+  return {
+    chart: [idxSet, avgSet],
+    labels
+  };
+}
+
+function ChartPoints ({ validatorId }: Props): React.ReactElement<Props> {
+  const { t } = useTranslation();
+  const { api } = useApi();
+  const params = useMemo(() => [validatorId, false], [validatorId]);
+  const stakerPoints = useCall<DeriveStakerPoints[]>(api.derive.staking.stakerPoints, params);
+
+  const { chart, labels } = useMemo(
+    () => extractPoints(stakerPoints),
+    [stakerPoints]
+  );
+
+  const legendsRef = useRef([
+    t<string>('points'),
+    t<string>('average')
+  ]);
+
+  return (
+    <div className='staking--Chart'>
+      <h1>{t<string>('era points')}</h1>
+      {labels.length
+        ? (
+          <Chart.Line
+            colors={COLORS_POINTS}
+            labels={labels}
+            legends={legendsRef.current}
+            values={chart}
+          />
+        )
+        : <Spinner />
+      }
+    </div>
+  );
+}
+
+export default React.memo(ChartPoints);
diff --git a/packages/page-staking/src/Query/ChartPrefs.tsx b/packages/page-staking/src/Query/ChartPrefs.tsx
new file mode 100644
index 0000000..fb359d5
--- /dev/null
+++ b/packages/page-staking/src/Query/ChartPrefs.tsx
@@ -0,0 +1,79 @@
+// Copyright 2017-2022 @polkadot/app-staking authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { DeriveStakerPrefs } from '@polkadot/api-derive/types';
+import type { ChartInfo, LineDataEntry, Props } from './types';
+
+import React, { useMemo, useRef } from 'react';
+
+import { Chart, Spinner } from '@polkadot/react-components';
+import { useApi, useCall } from '@polkadot/react-hooks';
+import { BN, BN_BILLION } from '@polkadot/util';
+
+import { useTranslation } from '../translate';
+
+const MULT = new BN(100 * 100);
+const COLORS_POINTS = [undefined, '#acacac'];
+
+function extractPrefs (prefs: DeriveStakerPrefs[] = []): ChartInfo {
+  const labels: string[] = [];
+  const avgSet: LineDataEntry = [];
+  const idxSet: LineDataEntry = [];
+  let avgCount = 0;
+  let total = 0;
+
+  prefs.forEach(({ era, validatorPrefs }): void => {
+    const comm = validatorPrefs.commission.unwrap().mul(MULT).div(BN_BILLION).toNumber() / 100;
+
+    total += comm;
+    labels.push(era.toHuman());
+
+    if (comm !== 0) {
+      avgCount++;
+    }
+
+    avgSet.push((avgCount ? Math.ceil(total * 100 / avgCount) : 0) / 100);
+    idxSet.push(comm);
+  });
+
+  return {
+    chart: [idxSet, avgSet],
+    labels
+  };
+}
+
+function ChartPrefs ({ validatorId }: Props): React.ReactElement<Props> {
+  const { t } = useTranslation();
+  const { api } = useApi();
+  const params = useMemo(() => [validatorId, false], [validatorId]);
+  const stakerPrefs = useCall<DeriveStakerPrefs[]>(api.derive.staking.stakerPrefs, params);
+
+  const { chart, labels } = useMemo(
+    () => extractPrefs(stakerPrefs),
+    [stakerPrefs]
+  );
+
+  const legendsRef = useRef([
+    t<string>('commission'),
+    t<string>('average')
+  ]);
+
+  return (
+    <div className='staking--Chart'>
+      <h1>{t<string>('commission')}</h1>
+      {labels.length
+        ? (
+          <Chart.Line
+            colors={COLORS_POINTS}
+            labels={labels}
+            legends={legendsRef.current}
+            values={chart}
+          />
+        )
+        : <Spinner />
+      }
+    </div>
+  );
+}
+
+export default React.memo(ChartPrefs);
diff --git a/packages/page-staking/src/Query/ChartRewards.tsx b/packages/page-staking/src/Query/ChartRewards.tsx
new file mode 100644
index 0000000..767369d
--- /dev/null
+++ b/packages/page-staking/src/Query/ChartRewards.tsx
@@ -0,0 +1,96 @@
+// Copyright 2017-2022 @polkadot/app-staking authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { DeriveEraRewards, DeriveOwnSlashes, DeriveStakerPoints } from '@polkadot/api-derive/types';
+import type { ChartInfo, LineDataEntry, Props } from './types';
+
+import React, { useMemo } from 'react';
+
+import { Chart, Spinner } from '@polkadot/react-components';
+import { useApi, useCall } from '@polkadot/react-hooks';
+import { BN, formatBalance } from '@polkadot/util';
+
+import { useTranslation } from '../translate';
+import { balanceToNumber } from './util';
+
+const COLORS_REWARD = ['#8c2200', '#008c22', '#acacac'];
+
+function extractRewards (erasRewards: DeriveEraRewards[] = [], ownSlashes: DeriveOwnSlashes[] = [], allPoints: DeriveStakerPoints[] = [], divisor: BN): ChartInfo {
+  const labels: string[] = [];
+  const slashSet: LineDataEntry = [];
+  const rewardSet: LineDataEntry = [];
+  const avgSet: LineDataEntry = [];
+  let avgCount = 0;
+  let total = 0;
+
+  erasRewards.forEach(({ era, eraReward }): void => {
+    const points = allPoints.find((points) => points.era.eq(era));
+    const slashed = ownSlashes.find((slash) => slash.era.eq(era));
+    const reward = points?.eraPoints.gtn(0)
+      ? balanceToNumber(points.points.mul(eraReward).div(points.eraPoints), divisor)
+      : 0;
+    const slash = slashed
+      ? balanceToNumber(slashed.total, divisor)
+      : 0;
+
+    total += reward;
+
+    if (reward > 0) {
+      avgCount++;
+    }
+
+    labels.push(era.toHuman());
+    rewardSet.push(reward);
+    avgSet.push((avgCount ? Math.ceil(total * 100 / avgCount) : 0) / 100);
+    slashSet.push(slash);
+  });
+
+  return {
+    chart: [slashSet, rewardSet, avgSet],
+    labels
+  };
+}
+
+function ChartRewards ({ validatorId }: Props): React.ReactElement<Props> {
+  const { t } = useTranslation();
+  const { api } = useApi();
+  const params = useMemo(() => [validatorId, false], [validatorId]);
+  const ownSlashes = useCall<DeriveOwnSlashes[]>(api.derive.staking.ownSlashes, params);
+  const erasRewards = useCall<DeriveEraRewards[]>(api.derive.staking.erasRewards);
+  const stakerPoints = useCall<DeriveStakerPoints[]>(api.derive.staking.stakerPoints, params);
+
+  const { currency, divisor } = useMemo(() => ({
+    currency: formatBalance.getDefaults().unit,
+    divisor: new BN('1'.padEnd(formatBalance.getDefaults().decimals + 1, '0'))
+  }), []);
+
+  const { chart, labels } = useMemo(
+    () => extractRewards(erasRewards, ownSlashes, stakerPoints, divisor),
+    [divisor, erasRewards, ownSlashes, stakerPoints]
+  );
+
+  const legends = useMemo(() => [
+    t<string>('{{currency}} slashed', { replace: { currency } }),
+    t<string>('{{currency}} rewards', { replace: { currency } }),
+    t<string>('{{currency}} average', { replace: { currency } })
+  ], [currency, t]);
+
+  return (
+    <div className='staking--Chart'>
+      <h1>{t<string>('rewards & slashes')}</h1>
+      {labels.length
+        ? (
+          <Chart.Line
+            colors={COLORS_REWARD}
+            labels={labels}
+            legends={legends}
+            values={chart}
+          />
+        )
+        : <Spinner />
+      }
+    </div>
+  );
+}
+
+export default React.memo(ChartRewards);
diff --git a/packages/page-staking/src/Query/ChartStake.tsx b/packages/page-staking/src/Query/ChartStake.tsx
new file mode 100644
index 0000000..f103c60
--- /dev/null
+++ b/packages/page-staking/src/Query/ChartStake.tsx
@@ -0,0 +1,89 @@
+// Copyright 2017-2022 @polkadot/app-staking authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { DeriveOwnExposure } from '@polkadot/api-derive/types';
+import type { ChartInfo, LineDataEntry, Props } from './types';
+
+import React, { useMemo } from 'react';
+
+import { Chart, Spinner } from '@polkadot/react-components';
+import { useApi, useCall } from '@polkadot/react-hooks';
+import { BN, formatBalance } from '@polkadot/util';
+
+import { useTranslation } from '../translate';
+import { balanceToNumber } from './util';
+
+const COLORS_STAKE = [undefined, '#8c2200', '#acacac'];
+
+function extractStake (exposures: DeriveOwnExposure[] = [], divisor: BN): ChartInfo {
+  const labels: string[] = [];
+  const cliSet: LineDataEntry = [];
+  const expSet: LineDataEntry = [];
+  const avgSet: LineDataEntry = [];
+  let avgCount = 0;
+  let total = 0;
+
+  exposures.forEach(({ clipped, era, exposure }): void => {
+    // Darwinia Crab doesn't have the total field
+    const cli = balanceToNumber(clipped.total?.unwrap(), divisor);
+    const exp = balanceToNumber(exposure.total?.unwrap(), divisor);
+
+    total += cli;
+
+    if (cli > 0) {
+      avgCount++;
+    }
+
+    avgSet.push((avgCount ? Math.ceil(total * 100 / avgCount) : 0) / 100);
+    labels.push(era.toHuman());
+    cliSet.push(cli);
+    expSet.push(exp);
+  });
+
+  return {
+    chart: [cliSet, expSet, avgSet],
+    labels
+  };
+}
+
+function ChartStake ({ validatorId }: Props): React.ReactElement<Props> {
+  const { t } = useTranslation();
+  const { api } = useApi();
+  const params = useMemo(() => [validatorId, false], [validatorId]);
+  const ownExposures = useCall<DeriveOwnExposure[]>(api.derive.staking.ownExposures, params);
+
+  const { currency, divisor } = useMemo((): { currency: string; divisor: BN } => ({
+    currency: formatBalance.getDefaults().unit,
+    divisor: new BN('1'.padEnd(formatBalance.getDefaults().decimals + 1, '0'))
+  }), []);
+
+  const { chart, labels } = useMemo(
+    () => extractStake(ownExposures, divisor),
+    [divisor, ownExposures]
+  );
+
+  const legends = useMemo(() => [
+    t<string>('{{currency}} clipped', { replace: { currency } }),
+    t<string>('{{currency}} total', { replace: { currency } }),
+    t<string>('{{currency}} average', { replace: { currency } })
+  ], [currency, t]);
+
+  return (
+    <div className='staking--Chart'>
+      <h1>{t<string>('elected stake')}</h1>
+      {labels.length
+        ? (
+          <Chart.Line
+            colors={COLORS_STAKE}
+            labels={labels}
+            legends={legends}
+            values={chart}
+          />
+        )
+        : <Spinner />
+      }
+    </div>
+  );
+}
+
+export default React.memo(ChartStake);
diff --git a/packages/page-staking/src/Query/Validator.tsx b/packages/page-staking/src/Query/Validator.tsx
new file mode 100644
index 0000000..973e067
--- /dev/null
+++ b/packages/page-staking/src/Query/Validator.tsx
@@ -0,0 +1,38 @@
+// Copyright 2017-2022 @polkadot/app-staking authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { Props } from './types';
+
+import React from 'react';
+import styled from 'styled-components';
+
+import { Columar } from '@polkadot/react-components';
+
+import ChartPoints from './ChartPoints';
+import ChartPrefs from './ChartPrefs';
+import ChartRewards from './ChartRewards';
+import ChartStake from './ChartStake';
+
+function Validator ({ className = '', validatorId }: Props): React.ReactElement<Props> {
+  return (
+    <Columar className={className}>
+      <Columar.Column>
+        <ChartPoints validatorId={validatorId} />
+        <ChartRewards validatorId={validatorId} />
+      </Columar.Column>
+      <Columar.Column>
+        <ChartStake validatorId={validatorId} />
+        <ChartPrefs validatorId={validatorId} />
+      </Columar.Column>
+    </Columar>
+  );
+}
+
+export default React.memo(styled(Validator)`
+  .staking--Chart {
+    background: var(--bg-table);
+    border: 1px solid var(--border-table);
+    border-radius: 0.25rem;
+    padding: 1rem 1.5rem;
+  }
+`);
diff --git a/packages/page-staking/src/Query/index.tsx b/packages/page-staking/src/Query/index.tsx
new file mode 100644
index 0000000..ab34aee
--- /dev/null
+++ b/packages/page-staking/src/Query/index.tsx
@@ -0,0 +1,53 @@
+// Copyright 2017-2022 @polkadot/app-staking authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import React, { useCallback, useState } from 'react';
+import { useParams } from 'react-router-dom';
+
+import { Button, InputAddressSimple } from '@polkadot/react-components';
+
+import { useTranslation } from '../translate';
+import Validator from './Validator';
+
+interface Props {
+  className?: string;
+}
+
+function Query ({ className }: Props): React.ReactElement<Props> {
+  const { t } = useTranslation();
+  const { value } = useParams<{ value: string }>();
+  const [validatorId, setValidatorId] = useState<string | null>(value || null);
+
+  const _onQuery = useCallback(
+    (): void => {
+      if (validatorId) {
+        window.location.hash = `/staking/query/${validatorId}`;
+      }
+    },
+    [validatorId]
+  );
+
+  return (
+    <div className={className}>
+      <InputAddressSimple
+        className='staking--queryInput'
+        defaultValue={value}
+        help={t<string>('Display overview information for the selected validator, including blocks produced.')}
+        label={t<string>('validator to query')}
+        onChange={setValidatorId}
+        onEnter={_onQuery}
+      >
+        <Button
+          icon='play'
+          isDisabled={!validatorId}
+          onClick={_onQuery}
+        />
+      </InputAddressSimple>
+      {value && (
+        <Validator validatorId={value} />
+      )}
+    </div>
+  );
+}
+
+export default React.memo(Query);
diff --git a/packages/page-staking/src/Query/types.ts b/packages/page-staking/src/Query/types.ts
new file mode 100644
index 0000000..d45c26b
--- /dev/null
+++ b/packages/page-staking/src/Query/types.ts
@@ -0,0 +1,18 @@
+// Copyright 2017-2022 @polkadot/app-staking authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { BN } from '@polkadot/util';
+
+export interface Props {
+  className?: string;
+  validatorId: string;
+}
+
+export type LineDataEntry = (BN | number)[];
+
+export type LineData = LineDataEntry[];
+
+export interface ChartInfo {
+  chart: LineData;
+  labels: string[];
+}
diff --git a/packages/page-staking/src/Query/useBlockCounts.tsx b/packages/page-staking/src/Query/useBlockCounts.tsx
new file mode 100644
index 0000000..cb8a3dd
--- /dev/null
+++ b/packages/page-staking/src/Query/useBlockCounts.tsx
@@ -0,0 +1,44 @@
+// Copyright 2017-2022 @polkadot/app-staking authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { DeriveSessionIndexes } from '@polkadot/api-derive/types';
+import type { u32 } from '@polkadot/types';
+import type { SessionRewards } from '../types';
+
+import { useEffect, useState } from 'react';
+
+import { createNamedHook, useApi, useCall, useIsMountedRef } from '@polkadot/react-hooks';
+import { BN_ONE, BN_ZERO, isFunction } from '@polkadot/util';
+
+function useBlockCountsImpl (accountId: string, sessionRewards: SessionRewards[]): u32[] {
+  const { api } = useApi();
+  const mountedRef = useIsMountedRef();
+  const indexes = useCall<DeriveSessionIndexes>(api.derive.session?.indexes);
+  const current = useCall<u32>(api.query.imOnline?.authoredBlocks, [indexes?.currentIndex, accountId]);
+  const [counts, setCounts] = useState<u32[]>([]);
+  const [historic, setHistoric] = useState<u32[]>([]);
+
+  useEffect((): void => {
+    if (isFunction(api.query.imOnline?.authoredBlocks) && sessionRewards && sessionRewards.length) {
+      const filtered = sessionRewards.filter(({ sessionIndex }): boolean => sessionIndex.gt(BN_ZERO));
+
+      if (filtered.length) {
+        Promise
+          .all(filtered.map(({ parentHash, sessionIndex }): Promise<u32> =>
+            api.query.imOnline.authoredBlocks.at(parentHash, sessionIndex.sub(BN_ONE), accountId)
+          ))
+          .then((historic): void => {
+            mountedRef.current && setHistoric(historic);
+          }).catch(console.error);
+      }
+    }
+  }, [accountId, api, mountedRef, sessionRewards]);
+
+  useEffect((): void => {
+    setCounts([...historic, current || api.createType('u32')].slice(1));
+  }, [api, current, historic]);
+
+  return counts;
+}
+
+export default createNamedHook('useBlockCounts', useBlockCountsImpl);
diff --git a/packages/page-staking/src/Query/util.ts b/packages/page-staking/src/Query/util.ts
new file mode 100644
index 0000000..f6c38ce
--- /dev/null
+++ b/packages/page-staking/src/Query/util.ts
@@ -0,0 +1,20 @@
+// Copyright 2017-2022 @polkadot/app-staking authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { BN } from '@polkadot/util';
+
+import { BN_THOUSAND, BN_ZERO, isBn, isFunction } from '@polkadot/util';
+
+interface ToBN {
+  toBn: () => BN;
+}
+
+export function balanceToNumber (amount: BN | ToBN = BN_ZERO, divisor: BN): number {
+  const value = isBn(amount)
+    ? amount
+    : isFunction(amount.toBn)
+      ? amount.toBn()
+      : BN_ZERO;
+
+  return value.mul(BN_THOUSAND).div(divisor).toNumber() / 1000;
+}
diff --git a/packages/page-staking/src/Slashes/Era.tsx b/packages/page-staking/src/Slashes/Era.tsx
new file mode 100644
index 0000000..d9b6f40
--- /dev/null
+++ b/packages/page-staking/src/Slashes/Era.tsx
@@ -0,0 +1,134 @@
+// Copyright 2017-2022 @polkadot/app-staking authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { SubmittableExtrinsic } from '@polkadot/api/types';
+import type { SlashEra } from './types';
+
+import React, { useCallback, useRef, useState } from 'react';
+
+import { Button, Table, TxButton } from '@polkadot/react-components';
+import { useApi, useCollectiveInstance } from '@polkadot/react-hooks';
+import { isFunction } from '@polkadot/util';
+
+import { useTranslation } from '../translate';
+import Row from './Row';
+import Summary from './Summary';
+
+interface Props {
+  buttons: React.ReactNode;
+  councilId: string | null;
+  councilThreshold: number;
+  slash: SlashEra;
+}
+
+interface Proposal {
+  length: number;
+  proposal: SubmittableExtrinsic<'promise'>
+}
+
+interface Selected {
+  selected: number[];
+  txAll: Proposal | null;
+  txSome: Proposal | null;
+}
+
+function Slashes ({ buttons, councilId, councilThreshold, slash }: Props): React.ReactElement<Props> | null {
+  const { t } = useTranslation();
+  const { api } = useApi();
+  const councilMod = useCollectiveInstance('council');
+  const [{ selected, txAll, txSome }, setSelected] = useState<Selected>((): Selected => {
+    const proposal = api.tx.staking.cancelDeferredSlash(slash.era, slash.slashes.map((_, index) => index));
+
+    return {
+      selected: [],
+      txAll: councilMod
+        ? { length: proposal.encodedLength, proposal }
+        : null,
+      txSome: null
+    };
+  });
+
+  const headerRef = useRef<[string?, string?, number?][]>([
+    [t('era {{era}}/unapplied', { replace: { era: slash.era.toString() } }), 'start', 3],
+    [t('reporters'), 'address'],
+    [t('own')],
+    [t('other')],
+    [t('total')],
+    [t('payout')],
+    []
+  ]);
+
+  const _onSelect = useCallback(
+    (index: number) => setSelected((state): Selected => {
+      const selected = state.selected.includes(index)
+        ? state.selected.filter((i) => i !== index)
+        : state.selected.concat(index).sort((a, b) => a - b);
+      const proposal = selected.length
+        ? api.tx.staking.cancelDeferredSlash(slash.era, selected)
+        : null;
+
+      return {
+        selected,
+        txAll: state.txAll,
+        txSome: proposal && councilMod && isFunction(api.tx[councilMod].propose)
+          ? { length: proposal.encodedLength, proposal }
+          : null
+      };
+    }),
+    [api, councilMod, slash]
+  );
+
+  return (
+    <>
+      <Summary slash={slash} />
+      <Button.Group>
+        {buttons}
+        {councilMod && (
+          <>
+            <TxButton
+              accountId={councilId}
+              isDisabled={!txSome}
+              isToplevel
+              label={t('Cancel selected')}
+              params={txSome && (
+                api.tx[councilMod].propose.meta.args.length === 3
+                  ? [councilThreshold, txSome.proposal, txSome.length]
+                  : [councilThreshold, txSome.proposal]
+              )}
+              tx={api.tx[councilMod].propose}
+            />
+            <TxButton
+              accountId={councilId}
+              isDisabled={!txAll}
+              isToplevel
+              label={t('Cancel all')}
+              params={txAll && (
+                api.tx[councilMod].propose.meta.args.length === 3
+                  ? [councilThreshold, txAll.proposal, txAll.length]
+                  : [councilThreshold, txAll.proposal]
+              )}
+              tx={api.tx[councilMod].propose}
+            />
+          </>
+        )}
+      </Button.Group>
+      <Table header={headerRef.current}>
+        {slash.slashes.map((slash, index): React.ReactNode => (
+          <Row
+            index={index}
+            isSelected={selected.includes(index)}
+            key={index}
+            onSelect={
+              councilId
+                ? _onSelect
+                : undefined
+            }
+            slash={slash}
+          />
+        ))}
+      </Table>
+    </>
+  );
+}
+
+export default React.memo(Slashes);
diff --git a/packages/page-staking/src/Slashes/Row.tsx b/packages/page-staking/src/Slashes/Row.tsx
new file mode 100644
index 0000000..480a136
--- /dev/null
+++ b/packages/page-staking/src/Slashes/Row.tsx
@@ -0,0 +1,87 @@
+// Copyright 2017-2022 @polkadot/app-staking authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { Slash } from './types';
+
+import React, { useCallback } from 'react';
+
+import { AddressMini, AddressSmall, Badge, Checkbox, Expander } from '@polkadot/react-components';
+import { FormatBalance } from '@polkadot/react-query';
+import { formatNumber } from '@polkadot/util';
+
+import { useTranslation } from '../translate';
+
+interface Props {
+  index: number;
+  isSelected: boolean;
+  onSelect?: (index: number) => void;
+  slash: Slash;
+}
+
+function Row ({ index, isSelected, onSelect, slash: { isMine, slash: { others, own, payout, reporters, validator }, total, totalOther } }: Props): React.ReactElement<Props> {
+  const { t } = useTranslation();
+
+  const _onSelect = useCallback(
+    () => onSelect && onSelect(index),
+    [index, onSelect]
+  );
+
+  return (
+    <tr>
+      <td className='badge'>
+        {isMine && (
+          <Badge
+            color='red'
+            icon='skull-crossbones'
+          />
+        )}
+      </td>
+      <td className='address'>
+        <AddressSmall value={validator} />
+      </td>
+      <td className='expand all'>
+        {!!others.length && (
+          <Expander summary={t<string>('Nominators ({{count}})', { replace: { count: formatNumber(others.length) } })}>
+            {others.map(([accountId, balance], index): React.ReactNode => (
+              <AddressMini
+                balance={balance}
+                key={index}
+                value={accountId}
+                withBalance
+              />
+            ))}
+          </Expander>
+        )}
+      </td>
+      <td className='address'>
+        {reporters.map((reporter, index): React.ReactNode => (
+          <AddressMini
+            key={index}
+            value={reporter}
+          />
+        ))}
+      </td>
+      <td className='number together'>
+        <FormatBalance value={own} />
+      </td>
+      <td className='number together'>
+        <FormatBalance value={totalOther} />
+      </td>
+      <td className='number together'>
+        <FormatBalance value={total} />
+      </td>
+      <td className='number together'>
+        <FormatBalance value={payout} />
+      </td>
+      <td>
+        <Checkbox
+          isDisabled={!onSelect}
+          onChange={_onSelect}
+          value={isSelected}
+        />
+      </td>
+    </tr>
+  );
+}
+
+export default React.memo(Row);
diff --git a/packages/page-staking/src/Slashes/Summary.tsx b/packages/page-staking/src/Slashes/Summary.tsx
new file mode 100644
index 0000000..e276c95
--- /dev/null
+++ b/packages/page-staking/src/Slashes/Summary.tsx
@@ -0,0 +1,65 @@
+// Copyright 2017-2022 @polkadot/app-staking authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { DeriveSessionProgress } from '@polkadot/api-derive/types';
+import type { SlashEra } from './types';
+
+import React, { useMemo } from 'react';
+
+import { CardSummary, SummaryBox } from '@polkadot/react-components';
+import { useApi, useCall } from '@polkadot/react-hooks';
+import { FormatBalance } from '@polkadot/react-query';
+import { BN, BN_ONE, formatNumber } from '@polkadot/util';
+
+import { useTranslation } from '../translate';
+
+interface Props {
+  slash: SlashEra;
+}
+
+function Summary ({ slash: { era, nominators, reporters, total, validators } }: Props): React.ReactElement<Props> | null {
+  const { t } = useTranslation();
+  const { api } = useApi();
+  const sessionInfo = useCall<DeriveSessionProgress>(api.derive.session?.progress);
+
+  const [blockProgress, blockEnd] = useMemo(
+    () => sessionInfo
+      ? [
+        sessionInfo.activeEra.sub(era).isub(BN_ONE).imul(sessionInfo.eraLength).iadd(sessionInfo.eraProgress),
+        api.consts.staking.slashDeferDuration.mul(sessionInfo.eraLength)
+      ]
+      : [new BN(0), new BN(0)],
+    [api, era, sessionInfo]
+  );
+
+  return (
+    <SummaryBox>
+      <section>
+        <CardSummary label={t<string>('validators')}>
+          {formatNumber(validators.length)}
+        </CardSummary>
+        <CardSummary label={t<string>('nominators')}>
+          {formatNumber(nominators.length)}
+        </CardSummary>
+        <CardSummary label={t<string>('reporters')}>
+          {formatNumber(reporters.length)}
+        </CardSummary>
+      </section>
+      {blockProgress.gtn(0) && (
+        <CardSummary
+          label={t<string>('defer')}
+          progress={{
+            total: blockEnd,
+            value: blockProgress,
+            withTime: true
+          }}
+        />
+      )}
+      <CardSummary label={t<string>('total')}>
+        <FormatBalance value={total} />
+      </CardSummary>
+    </SummaryBox>
+  );
+}
+
+export default React.memo(Summary);
diff --git a/packages/page-staking/src/Slashes/index.tsx b/packages/page-staking/src/Slashes/index.tsx
new file mode 100644
index 0000000..b5bdd18
--- /dev/null
+++ b/packages/page-staking/src/Slashes/index.tsx
@@ -0,0 +1,141 @@
+// Copyright 2017-2022 @polkadot/app-staking authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { StakerState } from '@polkadot/react-hooks/types';
+import type { UnappliedSlash } from '@polkadot/types/interfaces';
+import type { Slash, SlashEra } from './types';
+
+import React, { useMemo, useState } from 'react';
+
+import { getSlashProposalThreshold } from '@polkadot/apps-config';
+import { Table, ToggleGroup } from '@polkadot/react-components';
+import { useAccounts, useApi, useCollectiveMembers } from '@polkadot/react-hooks';
+import { BN, formatNumber } from '@polkadot/util';
+
+import { useTranslation } from '../translate';
+import Era from './Era';
+
+interface Props {
+  ownStashes?: StakerState[];
+  slashes: [BN, UnappliedSlash[]][];
+}
+
+function calcSlashEras (slashes: [BN, UnappliedSlash[]][], ownStashes: StakerState[]): SlashEra[] {
+  const slashEras: SlashEra[] = [];
+
+  slashes
+    .reduce((rows: Slash[], [era, slashes]): Slash[] => {
+      return slashes.reduce((rows: Slash[], slash): Slash[] => {
+        const totalOther = slash.others.reduce((total: BN, [, value]): BN => {
+          return total.add(value);
+        }, new BN(0));
+
+        const isMine = ownStashes.some(({ stashId }): boolean => {
+          return slash.validator.eq(stashId) || slash.others.some(([nominatorId]) => nominatorId.eq(stashId));
+        });
+
+        rows.push({ era, isMine, slash, total: slash.own.add(totalOther), totalOther });
+
+        return rows;
+      }, rows);
+    }, [])
+    .forEach((slash): void => {
+      let slashEra = slashEras.find(({ era }) => era.eq(slash.era));
+
+      if (!slashEra) {
+        slashEra = {
+          era: slash.era,
+          nominators: [],
+          payout: new BN(0),
+          reporters: [],
+          slashes: [],
+          total: new BN(0),
+          validators: []
+        };
+        slashEras.push(slashEra);
+      }
+
+      slashEra.payout.iadd(slash.slash.payout);
+      slashEra.total.iadd(slash.total);
+      slashEra.slashes.push(slash);
+
+      const validatorId = slash.slash.validator.toString();
+
+      if (!slashEra.validators.includes(validatorId)) {
+        slashEra.validators.push(validatorId);
+      }
+
+      slash.slash.others.forEach(([accountId]): void => {
+        const nominatorId = accountId.toString();
+
+        if (slashEra && !slashEra.nominators.includes(nominatorId)) {
+          slashEra.nominators.push(nominatorId);
+        }
+      });
+
+      slash.slash.reporters.forEach((accountId): void => {
+        const reporterId = accountId.toString();
+
+        if (slashEra && !slashEra.reporters.includes(reporterId)) {
+          slashEra.reporters.push(reporterId);
+        }
+      });
+    });
+
+  return slashEras.sort((a, b) => b.era.cmp(a.era));
+}
+
+function Slashes ({ ownStashes = [], slashes }: Props): React.ReactElement<Props> | null {
+  const { t } = useTranslation();
+  const { api } = useApi();
+  const { allAccounts } = useAccounts();
+  const { members } = useCollectiveMembers('council');
+  const [selectedIndex, setSelectedIndex] = useState(0);
+
+  const rows = useMemo(
+    () => calcSlashEras(slashes, ownStashes),
+    [ownStashes, slashes]
+  );
+
+  const eraOpts = useMemo(
+    () => rows.map(({ era }) => ({
+      text: t<string>('era {{era}}', { replace: { era: formatNumber(era) } }),
+      value: era.toString()
+    })),
+    [rows, t]
+  );
+
+  const councilId = useMemo(
+    () => allAccounts.find((accountId) => members.includes(accountId)) || null,
+    [allAccounts, members]
+  );
+
+  if (!rows.length) {
+    return (
+      <Table
+        empty={t<string>('There are no unapplied/pending slashes')}
+        header={[[t('unapplied'), 'start']]}
+      />
+    );
+  }
+
+  const councilThreshold = Math.ceil((members.length || 0) * getSlashProposalThreshold(api));
+
+  return (
+    <Era
+      buttons={
+        <ToggleGroup
+          onChange={setSelectedIndex}
+          options={eraOpts}
+          value={selectedIndex}
+        />
+      }
+      councilId={councilId}
+      councilThreshold={councilThreshold}
+      key={rows[selectedIndex].era.toString()}
+      slash={rows[selectedIndex]}
+    />
+  );
+}
+
+export default React.memo(Slashes);
diff --git a/packages/page-staking/src/Slashes/types.ts b/packages/page-staking/src/Slashes/types.ts
new file mode 100644
index 0000000..0962a57
--- /dev/null
+++ b/packages/page-staking/src/Slashes/types.ts
@@ -0,0 +1,23 @@
+// Copyright 2017-2022 @polkadot/app-staking authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { UnappliedSlash } from '@polkadot/types/interfaces';
+import type { BN } from '@polkadot/util';
+
+export interface Slash {
+  era: BN;
+  isMine: boolean;
+  slash: UnappliedSlash;
+  total: BN;
+  totalOther: BN;
+}
+
+export interface SlashEra {
+  era: BN;
+  nominators: string[];
+  payout: BN;
+  reporters: string[];
+  slashes: Slash[];
+  validators: string[];
+  total: BN;
+}
diff --git a/packages/page-staking/src/Targets/Nominate.tsx b/packages/page-staking/src/Targets/Nominate.tsx
new file mode 100644
index 0000000..32a36f0
--- /dev/null
+++ b/packages/page-staking/src/Targets/Nominate.tsx
@@ -0,0 +1,126 @@
+// Copyright 2017-2022 @polkadot/app-staking authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { StakerState } from '@polkadot/react-hooks/types';
+
+import React, { useCallback, useMemo, useState } from 'react';
+import styled from 'styled-components';
+
+import { AddressMini, Button, InputAddress, Modal, Static, TxButton } from '@polkadot/react-components';
+import { useApi, useToggle } from '@polkadot/react-hooks';
+
+import { useTranslation } from '../translate';
+
+interface Props {
+  className?: string;
+  isDisabled: boolean;
+  ownNominators?: StakerState[];
+  targets: string[];
+}
+
+interface IdState {
+  controllerId?: string | null;
+  stashId: string;
+}
+
+function Nominate ({ className = '', isDisabled, ownNominators, targets }: Props): React.ReactElement<Props> {
+  const { t } = useTranslation();
+  const { api } = useApi();
+  const [ids, setIds] = useState<IdState | null>(null);
+  const [isOpen, toggleOpen] = useToggle();
+
+  const stashes = useMemo(
+    () => (ownNominators || []).map(({ stashId }) => stashId),
+    [ownNominators]
+  );
+
+  const _onChangeStash = useCallback(
+    (accountId?: string | null): void => {
+      const acc = ownNominators && ownNominators.find(({ stashId }) => stashId === accountId);
+
+      setIds(
+        acc
+          ? { controllerId: acc.controllerId, stashId: acc.stashId }
+          : null
+      );
+    },
+    [ownNominators]
+  );
+
+  return (
+    <>
+      <Button
+        icon='hand-paper'
+        isDisabled={isDisabled || !stashes.length || !targets.length}
+        label={t<string>('Nominate selected')}
+        onClick={toggleOpen}
+      />
+      {isOpen && (
+        <Modal
+          className={className}
+          header={t<string>('Nominate validators')}
+          onClose={toggleOpen}
+          size='large'
+        >
+          <Modal.Content>
+            <Modal.Columns hint={t<string>('One of your available nomination accounts, keyed by the stash. The transaction will be sent from the controller.')}>
+              <InputAddress
+                filter={stashes}
+                help={t<string>('Your stash account. The transaction will be sent from the associated controller.')}
+                label={t<string>('the stash account to nominate with')}
+                onChange={_onChangeStash}
+                value={ids?.stashId}
+              />
+              <InputAddress
+                isDisabled
+                label={t<string>('the associated controller')}
+                value={ids?.controllerId}
+              />
+            </Modal.Columns>
+            <Modal.Columns
+              hint={
+                <>
+                  <p>{t<string>('The selected validators to nominate, either via the "currently best algorithm" or via a manual selection.')}</p>
+                  <p>{t<string>('Once transmitted the new selection will only take effect in 2 eras since the selection criteria for the next era was done at the end of the previous era. Until then, the nominations will show as inactive.')}</p>
+                </>
+              }
+            >
+              <Static
+                label={t<string>('selected validators')}
+                value={
+                  targets.map((validatorId) => (
+                    <AddressMini
+                      className='addressStatic'
+                      key={validatorId}
+                      value={validatorId}
+                    />
+                  ))
+                }
+              />
+            </Modal.Columns>
+          </Modal.Content>
+          <Modal.Actions>
+            <TxButton
+              accountId={ids?.controllerId}
+              label={t<string>('Nominate')}
+              onStart={toggleOpen}
+              params={[targets]}
+              tx={api.tx.staking.nominate}
+            />
+          </Modal.Actions>
+        </Modal>
+      )}
+    </>
+  );
+}
+
+export default React.memo(styled(Nominate)`
+  .ui--AddressMini.padded.addressStatic {
+    padding-top: 0.5rem;
+
+    .ui--AddressMini-info {
+      min-width: 10rem;
+      max-width: 10rem;
+    }
+  }
+`);
diff --git a/packages/page-staking/src/Targets/Summary.tsx b/packages/page-staking/src/Targets/Summary.tsx
new file mode 100644
index 0000000..d450396
--- /dev/null
+++ b/packages/page-staking/src/Targets/Summary.tsx
@@ -0,0 +1,147 @@
+// Copyright 2017-2022 @polkadot/app-staking authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { DeriveSessionIndexes } from '@polkadot/api-derive/types';
+import type { Option } from '@polkadot/types';
+import type { Balance } from '@polkadot/types/interfaces';
+import type { BN } from '@polkadot/util';
+
+import React, { useMemo } from 'react';
+
+import { CardSummary, SummaryBox } from '@polkadot/react-components';
+import { useApi, useCall } from '@polkadot/react-hooks';
+import { FormatBalance } from '@polkadot/react-query';
+import { BN_ONE, BN_ZERO } from '@polkadot/util';
+
+import { useTranslation } from '../translate';
+
+interface Props {
+  avgStaked?: BN;
+  lowStaked?: BN;
+  minNominated?: BN;
+  minNominatorBond?: BN;
+  numNominators?: number;
+  numValidators?: number;
+  stakedReturn: number;
+  totalIssuance?: BN;
+  totalStaked?: BN;
+}
+
+const transformReward = {
+  transform: (optBalance: Option<Balance>) => optBalance.unwrapOrDefault()
+};
+
+const transformEra = {
+  transform: ({ activeEra }: DeriveSessionIndexes) => activeEra.gt(BN_ZERO) ? activeEra.sub(BN_ONE) : undefined
+};
+
+function Summary ({ avgStaked, lowStaked, minNominated, minNominatorBond, stakedReturn, totalIssuance, totalStaked }: Props): React.ReactElement<Props> {
+  const { t } = useTranslation();
+  const { api } = useApi();
+  const lastEra = useCall<BN | undefined>(api.derive.session.indexes, undefined, transformEra);
+  const lastReward = useCall<BN>(lastEra && api.query.staking.erasValidatorReward, [lastEra], transformReward);
+
+  const progressStake = useMemo(
+    () => totalIssuance && totalStaked && totalStaked.gtn(0)
+      ? {
+        hideValue: true,
+        total: totalIssuance,
+        value: totalStaked
+      }
+      : undefined,
+    [totalIssuance, totalStaked]
+  );
+
+  const progressAvg = useMemo(
+    () => avgStaked && lowStaked && avgStaked.gtn(0)
+      ? {
+        hideValue: true,
+        total: avgStaked,
+        value: lowStaked
+      }
+      : undefined,
+    [avgStaked, lowStaked]
+  );
+
+  return (
+    <SummaryBox>
+      <section className='media--800'>
+        {totalIssuance && totalStaked?.gt(BN_ZERO) && (
+          <CardSummary
+            label={t<string>('total staked')}
+            progress={progressStake}
+          >
+            <FormatBalance
+              value={totalStaked}
+              withSi
+            />
+          </CardSummary>
+        )}
+      </section>
+      <section className='media--800'>
+        {totalIssuance && (stakedReturn > 0) && Number.isFinite(stakedReturn) && (
+          <CardSummary label={t<string>('returns')}>
+            {stakedReturn.toFixed(1)}%
+          </CardSummary>
+        )}
+      </section>
+      <section className='media--1000'>
+        {avgStaked?.gtn(0) && lowStaked?.gtn(0) && (
+          <CardSummary
+            label={`${t<string>('lowest / avg staked')}`}
+            progress={progressAvg}
+          >
+            <FormatBalance
+              value={lowStaked}
+              withCurrency={false}
+              withSi
+            />
+            &nbsp;/&nbsp;
+            <FormatBalance
+              value={avgStaked}
+              withSi
+            />
+          </CardSummary>
+        )}
+      </section>
+      <section className='media--1600'>
+        {minNominated?.gt(BN_ZERO) && (
+          <CardSummary
+            className='media--1600'
+            label={
+              minNominatorBond
+                ? t<string>('min nominated / threshold')
+                : t<string>('min nominated')}
+          >
+            <FormatBalance
+              value={minNominated}
+              withCurrency={!minNominatorBond}
+              withSi
+            />
+            {minNominatorBond && (
+              <>
+                &nbsp;/&nbsp;
+                <FormatBalance
+                  value={minNominatorBond}
+                  withSi
+                />
+              </>
+            )}
+          </CardSummary>
+        )}
+      </section>
+      <section>
+        {lastReward?.gtn(0) && (
+          <CardSummary label={t<string>('last reward')}>
+            <FormatBalance
+              value={lastReward}
+              withSi
+            />
+          </CardSummary>
+        )}
+      </section>
+    </SummaryBox>
+  );
+}
+
+export default React.memo(Summary);
diff --git a/packages/page-staking/src/Targets/Validator.tsx b/packages/page-staking/src/Targets/Validator.tsx
new file mode 100644
index 0000000..d6b17e1
--- /dev/null
+++ b/packages/page-staking/src/Targets/Validator.tsx
@@ -0,0 +1,158 @@
+// Copyright 2017-2022 @polkadot/app-staking authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { UnappliedSlash } from '@polkadot/types/interfaces';
+import type { BN } from '@polkadot/util';
+import type { NominatedBy, ValidatorInfo } from '../types';
+
+import React, { useCallback, useMemo } from 'react';
+
+import { AddressSmall, Badge, Checkbox, Icon } from '@polkadot/react-components';
+import { checkVisibility } from '@polkadot/react-components/util';
+import { useApi, useBlockTime, useDeriveAccountInfo } from '@polkadot/react-hooks';
+import { FormatBalance } from '@polkadot/react-query';
+import { formatNumber } from '@polkadot/util';
+
+import MaxBadge from '../MaxBadge';
+import Favorite from '../Overview/Address/Favorite';
+import { useTranslation } from '../translate';
+
+interface Props {
+  allSlashes?: [BN, UnappliedSlash[]][];
+  canSelect: boolean;
+  filterName: string;
+  info: ValidatorInfo;
+  isNominated: boolean;
+  isSelected: boolean;
+  nominatedBy?: NominatedBy[];
+  toggleFavorite: (accountId: string) => void;
+  toggleSelected: (accountId: string) => void;
+}
+
+function queryAddress (address: string): void {
+  window.location.hash = `/staking/query/${address}`;
+}
+
+function Validator ({ allSlashes, canSelect, filterName, info, isNominated, isSelected, nominatedBy = [], toggleFavorite, toggleSelected }: Props): React.ReactElement<Props> | null {
+  const { t } = useTranslation();
+  const { api } = useApi();
+  const accountInfo = useDeriveAccountInfo(info.accountId);
+  const [,, time] = useBlockTime(info.lastPayout);
+
+  const isVisible = useMemo(
+    () => accountInfo
+      ? checkVisibility(api, info.key, accountInfo, filterName)
+      : true,
+    [accountInfo, api, filterName, info]
+  );
+
+  const slashes = useMemo(
+    () => (allSlashes || [])
+      .map(([era, all]) => ({ era, slashes: all.filter(({ validator }) => validator.eq(info.accountId)) }))
+      .filter(({ slashes }) => slashes.length),
+    [allSlashes, info]
+  );
+
+  const _onQueryStats = useCallback(
+    () => queryAddress(info.key),
+    [info.key]
+  );
+
+  const _toggleSelected = useCallback(
+    () => toggleSelected(info.key),
+    [info.key, toggleSelected]
+  );
+
+  if (!isVisible) {
+    return null;
+  }
+
+  const { accountId, bondOther, bondOwn, bondTotal, commissionPer, isBlocking, isElected, isFavorite, key, lastPayout, numNominators, rankOverall, stakedReturnCmp } = info;
+
+  return (
+    <tr>
+      <td className='badge together'>
+        <Favorite
+          address={key}
+          isFavorite={isFavorite}
+          toggleFavorite={toggleFavorite}
+        />
+        {isNominated
+          ? (
+            <Badge
+              color='green'
+              icon='hand-paper'
+            />
+          )
+          : <Badge color='transparent' />
+        }
+        {isElected
+          ? (
+            <Badge
+              color='blue'
+              icon='chevron-right'
+            />
+          )
+          : <Badge color='transparent' />
+        }
+        <MaxBadge numNominators={numNominators || nominatedBy.length} />
+        {isBlocking && (
+          <Badge
+            color='red'
+            icon='user-slash'
+          />
+        )}
+        {slashes.length !== 0 && (
+          <Badge
+            color='red'
+            hover={t<string>('Slashed in era {{eras}}', {
+              replace: {
+                eras: slashes.map(({ era }) => formatNumber(era)).join(', ')
+              }
+            })}
+            icon='skull-crossbones'
+          />
+        )}
+      </td>
+      <td className='number'>{formatNumber(rankOverall)}</td>
+      <td className='address all'>
+        <AddressSmall value={accountId} />
+      </td>
+      <td className='number media--1400'>
+        {lastPayout && (
+          api.consts.babe
+            ? time.days
+              ? time.days === 1
+                ? t('yesterday')
+                : t('{{days}} days', { replace: { days: time.days } })
+              : t('recently')
+            : formatNumber(lastPayout)
+        )}
+      </td>
+      <td className='number media--1200 no-pad-right'>{numNominators || ''}</td>
+      <td className='number media--1200 no-pad-left'>{nominatedBy.length || ''}</td>
+      <td className='number media--1100'>{commissionPer.toFixed(2)}%</td>
+      <td className='number together'>{!bondTotal.isZero() && <FormatBalance value={bondTotal} />}</td>
+      <td className='number together media--900'>{!bondOwn.isZero() && <FormatBalance value={bondOwn} />}</td>
+      <td className='number together media--1600'>{!bondOther.isZero() && <FormatBalance value={bondOther} />}</td>
+      <td className='number together'>{(stakedReturnCmp > 0) && <>{stakedReturnCmp.toFixed(2)}%</>}</td>
+      <td>
+        {!isBlocking && (canSelect || isSelected) && (
+          <Checkbox
+            onChange={_toggleSelected}
+            value={isSelected}
+          />
+        )}
+      </td>
+      <td>
+        <Icon
+          className='staking--stats highlight--color'
+          icon='chart-line'
+          onClick={_onQueryStats}
+        />
+      </td>
+    </tr>
+  );
+}
+
+export default React.memo(Validator);
diff --git a/packages/page-staking/src/Targets/index.tsx b/packages/page-staking/src/Targets/index.tsx
new file mode 100644
index 0000000..56a43f2
--- /dev/null
+++ b/packages/page-staking/src/Targets/index.tsx
@@ -0,0 +1,432 @@
+// Copyright 2017-2022 @polkadot/app-staking authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { DeriveHasIdentity, DeriveStakingOverview } from '@polkadot/api-derive/types';
+import type { StakerState } from '@polkadot/react-hooks/types';
+import type { u32 } from '@polkadot/types-codec';
+import type { BN } from '@polkadot/util';
+import type { NominatedByMap, SortedTargets, TargetSortBy, ValidatorInfo } from '../types';
+
+import React, { useCallback, useEffect, useMemo, useRef, useState } from 'react';
+import styled from 'styled-components';
+
+import { Button, Icon, Table, Toggle } from '@polkadot/react-components';
+import { useApi, useAvailableSlashes, useBlocksPerDays, useSavedFlags } from '@polkadot/react-hooks';
+import { BN_HUNDRED } from '@polkadot/util';
+
+import { MAX_NOMINATIONS } from '../constants';
+import ElectionBanner from '../ElectionBanner';
+import Filtering from '../Filtering';
+import Legend from '../Legend';
+import { useTranslation } from '../translate';
+import useIdentities from '../useIdentities';
+import Nominate from './Nominate';
+import Summary from './Summary';
+import useOwnNominators from './useOwnNominators';
+import Validator from './Validator';
+
+interface Props {
+  className?: string;
+  isInElection: boolean;
+  nominatedBy?: NominatedByMap;
+  ownStashes?: StakerState[];
+  stakingOverview?: DeriveStakingOverview;
+  targets: SortedTargets;
+  toggleFavorite: (address: string) => void;
+  toggleLedger: () => void;
+  toggleNominatedBy: () => void;
+}
+
+interface SavedFlags {
+  withElected: boolean;
+  withGroup: boolean;
+  withIdentity: boolean;
+  withPayout: boolean;
+  withoutComm: boolean;
+  withoutOver: boolean;
+}
+
+interface Flags extends SavedFlags {
+  daysPayout: BN;
+  isBabe: boolean;
+  maxPaid: BN | undefined;
+}
+
+interface SortState {
+  sortBy: TargetSortBy;
+  sortFromMax: boolean;
+}
+
+const CLASSES: Record<string, string> = {
+  rankBondOther: 'media--1600',
+  rankBondOwn: 'media--900'
+};
+const MAX_CAP_PERCENT = 100; // 75 if only using numNominators
+const MAX_COMM_PERCENT = 20; // -1 for median
+const MAX_DAYS = 7;
+const SORT_KEYS = ['rankBondTotal', 'rankBondOwn', 'rankBondOther', 'rankOverall'];
+
+function overlapsDisplay (displays: (string[])[], test: string[]): boolean {
+  return displays.some((d) =>
+    d.length === test.length
+      ? d.length === 1
+        ? d[0] === test[0]
+        : d.reduce((c, p, i) => c + (p === test[i] ? 1 : 0), 0) >= (test.length - 1)
+      : false
+  );
+}
+
+function applyFilter (validators: ValidatorInfo[], medianComm: number, allIdentity: Record<string, DeriveHasIdentity>, { daysPayout, isBabe, maxPaid, withElected, withGroup, withIdentity, withPayout, withoutComm, withoutOver }: Flags, nominatedBy?: NominatedByMap): ValidatorInfo[] {
+  const displays: (string[])[] = [];
+  const parentIds: string[] = [];
+
+  return validators.filter(({ accountId, commissionPer, isElected, isFavorite, lastPayout, numNominators }): boolean => {
+    if (isFavorite) {
+      return true;
+    }
+
+    const stashId = accountId.toString();
+    const thisIdentity = allIdentity[stashId];
+    const nomCount = numNominators || nominatedBy?.[stashId]?.length || 0;
+
+    if (
+      (!withElected || isElected) &&
+      (!withIdentity || !!thisIdentity?.hasIdentity) &&
+      (!withPayout || !isBabe || (!!lastPayout && daysPayout.gte(lastPayout))) &&
+      (!withoutComm || (
+        MAX_COMM_PERCENT > 0
+          ? (commissionPer < MAX_COMM_PERCENT)
+          : (!medianComm || (commissionPer <= medianComm)))
+      ) &&
+      (!withoutOver || !maxPaid || maxPaid.muln(MAX_CAP_PERCENT).div(BN_HUNDRED).gten(nomCount))
+    ) {
+      if (!withGroup) {
+        return true;
+      } else if (!thisIdentity || !thisIdentity.hasIdentity) {
+        parentIds.push(stashId);
+
+        return true;
+      } else if (!thisIdentity.parentId) {
+        if (!parentIds.includes(stashId)) {
+          if (thisIdentity.display) {
+            const sanitized = thisIdentity.display
+              .replace(/[^\x20-\x7E]/g, '')
+              .replace(/-/g, ' ')
+              .replace(/_/g, ' ')
+              .split(' ')
+              .map((p) => p.trim())
+              .filter((v) => !!v);
+
+            if (overlapsDisplay(displays, sanitized)) {
+              return false;
+            }
+
+            displays.push(sanitized);
+          }
+
+          parentIds.push(stashId);
+
+          return true;
+        }
+      } else if (!parentIds.includes(thisIdentity.parentId)) {
+        parentIds.push(thisIdentity.parentId);
+
+        return true;
+      }
+    }
+
+    return false;
+  });
+}
+
+function sort (sortBy: TargetSortBy, sortFromMax: boolean, validators: ValidatorInfo[]): ValidatorInfo[] {
+  // Use slice to create new array, so that sorting triggers component render
+  return validators
+    .slice(0)
+    .sort((a, b) => sortFromMax
+      ? a[sortBy] - b[sortBy]
+      : b[sortBy] - a[sortBy]
+    )
+    .sort((a, b) => a.isFavorite === b.isFavorite
+      ? 0
+      : (a.isFavorite ? -1 : 1)
+    );
+}
+
+function extractNominees (ownNominators: StakerState[] = []): string[] {
+  const myNominees: string[] = [];
+
+  ownNominators.forEach(({ nominating = [] }: StakerState): void => {
+    nominating.forEach((nominee: string): void => {
+      !myNominees.includes(nominee) &&
+        myNominees.push(nominee);
+    });
+  });
+
+  return myNominees;
+}
+
+function selectProfitable (list: ValidatorInfo[], maxNominations: number): string[] {
+  const result: string[] = [];
+
+  for (let i = 0; i < list.length && result.length < maxNominations; i++) {
+    const { isBlocking, isFavorite, key, stakedReturnCmp } = list[i];
+
+    (!isBlocking && (isFavorite || (stakedReturnCmp > 0))) &&
+      result.push(key);
+  }
+
+  return result;
+}
+
+const DEFAULT_FLAGS = {
+  withElected: false,
+  withGroup: true,
+  withIdentity: false,
+  withPayout: false,
+  withoutComm: true,
+  withoutOver: true
+};
+
+const DEFAULT_NAME = { isQueryFiltered: false, nameFilter: '' };
+
+const DEFAULT_SORT: SortState = { sortBy: 'rankOverall', sortFromMax: true };
+
+function Targets ({ className = '', isInElection, nominatedBy, ownStashes, targets: { avgStaked, inflation: { stakedReturn }, lowStaked, medianComm, minNominated, minNominatorBond, nominators, totalIssuance, totalStaked, validatorIds, validators }, toggleFavorite, toggleLedger, toggleNominatedBy }: Props): React.ReactElement<Props> {
+  const { t } = useTranslation();
+  const { api } = useApi();
+  const allSlashes = useAvailableSlashes();
+  const daysPayout = useBlocksPerDays(MAX_DAYS);
+  const ownNominators = useOwnNominators(ownStashes);
+  const allIdentity = useIdentities(validatorIds);
+  const [selected, setSelected] = useState<string[]>([]);
+  const [{ isQueryFiltered, nameFilter }, setNameFilter] = useState(DEFAULT_NAME);
+  const [toggles, setToggle] = useSavedFlags('staking:targets', DEFAULT_FLAGS);
+  const [{ sortBy, sortFromMax }, setSortBy] = useState<SortState>(DEFAULT_SORT);
+  const [sorted, setSorted] = useState<ValidatorInfo[] | undefined>();
+
+  const labelsRef = useRef({
+    rankBondOther: t<string>('other stake'),
+    rankBondOwn: t<string>('own stake'),
+    rankBondTotal: t<string>('total stake'),
+    rankOverall: t<string>('return')
+  });
+
+  const flags = useMemo(
+    () => ({
+      ...toggles,
+      daysPayout,
+      isBabe: !!api.consts.babe,
+      isQueryFiltered,
+      maxPaid: api.consts.staking?.maxNominatorRewardedPerValidator
+    }),
+    [api, daysPayout, isQueryFiltered, toggles]
+  );
+
+  const filtered = useMemo(
+    () => allIdentity && validators && nominatedBy &&
+      applyFilter(validators, medianComm, allIdentity, flags, nominatedBy),
+    [allIdentity, flags, medianComm, nominatedBy, validators]
+  );
+
+  // We are using an effect here to get this async. Sorting will have a double-render, however it allows
+  // the page to immediately display (with loading), whereas useMemo would have a laggy interface
+  // (the same applies for changing the sort order, state here is more effective)
+  useEffect((): void => {
+    filtered && setSorted(
+      sort(sortBy, sortFromMax, filtered)
+    );
+  }, [filtered, sortBy, sortFromMax]);
+
+  useEffect((): void => {
+    toggleLedger();
+    toggleNominatedBy();
+  }, [toggleLedger, toggleNominatedBy]);
+
+  const maxNominations = useMemo(
+    () => api.consts.staking.maxNominations
+      ? (api.consts.staking.maxNominations as u32).toNumber()
+      : MAX_NOMINATIONS,
+    [api]
+  );
+
+  const myNominees = useMemo(
+    () => extractNominees(ownNominators),
+    [ownNominators]
+  );
+
+  const _sort = useCallback(
+    (sortBy: TargetSortBy) => setSortBy((p) => ({
+      sortBy,
+      sortFromMax: sortBy === p.sortBy
+        ? !p.sortFromMax
+        : true
+    })),
+    []
+  );
+
+  const _toggleSelected = useCallback(
+    (address: string) => setSelected(
+      selected.includes(address)
+        ? selected.filter((a) => address !== a)
+        : [...selected, address]
+    ),
+    [selected]
+  );
+
+  const _selectProfitable = useCallback(
+    () => filtered && setSelected(
+      selectProfitable(filtered, maxNominations)
+    ),
+    [filtered, maxNominations]
+  );
+
+  const _setNameFilter = useCallback(
+    (nameFilter: string, isQueryFiltered: boolean) => setNameFilter({ isQueryFiltered, nameFilter }),
+    []
+  );
+
+  const header = useMemo(() => [
+    [t('validators'), 'start', 3],
+    [t('payout'), 'media--1400'],
+    [t('nominators'), 'media--1200', 2],
+    [t('comm.'), 'media--1100'],
+    ...(SORT_KEYS as (keyof typeof labelsRef.current)[]).map((header) => [
+      <>{labelsRef.current[header]}<Icon icon={sortBy === header ? (sortFromMax ? 'chevron-down' : 'chevron-up') : 'minus'} /></>,
+      `${sorted ? `isClickable ${sortBy === header ? 'highlight--border' : ''} number` : 'number'} ${CLASSES[header] || ''}`,
+      1,
+      () => _sort(header as 'rankOverall')
+    ]),
+    [],
+    []
+  ], [_sort, labelsRef, sortBy, sorted, sortFromMax, t]);
+
+  const filter = useMemo(() => (
+    <div>
+      <Filtering
+        nameFilter={nameFilter}
+        setNameFilter={_setNameFilter}
+        setWithIdentity={setToggle.withIdentity}
+        withIdentity={toggles.withIdentity}
+      >
+        <Toggle
+          className='staking--buttonToggle'
+          label={t<string>('one validator per operator')}
+          onChange={setToggle.withGroup}
+          value={toggles.withGroup}
+        />
+        <Toggle
+          className='staking--buttonToggle'
+          label={
+            MAX_COMM_PERCENT > 0
+              ? t<string>('comm. < {{maxComm}}%', { replace: { maxComm: MAX_COMM_PERCENT } })
+              : t<string>('comm. < median')
+          }
+          onChange={setToggle.withoutComm}
+          value={toggles.withoutComm}
+        />
+        <Toggle
+          className='staking--buttonToggle'
+          label={
+            MAX_CAP_PERCENT < 100
+              ? t<string>('capacity < {{maxCap}}%', { replace: { maxCap: MAX_CAP_PERCENT } })
+              : t<string>('with capacity')
+          }
+          onChange={setToggle.withoutOver}
+          value={toggles.withoutOver}
+        />
+        {api.consts.babe && (
+          // FIXME have some sane era defaults for Aura
+          <Toggle
+            className='staking--buttonToggle'
+            label={t<string>('recent payouts')}
+            onChange={setToggle.withPayout}
+            value={toggles.withPayout}
+          />
+        )}
+        <Toggle
+          className='staking--buttonToggle'
+          label={t<string>('currently elected')}
+          onChange={setToggle.withElected}
+          value={toggles.withElected}
+        />
+      </Filtering>
+    </div>
+  ), [api, nameFilter, _setNameFilter, setToggle, t, toggles]);
+
+  const displayList = isQueryFiltered
+    ? validators
+    : sorted;
+
+  return (
+    <div className={className}>
+      <Summary
+        avgStaked={avgStaked}
+        lowStaked={lowStaked}
+        minNominated={minNominated}
+        minNominatorBond={minNominatorBond}
+        numNominators={nominators?.length}
+        numValidators={validators?.length}
+        stakedReturn={stakedReturn}
+        totalIssuance={totalIssuance}
+        totalStaked={totalStaked}
+      />
+      <Button.Group>
+        <Button
+          icon='check'
+          isDisabled={!validators?.length || !ownNominators?.length}
+          label={t<string>('Most profitable')}
+          onClick={_selectProfitable}
+        />
+        <Nominate
+          isDisabled={isInElection || !validators?.length}
+          ownNominators={ownNominators}
+          targets={selected}
+        />
+      </Button.Group>
+      <ElectionBanner isInElection={isInElection} />
+      <Table
+        empty={sorted && t<string>('No active validators to check')}
+        emptySpinner={
+          <>
+            {!(validators && allIdentity) && <div>{t('Retrieving validators')}</div>}
+            {!nominatedBy && <div>{t('Retrieving nominators')}</div>}
+            {!displayList && <div>{t('Preparing target display')}</div>}
+          </>
+        }
+        filter={filter}
+        header={header}
+        legend={<Legend />}
+      >
+        {displayList && displayList.map((info): React.ReactNode =>
+          <Validator
+            allSlashes={allSlashes}
+            canSelect={selected.length < maxNominations}
+            filterName={nameFilter}
+            info={info}
+            isNominated={myNominees.includes(info.key)}
+            isSelected={selected.includes(info.key)}
+            key={info.key}
+            nominatedBy={nominatedBy?.[info.key]}
+            toggleFavorite={toggleFavorite}
+            toggleSelected={_toggleSelected}
+          />
+        )}
+      </Table>
+    </div>
+  );
+}
+
+export default React.memo(styled(Targets)`
+  text-align: center;
+
+  th.isClickable {
+    .ui--Icon {
+      margin-left: 0.5rem;
+    }
+  }
+
+  .ui--Table {
+    overflow-x: auto;
+  }
+`);
diff --git a/packages/page-staking/src/Targets/useOwnNominators.ts b/packages/page-staking/src/Targets/useOwnNominators.ts
new file mode 100644
index 0000000..588f7b2
--- /dev/null
+++ b/packages/page-staking/src/Targets/useOwnNominators.ts
@@ -0,0 +1,17 @@
+// Copyright 2017-2022 @polkadot/app-staking authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { StakerState } from '@polkadot/react-hooks/types';
+
+import { useMemo } from 'react';
+
+import { createNamedHook } from '@polkadot/react-hooks';
+
+function useOwnNominatorsImpl (ownStashes?: StakerState[]): StakerState[] | undefined {
+  return useMemo(
+    () => ownStashes && ownStashes.filter(({ isOwnController, isStashValidating }) => isOwnController && !isStashValidating),
+    [ownStashes]
+  );
+}
+
+export default createNamedHook('useOwnNominators', useOwnNominatorsImpl);
diff --git a/packages/page-staking/src/constants.ts b/packages/page-staking/src/constants.ts
new file mode 100644
index 0000000..a2afb3d
--- /dev/null
+++ b/packages/page-staking/src/constants.ts
@@ -0,0 +1,6 @@
+// Copyright 2017-2022 @polkadot/app-staking authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+export const MAX_NOMINATIONS = 16;
+
+export const STORE_FAVS_BASE = 'staking:favorites';
diff --git a/packages/page-staking/src/index.tsx b/packages/page-staking/src/index.tsx
new file mode 100644
index 0000000..64993e9
--- /dev/null
+++ b/packages/page-staking/src/index.tsx
@@ -0,0 +1,252 @@
+// Copyright 2017-2022 @polkadot/app-staking authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { DeriveStakingOverview } from '@polkadot/api-derive/types';
+import type { AppProps as Props, ThemeProps } from '@polkadot/react-components/types';
+import type { ElectionStatus, ParaValidatorIndex, ValidatorId } from '@polkadot/types/interfaces';
+import type { BN } from '@polkadot/util';
+
+import React, { useCallback, useMemo, useState } from 'react';
+import { Route, Switch } from 'react-router';
+import { useLocation } from 'react-router-dom';
+import styled from 'styled-components';
+
+import { HelpOverlay, Tabs } from '@polkadot/react-components';
+import { useAccounts, useApi, useAvailableSlashes, useCall, useCallMulti, useFavorites, useOwnStashInfos } from '@polkadot/react-hooks';
+import { isFunction } from '@polkadot/util';
+
+import basicMd from './md/basic.md';
+import Summary from './Overview/Summary';
+import Actions from './Actions';
+import ActionsBanner from './ActionsBanner';
+import Bags from './Bags';
+import { STORE_FAVS_BASE } from './constants';
+import Overview from './Overview';
+import Payouts from './Payouts';
+import Pools from './Pools';
+import Query from './Query';
+import Slashes from './Slashes';
+import Targets from './Targets';
+import { useTranslation } from './translate';
+import useNominations from './useNominations';
+import useSortedTargets from './useSortedTargets';
+
+const HIDDEN_ACC = ['actions', 'payout'];
+
+const optionsParaValidators = {
+  defaultValue: [false, undefined, {}] as [boolean, BN | undefined, Record<string, boolean>],
+  transform: ([eraElectionStatus, minValidatorBond, validators, activeValidatorIndices]: [ElectionStatus | null, BN | undefined, ValidatorId[] | null, ParaValidatorIndex[] | null]): [boolean, BN | undefined, Record<string, boolean>] => [
+    !!eraElectionStatus && eraElectionStatus.isOpen,
+    minValidatorBond && !minValidatorBond.isZero()
+      ? minValidatorBond
+      : undefined,
+    validators && activeValidatorIndices
+      ? activeValidatorIndices.reduce((all, index) => ({ ...all, [validators[index.toNumber()].toString()]: true }), {})
+      : {}
+  ]
+};
+
+function StakingApp ({ basePath, className = '' }: Props): React.ReactElement<Props> {
+  const { t } = useTranslation();
+  const { api } = useApi();
+  const { areAccountsLoaded, hasAccounts } = useAccounts();
+  const { pathname } = useLocation();
+  const [withLedger, setWithLedger] = useState(false);
+  const [favorites, toggleFavorite] = useFavorites(STORE_FAVS_BASE);
+  const [loadNominations, setLoadNominations] = useState(false);
+  const nominatedBy = useNominations(loadNominations);
+  const stakingOverview = useCall<DeriveStakingOverview>(api.derive.staking.overview);
+  const [isInElection, minCommission, paraValidators] = useCallMulti<[boolean, BN | undefined, Record<string, boolean>]>([
+    api.query.staking.eraElectionStatus,
+    api.query.staking.minCommission,
+    api.query.session.validators,
+    (api.query.parasShared || api.query.shared)?.activeValidatorIndices
+  ], optionsParaValidators);
+  const ownStashes = useOwnStashInfos();
+  const slashes = useAvailableSlashes();
+  const targets = useSortedTargets(favorites, withLedger);
+
+  const hasQueries = useMemo(
+    () => hasAccounts && !!(api.query.imOnline?.authoredBlocks) && !!(api.query.staking.activeEra),
+    [api, hasAccounts]
+  );
+
+  const hasStashes = useMemo(
+    () => hasAccounts && !!ownStashes && (ownStashes.length !== 0),
+    [hasAccounts, ownStashes]
+  );
+
+  const ownValidators = useMemo(
+    () => (ownStashes || []).filter(({ isStashValidating }) => isStashValidating),
+    [ownStashes]
+  );
+
+  const toggleLedger = useCallback(
+    () => setWithLedger(true),
+    []
+  );
+
+  const toggleNominatedBy = useCallback(
+    () => setLoadNominations(true),
+    []
+  );
+
+  const items = useMemo(() => [
+    {
+      isRoot: true,
+      name: 'overview',
+      text: t<string>('Overview')
+    },
+    {
+      name: 'actions',
+      text: t<string>('Accounts')
+    },
+    hasStashes && isFunction(api.query.staking.activeEra) && {
+      name: 'payout',
+      text: t<string>('Payouts')
+    },
+    hasStashes && isFunction(api.query.nominationPools?.minCreateBond) && {
+      name: 'pools',
+      text: t<string>('Pools')
+    },
+    {
+      alias: 'returns',
+      name: 'targets',
+      text: t<string>('Targets')
+    },
+    hasStashes && isFunction(api.query.bagsList?.counterForListNodes) && {
+      name: 'bags',
+      text: t<string>('Bags')
+    },
+    {
+      count: slashes.reduce((count, [, unapplied]) => count + unapplied.length, 0),
+      name: 'slashes',
+      text: t<string>('Slashes')
+    },
+    {
+      hasParams: true,
+      name: 'query',
+      text: t<string>('Validator stats')
+    }
+  ].filter((q): q is { name: string; text: string } => !!q), [api, hasStashes, slashes, t]);
+
+  return (
+    <main className={`staking--App ${className}`}>
+      <HelpOverlay md={basicMd as string} />
+      <Tabs
+        basePath={basePath}
+        hidden={
+          areAccountsLoaded && !hasAccounts
+            ? HIDDEN_ACC
+            : undefined
+        }
+        items={items}
+      />
+      <Summary
+        isVisible={pathname === basePath}
+        stakingOverview={stakingOverview}
+        targets={targets}
+      />
+      <Switch>
+        <Route path={`${basePath}/bags`}>
+          <Bags ownStashes={ownStashes} />
+        </Route>
+        <Route path={`${basePath}/payout`}>
+          <Payouts
+            isInElection={isInElection}
+            ownValidators={ownValidators}
+          />
+        </Route>
+        <Route path={`${basePath}/pools`}>
+          <Pools />
+        </Route>
+        <Route path={[`${basePath}/query/:value`, `${basePath}/query`]}>
+          <Query />
+        </Route>
+        <Route path={`${basePath}/slashes`}>
+          <Slashes
+            ownStashes={ownStashes}
+            slashes={slashes}
+          />
+        </Route>
+        <Route path={`${basePath}/targets`}>
+          <Targets
+            isInElection={isInElection}
+            nominatedBy={nominatedBy}
+            ownStashes={ownStashes}
+            stakingOverview={stakingOverview}
+            targets={targets}
+            toggleFavorite={toggleFavorite}
+            toggleLedger={toggleLedger}
+            toggleNominatedBy={toggleNominatedBy}
+          />
+        </Route>
+      </Switch>
+      <Actions
+        className={pathname === `${basePath}/actions` ? '' : '--hidden'}
+        isInElection={isInElection}
+        minCommission={minCommission}
+        ownStashes={ownStashes}
+        targets={targets}
+      />
+      {basePath === pathname && hasAccounts && (ownStashes?.length === 0) && (
+        <ActionsBanner />
+      )}
+      <Overview
+        className={basePath === pathname ? '' : '--hidden'}
+        favorites={favorites}
+        hasQueries={hasQueries}
+        minCommission={minCommission}
+        nominatedBy={nominatedBy}
+        ownStashes={ownStashes}
+        paraValidators={paraValidators}
+        stakingOverview={stakingOverview}
+        targets={targets}
+        toggleFavorite={toggleFavorite}
+        toggleNominatedBy={toggleNominatedBy}
+      />
+    </main>
+  );
+}
+
+export default React.memo(styled(StakingApp)(({ theme }: ThemeProps) => `
+  .staking--Chart {
+    margin-top: 1.5rem;
+
+    h1 {
+      margin-bottom: 0.5rem;
+    }
+
+    .ui--Spinner {
+      margin: 2.5rem auto;
+    }
+  }
+
+  .staking--optionsBar {
+    margin: 0.5rem 0 1rem;
+    text-align: center;
+    white-space: normal;
+
+    .staking--buttonToggle {
+      display: inline-block;
+      margin-right: 1rem;
+      margin-top: 0.5rem;
+    }
+  }
+
+  .ui--Expander.stakeOver {
+    .ui--Expander-summary {
+      color: var(--color-error);
+
+    ${theme.theme === 'dark'
+    ? `font-weight: bold;
+      .ui--FormatBalance-value {
+
+        > .ui--FormatBalance-postfix {
+          opacity: 1;
+        }
+      }`
+    : ''};
+    }
+  }
+`));
diff --git a/packages/page-staking/src/md/basic.md b/packages/page-staking/src/md/basic.md
new file mode 100644
index 0000000..7b3cc9b
--- /dev/null
+++ b/packages/page-staking/src/md/basic.md
@@ -0,0 +1,32 @@
+# Staking
+
+Welcome to the staking module. Here you can see an overview of all the validators on the network and participate in the network either a validator (running a node that helps secure the network), or as a nominator (adding funds to help secure the network).
+
+Validators and nominators earn rewards at the end of each era. The rewards are split between the validators and its nominators, in proportion to the amount bonded.
+
+# Bonding
+
+Bonding funds is the first step to validate or nominate. It locks up a portion of funds that is used to secure the network. These funds are placed at risk, i.e. you can be slashed and lose a portion if the validator node misbehaves. Validators and nominators share both rewards and the slashing effects. Choosing a well behaving validator to nominate is crucial.
+
+For bonding (with an intention to either validate or nominate), you need to have 2 accounts -
+
+- **Stash** This is the primary account that holds the funds and has a portion bonded for participation;
+- **Controller** This is used to control the operation of the validator or nominator, switching between validating, nominating and idle; (It only needs enough funds to send transactions when actions are taken)
+
+To bond, you select the stash account, bond from it and designate a controller. Additionally you can select the amount of funds to bond and set your payout preferences.
+
+# Nominating
+
+Nomination (using the controller account as set as part of the bonding) is a process of selecting a number of validators (or potential validators) that you deem trustworthy. Once the validators are selected, the bonded value is assigned to participate in the network security.
+
+You can stop nominating at any point in time, using the controller account. You can also bond more funds using the stash account.
+
+# Validating
+
+Validators run nodes that author blocks. The primary requirement here is the ability to run a node that is available 24/7 and is well-connected to the network.
+
+In addition to the stash and controller account described above, a validator has to indicate an additional account called `Session key` -
+
+- **Session** The seed of this account should be passed to the node using the `--key` parameter. The session account does not need to have funds as it does not need to send any transaction. The best practice is to create a dedicated account to be used as session account. Although a single account can theoretically be used as both session and controller, it is not recommended to do so. Having a dedicated session account would prevent the theft of funds should the validator node be compromised and the `--key` leaked.
+
+As with the nomination operations, you can stop validation at any time using the controller. (Be it for maintenance, upgrades, or any other reason)
diff --git a/packages/page-staking/src/translate.ts b/packages/page-staking/src/translate.ts
new file mode 100644
index 0000000..13d0b8c
--- /dev/null
+++ b/packages/page-staking/src/translate.ts
@@ -0,0 +1,10 @@
+// Copyright 2017-2022 @polkadot/app-staking authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { UseTranslationResponse } from 'react-i18next';
+
+import { useTranslation as useTranslationBase } from 'react-i18next';
+
+export function useTranslation (): UseTranslationResponse<'app-staking', undefined> {
+  return useTranslationBase('app-staking');
+}
diff --git a/packages/page-staking/src/types.ts b/packages/page-staking/src/types.ts
new file mode 100644
index 0000000..0c5a76c
--- /dev/null
+++ b/packages/page-staking/src/types.ts
@@ -0,0 +1,95 @@
+// Copyright 2017-2022 @polkadot/app-staking authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { Inflation } from '@polkadot/react-hooks/types';
+import type { AccountId, Balance, BlockNumber, EraIndex, Exposure, Hash, SessionIndex, ValidatorPrefs, ValidatorPrefsTo196 } from '@polkadot/types/interfaces';
+import type { BN } from '@polkadot/util';
+
+export type Nominators = Record<string, string[]>;
+
+export type AccountFilter = 'all' | 'controller' | 'session' | 'stash' | 'unbonded';
+
+export type ValidatorFilter = 'all' | 'hasNominators' | 'noNominators' | 'hasWarnings' | 'noWarnings' | 'iNominated' | 'nextSet';
+
+export interface NominatedBy {
+  index: number;
+  nominatorId: string;
+  submittedIn: EraIndex;
+}
+
+export type NominatedByMap = Record<string, NominatedBy[]>;
+
+export interface Slash {
+  accountId: AccountId;
+  amount: Balance;
+}
+
+export interface SessionRewards {
+  blockHash: Hash;
+  blockNumber: BlockNumber;
+  isEventsEmpty: boolean;
+  parentHash: Hash;
+  reward: Balance;
+  sessionIndex: SessionIndex;
+  slashes: Slash[];
+  treasury: Balance;
+}
+
+interface ValidatorInfoRank {
+  rankBondOther: number;
+  rankBondOwn: number;
+  rankBondTotal: number;
+  rankNumNominators: number;
+  rankOverall: number;
+  rankReward: number;
+}
+
+export interface ValidatorInfo extends ValidatorInfoRank {
+  accountId: AccountId;
+  bondOther: BN;
+  bondOwn: BN;
+  bondShare: number;
+  bondTotal: BN;
+  commissionPer: number;
+  exposure: Exposure;
+  isActive: boolean;
+  isBlocking: boolean;
+  isElected: boolean;
+  isFavorite: boolean;
+  isNominating: boolean;
+  key: string;
+  knownLength: BN;
+  lastPayout?: BN;
+  minNominated: BN;
+  numNominators: number;
+  numRecentPayouts: number;
+  skipRewards: boolean;
+  stakedReturn: number;
+  stakedReturnCmp: number;
+  validatorPrefs?: ValidatorPrefs | ValidatorPrefsTo196;
+  withReturns?: boolean;
+}
+
+export type TargetSortBy = keyof ValidatorInfoRank;
+
+export interface SortedTargets {
+  avgStaked?: BN;
+  counterForNominators?: BN;
+  counterForValidators?: BN;
+  electedIds?: string[];
+  inflation: Inflation;
+  lowStaked?: BN;
+  medianComm: number;
+  maxNominatorsCount?: BN;
+  maxValidatorsCount?: BN;
+  minNominated: BN;
+  minNominatorBond?: BN;
+  minValidatorBond?: BN;
+  nominators?: string[];
+  nominateIds?: string[];
+  totalStaked?: BN;
+  totalIssuance?: BN;
+  validators?: ValidatorInfo[];
+  validatorIds?: string[];
+  waitingIds?: string[];
+}
diff --git a/packages/page-staking/src/useIdentities.ts b/packages/page-staking/src/useIdentities.ts
new file mode 100644
index 0000000..771fdd8
--- /dev/null
+++ b/packages/page-staking/src/useIdentities.ts
@@ -0,0 +1,25 @@
+// Copyright 2017-2022 @polkadot/app-staking authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { DeriveHasIdentity } from '@polkadot/api-derive/types';
+
+import { createNamedHook, useApi, useCall } from '@polkadot/react-hooks';
+
+function transformIdentity ([[validatorIds], hasIdentities]: [[string[]], DeriveHasIdentity[]]): Record<string, DeriveHasIdentity> {
+  return validatorIds.reduce((result: Record<string, DeriveHasIdentity>, validatorId, index): Record<string, DeriveHasIdentity> => {
+    result[validatorId] = hasIdentities[index];
+
+    return result;
+  }, {});
+}
+
+type Result = Record<string, DeriveHasIdentity>;
+
+function useIdentitiesImpl (validatorIds: string[] = []): Result | undefined {
+  const { api } = useApi();
+  const allIdentity = useCall<Result>(api.derive.accounts.hasIdentityMulti, [validatorIds], { transform: transformIdentity, withParamsTransform: true });
+
+  return allIdentity;
+}
+
+export default createNamedHook('useIdentities', useIdentitiesImpl);
diff --git a/packages/page-staking/src/useNominations.ts b/packages/page-staking/src/useNominations.ts
new file mode 100644
index 0000000..87862a4
--- /dev/null
+++ b/packages/page-staking/src/useNominations.ts
@@ -0,0 +1,44 @@
+// Copyright 2017-2022 @polkadot/app-staking authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { Option, StorageKey } from '@polkadot/types';
+import type { Nominations } from '@polkadot/types/interfaces';
+import type { NominatedByMap } from './types';
+
+import { useMemo } from 'react';
+
+import { createNamedHook, useApi, useCall } from '@polkadot/react-hooks';
+
+function extractNominators (nominations: [StorageKey, Option<Nominations>][]): NominatedByMap {
+  return nominations.reduce((mapped: NominatedByMap, [key, optNoms]) => {
+    if (optNoms.isSome && key.args.length) {
+      const nominatorId = key.args[0].toString();
+      const { submittedIn, targets } = optNoms.unwrap();
+
+      targets.forEach((_validatorId, index): void => {
+        const validatorId = _validatorId.toString();
+        const info = { index: index + 1, nominatorId, submittedIn };
+
+        if (!mapped[validatorId]) {
+          mapped[validatorId] = [info];
+        } else {
+          mapped[validatorId].push(info);
+        }
+      });
+    }
+
+    return mapped;
+  }, {});
+}
+
+function useNominationsImpl (isActive = true): NominatedByMap | undefined {
+  const { api } = useApi();
+  const nominators = useCall<[StorageKey, Option<Nominations>][]>(isActive && api.query.staking.nominators.entries);
+
+  return useMemo(
+    () => nominators && extractNominators(nominators),
+    [nominators]
+  );
+}
+
+export default createNamedHook('useNominations', useNominationsImpl);
diff --git a/packages/page-staking/src/useSortedTargets.ts b/packages/page-staking/src/useSortedTargets.ts
new file mode 100644
index 0000000..2861c0d
--- /dev/null
+++ b/packages/page-staking/src/useSortedTargets.ts
@@ -0,0 +1,321 @@
+// Copyright 2017-2022 @polkadot/app-staking authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { ApiPromise } from '@polkadot/api';
+import type { DeriveSessionInfo, DeriveStakingElected, DeriveStakingWaiting } from '@polkadot/api-derive/types';
+import type { Inflation } from '@polkadot/react-hooks/types';
+import type { Option, u32 } from '@polkadot/types';
+import type { SortedTargets, TargetSortBy, ValidatorInfo } from './types';
+
+import { useMemo } from 'react';
+
+import { createNamedHook, useAccounts, useApi, useCall, useCallMulti, useInflation } from '@polkadot/react-hooks';
+import { arrayFlatten, BN, BN_HUNDRED, BN_MAX_INTEGER, BN_ONE, BN_ZERO } from '@polkadot/util';
+
+interface LastEra {
+  activeEra: BN;
+  eraLength: BN;
+  lastEra: BN;
+  sessionLength: BN;
+}
+
+interface MultiResult {
+  counterForNominators?: BN;
+  counterForValidators?: BN;
+  historyDepth?: BN;
+  maxNominatorsCount?: BN;
+  maxValidatorsCount?: BN;
+  minNominatorBond?: BN;
+  minValidatorBond?: BN;
+  totalIssuance?: BN;
+}
+
+const EMPTY_PARTIAL: Partial<SortedTargets> = {};
+const DEFAULT_FLAGS_ELECTED = { withController: true, withExposure: true, withPrefs: true };
+const DEFAULT_FLAGS_WAITING = { withController: true, withPrefs: true };
+
+function mapIndex (mapBy: TargetSortBy): (info: ValidatorInfo, index: number) => ValidatorInfo {
+  return (info, index): ValidatorInfo => {
+    info[mapBy] = index + 1;
+
+    return info;
+  };
+}
+
+function isWaitingDerive (derive: DeriveStakingElected | DeriveStakingWaiting): derive is DeriveStakingWaiting {
+  return !(derive as DeriveStakingElected).nextElected;
+}
+
+function sortValidators (list: ValidatorInfo[]): ValidatorInfo[] {
+  const existing: string[] = [];
+
+  return list
+    .filter((a): boolean => {
+      const s = a.accountId.toString();
+
+      if (!existing.includes(s)) {
+        existing.push(s);
+
+        return true;
+      }
+
+      return false;
+    })
+    // .filter((a) => a.bondTotal.gtn(0))
+    // ignored, not used atm
+    // .sort((a, b) => b.commissionPer - a.commissionPer)
+    // .map(mapIndex('rankComm'))
+    .sort((a, b) => b.bondOther.cmp(a.bondOther))
+    .map(mapIndex('rankBondOther'))
+    .sort((a, b) => b.bondOwn.cmp(a.bondOwn))
+    .map(mapIndex('rankBondOwn'))
+    .sort((a, b) => b.bondTotal.cmp(a.bondTotal))
+    .map(mapIndex('rankBondTotal'))
+    // .sort((a, b) => b.validatorPayment.cmp(a.validatorPayment))
+    // .map(mapIndex('rankPayment'))
+    .sort((a, b) => a.stakedReturnCmp - b.stakedReturnCmp)
+    .map(mapIndex('rankReward'))
+    // ignored, not used atm
+    // .sort((a, b) => b.numNominators - a.numNominators)
+    // .map(mapIndex('rankNumNominators'))
+    .sort((a, b) =>
+      (b.stakedReturnCmp - a.stakedReturnCmp) ||
+      (a.commissionPer - b.commissionPer) ||
+      (b.rankBondTotal - a.rankBondTotal)
+    )
+    .map(mapIndex('rankOverall'))
+    .sort((a, b) =>
+      a.isFavorite === b.isFavorite
+        ? 0
+        : (a.isFavorite ? -1 : 1)
+    );
+}
+
+function extractSingle (api: ApiPromise, allAccounts: string[], derive: DeriveStakingElected | DeriveStakingWaiting, favorites: string[], { activeEra, eraLength, lastEra, sessionLength }: LastEra, historyDepth?: BN, withReturns?: boolean): [ValidatorInfo[], Record<string, BN>] {
+  const nominators: Record<string, BN> = {};
+  const emptyExposure = api.createType('Exposure');
+  const earliestEra = historyDepth && lastEra.sub(historyDepth).iadd(BN_ONE);
+  const list = derive.info.map(({ accountId, exposure = emptyExposure, stakingLedger, validatorPrefs }): ValidatorInfo => {
+    // some overrides (e.g. Darwinia Crab) does not have the own/total field in Exposure
+    let [bondOwn, bondTotal] = exposure.total
+      ? [exposure.own.unwrap(), exposure.total.unwrap()]
+      : [BN_ZERO, BN_ZERO];
+    const skipRewards = bondTotal.isZero();
+    // some overrides (e.g. Darwinia Crab) does not have the value field in IndividualExposure
+    const minNominated = (exposure.others || []).reduce((min: BN, { value = api.createType('Compact<Balance>') }): BN => {
+      const actual = value.unwrap();
+
+      return min.isZero() || actual.lt(min)
+        ? actual
+        : min;
+    }, BN_ZERO);
+
+    if (bondTotal.isZero()) {
+      bondTotal = bondOwn = stakingLedger.total?.unwrap() || BN_ZERO;
+    }
+
+    const key = accountId.toString();
+    const lastEraPayout = !lastEra.isZero()
+      ? stakingLedger.claimedRewards[stakingLedger.claimedRewards.length - 1]
+      : undefined;
+
+    // only use if it is more recent than historyDepth
+    let lastPayout: BN | undefined = earliestEra && lastEraPayout && lastEraPayout.gt(earliestEra)
+      ? lastEraPayout
+      : undefined;
+
+    if (lastPayout && !sessionLength.eq(BN_ONE)) {
+      lastPayout = lastEra.sub(lastPayout).mul(eraLength);
+    }
+
+    return {
+      accountId,
+      bondOther: bondTotal.sub(bondOwn),
+      bondOwn,
+      bondShare: 0,
+      bondTotal,
+      commissionPer: validatorPrefs.commission.unwrap().toNumber() / 10_000_000,
+      exposure,
+      isActive: !skipRewards,
+      isBlocking: !!(validatorPrefs.blocked && validatorPrefs.blocked.isTrue),
+      isElected: !isWaitingDerive(derive) && derive.nextElected.some((e) => e.eq(accountId)),
+      isFavorite: favorites.includes(key),
+      isNominating: (exposure.others || []).reduce((isNominating, indv): boolean => {
+        const nominator = indv.who.toString();
+
+        nominators[nominator] = (nominators[nominator] || BN_ZERO).add(indv.value?.toBn() || BN_ZERO);
+
+        return isNominating || allAccounts.includes(nominator);
+      }, allAccounts.includes(key)),
+      key,
+      knownLength: activeEra.sub(stakingLedger.claimedRewards[0] || activeEra),
+      lastPayout,
+      minNominated,
+      numNominators: (exposure.others || []).length,
+      numRecentPayouts: earliestEra
+        ? stakingLedger.claimedRewards.filter((era) => era.gte(earliestEra)).length
+        : 0,
+      rankBondOther: 0,
+      rankBondOwn: 0,
+      rankBondTotal: 0,
+      rankNumNominators: 0,
+      rankOverall: 0,
+      rankReward: 0,
+      skipRewards,
+      stakedReturn: 0,
+      stakedReturnCmp: 0,
+      validatorPrefs,
+      withReturns
+    };
+  });
+
+  return [list, nominators];
+}
+
+function addReturns (inflation: Inflation, baseInfo: Partial<SortedTargets>): Partial<SortedTargets> {
+  const avgStaked = baseInfo.avgStaked;
+  const validators = baseInfo.validators;
+
+  if (!validators) {
+    return baseInfo;
+  }
+
+  avgStaked && !avgStaked.isZero() && validators.forEach((v): void => {
+    if (!v.skipRewards && v.withReturns) {
+      const adjusted = avgStaked.mul(BN_HUNDRED).imuln(inflation.stakedReturn).div(v.bondTotal);
+
+      // in some cases, we may have overflows... protect against those
+      v.stakedReturn = (adjusted.gt(BN_MAX_INTEGER) ? BN_MAX_INTEGER : adjusted).toNumber() / BN_HUNDRED.toNumber();
+      v.stakedReturnCmp = v.stakedReturn * (100 - v.commissionPer) / 100;
+    }
+  });
+
+  return { ...baseInfo, validators: sortValidators(validators) };
+}
+
+function extractBaseInfo (api: ApiPromise, allAccounts: string[], electedDerive: DeriveStakingElected, waitingDerive: DeriveStakingWaiting, favorites: string[], totalIssuance: BN, lastEraInfo: LastEra, historyDepth?: BN): Partial<SortedTargets> {
+  const [elected, nominators] = extractSingle(api, allAccounts, electedDerive, favorites, lastEraInfo, historyDepth, true);
+  const [waiting] = extractSingle(api, allAccounts, waitingDerive, favorites, lastEraInfo);
+  const activeTotals = elected
+    .filter(({ isActive }) => isActive)
+    .map(({ bondTotal }) => bondTotal)
+    .sort((a, b) => a.cmp(b));
+  const totalStaked = activeTotals.reduce((total: BN, value) => total.iadd(value), new BN(0));
+  const avgStaked = totalStaked.divn(activeTotals.length);
+
+  // all validators, calc median commission
+  const minNominated = Object.values(nominators).reduce((min: BN, value) => {
+    return min.isZero() || value.lt(min)
+      ? value
+      : min;
+  }, BN_ZERO);
+  const validators = arrayFlatten([elected, waiting]);
+  const commValues = validators.map(({ commissionPer }) => commissionPer).sort((a, b) => a - b);
+  const midIndex = Math.floor(commValues.length / 2);
+  const medianComm = commValues.length
+    ? commValues.length % 2
+      ? commValues[midIndex]
+      : (commValues[midIndex - 1] + commValues[midIndex]) / 2
+    : 0;
+
+  // ids
+  const waitingIds = waiting.map(({ key }) => key);
+  const validatorIds = arrayFlatten([
+    elected.map(({ key }) => key),
+    waitingIds
+  ]);
+  const nominateIds = arrayFlatten([
+    elected.filter(({ isBlocking }) => !isBlocking).map(({ key }) => key),
+    waiting.filter(({ isBlocking }) => !isBlocking).map(({ key }) => key)
+  ]);
+
+  return {
+    avgStaked,
+    lowStaked: activeTotals[0] || BN_ZERO,
+    medianComm,
+    minNominated,
+    nominateIds,
+    nominators: Object.keys(nominators),
+    totalIssuance,
+    totalStaked,
+    validatorIds,
+    validators,
+    waitingIds
+  };
+}
+
+const transformEra = {
+  transform: ({ activeEra, eraLength, sessionLength }: DeriveSessionInfo): LastEra => ({
+    activeEra,
+    eraLength,
+    lastEra: activeEra.isZero() ? BN_ZERO : activeEra.subn(1),
+    sessionLength
+  })
+};
+
+const transformMulti = {
+  defaultValue: {},
+  transform: ([historyDepth, counterForNominators, counterForValidators, optMaxNominatorsCount, optMaxValidatorsCount, minNominatorBond, minValidatorBond, totalIssuance]: [BN, BN?, BN?, Option<u32>?, Option<u32>?, BN?, BN?, BN?]): MultiResult => ({
+    counterForNominators,
+    counterForValidators,
+    historyDepth,
+    maxNominatorsCount: optMaxNominatorsCount && optMaxNominatorsCount.isSome
+      ? optMaxNominatorsCount.unwrap()
+      : undefined,
+    maxValidatorsCount: optMaxValidatorsCount && optMaxValidatorsCount.isSome
+      ? optMaxValidatorsCount.unwrap()
+      : undefined,
+    minNominatorBond,
+    minValidatorBond,
+    totalIssuance
+  })
+};
+
+function useSortedTargetsImpl (favorites: string[], withLedger: boolean): SortedTargets {
+  const { api } = useApi();
+  const { allAccounts } = useAccounts();
+  const { counterForNominators, counterForValidators, historyDepth, maxNominatorsCount, maxValidatorsCount, minNominatorBond, minValidatorBond, totalIssuance } = useCallMulti<MultiResult>([
+    api.query.staking.historyDepth,
+    api.query.staking.counterForNominators,
+    api.query.staking.counterForValidators,
+    api.query.staking.maxNominatorsCount,
+    api.query.staking.maxValidatorsCount,
+    api.query.staking.minNominatorBond,
+    api.query.staking.minValidatorBond,
+    api.query.balances?.totalIssuance
+  ], transformMulti);
+  const electedInfo = useCall<DeriveStakingElected>(api.derive.staking.electedInfo, [{ ...DEFAULT_FLAGS_ELECTED, withLedger }]);
+  const waitingInfo = useCall<DeriveStakingWaiting>(api.derive.staking.waitingInfo, [{ ...DEFAULT_FLAGS_WAITING, withLedger }]);
+  const lastEraInfo = useCall<LastEra>(api.derive.session.info, undefined, transformEra);
+
+  const baseInfo = useMemo(
+    () => electedInfo && lastEraInfo && totalIssuance && waitingInfo
+      ? extractBaseInfo(api, allAccounts, electedInfo, waitingInfo, favorites, totalIssuance, lastEraInfo, historyDepth)
+      : EMPTY_PARTIAL,
+    [api, allAccounts, electedInfo, favorites, historyDepth, lastEraInfo, totalIssuance, waitingInfo]
+  );
+
+  const inflation = useInflation(baseInfo?.totalStaked);
+
+  const partial = useMemo(
+    () => inflation && inflation.stakedReturn
+      ? addReturns(inflation, baseInfo)
+      : baseInfo,
+    [baseInfo, inflation]
+  );
+
+  return {
+    counterForNominators,
+    counterForValidators,
+    inflation,
+    maxNominatorsCount,
+    maxValidatorsCount,
+    medianComm: 0,
+    minNominated: BN_ZERO,
+    minNominatorBond,
+    minValidatorBond,
+    ...partial
+  };
+}
+
+export default createNamedHook('useSortedTargets', useSortedTargetsImpl);
diff --git a/packages/page-staking/tsconfig.build.json b/packages/page-staking/tsconfig.build.json
new file mode 100644
index 0000000..da24d9f
--- /dev/null
+++ b/packages/page-staking/tsconfig.build.json
@@ -0,0 +1,9 @@
+{
+  "extends": "../../tsconfig.base.json",
+  "compilerOptions": {
+    "baseUrl": "..",
+    "outDir": "./build",
+    "rootDir": "./src"
+  },
+  "references": []
+}
diff --git a/packages/page-storage/.skip-build b/packages/page-storage/.skip-build
new file mode 100644
index 0000000..e69de29
diff --git a/packages/page-storage/.skip-npm b/packages/page-storage/.skip-npm
new file mode 100644
index 0000000..e69de29
diff --git a/packages/page-storage/LICENSE b/packages/page-storage/LICENSE
new file mode 100644
index 0000000..0d381b2
--- /dev/null
+++ b/packages/page-storage/LICENSE
@@ -0,0 +1,201 @@
+                              Apache License
+                        Version 2.0, January 2004
+                    http://www.apache.org/licenses/
+
+TERMS AND CONDITIONS FOR USE, REPRODUCTION, AND DISTRIBUTION
+
+1. Definitions.
+
+  "License" shall mean the terms and conditions for use, reproduction,
+  and distribution as defined by Sections 1 through 9 of this document.
+
+  "Licensor" shall mean the copyright owner or entity authorized by
+  the copyright owner that is granting the License.
+
+  "Legal Entity" shall mean the union of the acting entity and all
+  other entities that control, are controlled by, or are under common
+  control with that entity. For the purposes of this definition,
+  "control" means (i) the power, direct or indirect, to cause the
+  direction or management of such entity, whether by contract or
+  otherwise, or (ii) ownership of fifty percent (50%) or more of the
+  outstanding shares, or (iii) beneficial ownership of such entity.
+
+  "You" (or "Your") shall mean an individual or Legal Entity
+  exercising permissions granted by this License.
+
+  "Source" form shall mean the preferred form for making modifications,
+  including but not limited to software source code, documentation
+  source, and configuration files.
+
+  "Object" form shall mean any form resulting from mechanical
+  transformation or translation of a Source form, including but
+  not limited to compiled object code, generated documentation,
+  and conversions to other media types.
+
+  "Work" shall mean the work of authorship, whether in Source or
+  Object form, made available under the License, as indicated by a
+  copyright notice that is included in or attached to the work
+  (an example is provided in the Appendix below).
+
+  "Derivative Works" shall mean any work, whether in Source or Object
+  form, that is based on (or derived from) the Work and for which the
+  editorial revisions, annotations, elaborations, or other modifications
+  represent, as a whole, an original work of authorship. For the purposes
+  of this License, Derivative Works shall not include works that remain
+  separable from, or merely link (or bind by name) to the interfaces of,
+  the Work and Derivative Works thereof.
+
+  "Contribution" shall mean any work of authorship, including
+  the original version of the Work and any modifications or additions
+  to that Work or Derivative Works thereof, that is intentionally
+  submitted to Licensor for inclusion in the Work by the copyright owner
+  or by an individual or Legal Entity authorized to submit on behalf of
+  the copyright owner. For the purposes of this definition, "submitted"
+  means any form of electronic, verbal, or written communication sent
+  to the Licensor or its representatives, including but not limited to
+  communication on electronic mailing lists, source code control systems,
+  and issue tracking systems that are managed by, or on behalf of, the
+  Licensor for the purpose of discussing and improving the Work, but
+  excluding communication that is conspicuously marked or otherwise
+  designated in writing by the copyright owner as "Not a Contribution."
+
+  "Contributor" shall mean Licensor and any individual or Legal Entity
+  on behalf of whom a Contribution has been received by Licensor and
+  subsequently incorporated within the Work.
+
+2. Grant of Copyright License. Subject to the terms and conditions of
+  this License, each Contributor hereby grants to You a perpetual,
+  worldwide, non-exclusive, no-charge, royalty-free, irrevocable
+  copyright license to reproduce, prepare Derivative Works of,
+  publicly display, publicly perform, sublicense, and distribute the
+  Work and such Derivative Works in Source or Object form.
+
+3. Grant of Patent License. Subject to the terms and conditions of
+  this License, each Contributor hereby grants to You a perpetual,
+  worldwide, non-exclusive, no-charge, royalty-free, irrevocable
+  (except as stated in this section) patent license to make, have made,
+  use, offer to sell, sell, import, and otherwise transfer the Work,
+  where such license applies only to those patent claims licensable
+  by such Contributor that are necessarily infringed by their
+  Contribution(s) alone or by combination of their Contribution(s)
+  with the Work to which such Contribution(s) was submitted. If You
+  institute patent litigation against any entity (including a
+  cross-claim or counterclaim in a lawsuit) alleging that the Work
+  or a Contribution incorporated within the Work constitutes direct
+  or contributory patent infringement, then any patent licenses
+  granted to You under this License for that Work shall terminate
+  as of the date such litigation is filed.
+
+4. Redistribution. You may reproduce and distribute copies of the
+  Work or Derivative Works thereof in any medium, with or without
+  modifications, and in Source or Object form, provided that You
+  meet the following conditions:
+
+  (a) You must give any other recipients of the Work or
+      Derivative Works a copy of this License; and
+
+  (b) You must cause any modified files to carry prominent notices
+      stating that You changed the files; and
+
+  (c) You must retain, in the Source form of any Derivative Works
+      that You distribute, all copyright, patent, trademark, and
+      attribution notices from the Source form of the Work,
+      excluding those notices that do not pertain to any part of
+      the Derivative Works; and
+
+  (d) If the Work includes a "NOTICE" text file as part of its
+      distribution, then any Derivative Works that You distribute must
+      include a readable copy of the attribution notices contained
+      within such NOTICE file, excluding those notices that do not
+      pertain to any part of the Derivative Works, in at least one
+      of the following places: within a NOTICE text file distributed
+      as part of the Derivative Works; within the Source form or
+      documentation, if provided along with the Derivative Works; or,
+      within a display generated by the Derivative Works, if and
+      wherever such third-party notices normally appear. The contents
+      of the NOTICE file are for informational purposes only and
+      do not modify the License. You may add Your own attribution
+      notices within Derivative Works that You distribute, alongside
+      or as an addendum to the NOTICE text from the Work, provided
+      that such additional attribution notices cannot be construed
+      as modifying the License.
+
+  You may add Your own copyright statement to Your modifications and
+  may provide additional or different license terms and conditions
+  for use, reproduction, or distribution of Your modifications, or
+  for any such Derivative Works as a whole, provided Your use,
+  reproduction, and distribution of the Work otherwise complies with
+  the conditions stated in this License.
+
+5. Submission of Contributions. Unless You explicitly state otherwise,
+  any Contribution intentionally submitted for inclusion in the Work
+  by You to the Licensor shall be under the terms and conditions of
+  this License, without any additional terms or conditions.
+  Notwithstanding the above, nothing herein shall supersede or modify
+  the terms of any separate license agreement you may have executed
+  with Licensor regarding such Contributions.
+
+6. Trademarks. This License does not grant permission to use the trade
+  names, trademarks, service marks, or product names of the Licensor,
+  except as required for reasonable and customary use in describing the
+  origin of the Work and reproducing the content of the NOTICE file.
+
+7. Disclaimer of Warranty. Unless required by applicable law or
+  agreed to in writing, Licensor provides the Work (and each
+  Contributor provides its Contributions) on an "AS IS" BASIS,
+  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or
+  implied, including, without limitation, any warranties or conditions
+  of TITLE, NON-INFRINGEMENT, MERCHANTABILITY, or FITNESS FOR A
+  PARTICULAR PURPOSE. You are solely responsible for determining the
+  appropriateness of using or redistributing the Work and assume any
+  risks associated with Your exercise of permissions under this License.
+
+8. Limitation of Liability. In no event and under no legal theory,
+  whether in tort (including negligence), contract, or otherwise,
+  unless required by applicable law (such as deliberate and grossly
+  negligent acts) or agreed to in writing, shall any Contributor be
+  liable to You for damages, including any direct, indirect, special,
+  incidental, or consequential damages of any character arising as a
+  result of this License or out of the use or inability to use the
+  Work (including but not limited to damages for loss of goodwill,
+  work stoppage, computer failure or malfunction, or any and all
+  other commercial damages or losses), even if such Contributor
+  has been advised of the possibility of such damages.
+
+9. Accepting Warranty or Additional Liability. While redistributing
+  the Work or Derivative Works thereof, You may choose to offer,
+  and charge a fee for, acceptance of support, warranty, indemnity,
+  or other liability obligations and/or rights consistent with this
+  License. However, in accepting such obligations, You may act only
+  on Your own behalf and on Your sole responsibility, not on behalf
+  of any other Contributor, and only if You agree to indemnify,
+  defend, and hold each Contributor harmless for any liability
+  incurred by, or claims asserted against, such Contributor by reason
+  of your accepting any such warranty or additional liability.
+
+END OF TERMS AND CONDITIONS
+
+APPENDIX: How to apply the Apache License to your work.
+
+  To apply the Apache License to your work, attach the following
+  boilerplate notice, with the fields enclosed by brackets "[]"
+  replaced with your own identifying information. (Don't include
+  the brackets!)  The text should be enclosed in the appropriate
+  comment syntax for the file format. We also recommend that a
+  file or class name and description of purpose be included on the
+  same "printed page" as the copyright notice for easier
+  identification within third-party archives.
+
+Copyright [yyyy] [name of copyright owner]
+
+Licensed under the Apache License, Version 2.0 (the "License");
+you may not use this file except in compliance with the License.
+You may obtain a copy of the License at
+
+    http://www.apache.org/licenses/LICENSE-2.0
+
+Unless required by applicable law or agreed to in writing, software
+distributed under the License is distributed on an "AS IS" BASIS,
+WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+See the License for the specific language governing permissions and
+limitations under the License.
diff --git a/packages/page-storage/README.md b/packages/page-storage/README.md
new file mode 100644
index 0000000..3b61e3c
--- /dev/null
+++ b/packages/page-storage/README.md
@@ -0,0 +1 @@
+# @polkadot/app-storage
diff --git a/packages/page-storage/package.json b/packages/page-storage/package.json
new file mode 100644
index 0000000..3a80cd0
--- /dev/null
+++ b/packages/page-storage/package.json
@@ -0,0 +1,20 @@
+{
+  "bugs": "https://github.com/polkadot-js/apps/issues",
+  "homepage": "https://github.com/polkadot-js/apps/tree/master/packages/page-storage#readme",
+  "license": "Apache-2.0",
+  "name": "@polkadot/app-storage",
+  "private": true,
+  "repository": {
+    "directory": "packages/page-storage",
+    "type": "git",
+    "url": "https://github.com/polkadot-js/apps.git"
+  },
+  "sideEffects": false,
+  "type": "module",
+  "version": "0.112.2-14",
+  "dependencies": {
+    "@babel/runtime": "^7.17.9",
+    "@polkadot/react-components": "^0.112.2-14",
+    "@polkadot/react-params": "^0.112.2-14"
+  }
+}
diff --git a/packages/page-storage/src/Queries.tsx b/packages/page-storage/src/Queries.tsx
new file mode 100644
index 0000000..dbfa19e
--- /dev/null
+++ b/packages/page-storage/src/Queries.tsx
@@ -0,0 +1,33 @@
+// Copyright 2017-2022 @polkadot/app-storage authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { QueryTypes } from './types';
+
+import React from 'react';
+
+import Query from './Query';
+
+interface Props {
+  onRemove: (id: number) => void;
+  value?: QueryTypes[];
+}
+
+function Queries ({ onRemove, value }: Props): React.ReactElement<Props> | null {
+  if (!value || !value.length) {
+    return null;
+  }
+
+  return (
+    <section className='storage--Queries'>
+      {value.map((query): React.ReactNode =>
+        <Query
+          key={query.id}
+          onRemove={onRemove}
+          value={query}
+        />
+      )}
+    </section>
+  );
+}
+
+export default React.memo(Queries);
diff --git a/packages/page-storage/src/Query.tsx b/packages/page-storage/src/Query.tsx
new file mode 100644
index 0000000..6ffacb2
--- /dev/null
+++ b/packages/page-storage/src/Query.tsx
@@ -0,0 +1,225 @@
+// Copyright 2017-2022 @polkadot/app-storage authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { QueryableStorageEntry } from '@polkadot/api/types';
+import type { ComponentRenderer, DefaultProps, RenderFn } from '@polkadot/react-api/hoc/types';
+import type { ConstValue } from '@polkadot/react-components/InputConsts/types';
+import type { Option, Raw } from '@polkadot/types';
+import type { Registry } from '@polkadot/types/types';
+import type { QueryTypes, StorageModuleQuery } from './types';
+
+import React, { useCallback, useMemo } from 'react';
+import styled from 'styled-components';
+
+import { withCallDiv } from '@polkadot/react-api/hoc';
+import { Button, Labelled } from '@polkadot/react-components';
+import { useApi } from '@polkadot/react-hooks';
+import valueToText from '@polkadot/react-params/valueToText';
+import { getSiName } from '@polkadot/types/metadata/util';
+import { unwrapStorageType } from '@polkadot/types/primitive/StorageKey';
+import { compactStripLength, isU8a, u8aToHex, u8aToString } from '@polkadot/util';
+
+interface Props {
+  className?: string;
+  onRemove: (id: number) => void;
+  value: QueryTypes;
+}
+
+interface CacheInstance {
+  Component: React.ComponentType<any>;
+  render: RenderFn;
+  refresh: (swallowErrors: boolean) => React.ComponentType<any>;
+}
+
+const cache: CacheInstance[] = [];
+
+function keyToName (isConst: boolean, _key: Uint8Array | QueryableStorageEntry<'promise'> | ConstValue): string {
+  if (isConst) {
+    const key = _key as ConstValue;
+
+    return `const ${key.section}.${key.method}`;
+  }
+
+  const key = _key as Uint8Array | QueryableStorageEntry<'promise'>;
+
+  if (isU8a(key)) {
+    const [, u8a] = compactStripLength(key);
+
+    // If the string starts with `:`, handle it as a pure string
+    return u8a[0] === 0x3a
+      ? u8aToString(u8a)
+      : u8aToHex(u8a);
+  }
+
+  return `${key.creator.section}.${key.creator.method}`;
+}
+
+function constTypeToString (registry: Registry, { meta }: ConstValue): string {
+  return getSiName(registry.lookup, meta.type);
+}
+
+function queryTypeToString (registry: Registry, { creator: { meta: { modifier, type } } }: QueryableStorageEntry<'promise'>): string {
+  const _type = unwrapStorageType(registry, type);
+
+  return modifier.isOptional
+    ? `Option<${_type}>`
+    : _type;
+}
+
+function createComponent (type: string, Component: React.ComponentType<any>, defaultProps: DefaultProps, renderHelper: ComponentRenderer): { Component: React.ComponentType<any>; render: (createComponent: RenderFn) => React.ComponentType<any>; refresh: (swallowErrors: boolean) => React.ComponentType<any> } {
+  return {
+    Component,
+    // In order to modify the parameters which are used to render the default component, we can use this method
+    refresh: (): React.ComponentType<any> =>
+      renderHelper(
+        (value: unknown) => <pre>{valueToText(type, value as null)}</pre>,
+        defaultProps
+      ),
+    // In order to replace the default component during runtime we can provide a RenderFn to create a new 'plugged' component
+    render: (createComponent: RenderFn): React.ComponentType<any> =>
+      renderHelper(createComponent, defaultProps)
+  };
+}
+
+function getCachedComponent (registry: Registry, query: QueryTypes): CacheInstance {
+  const { blockHash, id, isConst, key, params = [] } = query as StorageModuleQuery;
+
+  if (!cache[id]) {
+    let renderHelper;
+    let type: string;
+
+    if (isConst) {
+      const { method, section } = key as unknown as ConstValue;
+
+      renderHelper = withCallDiv(`consts.${section}.${method}`, { withIndicator: true });
+      type = constTypeToString(registry, key as unknown as ConstValue);
+    } else {
+      if (isU8a(key)) {
+        // subscribe to the raw key here
+        renderHelper = withCallDiv('rpc.state.subscribeStorage', {
+          paramName: 'params',
+          paramValid: true,
+          params: [[key]],
+          transform: ([data]: Option<Raw>[]): Option<Raw> => data,
+          withIndicator: true
+        });
+      } else {
+        const values: unknown[] = params.map(({ value }) => value);
+        const { creator: { meta: { type } } } = key;
+        const allCount = type.isPlain
+          ? 0
+          : type.asMap.hashers.length;
+        const isEntries = values.length !== allCount;
+
+        renderHelper = withCallDiv('subscribe', {
+          paramName: 'params',
+          paramValid: true,
+          params: isEntries
+            ? [key.entries, ...values]
+            : blockHash
+              ? [key.at, blockHash, ...values]
+              : [key, ...values],
+          withIndicator: true
+        });
+      }
+
+      type = key.creator && key.creator.meta
+        ? queryTypeToString(registry, key)
+        : 'Raw';
+    }
+
+    const defaultProps = { className: 'ui--output' };
+    const Component = renderHelper(
+      // By default we render a simple div node component with the query results in it
+      (value: unknown) => <pre>{valueToText(type, value as null)}</pre>,
+      defaultProps
+    );
+
+    cache[query.id] = createComponent(type, Component, defaultProps, renderHelper);
+  }
+
+  return cache[id];
+}
+
+function Query ({ className = '', onRemove, value }: Props): React.ReactElement<Props> | null {
+  const { api } = useApi();
+  const [{ Component }, callName, callType] = useMemo(
+    () => [
+      getCachedComponent(api.registry, value),
+      keyToName(value.isConst, value.key),
+      value.isConst
+        ? constTypeToString(api.registry, value.key as unknown as ConstValue)
+        : isU8a(value.key)
+          ? 'Raw'
+          : queryTypeToString(api.registry, value.key as QueryableStorageEntry<'promise'>)
+    ],
+    [api, value]
+  );
+
+  const _onRemove = useCallback(
+    (): void => {
+      delete cache[value.id];
+
+      onRemove(value.id);
+    },
+    [onRemove, value]
+  );
+
+  if (!Component) {
+    return null;
+  }
+
+  return (
+    <div className={`storage--Query storage--actionrow ${className}`}>
+      <div className='storage--actionrow-value'>
+        <Labelled
+          label={
+            <div className='storage--actionrow-label'>
+              {callName}: {callType}
+            </div>
+          }
+        >
+          <Component />
+        </Labelled>
+      </div>
+      <div className='storage--actionrow-buttons'>
+        <Button
+          icon='times'
+          key='close'
+          onClick={_onRemove}
+        />
+      </div>
+    </div>
+  );
+}
+
+export default React.memo(styled(Query)`
+  margin-bottom: 0.25em;
+
+  label {
+    text-transform: none !important;
+  }
+
+  .ui.disabled.dropdown.selection {
+    color: #aaa;
+    opacity: 1;
+  }
+
+  .ui--IdentityIcon {
+    margin: -10px 0;
+    vertical-align: middle;
+  }
+
+  pre {
+    margin: 0;
+
+    .ui--Param-text {
+      overflow: hidden;
+      text-overflow: ellipsis;
+    }
+  }
+
+  .storage--actionrow-buttons {
+    margin-top: -0.25rem; /* offset parent spacing for buttons */
+  }
+`);
diff --git a/packages/page-storage/src/Selection/Consts.tsx b/packages/page-storage/src/Selection/Consts.tsx
new file mode 100644
index 0000000..5f06a0b
--- /dev/null
+++ b/packages/page-storage/src/Selection/Consts.tsx
@@ -0,0 +1,58 @@
+// Copyright 2017-2022 @polkadot/app-storage authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { ConstValue } from '@polkadot/react-components/InputConsts/types';
+import type { ConstantCodec } from '@polkadot/types/metadata/decorate/types';
+import type { ComponentProps as Props } from '../types';
+
+import React, { useCallback, useState } from 'react';
+
+import { Button, InputConsts } from '@polkadot/react-components';
+import { useApi } from '@polkadot/react-hooks';
+
+import { useTranslation } from '../translate';
+
+function Consts ({ onAdd }: Props): React.ReactElement<Props> {
+  const { t } = useTranslation();
+  const { api } = useApi();
+  const [defaultValue] = useState<ConstValue>((): ConstValue => {
+    const section = Object.keys(api.consts)[0];
+    const method = Object.keys(api.consts[section])[0];
+
+    return {
+      meta: (api.consts[section][method] as ConstantCodec).meta,
+      method,
+      section
+    };
+  });
+  const [value, setValue] = useState(defaultValue);
+
+  const _onAdd = useCallback(
+    () => onAdd({ isConst: true, key: value }),
+    [onAdd, value]
+  );
+
+  const { method, section } = value;
+  const meta = (api.consts[section][method] as ConstantCodec).meta;
+
+  return (
+    <section className='storage--actionrow'>
+      <div className='storage--actionrow-value'>
+        <InputConsts
+          defaultValue={defaultValue}
+          help={meta?.docs.join(' ')}
+          label={t<string>('selected constant query')}
+          onChange={setValue}
+        />
+      </div>
+      <div className='storage--actionrow-buttons'>
+        <Button
+          icon='plus'
+          onClick={_onAdd}
+        />
+      </div>
+    </section>
+  );
+}
+
+export default React.memo(Consts);
diff --git a/packages/page-storage/src/Selection/Modules.tsx b/packages/page-storage/src/Selection/Modules.tsx
new file mode 100644
index 0000000..862af6a
--- /dev/null
+++ b/packages/page-storage/src/Selection/Modules.tsx
@@ -0,0 +1,280 @@
+// Copyright 2017-2022 @polkadot/app-storage authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { QueryableStorageEntry } from '@polkadot/api/types';
+import type { RawParams } from '@polkadot/react-params/types';
+import type { StorageEntryTypeLatest } from '@polkadot/types/interfaces';
+import type { Inspect, Registry, TypeDef } from '@polkadot/types/types';
+import type { ComponentProps as Props } from '../types';
+
+import React, { useCallback, useMemo, useState } from 'react';
+import styled from 'styled-components';
+
+import { ApiPromise } from '@polkadot/api';
+import { Button, Columar, Input, InputStorage, Inspect as DecodeInspect, Output } from '@polkadot/react-components';
+import { useApi } from '@polkadot/react-hooks';
+import Params from '@polkadot/react-params';
+import { getTypeDef } from '@polkadot/types';
+import { getSiName } from '@polkadot/types/metadata/util';
+import { TypeDefInfo } from '@polkadot/types/types';
+import { compactStripLength, isHex, isNull, isUndefined, u8aToHex } from '@polkadot/util';
+
+import { useTranslation } from '../translate';
+
+interface TypeDefExt extends TypeDef {
+  withOptionActive?: boolean;
+}
+
+type ParamsType = { type: TypeDefExt }[];
+
+interface KeyState {
+  defaultValues: RawParams | undefined | null;
+  isIterable: boolean;
+  key: QueryableStorageEntry<'promise'>;
+  params: ParamsType;
+}
+
+interface ValState {
+  isValid: boolean;
+  values: RawParams;
+}
+
+interface BlockHash {
+  blockHash: string | null;
+  textHash: string;
+}
+
+function areParamsValid ({ creator: { meta: { type } } }: QueryableStorageEntry<'promise'>, values: RawParams): boolean {
+  return values.reduce((isValid: boolean, value) =>
+    isValid &&
+    !isUndefined(value) &&
+    !isUndefined(value.value) &&
+    value.isValid,
+  (values.length === (type.isPlain ? 0 : type.asMap.hashers.length)));
+}
+
+function expandParams (registry: Registry, st: StorageEntryTypeLatest, isIterable: boolean): ParamsType {
+  let types: string[] = [];
+
+  if (st.isMap) {
+    const { hashers, key } = st.asMap;
+
+    types = hashers.length === 1
+      ? [getSiName(registry.lookup, key)]
+      : registry.lookup.getSiType(key).def.asTuple.map((k) => getSiName(registry.lookup, k));
+  }
+
+  return types.map((str, index) => {
+    let type: TypeDefExt;
+
+    if (isIterable && index === (types.length - 1)) {
+      type = getTypeDef(`Option<${str}>`);
+      type.withOptionActive = true;
+    } else {
+      type = getTypeDef(str);
+    }
+
+    return { type };
+  });
+}
+
+function checkIterable (registry: Registry, type: StorageEntryTypeLatest): boolean {
+  // in the case of Option<type> keys, we don't allow map iteration, in this case
+  // we would have option for the iterable and then option for the key value
+  if (type.isPlain) {
+    return true;
+  }
+
+  const { hashers, key } = type.asMap;
+
+  if (hashers.length === 1) {
+    return registry.lookup.getTypeDef(key).info !== TypeDefInfo.Option;
+  }
+
+  const keys = registry.lookup.getSiType(key).def.asTuple;
+
+  return registry.lookup.getTypeDef(keys[keys.length - 1]).info !== TypeDefInfo.Option;
+}
+
+function expandKey (api: ApiPromise, key: QueryableStorageEntry<'promise'>): KeyState {
+  const { creator: { meta: { type }, section } } = key;
+  const isIterable = checkIterable(api.registry, type);
+
+  return {
+    defaultValues: section === 'session' && type.isMap && api.consts.session && api.consts.session.dedupKeyPrefix
+      ? [{ isValid: true, value: api.consts.session.dedupKeyPrefix.toHex() }]
+      : null,
+    isIterable,
+    key,
+    params: expandParams(api.registry, type, isIterable)
+  };
+}
+
+function extractParams (isIterable: boolean, values: RawParams): [RawParams, boolean] {
+  const params = values.filter(({ value }, index) => !isIterable || (index !== values.length - 1) || !isNull(value));
+
+  return [params, params.length === values.length];
+}
+
+function Modules ({ className = '', onAdd }: Props): React.ReactElement<Props> {
+  const { t } = useTranslation();
+  const { api } = useApi();
+  const [{ defaultValues, isIterable, key, params }, setKey] = useState<KeyState>(() => ({ defaultValues: undefined, isHeadKey: true, isIterable: false, key: api.query.timestamp?.now || api.query.system.events, params: [] }));
+  const [{ isValid, values }, setValues] = useState<ValState>(() => ({ isValid: true, values: [] }));
+  const [{ blockHash, textHash }, setBlockHash] = useState<BlockHash>({ blockHash: null, textHash: '' });
+
+  const startValue = useMemo(
+    () => (
+      api.query.timestamp?.now ||
+      api.query.system?.events ||
+      api.query.substrate.changesTrieConfig
+    ),
+    [api]
+  );
+
+  const [isPartialKey, hexKey, inspect] = useMemo(
+    (): [boolean, string, Inspect | null] => {
+      if (isValid) {
+        try {
+          const [params] = extractParams(isIterable, values);
+          const args = params.map(({ value }) => value);
+          const isPartialKey = args.length !== (
+            key.creator.meta.type.isPlain
+              ? 0
+              : key.creator.meta.type.asMap.hashers.length
+          );
+          const hexKey = isPartialKey && key.creator.iterKey
+            ? key.creator.iterKey(...args).toHex()
+            : u8aToHex(compactStripLength(key.creator(...args))[1]);
+          const inspect = isPartialKey
+            ? null
+            : key.creator.inspect(...args);
+
+          return [isPartialKey, hexKey, inspect];
+        } catch {
+          // ignore
+        }
+      }
+
+      return [false, '0x', null];
+    },
+    [isIterable, isValid, key, values]
+  );
+
+  const _onAdd = useCallback(
+    (): void => {
+      const [params, isAtEnabled] = extractParams(isIterable, values);
+
+      isValid && onAdd({
+        blockHash: isAtEnabled
+          ? blockHash
+          : null,
+        isConst: false,
+        key,
+        params
+      });
+    },
+    [blockHash, isIterable, isValid, key, onAdd, values]
+  );
+
+  const _onChangeAt = useCallback(
+    (textHash: string) => setBlockHash({
+      blockHash: isHex(textHash, 256)
+        ? textHash
+        : null,
+      textHash
+    }),
+    []
+  );
+
+  const _onChangeValues = useCallback(
+    (values: RawParams) => setValues({
+      isValid: areParamsValid(key, values),
+      values
+    }),
+    [key]
+  );
+
+  const _onChangeKey = useCallback(
+    (key: QueryableStorageEntry<'promise'>): void => {
+      setKey(expandKey(api, key));
+      _onChangeValues([]);
+    },
+    [_onChangeValues, api]
+  );
+
+  const isAtAllowed = useMemo(
+    () => isValid
+      ? extractParams(isIterable, values)[1]
+      : false,
+    [isIterable, isValid, values]
+  );
+
+  const { creator: { meta, method, section } } = key;
+
+  return (
+    <section className={`${className} storage--actionrow`}>
+      <div className='storage--actionrow-value'>
+        <InputStorage
+          defaultValue={startValue}
+          help={meta && meta.docs.join(' ')}
+          label={t<string>('selected state query')}
+          onChange={_onChangeKey}
+        />
+        <Params
+          key={`${section}.${method}:params` /* force re-render on change */}
+          onChange={_onChangeValues}
+          onEnter={_onAdd}
+          params={params}
+          values={defaultValues}
+        />
+        <Input
+          isDisabled={!isValid || !isAtAllowed}
+          isError={!!textHash && !blockHash}
+          label={t<string>('blockhash to query at')}
+          onChange={_onChangeAt}
+          placeholder={t<string>('0x...')}
+        />
+        <Columar
+          className='keyColumar'
+          isPadded={false}
+        >
+          <Columar.Column>
+            <Output
+              isDisabled
+              label={isPartialKey
+                ? t<string>('encoded partial key')
+                : t<string>('encoded storage key')
+              }
+              value={hexKey}
+              withCopy
+            />
+          </Columar.Column>
+          <Columar.Column>
+            <DecodeInspect
+              inspect={inspect}
+              label={t<string>('encoded key details')}
+            />
+          </Columar.Column>
+        </Columar>
+      </div>
+      <div className='storage--actionrow-buttons'>
+        <Button
+          icon='plus'
+          isDisabled={!isValid}
+          onClick={_onAdd}
+        />
+      </div>
+    </section>
+  );
+}
+
+export default React.memo(styled(Modules)`
+  .ui--Column:last-child .ui--Labelled {
+    padding-left: 0.5rem;
+
+    label {
+      left: 2.05rem; /* 3.55 - 1.5 (diff from padding above) */
+    }
+  }
+`);
diff --git a/packages/page-storage/src/Selection/Raw.tsx b/packages/page-storage/src/Selection/Raw.tsx
new file mode 100644
index 0000000..a2d6c1f
--- /dev/null
+++ b/packages/page-storage/src/Selection/Raw.tsx
@@ -0,0 +1,57 @@
+// Copyright 2017-2022 @polkadot/app-storage authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { ComponentProps as Props } from '../types';
+
+import React, { useCallback, useState } from 'react';
+
+import { Button, Input } from '@polkadot/react-components';
+import { compactAddLength, u8aToU8a } from '@polkadot/util';
+
+import { useTranslation } from '../translate';
+
+function Raw ({ onAdd }: Props): React.ReactElement<Props> {
+  const { t } = useTranslation();
+  const [{ isValid, key }, setValue] = useState<{ isValid: boolean; key: Uint8Array }>(() => ({ isValid: false, key: new Uint8Array([]) }));
+
+  const _onAdd = useCallback(
+    (): void => {
+      isValid && onAdd({ isConst: false, key });
+    },
+    [isValid, key, onAdd]
+  );
+
+  const _onChangeKey = useCallback(
+    (key: string): void => {
+      const u8a = u8aToU8a(key);
+
+      setValue({
+        isValid: u8a.length !== 0,
+        key: compactAddLength(u8a)
+      });
+    },
+    []
+  );
+
+  return (
+    <section className='storage--actionrow'>
+      <div className='storage--actionrow-value'>
+        <Input
+          autoFocus
+          label={t<string>('hex-encoded storage key')}
+          onChange={_onChangeKey}
+          onEnter={_onAdd}
+        />
+      </div>
+      <div className='storage--actionrow-buttons'>
+        <Button
+          icon='plus'
+          isDisabled={!isValid}
+          onClick={_onAdd}
+        />
+      </div>
+    </section>
+  );
+}
+
+export default React.memo(Raw);
diff --git a/packages/page-storage/src/Selection/index.tsx b/packages/page-storage/src/Selection/index.tsx
new file mode 100644
index 0000000..25181c7
--- /dev/null
+++ b/packages/page-storage/src/Selection/index.tsx
@@ -0,0 +1,62 @@
+// Copyright 2017-2022 @polkadot/app-storage authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { ParitalQueryTypes, QueryTypes } from '../types';
+
+import React, { useCallback, useRef } from 'react';
+import { Route, Switch } from 'react-router';
+
+import { Tabs } from '@polkadot/react-components';
+
+import { useTranslation } from '../translate';
+import Consts from './Consts';
+import Modules from './Modules';
+import Raw from './Raw';
+
+interface Props {
+  basePath: string;
+  onAdd: (query: QueryTypes) => void;
+}
+
+let id = -1;
+
+function Selection ({ basePath, onAdd }: Props): React.ReactElement<Props> {
+  const { t } = useTranslation();
+
+  const itemsRef = useRef([
+    {
+      isRoot: true,
+      name: 'modules',
+      text: t<string>('Storage')
+    },
+    {
+      name: 'constants',
+      text: t<string>('Constants')
+    },
+    {
+      name: 'raw',
+      text: t<string>('Raw storage')
+    }
+  ]);
+
+  const _onAdd = useCallback(
+    (query: ParitalQueryTypes): void => onAdd({ ...query, id: ++id }),
+    [onAdd]
+  );
+
+  return (
+    <>
+      <Tabs
+        basePath={basePath}
+        items={itemsRef.current}
+      />
+      <Switch>
+        <Route path={`${basePath}/constants`}><Consts onAdd={_onAdd} /></Route>
+        <Route path={`${basePath}/raw`}><Raw onAdd={_onAdd} /></Route>
+        <Route><Modules onAdd={_onAdd} /></Route>
+      </Switch>
+    </>
+  );
+}
+
+export default React.memo(Selection);
diff --git a/packages/page-storage/src/index.tsx b/packages/page-storage/src/index.tsx
new file mode 100644
index 0000000..040eba3
--- /dev/null
+++ b/packages/page-storage/src/index.tsx
@@ -0,0 +1,69 @@
+// Copyright 2017-2022 @polkadot/app-storage authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { AppProps as Props } from '@polkadot/react-components/types';
+import type { QueryTypes } from './types';
+
+import React, { useCallback, useState } from 'react';
+import styled from 'styled-components';
+
+import Queries from './Queries';
+import Selection from './Selection';
+
+function StorageApp ({ basePath, className = '' }: Props): React.ReactElement<Props> {
+  const [queue, setQueue] = useState<QueryTypes[]>([]);
+
+  const _onAdd = useCallback(
+    (query: QueryTypes) => setQueue((queue: QueryTypes[]) => [query, ...queue]),
+    []
+  );
+
+  const _onRemove = useCallback(
+    (id: number) => setQueue((queue: QueryTypes[]) => queue.filter((item) => item.id !== id)),
+    []
+  );
+
+  return (
+    <main className={`storage--App ${className}`}>
+      <Selection
+        basePath={basePath}
+        onAdd={_onAdd}
+      />
+      <Queries
+        onRemove={_onRemove}
+        value={queue}
+      />
+    </main>
+  );
+}
+
+export default React.memo(styled(StorageApp)`
+  .storage--actionrow {
+    align-items: flex-start;
+    display: flex;
+
+    .ui--Button {
+      margin: 0.25rem;
+    }
+
+    &.head {
+      flex: 1 1 100%;
+      margin: 0 auto;
+      max-width: 620px;
+    }
+  }
+
+  .storage--actionrow-value {
+    flex: 1;
+    min-width: 0;
+
+    .ui--output {
+      word-break: break-all;
+    }
+  }
+
+  .storage--actionrow-buttons {
+    flex: 0;
+    padding: 0.5rem 0.25rem;
+  }
+`);
diff --git a/packages/page-storage/src/translate.ts b/packages/page-storage/src/translate.ts
new file mode 100644
index 0000000..c0f70e5
--- /dev/null
+++ b/packages/page-storage/src/translate.ts
@@ -0,0 +1,10 @@
+// Copyright 2017-2022 @polkadot/app-storage authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { UseTranslationResponse } from 'react-i18next';
+
+import { useTranslation as useTranslationBase } from 'react-i18next';
+
+export function useTranslation (): UseTranslationResponse<'app-storage', undefined> {
+  return useTranslationBase('app-storage');
+}
diff --git a/packages/page-storage/src/types.ts b/packages/page-storage/src/types.ts
new file mode 100644
index 0000000..9d6e40b
--- /dev/null
+++ b/packages/page-storage/src/types.ts
@@ -0,0 +1,43 @@
+// Copyright 2017-2022 @polkadot/app-storage authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { QueryableStorageEntry } from '@polkadot/api/types';
+import type { ConstValue } from '@polkadot/react-components/InputConsts/types';
+import type { RawParams } from '@polkadot/react-params/types';
+
+interface Base {
+  isConst: boolean;
+}
+
+interface IdQuery extends Base {
+  id: number;
+}
+
+export interface PartialModuleQuery extends Base {
+  blockHash: string | null;
+  key: QueryableStorageEntry<'promise'>;
+  params: RawParams;
+}
+
+export type StorageModuleQuery = PartialModuleQuery & IdQuery;
+
+export interface PartialRawQuery extends Base {
+  key: Uint8Array;
+}
+
+export type StorageRawQuery = PartialRawQuery & IdQuery;
+
+export interface PartialConstQuery extends Base {
+  key: ConstValue;
+}
+
+export type ConstQuery = PartialConstQuery & IdQuery;
+
+export type QueryTypes = StorageModuleQuery | StorageRawQuery | ConstQuery;
+
+export type ParitalQueryTypes = PartialModuleQuery | PartialRawQuery | PartialConstQuery;
+
+export interface ComponentProps {
+  className?: string;
+  onAdd: (query: ParitalQueryTypes) => void;
+}
diff --git a/packages/page-storage/tsconfig.build.json b/packages/page-storage/tsconfig.build.json
new file mode 100644
index 0000000..da24d9f
--- /dev/null
+++ b/packages/page-storage/tsconfig.build.json
@@ -0,0 +1,9 @@
+{
+  "extends": "../../tsconfig.base.json",
+  "compilerOptions": {
+    "baseUrl": "..",
+    "outDir": "./build",
+    "rootDir": "./src"
+  },
+  "references": []
+}
diff --git a/packages/page-sudo/.skip-build b/packages/page-sudo/.skip-build
new file mode 100644
index 0000000..e69de29
diff --git a/packages/page-sudo/.skip-npm b/packages/page-sudo/.skip-npm
new file mode 100644
index 0000000..e69de29
diff --git a/packages/page-sudo/LICENSE b/packages/page-sudo/LICENSE
new file mode 100644
index 0000000..0d381b2
--- /dev/null
+++ b/packages/page-sudo/LICENSE
@@ -0,0 +1,201 @@
+                              Apache License
+                        Version 2.0, January 2004
+                    http://www.apache.org/licenses/
+
+TERMS AND CONDITIONS FOR USE, REPRODUCTION, AND DISTRIBUTION
+
+1. Definitions.
+
+  "License" shall mean the terms and conditions for use, reproduction,
+  and distribution as defined by Sections 1 through 9 of this document.
+
+  "Licensor" shall mean the copyright owner or entity authorized by
+  the copyright owner that is granting the License.
+
+  "Legal Entity" shall mean the union of the acting entity and all
+  other entities that control, are controlled by, or are under common
+  control with that entity. For the purposes of this definition,
+  "control" means (i) the power, direct or indirect, to cause the
+  direction or management of such entity, whether by contract or
+  otherwise, or (ii) ownership of fifty percent (50%) or more of the
+  outstanding shares, or (iii) beneficial ownership of such entity.
+
+  "You" (or "Your") shall mean an individual or Legal Entity
+  exercising permissions granted by this License.
+
+  "Source" form shall mean the preferred form for making modifications,
+  including but not limited to software source code, documentation
+  source, and configuration files.
+
+  "Object" form shall mean any form resulting from mechanical
+  transformation or translation of a Source form, including but
+  not limited to compiled object code, generated documentation,
+  and conversions to other media types.
+
+  "Work" shall mean the work of authorship, whether in Source or
+  Object form, made available under the License, as indicated by a
+  copyright notice that is included in or attached to the work
+  (an example is provided in the Appendix below).
+
+  "Derivative Works" shall mean any work, whether in Source or Object
+  form, that is based on (or derived from) the Work and for which the
+  editorial revisions, annotations, elaborations, or other modifications
+  represent, as a whole, an original work of authorship. For the purposes
+  of this License, Derivative Works shall not include works that remain
+  separable from, or merely link (or bind by name) to the interfaces of,
+  the Work and Derivative Works thereof.
+
+  "Contribution" shall mean any work of authorship, including
+  the original version of the Work and any modifications or additions
+  to that Work or Derivative Works thereof, that is intentionally
+  submitted to Licensor for inclusion in the Work by the copyright owner
+  or by an individual or Legal Entity authorized to submit on behalf of
+  the copyright owner. For the purposes of this definition, "submitted"
+  means any form of electronic, verbal, or written communication sent
+  to the Licensor or its representatives, including but not limited to
+  communication on electronic mailing lists, source code control systems,
+  and issue tracking systems that are managed by, or on behalf of, the
+  Licensor for the purpose of discussing and improving the Work, but
+  excluding communication that is conspicuously marked or otherwise
+  designated in writing by the copyright owner as "Not a Contribution."
+
+  "Contributor" shall mean Licensor and any individual or Legal Entity
+  on behalf of whom a Contribution has been received by Licensor and
+  subsequently incorporated within the Work.
+
+2. Grant of Copyright License. Subject to the terms and conditions of
+  this License, each Contributor hereby grants to You a perpetual,
+  worldwide, non-exclusive, no-charge, royalty-free, irrevocable
+  copyright license to reproduce, prepare Derivative Works of,
+  publicly display, publicly perform, sublicense, and distribute the
+  Work and such Derivative Works in Source or Object form.
+
+3. Grant of Patent License. Subject to the terms and conditions of
+  this License, each Contributor hereby grants to You a perpetual,
+  worldwide, non-exclusive, no-charge, royalty-free, irrevocable
+  (except as stated in this section) patent license to make, have made,
+  use, offer to sell, sell, import, and otherwise transfer the Work,
+  where such license applies only to those patent claims licensable
+  by such Contributor that are necessarily infringed by their
+  Contribution(s) alone or by combination of their Contribution(s)
+  with the Work to which such Contribution(s) was submitted. If You
+  institute patent litigation against any entity (including a
+  cross-claim or counterclaim in a lawsuit) alleging that the Work
+  or a Contribution incorporated within the Work constitutes direct
+  or contributory patent infringement, then any patent licenses
+  granted to You under this License for that Work shall terminate
+  as of the date such litigation is filed.
+
+4. Redistribution. You may reproduce and distribute copies of the
+  Work or Derivative Works thereof in any medium, with or without
+  modifications, and in Source or Object form, provided that You
+  meet the following conditions:
+
+  (a) You must give any other recipients of the Work or
+      Derivative Works a copy of this License; and
+
+  (b) You must cause any modified files to carry prominent notices
+      stating that You changed the files; and
+
+  (c) You must retain, in the Source form of any Derivative Works
+      that You distribute, all copyright, patent, trademark, and
+      attribution notices from the Source form of the Work,
+      excluding those notices that do not pertain to any part of
+      the Derivative Works; and
+
+  (d) If the Work includes a "NOTICE" text file as part of its
+      distribution, then any Derivative Works that You distribute must
+      include a readable copy of the attribution notices contained
+      within such NOTICE file, excluding those notices that do not
+      pertain to any part of the Derivative Works, in at least one
+      of the following places: within a NOTICE text file distributed
+      as part of the Derivative Works; within the Source form or
+      documentation, if provided along with the Derivative Works; or,
+      within a display generated by the Derivative Works, if and
+      wherever such third-party notices normally appear. The contents
+      of the NOTICE file are for informational purposes only and
+      do not modify the License. You may add Your own attribution
+      notices within Derivative Works that You distribute, alongside
+      or as an addendum to the NOTICE text from the Work, provided
+      that such additional attribution notices cannot be construed
+      as modifying the License.
+
+  You may add Your own copyright statement to Your modifications and
+  may provide additional or different license terms and conditions
+  for use, reproduction, or distribution of Your modifications, or
+  for any such Derivative Works as a whole, provided Your use,
+  reproduction, and distribution of the Work otherwise complies with
+  the conditions stated in this License.
+
+5. Submission of Contributions. Unless You explicitly state otherwise,
+  any Contribution intentionally submitted for inclusion in the Work
+  by You to the Licensor shall be under the terms and conditions of
+  this License, without any additional terms or conditions.
+  Notwithstanding the above, nothing herein shall supersede or modify
+  the terms of any separate license agreement you may have executed
+  with Licensor regarding such Contributions.
+
+6. Trademarks. This License does not grant permission to use the trade
+  names, trademarks, service marks, or product names of the Licensor,
+  except as required for reasonable and customary use in describing the
+  origin of the Work and reproducing the content of the NOTICE file.
+
+7. Disclaimer of Warranty. Unless required by applicable law or
+  agreed to in writing, Licensor provides the Work (and each
+  Contributor provides its Contributions) on an "AS IS" BASIS,
+  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or
+  implied, including, without limitation, any warranties or conditions
+  of TITLE, NON-INFRINGEMENT, MERCHANTABILITY, or FITNESS FOR A
+  PARTICULAR PURPOSE. You are solely responsible for determining the
+  appropriateness of using or redistributing the Work and assume any
+  risks associated with Your exercise of permissions under this License.
+
+8. Limitation of Liability. In no event and under no legal theory,
+  whether in tort (including negligence), contract, or otherwise,
+  unless required by applicable law (such as deliberate and grossly
+  negligent acts) or agreed to in writing, shall any Contributor be
+  liable to You for damages, including any direct, indirect, special,
+  incidental, or consequential damages of any character arising as a
+  result of this License or out of the use or inability to use the
+  Work (including but not limited to damages for loss of goodwill,
+  work stoppage, computer failure or malfunction, or any and all
+  other commercial damages or losses), even if such Contributor
+  has been advised of the possibility of such damages.
+
+9. Accepting Warranty or Additional Liability. While redistributing
+  the Work or Derivative Works thereof, You may choose to offer,
+  and charge a fee for, acceptance of support, warranty, indemnity,
+  or other liability obligations and/or rights consistent with this
+  License. However, in accepting such obligations, You may act only
+  on Your own behalf and on Your sole responsibility, not on behalf
+  of any other Contributor, and only if You agree to indemnify,
+  defend, and hold each Contributor harmless for any liability
+  incurred by, or claims asserted against, such Contributor by reason
+  of your accepting any such warranty or additional liability.
+
+END OF TERMS AND CONDITIONS
+
+APPENDIX: How to apply the Apache License to your work.
+
+  To apply the Apache License to your work, attach the following
+  boilerplate notice, with the fields enclosed by brackets "[]"
+  replaced with your own identifying information. (Don't include
+  the brackets!)  The text should be enclosed in the appropriate
+  comment syntax for the file format. We also recommend that a
+  file or class name and description of purpose be included on the
+  same "printed page" as the copyright notice for easier
+  identification within third-party archives.
+
+Copyright [yyyy] [name of copyright owner]
+
+Licensed under the Apache License, Version 2.0 (the "License");
+you may not use this file except in compliance with the License.
+You may obtain a copy of the License at
+
+    http://www.apache.org/licenses/LICENSE-2.0
+
+Unless required by applicable law or agreed to in writing, software
+distributed under the License is distributed on an "AS IS" BASIS,
+WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+See the License for the specific language governing permissions and
+limitations under the License.
diff --git a/packages/page-sudo/README.md b/packages/page-sudo/README.md
new file mode 100644
index 0000000..7ace253
--- /dev/null
+++ b/packages/page-sudo/README.md
@@ -0,0 +1 @@
+# @polkadot/app-sudo
diff --git a/packages/page-sudo/package.json b/packages/page-sudo/package.json
new file mode 100644
index 0000000..6647ac0
--- /dev/null
+++ b/packages/page-sudo/package.json
@@ -0,0 +1,19 @@
+{
+  "bugs": "https://github.com/polkadot-js/apps/issues",
+  "homepage": "https://github.com/polkadot-js/apps/tree/master/packages/page-sudo#readme",
+  "license": "Apache-2.0",
+  "name": "@polkadot/app-sudo",
+  "private": true,
+  "repository": {
+    "directory": "packages/page-sudo",
+    "type": "git",
+    "url": "https://github.com/polkadot-js/apps.git"
+  },
+  "sideEffects": false,
+  "type": "module",
+  "version": "0.112.2-14",
+  "dependencies": {
+    "@babel/runtime": "^7.17.9",
+    "@polkadot/react-components": "^0.112.2-14"
+  }
+}
diff --git a/packages/page-sudo/src/SetKey.tsx b/packages/page-sudo/src/SetKey.tsx
new file mode 100644
index 0000000..6475049
--- /dev/null
+++ b/packages/page-sudo/src/SetKey.tsx
@@ -0,0 +1,92 @@
+// Copyright 2017-2022 @polkadot/app-js authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import React, { useEffect, useState } from 'react';
+import styled from 'styled-components';
+
+import { AddressMini, InputAddress, Labelled, TxButton } from '@polkadot/react-components';
+import { useApi } from '@polkadot/react-hooks';
+
+import { useTranslation } from './translate';
+
+interface Props {
+  allAccounts: string[];
+  className?: string;
+  isMine?: boolean;
+  sudoKey?: string;
+}
+
+function SetKey ({ allAccounts, className = '', isMine, sudoKey }: Props): React.ReactElement<Props> {
+  const { t } = useTranslation();
+  const { api } = useApi();
+  const [selected, setSelected] = useState<string | null>(null);
+
+  useEffect((): void => {
+    sudoKey && !selected && setSelected(sudoKey);
+  }, [selected, sudoKey]);
+
+  const willLose = isMine &&
+    !!selected &&
+    selected !== sudoKey &&
+    allAccounts.some((s): boolean => s === selected);
+
+  return (
+    <section>
+      <section className={`${className} ui--row`}>
+        {isMine
+          ? (
+            <>
+              <InputAddress
+                className='sudoInputAddress'
+                isInput={true}
+                label={t<string>('sudo key')}
+                onChange={setSelected}
+                type='all'
+                value={selected}
+              />
+              <TxButton
+                accountId={sudoKey}
+                icon='sign-in-alt'
+                isDisabled={!isMine || sudoKey === selected}
+                label={t<string>('Reassign')}
+                params={[selected]}
+                tx={api.tx.sudo.setKey}
+              />
+            </>
+          )
+          : (
+            <Labelled
+              className='ui--Dropdown sudoLabelled'
+              label={t<string>('sudo key')}
+              withLabel
+            >
+              <AddressMini value={sudoKey} />
+            </Labelled>
+          )
+        }
+      </section>
+      {willLose && (
+        <article className='warning padded'>
+          <div>{t<string>('You will no longer have sudo access')}</div>
+        </article>
+      )}
+    </section>
+  );
+}
+
+export default React.memo(styled(SetKey)`
+  align-items: flex-end;
+  justify-content: center;
+
+  .summary {
+    text-align: center;
+  }
+
+  .sudoInputAddress {
+    margin: -0.25rem 0.5rem -0.25rem 0;
+  }
+
+  .sudoLabelled {
+    align-items: center;
+  }
+`);
diff --git a/packages/page-sudo/src/Sudo.tsx b/packages/page-sudo/src/Sudo.tsx
new file mode 100644
index 0000000..3ee49ca
--- /dev/null
+++ b/packages/page-sudo/src/Sudo.tsx
@@ -0,0 +1,105 @@
+// Copyright 2017-2022 @polkadot/app-js authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { SubmittableExtrinsic } from '@polkadot/api/types';
+import type { BN } from '@polkadot/util';
+
+import React, { useCallback, useState } from 'react';
+import styled from 'styled-components';
+
+import { Button, Extrinsic, Icon, InputNumber, Toggle, TxButton } from '@polkadot/react-components';
+import { useApi, useToggle } from '@polkadot/react-hooks';
+import { BN_ZERO, isFunction } from '@polkadot/util';
+
+import { useTranslation } from './translate';
+
+interface Props {
+  className?: string;
+  isMine: boolean;
+  sudoKey?: string;
+}
+
+function Sudo ({ className, isMine, sudoKey }: Props): React.ReactElement<Props> {
+  const { t } = useTranslation();
+  const { api, apiDefaultTxSudo } = useApi();
+  const [withWeight, toggleWithWeight] = useToggle();
+  const [method, setMethod] = useState<SubmittableExtrinsic<'promise'> | null>(null);
+  const [weight, setWeight] = useState<BN>(BN_ZERO);
+
+  const _onChangeExtrinsic = useCallback(
+    (method: SubmittableExtrinsic<'promise'> | null = null) => setMethod(() => method),
+    []
+  );
+
+  const _onChangeWeight = useCallback(
+    (weight: BN = BN_ZERO) => setWeight(weight),
+    []
+  );
+
+  return isMine
+    ? (
+      <section className={className}>
+        <Extrinsic
+          defaultValue={apiDefaultTxSudo}
+          label={t<string>('submit the following change')}
+          onChange={_onChangeExtrinsic}
+        />
+        {isFunction(api.tx.sudo.sudoUncheckedWeight) && (
+          <InputNumber
+            help={t<string>('The unchecked weight as specified for the sudoUncheckedWeight call.')}
+            isDisabled={!withWeight}
+            isError={weight.eq(BN_ZERO)}
+            isZeroable={false}
+            label={t<string>('unchecked weight for this call')}
+            onChange={_onChangeWeight}
+            value={weight}
+          >
+            <Toggle
+              className='sudoToggle'
+              isOverlay
+              label={t<string>('with weight override')}
+              onChange={toggleWithWeight}
+              value={withWeight}
+            />
+          </InputNumber>
+        )}
+        <Button.Group>
+          <TxButton
+            accountId={sudoKey}
+            icon='sign-in-alt'
+            isDisabled={!method || (withWeight ? weight.eq(BN_ZERO) : false)}
+            label={
+              withWeight
+                ? t<string>('Submit Sudo Unchecked')
+                : t<string>('Submit Sudo')
+            }
+            params={
+              withWeight
+                ? [method, weight]
+                : [method]
+            }
+            tx={
+              withWeight
+                ? api.tx.sudo.sudoUncheckedWeight
+                : api.tx.sudo.sudo
+            }
+          />
+        </Button.Group>
+      </section>
+    )
+    : (
+      <article className='error padded'>
+        <div>
+          <Icon icon='ban' />
+          {t<string>('You do not have access to the current sudo key')}
+        </div>
+      </article>
+    );
+}
+
+export default React.memo(styled(Sudo)`
+  .sudoToggle {
+    width: 100%;
+    text-align: right;
+  }
+`);
diff --git a/packages/page-sudo/src/index.tsx b/packages/page-sudo/src/index.tsx
new file mode 100644
index 0000000..ddf3e73
--- /dev/null
+++ b/packages/page-sudo/src/index.tsx
@@ -0,0 +1,70 @@
+// Copyright 2017-2022 @polkadot/app-js authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { AppProps as Props } from '@polkadot/react-components/types';
+
+import React, { useRef } from 'react';
+import { Route, Switch } from 'react-router';
+
+import { Icon, Tabs } from '@polkadot/react-components';
+import { useSudo } from '@polkadot/react-hooks';
+
+import SetKey from './SetKey';
+import Sudo from './Sudo';
+import { useTranslation } from './translate';
+
+function SudoApp ({ basePath }: Props): React.ReactElement<Props> {
+  const { t } = useTranslation();
+  const { allAccounts, hasSudoKey, sudoKey } = useSudo();
+
+  const itemsRef = useRef([
+    {
+      isRoot: true,
+      name: 'index',
+      text: t<string>('Sudo access')
+    },
+    {
+      name: 'key',
+      text: t<string>('Set sudo key')
+    }
+  ]);
+
+  return (
+    <main>
+      <Tabs
+        basePath={basePath}
+        items={itemsRef.current}
+      />
+      {hasSudoKey
+        ? (
+          <Switch>
+            <Route path={`${basePath}/key`}>
+              <SetKey
+                allAccounts={allAccounts}
+                isMine={hasSudoKey}
+                sudoKey={sudoKey}
+              />
+            </Route>
+            <Route>
+              <Sudo
+                allAccounts={allAccounts}
+                isMine={hasSudoKey}
+                sudoKey={sudoKey}
+              />
+            </Route>
+          </Switch>
+        )
+        : (
+          <article className='error padded'>
+            <div>
+              <Icon icon='ban' />
+              {t<string>('You do not have access to the current sudo key')}
+            </div>
+          </article>
+        )
+      }
+    </main>
+  );
+}
+
+export default React.memo(SudoApp);
diff --git a/packages/page-sudo/src/translate.ts b/packages/page-sudo/src/translate.ts
new file mode 100644
index 0000000..be3c9b8
--- /dev/null
+++ b/packages/page-sudo/src/translate.ts
@@ -0,0 +1,10 @@
+// Copyright 2017-2022 @polkadot/app-sudo authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { UseTranslationResponse } from 'react-i18next';
+
+import { useTranslation as useTranslationBase } from 'react-i18next';
+
+export function useTranslation (): UseTranslationResponse<'app-sudo', undefined> {
+  return useTranslationBase('app-sudo');
+}
diff --git a/packages/page-sudo/src/types.ts b/packages/page-sudo/src/types.ts
new file mode 100644
index 0000000..9a6fccd
--- /dev/null
+++ b/packages/page-sudo/src/types.ts
@@ -0,0 +1,9 @@
+// Copyright 2017-2022 @polkadot/app-staking authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+export interface ComponentProps {
+  allAccounts: string[];
+  className?: string;
+  isMine: boolean;
+  sudoKey?: string;
+}
diff --git a/packages/page-sudo/tsconfig.build.json b/packages/page-sudo/tsconfig.build.json
new file mode 100644
index 0000000..da24d9f
--- /dev/null
+++ b/packages/page-sudo/tsconfig.build.json
@@ -0,0 +1,9 @@
+{
+  "extends": "../../tsconfig.base.json",
+  "compilerOptions": {
+    "baseUrl": "..",
+    "outDir": "./build",
+    "rootDir": "./src"
+  },
+  "references": []
+}
diff --git a/packages/page-tech-comm/.skip-build b/packages/page-tech-comm/.skip-build
new file mode 100644
index 0000000..e69de29
diff --git a/packages/page-tech-comm/.skip-npm b/packages/page-tech-comm/.skip-npm
new file mode 100644
index 0000000..e69de29
diff --git a/packages/page-tech-comm/LICENSE b/packages/page-tech-comm/LICENSE
new file mode 100644
index 0000000..0d381b2
--- /dev/null
+++ b/packages/page-tech-comm/LICENSE
@@ -0,0 +1,201 @@
+                              Apache License
+                        Version 2.0, January 2004
+                    http://www.apache.org/licenses/
+
+TERMS AND CONDITIONS FOR USE, REPRODUCTION, AND DISTRIBUTION
+
+1. Definitions.
+
+  "License" shall mean the terms and conditions for use, reproduction,
+  and distribution as defined by Sections 1 through 9 of this document.
+
+  "Licensor" shall mean the copyright owner or entity authorized by
+  the copyright owner that is granting the License.
+
+  "Legal Entity" shall mean the union of the acting entity and all
+  other entities that control, are controlled by, or are under common
+  control with that entity. For the purposes of this definition,
+  "control" means (i) the power, direct or indirect, to cause the
+  direction or management of such entity, whether by contract or
+  otherwise, or (ii) ownership of fifty percent (50%) or more of the
+  outstanding shares, or (iii) beneficial ownership of such entity.
+
+  "You" (or "Your") shall mean an individual or Legal Entity
+  exercising permissions granted by this License.
+
+  "Source" form shall mean the preferred form for making modifications,
+  including but not limited to software source code, documentation
+  source, and configuration files.
+
+  "Object" form shall mean any form resulting from mechanical
+  transformation or translation of a Source form, including but
+  not limited to compiled object code, generated documentation,
+  and conversions to other media types.
+
+  "Work" shall mean the work of authorship, whether in Source or
+  Object form, made available under the License, as indicated by a
+  copyright notice that is included in or attached to the work
+  (an example is provided in the Appendix below).
+
+  "Derivative Works" shall mean any work, whether in Source or Object
+  form, that is based on (or derived from) the Work and for which the
+  editorial revisions, annotations, elaborations, or other modifications
+  represent, as a whole, an original work of authorship. For the purposes
+  of this License, Derivative Works shall not include works that remain
+  separable from, or merely link (or bind by name) to the interfaces of,
+  the Work and Derivative Works thereof.
+
+  "Contribution" shall mean any work of authorship, including
+  the original version of the Work and any modifications or additions
+  to that Work or Derivative Works thereof, that is intentionally
+  submitted to Licensor for inclusion in the Work by the copyright owner
+  or by an individual or Legal Entity authorized to submit on behalf of
+  the copyright owner. For the purposes of this definition, "submitted"
+  means any form of electronic, verbal, or written communication sent
+  to the Licensor or its representatives, including but not limited to
+  communication on electronic mailing lists, source code control systems,
+  and issue tracking systems that are managed by, or on behalf of, the
+  Licensor for the purpose of discussing and improving the Work, but
+  excluding communication that is conspicuously marked or otherwise
+  designated in writing by the copyright owner as "Not a Contribution."
+
+  "Contributor" shall mean Licensor and any individual or Legal Entity
+  on behalf of whom a Contribution has been received by Licensor and
+  subsequently incorporated within the Work.
+
+2. Grant of Copyright License. Subject to the terms and conditions of
+  this License, each Contributor hereby grants to You a perpetual,
+  worldwide, non-exclusive, no-charge, royalty-free, irrevocable
+  copyright license to reproduce, prepare Derivative Works of,
+  publicly display, publicly perform, sublicense, and distribute the
+  Work and such Derivative Works in Source or Object form.
+
+3. Grant of Patent License. Subject to the terms and conditions of
+  this License, each Contributor hereby grants to You a perpetual,
+  worldwide, non-exclusive, no-charge, royalty-free, irrevocable
+  (except as stated in this section) patent license to make, have made,
+  use, offer to sell, sell, import, and otherwise transfer the Work,
+  where such license applies only to those patent claims licensable
+  by such Contributor that are necessarily infringed by their
+  Contribution(s) alone or by combination of their Contribution(s)
+  with the Work to which such Contribution(s) was submitted. If You
+  institute patent litigation against any entity (including a
+  cross-claim or counterclaim in a lawsuit) alleging that the Work
+  or a Contribution incorporated within the Work constitutes direct
+  or contributory patent infringement, then any patent licenses
+  granted to You under this License for that Work shall terminate
+  as of the date such litigation is filed.
+
+4. Redistribution. You may reproduce and distribute copies of the
+  Work or Derivative Works thereof in any medium, with or without
+  modifications, and in Source or Object form, provided that You
+  meet the following conditions:
+
+  (a) You must give any other recipients of the Work or
+      Derivative Works a copy of this License; and
+
+  (b) You must cause any modified files to carry prominent notices
+      stating that You changed the files; and
+
+  (c) You must retain, in the Source form of any Derivative Works
+      that You distribute, all copyright, patent, trademark, and
+      attribution notices from the Source form of the Work,
+      excluding those notices that do not pertain to any part of
+      the Derivative Works; and
+
+  (d) If the Work includes a "NOTICE" text file as part of its
+      distribution, then any Derivative Works that You distribute must
+      include a readable copy of the attribution notices contained
+      within such NOTICE file, excluding those notices that do not
+      pertain to any part of the Derivative Works, in at least one
+      of the following places: within a NOTICE text file distributed
+      as part of the Derivative Works; within the Source form or
+      documentation, if provided along with the Derivative Works; or,
+      within a display generated by the Derivative Works, if and
+      wherever such third-party notices normally appear. The contents
+      of the NOTICE file are for informational purposes only and
+      do not modify the License. You may add Your own attribution
+      notices within Derivative Works that You distribute, alongside
+      or as an addendum to the NOTICE text from the Work, provided
+      that such additional attribution notices cannot be construed
+      as modifying the License.
+
+  You may add Your own copyright statement to Your modifications and
+  may provide additional or different license terms and conditions
+  for use, reproduction, or distribution of Your modifications, or
+  for any such Derivative Works as a whole, provided Your use,
+  reproduction, and distribution of the Work otherwise complies with
+  the conditions stated in this License.
+
+5. Submission of Contributions. Unless You explicitly state otherwise,
+  any Contribution intentionally submitted for inclusion in the Work
+  by You to the Licensor shall be under the terms and conditions of
+  this License, without any additional terms or conditions.
+  Notwithstanding the above, nothing herein shall supersede or modify
+  the terms of any separate license agreement you may have executed
+  with Licensor regarding such Contributions.
+
+6. Trademarks. This License does not grant permission to use the trade
+  names, trademarks, service marks, or product names of the Licensor,
+  except as required for reasonable and customary use in describing the
+  origin of the Work and reproducing the content of the NOTICE file.
+
+7. Disclaimer of Warranty. Unless required by applicable law or
+  agreed to in writing, Licensor provides the Work (and each
+  Contributor provides its Contributions) on an "AS IS" BASIS,
+  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or
+  implied, including, without limitation, any warranties or conditions
+  of TITLE, NON-INFRINGEMENT, MERCHANTABILITY, or FITNESS FOR A
+  PARTICULAR PURPOSE. You are solely responsible for determining the
+  appropriateness of using or redistributing the Work and assume any
+  risks associated with Your exercise of permissions under this License.
+
+8. Limitation of Liability. In no event and under no legal theory,
+  whether in tort (including negligence), contract, or otherwise,
+  unless required by applicable law (such as deliberate and grossly
+  negligent acts) or agreed to in writing, shall any Contributor be
+  liable to You for damages, including any direct, indirect, special,
+  incidental, or consequential damages of any character arising as a
+  result of this License or out of the use or inability to use the
+  Work (including but not limited to damages for loss of goodwill,
+  work stoppage, computer failure or malfunction, or any and all
+  other commercial damages or losses), even if such Contributor
+  has been advised of the possibility of such damages.
+
+9. Accepting Warranty or Additional Liability. While redistributing
+  the Work or Derivative Works thereof, You may choose to offer,
+  and charge a fee for, acceptance of support, warranty, indemnity,
+  or other liability obligations and/or rights consistent with this
+  License. However, in accepting such obligations, You may act only
+  on Your own behalf and on Your sole responsibility, not on behalf
+  of any other Contributor, and only if You agree to indemnify,
+  defend, and hold each Contributor harmless for any liability
+  incurred by, or claims asserted against, such Contributor by reason
+  of your accepting any such warranty or additional liability.
+
+END OF TERMS AND CONDITIONS
+
+APPENDIX: How to apply the Apache License to your work.
+
+  To apply the Apache License to your work, attach the following
+  boilerplate notice, with the fields enclosed by brackets "[]"
+  replaced with your own identifying information. (Don't include
+  the brackets!)  The text should be enclosed in the appropriate
+  comment syntax for the file format. We also recommend that a
+  file or class name and description of purpose be included on the
+  same "printed page" as the copyright notice for easier
+  identification within third-party archives.
+
+Copyright [yyyy] [name of copyright owner]
+
+Licensed under the Apache License, Version 2.0 (the "License");
+you may not use this file except in compliance with the License.
+You may obtain a copy of the License at
+
+    http://www.apache.org/licenses/LICENSE-2.0
+
+Unless required by applicable law or agreed to in writing, software
+distributed under the License is distributed on an "AS IS" BASIS,
+WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+See the License for the specific language governing permissions and
+limitations under the License.
diff --git a/packages/page-tech-comm/README.md b/packages/page-tech-comm/README.md
new file mode 100644
index 0000000..42fd731
--- /dev/null
+++ b/packages/page-tech-comm/README.md
@@ -0,0 +1 @@
+# @polkadot/app-council
diff --git a/packages/page-tech-comm/package.json b/packages/page-tech-comm/package.json
new file mode 100644
index 0000000..0c63a87
--- /dev/null
+++ b/packages/page-tech-comm/package.json
@@ -0,0 +1,20 @@
+{
+  "bugs": "https://github.com/polkadot-js/apps/issues",
+  "homepage": "https://github.com/polkadot-js/apps/tree/master/packages/page-tech-comm#readme",
+  "license": "Apache-2.0",
+  "name": "@polkadot/app-tech-comm",
+  "private": true,
+  "repository": {
+    "directory": "packages/page-tech-comm",
+    "type": "git",
+    "url": "https://github.com/polkadot-js/apps.git"
+  },
+  "sideEffects": false,
+  "type": "module",
+  "version": "0.112.2-14",
+  "dependencies": {
+    "@babel/runtime": "^7.17.9",
+    "@polkadot/react-components": "^0.112.2-14",
+    "@polkadot/react-query": "^0.112.2-14"
+  }
+}
diff --git a/packages/page-tech-comm/src/App.tsx b/packages/page-tech-comm/src/App.tsx
new file mode 100644
index 0000000..87c58ac
--- /dev/null
+++ b/packages/page-tech-comm/src/App.tsx
@@ -0,0 +1,80 @@
+// Copyright 2017-2022 @polkadot/app-tech-comm authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { AccountId, Hash } from '@polkadot/types/interfaces';
+
+import React, { useMemo } from 'react';
+import { Route, Switch } from 'react-router';
+
+import { Tabs } from '@polkadot/react-components';
+import { useApi, useCall, useCollectiveMembers } from '@polkadot/react-hooks';
+
+import Overview from './Overview';
+import Proposals from './Proposals';
+import { useTranslation } from './translate';
+
+interface Props {
+  basePath: string;
+  className?: string;
+  type: 'membership' | 'technicalCommittee';
+}
+
+const HIDDEN_EMPTY: string[] = [];
+const HIDDEN_PROPOSALS: string[] = ['proposals'];
+
+function TechCommApp ({ basePath, className, type }: Props): React.ReactElement<Props> {
+  const { t } = useTranslation();
+  const { api } = useApi();
+  const { isMember, members } = useCollectiveMembers(type);
+  const prime = useCall<AccountId | null>(api.derive[type].prime);
+  const hasProposals = useCall<boolean>(api.derive[type].hasProposals);
+  const proposalHashes = useCall<Hash[]>(api.derive[type].proposalHashes);
+
+  const items = useMemo(() => [
+    {
+      isRoot: true,
+      name: 'overview',
+      text: t<string>('Overview')
+    },
+    {
+      name: 'proposals',
+      text: t<string>('Proposals ({{count}})', { replace: { count: (proposalHashes && proposalHashes.length) || 0 } })
+    }
+  ], [proposalHashes, t]);
+
+  return (
+    <main className={className}>
+      <Tabs
+        basePath={basePath}
+        hidden={
+          hasProposals
+            ? HIDDEN_EMPTY
+            : HIDDEN_PROPOSALS
+        }
+        items={items}
+      />
+      <Switch>
+        <Route path={`${basePath}/proposals`}>
+          <Proposals
+            isMember={isMember}
+            members={members}
+            prime={prime}
+            proposalHashes={proposalHashes}
+            type={type}
+          />
+        </Route>
+        <Route path={basePath}>
+          <Overview
+            isMember={isMember}
+            members={members}
+            prime={prime}
+            proposalHashes={proposalHashes}
+            type={type}
+          />
+        </Route>
+      </Switch>
+    </main>
+  );
+}
+
+export default React.memo(TechCommApp);
diff --git a/packages/page-tech-comm/src/Overview/Members.tsx b/packages/page-tech-comm/src/Overview/Members.tsx
new file mode 100644
index 0000000..759b2fa
--- /dev/null
+++ b/packages/page-tech-comm/src/Overview/Members.tsx
@@ -0,0 +1,52 @@
+// Copyright 2017-2022 @polkadot/app-tech-comm authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { AccountId } from '@polkadot/types/interfaces';
+
+import React, { useRef } from 'react';
+
+import { AddressSmall, Table, Tag } from '@polkadot/react-components';
+
+import { useTranslation } from '../translate';
+
+interface Props {
+  className?: string;
+  members?: string[];
+  prime?: AccountId | null;
+}
+
+function Members ({ className = '', members, prime }: Props): React.ReactElement<Props> {
+  const { t } = useTranslation();
+
+  const headerRef = useRef([
+    [t('members'), 'start', 3]
+  ]);
+
+  return (
+    <Table
+      className={className}
+      empty={members && t<string>('No members found')}
+      header={headerRef.current}
+    >
+      {members?.map((accountId): React.ReactNode => (
+        <tr key={accountId.toString()}>
+          <td className='address'>
+            <AddressSmall value={accountId} />
+          </td>
+          <td>
+            {prime?.eq(accountId) && (
+              <Tag
+                color='green'
+                hover={t<string>('Committee prime member, default voting')}
+                label={t<string>('prime member')}
+              />
+            )}
+          </td>
+          <td className='all'>&nbsp;</td>
+        </tr>
+      ))}
+    </Table>
+  );
+}
+
+export default React.memo(Members);
diff --git a/packages/page-tech-comm/src/Overview/Summary.tsx b/packages/page-tech-comm/src/Overview/Summary.tsx
new file mode 100644
index 0000000..43ba94c
--- /dev/null
+++ b/packages/page-tech-comm/src/Overview/Summary.tsx
@@ -0,0 +1,39 @@
+// Copyright 2017-2022 @polkadot/app-tech-comm authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { u32 } from '@polkadot/types';
+import type { ComponentProps as Props } from '../types';
+
+import React from 'react';
+
+import { CardSummary, SummaryBox } from '@polkadot/react-components';
+import { useApi, useCall } from '@polkadot/react-hooks';
+import { formatNumber } from '@polkadot/util';
+
+import { useTranslation } from '../translate';
+
+function Summary ({ className = '', members, proposalHashes, type }: Props): React.ReactElement<Props> {
+  const { t } = useTranslation();
+  const { api } = useApi();
+  const proposalCount = useCall<u32>(api.derive[type].proposalCount);
+
+  return (
+    <SummaryBox className={className}>
+      <CardSummary label={t<string>('members')}>
+        {formatNumber(members.length)}
+      </CardSummary>
+      {proposalCount && (
+        <section>
+          <CardSummary label={t<string>('proposals')}>
+            {formatNumber(proposalHashes?.length)}
+          </CardSummary>
+          <CardSummary label={t<string>('total')}>
+            {formatNumber(proposalCount)}
+          </CardSummary>
+        </section>
+      )}
+    </SummaryBox>
+  );
+}
+
+export default React.memo(Summary);
diff --git a/packages/page-tech-comm/src/Overview/index.tsx b/packages/page-tech-comm/src/Overview/index.tsx
new file mode 100644
index 0000000..ffb644e
--- /dev/null
+++ b/packages/page-tech-comm/src/Overview/index.tsx
@@ -0,0 +1,28 @@
+// Copyright 2017-2022 @polkadot/app-tech-comm authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { ComponentProps as Props } from '../types';
+
+import React from 'react';
+
+import Members from './Members';
+import Summary from './Summary';
+
+function Overview ({ className = '', isMember, members, prime, proposalHashes, type }: Props): React.ReactElement<Props> {
+  return (
+    <div className={className}>
+      <Summary
+        isMember={isMember}
+        members={members}
+        proposalHashes={proposalHashes}
+        type={type}
+      />
+      <Members
+        members={members}
+        prime={prime}
+      />
+    </div>
+  );
+}
+
+export default React.memo(Overview);
diff --git a/packages/page-tech-comm/src/Proposals/Close.tsx b/packages/page-tech-comm/src/Proposals/Close.tsx
new file mode 100644
index 0000000..b868076
--- /dev/null
+++ b/packages/page-tech-comm/src/Proposals/Close.tsx
@@ -0,0 +1,83 @@
+// Copyright 2017-2022 @polkadot/app-tech-comm authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { Hash, Proposal, ProposalIndex } from '@polkadot/types/interfaces';
+
+import React, { useState } from 'react';
+
+import { Button, InputAddress, Modal, ProposedAction, TxButton } from '@polkadot/react-components';
+import { useApi, useCollectiveInstance, useToggle, useWeight } from '@polkadot/react-hooks';
+
+import { useTranslation } from '../translate';
+
+interface Props {
+  hasFailed: boolean;
+  hash: Hash;
+  idNumber: ProposalIndex;
+  proposal: Proposal;
+  type: 'membership' | 'technicalCommittee';
+}
+
+function Close ({ hasFailed, hash, idNumber, proposal, type }: Props): React.ReactElement<Props> | null {
+  const { t } = useTranslation();
+  const { api } = useApi();
+  const [isOpen, toggleOpen] = useToggle();
+  const [accountId, setAccountId] = useState<string | null>(null);
+  const [proposalWeight, proposalLength] = useWeight(proposal);
+  const modLocation = useCollectiveInstance(type);
+
+  if (!modLocation) {
+    return null;
+  }
+
+  return (
+    <>
+      {isOpen && (
+        <Modal
+          header={t<string>('Close proposal')}
+          onClose={toggleOpen}
+          size='large'
+        >
+          <Modal.Content>
+            <Modal.Columns hint={t<string>('The proposal that will be affected. Once closed for the current voting round, it would need to be re-submitted for a subsequent voting round.')}>
+              <ProposedAction
+                idNumber={idNumber}
+                proposal={proposal}
+              />
+            </Modal.Columns>
+            <Modal.Columns hint={t<string>('The committee account that will apply the close for the current round.')}>
+              <InputAddress
+                help={t<string>('Select the account you wish close the proposal with.')}
+                label={t<string>('close from account')}
+                onChange={setAccountId}
+                type='account'
+              />
+            </Modal.Columns>
+          </Modal.Content>
+          <Modal.Actions>
+            <TxButton
+              accountId={accountId}
+              isDisabled={!hasFailed && !proposalLength}
+              onStart={toggleOpen}
+              params={
+                api.tx[modLocation].close.meta.args.length === 4
+                  ? hasFailed
+                    ? [hash, idNumber, 0, 0]
+                    : [hash, idNumber, proposalWeight, proposalLength]
+                  : [hash, idNumber]
+              }
+              tx={api.tx[modLocation].closeOperational || api.tx[modLocation].close}
+            />
+          </Modal.Actions>
+        </Modal>
+      )}
+      <Button
+        icon='times'
+        label={t<string>('Close')}
+        onClick={toggleOpen}
+      />
+    </>
+  );
+}
+
+export default React.memo(Close);
diff --git a/packages/page-tech-comm/src/Proposals/Proposal.tsx b/packages/page-tech-comm/src/Proposals/Proposal.tsx
new file mode 100644
index 0000000..9f3e0dc
--- /dev/null
+++ b/packages/page-tech-comm/src/Proposals/Proposal.tsx
@@ -0,0 +1,100 @@
+// Copyright 2017-2022 @polkadot/app-tech-comm authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { DeriveCollectiveProposal } from '@polkadot/api-derive/types';
+import type { AccountId, Hash } from '@polkadot/types/interfaces';
+
+import React from 'react';
+
+import ProposalCell from '@polkadot/app-democracy/Overview/ProposalCell';
+import { AddressMini } from '@polkadot/react-components';
+import { useApi, useCall, useCollectiveInstance, useVotingStatus } from '@polkadot/react-hooks';
+import { BlockToTime } from '@polkadot/react-query';
+import { formatNumber } from '@polkadot/util';
+
+import Close from './Close';
+import Voting from './Voting';
+
+interface Props {
+  className?: string;
+  imageHash: Hash;
+  isMember: boolean;
+  members: string[];
+  prime?: AccountId | null;
+  type: 'membership' | 'technicalCommittee';
+}
+
+function Proposal ({ className = '', imageHash, isMember, members, prime, type }: Props): React.ReactElement<Props> | null {
+  const { api } = useApi();
+  const derive = useCall<DeriveCollectiveProposal>(api.derive[type].proposal, [imageHash]);
+  const { hasFailed, isCloseable, isVoteable, remainingBlocks } = useVotingStatus(derive?.votes, members.length, type);
+  const modLocation = useCollectiveInstance(type);
+
+  if (!modLocation || !derive || !derive.votes) {
+    return null;
+  }
+
+  const { ayes, end, index, nays, threshold } = derive.votes;
+
+  return (
+    <tr className={className}>
+      <td className='number'><h1>{formatNumber(index)}</h1></td>
+      <ProposalCell
+        imageHash={imageHash}
+        proposal={derive.proposal}
+      />
+      <td className='number'>
+        {formatNumber(ayes.length)}/{formatNumber(threshold)}
+      </td>
+      <td className='number together'>
+        {remainingBlocks && end && (
+          <>
+            <BlockToTime value={remainingBlocks} />
+            #{formatNumber(end)}
+          </>
+        )}
+      </td>
+      <td className='address'>
+        {ayes.map((address, index): React.ReactNode => (
+          <AddressMini
+            key={`${index}:${address.toHex()}`}
+            value={address}
+            withBalance={false}
+          />
+        ))}
+      </td>
+      <td className='address'>
+        {nays.map((address, index): React.ReactNode => (
+          <AddressMini
+            key={`${index}:${address.toHex()}`}
+            value={address}
+            withBalance={false}
+          />
+        ))}
+      </td>
+      <td className='button'>
+        {isVoteable && !isCloseable && (
+          <Voting
+            hash={imageHash}
+            isMember={isMember}
+            members={members}
+            prime={prime}
+            proposalId={index}
+            type={type}
+          />
+        )}
+        {isCloseable && (
+          <Close
+            hasFailed={hasFailed}
+            hash={imageHash}
+            idNumber={index}
+            proposal={derive.proposal}
+            type={type}
+          />
+        )}
+      </td>
+    </tr>
+  );
+}
+
+export default React.memo(Proposal);
diff --git a/packages/page-tech-comm/src/Proposals/Propose.tsx b/packages/page-tech-comm/src/Proposals/Propose.tsx
new file mode 100644
index 0000000..291ed1d
--- /dev/null
+++ b/packages/page-tech-comm/src/Proposals/Propose.tsx
@@ -0,0 +1,115 @@
+// Copyright 2017-2022 @polkadot/app-tech-comm authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { SubmittableExtrinsic } from '@polkadot/api/types';
+
+import React, { useCallback, useState } from 'react';
+
+import { Button, Extrinsic, InputAddress, InputNumber, Modal, TxButton } from '@polkadot/react-components';
+import { useApi, useCollectiveInstance, useModal } from '@polkadot/react-hooks';
+import { BN } from '@polkadot/util';
+
+import { useTranslation } from '../translate';
+
+interface Props {
+  isMember: boolean;
+  members: string[];
+  type: 'membership' | 'technicalCommittee';
+}
+
+interface ProposalState {
+  proposal?: SubmittableExtrinsic<'promise'> | null;
+  proposalLength: number;
+}
+
+function Propose ({ isMember, members, type }: Props): React.ReactElement<Props> | null {
+  const { t } = useTranslation();
+  const { api, apiDefaultTxSudo } = useApi();
+  const { isOpen, onClose, onOpen } = useModal();
+  const [accountId, setAcountId] = useState<string | null>(null);
+  const [{ proposal, proposalLength }, setProposal] = useState<ProposalState>({ proposalLength: 0 });
+  const [[threshold, hasThreshold], setThreshold] = useState<[BN | null, boolean]>([
+    new BN(members.length / 2 + 1),
+    true
+  ]);
+  const modLocation = useCollectiveInstance(type);
+
+  const _hasThreshold = useCallback(
+    (threshold?: BN | null): boolean =>
+      !!threshold && !threshold.isZero() && threshold.lten(members.length),
+    [members]
+  );
+
+  const _onChangeExtrinsic = useCallback(
+    (proposal?: SubmittableExtrinsic<'promise'>): void => setProposal({
+      proposal,
+      proposalLength: proposal?.length || 0
+    }),
+    []
+  );
+  const _onChangeThreshold = useCallback(
+    (threshold?: BN): void => setThreshold([threshold || null, _hasThreshold(threshold)]),
+    [_hasThreshold]
+  );
+
+  if (!modLocation) {
+    return null;
+  }
+
+  return (
+    <>
+      {isOpen && (
+        <Modal
+          header={t<string>('Propose a committee motion')}
+          onClose={onClose}
+        >
+          <Modal.Content>
+            <InputAddress
+              filter={members}
+              help={t<string>('Select the account you wish to make the proposal with.')}
+              label={t<string>('propose from account')}
+              onChange={setAcountId}
+              type='account'
+              withLabel
+            />
+            <InputNumber
+              className='medium'
+              help={t<string>('The minimum number of committee votes required to approve this motion')}
+              isError={!hasThreshold}
+              label={t<string>('threshold')}
+              onChange={_onChangeThreshold}
+              placeholder={t<string>('Positive number between 1 and {{count}}', { replace: { count: members.length } })}
+              value={threshold || undefined}
+            />
+            <Extrinsic
+              defaultValue={apiDefaultTxSudo}
+              label={t<string>('proposal')}
+              onChange={_onChangeExtrinsic}
+            />
+          </Modal.Content>
+          <Modal.Actions>
+            <TxButton
+              accountId={accountId}
+              isDisabled={!hasThreshold || !proposal}
+              onStart={onClose}
+              params={
+                api.tx[modLocation].propose.meta.args.length === 3
+                  ? [threshold, proposal, proposalLength]
+                  : [threshold, proposal]
+              }
+              tx={api.tx[modLocation].propose}
+            />
+          </Modal.Actions>
+        </Modal>
+      )}
+      <Button
+        icon='plus'
+        isDisabled={!isMember}
+        label={t<string>('Submit proposal')}
+        onClick={onOpen}
+      />
+    </>
+  );
+}
+
+export default React.memo(Propose);
diff --git a/packages/page-tech-comm/src/Proposals/Voting.tsx b/packages/page-tech-comm/src/Proposals/Voting.tsx
new file mode 100644
index 0000000..9e2adb6
--- /dev/null
+++ b/packages/page-tech-comm/src/Proposals/Voting.tsx
@@ -0,0 +1,82 @@
+// Copyright 2017-2022 @polkadot/app-tech-comm authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { AccountId, Hash } from '@polkadot/types/interfaces';
+import type { BN } from '@polkadot/util';
+
+import React, { useState } from 'react';
+
+import { Button, MarkWarning, Modal, TxButton, VoteAccount } from '@polkadot/react-components';
+import { useAccounts, useApi, useCollectiveInstance, useToggle } from '@polkadot/react-hooks';
+
+import { useTranslation } from '../translate';
+
+interface Props {
+  hash: Hash | string;
+  isMember: boolean;
+  members: string[];
+  prime?: AccountId | null;
+  proposalId: BN | number;
+  type: 'membership' | 'technicalCommittee';
+}
+
+function Voting ({ hash, isMember, members, prime, proposalId, type }: Props): React.ReactElement<Props> | null {
+  const { t } = useTranslation();
+  const { api } = useApi();
+  const { hasAccounts } = useAccounts();
+  const [accountId, setAccountId] = useState<string | null>(null);
+  const [isVotingOpen, toggleVoting] = useToggle();
+  const modLocation = useCollectiveInstance(type);
+
+  if (!modLocation || !hasAccounts) {
+    return null;
+  }
+
+  return (
+    <>
+      {isVotingOpen && (
+        <Modal
+          header={t<string>('Vote on proposal')}
+          onClose={toggleVoting}
+          size='small'
+        >
+          <Modal.Content>
+            <VoteAccount
+              filter={members}
+              onChange={setAccountId}
+            />
+            {(accountId === prime?.toString()) && (
+              <MarkWarning content={t<string>('You are voting with this collective\'s prime account. The vote will be the default outcome in case of any abstentions.')} />
+            )}
+          </Modal.Content>
+          <Modal.Actions>
+            <TxButton
+              accountId={accountId}
+              icon='ban'
+              label={t<string>('Vote Nay')}
+              onStart={toggleVoting}
+              params={[hash, proposalId, false]}
+              tx={api.tx[modLocation].vote}
+            />
+            <TxButton
+              accountId={accountId}
+              icon='check'
+              label={t<string>('Vote Aye')}
+              onStart={toggleVoting}
+              params={[hash, proposalId, true]}
+              tx={api.tx[modLocation].vote}
+            />
+          </Modal.Actions>
+        </Modal>
+      )}
+      <Button
+        icon='check'
+        isDisabled={!isMember}
+        label={t<string>('Vote')}
+        onClick={toggleVoting}
+      />
+    </>
+  );
+}
+
+export default React.memo(Voting);
diff --git a/packages/page-tech-comm/src/Proposals/index.tsx b/packages/page-tech-comm/src/Proposals/index.tsx
new file mode 100644
index 0000000..9949d58
--- /dev/null
+++ b/packages/page-tech-comm/src/Proposals/index.tsx
@@ -0,0 +1,55 @@
+// Copyright 2017-2022 @polkadot/app-tech-comm authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { Hash } from '@polkadot/types/interfaces';
+import type { ComponentProps as Props } from '../types';
+
+import React, { useRef } from 'react';
+
+import { Button, Table } from '@polkadot/react-components';
+
+import { useTranslation } from '../translate';
+import Proposal from './Proposal';
+import Propose from './Propose';
+
+function Proposals ({ className = '', isMember, members, prime, proposalHashes, type }: Props): React.ReactElement<Props> {
+  const { t } = useTranslation();
+
+  const headerRef = useRef([
+    [t('proposals'), 'start', 2],
+    [t('threshold')],
+    [t('voting end')],
+    [t('aye'), 'address'],
+    [t('nay'), 'address'],
+    []
+  ]);
+
+  return (
+    <div className={className}>
+      <Button.Group>
+        <Propose
+          isMember={isMember}
+          members={members}
+          type={type}
+        />
+      </Button.Group>
+      <Table
+        empty={proposalHashes && t<string>('No committee proposals')}
+        header={headerRef.current}
+      >
+        {proposalHashes?.map((hash: Hash): React.ReactNode => (
+          <Proposal
+            imageHash={hash}
+            isMember={isMember}
+            key={hash.toHex()}
+            members={members}
+            prime={prime}
+            type={type}
+          />
+        ))}
+      </Table>
+    </div>
+  );
+}
+
+export default React.memo(Proposals);
diff --git a/packages/page-tech-comm/src/index.tsx b/packages/page-tech-comm/src/index.tsx
new file mode 100644
index 0000000..650df0d
--- /dev/null
+++ b/packages/page-tech-comm/src/index.tsx
@@ -0,0 +1,25 @@
+// Copyright 2017-2022 @polkadot/app-tech-comm authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import React from 'react';
+
+import App from './App';
+
+export { default as useCounter } from './useCounter';
+
+interface Props {
+  basePath: string;
+  className?: string;
+}
+
+function TechComm ({ basePath, className }: Props): React.ReactElement<Props> {
+  return (
+    <App
+      basePath={basePath}
+      className={className}
+      type='technicalCommittee'
+    />
+  );
+}
+
+export default React.memo(TechComm);
diff --git a/packages/page-tech-comm/src/translate.ts b/packages/page-tech-comm/src/translate.ts
new file mode 100644
index 0000000..ec4fb5c
--- /dev/null
+++ b/packages/page-tech-comm/src/translate.ts
@@ -0,0 +1,10 @@
+// Copyright 2017-2022 @polkadot/app-tech-comm authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { UseTranslationResponse } from 'react-i18next';
+
+import { useTranslation as useTranslationBase } from 'react-i18next';
+
+export function useTranslation (): UseTranslationResponse<'app-tech-comm', undefined> {
+  return useTranslationBase('app-tech-comm');
+}
diff --git a/packages/page-tech-comm/src/types.ts b/packages/page-tech-comm/src/types.ts
new file mode 100644
index 0000000..29143e6
--- /dev/null
+++ b/packages/page-tech-comm/src/types.ts
@@ -0,0 +1,13 @@
+// Copyright 2017-2022 @polkadot/app-tech-comm authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { AccountId, Hash } from '@polkadot/types/interfaces';
+
+export interface ComponentProps {
+  className?: string;
+  isMember: boolean;
+  prime?: AccountId | null;
+  proposalHashes?: Hash[];
+  members: string[];
+  type: 'membership' | 'technicalCommittee';
+}
diff --git a/packages/page-tech-comm/src/useCounter.ts b/packages/page-tech-comm/src/useCounter.ts
new file mode 100644
index 0000000..8c0f084
--- /dev/null
+++ b/packages/page-tech-comm/src/useCounter.ts
@@ -0,0 +1,19 @@
+// Copyright 2017-2022 @polkadot/app-tech-comm authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { Hash } from '@polkadot/types/interfaces';
+
+import { createNamedHook, useApi, useCall } from '@polkadot/react-hooks';
+
+const transformCounter = {
+  transform: (proposals: Hash[]) => proposals.length
+};
+
+function useCounterImpl (): number {
+  const { api, isApiReady } = useApi();
+  const counter = useCall<number>(isApiReady && api.derive.technicalCommittee?.proposals, undefined, transformCounter) || 0;
+
+  return counter;
+}
+
+export default createNamedHook('useCounter', useCounterImpl);
diff --git a/packages/page-tech-comm/tsconfig.build.json b/packages/page-tech-comm/tsconfig.build.json
new file mode 100644
index 0000000..da24d9f
--- /dev/null
+++ b/packages/page-tech-comm/tsconfig.build.json
@@ -0,0 +1,9 @@
+{
+  "extends": "../../tsconfig.base.json",
+  "compilerOptions": {
+    "baseUrl": "..",
+    "outDir": "./build",
+    "rootDir": "./src"
+  },
+  "references": []
+}
diff --git a/packages/page-treasury/.skip-build b/packages/page-treasury/.skip-build
new file mode 100644
index 0000000..e69de29
diff --git a/packages/page-treasury/.skip-npm b/packages/page-treasury/.skip-npm
new file mode 100644
index 0000000..e69de29
diff --git a/packages/page-treasury/LICENSE b/packages/page-treasury/LICENSE
new file mode 100644
index 0000000..0d381b2
--- /dev/null
+++ b/packages/page-treasury/LICENSE
@@ -0,0 +1,201 @@
+                              Apache License
+                        Version 2.0, January 2004
+                    http://www.apache.org/licenses/
+
+TERMS AND CONDITIONS FOR USE, REPRODUCTION, AND DISTRIBUTION
+
+1. Definitions.
+
+  "License" shall mean the terms and conditions for use, reproduction,
+  and distribution as defined by Sections 1 through 9 of this document.
+
+  "Licensor" shall mean the copyright owner or entity authorized by
+  the copyright owner that is granting the License.
+
+  "Legal Entity" shall mean the union of the acting entity and all
+  other entities that control, are controlled by, or are under common
+  control with that entity. For the purposes of this definition,
+  "control" means (i) the power, direct or indirect, to cause the
+  direction or management of such entity, whether by contract or
+  otherwise, or (ii) ownership of fifty percent (50%) or more of the
+  outstanding shares, or (iii) beneficial ownership of such entity.
+
+  "You" (or "Your") shall mean an individual or Legal Entity
+  exercising permissions granted by this License.
+
+  "Source" form shall mean the preferred form for making modifications,
+  including but not limited to software source code, documentation
+  source, and configuration files.
+
+  "Object" form shall mean any form resulting from mechanical
+  transformation or translation of a Source form, including but
+  not limited to compiled object code, generated documentation,
+  and conversions to other media types.
+
+  "Work" shall mean the work of authorship, whether in Source or
+  Object form, made available under the License, as indicated by a
+  copyright notice that is included in or attached to the work
+  (an example is provided in the Appendix below).
+
+  "Derivative Works" shall mean any work, whether in Source or Object
+  form, that is based on (or derived from) the Work and for which the
+  editorial revisions, annotations, elaborations, or other modifications
+  represent, as a whole, an original work of authorship. For the purposes
+  of this License, Derivative Works shall not include works that remain
+  separable from, or merely link (or bind by name) to the interfaces of,
+  the Work and Derivative Works thereof.
+
+  "Contribution" shall mean any work of authorship, including
+  the original version of the Work and any modifications or additions
+  to that Work or Derivative Works thereof, that is intentionally
+  submitted to Licensor for inclusion in the Work by the copyright owner
+  or by an individual or Legal Entity authorized to submit on behalf of
+  the copyright owner. For the purposes of this definition, "submitted"
+  means any form of electronic, verbal, or written communication sent
+  to the Licensor or its representatives, including but not limited to
+  communication on electronic mailing lists, source code control systems,
+  and issue tracking systems that are managed by, or on behalf of, the
+  Licensor for the purpose of discussing and improving the Work, but
+  excluding communication that is conspicuously marked or otherwise
+  designated in writing by the copyright owner as "Not a Contribution."
+
+  "Contributor" shall mean Licensor and any individual or Legal Entity
+  on behalf of whom a Contribution has been received by Licensor and
+  subsequently incorporated within the Work.
+
+2. Grant of Copyright License. Subject to the terms and conditions of
+  this License, each Contributor hereby grants to You a perpetual,
+  worldwide, non-exclusive, no-charge, royalty-free, irrevocable
+  copyright license to reproduce, prepare Derivative Works of,
+  publicly display, publicly perform, sublicense, and distribute the
+  Work and such Derivative Works in Source or Object form.
+
+3. Grant of Patent License. Subject to the terms and conditions of
+  this License, each Contributor hereby grants to You a perpetual,
+  worldwide, non-exclusive, no-charge, royalty-free, irrevocable
+  (except as stated in this section) patent license to make, have made,
+  use, offer to sell, sell, import, and otherwise transfer the Work,
+  where such license applies only to those patent claims licensable
+  by such Contributor that are necessarily infringed by their
+  Contribution(s) alone or by combination of their Contribution(s)
+  with the Work to which such Contribution(s) was submitted. If You
+  institute patent litigation against any entity (including a
+  cross-claim or counterclaim in a lawsuit) alleging that the Work
+  or a Contribution incorporated within the Work constitutes direct
+  or contributory patent infringement, then any patent licenses
+  granted to You under this License for that Work shall terminate
+  as of the date such litigation is filed.
+
+4. Redistribution. You may reproduce and distribute copies of the
+  Work or Derivative Works thereof in any medium, with or without
+  modifications, and in Source or Object form, provided that You
+  meet the following conditions:
+
+  (a) You must give any other recipients of the Work or
+      Derivative Works a copy of this License; and
+
+  (b) You must cause any modified files to carry prominent notices
+      stating that You changed the files; and
+
+  (c) You must retain, in the Source form of any Derivative Works
+      that You distribute, all copyright, patent, trademark, and
+      attribution notices from the Source form of the Work,
+      excluding those notices that do not pertain to any part of
+      the Derivative Works; and
+
+  (d) If the Work includes a "NOTICE" text file as part of its
+      distribution, then any Derivative Works that You distribute must
+      include a readable copy of the attribution notices contained
+      within such NOTICE file, excluding those notices that do not
+      pertain to any part of the Derivative Works, in at least one
+      of the following places: within a NOTICE text file distributed
+      as part of the Derivative Works; within the Source form or
+      documentation, if provided along with the Derivative Works; or,
+      within a display generated by the Derivative Works, if and
+      wherever such third-party notices normally appear. The contents
+      of the NOTICE file are for informational purposes only and
+      do not modify the License. You may add Your own attribution
+      notices within Derivative Works that You distribute, alongside
+      or as an addendum to the NOTICE text from the Work, provided
+      that such additional attribution notices cannot be construed
+      as modifying the License.
+
+  You may add Your own copyright statement to Your modifications and
+  may provide additional or different license terms and conditions
+  for use, reproduction, or distribution of Your modifications, or
+  for any such Derivative Works as a whole, provided Your use,
+  reproduction, and distribution of the Work otherwise complies with
+  the conditions stated in this License.
+
+5. Submission of Contributions. Unless You explicitly state otherwise,
+  any Contribution intentionally submitted for inclusion in the Work
+  by You to the Licensor shall be under the terms and conditions of
+  this License, without any additional terms or conditions.
+  Notwithstanding the above, nothing herein shall supersede or modify
+  the terms of any separate license agreement you may have executed
+  with Licensor regarding such Contributions.
+
+6. Trademarks. This License does not grant permission to use the trade
+  names, trademarks, service marks, or product names of the Licensor,
+  except as required for reasonable and customary use in describing the
+  origin of the Work and reproducing the content of the NOTICE file.
+
+7. Disclaimer of Warranty. Unless required by applicable law or
+  agreed to in writing, Licensor provides the Work (and each
+  Contributor provides its Contributions) on an "AS IS" BASIS,
+  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or
+  implied, including, without limitation, any warranties or conditions
+  of TITLE, NON-INFRINGEMENT, MERCHANTABILITY, or FITNESS FOR A
+  PARTICULAR PURPOSE. You are solely responsible for determining the
+  appropriateness of using or redistributing the Work and assume any
+  risks associated with Your exercise of permissions under this License.
+
+8. Limitation of Liability. In no event and under no legal theory,
+  whether in tort (including negligence), contract, or otherwise,
+  unless required by applicable law (such as deliberate and grossly
+  negligent acts) or agreed to in writing, shall any Contributor be
+  liable to You for damages, including any direct, indirect, special,
+  incidental, or consequential damages of any character arising as a
+  result of this License or out of the use or inability to use the
+  Work (including but not limited to damages for loss of goodwill,
+  work stoppage, computer failure or malfunction, or any and all
+  other commercial damages or losses), even if such Contributor
+  has been advised of the possibility of such damages.
+
+9. Accepting Warranty or Additional Liability. While redistributing
+  the Work or Derivative Works thereof, You may choose to offer,
+  and charge a fee for, acceptance of support, warranty, indemnity,
+  or other liability obligations and/or rights consistent with this
+  License. However, in accepting such obligations, You may act only
+  on Your own behalf and on Your sole responsibility, not on behalf
+  of any other Contributor, and only if You agree to indemnify,
+  defend, and hold each Contributor harmless for any liability
+  incurred by, or claims asserted against, such Contributor by reason
+  of your accepting any such warranty or additional liability.
+
+END OF TERMS AND CONDITIONS
+
+APPENDIX: How to apply the Apache License to your work.
+
+  To apply the Apache License to your work, attach the following
+  boilerplate notice, with the fields enclosed by brackets "[]"
+  replaced with your own identifying information. (Don't include
+  the brackets!)  The text should be enclosed in the appropriate
+  comment syntax for the file format. We also recommend that a
+  file or class name and description of purpose be included on the
+  same "printed page" as the copyright notice for easier
+  identification within third-party archives.
+
+Copyright [yyyy] [name of copyright owner]
+
+Licensed under the Apache License, Version 2.0 (the "License");
+you may not use this file except in compliance with the License.
+You may obtain a copy of the License at
+
+    http://www.apache.org/licenses/LICENSE-2.0
+
+Unless required by applicable law or agreed to in writing, software
+distributed under the License is distributed on an "AS IS" BASIS,
+WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+See the License for the specific language governing permissions and
+limitations under the License.
diff --git a/packages/page-treasury/README.md b/packages/page-treasury/README.md
new file mode 100644
index 0000000..b85bcda
--- /dev/null
+++ b/packages/page-treasury/README.md
@@ -0,0 +1 @@
+# @polkadot/app-treasury
diff --git a/packages/page-treasury/package.json b/packages/page-treasury/package.json
new file mode 100644
index 0000000..76ec89e
--- /dev/null
+++ b/packages/page-treasury/package.json
@@ -0,0 +1,20 @@
+{
+  "bugs": "https://github.com/polkadot-js/apps/issues",
+  "homepage": "https://github.com/polkadot-js/apps/tree/master/packages/page-treasury#readme",
+  "license": "Apache-2.0",
+  "name": "@polkadot/app-treasury",
+  "private": true,
+  "repository": {
+    "directory": "packages/page-treasury",
+    "type": "git",
+    "url": "https://github.com/polkadot-js/apps.git"
+  },
+  "sideEffects": false,
+  "type": "module",
+  "version": "0.112.2-14",
+  "dependencies": {
+    "@babel/runtime": "^7.17.9",
+    "@polkadot/react-components": "^0.112.2-14",
+    "@polkadot/react-query": "^0.112.2-14"
+  }
+}
diff --git a/packages/page-treasury/src/Overview/Council.tsx b/packages/page-treasury/src/Overview/Council.tsx
new file mode 100644
index 0000000..6bff3dd
--- /dev/null
+++ b/packages/page-treasury/src/Overview/Council.tsx
@@ -0,0 +1,110 @@
+// Copyright 2017-2022 @polkadot/app-treasury authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { SubmittableExtrinsic } from '@polkadot/api/types';
+import type { ProposalIndex } from '@polkadot/types/interfaces';
+
+import React, { useEffect, useRef, useState } from 'react';
+
+import { getTreasuryProposalThreshold } from '@polkadot/apps-config';
+import { Button, Dropdown, InputAddress, Modal, TxButton } from '@polkadot/react-components';
+import { useApi, useCollectiveInstance, useToggle } from '@polkadot/react-hooks';
+
+import { useTranslation } from '../translate';
+
+interface Props {
+  id: ProposalIndex;
+  isDisabled: boolean;
+  members: string[];
+}
+
+interface ProposalState {
+  proposal?: SubmittableExtrinsic<'promise'> | null;
+  proposalLength: number;
+}
+
+function Council ({ id, isDisabled, members }: Props): React.ReactElement<Props> | null {
+  const { t } = useTranslation();
+  const { api } = useApi();
+  const [isOpen, toggleOpen] = useToggle();
+  const [accountId, setAccountId] = useState<string | null>(null);
+  const [proposalType, setProposalType] = useState('accept');
+  const [{ proposal, proposalLength }, setProposal] = useState<ProposalState>(() => ({ proposalLength: 0 }));
+  const modCouncil = useCollectiveInstance('council');
+
+  const threshold = Math.ceil((members?.length || 0) * getTreasuryProposalThreshold(api));
+
+  const councilTypeOptRef = useRef([
+    { text: t<string>('Acceptance proposal to council'), value: 'accept' },
+    { text: t<string>('Rejection proposal to council'), value: 'reject' }
+  ]);
+
+  useEffect((): void => {
+    const proposal = proposalType === 'reject'
+      ? api.tx.treasury.rejectProposal(id)
+      : api.tx.treasury.approveProposal(id);
+
+    setProposal({ proposal, proposalLength: proposal.length });
+  }, [api, id, proposalType]);
+
+  if (!modCouncil) {
+    return null;
+  }
+
+  return (
+    <>
+      {isOpen && (
+        <Modal
+          header={t<string>('Send to council')}
+          onClose={toggleOpen}
+          size='large'
+        >
+          <Modal.Content>
+            <Modal.Columns hint={t<string>('The council member that is proposing this, submission equates to an "aye" vote.')}>
+              <InputAddress
+                filter={members}
+                help={t<string>('Select the council account you wish to use to make the proposal.')}
+                label={t<string>('submit with council account')}
+                onChange={setAccountId}
+                type='account'
+                withLabel
+              />
+            </Modal.Columns>
+            <Modal.Columns hint={t<string>('Proposal can either be to approve or reject this spend. Once approved, the change is applied by either removing the proposal or scheduling payout.')}>
+              <Dropdown
+                help={t<string>('The type of council proposal to submit.')}
+                label={t<string>('council proposal type')}
+                onChange={setProposalType}
+                options={councilTypeOptRef.current}
+                value={proposalType}
+              />
+            </Modal.Columns>
+          </Modal.Content>
+          <Modal.Actions>
+            <TxButton
+              accountId={accountId}
+              icon='check'
+              isDisabled={!accountId || !threshold}
+              label={t<string>('Send to council')}
+              onStart={toggleOpen}
+              params={
+                api.tx[modCouncil].propose.meta.args.length === 3
+                  ? [threshold, proposal, proposalLength]
+                  : [threshold, proposal]
+              }
+              tx={api.tx[modCouncil].propose}
+            />
+          </Modal.Actions>
+        </Modal>
+      )}
+      <Button
+        icon='step-forward'
+        isDisabled={isDisabled}
+        label={t<string>('To council')}
+        onClick={toggleOpen}
+      />
+    </>
+  );
+}
+
+export default React.memo(Council);
diff --git a/packages/page-treasury/src/Overview/Proposal.tsx b/packages/page-treasury/src/Overview/Proposal.tsx
new file mode 100644
index 0000000..b3074e5
--- /dev/null
+++ b/packages/page-treasury/src/Overview/Proposal.tsx
@@ -0,0 +1,74 @@
+// Copyright 2017-2022 @polkadot/app-treasury authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { DeriveTreasuryProposal } from '@polkadot/api-derive/types';
+
+import React, { useMemo } from 'react';
+
+import { AddressMini, AddressSmall, LinkExternal } from '@polkadot/react-components';
+import { FormatBalance } from '@polkadot/react-query';
+import { formatNumber } from '@polkadot/util';
+
+import { useTranslation } from '../translate';
+import Council from './Council';
+
+interface Props {
+  className?: string;
+  isMember: boolean;
+  members: string[];
+  proposal: DeriveTreasuryProposal;
+  withSend: boolean;
+}
+
+function ProposalDisplay ({ className = '', isMember, members, proposal: { council, id, proposal }, withSend }: Props): React.ReactElement<Props> {
+  const { t } = useTranslation();
+
+  const hasProposals = useMemo(
+    () => !!council
+      .map(({ votes }) => votes ? votes.index.toNumber() : -1)
+      .filter((index) => index !== -1)
+      .length,
+    [council]
+  );
+
+  return (
+    <tr className={className}>
+      <td className='number'>
+        <h1>{formatNumber(id)}</h1>
+      </td>
+      <td className='address all'>
+        <AddressSmall value={proposal.proposer} />
+      </td>
+      <td className='address'>
+        <AddressMini value={proposal.beneficiary} />
+      </td>
+      <td className='number'>
+        <FormatBalance value={proposal.value} />
+      </td>
+      <td className='number'>
+        <FormatBalance value={proposal.bond} />
+      </td>
+      <td className={hasProposals ? 'middle' : 'button'}>
+        {hasProposals
+          ? <a href='#/council/motions'>{t('Voting')}</a>
+          : withSend && (
+            <Council
+              id={id}
+              isDisabled={!isMember}
+              members={members}
+            />
+          )
+        }
+      </td>
+      <td className='links'>
+        <LinkExternal
+          data={id}
+          isLogo
+          type='treasury'
+        />
+      </td>
+    </tr>
+  );
+}
+
+export default React.memo(ProposalDisplay);
diff --git a/packages/page-treasury/src/Overview/ProposalCreate.tsx b/packages/page-treasury/src/Overview/ProposalCreate.tsx
new file mode 100644
index 0000000..a5b67ca
--- /dev/null
+++ b/packages/page-treasury/src/Overview/ProposalCreate.tsx
@@ -0,0 +1,110 @@
+// Copyright 2017-2022 @polkadot/app-treasury authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { BN } from '@polkadot/util';
+
+import React, { useMemo, useState } from 'react';
+
+import { Button, InputAddress, InputBalance, MarkWarning, Modal, Static, TxButton } from '@polkadot/react-components';
+import { useApi, useToggle } from '@polkadot/react-hooks';
+import { BN_HUNDRED, BN_MILLION } from '@polkadot/util';
+
+import { useTranslation } from '../translate';
+
+interface Props {
+  className?: string;
+}
+
+function Propose ({ className }: Props): React.ReactElement<Props> | null {
+  const { t } = useTranslation();
+  const { api } = useApi();
+  const [accountId, setAccountId] = useState<string | null>(null);
+  const [beneficiary, setBeneficiary] = useState<string | null>(null);
+  const [isOpen, toggleOpen] = useToggle();
+  const [value, setValue] = useState<BN | undefined>();
+  const hasValue = value?.gtn(0);
+
+  const bondPercentage = useMemo(
+    () => `${api.consts.treasury.proposalBond.mul(BN_HUNDRED).div(BN_MILLION).toNumber().toFixed(2)}%`,
+    [api]
+  );
+
+  return (
+    <>
+      {isOpen && (
+        <Modal
+          className={className}
+          header={t<string>('Submit treasury proposal')}
+          onClose={toggleOpen}
+          size='large'
+        >
+          <Modal.Content>
+            <Modal.Columns hint={t<string>('This account will make the proposal and be responsible for the bond.')}>
+              <InputAddress
+                help={t<string>('Select the account you wish to submit the proposal from.')}
+                label={t<string>('submit with account')}
+                onChange={setAccountId}
+                type='account'
+                withLabel
+              />
+            </Modal.Columns>
+            <Modal.Columns hint={t<string>('The beneficiary will receive the full amount if the proposal passes.')}>
+              <InputAddress
+                help={t<string>('The account to which the proposed balance will be transferred if approved')}
+                label={t<string>('beneficiary')}
+                onChange={setBeneficiary}
+                type='allPlus'
+              />
+            </Modal.Columns>
+            <Modal.Columns
+              hint={
+                <>
+                  <p>{t<string>('The value is the amount that is being asked for and that will be allocated to the beneficiary if the proposal is approved.')}</p>
+                  <p>{t<string>('Of the beneficiary amount, at least {{bondPercentage}} would need to be put up as collateral. The maximum of this and the minimum bond will be used to secure the proposal, refundable if it passes.', { replace: { bondPercentage } })}</p>
+                </>
+              }
+            >
+              <InputBalance
+                help={t<string>('The amount that will be allocated from the treasury pot')}
+                isError={!hasValue}
+                label={t<string>('value')}
+                onChange={setValue}
+              />
+              <Static
+                help={t<string>('The on-chain percentage for the treasury')}
+                label={t<string>('proposal bond')}
+              >
+                {bondPercentage}
+              </Static>
+              <InputBalance
+                defaultValue={api.consts.treasury.proposalBondMinimum.toString()}
+                help={t<string>('The minimum amount that will be bonded')}
+                isDisabled
+                label={t<string>('minimum bond')}
+              />
+              <MarkWarning content={t<string>('Be aware that once submitted the proposal will be put to a council vote. If the proposal is rejected due to a lack of info, invalid requirements or non-benefit to the network as a whole, the full bond posted (as describe above) will be lost.')} />
+            </Modal.Columns>
+          </Modal.Content>
+          <Modal.Actions>
+            <TxButton
+              accountId={accountId}
+              icon='plus'
+              isDisabled={!accountId || !hasValue}
+              label={t<string>('Submit proposal')}
+              onStart={toggleOpen}
+              params={[value, beneficiary]}
+              tx={api.tx.treasury.proposeSpend}
+            />
+          </Modal.Actions>
+        </Modal>
+      )}
+      <Button
+        icon='plus'
+        label={t<string>('Submit proposal')}
+        onClick={toggleOpen}
+      />
+    </>
+  );
+}
+
+export default React.memo(Propose);
diff --git a/packages/page-treasury/src/Overview/Proposals.tsx b/packages/page-treasury/src/Overview/Proposals.tsx
new file mode 100644
index 0000000..cb6be3f
--- /dev/null
+++ b/packages/page-treasury/src/Overview/Proposals.tsx
@@ -0,0 +1,52 @@
+// Copyright 2017-2022 @polkadot/app-treasury authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { DeriveTreasuryProposal } from '@polkadot/api-derive/types';
+
+import React, { useMemo } from 'react';
+
+import { Table } from '@polkadot/react-components';
+
+import { useTranslation } from '../translate';
+import Proposal from './Proposal';
+
+interface Props {
+  className?: string;
+  isApprovals?: boolean;
+  isMember: boolean;
+  members: string[];
+  proposals?: DeriveTreasuryProposal[];
+}
+
+function ProposalsBase ({ className = '', isApprovals, isMember, members, proposals }: Props): React.ReactElement<Props> {
+  const { t } = useTranslation();
+
+  const header = useMemo(() => [
+    [isApprovals ? t<string>('Approved') : t<string>('Proposals'), 'start', 2],
+    [t('beneficiary'), 'address'],
+    [t('payment')],
+    [t('bond')],
+    [],
+    []
+  ], [isApprovals, t]);
+
+  return (
+    <Table
+      className={className}
+      empty={proposals && (isApprovals ? t<string>('No approved proposals') : t<string>('No pending proposals'))}
+      header={header}
+    >
+      {proposals?.map((proposal): React.ReactNode => (
+        <Proposal
+          isMember={isMember}
+          key={proposal.id.toString()}
+          members={members}
+          proposal={proposal}
+          withSend={!isApprovals}
+        />
+      ))}
+    </Table>
+  );
+}
+
+export default React.memo(ProposalsBase);
diff --git a/packages/page-treasury/src/Overview/Summary.tsx b/packages/page-treasury/src/Overview/Summary.tsx
new file mode 100644
index 0000000..fceab19
--- /dev/null
+++ b/packages/page-treasury/src/Overview/Summary.tsx
@@ -0,0 +1,127 @@
+// Copyright 2017-2022 @polkadot/app-treasury authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { BN } from '@polkadot/util';
+
+import React, { useMemo } from 'react';
+
+import { CardSummary, SummaryBox } from '@polkadot/react-components';
+import { useApi, useBestNumber, useCall, useTreasury } from '@polkadot/react-hooks';
+import { FormatBalance } from '@polkadot/react-query';
+import { formatNumber } from '@polkadot/util';
+
+import { useTranslation } from '../translate';
+
+interface Props {
+  approvalCount?: number;
+  proposalCount?: number;
+}
+
+function Summary ({ approvalCount, proposalCount }: Props): React.ReactElement<Props> {
+  const { t } = useTranslation();
+  const { api } = useApi();
+  const bestNumber = useBestNumber();
+  const totalProposals = useCall<BN>(api.query.treasury.proposalCount);
+  const { burn, pendingBounties, pendingProposals, spendPeriod, value } = useTreasury();
+
+  const spendable = useMemo(
+    () => value && value.sub(pendingBounties).sub(pendingProposals),
+    [value, pendingBounties, pendingProposals]
+  );
+
+  return (
+    <SummaryBox>
+      <section>
+        <CardSummary
+          className='media--1700'
+          label={t<string>('open')}
+        >
+          {formatNumber(proposalCount)}
+        </CardSummary>
+        <CardSummary
+          className='media--1600'
+          label={t<string>('approved')}
+        >
+          {formatNumber(approvalCount)}
+        </CardSummary>
+        <CardSummary
+          className='media--1400'
+          label={t<string>('total')}
+        >
+          {formatNumber(totalProposals || 0)}
+        </CardSummary>
+      </section>
+      <section>
+        {!pendingProposals.isZero() && (
+          <CardSummary
+            className='media--1100'
+            label={t<string>('approved')}
+          >
+            <FormatBalance
+              value={pendingProposals}
+              withSi
+            />
+          </CardSummary>
+        )}
+        {!pendingBounties.isZero() && (
+          <CardSummary
+            className='media--1200'
+            label={t<string>('bounties')}
+          >
+            <FormatBalance
+              value={pendingBounties}
+              withSi
+            />
+          </CardSummary>
+        )}
+        {burn && (
+          <CardSummary
+            className='media--1300'
+            label={t<string>('next burn')}
+          >
+            <FormatBalance
+              value={burn}
+              withSi
+            />
+          </CardSummary>
+        )}
+      </section>
+      {value && spendable && (
+        <section>
+          <CardSummary
+            label={t<string>('spendable / available')}
+            progress={{
+              hideValue: true,
+              total: value,
+              value: spendable
+            }}
+          >
+            <FormatBalance
+              value={spendable}
+              withSi
+            />
+            <>&nbsp;/&nbsp;</>
+            <FormatBalance
+              value={value}
+              withSi
+            />
+          </CardSummary>
+        </section>
+      )}
+      {bestNumber && spendPeriod?.gtn(0) && (
+        <section>
+          <CardSummary
+            label={t<string>('spend period')}
+            progress={{
+              total: spendPeriod,
+              value: bestNumber.mod(spendPeriod),
+              withTime: true
+            }}
+          />
+        </section>
+      )}
+    </SummaryBox>
+  );
+}
+
+export default React.memo(Summary);
diff --git a/packages/page-treasury/src/Overview/index.tsx b/packages/page-treasury/src/Overview/index.tsx
new file mode 100644
index 0000000..f9852c0
--- /dev/null
+++ b/packages/page-treasury/src/Overview/index.tsx
@@ -0,0 +1,49 @@
+// Copyright 2017-2022 @polkadot/app-treasury authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { DeriveTreasuryProposals } from '@polkadot/api-derive/types';
+
+import React from 'react';
+
+import { Button } from '@polkadot/react-components';
+import { useApi, useCall } from '@polkadot/react-hooks';
+
+import ProposalCreate from './ProposalCreate';
+import Proposals from './Proposals';
+import Summary from './Summary';
+
+interface Props {
+  className?: string;
+  isMember: boolean;
+  members: string[];
+}
+
+function Overview ({ className, isMember, members }: Props): React.ReactElement<Props> {
+  const { api } = useApi();
+  const info = useCall<DeriveTreasuryProposals>(api.derive.treasury.proposals);
+
+  return (
+    <div className={className}>
+      <Summary
+        approvalCount={info?.approvals.length}
+        proposalCount={info?.proposals.length}
+      />
+      <Button.Group>
+        <ProposalCreate />
+      </Button.Group>
+      <Proposals
+        isMember={isMember}
+        members={members}
+        proposals={info?.proposals}
+      />
+      <Proposals
+        isApprovals
+        isMember={isMember}
+        members={members}
+        proposals={info?.approvals}
+      />
+    </div>
+  );
+}
+
+export default React.memo(Overview);
diff --git a/packages/page-treasury/src/Tips/Tip.tsx b/packages/page-treasury/src/Tips/Tip.tsx
new file mode 100644
index 0000000..67489e5
--- /dev/null
+++ b/packages/page-treasury/src/Tips/Tip.tsx
@@ -0,0 +1,216 @@
+// Copyright 2017-2022 @polkadot/app-treasury authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { AccountId, Balance, BlockNumber, OpenTipTo225 } from '@polkadot/types/interfaces';
+import type { PalletTipsOpenTip } from '@polkadot/types/lookup';
+import type { BN } from '@polkadot/util';
+
+import React, { useEffect, useMemo, useState } from 'react';
+import styled from 'styled-components';
+
+import { AddressMini, AddressSmall, Checkbox, Expander, Icon, LinkExternal, TxButton } from '@polkadot/react-components';
+import { useAccounts, useApi } from '@polkadot/react-hooks';
+import { BlockToTime, FormatBalance } from '@polkadot/react-query';
+import { BN_ZERO, formatNumber } from '@polkadot/util';
+
+import { useTranslation } from '../translate';
+import TipEndorse from './TipEndorse';
+import TipReason from './TipReason';
+
+interface Props {
+  bestNumber?: BlockNumber;
+  className?: string;
+  defaultId: string | null;
+  hash: string;
+  isMember: boolean;
+  members: string[];
+  onSelect: (hash: string, isSelected: boolean, value: BN) => void;
+  onlyUntipped: boolean;
+  tip: PalletTipsOpenTip | OpenTipTo225;
+}
+
+interface TipState {
+  closesAt: BlockNumber | null;
+  deposit: Balance | null;
+  finder: AccountId | null;
+  isFinder: boolean;
+  isTipped: boolean;
+  isTipper: boolean;
+  median: BN;
+}
+
+function isCurrentTip (tip: PalletTipsOpenTip | OpenTipTo225): tip is PalletTipsOpenTip {
+  return !!(tip as PalletTipsOpenTip)?.findersFee;
+}
+
+function extractTipState (tip: PalletTipsOpenTip | OpenTipTo225, allAccounts: string[]): TipState {
+  const closesAt = tip.closes.unwrapOr(null);
+  let finder: AccountId | null = null;
+  let deposit: Balance | null = null;
+
+  if (isCurrentTip(tip)) {
+    finder = tip.finder;
+    deposit = tip.deposit;
+  } else if (tip.finder.isSome) {
+    const finderInfo = tip.finder.unwrap();
+
+    finder = finderInfo[0];
+    deposit = finderInfo[1];
+  }
+
+  const values = tip.tips.map(([, value]) => value).sort((a, b) => a.cmp(b));
+  const midIndex = Math.floor(values.length / 2);
+  const median = values.length
+    ? values.length % 2
+      ? values[midIndex]
+      : values[midIndex - 1].add(values[midIndex]).divn(2)
+    : BN_ZERO;
+
+  return {
+    closesAt,
+    deposit,
+    finder,
+    isFinder: !!finder && allAccounts.includes(finder.toString()),
+    isTipped: !!values.length,
+    isTipper: tip.tips.some(([address]) => allAccounts.includes(address.toString())),
+    median
+  };
+}
+
+function Tip ({ bestNumber, className = '', defaultId, hash, isMember, members, onSelect, onlyUntipped, tip }: Props): React.ReactElement<Props> | null {
+  const { api } = useApi();
+  const { t } = useTranslation();
+  const { allAccounts } = useAccounts();
+
+  const { closesAt, finder, isFinder, isTipped, isTipper, median } = useMemo(
+    () => extractTipState(tip, allAccounts),
+    [allAccounts, tip]
+  );
+
+  const councilId = useMemo(
+    () => allAccounts.find((accountId) => members.includes(accountId)) || null,
+    [allAccounts, members]
+  );
+
+  const [isMedianSelected, setMedianTip] = useState(false);
+
+  useEffect((): void => {
+    onSelect(hash, isMedianSelected, median);
+  }, [hash, isMedianSelected, median, onSelect]);
+
+  useEffect((): void => {
+    setMedianTip(isMember && !isTipper);
+  }, [isMember, isTipper]);
+
+  if (onlyUntipped && !closesAt && isTipper) {
+    return null;
+  }
+
+  const { reason, tips, who } = tip;
+  const recipient = who.toString();
+
+  return (
+    <tr className={className}>
+      <td className='address'>
+        <AddressSmall value={who} />
+      </td>
+      <td className='address media--1400'>
+        {finder && (
+          <AddressMini value={finder} />
+        )}
+      </td>
+      <TipReason hash={reason} />
+      <td className='expand media--1100'>
+        {tips.length !== 0 && (
+          <Expander summary={
+            <>
+              <div>{t<string>('Tippers ({{count}})', { replace: { count: tips.length } })}</div>
+              <FormatBalance value={median} />
+            </>
+          }
+          >
+            {tips.map(([tipper, balance]) => (
+              <AddressMini
+                balance={balance}
+                key={tipper.toString()}
+                value={tipper}
+                withBalance
+              />
+            ))}
+          </Expander>
+        )}
+      </td>
+      <td className='button together'>
+        {closesAt
+          ? (bestNumber && closesAt.gt(bestNumber)) && (
+            <div className='closingTimer'>
+              <BlockToTime value={closesAt.sub(bestNumber)} />
+              #{formatNumber(closesAt)}
+            </div>
+          )
+          : finder && isFinder && (
+            <TxButton
+              accountId={finder}
+              className='media--1400'
+              icon='times'
+              label={t('Cancel')}
+              params={[hash]}
+              tx={(api.tx.tips || api.tx.treasury).retractTip}
+            />
+          )
+        }
+        {(!closesAt || !bestNumber || closesAt.gt(bestNumber))
+          ? (
+            <TipEndorse
+              defaultId={defaultId}
+              hash={hash}
+              isMember={isMember}
+              isTipped={isTipped}
+              median={median}
+              members={members}
+              recipient={recipient}
+            />
+          )
+          : (
+            <TxButton
+              accountId={councilId}
+              icon='times'
+              label={t<string>('Close')}
+              params={[hash]}
+              tx={(api.tx.tips || api.tx.treasury).closeTip}
+            />
+          )
+        }
+      </td>
+      <td className='badge media--1700'>
+        {isMember && (
+          <Icon
+            color={isTipper ? 'green' : 'gray'}
+            icon='asterisk'
+          />
+        )}
+      </td>
+      <td>
+        <Checkbox
+          isDisabled={!isMember}
+          onChange={setMedianTip}
+          value={isMedianSelected}
+        />
+      </td>
+      <td className='links media--1700'>
+        <LinkExternal
+          data={hash}
+          isLogo
+          type='tip'
+        />
+      </td>
+    </tr>
+  );
+}
+
+export default React.memo(styled(Tip)`
+  .closingTimer {
+    display: inline-block;
+    padding: 0 0.5rem;
+  }
+`);
diff --git a/packages/page-treasury/src/Tips/TipCreate.tsx b/packages/page-treasury/src/Tips/TipCreate.tsx
new file mode 100644
index 0000000..0e7b5c0
--- /dev/null
+++ b/packages/page-treasury/src/Tips/TipCreate.tsx
@@ -0,0 +1,119 @@
+// Copyright 2017-2022 @polkadot/app-treasury authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { BN } from '@polkadot/util';
+
+import React, { useMemo, useState } from 'react';
+
+import { Button, Input, InputAddress, InputBalance, Modal, TxButton } from '@polkadot/react-components';
+import { useApi, useToggle } from '@polkadot/react-hooks';
+import { BN_ZERO } from '@polkadot/util';
+
+import { useTranslation } from '../translate';
+
+interface Props {
+  members: string[];
+}
+
+const MAX_REASON_LEN = 256;
+const MIN_REASON_LEN = 5;
+
+function TipCreate ({ members }: Props): React.ReactElement<Props> {
+  const { t } = useTranslation();
+  const { api } = useApi();
+  const [isOpen, toggleOpen] = useToggle();
+  const [accountId, setAccountId] = useState<string | null>(null);
+  const [beneficiary, setBeneficiary] = useState<string | null>(null);
+  const [reason, setReason] = useState('');
+  const [value, setValue] = useState<BN | undefined>();
+  const maxReasonLen = useMemo(
+    () => Math.min(MAX_REASON_LEN, (
+      (api.consts.tips || api.consts.treasury)?.maximumReasonLength?.toNumber() ||
+      MAX_REASON_LEN
+    )),
+    [api]
+  );
+  const isMember = useMemo(
+    () => !!accountId && members.includes(accountId),
+    [accountId, members]
+  );
+  const hasValue = !!value && value.gt(BN_ZERO);
+  const hasReason = !!reason && (reason.length >= MIN_REASON_LEN) && (reason.length <= maxReasonLen);
+
+  return (
+    <>
+      <Button
+        icon='plus'
+        label={t<string>('Propose tip')}
+        onClick={toggleOpen}
+      />
+      {isOpen && (
+        <Modal
+          header={t<string>('Submit tip request')}
+          onClose={toggleOpen}
+          size='large'
+        >
+          <Modal.Content>
+            <Modal.Columns hint={t<string>('Use this account to request the tip from. This can be a normal or council account.')}>
+              <InputAddress
+                help={t<string>('Select the account you wish to submit the tip from.')}
+                label={t<string>('submit with account')}
+                onChange={setAccountId}
+                type='account'
+                withLabel
+              />
+            </Modal.Columns>
+            <Modal.Columns hint={t<string>('The beneficiary will received the tip as approved by council members.')}>
+              <InputAddress
+                help={t<string>('The account to which the tip will be transferred if approved')}
+                label={t<string>('beneficiary')}
+                onChange={setBeneficiary}
+                type='allPlus'
+              />
+            </Modal.Columns>
+            <Modal.Columns hint={t<string>('A reason (to be stored-on-chain) as to why the recipient deserves a tip payout.')}>
+              <Input
+                autoFocus
+                help={t<string>('The reason why this tip should be paid.')}
+                isError={!hasReason}
+                label={t<string>('tip reason')}
+                onChange={setReason}
+              />
+            </Modal.Columns>
+            {isMember && (
+              <Modal.Columns hint={t<string>('As a council member, you can suggest an initial value for the tip, each other council member can suggest their own.')}>
+                <InputBalance
+                  help={t<string>('The suggested value for this tip')}
+                  isError={!hasValue}
+                  label={t<string>('tip value')}
+                  onChange={setValue}
+                />
+              </Modal.Columns>
+            )}
+          </Modal.Content>
+          <Modal.Actions>
+            <TxButton
+              accountId={accountId}
+              icon='plus'
+              isDisabled={!accountId || (isMember && !hasValue) || !hasReason}
+              label={t<string>('Propose tip')}
+              onStart={toggleOpen}
+              params={
+                isMember
+                  ? [reason, beneficiary, value]
+                  : [reason, beneficiary]
+              }
+              tx={
+                isMember
+                  ? (api.tx.tips || api.tx.treasury).tipNew
+                  : (api.tx.tips || api.tx.treasury).reportAwesome
+              }
+            />
+          </Modal.Actions>
+        </Modal>
+      )}
+    </>
+  );
+}
+
+export default React.memo(TipCreate);
diff --git a/packages/page-treasury/src/Tips/TipEndorse.tsx b/packages/page-treasury/src/Tips/TipEndorse.tsx
new file mode 100644
index 0000000..9459c27
--- /dev/null
+++ b/packages/page-treasury/src/Tips/TipEndorse.tsx
@@ -0,0 +1,105 @@
+// Copyright 2017-2022 @polkadot/app-treasury authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { DeriveBalancesAll } from '@polkadot/api-derive/types';
+import type { BN } from '@polkadot/util';
+
+import React, { useState } from 'react';
+
+import { Button, InputAddress, InputBalance, MarkWarning, Modal, TxButton } from '@polkadot/react-components';
+import { useApi, useCall, useToggle } from '@polkadot/react-hooks';
+
+import { useTranslation } from '../translate';
+
+interface Props {
+  defaultId: string | null;
+  hash: string;
+  isMember: boolean;
+  isTipped: boolean;
+  median: BN;
+  members: string[];
+  recipient: string;
+}
+
+const transformBalance = {
+  transform: ({ freeBalance, reservedBalance }: DeriveBalancesAll): BN =>
+    freeBalance.add(reservedBalance)
+};
+
+function TipEndorse ({ defaultId, hash, isMember, isTipped, median, members, recipient }: Props): React.ReactElement<Props> {
+  const { t } = useTranslation();
+  const { api } = useApi();
+  const [isOpen, toggleOpen] = useToggle();
+  const [accountId, setAccountId] = useState<string | null>(defaultId);
+  const [value, setValue] = useState<BN | undefined>();
+  const totalBalance = useCall<BN>(api.derive.balances?.all, [recipient], transformBalance);
+
+  const tipTx = (api.tx.tips || api.tx.treasury).tip;
+
+  return (
+    <>
+      <Button
+        icon='check'
+        isDisabled={!isMember}
+        label={t<string>('Tip')}
+        onClick={toggleOpen}
+      />
+      <TxButton
+        accountId={defaultId}
+        className='media--1600'
+        icon='fighter-jet'
+        isDisabled={!isMember || !isTipped}
+        isIcon
+        params={[hash, median]}
+        tx={tipTx}
+        withoutLink
+      />
+      {isOpen && (
+        <Modal
+          header={t<string>('Submit tip endorsement')}
+          onClose={toggleOpen}
+          size='large'
+        >
+          <Modal.Content>
+            <Modal.Columns hint={t<string>('Your endorsement will be applied for this account.')}>
+              <InputAddress
+                filter={members}
+                help={t<string>('Select the account you wish to submit the tip from.')}
+                label={t<string>('submit with account')}
+                onChange={setAccountId}
+                type='account'
+                withLabel
+              />
+            </Modal.Columns>
+            <Modal.Columns hint={t<string>('Allocate a suggested tip amount. With enough endorsements, the suggested values are averaged and sent to the beneficiary.')}>
+              <InputBalance
+                autoFocus
+                defaultValue={median}
+                help={t<string>('The tip amount that should be allocated')}
+                isZeroable
+                label={t<string>('value')}
+                onChange={setValue}
+              />
+              {totalBalance && totalBalance.isZero() && (
+                <MarkWarning content={t<string>('The recipient account has no balance, ensure the tip is more than the existential deposit to create the account.')} />
+              )}
+            </Modal.Columns>
+          </Modal.Content>
+          <Modal.Actions>
+            <TxButton
+              accountId={accountId}
+              icon='plus'
+              isDisabled={!accountId}
+              label={t<string>('Submit tip')}
+              onStart={toggleOpen}
+              params={[hash, value]}
+              tx={tipTx}
+            />
+          </Modal.Actions>
+        </Modal>
+      )}
+    </>
+  );
+}
+
+export default React.memo(TipEndorse);
diff --git a/packages/page-treasury/src/Tips/TipReason.tsx b/packages/page-treasury/src/Tips/TipReason.tsx
new file mode 100644
index 0000000..1bdf562
--- /dev/null
+++ b/packages/page-treasury/src/Tips/TipReason.tsx
@@ -0,0 +1,32 @@
+// Copyright 2017-2022 @polkadot/app-treasury authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { Bytes, Option } from '@polkadot/types';
+import type { Hash } from '@polkadot/types/interfaces';
+
+import React from 'react';
+
+import { useApi, useCall } from '@polkadot/react-hooks';
+import { hexToString } from '@polkadot/util';
+
+interface Props {
+  hash: Hash;
+}
+
+const transformTip = {
+  transform: (optBytes: Option<Bytes>) =>
+    optBytes.isSome
+      ? hexToString(optBytes.unwrap().toHex())
+      : null
+};
+
+function TipReason ({ hash }: Props): React.ReactElement<Props> {
+  const { api } = useApi();
+  const reasonText = useCall<string | null>((api.query.tips || api.query.treasury).reasons, [hash], transformTip);
+
+  return (
+    <td className='start all'>{reasonText || hash.toHex()}</td>
+  );
+}
+
+export default React.memo(TipReason);
diff --git a/packages/page-treasury/src/Tips/Tips.tsx b/packages/page-treasury/src/Tips/Tips.tsx
new file mode 100644
index 0000000..c4626f4
--- /dev/null
+++ b/packages/page-treasury/src/Tips/Tips.tsx
@@ -0,0 +1,116 @@
+// Copyright 2017-2022 @polkadot/app-treasury authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { Option } from '@polkadot/types';
+import type { OpenTipTo225 } from '@polkadot/types/interfaces';
+import type { PalletTipsOpenTip } from '@polkadot/types/lookup';
+import type { BN } from '@polkadot/util';
+
+import React, { useMemo, useRef, useState } from 'react';
+import styled from 'styled-components';
+
+import { Table, Toggle } from '@polkadot/react-components';
+import { useApi, useBestNumber, useCall } from '@polkadot/react-hooks';
+
+import { useTranslation } from '../translate';
+import Tip from './Tip';
+
+interface Props {
+  className?: string;
+  defaultId: string | null;
+  hashes?: string[] | null;
+  isMember: boolean;
+  members: string[];
+  onSelectTip: (hash: string, isSelected: boolean, value: BN) => void,
+}
+
+type Tip = [string, PalletTipsOpenTip | OpenTipTo225];
+
+const TIP_OPTS = { withParams: true };
+
+function extractTips (tipsWithHashes?: [[string[]], Option<PalletTipsOpenTip>[]], inHashes?: string[] | null): Tip[] | undefined {
+  if (!tipsWithHashes || !inHashes) {
+    return undefined;
+  }
+
+  const [[hashes], optTips] = tipsWithHashes;
+
+  return optTips
+    .map((opt, index): [string, PalletTipsOpenTip | null] => [hashes[index], opt.unwrapOr(null)])
+    .filter((val): val is [string, PalletTipsOpenTip] => inHashes.includes(val[0]) && !!val[1])
+    .sort((a, b) =>
+      a[1].closes.isNone
+        ? b[1].closes.isNone
+          ? 0
+          : -1
+        : b[1].closes.isSome
+          ? b[1].closes.unwrap().cmp(a[1].closes.unwrap())
+          : 1
+    );
+}
+
+function Tips ({ className = '', defaultId, hashes, isMember, members, onSelectTip }: Props): React.ReactElement<Props> {
+  const { t } = useTranslation();
+  const { api } = useApi();
+  const [onlyUntipped, setOnlyUntipped] = useState(false);
+  const bestNumber = useBestNumber();
+  const tipsWithHashes = useCall<[[string[]], Option<PalletTipsOpenTip>[]]>(hashes && (api.query.tips || api.query.treasury).tips.multi, [hashes], TIP_OPTS);
+
+  const tips = useMemo(
+    () => extractTips(tipsWithHashes, hashes),
+    [hashes, tipsWithHashes]
+  );
+
+  const headerRef = useRef([
+    [t('tips'), 'start'],
+    [t('finder'), 'address media--1400'],
+    [t('reason'), 'start'],
+    [undefined, 'media--1100'],
+    [],
+    [undefined, 'badge media--1700'],
+    [],
+    [undefined, 'media--1700']
+  ]);
+
+  return (
+    <Table
+      className={className}
+      empty={tips && t<string>('No open tips')}
+      filter={isMember && (
+        <div className='tipsFilter'>
+          <Toggle
+            label={t<string>('show only untipped/closing')}
+            onChange={setOnlyUntipped}
+            value={onlyUntipped}
+          />
+        </div>
+      )}
+      header={headerRef.current}
+    >
+      {tips && tips.map(([hash, tip]): React.ReactNode => (
+        <Tip
+          bestNumber={bestNumber}
+          defaultId={defaultId}
+          hash={hash}
+          isMember={isMember}
+          key={hash}
+          members={members}
+          onSelect={onSelectTip}
+          onlyUntipped={onlyUntipped}
+          tip={tip}
+        />
+      ))}
+    </Table>
+  );
+}
+
+export default React.memo(styled(Tips)`
+  .tipsFilter {
+    text-align: right;
+
+    .ui--Toggle {
+      margin-right: 1rem;
+      margin-top: 0.75rem;
+    }
+  }
+`);
diff --git a/packages/page-treasury/src/Tips/index.tsx b/packages/page-treasury/src/Tips/index.tsx
new file mode 100644
index 0000000..f2e71de
--- /dev/null
+++ b/packages/page-treasury/src/Tips/index.tsx
@@ -0,0 +1,80 @@
+// Copyright 2017-2022 @polkadot/app-treasury authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { SubmittableExtrinsic } from '@polkadot/api/types';
+import type { BN } from '@polkadot/util';
+
+import React, { useCallback, useMemo, useState } from 'react';
+
+import { Button, TxButton } from '@polkadot/react-components';
+import { useAccounts, useApi, useTxBatch } from '@polkadot/react-hooks';
+
+import { useTranslation } from '../translate';
+import TipCreate from './TipCreate';
+import Tips from './Tips';
+
+interface Props {
+  className?: string;
+  hashes?: string[] | null;
+  isMember: boolean;
+  members: string[];
+}
+
+interface QuickTipsState {
+  quickTips: Record<string, BN | null>;
+  quickTxs: SubmittableExtrinsic<'promise'>[];
+}
+
+const DEFAULT_TIPS = { quickTips: {}, quickTxs: [] };
+
+function TipsEntry ({ className, hashes, isMember, members }: Props): React.ReactElement<Props> {
+  const { t } = useTranslation();
+  const { allAccounts } = useAccounts();
+  const { api } = useApi();
+  const [{ quickTxs }, setQuickTips] = useState<QuickTipsState>(DEFAULT_TIPS);
+  const batchTxs = useTxBatch(quickTxs);
+
+  const defaultId = useMemo(
+    () => members.find((memberId) => allAccounts.includes(memberId)) || null,
+    [allAccounts, members]
+  );
+
+  const _selectTip = useCallback(
+    (hash: string, isSelected: boolean, value: BN) => setQuickTips(({ quickTips }): QuickTipsState => {
+      quickTips[hash] = isSelected ? value : null;
+
+      return {
+        quickTips,
+        quickTxs: Object
+          .entries(quickTips)
+          .map(([hash, value]) => value && (api.tx.tips || api.tx.treasury).tip(hash, value))
+          .filter((value): value is SubmittableExtrinsic<'promise'> => !!value)
+      };
+    }),
+    [api]
+  );
+
+  return (
+    <div className={className}>
+      <Button.Group>
+        <TipCreate members={members} />
+        <TxButton
+          accountId={defaultId}
+          extrinsic={batchTxs}
+          icon='fighter-jet'
+          isDisabled={!isMember || !batchTxs}
+          label={t<string>('Median tip selected')}
+        />
+      </Button.Group>
+      <Tips
+        defaultId={defaultId}
+        hashes={hashes}
+        isMember={isMember}
+        members={members}
+        onSelectTip={_selectTip}
+      />
+    </div>
+  );
+}
+
+export default React.memo(TipsEntry);
diff --git a/packages/page-treasury/src/index.tsx b/packages/page-treasury/src/index.tsx
new file mode 100644
index 0000000..19ea830
--- /dev/null
+++ b/packages/page-treasury/src/index.tsx
@@ -0,0 +1,75 @@
+// Copyright 2017-2022 @polkadot/app-treasury authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import React, { useMemo } from 'react';
+import { Route, Switch } from 'react-router';
+
+import { HelpOverlay, Tabs } from '@polkadot/react-components';
+import { useApi, useCollectiveMembers } from '@polkadot/react-hooks';
+import { isFunction } from '@polkadot/util';
+
+import basicMd from './md/basic.md';
+import Overview from './Overview';
+import Tips from './Tips';
+import { useTranslation } from './translate';
+import useTipHashes from './useTipHashes';
+
+export { default as useCounter } from './useCounter';
+
+interface Props {
+  basePath: string;
+}
+
+interface TabItem {
+  count?: number;
+  isRoot?: boolean;
+  name: string;
+  text: string;
+}
+
+function TreasuryApp ({ basePath }: Props): React.ReactElement<Props> {
+  const { t } = useTranslation();
+  const { api } = useApi();
+  const { isMember, members } = useCollectiveMembers('council');
+  const tipHashes = useTipHashes();
+
+  const items = useMemo(() => [
+    {
+      isRoot: true,
+      name: 'overview',
+      text: t<string>('Overview')
+    },
+    isFunction((api.query.tips || api.query.treasury)?.tips) && {
+      count: tipHashes?.length,
+      name: 'tips',
+      text: t<string>('Tips')
+    }
+  ].filter((t: TabItem | false): t is TabItem => !!t), [api, t, tipHashes]);
+
+  return (
+    <main className='treasury--App'>
+      <HelpOverlay md={basicMd as string} />
+      <Tabs
+        basePath={basePath}
+        items={items}
+      />
+      <Switch>
+        <Route path={`${basePath}/tips`}>
+          <Tips
+            hashes={tipHashes}
+            isMember={isMember}
+            members={members}
+          />
+        </Route>
+        <Route>
+          <Overview
+            isMember={isMember}
+            members={members}
+          />
+        </Route>
+      </Switch>
+    </main>
+  );
+}
+
+export default React.memo(TreasuryApp);
diff --git a/packages/page-treasury/src/md/basic.md b/packages/page-treasury/src/md/basic.md
new file mode 100644
index 0000000..c24973c
--- /dev/null
+++ b/packages/page-treasury/src/md/basic.md
@@ -0,0 +1,3 @@
+# Treasury
+
+This application lets you view and vote to approve or deny treasury spend proposals.
diff --git a/packages/page-treasury/src/translate.ts b/packages/page-treasury/src/translate.ts
new file mode 100644
index 0000000..abf0984
--- /dev/null
+++ b/packages/page-treasury/src/translate.ts
@@ -0,0 +1,10 @@
+// Copyright 2017-2022 @polkadot/app-explorer authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { UseTranslationResponse } from 'react-i18next';
+
+import { useTranslation as useTranslationBase } from 'react-i18next';
+
+export function useTranslation (): UseTranslationResponse<'app-treasury', undefined> {
+  return useTranslationBase('app-treasury');
+}
diff --git a/packages/page-treasury/src/useCounter.ts b/packages/page-treasury/src/useCounter.ts
new file mode 100644
index 0000000..927b2cd
--- /dev/null
+++ b/packages/page-treasury/src/useCounter.ts
@@ -0,0 +1,21 @@
+// Copyright 2017-2022 @polkadot/app-treasury authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { DeriveTreasuryProposals } from '@polkadot/api-derive/types';
+
+import { useMemo } from 'react';
+
+import { createNamedHook, useAccounts, useApi, useCall } from '@polkadot/react-hooks';
+
+function useCounterImpl (): number {
+  const { hasAccounts } = useAccounts();
+  const { api, isApiReady } = useApi();
+  const proposals = useCall<DeriveTreasuryProposals>(isApiReady && hasAccounts && api.derive.treasury?.proposals);
+
+  return useMemo(
+    () => proposals?.proposals.length || 0,
+    [proposals]
+  );
+}
+
+export default createNamedHook('useCounter', useCounterImpl);
diff --git a/packages/page-treasury/src/useTipHashes.ts b/packages/page-treasury/src/useTipHashes.ts
new file mode 100644
index 0000000..78222d7
--- /dev/null
+++ b/packages/page-treasury/src/useTipHashes.ts
@@ -0,0 +1,25 @@
+// Copyright 2017-2022 @polkadot/app-treasury authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { StorageKey } from '@polkadot/types';
+import type { Hash } from '@polkadot/types/interfaces';
+
+import { createNamedHook, useApi, useEventTrigger, useMapKeys } from '@polkadot/react-hooks';
+
+const options = {
+  transform: (keys: StorageKey<[Hash]>[]): string[] =>
+    keys.map(({ args: [hash] }) => hash.toHex())
+};
+
+function useTipHashesImpl (): string[] | undefined {
+  const { api } = useApi();
+  const trigger = useEventTrigger([
+    api.events.tips?.NewTip,
+    api.events.tips?.TipClosed,
+    api.events.tips?.TipRetracted
+  ]);
+
+  return useMapKeys((api.query.tips || api.query.treasury)?.tips, options, trigger.blockHash);
+}
+
+export default createNamedHook('useTipHashes', useTipHashesImpl);
diff --git a/packages/page-treasury/tsconfig.build.json b/packages/page-treasury/tsconfig.build.json
new file mode 100644
index 0000000..da24d9f
--- /dev/null
+++ b/packages/page-treasury/tsconfig.build.json
@@ -0,0 +1,9 @@
+{
+  "extends": "../../tsconfig.base.json",
+  "compilerOptions": {
+    "baseUrl": "..",
+    "outDir": "./build",
+    "rootDir": "./src"
+  },
+  "references": []
+}
diff --git a/packages/react-api/.skip-build b/packages/react-api/.skip-build
new file mode 100644
index 0000000..e69de29
diff --git a/packages/react-api/.skip-npm b/packages/react-api/.skip-npm
new file mode 100644
index 0000000..e69de29
diff --git a/packages/react-api/LICENSE b/packages/react-api/LICENSE
new file mode 100644
index 0000000..0d381b2
--- /dev/null
+++ b/packages/react-api/LICENSE
@@ -0,0 +1,201 @@
+                              Apache License
+                        Version 2.0, January 2004
+                    http://www.apache.org/licenses/
+
+TERMS AND CONDITIONS FOR USE, REPRODUCTION, AND DISTRIBUTION
+
+1. Definitions.
+
+  "License" shall mean the terms and conditions for use, reproduction,
+  and distribution as defined by Sections 1 through 9 of this document.
+
+  "Licensor" shall mean the copyright owner or entity authorized by
+  the copyright owner that is granting the License.
+
+  "Legal Entity" shall mean the union of the acting entity and all
+  other entities that control, are controlled by, or are under common
+  control with that entity. For the purposes of this definition,
+  "control" means (i) the power, direct or indirect, to cause the
+  direction or management of such entity, whether by contract or
+  otherwise, or (ii) ownership of fifty percent (50%) or more of the
+  outstanding shares, or (iii) beneficial ownership of such entity.
+
+  "You" (or "Your") shall mean an individual or Legal Entity
+  exercising permissions granted by this License.
+
+  "Source" form shall mean the preferred form for making modifications,
+  including but not limited to software source code, documentation
+  source, and configuration files.
+
+  "Object" form shall mean any form resulting from mechanical
+  transformation or translation of a Source form, including but
+  not limited to compiled object code, generated documentation,
+  and conversions to other media types.
+
+  "Work" shall mean the work of authorship, whether in Source or
+  Object form, made available under the License, as indicated by a
+  copyright notice that is included in or attached to the work
+  (an example is provided in the Appendix below).
+
+  "Derivative Works" shall mean any work, whether in Source or Object
+  form, that is based on (or derived from) the Work and for which the
+  editorial revisions, annotations, elaborations, or other modifications
+  represent, as a whole, an original work of authorship. For the purposes
+  of this License, Derivative Works shall not include works that remain
+  separable from, or merely link (or bind by name) to the interfaces of,
+  the Work and Derivative Works thereof.
+
+  "Contribution" shall mean any work of authorship, including
+  the original version of the Work and any modifications or additions
+  to that Work or Derivative Works thereof, that is intentionally
+  submitted to Licensor for inclusion in the Work by the copyright owner
+  or by an individual or Legal Entity authorized to submit on behalf of
+  the copyright owner. For the purposes of this definition, "submitted"
+  means any form of electronic, verbal, or written communication sent
+  to the Licensor or its representatives, including but not limited to
+  communication on electronic mailing lists, source code control systems,
+  and issue tracking systems that are managed by, or on behalf of, the
+  Licensor for the purpose of discussing and improving the Work, but
+  excluding communication that is conspicuously marked or otherwise
+  designated in writing by the copyright owner as "Not a Contribution."
+
+  "Contributor" shall mean Licensor and any individual or Legal Entity
+  on behalf of whom a Contribution has been received by Licensor and
+  subsequently incorporated within the Work.
+
+2. Grant of Copyright License. Subject to the terms and conditions of
+  this License, each Contributor hereby grants to You a perpetual,
+  worldwide, non-exclusive, no-charge, royalty-free, irrevocable
+  copyright license to reproduce, prepare Derivative Works of,
+  publicly display, publicly perform, sublicense, and distribute the
+  Work and such Derivative Works in Source or Object form.
+
+3. Grant of Patent License. Subject to the terms and conditions of
+  this License, each Contributor hereby grants to You a perpetual,
+  worldwide, non-exclusive, no-charge, royalty-free, irrevocable
+  (except as stated in this section) patent license to make, have made,
+  use, offer to sell, sell, import, and otherwise transfer the Work,
+  where such license applies only to those patent claims licensable
+  by such Contributor that are necessarily infringed by their
+  Contribution(s) alone or by combination of their Contribution(s)
+  with the Work to which such Contribution(s) was submitted. If You
+  institute patent litigation against any entity (including a
+  cross-claim or counterclaim in a lawsuit) alleging that the Work
+  or a Contribution incorporated within the Work constitutes direct
+  or contributory patent infringement, then any patent licenses
+  granted to You under this License for that Work shall terminate
+  as of the date such litigation is filed.
+
+4. Redistribution. You may reproduce and distribute copies of the
+  Work or Derivative Works thereof in any medium, with or without
+  modifications, and in Source or Object form, provided that You
+  meet the following conditions:
+
+  (a) You must give any other recipients of the Work or
+      Derivative Works a copy of this License; and
+
+  (b) You must cause any modified files to carry prominent notices
+      stating that You changed the files; and
+
+  (c) You must retain, in the Source form of any Derivative Works
+      that You distribute, all copyright, patent, trademark, and
+      attribution notices from the Source form of the Work,
+      excluding those notices that do not pertain to any part of
+      the Derivative Works; and
+
+  (d) If the Work includes a "NOTICE" text file as part of its
+      distribution, then any Derivative Works that You distribute must
+      include a readable copy of the attribution notices contained
+      within such NOTICE file, excluding those notices that do not
+      pertain to any part of the Derivative Works, in at least one
+      of the following places: within a NOTICE text file distributed
+      as part of the Derivative Works; within the Source form or
+      documentation, if provided along with the Derivative Works; or,
+      within a display generated by the Derivative Works, if and
+      wherever such third-party notices normally appear. The contents
+      of the NOTICE file are for informational purposes only and
+      do not modify the License. You may add Your own attribution
+      notices within Derivative Works that You distribute, alongside
+      or as an addendum to the NOTICE text from the Work, provided
+      that such additional attribution notices cannot be construed
+      as modifying the License.
+
+  You may add Your own copyright statement to Your modifications and
+  may provide additional or different license terms and conditions
+  for use, reproduction, or distribution of Your modifications, or
+  for any such Derivative Works as a whole, provided Your use,
+  reproduction, and distribution of the Work otherwise complies with
+  the conditions stated in this License.
+
+5. Submission of Contributions. Unless You explicitly state otherwise,
+  any Contribution intentionally submitted for inclusion in the Work
+  by You to the Licensor shall be under the terms and conditions of
+  this License, without any additional terms or conditions.
+  Notwithstanding the above, nothing herein shall supersede or modify
+  the terms of any separate license agreement you may have executed
+  with Licensor regarding such Contributions.
+
+6. Trademarks. This License does not grant permission to use the trade
+  names, trademarks, service marks, or product names of the Licensor,
+  except as required for reasonable and customary use in describing the
+  origin of the Work and reproducing the content of the NOTICE file.
+
+7. Disclaimer of Warranty. Unless required by applicable law or
+  agreed to in writing, Licensor provides the Work (and each
+  Contributor provides its Contributions) on an "AS IS" BASIS,
+  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or
+  implied, including, without limitation, any warranties or conditions
+  of TITLE, NON-INFRINGEMENT, MERCHANTABILITY, or FITNESS FOR A
+  PARTICULAR PURPOSE. You are solely responsible for determining the
+  appropriateness of using or redistributing the Work and assume any
+  risks associated with Your exercise of permissions under this License.
+
+8. Limitation of Liability. In no event and under no legal theory,
+  whether in tort (including negligence), contract, or otherwise,
+  unless required by applicable law (such as deliberate and grossly
+  negligent acts) or agreed to in writing, shall any Contributor be
+  liable to You for damages, including any direct, indirect, special,
+  incidental, or consequential damages of any character arising as a
+  result of this License or out of the use or inability to use the
+  Work (including but not limited to damages for loss of goodwill,
+  work stoppage, computer failure or malfunction, or any and all
+  other commercial damages or losses), even if such Contributor
+  has been advised of the possibility of such damages.
+
+9. Accepting Warranty or Additional Liability. While redistributing
+  the Work or Derivative Works thereof, You may choose to offer,
+  and charge a fee for, acceptance of support, warranty, indemnity,
+  or other liability obligations and/or rights consistent with this
+  License. However, in accepting such obligations, You may act only
+  on Your own behalf and on Your sole responsibility, not on behalf
+  of any other Contributor, and only if You agree to indemnify,
+  defend, and hold each Contributor harmless for any liability
+  incurred by, or claims asserted against, such Contributor by reason
+  of your accepting any such warranty or additional liability.
+
+END OF TERMS AND CONDITIONS
+
+APPENDIX: How to apply the Apache License to your work.
+
+  To apply the Apache License to your work, attach the following
+  boilerplate notice, with the fields enclosed by brackets "[]"
+  replaced with your own identifying information. (Don't include
+  the brackets!)  The text should be enclosed in the appropriate
+  comment syntax for the file format. We also recommend that a
+  file or class name and description of purpose be included on the
+  same "printed page" as the copyright notice for easier
+  identification within third-party archives.
+
+Copyright [yyyy] [name of copyright owner]
+
+Licensed under the Apache License, Version 2.0 (the "License");
+you may not use this file except in compliance with the License.
+You may obtain a copy of the License at
+
+    http://www.apache.org/licenses/LICENSE-2.0
+
+Unless required by applicable law or agreed to in writing, software
+distributed under the License is distributed on an "AS IS" BASIS,
+WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+See the License for the specific language governing permissions and
+limitations under the License.
diff --git a/packages/react-api/README.md b/packages/react-api/README.md
new file mode 100644
index 0000000..fa75c2c
--- /dev/null
+++ b/packages/react-api/README.md
@@ -0,0 +1,5 @@
+# @polkadot/react-api
+
+WARNING: This is is not deemed stable yet for external use in React-based apps and still included in the [polkadot-js/apps](https://github.com/polkadot-js/apps) repo. Since these are generic HOC components for React, they will move to the [polkadot-js/ui](https://github.com/polkadot-js/ui) repo once deemed stable and usable by external projects.
+
+For the existing sharable components usable in external React-based projects, take a look at the [polkadot-js/ui documentation](https://polkadot.js.org/ui/)
diff --git a/packages/react-api/__mocks__/@substrate/connect.js b/packages/react-api/__mocks__/@substrate/connect.js
new file mode 100644
index 0000000..b96a25b
--- /dev/null
+++ b/packages/react-api/__mocks__/@substrate/connect.js
@@ -0,0 +1,4 @@
+// Copyright 2017-2022 @polkadot/react-api authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+module.exports = '';
diff --git a/packages/react-api/package.json b/packages/react-api/package.json
new file mode 100644
index 0000000..e203a40
--- /dev/null
+++ b/packages/react-api/package.json
@@ -0,0 +1,24 @@
+{
+  "bugs": "https://github.com/polkadot-js/apps/issues",
+  "homepage": "https://github.com/polkadot-js/apps/tree/master/packages/react-api#readme",
+  "license": "Apache-2.0",
+  "name": "@polkadot/react-api",
+  "private": true,
+  "repository": {
+    "directory": "packages/react-api",
+    "type": "git",
+    "url": "https://github.com/polkadot-js/apps.git"
+  },
+  "sideEffects": true,
+  "type": "module",
+  "version": "0.112.2-14",
+  "dependencies": {
+    "@babel/runtime": "^7.17.9",
+    "@polkadot/api": "^8.0.3-1",
+    "@polkadot/extension-compat-metamask": "^0.43.1",
+    "@polkadot/extension-dapp": "^0.43.1",
+    "@polkadot/rpc-provider": "^8.0.3-1",
+    "fflate": "^0.7.3",
+    "rxjs": "^7.5.5"
+  }
+}
diff --git a/packages/react-api/src/Api.tsx b/packages/react-api/src/Api.tsx
new file mode 100644
index 0000000..bd60220
--- /dev/null
+++ b/packages/react-api/src/Api.tsx
@@ -0,0 +1,295 @@
+// Copyright 2017-2022 @polkadot/react-api authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { LinkOption } from '@polkadot/apps-config/endpoints/types';
+import type { InjectedExtension } from '@polkadot/extension-inject/types';
+import type { ChainProperties, ChainType } from '@polkadot/types/interfaces';
+import type { KeyringStore } from '@polkadot/ui-keyring/types';
+import type { ApiProps, ApiState } from './types';
+
+import React, { useCallback, useContext, useEffect, useMemo, useState } from 'react';
+import store from 'store';
+
+import { ApiPromise, WsProvider } from '@polkadot/api';
+import { deriveMapCache, setDeriveCache } from '@polkadot/api-derive/util';
+import { ethereumChains, typesBundle, typesChain } from '@polkadot/apps-config';
+import { web3Accounts, web3Enable } from '@polkadot/extension-dapp';
+import { TokenUnit } from '@polkadot/react-components/InputNumber';
+import { StatusContext } from '@polkadot/react-components/Status';
+import { useApiUrl, useEndpoint } from '@polkadot/react-hooks';
+import ApiSigner from '@polkadot/react-signer/signers/ApiSigner';
+import { ScProvider, WellKnownChain } from '@polkadot/rpc-provider/substrate-connect';
+import { keyring } from '@polkadot/ui-keyring';
+import { settings } from '@polkadot/ui-settings';
+import { formatBalance, isNumber, isTestChain, objectSpread, stringify } from '@polkadot/util';
+import { defaults as addressDefaults } from '@polkadot/util-crypto/address/defaults';
+
+import ApiContext from './ApiContext';
+import registry from './typeRegistry';
+import { decodeUrlTypes } from './urlTypes';
+
+interface Props {
+  children: React.ReactNode;
+  apiUrl: string;
+  isElectron: boolean;
+  store?: KeyringStore;
+}
+
+interface InjectedAccountExt {
+  address: string;
+  meta: {
+    name: string;
+    source: string;
+    whenCreated: number;
+  };
+}
+
+interface ChainData {
+  injectedAccounts: InjectedAccountExt[];
+  properties: ChainProperties;
+  systemChain: string;
+  systemChainType: ChainType;
+  systemName: string;
+  systemVersion: string;
+}
+
+export const DEFAULT_DECIMALS = registry.createType('u32', 12);
+export const DEFAULT_SS58 = registry.createType('u32', addressDefaults.prefix);
+export const DEFAULT_AUX = ['Aux1', 'Aux2', 'Aux3', 'Aux4', 'Aux5', 'Aux6', 'Aux7', 'Aux8', 'Aux9'];
+
+let api: ApiPromise;
+
+export { api };
+
+function isKeyringLoaded () {
+  try {
+    return !!keyring.keyring;
+  } catch {
+    return false;
+  }
+}
+
+function getDevTypes (): Record<string, Record<string, string>> {
+  const types = decodeUrlTypes() || store.get('types', {}) as Record<string, Record<string, string>>;
+  const names = Object.keys(types);
+
+  names.length && console.log('Injected types:', names.join(', '));
+
+  return types;
+}
+
+async function getInjectedAccounts (injectedPromise: Promise<InjectedExtension[]>): Promise<InjectedAccountExt[]> {
+  try {
+    await injectedPromise;
+
+    const accounts = await web3Accounts();
+
+    return accounts.map(({ address, meta }, whenCreated): InjectedAccountExt => ({
+      address,
+      meta: objectSpread({}, meta, {
+        name: `${meta.name || 'unknown'} (${meta.source === 'polkadot-js' ? 'extension' : meta.source})`,
+        whenCreated
+      })
+    }));
+  } catch (error) {
+    console.error('web3Accounts', error);
+
+    return [];
+  }
+}
+
+async function retrieve (api: ApiPromise, injectedPromise: Promise<InjectedExtension[]>): Promise<ChainData> {
+  const [systemChain, systemChainType, systemName, systemVersion, injectedAccounts] = await Promise.all([
+    api.rpc.system.chain(),
+    api.rpc.system.chainType
+      ? api.rpc.system.chainType()
+      : Promise.resolve(registry.createType('ChainType', 'Live')),
+    api.rpc.system.name(),
+    api.rpc.system.version(),
+    getInjectedAccounts(injectedPromise)
+  ]);
+
+  return {
+    injectedAccounts,
+    properties: registry.createType('ChainProperties', {
+      ss58Format: api.registry.chainSS58,
+      tokenDecimals: api.registry.chainDecimals,
+      tokenSymbol: api.registry.chainTokens
+    }),
+    systemChain: (systemChain || '<unknown>').toString(),
+    systemChainType,
+    systemName: systemName.toString(),
+    systemVersion: systemVersion.toString()
+  };
+}
+
+async function loadOnReady (api: ApiPromise, endpoint: LinkOption | null, injectedPromise: Promise<InjectedExtension[]>, store: KeyringStore | undefined, types: Record<string, Record<string, string>>): Promise<ApiState> {
+  registry.register(types);
+
+  const { injectedAccounts, properties, systemChain, systemChainType, systemName, systemVersion } = await retrieve(api, injectedPromise);
+  const chainSS58 = properties.ss58Format.unwrapOr(DEFAULT_SS58).toNumber();
+  const ss58Format = settings.prefix === -1
+    ? chainSS58
+    : settings.prefix;
+  const tokenSymbol = properties.tokenSymbol.unwrapOr([formatBalance.getDefaults().unit, ...DEFAULT_AUX]);
+  const tokenDecimals = properties.tokenDecimals.unwrapOr([DEFAULT_DECIMALS]);
+  const isEthereum = ethereumChains.includes(api.runtimeVersion.specName.toString());
+  const isDevelopment = (systemChainType.isDevelopment || systemChainType.isLocal || isTestChain(systemChain));
+
+  console.log(`chain: ${systemChain} (${systemChainType.toString()}), ${stringify(properties)}`);
+
+  // explicitly override the ss58Format as specified
+  registry.setChainProperties(registry.createType('ChainProperties', { ss58Format, tokenDecimals, tokenSymbol }));
+
+  // first setup the UI helpers
+  formatBalance.setDefaults({
+    decimals: tokenDecimals.map((b) => b.toNumber()),
+    unit: tokenSymbol[0].toString()
+  });
+  TokenUnit.setAbbr(tokenSymbol[0].toString());
+
+  // finally load the keyring
+  isKeyringLoaded() || keyring.loadAll({
+    genesisHash: api.genesisHash,
+    genesisHashAdd: endpoint && isNumber(endpoint.paraId) && (endpoint.paraId < 2000) && endpoint.genesisHashRelay
+      ? [endpoint.genesisHashRelay]
+      : [],
+    isDevelopment,
+    ss58Format,
+    store,
+    type: isEthereum ? 'ethereum' : 'ed25519'
+  }, injectedAccounts);
+
+  const defaultSection = Object.keys(api.tx)[0];
+  const defaultMethod = Object.keys(api.tx[defaultSection])[0];
+  const apiDefaultTx = api.tx[defaultSection][defaultMethod];
+  const apiDefaultTxSudo = (api.tx.system && api.tx.system.setCode) || apiDefaultTx;
+
+  setDeriveCache(api.genesisHash.toHex(), deriveMapCache);
+
+  return {
+    apiDefaultTx,
+    apiDefaultTxSudo,
+    chainSS58,
+    hasInjectedAccounts: injectedAccounts.length !== 0,
+    isApiReady: true,
+    isDevelopment: isEthereum ? false : isDevelopment,
+    isEthereum,
+    specName: api.runtimeVersion.specName.toString(),
+    specVersion: api.runtimeVersion.specVersion.toString(),
+    systemChain,
+    systemName,
+    systemVersion
+  };
+}
+
+function getWellKnownChain (chain = 'polkadot') {
+  switch (chain) {
+    case 'kusama':
+      return WellKnownChain.ksmcc3;
+    case 'polkadot':
+      return WellKnownChain.polkadot;
+    case 'rococo':
+      return WellKnownChain.rococo_v2_1;
+    case 'westend':
+      return WellKnownChain.westend2;
+    default:
+      throw new Error(`Unable to construct light chain ${chain}`);
+  }
+}
+
+// eslint-disable-next-line @typescript-eslint/require-await
+async function createApi (apiUrl: string, signer: ApiSigner, onError: (error: unknown) => void): Promise<Record<string, Record<string, string>>> {
+  const types = getDevTypes();
+  const isLight = apiUrl.startsWith('light://');
+
+  try {
+    const provider = isLight
+      ? new ScProvider(getWellKnownChain(apiUrl.replace('light://substrate-connect/', '')))
+      : new WsProvider(apiUrl);
+
+    api = new ApiPromise({
+      provider,
+      registry,
+      signer,
+      types,
+      typesBundle,
+      typesChain
+    });
+
+    // See https://github.com/polkadot-js/api/pull/4672#issuecomment-1078843960
+    if (isLight) {
+      await provider.connect();
+    }
+  } catch (error) {
+    onError(error);
+  }
+
+  return types;
+}
+
+function Api ({ apiUrl, children, isElectron, store }: Props): React.ReactElement<Props> | null {
+  const { queuePayload, queueSetTxStatus } = useContext(StatusContext);
+  const [state, setState] = useState<ApiState>({ hasInjectedAccounts: false, isApiReady: false } as unknown as ApiState);
+  const [isApiConnected, setIsApiConnected] = useState(false);
+  const [isApiInitialized, setIsApiInitialized] = useState(false);
+  const [apiError, setApiError] = useState<null | string>(null);
+  const [extensions, setExtensions] = useState<InjectedExtension[] | undefined>();
+  const apiEndpoint = useEndpoint(apiUrl);
+  const relayUrls = useMemo(
+    () => (apiEndpoint && apiEndpoint.valueRelay && isNumber(apiEndpoint.paraId) && (apiEndpoint.paraId < 2000))
+      ? apiEndpoint.valueRelay
+      : null,
+    [apiEndpoint]
+  );
+  const apiRelay = useApiUrl(relayUrls);
+  const value = useMemo<ApiProps>(
+    () => objectSpread({}, state, { api, apiEndpoint, apiError, apiRelay, apiUrl, extensions, isApiConnected, isApiInitialized, isElectron, isWaitingInjected: !extensions }),
+    [apiError, extensions, isApiConnected, isApiInitialized, isElectron, state, apiEndpoint, apiRelay, apiUrl]
+  );
+
+  const onError = useCallback(
+    (error: unknown): void => {
+      console.error(error);
+
+      setApiError((error as Error).message);
+    },
+    [setApiError]
+  );
+
+  // initial initialization
+  useEffect((): void => {
+    createApi(apiUrl, new ApiSigner(registry, queuePayload, queueSetTxStatus), onError)
+      .then((types): void => {
+        api.on('connected', () => setIsApiConnected(true));
+        api.on('disconnected', () => setIsApiConnected(false));
+        api.on('error', onError);
+        api.on('ready', (): void => {
+          const injectedPromise = web3Enable('polkadot-js/apps');
+
+          injectedPromise
+            .then(setExtensions)
+            .catch(console.error);
+
+          loadOnReady(api, apiEndpoint, injectedPromise, store, types)
+            .then(setState)
+            .catch(onError);
+        });
+
+        setIsApiInitialized(true);
+      })
+      .catch(onError);
+  }, [apiEndpoint, apiUrl, onError, queuePayload, queueSetTxStatus, store]);
+
+  if (!value.isApiInitialized) {
+    return null;
+  }
+
+  return (
+    <ApiContext.Provider value={value}>
+      {children}
+    </ApiContext.Provider>
+  );
+}
+
+export default React.memo(Api);
diff --git a/packages/react-api/src/ApiContext.ts b/packages/react-api/src/ApiContext.ts
new file mode 100644
index 0000000..625ed89
--- /dev/null
+++ b/packages/react-api/src/ApiContext.ts
@@ -0,0 +1,17 @@
+// Copyright 2017-2022 @polkadot/react-api authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { ApiProps } from './types';
+
+import React from 'react';
+
+const ApiContext: React.Context<ApiProps> = React.createContext({} as unknown as ApiProps);
+const ApiConsumer: React.Consumer<ApiProps> = ApiContext.Consumer;
+const ApiProvider: React.Provider<ApiProps> = ApiContext.Provider;
+
+export default ApiContext;
+
+export {
+  ApiConsumer,
+  ApiProvider
+};
diff --git a/packages/react-api/src/hoc/api.tsx b/packages/react-api/src/hoc/api.tsx
new file mode 100644
index 0000000..6c4d7bc
--- /dev/null
+++ b/packages/react-api/src/hoc/api.tsx
@@ -0,0 +1,39 @@
+// Copyright 2017-2022 @polkadot/react-api authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { ApiProps, SubtractProps } from '../types';
+import type { DefaultProps } from './types';
+
+import React from 'react';
+
+import { assert } from '@polkadot/util';
+
+import { ApiConsumer } from '../ApiContext';
+
+export default function withApi <P extends ApiProps> (Inner: React.ComponentType<P>, defaultProps: DefaultProps = {}): React.ComponentType<any> {
+  class WithApi extends React.PureComponent<SubtractProps<P, ApiProps>> {
+    private component: any = React.createRef();
+
+    public override render (): React.ReactNode {
+      return (
+        <ApiConsumer>
+          {(apiProps?: ApiProps): React.ReactNode => {
+            assert(apiProps && apiProps.api, 'Application root must be wrapped inside \'react-api/Api\' to provide API context');
+
+            return (
+              <Inner
+                {...defaultProps}
+                {...(apiProps as any)}
+                {...this.props}
+                // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
+                ref={this.component}
+              />
+            );
+          }}
+        </ApiConsumer>
+      );
+    }
+  }
+
+  return WithApi;
+}
diff --git a/packages/react-api/src/hoc/call.tsx b/packages/react-api/src/hoc/call.tsx
new file mode 100644
index 0000000..5f77b3d
--- /dev/null
+++ b/packages/react-api/src/hoc/call.tsx
@@ -0,0 +1,302 @@
+// Copyright 2017-2022 @polkadot/react-api authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+// SInce this file is deemed deprecated (and awaiting removal), we just don't care
+
+/* eslint-disable @typescript-eslint/no-unsafe-call */
+/* eslint-disable @typescript-eslint/restrict-template-expressions */
+/* eslint-disable @typescript-eslint/no-unsafe-return */
+/* eslint-disable @typescript-eslint/no-unsafe-member-access */
+/* eslint-disable @typescript-eslint/no-unsafe-assignment */
+
+import type { ApiProps, CallState as State, OnChangeCb, SubtractProps } from '../types';
+import type { Options } from './types';
+
+import React from 'react';
+
+import { assert, isNull, isUndefined } from '@polkadot/util';
+
+import echoTransform from '../transform/echo';
+import { isEqual, triggerChange } from '../util';
+import withApi from './api';
+
+// FIXME This is not correct, we need some junction of derive, query & consts
+interface Method {
+  (...params: unknown[]): Promise<any>;
+  at: (hash: Uint8Array | string, ...params: unknown[]) => Promise<any>;
+  meta: any;
+  multi: (params: unknown[], cb: (value?: any) => void) => Promise<any>;
+}
+
+type ApiMethodInfo = [Method, unknown[], string];
+
+const NOOP = (): void => {
+  // ignore
+};
+
+const NO_SKIP = (): boolean => false;
+
+// a mapping of actual error messages that has already been shown
+const errorred: Record<string, boolean> = {};
+
+export default function withCall<P extends ApiProps> (endpoint: string, { at, atProp, callOnResult, fallbacks, isMulti = false, params = [], paramName, paramPick, paramValid = false, propName, skipIf = NO_SKIP, transform = echoTransform, withIndicator = false }: Options = {}): (Inner: React.ComponentType<ApiProps>) => React.ComponentType<any> {
+  return (Inner: React.ComponentType<ApiProps>): React.ComponentType<SubtractProps<P, ApiProps>> => {
+    class WithPromise extends React.Component<P, State> {
+      public override state: State = {
+        callResult: undefined,
+        callUpdated: false,
+        callUpdatedAt: 0
+      };
+
+      private destroy?: () => void;
+
+      private isActive = false;
+
+      private propName: string;
+
+      private timerId = -1;
+
+      constructor (props: P) {
+        super(props);
+
+        const [, section, method] = endpoint.split('.');
+
+        this.propName = `${section}_${method}`;
+      }
+
+      public override componentDidUpdate (prevProps: any): void {
+        const oldParams = this.getParams(prevProps);
+        const newParams = this.getParams(this.props);
+
+        if (this.isActive && !isEqual(newParams, oldParams)) {
+          this
+            .subscribe(newParams)
+            .then(NOOP)
+            .catch(NOOP);
+        }
+      }
+
+      public override componentDidMount (): void {
+        this.isActive = true;
+
+        if (withIndicator) {
+          this.timerId = window.setInterval((): void => {
+            const elapsed = Date.now() - (this.state.callUpdatedAt || 0);
+            const callUpdated = elapsed <= 1500;
+
+            if (callUpdated !== this.state.callUpdated) {
+              this.nextState({ callUpdated });
+            }
+          }, 500);
+        }
+
+        // The attachment takes time when a lot is available, set a timeout
+        // to first handle the current queue before subscribing
+        setTimeout((): void => {
+          this
+            .subscribe(this.getParams(this.props))
+            .then(NOOP)
+            .catch(NOOP);
+        }, 0);
+      }
+
+      public override componentWillUnmount (): void {
+        this.isActive = false;
+
+        this.unsubscribe()
+          .then(NOOP)
+          .catch(NOOP);
+
+        if (this.timerId !== -1) {
+          clearInterval(this.timerId);
+        }
+      }
+
+      private nextState (state: Partial<State>): void {
+        if (this.isActive) {
+          this.setState(state as State);
+        }
+      }
+
+      private getParams (props: any): [boolean, unknown[]] {
+        const paramValue = paramPick
+          ? paramPick(props)
+          : paramName
+            ? props[paramName]
+            : undefined;
+
+        if (atProp) {
+          at = props[atProp];
+        }
+
+        // When we are specifying a param and have an invalid, don't use it. For 'params',
+        // we default to the original types, i.e. no validation (query app uses this)
+        if (!paramValid && paramName && (isUndefined(paramValue) || isNull(paramValue))) {
+          return [false, []];
+        }
+
+        const values = isUndefined(paramValue)
+          ? params
+          : params.concat(
+            (Array.isArray(paramValue) && !(paramValue as any).toU8a)
+              ? paramValue
+              : [paramValue]
+          );
+
+        return [true, values];
+      }
+
+      private constructApiSection = (endpoint: string): [Record<string, Method>, string, string, string] => {
+        const { api } = this.props;
+        const [area, section, method, ...others] = endpoint.split('.');
+
+        assert(area.length && section.length && method.length && others.length === 0, `Invalid API format, expected <area>.<section>.<method>, found ${endpoint}`);
+        assert(['consts', 'rpc', 'query', 'derive'].includes(area), `Unknown api.${area}, expected consts, rpc, query or derive`);
+        assert(!at || area === 'query', 'Only able to do an \'at\' query on the api.query interface');
+
+        const apiSection = (api as any)[area][section];
+
+        return [
+          apiSection,
+          area,
+          section,
+          method
+        ];
+      };
+
+      private getApiMethod (newParams: unknown[]): ApiMethodInfo {
+        if (endpoint === 'subscribe') {
+          const [fn, ...params] = newParams;
+
+          return [
+            fn as Method,
+            params,
+            'subscribe'
+          ];
+        }
+
+        const endpoints = [endpoint].concat(fallbacks || []);
+        const expanded = endpoints.map(this.constructApiSection);
+        const [apiSection, area, section, method] = expanded.find(([apiSection]): boolean =>
+          !!apiSection
+        ) || [{}, expanded[0][1], expanded[0][2], expanded[0][3]];
+
+        assert(apiSection && apiSection[method], `Unable to find api.${area}.${section}.${method}`);
+
+        const meta = apiSection[method].meta;
+
+        if (area === 'query' && meta?.type.isMap) {
+          const arg = newParams[0];
+
+          assert((!isUndefined(arg) && !isNull(arg)) || meta.type.asMap.kind.isLinkedMap, `${meta.name} expects one argument`);
+        }
+
+        return [
+          apiSection[method],
+          newParams,
+          method.startsWith('subscribe') ? 'subscribe' : area
+        ];
+      }
+
+      private async subscribe ([isValid, newParams]: [boolean, unknown[]]): Promise<void> {
+        if (!isValid || skipIf(this.props)) {
+          return;
+        }
+
+        const { api } = this.props;
+        let info: ApiMethodInfo | undefined;
+
+        await api.isReady;
+
+        try {
+          assert(at || !atProp, 'Unable to perform query on non-existent at hash');
+
+          info = this.getApiMethod(newParams);
+        } catch (error) {
+          // don't flood the console with the same errors each time, just do it once, then
+          // ignore it going forward
+          if (!errorred[(error as Error).message]) {
+            console.warn(endpoint, '::', error);
+
+            errorred[(error as Error).message] = true;
+          }
+        }
+
+        if (!info) {
+          return;
+        }
+
+        const [apiMethod, params, area] = info;
+        const updateCb = (value?: any): void =>
+          this.triggerUpdate(this.props, value);
+
+        await this.unsubscribe();
+
+        try {
+          if (['derive', 'subscribe'].includes(area) || (area === 'query' && (!at && !atProp))) {
+            this.destroy = isMulti
+              ? await apiMethod.multi(params, updateCb)
+              : await apiMethod(...params, updateCb);
+          } else if (area === 'consts') {
+            updateCb(apiMethod);
+          } else {
+            updateCb(
+              at
+                ? await apiMethod.at(at, ...params)
+                : await apiMethod(...params)
+            );
+          }
+        } catch (error) {
+          // console.warn(endpoint, '::', error);
+        }
+      }
+
+      // eslint-disable-next-line @typescript-eslint/require-await
+      private async unsubscribe (): Promise<void> {
+        if (this.destroy) {
+          this.destroy();
+          this.destroy = undefined;
+        }
+      }
+
+      private triggerUpdate (props: any, value?: any): void {
+        try {
+          const callResult = (props.transform || transform)(value);
+
+          if (!this.isActive || isEqual(callResult, this.state.callResult)) {
+            return;
+          }
+
+          triggerChange(callResult as OnChangeCb, callOnResult, props.callOnResult as OnChangeCb);
+
+          this.nextState({
+            callResult,
+            callUpdated: true,
+            callUpdatedAt: Date.now()
+          });
+        } catch (error) {
+          // console.warn(endpoint, '::', (error as Error).message);
+        }
+      }
+
+      public override render (): React.ReactNode {
+        const { callResult, callUpdated, callUpdatedAt } = this.state;
+        const _props = {
+          ...this.props,
+          callUpdated,
+          callUpdatedAt
+        };
+
+        if (!isUndefined(callResult)) {
+          (_props as any)[propName || this.propName] = callResult;
+        }
+
+        return (
+          <Inner {..._props} />
+        );
+      }
+    }
+
+    return withApi(WithPromise);
+  };
+}
diff --git a/packages/react-api/src/hoc/callDiv.tsx b/packages/react-api/src/hoc/callDiv.tsx
new file mode 100644
index 0000000..f93190d
--- /dev/null
+++ b/packages/react-api/src/hoc/callDiv.tsx
@@ -0,0 +1,32 @@
+// Copyright 2017-2022 @polkadot/react-api authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { BaseProps } from '../types';
+import type { DefaultProps, Options } from './types';
+
+import React from 'react';
+
+import withCall from './call';
+
+interface Props<T> extends BaseProps<T> {
+  callResult?: T;
+}
+
+// eslint-disable-next-line @typescript-eslint/explicit-function-return-type
+export default function withCallDiv<T> (endpoint: string, options: Options = {}) {
+  return (render: (value?: T) => React.ReactNode, defaultProps: DefaultProps = {}): React.ComponentType<any> => {
+    // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
+    function Inner ({ callResult, callUpdated, children, className = defaultProps.className, label = '' }: any): React.ReactElement<Props<T>> {
+      return (
+        <div
+          {...defaultProps}
+          className={[className || '', callUpdated ? 'rx--updated' : undefined].join(' ')}
+        >
+          {label}{render(callResult as T)}{children}
+        </div>
+      );
+    }
+
+    return withCall(endpoint, { ...options, propName: 'callResult' })(Inner);
+  };
+}
diff --git a/packages/react-api/src/hoc/calls.ts b/packages/react-api/src/hoc/calls.ts
new file mode 100644
index 0000000..6ec968a
--- /dev/null
+++ b/packages/react-api/src/hoc/calls.ts
@@ -0,0 +1,25 @@
+// Copyright 2017-2022 @polkadot/react-api authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { ApiProps, SubtractProps } from '../types';
+import type { Options } from './types';
+
+import React from 'react';
+
+import withCall from './call';
+
+type Call = string | [string, Options];
+
+export default function withCalls <P> (...calls: Call[]): (Component: React.ComponentType<P>) => React.ComponentType<SubtractProps<P, ApiProps>> {
+  return (Component: React.ComponentType<P>): React.ComponentType<any> => {
+    // NOTE: Order is reversed so it makes sense in the props, i.e. component
+    // after something can use the value of the preceding version
+    return calls
+      .reverse()
+      .reduce((Component, call): React.ComponentType<any> => {
+        return Array.isArray(call)
+          ? withCall(...call)(Component as unknown as React.ComponentType<ApiProps>)
+          : withCall(call)(Component as unknown as React.ComponentType<ApiProps>);
+      }, Component);
+  };
+}
diff --git a/packages/react-api/src/hoc/index.ts b/packages/react-api/src/hoc/index.ts
new file mode 100644
index 0000000..43b988a
--- /dev/null
+++ b/packages/react-api/src/hoc/index.ts
@@ -0,0 +1,10 @@
+// Copyright 2017-2022 @polkadot/react-api authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+export { default as withApi } from './api';
+export { default as withCall } from './call';
+export { default as withCalls } from './calls';
+export { default as withCallDiv } from './callDiv';
+export { default as withMulti } from './multi';
+export { default as withObservable } from './observable';
+export * from './onlyOn';
diff --git a/packages/react-api/src/hoc/multi.ts b/packages/react-api/src/hoc/multi.ts
new file mode 100644
index 0000000..4bf84cc
--- /dev/null
+++ b/packages/react-api/src/hoc/multi.ts
@@ -0,0 +1,16 @@
+// Copyright 2017-2022 @polkadot/react-api authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import React from 'react';
+
+type HOC = (Component: React.ComponentType<any>) => React.ComponentType<any>;
+
+export default function withMulti<T> (Component: React.ComponentType<T>, ...hocs: HOC[]): React.ComponentType<any> {
+  // NOTE: Order is reversed so it makes sense in the props, i.e. component
+  // after something can use the value of the preceding version
+  return hocs
+    .reverse()
+    .reduce((Component, hoc): React.ComponentType<any> =>
+      hoc(Component), Component
+    );
+}
diff --git a/packages/react-api/src/hoc/observable.tsx b/packages/react-api/src/hoc/observable.tsx
new file mode 100644
index 0000000..9c94f6c
--- /dev/null
+++ b/packages/react-api/src/hoc/observable.tsx
@@ -0,0 +1,93 @@
+// Copyright 2017-2022 @polkadot/react-api authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+// TODO: Lots of duplicated code between this and withObservable, surely there is a better way of doing this?
+
+import type { Observable, OperatorFunction } from 'rxjs';
+import type { CallState } from '../types';
+import type { DefaultProps, HOC, Options, RenderFn } from './types';
+
+import React from 'react';
+import { catchError, map, of } from 'rxjs';
+
+import echoTransform from '../transform/echo';
+import { intervalObservable, isEqual, triggerChange } from '../util';
+
+interface State extends CallState {
+  subscriptions: { unsubscribe: () => void }[];
+}
+
+export default function withObservable<T, P> (observable: Observable<P>, { callOnResult, propName = 'value', transform = echoTransform }: Options = {}): HOC {
+  return (Inner: React.ComponentType<any>, defaultProps: DefaultProps = {}, render?: RenderFn): React.ComponentType<any> => {
+    class WithObservable extends React.Component<any, State> {
+      private isActive = true;
+
+      public override state: State = {
+        callResult: undefined,
+        callUpdated: false,
+        callUpdatedAt: 0,
+        subscriptions: []
+      };
+
+      public override componentDidMount (): void {
+        this.setState({
+          subscriptions: [
+            observable
+              .pipe(
+                map(transform) as OperatorFunction<P, any>,
+                catchError(() => of(undefined))
+              )
+              .subscribe((value) => this.triggerUpdate(this.props, value as T)),
+            intervalObservable(this)
+          ]
+        });
+      }
+
+      public override componentWillUnmount (): void {
+        this.isActive = false;
+        this.state.subscriptions.forEach((subscription): void =>
+          subscription.unsubscribe()
+        );
+      }
+
+      private triggerUpdate = (props: P, callResult?: T): void => {
+        try {
+          if (!this.isActive || isEqual(callResult, this.state.callResult)) {
+            return;
+          }
+
+          triggerChange(callResult, callOnResult, (props as Options).callOnResult || defaultProps.callOnResult);
+
+          this.setState({
+            callResult,
+            callUpdated: true,
+            callUpdatedAt: Date.now()
+          });
+        } catch (error) {
+          console.error(this.props, error);
+        }
+      };
+
+      public override render (): React.ReactNode {
+        const { children } = this.props;
+        // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
+        const { callResult, callUpdated, callUpdatedAt } = this.state;
+        const _props = {
+          ...defaultProps,
+          ...this.props,
+          callUpdated,
+          callUpdatedAt,
+          [propName]: callResult
+        };
+
+        return (
+          <Inner {..._props}>
+            {render && render(callResult)}{children}
+          </Inner>
+        );
+      }
+    }
+
+    return WithObservable;
+  };
+}
diff --git a/packages/react-api/src/hoc/onlyOn.tsx b/packages/react-api/src/hoc/onlyOn.tsx
new file mode 100644
index 0000000..a931f98
--- /dev/null
+++ b/packages/react-api/src/hoc/onlyOn.tsx
@@ -0,0 +1,19 @@
+// Copyright 2017-2022 @polkadot/app-accounts authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { Environment } from '../types';
+
+import { ComponentType } from 'react';
+
+import { getEnvironment } from '../util';
+
+const onlyOn = (environment: Environment) => <T extends ComponentType<any>>(component: T): T | (() => null) => {
+  if (getEnvironment() === environment) {
+    return component;
+  }
+
+  return () => null;
+};
+
+export const onlyOnWeb = onlyOn('web');
+export const onlyOnApp = onlyOn('app');
diff --git a/packages/react-api/src/hoc/types.ts b/packages/react-api/src/hoc/types.ts
new file mode 100644
index 0000000..00d02e2
--- /dev/null
+++ b/packages/react-api/src/hoc/types.ts
@@ -0,0 +1,45 @@
+// Copyright 2017-2022 @polkadot/react-api authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { OnChangeCb } from '../types';
+
+import React from 'react';
+
+export type Transform = (value: any, index: number) => any;
+
+export interface DefaultProps {
+  callOnResult?: OnChangeCb;
+  [index: string]: any;
+}
+
+export interface Options {
+  at?: Uint8Array | string;
+  atProp?: string;
+  callOnResult?: OnChangeCb;
+  fallbacks?: string[];
+  isMulti?: boolean;
+  params?: unknown[];
+  paramName?: string;
+  paramPick?: (props: any) => unknown;
+  paramValid?: boolean;
+  propName?: string;
+  skipIf?: (props: any) => boolean;
+  transform?: Transform;
+  withIndicator?: boolean;
+}
+
+export type RenderFn = (value?: any) => React.ReactNode;
+
+export type StorageTransform = (input: any, index: number) => unknown | null;
+
+export type HOC = (Component: React.ComponentType<unknown>, defaultProps?: DefaultProps, render?: RenderFn) => React.ComponentType<unknown>;
+
+export interface ApiMethod {
+  name: string;
+  section?: string;
+}
+
+export type ComponentRenderer = (render: RenderFn, defaultProps?: DefaultProps) => React.ComponentType<any>;
+
+export type OmitProps<T, K> = Pick<T, Exclude<keyof T, K>>;
+export type SubtractProps<T, K> = OmitProps<T, keyof K>;
diff --git a/packages/react-api/src/index.ts b/packages/react-api/src/index.ts
new file mode 100644
index 0000000..b508420
--- /dev/null
+++ b/packages/react-api/src/index.ts
@@ -0,0 +1,19 @@
+// Copyright 2017-2022 @polkadot/react-api authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import Api, { api, DEFAULT_DECIMALS, DEFAULT_SS58 } from './Api';
+import ApiContext from './ApiContext';
+import { withApi, withCallDiv, withCalls, withMulti, withObservable } from './hoc';
+
+export {
+  api,
+  Api,
+  ApiContext,
+  DEFAULT_DECIMALS,
+  DEFAULT_SS58,
+  withApi,
+  withCalls,
+  withCallDiv,
+  withMulti,
+  withObservable
+};
diff --git a/packages/react-api/src/transform/echo.ts b/packages/react-api/src/transform/echo.ts
new file mode 100644
index 0000000..299cd01
--- /dev/null
+++ b/packages/react-api/src/transform/echo.ts
@@ -0,0 +1,7 @@
+// Copyright 2017-2022 @polkadot/react-api authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+// eslint-disable-next-line @typescript-eslint/no-unused-vars
+export default function echoTransform <T> (x: T, index: number): T {
+  return x;
+}
diff --git a/packages/react-api/src/typeRegistry.ts b/packages/react-api/src/typeRegistry.ts
new file mode 100644
index 0000000..dcc6f20
--- /dev/null
+++ b/packages/react-api/src/typeRegistry.ts
@@ -0,0 +1,8 @@
+// Copyright 2017-2022 @polkadot/react-api authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import { TypeRegistry } from '@polkadot/types/create';
+
+const registry = new TypeRegistry();
+
+export default registry;
diff --git a/packages/react-api/src/types.ts b/packages/react-api/src/types.ts
new file mode 100644
index 0000000..0cddef6
--- /dev/null
+++ b/packages/react-api/src/types.ts
@@ -0,0 +1,73 @@
+// Copyright 2017-2022 @polkadot/react-api authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { SubmittableExtrinsicFunction } from '@polkadot/api/promise/types';
+import type { LinkOption } from '@polkadot/apps-config/settings/types';
+import type { InjectedExtension } from '@polkadot/extension-inject/types';
+
+import { ApiPromise } from '@polkadot/api';
+
+// helpers for HOC props
+export type OmitProps<T, K> = Pick<T, Exclude<keyof T, K>>;
+export type SubtractProps<T, K> = OmitProps<T, keyof K>;
+
+export interface BareProps {
+  className?: string;
+}
+
+export interface ApiState {
+  apiDefaultTx: SubmittableExtrinsicFunction;
+  apiDefaultTxSudo: SubmittableExtrinsicFunction;
+  chainSS58: number;
+  hasInjectedAccounts: boolean;
+  isApiReady: boolean;
+  isDevelopment: boolean;
+  isEthereum: boolean;
+  specName: string;
+  specVersion: string;
+  systemChain: string;
+  systemName: string;
+  systemVersion: string;
+}
+
+export interface ApiProps extends ApiState {
+  api: ApiPromise;
+  apiEndpoint: LinkOption | null;
+  apiError: string | null;
+  apiRelay: ApiPromise | null;
+  apiUrl?: string;
+  extensions?: InjectedExtension[];
+  isApiConnected: boolean;
+  isApiInitialized: boolean;
+  isElectron: boolean;
+  isWaitingInjected: boolean;
+}
+
+export interface OnChangeCbObs {
+  next: (value?: any) => any;
+}
+
+export type OnChangeCbFn = (value?: any) => any;
+export type OnChangeCb = OnChangeCbObs | OnChangeCbFn;
+
+export interface ChangeProps {
+  callOnResult?: OnChangeCb;
+}
+
+export interface CallState {
+  callResult?: unknown;
+  callUpdated?: boolean;
+  callUpdatedAt?: number;
+}
+
+export type CallProps = ApiProps & CallState;
+
+export interface BaseProps<T> extends BareProps, CallProps, ChangeProps {
+  children?: React.ReactNode;
+  label?: string;
+  render?: (value?: T) => React.ReactNode;
+}
+
+export type Formatter = (value?: any) => string;
+
+export type Environment = 'web' | 'app';
diff --git a/packages/react-api/src/urlTypes.ts b/packages/react-api/src/urlTypes.ts
new file mode 100644
index 0000000..f625190
--- /dev/null
+++ b/packages/react-api/src/urlTypes.ts
@@ -0,0 +1,37 @@
+// Copyright 2017-2022 @polkadot/apps authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import { unzlibSync, zlibSync } from 'fflate';
+import queryString from 'query-string';
+
+import { settings } from '@polkadot/ui-settings';
+import { assert, stringToU8a, u8aToString } from '@polkadot/util';
+import { base64Decode, base64Encode } from '@polkadot/util-crypto';
+
+export function decodeUrlTypes (): Record<string, any> | null {
+  const urlOptions = queryString.parse(location.href.split('?')[1]);
+
+  if (urlOptions.types) {
+    try {
+      assert(!Array.isArray(urlOptions.types), 'Expected a single type specification');
+
+      const parts = urlOptions.types.split('#');
+      const compressed = base64Decode(decodeURIComponent(parts[0]));
+      const uncompressed = unzlibSync(compressed);
+
+      return JSON.parse(u8aToString(uncompressed)) as Record<string, any>;
+    } catch (error) {
+      console.error(error);
+    }
+  }
+
+  return null;
+}
+
+export function encodeUrlTypes (types: Record<string, any>): string {
+  const jsonU8a = stringToU8a(JSON.stringify(types));
+  const compressed = zlibSync(jsonU8a, { level: 9 });
+  const encoded = base64Encode(compressed);
+
+  return `${window.location.origin}${window.location.pathname}?rpc=${encodeURIComponent(settings.apiUrl)}&types=${encodeURIComponent(encoded)}`;
+}
diff --git a/packages/react-api/src/util/getEnvironment.ts b/packages/react-api/src/util/getEnvironment.ts
new file mode 100644
index 0000000..486be65
--- /dev/null
+++ b/packages/react-api/src/util/getEnvironment.ts
@@ -0,0 +1,25 @@
+// Copyright 2017-2022 @polkadot/app-accounts authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { Environment } from '../types';
+
+// https://github.com/electron/electron/issues/2288
+function isElectron () {
+  if (process?.versions?.electron) {
+    return true;
+  }
+
+  if (window?.process?.type === 'renderer') {
+    return true;
+  }
+
+  return navigator?.userAgent?.indexOf('Electron') >= 0;
+}
+
+export default function getEnvironment (): Environment {
+  if (isElectron()) {
+    return 'app';
+  }
+
+  return 'web';
+}
diff --git a/packages/react-api/src/util/historic.ts b/packages/react-api/src/util/historic.ts
new file mode 100644
index 0000000..a79af4b
--- /dev/null
+++ b/packages/react-api/src/util/historic.ts
@@ -0,0 +1,16 @@
+// Copyright 2017-2022 @polkadot/react-api authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { Hash } from '@polkadot/types/interfaces';
+import type { Codec } from '@polkadot/types/types';
+
+// eslint-disable-next-line @typescript-eslint/no-unused-vars
+type AtQuery <I extends unknown[]> = (hash: string | Uint8Array, ...params: I) => Promise<Codec>;
+
+export default async function getHistoric <T extends Codec, I extends unknown[] = unknown[]> (atQuery: AtQuery<I>, params: I, hashes: Hash[]): Promise<[Hash, T][]> {
+  return Promise
+    .all(hashes.map((hash): Promise<T> => atQuery(hash, ...params) as Promise<T>))
+    .then((results): [Hash, T][] =>
+      results.map((value, index): [Hash, T] => [hashes[index], value])
+    );
+}
diff --git a/packages/react-api/src/util/index.ts b/packages/react-api/src/util/index.ts
new file mode 100644
index 0000000..5d7f19b
--- /dev/null
+++ b/packages/react-api/src/util/index.ts
@@ -0,0 +1,16 @@
+// Copyright 2017-2022 @polkadot/react-api authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import getEnvironment from './getEnvironment';
+import getHistoric from './historic';
+import intervalObservable from './intervalObservable';
+import isEqual from './isEqual';
+import triggerChange from './triggerChange';
+
+export {
+  getHistoric,
+  intervalObservable,
+  isEqual,
+  triggerChange,
+  getEnvironment
+};
diff --git a/packages/react-api/src/util/intervalObservable.ts b/packages/react-api/src/util/intervalObservable.ts
new file mode 100644
index 0000000..784829e
--- /dev/null
+++ b/packages/react-api/src/util/intervalObservable.ts
@@ -0,0 +1,21 @@
+// Copyright 2017-2022 @polkadot/react-api authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { CallState } from '../types';
+
+import { interval, Subscription } from 'rxjs';
+
+const interval$ = interval(500);
+
+export default function intervalObservable<Props, State extends CallState> (that: React.Component<Props, State>): Subscription {
+  return interval$.subscribe((): void => {
+    const elapsed = Date.now() - ((that.state.callUpdatedAt as number) || 0);
+    const callUpdated = elapsed <= 1500;
+
+    if (callUpdated !== that.state.callUpdated) {
+      that.setState({
+        callUpdated
+      });
+    }
+  });
+}
diff --git a/packages/react-api/src/util/isEqual.ts b/packages/react-api/src/util/isEqual.ts
new file mode 100644
index 0000000..77afe37
--- /dev/null
+++ b/packages/react-api/src/util/isEqual.ts
@@ -0,0 +1,16 @@
+// Copyright 2017-2022 @polkadot/react-api authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+function flatten (key: string | null, value?: unknown): unknown {
+  return !value
+    ? value
+    : (value as Record<string, unknown>).$$typeof
+      ? ''
+      : Array.isArray(value)
+        ? value.map((item) => flatten(null, item))
+        : value;
+}
+
+export default function isEqual <T> (a?: T, b?: T): boolean {
+  return JSON.stringify({ test: a }, flatten) === JSON.stringify({ test: b }, flatten);
+}
diff --git a/packages/react-api/src/util/triggerChange.ts b/packages/react-api/src/util/triggerChange.ts
new file mode 100644
index 0000000..4d47712
--- /dev/null
+++ b/packages/react-api/src/util/triggerChange.ts
@@ -0,0 +1,20 @@
+// Copyright 2017-2022 @polkadot/react-api authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { OnChangeCb } from '../types';
+
+import { isFunction, isObservable } from '@polkadot/util';
+
+export default function triggerChange (value?: unknown, ...callOnResult: (OnChangeCb | undefined)[]): void {
+  if (!callOnResult || !callOnResult.length) {
+    return;
+  }
+
+  callOnResult.forEach((callOnResult): void => {
+    if (isObservable(callOnResult)) {
+      callOnResult.next(value);
+    } else if (isFunction(callOnResult)) {
+      callOnResult(value);
+    }
+  });
+}
diff --git a/packages/react-api/test/enzyme.js b/packages/react-api/test/enzyme.js
new file mode 100644
index 0000000..e0b409c
--- /dev/null
+++ b/packages/react-api/test/enzyme.js
@@ -0,0 +1,11 @@
+// Copyright 2017-2022 @polkadot/react-api authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+const Adapter = require('enzyme-adapter-react-16');
+const Enzyme = require('enzyme');
+
+Enzyme.configure({
+  adapter: new Adapter()
+});
+
+module.exports = Enzyme;
diff --git a/packages/react-api/test/observable.js b/packages/react-api/test/observable.js
new file mode 100644
index 0000000..3dd1999
--- /dev/null
+++ b/packages/react-api/test/observable.js
@@ -0,0 +1,14 @@
+// Copyright 2017-2022 @polkadot/react-api authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+const createObservable = require('@polkadot/api-rx/observable');
+
+module.exports = function observable (method) {
+  const fn = () => Promise.resolve(12345);
+
+  fn.unsubscribe = () => Promise.resolve(true);
+
+  return createObservable(`section_${method}`, method, {
+    [method]: fn
+  })();
+};
diff --git a/packages/react-api/tsconfig.build.json b/packages/react-api/tsconfig.build.json
new file mode 100644
index 0000000..da24d9f
--- /dev/null
+++ b/packages/react-api/tsconfig.build.json
@@ -0,0 +1,9 @@
+{
+  "extends": "../../tsconfig.base.json",
+  "compilerOptions": {
+    "baseUrl": "..",
+    "outDir": "./build",
+    "rootDir": "./src"
+  },
+  "references": []
+}
diff --git a/packages/react-components/.skip-build b/packages/react-components/.skip-build
new file mode 100644
index 0000000..e69de29
diff --git a/packages/react-components/.skip-npm b/packages/react-components/.skip-npm
new file mode 100644
index 0000000..e69de29
diff --git a/packages/react-components/LICENSE b/packages/react-components/LICENSE
new file mode 100644
index 0000000..0d381b2
--- /dev/null
+++ b/packages/react-components/LICENSE
@@ -0,0 +1,201 @@
+                              Apache License
+                        Version 2.0, January 2004
+                    http://www.apache.org/licenses/
+
+TERMS AND CONDITIONS FOR USE, REPRODUCTION, AND DISTRIBUTION
+
+1. Definitions.
+
+  "License" shall mean the terms and conditions for use, reproduction,
+  and distribution as defined by Sections 1 through 9 of this document.
+
+  "Licensor" shall mean the copyright owner or entity authorized by
+  the copyright owner that is granting the License.
+
+  "Legal Entity" shall mean the union of the acting entity and all
+  other entities that control, are controlled by, or are under common
+  control with that entity. For the purposes of this definition,
+  "control" means (i) the power, direct or indirect, to cause the
+  direction or management of such entity, whether by contract or
+  otherwise, or (ii) ownership of fifty percent (50%) or more of the
+  outstanding shares, or (iii) beneficial ownership of such entity.
+
+  "You" (or "Your") shall mean an individual or Legal Entity
+  exercising permissions granted by this License.
+
+  "Source" form shall mean the preferred form for making modifications,
+  including but not limited to software source code, documentation
+  source, and configuration files.
+
+  "Object" form shall mean any form resulting from mechanical
+  transformation or translation of a Source form, including but
+  not limited to compiled object code, generated documentation,
+  and conversions to other media types.
+
+  "Work" shall mean the work of authorship, whether in Source or
+  Object form, made available under the License, as indicated by a
+  copyright notice that is included in or attached to the work
+  (an example is provided in the Appendix below).
+
+  "Derivative Works" shall mean any work, whether in Source or Object
+  form, that is based on (or derived from) the Work and for which the
+  editorial revisions, annotations, elaborations, or other modifications
+  represent, as a whole, an original work of authorship. For the purposes
+  of this License, Derivative Works shall not include works that remain
+  separable from, or merely link (or bind by name) to the interfaces of,
+  the Work and Derivative Works thereof.
+
+  "Contribution" shall mean any work of authorship, including
+  the original version of the Work and any modifications or additions
+  to that Work or Derivative Works thereof, that is intentionally
+  submitted to Licensor for inclusion in the Work by the copyright owner
+  or by an individual or Legal Entity authorized to submit on behalf of
+  the copyright owner. For the purposes of this definition, "submitted"
+  means any form of electronic, verbal, or written communication sent
+  to the Licensor or its representatives, including but not limited to
+  communication on electronic mailing lists, source code control systems,
+  and issue tracking systems that are managed by, or on behalf of, the
+  Licensor for the purpose of discussing and improving the Work, but
+  excluding communication that is conspicuously marked or otherwise
+  designated in writing by the copyright owner as "Not a Contribution."
+
+  "Contributor" shall mean Licensor and any individual or Legal Entity
+  on behalf of whom a Contribution has been received by Licensor and
+  subsequently incorporated within the Work.
+
+2. Grant of Copyright License. Subject to the terms and conditions of
+  this License, each Contributor hereby grants to You a perpetual,
+  worldwide, non-exclusive, no-charge, royalty-free, irrevocable
+  copyright license to reproduce, prepare Derivative Works of,
+  publicly display, publicly perform, sublicense, and distribute the
+  Work and such Derivative Works in Source or Object form.
+
+3. Grant of Patent License. Subject to the terms and conditions of
+  this License, each Contributor hereby grants to You a perpetual,
+  worldwide, non-exclusive, no-charge, royalty-free, irrevocable
+  (except as stated in this section) patent license to make, have made,
+  use, offer to sell, sell, import, and otherwise transfer the Work,
+  where such license applies only to those patent claims licensable
+  by such Contributor that are necessarily infringed by their
+  Contribution(s) alone or by combination of their Contribution(s)
+  with the Work to which such Contribution(s) was submitted. If You
+  institute patent litigation against any entity (including a
+  cross-claim or counterclaim in a lawsuit) alleging that the Work
+  or a Contribution incorporated within the Work constitutes direct
+  or contributory patent infringement, then any patent licenses
+  granted to You under this License for that Work shall terminate
+  as of the date such litigation is filed.
+
+4. Redistribution. You may reproduce and distribute copies of the
+  Work or Derivative Works thereof in any medium, with or without
+  modifications, and in Source or Object form, provided that You
+  meet the following conditions:
+
+  (a) You must give any other recipients of the Work or
+      Derivative Works a copy of this License; and
+
+  (b) You must cause any modified files to carry prominent notices
+      stating that You changed the files; and
+
+  (c) You must retain, in the Source form of any Derivative Works
+      that You distribute, all copyright, patent, trademark, and
+      attribution notices from the Source form of the Work,
+      excluding those notices that do not pertain to any part of
+      the Derivative Works; and
+
+  (d) If the Work includes a "NOTICE" text file as part of its
+      distribution, then any Derivative Works that You distribute must
+      include a readable copy of the attribution notices contained
+      within such NOTICE file, excluding those notices that do not
+      pertain to any part of the Derivative Works, in at least one
+      of the following places: within a NOTICE text file distributed
+      as part of the Derivative Works; within the Source form or
+      documentation, if provided along with the Derivative Works; or,
+      within a display generated by the Derivative Works, if and
+      wherever such third-party notices normally appear. The contents
+      of the NOTICE file are for informational purposes only and
+      do not modify the License. You may add Your own attribution
+      notices within Derivative Works that You distribute, alongside
+      or as an addendum to the NOTICE text from the Work, provided
+      that such additional attribution notices cannot be construed
+      as modifying the License.
+
+  You may add Your own copyright statement to Your modifications and
+  may provide additional or different license terms and conditions
+  for use, reproduction, or distribution of Your modifications, or
+  for any such Derivative Works as a whole, provided Your use,
+  reproduction, and distribution of the Work otherwise complies with
+  the conditions stated in this License.
+
+5. Submission of Contributions. Unless You explicitly state otherwise,
+  any Contribution intentionally submitted for inclusion in the Work
+  by You to the Licensor shall be under the terms and conditions of
+  this License, without any additional terms or conditions.
+  Notwithstanding the above, nothing herein shall supersede or modify
+  the terms of any separate license agreement you may have executed
+  with Licensor regarding such Contributions.
+
+6. Trademarks. This License does not grant permission to use the trade
+  names, trademarks, service marks, or product names of the Licensor,
+  except as required for reasonable and customary use in describing the
+  origin of the Work and reproducing the content of the NOTICE file.
+
+7. Disclaimer of Warranty. Unless required by applicable law or
+  agreed to in writing, Licensor provides the Work (and each
+  Contributor provides its Contributions) on an "AS IS" BASIS,
+  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or
+  implied, including, without limitation, any warranties or conditions
+  of TITLE, NON-INFRINGEMENT, MERCHANTABILITY, or FITNESS FOR A
+  PARTICULAR PURPOSE. You are solely responsible for determining the
+  appropriateness of using or redistributing the Work and assume any
+  risks associated with Your exercise of permissions under this License.
+
+8. Limitation of Liability. In no event and under no legal theory,
+  whether in tort (including negligence), contract, or otherwise,
+  unless required by applicable law (such as deliberate and grossly
+  negligent acts) or agreed to in writing, shall any Contributor be
+  liable to You for damages, including any direct, indirect, special,
+  incidental, or consequential damages of any character arising as a
+  result of this License or out of the use or inability to use the
+  Work (including but not limited to damages for loss of goodwill,
+  work stoppage, computer failure or malfunction, or any and all
+  other commercial damages or losses), even if such Contributor
+  has been advised of the possibility of such damages.
+
+9. Accepting Warranty or Additional Liability. While redistributing
+  the Work or Derivative Works thereof, You may choose to offer,
+  and charge a fee for, acceptance of support, warranty, indemnity,
+  or other liability obligations and/or rights consistent with this
+  License. However, in accepting such obligations, You may act only
+  on Your own behalf and on Your sole responsibility, not on behalf
+  of any other Contributor, and only if You agree to indemnify,
+  defend, and hold each Contributor harmless for any liability
+  incurred by, or claims asserted against, such Contributor by reason
+  of your accepting any such warranty or additional liability.
+
+END OF TERMS AND CONDITIONS
+
+APPENDIX: How to apply the Apache License to your work.
+
+  To apply the Apache License to your work, attach the following
+  boilerplate notice, with the fields enclosed by brackets "[]"
+  replaced with your own identifying information. (Don't include
+  the brackets!)  The text should be enclosed in the appropriate
+  comment syntax for the file format. We also recommend that a
+  file or class name and description of purpose be included on the
+  same "printed page" as the copyright notice for easier
+  identification within third-party archives.
+
+Copyright [yyyy] [name of copyright owner]
+
+Licensed under the Apache License, Version 2.0 (the "License");
+you may not use this file except in compliance with the License.
+You may obtain a copy of the License at
+
+    http://www.apache.org/licenses/LICENSE-2.0
+
+Unless required by applicable law or agreed to in writing, software
+distributed under the License is distributed on an "AS IS" BASIS,
+WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+See the License for the specific language governing permissions and
+limitations under the License.
diff --git a/packages/react-components/README.md b/packages/react-components/README.md
new file mode 100644
index 0000000..85e493f
--- /dev/null
+++ b/packages/react-components/README.md
@@ -0,0 +1,5 @@
+# @polkadot/react-components
+
+WARNING: This is an internal package to [polkadot-js/apps](https://github.com/polkadot-js/apps) so is not inteded (yet) for broad use.
+
+For the existing sharable components usable in external React-based projects, take a look at the [polkadot-js/ui documentation](https://polkadot.js.org/ui/)
diff --git a/packages/react-components/package.json b/packages/react-components/package.json
new file mode 100644
index 0000000..19d8af8
--- /dev/null
+++ b/packages/react-components/package.json
@@ -0,0 +1,55 @@
+{
+  "bugs": "https://github.com/polkadot-js/apps/issues",
+  "homepage": "https://github.com/polkadot-js/apps/tree/master/packages/react-components#readme",
+  "license": "Apache-2.0",
+  "name": "@polkadot/react-components",
+  "private": true,
+  "repository": {
+    "directory": "packages/react-components",
+    "type": "git",
+    "url": "https://github.com/polkadot-js/apps.git"
+  },
+  "sideEffects": true,
+  "type": "module",
+  "version": "0.112.2-14",
+  "dependencies": {
+    "@babel/runtime": "^7.17.9",
+    "@fortawesome/fontawesome-svg-core": "^6.1.1",
+    "@fortawesome/free-solid-svg-icons": "^6.1.1",
+    "@fortawesome/react-fontawesome": "^0.1.18",
+    "@polkadot/keyring": "^9.0.1",
+    "@polkadot/react-api": "^0.112.2-14",
+    "@polkadot/react-identicon": "^2.0.1",
+    "@polkadot/react-qr": "^2.0.1",
+    "@polkadot/react-query": "^0.112.2-14",
+    "@polkadot/ui-keyring": "^2.0.1",
+    "@polkadot/ui-settings": "^2.0.1",
+    "@polkadot/util": "^9.0.1",
+    "@polkadot/util-crypto": "^9.0.1",
+    "chart.js": "^3.7.1",
+    "codeflask": "^1.4.1",
+    "i18next": "^21.6.15",
+    "i18next-browser-languagedetector": "^6.1.4",
+    "owasp-password-strength-test": "^1.3.0",
+    "react": "^17.0.2",
+    "react-beautiful-dnd": "^13.1.0",
+    "react-chartjs-2": "^4.0.1",
+    "react-copy-to-clipboard": "^5.0.4",
+    "react-dom": "^17.0.2",
+    "react-dropzone": "^11.7.1",
+    "react-i18next": "^11.16.5",
+    "react-is": "^17.0.2",
+    "react-markdown": "^5.0.3",
+    "react-router": "^5.2.1",
+    "react-router-dom": "^5.3.0",
+    "react-tooltip": "^4.2.21",
+    "semantic-ui-css": "^2.4.1",
+    "semantic-ui-react": "^0.88.2",
+    "store": "^2.0.12",
+    "styled-theming": "^2.2.0"
+  },
+  "devDependencies": {
+    "@types/codeflask": "^1.4.3",
+    "@types/owasp-password-strength-test": "^1.3.0"
+  }
+}
diff --git a/packages/react-components/src/AccountIndex.tsx b/packages/react-components/src/AccountIndex.tsx
new file mode 100644
index 0000000..62484a7
--- /dev/null
+++ b/packages/react-components/src/AccountIndex.tsx
@@ -0,0 +1,50 @@
+// Copyright 2017-2022 @polkadot/react-components authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { DeriveAccountInfo } from '@polkadot/api-derive/types';
+import type { AccountId, Address } from '@polkadot/types/interfaces';
+
+import React, { useMemo } from 'react';
+import styled from 'styled-components';
+
+import { useDeriveAccountInfo, useSystemApi } from '@polkadot/react-hooks';
+
+interface Props {
+  children?: React.ReactNode;
+  className?: string;
+  defaultValue?: string;
+  label?: React.ReactNode;
+  value?: string | AccountId | Address | null | Uint8Array;
+}
+
+function extractIndex ({ accountIndex }: Partial<DeriveAccountInfo> = {}): string | null {
+  return accountIndex
+    ? accountIndex.toString()
+    : null;
+}
+
+function AccountIndex ({ children, className = '', defaultValue, label, value }: Props): React.ReactElement<Props> | null {
+  const api = useSystemApi();
+  const info = useDeriveAccountInfo(value);
+
+  const accountIndex = useMemo(
+    () => extractIndex(info),
+    [info]
+  );
+
+  if (!api.query.indices) {
+    return null;
+  }
+
+  return (
+    <div className={`ui--AccountIndex ${className}`}>
+      {label || ''}<div className='account-index'>{accountIndex || defaultValue || '-'}</div>{children}
+    </div>
+  );
+}
+
+export default React.memo(styled(AccountIndex)`
+  .account-index {
+    font: var(--font-mono);
+  }
+`);
diff --git a/packages/react-components/src/AccountName.tsx b/packages/react-components/src/AccountName.tsx
new file mode 100644
index 0000000..811bebd
--- /dev/null
+++ b/packages/react-components/src/AccountName.tsx
@@ -0,0 +1,238 @@
+// Copyright 2017-2022 @polkadot/react-query authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { IconName } from '@fortawesome/fontawesome-svg-core';
+import type { DeriveAccountRegistration } from '@polkadot/api-derive/types';
+import type { AccountId, AccountIndex, Address } from '@polkadot/types/interfaces';
+
+import React, { useCallback, useContext, useEffect, useState } from 'react';
+import styled from 'styled-components';
+
+import { AccountSidebarToggle } from '@polkadot/app-accounts/Sidebar';
+import registry from '@polkadot/react-api/typeRegistry';
+import { useDeriveAccountInfo, useSystemApi } from '@polkadot/react-hooks';
+import { isFunction, stringToU8a } from '@polkadot/util';
+
+import Badge from './Badge';
+import { getAddressName } from './util';
+
+interface Props {
+  children?: React.ReactNode;
+  className?: string;
+  defaultName?: string;
+  label?: React.ReactNode;
+  onClick?: () => void;
+  override?: React.ReactNode;
+  // this is used by app-account/addresses to toggle editing
+  toggle?: boolean;
+  value: AccountId | AccountIndex | Address | string | Uint8Array | null | undefined;
+  withSidebar?: boolean;
+}
+
+const KNOWN: [AccountId, string][] = [
+  [registry.createType('AccountId', stringToU8a('modlpy/socie'.padEnd(32, '\0'))), 'Society'],
+  [registry.createType('AccountId', stringToU8a('modlpy/trsry'.padEnd(32, '\0'))), 'Treasury']
+];
+
+const displayCache = new Map<string, React.ReactNode>();
+const indexCache = new Map<string, string>();
+
+const parentCache = new Map<string, string>();
+
+export function getParentAccount (value: string): string | undefined {
+  return parentCache.get(value);
+}
+
+function defaultOrAddr (defaultName = '', _address: AccountId | AccountIndex | Address | string | Uint8Array, _accountIndex?: AccountIndex | null): [React.ReactNode, boolean, boolean, boolean] {
+  const known = KNOWN.find(([known]) => known.eq(_address));
+
+  if (known) {
+    return [known[1], false, false, true];
+  }
+
+  const accountId = _address.toString();
+
+  if (!accountId) {
+    return [defaultName, false, false, false];
+  }
+
+  const [isAddressExtracted,, extracted] = getAddressName(accountId, null, defaultName);
+  const accountIndex = (_accountIndex || '').toString() || indexCache.get(accountId);
+
+  if (isAddressExtracted && accountIndex) {
+    indexCache.set(accountId, accountIndex);
+
+    return [accountIndex, false, true, false];
+  }
+
+  return [extracted, !isAddressExtracted, isAddressExtracted, false];
+}
+
+function extractName (address: string, accountIndex?: AccountIndex, defaultName?: string): React.ReactNode {
+  const displayCached = displayCache.get(address);
+
+  if (displayCached) {
+    return displayCached;
+  }
+
+  const [displayName, isLocal, isAddress, isSpecial] = defaultOrAddr(defaultName, address, accountIndex);
+
+  return (
+    <div className='via-identity'>
+      {isSpecial && (
+        <Badge
+          color='green'
+          icon='archway'
+          isSmall
+        />
+      )}
+      <span className={`name${(isLocal || isSpecial) ? ' isLocal' : (isAddress ? ' isAddress' : '')}`}>{displayName}</span>
+    </div>
+  );
+}
+
+function createIdElem (nameElem: React.ReactNode, color: 'green' | 'red' | 'gray', icon: IconName): React.ReactNode {
+  return (
+    <div className='via-identity'>
+      <Badge
+        color={color}
+        icon={icon}
+        isSmall
+      />
+      {nameElem}
+    </div>
+  );
+}
+
+function extractIdentity (address: string, identity: DeriveAccountRegistration): React.ReactNode {
+  const judgements = identity.judgements.filter(([, judgement]) => !judgement.isFeePaid);
+  const isGood = judgements.some(([, judgement]) => judgement.isKnownGood || judgement.isReasonable);
+  const isBad = judgements.some(([, judgement]) => judgement.isErroneous || judgement.isLowQuality);
+  const displayName = isGood
+    ? identity.display
+    : (identity.display || '').replace(/[^\x20-\x7E]/g, '');
+  const displayParent = identity.displayParent && (
+    isGood
+      ? identity.displayParent
+      : identity.displayParent.replace(/[^\x20-\x7E]/g, '')
+  );
+  const elem = createIdElem(
+    <span className={`name${isGood && !isBad ? ' isGood' : ''}`}>
+      <span className='top'>{displayParent || displayName}</span>
+      {displayParent && <span className='sub'>{`/${displayName || ''}`}</span>}
+    </span>,
+    (isBad ? 'red' : (isGood ? 'green' : 'gray')),
+    identity.parent ? 'link' : (isGood && !isBad ? 'check' : 'minus')
+  );
+
+  displayCache.set(address, elem);
+
+  return elem;
+}
+
+function AccountName ({ children, className = '', defaultName, label, onClick, override, toggle, value, withSidebar }: Props): React.ReactElement<Props> {
+  const api = useSystemApi();
+  const info = useDeriveAccountInfo(value);
+  const [name, setName] = useState<React.ReactNode>(() => extractName((value || '').toString(), undefined, defaultName));
+  const toggleSidebar = useContext(AccountSidebarToggle);
+
+  // set the actual nickname, local name, accountIndex, accountId
+  useEffect((): void => {
+    const { accountId, accountIndex, identity, nickname } = info || {};
+    const cacheAddr = (accountId || value || '').toString();
+
+    if (identity?.parent) {
+      parentCache.set(cacheAddr, identity.parent.toString());
+    }
+
+    if (isFunction(api.query.identity?.identityOf)) {
+      setName(() =>
+        identity?.display
+          ? extractIdentity(cacheAddr, identity)
+          : extractName(cacheAddr, accountIndex)
+      );
+    } else if (nickname) {
+      setName(nickname);
+    } else {
+      setName(defaultOrAddr(defaultName, cacheAddr, accountIndex));
+    }
+  }, [api, defaultName, info, toggle, value]);
+
+  const _onNameEdit = useCallback(
+    () => setName(defaultOrAddr(defaultName, (value || '').toString())),
+    [defaultName, value]
+  );
+
+  const _onToggleSidebar = useCallback(
+    () => toggleSidebar && value && toggleSidebar([value.toString(), _onNameEdit]),
+    [_onNameEdit, toggleSidebar, value]
+  );
+
+  return (
+    <div
+      className={`ui--AccountName${withSidebar ? ' withSidebar' : ''} ${className}`}
+      data-testid='account-name'
+      onClick={
+        withSidebar
+          ? _onToggleSidebar
+          : onClick
+      }
+    >
+      {label || ''}{override || name}{children}
+    </div>
+  );
+}
+
+export default React.memo(styled(AccountName)`
+  align-items: center;
+  border: 1px dotted transparent;
+  display: inline-flex;
+  vertical-align: middle;
+  white-space: nowrap;
+
+  &.withSidebar:hover {
+    border-bottom-color: #333;
+    cursor: help !important;
+  }
+
+  .via-identity {
+    align-items: center;
+    display: inline-flex;
+    width: 100%;
+
+    .name {
+      align-items: center;
+      display: inline-flex;
+      font-weight: var(--font-weight-normal) !important;
+      filter: grayscale(100%);
+      line-height: 1;
+      opacity: 0.6;
+      overflow: hidden;
+      text-overflow: ellipsis;
+
+      &:not(.isAddress) {
+        text-transform: uppercase;
+      }
+
+      &.isAddress {
+        font: var(--font-mono);
+        text-transform: none;
+      }
+
+      &.isGood,
+      &.isLocal {
+        opacity: 1;
+      }
+
+      .sub,
+      .top {
+        vertical-align: middle;
+      }
+
+      .sub {
+        font-size: 0.75rem;
+        opacity: 0.75;
+      }
+    }
+  }
+`);
diff --git a/packages/react-components/src/AddressInfo.tsx b/packages/react-components/src/AddressInfo.tsx
new file mode 100644
index 0000000..667e547
--- /dev/null
+++ b/packages/react-components/src/AddressInfo.tsx
@@ -0,0 +1,634 @@
+// Copyright 2017-2022 @polkadot/react-components authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { TFunction } from 'i18next';
+import type { DeriveBalancesAccountData, DeriveBalancesAll, DeriveDemocracyLock, DeriveStakingAccount } from '@polkadot/api-derive/types';
+import type { Raw } from '@polkadot/types';
+import type { BlockNumber, ValidatorPrefsTo145, Voting } from '@polkadot/types/interfaces';
+import type { PalletBalancesReserveData } from '@polkadot/types/lookup';
+import type { BN } from '@polkadot/util';
+
+import React, { useRef } from 'react';
+import styled from 'styled-components';
+
+import { withCalls, withMulti } from '@polkadot/react-api/hoc';
+import { Expander, Icon, Tooltip } from '@polkadot/react-components';
+import { useBestNumber } from '@polkadot/react-hooks';
+import { BlockToTime, FormatBalance } from '@polkadot/react-query';
+import { BN_ZERO, formatBalance, formatNumber, isObject } from '@polkadot/util';
+
+import CryptoType from './CryptoType';
+import DemocracyLocks from './DemocracyLocks';
+import Label from './Label';
+import StakingRedeemable from './StakingRedeemable';
+import StakingUnbonding from './StakingUnbonding';
+import { useTranslation } from './translate';
+
+// true to display, or (for bonded) provided values [own, ...all extras]
+export interface BalanceActiveType {
+  available?: boolean;
+  bonded?: boolean | BN[];
+  extraInfo?: [React.ReactNode, React.ReactNode][];
+  locked?: boolean;
+  redeemable?: boolean;
+  reserved?: boolean;
+  total?: boolean;
+  unlocking?: boolean;
+  vested?: boolean;
+}
+
+export interface CryptoActiveType {
+  crypto?: boolean;
+  nonce?: boolean;
+}
+
+export interface ValidatorPrefsType {
+  unstakeThreshold?: boolean;
+  validatorPayment?: boolean;
+}
+
+interface Props {
+  address: string;
+  balancesAll?: DeriveBalancesAll;
+  children?: React.ReactNode;
+  className?: string;
+  democracyLocks?: DeriveDemocracyLock[];
+  extraInfo?: [string, string][];
+  stakingInfo?: DeriveStakingAccount;
+  votingOf?: Voting;
+  withBalance?: boolean | BalanceActiveType;
+  withBalanceToggle?: false;
+  withExtended?: boolean | CryptoActiveType;
+  withHexSessionId?: (string | null)[];
+  withValidatorPrefs?: boolean | ValidatorPrefsType;
+  withLabel?: boolean;
+}
+
+const DEFAULT_BALANCES: BalanceActiveType = {
+  available: true,
+  bonded: true,
+  locked: true,
+  redeemable: true,
+  reserved: true,
+  total: true,
+  unlocking: true,
+  vested: true
+};
+const DEFAULT_EXTENDED = {
+  crypto: true,
+  nonce: true
+};
+const DEFAULT_PREFS = {
+  unstakeThreshold: true,
+  validatorPayment: true
+};
+
+// auxiliary component that helps aligning balances details, fills up the space when no icon for a balance is specified
+function IconVoid (): React.ReactElement {
+  return <span className='icon-void'>&nbsp;</span>;
+}
+
+function lookupLock (lookup: Record<string, string>, lockId: Raw): string {
+  const lockHex = lockId.toHuman() as string;
+
+  try {
+    return lookup[lockHex] || lockHex;
+  } catch (error) {
+    return lockHex;
+  }
+}
+
+// skip balances retrieval of none of this matches
+function skipBalancesIf ({ withBalance = true, withExtended = false }: Props): boolean {
+  if (withBalance === true || withExtended === true) {
+    return false;
+  } else if (isObject(withBalance)) {
+    // these all pull from the all balances
+    if (withBalance.available || withBalance.locked || withBalance.reserved || withBalance.total || withBalance.vested) {
+      return false;
+    }
+  } else if (isObject(withExtended)) {
+    if (withExtended.nonce) {
+      return false;
+    }
+  }
+
+  return true;
+}
+
+function skipStakingIf ({ stakingInfo, withBalance = true, withValidatorPrefs = false }: Props): boolean {
+  if (stakingInfo) {
+    return true;
+  } else if (withBalance === true || withValidatorPrefs) {
+    return false;
+  } else if (isObject(withBalance)) {
+    if (withBalance.unlocking || withBalance.redeemable) {
+      return false;
+    } else if (withBalance.bonded) {
+      return Array.isArray(withBalance.bonded);
+    }
+  }
+
+  return true;
+}
+
+// calculates the bonded, first being the own, the second being nominated
+function calcBonded (stakingInfo?: DeriveStakingAccount, bonded?: boolean | BN[]): [BN, BN[]] {
+  let other: BN[] = [];
+  let own = BN_ZERO;
+
+  if (Array.isArray(bonded)) {
+    other = bonded
+      .filter((_, index) => index !== 0)
+      .filter((value) => value.gt(BN_ZERO));
+
+    own = bonded[0];
+  } else if (stakingInfo && stakingInfo.stakingLedger && stakingInfo.stakingLedger.active && stakingInfo.accountId.eq(stakingInfo.stashId)) {
+    own = stakingInfo.stakingLedger.active.unwrap();
+  }
+
+  return [own, other];
+}
+
+function renderExtended ({ address, balancesAll, withExtended }: Props, t: TFunction): React.ReactNode {
+  const extendedDisplay = withExtended === true
+    ? DEFAULT_EXTENDED
+    : withExtended || undefined;
+
+  if (!extendedDisplay) {
+    return null;
+  }
+
+  return (
+    <div className='column'>
+      {balancesAll && extendedDisplay.nonce && (
+        <>
+          <Label label={t<string>('transactions')} />
+          <div className='result'>{formatNumber(balancesAll.accountNonce)}</div>
+        </>
+      )}
+      {extendedDisplay.crypto && (
+        <>
+          <Label label={t<string>('type')} />
+          <CryptoType
+            accountId={address}
+            className='result'
+          />
+        </>
+      )}
+    </div>
+  );
+}
+
+function renderValidatorPrefs ({ stakingInfo, withValidatorPrefs = false }: Props, t: TFunction): React.ReactNode {
+  const validatorPrefsDisplay = withValidatorPrefs === true
+    ? DEFAULT_PREFS
+    : withValidatorPrefs;
+
+  if (!validatorPrefsDisplay || !stakingInfo || !stakingInfo.validatorPrefs) {
+    return null;
+  }
+
+  return (
+    <>
+      <div />
+      {validatorPrefsDisplay.unstakeThreshold && (stakingInfo.validatorPrefs as any as ValidatorPrefsTo145).unstakeThreshold && (
+        <>
+          <Label label={t<string>('unstake threshold')} />
+          <div className='result'>
+            {(stakingInfo.validatorPrefs as any as ValidatorPrefsTo145).unstakeThreshold.toString()}
+          </div>
+        </>
+      )}
+      {validatorPrefsDisplay.validatorPayment && (stakingInfo.validatorPrefs.commission || (stakingInfo.validatorPrefs as any as ValidatorPrefsTo145).validatorPayment) && (
+        (stakingInfo.validatorPrefs as any as ValidatorPrefsTo145).validatorPayment
+          ? (
+            <>
+              <Label label={t<string>('commission')} />
+              <FormatBalance
+                className='result'
+                value={(stakingInfo.validatorPrefs as any as ValidatorPrefsTo145).validatorPayment}
+              />
+            </>
+          )
+          : (
+            <>
+              <Label label={t<string>('commission')} />
+              <span>{(stakingInfo.validatorPrefs.commission.unwrap().toNumber() / 10_000_000).toFixed(2)}%</span>
+            </>
+          )
+      )}
+    </>
+  );
+}
+
+function createBalanceItems (formatIndex: number, lookup: Record<string, string>, t: TFunction, { address, balanceDisplay, balancesAll, bestNumber, democracyLocks, isAllLocked, otherBonded, ownBonded, stakingInfo, votingOf, withBalanceToggle, withLabel }: { address: string; balanceDisplay: BalanceActiveType; balancesAll?: DeriveBalancesAll | DeriveBalancesAccountData; bestNumber: BlockNumber; democracyLocks?: DeriveDemocracyLock[]; isAllLocked: boolean; otherBonded: BN[]; ownBonded: BN; stakingInfo?: DeriveStakingAccount; votingOf?: Voting; withBalanceToggle: boolean, withLabel: boolean }): React.ReactNode {
+  const allItems: React.ReactNode[] = [];
+  const deriveBalances = balancesAll as DeriveBalancesAll;
+
+  !withBalanceToggle && balancesAll && balanceDisplay.total && allItems.push(
+    <React.Fragment key={0}>
+      <Label label={withLabel ? t<string>('total') : ''} />
+      <FormatBalance
+        className='result'
+        formatIndex={formatIndex}
+        labelPost={<IconVoid />}
+        value={balancesAll.freeBalance.add(balancesAll.reservedBalance)}
+      />
+    </React.Fragment>
+  );
+  balancesAll && balanceDisplay.available && deriveBalances.availableBalance && allItems.push(
+    <React.Fragment key={1}>
+      <Label label={t<string>('transferrable')} />
+      <FormatBalance
+        className='result'
+        formatIndex={formatIndex}
+        labelPost={<IconVoid />}
+        value={deriveBalances.availableBalance}
+      />
+    </React.Fragment>
+  );
+
+  if (balanceDisplay.vested && deriveBalances?.isVesting) {
+    const allVesting = deriveBalances.vesting.filter(({ endBlock }) => bestNumber.lt(endBlock));
+
+    allItems.push(
+      <React.Fragment key={2}>
+        <Label label={t<string>('vested')} />
+        <FormatBalance
+          className='result'
+          formatIndex={formatIndex}
+          labelPost={
+            <Icon
+              icon='info-circle'
+              tooltip={`${address}-vested-trigger`}
+            />
+          }
+          value={deriveBalances.vestedBalance}
+        >
+          <Tooltip
+            text={
+              <>
+                <div>
+                  {formatBalance(deriveBalances.vestedClaimable, { forceUnit: '-' })}
+                  <div className='faded'>{t('available to be unlocked')}</div>
+                </div>
+                {allVesting.map(({ endBlock, locked, perBlock, vested }, index) => (
+                  <div
+                    className='inner'
+                    key={`item:${index}`}
+                  >
+                    <div>
+                      {formatBalance(vested, { forceUnit: '-' })}
+                      <div className='faded'>{t('of {{locked}} vested', { replace: { locked: formatBalance(locked, { forceUnit: '-' }) } })}</div>
+                    </div>
+                    <div>
+                      <BlockToTime value={endBlock.sub(bestNumber)} />
+                      <div className='faded'>{t('until block')} {formatNumber(endBlock)}</div>
+                    </div>
+                    <div>
+                      {formatBalance(perBlock)}
+                      <div className='faded'>{t('per block')}</div>
+                    </div>
+                  </div>
+                ))}
+              </>
+            }
+            trigger={`${address}-vested-trigger`}
+          />
+        </FormatBalance>
+      </React.Fragment>
+    );
+  }
+
+  const allReserves = (deriveBalances?.namedReserves || []).reduce<PalletBalancesReserveData[]>((t, r) => t.concat(...r), []);
+  const hasNamedReserves = !!allReserves && allReserves.length !== 0;
+  console.log(deriveBalances,'deriveBalances');
+  
+
+  balanceDisplay.locked && balancesAll && (isAllLocked || deriveBalances.lockedBalance?.gtn(0)) && allItems.push(
+    <React.Fragment key={3}>
+      <Label label={t<string>('locked')} />
+      <FormatBalance
+        className='result'
+        formatIndex={formatIndex}
+        labelPost={
+          <>
+            <Icon
+              icon='info-circle'
+              tooltip={`${address}-locks-trigger`}
+            />
+            <Tooltip
+              text={deriveBalances.lockedBreakdown.map(({ amount, id, reasons }, index): React.ReactNode => (
+                <div key={index}>
+                  {amount?.isMax()
+                    ? t<string>('everything')
+                    : formatBalance(amount, { forceUnit: '-' })
+                  }{id && <div className='faded'>{lookupLock(lookup, id)}</div>}<div className='faded'>{reasons.toString()}</div>
+                </div>
+              ))}
+              trigger={`${address}-locks-trigger`}
+            />
+          </>
+        }
+        value={isAllLocked ? 'all' : deriveBalances.lockedBalance}
+      />
+    </React.Fragment>
+  );
+  balanceDisplay.reserved && balancesAll?.reservedBalance?.gtn(0) && allItems.push(
+    <React.Fragment key={4}>
+      <Label label={t<string>('reserved')} />
+      <FormatBalance
+        className='result'
+        formatIndex={formatIndex}
+        labelPost={
+          hasNamedReserves
+            ? (
+              <>
+                <Icon
+                  icon='info-circle'
+                  tooltip={`${address}-named-reserves-trigger`}
+                />
+                <Tooltip
+                  text={allReserves.map(({ amount, id }, index): React.ReactNode => (
+                    <div key={index}>
+                      {formatBalance(amount, { forceUnit: '-' })
+                      }{id && <div className='faded'>{lookupLock(lookup, id)}</div>}
+                    </div>
+                  ))}
+                  trigger={`${address}-named-reserves-trigger`}
+                />
+              </>
+            )
+            : <IconVoid />
+        }
+        value={balancesAll.reservedBalance}
+      />
+    </React.Fragment>
+  );
+  balanceDisplay.bonded && (ownBonded.gtn(0) || otherBonded.length !== 0) && allItems.push(
+    <React.Fragment key={5}>
+      <Label label={t<string>('bonded')} />
+      <FormatBalance
+        className='result'
+        formatIndex={formatIndex}
+        labelPost={<IconVoid />}
+        value={ownBonded}
+      >
+        {otherBonded.length !== 0 && (
+          <>&nbsp;(+{otherBonded.map((bonded, index): React.ReactNode =>
+            <FormatBalance
+              formatIndex={formatIndex}
+              key={index}
+              labelPost={<IconVoid />}
+              value={bonded}
+            />
+          )})</>
+        )}
+      </FormatBalance>
+    </React.Fragment>
+  );
+  balanceDisplay.redeemable && stakingInfo?.redeemable?.gtn(0) && allItems.push(
+    <React.Fragment key={6}>
+      <Label label={t<string>('redeemable')} />
+      <StakingRedeemable
+        className='result'
+        stakingInfo={stakingInfo}
+      />
+    </React.Fragment>
+  );
+
+  if (balanceDisplay.unlocking) {
+    stakingInfo?.unlocking && allItems.push(
+      <React.Fragment key={7}>
+        <Label label={t<string>('unbonding')} />
+        <div className='result'>
+          <StakingUnbonding
+            iconPosition='right'
+            stakingInfo={stakingInfo}
+          />
+        </div>
+      </React.Fragment>
+    );
+
+    if (democracyLocks && (democracyLocks.length !== 0)) {
+      allItems.push(
+        <React.Fragment key={8}>
+          <Label label={t<string>('democracy')} />
+          <div className='result'>
+            <DemocracyLocks value={democracyLocks} />
+          </div>
+        </React.Fragment>
+      );
+    } else if (votingOf && votingOf.isDirect) {
+      const { prior: [unlockAt, balance] } = votingOf.asDirect;
+
+      balance.gt(BN_ZERO) && unlockAt.gt(BN_ZERO) && allItems.push(
+        <React.Fragment key={8}>
+          <Label label={t<string>('democracy')} />
+          <div className='result'>
+            <DemocracyLocks value={[{ balance, isFinished: bestNumber.gt(unlockAt), unlockAt }]} />
+          </div>
+        </React.Fragment>
+      );
+    }
+  }
+
+  if (withBalanceToggle) {
+    return (
+      <React.Fragment key={formatIndex}>
+        <Expander
+          summary={
+            <FormatBalance
+              formatIndex={formatIndex}
+              value={balancesAll && balancesAll.freeBalance.add(balancesAll.reservedBalance)}
+            />
+          }
+        >
+          {allItems.length !== 0 && (
+            <div className='body column'>
+              {allItems}
+            </div>
+          )}
+        </Expander>
+      </React.Fragment>
+    );
+  }
+
+  return (
+    <React.Fragment key={formatIndex}>
+      {allItems}
+    </React.Fragment>
+  );
+}
+
+function renderBalances (props: Props, lookup: Record<string, string>, bestNumber: BlockNumber | undefined, t: TFunction): React.ReactNode[] {
+  const { address, balancesAll, democracyLocks, stakingInfo, votingOf, withBalance = true, withBalanceToggle = false, withLabel = false } = props;
+  const balanceDisplay = withBalance === true
+    ? DEFAULT_BALANCES
+    : withBalance || false;
+
+  if (!bestNumber || !balanceDisplay) {
+    return [null];
+  }
+
+  const [ownBonded, otherBonded] = calcBonded(stakingInfo, balanceDisplay.bonded);
+  const isAllLocked = !!balancesAll && balancesAll.lockedBreakdown.some(({ amount }): boolean => amount?.isMax());
+  const baseOpts = { address, balanceDisplay, bestNumber, democracyLocks, isAllLocked, otherBonded, ownBonded, votingOf, withBalanceToggle, withLabel };
+  const items = [createBalanceItems(0, lookup, t, { ...baseOpts, balancesAll, stakingInfo })];
+
+  withBalanceToggle && balancesAll?.additional.length && balancesAll.additional.forEach((balancesAll, index): void => {
+    items.push(createBalanceItems(index + 1, lookup, t, { ...baseOpts, balancesAll }));
+  });
+
+  return items;
+}
+
+function AddressInfo (props: Props): React.ReactElement<Props> {
+  const { t } = useTranslation();
+  const bestNumber = useBestNumber();
+  const { children, className = '', extraInfo, withBalanceToggle, withHexSessionId } = props;
+
+  const lookup = useRef<Record<string, string>>({
+    democrac: t<string>('via Democracy/Vote'),
+    phrelect: t<string>('via Council/Vote'),
+    'staking ': t<string>('via Staking/Bond'),
+    'vesting ': t<string>('via Vesting')
+  });
+
+  return (
+    <div className={`ui--AddressInfo ${className}${withBalanceToggle ? ' ui--AddressInfo-expander' : ''}`}>
+      <div className={`column${withBalanceToggle ? ' column--expander' : ''}`}>
+        {renderBalances(props, lookup.current, bestNumber, t)}
+        {withHexSessionId && withHexSessionId[0] && (
+          <>
+            <Label label={t<string>('session keys')} />
+            <div className='result'>{withHexSessionId[0]}</div>
+          </>
+        )}
+        {withHexSessionId && withHexSessionId[0] !== withHexSessionId[1] && (
+          <>
+            <Label label={t<string>('session next')} />
+            <div className='result'>{withHexSessionId[1]}</div>
+          </>
+        )}
+        {renderValidatorPrefs(props, t)}
+        {extraInfo && (
+          <>
+            <div />
+            {extraInfo.map(([label, value], index): React.ReactNode => (
+              <React.Fragment key={`label:${index}`}>
+                <Label label={label} />
+                <div className='result'>
+                  {value}
+                </div>
+              </React.Fragment>
+            ))}
+          </>
+        )}
+      </div>
+      {renderExtended(props, t)}
+      {children && (
+        <div className='column'>
+          {children}
+        </div>
+      )}
+    </div>
+  );
+}
+
+export default withMulti(
+  styled(AddressInfo)`
+    align-items: flex-start;
+    display: flex;
+    flex: 1;
+    white-space: nowrap;
+
+    &:not(.ui--AddressInfo-expander) {
+      justify-content: flex-end;
+    }
+
+    .column {
+      max-width: 260px;
+      &.column--expander {
+        width: 17.5rem;
+
+        .ui--Expander {
+          width: 100%;
+
+          .summary {
+            display: inline-block;
+            text-align: right;
+            min-width: 12rem;
+          }
+        }
+      }
+
+      &:not(.column--expander) {
+        flex: 1;
+        display: grid;
+        column-gap: 0.75rem;
+        row-gap: 0.5rem;
+        opacity: 1;
+
+        div.inner {
+          margin-top: 0.25rem;
+
+          &:first-child {
+            margin-top: 0;
+          }
+        }
+
+        label {
+          grid-column: 1;
+          padding-right: 0.5rem;
+          text-align: right;
+          vertical-align: middle;
+
+          .help.circle.icon {
+            display: none;
+          }
+        }
+
+        .result {
+          grid-column: 2;
+          text-align: right;
+
+          .ui--Icon,
+          .icon-void {
+            margin-left: 0.25rem;
+            margin-right: 0;
+            padding-right: 0 !important;
+          }
+
+          .icon-void {
+            float: right;
+            width: 1em;
+          }
+        }
+      }
+    }
+  `,
+  withCalls<Props>(
+    ['derive.balances.all', {
+      paramName: 'address',
+      propName: 'balancesAll',
+      skipIf: skipBalancesIf
+    }],
+    ['derive.staking.account', {
+      paramName: 'address',
+      propName: 'stakingInfo',
+      skipIf: skipStakingIf
+    }],
+    ['derive.democracy.locks', {
+      paramName: 'address',
+      propName: 'democracyLocks',
+      skipIf: skipStakingIf
+    }],
+    ['query.democracy.votingOf', {
+      paramName: 'address',
+      propName: 'votingOf',
+      skipIf: skipStakingIf
+    }]
+  )
+);
diff --git a/packages/react-components/src/AddressMini.tsx b/packages/react-components/src/AddressMini.tsx
new file mode 100644
index 0000000..06dcedd
--- /dev/null
+++ b/packages/react-components/src/AddressMini.tsx
@@ -0,0 +1,225 @@
+// Copyright 2017-2022 @polkadot/app-staking authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { AccountId, AccountIndex, Address } from '@polkadot/types/interfaces';
+import type { KeyringItemType } from '@polkadot/ui-keyring/types';
+import type { BN } from '@polkadot/util';
+
+import React from 'react';
+import styled from 'styled-components';
+
+import AccountName from './AccountName';
+import BalanceDisplay from './Balance';
+import BondedDisplay from './Bonded';
+import IdentityIcon from './IdentityIcon';
+import LockedVote from './LockedVote';
+import { toShortAddress } from './util';
+
+interface Props {
+  balance?: BN | BN[];
+  bonded?: BN | BN[];
+  children?: React.ReactNode;
+  className?: string;
+  iconInfo?: React.ReactNode;
+  isHighlight?: boolean;
+  isPadded?: boolean;
+  isShort?: boolean;
+  label?: React.ReactNode;
+  labelBalance?: React.ReactNode;
+  nameExtra?: React.ReactNode;
+  onNameClick?: () => void;
+  summary?: React.ReactNode;
+  type?: KeyringItemType;
+  value?: AccountId | AccountIndex | Address | string | null | Uint8Array;
+  withAddress?: boolean;
+  withBalance?: boolean;
+  withBonded?: boolean;
+  withLockedVote?: boolean;
+  withSidebar?: boolean;
+  withName?: boolean;
+  withShrink?: boolean;
+}
+
+function AddressMini ({ balance, bonded, children, className = '', iconInfo, isHighlight, isPadded = true, label, labelBalance, nameExtra, onNameClick, summary, value, withAddress = true, withBalance = false, withBonded = false, withLockedVote = false, withName = true, withShrink = false, withSidebar = true }: Props): React.ReactElement<Props> | null {
+  if (!value) {
+    return null;
+  }
+
+  return (
+    <div className={`ui--AddressMini${isHighlight ? ' isHighlight' : ''}${isPadded ? ' padded' : ''}${withShrink ? ' withShrink' : ''} ${className}`}>
+      {label && (
+        <label className='ui--AddressMini-label'>{label}</label>
+      )}
+      <div className='ui--AddressMini-icon'>
+        <IdentityIcon value={value} />
+        {iconInfo && (
+          <div className='ui--AddressMini-icon-info'>
+            {iconInfo}
+          </div>
+        )}
+      </div>
+      <div className='ui--AddressMini-info'>
+        {withAddress && (
+          <div
+            className='ui--AddressMini-address'
+            onClick={onNameClick}
+          >
+            {withName
+              ? (
+                <AccountName
+                  value={value}
+                  withSidebar={withSidebar}
+                >
+                  {nameExtra}
+                </AccountName>
+              )
+              : toShortAddress(value)
+            }
+          </div>
+        )}
+        {children}
+      </div>
+      <div className='ui--AddressMini-balances'>
+        {withBalance && (
+          <BalanceDisplay
+            balance={balance}
+            label={labelBalance}
+            params={value}
+          />
+        )}
+        {withBonded && (
+          <BondedDisplay
+            bonded={bonded}
+            label=''
+            params={value}
+          />
+        )}
+        {withLockedVote && (
+          <LockedVote params={value} />
+        )}
+        {summary && (
+          <div className='ui--AddressMini-summary'>{summary}</div>
+        )}
+      </div>
+    </div>
+  );
+}
+
+export default React.memo(styled(AddressMini)`
+  display: inline-block;
+  padding: 0 0.25rem 0 1rem;
+  text-align: left;
+  white-space: nowrap;
+
+  &.padded {
+    display: inline-block;
+    padding: 0 1rem 0 0;
+  }
+
+  &.summary {
+    position: relative;
+    top: -0.2rem;
+  }
+
+  .ui--AddressMini-info {
+    max-width: 12rem;
+    min-width: 12rem;
+
+    @media only screen and (max-width: 1800px) {
+      max-width: 11.5rem;
+      min-width: 11.5rem;
+    }
+
+    @media only screen and (max-width: 1700px) {
+      max-width: 11rem;
+      min-width: 11rem;
+    }
+
+    @media only screen and (max-width: 1600px) {
+      max-width: 10.5rem;
+      min-width: 10.5rem;
+    }
+
+    @media only screen and (max-width: 1500px) {
+      max-width: 10rem;
+      min-width: 10rem;
+    }
+
+    @media only screen and (max-width: 1400px) {
+      max-width: 9.5rem;
+      min-width: 9.5rem;
+    }
+
+    @media only screen and (max-width: 1300px) {
+      max-width: 9rem;
+      min-width: 9rem;
+    }
+  }
+
+  .ui--AddressMini-address {
+    overflow: hidden;
+    text-align: left;
+    text-overflow: ellipsis;
+    width: fit-content;
+    max-width: inherit;
+
+    > div {
+      overflow: hidden;
+      text-overflow: ellipsis;
+    }
+  }
+
+  &.withShrink {
+    .ui--AddressMini-address {
+      min-width: 3rem;
+    }
+  }
+
+  .ui--AddressMini-label {
+    margin: 0 0 -0.5rem 2.25rem;
+  }
+
+  .ui--AddressMini-balances {
+    display: grid;
+
+    .ui--Balance,
+    .ui--Bonded,
+    .ui--LockedVote {
+      font-size: 0.75rem;
+      margin-left: 2.25rem;
+      margin-top: -0.5rem;
+      text-align: left;
+    }
+  }
+
+  .ui--AddressMini-icon {
+    margin: 0 0.5rem 0 0;
+
+    .ui--AddressMini-icon-info {
+      position: absolute;
+      right: -0.5rem;
+      top: -0.5rem;
+      z-index: 1;
+    }
+
+    .ui--IdentityIcon {
+      margin: 0;
+      vertical-align: middle;
+    }
+  }
+
+  .ui--AddressMini-icon,
+  .ui--AddressMini-info {
+    display: inline-block;
+    position: relative;
+    vertical-align: middle;
+  }
+
+  .ui--AddressMini-summary {
+    font-size: 0.75rem;
+    line-height: 1.2;
+    margin-left: 2.25rem;
+    margin-top: -0.2rem;
+    text-align: left;
+  }
+`);
diff --git a/packages/react-components/src/AddressRow.tsx b/packages/react-components/src/AddressRow.tsx
new file mode 100644
index 0000000..02acafd
--- /dev/null
+++ b/packages/react-components/src/AddressRow.tsx
@@ -0,0 +1,112 @@
+// Copyright 2017-2022 @polkadot/react-components authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { AccountId, AccountIndex, Address } from '@polkadot/types/interfaces';
+
+import React from 'react';
+import styled from 'styled-components';
+
+import { useAccountInfo } from '@polkadot/react-hooks';
+import BaseIdentityIcon from '@polkadot/react-identicon';
+
+import IdentityIcon from './IdentityIcon';
+import Row, { RowProps } from './Row';
+import { toShortAddress } from './util';
+
+export interface Props extends RowProps {
+  isContract?: boolean;
+  isValid?: boolean;
+  fullLength?: boolean;
+  label?: string;
+  noDefaultNameOpacity?: boolean;
+  overlay?: React.ReactNode;
+  value: AccountId | AccountIndex | Address | string;
+  withSidebar?: boolean;
+  withTags?: boolean;
+}
+
+const DEFAULT_ADDR = '5'.padEnd(48, 'x');
+const ICON_SIZE = 32;
+
+function AddressRow ({ buttons, children, className, defaultName, fullLength = false, isContract = false, isDisabled, isEditableName, isInline, isValid: propsIsValid, overlay, value, withTags = false }: Props): React.ReactElement<Props> | null {
+  const { accountIndex, isNull, name, onSaveName, onSaveTags, setName, setTags, tags } = useAccountInfo(value ? value.toString() : null, isContract);
+
+  const isValid = !isNull && (propsIsValid || value || accountIndex);
+  const Icon = value ? IdentityIcon : BaseIdentityIcon;
+  const address = value && isValid ? value : DEFAULT_ADDR;
+
+  return (
+    <Row
+      address={fullLength ? address : toShortAddress(address)}
+      buttons={buttons}
+      className={className}
+      defaultName={defaultName}
+      icon={
+        <Icon
+          size={ICON_SIZE}
+          value={value ? value.toString() : null}
+        />
+      }
+      isDisabled={isDisabled}
+      isEditableName={isEditableName}
+      isEditableTags
+      isInline={isInline}
+      name={name}
+      onChangeName={setName}
+      onChangeTags={setTags}
+      onSaveName={onSaveName}
+      onSaveTags={onSaveTags}
+      tags={withTags && tags}
+    >
+      {children}
+      {overlay}
+    </Row>
+  );
+}
+
+export {
+  DEFAULT_ADDR,
+  AddressRow
+};
+
+export default React.memo(styled(AddressRow)`
+  button.u.ui--Icon.editButton {
+    padding: 0 .3em .3em .3em;
+    color: #2e86ab;
+    background: none;
+    /*trick to let the button in the flow but keep the content centered regardless*/
+    margin-left: -2em;
+    position: relative;
+    right: -2.3em;
+    z-index: 1;
+  }
+
+  .editSpan {
+    white-space: nowrap;
+
+    &:before {
+      content: '';
+    }
+  }
+
+  .ui--AddressRow-balances {
+    display: flex;
+    .column {
+      display: block;
+
+      label,
+      .result {
+        display: inline-block;
+        vertical-align: middle;
+      }
+    }
+
+    > span {
+      text-align: left;
+    }
+  }
+
+  .ui--AddressRow-placeholder {
+    opacity: 0.5;
+  }
+`);
diff --git a/packages/react-components/src/AddressSmall.tsx b/packages/react-components/src/AddressSmall.tsx
new file mode 100644
index 0000000..216a1df
--- /dev/null
+++ b/packages/react-components/src/AddressSmall.tsx
@@ -0,0 +1,144 @@
+// Copyright 2017-2022 @polkadot/react-components authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { AccountId, Address } from '@polkadot/types/interfaces';
+
+import React from 'react';
+import styled from 'styled-components';
+
+import AccountName from './AccountName';
+import IdentityIcon from './IdentityIcon';
+import ParentAccount from './ParentAccount';
+import { toShortAddress } from './util';
+
+interface Props {
+  children?: React.ReactNode;
+  className?: string;
+  defaultName?: string;
+  onClickName?: () => void;
+  overrideName?: React.ReactNode;
+  parentAddress?: string;
+  withSidebar?: boolean;
+  withShortAddress?: boolean;
+  toggle?: unknown;
+  value?: string | Address | AccountId | null | Uint8Array;
+}
+
+function AddressSmall ({ children, className = '', defaultName, onClickName, overrideName, parentAddress, toggle, value, withShortAddress = false, withSidebar = true }: Props): React.ReactElement<Props> {
+  const displayAsGrid = parentAddress || withShortAddress;
+
+  return (
+    <div className={`ui--AddressSmall ${className}`}>
+      <div>
+        <IdentityIcon value={value as Uint8Array} />
+      </div>
+      <div className={displayAsGrid ? 'addressGrid' : ''}>
+        {parentAddress && (
+          <div className='parentAccountName'>
+            <ParentAccount address={parentAddress} />
+          </div>
+        )}
+        <AccountName
+          className={`accountName ${withSidebar ? 'withSidebar' : ''}`}
+          defaultName={defaultName}
+          onClick={onClickName}
+          override={overrideName}
+          toggle={toggle}
+          value={value}
+          withSidebar={withSidebar}
+        >
+          {children}
+        </AccountName>
+        {withShortAddress && (
+          <div
+            className='shortAddress'
+            data-testid='short-address'
+          >
+            {toShortAddress(value)}
+          </div>
+        )}
+      </div>
+    </div>
+  );
+}
+
+export default React.memo(styled(AddressSmall)`
+  white-space: nowrap;
+  display: flex;
+  align-items: center;
+
+  .ui--IdentityIcon {
+    margin-right: 0.75rem;
+    vertical-align: middle;
+  }
+
+  .parentAccountName,
+  .shortAddress {
+    display: flex;
+    flex-direction: column;
+    align-self: center;
+  }
+
+  .parentAccountName {
+    grid-area: parentAccountName;
+  }
+
+  .accountName {
+    grid-area: accountName;
+  }
+
+  .shortAddress {
+    grid-area: shortAddress;
+    color: #8B8B8B;
+    font-size: 0.75rem;
+  }
+
+  .addressGrid {
+    border: 0.031rem;
+    height: 3.438rem;
+    display: grid;
+    grid-template-columns: max-content;
+    grid-template-rows: 30% 40% 30%;
+    grid-template-areas:
+    "parentAccountName"
+    "accountName"
+    "shortAddress";
+  }
+
+  .ui--AccountName {
+    max-width: 26rem;
+    overflow: hidden;
+
+    &.withSidebar {
+      cursor: help;
+    }
+
+    @media only screen and (max-width: 1700px) {
+      max-width: 24rem;
+    }
+
+    @media only screen and (max-width: 1600px) {
+      max-width: 22rem;
+    }
+
+    @media only screen and (max-width: 1500px) {
+      max-width: 20rem;
+    }
+
+    @media only screen and (max-width: 1400px) {
+      max-width: 18rem;
+    }
+
+    @media only screen and (max-width: 1300px) {
+      max-width: 16rem;
+    }
+
+    @media only screen and (max-width: 1200px) {
+      max-width: 14rem;
+    }
+
+    @media only screen and (max-width: 1200px) {
+      max-width: 12rem;
+    }
+  }
+`);
diff --git a/packages/react-components/src/AddressToggle.tsx b/packages/react-components/src/AddressToggle.tsx
new file mode 100644
index 0000000..5fa8f78
--- /dev/null
+++ b/packages/react-components/src/AddressToggle.tsx
@@ -0,0 +1,107 @@
+// Copyright 2017-2022 @polkadot/react-components authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import React, { useCallback, useMemo } from 'react';
+import styled from 'styled-components';
+
+import { useApi, useDeriveAccountInfo } from '@polkadot/react-hooks';
+
+import AddressMini from './AddressMini';
+import Toggle from './Toggle';
+import { checkVisibility } from './util';
+
+interface Props {
+  address: string;
+  className?: string;
+  isHidden?: boolean;
+  filter?: string;
+  noToggle?: boolean;
+  onChange?: (isChecked: boolean) => void;
+  value?: boolean;
+}
+
+function AddressToggle ({ address, className = '', filter, isHidden, noToggle, onChange, value }: Props): React.ReactElement<Props> | null {
+  const { api } = useApi();
+  const info = useDeriveAccountInfo(address);
+
+  const isVisible = useMemo(
+    () => info ? checkVisibility(api, address, info, filter, false) : true,
+    [api, address, filter, info]
+  );
+
+  const _onClick = useCallback(
+    () => onChange && onChange(!value),
+    [onChange, value]
+  );
+
+  return (
+    <div
+      className={`ui--AddressToggle ${className}${(value || noToggle) ? ' isAye' : ' isNay'}${isHidden || !isVisible ? ' isHidden' : ''}`}
+      onClick={_onClick}
+    >
+      <AddressMini
+        className='ui--AddressToggle-address'
+        value={address}
+        withSidebar={false}
+      />
+      {!noToggle && (
+        <div className='ui--AddressToggle-toggle'>
+          <Toggle
+            label=''
+            value={value}
+          />
+        </div>
+      )}
+    </div>
+  );
+}
+
+export default React.memo(styled(AddressToggle)`
+  align-items: flex-start;
+  border: 1px solid transparent; /* #eee */
+  border-radius: 0.25rem;
+  cursor: pointer;
+  display: flex;
+  justify-content: space-between;
+  margin: 0.125rem;
+  padding: 0.125rem 0.25rem;
+  text-align: left;
+  vertical-align: middle;
+  white-space: nowrap;
+
+  .ui--AddressToggle-address {
+    filter: grayscale(100%);
+    opacity: 0.5;
+  }
+
+  &:hover {
+    border-color: #ccc;
+  }
+
+  &.isHidden {
+    display: none;
+  }
+
+  &.isDragging {
+    background: white;
+    box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.15);
+  }
+
+  .ui--AddressToggle-address,
+  .ui--AddressToggle-toggle {
+    flex: 1;
+    padding: 0;
+  }
+
+  .ui--AddressToggle-toggle {
+    margin-top: 0.1rem;
+    text-align: right;
+  }
+
+  &.isAye {
+    .ui--AddressToggle-address {
+      filter: none;
+      opacity: 1;
+    }
+  }
+`);
diff --git a/packages/react-components/src/Available.tsx b/packages/react-components/src/Available.tsx
new file mode 100644
index 0000000..f8a532e
--- /dev/null
+++ b/packages/react-components/src/Available.tsx
@@ -0,0 +1,30 @@
+// Copyright 2017-2022 @polkadot/react-components authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { AccountId, AccountIndex, Address } from '@polkadot/types/interfaces';
+
+import React from 'react';
+
+import { Available } from '@polkadot/react-query';
+
+export interface Props {
+  className?: string;
+  label?: React.ReactNode;
+  params?: AccountId | AccountIndex | Address | string | Uint8Array | null;
+}
+
+function AvailableDisplay ({ className = '', label, params }: Props): React.ReactElement<Props> | null {
+  if (!params) {
+    return null;
+  }
+
+  return (
+    <Available
+      className={`ui--Available ${className}`}
+      label={label}
+      params={params}
+    />
+  );
+}
+
+export default React.memo(AvailableDisplay);
diff --git a/packages/react-components/src/AvatarItem.tsx b/packages/react-components/src/AvatarItem.tsx
new file mode 100644
index 0000000..2e2dbd7
--- /dev/null
+++ b/packages/react-components/src/AvatarItem.tsx
@@ -0,0 +1,80 @@
+// Copyright 2017-2022 @polkadot/react-components authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import React from 'react';
+import styled from 'styled-components';
+
+interface Props {
+  children?: React.ReactNode;
+  className?: string;
+  color?: string;
+  icon: React.ReactNode;
+  isBig?: boolean;
+  title: React.ReactNode;
+  subtitle: React.ReactNode;
+}
+
+function AvatarItem ({ children, className = '', icon, isBig, subtitle, title }: Props): React.ReactElement<Props> {
+  return (
+    <div className={['ui--AvatarItem', className, isBig && 'big'].join(' ')}>
+      <div className='ui--AvatarItem-icon'>
+        {icon}
+      </div>
+      <div className='ui--AvatarItem-details'>
+        <div className='ui--AvatarItem-title'>
+          {title}
+        </div>
+        <div className='ui--AvatarItem-subtitle'>
+          {subtitle}
+        </div>
+      </div>
+      {children}
+    </div>
+  );
+}
+
+export default React.memo(styled(AvatarItem)`
+  & {
+    display: flex;
+    align-items: center;
+
+    .ui--AvatarItem-icon {
+      margin-right: 0.5rem;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+    }
+  }
+
+  .ui--AvatarItem-details {
+    .ui--AvatarItem-title {
+      font-weight: 600;
+      font-size: 1rem;
+    }
+
+    .ui--AvatarItem-subtitle {
+      font-weight: var(--font-weight-normal);
+      font-size: 1rem;
+    }
+  }
+
+  &.big {
+    .ui--AvatarItem-icon {
+      width: 3.4rem;
+      height: 3.4rem;
+      margin-right: 0.6rem;
+
+      > .ui--Icon {
+        font-size: 1.6rem;
+        line-height: 3.4rem;
+      }
+    }
+
+    .ui--AvatarItem-details {
+      .ui--AvatarItem-name {
+        font-size: 1.4rem;
+        line-height: 1.4rem;
+      }
+    }
+  }
+`);
diff --git a/packages/react-components/src/Badge.tsx b/packages/react-components/src/Badge.tsx
new file mode 100644
index 0000000..86726d6
--- /dev/null
+++ b/packages/react-components/src/Badge.tsx
@@ -0,0 +1,219 @@
+// Copyright 2017-2022 @polkadot/app-staking authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { IconName } from '@fortawesome/fontawesome-svg-core';
+
+import React, { useContext, useMemo, useState } from 'react';
+import styled, { ThemeContext } from 'styled-components';
+
+import Icon from './Icon';
+import Tooltip from './Tooltip';
+import { ThemeDef } from './types';
+
+interface Props {
+  className?: string;
+  color?: 'blue' | 'gray' | 'green' | 'highlight' | 'normal' | 'orange' | 'purple' | 'red' | 'transparent' | 'white';
+  hover?: React.ReactNode;
+  hoverAction?: React.ReactNode;
+  icon?: IconName;
+  info?: React.ReactNode;
+  isSmall?: boolean;
+  onClick?: () => void;
+}
+
+let badgeId = 0;
+
+function Badge ({ className = '', color = 'normal', hover, hoverAction, icon, info, isSmall, onClick }: Props): React.ReactElement<Props> | null {
+  const badgeTestId = `${icon ? `${icon}-` : ''}badge`;
+  const { theme } = useContext(ThemeContext as React.Context<ThemeDef>);
+
+  const [trigger] = useState(() => `${badgeTestId}-hover-${Date.now()}-${badgeId++}`);
+  const extraProps = hover
+    ? { 'data-for': trigger, 'data-tip': true }
+    : {};
+  const isHighlight = color === 'highlight';
+
+  const hoverContent = useMemo(() => (
+    <div className='hoverContent'>
+      <div>{hover}</div>
+      {hoverAction && (
+        <a
+          className={`${color}Color`}
+          onClick={onClick}
+        >{hoverAction}</a>
+      )}
+    </div>
+  ), [color, hover, hoverAction, onClick]);
+
+  return (
+    <div
+      {...extraProps}
+      className={`ui--Badge${hover ? ' isTooltip' : ''}${isSmall ? ' isSmall' : ''}${onClick ? ' isClickable' : ''}${isHighlight ? ' highlight--bg' : ''} ${color}Color ${className}${icon ? ' withIcon' : ''}${info ? ' withInfo' : ''}${hoverAction ? ' withAction' : ''} ${theme}Theme `}
+      data-testid={badgeTestId}
+      onClick={hoverAction ? undefined : onClick}
+    >
+      <div className={isHighlight ? 'highlight--color-contrast' : ''}>
+        {(icon && <Icon icon={icon} />)}
+        {info}
+        {hoverAction && (
+          <Icon
+            className='action-icon'
+            icon='chevron-right'
+          />
+        )}
+      </div>
+      {hover && (
+        <Tooltip
+          className='accounts-badge'
+          clickable={!!hoverAction}
+          text={hoverContent}
+          trigger={trigger}
+        />
+      )}
+    </div>
+  );
+}
+
+export default React.memo(styled(Badge)`
+  border-radius: 16px;
+  box-sizing: border-box;
+  color: #eeedec;
+  display: inline-block;
+  font-size: 12px;
+  height: 22px;
+  line-height: 22px;
+  margin-right: 0.43rem;
+  min-width: 22px;
+  padding: 0 4px;
+  overflow: hidden;
+  text-align: center;
+  vertical-align: middle;
+  width: 22px;
+
+  &.isTooltip {
+    cursor: help;
+  }
+
+  .ui--Icon {
+    cursor: inherit;
+    margin-top: 5px;
+    vertical-align: top;
+    width: 1em;
+  }
+
+  &.isClickable:not(.withAction) {
+    cursor: pointer;
+  }
+
+  &.isSmall {
+    font-size: 10px;
+    height: 16px;
+    line-height: 16px;
+    min-width: 16px;
+    padding: 0;
+    width: 16px;
+
+    .ui--Icon {
+      margin-top: 3px;
+    }
+  }
+
+  &.blueColor {
+    background: steelblue;
+  }
+
+  &.counterColor {
+    margin: 0 0.5rem;
+    vertical-align: middle;
+  }
+
+  &.grayColor {
+    background: #eeedec !important;
+    color: #aaa9a8;
+  }
+
+  &.redColor {
+    background: darkred;
+  }
+
+  &.greenColor {
+    background: green;
+  }
+
+  &.orangeColor {
+    background: darkorange;
+  }
+
+  &.purpleColor {
+    background: indigo;
+  }
+
+  &.transparentColor {
+    background: transparent;
+    box-shadow: none;
+  }
+
+  &.whiteColor {
+    background: rgba(255, 255, 255, 0.3);
+  }
+
+  &.recovery, &.warning, &.information, &.important {
+    background-color: #FFFFFF;
+
+    &.darkTheme {
+      background-color: #212227;
+    }
+  }
+
+  &.recovery {
+    background-image: linear-gradient(0deg, rgba(17, 185, 74, 0.08), rgba(17, 185, 74, 0.08));
+    color: #11B94A;
+  }
+
+  &.warning {
+    background-image: linear-gradient(0deg, rgba(232, 111, 0, 0.08), rgba(232, 111, 0, 0.08));
+    color: #FF7D01;
+  }
+
+  &.information {
+    background-image: linear-gradient(0deg, rgba(226, 246, 255, 0.08), rgba(226, 246, 255, 0.08));
+    color: #3BBEFF;
+
+    &.lightTheme {
+      background-color: rgba(226, 246, 255, 1);
+    }
+  }
+
+  &.important {
+    background: linear-gradient(0deg, rgba(230, 0, 122, 0.08), rgba(230, 0, 122, 0.08)), rgba(230, 0, 122, 0.01);
+    color: #E6007A;
+  }
+
+  &.withAction.withIcon:not(.withInfo) {
+    width: 34px;
+    border-radius: 4px;
+  }
+
+  &.withInfo.withIcon:not(.withAction) {
+    width: 34px;
+    border-radius: 18px;
+  }
+
+  &.withAction.withIcon.withInfo {
+    width: 44px;
+    border-radius: 4px;
+  }
+
+  &.withInfo .ui--Icon:not(.action-icon) {
+    margin-right: 4px;
+  }
+
+  .hoverContent {
+    display: flex;
+    flex-direction: column;
+  }
+
+  .action-icon {
+    margin-left: 4px;
+  }
+`);
diff --git a/packages/react-components/src/Balance.tsx b/packages/react-components/src/Balance.tsx
new file mode 100644
index 0000000..9b44a55
--- /dev/null
+++ b/packages/react-components/src/Balance.tsx
@@ -0,0 +1,74 @@
+// Copyright 2017-2022 @polkadot/react-components authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { AccountId, AccountIndex, Address } from '@polkadot/types/interfaces';
+import type { BN } from '@polkadot/util';
+
+import React from 'react';
+
+import { Balance, FormatBalance } from '@polkadot/react-query';
+import { BN_ZERO } from '@polkadot/util';
+
+export interface RenderProps {
+  className?: string;
+  label?: React.ReactNode;
+  value?: BN | BN[];
+}
+
+export interface Props {
+  balance?: BN | BN[];
+  className?: string;
+  label?: React.ReactNode;
+  params?: AccountId | AccountIndex | Address | string | Uint8Array | null;
+  withLabel?: boolean;
+}
+
+export function renderProvided ({ className = '', label, value }: RenderProps): React.ReactNode {
+  let others: undefined | React.ReactNode;
+
+  if (Array.isArray(value)) {
+    const totals = value.filter((_, index): boolean => index !== 0);
+    const total = totals.reduce((total, value): BN => total.add(value), BN_ZERO).gtn(0);
+
+    if (total) {
+      others = totals.map((balance, index): React.ReactNode =>
+        <FormatBalance
+          key={index}
+          value={balance}
+        />
+      );
+    }
+  }
+
+  return (
+    <FormatBalance
+      className={`ui--Balance ${className}`}
+      label={label}
+      value={Array.isArray(value) ? value[0] : value}
+    >
+      {others && (
+        <span>&nbsp;(+{others})</span>
+      )}
+    </FormatBalance>
+  );
+}
+
+function BalanceDisplay (props: Props): React.ReactElement<Props> | null {
+  const { balance, className = '', label, params } = props;
+
+  if (!params) {
+    return null;
+  }
+
+  return balance
+    ? <>{renderProvided({ className, label, value: balance })}</>
+    : (
+      <Balance
+        className={`ui--Balance ${className}`}
+        label={label}
+        params={params}
+      />
+    );
+}
+
+export default React.memo(BalanceDisplay);
diff --git a/packages/react-components/src/BatchWarning.tsx b/packages/react-components/src/BatchWarning.tsx
new file mode 100644
index 0000000..6a28099
--- /dev/null
+++ b/packages/react-components/src/BatchWarning.tsx
@@ -0,0 +1,25 @@
+// Copyright 2017-2022 @polkadot/app-accounts authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import React from 'react';
+
+import { MarkWarning } from '@polkadot/react-components';
+import { useApi } from '@polkadot/react-hooks';
+import { isFunction } from '@polkadot/util';
+
+import { useTranslation } from './translate';
+
+function BatchWarning (): React.ReactElement | null {
+  const { t } = useTranslation();
+  const { api } = useApi();
+
+  if (isFunction(api.tx.utility.batchAll)) {
+    return null;
+  }
+
+  return (
+    <MarkWarning content={t<string>('This chain does not yet support atomic batch operations. This means that if the transaction gets executed and one of the operations do fail (due to invalid data or lack of available funds) some of the changes made may not be applied.')} />
+  );
+}
+
+export default React.memo(BatchWarning);
diff --git a/packages/react-components/src/Bonded.tsx b/packages/react-components/src/Bonded.tsx
new file mode 100644
index 0000000..c9c6b58
--- /dev/null
+++ b/packages/react-components/src/Bonded.tsx
@@ -0,0 +1,39 @@
+// Copyright 2017-2022 @polkadot/react-components authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { AccountId, AccountIndex, Address } from '@polkadot/types/interfaces';
+import type { BN } from '@polkadot/util';
+
+import React from 'react';
+
+import { Bonded } from '@polkadot/react-query';
+
+import { renderProvided } from './Balance';
+
+export interface Props {
+  bonded?: BN | BN[];
+  className?: string;
+  label?: React.ReactNode;
+  params?: AccountId | AccountIndex | Address | string | Uint8Array | null;
+  withLabel?: boolean;
+}
+
+function BondedDisplay (props: Props): React.ReactElement<Props> | null {
+  const { bonded, className = '', label, params } = props;
+
+  if (!params) {
+    return null;
+  }
+
+  return bonded
+    ? <>{renderProvided({ className, label, value: bonded })}</>
+    : (
+      <Bonded
+        className={`ui--Bonded ${className}`}
+        label={label}
+        params={params}
+      />
+    );
+}
+
+export default React.memo(BondedDisplay);
diff --git a/packages/react-components/src/Button/Button.tsx b/packages/react-components/src/Button/Button.tsx
new file mode 100644
index 0000000..3295de8
--- /dev/null
+++ b/packages/react-components/src/Button/Button.tsx
@@ -0,0 +1,164 @@
+// Copyright 2017-2022 @polkadot/react-components authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { ButtonProps } from './types';
+
+import React, { useCallback, useEffect } from 'react';
+import styled from 'styled-components';
+
+import Icon from '../Icon';
+import Spinner from '../Spinner';
+
+function Button ({ activeOnEnter, children, className = '', dataTestId = '', icon, isBasic, isBusy, isCircular, isDisabled, isFull, isIcon, isSelected, isToplevel, label, onClick, isReadOnly = !onClick, onMouseEnter, onMouseLeave, tabIndex, withoutLink }: ButtonProps): React.ReactElement<ButtonProps> {
+  const _onClick = useCallback(
+    (): void => {
+      !(isBusy || isDisabled) && onClick && onClick();
+    },
+    [isBusy, isDisabled, onClick]
+  );
+
+  const _onMouseEnter = useCallback((): void => {
+    onMouseEnter && onMouseEnter();
+  }, [onMouseEnter]);
+
+  const _onMouseLeave = useCallback((): void => {
+    onMouseLeave && onMouseLeave();
+  }, [onMouseLeave]);
+
+  const listenKeyboard = useCallback((event: KeyboardEvent): void => {
+    if (!isBusy && !isDisabled && event.key === 'Enter') {
+      onClick && onClick();
+    }
+  }, [isBusy, isDisabled, onClick]);
+
+  useEffect(() => {
+    if (activeOnEnter) {
+      window.addEventListener('keydown', listenKeyboard, true);
+    }
+
+    return () => {
+      if (activeOnEnter) {
+        window.removeEventListener('keydown', listenKeyboard, true);
+      }
+    };
+  }, [activeOnEnter, listenKeyboard]);
+
+  return (
+    <button
+      className={`ui--Button${label ? ' hasLabel' : ''}${isBasic ? ' isBasic' : ''}${isCircular ? ' isCircular' : ''}${isFull ? ' isFull' : ''}${isIcon ? ' isIcon' : ''}${(isBusy || isDisabled) ? ' isDisabled' : ''}${isBusy ? ' isBusy' : ''}${isReadOnly ? ' isReadOnly' : ''}${isSelected ? ' isSelected' : ''}${isToplevel ? ' isToplevel' : ''}${withoutLink ? ' withoutLink' : ''} ${className}`}
+      data-testid={dataTestId}
+      onClick={_onClick}
+      onMouseEnter={_onMouseEnter}
+      onMouseLeave={_onMouseLeave}
+      tabIndex={tabIndex}
+    >
+      {icon && <Icon icon={icon} />}
+      {label}
+      {children}
+      <Spinner
+        className='ui--Button-spinner'
+        variant='cover'
+      />
+    </button>
+  );
+}
+
+const ICON_PADDING = 0.5;
+
+export default React.memo(styled(Button)`
+  background: transparent;
+  border: none;
+  color: inherit;
+  cursor: pointer;
+  line-height: 1;
+  margin: 0;
+  outline: none;
+  position: relative;
+  vertical-align: middle;
+  text-align: center;
+
+  &:not(.hasLabel) {
+    padding: 0.7em;
+
+    .ui--Icon {
+      padding: 0.6rem;
+      margin: -0.6rem;
+    }
+  }
+
+  &:not(.isCircular) {
+    border-radius: 0.25rem;
+  }
+
+  &:focus {
+    outline:0;
+  }
+
+  &.hasLabel {
+    padding: 0.7rem 1.1rem 0.7rem ${1.1 - ICON_PADDING}rem;
+
+    .ui--Icon {
+      margin-right: 0.425rem !important;
+    }
+  }
+
+  &.isBasic {
+    background: var(--bg-table);
+  }
+
+  &.isCircular {
+    border-radius: 10rem;
+  }
+
+  &.isDisabled, &.isReadOnly {
+    background: none;
+    box-shadow: none;
+    cursor: not-allowed;
+  }
+
+  &.isBusy {
+    cursor: wait;
+  }
+
+  &.isFull {
+    display: block;
+    width: 100%;
+  }
+
+  &.isIcon {
+    background: transparent;
+  }
+
+  .ui--Button-spinner {
+    visibility: hidden;
+  }
+
+  .ui--Button-overlay {
+    background: rgba(253, 252, 251, 0.75);
+    bottom: 0;
+    left: 0;
+    position: absolute;
+    right: 0;
+    top: 0;
+    visibility: hidden;
+  }
+
+  .ui--Icon {
+    border-radius: 50%;
+    box-sizing: content-box;
+    height: 1rem;
+    margin: -${ICON_PADDING}rem 0;
+    padding: ${ICON_PADDING}rem;
+    width: 1rem;
+  }
+
+  &.isBusy {
+    .ui--Button-spinner {
+      visibility: visible;
+    }
+  }
+
+  &.isDisabled {
+    color: #bcbbba;
+  }
+`);
diff --git a/packages/react-components/src/Button/Group.tsx b/packages/react-components/src/Button/Group.tsx
new file mode 100644
index 0000000..b19439c
--- /dev/null
+++ b/packages/react-components/src/Button/Group.tsx
@@ -0,0 +1,46 @@
+// Copyright 2017-2022 @polkadot/react-components authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { GroupProps } from './types';
+
+import React from 'react';
+import styled from 'styled-components';
+
+function ButtonGroup ({ children, className = '', isCentered }: GroupProps): React.ReactElement<GroupProps> {
+  return (
+    <div className={`ui--Button-Group${isCentered ? ' isCentered' : ''} ${className}`}>
+      {children}
+      <div className='clear' />
+    </div>
+  );
+}
+
+export default React.memo(styled(ButtonGroup)`
+  margin: 1rem 0;
+  text-align: right;
+
+  & .clear {
+    clear: both;
+  }
+
+  &.isCentered {
+    margin-bottom: 0.5rem;
+    text-align: center;
+  }
+
+  &+.ui--Table {
+    margin-top: 1.5rem;
+  }
+
+  .ui--Button {
+    margin: 0 0.25rem;
+  }
+
+  .ui--CopyButton {
+    display: inline-block;
+  }
+
+  .ui--ToggleGroup {
+    float: left;
+  }
+`);
diff --git a/packages/react-components/src/Button/index.tsx b/packages/react-components/src/Button/index.tsx
new file mode 100644
index 0000000..ba34400
--- /dev/null
+++ b/packages/react-components/src/Button/index.tsx
@@ -0,0 +1,13 @@
+// Copyright 2017-2022 @polkadot/react-components authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { ButtonType } from './types';
+
+import IButton from './Button';
+import Group from './Group';
+
+const Button = IButton as unknown as ButtonType;
+
+Button.Group = Group;
+
+export default Button;
diff --git a/packages/react-components/src/Button/types.ts b/packages/react-components/src/Button/types.ts
new file mode 100644
index 0000000..6a1fa7c
--- /dev/null
+++ b/packages/react-components/src/Button/types.ts
@@ -0,0 +1,43 @@
+// Copyright 2017-2022 @polkadot/react-components authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { IconName } from '@fortawesome/fontawesome-svg-core';
+import type { BareProps } from '../types';
+
+export type Button$Callback = () => void | Promise<void>;
+
+export interface ButtonProps {
+  activeOnEnter?: boolean;
+  children?: React.ReactNode;
+  className?: string;
+  dataTestId?: string;
+  icon?: IconName;
+  isBasic?: boolean;
+  isBusy?: boolean;
+  isCircular?: boolean;
+  isDisabled?: boolean;
+  isFull?: boolean;
+  isIcon?: boolean;
+  isReadOnly?: boolean;
+  isSelected?: boolean;
+  isToplevel?: boolean;
+  label?: React.ReactNode;
+  onClick?: Button$Callback;
+  onMouseEnter?: Button$Callback;
+  onMouseLeave?: Button$Callback;
+  tabIndex?: number;
+  tooltip?: React.ReactNode;
+  withoutLink?: boolean;
+}
+
+export type DividerProps = BareProps;
+
+export interface GroupProps {
+  children?: React.ReactNode;
+  className?: string;
+  isCentered?: boolean;
+}
+
+export type ButtonType = React.ComponentType<ButtonProps> & {
+  Group: React.ComponentType<GroupProps>;
+};
diff --git a/packages/react-components/src/ButtonCancel.tsx b/packages/react-components/src/ButtonCancel.tsx
new file mode 100644
index 0000000..66b4884
--- /dev/null
+++ b/packages/react-components/src/ButtonCancel.tsx
@@ -0,0 +1,32 @@
+// Copyright 2017-2022 @polkadot/react-components authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import React from 'react';
+
+import Button from './Button';
+import { useTranslation } from './translate';
+
+interface Props {
+  className?: string;
+  isDisabled?: boolean;
+  label?: string;
+  onClick: () => void;
+  tabIndex?: number;
+}
+
+function ButtonCancel ({ className = '', isDisabled, label, onClick, tabIndex }: Props): React.ReactElement<Props> {
+  const { t } = useTranslation();
+
+  return (
+    <Button
+      className={className}
+      icon='times'
+      isDisabled={isDisabled}
+      label={label || t<string>('Cancel')}
+      onClick={onClick}
+      tabIndex={tabIndex}
+    />
+  );
+}
+
+export default React.memo(ButtonCancel);
diff --git a/packages/react-components/src/Call.tsx b/packages/react-components/src/Call.tsx
new file mode 100644
index 0000000..e3549b1
--- /dev/null
+++ b/packages/react-components/src/Call.tsx
@@ -0,0 +1,161 @@
+// Copyright 2017-2022 @polkadot/react-components authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { ExtrinsicSignature } from '@polkadot/types/interfaces';
+import type { Codec, IExtrinsic, IMethod, TypeDef } from '@polkadot/types/types';
+import type { BN } from '@polkadot/util';
+
+import React, { useEffect, useState } from 'react';
+import styled from 'styled-components';
+
+import Params from '@polkadot/react-params';
+import { FormatBalance } from '@polkadot/react-query';
+import { Enum, getTypeDef } from '@polkadot/types';
+
+import Static from './Static';
+import { useTranslation } from './translate';
+
+export interface Props {
+  children?: React.ReactNode;
+  className?: string;
+  labelHash?: React.ReactNode;
+  labelSignature?: React.ReactNode;
+  mortality?: string;
+  onError?: () => void;
+  value: IExtrinsic | IMethod;
+  withBorder?: boolean;
+  withHash?: boolean;
+  withSignature?: boolean;
+  tip?: BN;
+}
+
+interface Param {
+  name: string;
+  type: TypeDef;
+}
+
+interface Value {
+  isValid: boolean;
+  value: Codec;
+}
+
+interface Extracted {
+  hash: string | null;
+  params: Param[];
+  signature: string | null;
+  signatureType: string | null;
+  values: Value[];
+}
+
+function isExtrinsic (value: IExtrinsic | IMethod): value is IExtrinsic {
+  return !!(value as IExtrinsic).signature;
+}
+
+// This is no doubt NOT the way to do things - however there is no other option
+function getRawSignature (value: IExtrinsic): ExtrinsicSignature | undefined {
+  // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access
+  return (value as any)._raw?.signature?.multiSignature as ExtrinsicSignature;
+}
+
+function extractState (value: IExtrinsic | IMethod, withHash?: boolean, withSignature?: boolean): Extracted {
+  const params = value.meta.args.map(({ name, type }): Param => ({
+    name: name.toString(),
+    type: getTypeDef(type.toString())
+  }));
+  const values = value.args.map((value): Value => ({
+    isValid: true,
+    value
+  }));
+  const hash = withHash
+    ? value.hash.toHex()
+    : null;
+  let signature: string | null = null;
+  let signatureType: string | null = null;
+
+  if (withSignature && isExtrinsic(value) && value.isSigned) {
+    const raw = getRawSignature(value);
+
+    signature = value.signature.toHex();
+    signatureType = raw instanceof Enum
+      ? raw.type
+      : null;
+  }
+
+  return { hash, params, signature, signatureType, values };
+}
+
+function Call ({ children, className = '', labelHash, labelSignature, mortality, onError, tip, value, withBorder, withHash, withSignature }: Props): React.ReactElement<Props> {
+  const { t } = useTranslation();
+  const [{ hash, params, signature, signatureType, values }, setExtracted] = useState<Extracted>({ hash: null, params: [], signature: null, signatureType: null, values: [] });
+
+  useEffect((): void => {
+    setExtracted(extractState(value, withHash, withSignature));
+  }, [value, withHash, withSignature]);
+
+  return (
+    <div className={`ui--Extrinsic ${className}`}>
+      <Params
+        isDisabled
+        onError={onError}
+        params={params}
+        registry={value.registry}
+        values={values}
+        withBorder={withBorder}
+      />
+      {children}
+      <div className='ui--Extrinsic--toplevel'>
+        {signature && (
+          <Static
+            className='hash'
+            label={labelSignature || t<string>('signature {{type}}', { replace: { type: signatureType ? `(${signatureType})` : '' } })}
+            value={signature}
+            withCopy
+          />
+        )}
+        {hash && (
+          <Static
+            className='hash'
+            label={labelHash || t<string>('extrinsic hash')}
+            value={hash}
+            withCopy
+          />
+        )}
+        {mortality && (
+          <Static
+            className='mortality'
+            label={t<string>('lifetime')}
+            value={mortality}
+          />
+        )}
+        {tip?.gtn(0) && (
+          <Static
+            className='tip'
+            label={t<string>('tip')}
+            value={<FormatBalance value={tip} />}
+          />
+        )}
+      </div>
+    </div>
+  );
+}
+
+export default React.memo(styled(Call)`
+  .hash .ui--Static {
+    overflow: hidden;
+    text-overflow: ellipsis;
+    word-break: unset;
+    word-wrap: unset;
+  }
+
+  .ui--Extrinsic--toplevel {
+    margin-top: 0.75rem;
+
+    .ui--Labelled {
+      padding-left: 0;
+
+      > label {
+        left: 1.55rem !important;
+      }
+    }
+  }
+`);
diff --git a/packages/react-components/src/CallExpander.tsx b/packages/react-components/src/CallExpander.tsx
new file mode 100644
index 0000000..6b8c9b2
--- /dev/null
+++ b/packages/react-components/src/CallExpander.tsx
@@ -0,0 +1,50 @@
+// Copyright 2017-2022 @polkadot/react-components authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { Call } from '@polkadot/types/interfaces';
+
+import React, { useMemo } from 'react';
+
+import CallDisplay from './Call';
+import Expander from './Expander';
+
+interface Props {
+  children?: React.ReactNode;
+  className?: string;
+  labelHash?: React.ReactNode;
+  value?: Call | null;
+  withHash?: boolean;
+}
+
+function CallExpander ({ children, className = '', labelHash, value, withHash }: Props): React.ReactElement<Props> | null {
+  const call = useMemo(
+    () => value && value.callIndex
+      ? value.registry.findMetaCall(value.callIndex)
+      : null,
+    [value]
+  );
+
+  if (!call) {
+    return null;
+  }
+
+  const { meta, method, section } = call;
+
+  return (
+    <div className={`ui--CallExpander ${className}`}>
+      <Expander
+        summaryHead={<div>{section}.{method}</div>}
+        summaryMeta={meta}
+      >
+        <CallDisplay
+          labelHash={labelHash}
+          value={value}
+          withHash={withHash}
+        />
+        {children}
+      </Expander>
+    </div>
+  );
+}
+
+export default React.memo(CallExpander);
diff --git a/packages/react-components/src/Card.tsx b/packages/react-components/src/Card.tsx
new file mode 100644
index 0000000..50f8a5b
--- /dev/null
+++ b/packages/react-components/src/Card.tsx
@@ -0,0 +1,82 @@
+// Copyright 2017-2022 @polkadot/react-components authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import React from 'react';
+import styled from 'styled-components';
+
+interface Props {
+  children: React.ReactNode;
+  className?: string;
+  isError?: boolean;
+  isSuccess?: boolean;
+  withBottomMargin?: boolean;
+}
+
+function Card ({ children, className = '', isError, isSuccess, withBottomMargin }: Props): React.ReactElement<Props> {
+  return (
+    <article className={`ui--Card ${className}${(isError && !isSuccess) ? ' error' : ''}${(!isError && isSuccess) ? ' success' : ''}${withBottomMargin ? ' withBottomMargin' : ''}`}>
+      {children}
+    </article>
+  );
+}
+
+export default React.memo(styled(Card)`
+  position: relative;
+  flex: 1 1;
+  min-width: 24%;
+  justify-content: space-around;
+
+  label {
+    opacity: 0.42;
+  }
+
+  i.help.circle.icon,
+  .ui.button.mini,
+  .ui.button.tiny,
+  .addTags {
+    visibility: hidden;
+  }
+
+  .ui--AddressSummary-buttons {
+    text-align: right;
+    margin-bottom: 2em;
+
+    button {
+      margin-left: 0.2em;
+    }
+  }
+
+  &:hover {
+    i.help.circle.icon,
+    .ui.button.mini,
+    .ui.button.tiny,
+    .addTags {
+      visibility: visible;
+    }
+
+    label {
+      opacity: 1;
+    }
+  }
+
+  &.error {
+    background: rgba(255, 0, 0, 0.05);
+
+    &, h1, h2, h3, h4, h5, h6, p {
+      color: rgba(156, 0, 0) !important;
+    }
+  }
+
+  &.success {
+    border: 1px solid rgb(168, 255, 136);
+    background: rgba(0, 255, 0, 0.05);
+
+    &, h1, h2, h3, h4, h5, h6, p {
+      color: rgba(34, 125, 0) !important;
+    }
+  }
+
+  &.withBottomMargin {
+    margin-bottom: 1.5rem;
+  }
+`);
diff --git a/packages/react-components/src/CardSummary.tsx b/packages/react-components/src/CardSummary.tsx
new file mode 100644
index 0000000..12b118a
--- /dev/null
+++ b/packages/react-components/src/CardSummary.tsx
@@ -0,0 +1,162 @@
+// Copyright 2017-2022 @polkadot/react-components authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { UInt } from '@polkadot/types';
+import type { BN } from '@polkadot/util';
+
+import React from 'react';
+import styled from 'styled-components';
+
+import { BlockToTime } from '@polkadot/react-query';
+import { BN_HUNDRED, formatNumber, isUndefined } from '@polkadot/util';
+
+import Labelled from './Labelled';
+import Progress from './Progress';
+
+interface ProgressProps {
+  hideGraph?: boolean;
+  hideValue?: boolean;
+  isPercent?: boolean;
+  total?: BN | UInt;
+  value?: BN | UInt;
+  withTime?: boolean;
+}
+
+interface Props {
+  children?: React.ReactNode;
+  className?: string;
+  help?: React.ReactNode;
+  label: React.ReactNode;
+  progress?: ProgressProps;
+}
+
+function CardSummary ({ children, className = '', help, label, progress }: Props): React.ReactElement<Props> | null {
+  const value = progress && progress.value;
+  const total = progress && progress.total;
+  const left = progress && !isUndefined(value) && !isUndefined(total) && value.gten(0) && total.gtn(0)
+    ? (
+      value.gt(total)
+        ? `>${
+          progress.isPercent
+            ? '100'
+            : formatNumber(total)
+        }`
+        : (
+          progress.isPercent
+            ? value.mul(BN_HUNDRED).div(total).toString()
+            : formatNumber(value)
+        )
+    )
+    : undefined;
+
+  if (progress && isUndefined(left)) {
+    return null;
+  }
+
+  const isTimed = progress && progress.withTime && !isUndefined(progress.total);
+  const testidSuffix = (label ?? '').toString();
+
+  return (
+    <article
+      className={className}
+      data-testid={`card-summary:${testidSuffix}`}
+    >
+      <Labelled
+        help={help}
+        isSmall
+        label={label}
+      >
+        {children}{
+          progress && !progress.hideValue && (
+            <>
+              {isTimed && !children && (
+                <BlockToTime value={progress.total} />
+              )}
+              <div className={isTimed ? 'isSecondary' : 'isPrimary'}>
+                {!left || isUndefined(progress.total)
+                  ? '-'
+                  : !isTimed || progress.isPercent || !progress.value
+                    ? `${left}${progress.isPercent ? '' : '/'}${
+                      progress.isPercent
+                        ? '%'
+                        : formatNumber(progress.total)
+                    }`
+                    : (
+                      <BlockToTime
+                        className='timer'
+                        value={progress.total.sub(progress.value)}
+                      />
+                    )
+                }
+              </div>
+            </>
+          )
+        }
+      </Labelled>
+      {progress && !progress.hideGraph && <Progress {...progress} />}
+    </article>
+  );
+}
+
+export default React.memo(styled(CardSummary)`
+  align-items: center;
+  background: transparent !important;
+  border: none !important;
+  box-shadow: none !important;
+  color: var(--color-summary);
+  display: flex;
+  flex: 0 1 auto;
+  flex-flow: row wrap;
+  justify-content: flex-end;
+  padding: 0 1.5rem;
+
+  .ui--FormatBalance .balance-postfix {
+    opacity: 1;
+  }
+
+  .ui--Progress {
+    margin: 0.5rem 0.125rem 0.125rem 0.75rem;
+  }
+
+  > .ui--Labelled {
+    font-size: 1.75rem;
+    font-weight: var(--font-weight-light);
+    position: relative;
+    line-height: 1;
+    text-align: right;
+
+    > * {
+      margin: 0.25rem 0;
+
+      &:first-child {
+        margin-top: 0;
+      }
+
+      &:last-child {
+        margin-bottom: 0;
+      }
+    }
+
+    > label {
+      font-size: 0.95rem;
+    }
+
+    .isSecondary {
+      font-size: 1rem;
+      font-weight: var(--font-weight-normal);
+
+      .timer {
+        min-width: 8rem;
+      }
+    }
+  }
+
+  @media(max-width: 767px) {
+    min-height: 4.8rem;
+    padding: 0.25 0.4em;
+
+    > div {
+      font-size: 1.4rem;
+    }
+  }
+`);
diff --git a/packages/react-components/src/ChainImg.tsx b/packages/react-components/src/ChainImg.tsx
new file mode 100644
index 0000000..ea435c4
--- /dev/null
+++ b/packages/react-components/src/ChainImg.tsx
@@ -0,0 +1,54 @@
+// Copyright 2017-2022 @polkadot/apps authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import React, { useMemo } from 'react';
+import styled from 'styled-components';
+
+import { chainLogos, emptyLogos, namedLogos, nodeLogos, specLogos } from '@polkadot/apps-config';
+import { useApi } from '@polkadot/react-hooks';
+
+interface Props {
+  className?: string;
+  isInline?: boolean;
+  logo?: keyof typeof namedLogos;
+  onClick?: () => any;
+  withoutHl?: boolean;
+}
+
+function sanitize (value?: string): string {
+  return value?.toLowerCase().replace('-', ' ') || '';
+}
+
+function ChainImg ({ className = '', isInline, logo, onClick, withoutHl }: Props): React.ReactElement<Props> {
+  const { specName, systemChain, systemName } = useApi();
+  const [isEmpty, img] = useMemo((): [boolean, string] => {
+    const found = logo
+      ? namedLogos[logo]
+      : chainLogos[sanitize(systemChain)] || nodeLogos[sanitize(systemName)] || specLogos[sanitize(specName)];
+
+    return [!found || logo === 'empty', (found || emptyLogos.empty) as string];
+  }, [logo, specName, systemChain, systemName]);
+
+  return (
+    <img
+      alt='chain logo'
+      className={`${className}${(isEmpty && !withoutHl) ? ' highlight--bg' : ''}${isInline ? ' isInline' : ''}`}
+      onClick={onClick}
+      src={img}
+    />
+  );
+}
+
+export default React.memo(styled(ChainImg)`
+  background: white;
+  border-radius: 50%;
+  box-sizing: border-box;
+
+  &.isInline {
+    display: inline-block;
+    height: 24px;
+    margin-right: 0.75rem;
+    vertical-align: middle;
+    width: 24px;
+  }
+`);
diff --git a/packages/react-components/src/ChainLock.tsx b/packages/react-components/src/ChainLock.tsx
new file mode 100644
index 0000000..cd6423f
--- /dev/null
+++ b/packages/react-components/src/ChainLock.tsx
@@ -0,0 +1,69 @@
+// Copyright 2017-2022 @polkadot/app-accounts authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import React, { useCallback, useMemo } from 'react';
+import styled from 'styled-components';
+
+import { useApi } from '@polkadot/react-hooks';
+import { chains } from '@polkadot/ui-settings/defaults/chains';
+
+import Toggle from './Toggle';
+import { useTranslation } from './translate';
+
+interface Props {
+  className?: string;
+  genesisHash: string | null;
+  isDisabled?: boolean;
+  onChange: (genesisHash: string | null) => void;
+}
+
+function calcLock (apiGenesis: string, genesisHash: string | null): boolean {
+  if (!genesisHash) {
+    return false;
+  }
+
+  return (
+    Object.values(chains).find((hashes): boolean =>
+      hashes.includes(apiGenesis)
+    ) || [apiGenesis]
+  ).includes(genesisHash);
+}
+
+function ChainLock ({ className = '', genesisHash, isDisabled, onChange }: Props): React.ReactElement<Props> | null {
+  const { t } = useTranslation();
+  const { api, isDevelopment } = useApi();
+
+  const isTiedToChain = useMemo(
+    () => calcLock(api.genesisHash.toHex(), genesisHash),
+    [api, genesisHash]
+  );
+
+  const _onChange = useCallback(
+    (isTiedToChain: boolean) =>
+      onChange(
+        isTiedToChain
+          ? api.genesisHash.toHex()
+          : null
+      ),
+    [api, onChange]
+  );
+
+  if (isDevelopment) {
+    return null;
+  }
+
+  return (
+    <Toggle
+      className={className}
+      isDisabled={isDisabled}
+      label={t<string>('only this network')}
+      onChange={_onChange}
+      preventDefault
+      value={isTiedToChain}
+    />
+  );
+}
+
+export default React.memo(styled(ChainLock)`
+  text-align: right;
+`);
diff --git a/packages/react-components/src/Chart/Base.tsx b/packages/react-components/src/Chart/Base.tsx
new file mode 100644
index 0000000..0e0608d
--- /dev/null
+++ b/packages/react-components/src/Chart/Base.tsx
@@ -0,0 +1,25 @@
+// Copyright 2017-2022 @polkadot/react-components authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { BaseProps } from './types';
+
+import React from 'react';
+import styled from 'styled-components';
+
+const Wrapper = styled.div`
+  position: relative;
+  display: inline-block;
+  padding: 1em 1em 0;
+  height: 15vw;
+  width: 15vw;
+`;
+
+function BaseChart ({ children, className = '' }: BaseProps): React.ReactElement<BaseProps> {
+  return (
+    <Wrapper className={`ui--Chart ${className}`}>
+      {children}
+    </Wrapper>
+  );
+}
+
+export default React.memo(BaseChart);
diff --git a/packages/react-components/src/Chart/Doughnut.tsx b/packages/react-components/src/Chart/Doughnut.tsx
new file mode 100644
index 0000000..3f20b64
--- /dev/null
+++ b/packages/react-components/src/Chart/Doughnut.tsx
@@ -0,0 +1,53 @@
+// Copyright 2017-2022 @polkadot/react-components authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { DoughnutProps } from './types';
+
+import React from 'react';
+import { Doughnut } from 'react-chartjs-2';
+
+import { bnToBn } from '@polkadot/util';
+
+import Base from './Base';
+
+interface Options {
+  colorNormal: string[];
+  colorHover: string[];
+  data: number[];
+  labels: string[];
+}
+
+function ChartDoughnut ({ className = '', size = 100, values }: DoughnutProps): React.ReactElement<DoughnutProps> {
+  const options: Options = {
+    colorHover: [],
+    colorNormal: [],
+    data: [],
+    labels: []
+  };
+
+  values.forEach(({ colors: [normalColor = '#00f', hoverColor], label, value }): void => {
+    options.colorNormal.push(normalColor);
+    options.colorHover.push(hoverColor || normalColor);
+    options.data.push(bnToBn(value).toNumber());
+    options.labels.push(label);
+  });
+
+  return (
+    <Base className={className}>
+      <Doughnut
+        data={{
+          datasets: [{
+            backgroundColor: options.colorNormal,
+            data: options.data,
+            hoverBackgroundColor: options.colorHover
+          }],
+          labels: options.labels
+        }}
+        height={size}
+        width={size}
+      />
+    </Base>
+  );
+}
+
+export default React.memo(ChartDoughnut);
diff --git a/packages/react-components/src/Chart/HorizBar.tsx b/packages/react-components/src/Chart/HorizBar.tsx
new file mode 100644
index 0000000..ef1bf2f
--- /dev/null
+++ b/packages/react-components/src/Chart/HorizBar.tsx
@@ -0,0 +1,103 @@
+// Copyright 2017-2022 @polkadot/react-components authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { ChartData, ChartOptions, TooltipItem } from 'chart.js';
+import type { HorizBarProps, HorizBarValue } from './types';
+
+import React, { useEffect, useState } from 'react';
+import { Bar } from 'react-chartjs-2';
+
+import { bnToBn, isNumber } from '@polkadot/util';
+
+import { alphaColor } from './utils';
+
+interface State {
+  chartData?: ChartData;
+  chartOptions?: ChartOptions;
+  jsonValues?: string;
+}
+
+interface Config {
+  labels: string[];
+  datasets: {
+    data: number[];
+    backgroundColor: string[];
+    hoverBackgroundColor: string[];
+  }[];
+}
+
+function calculateOptions (aspectRatio: number, values: HorizBarValue[], jsonValues: string, max: number, showLabels: boolean): State {
+  const chartData = values.reduce((data, { colors: [normalColor = '#00f', hoverColor], label, value }): Config => {
+    const dataset = data.datasets[0];
+
+    dataset.backgroundColor.push(alphaColor(normalColor));
+    dataset.hoverBackgroundColor.push(alphaColor(hoverColor || normalColor));
+    dataset.data.push(isNumber(value) ? value : bnToBn(value).toNumber());
+    data.labels.push(label);
+
+    return data;
+  }, {
+    datasets: [{
+      backgroundColor: [] as string[],
+      data: [] as number[],
+      hoverBackgroundColor: [] as string[]
+    }],
+    labels: [] as string[]
+  });
+
+  return {
+    chartData,
+    chartOptions: {
+      aspectRatio,
+      plugins: {
+        legend: {
+          display: false
+        },
+        tooltip: {
+          callbacks: {
+            label: (item: TooltipItem<any>): string =>
+              values[item.dataIndex].tooltip || values[item.dataIndex].label
+          }
+        }
+      },
+      scales: {
+        x: showLabels
+          ? { beginAtZero: true, max }
+          : { display: false }
+      }
+    },
+    jsonValues
+  };
+}
+
+function ChartHorizBar ({ aspectRatio = 8, className = '', max = 100, showLabels = false, values }: HorizBarProps): React.ReactElement<HorizBarProps> | null {
+  const [{ chartData, chartOptions, jsonValues }, setState] = useState<State>({});
+
+  useEffect((): void => {
+    const newJsonValues = JSON.stringify(values);
+
+    if (newJsonValues !== jsonValues) {
+      setState(calculateOptions(aspectRatio, values, newJsonValues, max, showLabels));
+    }
+  }, [aspectRatio, jsonValues, max, showLabels, values]);
+
+  if (!chartData) {
+    return null;
+  }
+
+  // HACK on width/height to get the aspectRatio to work
+  return (
+    <div className={className}>
+      <Bar
+        // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
+        data={chartData as any}
+        height={null as unknown as number}
+        // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
+        options={chartOptions as any}
+        width={null as unknown as number}
+      />
+    </div>
+  );
+}
+
+export default React.memo(ChartHorizBar);
diff --git a/packages/react-components/src/Chart/Line.tsx b/packages/react-components/src/Chart/Line.tsx
new file mode 100644
index 0000000..40de8a6
--- /dev/null
+++ b/packages/react-components/src/Chart/Line.tsx
@@ -0,0 +1,94 @@
+// Copyright 2017-2022 @polkadot/react-components authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { ChartData, ChartOptions } from 'chart.js';
+import type { BN } from '@polkadot/util';
+import type { LineProps } from './types';
+
+import React, { useMemo } from 'react';
+import * as Chart from 'react-chartjs-2';
+
+import { isBn, objectSpread } from '@polkadot/util';
+
+import { alphaColor } from './utils';
+
+interface State {
+  chartData: ChartData;
+  chartOptions: ChartOptions;
+}
+
+interface Dataset {
+  data: number[];
+  fill: boolean;
+  label: string;
+  lineTension: number;
+  backgroundColor: string;
+  borderColor: string;
+  cubicInterpolationMode: 'default' | 'linear';
+  hoverBackgroundColor: string;
+}
+
+interface Config {
+  labels: string[];
+  datasets: Dataset[];
+}
+
+const COLORS = ['#ff8c00', '#008c8c', '#8c008c'];
+
+const chartOptions: ChartOptions = {
+  plugins: {
+    legend: {
+      display: false
+    }
+  },
+  scales: {
+    x: {
+      beginAtZero: true
+    }
+  }
+};
+
+function calculateOptions (colors: (string | undefined)[] = [], legends: string[], labels: string[], values: (number | BN)[][], options: ChartOptions = {}): State {
+  const chartData = values.reduce((chartData, values, index): Config => {
+    const color = colors[index] || alphaColor(COLORS[index]);
+    const data = values.map((value): number => isBn(value) ? value.toNumber() : value);
+
+    chartData.datasets.push({
+      backgroundColor: color,
+      borderColor: color,
+      cubicInterpolationMode: 'default',
+      data,
+      fill: false,
+      hoverBackgroundColor: color,
+      label: legends[index],
+      lineTension: 0.25
+    });
+
+    return chartData;
+  }, { datasets: [] as Dataset[], labels });
+
+  return {
+    chartData,
+    chartOptions: objectSpread({}, chartOptions, options)
+  };
+}
+
+function LineChart ({ className, colors, labels, legends, options, values }: LineProps): React.ReactElement<LineProps> | null {
+  const { chartData, chartOptions } = useMemo(
+    () => calculateOptions(colors, legends, labels, values, options),
+    [colors, labels, legends, options, values]
+  );
+
+  return (
+    <div className={className}>
+      <Chart.Line
+        // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
+        data={chartData as any}
+        // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
+        options={chartOptions as any}
+      />
+    </div>
+  );
+}
+
+export default React.memo(LineChart);
diff --git a/packages/react-components/src/Chart/index.ts b/packages/react-components/src/Chart/index.ts
new file mode 100644
index 0000000..9e8b6d2
--- /dev/null
+++ b/packages/react-components/src/Chart/index.ts
@@ -0,0 +1,16 @@
+// Copyright 2017-2022 @polkadot/react-components authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import { CategoryScale, Chart, LinearScale, LineElement, PointElement, Title, Tooltip } from 'chart.js';
+
+import Doughnut from './Doughnut';
+import HorizBar from './HorizBar';
+import Line from './Line';
+
+Chart.register(CategoryScale, LinearScale, LineElement, PointElement, Title, Tooltip);
+
+export default {
+  Doughnut,
+  HorizBar,
+  Line
+};
diff --git a/packages/react-components/src/Chart/types.ts b/packages/react-components/src/Chart/types.ts
new file mode 100644
index 0000000..71ed9f9
--- /dev/null
+++ b/packages/react-components/src/Chart/types.ts
@@ -0,0 +1,48 @@
+// Copyright 2017-2022 @polkadot/react-components authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { BN } from '@polkadot/util';
+
+import ChartJs from 'chart.js';
+
+export interface DoughnutValue {
+  colors: string[];
+  label: string;
+  value: number | BN;
+}
+
+export interface HorizBarValue {
+  colors: string[];
+  label: string;
+  tooltip?: string;
+  value: number | BN;
+}
+
+export interface BaseProps {
+  children: React.ReactNode;
+  className?: string;
+}
+
+export interface DoughnutProps {
+  className?: string;
+  size?: number;
+  values: DoughnutValue[];
+}
+
+export interface HorizBarProps {
+  aspectRatio?: number;
+  className?: string;
+  max?: number;
+  showLabels?: boolean;
+  values: HorizBarValue[];
+  withColors?: boolean;
+}
+
+export interface LineProps {
+  colors?: (string | undefined)[];
+  className?: string;
+  labels: string[];
+  legends: string[];
+  options?: ChartJs.ChartOptions;
+  values: (number | BN)[][];
+}
diff --git a/packages/react-components/src/Chart/utils.ts b/packages/react-components/src/Chart/utils.ts
new file mode 100644
index 0000000..7f82eb2
--- /dev/null
+++ b/packages/react-components/src/Chart/utils.ts
@@ -0,0 +1,8 @@
+// Copyright 2017-2022 @polkadot/react-components authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import { color } from 'chart.js/helpers';
+
+export function alphaColor (hexColor: string): string {
+  return color(hexColor).alpha(0.65).rgbString();
+}
diff --git a/packages/react-components/src/Checkbox.tsx b/packages/react-components/src/Checkbox.tsx
new file mode 100644
index 0000000..0b0d85d
--- /dev/null
+++ b/packages/react-components/src/Checkbox.tsx
@@ -0,0 +1,69 @@
+// Copyright 2017-2022 @polkadot/react-components authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import React, { useCallback } from 'react';
+import styled from 'styled-components';
+
+import Icon from './Icon';
+
+interface Props {
+  className?: string;
+  isDisabled?: boolean;
+  label: React.ReactNode;
+  onChange?: (isChecked: boolean) => void;
+  value?: boolean;
+}
+
+function Checkbox ({ className = '', isDisabled, label, onChange, value }: Props): React.ReactElement<Props> {
+  const _onClick = useCallback(
+    (): void => {
+      !isDisabled && onChange && onChange(!value);
+    },
+    [isDisabled, onChange, value]
+  );
+
+  return (
+    <div
+      className={`ui--Checkbox${isDisabled ? ' isDisabled' : ''} ${className}`}
+      onClick={_onClick}
+    >
+      <Icon
+        color={value ? 'normal' : 'transparent'}
+        icon='check'
+      />
+      {label && <label>{label}</label>}
+    </div>
+  );
+}
+
+export default React.memo(styled(Checkbox)`
+  display: inline-block;
+  cursor: pointer;
+
+  &.isDisabled {
+    opacity: 0.5;
+  }
+
+  &:not(.isDisabled) {
+    cursor: pointer;
+  }
+
+  > label {
+    color: var(--color-text);
+    display: inline-block;
+    margin: 0 0.5rem;
+    opacity: 1;
+    cursor: pointer;
+    user-select: none;
+  }
+
+  > label,
+  > .ui--Icon {
+    vertical-align: middle;
+  }
+
+  .ui--Icon {
+    border: 1px solid var(--color-checkbox);
+    border-radius: 0.125rem;
+  }
+`);
diff --git a/packages/react-components/src/Columar.tsx b/packages/react-components/src/Columar.tsx
new file mode 100644
index 0000000..8856ed6
--- /dev/null
+++ b/packages/react-components/src/Columar.tsx
@@ -0,0 +1,93 @@
+// Copyright 2017-2022 @polkadot/react-components authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import React from 'react';
+import styled from 'styled-components';
+
+interface Props {
+  children: React.ReactNode;
+  className?: string;
+  is60?: boolean;
+  isPadded?: boolean;
+}
+
+interface ColumnProps {
+  children: React.ReactNode;
+  className?: string;
+}
+
+type ColumarType = React.ComponentType<Props> & {
+  Column: React.ComponentType<ColumnProps>;
+};
+
+function Column ({ children, className = '' }: Props): React.ReactElement<Props> {
+  return (
+    <div className={`ui--Column ${className}`}>
+      {children}
+    </div>
+  );
+}
+
+function Columar ({ children, className = '', is60, isPadded = true }: Props): React.ReactElement<Props> {
+  return (
+    <div className={`ui--Columnar ${is60 ? 'is60' : 'is50'} ${isPadded ? 'isPadded' : ''} ${className}`}>
+      {children}
+    </div>
+  );
+}
+
+const ColumarStyled = React.memo(styled(Columar)`
+  display: flex;
+  flex-wrap: wrap;
+
+  &.is50 {
+    .ui--Column {
+      @media (min-width: 1025px) {
+        max-width: 50%;
+        min-width: 50%;
+      }
+    }
+  }
+
+  &.is60 {
+    .ui--Column:first-child {
+      @media (min-width: 1025px) {
+        max-width: 60%;
+        min-width: 60%;
+      }
+    }
+
+    .ui--Column:last-child {
+      @media (min-width: 1025px) {
+        max-width: 40%;
+        min-width: 40%;
+      }
+    }
+  }
+
+  &.isPadded .ui--Column {
+    padding: 0 0.75rem;
+  }
+`) as unknown as ColumarType;
+
+ColumarStyled.Column = React.memo(styled(Column)`
+  box-sizing: border-box;
+  max-width: 100%;
+  flex: 1 1;
+  margin: 0;
+
+  &:first-child {
+    padding-left: 0;
+  }
+
+  &:last-child {
+    padding-right: 0;
+  }
+
+  @media (min-width: 1025px) {
+    max-width: 50%;
+    min-width: 50%;
+  }
+`);
+
+export default ColumarStyled;
diff --git a/packages/react-components/src/ConvictionDropdown.tsx b/packages/react-components/src/ConvictionDropdown.tsx
new file mode 100644
index 0000000..7c501ed
--- /dev/null
+++ b/packages/react-components/src/ConvictionDropdown.tsx
@@ -0,0 +1,66 @@
+// Copyright 2017-2022 @polkadot/react-components authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { TFunction } from 'i18next';
+
+import React, { useRef } from 'react';
+
+import { ApiPromise } from '@polkadot/api';
+import { useApi, useBlockInterval } from '@polkadot/react-hooks';
+import { BN, BN_THOUSAND } from '@polkadot/util';
+
+import Dropdown from './Dropdown';
+import { useTranslation } from './translate';
+
+export interface Props {
+  className?: string;
+  help?: string
+  label?: React.ReactNode;
+  onChange?: (value: number) => void;
+  value?: number;
+}
+
+const CONVICTIONS: [number, number, BN][] = [1, 2, 4, 8, 16, 32].map((lock, index) => [index + 1, lock, new BN(lock)]);
+const SEC_DAY = 60 * 60 * 24;
+
+function createOptions (api: ApiPromise, t: TFunction, blockTime: BN): { text: string; value: number }[] {
+  return [
+    { text: t<string>('0.1x voting balance, no lockup period'), value: 0 },
+    ...CONVICTIONS.map(([value, lock, bnLock]): { text: string; value: number } => ({
+      text: t<string>('{{value}}x voting balance, locked for {{lock}}x enactment ({{period}} days)', {
+        replace: {
+          lock,
+          period: (
+            bnLock.mul(
+              api.consts.democracy.voteLockingPeriod ||
+              api.consts.democracy.enactmentPeriod
+            ).mul(blockTime).div(BN_THOUSAND).toNumber() / SEC_DAY
+          ).toFixed(2),
+          value
+        }
+      }),
+      value
+    }))
+  ];
+}
+
+function Convictions ({ className = '', help, label, onChange, value }: Props): React.ReactElement<Props> | null {
+  const { api } = useApi();
+  const { t } = useTranslation();
+  const blockTime = useBlockInterval();
+
+  const optionsRef = useRef(createOptions(api, t, blockTime));
+
+  return (
+    <Dropdown
+      className={className}
+      help={help}
+      label={label}
+      onChange={onChange}
+      options={optionsRef.current}
+      value={value}
+    />
+  );
+}
+
+export default React.memo(Convictions);
diff --git a/packages/react-components/src/CopyButton.tsx b/packages/react-components/src/CopyButton.tsx
new file mode 100644
index 0000000..fb5ee32
--- /dev/null
+++ b/packages/react-components/src/CopyButton.tsx
@@ -0,0 +1,68 @@
+// Copyright 2017-2022 @polkadot/react-components authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { IconName } from '@fortawesome/fontawesome-svg-core';
+
+import React, { useCallback, useContext } from 'react';
+import CopyToClipboard from 'react-copy-to-clipboard';
+import styled from 'styled-components';
+
+import StatusContext from './Status/Context';
+import Button from './Button';
+import { useTranslation } from './translate';
+
+interface Props {
+  children?: React.ReactNode;
+  className?: string;
+  icon?: IconName;
+  label?: React.ReactNode;
+  type?: string;
+  isMnemonic?: boolean;
+  value: string;
+}
+
+const NOOP = () => undefined;
+
+function CopyButton ({ children, className = '', icon = 'copy', label, type, value }: Props): React.ReactElement<Props> {
+  const { t } = useTranslation();
+  const { queueAction } = useContext(StatusContext);
+
+  const _onCopy = useCallback(
+    (): void => {
+      queueAction && queueAction({
+        action: t<string>('clipboard'),
+        message: t<string>('{{type}} copied', { replace: { type: type || t<string>('value') } }),
+        status: 'queued'
+      });
+    },
+    [type, queueAction, t]
+  );
+
+  return (
+    <div className={`ui--CopyButton ${className}`}>
+      <CopyToClipboard
+        onCopy={_onCopy}
+        text={value}
+      >
+        <div className='copyContainer'>
+          {children}
+          <span className='copySpan'>
+            <Button
+              className='icon-button show-on-hover'
+              icon={icon}
+              isDisabled={!value}
+              label={label}
+              onClick={NOOP}
+            />
+          </span>
+        </div>
+      </CopyToClipboard>
+    </div>
+  );
+}
+
+export default React.memo(styled(CopyButton)`
+  .copySpan {
+    white-space: nowrap;
+  }
+`);
diff --git a/packages/react-components/src/CryptoType.tsx b/packages/react-components/src/CryptoType.tsx
new file mode 100644
index 0000000..12ec53f
--- /dev/null
+++ b/packages/react-components/src/CryptoType.tsx
@@ -0,0 +1,33 @@
+// Copyright 2017-2022 @polkadot/react-components authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import React, { useEffect, useState } from 'react';
+
+import { AccountIdIsh } from './types';
+import { getAccountCryptoType } from './util';
+
+interface Props {
+  accountId: AccountIdIsh;
+  className?: string;
+  label?: string;
+}
+
+function CryptoType ({ accountId, className = '', label = '' }: Props): React.ReactElement<Props> {
+  const [type, setType] = useState('unknown');
+
+  useEffect((): void => {
+    const result = getAccountCryptoType(accountId);
+
+    if (result !== 'unknown') {
+      setType(result);
+    }
+  }, [accountId]);
+
+  return (
+    <div className={`ui--CryptoType ${className}`}>
+      {label}{type}
+    </div>
+  );
+}
+
+export default React.memo(CryptoType);
diff --git a/packages/react-components/src/DemocracyLocks.tsx b/packages/react-components/src/DemocracyLocks.tsx
new file mode 100644
index 0000000..1c52463
--- /dev/null
+++ b/packages/react-components/src/DemocracyLocks.tsx
@@ -0,0 +1,146 @@
+// Copyright 2017-2022 @polkadot/react-components authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { TFunction } from 'i18next';
+import type { DeriveDemocracyLock } from '@polkadot/api-derive/types';
+import type { Balance } from '@polkadot/types/interfaces';
+import type { BN } from '@polkadot/util';
+
+import React, { useEffect, useState } from 'react';
+import styled from 'styled-components';
+
+import { useBestNumber } from '@polkadot/react-hooks';
+import { BlockToTime, FormatBalance } from '@polkadot/react-query';
+import { BN_ZERO, bnMax, formatBalance, formatNumber } from '@polkadot/util';
+
+import Icon from './Icon';
+import Tooltip from './Tooltip';
+import { useTranslation } from './translate';
+
+interface Props {
+  className?: string;
+  value?: Partial<DeriveDemocracyLock>[];
+}
+
+interface Entry {
+  details: React.ReactNode;
+  headers: React.ReactNode[];
+  isCountdown: boolean;
+  isFinished: boolean;
+}
+
+interface State {
+  maxBalance: BN;
+  sorted: Entry[];
+}
+
+let id = 0;
+
+// group by header & details
+//   - all unlockable together
+//   - all ongoing together
+//   - unlocks are displayed individually
+function groupLocks (t: TFunction, bestNumber: BN, locks: Partial<DeriveDemocracyLock>[] = []): State {
+  return {
+    maxBalance: bnMax(...locks.map(({ balance }) => balance).filter((b): b is Balance => !!b)),
+    sorted: locks
+      .map((info): [Partial<DeriveDemocracyLock>, BN] => [info, info.unlockAt && info.unlockAt.gt(bestNumber) ? info.unlockAt.sub(bestNumber) : BN_ZERO])
+      .sort((a, b) => (a[0].referendumId || BN_ZERO).cmp(b[0].referendumId || BN_ZERO))
+      .sort((a, b) => a[1].cmp(b[1]))
+      .sort((a, b) => a[0].isFinished === b[0].isFinished ? 0 : (a[0].isFinished ? -1 : 1))
+      .reduce((sorted: Entry[], [{ balance, isDelegated, isFinished = false, referendumId, vote }, blocks]): Entry[] => {
+        const isCountdown = blocks.gt(BN_ZERO);
+        const header = referendumId && vote
+          ? <div>#{referendumId.toString()} {formatBalance(balance, { forceUnit: '-' })} {vote.conviction?.toString()}{isDelegated && '/d'}</div>
+          : <div>{t('Prior locked voting')}</div>;
+        const prev = sorted.length ? sorted[sorted.length - 1] : null;
+
+        if (!prev || (isCountdown || (isFinished !== prev.isFinished))) {
+          sorted.push({
+            details: (
+              <div className='faded'>
+                {isCountdown
+                  ? (
+                    <BlockToTime
+                      label={`${t<string>('{{blocks}} blocks', { replace: { blocks: formatNumber(blocks) } })}, `}
+                      value={blocks}
+                    />
+                  )
+                  : isFinished
+                    ? t<string>('lock expired')
+                    : t<string>('ongoing referendum')
+                }
+              </div>
+            ),
+            headers: [header],
+            isCountdown,
+            isFinished
+          });
+        } else {
+          prev.headers.push(header);
+        }
+
+        return sorted;
+      }, [])
+  };
+}
+
+function DemocracyLocks ({ className = '', value }: Props): React.ReactElement<Props> | null {
+  const { t } = useTranslation();
+  const bestNumber = useBestNumber();
+  const [trigger] = useState(() => `${Date.now()}-democracy-locks-${++id}`);
+  const [{ maxBalance, sorted }, setState] = useState<State>({ maxBalance: BN_ZERO, sorted: [] });
+
+  useEffect((): void => {
+    bestNumber && setState((state): State => {
+      const newState = groupLocks(t, bestNumber, value);
+
+      // only update when the structure of new is different
+      //   - it has a new overall breakdown with sections
+      //   - one of the sections has a different number of headers
+      return state.sorted.length !== newState.sorted.length || state.sorted.some((s, i) => s.headers.length !== newState.sorted[i].headers.length)
+        ? newState
+        : state;
+    });
+  }, [bestNumber, t, value]);
+
+  if (!sorted.length) {
+    return null;
+  }
+
+  return (
+    <div className={className}>
+      <FormatBalance
+        labelPost={
+          <Icon
+            icon='clock'
+            tooltip={trigger}
+          />
+        }
+        value={maxBalance}
+      />
+      <Tooltip
+        text={sorted.map(({ details, headers }, index): React.ReactNode => (
+          <div
+            className='row'
+            key={index}
+          >
+            {headers.map((header, index) => (
+              <div key={index}>{header}</div>
+            ))}
+            <div className='faded'>{details}</div>
+          </div>
+        ))}
+        trigger={trigger}
+      />
+    </div>
+  );
+}
+
+export default React.memo(styled(DemocracyLocks)`
+  white-space: nowrap;
+
+  .ui--FormatBalance {
+    display: inline-block;
+  }
+`);
diff --git a/packages/react-components/src/Digits.tsx b/packages/react-components/src/Digits.tsx
new file mode 100644
index 0000000..cc3d60b
--- /dev/null
+++ b/packages/react-components/src/Digits.tsx
@@ -0,0 +1,46 @@
+// Copyright 2017-2022 @polkadot/apps authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import React from 'react';
+import styled from 'styled-components';
+
+interface Props {
+  className?: string;
+  value: string;
+}
+
+function Digits ({ className = '', value }: Props): React.ReactElement<Props> {
+  return (
+    <div className={className}>
+      {value.split(',').map((parts, index) => (
+        <div
+          className='group'
+          key={index}
+        >
+          {index !== 0 ? ',' : ''}
+          {parts.split('').map((d, index) => (
+            <div
+              className='digit'
+              key={index}
+            >{d}</div>
+          ))}
+        </div>
+      ))}
+    </div>
+  );
+}
+
+export default React.memo(styled(Digits)`
+  display: inline-block;
+  white-space: nowrap;
+
+  .group {
+    display: inline-block;
+
+    .digit {
+      display: inline-block;
+      text-align: center;
+      width: 1ch;
+    }
+  }
+`);
diff --git a/packages/react-components/src/Dropdown.tsx b/packages/react-components/src/Dropdown.tsx
new file mode 100644
index 0000000..5f0f3fa
--- /dev/null
+++ b/packages/react-components/src/Dropdown.tsx
@@ -0,0 +1,175 @@
+// Copyright 2017-2022 @polkadot/react-components authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { DropdownProps } from 'semantic-ui-react';
+
+import React, { useCallback, useEffect, useRef, useState } from 'react';
+import { Button as SUIButton, Dropdown as SUIDropdown } from 'semantic-ui-react';
+import styled from 'styled-components';
+
+import { isUndefined } from '@polkadot/util';
+
+import Labelled from './Labelled';
+
+interface Props<Option> {
+  allowAdd?: boolean;
+  children?: React.ReactNode;
+  className?: string;
+  defaultValue?: any;
+  dropdownClassName?: string;
+  help?: React.ReactNode;
+  isButton?: boolean;
+  isDisabled?: boolean;
+  isError?: boolean;
+  isFull?: boolean;
+  isMultiple?: boolean;
+  label?: React.ReactNode;
+  labelExtra?: React.ReactNode;
+  onAdd?: (value: any) => void;
+  onBlur?: () => void;
+  onChange?: (value: any) => void;
+  onClose?: () => void;
+  onSearch?: (filteredOptions: any[], query: string) => Option[];
+  options: Option[];
+  placeholder?: string;
+  renderLabel?: (item: any) => any;
+  searchInput?: { autoFocus: boolean };
+  tabIndex?: number;
+  transform?: (value: any) => any;
+  value?: unknown;
+  withEllipsis?: boolean;
+  withLabel?: boolean;
+}
+
+export type IDropdown<Option> = React.ComponentType<Props<Option>> & {
+  Header: React.ComponentType<{ content: React.ReactNode }>;
+}
+
+function BaseDropdown<Option> ({ allowAdd = false, children, className = '', defaultValue, dropdownClassName, help, isButton, isDisabled, isError, isFull, isMultiple, label, labelExtra, onAdd, onBlur, onChange, onClose, onSearch, options, placeholder, renderLabel, searchInput, tabIndex, transform, value, withEllipsis, withLabel }: Props<Option>): React.ReactElement<Props<Option>> {
+  const lastUpdate = useRef<string>('');
+  const [stored, setStored] = useState<string | undefined>();
+
+  const _setStored = useCallback(
+    (value: string): void => {
+      const json = JSON.stringify({ v: value });
+
+      if (lastUpdate.current !== json) {
+        lastUpdate.current = json;
+
+        setStored(value);
+
+        onChange && onChange(
+          transform
+            ? transform(value)
+            : value
+        );
+      }
+    },
+    [onChange, transform]
+  );
+
+  useEffect((): void => {
+    _setStored((isUndefined(value) ? defaultValue : value) as string);
+  }, [_setStored, defaultValue, value]);
+
+  const _onAdd = useCallback(
+    (_: React.SyntheticEvent<HTMLElement>, { value }: DropdownProps): void =>
+      onAdd && onAdd(value),
+    [onAdd]
+  );
+
+  const _onChange = useCallback(
+    (_: React.SyntheticEvent<HTMLElement> | null, { value }: DropdownProps): void =>
+      _setStored(value as string),
+    [_setStored]
+  );
+
+  const dropdown = (
+    <SUIDropdown
+      allowAdditions={allowAdd}
+      button={isButton}
+      className={dropdownClassName}
+      compact={isButton}
+      disabled={isDisabled}
+      error={isError}
+      floating={isButton}
+      multiple={isMultiple}
+      onAddItem={_onAdd}
+      onBlur={onBlur}
+      onChange={_onChange}
+      onClose={onClose}
+      options={options}
+      placeholder={placeholder}
+      renderLabel={renderLabel}
+      search={onSearch || allowAdd}
+      searchInput={searchInput}
+      selection
+      tabIndex={tabIndex}
+      value={stored}
+    />
+  );
+
+  return isButton
+    ? <SUIButton.Group>{dropdown}{children}</SUIButton.Group>
+    : (
+      <Labelled
+        className={`ui--Dropdown ${className}`}
+        help={help}
+        isFull={isFull}
+        label={label}
+        labelExtra={labelExtra}
+        withEllipsis={withEllipsis}
+        withLabel={withLabel}
+      >
+        {dropdown}
+        {children}
+      </Labelled>
+    );
+}
+
+const Dropdown = React.memo(styled(BaseDropdown)`
+  .ui--Dropdown-item {
+    position: relative;
+    white-space: nowrap;
+
+    .ui--Dropdown-icon,
+    .ui--Dropdown-name {
+      display: inline-block;
+    }
+
+    .ui--Dropdown-icon {
+      height: 32px;
+      left: 0;
+      position: absolute;
+      top: -9px;
+      width: 32px;
+
+      &.opaque {
+        opacity: 0.5;
+      }
+    }
+
+    .ui--Dropdown-name {
+      margin-left: 3rem;
+    }
+  }
+
+  .ui.selection.dropdown {
+    > .text > .ui--Dropdown-item {
+      .ui--Dropdown-icon {
+        left: -2.6rem;
+        top: -1.15rem;
+        opacity: 1;
+      }
+
+      .ui--Dropdown-name {
+        margin-left: 0;
+      }
+    }
+  }
+`) as unknown as IDropdown<any>;
+
+// eslint-disable-next-line @typescript-eslint/no-unsafe-member-access
+(Dropdown as any).Header = SUIDropdown.Header;
+
+export default Dropdown;
diff --git a/packages/react-components/src/EditButton.tsx b/packages/react-components/src/EditButton.tsx
new file mode 100644
index 0000000..549b905
--- /dev/null
+++ b/packages/react-components/src/EditButton.tsx
@@ -0,0 +1,48 @@
+// Copyright 2017-2022 @polkadot/react-components authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { IconName } from '@fortawesome/fontawesome-svg-core';
+
+import React from 'react';
+import styled from 'styled-components';
+
+import { colorLink } from './styles/theme';
+import Icon from './Icon';
+
+interface Props {
+  children?: React.ReactNode;
+  className?: string;
+  icon?: IconName;
+  onClick: () => void;
+}
+
+function EditButton ({ children, className = '', icon = 'edit', onClick }: Props): React.ReactElement<Props> {
+  return (
+    <div
+      className={`ui--EditButton ${className}`}
+      onClick={onClick}
+    >
+      {children}
+      <span className='editSpan'>
+        <Icon
+          className='icon-button'
+          icon={icon}
+        />
+      </span>
+    </div>
+  );
+}
+
+export default React.memo(styled(EditButton)`
+  cursor: pointer;
+
+  .ui--Icon.icon-button {
+    color: ${colorLink};
+    cursor: pointer;
+    margin: 0 0 0 0.5rem;
+  }
+
+  .editSpan {
+    white-space: nowrap;
+  }
+`);
diff --git a/packages/react-components/src/Editor.tsx b/packages/react-components/src/Editor.tsx
new file mode 100644
index 0000000..574ad35
--- /dev/null
+++ b/packages/react-components/src/Editor.tsx
@@ -0,0 +1,84 @@
+// Copyright 2017-2022 @polkadot/react-components authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+// Something is seriously going wrong here...
+/* eslint-disable @typescript-eslint/no-unnecessary-type-assertion */
+/* eslint-disable @typescript-eslint/no-unsafe-assignment */
+/* eslint-disable @typescript-eslint/no-unsafe-member-access */
+/* eslint-disable @typescript-eslint/no-unsafe-call */
+
+import CodeFlask from 'codeflask';
+import React, { useEffect, useRef, useState } from 'react';
+import styled from 'styled-components';
+
+interface Props {
+  className?: string;
+  code: string;
+  isValid?: boolean;
+  onEdit: (code: string) => void;
+}
+
+/**
+ * @name Editor
+ * @summary A code editor based on the codeflask npm module
+ * @description It allows to live-edit code examples and JSON files.
+ *
+ * @example
+ * <BR>
+ *
+ * ```javascript
+ * import {Editor} from '@polkadot/react-components';
+ *
+ * <Editor
+ *    className={string} // optional
+ *    code={string}
+ *    isValid={boolean}, // optional
+ *    onEdit={() => callbackFunction}
+ *  />
+ * ```
+ */
+function Editor ({ className = '', code, isValid, onEdit }: Props): React.ReactElement<Props> {
+  const [editorId] = useState(() => `flask-${Date.now()}`);
+  const editorRef = useRef<CodeFlask | null>(null);
+
+  useEffect((): void => {
+    const editor = new CodeFlask(`#${editorId}`, {
+      language: 'js',
+      lineNumbers: true
+    });
+
+    editor.updateCode(code);
+    (editor as any).editorRoot.addEventListener('keydown', (): void => {
+      (editor as unknown as Record<string, (value: unknown) => void>).onUpdate(onEdit);
+    });
+
+    editorRef.current = editor;
+  // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, []);
+
+  useEffect((): void => {
+    editorRef.current && editorRef.current.updateCode(code);
+  }, [code]);
+
+  return (
+    <div
+      className={`ui-Editor ${className}${isValid === false ? ' invalid' : ''}`}
+      id={editorId}
+    />
+  );
+}
+
+export default React.memo(styled(Editor)`
+  .codeflask {
+    border: 1px solid var(--border-input);
+    background: transparent;
+    height:60px;
+  }
+
+  &.invalid {
+    .codeflask {
+      background-color: #fff6f6;
+      border-color: #e0b4b4;
+    }
+  }
+`);
diff --git a/packages/react-components/src/ErrorBoundary.tsx b/packages/react-components/src/ErrorBoundary.tsx
new file mode 100644
index 0000000..dbb93cf
--- /dev/null
+++ b/packages/react-components/src/ErrorBoundary.tsx
@@ -0,0 +1,74 @@
+// Copyright 2017-2022 @polkadot/react-components authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { I18nProps } from './types';
+
+import React from 'react';
+
+import translate from './translate';
+
+interface Props extends I18nProps {
+  children: React.ReactNode;
+  doThrow?: boolean;
+  error?: Error | null;
+  onError?: () => void;
+  trigger?: unknown;
+}
+
+interface State {
+  error: Error | null;
+  prevTrigger: string | null;
+}
+
+function formatStack (stack = '<unknown>'): React.ReactElement | null {
+  return (
+    <>{stack.split('\n').map((line, index) =>
+      <div key={index}>{line}</div>
+    )}</>
+  );
+}
+
+// NOTE: This is the only way to do an error boundary, via extend
+class ErrorBoundary extends React.Component<Props> {
+  public override state: State = { error: null, prevTrigger: null };
+
+  static getDerivedStateFromError (error: Error): Partial<State> {
+    return { error };
+  }
+
+  static getDerivedStateFromProps ({ trigger }: Props, { prevTrigger }: State): State | null {
+    const newTrigger = JSON.stringify({ trigger });
+
+    return (prevTrigger !== newTrigger)
+      ? { error: null, prevTrigger: newTrigger }
+      : null;
+  }
+
+  public override componentDidCatch (error: Error): void {
+    const { doThrow, onError } = this.props;
+
+    onError && onError();
+
+    if (doThrow) {
+      throw error;
+    }
+  }
+
+  public override render (): React.ReactNode {
+    const { children, error: errorProps, t } = this.props;
+    const { error } = this.state;
+    const displayError = errorProps || error;
+
+    return displayError
+      ? (
+        <article className='error extraMargin'>
+          <p>{t<string>('Uncaught error. Something went wrong with the query and rendering of this component. Please supply all the details below when logging an issue, it may help in tracing the cause.')}</p>
+          <p>{displayError.message}</p>
+          {formatStack(displayError.stack)}
+        </article>
+      )
+      : children;
+  }
+}
+
+export default translate<React.ComponentType<Props>>(ErrorBoundary);
diff --git a/packages/react-components/src/Event.tsx b/packages/react-components/src/Event.tsx
new file mode 100644
index 0000000..638b0e2
--- /dev/null
+++ b/packages/react-components/src/Event.tsx
@@ -0,0 +1,93 @@
+// Copyright 2017-2022 @polkadot/react-components authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { DecodedEvent } from '@polkadot/api-contract/types';
+import type { Bytes } from '@polkadot/types';
+import type { Event } from '@polkadot/types/interfaces';
+import type { Codec } from '@polkadot/types/types';
+
+import React, { useMemo } from 'react';
+
+import { Input } from '@polkadot/react-components';
+import Params from '@polkadot/react-params';
+
+import { useTranslation } from './translate';
+import { getContractAbi } from './util';
+
+export interface Props {
+  children?: React.ReactNode;
+  className?: string;
+  value: Event;
+}
+
+interface Value {
+  isValid: boolean;
+  value: Codec;
+}
+
+interface AbiEvent extends DecodedEvent {
+  values: Value[];
+}
+
+function EventDisplay ({ children, className = '', value }: Props): React.ReactElement<Props> {
+  const { t } = useTranslation();
+  const params = value.typeDef.map((type) => ({ type }));
+  const values = value.data.map((value) => ({ isValid: true, value }));
+
+  const abiEvent = useMemo(
+    (): AbiEvent | null => {
+      // for contracts, we decode the actual event
+      if (value.section === 'contracts' && value.method === 'ContractExecution' && value.data.length === 2) {
+        // see if we have info for this contract
+        const [accountId, encoded] = value.data;
+
+        try {
+          const abi = getContractAbi(accountId.toString());
+
+          if (abi) {
+            const decoded = abi.decodeEvent(encoded as Bytes);
+
+            return {
+              ...decoded,
+              values: decoded.args.map((value) => ({ isValid: true, value }))
+            };
+          }
+        } catch (error) {
+          // ABI mismatch?
+          console.error(error);
+        }
+      }
+
+      return null;
+    },
+    [value]
+  );
+
+  return (
+    <div className={`ui--Event ${className}`}>
+      {children}
+      <Params
+        isDisabled
+        params={params}
+        values={values}
+      >
+        {abiEvent && (
+          <>
+            <Input
+              isDisabled
+              label={t<string>('contract event')}
+              value={abiEvent.event.identifier}
+            />
+            <Params
+              isDisabled
+              params={abiEvent.event.args}
+              values={abiEvent.values}
+            />
+          </>
+        )}
+      </Params>
+    </div>
+  );
+}
+
+export default React.memo(EventDisplay);
diff --git a/packages/react-components/src/ExpandButton.tsx b/packages/react-components/src/ExpandButton.tsx
new file mode 100644
index 0000000..e861bb2
--- /dev/null
+++ b/packages/react-components/src/ExpandButton.tsx
@@ -0,0 +1,36 @@
+// Copyright 2017-2022 @polkadot/react-components authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import React from 'react';
+import styled from 'styled-components';
+
+import { Icon } from '@polkadot/react-components';
+
+interface Props {
+  onClick: () => void;
+  expanded: boolean;
+  className?: string;
+}
+
+function ExpandButton ({ className = '', expanded, onClick }: Props): React.ReactElement<Props> {
+  return (
+    <div
+      className={`ui--ExpandButton ${className}`}
+      data-testid='row-toggle'
+      onClick={onClick}
+    >
+      <Icon icon={expanded ? 'caret-up' : 'caret-down'} />
+    </div>
+  );
+}
+
+export default React.memo(styled(ExpandButton)`
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 1.7rem;
+  height: 1.7rem;
+  border: 1px solid var(--border-table);
+  border-radius: 4px;
+  cursor: pointer;
+`);
diff --git a/packages/react-components/src/Expander.tsx b/packages/react-components/src/Expander.tsx
new file mode 100644
index 0000000..8b67f5f
--- /dev/null
+++ b/packages/react-components/src/Expander.tsx
@@ -0,0 +1,190 @@
+// Copyright 2017-2022 @polkadot/react-components authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { IconName } from '@fortawesome/fontawesome-svg-core';
+import type { Text } from '@polkadot/types';
+
+import React, { useMemo } from 'react';
+import styled from 'styled-components';
+
+import { LabelHelp } from '@polkadot/react-components';
+import { useToggle } from '@polkadot/react-hooks';
+
+import Icon from './Icon';
+import { useTranslation } from './translate';
+
+interface Meta {
+  docs: Text[];
+}
+
+export interface Props {
+  children?: React.ReactNode;
+  className?: string;
+  help?: string;
+  helpIcon?: IconName;
+  isOpen?: boolean;
+  isPadded?: boolean;
+  onClick?: (isOpen: boolean) => void;
+  renderChildren?: () => React.ReactNode;
+  summary?: React.ReactNode;
+  summaryHead?: React.ReactNode;
+  summaryMeta?: Meta;
+  summarySub?: React.ReactNode;
+  withBreaks?: boolean;
+  withHidden?: boolean;
+}
+
+function splitSingle (value: string[], sep: string): string[] {
+  return value.reduce((result: string[], value: string): string[] => {
+    return value.split(sep).reduce((result: string[], value: string) => result.concat(value), result);
+  }, []);
+}
+
+function splitParts (value: string): string[] {
+  return ['[', ']'].reduce((result: string[], sep) => splitSingle(result, sep), [value]);
+}
+
+function formatMeta (meta?: Meta): React.ReactNode | null {
+  if (!meta || !meta.docs.length) {
+    return null;
+  }
+
+  const strings = meta.docs.map((d) => d.toString().trim());
+  const firstEmpty = strings.findIndex((d) => !d.length);
+  const combined = (
+    firstEmpty === -1
+      ? strings
+      : strings.slice(0, firstEmpty)
+  ).join(' ').replace(/#(<weight>| <weight>).*<\/weight>/, '');
+  const parts = splitParts(combined.replace(/\\/g, '').replace(/`/g, ''));
+
+  return <>{parts.map((part, index) => index % 2 ? <em key={index}>[{part}]</em> : <span key={index}>{part}</span>)}&nbsp;</>;
+}
+
+function Expander ({ children, className = '', help, helpIcon, isOpen, isPadded, onClick, renderChildren, summary, summaryHead, summaryMeta, summarySub, withBreaks, withHidden }: Props): React.ReactElement<Props> {
+  const { t } = useTranslation();
+  const [isExpanded, toggleExpanded] = useToggle(isOpen, onClick);
+
+  const demandChildren = useMemo(
+    () => isExpanded && renderChildren && renderChildren(),
+    [isExpanded, renderChildren]
+  );
+
+  const headerMain = useMemo(
+    () => summary || formatMeta(summaryMeta),
+    [summary, summaryMeta]
+  );
+
+  const headerSub = useMemo(
+    () => summary ? (formatMeta(summaryMeta) || summarySub) : null,
+    [summary, summaryMeta, summarySub]
+  );
+
+  const hasContent = useMemo(
+    () => !!renderChildren || (!!children && (!Array.isArray(children) || children.length !== 0)),
+    [children, renderChildren]
+  );
+
+  return (
+    <div className={`ui--Expander${isExpanded ? ' isExpanded' : ''}${isPadded ? ' isPadded' : ''}${hasContent ? ' hasContent' : ''}${withBreaks ? ' withBreaks' : ''} ${className}`}>
+      <div
+        className='ui--Expander-summary'
+        onClick={toggleExpanded}
+      >
+        <div className='ui--Expander-summary-header'>
+          {help && (
+            <LabelHelp
+              help={help}
+              icon={helpIcon}
+            />
+          )}
+          {summaryHead}
+          {headerMain || t<string>('Details')}
+          {headerSub && (
+            <div className='ui--Expander-summary-header-sub'>{headerSub}</div>
+          )}
+        </div>
+        <Icon
+          color={hasContent ? undefined : 'transparent'}
+          icon={
+            isExpanded
+              ? 'caret-up'
+              : 'caret-down'
+          }
+        />
+      </div>
+      {hasContent && (isExpanded || withHidden) && (
+        <div className='ui--Expander-content'>{children || demandChildren}</div>
+      )}
+    </div>
+  );
+}
+
+export default React.memo(styled(Expander)`
+  max-width: 100%;
+  overflow: hidden;
+  text-overflow: ellipsis;
+
+  &:not(.isExpanded) .ui--Expander-content {
+    display: none;
+  }
+
+  &.isExpanded .ui--Expander-content {
+    margin-top: 0.5rem;
+
+    .body.column {
+      justify-content: end;
+    }
+  }
+
+  &.withBreaks .ui--Expander-content {
+    white-space: normal;
+  }
+
+  .ui--Expander-summary {
+    margin: 0;
+    min-width: 13.5rem;
+    overflow: hidden;
+
+    .ui--Expander-summary-header {
+      display: inline-block;
+      max-width: calc(100% - 2rem);
+      overflow: hidden;
+      text-overflow: ellipsis;
+      vertical-align: middle;
+      white-space: nowrap;
+
+      span {
+        white-space: normal;
+      }
+    }
+
+    .ui--Icon {
+      margin-left: 0.75rem;
+      vertical-align: middle;
+    }
+
+    .ui--LabelHelp {
+      .ui--Icon {
+        margin-left: 0;
+        margin-right: 0.5rem;
+        vertical-align: text-bottom;
+      }
+    }
+
+    .ui--Expander-summary-header-sub {
+      font-size: 1rem;
+      opacity: 0.6;
+      overflow: hidden;
+      text-overflow: ellipsis;
+    }
+  }
+
+  &.hasContent .ui--Expander-summary {
+    cursor: pointer;
+  }
+
+  &.isPadded .ui--Expander-summary {
+    margin-left: 2.25rem;
+  }
+`);
diff --git a/packages/react-components/src/Extrinsic.tsx b/packages/react-components/src/Extrinsic.tsx
new file mode 100644
index 0000000..b8eaa66
--- /dev/null
+++ b/packages/react-components/src/Extrinsic.tsx
@@ -0,0 +1,137 @@
+// Copyright 2017-2022 @polkadot/app-extrinsics authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { SubmittableExtrinsic, SubmittableExtrinsicFunction } from '@polkadot/api/types';
+import type { RawParam } from '@polkadot/react-params/types';
+import type { TypeDef } from '@polkadot/types/types';
+
+import React, { useCallback, useEffect, useState } from 'react';
+
+import Params from '@polkadot/react-params';
+import { getTypeDef } from '@polkadot/types/create';
+import { isUndefined } from '@polkadot/util';
+
+import InputExtrinsic from './InputExtrinsic';
+import paramComponents from './Params';
+
+interface Props {
+  className?: string;
+  defaultArgs?: RawParam[];
+  defaultValue: SubmittableExtrinsicFunction<'promise'>;
+  isDisabled?: boolean;
+  isError?: boolean;
+  isPrivate?: boolean;
+  label?: React.ReactNode;
+  onChange: (method?: SubmittableExtrinsic<'promise'>) => void;
+  onEnter?: () => void;
+  onError?: (error?: Error | null) => void;
+  onEscape?: () => void;
+  withLabel?: boolean;
+}
+
+interface ParamDef {
+  name: string;
+  type: TypeDef;
+}
+
+interface CallState {
+  extrinsic: {
+    fn: SubmittableExtrinsicFunction<'promise'>;
+    params: ParamDef[];
+  },
+  values: RawParam[];
+}
+
+function isValuesValid (params: ParamDef[], values: RawParam[]): boolean {
+  return values.reduce((isValid, value): boolean =>
+    isValid &&
+    !isUndefined(value) &&
+    !isUndefined(value.value) &&
+    value.isValid, params.length === values.length
+  );
+}
+
+function getParams ({ meta }: SubmittableExtrinsicFunction<'promise'>): ParamDef[] {
+  return meta.args.map(({ name, type, typeName }): { name: string; type: TypeDef } => ({
+    name: name.toString(),
+    type: {
+      ...getTypeDef(type.toString()),
+      ...(typeName.isSome
+        ? { typeName: typeName.unwrap().toString() }
+        : {}
+      )
+    }
+  }));
+}
+
+function getCallState (fn: SubmittableExtrinsicFunction<'promise'>, values: RawParam[] = []): CallState {
+  return {
+    extrinsic: {
+      fn,
+      params: getParams(fn)
+    },
+    values
+  };
+}
+
+function ExtrinsicDisplay ({ defaultArgs, defaultValue, isDisabled, isError, isPrivate, label, onChange, onEnter, onError, onEscape, withLabel }: Props): React.ReactElement<Props> {
+  const [{ extrinsic, values }, setDisplay] = useState<CallState>(() => getCallState(defaultValue, defaultArgs));
+
+  useEffect((): void => {
+    const isValid = isValuesValid(extrinsic.params, values);
+
+    let method;
+
+    if (isValid) {
+      try {
+        method = extrinsic.fn(...values.map(({ value }) => value));
+      } catch (error) {
+        onError && onError(error as Error);
+      }
+    } else {
+      onError && onError(null);
+    }
+
+    onChange(method);
+  }, [extrinsic, onChange, onError, values]);
+
+  const _onChangeMethod = useCallback(
+    (fn: SubmittableExtrinsicFunction<'promise'>) =>
+      setDisplay(getCallState(fn)),
+    []
+  );
+
+  const _setValues = useCallback(
+    (values: RawParam[]) =>
+      setDisplay(({ extrinsic }) => ({ extrinsic, values })),
+    []
+  );
+
+  const { fn: { meta, method, section }, params } = extrinsic;
+
+  return (
+    <div className='extrinsics--Extrinsic'>
+      <InputExtrinsic
+        defaultValue={defaultValue}
+        help={meta?.docs.join(' ')}
+        isDisabled={isDisabled}
+        isError={isError}
+        isPrivate={isPrivate}
+        label={label}
+        onChange={_onChangeMethod}
+        withLabel={withLabel}
+      />
+      <Params
+        key={`${section}.${method}:params` /* force re-render on change */}
+        onChange={_setValues}
+        onEnter={onEnter}
+        onEscape={onEscape}
+        overrides={paramComponents}
+        params={params}
+        values={values}
+      />
+    </div>
+  );
+}
+
+export default React.memo(ExtrinsicDisplay);
diff --git a/packages/react-components/src/FilterInput.tsx b/packages/react-components/src/FilterInput.tsx
new file mode 100644
index 0000000..0a8417c
--- /dev/null
+++ b/packages/react-components/src/FilterInput.tsx
@@ -0,0 +1,41 @@
+// Copyright 2017-2022 @polkadot/app-accounts authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import React from 'react';
+import styled from 'styled-components';
+
+import { Input } from '@polkadot/react-components/index';
+
+interface Props {
+  className?: string;
+  filterOn: string;
+  label: string;
+  setFilter: (filter: string) => void;
+}
+
+function Filter ({ className = '', filterOn, label, setFilter }: Props) {
+  return (
+    <div className={className}>
+      <Input
+        autoFocus
+        isFull
+        label={label}
+        onChange={setFilter}
+        value={filterOn}
+      />
+    </div>
+  );
+}
+
+export default React.memo(styled(Filter)`
+  width: 29.5rem;
+
+  :not(:only-child) {
+    margin-left: 1.5rem;
+  }
+
+  .ui--Input {
+    margin: 0;
+    height: 3.893rem;
+  }
+`);
diff --git a/packages/react-components/src/FilterOverlay.tsx b/packages/react-components/src/FilterOverlay.tsx
new file mode 100644
index 0000000..99d99af
--- /dev/null
+++ b/packages/react-components/src/FilterOverlay.tsx
@@ -0,0 +1,57 @@
+// Copyright 2017-2022 @polkadot/react-components authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import React from 'react';
+import styled from 'styled-components';
+
+import media from './media';
+
+interface Props {
+  children: React.ReactNode;
+  className?: string;
+}
+
+function FilterOverlay ({ children, className }: Props): React.ReactElement<Props> {
+  return (
+    <div className={className}>
+      {children}
+    </div>
+  );
+}
+
+export default React.memo(styled(FilterOverlay)`
+  display: none;
+  right: calc(50% - var(--width-half) + 1.5rem);
+
+  ${media.DESKTOP`
+    display: flex;
+    justify-content: flex-end;
+    position: absolute;
+    top: 0rem;
+
+    > div {
+      max-width: 35rem !important;
+    }
+
+    .ui--Labelled label {
+      display: flex;
+    }
+
+    .ui.selection.dropdown {
+      white-space: nowrap;
+    }
+  `};
+
+  .ui--Labelled label {
+    display: none;
+  }
+
+  && .ui--Input {
+    margin: 0.29rem 0;
+  }
+
+  /* hardcoded: var(--width-full) doesn't work in media */
+  @media (max-width: 1750px) {
+    right: 1.5rem;
+  }
+`);
diff --git a/packages/react-components/src/Flag.tsx b/packages/react-components/src/Flag.tsx
new file mode 100644
index 0000000..8c5a10f
--- /dev/null
+++ b/packages/react-components/src/Flag.tsx
@@ -0,0 +1,66 @@
+// Copyright 2017-2022 @polkadot/app-accounts authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import React from 'react';
+import styled from 'styled-components';
+
+import { Tag } from '@polkadot/react-components/index';
+import { FlagColor } from '@polkadot/react-components/types';
+
+interface FlagProps {
+  className?: string;
+  color: FlagColor;
+  label: React.ReactNode;
+}
+
+function Flag ({ className = '', color, label }: FlagProps): React.ReactElement<FlagProps> {
+  return (
+    <Tag
+      className={`${className} ${color === 'theme' ? ' highlight--color-bg highlight--bg' : ''}` }
+      color={color}
+      isFlag
+      label={label}
+      size='tiny'
+    />
+  );
+}
+
+export default React.memo(styled(Flag)`
+  border-radius: 0 0.25rem 0.25rem 0;
+  padding: 0.5833em 1.25em 0.5833em 1.5em;
+  font-size: 0.78571429rem;
+  line-height: 1;
+  color: #fff !important;
+
+  &.darkTheme {
+    :after {
+      background-color: var(--bg-tabs);
+    }
+  }
+
+  &:after {
+    background-color: #fff;
+    border-radius: 500rem;
+    content: '';
+    left: -0.25em;
+    margin-top: -0.25em;
+    position: absolute;
+    width: 0.5em;
+    height: 0.5em;
+    top: 50%;
+  }
+
+  &:before {
+    border-radius: 0.2rem 0 0.1rem 0;
+    background-color: inherit;
+    background-image: none;
+    content: '';
+    right: 100%;
+    width: 1.5em;
+    height: 1.5em;
+    position: absolute;
+    transform: translateY(-50%) translateX(50%) rotate(-45deg);
+    top: 50%;
+    transition: none;
+  }
+`);
diff --git a/packages/react-components/src/Forget.tsx b/packages/react-components/src/Forget.tsx
new file mode 100644
index 0000000..51568fd
--- /dev/null
+++ b/packages/react-components/src/Forget.tsx
@@ -0,0 +1,104 @@
+// Copyright 2017-2022 @polkadot/app-accounts authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import React from 'react';
+
+import { AddressRow, Button, Modal } from '@polkadot/react-components';
+
+import { useTranslation } from './translate';
+
+type Mode = 'account' | 'address' | 'contract' | 'code';
+
+interface Props {
+  address?: string;
+  children?: React.ReactNode;
+  name?: string;
+  mode?: Mode;
+  onClose: () => void;
+  onForget: () => void;
+}
+
+function getContent (mode: Mode, t: <T = string> (key: string) => T): React.ReactNode | null {
+  switch (mode) {
+    case 'account':
+      return (
+        <>
+          <p>{t<string>('You are about to remove this account from your list of available accounts. Once completed, should you need to access it again, you will have to re-create the account either via seed or via a backup file.')}</p>
+          <p>{t<string>('This operation does not remove the history of the account from the chain, nor any associated funds from the account. The forget operation only limits your access to the account on this browser.')}</p>
+        </>
+      );
+    case 'address':
+      return (
+        <>
+          <p>{t<string>('You are about to remove this address from your address book. Once completed, should you need to access it again, you will have to re-add the address.')}</p>
+          <p>{t<string>('This operation does not remove the history of the account from the chain, nor any associated funds from the account. The forget operation only limits your access to the address on this browser.')}</p>
+        </>
+      );
+    case 'contract':
+      return (
+        <>
+          <p>{t<string>('You are about to remove this contract from your list of available contracts. Once completed, should you need to access it again, you will have to manually add the contract\'s address in the Instantiate tab.')}</p>
+          <p>{t<string>('This operation does not remove the history of the contract from the chain, nor any associated funds from its account. The forget operation only limits your access to the contract on this browser.')}</p>
+        </>
+      );
+    default:
+      return null;
+  }
+}
+
+function getHeaderText (mode: Mode, t: <T = string> (key: string) => T): string {
+  switch (mode) {
+    case 'account':
+      return t<string>('Confirm account removal');
+    case 'address':
+      return t<string>('Confirm address removal');
+    case 'contract':
+      return t<string>('Confirm contract removal');
+    case 'code':
+      return t<string>('Confirm code removal');
+  }
+}
+
+function renderContent (props: Props, t: <T = string> (key: string) => T): React.ReactNode | null {
+  const { address, mode = 'account' } = props;
+
+  switch (mode) {
+    case 'account':
+    case 'address':
+    case 'contract':
+      return (
+        <AddressRow
+          isInline
+          value={address || ''}
+        >
+          {getContent(mode, t)}
+        </AddressRow>
+      );
+    default:
+      return null;
+  }
+}
+
+function Forget (props: Props): React.ReactElement<Props> {
+  const { t } = useTranslation();
+  const { children, mode = 'account', onClose, onForget } = props;
+
+  return (
+    <Modal
+      className='app--accounts-Modal'
+      header={getHeaderText(mode, t)}
+      onClose={onClose}
+    >
+      <Modal.Content>{children || renderContent(props, t)}</Modal.Content>
+      <Modal.Actions>
+        <Button
+          icon='trash'
+          label={t<string>('Forget')}
+          onClick={onForget}
+        />
+      </Modal.Actions>
+    </Modal>
+  );
+}
+
+export default React.memo(Forget);
diff --git a/packages/react-components/src/HelpOverlay.tsx b/packages/react-components/src/HelpOverlay.tsx
new file mode 100644
index 0000000..f66ff2d
--- /dev/null
+++ b/packages/react-components/src/HelpOverlay.tsx
@@ -0,0 +1,85 @@
+// Copyright 2017-2022 @polkadot/react-components authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import React from 'react';
+import ReactMd from 'react-markdown';
+import styled from 'styled-components';
+
+import { useToggle } from '@polkadot/react-hooks';
+
+import Icon from './Icon';
+
+interface Props {
+  className?: string;
+  md: string;
+}
+
+function HelpOverlay ({ className = '', md }: Props): React.ReactElement<Props> {
+  const [isVisible, toggleVisible] = useToggle();
+
+  return (
+    <div className={`ui--HelpOverlay ${className}`}>
+      <div className='help-button'>
+        <Icon
+          icon='question-circle'
+          onClick={toggleVisible}
+        />
+      </div>
+      <div className={`help-slideout ${isVisible ? 'open' : 'closed'}`}>
+        <div className='help-button'>
+          <Icon
+            icon='times'
+            onClick={toggleVisible}
+          />
+        </div>
+        <ReactMd
+          className='help-content'
+          escapeHtml={false}
+          source={md}
+        />
+      </div>
+    </div>
+  );
+}
+
+export default React.memo(styled(HelpOverlay)`
+  .help-button {
+    color: var(--color-text);
+    cursor: pointer;
+    font-size: 2rem;
+    padding: 0.35rem 1.5rem 0 0;
+  }
+
+  > .help-button {
+    position: absolute;
+    right: 0rem;
+    top: 0rem;
+    z-index: 10;
+  }
+
+  .help-slideout {
+    background: var(--bg-page);
+    box-shadow: -6px 0px 20px 0px rgba(0, 0, 0, 0.3);
+    bottom: 0;
+    max-width: 50rem;
+    overflow-y: scroll;
+    position: fixed;
+    right: -50rem;
+    top: 0;
+    transition-duration: .5s;
+    transition-property: all;
+    z-index: 225; /* 5 more than menubar */
+
+    .help-button {
+      text-align: right;
+    }
+
+    .help-content {
+      padding: 1rem 1.5rem 5rem;
+    }
+
+    &.open {
+      right: 0;
+    }
+  }
+`);
diff --git a/packages/react-components/src/Icon.tsx b/packages/react-components/src/Icon.tsx
new file mode 100644
index 0000000..0cb4a46
--- /dev/null
+++ b/packages/react-components/src/Icon.tsx
@@ -0,0 +1,89 @@
+// Copyright 2017-2022 @polkadot/react-components authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { IconName } from '@fortawesome/fontawesome-svg-core';
+
+import { library } from '@fortawesome/fontawesome-svg-core';
+import { fas } from '@fortawesome/free-solid-svg-icons';
+import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
+import React from 'react';
+import styled from 'styled-components';
+
+interface Props {
+  className?: string;
+  color?: 'gray' | 'green' | 'normal' | 'orange' | 'red' | 'transparent' | 'white' | 'darkGray';
+  icon: IconName;
+  isPadded?: boolean;
+  isSpinning?: boolean;
+  onClick?: () => void;
+  size?: '1x' | '2x';
+  tooltip?: string;
+}
+
+// one-time init of FA libraries
+library.add(fas);
+
+function Icon ({ className = '', color = 'normal', icon, isPadded, isSpinning, onClick, size = '1x', tooltip }: Props): React.ReactElement<Props> {
+  const extraProps: Record<string, unknown> = {
+    'data-testid': icon,
+    ...(tooltip
+      ? {
+        'data-for': tooltip,
+        'data-tip': true
+      }
+      : {}
+    )
+  };
+
+  return (
+    <FontAwesomeIcon
+      {...extraProps}
+      className={`ui--Icon ${color}Color${onClick ? ' isClickable' : ''}${isPadded ? ' isPadded' : ''} ${className}`}
+      icon={icon}
+      onClick={onClick}
+      size={size}
+      spin={isSpinning}
+      tabIndex={-1}
+    />
+  );
+}
+
+export default React.memo(styled(Icon)`
+  outline: none;
+
+  &.isClickable {
+    cursor: pointer;
+  }
+
+  &.isPadded {
+    margin: 0 0.25rem;
+  }
+
+  &.grayColor {
+    opacity: 0.25;
+  }
+
+  &.greenColor {
+    color: green;
+  }
+
+  &.orangeColor {
+    color: darkorange;
+  }
+
+  &.redColor {
+    color: darkred;
+  }
+
+  &.transparentColor {
+    color: transparent;
+  }
+
+  &.whiteColor {
+    color: white;
+  }
+
+  &.darkGrayColor {
+    color: #8B8B8B;
+  }
+`);
diff --git a/packages/react-components/src/IconLink.tsx b/packages/react-components/src/IconLink.tsx
new file mode 100644
index 0000000..5edcded
--- /dev/null
+++ b/packages/react-components/src/IconLink.tsx
@@ -0,0 +1,38 @@
+// Copyright 2017-2022 @polkadot/react-components authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import React from 'react';
+import styled from 'styled-components';
+
+import Icon from './Icon';
+
+interface Props {
+  className?: string;
+  href?: string;
+  icon?: string;
+  label?: React.ReactNode;
+  rel?: string;
+  target?: string;
+  onClick: () => void;
+}
+
+function IconLink ({ className = '', href, icon, label, onClick, rel, target }: Props): React.ReactElement<Props> {
+  return (
+    <a
+      className={className}
+      href={href}
+      onClick={onClick}
+      rel={rel}
+      target={target}
+    >
+      {icon && <Icon icon={icon} />}
+      {label}
+    </a>
+  );
+}
+
+export default React.memo(styled(IconLink)`
+  .ui--Icon {
+    margin-right: 0.5em;
+  }
+`);
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/backgrounds/bg1/000-robotBG-11.png b/packages/react-components/src/IdentityIcon/RoboHash/backgrounds/bg1/000-robotBG-11.png
new file mode 100644
index 0000000..4c6ef3f
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/backgrounds/bg1/000-robotBG-11.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/backgrounds/bg1/001-robotBG-12.png b/packages/react-components/src/IdentityIcon/RoboHash/backgrounds/bg1/001-robotBG-12.png
new file mode 100644
index 0000000..36dfb00
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/backgrounds/bg1/001-robotBG-12.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/backgrounds/bg1/002-final3.png b/packages/react-components/src/IdentityIcon/RoboHash/backgrounds/bg1/002-final3.png
new file mode 100644
index 0000000..a97011a
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/backgrounds/bg1/002-final3.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/backgrounds/bg1/003-final2.png b/packages/react-components/src/IdentityIcon/RoboHash/backgrounds/bg1/003-final2.png
new file mode 100644
index 0000000..e5a37df
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/backgrounds/bg1/003-final2.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/backgrounds/bg1/004-final4.png b/packages/react-components/src/IdentityIcon/RoboHash/backgrounds/bg1/004-final4.png
new file mode 100644
index 0000000..33f71f0
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/backgrounds/bg1/004-final4.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/backgrounds/bg1/005-final5.png b/packages/react-components/src/IdentityIcon/RoboHash/backgrounds/bg1/005-final5.png
new file mode 100644
index 0000000..d2bec63
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/backgrounds/bg1/005-final5.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/backgrounds/bg1/006-final9.png b/packages/react-components/src/IdentityIcon/RoboHash/backgrounds/bg1/006-final9.png
new file mode 100644
index 0000000..1e2d44e
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/backgrounds/bg1/006-final9.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/backgrounds/bg1/007-final7.png b/packages/react-components/src/IdentityIcon/RoboHash/backgrounds/bg1/007-final7.png
new file mode 100644
index 0000000..ab3a40c
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/backgrounds/bg1/007-final7.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/backgrounds/bg1/008-final10.png b/packages/react-components/src/IdentityIcon/RoboHash/backgrounds/bg1/008-final10.png
new file mode 100644
index 0000000..fa6a5e5
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/backgrounds/bg1/008-final10.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/backgrounds/bg1/009-final6.png b/packages/react-components/src/IdentityIcon/RoboHash/backgrounds/bg1/009-final6.png
new file mode 100644
index 0000000..7809664
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/backgrounds/bg1/009-final6.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/backgrounds/bg1/010-final8.png b/packages/react-components/src/IdentityIcon/RoboHash/backgrounds/bg1/010-final8.png
new file mode 100644
index 0000000..0bf579e
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/backgrounds/bg1/010-final8.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/backgrounds/bg1/011-final1.png b/packages/react-components/src/IdentityIcon/RoboHash/backgrounds/bg1/011-final1.png
new file mode 100644
index 0000000..80bcedc
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/backgrounds/bg1/011-final1.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/backgrounds/bg1/012-robotBG-10.png b/packages/react-components/src/IdentityIcon/RoboHash/backgrounds/bg1/012-robotBG-10.png
new file mode 100644
index 0000000..11d2261
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/backgrounds/bg1/012-robotBG-10.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/backgrounds/bg2/000-robotBG-06.png b/packages/react-components/src/IdentityIcon/RoboHash/backgrounds/bg2/000-robotBG-06.png
new file mode 100644
index 0000000..3064784
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/backgrounds/bg2/000-robotBG-06.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/backgrounds/bg2/001-robotBG-08.png b/packages/react-components/src/IdentityIcon/RoboHash/backgrounds/bg2/001-robotBG-08.png
new file mode 100644
index 0000000..1957d1c
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/backgrounds/bg2/001-robotBG-08.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/backgrounds/bg2/002-robotBG-04.png b/packages/react-components/src/IdentityIcon/RoboHash/backgrounds/bg2/002-robotBG-04.png
new file mode 100644
index 0000000..a7ff6ed
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/backgrounds/bg2/002-robotBG-04.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/backgrounds/bg2/003-robotBG-03.png b/packages/react-components/src/IdentityIcon/RoboHash/backgrounds/bg2/003-robotBG-03.png
new file mode 100644
index 0000000..7e4dffe
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/backgrounds/bg2/003-robotBG-03.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/backgrounds/bg2/004-robotBG-01.png b/packages/react-components/src/IdentityIcon/RoboHash/backgrounds/bg2/004-robotBG-01.png
new file mode 100644
index 0000000..205572f
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/backgrounds/bg2/004-robotBG-01.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/backgrounds/bg2/005-robotBG-02.png b/packages/react-components/src/IdentityIcon/RoboHash/backgrounds/bg2/005-robotBG-02.png
new file mode 100644
index 0000000..b431f23
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/backgrounds/bg2/005-robotBG-02.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/backgrounds/bg2/006-robotBG-07.png b/packages/react-components/src/IdentityIcon/RoboHash/backgrounds/bg2/006-robotBG-07.png
new file mode 100644
index 0000000..5341787
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/backgrounds/bg2/006-robotBG-07.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/backgrounds/index.ts b/packages/react-components/src/IdentityIcon/RoboHash/backgrounds/index.ts
new file mode 100644
index 0000000..2f78f8a
--- /dev/null
+++ b/packages/react-components/src/IdentityIcon/RoboHash/backgrounds/index.ts
@@ -0,0 +1,29 @@
+// Copyright 2017-2022 @polkadot/react-components authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+// Automatically generated, do not edit
+
+import b010 from './bg1/000-robotBG-11.png';
+import b011 from './bg1/001-robotBG-12.png';
+import b003 from './bg1/002-final3.png';
+import b002 from './bg1/003-final2.png';
+import b004 from './bg1/004-final4.png';
+import b005 from './bg1/005-final5.png';
+import b009 from './bg1/006-final9.png';
+import b007 from './bg1/007-final7.png';
+import b001 from './bg1/008-final10.png';
+import b006 from './bg1/009-final6.png';
+import b008 from './bg1/010-final8.png';
+import b000 from './bg1/011-final1.png';
+import b012 from './bg1/012-robotBG-10.png';
+import b013 from './bg2/000-robotBG-06.png';
+import b014 from './bg2/001-robotBG-08.png';
+import b015 from './bg2/002-robotBG-04.png';
+import b016 from './bg2/003-robotBG-03.png';
+import b017 from './bg2/004-robotBG-01.png';
+import b018 from './bg2/005-robotBG-02.png';
+import b019 from './bg2/006-robotBG-07.png';
+
+const backgrounds: unknown[] = [b000, b001, b002, b003, b004, b005, b006, b007, b008, b009, b010, b011, b012, b013, b014, b015, b016, b017, b018, b019];
+
+export default backgrounds;
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/index.tsx b/packages/react-components/src/IdentityIcon/RoboHash/index.tsx
new file mode 100644
index 0000000..fedf193
--- /dev/null
+++ b/packages/react-components/src/IdentityIcon/RoboHash/index.tsx
@@ -0,0 +1,105 @@
+// Copyright 2017-2022 @polkadot/react-components authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+// Robots lovingly delivered by Robohash.org
+// https://github.com/e1ven/Robohash
+//
+// The "set1" artwork (and robohash backgrounds) were created by Zikri Kader. They are available under CC-BY-3.0 or CC-BY-4.0 license.
+// The "set2" artwork was created by Hrvoje Novakovic. They are available under CC-BY-3.0 license.
+// The "set3" artwork was created by Julian Peter Arias. They are available under CC-BY-3.0 license.
+// The Cats/"set4" were created by David Revoy, used under CC-BY-4.0 https://www.peppercarrot.com/en/article391/cat-avatar-generator
+// The avatars used in "set5" were created by Pablo Stanley, for https://avataaars.com/ They are "Free for personal and commercial use. 😇"
+
+import React, { useMemo } from 'react';
+import styled from 'styled-components';
+
+import { blake2AsU8a } from '@polkadot/util-crypto';
+
+import backgrounds from './backgrounds';
+import sets from './sets';
+
+interface Props {
+  className?: string;
+  publicKey: string;
+  size: number;
+}
+
+interface HashRef {
+  hash: Uint8Array;
+  index: number;
+}
+
+function getIndex <T> (list: T[], hash: HashRef): T {
+  let value = 0;
+
+  // grab 48 bits worth of data (last increment before max int)
+  // (6 also doesn't divide into 32, so we have a rolling window)
+  for (let i = 0; i < 6; i++) {
+    value = (value * 256) + hash.hash[hash.index];
+    hash.index++;
+
+    if (hash.index === 32) {
+      hash.index = 0;
+    }
+  }
+
+  return list[value % list.length];
+}
+
+function createInfo (value: string): string[] {
+  const hash = {
+    hash: blake2AsU8a(value),
+    index: 0
+  };
+  const result = [getIndex(backgrounds, hash) as string];
+
+  getIndex(sets, hash).forEach((section): void => {
+    result.push(getIndex(section, hash) as string);
+  });
+
+  return result;
+}
+
+function RoboHash ({ className, publicKey, size }: Props): React.ReactElement<Props> | null {
+  const info = useMemo(
+    () => createInfo(publicKey),
+    [publicKey]
+  );
+  const style = useMemo(
+    () => ({ height: `${size}px`, width: `${size}px` }),
+    [size]
+  );
+
+  return (
+    <div
+      className={className}
+      style={style}
+    >
+      {info.map((src, index) =>
+        <img
+          key={index}
+          src={src}
+        />
+      )}
+    </div>
+  );
+}
+
+export default React.memo(styled(RoboHash)`
+  background: var(--bg-page);
+  border-radius: 50%;
+  position: relative;
+  overflow: hidden;
+
+  img {
+    height: 100%;
+    left: 0;
+    position: absolute;
+    top: 0;
+    width: 100%;
+
+    &:first-child {
+      opacity: 0.35;
+    }
+  }
+`);
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/index.ts b/packages/react-components/src/IdentityIcon/RoboHash/sets/index.ts
new file mode 100644
index 0000000..d087739
--- /dev/null
+++ b/packages/react-components/src/IdentityIcon/RoboHash/sets/index.ts
@@ -0,0 +1,1628 @@
+// Copyright 2017-2022 @polkadot/react-components authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+// Automatically generated, do not edit
+
+import s000004000 from './set1-blue/000-Mouth/000-blue_mouth-10.png';
+import s000004001 from './set1-blue/000-Mouth/001-blue_mouth-07.png';
+import s000004002 from './set1-blue/000-Mouth/002-blue_mouth-04.png';
+import s000004003 from './set1-blue/000-Mouth/003-blue_mouth-05.png';
+import s000004004 from './set1-blue/000-Mouth/004-blue_mouth-01.png';
+import s000004005 from './set1-blue/000-Mouth/005-blue_mouth-02.png';
+import s000004006 from './set1-blue/000-Mouth/006-blue_mouth-06.png';
+import s000004007 from './set1-blue/000-Mouth/007-blue_mouth-08.png';
+import s000004008 from './set1-blue/000-Mouth/008-blue_mouth-09.png';
+import s000004009 from './set1-blue/000-Mouth/009-blue_mouth-03.png';
+import s000003000 from './set1-blue/001-Eyes/000-blue_eyes-07.png';
+import s000003001 from './set1-blue/001-Eyes/001-blue_eyes-09.png';
+import s000003002 from './set1-blue/001-Eyes/002-blue_eyes-10.png';
+import s000003003 from './set1-blue/001-Eyes/003-blue_eyes-02.png';
+import s000003004 from './set1-blue/001-Eyes/004-blue_eyes-03.png';
+import s000003005 from './set1-blue/001-Eyes/005-blue_eyes-05.png';
+import s000003006 from './set1-blue/001-Eyes/006-blue_eyes-06.png';
+import s000003007 from './set1-blue/001-Eyes/007-blue_eyes-01.png';
+import s000003008 from './set1-blue/001-Eyes/008-blue_eyes-08.png';
+import s000003009 from './set1-blue/001-Eyes/009-blue_eyes-04.png';
+import s000002000 from './set1-blue/002-Accessory/000-blue_accessory-02.png';
+import s000002001 from './set1-blue/002-Accessory/001-blue_accessory-01.png';
+import s000002002 from './set1-blue/002-Accessory/002-blue_accessory-07.png';
+import s000002003 from './set1-blue/002-Accessory/003-blue_accessory-03.png';
+import s000002004 from './set1-blue/002-Accessory/004-blue_accessory-05.png';
+import s000002005 from './set1-blue/002-Accessory/005-blue_accessory-09.png';
+import s000002006 from './set1-blue/002-Accessory/006-blue_accessory-04.png';
+import s000002007 from './set1-blue/002-Accessory/007-blue_accessory-10.png';
+import s000002008 from './set1-blue/002-Accessory/008-blue_accessory-06.png';
+import s000002009 from './set1-blue/002-Accessory/009-blue_accessory-08.png';
+import s000000000 from './set1-blue/003-01Body/000-blue_body-10.png';
+import s000000001 from './set1-blue/003-01Body/001-blue_body-09.png';
+import s000000002 from './set1-blue/003-01Body/002-blue_body-03.png';
+import s000000003 from './set1-blue/003-01Body/003-blue_body-07.png';
+import s000000004 from './set1-blue/003-01Body/004-blue_body-04.png';
+import s000000005 from './set1-blue/003-01Body/005-blue_body-05.png';
+import s000000006 from './set1-blue/003-01Body/006-blue_body-01.png';
+import s000000007 from './set1-blue/003-01Body/007-blue_body-06.png';
+import s000000008 from './set1-blue/003-01Body/008-blue_body-08.png';
+import s000000009 from './set1-blue/003-01Body/009-blue_body-02.png';
+import s000001000 from './set1-blue/004-02Face/000-blue_face-07.png';
+import s000001001 from './set1-blue/004-02Face/001-blue_face-03.png';
+import s000001002 from './set1-blue/004-02Face/002-blue_face-08.png';
+import s000001003 from './set1-blue/004-02Face/003-blue_face-01.png';
+import s000001004 from './set1-blue/004-02Face/004-blue_face-05.png';
+import s000001005 from './set1-blue/004-02Face/005-blue_face-10.png';
+import s000001006 from './set1-blue/004-02Face/006-blue_face-02.png';
+import s000001007 from './set1-blue/004-02Face/007-blue_face-09.png';
+import s000001008 from './set1-blue/004-02Face/008-blue_face-04.png';
+import s000001009 from './set1-blue/004-02Face/009-blue_face-06.png';
+import s001004000 from './set1-brown/000-Mouth/000-brown_mouth-02.png';
+import s001004001 from './set1-brown/000-Mouth/001-brown_mouth-01.png';
+import s001004002 from './set1-brown/000-Mouth/002-brown_mouth-07.png';
+import s001004003 from './set1-brown/000-Mouth/003-brown_mouth-05.png';
+import s001004004 from './set1-brown/000-Mouth/004-brown_mouth-04.png';
+import s001004005 from './set1-brown/000-Mouth/005-brown_mouth-06.png';
+import s001004006 from './set1-brown/000-Mouth/006-brown_mouth-08.png';
+import s001004007 from './set1-brown/000-Mouth/007-brown_mouth-09.png';
+import s001004008 from './set1-brown/000-Mouth/008-brown_mouth-10.png';
+import s001004009 from './set1-brown/000-Mouth/009-brown_mouth-03.png';
+import s001003000 from './set1-brown/001-Eyes/000-brown_eyes-05.png';
+import s001003001 from './set1-brown/001-Eyes/001-brown_eyes-06.png';
+import s001003002 from './set1-brown/001-Eyes/002-brown_eyes-04.png';
+import s001003003 from './set1-brown/001-Eyes/003-brown_eyes-03.png';
+import s001003004 from './set1-brown/001-Eyes/004-brown_eyes-09.png';
+import s001003005 from './set1-brown/001-Eyes/005-brown_eyes-07.png';
+import s001003006 from './set1-brown/001-Eyes/006-brown_eyes-08.png';
+import s001003007 from './set1-brown/001-Eyes/007-brown_eyes-01.png';
+import s001003008 from './set1-brown/001-Eyes/008-brown_eyes-02.png';
+import s001003009 from './set1-brown/001-Eyes/009-brown_eyes-10.png';
+import s001002000 from './set1-brown/002-Accessory/000-brown_accessory-07.png';
+import s001002001 from './set1-brown/002-Accessory/001-brown_accessory-08.png';
+import s001002002 from './set1-brown/002-Accessory/002-brown_accessory-03.png';
+import s001002003 from './set1-brown/002-Accessory/003-brown_accessory-06.png';
+import s001002004 from './set1-brown/002-Accessory/004-brown_accessory-01.png';
+import s001002005 from './set1-brown/002-Accessory/005-brown_accessory-09.png';
+import s001002006 from './set1-brown/002-Accessory/006-brown_accessory-02.png';
+import s001002007 from './set1-brown/002-Accessory/007-brown_accessory-05.png';
+import s001002008 from './set1-brown/002-Accessory/008-brown_accessory-10.png';
+import s001002009 from './set1-brown/002-Accessory/009-brown_accessory-04.png';
+import s001000000 from './set1-brown/003-01Body/000-brown_body-06.png';
+import s001000001 from './set1-brown/003-01Body/001-brown_body-08.png';
+import s001000002 from './set1-brown/003-01Body/002-brown_body-03.png';
+import s001000003 from './set1-brown/003-01Body/003-brown_body-01.png';
+import s001000004 from './set1-brown/003-01Body/004-brown_body-07.png';
+import s001000005 from './set1-brown/003-01Body/005-brown_body-04.png';
+import s001000006 from './set1-brown/003-01Body/006-brown_body-10.png';
+import s001000007 from './set1-brown/003-01Body/007-brown_body-09.png';
+import s001000008 from './set1-brown/003-01Body/008-brown_body-02.png';
+import s001000009 from './set1-brown/003-01Body/009-brown_body-05.png';
+import s001001000 from './set1-brown/004-02Face/000-brown_face-09.png';
+import s001001001 from './set1-brown/004-02Face/001-brown_face-02.png';
+import s001001002 from './set1-brown/004-02Face/002-brown_face-08.png';
+import s001001003 from './set1-brown/004-02Face/003-brown_face-07.png';
+import s001001004 from './set1-brown/004-02Face/004-brown_face-06.png';
+import s001001005 from './set1-brown/004-02Face/005-brown_face-05.png';
+import s001001006 from './set1-brown/004-02Face/006-brown_face-03.png';
+import s001001007 from './set1-brown/004-02Face/007-brown_face-10.png';
+import s001001008 from './set1-brown/004-02Face/008-brown_face-01.png';
+import s001001009 from './set1-brown/004-02Face/009-brown_face-04.png';
+import s002004000 from './set1-green/000-Mouth/000-green_mouth-08.png';
+import s002004001 from './set1-green/000-Mouth/001-green_mouth-04.png';
+import s002004002 from './set1-green/000-Mouth/002-green_mouth-06.png';
+import s002004003 from './set1-green/000-Mouth/003-green_mouth-02.png';
+import s002004004 from './set1-green/000-Mouth/004-green_mouth-03.png';
+import s002004005 from './set1-green/000-Mouth/005-green_mouth-01.png';
+import s002004006 from './set1-green/000-Mouth/006-green_mouth-07.png';
+import s002004007 from './set1-green/000-Mouth/007-green_mouth-10.png';
+import s002004008 from './set1-green/000-Mouth/008-green_mouth-05.png';
+import s002004009 from './set1-green/000-Mouth/009-green_mouth-09.png';
+import s002003000 from './set1-green/001-Eyes/000-green_eyes-05.png';
+import s002003001 from './set1-green/001-Eyes/001-green_eyes-07.png';
+import s002003002 from './set1-green/001-Eyes/002-green_eyes-02.png';
+import s002003003 from './set1-green/001-Eyes/003-green_eyes-01.png';
+import s002003004 from './set1-green/001-Eyes/004-green_eyes-09.png';
+import s002003005 from './set1-green/001-Eyes/005-green_eyes-04.png';
+import s002003006 from './set1-green/001-Eyes/006-green_eyes-10.png';
+import s002003007 from './set1-green/001-Eyes/007-green_eyes-08.png';
+import s002003008 from './set1-green/001-Eyes/008-green_eyes-06.png';
+import s002003009 from './set1-green/001-Eyes/009-green_eyes-03.png';
+import s002002000 from './set1-green/002-Accessory/000-green_accessory-07.png';
+import s002002001 from './set1-green/002-Accessory/001-green_accessory-03.png';
+import s002002002 from './set1-green/002-Accessory/002-green_accessory-08.png';
+import s002002003 from './set1-green/002-Accessory/003-green_accessory-05.png';
+import s002002004 from './set1-green/002-Accessory/004-green_accessory-01.png';
+import s002002005 from './set1-green/002-Accessory/005-green_accessory-04.png';
+import s002002006 from './set1-green/002-Accessory/006-green_accessory-06.png';
+import s002002007 from './set1-green/002-Accessory/007-green_accessory-10.png';
+import s002002008 from './set1-green/002-Accessory/008-green_accessory-02.png';
+import s002002009 from './set1-green/002-Accessory/009-green_accessory-09.png';
+import s002000000 from './set1-green/003-01Body/000-green_body-08.png';
+import s002000001 from './set1-green/003-01Body/001-green_body-01.png';
+import s002000002 from './set1-green/003-01Body/002-green_body-02.png';
+import s002000003 from './set1-green/003-01Body/003-green_body-06.png';
+import s002000004 from './set1-green/003-01Body/004-green_body-04.png';
+import s002000005 from './set1-green/003-01Body/005-green_body-07.png';
+import s002000006 from './set1-green/003-01Body/006-green_body-03.png';
+import s002000007 from './set1-green/003-01Body/007-green_body-10.png';
+import s002000008 from './set1-green/003-01Body/008-green_body-05.png';
+import s002000009 from './set1-green/003-01Body/009-green_body-09.png';
+import s002001000 from './set1-green/004-02Face/000-green_face-10.png';
+import s002001001 from './set1-green/004-02Face/001-green_face-09.png';
+import s002001002 from './set1-green/004-02Face/002-green_face-03.png';
+import s002001003 from './set1-green/004-02Face/003-green_face-06.png';
+import s002001004 from './set1-green/004-02Face/004-green_face-07.png';
+import s002001005 from './set1-green/004-02Face/005-green_face-08.png';
+import s002001006 from './set1-green/004-02Face/006-green_face-04.png';
+import s002001007 from './set1-green/004-02Face/007-green_face-02.png';
+import s002001008 from './set1-green/004-02Face/008-green_face-01.png';
+import s002001009 from './set1-green/004-02Face/009-green_face-05.png';
+import s003004000 from './set1-grey/000-Mouth/000-grey_mouth-08.png';
+import s003004001 from './set1-grey/000-Mouth/001-grey_mouth-03.png';
+import s003004002 from './set1-grey/000-Mouth/002-grey_mouth-01.png';
+import s003004003 from './set1-grey/000-Mouth/003-grey_mouth-07.png';
+import s003004004 from './set1-grey/000-Mouth/004-grey_mouth-02.png';
+import s003004005 from './set1-grey/000-Mouth/005-grey_mouth-09.png';
+import s003004006 from './set1-grey/000-Mouth/006-grey_mouth-04.png';
+import s003004007 from './set1-grey/000-Mouth/007-grey_mouth-05.png';
+import s003004008 from './set1-grey/000-Mouth/008-grey_mouth-06.png';
+import s003004009 from './set1-grey/000-Mouth/009-grey_mouth-10.png';
+import s003003000 from './set1-grey/001-Eyes/000-grey_eyes-06.png';
+import s003003001 from './set1-grey/001-Eyes/001-grey_eyes-05.png';
+import s003003002 from './set1-grey/001-Eyes/002-grey_eyes-04.png';
+import s003003003 from './set1-grey/001-Eyes/003-grey_eyes-08.png';
+import s003003004 from './set1-grey/001-Eyes/004-grey_eyes-03.png';
+import s003003005 from './set1-grey/001-Eyes/005-grey_eyes-10.png';
+import s003003006 from './set1-grey/001-Eyes/006-grey_eyes-07.png';
+import s003003007 from './set1-grey/001-Eyes/007-grey_eyes-09.png';
+import s003003008 from './set1-grey/001-Eyes/008-grey_eyes-01.png';
+import s003003009 from './set1-grey/001-Eyes/009-grey_eyes-02.png';
+import s003002000 from './set1-grey/002-Accessory/000-grey_accessory-01.png';
+import s003002001 from './set1-grey/002-Accessory/001-grey_accessory-03.png';
+import s003002002 from './set1-grey/002-Accessory/002-grey_accessory-07.png';
+import s003002003 from './set1-grey/002-Accessory/003-grey_accessory-09.png';
+import s003002004 from './set1-grey/002-Accessory/004-grey_accessory-05.png';
+import s003002005 from './set1-grey/002-Accessory/005-grey_accessory-10.png';
+import s003002006 from './set1-grey/002-Accessory/006-grey_accessory-06.png';
+import s003002007 from './set1-grey/002-Accessory/007-grey_accessory-02.png';
+import s003002008 from './set1-grey/002-Accessory/008-grey_accessory-08.png';
+import s003002009 from './set1-grey/002-Accessory/009-grey_accessory-04.png';
+import s003000000 from './set1-grey/003-01Body/000-grey_body-03.png';
+import s003000001 from './set1-grey/003-01Body/001-grey_body-09.png';
+import s003000002 from './set1-grey/003-01Body/002-grey_body-04.png';
+import s003000003 from './set1-grey/003-01Body/003-grey_body-01.png';
+import s003000004 from './set1-grey/003-01Body/004-grey_body-10.png';
+import s003000005 from './set1-grey/003-01Body/005-grey_body-05.png';
+import s003000006 from './set1-grey/003-01Body/006-grey_body-06.png';
+import s003000007 from './set1-grey/003-01Body/007-grey_body-07.png';
+import s003000008 from './set1-grey/003-01Body/008-grey_body-08.png';
+import s003000009 from './set1-grey/003-01Body/009-grey_body-02.png';
+import s003001000 from './set1-grey/004-02Face/000-grey_face-10.png';
+import s003001001 from './set1-grey/004-02Face/001-grey_face-03.png';
+import s003001002 from './set1-grey/004-02Face/002-grey_face-01.png';
+import s003001003 from './set1-grey/004-02Face/003-grey_face-08.png';
+import s003001004 from './set1-grey/004-02Face/004-grey_face-06.png';
+import s003001005 from './set1-grey/004-02Face/005-grey_face-04.png';
+import s003001006 from './set1-grey/004-02Face/006-grey_face-07.png';
+import s003001007 from './set1-grey/004-02Face/007-grey_face-05.png';
+import s003001008 from './set1-grey/004-02Face/008-grey_face-09.png';
+import s003001009 from './set1-grey/004-02Face/009-grey_face-02.png';
+import s004004000 from './set1-orange/000-Mouth/000-orange_mouth-07.png';
+import s004004001 from './set1-orange/000-Mouth/001-orange_mouth-01.png';
+import s004004002 from './set1-orange/000-Mouth/002-orange_mouth-08.png';
+import s004004003 from './set1-orange/000-Mouth/003-orange_mouth-05.png';
+import s004004004 from './set1-orange/000-Mouth/004-orange_mouth-10.png';
+import s004004005 from './set1-orange/000-Mouth/005-orange_mouth-02.png';
+import s004004006 from './set1-orange/000-Mouth/006-orange_mouth-06.png';
+import s004004007 from './set1-orange/000-Mouth/007-orange_mouth-09.png';
+import s004004008 from './set1-orange/000-Mouth/008-orange_mouth-03.png';
+import s004004009 from './set1-orange/000-Mouth/009-orange_mouth-04.png';
+import s004003000 from './set1-orange/001-Eyes/000-orange_eyes-05.png';
+import s004003001 from './set1-orange/001-Eyes/001-orange_eyes-01.png';
+import s004003002 from './set1-orange/001-Eyes/002-orange_eyes-09.png';
+import s004003003 from './set1-orange/001-Eyes/003-orange_eyes-06.png';
+import s004003004 from './set1-orange/001-Eyes/004-orange_eyes-02.png';
+import s004003005 from './set1-orange/001-Eyes/005-orange_eyes-10.png';
+import s004003006 from './set1-orange/001-Eyes/006-orange_eyes-04.png';
+import s004003007 from './set1-orange/001-Eyes/007-orange_eyes-07.png';
+import s004003008 from './set1-orange/001-Eyes/008-orange_eyes-08.png';
+import s004003009 from './set1-orange/001-Eyes/009-orange_eyes-03.png';
+import s004002000 from './set1-orange/002-Accessory/000-orange_accessory-05.png';
+import s004002001 from './set1-orange/002-Accessory/001-orange_accessory-03.png';
+import s004002002 from './set1-orange/002-Accessory/002-orange_accessory-10.png';
+import s004002003 from './set1-orange/002-Accessory/003-orange_accessory-08.png';
+import s004002004 from './set1-orange/002-Accessory/004-orange_accessory-09.png';
+import s004002005 from './set1-orange/002-Accessory/005-orange_accessory-01.png';
+import s004002006 from './set1-orange/002-Accessory/006-orange_accessory-02.png';
+import s004002007 from './set1-orange/002-Accessory/007-orange_accessory-06.png';
+import s004002008 from './set1-orange/002-Accessory/008-orange_accessory-04.png';
+import s004002009 from './set1-orange/002-Accessory/009-orange_accessory-07.png';
+import s004000000 from './set1-orange/003-01Body/000-orange_body-07.png';
+import s004000001 from './set1-orange/003-01Body/001-orange_body-05.png';
+import s004000002 from './set1-orange/003-01Body/002-orange_body-03.png';
+import s004000003 from './set1-orange/003-01Body/003-orange_body-06.png';
+import s004000004 from './set1-orange/003-01Body/004-orange_body-10.png';
+import s004000005 from './set1-orange/003-01Body/005-orange_body-08.png';
+import s004000006 from './set1-orange/003-01Body/006-orange_body-09.png';
+import s004000007 from './set1-orange/003-01Body/007-orange_body-02.png';
+import s004000008 from './set1-orange/003-01Body/008-orange_body-04.png';
+import s004000009 from './set1-orange/003-01Body/009-orange_body-01.png';
+import s004001000 from './set1-orange/004-02Face/000-orange_face-01.png';
+import s004001001 from './set1-orange/004-02Face/001-orange_face-03.png';
+import s004001002 from './set1-orange/004-02Face/002-orange_face-05.png';
+import s004001003 from './set1-orange/004-02Face/003-orange_face-08.png';
+import s004001004 from './set1-orange/004-02Face/004-orange_face-09.png';
+import s004001005 from './set1-orange/004-02Face/005-orange_face-07.png';
+import s004001006 from './set1-orange/004-02Face/006-orange_face-06.png';
+import s004001007 from './set1-orange/004-02Face/007-orange_face-10.png';
+import s004001008 from './set1-orange/004-02Face/008-orange_face-04.png';
+import s004001009 from './set1-orange/004-02Face/009-orange_face-02.png';
+import s005004000 from './set1-pink/000-Mouth/000-pink_mouth-03.png';
+import s005004001 from './set1-pink/000-Mouth/001-pink_mouth-02.png';
+import s005004002 from './set1-pink/000-Mouth/002-pink_mouth-08.png';
+import s005004003 from './set1-pink/000-Mouth/003-pink_mouth-01.png';
+import s005004004 from './set1-pink/000-Mouth/004-pink_mouth-07.png';
+import s005004005 from './set1-pink/000-Mouth/005-pink_mouth-04.png';
+import s005004006 from './set1-pink/000-Mouth/006-pink_mouth-05.png';
+import s005004007 from './set1-pink/000-Mouth/007-pink_mouth-06.png';
+import s005004008 from './set1-pink/000-Mouth/008-pink_mouth-10.png';
+import s005004009 from './set1-pink/000-Mouth/009-pink_mouth-09.png';
+import s005003000 from './set1-pink/001-Eyes/000-pink_eyes-05.png';
+import s005003001 from './set1-pink/001-Eyes/001-pink_eyes-01.png';
+import s005003002 from './set1-pink/001-Eyes/002-pink_eyes-02.png';
+import s005003003 from './set1-pink/001-Eyes/003-pink_eyes-06.png';
+import s005003004 from './set1-pink/001-Eyes/004-pink_eyes-10.png';
+import s005003005 from './set1-pink/001-Eyes/005-pink_eyes-04.png';
+import s005003006 from './set1-pink/001-Eyes/006-pink_eyes-09.png';
+import s005003007 from './set1-pink/001-Eyes/007-pink_eyes-07.png';
+import s005003008 from './set1-pink/001-Eyes/008-pink_eyes-08.png';
+import s005003009 from './set1-pink/001-Eyes/009-pink_eyes-03.png';
+import s005002000 from './set1-pink/002-Accessory/000-pink_accessory-07.png';
+import s005002001 from './set1-pink/002-Accessory/001-pink_accessory-02.png';
+import s005002002 from './set1-pink/002-Accessory/002-pink_accessory-01.png';
+import s005002003 from './set1-pink/002-Accessory/003-pink_accessory-06.png';
+import s005002004 from './set1-pink/002-Accessory/004-pink_accessory-10.png';
+import s005002005 from './set1-pink/002-Accessory/005-pink_accessory-08.png';
+import s005002006 from './set1-pink/002-Accessory/006-pink_accessory-03.png';
+import s005002007 from './set1-pink/002-Accessory/007-pink_accessory-09.png';
+import s005002008 from './set1-pink/002-Accessory/008-pink_accessory-05.png';
+import s005002009 from './set1-pink/002-Accessory/009-pink_accessory-04.png';
+import s005000000 from './set1-pink/003-01Body/000-pink_body-01.png';
+import s005000001 from './set1-pink/003-01Body/001-pink_body-03.png';
+import s005000002 from './set1-pink/003-01Body/002-pink_body-05.png';
+import s005000003 from './set1-pink/003-01Body/003-pink_body-08.png';
+import s005000004 from './set1-pink/003-01Body/004-pink_body-09.png';
+import s005000005 from './set1-pink/003-01Body/005-pink_body-06.png';
+import s005000006 from './set1-pink/003-01Body/006-pink_body-07.png';
+import s005000007 from './set1-pink/003-01Body/007-pink_body-10.png';
+import s005000008 from './set1-pink/003-01Body/008-pink_body-02.png';
+import s005000009 from './set1-pink/003-01Body/009-pink_body-04.png';
+import s005001000 from './set1-pink/004-02Face/000-pink_face-07.png';
+import s005001001 from './set1-pink/004-02Face/001-pink_face-02.png';
+import s005001002 from './set1-pink/004-02Face/002-pink_face-03.png';
+import s005001003 from './set1-pink/004-02Face/003-pink_face-10.png';
+import s005001004 from './set1-pink/004-02Face/004-pink_face-01.png';
+import s005001005 from './set1-pink/004-02Face/005-pink_face-04.png';
+import s005001006 from './set1-pink/004-02Face/006-pink_face-06.png';
+import s005001007 from './set1-pink/004-02Face/007-pink_face-05.png';
+import s005001008 from './set1-pink/004-02Face/008-pink_face-09.png';
+import s005001009 from './set1-pink/004-02Face/009-pink_face-08.png';
+import s006004000 from './set1-purple/000-Mouth/000-purple_mouth-01.png';
+import s006004001 from './set1-purple/000-Mouth/001-purple_mouth-10.png';
+import s006004002 from './set1-purple/000-Mouth/002-purple_mouth-05.png';
+import s006004003 from './set1-purple/000-Mouth/003-purple_mouth-07.png';
+import s006004004 from './set1-purple/000-Mouth/004-purple_mouth-04.png';
+import s006004005 from './set1-purple/000-Mouth/005-purple_mouth-09.png';
+import s006004006 from './set1-purple/000-Mouth/006-purple_mouth-03.png';
+import s006004007 from './set1-purple/000-Mouth/007-purple_mouth-02.png';
+import s006004008 from './set1-purple/000-Mouth/008-purple_mouth-08.png';
+import s006004009 from './set1-purple/000-Mouth/009-purple_mouth-06.png';
+import s006003000 from './set1-purple/001-Eyes/000-purple_eyes-09.png';
+import s006003001 from './set1-purple/001-Eyes/001-purple_eyes-08.png';
+import s006003002 from './set1-purple/001-Eyes/002-purple_eyes-06.png';
+import s006003003 from './set1-purple/001-Eyes/003-purple_eyes-10.png';
+import s006003004 from './set1-purple/001-Eyes/004-purple_eyes-03.png';
+import s006003005 from './set1-purple/001-Eyes/005-purple_eyes-01.png';
+import s006003006 from './set1-purple/001-Eyes/006-purple_eyes-07.png';
+import s006003007 from './set1-purple/001-Eyes/007-purple_eyes-02.png';
+import s006003008 from './set1-purple/001-Eyes/008-purple_eyes-04.png';
+import s006003009 from './set1-purple/001-Eyes/009-purple_eyes-05.png';
+import s006002000 from './set1-purple/002-Accessory/000-purple_accessory-04.png';
+import s006002001 from './set1-purple/002-Accessory/001-purple_accessory-02.png';
+import s006002002 from './set1-purple/002-Accessory/002-purple_accessory-06.png';
+import s006002003 from './set1-purple/002-Accessory/003-purple_accessory-10.png';
+import s006002004 from './set1-purple/002-Accessory/004-purple_accessory-01.png';
+import s006002005 from './set1-purple/002-Accessory/005-purple_accessory-09.png';
+import s006002006 from './set1-purple/002-Accessory/006-purple_accessory-08.png';
+import s006002007 from './set1-purple/002-Accessory/007-purple_accessory-03.png';
+import s006002008 from './set1-purple/002-Accessory/008-purple_accessory-05.png';
+import s006002009 from './set1-purple/002-Accessory/009-purple_accessory-07.png';
+import s006000000 from './set1-purple/003-01Body/000-purple_body-10.png';
+import s006000001 from './set1-purple/003-01Body/001-purple_body-04.png';
+import s006000002 from './set1-purple/003-01Body/002-purple_body-05.png';
+import s006000003 from './set1-purple/003-01Body/003-purple_body-07.png';
+import s006000004 from './set1-purple/003-01Body/004-purple_body-03.png';
+import s006000005 from './set1-purple/003-01Body/005-purple_body-02.png';
+import s006000006 from './set1-purple/003-01Body/006-purple_body-09.png';
+import s006000007 from './set1-purple/003-01Body/007-purple_body-06.png';
+import s006000008 from './set1-purple/003-01Body/008-purple_body-08.png';
+import s006000009 from './set1-purple/003-01Body/009-purple_body-01.png';
+import s006001000 from './set1-purple/004-02Face/000-purple_face-05.png';
+import s006001001 from './set1-purple/004-02Face/001-purple_face-01.png';
+import s006001002 from './set1-purple/004-02Face/002-purple_face-08.png';
+import s006001003 from './set1-purple/004-02Face/003-purple_face-04.png';
+import s006001004 from './set1-purple/004-02Face/004-purple_face-06.png';
+import s006001005 from './set1-purple/004-02Face/005-purple_face-03.png';
+import s006001006 from './set1-purple/004-02Face/006-purple_face-10.png';
+import s006001007 from './set1-purple/004-02Face/007-purple_face-07.png';
+import s006001008 from './set1-purple/004-02Face/008-purple_face-02.png';
+import s006001009 from './set1-purple/004-02Face/009-purple_face-09.png';
+import s007004000 from './set1-red/000-Mouth/000-red_mouth-07.png';
+import s007004001 from './set1-red/000-Mouth/001-red_mouth-05.png';
+import s007004002 from './set1-red/000-Mouth/002-red_mouth-08.png';
+import s007004003 from './set1-red/000-Mouth/003-red_mouth-01.png';
+import s007004004 from './set1-red/000-Mouth/004-red_mouth-03.png';
+import s007004005 from './set1-red/000-Mouth/005-red_mouth-02.png';
+import s007004006 from './set1-red/000-Mouth/006-red_mouth-04.png';
+import s007004007 from './set1-red/000-Mouth/007-red_mouth-09.png';
+import s007004008 from './set1-red/000-Mouth/008-red_mouth-06.png';
+import s007004009 from './set1-red/000-Mouth/009-red_mouth-10.png';
+import s007003000 from './set1-red/001-Eyes/000-red_eyes-07.png';
+import s007003001 from './set1-red/001-Eyes/001-red_eyes-02.png';
+import s007003002 from './set1-red/001-Eyes/002-red_eyes-06.png';
+import s007003003 from './set1-red/001-Eyes/003-red_eyes-09.png';
+import s007003004 from './set1-red/001-Eyes/004-red_eyes-04.png';
+import s007003005 from './set1-red/001-Eyes/005-red_eyes-05.png';
+import s007003006 from './set1-red/001-Eyes/006-red_eyes-01.png';
+import s007003007 from './set1-red/001-Eyes/007-red_eyes-10.png';
+import s007003008 from './set1-red/001-Eyes/008-red_eyes-03.png';
+import s007003009 from './set1-red/001-Eyes/009-red_eyes-08.png';
+import s007002000 from './set1-red/002-Accessory/000-red_accessory-03.png';
+import s007002001 from './set1-red/002-Accessory/001-red_accessory-09.png';
+import s007002002 from './set1-red/002-Accessory/002-red_accessory-07.png';
+import s007002003 from './set1-red/002-Accessory/003-red_accessory-08.png';
+import s007002004 from './set1-red/002-Accessory/004-red_accessory-10.png';
+import s007002005 from './set1-red/002-Accessory/005-red_accessory-05.png';
+import s007002006 from './set1-red/002-Accessory/006-red_accessory-02.png';
+import s007002007 from './set1-red/002-Accessory/007-red_accessory-01.png';
+import s007002008 from './set1-red/002-Accessory/008-red_accessory-04.png';
+import s007002009 from './set1-red/002-Accessory/009-red_accessory-06.png';
+import s007000000 from './set1-red/003-01Body/000-red_body-09.png';
+import s007000001 from './set1-red/003-01Body/001-red_body-01.png';
+import s007000002 from './set1-red/003-01Body/002-red_body-08.png';
+import s007000003 from './set1-red/003-01Body/003-red_body-05.png';
+import s007000004 from './set1-red/003-01Body/004-red_body-10.png';
+import s007000005 from './set1-red/003-01Body/005-red_body-04.png';
+import s007000006 from './set1-red/003-01Body/006-red_body-07.png';
+import s007000007 from './set1-red/003-01Body/007-red_body-06.png';
+import s007000008 from './set1-red/003-01Body/008-red_body-02.png';
+import s007000009 from './set1-red/003-01Body/009-red_body-03.png';
+import s007001000 from './set1-red/004-02Face/000-red_face-08.png';
+import s007001001 from './set1-red/004-02Face/001-red_face-06.png';
+import s007001002 from './set1-red/004-02Face/002-red_face-02.png';
+import s007001003 from './set1-red/004-02Face/003-red_face-05.png';
+import s007001004 from './set1-red/004-02Face/004-red_face-03.png';
+import s007001005 from './set1-red/004-02Face/005-red_face-10.png';
+import s007001006 from './set1-red/004-02Face/006-red_face-04.png';
+import s007001007 from './set1-red/004-02Face/007-red_face-01.png';
+import s007001008 from './set1-red/004-02Face/008-red_face-07.png';
+import s007001009 from './set1-red/004-02Face/009-red_face-09.png';
+import s008004000 from './set1-white/000-Mouth/000-white_mouth-04.png';
+import s008004001 from './set1-white/000-Mouth/001-white_mouth-08.png';
+import s008004002 from './set1-white/000-Mouth/002-white_mouth-05.png';
+import s008004003 from './set1-white/000-Mouth/003-white_mouth-03.png';
+import s008004004 from './set1-white/000-Mouth/004-white_mouth-10.png';
+import s008004005 from './set1-white/000-Mouth/005-white_mouth-07.png';
+import s008004006 from './set1-white/000-Mouth/006-white_mouth-06.png';
+import s008004007 from './set1-white/000-Mouth/007-white_mouth-09.png';
+import s008004008 from './set1-white/000-Mouth/008-white_mouth-02.png';
+import s008004009 from './set1-white/000-Mouth/009-white_mouth-01.png';
+import s008003000 from './set1-white/001-Eyes/000-white_eyes-07.png';
+import s008003001 from './set1-white/001-Eyes/001-white_eyes-10.png';
+import s008003002 from './set1-white/001-Eyes/002-white_eyes-03.png';
+import s008003003 from './set1-white/001-Eyes/003-white_eyes-06.png';
+import s008003004 from './set1-white/001-Eyes/004-white_eyes-04.png';
+import s008003005 from './set1-white/001-Eyes/005-white_eyes-05.png';
+import s008003006 from './set1-white/001-Eyes/006-white_eyes-02.png';
+import s008003007 from './set1-white/001-Eyes/007-white_eyes-09.png';
+import s008003008 from './set1-white/001-Eyes/008-white_eyes-08.png';
+import s008003009 from './set1-white/001-Eyes/009-white_eyes-01.png';
+import s008002000 from './set1-white/002-Accessory/000-white_accessory-04.png';
+import s008002001 from './set1-white/002-Accessory/001-white_accessory-06.png';
+import s008002002 from './set1-white/002-Accessory/002-white_accessory-07.png';
+import s008002003 from './set1-white/002-Accessory/003-white_accessory-09.png';
+import s008002004 from './set1-white/002-Accessory/004-white_accessory-08.png';
+import s008002005 from './set1-white/002-Accessory/005-white_accessory-05.png';
+import s008002006 from './set1-white/002-Accessory/006-white_accessory-10.png';
+import s008002007 from './set1-white/002-Accessory/007-white_accessory-01.png';
+import s008002008 from './set1-white/002-Accessory/008-white_accessory-03.png';
+import s008002009 from './set1-white/002-Accessory/009-white_accessory-02.png';
+import s008000000 from './set1-white/003-01Body/000-white_body-01.png';
+import s008000001 from './set1-white/003-01Body/001-white_body-08.png';
+import s008000002 from './set1-white/003-01Body/002-white_body-06.png';
+import s008000003 from './set1-white/003-01Body/003-white_body-04.png';
+import s008000004 from './set1-white/003-01Body/004-white_body-07.png';
+import s008000005 from './set1-white/003-01Body/005-white_body-02.png';
+import s008000006 from './set1-white/003-01Body/006-white_body-05.png';
+import s008000007 from './set1-white/003-01Body/007-white_body-09.png';
+import s008000008 from './set1-white/003-01Body/008-white_body-03.png';
+import s008000009 from './set1-white/003-01Body/009-white_body-10.png';
+import s008001000 from './set1-white/004-02Face/000-white_face-01.png';
+import s008001001 from './set1-white/004-02Face/001-white_face-07.png';
+import s008001002 from './set1-white/004-02Face/002-white_face-06.png';
+import s008001003 from './set1-white/004-02Face/003-white_face-08.png';
+import s008001004 from './set1-white/004-02Face/004-white_face-10.png';
+import s008001005 from './set1-white/004-02Face/005-white_face-09.png';
+import s008001006 from './set1-white/004-02Face/006-white_face-05.png';
+import s008001007 from './set1-white/004-02Face/007-white_face-04.png';
+import s008001008 from './set1-white/004-02Face/008-white_face-03.png';
+import s008001009 from './set1-white/004-02Face/009-white_face-02.png';
+import s009004000 from './set1-yellow/000-Mouth/000-yellow_mouth-03.png';
+import s009004001 from './set1-yellow/000-Mouth/001-yellow_mouth-02.png';
+import s009004002 from './set1-yellow/000-Mouth/002-yellow_mouth-06.png';
+import s009004003 from './set1-yellow/000-Mouth/003-yellow_mouth-01.png';
+import s009004004 from './set1-yellow/000-Mouth/004-yellow_mouth-09.png';
+import s009004005 from './set1-yellow/000-Mouth/005-yellow_mouth-04.png';
+import s009004006 from './set1-yellow/000-Mouth/006-yellow_mouth-08.png';
+import s009004007 from './set1-yellow/000-Mouth/007-yellow_mouth-05.png';
+import s009004008 from './set1-yellow/000-Mouth/008-yellow_mouth-10.png';
+import s009004009 from './set1-yellow/000-Mouth/009-yellow_mouth-07.png';
+import s009003000 from './set1-yellow/001-Eyes/000-yellow_eyes-10.png';
+import s009003001 from './set1-yellow/001-Eyes/001-yellow_eyes-09.png';
+import s009003002 from './set1-yellow/001-Eyes/002-yellow_eyes-02.png';
+import s009003003 from './set1-yellow/001-Eyes/003-yellow_eyes-03.png';
+import s009003004 from './set1-yellow/001-Eyes/004-yellow_eyes-07.png';
+import s009003005 from './set1-yellow/001-Eyes/005-yellow_eyes-01.png';
+import s009003006 from './set1-yellow/001-Eyes/006-yellow_eyes-05.png';
+import s009003007 from './set1-yellow/001-Eyes/007-yellow_eyes-08.png';
+import s009003008 from './set1-yellow/001-Eyes/008-yellow_eyes-04.png';
+import s009003009 from './set1-yellow/001-Eyes/009-yellow_eyes-06.png';
+import s009002000 from './set1-yellow/002-Accessory/000-yellow__accessory-07.png';
+import s009002001 from './set1-yellow/002-Accessory/001-yellow__accessory-09.png';
+import s009002002 from './set1-yellow/002-Accessory/002-yellow__accessory-10.png';
+import s009002003 from './set1-yellow/002-Accessory/003-yellow__accessory-05.png';
+import s009002004 from './set1-yellow/002-Accessory/004-yellow__accessory-06.png';
+import s009002005 from './set1-yellow/002-Accessory/005-yellow__accessory-03.png';
+import s009002006 from './set1-yellow/002-Accessory/006-yellow__accessory-04.png';
+import s009002007 from './set1-yellow/002-Accessory/007-yellow__accessory-02.png';
+import s009002008 from './set1-yellow/002-Accessory/008-yellow__accessory-01.png';
+import s009002009 from './set1-yellow/002-Accessory/009-yellow__accessory-08.png';
+import s009000000 from './set1-yellow/003-01Body/000-yellow_body-04.png';
+import s009000001 from './set1-yellow/003-01Body/001-yellow_body-06.png';
+import s009000002 from './set1-yellow/003-01Body/002-yellow_body-09.png';
+import s009000003 from './set1-yellow/003-01Body/003-yellow_body-07.png';
+import s009000004 from './set1-yellow/003-01Body/004-yellow_body-02.png';
+import s009000005 from './set1-yellow/003-01Body/005-yellow_body-10.png';
+import s009000006 from './set1-yellow/003-01Body/006-yellow_body-05.png';
+import s009000007 from './set1-yellow/003-01Body/007-yellow_body-03.png';
+import s009000008 from './set1-yellow/003-01Body/008-yellow_body-08.png';
+import s009000009 from './set1-yellow/003-01Body/009-yellow_body-01.png';
+import s009001000 from './set1-yellow/004-02Face/000-yellow_face-02.png';
+import s009001001 from './set1-yellow/004-02Face/001-yellow_face-08.png';
+import s009001002 from './set1-yellow/004-02Face/002-yellow_face-05.png';
+import s009001003 from './set1-yellow/004-02Face/003-yellow_face-04.png';
+import s009001004 from './set1-yellow/004-02Face/004-yellow_face-10.png';
+import s009001005 from './set1-yellow/004-02Face/005-yellow_face-06.png';
+import s009001006 from './set1-yellow/004-02Face/006-yellow_face-01.png';
+import s009001007 from './set1-yellow/004-02Face/007-yellow_face-09.png';
+import s009001008 from './set1-yellow/004-02Face/008-yellow_face-03.png';
+import s009001009 from './set1-yellow/004-02Face/009-yellow_face-07.png';
+import s010003003 from './set2/000-04Body/000-final3.png';
+import s010003002 from './set2/000-04Body/001-final2.png';
+import s010003004 from './set2/000-04Body/002-final4.png';
+import s010003005 from './set2/000-04Body/003-final5.png';
+import s010003009 from './set2/000-04Body/004-final9.png';
+import s010003007 from './set2/000-04Body/005-final7.png';
+import s010003001 from './set2/000-04Body/006-final10.png';
+import s010003006 from './set2/000-04Body/007-final6.png';
+import s010003008 from './set2/000-04Body/008-final8.png';
+import s010003000 from './set2/000-04Body/009-final1.png';
+import s010005003 from './set2/001-Mouth/000-final3.png';
+import s010005002 from './set2/001-Mouth/001-final2.png';
+import s010005004 from './set2/001-Mouth/002-final4.png';
+import s010005005 from './set2/001-Mouth/003-final5.png';
+import s010005009 from './set2/001-Mouth/004-final9.png';
+import s010005007 from './set2/001-Mouth/005-final7.png';
+import s010005001 from './set2/001-Mouth/006-final10.png';
+import s010005006 from './set2/001-Mouth/007-final6.png';
+import s010005008 from './set2/001-Mouth/008-final8.png';
+import s010005000 from './set2/001-Mouth/009-final1.png';
+import s010004003 from './set2/002-Eyes/000-final3.png';
+import s010004002 from './set2/002-Eyes/001-final2.png';
+import s010004004 from './set2/002-Eyes/002-final4.png';
+import s010004005 from './set2/002-Eyes/003-final5.png';
+import s010004009 from './set2/002-Eyes/004-final9.png';
+import s010004007 from './set2/002-Eyes/005-final7.png';
+import s010004001 from './set2/002-Eyes/006-final10.png';
+import s010004006 from './set2/002-Eyes/007-final6.png';
+import s010004008 from './set2/002-Eyes/008-final8.png';
+import s010004000 from './set2/002-Eyes/009-final1.png';
+import s010001003 from './set2/003-02BodyColors/000-final3.png';
+import s010001002 from './set2/003-02BodyColors/001-final2.png';
+import s010001004 from './set2/003-02BodyColors/002-final4.png';
+import s010001005 from './set2/003-02BodyColors/003-final5.png';
+import s010001009 from './set2/003-02BodyColors/004-final9.png';
+import s010001007 from './set2/003-02BodyColors/005-final7.png';
+import s010001001 from './set2/003-02BodyColors/006-final10.png';
+import s010001006 from './set2/003-02BodyColors/007-final6.png';
+import s010001008 from './set2/003-02BodyColors/008-final8.png';
+import s010001000 from './set2/003-02BodyColors/009-final1.png';
+import s010000003 from './set2/004-01FaceColors/000-final3.png';
+import s010000002 from './set2/004-01FaceColors/001-final2.png';
+import s010000004 from './set2/004-01FaceColors/002-final4.png';
+import s010000005 from './set2/004-01FaceColors/003-final5.png';
+import s010000009 from './set2/004-01FaceColors/004-final9.png';
+import s010000007 from './set2/004-01FaceColors/005-final7.png';
+import s010000001 from './set2/004-01FaceColors/006-final10.png';
+import s010000006 from './set2/004-01FaceColors/007-final6.png';
+import s010000008 from './set2/004-01FaceColors/008-final8.png';
+import s010000000 from './set2/004-01FaceColors/009-final1.png';
+import s010006003 from './set2/005-Nose/000-final3.png';
+import s010006002 from './set2/005-Nose/001-final2.png';
+import s010006004 from './set2/005-Nose/002-final4.png';
+import s010006005 from './set2/005-Nose/003-final5.png';
+import s010006009 from './set2/005-Nose/004-final9.png';
+import s010006007 from './set2/005-Nose/005-final7.png';
+import s010006001 from './set2/005-Nose/006-final10.png';
+import s010006006 from './set2/005-Nose/007-final6.png';
+import s010006008 from './set2/005-Nose/008-final8.png';
+import s010006000 from './set2/005-Nose/009-final1.png';
+import s010002007 from './set2/006-03Faces/000-final16.png';
+import s010002003 from './set2/006-03Faces/001-final12.png';
+import s010002004 from './set2/006-03Faces/002-final13.png';
+import s010002002 from './set2/006-03Faces/003-final11.png';
+import s010002009 from './set2/006-03Faces/004-final3.png';
+import s010002006 from './set2/006-03Faces/005-final15.png';
+import s010002008 from './set2/006-03Faces/006-final2.png';
+import s010002010 from './set2/006-03Faces/007-final4.png';
+import s010002011 from './set2/006-03Faces/008-final5.png';
+import s010002005 from './set2/006-03Faces/009-final14.png';
+import s010002015 from './set2/006-03Faces/010-final9.png';
+import s010002013 from './set2/006-03Faces/011-final7.png';
+import s010002001 from './set2/006-03Faces/012-final10.png';
+import s010002012 from './set2/006-03Faces/013-final6.png';
+import s010002014 from './set2/006-03Faces/014-final8.png';
+import s010002000 from './set2/006-03Faces/015-final1.png';
+import s011006000 from './set3/000-07Mouth/000-Robot-Design9.png';
+import s011006001 from './set3/000-07Mouth/001-Robot-Design7.png';
+import s011006002 from './set3/000-07Mouth/002-Robot-Design1.png';
+import s011006003 from './set3/000-07Mouth/003-Robot-Design5.png';
+import s011006004 from './set3/000-07Mouth/004-Robot-Design2.png';
+import s011006005 from './set3/000-07Mouth/005-Robot-Design6.png';
+import s011006006 from './set3/000-07Mouth/006-Robot-Design3.png';
+import s011006007 from './set3/000-07Mouth/007-Robot-Design8.png';
+import s011006008 from './set3/000-07Mouth/008-Robot-Design4.png';
+import s011001000 from './set3/001-02Wave/000-wave1.png';
+import s011004000 from './set3/002-05Eyebrows/000-Robot-Design9.png';
+import s011004001 from './set3/002-05Eyebrows/001-Robot-Design7.png';
+import s011004002 from './set3/002-05Eyebrows/002-Robot-Design1.png';
+import s011004003 from './set3/002-05Eyebrows/003-Robot-Design5.png';
+import s011004004 from './set3/002-05Eyebrows/004-Robot-Design2.png';
+import s011004005 from './set3/002-05Eyebrows/005-Robot-Design11.png';
+import s011004006 from './set3/002-05Eyebrows/006-Robot-Design6.png';
+import s011004007 from './set3/002-05Eyebrows/007-Robot-Design3.png';
+import s011004008 from './set3/002-05Eyebrows/008-Robot-Design12.png';
+import s011004009 from './set3/002-05Eyebrows/009-Robot-Design8.png';
+import s011004010 from './set3/002-05Eyebrows/010-Robot-Design10.png';
+import s011004011 from './set3/002-05Eyebrows/011-Robot-Design4.png';
+import s011003000 from './set3/003-04Eyes/000-Robot-Design9.png';
+import s011003001 from './set3/003-04Eyes/001-Robot-Design7.png';
+import s011003002 from './set3/003-04Eyes/002-Robot-Design1.png';
+import s011003003 from './set3/003-04Eyes/003-Robot-Design5.png';
+import s011003004 from './set3/003-04Eyes/004-Robot-Design2.png';
+import s011003005 from './set3/003-04Eyes/005-Robot-Design11.png';
+import s011003006 from './set3/003-04Eyes/006-Robot-Design6.png';
+import s011003007 from './set3/003-04Eyes/007-Robot-Design3.png';
+import s011003008 from './set3/003-04Eyes/008-Robot-Design12.png';
+import s011003009 from './set3/003-04Eyes/009-Robot-Design8.png';
+import s011003010 from './set3/003-04Eyes/010-Robot-Design10.png';
+import s011003011 from './set3/003-04Eyes/011-Robot-Design4.png';
+import s011005000 from './set3/004-06Nose/000-Robot-Design9.png';
+import s011005001 from './set3/004-06Nose/001-Robot-Design7.png';
+import s011005002 from './set3/004-06Nose/002-Robot-Design1.png';
+import s011005003 from './set3/004-06Nose/003-Robot-Design5.png';
+import s011005004 from './set3/004-06Nose/004-Robot-Design2.png';
+import s011005005 from './set3/004-06Nose/005-Robot-Design11.png';
+import s011005006 from './set3/004-06Nose/006-Robot-Design6.png';
+import s011005007 from './set3/004-06Nose/007-Robot-Design3.png';
+import s011005008 from './set3/004-06Nose/008-Robot-Design8.png';
+import s011005009 from './set3/004-06Nose/009-Robot-Design10.png';
+import s011005010 from './set3/004-06Nose/010-Robot-Design4.png';
+import s011000000 from './set3/005-01BaseFace/000-Robot-Design71.png';
+import s011000001 from './set3/005-01BaseFace/001-Robot-Design9.png';
+import s011000002 from './set3/005-01BaseFace/002-Robot-Design43.png';
+import s011000003 from './set3/005-01BaseFace/003-Robot-Design32.png';
+import s011000004 from './set3/005-01BaseFace/004-Robot-Design75.png';
+import s011000005 from './set3/005-01BaseFace/005-Robot-Design40.png';
+import s011000006 from './set3/005-01BaseFace/006-Robot-Design37.png';
+import s011000007 from './set3/005-01BaseFace/007-Robot-Design60.png';
+import s011000008 from './set3/005-01BaseFace/008-Robot-Design64.png';
+import s011000009 from './set3/005-01BaseFace/009-Robot-Design48.png';
+import s011000010 from './set3/005-01BaseFace/010-Robot-Design24.png';
+import s011000011 from './set3/005-01BaseFace/011-Robot-Design13.png';
+import s011000012 from './set3/005-01BaseFace/012-Robot-Design21.png';
+import s011000013 from './set3/005-01BaseFace/013-Robot-Design7.png';
+import s011000014 from './set3/005-01BaseFace/014-Robot-Design36.png';
+import s011000015 from './set3/005-01BaseFace/015-Robot-Design1.png';
+import s011000016 from './set3/005-01BaseFace/016-Robot-Design81.png';
+import s011000017 from './set3/005-01BaseFace/017-Robot-Design58.png';
+import s011000018 from './set3/005-01BaseFace/018-Robot-Design83.png';
+import s011000019 from './set3/005-01BaseFace/019-Robot-Design86.png';
+import s011000020 from './set3/005-01BaseFace/020-Robot-Design5.png';
+import s011000021 from './set3/005-01BaseFace/021-Robot-Design20.png';
+import s011000022 from './set3/005-01BaseFace/022-Robot-Design2.png';
+import s011000023 from './set3/005-01BaseFace/023-Robot-Design88.png';
+import s011000024 from './set3/005-01BaseFace/024-Robot-Design25.png';
+import s011000025 from './set3/005-01BaseFace/025-Robot-Design42.png';
+import s011000026 from './set3/005-01BaseFace/026-Robot-Design27.png';
+import s011000027 from './set3/005-01BaseFace/027-Robot-Design63.png';
+import s011000028 from './set3/005-01BaseFace/028-Robot-Design30.png';
+import s011000029 from './set3/005-01BaseFace/029-Robot-Design80.png';
+import s011000030 from './set3/005-01BaseFace/030-Robot-Design28.png';
+import s011000031 from './set3/005-01BaseFace/031-Robot-Design59.png';
+import s011000032 from './set3/005-01BaseFace/032-Robot-Design35.png';
+import s011000033 from './set3/005-01BaseFace/033-Robot-Design46.png';
+import s011000034 from './set3/005-01BaseFace/034-Robot-Design17.png';
+import s011000035 from './set3/005-01BaseFace/035-Robot-Design51.png';
+import s011000036 from './set3/005-01BaseFace/036-Robot-Design57.png';
+import s011000037 from './set3/005-01BaseFace/037-Robot-Design15.png';
+import s011000038 from './set3/005-01BaseFace/038-Robot-Design62.png';
+import s011000039 from './set3/005-01BaseFace/039-Robot-Design49.png';
+import s011000040 from './set3/005-01BaseFace/040-Robot-Design72.png';
+import s011000041 from './set3/005-01BaseFace/041-Robot-Design54.png';
+import s011000042 from './set3/005-01BaseFace/042-Robot-Design90.png';
+import s011000043 from './set3/005-01BaseFace/043-Robot-Design82.png';
+import s011000044 from './set3/005-01BaseFace/044-Robot-Design31.png';
+import s011000045 from './set3/005-01BaseFace/045-Robot-Design84.png';
+import s011000046 from './set3/005-01BaseFace/046-Robot-Design74.png';
+import s011000047 from './set3/005-01BaseFace/047-Robot-Design11.png';
+import s011000048 from './set3/005-01BaseFace/048-Robot-Design69.png';
+import s011000049 from './set3/005-01BaseFace/049-Robot-Design53.png';
+import s011000050 from './set3/005-01BaseFace/050-Robot-Design78.png';
+import s011000051 from './set3/005-01BaseFace/051-Robot-Design16.png';
+import s011000052 from './set3/005-01BaseFace/052-Robot-Design87.png';
+import s011000053 from './set3/005-01BaseFace/053-Robot-Design14.png';
+import s011000054 from './set3/005-01BaseFace/054-Robot-Design6.png';
+import s011000055 from './set3/005-01BaseFace/055-Robot-Design73.png';
+import s011000056 from './set3/005-01BaseFace/056-Robot-Design47.png';
+import s011000057 from './set3/005-01BaseFace/057-Robot-Design23.png';
+import s011000058 from './set3/005-01BaseFace/058-Robot-Design50.png';
+import s011000059 from './set3/005-01BaseFace/059-Robot-Design65.png';
+import s011000060 from './set3/005-01BaseFace/060-Robot-Design19.png';
+import s011000061 from './set3/005-01BaseFace/061-Robot-Design66.png';
+import s011000062 from './set3/005-01BaseFace/062-Robot-Design76.png';
+import s011000063 from './set3/005-01BaseFace/063-Robot-Design77.png';
+import s011000064 from './set3/005-01BaseFace/064-Robot-Design38.png';
+import s011000065 from './set3/005-01BaseFace/065-Robot-Design85.png';
+import s011000066 from './set3/005-01BaseFace/066-Robot-Design3.png';
+import s011000067 from './set3/005-01BaseFace/067-Robot-Design67.png';
+import s011000068 from './set3/005-01BaseFace/068-Robot-Design12.png';
+import s011000069 from './set3/005-01BaseFace/069-Robot-Design18.png';
+import s011000070 from './set3/005-01BaseFace/070-Robot-Design56.png';
+import s011000071 from './set3/005-01BaseFace/071-Robot-Design8.png';
+import s011000072 from './set3/005-01BaseFace/072-Robot-Design55.png';
+import s011000073 from './set3/005-01BaseFace/073-Robot-Design89.png';
+import s011000074 from './set3/005-01BaseFace/074-Robot-Design61.png';
+import s011000075 from './set3/005-01BaseFace/075-Robot-Design52.png';
+import s011000076 from './set3/005-01BaseFace/076-Robot-Design70.png';
+import s011000077 from './set3/005-01BaseFace/077-Robot-Design45.png';
+import s011000078 from './set3/005-01BaseFace/078-Robot-Design34.png';
+import s011000079 from './set3/005-01BaseFace/079-Robot-Design41.png';
+import s011000080 from './set3/005-01BaseFace/080-Robot-Design33.png';
+import s011000081 from './set3/005-01BaseFace/081-Robot-Design29.png';
+import s011000082 from './set3/005-01BaseFace/082-Robot-Design22.png';
+import s011000083 from './set3/005-01BaseFace/083-Robot-Design10.png';
+import s011000084 from './set3/005-01BaseFace/084-Robot-Design26.png';
+import s011000085 from './set3/005-01BaseFace/085-Robot-Design68.png';
+import s011000086 from './set3/005-01BaseFace/086-Robot-Design39.png';
+import s011000087 from './set3/005-01BaseFace/087-Robot-Design4.png';
+import s011000088 from './set3/005-01BaseFace/088-Robot-Design79.png';
+import s011000089 from './set3/005-01BaseFace/089-Robot-Design44.png';
+import s011002000 from './set3/006-03Antenna/000-Robot-Design9.png';
+import s011002001 from './set3/006-03Antenna/001-Robot-Design7.png';
+import s011002002 from './set3/006-03Antenna/002-Robot-Design1.png';
+import s011002003 from './set3/006-03Antenna/003-Robot-Design5.png';
+import s011002004 from './set3/006-03Antenna/004-Robot-Design2.png';
+import s011002005 from './set3/006-03Antenna/005-Robot-Design6.png';
+import s011002006 from './set3/006-03Antenna/006-Robot-Design3.png';
+import s011002007 from './set3/006-03Antenna/007-Robot-Design8.png';
+import s011002008 from './set3/006-03Antenna/008-Robot-Design10.png';
+import s011002009 from './set3/006-03Antenna/009-Robot-Design4.png';
+import s012000000 from './set4/000-00body/000-body0.png';
+import s012000001 from './set4/000-00body/001-body1.png';
+import s012000007 from './set4/000-00body/002-body2.png';
+import s012000008 from './set4/000-00body/003-body3.png';
+import s012000009 from './set4/000-00body/004-body4.png';
+import s012000010 from './set4/000-00body/005-body5.png';
+import s012000011 from './set4/000-00body/006-body6.png';
+import s012000012 from './set4/000-00body/007-body7.png';
+import s012000013 from './set4/000-00body/008-body8.png';
+import s012000014 from './set4/000-00body/009-body9.png';
+import s012000002 from './set4/000-00body/010-body10.png';
+import s012000003 from './set4/000-00body/011-body11.png';
+import s012000004 from './set4/000-00body/012-body12.png';
+import s012000005 from './set4/000-00body/013-body13.png';
+import s012000006 from './set4/000-00body/014-body14.png';
+import s012001000 from './set4/001-01fur/000-fur0.png';
+import s012001001 from './set4/001-01fur/001-fur1.png';
+import s012001002 from './set4/001-01fur/002-fur2.png';
+import s012001003 from './set4/001-01fur/003-fur3.png';
+import s012001004 from './set4/001-01fur/004-fur4.png';
+import s012001005 from './set4/001-01fur/005-fur5.png';
+import s012001006 from './set4/001-01fur/006-fur6.png';
+import s012001007 from './set4/001-01fur/007-fur7.png';
+import s012001008 from './set4/001-01fur/008-fur8.png';
+import s012001009 from './set4/001-01fur/009-fur9.png';
+import s012002000 from './set4/002-02eyes/000-eyes0.png';
+import s012002001 from './set4/002-02eyes/001-eyes1.png';
+import s012002007 from './set4/002-02eyes/002-eyes2.png';
+import s012002008 from './set4/002-02eyes/003-eyes3.png';
+import s012002009 from './set4/002-02eyes/004-eyes4.png';
+import s012002010 from './set4/002-02eyes/005-eyes5.png';
+import s012002011 from './set4/002-02eyes/006-eyes6.png';
+import s012002012 from './set4/002-02eyes/007-eyes7.png';
+import s012002013 from './set4/002-02eyes/008-eyes8.png';
+import s012002014 from './set4/002-02eyes/009-eyes9.png';
+import s012002002 from './set4/002-02eyes/010-eyes10.png';
+import s012002003 from './set4/002-02eyes/011-eyes11.png';
+import s012002004 from './set4/002-02eyes/012-eyes12.png';
+import s012002005 from './set4/002-02eyes/013-eyes13.png';
+import s012002006 from './set4/002-02eyes/014-eyes14.png';
+import s012003000 from './set4/003-03mouth/000-mouth0.png';
+import s012003001 from './set4/003-03mouth/001-mouth1.png';
+import s012003002 from './set4/003-03mouth/002-mouth2.png';
+import s012003003 from './set4/003-03mouth/003-mouth3.png';
+import s012003004 from './set4/003-03mouth/004-mouth4.png';
+import s012003005 from './set4/003-03mouth/005-mouth5.png';
+import s012003006 from './set4/003-03mouth/006-mouth6.png';
+import s012003007 from './set4/003-03mouth/007-mouth7.png';
+import s012003008 from './set4/003-03mouth/008-mouth8.png';
+import s012003009 from './set4/003-03mouth/009-mouth9.png';
+import s012004000 from './set4/004-04accessories/000-accessory0.png';
+import s012004001 from './set4/004-04accessories/001-accessory1.png';
+import s012004008 from './set4/004-04accessories/002-accessory2.png';
+import s012004009 from './set4/004-04accessories/003-accessory3.png';
+import s012004010 from './set4/004-04accessories/004-accessory4.png';
+import s012004011 from './set4/004-04accessories/005-accessory5.png';
+import s012004012 from './set4/004-04accessories/006-accessory6.png';
+import s012004013 from './set4/004-04accessories/007-accessory7.png';
+import s012004014 from './set4/004-04accessories/008-accessory8.png';
+import s012004015 from './set4/004-04accessories/009-accessory9.png';
+import s012004002 from './set4/004-04accessories/010-accessory10.png';
+import s012004003 from './set4/004-04accessories/011-accessory11.png';
+import s012004004 from './set4/004-04accessories/012-accessory12.png';
+import s012004005 from './set4/004-04accessories/013-accessory13.png';
+import s012004006 from './set4/004-04accessories/014-accessory14.png';
+import s012004007 from './set4/004-04accessories/015-accessory15.png';
+import s013001000 from './set5/000-Body/Black.png';
+import s013001001 from './set5/000-Body/Brown.png';
+import s013001002 from './set5/000-Body/DarkBrown.png';
+import s013001003 from './set5/000-Body/Light.png';
+import s013001004 from './set5/000-Body/Pale.png';
+import s013001005 from './set5/000-Body/Tanned.png';
+import s013001006 from './set5/000-Body/Yellow.png';
+import s013003000 from './set5/001-Eye/Close.png';
+import s013003001 from './set5/001-Eye/Cry.png';
+import s013003002 from './set5/001-Eye/Default.png';
+import s013003003 from './set5/001-Eye/Dizzy.png';
+import s013003004 from './set5/001-Eye/EyeRoll.png';
+import s013003005 from './set5/001-Eye/Happy.png';
+import s013003006 from './set5/001-Eye/Hearts.png';
+import s013003007 from './set5/001-Eye/Side.png';
+import s013003008 from './set5/001-Eye/Squint.png';
+import s013003009 from './set5/001-Eye/Surprised.png';
+import s013003010 from './set5/001-Eye/Wink.png';
+import s013003011 from './set5/001-Eye/WinkWacky.png';
+import s013004000 from './set5/002-Eyebrow/Angry.png';
+import s013004001 from './set5/002-Eyebrow/AngryNatural.png';
+import s013004002 from './set5/002-Eyebrow/Default.png';
+import s013004003 from './set5/002-Eyebrow/DefaultNatural.png';
+import s013004004 from './set5/002-Eyebrow/FlatNatural.png';
+import s013004005 from './set5/002-Eyebrow/RaisedExcited.png';
+import s013004006 from './set5/002-Eyebrow/RaisedExcitedNatural.png';
+import s013004007 from './set5/002-Eyebrow/SadConcerned.png';
+import s013004008 from './set5/002-Eyebrow/SadConcernedNatural.png';
+import s013004009 from './set5/002-Eyebrow/UnibrowNatural.png';
+import s013004010 from './set5/002-Eyebrow/UpDown.png';
+import s013004011 from './set5/002-Eyebrow/UpDownNatural.png';
+import s013006000 from './set5/003-Mouth/Concerned.png';
+import s013006001 from './set5/003-Mouth/Default.png';
+import s013006002 from './set5/003-Mouth/Disbelief.png';
+import s013006003 from './set5/003-Mouth/Eating.png';
+import s013006004 from './set5/003-Mouth/Grimace.png';
+import s013006005 from './set5/003-Mouth/Sad.png';
+import s013006006 from './set5/003-Mouth/ScreamOpen.png';
+import s013006007 from './set5/003-Mouth/Serious.png';
+import s013006008 from './set5/003-Mouth/Smile.png';
+import s013006009 from './set5/003-Mouth/Tongue.png';
+import s013006010 from './set5/003-Mouth/Twinkle.png';
+import s013006011 from './set5/003-Mouth/Vomit.png';
+import s013002000 from './set5/004-Cloth/BlazerShirt.png';
+import s013002001 from './set5/004-Cloth/BlazerSweater.png';
+import s013002016 from './set5/004-Cloth/CollarSweater.png';
+import s013002002 from './set5/004-Cloth/CollarSweater-Black.png';
+import s013002003 from './set5/004-Cloth/CollarSweater-Blue01.png';
+import s013002004 from './set5/004-Cloth/CollarSweater-Blue02.png';
+import s013002005 from './set5/004-Cloth/CollarSweater-Blue03.png';
+import s013002006 from './set5/004-Cloth/CollarSweater-Gray02.png';
+import s013002007 from './set5/004-Cloth/CollarSweater-Heather.png';
+import s013002008 from './set5/004-Cloth/CollarSweater-PastelBlue.png';
+import s013002009 from './set5/004-Cloth/CollarSweater-PastelGreen.png';
+import s013002010 from './set5/004-Cloth/CollarSweater-PastelOrange.png';
+import s013002011 from './set5/004-Cloth/CollarSweater-PastelRed.png';
+import s013002012 from './set5/004-Cloth/CollarSweater-PastelYellow.png';
+import s013002013 from './set5/004-Cloth/CollarSweater-Pink.png';
+import s013002014 from './set5/004-Cloth/CollarSweater-Red.png';
+import s013002015 from './set5/004-Cloth/CollarSweater-White.png';
+import s013002181 from './set5/004-Cloth/GraphicShirt.png';
+import s013002017 from './set5/004-Cloth/GraphicShirt--Bat.png';
+import s013002018 from './set5/004-Cloth/GraphicShirt--Bear.png';
+import s013002019 from './set5/004-Cloth/GraphicShirt--Cumbia.png';
+import s013002020 from './set5/004-Cloth/GraphicShirt--Deer.png';
+import s013002021 from './set5/004-Cloth/GraphicShirt--Diamond.png';
+import s013002022 from './set5/004-Cloth/GraphicShirt--Hola.png';
+import s013002023 from './set5/004-Cloth/GraphicShirt--Pizza.png';
+import s013002024 from './set5/004-Cloth/GraphicShirt--Resist.png';
+import s013002025 from './set5/004-Cloth/GraphicShirt--Selena.png';
+import s013002026 from './set5/004-Cloth/GraphicShirt--SkullOutline.png';
+import s013002037 from './set5/004-Cloth/GraphicShirt-Black.png';
+import s013002027 from './set5/004-Cloth/GraphicShirt-Black-Bat.png';
+import s013002028 from './set5/004-Cloth/GraphicShirt-Black-Bear.png';
+import s013002029 from './set5/004-Cloth/GraphicShirt-Black-Cumbia.png';
+import s013002030 from './set5/004-Cloth/GraphicShirt-Black-Deer.png';
+import s013002031 from './set5/004-Cloth/GraphicShirt-Black-Diamond.png';
+import s013002032 from './set5/004-Cloth/GraphicShirt-Black-Hola.png';
+import s013002033 from './set5/004-Cloth/GraphicShirt-Black-Pizza.png';
+import s013002034 from './set5/004-Cloth/GraphicShirt-Black-Resist.png';
+import s013002035 from './set5/004-Cloth/GraphicShirt-Black-Selena.png';
+import s013002036 from './set5/004-Cloth/GraphicShirt-Black-SkullOutline.png';
+import s013002048 from './set5/004-Cloth/GraphicShirt-Blue01.png';
+import s013002038 from './set5/004-Cloth/GraphicShirt-Blue01-Bat.png';
+import s013002039 from './set5/004-Cloth/GraphicShirt-Blue01-Bear.png';
+import s013002040 from './set5/004-Cloth/GraphicShirt-Blue01-Cumbia.png';
+import s013002041 from './set5/004-Cloth/GraphicShirt-Blue01-Deer.png';
+import s013002042 from './set5/004-Cloth/GraphicShirt-Blue01-Diamond.png';
+import s013002043 from './set5/004-Cloth/GraphicShirt-Blue01-Hola.png';
+import s013002044 from './set5/004-Cloth/GraphicShirt-Blue01-Pizza.png';
+import s013002045 from './set5/004-Cloth/GraphicShirt-Blue01-Resist.png';
+import s013002046 from './set5/004-Cloth/GraphicShirt-Blue01-Selena.png';
+import s013002047 from './set5/004-Cloth/GraphicShirt-Blue01-SkullOutline.png';
+import s013002059 from './set5/004-Cloth/GraphicShirt-Blue02.png';
+import s013002049 from './set5/004-Cloth/GraphicShirt-Blue02-Bat.png';
+import s013002050 from './set5/004-Cloth/GraphicShirt-Blue02-Bear.png';
+import s013002051 from './set5/004-Cloth/GraphicShirt-Blue02-Cumbia.png';
+import s013002052 from './set5/004-Cloth/GraphicShirt-Blue02-Deer.png';
+import s013002053 from './set5/004-Cloth/GraphicShirt-Blue02-Diamond.png';
+import s013002054 from './set5/004-Cloth/GraphicShirt-Blue02-Hola.png';
+import s013002055 from './set5/004-Cloth/GraphicShirt-Blue02-Pizza.png';
+import s013002056 from './set5/004-Cloth/GraphicShirt-Blue02-Resist.png';
+import s013002057 from './set5/004-Cloth/GraphicShirt-Blue02-Selena.png';
+import s013002058 from './set5/004-Cloth/GraphicShirt-Blue02-SkullOutline.png';
+import s013002070 from './set5/004-Cloth/GraphicShirt-Blue03.png';
+import s013002060 from './set5/004-Cloth/GraphicShirt-Blue03-Bat.png';
+import s013002061 from './set5/004-Cloth/GraphicShirt-Blue03-Bear.png';
+import s013002062 from './set5/004-Cloth/GraphicShirt-Blue03-Cumbia.png';
+import s013002063 from './set5/004-Cloth/GraphicShirt-Blue03-Deer.png';
+import s013002064 from './set5/004-Cloth/GraphicShirt-Blue03-Diamond.png';
+import s013002065 from './set5/004-Cloth/GraphicShirt-Blue03-Hola.png';
+import s013002066 from './set5/004-Cloth/GraphicShirt-Blue03-Pizza.png';
+import s013002067 from './set5/004-Cloth/GraphicShirt-Blue03-Resist.png';
+import s013002068 from './set5/004-Cloth/GraphicShirt-Blue03-Selena.png';
+import s013002069 from './set5/004-Cloth/GraphicShirt-Blue03-SkullOutline.png';
+import s013002081 from './set5/004-Cloth/GraphicShirt-Gray02.png';
+import s013002071 from './set5/004-Cloth/GraphicShirt-Gray02-Bat.png';
+import s013002072 from './set5/004-Cloth/GraphicShirt-Gray02-Bear.png';
+import s013002073 from './set5/004-Cloth/GraphicShirt-Gray02-Cumbia.png';
+import s013002074 from './set5/004-Cloth/GraphicShirt-Gray02-Deer.png';
+import s013002075 from './set5/004-Cloth/GraphicShirt-Gray02-Diamond.png';
+import s013002076 from './set5/004-Cloth/GraphicShirt-Gray02-Hola.png';
+import s013002077 from './set5/004-Cloth/GraphicShirt-Gray02-Pizza.png';
+import s013002078 from './set5/004-Cloth/GraphicShirt-Gray02-Resist.png';
+import s013002079 from './set5/004-Cloth/GraphicShirt-Gray02-Selena.png';
+import s013002080 from './set5/004-Cloth/GraphicShirt-Gray02-SkullOutline.png';
+import s013002092 from './set5/004-Cloth/GraphicShirt-Heather.png';
+import s013002082 from './set5/004-Cloth/GraphicShirt-Heather-Bat.png';
+import s013002083 from './set5/004-Cloth/GraphicShirt-Heather-Bear.png';
+import s013002084 from './set5/004-Cloth/GraphicShirt-Heather-Cumbia.png';
+import s013002085 from './set5/004-Cloth/GraphicShirt-Heather-Deer.png';
+import s013002086 from './set5/004-Cloth/GraphicShirt-Heather-Diamond.png';
+import s013002087 from './set5/004-Cloth/GraphicShirt-Heather-Hola.png';
+import s013002088 from './set5/004-Cloth/GraphicShirt-Heather-Pizza.png';
+import s013002089 from './set5/004-Cloth/GraphicShirt-Heather-Resist.png';
+import s013002090 from './set5/004-Cloth/GraphicShirt-Heather-Selena.png';
+import s013002091 from './set5/004-Cloth/GraphicShirt-Heather-SkullOutline.png';
+import s013002103 from './set5/004-Cloth/GraphicShirt-PastelBlue.png';
+import s013002093 from './set5/004-Cloth/GraphicShirt-PastelBlue-Bat.png';
+import s013002094 from './set5/004-Cloth/GraphicShirt-PastelBlue-Bear.png';
+import s013002095 from './set5/004-Cloth/GraphicShirt-PastelBlue-Cumbia.png';
+import s013002096 from './set5/004-Cloth/GraphicShirt-PastelBlue-Deer.png';
+import s013002097 from './set5/004-Cloth/GraphicShirt-PastelBlue-Diamond.png';
+import s013002098 from './set5/004-Cloth/GraphicShirt-PastelBlue-Hola.png';
+import s013002099 from './set5/004-Cloth/GraphicShirt-PastelBlue-Pizza.png';
+import s013002100 from './set5/004-Cloth/GraphicShirt-PastelBlue-Resist.png';
+import s013002101 from './set5/004-Cloth/GraphicShirt-PastelBlue-Selena.png';
+import s013002102 from './set5/004-Cloth/GraphicShirt-PastelBlue-SkullOutline.png';
+import s013002114 from './set5/004-Cloth/GraphicShirt-PastelGreen.png';
+import s013002104 from './set5/004-Cloth/GraphicShirt-PastelGreen-Bat.png';
+import s013002105 from './set5/004-Cloth/GraphicShirt-PastelGreen-Bear.png';
+import s013002106 from './set5/004-Cloth/GraphicShirt-PastelGreen-Cumbia.png';
+import s013002107 from './set5/004-Cloth/GraphicShirt-PastelGreen-Deer.png';
+import s013002108 from './set5/004-Cloth/GraphicShirt-PastelGreen-Diamond.png';
+import s013002109 from './set5/004-Cloth/GraphicShirt-PastelGreen-Hola.png';
+import s013002110 from './set5/004-Cloth/GraphicShirt-PastelGreen-Pizza.png';
+import s013002111 from './set5/004-Cloth/GraphicShirt-PastelGreen-Resist.png';
+import s013002112 from './set5/004-Cloth/GraphicShirt-PastelGreen-Selena.png';
+import s013002113 from './set5/004-Cloth/GraphicShirt-PastelGreen-SkullOutline.png';
+import s013002125 from './set5/004-Cloth/GraphicShirt-PastelOrange.png';
+import s013002115 from './set5/004-Cloth/GraphicShirt-PastelOrange-Bat.png';
+import s013002116 from './set5/004-Cloth/GraphicShirt-PastelOrange-Bear.png';
+import s013002117 from './set5/004-Cloth/GraphicShirt-PastelOrange-Cumbia.png';
+import s013002118 from './set5/004-Cloth/GraphicShirt-PastelOrange-Deer.png';
+import s013002119 from './set5/004-Cloth/GraphicShirt-PastelOrange-Diamond.png';
+import s013002120 from './set5/004-Cloth/GraphicShirt-PastelOrange-Hola.png';
+import s013002121 from './set5/004-Cloth/GraphicShirt-PastelOrange-Pizza.png';
+import s013002122 from './set5/004-Cloth/GraphicShirt-PastelOrange-Resist.png';
+import s013002123 from './set5/004-Cloth/GraphicShirt-PastelOrange-Selena.png';
+import s013002124 from './set5/004-Cloth/GraphicShirt-PastelOrange-SkullOutline.png';
+import s013002136 from './set5/004-Cloth/GraphicShirt-PastelRed.png';
+import s013002126 from './set5/004-Cloth/GraphicShirt-PastelRed-Bat.png';
+import s013002127 from './set5/004-Cloth/GraphicShirt-PastelRed-Bear.png';
+import s013002128 from './set5/004-Cloth/GraphicShirt-PastelRed-Cumbia.png';
+import s013002129 from './set5/004-Cloth/GraphicShirt-PastelRed-Deer.png';
+import s013002130 from './set5/004-Cloth/GraphicShirt-PastelRed-Diamond.png';
+import s013002131 from './set5/004-Cloth/GraphicShirt-PastelRed-Hola.png';
+import s013002132 from './set5/004-Cloth/GraphicShirt-PastelRed-Pizza.png';
+import s013002133 from './set5/004-Cloth/GraphicShirt-PastelRed-Resist.png';
+import s013002134 from './set5/004-Cloth/GraphicShirt-PastelRed-Selena.png';
+import s013002135 from './set5/004-Cloth/GraphicShirt-PastelRed-SkullOutline.png';
+import s013002147 from './set5/004-Cloth/GraphicShirt-PastelYellow.png';
+import s013002137 from './set5/004-Cloth/GraphicShirt-PastelYellow-Bat.png';
+import s013002138 from './set5/004-Cloth/GraphicShirt-PastelYellow-Bear.png';
+import s013002139 from './set5/004-Cloth/GraphicShirt-PastelYellow-Cumbia.png';
+import s013002140 from './set5/004-Cloth/GraphicShirt-PastelYellow-Deer.png';
+import s013002141 from './set5/004-Cloth/GraphicShirt-PastelYellow-Diamond.png';
+import s013002142 from './set5/004-Cloth/GraphicShirt-PastelYellow-Hola.png';
+import s013002143 from './set5/004-Cloth/GraphicShirt-PastelYellow-Pizza.png';
+import s013002144 from './set5/004-Cloth/GraphicShirt-PastelYellow-Resist.png';
+import s013002145 from './set5/004-Cloth/GraphicShirt-PastelYellow-Selena.png';
+import s013002146 from './set5/004-Cloth/GraphicShirt-PastelYellow-SkullOutline.png';
+import s013002158 from './set5/004-Cloth/GraphicShirt-Pink.png';
+import s013002148 from './set5/004-Cloth/GraphicShirt-Pink-Bat.png';
+import s013002149 from './set5/004-Cloth/GraphicShirt-Pink-Bear.png';
+import s013002150 from './set5/004-Cloth/GraphicShirt-Pink-Cumbia.png';
+import s013002151 from './set5/004-Cloth/GraphicShirt-Pink-Deer.png';
+import s013002152 from './set5/004-Cloth/GraphicShirt-Pink-Diamond.png';
+import s013002153 from './set5/004-Cloth/GraphicShirt-Pink-Hola.png';
+import s013002154 from './set5/004-Cloth/GraphicShirt-Pink-Pizza.png';
+import s013002155 from './set5/004-Cloth/GraphicShirt-Pink-Resist.png';
+import s013002156 from './set5/004-Cloth/GraphicShirt-Pink-Selena.png';
+import s013002157 from './set5/004-Cloth/GraphicShirt-Pink-SkullOutline.png';
+import s013002169 from './set5/004-Cloth/GraphicShirt-Red.png';
+import s013002159 from './set5/004-Cloth/GraphicShirt-Red-Bat.png';
+import s013002160 from './set5/004-Cloth/GraphicShirt-Red-Bear.png';
+import s013002161 from './set5/004-Cloth/GraphicShirt-Red-Cumbia.png';
+import s013002162 from './set5/004-Cloth/GraphicShirt-Red-Deer.png';
+import s013002163 from './set5/004-Cloth/GraphicShirt-Red-Diamond.png';
+import s013002164 from './set5/004-Cloth/GraphicShirt-Red-Hola.png';
+import s013002165 from './set5/004-Cloth/GraphicShirt-Red-Pizza.png';
+import s013002166 from './set5/004-Cloth/GraphicShirt-Red-Resist.png';
+import s013002167 from './set5/004-Cloth/GraphicShirt-Red-Selena.png';
+import s013002168 from './set5/004-Cloth/GraphicShirt-Red-SkullOutline.png';
+import s013002180 from './set5/004-Cloth/GraphicShirt-White.png';
+import s013002170 from './set5/004-Cloth/GraphicShirt-White-Bat.png';
+import s013002171 from './set5/004-Cloth/GraphicShirt-White-Bear.png';
+import s013002172 from './set5/004-Cloth/GraphicShirt-White-Cumbia.png';
+import s013002173 from './set5/004-Cloth/GraphicShirt-White-Deer.png';
+import s013002174 from './set5/004-Cloth/GraphicShirt-White-Diamond.png';
+import s013002175 from './set5/004-Cloth/GraphicShirt-White-Hola.png';
+import s013002176 from './set5/004-Cloth/GraphicShirt-White-Pizza.png';
+import s013002177 from './set5/004-Cloth/GraphicShirt-White-Resist.png';
+import s013002178 from './set5/004-Cloth/GraphicShirt-White-Selena.png';
+import s013002179 from './set5/004-Cloth/GraphicShirt-White-SkullOutline.png';
+import s013002196 from './set5/004-Cloth/Hoodie.png';
+import s013002182 from './set5/004-Cloth/Hoodie-Black.png';
+import s013002183 from './set5/004-Cloth/Hoodie-Blue01.png';
+import s013002184 from './set5/004-Cloth/Hoodie-Blue02.png';
+import s013002185 from './set5/004-Cloth/Hoodie-Blue03.png';
+import s013002186 from './set5/004-Cloth/Hoodie-Gray02.png';
+import s013002187 from './set5/004-Cloth/Hoodie-Heather.png';
+import s013002188 from './set5/004-Cloth/Hoodie-PastelBlue.png';
+import s013002189 from './set5/004-Cloth/Hoodie-PastelGreen.png';
+import s013002190 from './set5/004-Cloth/Hoodie-PastelOrange.png';
+import s013002191 from './set5/004-Cloth/Hoodie-PastelRed.png';
+import s013002192 from './set5/004-Cloth/Hoodie-PastelYellow.png';
+import s013002193 from './set5/004-Cloth/Hoodie-Pink.png';
+import s013002194 from './set5/004-Cloth/Hoodie-Red.png';
+import s013002195 from './set5/004-Cloth/Hoodie-White.png';
+import s013002211 from './set5/004-Cloth/Overall.png';
+import s013002197 from './set5/004-Cloth/Overall-Black.png';
+import s013002198 from './set5/004-Cloth/Overall-Blue01.png';
+import s013002199 from './set5/004-Cloth/Overall-Blue02.png';
+import s013002200 from './set5/004-Cloth/Overall-Blue03.png';
+import s013002201 from './set5/004-Cloth/Overall-Gray02.png';
+import s013002202 from './set5/004-Cloth/Overall-Heather.png';
+import s013002203 from './set5/004-Cloth/Overall-PastelBlue.png';
+import s013002204 from './set5/004-Cloth/Overall-PastelGreen.png';
+import s013002205 from './set5/004-Cloth/Overall-PastelOrange.png';
+import s013002206 from './set5/004-Cloth/Overall-PastelRed.png';
+import s013002207 from './set5/004-Cloth/Overall-PastelYellow.png';
+import s013002208 from './set5/004-Cloth/Overall-Pink.png';
+import s013002209 from './set5/004-Cloth/Overall-Red.png';
+import s013002210 from './set5/004-Cloth/Overall-White.png';
+import s013002226 from './set5/004-Cloth/ShirtCrewNeck.png';
+import s013002212 from './set5/004-Cloth/ShirtCrewNeck-Black.png';
+import s013002213 from './set5/004-Cloth/ShirtCrewNeck-Blue01.png';
+import s013002214 from './set5/004-Cloth/ShirtCrewNeck-Blue02.png';
+import s013002215 from './set5/004-Cloth/ShirtCrewNeck-Blue03.png';
+import s013002216 from './set5/004-Cloth/ShirtCrewNeck-Gray02.png';
+import s013002217 from './set5/004-Cloth/ShirtCrewNeck-Heather.png';
+import s013002218 from './set5/004-Cloth/ShirtCrewNeck-PastelBlue.png';
+import s013002219 from './set5/004-Cloth/ShirtCrewNeck-PastelGreen.png';
+import s013002220 from './set5/004-Cloth/ShirtCrewNeck-PastelOrange.png';
+import s013002221 from './set5/004-Cloth/ShirtCrewNeck-PastelRed.png';
+import s013002222 from './set5/004-Cloth/ShirtCrewNeck-PastelYellow.png';
+import s013002223 from './set5/004-Cloth/ShirtCrewNeck-Pink.png';
+import s013002224 from './set5/004-Cloth/ShirtCrewNeck-Red.png';
+import s013002225 from './set5/004-Cloth/ShirtCrewNeck-White.png';
+import s013002241 from './set5/004-Cloth/ShirtScoopNeck.png';
+import s013002227 from './set5/004-Cloth/ShirtScoopNeck-Black.png';
+import s013002228 from './set5/004-Cloth/ShirtScoopNeck-Blue01.png';
+import s013002229 from './set5/004-Cloth/ShirtScoopNeck-Blue02.png';
+import s013002230 from './set5/004-Cloth/ShirtScoopNeck-Blue03.png';
+import s013002231 from './set5/004-Cloth/ShirtScoopNeck-Gray02.png';
+import s013002232 from './set5/004-Cloth/ShirtScoopNeck-Heather.png';
+import s013002233 from './set5/004-Cloth/ShirtScoopNeck-PastelBlue.png';
+import s013002234 from './set5/004-Cloth/ShirtScoopNeck-PastelGreen.png';
+import s013002235 from './set5/004-Cloth/ShirtScoopNeck-PastelOrange.png';
+import s013002236 from './set5/004-Cloth/ShirtScoopNeck-PastelRed.png';
+import s013002237 from './set5/004-Cloth/ShirtScoopNeck-PastelYellow.png';
+import s013002238 from './set5/004-Cloth/ShirtScoopNeck-Pink.png';
+import s013002239 from './set5/004-Cloth/ShirtScoopNeck-Red.png';
+import s013002240 from './set5/004-Cloth/ShirtScoopNeck-White.png';
+import s013002242 from './set5/004-Cloth/ShirtVNeck.png';
+import s013005008 from './set5/005-FacialHair/BeardLight.png';
+import s013005000 from './set5/005-FacialHair/BeardLight-Auburn.png';
+import s013005001 from './set5/005-FacialHair/BeardLight-Black.png';
+import s013005002 from './set5/005-FacialHair/BeardLight-Blonde.png';
+import s013005003 from './set5/005-FacialHair/BeardLight-BlondeGolden.png';
+import s013005004 from './set5/005-FacialHair/BeardLight-Brown.png';
+import s013005005 from './set5/005-FacialHair/BeardLight-BrownDark.png';
+import s013005006 from './set5/005-FacialHair/BeardLight-Platinum.png';
+import s013005007 from './set5/005-FacialHair/BeardLight-Red.png';
+import s013005017 from './set5/005-FacialHair/BeardMagestic.png';
+import s013005009 from './set5/005-FacialHair/BeardMagestic-Auburn.png';
+import s013005010 from './set5/005-FacialHair/BeardMagestic-Black.png';
+import s013005011 from './set5/005-FacialHair/BeardMagestic-Blonde.png';
+import s013005012 from './set5/005-FacialHair/BeardMagestic-BlondeGolden.png';
+import s013005013 from './set5/005-FacialHair/BeardMagestic-Brown.png';
+import s013005014 from './set5/005-FacialHair/BeardMagestic-BrownDark.png';
+import s013005015 from './set5/005-FacialHair/BeardMagestic-Platinum.png';
+import s013005016 from './set5/005-FacialHair/BeardMagestic-Red.png';
+import s013005026 from './set5/005-FacialHair/BeardMedium.png';
+import s013005018 from './set5/005-FacialHair/BeardMedium-Auburn.png';
+import s013005019 from './set5/005-FacialHair/BeardMedium-Black.png';
+import s013005020 from './set5/005-FacialHair/BeardMedium-Blonde.png';
+import s013005021 from './set5/005-FacialHair/BeardMedium-BlondeGolden.png';
+import s013005022 from './set5/005-FacialHair/BeardMedium-Brown.png';
+import s013005023 from './set5/005-FacialHair/BeardMedium-BrownDark.png';
+import s013005024 from './set5/005-FacialHair/BeardMedium-Platinum.png';
+import s013005025 from './set5/005-FacialHair/BeardMedium-Red.png';
+import s013005027 from './set5/005-FacialHair/Blush.png';
+import s013005028 from './set5/005-FacialHair/FrecklesHeavy001.png';
+import s013005029 from './set5/005-FacialHair/FrecklesLight001.png';
+import s013005030 from './set5/005-FacialHair/FrecklesLight002.png';
+import s013005031 from './set5/005-FacialHair/FrecklesLight003.png';
+import s013005032 from './set5/005-FacialHair/FrecklesLight004.png';
+import s013005033 from './set5/005-FacialHair/FrecklesLight005.png';
+import s013005034 from './set5/005-FacialHair/FrecklesLight006.png';
+import s013005043 from './set5/005-FacialHair/MoustacheFancy.png';
+import s013005035 from './set5/005-FacialHair/MoustacheFancy-Auburn.png';
+import s013005036 from './set5/005-FacialHair/MoustacheFancy-Black.png';
+import s013005037 from './set5/005-FacialHair/MoustacheFancy-Blonde.png';
+import s013005038 from './set5/005-FacialHair/MoustacheFancy-BlondeGolden.png';
+import s013005039 from './set5/005-FacialHair/MoustacheFancy-Brown.png';
+import s013005040 from './set5/005-FacialHair/MoustacheFancy-BrownDark.png';
+import s013005041 from './set5/005-FacialHair/MoustacheFancy-Platinum.png';
+import s013005042 from './set5/005-FacialHair/MoustacheFancy-Red.png';
+import s013005052 from './set5/005-FacialHair/MoustacheMagnum.png';
+import s013005044 from './set5/005-FacialHair/MoustacheMagnum-Auburn.png';
+import s013005045 from './set5/005-FacialHair/MoustacheMagnum-Black.png';
+import s013005046 from './set5/005-FacialHair/MoustacheMagnum-Blonde.png';
+import s013005047 from './set5/005-FacialHair/MoustacheMagnum-BlondeGolden.png';
+import s013005048 from './set5/005-FacialHair/MoustacheMagnum-Brown.png';
+import s013005049 from './set5/005-FacialHair/MoustacheMagnum-BrownDark.png';
+import s013005050 from './set5/005-FacialHair/MoustacheMagnum-Platinum.png';
+import s013005051 from './set5/005-FacialHair/MoustacheMagnum-Red.png';
+import s013005053 from './set5/005-FacialHair/RedDot.png';
+import s013005054 from './set5/005-FacialHair/Wrinkle.png';
+import s013005055 from './set5/005-FacialHair/WrinkleTop.png';
+import s013007000 from './set5/006-Top/Blank.png';
+import s013007001 from './set5/006-Top/Eyepatch.png';
+import s013007002 from './set5/006-Top/Hat.png';
+import s013007018 from './set5/006-Top/Hijab.png';
+import s013007003 from './set5/006-Top/Hijab-Black.png';
+import s013007004 from './set5/006-Top/Hijab-Blue01.png';
+import s013007005 from './set5/006-Top/Hijab-Blue02.png';
+import s013007006 from './set5/006-Top/Hijab-Brown.png';
+import s013007007 from './set5/006-Top/Hijab-Gray01.png';
+import s013007008 from './set5/006-Top/Hijab-Gray02.png';
+import s013007009 from './set5/006-Top/Hijab-Heather.png';
+import s013007010 from './set5/006-Top/Hijab-PastelBlue.png';
+import s013007011 from './set5/006-Top/Hijab-PastelGreen.png';
+import s013007012 from './set5/006-Top/Hijab-PastelOrange.png';
+import s013007013 from './set5/006-Top/Hijab-PastelRed.png';
+import s013007014 from './set5/006-Top/Hijab-PastelYellow.png';
+import s013007015 from './set5/006-Top/Hijab-Pink.png';
+import s013007016 from './set5/006-Top/Hijab-Red.png';
+import s013007017 from './set5/006-Top/Hijab-White.png';
+import s013007029 from './set5/006-Top/LongHairBigHair.png';
+import s013007019 from './set5/006-Top/LongHairBigHair-Auburn.png';
+import s013007020 from './set5/006-Top/LongHairBigHair-Black.png';
+import s013007021 from './set5/006-Top/LongHairBigHair-Blonde.png';
+import s013007022 from './set5/006-Top/LongHairBigHair-BlondeGolden.png';
+import s013007023 from './set5/006-Top/LongHairBigHair-Brown.png';
+import s013007024 from './set5/006-Top/LongHairBigHair-PastelPink.png';
+import s013007025 from './set5/006-Top/LongHairBigHair-Pink.png';
+import s013007026 from './set5/006-Top/LongHairBigHair-Platinum.png';
+import s013007027 from './set5/006-Top/LongHairBigHair-Red.png';
+import s013007028 from './set5/006-Top/LongHairBigHair-SilverGray.png';
+import s013007040 from './set5/006-Top/LongHairBob.png';
+import s013007030 from './set5/006-Top/LongHairBob-Auburn.png';
+import s013007031 from './set5/006-Top/LongHairBob-Black.png';
+import s013007032 from './set5/006-Top/LongHairBob-Blonde.png';
+import s013007033 from './set5/006-Top/LongHairBob-BlondeGolden.png';
+import s013007034 from './set5/006-Top/LongHairBob-Brown.png';
+import s013007035 from './set5/006-Top/LongHairBob-PastelPink.png';
+import s013007036 from './set5/006-Top/LongHairBob-Pink.png';
+import s013007037 from './set5/006-Top/LongHairBob-Platinum.png';
+import s013007038 from './set5/006-Top/LongHairBob-Red.png';
+import s013007039 from './set5/006-Top/LongHairBob-SilverGray.png';
+import s013007051 from './set5/006-Top/LongHairBun.png';
+import s013007041 from './set5/006-Top/LongHairBun-Auburn.png';
+import s013007042 from './set5/006-Top/LongHairBun-Black.png';
+import s013007043 from './set5/006-Top/LongHairBun-Blonde.png';
+import s013007044 from './set5/006-Top/LongHairBun-BlondeGolden.png';
+import s013007045 from './set5/006-Top/LongHairBun-Brown.png';
+import s013007046 from './set5/006-Top/LongHairBun-PastelPink.png';
+import s013007047 from './set5/006-Top/LongHairBun-Pink.png';
+import s013007048 from './set5/006-Top/LongHairBun-Platinum.png';
+import s013007049 from './set5/006-Top/LongHairBun-Red.png';
+import s013007050 from './set5/006-Top/LongHairBun-SilverGray.png';
+import s013007062 from './set5/006-Top/LongHairCurly.png';
+import s013007052 from './set5/006-Top/LongHairCurly-Auburn.png';
+import s013007053 from './set5/006-Top/LongHairCurly-Black.png';
+import s013007054 from './set5/006-Top/LongHairCurly-Blonde.png';
+import s013007055 from './set5/006-Top/LongHairCurly-BlondeGolden.png';
+import s013007056 from './set5/006-Top/LongHairCurly-Brown.png';
+import s013007057 from './set5/006-Top/LongHairCurly-PastelPink.png';
+import s013007058 from './set5/006-Top/LongHairCurly-Pink.png';
+import s013007059 from './set5/006-Top/LongHairCurly-Platinum.png';
+import s013007060 from './set5/006-Top/LongHairCurly-Red.png';
+import s013007061 from './set5/006-Top/LongHairCurly-SilverGray.png';
+import s013007073 from './set5/006-Top/LongHairCurvy.png';
+import s013007063 from './set5/006-Top/LongHairCurvy-Auburn.png';
+import s013007064 from './set5/006-Top/LongHairCurvy-Black.png';
+import s013007065 from './set5/006-Top/LongHairCurvy-Blonde.png';
+import s013007066 from './set5/006-Top/LongHairCurvy-BlondeGolden.png';
+import s013007067 from './set5/006-Top/LongHairCurvy-Brown.png';
+import s013007068 from './set5/006-Top/LongHairCurvy-PastelPink.png';
+import s013007069 from './set5/006-Top/LongHairCurvy-Pink.png';
+import s013007070 from './set5/006-Top/LongHairCurvy-Platinum.png';
+import s013007071 from './set5/006-Top/LongHairCurvy-Red.png';
+import s013007072 from './set5/006-Top/LongHairCurvy-SilverGray.png';
+import s013007084 from './set5/006-Top/LongHairDreads.png';
+import s013007074 from './set5/006-Top/LongHairDreads-Auburn.png';
+import s013007075 from './set5/006-Top/LongHairDreads-Black.png';
+import s013007076 from './set5/006-Top/LongHairDreads-Blonde.png';
+import s013007077 from './set5/006-Top/LongHairDreads-BlondeGolden.png';
+import s013007078 from './set5/006-Top/LongHairDreads-Brown.png';
+import s013007079 from './set5/006-Top/LongHairDreads-PastelPink.png';
+import s013007080 from './set5/006-Top/LongHairDreads-Pink.png';
+import s013007081 from './set5/006-Top/LongHairDreads-Platinum.png';
+import s013007082 from './set5/006-Top/LongHairDreads-Red.png';
+import s013007083 from './set5/006-Top/LongHairDreads-SilverGray.png';
+import s013007085 from './set5/006-Top/LongHairFrida.png';
+import s013007096 from './set5/006-Top/LongHairFro.png';
+import s013007086 from './set5/006-Top/LongHairFro-Auburn.png';
+import s013007087 from './set5/006-Top/LongHairFro-Black.png';
+import s013007088 from './set5/006-Top/LongHairFro-Blonde.png';
+import s013007089 from './set5/006-Top/LongHairFro-BlondeGolden.png';
+import s013007090 from './set5/006-Top/LongHairFro-Brown.png';
+import s013007091 from './set5/006-Top/LongHairFro-PastelPink.png';
+import s013007092 from './set5/006-Top/LongHairFro-Pink.png';
+import s013007093 from './set5/006-Top/LongHairFro-Platinum.png';
+import s013007094 from './set5/006-Top/LongHairFro-Red.png';
+import s013007095 from './set5/006-Top/LongHairFro-SilverGray.png';
+import s013007107 from './set5/006-Top/LongHairFroBand.png';
+import s013007097 from './set5/006-Top/LongHairFroBand-Auburn.png';
+import s013007098 from './set5/006-Top/LongHairFroBand-Black.png';
+import s013007099 from './set5/006-Top/LongHairFroBand-Blonde.png';
+import s013007100 from './set5/006-Top/LongHairFroBand-BlondeGolden.png';
+import s013007101 from './set5/006-Top/LongHairFroBand-Brown.png';
+import s013007102 from './set5/006-Top/LongHairFroBand-PastelPink.png';
+import s013007103 from './set5/006-Top/LongHairFroBand-Pink.png';
+import s013007104 from './set5/006-Top/LongHairFroBand-Platinum.png';
+import s013007105 from './set5/006-Top/LongHairFroBand-Red.png';
+import s013007106 from './set5/006-Top/LongHairFroBand-SilverGray.png';
+import s013007118 from './set5/006-Top/LongHairMiaWallace.png';
+import s013007108 from './set5/006-Top/LongHairMiaWallace-Auburn.png';
+import s013007109 from './set5/006-Top/LongHairMiaWallace-Black.png';
+import s013007110 from './set5/006-Top/LongHairMiaWallace-Blonde.png';
+import s013007111 from './set5/006-Top/LongHairMiaWallace-BlondeGolden.png';
+import s013007112 from './set5/006-Top/LongHairMiaWallace-Brown.png';
+import s013007113 from './set5/006-Top/LongHairMiaWallace-PastelPink.png';
+import s013007114 from './set5/006-Top/LongHairMiaWallace-Pink.png';
+import s013007115 from './set5/006-Top/LongHairMiaWallace-Platinum.png';
+import s013007116 from './set5/006-Top/LongHairMiaWallace-Red.png';
+import s013007117 from './set5/006-Top/LongHairMiaWallace-SilverGray.png';
+import s013007129 from './set5/006-Top/LongHairNotTooLong.png';
+import s013007119 from './set5/006-Top/LongHairNotTooLong-Auburn.png';
+import s013007120 from './set5/006-Top/LongHairNotTooLong-Black.png';
+import s013007121 from './set5/006-Top/LongHairNotTooLong-Blonde.png';
+import s013007122 from './set5/006-Top/LongHairNotTooLong-BlondeGolden.png';
+import s013007123 from './set5/006-Top/LongHairNotTooLong-Brown.png';
+import s013007124 from './set5/006-Top/LongHairNotTooLong-PastelPink.png';
+import s013007125 from './set5/006-Top/LongHairNotTooLong-Pink.png';
+import s013007126 from './set5/006-Top/LongHairNotTooLong-Platinum.png';
+import s013007127 from './set5/006-Top/LongHairNotTooLong-Red.png';
+import s013007128 from './set5/006-Top/LongHairNotTooLong-SilverGray.png';
+import s013007130 from './set5/006-Top/LongHairShavedSides.png';
+import s013007141 from './set5/006-Top/LongHairStraight.png';
+import s013007131 from './set5/006-Top/LongHairStraight-Auburn.png';
+import s013007132 from './set5/006-Top/LongHairStraight-Black.png';
+import s013007133 from './set5/006-Top/LongHairStraight-Blonde.png';
+import s013007134 from './set5/006-Top/LongHairStraight-BlondeGolden.png';
+import s013007135 from './set5/006-Top/LongHairStraight-Brown.png';
+import s013007136 from './set5/006-Top/LongHairStraight-PastelPink.png';
+import s013007137 from './set5/006-Top/LongHairStraight-Pink.png';
+import s013007138 from './set5/006-Top/LongHairStraight-Platinum.png';
+import s013007139 from './set5/006-Top/LongHairStraight-Red.png';
+import s013007140 from './set5/006-Top/LongHairStraight-SilverGray.png';
+import s013007152 from './set5/006-Top/LongHairStraight2.png';
+import s013007142 from './set5/006-Top/LongHairStraight2-Auburn.png';
+import s013007143 from './set5/006-Top/LongHairStraight2-Black.png';
+import s013007144 from './set5/006-Top/LongHairStraight2-Blonde.png';
+import s013007145 from './set5/006-Top/LongHairStraight2-BlondeGolden.png';
+import s013007146 from './set5/006-Top/LongHairStraight2-Brown.png';
+import s013007147 from './set5/006-Top/LongHairStraight2-PastelPink.png';
+import s013007148 from './set5/006-Top/LongHairStraight2-Pink.png';
+import s013007149 from './set5/006-Top/LongHairStraight2-Platinum.png';
+import s013007150 from './set5/006-Top/LongHairStraight2-Red.png';
+import s013007151 from './set5/006-Top/LongHairStraight2-SilverGray.png';
+import s013007163 from './set5/006-Top/LongHairStraightStrand.png';
+import s013007153 from './set5/006-Top/LongHairStraightStrand-Auburn.png';
+import s013007154 from './set5/006-Top/LongHairStraightStrand-Black.png';
+import s013007155 from './set5/006-Top/LongHairStraightStrand-Blonde.png';
+import s013007156 from './set5/006-Top/LongHairStraightStrand-BlondeGolden.png';
+import s013007157 from './set5/006-Top/LongHairStraightStrand-Brown.png';
+import s013007158 from './set5/006-Top/LongHairStraightStrand-PastelPink.png';
+import s013007159 from './set5/006-Top/LongHairStraightStrand-Pink.png';
+import s013007160 from './set5/006-Top/LongHairStraightStrand-Platinum.png';
+import s013007161 from './set5/006-Top/LongHairStraightStrand-Red.png';
+import s013007162 from './set5/006-Top/LongHairStraightStrand-SilverGray.png';
+import s013007174 from './set5/006-Top/ShortHairDreads01.png';
+import s013007164 from './set5/006-Top/ShortHairDreads01-Auburn.png';
+import s013007165 from './set5/006-Top/ShortHairDreads01-Black.png';
+import s013007166 from './set5/006-Top/ShortHairDreads01-Blonde.png';
+import s013007167 from './set5/006-Top/ShortHairDreads01-BlondeGolden.png';
+import s013007168 from './set5/006-Top/ShortHairDreads01-Brown.png';
+import s013007169 from './set5/006-Top/ShortHairDreads01-PastelPink.png';
+import s013007170 from './set5/006-Top/ShortHairDreads01-Pink.png';
+import s013007171 from './set5/006-Top/ShortHairDreads01-Platinum.png';
+import s013007172 from './set5/006-Top/ShortHairDreads01-Red.png';
+import s013007173 from './set5/006-Top/ShortHairDreads01-SilverGray.png';
+import s013007185 from './set5/006-Top/ShortHairDreads02.png';
+import s013007175 from './set5/006-Top/ShortHairDreads02-Auburn.png';
+import s013007176 from './set5/006-Top/ShortHairDreads02-Black.png';
+import s013007177 from './set5/006-Top/ShortHairDreads02-Blonde.png';
+import s013007178 from './set5/006-Top/ShortHairDreads02-BlondeGolden.png';
+import s013007179 from './set5/006-Top/ShortHairDreads02-Brown.png';
+import s013007180 from './set5/006-Top/ShortHairDreads02-PastelPink.png';
+import s013007181 from './set5/006-Top/ShortHairDreads02-Pink.png';
+import s013007182 from './set5/006-Top/ShortHairDreads02-Platinum.png';
+import s013007183 from './set5/006-Top/ShortHairDreads02-Red.png';
+import s013007184 from './set5/006-Top/ShortHairDreads02-SilverGray.png';
+import s013007196 from './set5/006-Top/ShortHairFrizzle.png';
+import s013007186 from './set5/006-Top/ShortHairFrizzle-Auburn.png';
+import s013007187 from './set5/006-Top/ShortHairFrizzle-Black.png';
+import s013007188 from './set5/006-Top/ShortHairFrizzle-Blonde.png';
+import s013007189 from './set5/006-Top/ShortHairFrizzle-BlondeGolden.png';
+import s013007190 from './set5/006-Top/ShortHairFrizzle-Brown.png';
+import s013007191 from './set5/006-Top/ShortHairFrizzle-PastelPink.png';
+import s013007192 from './set5/006-Top/ShortHairFrizzle-Pink.png';
+import s013007193 from './set5/006-Top/ShortHairFrizzle-Platinum.png';
+import s013007194 from './set5/006-Top/ShortHairFrizzle-Red.png';
+import s013007195 from './set5/006-Top/ShortHairFrizzle-SilverGray.png';
+import s013007207 from './set5/006-Top/ShortHairShaggyMullet.png';
+import s013007197 from './set5/006-Top/ShortHairShaggyMullet-Auburn.png';
+import s013007198 from './set5/006-Top/ShortHairShaggyMullet-Black.png';
+import s013007199 from './set5/006-Top/ShortHairShaggyMullet-Blonde.png';
+import s013007200 from './set5/006-Top/ShortHairShaggyMullet-BlondeGolden.png';
+import s013007201 from './set5/006-Top/ShortHairShaggyMullet-Brown.png';
+import s013007202 from './set5/006-Top/ShortHairShaggyMullet-PastelPink.png';
+import s013007203 from './set5/006-Top/ShortHairShaggyMullet-Pink.png';
+import s013007204 from './set5/006-Top/ShortHairShaggyMullet-Platinum.png';
+import s013007205 from './set5/006-Top/ShortHairShaggyMullet-Red.png';
+import s013007206 from './set5/006-Top/ShortHairShaggyMullet-SilverGray.png';
+import s013007218 from './set5/006-Top/ShortHairShortCurly.png';
+import s013007208 from './set5/006-Top/ShortHairShortCurly-Auburn.png';
+import s013007209 from './set5/006-Top/ShortHairShortCurly-Black.png';
+import s013007210 from './set5/006-Top/ShortHairShortCurly-Blonde.png';
+import s013007211 from './set5/006-Top/ShortHairShortCurly-BlondeGolden.png';
+import s013007212 from './set5/006-Top/ShortHairShortCurly-Brown.png';
+import s013007213 from './set5/006-Top/ShortHairShortCurly-PastelPink.png';
+import s013007214 from './set5/006-Top/ShortHairShortCurly-Pink.png';
+import s013007215 from './set5/006-Top/ShortHairShortCurly-Platinum.png';
+import s013007216 from './set5/006-Top/ShortHairShortCurly-Red.png';
+import s013007217 from './set5/006-Top/ShortHairShortCurly-SilverGray.png';
+import s013007229 from './set5/006-Top/ShortHairShortFlat.png';
+import s013007219 from './set5/006-Top/ShortHairShortFlat-Auburn.png';
+import s013007220 from './set5/006-Top/ShortHairShortFlat-Black.png';
+import s013007221 from './set5/006-Top/ShortHairShortFlat-Blonde.png';
+import s013007222 from './set5/006-Top/ShortHairShortFlat-BlondeGolden.png';
+import s013007223 from './set5/006-Top/ShortHairShortFlat-Brown.png';
+import s013007224 from './set5/006-Top/ShortHairShortFlat-PastelPink.png';
+import s013007225 from './set5/006-Top/ShortHairShortFlat-Pink.png';
+import s013007226 from './set5/006-Top/ShortHairShortFlat-Platinum.png';
+import s013007227 from './set5/006-Top/ShortHairShortFlat-Red.png';
+import s013007228 from './set5/006-Top/ShortHairShortFlat-SilverGray.png';
+import s013007240 from './set5/006-Top/ShortHairShortRound.png';
+import s013007230 from './set5/006-Top/ShortHairShortRound-Auburn.png';
+import s013007231 from './set5/006-Top/ShortHairShortRound-Black.png';
+import s013007232 from './set5/006-Top/ShortHairShortRound-Blonde.png';
+import s013007233 from './set5/006-Top/ShortHairShortRound-BlondeGolden.png';
+import s013007234 from './set5/006-Top/ShortHairShortRound-Brown.png';
+import s013007235 from './set5/006-Top/ShortHairShortRound-PastelPink.png';
+import s013007236 from './set5/006-Top/ShortHairShortRound-Pink.png';
+import s013007237 from './set5/006-Top/ShortHairShortRound-Platinum.png';
+import s013007238 from './set5/006-Top/ShortHairShortRound-Red.png';
+import s013007239 from './set5/006-Top/ShortHairShortRound-SilverGray.png';
+import s013007251 from './set5/006-Top/ShortHairShortWaved.png';
+import s013007241 from './set5/006-Top/ShortHairShortWaved-Auburn.png';
+import s013007242 from './set5/006-Top/ShortHairShortWaved-Black.png';
+import s013007243 from './set5/006-Top/ShortHairShortWaved-Blonde.png';
+import s013007244 from './set5/006-Top/ShortHairShortWaved-BlondeGolden.png';
+import s013007245 from './set5/006-Top/ShortHairShortWaved-Brown.png';
+import s013007246 from './set5/006-Top/ShortHairShortWaved-PastelPink.png';
+import s013007247 from './set5/006-Top/ShortHairShortWaved-Pink.png';
+import s013007248 from './set5/006-Top/ShortHairShortWaved-Platinum.png';
+import s013007249 from './set5/006-Top/ShortHairShortWaved-Red.png';
+import s013007250 from './set5/006-Top/ShortHairShortWaved-SilverGray.png';
+import s013007262 from './set5/006-Top/ShortHairSides.png';
+import s013007252 from './set5/006-Top/ShortHairSides-Auburn.png';
+import s013007253 from './set5/006-Top/ShortHairSides-Black.png';
+import s013007254 from './set5/006-Top/ShortHairSides-Blonde.png';
+import s013007255 from './set5/006-Top/ShortHairSides-BlondeGolden.png';
+import s013007256 from './set5/006-Top/ShortHairSides-Brown.png';
+import s013007257 from './set5/006-Top/ShortHairSides-PastelPink.png';
+import s013007258 from './set5/006-Top/ShortHairSides-Pink.png';
+import s013007259 from './set5/006-Top/ShortHairSides-Platinum.png';
+import s013007260 from './set5/006-Top/ShortHairSides-Red.png';
+import s013007261 from './set5/006-Top/ShortHairSides-SilverGray.png';
+import s013007273 from './set5/006-Top/ShortHairTheCaesar.png';
+import s013007263 from './set5/006-Top/ShortHairTheCaesar-Auburn.png';
+import s013007264 from './set5/006-Top/ShortHairTheCaesar-Black.png';
+import s013007265 from './set5/006-Top/ShortHairTheCaesar-Blonde.png';
+import s013007266 from './set5/006-Top/ShortHairTheCaesar-BlondeGolden.png';
+import s013007267 from './set5/006-Top/ShortHairTheCaesar-Brown.png';
+import s013007268 from './set5/006-Top/ShortHairTheCaesar-PastelPink.png';
+import s013007269 from './set5/006-Top/ShortHairTheCaesar-Pink.png';
+import s013007270 from './set5/006-Top/ShortHairTheCaesar-Platinum.png';
+import s013007271 from './set5/006-Top/ShortHairTheCaesar-Red.png';
+import s013007272 from './set5/006-Top/ShortHairTheCaesar-SilverGray.png';
+import s013007284 from './set5/006-Top/ShortHairTheCaesarSidePart.png';
+import s013007274 from './set5/006-Top/ShortHairTheCaesarSidePart-Auburn.png';
+import s013007275 from './set5/006-Top/ShortHairTheCaesarSidePart-Black.png';
+import s013007276 from './set5/006-Top/ShortHairTheCaesarSidePart-Blonde.png';
+import s013007277 from './set5/006-Top/ShortHairTheCaesarSidePart-BlondeGolden.png';
+import s013007278 from './set5/006-Top/ShortHairTheCaesarSidePart-Brown.png';
+import s013007279 from './set5/006-Top/ShortHairTheCaesarSidePart-PastelPink.png';
+import s013007280 from './set5/006-Top/ShortHairTheCaesarSidePart-Pink.png';
+import s013007281 from './set5/006-Top/ShortHairTheCaesarSidePart-Platinum.png';
+import s013007282 from './set5/006-Top/ShortHairTheCaesarSidePart-Red.png';
+import s013007283 from './set5/006-Top/ShortHairTheCaesarSidePart-SilverGray.png';
+import s013007300 from './set5/006-Top/Turban.png';
+import s013007285 from './set5/006-Top/Turban-Black.png';
+import s013007286 from './set5/006-Top/Turban-Blue01.png';
+import s013007287 from './set5/006-Top/Turban-Blue02.png';
+import s013007288 from './set5/006-Top/Turban-Brown.png';
+import s013007289 from './set5/006-Top/Turban-Gray01.png';
+import s013007290 from './set5/006-Top/Turban-Gray02.png';
+import s013007291 from './set5/006-Top/Turban-Heather.png';
+import s013007292 from './set5/006-Top/Turban-PastelBlue.png';
+import s013007293 from './set5/006-Top/Turban-PastelGreen.png';
+import s013007294 from './set5/006-Top/Turban-PastelOrange.png';
+import s013007295 from './set5/006-Top/Turban-PastelRed.png';
+import s013007296 from './set5/006-Top/Turban-PastelYellow.png';
+import s013007297 from './set5/006-Top/Turban-Pink.png';
+import s013007298 from './set5/006-Top/Turban-Red.png';
+import s013007299 from './set5/006-Top/Turban-White.png';
+import s013007316 from './set5/006-Top/WinterHat1.png';
+import s013007301 from './set5/006-Top/WinterHat1-Black.png';
+import s013007302 from './set5/006-Top/WinterHat1-Blue01.png';
+import s013007303 from './set5/006-Top/WinterHat1-Blue02.png';
+import s013007304 from './set5/006-Top/WinterHat1-Blue03.png';
+import s013007305 from './set5/006-Top/WinterHat1-Brown.png';
+import s013007306 from './set5/006-Top/WinterHat1-Gray01.png';
+import s013007307 from './set5/006-Top/WinterHat1-Gray02.png';
+import s013007308 from './set5/006-Top/WinterHat1-Heather.png';
+import s013007309 from './set5/006-Top/WinterHat1-PastelBlue.png';
+import s013007310 from './set5/006-Top/WinterHat1-PastelGreen.png';
+import s013007311 from './set5/006-Top/WinterHat1-PastelOrange.png';
+import s013007312 from './set5/006-Top/WinterHat1-PastelRed.png';
+import s013007313 from './set5/006-Top/WinterHat1-PastelYellow.png';
+import s013007314 from './set5/006-Top/WinterHat1-Pink.png';
+import s013007315 from './set5/006-Top/WinterHat1-White.png';
+import s013007332 from './set5/006-Top/WinterHat2.png';
+import s013007317 from './set5/006-Top/WinterHat2-Black.png';
+import s013007318 from './set5/006-Top/WinterHat2-Blue02.png';
+import s013007319 from './set5/006-Top/WinterHat2-Blue03.png';
+import s013007320 from './set5/006-Top/WinterHat2-Brown.png';
+import s013007321 from './set5/006-Top/WinterHat2-Gray01.png';
+import s013007322 from './set5/006-Top/WinterHat2-Gray02.png';
+import s013007323 from './set5/006-Top/WinterHat2-Heather.png';
+import s013007324 from './set5/006-Top/WinterHat2-PastelBlue.png';
+import s013007325 from './set5/006-Top/WinterHat2-PastelGreen.png';
+import s013007326 from './set5/006-Top/WinterHat2-PastelOrange.png';
+import s013007327 from './set5/006-Top/WinterHat2-PastelRed.png';
+import s013007328 from './set5/006-Top/WinterHat2-PastelYellow.png';
+import s013007329 from './set5/006-Top/WinterHat2-Pink.png';
+import s013007330 from './set5/006-Top/WinterHat2-Red.png';
+import s013007331 from './set5/006-Top/WinterHat2-White.png';
+import s013007348 from './set5/006-Top/WinterHat3.png';
+import s013007333 from './set5/006-Top/WinterHat3-Black.png';
+import s013007334 from './set5/006-Top/WinterHat3-Blue01.png';
+import s013007335 from './set5/006-Top/WinterHat3-Blue02.png';
+import s013007336 from './set5/006-Top/WinterHat3-Blue03.png';
+import s013007337 from './set5/006-Top/WinterHat3-Brown.png';
+import s013007338 from './set5/006-Top/WinterHat3-Gray01.png';
+import s013007339 from './set5/006-Top/WinterHat3-Gray02.png';
+import s013007340 from './set5/006-Top/WinterHat3-Heather.png';
+import s013007341 from './set5/006-Top/WinterHat3-PastelBlue.png';
+import s013007342 from './set5/006-Top/WinterHat3-PastelGreen.png';
+import s013007343 from './set5/006-Top/WinterHat3-PastelOrange.png';
+import s013007344 from './set5/006-Top/WinterHat3-PastelRed.png';
+import s013007345 from './set5/006-Top/WinterHat3-PastelYellow.png';
+import s013007346 from './set5/006-Top/WinterHat3-Pink.png';
+import s013007347 from './set5/006-Top/WinterHat3-White.png';
+import s013007364 from './set5/006-Top/WinterHat4.png';
+import s013007349 from './set5/006-Top/WinterHat4-Black.png';
+import s013007350 from './set5/006-Top/WinterHat4-Blue01.png';
+import s013007351 from './set5/006-Top/WinterHat4-Blue02.png';
+import s013007352 from './set5/006-Top/WinterHat4-Blue03.png';
+import s013007353 from './set5/006-Top/WinterHat4-Brown.png';
+import s013007354 from './set5/006-Top/WinterHat4-Gray01.png';
+import s013007355 from './set5/006-Top/WinterHat4-Gray02.png';
+import s013007356 from './set5/006-Top/WinterHat4-Heather.png';
+import s013007357 from './set5/006-Top/WinterHat4-PastelBlue.png';
+import s013007358 from './set5/006-Top/WinterHat4-PastelGreen.png';
+import s013007359 from './set5/006-Top/WinterHat4-PastelOrange.png';
+import s013007360 from './set5/006-Top/WinterHat4-PastelRed.png';
+import s013007361 from './set5/006-Top/WinterHat4-PastelYellow.png';
+import s013007362 from './set5/006-Top/WinterHat4-Pink.png';
+import s013007363 from './set5/006-Top/WinterHat4-White.png';
+import s013000000 from './set5/007-Accessories/Blank.png';
+import s013000004 from './set5/007-Accessories/Kurt.png';
+import s013000001 from './set5/007-Accessories/Kurt-Black.png';
+import s013000002 from './set5/007-Accessories/Kurt-Brown.png';
+import s013000003 from './set5/007-Accessories/Kurt-White.png';
+import s013000008 from './set5/007-Accessories/Prescription01.png';
+import s013000005 from './set5/007-Accessories/Prescription01-Black.png';
+import s013000006 from './set5/007-Accessories/Prescription01-Brown.png';
+import s013000007 from './set5/007-Accessories/Prescription01-White.png';
+import s013000012 from './set5/007-Accessories/Prescription02.png';
+import s013000009 from './set5/007-Accessories/Prescription02-Black.png';
+import s013000010 from './set5/007-Accessories/Prescription02-Brown.png';
+import s013000011 from './set5/007-Accessories/Prescription02-White.png';
+import s013000016 from './set5/007-Accessories/Round.png';
+import s013000013 from './set5/007-Accessories/Round-Black.png';
+import s013000014 from './set5/007-Accessories/Round-Brown.png';
+import s013000015 from './set5/007-Accessories/Round-White.png';
+import s013000017 from './set5/007-Accessories/Sunglasses.png';
+import s013000018 from './set5/007-Accessories/Wayfarers.png';
+
+const sets: unknown[][][] = [
+  [
+    [s000000000, s000000001, s000000002, s000000003, s000000004, s000000005, s000000006, s000000007, s000000008, s000000009],
+    [s000001000, s000001001, s000001002, s000001003, s000001004, s000001005, s000001006, s000001007, s000001008, s000001009],
+    [s000002000, s000002001, s000002002, s000002003, s000002004, s000002005, s000002006, s000002007, s000002008, s000002009],
+    [s000003000, s000003001, s000003002, s000003003, s000003004, s000003005, s000003006, s000003007, s000003008, s000003009],
+    [s000004000, s000004001, s000004002, s000004003, s000004004, s000004005, s000004006, s000004007, s000004008, s000004009]
+  ],
+  [
+    [s001000000, s001000001, s001000002, s001000003, s001000004, s001000005, s001000006, s001000007, s001000008, s001000009],
+    [s001001000, s001001001, s001001002, s001001003, s001001004, s001001005, s001001006, s001001007, s001001008, s001001009],
+    [s001002000, s001002001, s001002002, s001002003, s001002004, s001002005, s001002006, s001002007, s001002008, s001002009],
+    [s001003000, s001003001, s001003002, s001003003, s001003004, s001003005, s001003006, s001003007, s001003008, s001003009],
+    [s001004000, s001004001, s001004002, s001004003, s001004004, s001004005, s001004006, s001004007, s001004008, s001004009]
+  ],
+  [
+    [s002000000, s002000001, s002000002, s002000003, s002000004, s002000005, s002000006, s002000007, s002000008, s002000009],
+    [s002001000, s002001001, s002001002, s002001003, s002001004, s002001005, s002001006, s002001007, s002001008, s002001009],
+    [s002002000, s002002001, s002002002, s002002003, s002002004, s002002005, s002002006, s002002007, s002002008, s002002009],
+    [s002003000, s002003001, s002003002, s002003003, s002003004, s002003005, s002003006, s002003007, s002003008, s002003009],
+    [s002004000, s002004001, s002004002, s002004003, s002004004, s002004005, s002004006, s002004007, s002004008, s002004009]
+  ],
+  [
+    [s003000000, s003000001, s003000002, s003000003, s003000004, s003000005, s003000006, s003000007, s003000008, s003000009],
+    [s003001000, s003001001, s003001002, s003001003, s003001004, s003001005, s003001006, s003001007, s003001008, s003001009],
+    [s003002000, s003002001, s003002002, s003002003, s003002004, s003002005, s003002006, s003002007, s003002008, s003002009],
+    [s003003000, s003003001, s003003002, s003003003, s003003004, s003003005, s003003006, s003003007, s003003008, s003003009],
+    [s003004000, s003004001, s003004002, s003004003, s003004004, s003004005, s003004006, s003004007, s003004008, s003004009]
+  ],
+  [
+    [s004000000, s004000001, s004000002, s004000003, s004000004, s004000005, s004000006, s004000007, s004000008, s004000009],
+    [s004001000, s004001001, s004001002, s004001003, s004001004, s004001005, s004001006, s004001007, s004001008, s004001009],
+    [s004002000, s004002001, s004002002, s004002003, s004002004, s004002005, s004002006, s004002007, s004002008, s004002009],
+    [s004003000, s004003001, s004003002, s004003003, s004003004, s004003005, s004003006, s004003007, s004003008, s004003009],
+    [s004004000, s004004001, s004004002, s004004003, s004004004, s004004005, s004004006, s004004007, s004004008, s004004009]
+  ],
+  [
+    [s005000000, s005000001, s005000002, s005000003, s005000004, s005000005, s005000006, s005000007, s005000008, s005000009],
+    [s005001000, s005001001, s005001002, s005001003, s005001004, s005001005, s005001006, s005001007, s005001008, s005001009],
+    [s005002000, s005002001, s005002002, s005002003, s005002004, s005002005, s005002006, s005002007, s005002008, s005002009],
+    [s005003000, s005003001, s005003002, s005003003, s005003004, s005003005, s005003006, s005003007, s005003008, s005003009],
+    [s005004000, s005004001, s005004002, s005004003, s005004004, s005004005, s005004006, s005004007, s005004008, s005004009]
+  ],
+  [
+    [s006000000, s006000001, s006000002, s006000003, s006000004, s006000005, s006000006, s006000007, s006000008, s006000009],
+    [s006001000, s006001001, s006001002, s006001003, s006001004, s006001005, s006001006, s006001007, s006001008, s006001009],
+    [s006002000, s006002001, s006002002, s006002003, s006002004, s006002005, s006002006, s006002007, s006002008, s006002009],
+    [s006003000, s006003001, s006003002, s006003003, s006003004, s006003005, s006003006, s006003007, s006003008, s006003009],
+    [s006004000, s006004001, s006004002, s006004003, s006004004, s006004005, s006004006, s006004007, s006004008, s006004009]
+  ],
+  [
+    [s007000000, s007000001, s007000002, s007000003, s007000004, s007000005, s007000006, s007000007, s007000008, s007000009],
+    [s007001000, s007001001, s007001002, s007001003, s007001004, s007001005, s007001006, s007001007, s007001008, s007001009],
+    [s007002000, s007002001, s007002002, s007002003, s007002004, s007002005, s007002006, s007002007, s007002008, s007002009],
+    [s007003000, s007003001, s007003002, s007003003, s007003004, s007003005, s007003006, s007003007, s007003008, s007003009],
+    [s007004000, s007004001, s007004002, s007004003, s007004004, s007004005, s007004006, s007004007, s007004008, s007004009]
+  ],
+  [
+    [s008000000, s008000001, s008000002, s008000003, s008000004, s008000005, s008000006, s008000007, s008000008, s008000009],
+    [s008001000, s008001001, s008001002, s008001003, s008001004, s008001005, s008001006, s008001007, s008001008, s008001009],
+    [s008002000, s008002001, s008002002, s008002003, s008002004, s008002005, s008002006, s008002007, s008002008, s008002009],
+    [s008003000, s008003001, s008003002, s008003003, s008003004, s008003005, s008003006, s008003007, s008003008, s008003009],
+    [s008004000, s008004001, s008004002, s008004003, s008004004, s008004005, s008004006, s008004007, s008004008, s008004009]
+  ],
+  [
+    [s009000000, s009000001, s009000002, s009000003, s009000004, s009000005, s009000006, s009000007, s009000008, s009000009],
+    [s009001000, s009001001, s009001002, s009001003, s009001004, s009001005, s009001006, s009001007, s009001008, s009001009],
+    [s009002000, s009002001, s009002002, s009002003, s009002004, s009002005, s009002006, s009002007, s009002008, s009002009],
+    [s009003000, s009003001, s009003002, s009003003, s009003004, s009003005, s009003006, s009003007, s009003008, s009003009],
+    [s009004000, s009004001, s009004002, s009004003, s009004004, s009004005, s009004006, s009004007, s009004008, s009004009]
+  ],
+  [
+    [s010000000, s010000001, s010000002, s010000003, s010000004, s010000005, s010000006, s010000007, s010000008, s010000009],
+    [s010001000, s010001001, s010001002, s010001003, s010001004, s010001005, s010001006, s010001007, s010001008, s010001009],
+    [s010002000, s010002001, s010002002, s010002003, s010002004, s010002005, s010002006, s010002007, s010002008, s010002009, s010002010, s010002011, s010002012, s010002013, s010002014, s010002015],
+    [s010003000, s010003001, s010003002, s010003003, s010003004, s010003005, s010003006, s010003007, s010003008, s010003009],
+    [s010004000, s010004001, s010004002, s010004003, s010004004, s010004005, s010004006, s010004007, s010004008, s010004009],
+    [s010005000, s010005001, s010005002, s010005003, s010005004, s010005005, s010005006, s010005007, s010005008, s010005009],
+    [s010006000, s010006001, s010006002, s010006003, s010006004, s010006005, s010006006, s010006007, s010006008, s010006009]
+  ],
+  [
+    [s011000000, s011000001, s011000002, s011000003, s011000004, s011000005, s011000006, s011000007, s011000008, s011000009, s011000010, s011000011, s011000012, s011000013, s011000014, s011000015, s011000016, s011000017, s011000018, s011000019, s011000020, s011000021, s011000022, s011000023, s011000024, s011000025, s011000026, s011000027, s011000028, s011000029, s011000030, s011000031, s011000032, s011000033, s011000034, s011000035, s011000036, s011000037, s011000038, s011000039, s011000040, s011000041, s011000042, s011000043, s011000044, s011000045, s011000046, s011000047, s011000048, s011000049, s011000050, s011000051, s011000052, s011000053, s011000054, s011000055, s011000056, s011000057, s011000058, s011000059, s011000060, s011000061, s011000062, s011000063, s011000064, s011000065, s011000066, s011000067, s011000068, s011000069, s011000070, s011000071, s011000072, s011000073, s011000074, s011000075, s011000076, s011000077, s011000078, s011000079, s011000080, s011000081, s011000082, s011000083, s011000084, s011000085, s011000086, s011000087, s011000088, s011000089],
+    [s011001000],
+    [s011002000, s011002001, s011002002, s011002003, s011002004, s011002005, s011002006, s011002007, s011002008, s011002009],
+    [s011003000, s011003001, s011003002, s011003003, s011003004, s011003005, s011003006, s011003007, s011003008, s011003009, s011003010, s011003011],
+    [s011004000, s011004001, s011004002, s011004003, s011004004, s011004005, s011004006, s011004007, s011004008, s011004009, s011004010, s011004011],
+    [s011005000, s011005001, s011005002, s011005003, s011005004, s011005005, s011005006, s011005007, s011005008, s011005009, s011005010],
+    [s011006000, s011006001, s011006002, s011006003, s011006004, s011006005, s011006006, s011006007, s011006008]
+  ],
+  [
+    [s012000000, s012000001, s012000002, s012000003, s012000004, s012000005, s012000006, s012000007, s012000008, s012000009, s012000010, s012000011, s012000012, s012000013, s012000014],
+    [s012001000, s012001001, s012001002, s012001003, s012001004, s012001005, s012001006, s012001007, s012001008, s012001009],
+    [s012002000, s012002001, s012002002, s012002003, s012002004, s012002005, s012002006, s012002007, s012002008, s012002009, s012002010, s012002011, s012002012, s012002013, s012002014],
+    [s012003000, s012003001, s012003002, s012003003, s012003004, s012003005, s012003006, s012003007, s012003008, s012003009],
+    [s012004000, s012004001, s012004002, s012004003, s012004004, s012004005, s012004006, s012004007, s012004008, s012004009, s012004010, s012004011, s012004012, s012004013, s012004014, s012004015]
+  ],
+  [
+    [s013000000, s013000001, s013000002, s013000003, s013000004, s013000005, s013000006, s013000007, s013000008, s013000009, s013000010, s013000011, s013000012, s013000013, s013000014, s013000015, s013000016, s013000017, s013000018],
+    [s013001000, s013001001, s013001002, s013001003, s013001004, s013001005, s013001006],
+    [s013002000, s013002001, s013002002, s013002003, s013002004, s013002005, s013002006, s013002007, s013002008, s013002009, s013002010, s013002011, s013002012, s013002013, s013002014, s013002015, s013002016, s013002017, s013002018, s013002019, s013002020, s013002021, s013002022, s013002023, s013002024, s013002025, s013002026, s013002027, s013002028, s013002029, s013002030, s013002031, s013002032, s013002033, s013002034, s013002035, s013002036, s013002037, s013002038, s013002039, s013002040, s013002041, s013002042, s013002043, s013002044, s013002045, s013002046, s013002047, s013002048, s013002049, s013002050, s013002051, s013002052, s013002053, s013002054, s013002055, s013002056, s013002057, s013002058, s013002059, s013002060, s013002061, s013002062, s013002063, s013002064, s013002065, s013002066, s013002067, s013002068, s013002069, s013002070, s013002071, s013002072, s013002073, s013002074, s013002075, s013002076, s013002077, s013002078, s013002079, s013002080, s013002081, s013002082, s013002083, s013002084, s013002085, s013002086, s013002087, s013002088, s013002089, s013002090, s013002091, s013002092, s013002093, s013002094, s013002095, s013002096, s013002097, s013002098, s013002099, s013002100, s013002101, s013002102, s013002103, s013002104, s013002105, s013002106, s013002107, s013002108, s013002109, s013002110, s013002111, s013002112, s013002113, s013002114, s013002115, s013002116, s013002117, s013002118, s013002119, s013002120, s013002121, s013002122, s013002123, s013002124, s013002125, s013002126, s013002127, s013002128, s013002129, s013002130, s013002131, s013002132, s013002133, s013002134, s013002135, s013002136, s013002137, s013002138, s013002139, s013002140, s013002141, s013002142, s013002143, s013002144, s013002145, s013002146, s013002147, s013002148, s013002149, s013002150, s013002151, s013002152, s013002153, s013002154, s013002155, s013002156, s013002157, s013002158, s013002159, s013002160, s013002161, s013002162, s013002163, s013002164, s013002165, s013002166, s013002167, s013002168, s013002169, s013002170, s013002171, s013002172, s013002173, s013002174, s013002175, s013002176, s013002177, s013002178, s013002179, s013002180, s013002181, s013002182, s013002183, s013002184, s013002185, s013002186, s013002187, s013002188, s013002189, s013002190, s013002191, s013002192, s013002193, s013002194, s013002195, s013002196, s013002197, s013002198, s013002199, s013002200, s013002201, s013002202, s013002203, s013002204, s013002205, s013002206, s013002207, s013002208, s013002209, s013002210, s013002211, s013002212, s013002213, s013002214, s013002215, s013002216, s013002217, s013002218, s013002219, s013002220, s013002221, s013002222, s013002223, s013002224, s013002225, s013002226, s013002227, s013002228, s013002229, s013002230, s013002231, s013002232, s013002233, s013002234, s013002235, s013002236, s013002237, s013002238, s013002239, s013002240, s013002241, s013002242],
+    [s013003000, s013003001, s013003002, s013003003, s013003004, s013003005, s013003006, s013003007, s013003008, s013003009, s013003010, s013003011],
+    [s013004000, s013004001, s013004002, s013004003, s013004004, s013004005, s013004006, s013004007, s013004008, s013004009, s013004010, s013004011],
+    [s013005000, s013005001, s013005002, s013005003, s013005004, s013005005, s013005006, s013005007, s013005008, s013005009, s013005010, s013005011, s013005012, s013005013, s013005014, s013005015, s013005016, s013005017, s013005018, s013005019, s013005020, s013005021, s013005022, s013005023, s013005024, s013005025, s013005026, s013005027, s013005028, s013005029, s013005030, s013005031, s013005032, s013005033, s013005034, s013005035, s013005036, s013005037, s013005038, s013005039, s013005040, s013005041, s013005042, s013005043, s013005044, s013005045, s013005046, s013005047, s013005048, s013005049, s013005050, s013005051, s013005052, s013005053, s013005054, s013005055],
+    [s013006000, s013006001, s013006002, s013006003, s013006004, s013006005, s013006006, s013006007, s013006008, s013006009, s013006010, s013006011],
+    [s013007000, s013007001, s013007002, s013007003, s013007004, s013007005, s013007006, s013007007, s013007008, s013007009, s013007010, s013007011, s013007012, s013007013, s013007014, s013007015, s013007016, s013007017, s013007018, s013007019, s013007020, s013007021, s013007022, s013007023, s013007024, s013007025, s013007026, s013007027, s013007028, s013007029, s013007030, s013007031, s013007032, s013007033, s013007034, s013007035, s013007036, s013007037, s013007038, s013007039, s013007040, s013007041, s013007042, s013007043, s013007044, s013007045, s013007046, s013007047, s013007048, s013007049, s013007050, s013007051, s013007052, s013007053, s013007054, s013007055, s013007056, s013007057, s013007058, s013007059, s013007060, s013007061, s013007062, s013007063, s013007064, s013007065, s013007066, s013007067, s013007068, s013007069, s013007070, s013007071, s013007072, s013007073, s013007074, s013007075, s013007076, s013007077, s013007078, s013007079, s013007080, s013007081, s013007082, s013007083, s013007084, s013007085, s013007086, s013007087, s013007088, s013007089, s013007090, s013007091, s013007092, s013007093, s013007094, s013007095, s013007096, s013007097, s013007098, s013007099, s013007100, s013007101, s013007102, s013007103, s013007104, s013007105, s013007106, s013007107, s013007108, s013007109, s013007110, s013007111, s013007112, s013007113, s013007114, s013007115, s013007116, s013007117, s013007118, s013007119, s013007120, s013007121, s013007122, s013007123, s013007124, s013007125, s013007126, s013007127, s013007128, s013007129, s013007130, s013007131, s013007132, s013007133, s013007134, s013007135, s013007136, s013007137, s013007138, s013007139, s013007140, s013007141, s013007142, s013007143, s013007144, s013007145, s013007146, s013007147, s013007148, s013007149, s013007150, s013007151, s013007152, s013007153, s013007154, s013007155, s013007156, s013007157, s013007158, s013007159, s013007160, s013007161, s013007162, s013007163, s013007164, s013007165, s013007166, s013007167, s013007168, s013007169, s013007170, s013007171, s013007172, s013007173, s013007174, s013007175, s013007176, s013007177, s013007178, s013007179, s013007180, s013007181, s013007182, s013007183, s013007184, s013007185, s013007186, s013007187, s013007188, s013007189, s013007190, s013007191, s013007192, s013007193, s013007194, s013007195, s013007196, s013007197, s013007198, s013007199, s013007200, s013007201, s013007202, s013007203, s013007204, s013007205, s013007206, s013007207, s013007208, s013007209, s013007210, s013007211, s013007212, s013007213, s013007214, s013007215, s013007216, s013007217, s013007218, s013007219, s013007220, s013007221, s013007222, s013007223, s013007224, s013007225, s013007226, s013007227, s013007228, s013007229, s013007230, s013007231, s013007232, s013007233, s013007234, s013007235, s013007236, s013007237, s013007238, s013007239, s013007240, s013007241, s013007242, s013007243, s013007244, s013007245, s013007246, s013007247, s013007248, s013007249, s013007250, s013007251, s013007252, s013007253, s013007254, s013007255, s013007256, s013007257, s013007258, s013007259, s013007260, s013007261, s013007262, s013007263, s013007264, s013007265, s013007266, s013007267, s013007268, s013007269, s013007270, s013007271, s013007272, s013007273, s013007274, s013007275, s013007276, s013007277, s013007278, s013007279, s013007280, s013007281, s013007282, s013007283, s013007284, s013007285, s013007286, s013007287, s013007288, s013007289, s013007290, s013007291, s013007292, s013007293, s013007294, s013007295, s013007296, s013007297, s013007298, s013007299, s013007300, s013007301, s013007302, s013007303, s013007304, s013007305, s013007306, s013007307, s013007308, s013007309, s013007310, s013007311, s013007312, s013007313, s013007314, s013007315, s013007316, s013007317, s013007318, s013007319, s013007320, s013007321, s013007322, s013007323, s013007324, s013007325, s013007326, s013007327, s013007328, s013007329, s013007330, s013007331, s013007332, s013007333, s013007334, s013007335, s013007336, s013007337, s013007338, s013007339, s013007340, s013007341, s013007342, s013007343, s013007344, s013007345, s013007346, s013007347, s013007348, s013007349, s013007350, s013007351, s013007352, s013007353, s013007354, s013007355, s013007356, s013007357, s013007358, s013007359, s013007360, s013007361, s013007362, s013007363, s013007364]
+  ]
+];
+
+export default sets;
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-blue/000-Mouth/000-blue_mouth-10.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-blue/000-Mouth/000-blue_mouth-10.png
new file mode 100644
index 0000000..0d09c4b
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-blue/000-Mouth/000-blue_mouth-10.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-blue/000-Mouth/001-blue_mouth-07.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-blue/000-Mouth/001-blue_mouth-07.png
new file mode 100644
index 0000000..1c5943d
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-blue/000-Mouth/001-blue_mouth-07.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-blue/000-Mouth/002-blue_mouth-04.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-blue/000-Mouth/002-blue_mouth-04.png
new file mode 100644
index 0000000..9a83150
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-blue/000-Mouth/002-blue_mouth-04.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-blue/000-Mouth/003-blue_mouth-05.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-blue/000-Mouth/003-blue_mouth-05.png
new file mode 100644
index 0000000..9311975
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-blue/000-Mouth/003-blue_mouth-05.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-blue/000-Mouth/004-blue_mouth-01.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-blue/000-Mouth/004-blue_mouth-01.png
new file mode 100644
index 0000000..133b80e
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-blue/000-Mouth/004-blue_mouth-01.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-blue/000-Mouth/005-blue_mouth-02.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-blue/000-Mouth/005-blue_mouth-02.png
new file mode 100644
index 0000000..eefe6fb
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-blue/000-Mouth/005-blue_mouth-02.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-blue/000-Mouth/006-blue_mouth-06.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-blue/000-Mouth/006-blue_mouth-06.png
new file mode 100644
index 0000000..7f351df
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-blue/000-Mouth/006-blue_mouth-06.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-blue/000-Mouth/007-blue_mouth-08.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-blue/000-Mouth/007-blue_mouth-08.png
new file mode 100644
index 0000000..4c6921d
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-blue/000-Mouth/007-blue_mouth-08.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-blue/000-Mouth/008-blue_mouth-09.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-blue/000-Mouth/008-blue_mouth-09.png
new file mode 100644
index 0000000..ca54f35
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-blue/000-Mouth/008-blue_mouth-09.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-blue/000-Mouth/009-blue_mouth-03.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-blue/000-Mouth/009-blue_mouth-03.png
new file mode 100644
index 0000000..47bfabb
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-blue/000-Mouth/009-blue_mouth-03.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-blue/001-Eyes/000-blue_eyes-07.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-blue/001-Eyes/000-blue_eyes-07.png
new file mode 100644
index 0000000..bb231ef
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-blue/001-Eyes/000-blue_eyes-07.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-blue/001-Eyes/001-blue_eyes-09.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-blue/001-Eyes/001-blue_eyes-09.png
new file mode 100644
index 0000000..cd2f3a4
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-blue/001-Eyes/001-blue_eyes-09.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-blue/001-Eyes/002-blue_eyes-10.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-blue/001-Eyes/002-blue_eyes-10.png
new file mode 100644
index 0000000..b63f7d7
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-blue/001-Eyes/002-blue_eyes-10.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-blue/001-Eyes/003-blue_eyes-02.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-blue/001-Eyes/003-blue_eyes-02.png
new file mode 100644
index 0000000..c63841f
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-blue/001-Eyes/003-blue_eyes-02.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-blue/001-Eyes/004-blue_eyes-03.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-blue/001-Eyes/004-blue_eyes-03.png
new file mode 100644
index 0000000..0ebff48
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-blue/001-Eyes/004-blue_eyes-03.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-blue/001-Eyes/005-blue_eyes-05.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-blue/001-Eyes/005-blue_eyes-05.png
new file mode 100644
index 0000000..e4dffe6
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-blue/001-Eyes/005-blue_eyes-05.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-blue/001-Eyes/006-blue_eyes-06.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-blue/001-Eyes/006-blue_eyes-06.png
new file mode 100644
index 0000000..a51f1ba
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-blue/001-Eyes/006-blue_eyes-06.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-blue/001-Eyes/007-blue_eyes-01.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-blue/001-Eyes/007-blue_eyes-01.png
new file mode 100644
index 0000000..d442a19
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-blue/001-Eyes/007-blue_eyes-01.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-blue/001-Eyes/008-blue_eyes-08.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-blue/001-Eyes/008-blue_eyes-08.png
new file mode 100644
index 0000000..5c7c4e3
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-blue/001-Eyes/008-blue_eyes-08.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-blue/001-Eyes/009-blue_eyes-04.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-blue/001-Eyes/009-blue_eyes-04.png
new file mode 100644
index 0000000..72f12e8
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-blue/001-Eyes/009-blue_eyes-04.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-blue/002-Accessory/000-blue_accessory-02.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-blue/002-Accessory/000-blue_accessory-02.png
new file mode 100644
index 0000000..9c49b06
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-blue/002-Accessory/000-blue_accessory-02.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-blue/002-Accessory/001-blue_accessory-01.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-blue/002-Accessory/001-blue_accessory-01.png
new file mode 100644
index 0000000..c63100d
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-blue/002-Accessory/001-blue_accessory-01.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-blue/002-Accessory/002-blue_accessory-07.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-blue/002-Accessory/002-blue_accessory-07.png
new file mode 100644
index 0000000..53bdda6
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-blue/002-Accessory/002-blue_accessory-07.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-blue/002-Accessory/003-blue_accessory-03.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-blue/002-Accessory/003-blue_accessory-03.png
new file mode 100644
index 0000000..c57294f
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-blue/002-Accessory/003-blue_accessory-03.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-blue/002-Accessory/004-blue_accessory-05.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-blue/002-Accessory/004-blue_accessory-05.png
new file mode 100644
index 0000000..77c4e6a
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-blue/002-Accessory/004-blue_accessory-05.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-blue/002-Accessory/005-blue_accessory-09.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-blue/002-Accessory/005-blue_accessory-09.png
new file mode 100644
index 0000000..a62648d
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-blue/002-Accessory/005-blue_accessory-09.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-blue/002-Accessory/006-blue_accessory-04.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-blue/002-Accessory/006-blue_accessory-04.png
new file mode 100644
index 0000000..d890fed
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-blue/002-Accessory/006-blue_accessory-04.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-blue/002-Accessory/007-blue_accessory-10.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-blue/002-Accessory/007-blue_accessory-10.png
new file mode 100644
index 0000000..ed29dc6
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-blue/002-Accessory/007-blue_accessory-10.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-blue/002-Accessory/008-blue_accessory-06.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-blue/002-Accessory/008-blue_accessory-06.png
new file mode 100644
index 0000000..7537b6f
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-blue/002-Accessory/008-blue_accessory-06.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-blue/002-Accessory/009-blue_accessory-08.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-blue/002-Accessory/009-blue_accessory-08.png
new file mode 100644
index 0000000..87ae8a1
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-blue/002-Accessory/009-blue_accessory-08.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-blue/003-01Body/000-blue_body-10.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-blue/003-01Body/000-blue_body-10.png
new file mode 100644
index 0000000..0e820e7
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-blue/003-01Body/000-blue_body-10.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-blue/003-01Body/001-blue_body-09.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-blue/003-01Body/001-blue_body-09.png
new file mode 100644
index 0000000..261220f
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-blue/003-01Body/001-blue_body-09.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-blue/003-01Body/002-blue_body-03.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-blue/003-01Body/002-blue_body-03.png
new file mode 100644
index 0000000..f69ea84
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-blue/003-01Body/002-blue_body-03.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-blue/003-01Body/003-blue_body-07.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-blue/003-01Body/003-blue_body-07.png
new file mode 100644
index 0000000..f0a49c3
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-blue/003-01Body/003-blue_body-07.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-blue/003-01Body/004-blue_body-04.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-blue/003-01Body/004-blue_body-04.png
new file mode 100644
index 0000000..a99cf13
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-blue/003-01Body/004-blue_body-04.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-blue/003-01Body/005-blue_body-05.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-blue/003-01Body/005-blue_body-05.png
new file mode 100644
index 0000000..d034fe1
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-blue/003-01Body/005-blue_body-05.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-blue/003-01Body/006-blue_body-01.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-blue/003-01Body/006-blue_body-01.png
new file mode 100644
index 0000000..2f3f84c
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-blue/003-01Body/006-blue_body-01.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-blue/003-01Body/007-blue_body-06.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-blue/003-01Body/007-blue_body-06.png
new file mode 100644
index 0000000..643cdea
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-blue/003-01Body/007-blue_body-06.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-blue/003-01Body/008-blue_body-08.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-blue/003-01Body/008-blue_body-08.png
new file mode 100644
index 0000000..352cbf1
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-blue/003-01Body/008-blue_body-08.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-blue/003-01Body/009-blue_body-02.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-blue/003-01Body/009-blue_body-02.png
new file mode 100644
index 0000000..8b4d88d
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-blue/003-01Body/009-blue_body-02.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-blue/004-02Face/000-blue_face-07.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-blue/004-02Face/000-blue_face-07.png
new file mode 100644
index 0000000..b3ff4d8
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-blue/004-02Face/000-blue_face-07.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-blue/004-02Face/001-blue_face-03.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-blue/004-02Face/001-blue_face-03.png
new file mode 100644
index 0000000..2208dfa
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-blue/004-02Face/001-blue_face-03.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-blue/004-02Face/002-blue_face-08.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-blue/004-02Face/002-blue_face-08.png
new file mode 100644
index 0000000..81b5c05
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-blue/004-02Face/002-blue_face-08.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-blue/004-02Face/003-blue_face-01.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-blue/004-02Face/003-blue_face-01.png
new file mode 100644
index 0000000..9c4a9b0
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-blue/004-02Face/003-blue_face-01.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-blue/004-02Face/004-blue_face-05.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-blue/004-02Face/004-blue_face-05.png
new file mode 100644
index 0000000..e4e99df
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-blue/004-02Face/004-blue_face-05.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-blue/004-02Face/005-blue_face-10.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-blue/004-02Face/005-blue_face-10.png
new file mode 100644
index 0000000..8394897
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-blue/004-02Face/005-blue_face-10.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-blue/004-02Face/006-blue_face-02.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-blue/004-02Face/006-blue_face-02.png
new file mode 100644
index 0000000..6b63095
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-blue/004-02Face/006-blue_face-02.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-blue/004-02Face/007-blue_face-09.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-blue/004-02Face/007-blue_face-09.png
new file mode 100644
index 0000000..926ad80
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-blue/004-02Face/007-blue_face-09.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-blue/004-02Face/008-blue_face-04.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-blue/004-02Face/008-blue_face-04.png
new file mode 100644
index 0000000..ff906d9
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-blue/004-02Face/008-blue_face-04.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-blue/004-02Face/009-blue_face-06.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-blue/004-02Face/009-blue_face-06.png
new file mode 100644
index 0000000..9b32772
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-blue/004-02Face/009-blue_face-06.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-brown/000-Mouth/000-brown_mouth-02.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-brown/000-Mouth/000-brown_mouth-02.png
new file mode 100644
index 0000000..37a00e9
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-brown/000-Mouth/000-brown_mouth-02.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-brown/000-Mouth/001-brown_mouth-01.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-brown/000-Mouth/001-brown_mouth-01.png
new file mode 100644
index 0000000..423409b
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-brown/000-Mouth/001-brown_mouth-01.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-brown/000-Mouth/002-brown_mouth-07.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-brown/000-Mouth/002-brown_mouth-07.png
new file mode 100644
index 0000000..8a7e973
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-brown/000-Mouth/002-brown_mouth-07.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-brown/000-Mouth/003-brown_mouth-05.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-brown/000-Mouth/003-brown_mouth-05.png
new file mode 100644
index 0000000..95efe00
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-brown/000-Mouth/003-brown_mouth-05.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-brown/000-Mouth/004-brown_mouth-04.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-brown/000-Mouth/004-brown_mouth-04.png
new file mode 100644
index 0000000..eb1bee1
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-brown/000-Mouth/004-brown_mouth-04.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-brown/000-Mouth/005-brown_mouth-06.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-brown/000-Mouth/005-brown_mouth-06.png
new file mode 100644
index 0000000..3ef1a94
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-brown/000-Mouth/005-brown_mouth-06.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-brown/000-Mouth/006-brown_mouth-08.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-brown/000-Mouth/006-brown_mouth-08.png
new file mode 100644
index 0000000..608ade4
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-brown/000-Mouth/006-brown_mouth-08.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-brown/000-Mouth/007-brown_mouth-09.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-brown/000-Mouth/007-brown_mouth-09.png
new file mode 100644
index 0000000..4ab6da8
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-brown/000-Mouth/007-brown_mouth-09.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-brown/000-Mouth/008-brown_mouth-10.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-brown/000-Mouth/008-brown_mouth-10.png
new file mode 100644
index 0000000..7c0aba8
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-brown/000-Mouth/008-brown_mouth-10.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-brown/000-Mouth/009-brown_mouth-03.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-brown/000-Mouth/009-brown_mouth-03.png
new file mode 100644
index 0000000..a2c9c79
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-brown/000-Mouth/009-brown_mouth-03.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-brown/001-Eyes/000-brown_eyes-05.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-brown/001-Eyes/000-brown_eyes-05.png
new file mode 100644
index 0000000..f0d50a3
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-brown/001-Eyes/000-brown_eyes-05.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-brown/001-Eyes/001-brown_eyes-06.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-brown/001-Eyes/001-brown_eyes-06.png
new file mode 100644
index 0000000..4ab2f06
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-brown/001-Eyes/001-brown_eyes-06.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-brown/001-Eyes/002-brown_eyes-04.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-brown/001-Eyes/002-brown_eyes-04.png
new file mode 100644
index 0000000..2dab717
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-brown/001-Eyes/002-brown_eyes-04.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-brown/001-Eyes/003-brown_eyes-03.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-brown/001-Eyes/003-brown_eyes-03.png
new file mode 100644
index 0000000..1b6bf5a
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-brown/001-Eyes/003-brown_eyes-03.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-brown/001-Eyes/004-brown_eyes-09.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-brown/001-Eyes/004-brown_eyes-09.png
new file mode 100644
index 0000000..9c450a4
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-brown/001-Eyes/004-brown_eyes-09.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-brown/001-Eyes/005-brown_eyes-07.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-brown/001-Eyes/005-brown_eyes-07.png
new file mode 100644
index 0000000..96d3de7
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-brown/001-Eyes/005-brown_eyes-07.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-brown/001-Eyes/006-brown_eyes-08.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-brown/001-Eyes/006-brown_eyes-08.png
new file mode 100644
index 0000000..7510588
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-brown/001-Eyes/006-brown_eyes-08.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-brown/001-Eyes/007-brown_eyes-01.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-brown/001-Eyes/007-brown_eyes-01.png
new file mode 100644
index 0000000..d46d45e
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-brown/001-Eyes/007-brown_eyes-01.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-brown/001-Eyes/008-brown_eyes-02.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-brown/001-Eyes/008-brown_eyes-02.png
new file mode 100644
index 0000000..f710be6
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-brown/001-Eyes/008-brown_eyes-02.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-brown/001-Eyes/009-brown_eyes-10.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-brown/001-Eyes/009-brown_eyes-10.png
new file mode 100644
index 0000000..29a36f0
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-brown/001-Eyes/009-brown_eyes-10.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-brown/002-Accessory/000-brown_accessory-07.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-brown/002-Accessory/000-brown_accessory-07.png
new file mode 100644
index 0000000..0485954
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-brown/002-Accessory/000-brown_accessory-07.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-brown/002-Accessory/001-brown_accessory-08.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-brown/002-Accessory/001-brown_accessory-08.png
new file mode 100644
index 0000000..02eefc6
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-brown/002-Accessory/001-brown_accessory-08.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-brown/002-Accessory/002-brown_accessory-03.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-brown/002-Accessory/002-brown_accessory-03.png
new file mode 100644
index 0000000..039a53f
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-brown/002-Accessory/002-brown_accessory-03.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-brown/002-Accessory/003-brown_accessory-06.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-brown/002-Accessory/003-brown_accessory-06.png
new file mode 100644
index 0000000..8777d0c
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-brown/002-Accessory/003-brown_accessory-06.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-brown/002-Accessory/004-brown_accessory-01.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-brown/002-Accessory/004-brown_accessory-01.png
new file mode 100644
index 0000000..5695b57
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-brown/002-Accessory/004-brown_accessory-01.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-brown/002-Accessory/005-brown_accessory-09.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-brown/002-Accessory/005-brown_accessory-09.png
new file mode 100644
index 0000000..c0644c7
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-brown/002-Accessory/005-brown_accessory-09.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-brown/002-Accessory/006-brown_accessory-02.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-brown/002-Accessory/006-brown_accessory-02.png
new file mode 100644
index 0000000..e1b850f
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-brown/002-Accessory/006-brown_accessory-02.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-brown/002-Accessory/007-brown_accessory-05.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-brown/002-Accessory/007-brown_accessory-05.png
new file mode 100644
index 0000000..7773f0f
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-brown/002-Accessory/007-brown_accessory-05.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-brown/002-Accessory/008-brown_accessory-10.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-brown/002-Accessory/008-brown_accessory-10.png
new file mode 100644
index 0000000..e863d55
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-brown/002-Accessory/008-brown_accessory-10.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-brown/002-Accessory/009-brown_accessory-04.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-brown/002-Accessory/009-brown_accessory-04.png
new file mode 100644
index 0000000..2387ce2
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-brown/002-Accessory/009-brown_accessory-04.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-brown/003-01Body/000-brown_body-06.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-brown/003-01Body/000-brown_body-06.png
new file mode 100644
index 0000000..044e347
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-brown/003-01Body/000-brown_body-06.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-brown/003-01Body/001-brown_body-08.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-brown/003-01Body/001-brown_body-08.png
new file mode 100644
index 0000000..9a7ec39
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-brown/003-01Body/001-brown_body-08.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-brown/003-01Body/002-brown_body-03.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-brown/003-01Body/002-brown_body-03.png
new file mode 100644
index 0000000..72ee6e9
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-brown/003-01Body/002-brown_body-03.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-brown/003-01Body/003-brown_body-01.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-brown/003-01Body/003-brown_body-01.png
new file mode 100644
index 0000000..1c83873
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-brown/003-01Body/003-brown_body-01.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-brown/003-01Body/004-brown_body-07.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-brown/003-01Body/004-brown_body-07.png
new file mode 100644
index 0000000..3fe65ec
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-brown/003-01Body/004-brown_body-07.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-brown/003-01Body/005-brown_body-04.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-brown/003-01Body/005-brown_body-04.png
new file mode 100644
index 0000000..7878095
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-brown/003-01Body/005-brown_body-04.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-brown/003-01Body/006-brown_body-10.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-brown/003-01Body/006-brown_body-10.png
new file mode 100644
index 0000000..f9ea42d
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-brown/003-01Body/006-brown_body-10.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-brown/003-01Body/007-brown_body-09.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-brown/003-01Body/007-brown_body-09.png
new file mode 100644
index 0000000..5533f24
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-brown/003-01Body/007-brown_body-09.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-brown/003-01Body/008-brown_body-02.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-brown/003-01Body/008-brown_body-02.png
new file mode 100644
index 0000000..6499489
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-brown/003-01Body/008-brown_body-02.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-brown/003-01Body/009-brown_body-05.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-brown/003-01Body/009-brown_body-05.png
new file mode 100644
index 0000000..27c7cdc
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-brown/003-01Body/009-brown_body-05.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-brown/004-02Face/000-brown_face-09.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-brown/004-02Face/000-brown_face-09.png
new file mode 100644
index 0000000..30bebee
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-brown/004-02Face/000-brown_face-09.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-brown/004-02Face/001-brown_face-02.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-brown/004-02Face/001-brown_face-02.png
new file mode 100644
index 0000000..8dc1aae
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-brown/004-02Face/001-brown_face-02.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-brown/004-02Face/002-brown_face-08.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-brown/004-02Face/002-brown_face-08.png
new file mode 100644
index 0000000..41d8b0a
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-brown/004-02Face/002-brown_face-08.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-brown/004-02Face/003-brown_face-07.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-brown/004-02Face/003-brown_face-07.png
new file mode 100644
index 0000000..375cb28
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-brown/004-02Face/003-brown_face-07.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-brown/004-02Face/004-brown_face-06.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-brown/004-02Face/004-brown_face-06.png
new file mode 100644
index 0000000..d6e1ba7
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-brown/004-02Face/004-brown_face-06.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-brown/004-02Face/005-brown_face-05.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-brown/004-02Face/005-brown_face-05.png
new file mode 100644
index 0000000..8c41fd2
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-brown/004-02Face/005-brown_face-05.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-brown/004-02Face/006-brown_face-03.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-brown/004-02Face/006-brown_face-03.png
new file mode 100644
index 0000000..fe90443
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-brown/004-02Face/006-brown_face-03.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-brown/004-02Face/007-brown_face-10.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-brown/004-02Face/007-brown_face-10.png
new file mode 100644
index 0000000..2fd86a6
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-brown/004-02Face/007-brown_face-10.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-brown/004-02Face/008-brown_face-01.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-brown/004-02Face/008-brown_face-01.png
new file mode 100644
index 0000000..35cc3a5
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-brown/004-02Face/008-brown_face-01.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-brown/004-02Face/009-brown_face-04.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-brown/004-02Face/009-brown_face-04.png
new file mode 100644
index 0000000..bb9cd6c
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-brown/004-02Face/009-brown_face-04.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-green/000-Mouth/000-green_mouth-08.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-green/000-Mouth/000-green_mouth-08.png
new file mode 100644
index 0000000..689d5ac
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-green/000-Mouth/000-green_mouth-08.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-green/000-Mouth/001-green_mouth-04.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-green/000-Mouth/001-green_mouth-04.png
new file mode 100644
index 0000000..3efcb85
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-green/000-Mouth/001-green_mouth-04.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-green/000-Mouth/002-green_mouth-06.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-green/000-Mouth/002-green_mouth-06.png
new file mode 100644
index 0000000..532762d
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-green/000-Mouth/002-green_mouth-06.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-green/000-Mouth/003-green_mouth-02.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-green/000-Mouth/003-green_mouth-02.png
new file mode 100644
index 0000000..4339cd7
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-green/000-Mouth/003-green_mouth-02.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-green/000-Mouth/004-green_mouth-03.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-green/000-Mouth/004-green_mouth-03.png
new file mode 100644
index 0000000..29af7b8
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-green/000-Mouth/004-green_mouth-03.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-green/000-Mouth/005-green_mouth-01.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-green/000-Mouth/005-green_mouth-01.png
new file mode 100644
index 0000000..14cb685
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-green/000-Mouth/005-green_mouth-01.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-green/000-Mouth/006-green_mouth-07.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-green/000-Mouth/006-green_mouth-07.png
new file mode 100644
index 0000000..d5ba1e0
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-green/000-Mouth/006-green_mouth-07.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-green/000-Mouth/007-green_mouth-10.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-green/000-Mouth/007-green_mouth-10.png
new file mode 100644
index 0000000..9f2c396
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-green/000-Mouth/007-green_mouth-10.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-green/000-Mouth/008-green_mouth-05.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-green/000-Mouth/008-green_mouth-05.png
new file mode 100644
index 0000000..b246692
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-green/000-Mouth/008-green_mouth-05.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-green/000-Mouth/009-green_mouth-09.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-green/000-Mouth/009-green_mouth-09.png
new file mode 100644
index 0000000..174c971
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-green/000-Mouth/009-green_mouth-09.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-green/001-Eyes/000-green_eyes-05.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-green/001-Eyes/000-green_eyes-05.png
new file mode 100644
index 0000000..cabcb62
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-green/001-Eyes/000-green_eyes-05.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-green/001-Eyes/001-green_eyes-07.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-green/001-Eyes/001-green_eyes-07.png
new file mode 100644
index 0000000..795c23f
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-green/001-Eyes/001-green_eyes-07.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-green/001-Eyes/002-green_eyes-02.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-green/001-Eyes/002-green_eyes-02.png
new file mode 100644
index 0000000..5c34aa1
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-green/001-Eyes/002-green_eyes-02.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-green/001-Eyes/003-green_eyes-01.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-green/001-Eyes/003-green_eyes-01.png
new file mode 100644
index 0000000..4cb0bfb
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-green/001-Eyes/003-green_eyes-01.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-green/001-Eyes/004-green_eyes-09.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-green/001-Eyes/004-green_eyes-09.png
new file mode 100644
index 0000000..e6d991a
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-green/001-Eyes/004-green_eyes-09.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-green/001-Eyes/005-green_eyes-04.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-green/001-Eyes/005-green_eyes-04.png
new file mode 100644
index 0000000..08eb5ad
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-green/001-Eyes/005-green_eyes-04.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-green/001-Eyes/006-green_eyes-10.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-green/001-Eyes/006-green_eyes-10.png
new file mode 100644
index 0000000..76eb915
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-green/001-Eyes/006-green_eyes-10.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-green/001-Eyes/007-green_eyes-08.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-green/001-Eyes/007-green_eyes-08.png
new file mode 100644
index 0000000..1c733b2
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-green/001-Eyes/007-green_eyes-08.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-green/001-Eyes/008-green_eyes-06.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-green/001-Eyes/008-green_eyes-06.png
new file mode 100644
index 0000000..70adf2d
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-green/001-Eyes/008-green_eyes-06.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-green/001-Eyes/009-green_eyes-03.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-green/001-Eyes/009-green_eyes-03.png
new file mode 100644
index 0000000..f128f04
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-green/001-Eyes/009-green_eyes-03.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-green/002-Accessory/000-green_accessory-07.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-green/002-Accessory/000-green_accessory-07.png
new file mode 100644
index 0000000..f4ffc98
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-green/002-Accessory/000-green_accessory-07.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-green/002-Accessory/001-green_accessory-03.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-green/002-Accessory/001-green_accessory-03.png
new file mode 100644
index 0000000..7e59022
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-green/002-Accessory/001-green_accessory-03.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-green/002-Accessory/002-green_accessory-08.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-green/002-Accessory/002-green_accessory-08.png
new file mode 100644
index 0000000..cc96006
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-green/002-Accessory/002-green_accessory-08.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-green/002-Accessory/003-green_accessory-05.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-green/002-Accessory/003-green_accessory-05.png
new file mode 100644
index 0000000..aedcf18
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-green/002-Accessory/003-green_accessory-05.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-green/002-Accessory/004-green_accessory-01.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-green/002-Accessory/004-green_accessory-01.png
new file mode 100644
index 0000000..962b394
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-green/002-Accessory/004-green_accessory-01.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-green/002-Accessory/005-green_accessory-04.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-green/002-Accessory/005-green_accessory-04.png
new file mode 100644
index 0000000..2ca0686
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-green/002-Accessory/005-green_accessory-04.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-green/002-Accessory/006-green_accessory-06.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-green/002-Accessory/006-green_accessory-06.png
new file mode 100644
index 0000000..1ccf2d8
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-green/002-Accessory/006-green_accessory-06.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-green/002-Accessory/007-green_accessory-10.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-green/002-Accessory/007-green_accessory-10.png
new file mode 100644
index 0000000..bbe39e1
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-green/002-Accessory/007-green_accessory-10.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-green/002-Accessory/008-green_accessory-02.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-green/002-Accessory/008-green_accessory-02.png
new file mode 100644
index 0000000..9dde124
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-green/002-Accessory/008-green_accessory-02.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-green/002-Accessory/009-green_accessory-09.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-green/002-Accessory/009-green_accessory-09.png
new file mode 100644
index 0000000..028e700
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-green/002-Accessory/009-green_accessory-09.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-green/003-01Body/000-green_body-08.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-green/003-01Body/000-green_body-08.png
new file mode 100644
index 0000000..6c9aaac
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-green/003-01Body/000-green_body-08.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-green/003-01Body/001-green_body-01.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-green/003-01Body/001-green_body-01.png
new file mode 100644
index 0000000..8be28bf
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-green/003-01Body/001-green_body-01.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-green/003-01Body/002-green_body-02.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-green/003-01Body/002-green_body-02.png
new file mode 100644
index 0000000..6650db7
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-green/003-01Body/002-green_body-02.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-green/003-01Body/003-green_body-06.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-green/003-01Body/003-green_body-06.png
new file mode 100644
index 0000000..e80e21e
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-green/003-01Body/003-green_body-06.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-green/003-01Body/004-green_body-04.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-green/003-01Body/004-green_body-04.png
new file mode 100644
index 0000000..dc4752a
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-green/003-01Body/004-green_body-04.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-green/003-01Body/005-green_body-07.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-green/003-01Body/005-green_body-07.png
new file mode 100644
index 0000000..93be52e
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-green/003-01Body/005-green_body-07.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-green/003-01Body/006-green_body-03.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-green/003-01Body/006-green_body-03.png
new file mode 100644
index 0000000..a3a51a3
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-green/003-01Body/006-green_body-03.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-green/003-01Body/007-green_body-10.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-green/003-01Body/007-green_body-10.png
new file mode 100644
index 0000000..99661bc
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-green/003-01Body/007-green_body-10.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-green/003-01Body/008-green_body-05.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-green/003-01Body/008-green_body-05.png
new file mode 100644
index 0000000..1c7392f
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-green/003-01Body/008-green_body-05.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-green/003-01Body/009-green_body-09.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-green/003-01Body/009-green_body-09.png
new file mode 100644
index 0000000..a9cf4a7
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-green/003-01Body/009-green_body-09.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-green/004-02Face/000-green_face-10.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-green/004-02Face/000-green_face-10.png
new file mode 100644
index 0000000..dba1965
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-green/004-02Face/000-green_face-10.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-green/004-02Face/001-green_face-09.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-green/004-02Face/001-green_face-09.png
new file mode 100644
index 0000000..e23b0f9
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-green/004-02Face/001-green_face-09.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-green/004-02Face/002-green_face-03.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-green/004-02Face/002-green_face-03.png
new file mode 100644
index 0000000..0236e16
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-green/004-02Face/002-green_face-03.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-green/004-02Face/003-green_face-06.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-green/004-02Face/003-green_face-06.png
new file mode 100644
index 0000000..f54525f
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-green/004-02Face/003-green_face-06.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-green/004-02Face/004-green_face-07.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-green/004-02Face/004-green_face-07.png
new file mode 100644
index 0000000..d538122
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-green/004-02Face/004-green_face-07.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-green/004-02Face/005-green_face-08.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-green/004-02Face/005-green_face-08.png
new file mode 100644
index 0000000..85e5f89
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-green/004-02Face/005-green_face-08.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-green/004-02Face/006-green_face-04.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-green/004-02Face/006-green_face-04.png
new file mode 100644
index 0000000..dbf5926
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-green/004-02Face/006-green_face-04.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-green/004-02Face/007-green_face-02.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-green/004-02Face/007-green_face-02.png
new file mode 100644
index 0000000..6a8fc86
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-green/004-02Face/007-green_face-02.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-green/004-02Face/008-green_face-01.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-green/004-02Face/008-green_face-01.png
new file mode 100644
index 0000000..9e6e651
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-green/004-02Face/008-green_face-01.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-green/004-02Face/009-green_face-05.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-green/004-02Face/009-green_face-05.png
new file mode 100644
index 0000000..2b15033
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-green/004-02Face/009-green_face-05.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-grey/000-Mouth/000-grey_mouth-08.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-grey/000-Mouth/000-grey_mouth-08.png
new file mode 100644
index 0000000..7149398
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-grey/000-Mouth/000-grey_mouth-08.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-grey/000-Mouth/001-grey_mouth-03.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-grey/000-Mouth/001-grey_mouth-03.png
new file mode 100644
index 0000000..7671c99
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-grey/000-Mouth/001-grey_mouth-03.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-grey/000-Mouth/002-grey_mouth-01.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-grey/000-Mouth/002-grey_mouth-01.png
new file mode 100644
index 0000000..7a90b22
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-grey/000-Mouth/002-grey_mouth-01.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-grey/000-Mouth/003-grey_mouth-07.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-grey/000-Mouth/003-grey_mouth-07.png
new file mode 100644
index 0000000..795d306
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-grey/000-Mouth/003-grey_mouth-07.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-grey/000-Mouth/004-grey_mouth-02.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-grey/000-Mouth/004-grey_mouth-02.png
new file mode 100644
index 0000000..07d5c65
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-grey/000-Mouth/004-grey_mouth-02.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-grey/000-Mouth/005-grey_mouth-09.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-grey/000-Mouth/005-grey_mouth-09.png
new file mode 100644
index 0000000..b188351
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-grey/000-Mouth/005-grey_mouth-09.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-grey/000-Mouth/006-grey_mouth-04.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-grey/000-Mouth/006-grey_mouth-04.png
new file mode 100644
index 0000000..80f07cd
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-grey/000-Mouth/006-grey_mouth-04.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-grey/000-Mouth/007-grey_mouth-05.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-grey/000-Mouth/007-grey_mouth-05.png
new file mode 100644
index 0000000..38f8f3e
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-grey/000-Mouth/007-grey_mouth-05.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-grey/000-Mouth/008-grey_mouth-06.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-grey/000-Mouth/008-grey_mouth-06.png
new file mode 100644
index 0000000..84bc340
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-grey/000-Mouth/008-grey_mouth-06.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-grey/000-Mouth/009-grey_mouth-10.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-grey/000-Mouth/009-grey_mouth-10.png
new file mode 100644
index 0000000..a8c5b29
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-grey/000-Mouth/009-grey_mouth-10.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-grey/001-Eyes/000-grey_eyes-06.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-grey/001-Eyes/000-grey_eyes-06.png
new file mode 100644
index 0000000..36e3e5c
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-grey/001-Eyes/000-grey_eyes-06.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-grey/001-Eyes/001-grey_eyes-05.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-grey/001-Eyes/001-grey_eyes-05.png
new file mode 100644
index 0000000..dca1705
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-grey/001-Eyes/001-grey_eyes-05.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-grey/001-Eyes/002-grey_eyes-04.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-grey/001-Eyes/002-grey_eyes-04.png
new file mode 100644
index 0000000..a0add51
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-grey/001-Eyes/002-grey_eyes-04.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-grey/001-Eyes/003-grey_eyes-08.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-grey/001-Eyes/003-grey_eyes-08.png
new file mode 100644
index 0000000..edec009
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-grey/001-Eyes/003-grey_eyes-08.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-grey/001-Eyes/004-grey_eyes-03.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-grey/001-Eyes/004-grey_eyes-03.png
new file mode 100644
index 0000000..a39b46c
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-grey/001-Eyes/004-grey_eyes-03.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-grey/001-Eyes/005-grey_eyes-10.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-grey/001-Eyes/005-grey_eyes-10.png
new file mode 100644
index 0000000..ffcd1c8
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-grey/001-Eyes/005-grey_eyes-10.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-grey/001-Eyes/006-grey_eyes-07.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-grey/001-Eyes/006-grey_eyes-07.png
new file mode 100644
index 0000000..bdbf533
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-grey/001-Eyes/006-grey_eyes-07.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-grey/001-Eyes/007-grey_eyes-09.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-grey/001-Eyes/007-grey_eyes-09.png
new file mode 100644
index 0000000..28701bd
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-grey/001-Eyes/007-grey_eyes-09.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-grey/001-Eyes/008-grey_eyes-01.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-grey/001-Eyes/008-grey_eyes-01.png
new file mode 100644
index 0000000..3a8a4d8
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-grey/001-Eyes/008-grey_eyes-01.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-grey/001-Eyes/009-grey_eyes-02.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-grey/001-Eyes/009-grey_eyes-02.png
new file mode 100644
index 0000000..ab81e87
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-grey/001-Eyes/009-grey_eyes-02.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-grey/002-Accessory/000-grey_accessory-01.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-grey/002-Accessory/000-grey_accessory-01.png
new file mode 100644
index 0000000..dd31acc
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-grey/002-Accessory/000-grey_accessory-01.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-grey/002-Accessory/001-grey_accessory-03.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-grey/002-Accessory/001-grey_accessory-03.png
new file mode 100644
index 0000000..c435515
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-grey/002-Accessory/001-grey_accessory-03.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-grey/002-Accessory/002-grey_accessory-07.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-grey/002-Accessory/002-grey_accessory-07.png
new file mode 100644
index 0000000..6ab980e
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-grey/002-Accessory/002-grey_accessory-07.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-grey/002-Accessory/003-grey_accessory-09.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-grey/002-Accessory/003-grey_accessory-09.png
new file mode 100644
index 0000000..079a3bb
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-grey/002-Accessory/003-grey_accessory-09.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-grey/002-Accessory/004-grey_accessory-05.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-grey/002-Accessory/004-grey_accessory-05.png
new file mode 100644
index 0000000..620e523
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-grey/002-Accessory/004-grey_accessory-05.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-grey/002-Accessory/005-grey_accessory-10.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-grey/002-Accessory/005-grey_accessory-10.png
new file mode 100644
index 0000000..6995b0b
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-grey/002-Accessory/005-grey_accessory-10.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-grey/002-Accessory/006-grey_accessory-06.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-grey/002-Accessory/006-grey_accessory-06.png
new file mode 100644
index 0000000..60b0d88
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-grey/002-Accessory/006-grey_accessory-06.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-grey/002-Accessory/007-grey_accessory-02.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-grey/002-Accessory/007-grey_accessory-02.png
new file mode 100644
index 0000000..5f2cea6
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-grey/002-Accessory/007-grey_accessory-02.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-grey/002-Accessory/008-grey_accessory-08.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-grey/002-Accessory/008-grey_accessory-08.png
new file mode 100644
index 0000000..cc397bd
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-grey/002-Accessory/008-grey_accessory-08.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-grey/002-Accessory/009-grey_accessory-04.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-grey/002-Accessory/009-grey_accessory-04.png
new file mode 100644
index 0000000..bc82440
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-grey/002-Accessory/009-grey_accessory-04.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-grey/003-01Body/000-grey_body-03.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-grey/003-01Body/000-grey_body-03.png
new file mode 100644
index 0000000..402f91b
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-grey/003-01Body/000-grey_body-03.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-grey/003-01Body/001-grey_body-09.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-grey/003-01Body/001-grey_body-09.png
new file mode 100644
index 0000000..6051f14
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-grey/003-01Body/001-grey_body-09.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-grey/003-01Body/002-grey_body-04.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-grey/003-01Body/002-grey_body-04.png
new file mode 100644
index 0000000..9d5ad9c
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-grey/003-01Body/002-grey_body-04.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-grey/003-01Body/003-grey_body-01.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-grey/003-01Body/003-grey_body-01.png
new file mode 100644
index 0000000..98702be
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-grey/003-01Body/003-grey_body-01.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-grey/003-01Body/004-grey_body-10.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-grey/003-01Body/004-grey_body-10.png
new file mode 100644
index 0000000..bffb140
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-grey/003-01Body/004-grey_body-10.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-grey/003-01Body/005-grey_body-05.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-grey/003-01Body/005-grey_body-05.png
new file mode 100644
index 0000000..d6b9403
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-grey/003-01Body/005-grey_body-05.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-grey/003-01Body/006-grey_body-06.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-grey/003-01Body/006-grey_body-06.png
new file mode 100644
index 0000000..1410fc7
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-grey/003-01Body/006-grey_body-06.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-grey/003-01Body/007-grey_body-07.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-grey/003-01Body/007-grey_body-07.png
new file mode 100644
index 0000000..03a6686
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-grey/003-01Body/007-grey_body-07.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-grey/003-01Body/008-grey_body-08.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-grey/003-01Body/008-grey_body-08.png
new file mode 100644
index 0000000..141c55f
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-grey/003-01Body/008-grey_body-08.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-grey/003-01Body/009-grey_body-02.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-grey/003-01Body/009-grey_body-02.png
new file mode 100644
index 0000000..12422a0
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-grey/003-01Body/009-grey_body-02.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-grey/004-02Face/000-grey_face-10.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-grey/004-02Face/000-grey_face-10.png
new file mode 100644
index 0000000..f91c169
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-grey/004-02Face/000-grey_face-10.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-grey/004-02Face/001-grey_face-03.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-grey/004-02Face/001-grey_face-03.png
new file mode 100644
index 0000000..e8dee56
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-grey/004-02Face/001-grey_face-03.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-grey/004-02Face/002-grey_face-01.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-grey/004-02Face/002-grey_face-01.png
new file mode 100644
index 0000000..03fb011
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-grey/004-02Face/002-grey_face-01.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-grey/004-02Face/003-grey_face-08.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-grey/004-02Face/003-grey_face-08.png
new file mode 100644
index 0000000..a76434b
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-grey/004-02Face/003-grey_face-08.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-grey/004-02Face/004-grey_face-06.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-grey/004-02Face/004-grey_face-06.png
new file mode 100644
index 0000000..d14ea07
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-grey/004-02Face/004-grey_face-06.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-grey/004-02Face/005-grey_face-04.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-grey/004-02Face/005-grey_face-04.png
new file mode 100644
index 0000000..0a9bc1e
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-grey/004-02Face/005-grey_face-04.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-grey/004-02Face/006-grey_face-07.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-grey/004-02Face/006-grey_face-07.png
new file mode 100644
index 0000000..903dd67
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-grey/004-02Face/006-grey_face-07.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-grey/004-02Face/007-grey_face-05.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-grey/004-02Face/007-grey_face-05.png
new file mode 100644
index 0000000..450d73a
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-grey/004-02Face/007-grey_face-05.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-grey/004-02Face/008-grey_face-09.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-grey/004-02Face/008-grey_face-09.png
new file mode 100644
index 0000000..8ff5113
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-grey/004-02Face/008-grey_face-09.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-grey/004-02Face/009-grey_face-02.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-grey/004-02Face/009-grey_face-02.png
new file mode 100644
index 0000000..a41402e
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-grey/004-02Face/009-grey_face-02.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-orange/000-Mouth/000-orange_mouth-07.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-orange/000-Mouth/000-orange_mouth-07.png
new file mode 100644
index 0000000..f6ddf5d
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-orange/000-Mouth/000-orange_mouth-07.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-orange/000-Mouth/001-orange_mouth-01.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-orange/000-Mouth/001-orange_mouth-01.png
new file mode 100644
index 0000000..6c8c96a
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-orange/000-Mouth/001-orange_mouth-01.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-orange/000-Mouth/002-orange_mouth-08.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-orange/000-Mouth/002-orange_mouth-08.png
new file mode 100644
index 0000000..3ea3abf
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-orange/000-Mouth/002-orange_mouth-08.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-orange/000-Mouth/003-orange_mouth-05.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-orange/000-Mouth/003-orange_mouth-05.png
new file mode 100644
index 0000000..777b1cb
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-orange/000-Mouth/003-orange_mouth-05.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-orange/000-Mouth/004-orange_mouth-10.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-orange/000-Mouth/004-orange_mouth-10.png
new file mode 100644
index 0000000..ca02bf8
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-orange/000-Mouth/004-orange_mouth-10.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-orange/000-Mouth/005-orange_mouth-02.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-orange/000-Mouth/005-orange_mouth-02.png
new file mode 100644
index 0000000..9f6ee96
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-orange/000-Mouth/005-orange_mouth-02.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-orange/000-Mouth/006-orange_mouth-06.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-orange/000-Mouth/006-orange_mouth-06.png
new file mode 100644
index 0000000..9eef529
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-orange/000-Mouth/006-orange_mouth-06.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-orange/000-Mouth/007-orange_mouth-09.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-orange/000-Mouth/007-orange_mouth-09.png
new file mode 100644
index 0000000..608e442
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-orange/000-Mouth/007-orange_mouth-09.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-orange/000-Mouth/008-orange_mouth-03.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-orange/000-Mouth/008-orange_mouth-03.png
new file mode 100644
index 0000000..afc63f0
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-orange/000-Mouth/008-orange_mouth-03.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-orange/000-Mouth/009-orange_mouth-04.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-orange/000-Mouth/009-orange_mouth-04.png
new file mode 100644
index 0000000..8420561
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-orange/000-Mouth/009-orange_mouth-04.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-orange/001-Eyes/000-orange_eyes-05.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-orange/001-Eyes/000-orange_eyes-05.png
new file mode 100644
index 0000000..36d37c5
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-orange/001-Eyes/000-orange_eyes-05.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-orange/001-Eyes/001-orange_eyes-01.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-orange/001-Eyes/001-orange_eyes-01.png
new file mode 100644
index 0000000..1da9855
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-orange/001-Eyes/001-orange_eyes-01.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-orange/001-Eyes/002-orange_eyes-09.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-orange/001-Eyes/002-orange_eyes-09.png
new file mode 100644
index 0000000..57c8f18
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-orange/001-Eyes/002-orange_eyes-09.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-orange/001-Eyes/003-orange_eyes-06.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-orange/001-Eyes/003-orange_eyes-06.png
new file mode 100644
index 0000000..f040761
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-orange/001-Eyes/003-orange_eyes-06.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-orange/001-Eyes/004-orange_eyes-02.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-orange/001-Eyes/004-orange_eyes-02.png
new file mode 100644
index 0000000..448a621
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-orange/001-Eyes/004-orange_eyes-02.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-orange/001-Eyes/005-orange_eyes-10.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-orange/001-Eyes/005-orange_eyes-10.png
new file mode 100644
index 0000000..d1f0afb
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-orange/001-Eyes/005-orange_eyes-10.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-orange/001-Eyes/006-orange_eyes-04.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-orange/001-Eyes/006-orange_eyes-04.png
new file mode 100644
index 0000000..f3c108c
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-orange/001-Eyes/006-orange_eyes-04.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-orange/001-Eyes/007-orange_eyes-07.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-orange/001-Eyes/007-orange_eyes-07.png
new file mode 100644
index 0000000..ff34f7c
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-orange/001-Eyes/007-orange_eyes-07.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-orange/001-Eyes/008-orange_eyes-08.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-orange/001-Eyes/008-orange_eyes-08.png
new file mode 100644
index 0000000..d0c8f0f
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-orange/001-Eyes/008-orange_eyes-08.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-orange/001-Eyes/009-orange_eyes-03.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-orange/001-Eyes/009-orange_eyes-03.png
new file mode 100644
index 0000000..b1125a1
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-orange/001-Eyes/009-orange_eyes-03.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-orange/002-Accessory/000-orange_accessory-05.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-orange/002-Accessory/000-orange_accessory-05.png
new file mode 100644
index 0000000..fd683aa
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-orange/002-Accessory/000-orange_accessory-05.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-orange/002-Accessory/001-orange_accessory-03.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-orange/002-Accessory/001-orange_accessory-03.png
new file mode 100644
index 0000000..d5b51ab
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-orange/002-Accessory/001-orange_accessory-03.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-orange/002-Accessory/002-orange_accessory-10.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-orange/002-Accessory/002-orange_accessory-10.png
new file mode 100644
index 0000000..d7f72bc
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-orange/002-Accessory/002-orange_accessory-10.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-orange/002-Accessory/003-orange_accessory-08.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-orange/002-Accessory/003-orange_accessory-08.png
new file mode 100644
index 0000000..be079dd
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-orange/002-Accessory/003-orange_accessory-08.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-orange/002-Accessory/004-orange_accessory-09.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-orange/002-Accessory/004-orange_accessory-09.png
new file mode 100644
index 0000000..8dd5780
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-orange/002-Accessory/004-orange_accessory-09.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-orange/002-Accessory/005-orange_accessory-01.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-orange/002-Accessory/005-orange_accessory-01.png
new file mode 100644
index 0000000..7d2d7c2
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-orange/002-Accessory/005-orange_accessory-01.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-orange/002-Accessory/006-orange_accessory-02.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-orange/002-Accessory/006-orange_accessory-02.png
new file mode 100644
index 0000000..b3562fe
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-orange/002-Accessory/006-orange_accessory-02.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-orange/002-Accessory/007-orange_accessory-06.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-orange/002-Accessory/007-orange_accessory-06.png
new file mode 100644
index 0000000..87aeb11
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-orange/002-Accessory/007-orange_accessory-06.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-orange/002-Accessory/008-orange_accessory-04.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-orange/002-Accessory/008-orange_accessory-04.png
new file mode 100644
index 0000000..e0b3401
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-orange/002-Accessory/008-orange_accessory-04.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-orange/002-Accessory/009-orange_accessory-07.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-orange/002-Accessory/009-orange_accessory-07.png
new file mode 100644
index 0000000..2d98635
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-orange/002-Accessory/009-orange_accessory-07.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-orange/003-01Body/000-orange_body-07.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-orange/003-01Body/000-orange_body-07.png
new file mode 100644
index 0000000..6d0c4eb
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-orange/003-01Body/000-orange_body-07.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-orange/003-01Body/001-orange_body-05.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-orange/003-01Body/001-orange_body-05.png
new file mode 100644
index 0000000..0eb9ede
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-orange/003-01Body/001-orange_body-05.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-orange/003-01Body/002-orange_body-03.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-orange/003-01Body/002-orange_body-03.png
new file mode 100644
index 0000000..a4ec48d
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-orange/003-01Body/002-orange_body-03.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-orange/003-01Body/003-orange_body-06.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-orange/003-01Body/003-orange_body-06.png
new file mode 100644
index 0000000..7818e32
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-orange/003-01Body/003-orange_body-06.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-orange/003-01Body/004-orange_body-10.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-orange/003-01Body/004-orange_body-10.png
new file mode 100644
index 0000000..7d65db8
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-orange/003-01Body/004-orange_body-10.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-orange/003-01Body/005-orange_body-08.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-orange/003-01Body/005-orange_body-08.png
new file mode 100644
index 0000000..c6c77e3
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-orange/003-01Body/005-orange_body-08.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-orange/003-01Body/006-orange_body-09.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-orange/003-01Body/006-orange_body-09.png
new file mode 100644
index 0000000..6557f98
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-orange/003-01Body/006-orange_body-09.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-orange/003-01Body/007-orange_body-02.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-orange/003-01Body/007-orange_body-02.png
new file mode 100644
index 0000000..58f8cad
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-orange/003-01Body/007-orange_body-02.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-orange/003-01Body/008-orange_body-04.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-orange/003-01Body/008-orange_body-04.png
new file mode 100644
index 0000000..d1a7dbf
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-orange/003-01Body/008-orange_body-04.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-orange/003-01Body/009-orange_body-01.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-orange/003-01Body/009-orange_body-01.png
new file mode 100644
index 0000000..fa17d8f
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-orange/003-01Body/009-orange_body-01.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-orange/004-02Face/000-orange_face-01.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-orange/004-02Face/000-orange_face-01.png
new file mode 100644
index 0000000..31f4885
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-orange/004-02Face/000-orange_face-01.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-orange/004-02Face/001-orange_face-03.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-orange/004-02Face/001-orange_face-03.png
new file mode 100644
index 0000000..15a9fa0
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-orange/004-02Face/001-orange_face-03.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-orange/004-02Face/002-orange_face-05.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-orange/004-02Face/002-orange_face-05.png
new file mode 100644
index 0000000..3911ed9
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-orange/004-02Face/002-orange_face-05.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-orange/004-02Face/003-orange_face-08.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-orange/004-02Face/003-orange_face-08.png
new file mode 100644
index 0000000..60cb91d
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-orange/004-02Face/003-orange_face-08.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-orange/004-02Face/004-orange_face-09.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-orange/004-02Face/004-orange_face-09.png
new file mode 100644
index 0000000..ef28f5f
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-orange/004-02Face/004-orange_face-09.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-orange/004-02Face/005-orange_face-07.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-orange/004-02Face/005-orange_face-07.png
new file mode 100644
index 0000000..2527a10
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-orange/004-02Face/005-orange_face-07.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-orange/004-02Face/006-orange_face-06.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-orange/004-02Face/006-orange_face-06.png
new file mode 100644
index 0000000..e5ee415
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-orange/004-02Face/006-orange_face-06.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-orange/004-02Face/007-orange_face-10.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-orange/004-02Face/007-orange_face-10.png
new file mode 100644
index 0000000..b80a159
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-orange/004-02Face/007-orange_face-10.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-orange/004-02Face/008-orange_face-04.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-orange/004-02Face/008-orange_face-04.png
new file mode 100644
index 0000000..e73dbe4
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-orange/004-02Face/008-orange_face-04.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-orange/004-02Face/009-orange_face-02.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-orange/004-02Face/009-orange_face-02.png
new file mode 100644
index 0000000..736146f
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-orange/004-02Face/009-orange_face-02.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-pink/000-Mouth/000-pink_mouth-03.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-pink/000-Mouth/000-pink_mouth-03.png
new file mode 100644
index 0000000..924112a
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-pink/000-Mouth/000-pink_mouth-03.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-pink/000-Mouth/001-pink_mouth-02.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-pink/000-Mouth/001-pink_mouth-02.png
new file mode 100644
index 0000000..bdb0f4f
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-pink/000-Mouth/001-pink_mouth-02.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-pink/000-Mouth/002-pink_mouth-08.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-pink/000-Mouth/002-pink_mouth-08.png
new file mode 100644
index 0000000..5c24acb
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-pink/000-Mouth/002-pink_mouth-08.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-pink/000-Mouth/003-pink_mouth-01.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-pink/000-Mouth/003-pink_mouth-01.png
new file mode 100644
index 0000000..7b22d91
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-pink/000-Mouth/003-pink_mouth-01.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-pink/000-Mouth/004-pink_mouth-07.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-pink/000-Mouth/004-pink_mouth-07.png
new file mode 100644
index 0000000..f002715
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-pink/000-Mouth/004-pink_mouth-07.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-pink/000-Mouth/005-pink_mouth-04.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-pink/000-Mouth/005-pink_mouth-04.png
new file mode 100644
index 0000000..b03984d
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-pink/000-Mouth/005-pink_mouth-04.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-pink/000-Mouth/006-pink_mouth-05.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-pink/000-Mouth/006-pink_mouth-05.png
new file mode 100644
index 0000000..bb04945
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-pink/000-Mouth/006-pink_mouth-05.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-pink/000-Mouth/007-pink_mouth-06.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-pink/000-Mouth/007-pink_mouth-06.png
new file mode 100644
index 0000000..b679b8a
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-pink/000-Mouth/007-pink_mouth-06.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-pink/000-Mouth/008-pink_mouth-10.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-pink/000-Mouth/008-pink_mouth-10.png
new file mode 100644
index 0000000..a4e2a16
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-pink/000-Mouth/008-pink_mouth-10.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-pink/000-Mouth/009-pink_mouth-09.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-pink/000-Mouth/009-pink_mouth-09.png
new file mode 100644
index 0000000..96f55b1
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-pink/000-Mouth/009-pink_mouth-09.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-pink/001-Eyes/000-pink_eyes-05.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-pink/001-Eyes/000-pink_eyes-05.png
new file mode 100644
index 0000000..2cbb97d
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-pink/001-Eyes/000-pink_eyes-05.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-pink/001-Eyes/001-pink_eyes-01.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-pink/001-Eyes/001-pink_eyes-01.png
new file mode 100644
index 0000000..1de81ff
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-pink/001-Eyes/001-pink_eyes-01.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-pink/001-Eyes/002-pink_eyes-02.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-pink/001-Eyes/002-pink_eyes-02.png
new file mode 100644
index 0000000..dfddde0
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-pink/001-Eyes/002-pink_eyes-02.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-pink/001-Eyes/003-pink_eyes-06.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-pink/001-Eyes/003-pink_eyes-06.png
new file mode 100644
index 0000000..e9160ba
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-pink/001-Eyes/003-pink_eyes-06.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-pink/001-Eyes/004-pink_eyes-10.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-pink/001-Eyes/004-pink_eyes-10.png
new file mode 100644
index 0000000..357896a
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-pink/001-Eyes/004-pink_eyes-10.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-pink/001-Eyes/005-pink_eyes-04.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-pink/001-Eyes/005-pink_eyes-04.png
new file mode 100644
index 0000000..62a9fab
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-pink/001-Eyes/005-pink_eyes-04.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-pink/001-Eyes/006-pink_eyes-09.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-pink/001-Eyes/006-pink_eyes-09.png
new file mode 100644
index 0000000..49bb544
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-pink/001-Eyes/006-pink_eyes-09.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-pink/001-Eyes/007-pink_eyes-07.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-pink/001-Eyes/007-pink_eyes-07.png
new file mode 100644
index 0000000..7953034
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-pink/001-Eyes/007-pink_eyes-07.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-pink/001-Eyes/008-pink_eyes-08.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-pink/001-Eyes/008-pink_eyes-08.png
new file mode 100644
index 0000000..83f3645
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-pink/001-Eyes/008-pink_eyes-08.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-pink/001-Eyes/009-pink_eyes-03.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-pink/001-Eyes/009-pink_eyes-03.png
new file mode 100644
index 0000000..2401064
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-pink/001-Eyes/009-pink_eyes-03.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-pink/002-Accessory/000-pink_accessory-07.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-pink/002-Accessory/000-pink_accessory-07.png
new file mode 100644
index 0000000..0f84734
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-pink/002-Accessory/000-pink_accessory-07.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-pink/002-Accessory/001-pink_accessory-02.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-pink/002-Accessory/001-pink_accessory-02.png
new file mode 100644
index 0000000..44789b9
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-pink/002-Accessory/001-pink_accessory-02.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-pink/002-Accessory/002-pink_accessory-01.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-pink/002-Accessory/002-pink_accessory-01.png
new file mode 100644
index 0000000..9a4ef41
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-pink/002-Accessory/002-pink_accessory-01.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-pink/002-Accessory/003-pink_accessory-06.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-pink/002-Accessory/003-pink_accessory-06.png
new file mode 100644
index 0000000..f96a42f
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-pink/002-Accessory/003-pink_accessory-06.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-pink/002-Accessory/004-pink_accessory-10.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-pink/002-Accessory/004-pink_accessory-10.png
new file mode 100644
index 0000000..ef41df9
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-pink/002-Accessory/004-pink_accessory-10.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-pink/002-Accessory/005-pink_accessory-08.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-pink/002-Accessory/005-pink_accessory-08.png
new file mode 100644
index 0000000..ea57f1a
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-pink/002-Accessory/005-pink_accessory-08.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-pink/002-Accessory/006-pink_accessory-03.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-pink/002-Accessory/006-pink_accessory-03.png
new file mode 100644
index 0000000..0f2397b
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-pink/002-Accessory/006-pink_accessory-03.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-pink/002-Accessory/007-pink_accessory-09.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-pink/002-Accessory/007-pink_accessory-09.png
new file mode 100644
index 0000000..102cf52
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-pink/002-Accessory/007-pink_accessory-09.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-pink/002-Accessory/008-pink_accessory-05.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-pink/002-Accessory/008-pink_accessory-05.png
new file mode 100644
index 0000000..160cea7
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-pink/002-Accessory/008-pink_accessory-05.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-pink/002-Accessory/009-pink_accessory-04.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-pink/002-Accessory/009-pink_accessory-04.png
new file mode 100644
index 0000000..4503a9c
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-pink/002-Accessory/009-pink_accessory-04.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-pink/003-01Body/000-pink_body-01.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-pink/003-01Body/000-pink_body-01.png
new file mode 100644
index 0000000..5bf70d1
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-pink/003-01Body/000-pink_body-01.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-pink/003-01Body/001-pink_body-03.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-pink/003-01Body/001-pink_body-03.png
new file mode 100644
index 0000000..7ba400a
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-pink/003-01Body/001-pink_body-03.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-pink/003-01Body/002-pink_body-05.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-pink/003-01Body/002-pink_body-05.png
new file mode 100644
index 0000000..a03601e
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-pink/003-01Body/002-pink_body-05.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-pink/003-01Body/003-pink_body-08.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-pink/003-01Body/003-pink_body-08.png
new file mode 100644
index 0000000..bcac798
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-pink/003-01Body/003-pink_body-08.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-pink/003-01Body/004-pink_body-09.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-pink/003-01Body/004-pink_body-09.png
new file mode 100644
index 0000000..51fbec0
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-pink/003-01Body/004-pink_body-09.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-pink/003-01Body/005-pink_body-06.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-pink/003-01Body/005-pink_body-06.png
new file mode 100644
index 0000000..48eca29
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-pink/003-01Body/005-pink_body-06.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-pink/003-01Body/006-pink_body-07.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-pink/003-01Body/006-pink_body-07.png
new file mode 100644
index 0000000..37c3612
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-pink/003-01Body/006-pink_body-07.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-pink/003-01Body/007-pink_body-10.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-pink/003-01Body/007-pink_body-10.png
new file mode 100644
index 0000000..4ea1580
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-pink/003-01Body/007-pink_body-10.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-pink/003-01Body/008-pink_body-02.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-pink/003-01Body/008-pink_body-02.png
new file mode 100644
index 0000000..d900adf
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-pink/003-01Body/008-pink_body-02.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-pink/003-01Body/009-pink_body-04.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-pink/003-01Body/009-pink_body-04.png
new file mode 100644
index 0000000..54c502f
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-pink/003-01Body/009-pink_body-04.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-pink/004-02Face/000-pink_face-07.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-pink/004-02Face/000-pink_face-07.png
new file mode 100644
index 0000000..0d824a5
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-pink/004-02Face/000-pink_face-07.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-pink/004-02Face/001-pink_face-02.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-pink/004-02Face/001-pink_face-02.png
new file mode 100644
index 0000000..3a9c86c
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-pink/004-02Face/001-pink_face-02.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-pink/004-02Face/002-pink_face-03.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-pink/004-02Face/002-pink_face-03.png
new file mode 100644
index 0000000..a9a0efd
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-pink/004-02Face/002-pink_face-03.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-pink/004-02Face/003-pink_face-10.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-pink/004-02Face/003-pink_face-10.png
new file mode 100644
index 0000000..2b22b27
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-pink/004-02Face/003-pink_face-10.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-pink/004-02Face/004-pink_face-01.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-pink/004-02Face/004-pink_face-01.png
new file mode 100644
index 0000000..e2be6ac
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-pink/004-02Face/004-pink_face-01.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-pink/004-02Face/005-pink_face-04.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-pink/004-02Face/005-pink_face-04.png
new file mode 100644
index 0000000..1e1f7ec
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-pink/004-02Face/005-pink_face-04.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-pink/004-02Face/006-pink_face-06.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-pink/004-02Face/006-pink_face-06.png
new file mode 100644
index 0000000..a2696df
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-pink/004-02Face/006-pink_face-06.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-pink/004-02Face/007-pink_face-05.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-pink/004-02Face/007-pink_face-05.png
new file mode 100644
index 0000000..08337c6
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-pink/004-02Face/007-pink_face-05.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-pink/004-02Face/008-pink_face-09.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-pink/004-02Face/008-pink_face-09.png
new file mode 100644
index 0000000..16fc83e
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-pink/004-02Face/008-pink_face-09.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-pink/004-02Face/009-pink_face-08.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-pink/004-02Face/009-pink_face-08.png
new file mode 100644
index 0000000..f270435
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-pink/004-02Face/009-pink_face-08.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-purple/000-Mouth/000-purple_mouth-01.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-purple/000-Mouth/000-purple_mouth-01.png
new file mode 100644
index 0000000..2f8cdd5
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-purple/000-Mouth/000-purple_mouth-01.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-purple/000-Mouth/001-purple_mouth-10.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-purple/000-Mouth/001-purple_mouth-10.png
new file mode 100644
index 0000000..e94a927
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-purple/000-Mouth/001-purple_mouth-10.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-purple/000-Mouth/002-purple_mouth-05.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-purple/000-Mouth/002-purple_mouth-05.png
new file mode 100644
index 0000000..8a94a9d
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-purple/000-Mouth/002-purple_mouth-05.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-purple/000-Mouth/003-purple_mouth-07.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-purple/000-Mouth/003-purple_mouth-07.png
new file mode 100644
index 0000000..196e308
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-purple/000-Mouth/003-purple_mouth-07.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-purple/000-Mouth/004-purple_mouth-04.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-purple/000-Mouth/004-purple_mouth-04.png
new file mode 100644
index 0000000..1db6997
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-purple/000-Mouth/004-purple_mouth-04.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-purple/000-Mouth/005-purple_mouth-09.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-purple/000-Mouth/005-purple_mouth-09.png
new file mode 100644
index 0000000..f788616
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-purple/000-Mouth/005-purple_mouth-09.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-purple/000-Mouth/006-purple_mouth-03.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-purple/000-Mouth/006-purple_mouth-03.png
new file mode 100644
index 0000000..a29f07e
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-purple/000-Mouth/006-purple_mouth-03.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-purple/000-Mouth/007-purple_mouth-02.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-purple/000-Mouth/007-purple_mouth-02.png
new file mode 100644
index 0000000..823ae20
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-purple/000-Mouth/007-purple_mouth-02.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-purple/000-Mouth/008-purple_mouth-08.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-purple/000-Mouth/008-purple_mouth-08.png
new file mode 100644
index 0000000..cb50cf9
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-purple/000-Mouth/008-purple_mouth-08.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-purple/000-Mouth/009-purple_mouth-06.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-purple/000-Mouth/009-purple_mouth-06.png
new file mode 100644
index 0000000..a1586a9
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-purple/000-Mouth/009-purple_mouth-06.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-purple/001-Eyes/000-purple_eyes-09.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-purple/001-Eyes/000-purple_eyes-09.png
new file mode 100644
index 0000000..aa39470
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-purple/001-Eyes/000-purple_eyes-09.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-purple/001-Eyes/001-purple_eyes-08.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-purple/001-Eyes/001-purple_eyes-08.png
new file mode 100644
index 0000000..9b730ec
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-purple/001-Eyes/001-purple_eyes-08.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-purple/001-Eyes/002-purple_eyes-06.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-purple/001-Eyes/002-purple_eyes-06.png
new file mode 100644
index 0000000..f526766
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-purple/001-Eyes/002-purple_eyes-06.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-purple/001-Eyes/003-purple_eyes-10.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-purple/001-Eyes/003-purple_eyes-10.png
new file mode 100644
index 0000000..877e377
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-purple/001-Eyes/003-purple_eyes-10.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-purple/001-Eyes/004-purple_eyes-03.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-purple/001-Eyes/004-purple_eyes-03.png
new file mode 100644
index 0000000..37d12fd
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-purple/001-Eyes/004-purple_eyes-03.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-purple/001-Eyes/005-purple_eyes-01.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-purple/001-Eyes/005-purple_eyes-01.png
new file mode 100644
index 0000000..4073d09
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-purple/001-Eyes/005-purple_eyes-01.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-purple/001-Eyes/006-purple_eyes-07.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-purple/001-Eyes/006-purple_eyes-07.png
new file mode 100644
index 0000000..6597377
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-purple/001-Eyes/006-purple_eyes-07.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-purple/001-Eyes/007-purple_eyes-02.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-purple/001-Eyes/007-purple_eyes-02.png
new file mode 100644
index 0000000..fbb4041
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-purple/001-Eyes/007-purple_eyes-02.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-purple/001-Eyes/008-purple_eyes-04.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-purple/001-Eyes/008-purple_eyes-04.png
new file mode 100644
index 0000000..2bd7a36
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-purple/001-Eyes/008-purple_eyes-04.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-purple/001-Eyes/009-purple_eyes-05.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-purple/001-Eyes/009-purple_eyes-05.png
new file mode 100644
index 0000000..ad1539c
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-purple/001-Eyes/009-purple_eyes-05.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-purple/002-Accessory/000-purple_accessory-04.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-purple/002-Accessory/000-purple_accessory-04.png
new file mode 100644
index 0000000..4e25149
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-purple/002-Accessory/000-purple_accessory-04.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-purple/002-Accessory/001-purple_accessory-02.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-purple/002-Accessory/001-purple_accessory-02.png
new file mode 100644
index 0000000..07947dc
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-purple/002-Accessory/001-purple_accessory-02.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-purple/002-Accessory/002-purple_accessory-06.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-purple/002-Accessory/002-purple_accessory-06.png
new file mode 100644
index 0000000..2560e44
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-purple/002-Accessory/002-purple_accessory-06.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-purple/002-Accessory/003-purple_accessory-10.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-purple/002-Accessory/003-purple_accessory-10.png
new file mode 100644
index 0000000..9e1255e
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-purple/002-Accessory/003-purple_accessory-10.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-purple/002-Accessory/004-purple_accessory-01.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-purple/002-Accessory/004-purple_accessory-01.png
new file mode 100644
index 0000000..216f5cc
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-purple/002-Accessory/004-purple_accessory-01.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-purple/002-Accessory/005-purple_accessory-09.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-purple/002-Accessory/005-purple_accessory-09.png
new file mode 100644
index 0000000..1542797
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-purple/002-Accessory/005-purple_accessory-09.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-purple/002-Accessory/006-purple_accessory-08.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-purple/002-Accessory/006-purple_accessory-08.png
new file mode 100644
index 0000000..9e06f3c
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-purple/002-Accessory/006-purple_accessory-08.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-purple/002-Accessory/007-purple_accessory-03.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-purple/002-Accessory/007-purple_accessory-03.png
new file mode 100644
index 0000000..3999aa0
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-purple/002-Accessory/007-purple_accessory-03.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-purple/002-Accessory/008-purple_accessory-05.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-purple/002-Accessory/008-purple_accessory-05.png
new file mode 100644
index 0000000..b189284
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-purple/002-Accessory/008-purple_accessory-05.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-purple/002-Accessory/009-purple_accessory-07.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-purple/002-Accessory/009-purple_accessory-07.png
new file mode 100644
index 0000000..be714bb
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-purple/002-Accessory/009-purple_accessory-07.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-purple/003-01Body/000-purple_body-10.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-purple/003-01Body/000-purple_body-10.png
new file mode 100644
index 0000000..4d03dbe
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-purple/003-01Body/000-purple_body-10.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-purple/003-01Body/001-purple_body-04.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-purple/003-01Body/001-purple_body-04.png
new file mode 100644
index 0000000..174d4b6
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-purple/003-01Body/001-purple_body-04.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-purple/003-01Body/002-purple_body-05.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-purple/003-01Body/002-purple_body-05.png
new file mode 100644
index 0000000..ac75b13
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-purple/003-01Body/002-purple_body-05.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-purple/003-01Body/003-purple_body-07.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-purple/003-01Body/003-purple_body-07.png
new file mode 100644
index 0000000..15567f0
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-purple/003-01Body/003-purple_body-07.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-purple/003-01Body/004-purple_body-03.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-purple/003-01Body/004-purple_body-03.png
new file mode 100644
index 0000000..4a897cb
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-purple/003-01Body/004-purple_body-03.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-purple/003-01Body/005-purple_body-02.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-purple/003-01Body/005-purple_body-02.png
new file mode 100644
index 0000000..5af4eba
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-purple/003-01Body/005-purple_body-02.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-purple/003-01Body/006-purple_body-09.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-purple/003-01Body/006-purple_body-09.png
new file mode 100644
index 0000000..50030ea
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-purple/003-01Body/006-purple_body-09.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-purple/003-01Body/007-purple_body-06.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-purple/003-01Body/007-purple_body-06.png
new file mode 100644
index 0000000..a5a44a5
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-purple/003-01Body/007-purple_body-06.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-purple/003-01Body/008-purple_body-08.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-purple/003-01Body/008-purple_body-08.png
new file mode 100644
index 0000000..26eed99
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-purple/003-01Body/008-purple_body-08.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-purple/003-01Body/009-purple_body-01.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-purple/003-01Body/009-purple_body-01.png
new file mode 100644
index 0000000..148906e
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-purple/003-01Body/009-purple_body-01.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-purple/004-02Face/000-purple_face-05.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-purple/004-02Face/000-purple_face-05.png
new file mode 100644
index 0000000..9c8163b
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-purple/004-02Face/000-purple_face-05.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-purple/004-02Face/001-purple_face-01.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-purple/004-02Face/001-purple_face-01.png
new file mode 100644
index 0000000..da5658e
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-purple/004-02Face/001-purple_face-01.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-purple/004-02Face/002-purple_face-08.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-purple/004-02Face/002-purple_face-08.png
new file mode 100644
index 0000000..88c62f8
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-purple/004-02Face/002-purple_face-08.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-purple/004-02Face/003-purple_face-04.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-purple/004-02Face/003-purple_face-04.png
new file mode 100644
index 0000000..528520a
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-purple/004-02Face/003-purple_face-04.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-purple/004-02Face/004-purple_face-06.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-purple/004-02Face/004-purple_face-06.png
new file mode 100644
index 0000000..725f918
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-purple/004-02Face/004-purple_face-06.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-purple/004-02Face/005-purple_face-03.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-purple/004-02Face/005-purple_face-03.png
new file mode 100644
index 0000000..73c9cd5
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-purple/004-02Face/005-purple_face-03.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-purple/004-02Face/006-purple_face-10.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-purple/004-02Face/006-purple_face-10.png
new file mode 100644
index 0000000..730d67a
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-purple/004-02Face/006-purple_face-10.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-purple/004-02Face/007-purple_face-07.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-purple/004-02Face/007-purple_face-07.png
new file mode 100644
index 0000000..7586b71
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-purple/004-02Face/007-purple_face-07.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-purple/004-02Face/008-purple_face-02.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-purple/004-02Face/008-purple_face-02.png
new file mode 100644
index 0000000..8069761
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-purple/004-02Face/008-purple_face-02.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-purple/004-02Face/009-purple_face-09.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-purple/004-02Face/009-purple_face-09.png
new file mode 100644
index 0000000..d793923
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-purple/004-02Face/009-purple_face-09.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-red/000-Mouth/000-red_mouth-07.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-red/000-Mouth/000-red_mouth-07.png
new file mode 100644
index 0000000..cbfd5bf
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-red/000-Mouth/000-red_mouth-07.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-red/000-Mouth/001-red_mouth-05.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-red/000-Mouth/001-red_mouth-05.png
new file mode 100644
index 0000000..ddd8cf1
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-red/000-Mouth/001-red_mouth-05.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-red/000-Mouth/002-red_mouth-08.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-red/000-Mouth/002-red_mouth-08.png
new file mode 100644
index 0000000..fe5caaa
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-red/000-Mouth/002-red_mouth-08.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-red/000-Mouth/003-red_mouth-01.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-red/000-Mouth/003-red_mouth-01.png
new file mode 100644
index 0000000..7fe8a2e
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-red/000-Mouth/003-red_mouth-01.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-red/000-Mouth/004-red_mouth-03.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-red/000-Mouth/004-red_mouth-03.png
new file mode 100644
index 0000000..28f6456
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-red/000-Mouth/004-red_mouth-03.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-red/000-Mouth/005-red_mouth-02.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-red/000-Mouth/005-red_mouth-02.png
new file mode 100644
index 0000000..459db58
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-red/000-Mouth/005-red_mouth-02.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-red/000-Mouth/006-red_mouth-04.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-red/000-Mouth/006-red_mouth-04.png
new file mode 100644
index 0000000..6c36fb8
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-red/000-Mouth/006-red_mouth-04.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-red/000-Mouth/007-red_mouth-09.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-red/000-Mouth/007-red_mouth-09.png
new file mode 100644
index 0000000..d4dfda2
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-red/000-Mouth/007-red_mouth-09.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-red/000-Mouth/008-red_mouth-06.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-red/000-Mouth/008-red_mouth-06.png
new file mode 100644
index 0000000..b4c5e4c
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-red/000-Mouth/008-red_mouth-06.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-red/000-Mouth/009-red_mouth-10.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-red/000-Mouth/009-red_mouth-10.png
new file mode 100644
index 0000000..7a5992e
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-red/000-Mouth/009-red_mouth-10.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-red/001-Eyes/000-red_eyes-07.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-red/001-Eyes/000-red_eyes-07.png
new file mode 100644
index 0000000..e918bdd
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-red/001-Eyes/000-red_eyes-07.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-red/001-Eyes/001-red_eyes-02.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-red/001-Eyes/001-red_eyes-02.png
new file mode 100644
index 0000000..b5ddc99
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-red/001-Eyes/001-red_eyes-02.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-red/001-Eyes/002-red_eyes-06.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-red/001-Eyes/002-red_eyes-06.png
new file mode 100644
index 0000000..a6ccde3
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-red/001-Eyes/002-red_eyes-06.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-red/001-Eyes/003-red_eyes-09.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-red/001-Eyes/003-red_eyes-09.png
new file mode 100644
index 0000000..40a4fc6
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-red/001-Eyes/003-red_eyes-09.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-red/001-Eyes/004-red_eyes-04.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-red/001-Eyes/004-red_eyes-04.png
new file mode 100644
index 0000000..00d3fd3
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-red/001-Eyes/004-red_eyes-04.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-red/001-Eyes/005-red_eyes-05.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-red/001-Eyes/005-red_eyes-05.png
new file mode 100644
index 0000000..bbe90b9
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-red/001-Eyes/005-red_eyes-05.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-red/001-Eyes/006-red_eyes-01.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-red/001-Eyes/006-red_eyes-01.png
new file mode 100644
index 0000000..6a80555
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-red/001-Eyes/006-red_eyes-01.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-red/001-Eyes/007-red_eyes-10.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-red/001-Eyes/007-red_eyes-10.png
new file mode 100644
index 0000000..dea28ed
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-red/001-Eyes/007-red_eyes-10.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-red/001-Eyes/008-red_eyes-03.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-red/001-Eyes/008-red_eyes-03.png
new file mode 100644
index 0000000..305a346
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-red/001-Eyes/008-red_eyes-03.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-red/001-Eyes/009-red_eyes-08.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-red/001-Eyes/009-red_eyes-08.png
new file mode 100644
index 0000000..75bbc3b
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-red/001-Eyes/009-red_eyes-08.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-red/002-Accessory/000-red_accessory-03.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-red/002-Accessory/000-red_accessory-03.png
new file mode 100644
index 0000000..03f5846
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-red/002-Accessory/000-red_accessory-03.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-red/002-Accessory/001-red_accessory-09.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-red/002-Accessory/001-red_accessory-09.png
new file mode 100644
index 0000000..7cc47d0
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-red/002-Accessory/001-red_accessory-09.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-red/002-Accessory/002-red_accessory-07.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-red/002-Accessory/002-red_accessory-07.png
new file mode 100644
index 0000000..bbbf295
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-red/002-Accessory/002-red_accessory-07.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-red/002-Accessory/003-red_accessory-08.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-red/002-Accessory/003-red_accessory-08.png
new file mode 100644
index 0000000..c1ee5d2
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-red/002-Accessory/003-red_accessory-08.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-red/002-Accessory/004-red_accessory-10.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-red/002-Accessory/004-red_accessory-10.png
new file mode 100644
index 0000000..b6358a1
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-red/002-Accessory/004-red_accessory-10.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-red/002-Accessory/005-red_accessory-05.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-red/002-Accessory/005-red_accessory-05.png
new file mode 100644
index 0000000..2e9ee62
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-red/002-Accessory/005-red_accessory-05.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-red/002-Accessory/006-red_accessory-02.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-red/002-Accessory/006-red_accessory-02.png
new file mode 100644
index 0000000..ef553fe
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-red/002-Accessory/006-red_accessory-02.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-red/002-Accessory/007-red_accessory-01.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-red/002-Accessory/007-red_accessory-01.png
new file mode 100644
index 0000000..04f0f98
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-red/002-Accessory/007-red_accessory-01.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-red/002-Accessory/008-red_accessory-04.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-red/002-Accessory/008-red_accessory-04.png
new file mode 100644
index 0000000..b4bfe7c
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-red/002-Accessory/008-red_accessory-04.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-red/002-Accessory/009-red_accessory-06.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-red/002-Accessory/009-red_accessory-06.png
new file mode 100644
index 0000000..6f14f6c
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-red/002-Accessory/009-red_accessory-06.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-red/003-01Body/000-red_body-09.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-red/003-01Body/000-red_body-09.png
new file mode 100644
index 0000000..b6371e3
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-red/003-01Body/000-red_body-09.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-red/003-01Body/001-red_body-01.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-red/003-01Body/001-red_body-01.png
new file mode 100644
index 0000000..8e83f85
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-red/003-01Body/001-red_body-01.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-red/003-01Body/002-red_body-08.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-red/003-01Body/002-red_body-08.png
new file mode 100644
index 0000000..ba0a876
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-red/003-01Body/002-red_body-08.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-red/003-01Body/003-red_body-05.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-red/003-01Body/003-red_body-05.png
new file mode 100644
index 0000000..9dd76a2
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-red/003-01Body/003-red_body-05.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-red/003-01Body/004-red_body-10.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-red/003-01Body/004-red_body-10.png
new file mode 100644
index 0000000..df36a37
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-red/003-01Body/004-red_body-10.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-red/003-01Body/005-red_body-04.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-red/003-01Body/005-red_body-04.png
new file mode 100644
index 0000000..c98b26a
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-red/003-01Body/005-red_body-04.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-red/003-01Body/006-red_body-07.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-red/003-01Body/006-red_body-07.png
new file mode 100644
index 0000000..d52bdfc
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-red/003-01Body/006-red_body-07.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-red/003-01Body/007-red_body-06.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-red/003-01Body/007-red_body-06.png
new file mode 100644
index 0000000..439aeea
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-red/003-01Body/007-red_body-06.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-red/003-01Body/008-red_body-02.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-red/003-01Body/008-red_body-02.png
new file mode 100644
index 0000000..f72383d
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-red/003-01Body/008-red_body-02.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-red/003-01Body/009-red_body-03.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-red/003-01Body/009-red_body-03.png
new file mode 100644
index 0000000..82c8771
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-red/003-01Body/009-red_body-03.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-red/004-02Face/000-red_face-08.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-red/004-02Face/000-red_face-08.png
new file mode 100644
index 0000000..5382238
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-red/004-02Face/000-red_face-08.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-red/004-02Face/001-red_face-06.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-red/004-02Face/001-red_face-06.png
new file mode 100644
index 0000000..481ed0d
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-red/004-02Face/001-red_face-06.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-red/004-02Face/002-red_face-02.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-red/004-02Face/002-red_face-02.png
new file mode 100644
index 0000000..65f10c3
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-red/004-02Face/002-red_face-02.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-red/004-02Face/003-red_face-05.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-red/004-02Face/003-red_face-05.png
new file mode 100644
index 0000000..62bccbf
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-red/004-02Face/003-red_face-05.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-red/004-02Face/004-red_face-03.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-red/004-02Face/004-red_face-03.png
new file mode 100644
index 0000000..5880134
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-red/004-02Face/004-red_face-03.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-red/004-02Face/005-red_face-10.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-red/004-02Face/005-red_face-10.png
new file mode 100644
index 0000000..80ad75a
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-red/004-02Face/005-red_face-10.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-red/004-02Face/006-red_face-04.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-red/004-02Face/006-red_face-04.png
new file mode 100644
index 0000000..dcc11be
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-red/004-02Face/006-red_face-04.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-red/004-02Face/007-red_face-01.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-red/004-02Face/007-red_face-01.png
new file mode 100644
index 0000000..03ef04b
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-red/004-02Face/007-red_face-01.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-red/004-02Face/008-red_face-07.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-red/004-02Face/008-red_face-07.png
new file mode 100644
index 0000000..af9a143
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-red/004-02Face/008-red_face-07.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-red/004-02Face/009-red_face-09.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-red/004-02Face/009-red_face-09.png
new file mode 100644
index 0000000..31bb1d4
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-red/004-02Face/009-red_face-09.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-white/000-Mouth/000-white_mouth-04.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-white/000-Mouth/000-white_mouth-04.png
new file mode 100644
index 0000000..3770daa
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-white/000-Mouth/000-white_mouth-04.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-white/000-Mouth/001-white_mouth-08.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-white/000-Mouth/001-white_mouth-08.png
new file mode 100644
index 0000000..93a446d
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-white/000-Mouth/001-white_mouth-08.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-white/000-Mouth/002-white_mouth-05.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-white/000-Mouth/002-white_mouth-05.png
new file mode 100644
index 0000000..bf5e9ed
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-white/000-Mouth/002-white_mouth-05.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-white/000-Mouth/003-white_mouth-03.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-white/000-Mouth/003-white_mouth-03.png
new file mode 100644
index 0000000..35ced3d
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-white/000-Mouth/003-white_mouth-03.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-white/000-Mouth/004-white_mouth-10.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-white/000-Mouth/004-white_mouth-10.png
new file mode 100644
index 0000000..fe41b97
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-white/000-Mouth/004-white_mouth-10.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-white/000-Mouth/005-white_mouth-07.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-white/000-Mouth/005-white_mouth-07.png
new file mode 100644
index 0000000..a268605
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-white/000-Mouth/005-white_mouth-07.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-white/000-Mouth/006-white_mouth-06.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-white/000-Mouth/006-white_mouth-06.png
new file mode 100644
index 0000000..9ac1571
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-white/000-Mouth/006-white_mouth-06.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-white/000-Mouth/007-white_mouth-09.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-white/000-Mouth/007-white_mouth-09.png
new file mode 100644
index 0000000..2ddac4c
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-white/000-Mouth/007-white_mouth-09.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-white/000-Mouth/008-white_mouth-02.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-white/000-Mouth/008-white_mouth-02.png
new file mode 100644
index 0000000..43116ab
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-white/000-Mouth/008-white_mouth-02.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-white/000-Mouth/009-white_mouth-01.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-white/000-Mouth/009-white_mouth-01.png
new file mode 100644
index 0000000..2e4889c
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-white/000-Mouth/009-white_mouth-01.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-white/001-Eyes/000-white_eyes-07.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-white/001-Eyes/000-white_eyes-07.png
new file mode 100644
index 0000000..306bcef
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-white/001-Eyes/000-white_eyes-07.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-white/001-Eyes/001-white_eyes-10.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-white/001-Eyes/001-white_eyes-10.png
new file mode 100644
index 0000000..919fbe8
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-white/001-Eyes/001-white_eyes-10.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-white/001-Eyes/002-white_eyes-03.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-white/001-Eyes/002-white_eyes-03.png
new file mode 100644
index 0000000..42f1d28
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-white/001-Eyes/002-white_eyes-03.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-white/001-Eyes/003-white_eyes-06.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-white/001-Eyes/003-white_eyes-06.png
new file mode 100644
index 0000000..7a39999
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-white/001-Eyes/003-white_eyes-06.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-white/001-Eyes/004-white_eyes-04.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-white/001-Eyes/004-white_eyes-04.png
new file mode 100644
index 0000000..4c9e13b
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-white/001-Eyes/004-white_eyes-04.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-white/001-Eyes/005-white_eyes-05.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-white/001-Eyes/005-white_eyes-05.png
new file mode 100644
index 0000000..87140d2
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-white/001-Eyes/005-white_eyes-05.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-white/001-Eyes/006-white_eyes-02.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-white/001-Eyes/006-white_eyes-02.png
new file mode 100644
index 0000000..22de787
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-white/001-Eyes/006-white_eyes-02.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-white/001-Eyes/007-white_eyes-09.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-white/001-Eyes/007-white_eyes-09.png
new file mode 100644
index 0000000..7af19d4
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-white/001-Eyes/007-white_eyes-09.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-white/001-Eyes/008-white_eyes-08.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-white/001-Eyes/008-white_eyes-08.png
new file mode 100644
index 0000000..841cdb9
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-white/001-Eyes/008-white_eyes-08.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-white/001-Eyes/009-white_eyes-01.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-white/001-Eyes/009-white_eyes-01.png
new file mode 100644
index 0000000..4a9d8c0
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-white/001-Eyes/009-white_eyes-01.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-white/002-Accessory/000-white_accessory-04.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-white/002-Accessory/000-white_accessory-04.png
new file mode 100644
index 0000000..279faa3
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-white/002-Accessory/000-white_accessory-04.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-white/002-Accessory/001-white_accessory-06.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-white/002-Accessory/001-white_accessory-06.png
new file mode 100644
index 0000000..6f06f6f
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-white/002-Accessory/001-white_accessory-06.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-white/002-Accessory/002-white_accessory-07.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-white/002-Accessory/002-white_accessory-07.png
new file mode 100644
index 0000000..93c2293
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-white/002-Accessory/002-white_accessory-07.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-white/002-Accessory/003-white_accessory-09.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-white/002-Accessory/003-white_accessory-09.png
new file mode 100644
index 0000000..3938bcd
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-white/002-Accessory/003-white_accessory-09.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-white/002-Accessory/004-white_accessory-08.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-white/002-Accessory/004-white_accessory-08.png
new file mode 100644
index 0000000..793f59b
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-white/002-Accessory/004-white_accessory-08.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-white/002-Accessory/005-white_accessory-05.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-white/002-Accessory/005-white_accessory-05.png
new file mode 100644
index 0000000..f632a59
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-white/002-Accessory/005-white_accessory-05.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-white/002-Accessory/006-white_accessory-10.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-white/002-Accessory/006-white_accessory-10.png
new file mode 100644
index 0000000..29d4a95
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-white/002-Accessory/006-white_accessory-10.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-white/002-Accessory/007-white_accessory-01.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-white/002-Accessory/007-white_accessory-01.png
new file mode 100644
index 0000000..6587803
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-white/002-Accessory/007-white_accessory-01.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-white/002-Accessory/008-white_accessory-03.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-white/002-Accessory/008-white_accessory-03.png
new file mode 100644
index 0000000..f37cea8
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-white/002-Accessory/008-white_accessory-03.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-white/002-Accessory/009-white_accessory-02.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-white/002-Accessory/009-white_accessory-02.png
new file mode 100644
index 0000000..4904474
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-white/002-Accessory/009-white_accessory-02.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-white/003-01Body/000-white_body-01.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-white/003-01Body/000-white_body-01.png
new file mode 100644
index 0000000..3d76796
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-white/003-01Body/000-white_body-01.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-white/003-01Body/001-white_body-08.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-white/003-01Body/001-white_body-08.png
new file mode 100644
index 0000000..1e71d9a
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-white/003-01Body/001-white_body-08.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-white/003-01Body/002-white_body-06.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-white/003-01Body/002-white_body-06.png
new file mode 100644
index 0000000..4b1325d
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-white/003-01Body/002-white_body-06.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-white/003-01Body/003-white_body-04.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-white/003-01Body/003-white_body-04.png
new file mode 100644
index 0000000..03f6dd7
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-white/003-01Body/003-white_body-04.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-white/003-01Body/004-white_body-07.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-white/003-01Body/004-white_body-07.png
new file mode 100644
index 0000000..8e6af55
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-white/003-01Body/004-white_body-07.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-white/003-01Body/005-white_body-02.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-white/003-01Body/005-white_body-02.png
new file mode 100644
index 0000000..a3249a6
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-white/003-01Body/005-white_body-02.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-white/003-01Body/006-white_body-05.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-white/003-01Body/006-white_body-05.png
new file mode 100644
index 0000000..21de57e
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-white/003-01Body/006-white_body-05.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-white/003-01Body/007-white_body-09.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-white/003-01Body/007-white_body-09.png
new file mode 100644
index 0000000..e9da18d
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-white/003-01Body/007-white_body-09.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-white/003-01Body/008-white_body-03.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-white/003-01Body/008-white_body-03.png
new file mode 100644
index 0000000..cd1f317
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-white/003-01Body/008-white_body-03.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-white/003-01Body/009-white_body-10.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-white/003-01Body/009-white_body-10.png
new file mode 100644
index 0000000..79d6de6
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-white/003-01Body/009-white_body-10.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-white/004-02Face/000-white_face-01.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-white/004-02Face/000-white_face-01.png
new file mode 100644
index 0000000..648b1fd
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-white/004-02Face/000-white_face-01.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-white/004-02Face/001-white_face-07.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-white/004-02Face/001-white_face-07.png
new file mode 100644
index 0000000..f0f7718
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-white/004-02Face/001-white_face-07.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-white/004-02Face/002-white_face-06.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-white/004-02Face/002-white_face-06.png
new file mode 100644
index 0000000..0b20566
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-white/004-02Face/002-white_face-06.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-white/004-02Face/003-white_face-08.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-white/004-02Face/003-white_face-08.png
new file mode 100644
index 0000000..d6aa804
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-white/004-02Face/003-white_face-08.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-white/004-02Face/004-white_face-10.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-white/004-02Face/004-white_face-10.png
new file mode 100644
index 0000000..19f352e
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-white/004-02Face/004-white_face-10.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-white/004-02Face/005-white_face-09.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-white/004-02Face/005-white_face-09.png
new file mode 100644
index 0000000..15fb1b9
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-white/004-02Face/005-white_face-09.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-white/004-02Face/006-white_face-05.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-white/004-02Face/006-white_face-05.png
new file mode 100644
index 0000000..54941d6
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-white/004-02Face/006-white_face-05.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-white/004-02Face/007-white_face-04.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-white/004-02Face/007-white_face-04.png
new file mode 100644
index 0000000..ea34b0d
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-white/004-02Face/007-white_face-04.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-white/004-02Face/008-white_face-03.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-white/004-02Face/008-white_face-03.png
new file mode 100644
index 0000000..b8059d2
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-white/004-02Face/008-white_face-03.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-white/004-02Face/009-white_face-02.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-white/004-02Face/009-white_face-02.png
new file mode 100644
index 0000000..f434a0a
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-white/004-02Face/009-white_face-02.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-yellow/000-Mouth/000-yellow_mouth-03.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-yellow/000-Mouth/000-yellow_mouth-03.png
new file mode 100644
index 0000000..212d8c4
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-yellow/000-Mouth/000-yellow_mouth-03.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-yellow/000-Mouth/001-yellow_mouth-02.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-yellow/000-Mouth/001-yellow_mouth-02.png
new file mode 100644
index 0000000..9e79a87
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-yellow/000-Mouth/001-yellow_mouth-02.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-yellow/000-Mouth/002-yellow_mouth-06.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-yellow/000-Mouth/002-yellow_mouth-06.png
new file mode 100644
index 0000000..61de24c
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-yellow/000-Mouth/002-yellow_mouth-06.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-yellow/000-Mouth/003-yellow_mouth-01.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-yellow/000-Mouth/003-yellow_mouth-01.png
new file mode 100644
index 0000000..b230255
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-yellow/000-Mouth/003-yellow_mouth-01.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-yellow/000-Mouth/004-yellow_mouth-09.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-yellow/000-Mouth/004-yellow_mouth-09.png
new file mode 100644
index 0000000..bc6a705
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-yellow/000-Mouth/004-yellow_mouth-09.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-yellow/000-Mouth/005-yellow_mouth-04.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-yellow/000-Mouth/005-yellow_mouth-04.png
new file mode 100644
index 0000000..7699a05
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-yellow/000-Mouth/005-yellow_mouth-04.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-yellow/000-Mouth/006-yellow_mouth-08.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-yellow/000-Mouth/006-yellow_mouth-08.png
new file mode 100644
index 0000000..99138ad
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-yellow/000-Mouth/006-yellow_mouth-08.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-yellow/000-Mouth/007-yellow_mouth-05.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-yellow/000-Mouth/007-yellow_mouth-05.png
new file mode 100644
index 0000000..c34f046
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-yellow/000-Mouth/007-yellow_mouth-05.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-yellow/000-Mouth/008-yellow_mouth-10.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-yellow/000-Mouth/008-yellow_mouth-10.png
new file mode 100644
index 0000000..76a5312
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-yellow/000-Mouth/008-yellow_mouth-10.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-yellow/000-Mouth/009-yellow_mouth-07.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-yellow/000-Mouth/009-yellow_mouth-07.png
new file mode 100644
index 0000000..1601c12
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-yellow/000-Mouth/009-yellow_mouth-07.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-yellow/001-Eyes/000-yellow_eyes-10.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-yellow/001-Eyes/000-yellow_eyes-10.png
new file mode 100644
index 0000000..5d50203
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-yellow/001-Eyes/000-yellow_eyes-10.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-yellow/001-Eyes/001-yellow_eyes-09.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-yellow/001-Eyes/001-yellow_eyes-09.png
new file mode 100644
index 0000000..92f82cf
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-yellow/001-Eyes/001-yellow_eyes-09.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-yellow/001-Eyes/002-yellow_eyes-02.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-yellow/001-Eyes/002-yellow_eyes-02.png
new file mode 100644
index 0000000..bbe40b4
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-yellow/001-Eyes/002-yellow_eyes-02.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-yellow/001-Eyes/003-yellow_eyes-03.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-yellow/001-Eyes/003-yellow_eyes-03.png
new file mode 100644
index 0000000..c678780
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-yellow/001-Eyes/003-yellow_eyes-03.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-yellow/001-Eyes/004-yellow_eyes-07.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-yellow/001-Eyes/004-yellow_eyes-07.png
new file mode 100644
index 0000000..73233d7
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-yellow/001-Eyes/004-yellow_eyes-07.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-yellow/001-Eyes/005-yellow_eyes-01.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-yellow/001-Eyes/005-yellow_eyes-01.png
new file mode 100644
index 0000000..edb9d03
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-yellow/001-Eyes/005-yellow_eyes-01.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-yellow/001-Eyes/006-yellow_eyes-05.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-yellow/001-Eyes/006-yellow_eyes-05.png
new file mode 100644
index 0000000..f9d6440
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-yellow/001-Eyes/006-yellow_eyes-05.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-yellow/001-Eyes/007-yellow_eyes-08.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-yellow/001-Eyes/007-yellow_eyes-08.png
new file mode 100644
index 0000000..30bfd6d
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-yellow/001-Eyes/007-yellow_eyes-08.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-yellow/001-Eyes/008-yellow_eyes-04.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-yellow/001-Eyes/008-yellow_eyes-04.png
new file mode 100644
index 0000000..3a5515a
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-yellow/001-Eyes/008-yellow_eyes-04.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-yellow/001-Eyes/009-yellow_eyes-06.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-yellow/001-Eyes/009-yellow_eyes-06.png
new file mode 100644
index 0000000..5d724f4
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-yellow/001-Eyes/009-yellow_eyes-06.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-yellow/002-Accessory/000-yellow__accessory-07.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-yellow/002-Accessory/000-yellow__accessory-07.png
new file mode 100644
index 0000000..95726bf
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-yellow/002-Accessory/000-yellow__accessory-07.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-yellow/002-Accessory/001-yellow__accessory-09.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-yellow/002-Accessory/001-yellow__accessory-09.png
new file mode 100644
index 0000000..4683696
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-yellow/002-Accessory/001-yellow__accessory-09.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-yellow/002-Accessory/002-yellow__accessory-10.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-yellow/002-Accessory/002-yellow__accessory-10.png
new file mode 100644
index 0000000..bdbab4e
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-yellow/002-Accessory/002-yellow__accessory-10.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-yellow/002-Accessory/003-yellow__accessory-05.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-yellow/002-Accessory/003-yellow__accessory-05.png
new file mode 100644
index 0000000..0561066
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-yellow/002-Accessory/003-yellow__accessory-05.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-yellow/002-Accessory/004-yellow__accessory-06.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-yellow/002-Accessory/004-yellow__accessory-06.png
new file mode 100644
index 0000000..b9459d6
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-yellow/002-Accessory/004-yellow__accessory-06.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-yellow/002-Accessory/005-yellow__accessory-03.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-yellow/002-Accessory/005-yellow__accessory-03.png
new file mode 100644
index 0000000..4168c3b
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-yellow/002-Accessory/005-yellow__accessory-03.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-yellow/002-Accessory/006-yellow__accessory-04.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-yellow/002-Accessory/006-yellow__accessory-04.png
new file mode 100644
index 0000000..774ca87
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-yellow/002-Accessory/006-yellow__accessory-04.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-yellow/002-Accessory/007-yellow__accessory-02.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-yellow/002-Accessory/007-yellow__accessory-02.png
new file mode 100644
index 0000000..91b4406
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-yellow/002-Accessory/007-yellow__accessory-02.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-yellow/002-Accessory/008-yellow__accessory-01.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-yellow/002-Accessory/008-yellow__accessory-01.png
new file mode 100644
index 0000000..51cd2a4
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-yellow/002-Accessory/008-yellow__accessory-01.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-yellow/002-Accessory/009-yellow__accessory-08.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-yellow/002-Accessory/009-yellow__accessory-08.png
new file mode 100644
index 0000000..fe37081
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-yellow/002-Accessory/009-yellow__accessory-08.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-yellow/003-01Body/000-yellow_body-04.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-yellow/003-01Body/000-yellow_body-04.png
new file mode 100644
index 0000000..a90a88c
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-yellow/003-01Body/000-yellow_body-04.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-yellow/003-01Body/001-yellow_body-06.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-yellow/003-01Body/001-yellow_body-06.png
new file mode 100644
index 0000000..5b7ffb7
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-yellow/003-01Body/001-yellow_body-06.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-yellow/003-01Body/002-yellow_body-09.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-yellow/003-01Body/002-yellow_body-09.png
new file mode 100644
index 0000000..4bc1d6a
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-yellow/003-01Body/002-yellow_body-09.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-yellow/003-01Body/003-yellow_body-07.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-yellow/003-01Body/003-yellow_body-07.png
new file mode 100644
index 0000000..5e27157
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-yellow/003-01Body/003-yellow_body-07.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-yellow/003-01Body/004-yellow_body-02.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-yellow/003-01Body/004-yellow_body-02.png
new file mode 100644
index 0000000..f90168d
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-yellow/003-01Body/004-yellow_body-02.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-yellow/003-01Body/005-yellow_body-10.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-yellow/003-01Body/005-yellow_body-10.png
new file mode 100644
index 0000000..c8a4232
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-yellow/003-01Body/005-yellow_body-10.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-yellow/003-01Body/006-yellow_body-05.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-yellow/003-01Body/006-yellow_body-05.png
new file mode 100644
index 0000000..e56154f
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-yellow/003-01Body/006-yellow_body-05.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-yellow/003-01Body/007-yellow_body-03.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-yellow/003-01Body/007-yellow_body-03.png
new file mode 100644
index 0000000..c965f31
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-yellow/003-01Body/007-yellow_body-03.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-yellow/003-01Body/008-yellow_body-08.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-yellow/003-01Body/008-yellow_body-08.png
new file mode 100644
index 0000000..dce52ca
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-yellow/003-01Body/008-yellow_body-08.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-yellow/003-01Body/009-yellow_body-01.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-yellow/003-01Body/009-yellow_body-01.png
new file mode 100644
index 0000000..262f387
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-yellow/003-01Body/009-yellow_body-01.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-yellow/004-02Face/000-yellow_face-02.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-yellow/004-02Face/000-yellow_face-02.png
new file mode 100644
index 0000000..0a0f9dd
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-yellow/004-02Face/000-yellow_face-02.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-yellow/004-02Face/001-yellow_face-08.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-yellow/004-02Face/001-yellow_face-08.png
new file mode 100644
index 0000000..9d52806
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-yellow/004-02Face/001-yellow_face-08.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-yellow/004-02Face/002-yellow_face-05.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-yellow/004-02Face/002-yellow_face-05.png
new file mode 100644
index 0000000..ae32a05
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-yellow/004-02Face/002-yellow_face-05.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-yellow/004-02Face/003-yellow_face-04.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-yellow/004-02Face/003-yellow_face-04.png
new file mode 100644
index 0000000..e8a2e76
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-yellow/004-02Face/003-yellow_face-04.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-yellow/004-02Face/004-yellow_face-10.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-yellow/004-02Face/004-yellow_face-10.png
new file mode 100644
index 0000000..96ab4ab
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-yellow/004-02Face/004-yellow_face-10.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-yellow/004-02Face/005-yellow_face-06.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-yellow/004-02Face/005-yellow_face-06.png
new file mode 100644
index 0000000..bd03c92
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-yellow/004-02Face/005-yellow_face-06.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-yellow/004-02Face/006-yellow_face-01.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-yellow/004-02Face/006-yellow_face-01.png
new file mode 100644
index 0000000..f52efa2
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-yellow/004-02Face/006-yellow_face-01.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-yellow/004-02Face/007-yellow_face-09.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-yellow/004-02Face/007-yellow_face-09.png
new file mode 100644
index 0000000..bae4918
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-yellow/004-02Face/007-yellow_face-09.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-yellow/004-02Face/008-yellow_face-03.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-yellow/004-02Face/008-yellow_face-03.png
new file mode 100644
index 0000000..5832bf3
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-yellow/004-02Face/008-yellow_face-03.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-yellow/004-02Face/009-yellow_face-07.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-yellow/004-02Face/009-yellow_face-07.png
new file mode 100644
index 0000000..a927cb9
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set1-yellow/004-02Face/009-yellow_face-07.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set2/000-04Body/000-final3.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set2/000-04Body/000-final3.png
new file mode 100644
index 0000000..5bd1489
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set2/000-04Body/000-final3.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set2/000-04Body/001-final2.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set2/000-04Body/001-final2.png
new file mode 100644
index 0000000..4629fe0
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set2/000-04Body/001-final2.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set2/000-04Body/002-final4.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set2/000-04Body/002-final4.png
new file mode 100644
index 0000000..cbed180
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set2/000-04Body/002-final4.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set2/000-04Body/003-final5.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set2/000-04Body/003-final5.png
new file mode 100644
index 0000000..ed31eac
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set2/000-04Body/003-final5.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set2/000-04Body/004-final9.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set2/000-04Body/004-final9.png
new file mode 100644
index 0000000..c16a02d
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set2/000-04Body/004-final9.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set2/000-04Body/005-final7.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set2/000-04Body/005-final7.png
new file mode 100644
index 0000000..33eda82
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set2/000-04Body/005-final7.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set2/000-04Body/006-final10.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set2/000-04Body/006-final10.png
new file mode 100644
index 0000000..5d6f6a2
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set2/000-04Body/006-final10.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set2/000-04Body/007-final6.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set2/000-04Body/007-final6.png
new file mode 100644
index 0000000..08f26a4
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set2/000-04Body/007-final6.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set2/000-04Body/008-final8.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set2/000-04Body/008-final8.png
new file mode 100644
index 0000000..7cb5de8
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set2/000-04Body/008-final8.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set2/000-04Body/009-final1.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set2/000-04Body/009-final1.png
new file mode 100644
index 0000000..b17c95c
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set2/000-04Body/009-final1.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set2/001-Mouth/000-final3.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set2/001-Mouth/000-final3.png
new file mode 100644
index 0000000..2188864
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set2/001-Mouth/000-final3.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set2/001-Mouth/001-final2.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set2/001-Mouth/001-final2.png
new file mode 100644
index 0000000..d6314a5
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set2/001-Mouth/001-final2.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set2/001-Mouth/002-final4.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set2/001-Mouth/002-final4.png
new file mode 100644
index 0000000..6496aeb
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set2/001-Mouth/002-final4.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set2/001-Mouth/003-final5.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set2/001-Mouth/003-final5.png
new file mode 100644
index 0000000..63540cf
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set2/001-Mouth/003-final5.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set2/001-Mouth/004-final9.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set2/001-Mouth/004-final9.png
new file mode 100644
index 0000000..33fdf10
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set2/001-Mouth/004-final9.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set2/001-Mouth/005-final7.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set2/001-Mouth/005-final7.png
new file mode 100644
index 0000000..106ac58
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set2/001-Mouth/005-final7.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set2/001-Mouth/006-final10.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set2/001-Mouth/006-final10.png
new file mode 100644
index 0000000..3fb852a
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set2/001-Mouth/006-final10.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set2/001-Mouth/007-final6.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set2/001-Mouth/007-final6.png
new file mode 100644
index 0000000..bd4479f
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set2/001-Mouth/007-final6.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set2/001-Mouth/008-final8.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set2/001-Mouth/008-final8.png
new file mode 100644
index 0000000..606aa84
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set2/001-Mouth/008-final8.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set2/001-Mouth/009-final1.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set2/001-Mouth/009-final1.png
new file mode 100644
index 0000000..b54bfc4
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set2/001-Mouth/009-final1.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set2/002-Eyes/000-final3.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set2/002-Eyes/000-final3.png
new file mode 100644
index 0000000..7d7585d
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set2/002-Eyes/000-final3.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set2/002-Eyes/001-final2.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set2/002-Eyes/001-final2.png
new file mode 100644
index 0000000..d2196d1
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set2/002-Eyes/001-final2.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set2/002-Eyes/002-final4.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set2/002-Eyes/002-final4.png
new file mode 100644
index 0000000..d6f7743
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set2/002-Eyes/002-final4.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set2/002-Eyes/003-final5.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set2/002-Eyes/003-final5.png
new file mode 100644
index 0000000..c5457fe
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set2/002-Eyes/003-final5.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set2/002-Eyes/004-final9.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set2/002-Eyes/004-final9.png
new file mode 100644
index 0000000..4d651af
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set2/002-Eyes/004-final9.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set2/002-Eyes/005-final7.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set2/002-Eyes/005-final7.png
new file mode 100644
index 0000000..c4b8fac
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set2/002-Eyes/005-final7.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set2/002-Eyes/006-final10.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set2/002-Eyes/006-final10.png
new file mode 100644
index 0000000..249956a
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set2/002-Eyes/006-final10.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set2/002-Eyes/007-final6.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set2/002-Eyes/007-final6.png
new file mode 100644
index 0000000..cb2f76c
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set2/002-Eyes/007-final6.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set2/002-Eyes/008-final8.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set2/002-Eyes/008-final8.png
new file mode 100644
index 0000000..a544827
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set2/002-Eyes/008-final8.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set2/002-Eyes/009-final1.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set2/002-Eyes/009-final1.png
new file mode 100644
index 0000000..0f8a34a
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set2/002-Eyes/009-final1.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set2/003-02BodyColors/000-final3.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set2/003-02BodyColors/000-final3.png
new file mode 100644
index 0000000..bb268e3
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set2/003-02BodyColors/000-final3.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set2/003-02BodyColors/001-final2.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set2/003-02BodyColors/001-final2.png
new file mode 100644
index 0000000..dd04325
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set2/003-02BodyColors/001-final2.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set2/003-02BodyColors/002-final4.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set2/003-02BodyColors/002-final4.png
new file mode 100644
index 0000000..95926ef
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set2/003-02BodyColors/002-final4.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set2/003-02BodyColors/003-final5.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set2/003-02BodyColors/003-final5.png
new file mode 100644
index 0000000..cac8ae2
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set2/003-02BodyColors/003-final5.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set2/003-02BodyColors/004-final9.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set2/003-02BodyColors/004-final9.png
new file mode 100644
index 0000000..9410c0b
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set2/003-02BodyColors/004-final9.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set2/003-02BodyColors/005-final7.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set2/003-02BodyColors/005-final7.png
new file mode 100644
index 0000000..796c30b
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set2/003-02BodyColors/005-final7.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set2/003-02BodyColors/006-final10.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set2/003-02BodyColors/006-final10.png
new file mode 100644
index 0000000..56a5be8
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set2/003-02BodyColors/006-final10.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set2/003-02BodyColors/007-final6.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set2/003-02BodyColors/007-final6.png
new file mode 100644
index 0000000..03e56c7
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set2/003-02BodyColors/007-final6.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set2/003-02BodyColors/008-final8.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set2/003-02BodyColors/008-final8.png
new file mode 100644
index 0000000..730ce16
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set2/003-02BodyColors/008-final8.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set2/003-02BodyColors/009-final1.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set2/003-02BodyColors/009-final1.png
new file mode 100644
index 0000000..0545f01
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set2/003-02BodyColors/009-final1.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set2/004-01FaceColors/000-final3.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set2/004-01FaceColors/000-final3.png
new file mode 100644
index 0000000..6bb6328
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set2/004-01FaceColors/000-final3.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set2/004-01FaceColors/001-final2.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set2/004-01FaceColors/001-final2.png
new file mode 100644
index 0000000..70d60a0
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set2/004-01FaceColors/001-final2.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set2/004-01FaceColors/002-final4.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set2/004-01FaceColors/002-final4.png
new file mode 100644
index 0000000..11ec45c
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set2/004-01FaceColors/002-final4.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set2/004-01FaceColors/003-final5.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set2/004-01FaceColors/003-final5.png
new file mode 100644
index 0000000..ac191e7
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set2/004-01FaceColors/003-final5.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set2/004-01FaceColors/004-final9.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set2/004-01FaceColors/004-final9.png
new file mode 100644
index 0000000..5a6c531
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set2/004-01FaceColors/004-final9.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set2/004-01FaceColors/005-final7.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set2/004-01FaceColors/005-final7.png
new file mode 100644
index 0000000..293384f
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set2/004-01FaceColors/005-final7.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set2/004-01FaceColors/006-final10.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set2/004-01FaceColors/006-final10.png
new file mode 100644
index 0000000..30e9dcf
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set2/004-01FaceColors/006-final10.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set2/004-01FaceColors/007-final6.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set2/004-01FaceColors/007-final6.png
new file mode 100644
index 0000000..51602dc
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set2/004-01FaceColors/007-final6.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set2/004-01FaceColors/008-final8.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set2/004-01FaceColors/008-final8.png
new file mode 100644
index 0000000..89a8e4c
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set2/004-01FaceColors/008-final8.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set2/004-01FaceColors/009-final1.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set2/004-01FaceColors/009-final1.png
new file mode 100644
index 0000000..fa61419
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set2/004-01FaceColors/009-final1.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set2/005-Nose/000-final3.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set2/005-Nose/000-final3.png
new file mode 100644
index 0000000..1922a0f
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set2/005-Nose/000-final3.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set2/005-Nose/001-final2.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set2/005-Nose/001-final2.png
new file mode 100644
index 0000000..9e5aa6c
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set2/005-Nose/001-final2.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set2/005-Nose/002-final4.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set2/005-Nose/002-final4.png
new file mode 100644
index 0000000..0e19c6f
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set2/005-Nose/002-final4.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set2/005-Nose/003-final5.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set2/005-Nose/003-final5.png
new file mode 100644
index 0000000..ce156a2
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set2/005-Nose/003-final5.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set2/005-Nose/004-final9.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set2/005-Nose/004-final9.png
new file mode 100644
index 0000000..523d36c
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set2/005-Nose/004-final9.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set2/005-Nose/005-final7.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set2/005-Nose/005-final7.png
new file mode 100644
index 0000000..5efaf13
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set2/005-Nose/005-final7.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set2/005-Nose/006-final10.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set2/005-Nose/006-final10.png
new file mode 100644
index 0000000..ea29f50
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set2/005-Nose/006-final10.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set2/005-Nose/007-final6.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set2/005-Nose/007-final6.png
new file mode 100644
index 0000000..7dc3dd8
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set2/005-Nose/007-final6.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set2/005-Nose/008-final8.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set2/005-Nose/008-final8.png
new file mode 100644
index 0000000..d9381b0
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set2/005-Nose/008-final8.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set2/005-Nose/009-final1.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set2/005-Nose/009-final1.png
new file mode 100644
index 0000000..7289507
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set2/005-Nose/009-final1.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set2/006-03Faces/000-final16.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set2/006-03Faces/000-final16.png
new file mode 100644
index 0000000..7d6b915
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set2/006-03Faces/000-final16.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set2/006-03Faces/001-final12.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set2/006-03Faces/001-final12.png
new file mode 100644
index 0000000..cca62c5
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set2/006-03Faces/001-final12.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set2/006-03Faces/002-final13.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set2/006-03Faces/002-final13.png
new file mode 100644
index 0000000..d25a1ce
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set2/006-03Faces/002-final13.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set2/006-03Faces/003-final11.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set2/006-03Faces/003-final11.png
new file mode 100644
index 0000000..9c77e70
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set2/006-03Faces/003-final11.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set2/006-03Faces/004-final3.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set2/006-03Faces/004-final3.png
new file mode 100644
index 0000000..45867a3
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set2/006-03Faces/004-final3.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set2/006-03Faces/005-final15.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set2/006-03Faces/005-final15.png
new file mode 100644
index 0000000..ed3fad3
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set2/006-03Faces/005-final15.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set2/006-03Faces/006-final2.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set2/006-03Faces/006-final2.png
new file mode 100644
index 0000000..1a7a8b7
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set2/006-03Faces/006-final2.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set2/006-03Faces/007-final4.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set2/006-03Faces/007-final4.png
new file mode 100644
index 0000000..646bbbc
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set2/006-03Faces/007-final4.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set2/006-03Faces/008-final5.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set2/006-03Faces/008-final5.png
new file mode 100644
index 0000000..7650e45
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set2/006-03Faces/008-final5.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set2/006-03Faces/009-final14.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set2/006-03Faces/009-final14.png
new file mode 100644
index 0000000..ec0cd6b
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set2/006-03Faces/009-final14.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set2/006-03Faces/010-final9.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set2/006-03Faces/010-final9.png
new file mode 100644
index 0000000..2e79207
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set2/006-03Faces/010-final9.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set2/006-03Faces/011-final7.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set2/006-03Faces/011-final7.png
new file mode 100644
index 0000000..38d9ff7
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set2/006-03Faces/011-final7.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set2/006-03Faces/012-final10.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set2/006-03Faces/012-final10.png
new file mode 100644
index 0000000..dbbef1f
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set2/006-03Faces/012-final10.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set2/006-03Faces/013-final6.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set2/006-03Faces/013-final6.png
new file mode 100644
index 0000000..23df339
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set2/006-03Faces/013-final6.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set2/006-03Faces/014-final8.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set2/006-03Faces/014-final8.png
new file mode 100644
index 0000000..201973d
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set2/006-03Faces/014-final8.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set2/006-03Faces/015-final1.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set2/006-03Faces/015-final1.png
new file mode 100644
index 0000000..6f63632
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set2/006-03Faces/015-final1.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set3/000-07Mouth/000-Robot-Design9.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set3/000-07Mouth/000-Robot-Design9.png
new file mode 100644
index 0000000..a949892
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set3/000-07Mouth/000-Robot-Design9.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set3/000-07Mouth/001-Robot-Design7.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set3/000-07Mouth/001-Robot-Design7.png
new file mode 100644
index 0000000..997284e
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set3/000-07Mouth/001-Robot-Design7.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set3/000-07Mouth/002-Robot-Design1.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set3/000-07Mouth/002-Robot-Design1.png
new file mode 100644
index 0000000..a48569d
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set3/000-07Mouth/002-Robot-Design1.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set3/000-07Mouth/003-Robot-Design5.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set3/000-07Mouth/003-Robot-Design5.png
new file mode 100644
index 0000000..6f88958
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set3/000-07Mouth/003-Robot-Design5.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set3/000-07Mouth/004-Robot-Design2.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set3/000-07Mouth/004-Robot-Design2.png
new file mode 100644
index 0000000..8849808
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set3/000-07Mouth/004-Robot-Design2.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set3/000-07Mouth/005-Robot-Design6.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set3/000-07Mouth/005-Robot-Design6.png
new file mode 100644
index 0000000..a4ab50e
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set3/000-07Mouth/005-Robot-Design6.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set3/000-07Mouth/006-Robot-Design3.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set3/000-07Mouth/006-Robot-Design3.png
new file mode 100644
index 0000000..7773358
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set3/000-07Mouth/006-Robot-Design3.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set3/000-07Mouth/007-Robot-Design8.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set3/000-07Mouth/007-Robot-Design8.png
new file mode 100644
index 0000000..26fef38
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set3/000-07Mouth/007-Robot-Design8.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set3/000-07Mouth/008-Robot-Design4.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set3/000-07Mouth/008-Robot-Design4.png
new file mode 100644
index 0000000..a728f00
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set3/000-07Mouth/008-Robot-Design4.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set3/001-02Wave/000-wave1.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set3/001-02Wave/000-wave1.png
new file mode 100644
index 0000000..f5140cf
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set3/001-02Wave/000-wave1.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set3/002-05Eyebrows/000-Robot-Design9.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set3/002-05Eyebrows/000-Robot-Design9.png
new file mode 100644
index 0000000..bdab25d
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set3/002-05Eyebrows/000-Robot-Design9.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set3/002-05Eyebrows/001-Robot-Design7.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set3/002-05Eyebrows/001-Robot-Design7.png
new file mode 100644
index 0000000..e9908cf
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set3/002-05Eyebrows/001-Robot-Design7.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set3/002-05Eyebrows/002-Robot-Design1.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set3/002-05Eyebrows/002-Robot-Design1.png
new file mode 100644
index 0000000..b50d903
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set3/002-05Eyebrows/002-Robot-Design1.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set3/002-05Eyebrows/003-Robot-Design5.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set3/002-05Eyebrows/003-Robot-Design5.png
new file mode 100644
index 0000000..f73966b
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set3/002-05Eyebrows/003-Robot-Design5.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set3/002-05Eyebrows/004-Robot-Design2.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set3/002-05Eyebrows/004-Robot-Design2.png
new file mode 100644
index 0000000..946b21a
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set3/002-05Eyebrows/004-Robot-Design2.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set3/002-05Eyebrows/005-Robot-Design11.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set3/002-05Eyebrows/005-Robot-Design11.png
new file mode 100644
index 0000000..5bb33c8
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set3/002-05Eyebrows/005-Robot-Design11.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set3/002-05Eyebrows/006-Robot-Design6.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set3/002-05Eyebrows/006-Robot-Design6.png
new file mode 100644
index 0000000..5a95fc0
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set3/002-05Eyebrows/006-Robot-Design6.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set3/002-05Eyebrows/007-Robot-Design3.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set3/002-05Eyebrows/007-Robot-Design3.png
new file mode 100644
index 0000000..0b24ad6
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set3/002-05Eyebrows/007-Robot-Design3.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set3/002-05Eyebrows/008-Robot-Design12.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set3/002-05Eyebrows/008-Robot-Design12.png
new file mode 100644
index 0000000..0c2095f
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set3/002-05Eyebrows/008-Robot-Design12.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set3/002-05Eyebrows/009-Robot-Design8.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set3/002-05Eyebrows/009-Robot-Design8.png
new file mode 100644
index 0000000..c0bb43b
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set3/002-05Eyebrows/009-Robot-Design8.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set3/002-05Eyebrows/010-Robot-Design10.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set3/002-05Eyebrows/010-Robot-Design10.png
new file mode 100644
index 0000000..6997fb1
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set3/002-05Eyebrows/010-Robot-Design10.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set3/002-05Eyebrows/011-Robot-Design4.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set3/002-05Eyebrows/011-Robot-Design4.png
new file mode 100644
index 0000000..dcec3a8
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set3/002-05Eyebrows/011-Robot-Design4.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set3/003-04Eyes/000-Robot-Design9.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set3/003-04Eyes/000-Robot-Design9.png
new file mode 100644
index 0000000..0a6af49
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set3/003-04Eyes/000-Robot-Design9.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set3/003-04Eyes/001-Robot-Design7.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set3/003-04Eyes/001-Robot-Design7.png
new file mode 100644
index 0000000..22f2833
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set3/003-04Eyes/001-Robot-Design7.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set3/003-04Eyes/002-Robot-Design1.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set3/003-04Eyes/002-Robot-Design1.png
new file mode 100644
index 0000000..e07e527
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set3/003-04Eyes/002-Robot-Design1.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set3/003-04Eyes/003-Robot-Design5.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set3/003-04Eyes/003-Robot-Design5.png
new file mode 100644
index 0000000..b9d1194
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set3/003-04Eyes/003-Robot-Design5.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set3/003-04Eyes/004-Robot-Design2.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set3/003-04Eyes/004-Robot-Design2.png
new file mode 100644
index 0000000..4ed48cc
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set3/003-04Eyes/004-Robot-Design2.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set3/003-04Eyes/005-Robot-Design11.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set3/003-04Eyes/005-Robot-Design11.png
new file mode 100644
index 0000000..30cf767
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set3/003-04Eyes/005-Robot-Design11.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set3/003-04Eyes/006-Robot-Design6.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set3/003-04Eyes/006-Robot-Design6.png
new file mode 100644
index 0000000..f0a6096
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set3/003-04Eyes/006-Robot-Design6.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set3/003-04Eyes/007-Robot-Design3.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set3/003-04Eyes/007-Robot-Design3.png
new file mode 100644
index 0000000..883e335
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set3/003-04Eyes/007-Robot-Design3.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set3/003-04Eyes/008-Robot-Design12.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set3/003-04Eyes/008-Robot-Design12.png
new file mode 100644
index 0000000..fd703f9
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set3/003-04Eyes/008-Robot-Design12.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set3/003-04Eyes/009-Robot-Design8.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set3/003-04Eyes/009-Robot-Design8.png
new file mode 100644
index 0000000..336c47b
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set3/003-04Eyes/009-Robot-Design8.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set3/003-04Eyes/010-Robot-Design10.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set3/003-04Eyes/010-Robot-Design10.png
new file mode 100644
index 0000000..d71191d
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set3/003-04Eyes/010-Robot-Design10.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set3/003-04Eyes/011-Robot-Design4.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set3/003-04Eyes/011-Robot-Design4.png
new file mode 100644
index 0000000..3663823
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set3/003-04Eyes/011-Robot-Design4.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set3/004-06Nose/000-Robot-Design9.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set3/004-06Nose/000-Robot-Design9.png
new file mode 100644
index 0000000..b537627
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set3/004-06Nose/000-Robot-Design9.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set3/004-06Nose/001-Robot-Design7.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set3/004-06Nose/001-Robot-Design7.png
new file mode 100644
index 0000000..01d4f25
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set3/004-06Nose/001-Robot-Design7.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set3/004-06Nose/002-Robot-Design1.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set3/004-06Nose/002-Robot-Design1.png
new file mode 100644
index 0000000..8e2418d
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set3/004-06Nose/002-Robot-Design1.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set3/004-06Nose/003-Robot-Design5.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set3/004-06Nose/003-Robot-Design5.png
new file mode 100644
index 0000000..ad200ae
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set3/004-06Nose/003-Robot-Design5.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set3/004-06Nose/004-Robot-Design2.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set3/004-06Nose/004-Robot-Design2.png
new file mode 100644
index 0000000..24206e3
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set3/004-06Nose/004-Robot-Design2.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set3/004-06Nose/005-Robot-Design11.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set3/004-06Nose/005-Robot-Design11.png
new file mode 100644
index 0000000..3076d62
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set3/004-06Nose/005-Robot-Design11.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set3/004-06Nose/006-Robot-Design6.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set3/004-06Nose/006-Robot-Design6.png
new file mode 100644
index 0000000..0150356
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set3/004-06Nose/006-Robot-Design6.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set3/004-06Nose/007-Robot-Design3.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set3/004-06Nose/007-Robot-Design3.png
new file mode 100644
index 0000000..afb4c84
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set3/004-06Nose/007-Robot-Design3.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set3/004-06Nose/008-Robot-Design8.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set3/004-06Nose/008-Robot-Design8.png
new file mode 100644
index 0000000..c2f0544
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set3/004-06Nose/008-Robot-Design8.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set3/004-06Nose/009-Robot-Design10.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set3/004-06Nose/009-Robot-Design10.png
new file mode 100644
index 0000000..c659d46
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set3/004-06Nose/009-Robot-Design10.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set3/004-06Nose/010-Robot-Design4.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set3/004-06Nose/010-Robot-Design4.png
new file mode 100644
index 0000000..73d1736
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set3/004-06Nose/010-Robot-Design4.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set3/005-01BaseFace/000-Robot-Design71.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set3/005-01BaseFace/000-Robot-Design71.png
new file mode 100644
index 0000000..ad44340
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set3/005-01BaseFace/000-Robot-Design71.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set3/005-01BaseFace/001-Robot-Design9.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set3/005-01BaseFace/001-Robot-Design9.png
new file mode 100644
index 0000000..d28901b
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set3/005-01BaseFace/001-Robot-Design9.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set3/005-01BaseFace/002-Robot-Design43.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set3/005-01BaseFace/002-Robot-Design43.png
new file mode 100644
index 0000000..6de4d32
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set3/005-01BaseFace/002-Robot-Design43.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set3/005-01BaseFace/003-Robot-Design32.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set3/005-01BaseFace/003-Robot-Design32.png
new file mode 100644
index 0000000..f9dc479
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set3/005-01BaseFace/003-Robot-Design32.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set3/005-01BaseFace/004-Robot-Design75.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set3/005-01BaseFace/004-Robot-Design75.png
new file mode 100644
index 0000000..2202870
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set3/005-01BaseFace/004-Robot-Design75.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set3/005-01BaseFace/005-Robot-Design40.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set3/005-01BaseFace/005-Robot-Design40.png
new file mode 100644
index 0000000..1e3499e
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set3/005-01BaseFace/005-Robot-Design40.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set3/005-01BaseFace/006-Robot-Design37.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set3/005-01BaseFace/006-Robot-Design37.png
new file mode 100644
index 0000000..f5f31dd
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set3/005-01BaseFace/006-Robot-Design37.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set3/005-01BaseFace/007-Robot-Design60.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set3/005-01BaseFace/007-Robot-Design60.png
new file mode 100644
index 0000000..c22917b
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set3/005-01BaseFace/007-Robot-Design60.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set3/005-01BaseFace/008-Robot-Design64.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set3/005-01BaseFace/008-Robot-Design64.png
new file mode 100644
index 0000000..c9b591b
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set3/005-01BaseFace/008-Robot-Design64.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set3/005-01BaseFace/009-Robot-Design48.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set3/005-01BaseFace/009-Robot-Design48.png
new file mode 100644
index 0000000..c7fb06f
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set3/005-01BaseFace/009-Robot-Design48.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set3/005-01BaseFace/010-Robot-Design24.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set3/005-01BaseFace/010-Robot-Design24.png
new file mode 100644
index 0000000..88963ff
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set3/005-01BaseFace/010-Robot-Design24.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set3/005-01BaseFace/011-Robot-Design13.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set3/005-01BaseFace/011-Robot-Design13.png
new file mode 100644
index 0000000..6d0454b
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set3/005-01BaseFace/011-Robot-Design13.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set3/005-01BaseFace/012-Robot-Design21.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set3/005-01BaseFace/012-Robot-Design21.png
new file mode 100644
index 0000000..ff9f620
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set3/005-01BaseFace/012-Robot-Design21.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set3/005-01BaseFace/013-Robot-Design7.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set3/005-01BaseFace/013-Robot-Design7.png
new file mode 100644
index 0000000..af03d5a
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set3/005-01BaseFace/013-Robot-Design7.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set3/005-01BaseFace/014-Robot-Design36.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set3/005-01BaseFace/014-Robot-Design36.png
new file mode 100644
index 0000000..c97e473
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set3/005-01BaseFace/014-Robot-Design36.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set3/005-01BaseFace/015-Robot-Design1.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set3/005-01BaseFace/015-Robot-Design1.png
new file mode 100644
index 0000000..48f199d
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set3/005-01BaseFace/015-Robot-Design1.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set3/005-01BaseFace/016-Robot-Design81.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set3/005-01BaseFace/016-Robot-Design81.png
new file mode 100644
index 0000000..1f58792
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set3/005-01BaseFace/016-Robot-Design81.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set3/005-01BaseFace/017-Robot-Design58.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set3/005-01BaseFace/017-Robot-Design58.png
new file mode 100644
index 0000000..d67b399
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set3/005-01BaseFace/017-Robot-Design58.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set3/005-01BaseFace/018-Robot-Design83.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set3/005-01BaseFace/018-Robot-Design83.png
new file mode 100644
index 0000000..3364bce
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set3/005-01BaseFace/018-Robot-Design83.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set3/005-01BaseFace/019-Robot-Design86.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set3/005-01BaseFace/019-Robot-Design86.png
new file mode 100644
index 0000000..17982a9
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set3/005-01BaseFace/019-Robot-Design86.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set3/005-01BaseFace/020-Robot-Design5.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set3/005-01BaseFace/020-Robot-Design5.png
new file mode 100644
index 0000000..a8fb49d
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set3/005-01BaseFace/020-Robot-Design5.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set3/005-01BaseFace/021-Robot-Design20.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set3/005-01BaseFace/021-Robot-Design20.png
new file mode 100644
index 0000000..a0b0268
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set3/005-01BaseFace/021-Robot-Design20.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set3/005-01BaseFace/022-Robot-Design2.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set3/005-01BaseFace/022-Robot-Design2.png
new file mode 100644
index 0000000..46cc1eb
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set3/005-01BaseFace/022-Robot-Design2.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set3/005-01BaseFace/023-Robot-Design88.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set3/005-01BaseFace/023-Robot-Design88.png
new file mode 100644
index 0000000..d5562eb
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set3/005-01BaseFace/023-Robot-Design88.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set3/005-01BaseFace/024-Robot-Design25.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set3/005-01BaseFace/024-Robot-Design25.png
new file mode 100644
index 0000000..09866b3
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set3/005-01BaseFace/024-Robot-Design25.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set3/005-01BaseFace/025-Robot-Design42.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set3/005-01BaseFace/025-Robot-Design42.png
new file mode 100644
index 0000000..656f730
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set3/005-01BaseFace/025-Robot-Design42.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set3/005-01BaseFace/026-Robot-Design27.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set3/005-01BaseFace/026-Robot-Design27.png
new file mode 100644
index 0000000..9012a4f
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set3/005-01BaseFace/026-Robot-Design27.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set3/005-01BaseFace/027-Robot-Design63.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set3/005-01BaseFace/027-Robot-Design63.png
new file mode 100644
index 0000000..e117743
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set3/005-01BaseFace/027-Robot-Design63.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set3/005-01BaseFace/028-Robot-Design30.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set3/005-01BaseFace/028-Robot-Design30.png
new file mode 100644
index 0000000..00fc508
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set3/005-01BaseFace/028-Robot-Design30.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set3/005-01BaseFace/029-Robot-Design80.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set3/005-01BaseFace/029-Robot-Design80.png
new file mode 100644
index 0000000..94ac7fb
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set3/005-01BaseFace/029-Robot-Design80.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set3/005-01BaseFace/030-Robot-Design28.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set3/005-01BaseFace/030-Robot-Design28.png
new file mode 100644
index 0000000..3a07c15
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set3/005-01BaseFace/030-Robot-Design28.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set3/005-01BaseFace/031-Robot-Design59.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set3/005-01BaseFace/031-Robot-Design59.png
new file mode 100644
index 0000000..308d36d
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set3/005-01BaseFace/031-Robot-Design59.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set3/005-01BaseFace/032-Robot-Design35.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set3/005-01BaseFace/032-Robot-Design35.png
new file mode 100644
index 0000000..2e3b3d8
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set3/005-01BaseFace/032-Robot-Design35.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set3/005-01BaseFace/033-Robot-Design46.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set3/005-01BaseFace/033-Robot-Design46.png
new file mode 100644
index 0000000..21a6ccd
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set3/005-01BaseFace/033-Robot-Design46.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set3/005-01BaseFace/034-Robot-Design17.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set3/005-01BaseFace/034-Robot-Design17.png
new file mode 100644
index 0000000..b8b1de7
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set3/005-01BaseFace/034-Robot-Design17.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set3/005-01BaseFace/035-Robot-Design51.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set3/005-01BaseFace/035-Robot-Design51.png
new file mode 100644
index 0000000..685ecc3
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set3/005-01BaseFace/035-Robot-Design51.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set3/005-01BaseFace/036-Robot-Design57.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set3/005-01BaseFace/036-Robot-Design57.png
new file mode 100644
index 0000000..6e4e3c2
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set3/005-01BaseFace/036-Robot-Design57.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set3/005-01BaseFace/037-Robot-Design15.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set3/005-01BaseFace/037-Robot-Design15.png
new file mode 100644
index 0000000..28773b9
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set3/005-01BaseFace/037-Robot-Design15.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set3/005-01BaseFace/038-Robot-Design62.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set3/005-01BaseFace/038-Robot-Design62.png
new file mode 100644
index 0000000..d4eeaec
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set3/005-01BaseFace/038-Robot-Design62.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set3/005-01BaseFace/039-Robot-Design49.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set3/005-01BaseFace/039-Robot-Design49.png
new file mode 100644
index 0000000..e943873
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set3/005-01BaseFace/039-Robot-Design49.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set3/005-01BaseFace/040-Robot-Design72.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set3/005-01BaseFace/040-Robot-Design72.png
new file mode 100644
index 0000000..320f108
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set3/005-01BaseFace/040-Robot-Design72.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set3/005-01BaseFace/041-Robot-Design54.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set3/005-01BaseFace/041-Robot-Design54.png
new file mode 100644
index 0000000..00206d6
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set3/005-01BaseFace/041-Robot-Design54.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set3/005-01BaseFace/042-Robot-Design90.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set3/005-01BaseFace/042-Robot-Design90.png
new file mode 100644
index 0000000..7f60231
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set3/005-01BaseFace/042-Robot-Design90.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set3/005-01BaseFace/043-Robot-Design82.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set3/005-01BaseFace/043-Robot-Design82.png
new file mode 100644
index 0000000..4fafe65
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set3/005-01BaseFace/043-Robot-Design82.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set3/005-01BaseFace/044-Robot-Design31.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set3/005-01BaseFace/044-Robot-Design31.png
new file mode 100644
index 0000000..7dda10d
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set3/005-01BaseFace/044-Robot-Design31.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set3/005-01BaseFace/045-Robot-Design84.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set3/005-01BaseFace/045-Robot-Design84.png
new file mode 100644
index 0000000..0a5a4bb
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set3/005-01BaseFace/045-Robot-Design84.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set3/005-01BaseFace/046-Robot-Design74.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set3/005-01BaseFace/046-Robot-Design74.png
new file mode 100644
index 0000000..1dc3509
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set3/005-01BaseFace/046-Robot-Design74.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set3/005-01BaseFace/047-Robot-Design11.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set3/005-01BaseFace/047-Robot-Design11.png
new file mode 100644
index 0000000..e2021c7
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set3/005-01BaseFace/047-Robot-Design11.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set3/005-01BaseFace/048-Robot-Design69.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set3/005-01BaseFace/048-Robot-Design69.png
new file mode 100644
index 0000000..1190be5
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set3/005-01BaseFace/048-Robot-Design69.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set3/005-01BaseFace/049-Robot-Design53.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set3/005-01BaseFace/049-Robot-Design53.png
new file mode 100644
index 0000000..9fadde6
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set3/005-01BaseFace/049-Robot-Design53.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set3/005-01BaseFace/050-Robot-Design78.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set3/005-01BaseFace/050-Robot-Design78.png
new file mode 100644
index 0000000..bc7a5c0
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set3/005-01BaseFace/050-Robot-Design78.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set3/005-01BaseFace/051-Robot-Design16.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set3/005-01BaseFace/051-Robot-Design16.png
new file mode 100644
index 0000000..ae55e43
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set3/005-01BaseFace/051-Robot-Design16.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set3/005-01BaseFace/052-Robot-Design87.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set3/005-01BaseFace/052-Robot-Design87.png
new file mode 100644
index 0000000..4af6939
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set3/005-01BaseFace/052-Robot-Design87.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set3/005-01BaseFace/053-Robot-Design14.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set3/005-01BaseFace/053-Robot-Design14.png
new file mode 100644
index 0000000..5dc1816
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set3/005-01BaseFace/053-Robot-Design14.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set3/005-01BaseFace/054-Robot-Design6.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set3/005-01BaseFace/054-Robot-Design6.png
new file mode 100644
index 0000000..b40af07
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set3/005-01BaseFace/054-Robot-Design6.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set3/005-01BaseFace/055-Robot-Design73.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set3/005-01BaseFace/055-Robot-Design73.png
new file mode 100644
index 0000000..c0d3db7
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set3/005-01BaseFace/055-Robot-Design73.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set3/005-01BaseFace/056-Robot-Design47.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set3/005-01BaseFace/056-Robot-Design47.png
new file mode 100644
index 0000000..083b9e8
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set3/005-01BaseFace/056-Robot-Design47.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set3/005-01BaseFace/057-Robot-Design23.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set3/005-01BaseFace/057-Robot-Design23.png
new file mode 100644
index 0000000..a6f668a
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set3/005-01BaseFace/057-Robot-Design23.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set3/005-01BaseFace/058-Robot-Design50.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set3/005-01BaseFace/058-Robot-Design50.png
new file mode 100644
index 0000000..1fb0b50
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set3/005-01BaseFace/058-Robot-Design50.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set3/005-01BaseFace/059-Robot-Design65.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set3/005-01BaseFace/059-Robot-Design65.png
new file mode 100644
index 0000000..a90fd99
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set3/005-01BaseFace/059-Robot-Design65.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set3/005-01BaseFace/060-Robot-Design19.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set3/005-01BaseFace/060-Robot-Design19.png
new file mode 100644
index 0000000..e245b37
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set3/005-01BaseFace/060-Robot-Design19.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set3/005-01BaseFace/061-Robot-Design66.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set3/005-01BaseFace/061-Robot-Design66.png
new file mode 100644
index 0000000..39ce490
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set3/005-01BaseFace/061-Robot-Design66.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set3/005-01BaseFace/062-Robot-Design76.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set3/005-01BaseFace/062-Robot-Design76.png
new file mode 100644
index 0000000..c45e93d
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set3/005-01BaseFace/062-Robot-Design76.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set3/005-01BaseFace/063-Robot-Design77.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set3/005-01BaseFace/063-Robot-Design77.png
new file mode 100644
index 0000000..c8a79d3
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set3/005-01BaseFace/063-Robot-Design77.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set3/005-01BaseFace/064-Robot-Design38.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set3/005-01BaseFace/064-Robot-Design38.png
new file mode 100644
index 0000000..210808d
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set3/005-01BaseFace/064-Robot-Design38.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set3/005-01BaseFace/065-Robot-Design85.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set3/005-01BaseFace/065-Robot-Design85.png
new file mode 100644
index 0000000..6ad4c01
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set3/005-01BaseFace/065-Robot-Design85.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set3/005-01BaseFace/066-Robot-Design3.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set3/005-01BaseFace/066-Robot-Design3.png
new file mode 100644
index 0000000..56fb067
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set3/005-01BaseFace/066-Robot-Design3.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set3/005-01BaseFace/067-Robot-Design67.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set3/005-01BaseFace/067-Robot-Design67.png
new file mode 100644
index 0000000..4c9ca39
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set3/005-01BaseFace/067-Robot-Design67.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set3/005-01BaseFace/068-Robot-Design12.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set3/005-01BaseFace/068-Robot-Design12.png
new file mode 100644
index 0000000..9c2b75f
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set3/005-01BaseFace/068-Robot-Design12.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set3/005-01BaseFace/069-Robot-Design18.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set3/005-01BaseFace/069-Robot-Design18.png
new file mode 100644
index 0000000..e8be6e2
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set3/005-01BaseFace/069-Robot-Design18.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set3/005-01BaseFace/070-Robot-Design56.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set3/005-01BaseFace/070-Robot-Design56.png
new file mode 100644
index 0000000..d5461e8
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set3/005-01BaseFace/070-Robot-Design56.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set3/005-01BaseFace/071-Robot-Design8.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set3/005-01BaseFace/071-Robot-Design8.png
new file mode 100644
index 0000000..f342e24
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set3/005-01BaseFace/071-Robot-Design8.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set3/005-01BaseFace/072-Robot-Design55.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set3/005-01BaseFace/072-Robot-Design55.png
new file mode 100644
index 0000000..6309178
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set3/005-01BaseFace/072-Robot-Design55.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set3/005-01BaseFace/073-Robot-Design89.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set3/005-01BaseFace/073-Robot-Design89.png
new file mode 100644
index 0000000..5cf4af4
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set3/005-01BaseFace/073-Robot-Design89.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set3/005-01BaseFace/074-Robot-Design61.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set3/005-01BaseFace/074-Robot-Design61.png
new file mode 100644
index 0000000..36ca98c
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set3/005-01BaseFace/074-Robot-Design61.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set3/005-01BaseFace/075-Robot-Design52.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set3/005-01BaseFace/075-Robot-Design52.png
new file mode 100644
index 0000000..7b0b87b
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set3/005-01BaseFace/075-Robot-Design52.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set3/005-01BaseFace/076-Robot-Design70.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set3/005-01BaseFace/076-Robot-Design70.png
new file mode 100644
index 0000000..ff0a1c3
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set3/005-01BaseFace/076-Robot-Design70.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set3/005-01BaseFace/077-Robot-Design45.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set3/005-01BaseFace/077-Robot-Design45.png
new file mode 100644
index 0000000..98bcfb0
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set3/005-01BaseFace/077-Robot-Design45.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set3/005-01BaseFace/078-Robot-Design34.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set3/005-01BaseFace/078-Robot-Design34.png
new file mode 100644
index 0000000..185b4ed
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set3/005-01BaseFace/078-Robot-Design34.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set3/005-01BaseFace/079-Robot-Design41.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set3/005-01BaseFace/079-Robot-Design41.png
new file mode 100644
index 0000000..483b06c
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set3/005-01BaseFace/079-Robot-Design41.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set3/005-01BaseFace/080-Robot-Design33.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set3/005-01BaseFace/080-Robot-Design33.png
new file mode 100644
index 0000000..0bc9037
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set3/005-01BaseFace/080-Robot-Design33.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set3/005-01BaseFace/081-Robot-Design29.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set3/005-01BaseFace/081-Robot-Design29.png
new file mode 100644
index 0000000..1c72495
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set3/005-01BaseFace/081-Robot-Design29.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set3/005-01BaseFace/082-Robot-Design22.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set3/005-01BaseFace/082-Robot-Design22.png
new file mode 100644
index 0000000..bb8a6e4
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set3/005-01BaseFace/082-Robot-Design22.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set3/005-01BaseFace/083-Robot-Design10.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set3/005-01BaseFace/083-Robot-Design10.png
new file mode 100644
index 0000000..38c8608
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set3/005-01BaseFace/083-Robot-Design10.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set3/005-01BaseFace/084-Robot-Design26.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set3/005-01BaseFace/084-Robot-Design26.png
new file mode 100644
index 0000000..e4a94fe
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set3/005-01BaseFace/084-Robot-Design26.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set3/005-01BaseFace/085-Robot-Design68.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set3/005-01BaseFace/085-Robot-Design68.png
new file mode 100644
index 0000000..62e6d4a
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set3/005-01BaseFace/085-Robot-Design68.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set3/005-01BaseFace/086-Robot-Design39.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set3/005-01BaseFace/086-Robot-Design39.png
new file mode 100644
index 0000000..e481881
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set3/005-01BaseFace/086-Robot-Design39.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set3/005-01BaseFace/087-Robot-Design4.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set3/005-01BaseFace/087-Robot-Design4.png
new file mode 100644
index 0000000..24816c7
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set3/005-01BaseFace/087-Robot-Design4.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set3/005-01BaseFace/088-Robot-Design79.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set3/005-01BaseFace/088-Robot-Design79.png
new file mode 100644
index 0000000..52482a8
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set3/005-01BaseFace/088-Robot-Design79.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set3/005-01BaseFace/089-Robot-Design44.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set3/005-01BaseFace/089-Robot-Design44.png
new file mode 100644
index 0000000..9dba2a9
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set3/005-01BaseFace/089-Robot-Design44.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set3/006-03Antenna/000-Robot-Design9.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set3/006-03Antenna/000-Robot-Design9.png
new file mode 100644
index 0000000..e40474a
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set3/006-03Antenna/000-Robot-Design9.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set3/006-03Antenna/001-Robot-Design7.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set3/006-03Antenna/001-Robot-Design7.png
new file mode 100644
index 0000000..acc2680
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set3/006-03Antenna/001-Robot-Design7.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set3/006-03Antenna/002-Robot-Design1.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set3/006-03Antenna/002-Robot-Design1.png
new file mode 100644
index 0000000..78ece2a
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set3/006-03Antenna/002-Robot-Design1.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set3/006-03Antenna/003-Robot-Design5.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set3/006-03Antenna/003-Robot-Design5.png
new file mode 100644
index 0000000..109f62b
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set3/006-03Antenna/003-Robot-Design5.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set3/006-03Antenna/004-Robot-Design2.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set3/006-03Antenna/004-Robot-Design2.png
new file mode 100644
index 0000000..7e23997
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set3/006-03Antenna/004-Robot-Design2.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set3/006-03Antenna/005-Robot-Design6.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set3/006-03Antenna/005-Robot-Design6.png
new file mode 100644
index 0000000..2164479
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set3/006-03Antenna/005-Robot-Design6.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set3/006-03Antenna/006-Robot-Design3.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set3/006-03Antenna/006-Robot-Design3.png
new file mode 100644
index 0000000..a74a208
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set3/006-03Antenna/006-Robot-Design3.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set3/006-03Antenna/007-Robot-Design8.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set3/006-03Antenna/007-Robot-Design8.png
new file mode 100644
index 0000000..93e17ec
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set3/006-03Antenna/007-Robot-Design8.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set3/006-03Antenna/008-Robot-Design10.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set3/006-03Antenna/008-Robot-Design10.png
new file mode 100644
index 0000000..a2f831e
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set3/006-03Antenna/008-Robot-Design10.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set3/006-03Antenna/009-Robot-Design4.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set3/006-03Antenna/009-Robot-Design4.png
new file mode 100644
index 0000000..7169456
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set3/006-03Antenna/009-Robot-Design4.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set4/000-00body/000-body0.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set4/000-00body/000-body0.png
new file mode 100644
index 0000000..e41c848
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set4/000-00body/000-body0.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set4/000-00body/001-body1.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set4/000-00body/001-body1.png
new file mode 100644
index 0000000..986abcb
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set4/000-00body/001-body1.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set4/000-00body/002-body2.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set4/000-00body/002-body2.png
new file mode 100644
index 0000000..07179e4
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set4/000-00body/002-body2.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set4/000-00body/003-body3.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set4/000-00body/003-body3.png
new file mode 100644
index 0000000..0b115fd
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set4/000-00body/003-body3.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set4/000-00body/004-body4.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set4/000-00body/004-body4.png
new file mode 100644
index 0000000..c96adaf
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set4/000-00body/004-body4.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set4/000-00body/005-body5.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set4/000-00body/005-body5.png
new file mode 100644
index 0000000..443e622
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set4/000-00body/005-body5.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set4/000-00body/006-body6.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set4/000-00body/006-body6.png
new file mode 100644
index 0000000..54c9afa
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set4/000-00body/006-body6.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set4/000-00body/007-body7.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set4/000-00body/007-body7.png
new file mode 100644
index 0000000..3894e24
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set4/000-00body/007-body7.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set4/000-00body/008-body8.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set4/000-00body/008-body8.png
new file mode 100644
index 0000000..6b2b944
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set4/000-00body/008-body8.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set4/000-00body/009-body9.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set4/000-00body/009-body9.png
new file mode 100644
index 0000000..cb5ec53
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set4/000-00body/009-body9.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set4/000-00body/010-body10.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set4/000-00body/010-body10.png
new file mode 100644
index 0000000..0b69d4a
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set4/000-00body/010-body10.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set4/000-00body/011-body11.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set4/000-00body/011-body11.png
new file mode 100644
index 0000000..5974202
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set4/000-00body/011-body11.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set4/000-00body/012-body12.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set4/000-00body/012-body12.png
new file mode 100644
index 0000000..2979b4b
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set4/000-00body/012-body12.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set4/000-00body/013-body13.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set4/000-00body/013-body13.png
new file mode 100644
index 0000000..ff05d23
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set4/000-00body/013-body13.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set4/000-00body/014-body14.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set4/000-00body/014-body14.png
new file mode 100644
index 0000000..29c9640
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set4/000-00body/014-body14.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set4/001-01fur/000-fur0.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set4/001-01fur/000-fur0.png
new file mode 100644
index 0000000..465d0a0
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set4/001-01fur/000-fur0.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set4/001-01fur/001-fur1.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set4/001-01fur/001-fur1.png
new file mode 100644
index 0000000..d118803
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set4/001-01fur/001-fur1.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set4/001-01fur/002-fur2.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set4/001-01fur/002-fur2.png
new file mode 100644
index 0000000..b8333fc
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set4/001-01fur/002-fur2.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set4/001-01fur/003-fur3.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set4/001-01fur/003-fur3.png
new file mode 100644
index 0000000..5732f51
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set4/001-01fur/003-fur3.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set4/001-01fur/004-fur4.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set4/001-01fur/004-fur4.png
new file mode 100644
index 0000000..19603d7
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set4/001-01fur/004-fur4.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set4/001-01fur/005-fur5.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set4/001-01fur/005-fur5.png
new file mode 100644
index 0000000..d97a8de
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set4/001-01fur/005-fur5.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set4/001-01fur/006-fur6.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set4/001-01fur/006-fur6.png
new file mode 100644
index 0000000..b8333fc
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set4/001-01fur/006-fur6.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set4/001-01fur/007-fur7.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set4/001-01fur/007-fur7.png
new file mode 100644
index 0000000..1d444d8
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set4/001-01fur/007-fur7.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set4/001-01fur/008-fur8.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set4/001-01fur/008-fur8.png
new file mode 100644
index 0000000..f46dced
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set4/001-01fur/008-fur8.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set4/001-01fur/009-fur9.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set4/001-01fur/009-fur9.png
new file mode 100644
index 0000000..475e64c
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set4/001-01fur/009-fur9.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set4/002-02eyes/000-eyes0.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set4/002-02eyes/000-eyes0.png
new file mode 100644
index 0000000..382e50f
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set4/002-02eyes/000-eyes0.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set4/002-02eyes/001-eyes1.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set4/002-02eyes/001-eyes1.png
new file mode 100644
index 0000000..99225bf
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set4/002-02eyes/001-eyes1.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set4/002-02eyes/002-eyes2.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set4/002-02eyes/002-eyes2.png
new file mode 100644
index 0000000..6b0ac0e
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set4/002-02eyes/002-eyes2.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set4/002-02eyes/003-eyes3.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set4/002-02eyes/003-eyes3.png
new file mode 100644
index 0000000..bec1480
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set4/002-02eyes/003-eyes3.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set4/002-02eyes/004-eyes4.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set4/002-02eyes/004-eyes4.png
new file mode 100644
index 0000000..6ad7fa1
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set4/002-02eyes/004-eyes4.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set4/002-02eyes/005-eyes5.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set4/002-02eyes/005-eyes5.png
new file mode 100644
index 0000000..c793788
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set4/002-02eyes/005-eyes5.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set4/002-02eyes/006-eyes6.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set4/002-02eyes/006-eyes6.png
new file mode 100644
index 0000000..105ef74
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set4/002-02eyes/006-eyes6.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set4/002-02eyes/007-eyes7.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set4/002-02eyes/007-eyes7.png
new file mode 100644
index 0000000..0bf96f9
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set4/002-02eyes/007-eyes7.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set4/002-02eyes/008-eyes8.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set4/002-02eyes/008-eyes8.png
new file mode 100644
index 0000000..3bca78a
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set4/002-02eyes/008-eyes8.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set4/002-02eyes/009-eyes9.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set4/002-02eyes/009-eyes9.png
new file mode 100644
index 0000000..e4031f8
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set4/002-02eyes/009-eyes9.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set4/002-02eyes/010-eyes10.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set4/002-02eyes/010-eyes10.png
new file mode 100644
index 0000000..ec9476f
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set4/002-02eyes/010-eyes10.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set4/002-02eyes/011-eyes11.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set4/002-02eyes/011-eyes11.png
new file mode 100644
index 0000000..8b1c7ab
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set4/002-02eyes/011-eyes11.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set4/002-02eyes/012-eyes12.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set4/002-02eyes/012-eyes12.png
new file mode 100644
index 0000000..096a01a
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set4/002-02eyes/012-eyes12.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set4/002-02eyes/013-eyes13.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set4/002-02eyes/013-eyes13.png
new file mode 100644
index 0000000..750d83b
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set4/002-02eyes/013-eyes13.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set4/002-02eyes/014-eyes14.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set4/002-02eyes/014-eyes14.png
new file mode 100644
index 0000000..ce3e723
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set4/002-02eyes/014-eyes14.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set4/003-03mouth/000-mouth0.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set4/003-03mouth/000-mouth0.png
new file mode 100644
index 0000000..f7f8636
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set4/003-03mouth/000-mouth0.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set4/003-03mouth/001-mouth1.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set4/003-03mouth/001-mouth1.png
new file mode 100644
index 0000000..97f29eb
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set4/003-03mouth/001-mouth1.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set4/003-03mouth/002-mouth2.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set4/003-03mouth/002-mouth2.png
new file mode 100644
index 0000000..7487654
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set4/003-03mouth/002-mouth2.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set4/003-03mouth/003-mouth3.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set4/003-03mouth/003-mouth3.png
new file mode 100644
index 0000000..10cdf15
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set4/003-03mouth/003-mouth3.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set4/003-03mouth/004-mouth4.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set4/003-03mouth/004-mouth4.png
new file mode 100644
index 0000000..02e5e24
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set4/003-03mouth/004-mouth4.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set4/003-03mouth/005-mouth5.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set4/003-03mouth/005-mouth5.png
new file mode 100644
index 0000000..efb2bf1
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set4/003-03mouth/005-mouth5.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set4/003-03mouth/006-mouth6.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set4/003-03mouth/006-mouth6.png
new file mode 100644
index 0000000..f276a92
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set4/003-03mouth/006-mouth6.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set4/003-03mouth/007-mouth7.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set4/003-03mouth/007-mouth7.png
new file mode 100644
index 0000000..7005347
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set4/003-03mouth/007-mouth7.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set4/003-03mouth/008-mouth8.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set4/003-03mouth/008-mouth8.png
new file mode 100644
index 0000000..d1c4c93
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set4/003-03mouth/008-mouth8.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set4/003-03mouth/009-mouth9.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set4/003-03mouth/009-mouth9.png
new file mode 100644
index 0000000..d59a4bf
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set4/003-03mouth/009-mouth9.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set4/004-04accessories/000-accessory0.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set4/004-04accessories/000-accessory0.png
new file mode 100644
index 0000000..1295f99
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set4/004-04accessories/000-accessory0.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set4/004-04accessories/001-accessory1.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set4/004-04accessories/001-accessory1.png
new file mode 100644
index 0000000..f459472
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set4/004-04accessories/001-accessory1.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set4/004-04accessories/002-accessory2.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set4/004-04accessories/002-accessory2.png
new file mode 100644
index 0000000..0c89f2b
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set4/004-04accessories/002-accessory2.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set4/004-04accessories/003-accessory3.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set4/004-04accessories/003-accessory3.png
new file mode 100644
index 0000000..b31313f
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set4/004-04accessories/003-accessory3.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set4/004-04accessories/004-accessory4.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set4/004-04accessories/004-accessory4.png
new file mode 100644
index 0000000..c02dc8f
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set4/004-04accessories/004-accessory4.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set4/004-04accessories/005-accessory5.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set4/004-04accessories/005-accessory5.png
new file mode 100644
index 0000000..faebf22
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set4/004-04accessories/005-accessory5.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set4/004-04accessories/006-accessory6.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set4/004-04accessories/006-accessory6.png
new file mode 100644
index 0000000..7346d9f
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set4/004-04accessories/006-accessory6.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set4/004-04accessories/007-accessory7.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set4/004-04accessories/007-accessory7.png
new file mode 100644
index 0000000..200f11e
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set4/004-04accessories/007-accessory7.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set4/004-04accessories/008-accessory8.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set4/004-04accessories/008-accessory8.png
new file mode 100644
index 0000000..e3eb4e8
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set4/004-04accessories/008-accessory8.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set4/004-04accessories/009-accessory9.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set4/004-04accessories/009-accessory9.png
new file mode 100644
index 0000000..41dc736
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set4/004-04accessories/009-accessory9.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set4/004-04accessories/010-accessory10.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set4/004-04accessories/010-accessory10.png
new file mode 100644
index 0000000..44d7aac
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set4/004-04accessories/010-accessory10.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set4/004-04accessories/011-accessory11.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set4/004-04accessories/011-accessory11.png
new file mode 100644
index 0000000..8ceb521
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set4/004-04accessories/011-accessory11.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set4/004-04accessories/012-accessory12.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set4/004-04accessories/012-accessory12.png
new file mode 100644
index 0000000..5786ae9
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set4/004-04accessories/012-accessory12.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set4/004-04accessories/013-accessory13.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set4/004-04accessories/013-accessory13.png
new file mode 100644
index 0000000..a7fdbb8
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set4/004-04accessories/013-accessory13.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set4/004-04accessories/014-accessory14.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set4/004-04accessories/014-accessory14.png
new file mode 100644
index 0000000..0658610
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set4/004-04accessories/014-accessory14.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set4/004-04accessories/015-accessory15.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set4/004-04accessories/015-accessory15.png
new file mode 100644
index 0000000..b8333fc
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set4/004-04accessories/015-accessory15.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/000-Body/Black.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/000-Body/Black.png
new file mode 100644
index 0000000..ed76e67
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/000-Body/Black.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/000-Body/Brown.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/000-Body/Brown.png
new file mode 100644
index 0000000..8251987
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/000-Body/Brown.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/000-Body/DarkBrown.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/000-Body/DarkBrown.png
new file mode 100644
index 0000000..01a2852
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/000-Body/DarkBrown.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/000-Body/Light.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/000-Body/Light.png
new file mode 100644
index 0000000..ad86b77
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/000-Body/Light.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/000-Body/Pale.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/000-Body/Pale.png
new file mode 100644
index 0000000..c850dbc
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/000-Body/Pale.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/000-Body/Tanned.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/000-Body/Tanned.png
new file mode 100644
index 0000000..52fe924
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/000-Body/Tanned.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/000-Body/Yellow.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/000-Body/Yellow.png
new file mode 100644
index 0000000..7ba9fe4
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/000-Body/Yellow.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/001-Eye/Close.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/001-Eye/Close.png
new file mode 100644
index 0000000..4080e35
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/001-Eye/Close.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/001-Eye/Cry.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/001-Eye/Cry.png
new file mode 100644
index 0000000..1d2f7dd
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/001-Eye/Cry.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/001-Eye/Default.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/001-Eye/Default.png
new file mode 100644
index 0000000..cc474bd
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/001-Eye/Default.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/001-Eye/Dizzy.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/001-Eye/Dizzy.png
new file mode 100644
index 0000000..35408b2
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/001-Eye/Dizzy.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/001-Eye/EyeRoll.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/001-Eye/EyeRoll.png
new file mode 100644
index 0000000..16bc49a
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/001-Eye/EyeRoll.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/001-Eye/Happy.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/001-Eye/Happy.png
new file mode 100644
index 0000000..6141da7
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/001-Eye/Happy.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/001-Eye/Hearts.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/001-Eye/Hearts.png
new file mode 100644
index 0000000..ee9b17d
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/001-Eye/Hearts.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/001-Eye/Side.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/001-Eye/Side.png
new file mode 100644
index 0000000..c368afe
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/001-Eye/Side.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/001-Eye/Squint.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/001-Eye/Squint.png
new file mode 100644
index 0000000..8283bda
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/001-Eye/Squint.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/001-Eye/Surprised.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/001-Eye/Surprised.png
new file mode 100644
index 0000000..597a20d
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/001-Eye/Surprised.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/001-Eye/Wink.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/001-Eye/Wink.png
new file mode 100644
index 0000000..29d226e
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/001-Eye/Wink.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/001-Eye/WinkWacky.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/001-Eye/WinkWacky.png
new file mode 100644
index 0000000..7f74917
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/001-Eye/WinkWacky.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/002-Eyebrow/Angry.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/002-Eyebrow/Angry.png
new file mode 100644
index 0000000..9630d16
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/002-Eyebrow/Angry.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/002-Eyebrow/AngryNatural.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/002-Eyebrow/AngryNatural.png
new file mode 100644
index 0000000..4585e74
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/002-Eyebrow/AngryNatural.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/002-Eyebrow/Default.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/002-Eyebrow/Default.png
new file mode 100644
index 0000000..88d1890
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/002-Eyebrow/Default.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/002-Eyebrow/DefaultNatural.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/002-Eyebrow/DefaultNatural.png
new file mode 100644
index 0000000..e249c1a
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/002-Eyebrow/DefaultNatural.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/002-Eyebrow/FlatNatural.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/002-Eyebrow/FlatNatural.png
new file mode 100644
index 0000000..cef87bd
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/002-Eyebrow/FlatNatural.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/002-Eyebrow/RaisedExcited.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/002-Eyebrow/RaisedExcited.png
new file mode 100644
index 0000000..d3672ce
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/002-Eyebrow/RaisedExcited.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/002-Eyebrow/RaisedExcitedNatural.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/002-Eyebrow/RaisedExcitedNatural.png
new file mode 100644
index 0000000..601a9b6
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/002-Eyebrow/RaisedExcitedNatural.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/002-Eyebrow/SadConcerned.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/002-Eyebrow/SadConcerned.png
new file mode 100644
index 0000000..8b6adcd
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/002-Eyebrow/SadConcerned.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/002-Eyebrow/SadConcernedNatural.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/002-Eyebrow/SadConcernedNatural.png
new file mode 100644
index 0000000..5c44937
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/002-Eyebrow/SadConcernedNatural.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/002-Eyebrow/UnibrowNatural.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/002-Eyebrow/UnibrowNatural.png
new file mode 100644
index 0000000..c6af4b8
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/002-Eyebrow/UnibrowNatural.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/002-Eyebrow/UpDown.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/002-Eyebrow/UpDown.png
new file mode 100644
index 0000000..a9a8c6d
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/002-Eyebrow/UpDown.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/002-Eyebrow/UpDownNatural.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/002-Eyebrow/UpDownNatural.png
new file mode 100644
index 0000000..3cc3cbd
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/002-Eyebrow/UpDownNatural.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/003-Mouth/Concerned.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/003-Mouth/Concerned.png
new file mode 100644
index 0000000..c65294a
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/003-Mouth/Concerned.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/003-Mouth/Default.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/003-Mouth/Default.png
new file mode 100644
index 0000000..d052b06
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/003-Mouth/Default.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/003-Mouth/Disbelief.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/003-Mouth/Disbelief.png
new file mode 100644
index 0000000..efc71c6
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/003-Mouth/Disbelief.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/003-Mouth/Eating.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/003-Mouth/Eating.png
new file mode 100644
index 0000000..a1c02bf
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/003-Mouth/Eating.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/003-Mouth/Grimace.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/003-Mouth/Grimace.png
new file mode 100644
index 0000000..74cd26c
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/003-Mouth/Grimace.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/003-Mouth/Sad.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/003-Mouth/Sad.png
new file mode 100644
index 0000000..3824f58
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/003-Mouth/Sad.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/003-Mouth/ScreamOpen.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/003-Mouth/ScreamOpen.png
new file mode 100644
index 0000000..768f057
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/003-Mouth/ScreamOpen.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/003-Mouth/Serious.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/003-Mouth/Serious.png
new file mode 100644
index 0000000..437d03e
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/003-Mouth/Serious.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/003-Mouth/Smile.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/003-Mouth/Smile.png
new file mode 100644
index 0000000..0052833
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/003-Mouth/Smile.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/003-Mouth/Tongue.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/003-Mouth/Tongue.png
new file mode 100644
index 0000000..e905530
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/003-Mouth/Tongue.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/003-Mouth/Twinkle.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/003-Mouth/Twinkle.png
new file mode 100644
index 0000000..81341c1
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/003-Mouth/Twinkle.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/003-Mouth/Vomit.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/003-Mouth/Vomit.png
new file mode 100644
index 0000000..50e6b03
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/003-Mouth/Vomit.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/BlazerShirt.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/BlazerShirt.png
new file mode 100644
index 0000000..78d2123
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/BlazerShirt.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/BlazerSweater.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/BlazerSweater.png
new file mode 100644
index 0000000..6c60541
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/BlazerSweater.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/CollarSweater-Black.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/CollarSweater-Black.png
new file mode 100644
index 0000000..7dac7fe
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/CollarSweater-Black.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/CollarSweater-Blue01.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/CollarSweater-Blue01.png
new file mode 100644
index 0000000..020831a
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/CollarSweater-Blue01.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/CollarSweater-Blue02.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/CollarSweater-Blue02.png
new file mode 100644
index 0000000..2faab68
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/CollarSweater-Blue02.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/CollarSweater-Blue03.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/CollarSweater-Blue03.png
new file mode 100644
index 0000000..f4257e8
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/CollarSweater-Blue03.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/CollarSweater-Gray02.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/CollarSweater-Gray02.png
new file mode 100644
index 0000000..27c1069
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/CollarSweater-Gray02.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/CollarSweater-Heather.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/CollarSweater-Heather.png
new file mode 100644
index 0000000..d9793d5
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/CollarSweater-Heather.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/CollarSweater-PastelBlue.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/CollarSweater-PastelBlue.png
new file mode 100644
index 0000000..beb36f1
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/CollarSweater-PastelBlue.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/CollarSweater-PastelGreen.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/CollarSweater-PastelGreen.png
new file mode 100644
index 0000000..136dd71
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/CollarSweater-PastelGreen.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/CollarSweater-PastelOrange.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/CollarSweater-PastelOrange.png
new file mode 100644
index 0000000..b53beef
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/CollarSweater-PastelOrange.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/CollarSweater-PastelRed.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/CollarSweater-PastelRed.png
new file mode 100644
index 0000000..069e82e
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/CollarSweater-PastelRed.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/CollarSweater-PastelYellow.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/CollarSweater-PastelYellow.png
new file mode 100644
index 0000000..06cff08
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/CollarSweater-PastelYellow.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/CollarSweater-Pink.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/CollarSweater-Pink.png
new file mode 100644
index 0000000..352d692
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/CollarSweater-Pink.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/CollarSweater-Red.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/CollarSweater-Red.png
new file mode 100644
index 0000000..97ab711
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/CollarSweater-Red.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/CollarSweater-White.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/CollarSweater-White.png
new file mode 100644
index 0000000..b682d75
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/CollarSweater-White.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/CollarSweater.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/CollarSweater.png
new file mode 100644
index 0000000..f88b0f3
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/CollarSweater.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt--Bat.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt--Bat.png
new file mode 100644
index 0000000..9aad14c
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt--Bat.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt--Bear.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt--Bear.png
new file mode 100644
index 0000000..9d4e510
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt--Bear.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt--Cumbia.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt--Cumbia.png
new file mode 100644
index 0000000..3a1dfb0
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt--Cumbia.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt--Deer.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt--Deer.png
new file mode 100644
index 0000000..38c80e4
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt--Deer.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt--Diamond.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt--Diamond.png
new file mode 100644
index 0000000..10d6328
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt--Diamond.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt--Hola.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt--Hola.png
new file mode 100644
index 0000000..3d077a6
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt--Hola.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt--Pizza.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt--Pizza.png
new file mode 100644
index 0000000..58c326b
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt--Pizza.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt--Resist.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt--Resist.png
new file mode 100644
index 0000000..30d4ade
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt--Resist.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt--Selena.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt--Selena.png
new file mode 100644
index 0000000..cb2eb5d
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt--Selena.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt--SkullOutline.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt--SkullOutline.png
new file mode 100644
index 0000000..b6a3bee
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt--SkullOutline.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-Black-Bat.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-Black-Bat.png
new file mode 100644
index 0000000..f14c32b
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-Black-Bat.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-Black-Bear.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-Black-Bear.png
new file mode 100644
index 0000000..37d900e
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-Black-Bear.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-Black-Cumbia.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-Black-Cumbia.png
new file mode 100644
index 0000000..f7ad68a
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-Black-Cumbia.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-Black-Deer.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-Black-Deer.png
new file mode 100644
index 0000000..f4c2adb
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-Black-Deer.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-Black-Diamond.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-Black-Diamond.png
new file mode 100644
index 0000000..5bf7bc8
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-Black-Diamond.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-Black-Hola.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-Black-Hola.png
new file mode 100644
index 0000000..2a37ec6
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-Black-Hola.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-Black-Pizza.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-Black-Pizza.png
new file mode 100644
index 0000000..1772d51
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-Black-Pizza.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-Black-Resist.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-Black-Resist.png
new file mode 100644
index 0000000..48bc3ee
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-Black-Resist.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-Black-Selena.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-Black-Selena.png
new file mode 100644
index 0000000..f44dad8
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-Black-Selena.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-Black-SkullOutline.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-Black-SkullOutline.png
new file mode 100644
index 0000000..5af3557
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-Black-SkullOutline.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-Black.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-Black.png
new file mode 100644
index 0000000..859147d
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-Black.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-Blue01-Bat.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-Blue01-Bat.png
new file mode 100644
index 0000000..1cd8064
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-Blue01-Bat.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-Blue01-Bear.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-Blue01-Bear.png
new file mode 100644
index 0000000..4f6773d
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-Blue01-Bear.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-Blue01-Cumbia.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-Blue01-Cumbia.png
new file mode 100644
index 0000000..a1cfa46
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-Blue01-Cumbia.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-Blue01-Deer.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-Blue01-Deer.png
new file mode 100644
index 0000000..054dad2
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-Blue01-Deer.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-Blue01-Diamond.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-Blue01-Diamond.png
new file mode 100644
index 0000000..b0c4e9b
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-Blue01-Diamond.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-Blue01-Hola.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-Blue01-Hola.png
new file mode 100644
index 0000000..a643410
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-Blue01-Hola.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-Blue01-Pizza.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-Blue01-Pizza.png
new file mode 100644
index 0000000..1a556f9
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-Blue01-Pizza.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-Blue01-Resist.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-Blue01-Resist.png
new file mode 100644
index 0000000..6c2d40f
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-Blue01-Resist.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-Blue01-Selena.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-Blue01-Selena.png
new file mode 100644
index 0000000..2f40dbc
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-Blue01-Selena.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-Blue01-SkullOutline.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-Blue01-SkullOutline.png
new file mode 100644
index 0000000..09f70c0
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-Blue01-SkullOutline.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-Blue01.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-Blue01.png
new file mode 100644
index 0000000..3320f2e
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-Blue01.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-Blue02-Bat.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-Blue02-Bat.png
new file mode 100644
index 0000000..870c269
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-Blue02-Bat.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-Blue02-Bear.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-Blue02-Bear.png
new file mode 100644
index 0000000..dc7562d
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-Blue02-Bear.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-Blue02-Cumbia.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-Blue02-Cumbia.png
new file mode 100644
index 0000000..a7df6a1
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-Blue02-Cumbia.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-Blue02-Deer.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-Blue02-Deer.png
new file mode 100644
index 0000000..4d9585c
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-Blue02-Deer.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-Blue02-Diamond.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-Blue02-Diamond.png
new file mode 100644
index 0000000..8c7c5eb
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-Blue02-Diamond.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-Blue02-Hola.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-Blue02-Hola.png
new file mode 100644
index 0000000..4e5fd3a
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-Blue02-Hola.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-Blue02-Pizza.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-Blue02-Pizza.png
new file mode 100644
index 0000000..5d98be4
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-Blue02-Pizza.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-Blue02-Resist.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-Blue02-Resist.png
new file mode 100644
index 0000000..66c7b9b
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-Blue02-Resist.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-Blue02-Selena.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-Blue02-Selena.png
new file mode 100644
index 0000000..fb9f446
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-Blue02-Selena.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-Blue02-SkullOutline.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-Blue02-SkullOutline.png
new file mode 100644
index 0000000..c175c7e
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-Blue02-SkullOutline.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-Blue02.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-Blue02.png
new file mode 100644
index 0000000..625a9f4
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-Blue02.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-Blue03-Bat.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-Blue03-Bat.png
new file mode 100644
index 0000000..9774bad
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-Blue03-Bat.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-Blue03-Bear.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-Blue03-Bear.png
new file mode 100644
index 0000000..aa8f75f
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-Blue03-Bear.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-Blue03-Cumbia.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-Blue03-Cumbia.png
new file mode 100644
index 0000000..998a86f
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-Blue03-Cumbia.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-Blue03-Deer.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-Blue03-Deer.png
new file mode 100644
index 0000000..ba37771
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-Blue03-Deer.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-Blue03-Diamond.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-Blue03-Diamond.png
new file mode 100644
index 0000000..35a8f30
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-Blue03-Diamond.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-Blue03-Hola.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-Blue03-Hola.png
new file mode 100644
index 0000000..b71fcb8
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-Blue03-Hola.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-Blue03-Pizza.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-Blue03-Pizza.png
new file mode 100644
index 0000000..74161aa
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-Blue03-Pizza.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-Blue03-Resist.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-Blue03-Resist.png
new file mode 100644
index 0000000..40f1705
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-Blue03-Resist.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-Blue03-Selena.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-Blue03-Selena.png
new file mode 100644
index 0000000..d26c7fc
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-Blue03-Selena.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-Blue03-SkullOutline.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-Blue03-SkullOutline.png
new file mode 100644
index 0000000..443df40
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-Blue03-SkullOutline.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-Blue03.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-Blue03.png
new file mode 100644
index 0000000..915a910
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-Blue03.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-Gray02-Bat.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-Gray02-Bat.png
new file mode 100644
index 0000000..b4231eb
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-Gray02-Bat.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-Gray02-Bear.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-Gray02-Bear.png
new file mode 100644
index 0000000..d3ed900
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-Gray02-Bear.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-Gray02-Cumbia.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-Gray02-Cumbia.png
new file mode 100644
index 0000000..5d7fe1b
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-Gray02-Cumbia.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-Gray02-Deer.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-Gray02-Deer.png
new file mode 100644
index 0000000..e94aeb9
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-Gray02-Deer.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-Gray02-Diamond.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-Gray02-Diamond.png
new file mode 100644
index 0000000..4f734cb
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-Gray02-Diamond.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-Gray02-Hola.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-Gray02-Hola.png
new file mode 100644
index 0000000..4808c42
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-Gray02-Hola.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-Gray02-Pizza.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-Gray02-Pizza.png
new file mode 100644
index 0000000..db18e3f
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-Gray02-Pizza.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-Gray02-Resist.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-Gray02-Resist.png
new file mode 100644
index 0000000..78a4ea8
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-Gray02-Resist.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-Gray02-Selena.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-Gray02-Selena.png
new file mode 100644
index 0000000..127c83d
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-Gray02-Selena.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-Gray02-SkullOutline.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-Gray02-SkullOutline.png
new file mode 100644
index 0000000..dae258f
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-Gray02-SkullOutline.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-Gray02.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-Gray02.png
new file mode 100644
index 0000000..955adaa
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-Gray02.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-Heather-Bat.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-Heather-Bat.png
new file mode 100644
index 0000000..95ed2a9
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-Heather-Bat.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-Heather-Bear.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-Heather-Bear.png
new file mode 100644
index 0000000..863d2ea
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-Heather-Bear.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-Heather-Cumbia.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-Heather-Cumbia.png
new file mode 100644
index 0000000..01d0d31
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-Heather-Cumbia.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-Heather-Deer.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-Heather-Deer.png
new file mode 100644
index 0000000..b8add06
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-Heather-Deer.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-Heather-Diamond.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-Heather-Diamond.png
new file mode 100644
index 0000000..2ef9fff
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-Heather-Diamond.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-Heather-Hola.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-Heather-Hola.png
new file mode 100644
index 0000000..ba708d6
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-Heather-Hola.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-Heather-Pizza.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-Heather-Pizza.png
new file mode 100644
index 0000000..2832c59
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-Heather-Pizza.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-Heather-Resist.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-Heather-Resist.png
new file mode 100644
index 0000000..fbe757a
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-Heather-Resist.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-Heather-Selena.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-Heather-Selena.png
new file mode 100644
index 0000000..19ad5ca
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-Heather-Selena.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-Heather-SkullOutline.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-Heather-SkullOutline.png
new file mode 100644
index 0000000..3ca7be3
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-Heather-SkullOutline.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-Heather.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-Heather.png
new file mode 100644
index 0000000..e8bef42
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-Heather.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-PastelBlue-Bat.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-PastelBlue-Bat.png
new file mode 100644
index 0000000..7227933
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-PastelBlue-Bat.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-PastelBlue-Bear.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-PastelBlue-Bear.png
new file mode 100644
index 0000000..f6dc389
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-PastelBlue-Bear.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-PastelBlue-Cumbia.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-PastelBlue-Cumbia.png
new file mode 100644
index 0000000..51691fc
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-PastelBlue-Cumbia.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-PastelBlue-Deer.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-PastelBlue-Deer.png
new file mode 100644
index 0000000..a6a39cf
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-PastelBlue-Deer.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-PastelBlue-Diamond.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-PastelBlue-Diamond.png
new file mode 100644
index 0000000..6fe7abb
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-PastelBlue-Diamond.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-PastelBlue-Hola.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-PastelBlue-Hola.png
new file mode 100644
index 0000000..119ecf4
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-PastelBlue-Hola.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-PastelBlue-Pizza.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-PastelBlue-Pizza.png
new file mode 100644
index 0000000..b52c22f
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-PastelBlue-Pizza.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-PastelBlue-Resist.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-PastelBlue-Resist.png
new file mode 100644
index 0000000..fb5ed2b
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-PastelBlue-Resist.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-PastelBlue-Selena.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-PastelBlue-Selena.png
new file mode 100644
index 0000000..f2b8396
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-PastelBlue-Selena.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-PastelBlue-SkullOutline.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-PastelBlue-SkullOutline.png
new file mode 100644
index 0000000..9b4f119
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-PastelBlue-SkullOutline.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-PastelBlue.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-PastelBlue.png
new file mode 100644
index 0000000..adead4d
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-PastelBlue.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-PastelGreen-Bat.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-PastelGreen-Bat.png
new file mode 100644
index 0000000..093cfa7
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-PastelGreen-Bat.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-PastelGreen-Bear.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-PastelGreen-Bear.png
new file mode 100644
index 0000000..a986c47
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-PastelGreen-Bear.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-PastelGreen-Cumbia.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-PastelGreen-Cumbia.png
new file mode 100644
index 0000000..94784b6
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-PastelGreen-Cumbia.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-PastelGreen-Deer.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-PastelGreen-Deer.png
new file mode 100644
index 0000000..d49074d
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-PastelGreen-Deer.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-PastelGreen-Diamond.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-PastelGreen-Diamond.png
new file mode 100644
index 0000000..16f3fc6
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-PastelGreen-Diamond.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-PastelGreen-Hola.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-PastelGreen-Hola.png
new file mode 100644
index 0000000..422e864
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-PastelGreen-Hola.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-PastelGreen-Pizza.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-PastelGreen-Pizza.png
new file mode 100644
index 0000000..ebb6041
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-PastelGreen-Pizza.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-PastelGreen-Resist.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-PastelGreen-Resist.png
new file mode 100644
index 0000000..ec0ddba
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-PastelGreen-Resist.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-PastelGreen-Selena.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-PastelGreen-Selena.png
new file mode 100644
index 0000000..78dbb13
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-PastelGreen-Selena.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-PastelGreen-SkullOutline.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-PastelGreen-SkullOutline.png
new file mode 100644
index 0000000..079bd93
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-PastelGreen-SkullOutline.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-PastelGreen.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-PastelGreen.png
new file mode 100644
index 0000000..fc5c391
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-PastelGreen.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-PastelOrange-Bat.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-PastelOrange-Bat.png
new file mode 100644
index 0000000..3f11615
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-PastelOrange-Bat.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-PastelOrange-Bear.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-PastelOrange-Bear.png
new file mode 100644
index 0000000..40c0ba5
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-PastelOrange-Bear.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-PastelOrange-Cumbia.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-PastelOrange-Cumbia.png
new file mode 100644
index 0000000..f8aa124
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-PastelOrange-Cumbia.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-PastelOrange-Deer.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-PastelOrange-Deer.png
new file mode 100644
index 0000000..eb05b24
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-PastelOrange-Deer.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-PastelOrange-Diamond.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-PastelOrange-Diamond.png
new file mode 100644
index 0000000..bb34e2a
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-PastelOrange-Diamond.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-PastelOrange-Hola.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-PastelOrange-Hola.png
new file mode 100644
index 0000000..da81528
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-PastelOrange-Hola.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-PastelOrange-Pizza.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-PastelOrange-Pizza.png
new file mode 100644
index 0000000..4116430
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-PastelOrange-Pizza.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-PastelOrange-Resist.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-PastelOrange-Resist.png
new file mode 100644
index 0000000..d10c787
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-PastelOrange-Resist.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-PastelOrange-Selena.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-PastelOrange-Selena.png
new file mode 100644
index 0000000..97db528
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-PastelOrange-Selena.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-PastelOrange-SkullOutline.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-PastelOrange-SkullOutline.png
new file mode 100644
index 0000000..955de40
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-PastelOrange-SkullOutline.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-PastelOrange.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-PastelOrange.png
new file mode 100644
index 0000000..6fe8d3a
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-PastelOrange.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-PastelRed-Bat.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-PastelRed-Bat.png
new file mode 100644
index 0000000..18bf329
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-PastelRed-Bat.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-PastelRed-Bear.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-PastelRed-Bear.png
new file mode 100644
index 0000000..ede88bb
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-PastelRed-Bear.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-PastelRed-Cumbia.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-PastelRed-Cumbia.png
new file mode 100644
index 0000000..8cb8788
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-PastelRed-Cumbia.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-PastelRed-Deer.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-PastelRed-Deer.png
new file mode 100644
index 0000000..2d33586
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-PastelRed-Deer.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-PastelRed-Diamond.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-PastelRed-Diamond.png
new file mode 100644
index 0000000..7d52740
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-PastelRed-Diamond.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-PastelRed-Hola.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-PastelRed-Hola.png
new file mode 100644
index 0000000..2c3adc3
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-PastelRed-Hola.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-PastelRed-Pizza.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-PastelRed-Pizza.png
new file mode 100644
index 0000000..d0658f7
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-PastelRed-Pizza.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-PastelRed-Resist.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-PastelRed-Resist.png
new file mode 100644
index 0000000..fe4764e
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-PastelRed-Resist.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-PastelRed-Selena.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-PastelRed-Selena.png
new file mode 100644
index 0000000..919a1b9
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-PastelRed-Selena.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-PastelRed-SkullOutline.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-PastelRed-SkullOutline.png
new file mode 100644
index 0000000..d1e39e4
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-PastelRed-SkullOutline.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-PastelRed.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-PastelRed.png
new file mode 100644
index 0000000..26c0045
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-PastelRed.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-PastelYellow-Bat.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-PastelYellow-Bat.png
new file mode 100644
index 0000000..aa6d5a2
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-PastelYellow-Bat.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-PastelYellow-Bear.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-PastelYellow-Bear.png
new file mode 100644
index 0000000..0025692
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-PastelYellow-Bear.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-PastelYellow-Cumbia.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-PastelYellow-Cumbia.png
new file mode 100644
index 0000000..d96b221
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-PastelYellow-Cumbia.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-PastelYellow-Deer.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-PastelYellow-Deer.png
new file mode 100644
index 0000000..e169ff8
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-PastelYellow-Deer.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-PastelYellow-Diamond.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-PastelYellow-Diamond.png
new file mode 100644
index 0000000..0e948cf
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-PastelYellow-Diamond.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-PastelYellow-Hola.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-PastelYellow-Hola.png
new file mode 100644
index 0000000..f7b4747
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-PastelYellow-Hola.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-PastelYellow-Pizza.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-PastelYellow-Pizza.png
new file mode 100644
index 0000000..97fc60f
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-PastelYellow-Pizza.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-PastelYellow-Resist.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-PastelYellow-Resist.png
new file mode 100644
index 0000000..1936d75
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-PastelYellow-Resist.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-PastelYellow-Selena.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-PastelYellow-Selena.png
new file mode 100644
index 0000000..03cc1bd
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-PastelYellow-Selena.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-PastelYellow-SkullOutline.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-PastelYellow-SkullOutline.png
new file mode 100644
index 0000000..30d2ce9
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-PastelYellow-SkullOutline.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-PastelYellow.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-PastelYellow.png
new file mode 100644
index 0000000..ab2437a
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-PastelYellow.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-Pink-Bat.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-Pink-Bat.png
new file mode 100644
index 0000000..be851c9
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-Pink-Bat.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-Pink-Bear.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-Pink-Bear.png
new file mode 100644
index 0000000..d43eaa7
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-Pink-Bear.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-Pink-Cumbia.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-Pink-Cumbia.png
new file mode 100644
index 0000000..32e3092
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-Pink-Cumbia.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-Pink-Deer.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-Pink-Deer.png
new file mode 100644
index 0000000..98d82cd
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-Pink-Deer.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-Pink-Diamond.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-Pink-Diamond.png
new file mode 100644
index 0000000..c27ed6c
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-Pink-Diamond.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-Pink-Hola.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-Pink-Hola.png
new file mode 100644
index 0000000..8ac3030
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-Pink-Hola.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-Pink-Pizza.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-Pink-Pizza.png
new file mode 100644
index 0000000..0c36560
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-Pink-Pizza.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-Pink-Resist.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-Pink-Resist.png
new file mode 100644
index 0000000..37aa0c6
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-Pink-Resist.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-Pink-Selena.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-Pink-Selena.png
new file mode 100644
index 0000000..d3fba00
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-Pink-Selena.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-Pink-SkullOutline.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-Pink-SkullOutline.png
new file mode 100644
index 0000000..f2fc335
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-Pink-SkullOutline.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-Pink.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-Pink.png
new file mode 100644
index 0000000..ad19c54
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-Pink.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-Red-Bat.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-Red-Bat.png
new file mode 100644
index 0000000..472894f
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-Red-Bat.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-Red-Bear.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-Red-Bear.png
new file mode 100644
index 0000000..ec46e49
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-Red-Bear.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-Red-Cumbia.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-Red-Cumbia.png
new file mode 100644
index 0000000..641c00f
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-Red-Cumbia.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-Red-Deer.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-Red-Deer.png
new file mode 100644
index 0000000..c4de105
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-Red-Deer.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-Red-Diamond.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-Red-Diamond.png
new file mode 100644
index 0000000..d683887
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-Red-Diamond.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-Red-Hola.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-Red-Hola.png
new file mode 100644
index 0000000..863547a
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-Red-Hola.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-Red-Pizza.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-Red-Pizza.png
new file mode 100644
index 0000000..95b563a
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-Red-Pizza.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-Red-Resist.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-Red-Resist.png
new file mode 100644
index 0000000..90e6c48
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-Red-Resist.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-Red-Selena.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-Red-Selena.png
new file mode 100644
index 0000000..f945fdb
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-Red-Selena.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-Red-SkullOutline.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-Red-SkullOutline.png
new file mode 100644
index 0000000..3991e19
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-Red-SkullOutline.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-Red.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-Red.png
new file mode 100644
index 0000000..41847ae
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-Red.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-White-Bat.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-White-Bat.png
new file mode 100644
index 0000000..533157a
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-White-Bat.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-White-Bear.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-White-Bear.png
new file mode 100644
index 0000000..533157a
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-White-Bear.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-White-Cumbia.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-White-Cumbia.png
new file mode 100644
index 0000000..533157a
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-White-Cumbia.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-White-Deer.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-White-Deer.png
new file mode 100644
index 0000000..533157a
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-White-Deer.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-White-Diamond.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-White-Diamond.png
new file mode 100644
index 0000000..533157a
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-White-Diamond.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-White-Hola.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-White-Hola.png
new file mode 100644
index 0000000..533157a
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-White-Hola.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-White-Pizza.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-White-Pizza.png
new file mode 100644
index 0000000..533157a
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-White-Pizza.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-White-Resist.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-White-Resist.png
new file mode 100644
index 0000000..533157a
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-White-Resist.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-White-Selena.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-White-Selena.png
new file mode 100644
index 0000000..533157a
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-White-Selena.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-White-SkullOutline.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-White-SkullOutline.png
new file mode 100644
index 0000000..533157a
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-White-SkullOutline.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-White.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-White.png
new file mode 100644
index 0000000..533157a
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt-White.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt.png
new file mode 100644
index 0000000..574819a
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/GraphicShirt.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/Hoodie-Black.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/Hoodie-Black.png
new file mode 100644
index 0000000..1d575d7
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/Hoodie-Black.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/Hoodie-Blue01.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/Hoodie-Blue01.png
new file mode 100644
index 0000000..521179a
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/Hoodie-Blue01.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/Hoodie-Blue02.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/Hoodie-Blue02.png
new file mode 100644
index 0000000..25f6bdf
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/Hoodie-Blue02.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/Hoodie-Blue03.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/Hoodie-Blue03.png
new file mode 100644
index 0000000..c9bb2e0
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/Hoodie-Blue03.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/Hoodie-Gray02.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/Hoodie-Gray02.png
new file mode 100644
index 0000000..49eda40
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/Hoodie-Gray02.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/Hoodie-Heather.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/Hoodie-Heather.png
new file mode 100644
index 0000000..2c63b77
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/Hoodie-Heather.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/Hoodie-PastelBlue.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/Hoodie-PastelBlue.png
new file mode 100644
index 0000000..aabe784
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/Hoodie-PastelBlue.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/Hoodie-PastelGreen.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/Hoodie-PastelGreen.png
new file mode 100644
index 0000000..4721152
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/Hoodie-PastelGreen.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/Hoodie-PastelOrange.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/Hoodie-PastelOrange.png
new file mode 100644
index 0000000..3d159ce
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/Hoodie-PastelOrange.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/Hoodie-PastelRed.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/Hoodie-PastelRed.png
new file mode 100644
index 0000000..9d28052
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/Hoodie-PastelRed.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/Hoodie-PastelYellow.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/Hoodie-PastelYellow.png
new file mode 100644
index 0000000..3059de3
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/Hoodie-PastelYellow.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/Hoodie-Pink.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/Hoodie-Pink.png
new file mode 100644
index 0000000..88e9e7c
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/Hoodie-Pink.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/Hoodie-Red.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/Hoodie-Red.png
new file mode 100644
index 0000000..cade9eb
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/Hoodie-Red.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/Hoodie-White.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/Hoodie-White.png
new file mode 100644
index 0000000..b6d5a11
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/Hoodie-White.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/Hoodie.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/Hoodie.png
new file mode 100644
index 0000000..3047301
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/Hoodie.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/Overall-Black.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/Overall-Black.png
new file mode 100644
index 0000000..109b277
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/Overall-Black.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/Overall-Blue01.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/Overall-Blue01.png
new file mode 100644
index 0000000..5f5c2e0
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/Overall-Blue01.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/Overall-Blue02.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/Overall-Blue02.png
new file mode 100644
index 0000000..f3a1197
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/Overall-Blue02.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/Overall-Blue03.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/Overall-Blue03.png
new file mode 100644
index 0000000..3428e16
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/Overall-Blue03.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/Overall-Gray02.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/Overall-Gray02.png
new file mode 100644
index 0000000..a964397
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/Overall-Gray02.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/Overall-Heather.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/Overall-Heather.png
new file mode 100644
index 0000000..b7917c8
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/Overall-Heather.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/Overall-PastelBlue.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/Overall-PastelBlue.png
new file mode 100644
index 0000000..535f7d0
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/Overall-PastelBlue.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/Overall-PastelGreen.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/Overall-PastelGreen.png
new file mode 100644
index 0000000..6276ae3
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/Overall-PastelGreen.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/Overall-PastelOrange.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/Overall-PastelOrange.png
new file mode 100644
index 0000000..08a898b
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/Overall-PastelOrange.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/Overall-PastelRed.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/Overall-PastelRed.png
new file mode 100644
index 0000000..cc895ba
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/Overall-PastelRed.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/Overall-PastelYellow.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/Overall-PastelYellow.png
new file mode 100644
index 0000000..ceb56ad
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/Overall-PastelYellow.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/Overall-Pink.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/Overall-Pink.png
new file mode 100644
index 0000000..369ec02
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/Overall-Pink.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/Overall-Red.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/Overall-Red.png
new file mode 100644
index 0000000..57a78b1
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/Overall-Red.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/Overall-White.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/Overall-White.png
new file mode 100644
index 0000000..4b8882c
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/Overall-White.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/Overall.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/Overall.png
new file mode 100644
index 0000000..65d0346
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/Overall.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/ShirtCrewNeck-Black.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/ShirtCrewNeck-Black.png
new file mode 100644
index 0000000..97caed6
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/ShirtCrewNeck-Black.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/ShirtCrewNeck-Blue01.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/ShirtCrewNeck-Blue01.png
new file mode 100644
index 0000000..746251c
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/ShirtCrewNeck-Blue01.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/ShirtCrewNeck-Blue02.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/ShirtCrewNeck-Blue02.png
new file mode 100644
index 0000000..e301f09
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/ShirtCrewNeck-Blue02.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/ShirtCrewNeck-Blue03.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/ShirtCrewNeck-Blue03.png
new file mode 100644
index 0000000..a29698b
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/ShirtCrewNeck-Blue03.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/ShirtCrewNeck-Gray02.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/ShirtCrewNeck-Gray02.png
new file mode 100644
index 0000000..b3b0ea0
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/ShirtCrewNeck-Gray02.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/ShirtCrewNeck-Heather.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/ShirtCrewNeck-Heather.png
new file mode 100644
index 0000000..a8e171a
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/ShirtCrewNeck-Heather.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/ShirtCrewNeck-PastelBlue.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/ShirtCrewNeck-PastelBlue.png
new file mode 100644
index 0000000..c977681
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/ShirtCrewNeck-PastelBlue.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/ShirtCrewNeck-PastelGreen.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/ShirtCrewNeck-PastelGreen.png
new file mode 100644
index 0000000..5a7e7db
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/ShirtCrewNeck-PastelGreen.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/ShirtCrewNeck-PastelOrange.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/ShirtCrewNeck-PastelOrange.png
new file mode 100644
index 0000000..34734bd
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/ShirtCrewNeck-PastelOrange.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/ShirtCrewNeck-PastelRed.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/ShirtCrewNeck-PastelRed.png
new file mode 100644
index 0000000..f54352e
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/ShirtCrewNeck-PastelRed.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/ShirtCrewNeck-PastelYellow.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/ShirtCrewNeck-PastelYellow.png
new file mode 100644
index 0000000..d4a15aa
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/ShirtCrewNeck-PastelYellow.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/ShirtCrewNeck-Pink.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/ShirtCrewNeck-Pink.png
new file mode 100644
index 0000000..ee4c8a0
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/ShirtCrewNeck-Pink.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/ShirtCrewNeck-Red.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/ShirtCrewNeck-Red.png
new file mode 100644
index 0000000..3b08048
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/ShirtCrewNeck-Red.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/ShirtCrewNeck-White.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/ShirtCrewNeck-White.png
new file mode 100644
index 0000000..b48746c
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/ShirtCrewNeck-White.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/ShirtCrewNeck.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/ShirtCrewNeck.png
new file mode 100644
index 0000000..4308c2e
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/ShirtCrewNeck.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/ShirtScoopNeck-Black.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/ShirtScoopNeck-Black.png
new file mode 100644
index 0000000..5862fb1
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/ShirtScoopNeck-Black.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/ShirtScoopNeck-Blue01.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/ShirtScoopNeck-Blue01.png
new file mode 100644
index 0000000..0cfbce6
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/ShirtScoopNeck-Blue01.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/ShirtScoopNeck-Blue02.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/ShirtScoopNeck-Blue02.png
new file mode 100644
index 0000000..82ddcae
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/ShirtScoopNeck-Blue02.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/ShirtScoopNeck-Blue03.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/ShirtScoopNeck-Blue03.png
new file mode 100644
index 0000000..1dce323
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/ShirtScoopNeck-Blue03.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/ShirtScoopNeck-Gray02.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/ShirtScoopNeck-Gray02.png
new file mode 100644
index 0000000..58c8666
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/ShirtScoopNeck-Gray02.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/ShirtScoopNeck-Heather.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/ShirtScoopNeck-Heather.png
new file mode 100644
index 0000000..febbc33
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/ShirtScoopNeck-Heather.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/ShirtScoopNeck-PastelBlue.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/ShirtScoopNeck-PastelBlue.png
new file mode 100644
index 0000000..be6e4cf
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/ShirtScoopNeck-PastelBlue.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/ShirtScoopNeck-PastelGreen.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/ShirtScoopNeck-PastelGreen.png
new file mode 100644
index 0000000..d4adab2
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/ShirtScoopNeck-PastelGreen.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/ShirtScoopNeck-PastelOrange.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/ShirtScoopNeck-PastelOrange.png
new file mode 100644
index 0000000..3a0a8f7
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/ShirtScoopNeck-PastelOrange.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/ShirtScoopNeck-PastelRed.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/ShirtScoopNeck-PastelRed.png
new file mode 100644
index 0000000..3a0b916
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/ShirtScoopNeck-PastelRed.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/ShirtScoopNeck-PastelYellow.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/ShirtScoopNeck-PastelYellow.png
new file mode 100644
index 0000000..70514bf
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/ShirtScoopNeck-PastelYellow.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/ShirtScoopNeck-Pink.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/ShirtScoopNeck-Pink.png
new file mode 100644
index 0000000..49de71b
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/ShirtScoopNeck-Pink.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/ShirtScoopNeck-Red.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/ShirtScoopNeck-Red.png
new file mode 100644
index 0000000..e8de5da
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/ShirtScoopNeck-Red.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/ShirtScoopNeck-White.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/ShirtScoopNeck-White.png
new file mode 100644
index 0000000..f3e7468
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/ShirtScoopNeck-White.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/ShirtScoopNeck.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/ShirtScoopNeck.png
new file mode 100644
index 0000000..5012e4c
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/ShirtScoopNeck.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/ShirtVNeck.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/ShirtVNeck.png
new file mode 100644
index 0000000..7c6ed1a
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/004-Cloth/ShirtVNeck.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/005-FacialHair/BeardLight-Auburn.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/005-FacialHair/BeardLight-Auburn.png
new file mode 100644
index 0000000..4909730
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/005-FacialHair/BeardLight-Auburn.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/005-FacialHair/BeardLight-Black.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/005-FacialHair/BeardLight-Black.png
new file mode 100644
index 0000000..fde65e2
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/005-FacialHair/BeardLight-Black.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/005-FacialHair/BeardLight-Blonde.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/005-FacialHair/BeardLight-Blonde.png
new file mode 100644
index 0000000..e7acb50
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/005-FacialHair/BeardLight-Blonde.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/005-FacialHair/BeardLight-BlondeGolden.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/005-FacialHair/BeardLight-BlondeGolden.png
new file mode 100644
index 0000000..9b2cf84
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/005-FacialHair/BeardLight-BlondeGolden.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/005-FacialHair/BeardLight-Brown.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/005-FacialHair/BeardLight-Brown.png
new file mode 100644
index 0000000..a6f7c7f
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/005-FacialHair/BeardLight-Brown.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/005-FacialHair/BeardLight-BrownDark.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/005-FacialHair/BeardLight-BrownDark.png
new file mode 100644
index 0000000..698cfe0
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/005-FacialHair/BeardLight-BrownDark.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/005-FacialHair/BeardLight-Platinum.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/005-FacialHair/BeardLight-Platinum.png
new file mode 100644
index 0000000..e4e6d0f
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/005-FacialHair/BeardLight-Platinum.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/005-FacialHair/BeardLight-Red.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/005-FacialHair/BeardLight-Red.png
new file mode 100644
index 0000000..469a9dc
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/005-FacialHair/BeardLight-Red.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/005-FacialHair/BeardLight.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/005-FacialHair/BeardLight.png
new file mode 100644
index 0000000..698cfe0
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/005-FacialHair/BeardLight.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/005-FacialHair/BeardMagestic-Auburn.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/005-FacialHair/BeardMagestic-Auburn.png
new file mode 100644
index 0000000..5ee539a
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/005-FacialHair/BeardMagestic-Auburn.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/005-FacialHair/BeardMagestic-Black.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/005-FacialHair/BeardMagestic-Black.png
new file mode 100644
index 0000000..2da98cb
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/005-FacialHair/BeardMagestic-Black.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/005-FacialHair/BeardMagestic-Blonde.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/005-FacialHair/BeardMagestic-Blonde.png
new file mode 100644
index 0000000..e39dcea
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/005-FacialHair/BeardMagestic-Blonde.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/005-FacialHair/BeardMagestic-BlondeGolden.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/005-FacialHair/BeardMagestic-BlondeGolden.png
new file mode 100644
index 0000000..5914989
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/005-FacialHair/BeardMagestic-BlondeGolden.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/005-FacialHair/BeardMagestic-Brown.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/005-FacialHair/BeardMagestic-Brown.png
new file mode 100644
index 0000000..049edec
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/005-FacialHair/BeardMagestic-Brown.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/005-FacialHair/BeardMagestic-BrownDark.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/005-FacialHair/BeardMagestic-BrownDark.png
new file mode 100644
index 0000000..d541bad
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/005-FacialHair/BeardMagestic-BrownDark.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/005-FacialHair/BeardMagestic-Platinum.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/005-FacialHair/BeardMagestic-Platinum.png
new file mode 100644
index 0000000..b4c6044
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/005-FacialHair/BeardMagestic-Platinum.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/005-FacialHair/BeardMagestic-Red.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/005-FacialHair/BeardMagestic-Red.png
new file mode 100644
index 0000000..d9bdcbe
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/005-FacialHair/BeardMagestic-Red.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/005-FacialHair/BeardMagestic.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/005-FacialHair/BeardMagestic.png
new file mode 100644
index 0000000..67fb44e
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/005-FacialHair/BeardMagestic.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/005-FacialHair/BeardMedium-Auburn.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/005-FacialHair/BeardMedium-Auburn.png
new file mode 100644
index 0000000..8204218
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/005-FacialHair/BeardMedium-Auburn.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/005-FacialHair/BeardMedium-Black.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/005-FacialHair/BeardMedium-Black.png
new file mode 100644
index 0000000..d5135e0
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/005-FacialHair/BeardMedium-Black.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/005-FacialHair/BeardMedium-Blonde.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/005-FacialHair/BeardMedium-Blonde.png
new file mode 100644
index 0000000..9cba215
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/005-FacialHair/BeardMedium-Blonde.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/005-FacialHair/BeardMedium-BlondeGolden.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/005-FacialHair/BeardMedium-BlondeGolden.png
new file mode 100644
index 0000000..296c622
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/005-FacialHair/BeardMedium-BlondeGolden.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/005-FacialHair/BeardMedium-Brown.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/005-FacialHair/BeardMedium-Brown.png
new file mode 100644
index 0000000..359c397
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/005-FacialHair/BeardMedium-Brown.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/005-FacialHair/BeardMedium-BrownDark.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/005-FacialHair/BeardMedium-BrownDark.png
new file mode 100644
index 0000000..804634f
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/005-FacialHair/BeardMedium-BrownDark.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/005-FacialHair/BeardMedium-Platinum.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/005-FacialHair/BeardMedium-Platinum.png
new file mode 100644
index 0000000..2fa41d3
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/005-FacialHair/BeardMedium-Platinum.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/005-FacialHair/BeardMedium-Red.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/005-FacialHair/BeardMedium-Red.png
new file mode 100644
index 0000000..e28512a
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/005-FacialHair/BeardMedium-Red.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/005-FacialHair/BeardMedium.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/005-FacialHair/BeardMedium.png
new file mode 100644
index 0000000..804634f
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/005-FacialHair/BeardMedium.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/005-FacialHair/Blush.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/005-FacialHair/Blush.png
new file mode 100644
index 0000000..81eef51
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/005-FacialHair/Blush.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/005-FacialHair/FrecklesHeavy001.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/005-FacialHair/FrecklesHeavy001.png
new file mode 100644
index 0000000..1ff2ec5
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/005-FacialHair/FrecklesHeavy001.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/005-FacialHair/FrecklesLight001.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/005-FacialHair/FrecklesLight001.png
new file mode 100644
index 0000000..c012227
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/005-FacialHair/FrecklesLight001.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/005-FacialHair/FrecklesLight002.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/005-FacialHair/FrecklesLight002.png
new file mode 100644
index 0000000..b38ecf7
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/005-FacialHair/FrecklesLight002.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/005-FacialHair/FrecklesLight003.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/005-FacialHair/FrecklesLight003.png
new file mode 100644
index 0000000..ed96020
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/005-FacialHair/FrecklesLight003.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/005-FacialHair/FrecklesLight004.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/005-FacialHair/FrecklesLight004.png
new file mode 100644
index 0000000..c1b49cc
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/005-FacialHair/FrecklesLight004.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/005-FacialHair/FrecklesLight005.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/005-FacialHair/FrecklesLight005.png
new file mode 100644
index 0000000..92d9fbf
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/005-FacialHair/FrecklesLight005.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/005-FacialHair/FrecklesLight006.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/005-FacialHair/FrecklesLight006.png
new file mode 100644
index 0000000..d01c4dc
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/005-FacialHair/FrecklesLight006.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/005-FacialHair/MoustacheFancy-Auburn.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/005-FacialHair/MoustacheFancy-Auburn.png
new file mode 100644
index 0000000..6bbdf73
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/005-FacialHair/MoustacheFancy-Auburn.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/005-FacialHair/MoustacheFancy-Black.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/005-FacialHair/MoustacheFancy-Black.png
new file mode 100644
index 0000000..3651f08
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/005-FacialHair/MoustacheFancy-Black.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/005-FacialHair/MoustacheFancy-Blonde.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/005-FacialHair/MoustacheFancy-Blonde.png
new file mode 100644
index 0000000..da1af34
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/005-FacialHair/MoustacheFancy-Blonde.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/005-FacialHair/MoustacheFancy-BlondeGolden.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/005-FacialHair/MoustacheFancy-BlondeGolden.png
new file mode 100644
index 0000000..506967d
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/005-FacialHair/MoustacheFancy-BlondeGolden.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/005-FacialHair/MoustacheFancy-Brown.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/005-FacialHair/MoustacheFancy-Brown.png
new file mode 100644
index 0000000..b23f544
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/005-FacialHair/MoustacheFancy-Brown.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/005-FacialHair/MoustacheFancy-BrownDark.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/005-FacialHair/MoustacheFancy-BrownDark.png
new file mode 100644
index 0000000..6027458
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/005-FacialHair/MoustacheFancy-BrownDark.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/005-FacialHair/MoustacheFancy-Platinum.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/005-FacialHair/MoustacheFancy-Platinum.png
new file mode 100644
index 0000000..0475bf5
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/005-FacialHair/MoustacheFancy-Platinum.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/005-FacialHair/MoustacheFancy-Red.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/005-FacialHair/MoustacheFancy-Red.png
new file mode 100644
index 0000000..a76fc36
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/005-FacialHair/MoustacheFancy-Red.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/005-FacialHair/MoustacheFancy.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/005-FacialHair/MoustacheFancy.png
new file mode 100644
index 0000000..6027458
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/005-FacialHair/MoustacheFancy.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/005-FacialHair/MoustacheMagnum-Auburn.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/005-FacialHair/MoustacheMagnum-Auburn.png
new file mode 100644
index 0000000..deec1ed
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/005-FacialHair/MoustacheMagnum-Auburn.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/005-FacialHair/MoustacheMagnum-Black.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/005-FacialHair/MoustacheMagnum-Black.png
new file mode 100644
index 0000000..3ca85c8
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/005-FacialHair/MoustacheMagnum-Black.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/005-FacialHair/MoustacheMagnum-Blonde.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/005-FacialHair/MoustacheMagnum-Blonde.png
new file mode 100644
index 0000000..08bc636
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/005-FacialHair/MoustacheMagnum-Blonde.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/005-FacialHair/MoustacheMagnum-BlondeGolden.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/005-FacialHair/MoustacheMagnum-BlondeGolden.png
new file mode 100644
index 0000000..870ff88
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/005-FacialHair/MoustacheMagnum-BlondeGolden.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/005-FacialHair/MoustacheMagnum-Brown.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/005-FacialHair/MoustacheMagnum-Brown.png
new file mode 100644
index 0000000..6382c47
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/005-FacialHair/MoustacheMagnum-Brown.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/005-FacialHair/MoustacheMagnum-BrownDark.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/005-FacialHair/MoustacheMagnum-BrownDark.png
new file mode 100644
index 0000000..2d7187a
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/005-FacialHair/MoustacheMagnum-BrownDark.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/005-FacialHair/MoustacheMagnum-Platinum.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/005-FacialHair/MoustacheMagnum-Platinum.png
new file mode 100644
index 0000000..dbeaccb
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/005-FacialHair/MoustacheMagnum-Platinum.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/005-FacialHair/MoustacheMagnum-Red.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/005-FacialHair/MoustacheMagnum-Red.png
new file mode 100644
index 0000000..cc8d696
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/005-FacialHair/MoustacheMagnum-Red.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/005-FacialHair/MoustacheMagnum.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/005-FacialHair/MoustacheMagnum.png
new file mode 100644
index 0000000..507056a
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/005-FacialHair/MoustacheMagnum.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/005-FacialHair/RedDot.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/005-FacialHair/RedDot.png
new file mode 100644
index 0000000..be16445
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/005-FacialHair/RedDot.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/005-FacialHair/Wrinkle.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/005-FacialHair/Wrinkle.png
new file mode 100644
index 0000000..cbf11d7
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/005-FacialHair/Wrinkle.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/005-FacialHair/WrinkleTop.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/005-FacialHair/WrinkleTop.png
new file mode 100644
index 0000000..ef2cad1
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/005-FacialHair/WrinkleTop.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/Blank.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/Blank.png
new file mode 100644
index 0000000..b8333fc
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/Blank.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/Eyepatch.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/Eyepatch.png
new file mode 100644
index 0000000..1aa9fe6
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/Eyepatch.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/Hat.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/Hat.png
new file mode 100644
index 0000000..3668255
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/Hat.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/Hijab-Black.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/Hijab-Black.png
new file mode 100644
index 0000000..50039b0
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/Hijab-Black.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/Hijab-Blue01.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/Hijab-Blue01.png
new file mode 100644
index 0000000..a2b8533
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/Hijab-Blue01.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/Hijab-Blue02.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/Hijab-Blue02.png
new file mode 100644
index 0000000..4c8523a
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/Hijab-Blue02.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/Hijab-Brown.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/Hijab-Brown.png
new file mode 100644
index 0000000..67ec0b0
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/Hijab-Brown.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/Hijab-Gray01.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/Hijab-Gray01.png
new file mode 100644
index 0000000..79afaa9
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/Hijab-Gray01.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/Hijab-Gray02.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/Hijab-Gray02.png
new file mode 100644
index 0000000..38ef11e
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/Hijab-Gray02.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/Hijab-Heather.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/Hijab-Heather.png
new file mode 100644
index 0000000..0a4ad8e
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/Hijab-Heather.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/Hijab-PastelBlue.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/Hijab-PastelBlue.png
new file mode 100644
index 0000000..fd2ea2c
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/Hijab-PastelBlue.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/Hijab-PastelGreen.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/Hijab-PastelGreen.png
new file mode 100644
index 0000000..f468d34
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/Hijab-PastelGreen.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/Hijab-PastelOrange.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/Hijab-PastelOrange.png
new file mode 100644
index 0000000..3516ccb
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/Hijab-PastelOrange.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/Hijab-PastelRed.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/Hijab-PastelRed.png
new file mode 100644
index 0000000..fea9013
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/Hijab-PastelRed.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/Hijab-PastelYellow.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/Hijab-PastelYellow.png
new file mode 100644
index 0000000..1698e9e
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/Hijab-PastelYellow.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/Hijab-Pink.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/Hijab-Pink.png
new file mode 100644
index 0000000..7845272
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/Hijab-Pink.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/Hijab-Red.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/Hijab-Red.png
new file mode 100644
index 0000000..7453dd5
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/Hijab-Red.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/Hijab-White.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/Hijab-White.png
new file mode 100644
index 0000000..aabfe99
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/Hijab-White.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/Hijab.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/Hijab.png
new file mode 100644
index 0000000..0efd88d
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/Hijab.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/LongHairBigHair-Auburn.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/LongHairBigHair-Auburn.png
new file mode 100644
index 0000000..fa476ad
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/LongHairBigHair-Auburn.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/LongHairBigHair-Black.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/LongHairBigHair-Black.png
new file mode 100644
index 0000000..00d1eb6
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/LongHairBigHair-Black.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/LongHairBigHair-Blonde.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/LongHairBigHair-Blonde.png
new file mode 100644
index 0000000..2a68d58
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/LongHairBigHair-Blonde.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/LongHairBigHair-BlondeGolden.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/LongHairBigHair-BlondeGolden.png
new file mode 100644
index 0000000..5d94847
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/LongHairBigHair-BlondeGolden.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/LongHairBigHair-Brown.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/LongHairBigHair-Brown.png
new file mode 100644
index 0000000..8359a88
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/LongHairBigHair-Brown.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/LongHairBigHair-PastelPink.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/LongHairBigHair-PastelPink.png
new file mode 100644
index 0000000..98e29a1
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/LongHairBigHair-PastelPink.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/LongHairBigHair-Pink.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/LongHairBigHair-Pink.png
new file mode 100644
index 0000000..eb632ac
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/LongHairBigHair-Pink.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/LongHairBigHair-Platinum.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/LongHairBigHair-Platinum.png
new file mode 100644
index 0000000..58f894d
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/LongHairBigHair-Platinum.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/LongHairBigHair-Red.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/LongHairBigHair-Red.png
new file mode 100644
index 0000000..342bf5f
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/LongHairBigHair-Red.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/LongHairBigHair-SilverGray.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/LongHairBigHair-SilverGray.png
new file mode 100644
index 0000000..3423f32
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/LongHairBigHair-SilverGray.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/LongHairBigHair.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/LongHairBigHair.png
new file mode 100644
index 0000000..1e35cf3
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/LongHairBigHair.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/LongHairBob-Auburn.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/LongHairBob-Auburn.png
new file mode 100644
index 0000000..c33df95
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/LongHairBob-Auburn.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/LongHairBob-Black.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/LongHairBob-Black.png
new file mode 100644
index 0000000..da0cd27
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/LongHairBob-Black.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/LongHairBob-Blonde.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/LongHairBob-Blonde.png
new file mode 100644
index 0000000..757d023
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/LongHairBob-Blonde.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/LongHairBob-BlondeGolden.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/LongHairBob-BlondeGolden.png
new file mode 100644
index 0000000..2c18c44
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/LongHairBob-BlondeGolden.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/LongHairBob-Brown.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/LongHairBob-Brown.png
new file mode 100644
index 0000000..1bcdccb
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/LongHairBob-Brown.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/LongHairBob-PastelPink.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/LongHairBob-PastelPink.png
new file mode 100644
index 0000000..49e5c65
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/LongHairBob-PastelPink.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/LongHairBob-Pink.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/LongHairBob-Pink.png
new file mode 100644
index 0000000..b9d5eca
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/LongHairBob-Pink.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/LongHairBob-Platinum.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/LongHairBob-Platinum.png
new file mode 100644
index 0000000..e791d09
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/LongHairBob-Platinum.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/LongHairBob-Red.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/LongHairBob-Red.png
new file mode 100644
index 0000000..a83cb9c
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/LongHairBob-Red.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/LongHairBob-SilverGray.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/LongHairBob-SilverGray.png
new file mode 100644
index 0000000..10b269f
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/LongHairBob-SilverGray.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/LongHairBob.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/LongHairBob.png
new file mode 100644
index 0000000..1a7d63c
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/LongHairBob.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/LongHairBun-Auburn.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/LongHairBun-Auburn.png
new file mode 100644
index 0000000..69c96cd
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/LongHairBun-Auburn.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/LongHairBun-Black.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/LongHairBun-Black.png
new file mode 100644
index 0000000..72a43ab
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/LongHairBun-Black.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/LongHairBun-Blonde.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/LongHairBun-Blonde.png
new file mode 100644
index 0000000..8e1424e
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/LongHairBun-Blonde.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/LongHairBun-BlondeGolden.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/LongHairBun-BlondeGolden.png
new file mode 100644
index 0000000..a66c3a3
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/LongHairBun-BlondeGolden.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/LongHairBun-Brown.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/LongHairBun-Brown.png
new file mode 100644
index 0000000..bb3a44f
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/LongHairBun-Brown.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/LongHairBun-PastelPink.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/LongHairBun-PastelPink.png
new file mode 100644
index 0000000..ee4c198
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/LongHairBun-PastelPink.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/LongHairBun-Pink.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/LongHairBun-Pink.png
new file mode 100644
index 0000000..ee51100
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/LongHairBun-Pink.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/LongHairBun-Platinum.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/LongHairBun-Platinum.png
new file mode 100644
index 0000000..228d0d5
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/LongHairBun-Platinum.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/LongHairBun-Red.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/LongHairBun-Red.png
new file mode 100644
index 0000000..c04de85
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/LongHairBun-Red.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/LongHairBun-SilverGray.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/LongHairBun-SilverGray.png
new file mode 100644
index 0000000..aec9d87
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/LongHairBun-SilverGray.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/LongHairBun.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/LongHairBun.png
new file mode 100644
index 0000000..a272ac2
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/LongHairBun.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/LongHairCurly-Auburn.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/LongHairCurly-Auburn.png
new file mode 100644
index 0000000..c25164d
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/LongHairCurly-Auburn.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/LongHairCurly-Black.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/LongHairCurly-Black.png
new file mode 100644
index 0000000..fd48386
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/LongHairCurly-Black.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/LongHairCurly-Blonde.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/LongHairCurly-Blonde.png
new file mode 100644
index 0000000..b2346a5
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/LongHairCurly-Blonde.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/LongHairCurly-BlondeGolden.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/LongHairCurly-BlondeGolden.png
new file mode 100644
index 0000000..8145847
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/LongHairCurly-BlondeGolden.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/LongHairCurly-Brown.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/LongHairCurly-Brown.png
new file mode 100644
index 0000000..9a83b09
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/LongHairCurly-Brown.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/LongHairCurly-PastelPink.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/LongHairCurly-PastelPink.png
new file mode 100644
index 0000000..1359bdf
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/LongHairCurly-PastelPink.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/LongHairCurly-Pink.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/LongHairCurly-Pink.png
new file mode 100644
index 0000000..80967b6
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/LongHairCurly-Pink.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/LongHairCurly-Platinum.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/LongHairCurly-Platinum.png
new file mode 100644
index 0000000..bcff69c
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/LongHairCurly-Platinum.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/LongHairCurly-Red.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/LongHairCurly-Red.png
new file mode 100644
index 0000000..7598fb9
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/LongHairCurly-Red.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/LongHairCurly-SilverGray.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/LongHairCurly-SilverGray.png
new file mode 100644
index 0000000..b2c1742
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/LongHairCurly-SilverGray.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/LongHairCurly.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/LongHairCurly.png
new file mode 100644
index 0000000..a1adcd8
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/LongHairCurly.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/LongHairCurvy-Auburn.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/LongHairCurvy-Auburn.png
new file mode 100644
index 0000000..4e9bf10
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/LongHairCurvy-Auburn.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/LongHairCurvy-Black.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/LongHairCurvy-Black.png
new file mode 100644
index 0000000..7bfa72c
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/LongHairCurvy-Black.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/LongHairCurvy-Blonde.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/LongHairCurvy-Blonde.png
new file mode 100644
index 0000000..6076f1a
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/LongHairCurvy-Blonde.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/LongHairCurvy-BlondeGolden.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/LongHairCurvy-BlondeGolden.png
new file mode 100644
index 0000000..654c238
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/LongHairCurvy-BlondeGolden.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/LongHairCurvy-Brown.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/LongHairCurvy-Brown.png
new file mode 100644
index 0000000..9022fa4
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/LongHairCurvy-Brown.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/LongHairCurvy-PastelPink.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/LongHairCurvy-PastelPink.png
new file mode 100644
index 0000000..57b4dac
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/LongHairCurvy-PastelPink.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/LongHairCurvy-Pink.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/LongHairCurvy-Pink.png
new file mode 100644
index 0000000..f3632fd
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/LongHairCurvy-Pink.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/LongHairCurvy-Platinum.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/LongHairCurvy-Platinum.png
new file mode 100644
index 0000000..7899fe5
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/LongHairCurvy-Platinum.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/LongHairCurvy-Red.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/LongHairCurvy-Red.png
new file mode 100644
index 0000000..dc78494
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/LongHairCurvy-Red.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/LongHairCurvy-SilverGray.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/LongHairCurvy-SilverGray.png
new file mode 100644
index 0000000..5ca4272
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/LongHairCurvy-SilverGray.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/LongHairCurvy.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/LongHairCurvy.png
new file mode 100644
index 0000000..ffbf259
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/LongHairCurvy.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/LongHairDreads-Auburn.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/LongHairDreads-Auburn.png
new file mode 100644
index 0000000..378cfad
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/LongHairDreads-Auburn.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/LongHairDreads-Black.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/LongHairDreads-Black.png
new file mode 100644
index 0000000..1c32712
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/LongHairDreads-Black.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/LongHairDreads-Blonde.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/LongHairDreads-Blonde.png
new file mode 100644
index 0000000..2dceb7f
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/LongHairDreads-Blonde.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/LongHairDreads-BlondeGolden.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/LongHairDreads-BlondeGolden.png
new file mode 100644
index 0000000..8c468cb
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/LongHairDreads-BlondeGolden.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/LongHairDreads-Brown.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/LongHairDreads-Brown.png
new file mode 100644
index 0000000..3bd5fac
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/LongHairDreads-Brown.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/LongHairDreads-PastelPink.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/LongHairDreads-PastelPink.png
new file mode 100644
index 0000000..52d5bd4
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/LongHairDreads-PastelPink.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/LongHairDreads-Pink.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/LongHairDreads-Pink.png
new file mode 100644
index 0000000..91f991d
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/LongHairDreads-Pink.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/LongHairDreads-Platinum.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/LongHairDreads-Platinum.png
new file mode 100644
index 0000000..5429b4a
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/LongHairDreads-Platinum.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/LongHairDreads-Red.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/LongHairDreads-Red.png
new file mode 100644
index 0000000..211d145
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/LongHairDreads-Red.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/LongHairDreads-SilverGray.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/LongHairDreads-SilverGray.png
new file mode 100644
index 0000000..f4c6bb8
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/LongHairDreads-SilverGray.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/LongHairDreads.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/LongHairDreads.png
new file mode 100644
index 0000000..ec3f30d
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/LongHairDreads.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/LongHairFrida.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/LongHairFrida.png
new file mode 100644
index 0000000..ca0f864
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/LongHairFrida.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/LongHairFro-Auburn.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/LongHairFro-Auburn.png
new file mode 100644
index 0000000..9953503
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/LongHairFro-Auburn.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/LongHairFro-Black.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/LongHairFro-Black.png
new file mode 100644
index 0000000..2b99c4c
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/LongHairFro-Black.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/LongHairFro-Blonde.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/LongHairFro-Blonde.png
new file mode 100644
index 0000000..91a2422
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/LongHairFro-Blonde.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/LongHairFro-BlondeGolden.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/LongHairFro-BlondeGolden.png
new file mode 100644
index 0000000..7ca57b0
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/LongHairFro-BlondeGolden.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/LongHairFro-Brown.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/LongHairFro-Brown.png
new file mode 100644
index 0000000..761c1fb
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/LongHairFro-Brown.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/LongHairFro-PastelPink.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/LongHairFro-PastelPink.png
new file mode 100644
index 0000000..d9ce0e5
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/LongHairFro-PastelPink.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/LongHairFro-Pink.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/LongHairFro-Pink.png
new file mode 100644
index 0000000..f557cdc
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/LongHairFro-Pink.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/LongHairFro-Platinum.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/LongHairFro-Platinum.png
new file mode 100644
index 0000000..adea3d3
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/LongHairFro-Platinum.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/LongHairFro-Red.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/LongHairFro-Red.png
new file mode 100644
index 0000000..eb25541
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/LongHairFro-Red.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/LongHairFro-SilverGray.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/LongHairFro-SilverGray.png
new file mode 100644
index 0000000..d761eca
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/LongHairFro-SilverGray.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/LongHairFro.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/LongHairFro.png
new file mode 100644
index 0000000..a3777f8
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/LongHairFro.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/LongHairFroBand-Auburn.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/LongHairFroBand-Auburn.png
new file mode 100644
index 0000000..1d989b2
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/LongHairFroBand-Auburn.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/LongHairFroBand-Black.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/LongHairFroBand-Black.png
new file mode 100644
index 0000000..2f7d9e8
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/LongHairFroBand-Black.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/LongHairFroBand-Blonde.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/LongHairFroBand-Blonde.png
new file mode 100644
index 0000000..7d79444
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/LongHairFroBand-Blonde.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/LongHairFroBand-BlondeGolden.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/LongHairFroBand-BlondeGolden.png
new file mode 100644
index 0000000..54aeefb
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/LongHairFroBand-BlondeGolden.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/LongHairFroBand-Brown.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/LongHairFroBand-Brown.png
new file mode 100644
index 0000000..7676029
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/LongHairFroBand-Brown.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/LongHairFroBand-PastelPink.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/LongHairFroBand-PastelPink.png
new file mode 100644
index 0000000..854225c
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/LongHairFroBand-PastelPink.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/LongHairFroBand-Pink.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/LongHairFroBand-Pink.png
new file mode 100644
index 0000000..55a36d7
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/LongHairFroBand-Pink.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/LongHairFroBand-Platinum.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/LongHairFroBand-Platinum.png
new file mode 100644
index 0000000..4c9a6f8
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/LongHairFroBand-Platinum.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/LongHairFroBand-Red.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/LongHairFroBand-Red.png
new file mode 100644
index 0000000..bb8fabb
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/LongHairFroBand-Red.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/LongHairFroBand-SilverGray.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/LongHairFroBand-SilverGray.png
new file mode 100644
index 0000000..2470c47
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/LongHairFroBand-SilverGray.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/LongHairFroBand.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/LongHairFroBand.png
new file mode 100644
index 0000000..d480bf1
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/LongHairFroBand.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/LongHairMiaWallace-Auburn.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/LongHairMiaWallace-Auburn.png
new file mode 100644
index 0000000..d1ce38d
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/LongHairMiaWallace-Auburn.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/LongHairMiaWallace-Black.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/LongHairMiaWallace-Black.png
new file mode 100644
index 0000000..523dc14
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/LongHairMiaWallace-Black.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/LongHairMiaWallace-Blonde.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/LongHairMiaWallace-Blonde.png
new file mode 100644
index 0000000..0c9f3fb
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/LongHairMiaWallace-Blonde.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/LongHairMiaWallace-BlondeGolden.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/LongHairMiaWallace-BlondeGolden.png
new file mode 100644
index 0000000..119bf1a
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/LongHairMiaWallace-BlondeGolden.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/LongHairMiaWallace-Brown.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/LongHairMiaWallace-Brown.png
new file mode 100644
index 0000000..88af193
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/LongHairMiaWallace-Brown.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/LongHairMiaWallace-PastelPink.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/LongHairMiaWallace-PastelPink.png
new file mode 100644
index 0000000..de3b519
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/LongHairMiaWallace-PastelPink.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/LongHairMiaWallace-Pink.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/LongHairMiaWallace-Pink.png
new file mode 100644
index 0000000..c1de366
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/LongHairMiaWallace-Pink.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/LongHairMiaWallace-Platinum.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/LongHairMiaWallace-Platinum.png
new file mode 100644
index 0000000..139930f
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/LongHairMiaWallace-Platinum.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/LongHairMiaWallace-Red.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/LongHairMiaWallace-Red.png
new file mode 100644
index 0000000..2fcc494
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/LongHairMiaWallace-Red.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/LongHairMiaWallace-SilverGray.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/LongHairMiaWallace-SilverGray.png
new file mode 100644
index 0000000..bf89d1f
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/LongHairMiaWallace-SilverGray.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/LongHairMiaWallace.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/LongHairMiaWallace.png
new file mode 100644
index 0000000..13d8a6b
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/LongHairMiaWallace.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/LongHairNotTooLong-Auburn.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/LongHairNotTooLong-Auburn.png
new file mode 100644
index 0000000..ede3082
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/LongHairNotTooLong-Auburn.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/LongHairNotTooLong-Black.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/LongHairNotTooLong-Black.png
new file mode 100644
index 0000000..bb11326
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/LongHairNotTooLong-Black.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/LongHairNotTooLong-Blonde.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/LongHairNotTooLong-Blonde.png
new file mode 100644
index 0000000..578bc50
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/LongHairNotTooLong-Blonde.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/LongHairNotTooLong-BlondeGolden.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/LongHairNotTooLong-BlondeGolden.png
new file mode 100644
index 0000000..bece300
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/LongHairNotTooLong-BlondeGolden.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/LongHairNotTooLong-Brown.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/LongHairNotTooLong-Brown.png
new file mode 100644
index 0000000..4ede796
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/LongHairNotTooLong-Brown.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/LongHairNotTooLong-PastelPink.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/LongHairNotTooLong-PastelPink.png
new file mode 100644
index 0000000..4699153
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/LongHairNotTooLong-PastelPink.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/LongHairNotTooLong-Pink.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/LongHairNotTooLong-Pink.png
new file mode 100644
index 0000000..59c27d7
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/LongHairNotTooLong-Pink.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/LongHairNotTooLong-Platinum.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/LongHairNotTooLong-Platinum.png
new file mode 100644
index 0000000..e8c9f6f
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/LongHairNotTooLong-Platinum.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/LongHairNotTooLong-Red.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/LongHairNotTooLong-Red.png
new file mode 100644
index 0000000..758a423
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/LongHairNotTooLong-Red.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/LongHairNotTooLong-SilverGray.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/LongHairNotTooLong-SilverGray.png
new file mode 100644
index 0000000..a75d601
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/LongHairNotTooLong-SilverGray.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/LongHairNotTooLong.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/LongHairNotTooLong.png
new file mode 100644
index 0000000..0ae9f79
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/LongHairNotTooLong.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/LongHairShavedSides.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/LongHairShavedSides.png
new file mode 100644
index 0000000..69656ef
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/LongHairShavedSides.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/LongHairStraight-Auburn.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/LongHairStraight-Auburn.png
new file mode 100644
index 0000000..6e52de7
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/LongHairStraight-Auburn.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/LongHairStraight-Black.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/LongHairStraight-Black.png
new file mode 100644
index 0000000..ad2cbfe
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/LongHairStraight-Black.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/LongHairStraight-Blonde.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/LongHairStraight-Blonde.png
new file mode 100644
index 0000000..8657ead
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/LongHairStraight-Blonde.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/LongHairStraight-BlondeGolden.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/LongHairStraight-BlondeGolden.png
new file mode 100644
index 0000000..fc123c4
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/LongHairStraight-BlondeGolden.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/LongHairStraight-Brown.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/LongHairStraight-Brown.png
new file mode 100644
index 0000000..9f9c10a
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/LongHairStraight-Brown.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/LongHairStraight-PastelPink.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/LongHairStraight-PastelPink.png
new file mode 100644
index 0000000..06ed744
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/LongHairStraight-PastelPink.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/LongHairStraight-Pink.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/LongHairStraight-Pink.png
new file mode 100644
index 0000000..70f3db4
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/LongHairStraight-Pink.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/LongHairStraight-Platinum.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/LongHairStraight-Platinum.png
new file mode 100644
index 0000000..91f5133
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/LongHairStraight-Platinum.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/LongHairStraight-Red.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/LongHairStraight-Red.png
new file mode 100644
index 0000000..8a5dc86
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/LongHairStraight-Red.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/LongHairStraight-SilverGray.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/LongHairStraight-SilverGray.png
new file mode 100644
index 0000000..8f5d326
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/LongHairStraight-SilverGray.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/LongHairStraight.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/LongHairStraight.png
new file mode 100644
index 0000000..21b5bec
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/LongHairStraight.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/LongHairStraight2-Auburn.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/LongHairStraight2-Auburn.png
new file mode 100644
index 0000000..5192003
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/LongHairStraight2-Auburn.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/LongHairStraight2-Black.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/LongHairStraight2-Black.png
new file mode 100644
index 0000000..f5d7c19
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/LongHairStraight2-Black.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/LongHairStraight2-Blonde.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/LongHairStraight2-Blonde.png
new file mode 100644
index 0000000..7c01164
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/LongHairStraight2-Blonde.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/LongHairStraight2-BlondeGolden.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/LongHairStraight2-BlondeGolden.png
new file mode 100644
index 0000000..99ba018
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/LongHairStraight2-BlondeGolden.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/LongHairStraight2-Brown.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/LongHairStraight2-Brown.png
new file mode 100644
index 0000000..7f8c07a
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/LongHairStraight2-Brown.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/LongHairStraight2-PastelPink.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/LongHairStraight2-PastelPink.png
new file mode 100644
index 0000000..9f54ea8
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/LongHairStraight2-PastelPink.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/LongHairStraight2-Pink.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/LongHairStraight2-Pink.png
new file mode 100644
index 0000000..9e14e08
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/LongHairStraight2-Pink.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/LongHairStraight2-Platinum.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/LongHairStraight2-Platinum.png
new file mode 100644
index 0000000..6d57b65
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/LongHairStraight2-Platinum.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/LongHairStraight2-Red.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/LongHairStraight2-Red.png
new file mode 100644
index 0000000..42626e6
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/LongHairStraight2-Red.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/LongHairStraight2-SilverGray.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/LongHairStraight2-SilverGray.png
new file mode 100644
index 0000000..e8b1b78
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/LongHairStraight2-SilverGray.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/LongHairStraight2.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/LongHairStraight2.png
new file mode 100644
index 0000000..5587a13
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/LongHairStraight2.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/LongHairStraightStrand-Auburn.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/LongHairStraightStrand-Auburn.png
new file mode 100644
index 0000000..bbd454f
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/LongHairStraightStrand-Auburn.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/LongHairStraightStrand-Black.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/LongHairStraightStrand-Black.png
new file mode 100644
index 0000000..5ecae86
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/LongHairStraightStrand-Black.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/LongHairStraightStrand-Blonde.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/LongHairStraightStrand-Blonde.png
new file mode 100644
index 0000000..7c6360b
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/LongHairStraightStrand-Blonde.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/LongHairStraightStrand-BlondeGolden.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/LongHairStraightStrand-BlondeGolden.png
new file mode 100644
index 0000000..d3813ad
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/LongHairStraightStrand-BlondeGolden.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/LongHairStraightStrand-Brown.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/LongHairStraightStrand-Brown.png
new file mode 100644
index 0000000..1269cd2
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/LongHairStraightStrand-Brown.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/LongHairStraightStrand-PastelPink.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/LongHairStraightStrand-PastelPink.png
new file mode 100644
index 0000000..6f465f2
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/LongHairStraightStrand-PastelPink.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/LongHairStraightStrand-Pink.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/LongHairStraightStrand-Pink.png
new file mode 100644
index 0000000..f757f32
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/LongHairStraightStrand-Pink.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/LongHairStraightStrand-Platinum.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/LongHairStraightStrand-Platinum.png
new file mode 100644
index 0000000..fc9a8bf
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/LongHairStraightStrand-Platinum.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/LongHairStraightStrand-Red.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/LongHairStraightStrand-Red.png
new file mode 100644
index 0000000..b2d8d76
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/LongHairStraightStrand-Red.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/LongHairStraightStrand-SilverGray.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/LongHairStraightStrand-SilverGray.png
new file mode 100644
index 0000000..0e2fff0
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/LongHairStraightStrand-SilverGray.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/LongHairStraightStrand.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/LongHairStraightStrand.png
new file mode 100644
index 0000000..7f20685
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/LongHairStraightStrand.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/ShortHairDreads01-Auburn.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/ShortHairDreads01-Auburn.png
new file mode 100644
index 0000000..0116a0c
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/ShortHairDreads01-Auburn.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/ShortHairDreads01-Black.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/ShortHairDreads01-Black.png
new file mode 100644
index 0000000..ed1efc7
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/ShortHairDreads01-Black.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/ShortHairDreads01-Blonde.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/ShortHairDreads01-Blonde.png
new file mode 100644
index 0000000..f00368c
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/ShortHairDreads01-Blonde.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/ShortHairDreads01-BlondeGolden.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/ShortHairDreads01-BlondeGolden.png
new file mode 100644
index 0000000..0dc6719
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/ShortHairDreads01-BlondeGolden.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/ShortHairDreads01-Brown.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/ShortHairDreads01-Brown.png
new file mode 100644
index 0000000..1b1c361
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/ShortHairDreads01-Brown.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/ShortHairDreads01-PastelPink.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/ShortHairDreads01-PastelPink.png
new file mode 100644
index 0000000..681ddec
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/ShortHairDreads01-PastelPink.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/ShortHairDreads01-Pink.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/ShortHairDreads01-Pink.png
new file mode 100644
index 0000000..d575a92
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/ShortHairDreads01-Pink.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/ShortHairDreads01-Platinum.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/ShortHairDreads01-Platinum.png
new file mode 100644
index 0000000..4acb79c
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/ShortHairDreads01-Platinum.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/ShortHairDreads01-Red.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/ShortHairDreads01-Red.png
new file mode 100644
index 0000000..9eed495
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/ShortHairDreads01-Red.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/ShortHairDreads01-SilverGray.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/ShortHairDreads01-SilverGray.png
new file mode 100644
index 0000000..9286e94
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/ShortHairDreads01-SilverGray.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/ShortHairDreads01.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/ShortHairDreads01.png
new file mode 100644
index 0000000..ab4c69b
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/ShortHairDreads01.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/ShortHairDreads02-Auburn.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/ShortHairDreads02-Auburn.png
new file mode 100644
index 0000000..b94ceca
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/ShortHairDreads02-Auburn.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/ShortHairDreads02-Black.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/ShortHairDreads02-Black.png
new file mode 100644
index 0000000..41ee30c
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/ShortHairDreads02-Black.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/ShortHairDreads02-Blonde.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/ShortHairDreads02-Blonde.png
new file mode 100644
index 0000000..f015bae
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/ShortHairDreads02-Blonde.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/ShortHairDreads02-BlondeGolden.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/ShortHairDreads02-BlondeGolden.png
new file mode 100644
index 0000000..8738d5e
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/ShortHairDreads02-BlondeGolden.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/ShortHairDreads02-Brown.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/ShortHairDreads02-Brown.png
new file mode 100644
index 0000000..19844cf
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/ShortHairDreads02-Brown.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/ShortHairDreads02-PastelPink.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/ShortHairDreads02-PastelPink.png
new file mode 100644
index 0000000..9f844de
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/ShortHairDreads02-PastelPink.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/ShortHairDreads02-Pink.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/ShortHairDreads02-Pink.png
new file mode 100644
index 0000000..f3cee30
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/ShortHairDreads02-Pink.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/ShortHairDreads02-Platinum.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/ShortHairDreads02-Platinum.png
new file mode 100644
index 0000000..20e0a55
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/ShortHairDreads02-Platinum.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/ShortHairDreads02-Red.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/ShortHairDreads02-Red.png
new file mode 100644
index 0000000..de5556b
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/ShortHairDreads02-Red.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/ShortHairDreads02-SilverGray.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/ShortHairDreads02-SilverGray.png
new file mode 100644
index 0000000..8423dd1
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/ShortHairDreads02-SilverGray.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/ShortHairDreads02.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/ShortHairDreads02.png
new file mode 100644
index 0000000..dfce1c1
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/ShortHairDreads02.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/ShortHairFrizzle-Auburn.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/ShortHairFrizzle-Auburn.png
new file mode 100644
index 0000000..2d17050
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/ShortHairFrizzle-Auburn.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/ShortHairFrizzle-Black.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/ShortHairFrizzle-Black.png
new file mode 100644
index 0000000..76bdce1
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/ShortHairFrizzle-Black.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/ShortHairFrizzle-Blonde.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/ShortHairFrizzle-Blonde.png
new file mode 100644
index 0000000..f6eb2ef
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/ShortHairFrizzle-Blonde.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/ShortHairFrizzle-BlondeGolden.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/ShortHairFrizzle-BlondeGolden.png
new file mode 100644
index 0000000..7798aa3
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/ShortHairFrizzle-BlondeGolden.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/ShortHairFrizzle-Brown.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/ShortHairFrizzle-Brown.png
new file mode 100644
index 0000000..66aac0b
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/ShortHairFrizzle-Brown.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/ShortHairFrizzle-PastelPink.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/ShortHairFrizzle-PastelPink.png
new file mode 100644
index 0000000..8b86671
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/ShortHairFrizzle-PastelPink.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/ShortHairFrizzle-Pink.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/ShortHairFrizzle-Pink.png
new file mode 100644
index 0000000..24cafe1
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/ShortHairFrizzle-Pink.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/ShortHairFrizzle-Platinum.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/ShortHairFrizzle-Platinum.png
new file mode 100644
index 0000000..497b911
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/ShortHairFrizzle-Platinum.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/ShortHairFrizzle-Red.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/ShortHairFrizzle-Red.png
new file mode 100644
index 0000000..da85640
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/ShortHairFrizzle-Red.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/ShortHairFrizzle-SilverGray.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/ShortHairFrizzle-SilverGray.png
new file mode 100644
index 0000000..3ecc78f
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/ShortHairFrizzle-SilverGray.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/ShortHairFrizzle.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/ShortHairFrizzle.png
new file mode 100644
index 0000000..602a178
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/ShortHairFrizzle.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/ShortHairShaggyMullet-Auburn.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/ShortHairShaggyMullet-Auburn.png
new file mode 100644
index 0000000..b544fac
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/ShortHairShaggyMullet-Auburn.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/ShortHairShaggyMullet-Black.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/ShortHairShaggyMullet-Black.png
new file mode 100644
index 0000000..780a689
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/ShortHairShaggyMullet-Black.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/ShortHairShaggyMullet-Blonde.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/ShortHairShaggyMullet-Blonde.png
new file mode 100644
index 0000000..7da9a4b
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/ShortHairShaggyMullet-Blonde.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/ShortHairShaggyMullet-BlondeGolden.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/ShortHairShaggyMullet-BlondeGolden.png
new file mode 100644
index 0000000..a16365d
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/ShortHairShaggyMullet-BlondeGolden.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/ShortHairShaggyMullet-Brown.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/ShortHairShaggyMullet-Brown.png
new file mode 100644
index 0000000..e7ba88d
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/ShortHairShaggyMullet-Brown.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/ShortHairShaggyMullet-PastelPink.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/ShortHairShaggyMullet-PastelPink.png
new file mode 100644
index 0000000..79e68fa
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/ShortHairShaggyMullet-PastelPink.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/ShortHairShaggyMullet-Pink.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/ShortHairShaggyMullet-Pink.png
new file mode 100644
index 0000000..0f5ac8d
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/ShortHairShaggyMullet-Pink.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/ShortHairShaggyMullet-Platinum.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/ShortHairShaggyMullet-Platinum.png
new file mode 100644
index 0000000..95e4511
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/ShortHairShaggyMullet-Platinum.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/ShortHairShaggyMullet-Red.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/ShortHairShaggyMullet-Red.png
new file mode 100644
index 0000000..674682c
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/ShortHairShaggyMullet-Red.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/ShortHairShaggyMullet-SilverGray.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/ShortHairShaggyMullet-SilverGray.png
new file mode 100644
index 0000000..8b12875
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/ShortHairShaggyMullet-SilverGray.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/ShortHairShaggyMullet.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/ShortHairShaggyMullet.png
new file mode 100644
index 0000000..4c4560f
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/ShortHairShaggyMullet.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/ShortHairShortCurly-Auburn.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/ShortHairShortCurly-Auburn.png
new file mode 100644
index 0000000..5922210
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/ShortHairShortCurly-Auburn.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/ShortHairShortCurly-Black.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/ShortHairShortCurly-Black.png
new file mode 100644
index 0000000..44cd15d
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/ShortHairShortCurly-Black.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/ShortHairShortCurly-Blonde.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/ShortHairShortCurly-Blonde.png
new file mode 100644
index 0000000..c728a1c
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/ShortHairShortCurly-Blonde.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/ShortHairShortCurly-BlondeGolden.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/ShortHairShortCurly-BlondeGolden.png
new file mode 100644
index 0000000..f2e22c8
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/ShortHairShortCurly-BlondeGolden.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/ShortHairShortCurly-Brown.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/ShortHairShortCurly-Brown.png
new file mode 100644
index 0000000..25b2de7
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/ShortHairShortCurly-Brown.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/ShortHairShortCurly-PastelPink.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/ShortHairShortCurly-PastelPink.png
new file mode 100644
index 0000000..e6cfe7b
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/ShortHairShortCurly-PastelPink.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/ShortHairShortCurly-Pink.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/ShortHairShortCurly-Pink.png
new file mode 100644
index 0000000..48d6d98
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/ShortHairShortCurly-Pink.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/ShortHairShortCurly-Platinum.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/ShortHairShortCurly-Platinum.png
new file mode 100644
index 0000000..71f76d0
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/ShortHairShortCurly-Platinum.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/ShortHairShortCurly-Red.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/ShortHairShortCurly-Red.png
new file mode 100644
index 0000000..a6e40bf
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/ShortHairShortCurly-Red.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/ShortHairShortCurly-SilverGray.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/ShortHairShortCurly-SilverGray.png
new file mode 100644
index 0000000..dfbc505
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/ShortHairShortCurly-SilverGray.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/ShortHairShortCurly.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/ShortHairShortCurly.png
new file mode 100644
index 0000000..8384179
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/ShortHairShortCurly.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/ShortHairShortFlat-Auburn.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/ShortHairShortFlat-Auburn.png
new file mode 100644
index 0000000..6da1623
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/ShortHairShortFlat-Auburn.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/ShortHairShortFlat-Black.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/ShortHairShortFlat-Black.png
new file mode 100644
index 0000000..137be63
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/ShortHairShortFlat-Black.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/ShortHairShortFlat-Blonde.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/ShortHairShortFlat-Blonde.png
new file mode 100644
index 0000000..4ac561f
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/ShortHairShortFlat-Blonde.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/ShortHairShortFlat-BlondeGolden.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/ShortHairShortFlat-BlondeGolden.png
new file mode 100644
index 0000000..92f55be
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/ShortHairShortFlat-BlondeGolden.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/ShortHairShortFlat-Brown.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/ShortHairShortFlat-Brown.png
new file mode 100644
index 0000000..c966cf4
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/ShortHairShortFlat-Brown.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/ShortHairShortFlat-PastelPink.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/ShortHairShortFlat-PastelPink.png
new file mode 100644
index 0000000..c42b681
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/ShortHairShortFlat-PastelPink.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/ShortHairShortFlat-Pink.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/ShortHairShortFlat-Pink.png
new file mode 100644
index 0000000..e39ac45
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/ShortHairShortFlat-Pink.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/ShortHairShortFlat-Platinum.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/ShortHairShortFlat-Platinum.png
new file mode 100644
index 0000000..bc3faa5
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/ShortHairShortFlat-Platinum.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/ShortHairShortFlat-Red.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/ShortHairShortFlat-Red.png
new file mode 100644
index 0000000..88676ca
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/ShortHairShortFlat-Red.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/ShortHairShortFlat-SilverGray.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/ShortHairShortFlat-SilverGray.png
new file mode 100644
index 0000000..5173415
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/ShortHairShortFlat-SilverGray.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/ShortHairShortFlat.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/ShortHairShortFlat.png
new file mode 100644
index 0000000..9bd792d
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/ShortHairShortFlat.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/ShortHairShortRound-Auburn.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/ShortHairShortRound-Auburn.png
new file mode 100644
index 0000000..e44c796
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/ShortHairShortRound-Auburn.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/ShortHairShortRound-Black.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/ShortHairShortRound-Black.png
new file mode 100644
index 0000000..f2e4447
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/ShortHairShortRound-Black.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/ShortHairShortRound-Blonde.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/ShortHairShortRound-Blonde.png
new file mode 100644
index 0000000..9c7c1bc
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/ShortHairShortRound-Blonde.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/ShortHairShortRound-BlondeGolden.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/ShortHairShortRound-BlondeGolden.png
new file mode 100644
index 0000000..e7a1e78
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/ShortHairShortRound-BlondeGolden.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/ShortHairShortRound-Brown.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/ShortHairShortRound-Brown.png
new file mode 100644
index 0000000..8480f6b
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/ShortHairShortRound-Brown.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/ShortHairShortRound-PastelPink.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/ShortHairShortRound-PastelPink.png
new file mode 100644
index 0000000..8e98caa
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/ShortHairShortRound-PastelPink.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/ShortHairShortRound-Pink.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/ShortHairShortRound-Pink.png
new file mode 100644
index 0000000..7d54b3d
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/ShortHairShortRound-Pink.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/ShortHairShortRound-Platinum.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/ShortHairShortRound-Platinum.png
new file mode 100644
index 0000000..0a44b26
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/ShortHairShortRound-Platinum.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/ShortHairShortRound-Red.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/ShortHairShortRound-Red.png
new file mode 100644
index 0000000..24a7d42
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/ShortHairShortRound-Red.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/ShortHairShortRound-SilverGray.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/ShortHairShortRound-SilverGray.png
new file mode 100644
index 0000000..c8ab40f
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/ShortHairShortRound-SilverGray.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/ShortHairShortRound.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/ShortHairShortRound.png
new file mode 100644
index 0000000..ea1350e
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/ShortHairShortRound.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/ShortHairShortWaved-Auburn.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/ShortHairShortWaved-Auburn.png
new file mode 100644
index 0000000..516791e
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/ShortHairShortWaved-Auburn.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/ShortHairShortWaved-Black.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/ShortHairShortWaved-Black.png
new file mode 100644
index 0000000..65a686c
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/ShortHairShortWaved-Black.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/ShortHairShortWaved-Blonde.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/ShortHairShortWaved-Blonde.png
new file mode 100644
index 0000000..5968f8b
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/ShortHairShortWaved-Blonde.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/ShortHairShortWaved-BlondeGolden.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/ShortHairShortWaved-BlondeGolden.png
new file mode 100644
index 0000000..0e27473
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/ShortHairShortWaved-BlondeGolden.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/ShortHairShortWaved-Brown.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/ShortHairShortWaved-Brown.png
new file mode 100644
index 0000000..856ca4d
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/ShortHairShortWaved-Brown.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/ShortHairShortWaved-PastelPink.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/ShortHairShortWaved-PastelPink.png
new file mode 100644
index 0000000..eff01e4
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/ShortHairShortWaved-PastelPink.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/ShortHairShortWaved-Pink.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/ShortHairShortWaved-Pink.png
new file mode 100644
index 0000000..9075fee
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/ShortHairShortWaved-Pink.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/ShortHairShortWaved-Platinum.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/ShortHairShortWaved-Platinum.png
new file mode 100644
index 0000000..1423249
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/ShortHairShortWaved-Platinum.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/ShortHairShortWaved-Red.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/ShortHairShortWaved-Red.png
new file mode 100644
index 0000000..efb3ef8
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/ShortHairShortWaved-Red.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/ShortHairShortWaved-SilverGray.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/ShortHairShortWaved-SilverGray.png
new file mode 100644
index 0000000..3fda7a0
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/ShortHairShortWaved-SilverGray.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/ShortHairShortWaved.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/ShortHairShortWaved.png
new file mode 100644
index 0000000..671da3a
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/ShortHairShortWaved.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/ShortHairSides-Auburn.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/ShortHairSides-Auburn.png
new file mode 100644
index 0000000..ba6074c
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/ShortHairSides-Auburn.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/ShortHairSides-Black.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/ShortHairSides-Black.png
new file mode 100644
index 0000000..63cfb84
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/ShortHairSides-Black.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/ShortHairSides-Blonde.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/ShortHairSides-Blonde.png
new file mode 100644
index 0000000..2c5cfee
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/ShortHairSides-Blonde.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/ShortHairSides-BlondeGolden.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/ShortHairSides-BlondeGolden.png
new file mode 100644
index 0000000..85ade21
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/ShortHairSides-BlondeGolden.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/ShortHairSides-Brown.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/ShortHairSides-Brown.png
new file mode 100644
index 0000000..f880ac6
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/ShortHairSides-Brown.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/ShortHairSides-PastelPink.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/ShortHairSides-PastelPink.png
new file mode 100644
index 0000000..73d3506
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/ShortHairSides-PastelPink.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/ShortHairSides-Pink.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/ShortHairSides-Pink.png
new file mode 100644
index 0000000..e3d7de1
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/ShortHairSides-Pink.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/ShortHairSides-Platinum.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/ShortHairSides-Platinum.png
new file mode 100644
index 0000000..4981db5
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/ShortHairSides-Platinum.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/ShortHairSides-Red.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/ShortHairSides-Red.png
new file mode 100644
index 0000000..8cb6551
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/ShortHairSides-Red.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/ShortHairSides-SilverGray.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/ShortHairSides-SilverGray.png
new file mode 100644
index 0000000..7852445
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/ShortHairSides-SilverGray.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/ShortHairSides.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/ShortHairSides.png
new file mode 100644
index 0000000..b0051c8
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/ShortHairSides.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/ShortHairTheCaesar-Auburn.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/ShortHairTheCaesar-Auburn.png
new file mode 100644
index 0000000..4563d60
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/ShortHairTheCaesar-Auburn.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/ShortHairTheCaesar-Black.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/ShortHairTheCaesar-Black.png
new file mode 100644
index 0000000..a3279dd
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/ShortHairTheCaesar-Black.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/ShortHairTheCaesar-Blonde.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/ShortHairTheCaesar-Blonde.png
new file mode 100644
index 0000000..a3efc96
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/ShortHairTheCaesar-Blonde.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/ShortHairTheCaesar-BlondeGolden.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/ShortHairTheCaesar-BlondeGolden.png
new file mode 100644
index 0000000..28beb2e
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/ShortHairTheCaesar-BlondeGolden.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/ShortHairTheCaesar-Brown.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/ShortHairTheCaesar-Brown.png
new file mode 100644
index 0000000..a2d77d2
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/ShortHairTheCaesar-Brown.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/ShortHairTheCaesar-PastelPink.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/ShortHairTheCaesar-PastelPink.png
new file mode 100644
index 0000000..9d7dd46
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/ShortHairTheCaesar-PastelPink.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/ShortHairTheCaesar-Pink.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/ShortHairTheCaesar-Pink.png
new file mode 100644
index 0000000..d00b36f
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/ShortHairTheCaesar-Pink.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/ShortHairTheCaesar-Platinum.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/ShortHairTheCaesar-Platinum.png
new file mode 100644
index 0000000..066bb38
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/ShortHairTheCaesar-Platinum.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/ShortHairTheCaesar-Red.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/ShortHairTheCaesar-Red.png
new file mode 100644
index 0000000..0675b0f
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/ShortHairTheCaesar-Red.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/ShortHairTheCaesar-SilverGray.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/ShortHairTheCaesar-SilverGray.png
new file mode 100644
index 0000000..0be4d52
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/ShortHairTheCaesar-SilverGray.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/ShortHairTheCaesar.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/ShortHairTheCaesar.png
new file mode 100644
index 0000000..2c54f05
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/ShortHairTheCaesar.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/ShortHairTheCaesarSidePart-Auburn.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/ShortHairTheCaesarSidePart-Auburn.png
new file mode 100644
index 0000000..e253424
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/ShortHairTheCaesarSidePart-Auburn.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/ShortHairTheCaesarSidePart-Black.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/ShortHairTheCaesarSidePart-Black.png
new file mode 100644
index 0000000..640e688
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/ShortHairTheCaesarSidePart-Black.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/ShortHairTheCaesarSidePart-Blonde.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/ShortHairTheCaesarSidePart-Blonde.png
new file mode 100644
index 0000000..de2522e
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/ShortHairTheCaesarSidePart-Blonde.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/ShortHairTheCaesarSidePart-BlondeGolden.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/ShortHairTheCaesarSidePart-BlondeGolden.png
new file mode 100644
index 0000000..7da4189
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/ShortHairTheCaesarSidePart-BlondeGolden.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/ShortHairTheCaesarSidePart-Brown.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/ShortHairTheCaesarSidePart-Brown.png
new file mode 100644
index 0000000..c93413b
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/ShortHairTheCaesarSidePart-Brown.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/ShortHairTheCaesarSidePart-PastelPink.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/ShortHairTheCaesarSidePart-PastelPink.png
new file mode 100644
index 0000000..1b5e5d4
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/ShortHairTheCaesarSidePart-PastelPink.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/ShortHairTheCaesarSidePart-Pink.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/ShortHairTheCaesarSidePart-Pink.png
new file mode 100644
index 0000000..7c85ac5
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/ShortHairTheCaesarSidePart-Pink.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/ShortHairTheCaesarSidePart-Platinum.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/ShortHairTheCaesarSidePart-Platinum.png
new file mode 100644
index 0000000..29f05e3
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/ShortHairTheCaesarSidePart-Platinum.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/ShortHairTheCaesarSidePart-Red.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/ShortHairTheCaesarSidePart-Red.png
new file mode 100644
index 0000000..f95beca
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/ShortHairTheCaesarSidePart-Red.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/ShortHairTheCaesarSidePart-SilverGray.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/ShortHairTheCaesarSidePart-SilverGray.png
new file mode 100644
index 0000000..a47ee87
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/ShortHairTheCaesarSidePart-SilverGray.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/ShortHairTheCaesarSidePart.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/ShortHairTheCaesarSidePart.png
new file mode 100644
index 0000000..1399bd7
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/ShortHairTheCaesarSidePart.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/Turban-Black.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/Turban-Black.png
new file mode 100644
index 0000000..c895dd2
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/Turban-Black.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/Turban-Blue01.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/Turban-Blue01.png
new file mode 100644
index 0000000..d564d4e
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/Turban-Blue01.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/Turban-Blue02.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/Turban-Blue02.png
new file mode 100644
index 0000000..b81f350
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/Turban-Blue02.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/Turban-Brown.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/Turban-Brown.png
new file mode 100644
index 0000000..0af194d
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/Turban-Brown.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/Turban-Gray01.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/Turban-Gray01.png
new file mode 100644
index 0000000..b8333b4
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/Turban-Gray01.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/Turban-Gray02.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/Turban-Gray02.png
new file mode 100644
index 0000000..c03c8d4
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/Turban-Gray02.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/Turban-Heather.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/Turban-Heather.png
new file mode 100644
index 0000000..37437e2
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/Turban-Heather.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/Turban-PastelBlue.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/Turban-PastelBlue.png
new file mode 100644
index 0000000..eee825a
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/Turban-PastelBlue.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/Turban-PastelGreen.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/Turban-PastelGreen.png
new file mode 100644
index 0000000..689499a
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/Turban-PastelGreen.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/Turban-PastelOrange.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/Turban-PastelOrange.png
new file mode 100644
index 0000000..ea09f38
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/Turban-PastelOrange.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/Turban-PastelRed.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/Turban-PastelRed.png
new file mode 100644
index 0000000..56a4916
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/Turban-PastelRed.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/Turban-PastelYellow.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/Turban-PastelYellow.png
new file mode 100644
index 0000000..892b8a2
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/Turban-PastelYellow.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/Turban-Pink.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/Turban-Pink.png
new file mode 100644
index 0000000..8844707
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/Turban-Pink.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/Turban-Red.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/Turban-Red.png
new file mode 100644
index 0000000..1ed39b8
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/Turban-Red.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/Turban-White.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/Turban-White.png
new file mode 100644
index 0000000..a45a50a
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/Turban-White.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/Turban.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/Turban.png
new file mode 100644
index 0000000..7439644
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/Turban.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/WinterHat1-Black.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/WinterHat1-Black.png
new file mode 100644
index 0000000..0637bde
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/WinterHat1-Black.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/WinterHat1-Blue01.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/WinterHat1-Blue01.png
new file mode 100644
index 0000000..46be589
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/WinterHat1-Blue01.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/WinterHat1-Blue02.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/WinterHat1-Blue02.png
new file mode 100644
index 0000000..a32da25
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/WinterHat1-Blue02.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/WinterHat1-Blue03.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/WinterHat1-Blue03.png
new file mode 100644
index 0000000..95df392
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/WinterHat1-Blue03.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/WinterHat1-Brown.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/WinterHat1-Brown.png
new file mode 100644
index 0000000..d3ea024
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/WinterHat1-Brown.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/WinterHat1-Gray01.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/WinterHat1-Gray01.png
new file mode 100644
index 0000000..5459e8f
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/WinterHat1-Gray01.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/WinterHat1-Gray02.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/WinterHat1-Gray02.png
new file mode 100644
index 0000000..8d15904
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/WinterHat1-Gray02.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/WinterHat1-Heather.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/WinterHat1-Heather.png
new file mode 100644
index 0000000..d5906cf
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/WinterHat1-Heather.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/WinterHat1-PastelBlue.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/WinterHat1-PastelBlue.png
new file mode 100644
index 0000000..19369ed
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/WinterHat1-PastelBlue.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/WinterHat1-PastelGreen.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/WinterHat1-PastelGreen.png
new file mode 100644
index 0000000..88fc27a
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/WinterHat1-PastelGreen.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/WinterHat1-PastelOrange.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/WinterHat1-PastelOrange.png
new file mode 100644
index 0000000..ef125e0
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/WinterHat1-PastelOrange.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/WinterHat1-PastelRed.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/WinterHat1-PastelRed.png
new file mode 100644
index 0000000..f5617d9
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/WinterHat1-PastelRed.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/WinterHat1-PastelYellow.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/WinterHat1-PastelYellow.png
new file mode 100644
index 0000000..25b19c9
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/WinterHat1-PastelYellow.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/WinterHat1-Pink.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/WinterHat1-Pink.png
new file mode 100644
index 0000000..43cf5dd
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/WinterHat1-Pink.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/WinterHat1-White.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/WinterHat1-White.png
new file mode 100644
index 0000000..90c125e
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/WinterHat1-White.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/WinterHat1.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/WinterHat1.png
new file mode 100644
index 0000000..abe7d77
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/WinterHat1.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/WinterHat2-Black.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/WinterHat2-Black.png
new file mode 100644
index 0000000..de1f093
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/WinterHat2-Black.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/WinterHat2-Blue02.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/WinterHat2-Blue02.png
new file mode 100644
index 0000000..a0bd8f9
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/WinterHat2-Blue02.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/WinterHat2-Blue03.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/WinterHat2-Blue03.png
new file mode 100644
index 0000000..4211b4d
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/WinterHat2-Blue03.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/WinterHat2-Brown.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/WinterHat2-Brown.png
new file mode 100644
index 0000000..a96b554
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/WinterHat2-Brown.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/WinterHat2-Gray01.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/WinterHat2-Gray01.png
new file mode 100644
index 0000000..7dd0350
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/WinterHat2-Gray01.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/WinterHat2-Gray02.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/WinterHat2-Gray02.png
new file mode 100644
index 0000000..681303b
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/WinterHat2-Gray02.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/WinterHat2-Heather.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/WinterHat2-Heather.png
new file mode 100644
index 0000000..56e5947
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/WinterHat2-Heather.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/WinterHat2-PastelBlue.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/WinterHat2-PastelBlue.png
new file mode 100644
index 0000000..fb44aaa
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/WinterHat2-PastelBlue.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/WinterHat2-PastelGreen.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/WinterHat2-PastelGreen.png
new file mode 100644
index 0000000..7317f9b
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/WinterHat2-PastelGreen.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/WinterHat2-PastelOrange.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/WinterHat2-PastelOrange.png
new file mode 100644
index 0000000..674b34b
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/WinterHat2-PastelOrange.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/WinterHat2-PastelRed.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/WinterHat2-PastelRed.png
new file mode 100644
index 0000000..9470bbe
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/WinterHat2-PastelRed.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/WinterHat2-PastelYellow.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/WinterHat2-PastelYellow.png
new file mode 100644
index 0000000..3495e61
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/WinterHat2-PastelYellow.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/WinterHat2-Pink.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/WinterHat2-Pink.png
new file mode 100644
index 0000000..cbaa528
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/WinterHat2-Pink.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/WinterHat2-Red.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/WinterHat2-Red.png
new file mode 100644
index 0000000..b5edb2d
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/WinterHat2-Red.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/WinterHat2-White.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/WinterHat2-White.png
new file mode 100644
index 0000000..72fe59b
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/WinterHat2-White.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/WinterHat2.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/WinterHat2.png
new file mode 100644
index 0000000..bef24a4
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/WinterHat2.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/WinterHat3-Black.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/WinterHat3-Black.png
new file mode 100644
index 0000000..168ef2d
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/WinterHat3-Black.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/WinterHat3-Blue01.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/WinterHat3-Blue01.png
new file mode 100644
index 0000000..7545c52
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/WinterHat3-Blue01.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/WinterHat3-Blue02.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/WinterHat3-Blue02.png
new file mode 100644
index 0000000..8edcf11
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/WinterHat3-Blue02.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/WinterHat3-Blue03.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/WinterHat3-Blue03.png
new file mode 100644
index 0000000..d663254
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/WinterHat3-Blue03.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/WinterHat3-Brown.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/WinterHat3-Brown.png
new file mode 100644
index 0000000..45227f8
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/WinterHat3-Brown.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/WinterHat3-Gray01.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/WinterHat3-Gray01.png
new file mode 100644
index 0000000..dcbe9f6
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/WinterHat3-Gray01.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/WinterHat3-Gray02.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/WinterHat3-Gray02.png
new file mode 100644
index 0000000..1bc88f8
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/WinterHat3-Gray02.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/WinterHat3-Heather.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/WinterHat3-Heather.png
new file mode 100644
index 0000000..7227053
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/WinterHat3-Heather.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/WinterHat3-PastelBlue.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/WinterHat3-PastelBlue.png
new file mode 100644
index 0000000..d9e3a39
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/WinterHat3-PastelBlue.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/WinterHat3-PastelGreen.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/WinterHat3-PastelGreen.png
new file mode 100644
index 0000000..01415cd
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/WinterHat3-PastelGreen.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/WinterHat3-PastelOrange.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/WinterHat3-PastelOrange.png
new file mode 100644
index 0000000..7b58e9d
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/WinterHat3-PastelOrange.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/WinterHat3-PastelRed.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/WinterHat3-PastelRed.png
new file mode 100644
index 0000000..0d0840d
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/WinterHat3-PastelRed.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/WinterHat3-PastelYellow.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/WinterHat3-PastelYellow.png
new file mode 100644
index 0000000..56a23b2
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/WinterHat3-PastelYellow.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/WinterHat3-Pink.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/WinterHat3-Pink.png
new file mode 100644
index 0000000..1e54de2
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/WinterHat3-Pink.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/WinterHat3-White.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/WinterHat3-White.png
new file mode 100644
index 0000000..5c5edf8
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/WinterHat3-White.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/WinterHat3.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/WinterHat3.png
new file mode 100644
index 0000000..0320db4
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/WinterHat3.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/WinterHat4-Black.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/WinterHat4-Black.png
new file mode 100644
index 0000000..f7628c3
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/WinterHat4-Black.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/WinterHat4-Blue01.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/WinterHat4-Blue01.png
new file mode 100644
index 0000000..e3c3beb
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/WinterHat4-Blue01.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/WinterHat4-Blue02.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/WinterHat4-Blue02.png
new file mode 100644
index 0000000..45a984f
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/WinterHat4-Blue02.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/WinterHat4-Blue03.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/WinterHat4-Blue03.png
new file mode 100644
index 0000000..c532383
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/WinterHat4-Blue03.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/WinterHat4-Brown.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/WinterHat4-Brown.png
new file mode 100644
index 0000000..707c128
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/WinterHat4-Brown.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/WinterHat4-Gray01.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/WinterHat4-Gray01.png
new file mode 100644
index 0000000..a04acce
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/WinterHat4-Gray01.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/WinterHat4-Gray02.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/WinterHat4-Gray02.png
new file mode 100644
index 0000000..3988097
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/WinterHat4-Gray02.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/WinterHat4-Heather.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/WinterHat4-Heather.png
new file mode 100644
index 0000000..a00300f
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/WinterHat4-Heather.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/WinterHat4-PastelBlue.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/WinterHat4-PastelBlue.png
new file mode 100644
index 0000000..9e1d5b4
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/WinterHat4-PastelBlue.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/WinterHat4-PastelGreen.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/WinterHat4-PastelGreen.png
new file mode 100644
index 0000000..2ced512
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/WinterHat4-PastelGreen.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/WinterHat4-PastelOrange.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/WinterHat4-PastelOrange.png
new file mode 100644
index 0000000..5ad5a8d
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/WinterHat4-PastelOrange.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/WinterHat4-PastelRed.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/WinterHat4-PastelRed.png
new file mode 100644
index 0000000..330b789
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/WinterHat4-PastelRed.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/WinterHat4-PastelYellow.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/WinterHat4-PastelYellow.png
new file mode 100644
index 0000000..4cf7ca1
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/WinterHat4-PastelYellow.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/WinterHat4-Pink.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/WinterHat4-Pink.png
new file mode 100644
index 0000000..467132c
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/WinterHat4-Pink.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/WinterHat4-White.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/WinterHat4-White.png
new file mode 100644
index 0000000..9705916
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/WinterHat4-White.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/WinterHat4.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/WinterHat4.png
new file mode 100644
index 0000000..b9d5b3a
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/006-Top/WinterHat4.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/007-Accessories/Blank.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/007-Accessories/Blank.png
new file mode 100644
index 0000000..b8333fc
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/007-Accessories/Blank.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/007-Accessories/Kurt-Black.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/007-Accessories/Kurt-Black.png
new file mode 100644
index 0000000..203a511
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/007-Accessories/Kurt-Black.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/007-Accessories/Kurt-Brown.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/007-Accessories/Kurt-Brown.png
new file mode 100644
index 0000000..0a8d406
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/007-Accessories/Kurt-Brown.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/007-Accessories/Kurt-White.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/007-Accessories/Kurt-White.png
new file mode 100644
index 0000000..75a4a7c
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/007-Accessories/Kurt-White.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/007-Accessories/Kurt.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/007-Accessories/Kurt.png
new file mode 100644
index 0000000..64d4180
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/007-Accessories/Kurt.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/007-Accessories/Prescription01-Black.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/007-Accessories/Prescription01-Black.png
new file mode 100644
index 0000000..fc2b75b
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/007-Accessories/Prescription01-Black.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/007-Accessories/Prescription01-Brown.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/007-Accessories/Prescription01-Brown.png
new file mode 100644
index 0000000..67de08d
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/007-Accessories/Prescription01-Brown.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/007-Accessories/Prescription01-White.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/007-Accessories/Prescription01-White.png
new file mode 100644
index 0000000..45b4d14
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/007-Accessories/Prescription01-White.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/007-Accessories/Prescription01.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/007-Accessories/Prescription01.png
new file mode 100644
index 0000000..8a5edeb
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/007-Accessories/Prescription01.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/007-Accessories/Prescription02-Black.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/007-Accessories/Prescription02-Black.png
new file mode 100644
index 0000000..99750d6
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/007-Accessories/Prescription02-Black.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/007-Accessories/Prescription02-Brown.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/007-Accessories/Prescription02-Brown.png
new file mode 100644
index 0000000..1cf7be3
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/007-Accessories/Prescription02-Brown.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/007-Accessories/Prescription02-White.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/007-Accessories/Prescription02-White.png
new file mode 100644
index 0000000..004954f
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/007-Accessories/Prescription02-White.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/007-Accessories/Prescription02.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/007-Accessories/Prescription02.png
new file mode 100644
index 0000000..11f7bc3
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/007-Accessories/Prescription02.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/007-Accessories/Round-Black.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/007-Accessories/Round-Black.png
new file mode 100644
index 0000000..2709561
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/007-Accessories/Round-Black.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/007-Accessories/Round-Brown.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/007-Accessories/Round-Brown.png
new file mode 100644
index 0000000..30ff476
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/007-Accessories/Round-Brown.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/007-Accessories/Round-White.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/007-Accessories/Round-White.png
new file mode 100644
index 0000000..259117f
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/007-Accessories/Round-White.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/007-Accessories/Round.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/007-Accessories/Round.png
new file mode 100644
index 0000000..81dc141
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/007-Accessories/Round.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/007-Accessories/Sunglasses.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/007-Accessories/Sunglasses.png
new file mode 100644
index 0000000..e2e34a7
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/007-Accessories/Sunglasses.png differ
diff --git a/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/007-Accessories/Wayfarers.png b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/007-Accessories/Wayfarers.png
new file mode 100644
index 0000000..dba68ba
Binary files /dev/null and b/packages/react-components/src/IdentityIcon/RoboHash/sets/set5/007-Accessories/Wayfarers.png differ
diff --git a/packages/react-components/src/IdentityIcon/index.tsx b/packages/react-components/src/IdentityIcon/index.tsx
new file mode 100644
index 0000000..8755618
--- /dev/null
+++ b/packages/react-components/src/IdentityIcon/index.tsx
@@ -0,0 +1,79 @@
+// Copyright 2017-2022 @polkadot/react-components authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { IdentityProps } from '@polkadot/react-identicon/types';
+import type { AccountId, AccountIndex, Address } from '@polkadot/types/interfaces';
+
+import React, { useCallback, useContext } from 'react';
+import styled from 'styled-components';
+
+import { getSystemIcon } from '@polkadot/apps-config';
+import { ThemeProps } from '@polkadot/react-components/types';
+import { useApi } from '@polkadot/react-hooks';
+import BaseIdentityIcon from '@polkadot/react-identicon';
+import { settings } from '@polkadot/ui-settings';
+
+import StatusContext from '../Status/Context';
+import { useTranslation } from '../translate';
+import RoboHash from './RoboHash';
+
+interface Props {
+  className?: string;
+  prefix?: IdentityProps['prefix'];
+  size?: number;
+  theme?: IdentityProps['theme'] | 'robohash';
+  value?: AccountId | AccountIndex | Address | string | Uint8Array | null;
+}
+
+export function getIdentityTheme (systemName: string, specName: string): 'substrate' {
+  return ((settings.icon === 'default' && getSystemIcon(systemName, specName)) || settings.icon) as 'substrate';
+}
+
+function isCodec (value?: AccountId | AccountIndex | Address | string | Uint8Array | null): value is AccountId | AccountIndex | Address {
+  return !!(value && (value as AccountId).toHuman);
+}
+
+function IdentityIcon ({ className = '', prefix, size = 24, theme, value }: Props): React.ReactElement<Props> {
+  const { isEthereum, specName, systemName } = useApi();
+  const { t } = useTranslation();
+  const { queueAction } = useContext(StatusContext);
+  const thisTheme = theme || getIdentityTheme(systemName, specName);
+  const Custom = thisTheme === 'robohash'
+    ? RoboHash
+    : undefined;
+
+  const _onCopy = useCallback(
+    (account: string) => queueAction({
+      account,
+      action: t('clipboard'),
+      message: t('address copied'),
+      status: 'queued'
+    }),
+    [queueAction, t]
+  );
+
+  return (
+    <BaseIdentityIcon
+      Custom={Custom}
+      className={className}
+      onCopy={_onCopy}
+      prefix={prefix}
+      size={size}
+      theme={isEthereum ? 'ethereum' : thisTheme as 'substrate'}
+      value={isCodec(value) ? value.toString() : value}
+    />
+  );
+}
+
+export default React.memo(styled(IdentityIcon)(({ theme }: ThemeProps) => `
+  ${theme.theme === 'dark'
+    ? `circle:first-child {
+      fill: #282829;
+    }`
+    : ''}
+
+  border: 1px solid ${theme.theme === 'dark' ? 'transparent' : '#ddd'};
+  border-radius: 50%;
+  display: inline-block;
+  overflow: hidden;
+`));
diff --git a/packages/react-components/src/InfoForInput.tsx b/packages/react-components/src/InfoForInput.tsx
new file mode 100644
index 0000000..90e3f77
--- /dev/null
+++ b/packages/react-components/src/InfoForInput.tsx
@@ -0,0 +1,42 @@
+// Copyright 2017-2022 @polkadot/react-components authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import React from 'react';
+import styled from 'styled-components';
+
+import Labelled from './Labelled';
+
+interface Props {
+  children: React.ReactNode;
+  className?: string;
+  type?: 'error' | 'info' | 'warning';
+}
+
+function InfoForInput ({ children, className = '', type = 'info' }: Props): React.ReactElement<Props> {
+  return (
+    <Labelled>
+      <div className={`${className} ${type}`}>{children}</div>
+    </Labelled>
+  );
+}
+
+export default React.memo(styled(InfoForInput)`
+  background: white;
+  border-radius: 0 0 0.25rem 0.25rem;
+  margin: -0.5rem 0 0.25rem;
+  padding: 1.25rem 1.5rem 1rem;
+
+  &.error {
+    background: #db2828;
+    color: #eee;
+  }
+
+  &.warning {
+    background: #ffffe0;
+  }
+
+  > ul {
+    margin: 0;
+    padding: 0;
+  }
+`);
diff --git a/packages/react-components/src/Input.tsx b/packages/react-components/src/Input.tsx
new file mode 100644
index 0000000..d6b081a
--- /dev/null
+++ b/packages/react-components/src/Input.tsx
@@ -0,0 +1,222 @@
+// Copyright 2017-2022 @polkadot/react-components authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import React, { useCallback, useState } from 'react';
+import { Input as SUIInput } from 'semantic-ui-react';
+
+import { isFunction, isUndefined } from '@polkadot/util';
+
+import Labelled from './Labelled';
+
+type Input$Type = 'number' | 'password' | 'text';
+
+interface Props {
+  autoFocus?: boolean;
+  children?: React.ReactNode;
+  className?: string;
+  defaultValue?: string | null;
+  help?: React.ReactNode;
+  icon?: React.ReactNode;
+  inputClassName?: string;
+  isAction?: boolean;
+  isDisabled?: boolean;
+  isDisabledError?: boolean;
+  isEditable?: boolean;
+  isError?: boolean;
+  isFull?: boolean;
+  isHidden?: boolean;
+  isInPlaceEditor?: boolean;
+  isReadOnly?: boolean;
+  isSmall?: boolean;
+  isWarning?: boolean;
+  label?: React.ReactNode;
+  labelExtra?: React.ReactNode;
+  max?: number;
+  maxLength?: number;
+  min?: number;
+  name?: string;
+  onEnter?: boolean | (() => void);
+  onEscape?: () => void;
+  onChange?: (value: string) => void;
+  onBlur?: () => void;
+  onKeyDown?: (event: React.KeyboardEvent<Element>) => void;
+  onKeyUp?: (event: React.KeyboardEvent<Element>) => void;
+  onKeyPress?: (event: React.KeyboardEvent<Element>) => void;
+  onPaste?: (event: React.ClipboardEvent<Element>) => void;
+  placeholder?: string;
+  tabIndex?: number;
+  type?: Input$Type;
+  value?: string | null;
+  withLabel?: boolean;
+  withEllipsis?: boolean;
+}
+
+// // Find decimal separator used in current locale
+// const getDecimalSeparator = (): string => 1.1
+//   .toLocaleString()
+//   .replace(/\d/g, '');
+
+// note: KeyboardEvent.keyCode and KeyboardEvent.which are deprecated
+const KEYS = {
+  A: 'a',
+  ALT: 'Alt',
+  ARROW_LEFT: 'ArrowLeft',
+  ARROW_RIGHT: 'ArrowRight',
+  BACKSPACE: 'Backspace',
+  C: 'c',
+  CMD: 'Meta',
+  CTRL: 'Control',
+  // DECIMAL: getDecimalSeparator(),
+  ENTER: 'Enter',
+  ESCAPE: 'Escape',
+  TAB: 'Tab',
+  V: 'v',
+  X: 'x',
+  ZERO: '0'
+};
+
+const KEYS_PRE: unknown[] = [KEYS.ALT, KEYS.CMD, KEYS.CTRL];
+
+// reference: degrade key to keyCode for cross-browser compatibility https://www.w3schools.com/jsref/event_key_keycode.asp
+const isCopy = (key: string, isPreKeyDown: boolean): boolean =>
+  isPreKeyDown && key === KEYS.C;
+
+const isCut = (key: string, isPreKeyDown: boolean): boolean =>
+  isPreKeyDown && key === KEYS.X;
+
+const isPaste = (key: string, isPreKeyDown: boolean): boolean =>
+  isPreKeyDown && key === KEYS.V;
+
+const isSelectAll = (key: string, isPreKeyDown: boolean): boolean =>
+  isPreKeyDown && key === KEYS.A;
+
+let counter = 0;
+
+function Input ({ autoFocus = false, children, className, defaultValue, help, icon, inputClassName, isAction = false, isDisabled = false, isDisabledError = false, isEditable = false, isError = false, isFull = false, isHidden = false, isInPlaceEditor = false, isReadOnly = false, isWarning = false, label, labelExtra, max, maxLength, min, name, onBlur, onChange, onEnter, onEscape, onKeyDown, onKeyUp, onPaste, placeholder, tabIndex, type = 'text', value, withEllipsis, withLabel }: Props): React.ReactElement<Props> {
+  const [stateName] = useState(() => `in_${counter++}_at_${Date.now()}`);
+
+  const _onBlur = useCallback(
+    () => onBlur && onBlur(),
+    [onBlur]
+  );
+
+  const _onChange = useCallback(
+    ({ target }: React.SyntheticEvent<HTMLInputElement>): void =>
+      onChange && onChange((target as HTMLInputElement).value),
+    [onChange]
+  );
+
+  const _onKeyDown = useCallback(
+    (event: React.KeyboardEvent<HTMLInputElement>): void =>
+      onKeyDown && onKeyDown(event),
+    [onKeyDown]
+  );
+
+  const _onKeyUp = useCallback(
+    (event: React.KeyboardEvent<HTMLInputElement>): void => {
+      onKeyUp && onKeyUp(event);
+
+      if (onEnter && event.keyCode === 13) {
+        (event.target as HTMLInputElement).blur();
+        isFunction(onEnter) && onEnter();
+      }
+
+      if (onEscape && event.keyCode === 27) {
+        (event.target as HTMLInputElement).blur();
+        onEscape();
+      }
+    },
+    [onEnter, onEscape, onKeyUp]
+  );
+
+  const _onPaste = useCallback(
+    (event: React.ClipboardEvent<HTMLInputElement>): void =>
+      onPaste && onPaste(event),
+    [onPaste]
+  );
+
+  return (
+    <Labelled
+      className={className}
+      help={help}
+      isFull={isFull}
+      label={label}
+      labelExtra={labelExtra}
+      withEllipsis={withEllipsis}
+      withLabel={withLabel}
+    >
+      <SUIInput
+        action={isAction}
+        autoFocus={autoFocus}
+        className={[
+          isEditable
+            ? 'ui--Input edit icon'
+            : 'ui--Input',
+          isInPlaceEditor
+            ? 'inPlaceEditor'
+            : '',
+          inputClassName || '',
+          isWarning && !isError
+            ? 'isWarning'
+            : ''
+        ].join(' ')}
+        defaultValue={
+          isUndefined(value)
+            ? (defaultValue || '')
+            : undefined
+        }
+        disabled={isDisabled}
+        error={(!isDisabled && isError) || isDisabledError}
+        hidden={isHidden}
+        iconPosition={
+          isUndefined(icon)
+            ? undefined
+            : 'left'
+        }
+        id={name}
+        max={max}
+        maxLength={maxLength}
+        min={min}
+        name={name || stateName}
+        onBlur={_onBlur}
+        onChange={_onChange}
+        onKeyDown={_onKeyDown}
+        onKeyUp={_onKeyUp}
+        placeholder={placeholder}
+        readOnly={isReadOnly}
+        tabIndex={tabIndex}
+        type={type}
+        value={value}
+      >
+        <input
+          autoCapitalize='off'
+          autoComplete={
+            type === 'password'
+              ? 'new-password'
+              : 'off'
+          }
+          autoCorrect='off'
+          data-testid={label}
+          onPaste={_onPaste}
+          spellCheck={false}
+        />
+        {isEditable && (
+          <i className='edit icon' />
+        )}
+        {icon}
+        {children}
+      </SUIInput>
+    </Labelled>
+  );
+}
+
+export default React.memo(Input);
+
+export {
+  isCopy,
+  isCut,
+  isPaste,
+  isSelectAll,
+  KEYS,
+  KEYS_PRE
+};
diff --git a/packages/react-components/src/InputAddress/KeyPair.tsx b/packages/react-components/src/InputAddress/KeyPair.tsx
new file mode 100644
index 0000000..0e56bc5
--- /dev/null
+++ b/packages/react-components/src/InputAddress/KeyPair.tsx
@@ -0,0 +1,70 @@
+// Copyright 2017-2022 @polkadot/react-components authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import React from 'react';
+import styled from 'styled-components';
+
+import AccountName from '../AccountName';
+import IdentityIcon from '../IdentityIcon';
+
+interface Props {
+  address: string;
+  className?: string;
+  isUppercase: boolean;
+  name: string;
+  style?: Record<string, string>;
+}
+
+function KeyPair ({ address, className = '' }: Props): React.ReactElement<Props> {
+  return (
+    <div className={`ui--KeyPair ${className}`}>
+      <IdentityIcon
+        className='icon'
+        value={address}
+      />
+      <div className='name'>
+        <AccountName value={address} />
+      </div>
+      <div className='address'>
+        {address}
+      </div>
+    </div>
+  );
+}
+
+export default React.memo(styled(KeyPair)`
+  display: flex;
+  flex-wrap: nowrap;
+  justify-content: space-between;
+  position: relative;
+  white-space: nowrap;
+
+  > .address {
+    display: inline-block;
+    flex: 1;
+    font: var(--font-mono);
+    margin-left: 1rem;
+    opacity: 0.5;
+    overflow: hidden;
+    text-align: right;
+    text-overflow: ellipsis;
+  }
+
+  > .icon {
+    position: absolute;
+    top: -5px;
+    left: 0;
+  }
+
+  > .name {
+    display: inline-block;
+    flex: 1 0;
+    margin-left: 3rem;
+    overflow: hidden;
+    text-overflow: ellipsis;
+
+    &.uppercase {
+      text-transform: uppercase;
+    }
+  }
+`);
diff --git a/packages/react-components/src/InputAddress/createHeader.tsx b/packages/react-components/src/InputAddress/createHeader.tsx
new file mode 100644
index 0000000..83bce77
--- /dev/null
+++ b/packages/react-components/src/InputAddress/createHeader.tsx
@@ -0,0 +1,17 @@
+// Copyright 2017-2022 @polkadot/react-components authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { KeyringSectionOption } from '@polkadot/ui-keyring/options/types';
+
+import React from 'react';
+
+import Dropdown from '../Dropdown';
+
+export default function createHeader (option: KeyringSectionOption): React.ReactNode {
+  return (
+    <Dropdown.Header
+      content={option.name}
+      key={option.key || option.name}
+    />
+  );
+}
diff --git a/packages/react-components/src/InputAddress/createItem.tsx b/packages/react-components/src/InputAddress/createItem.tsx
new file mode 100644
index 0000000..beeee44
--- /dev/null
+++ b/packages/react-components/src/InputAddress/createItem.tsx
@@ -0,0 +1,22 @@
+// Copyright 2017-2022 @polkadot/react-components authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { KeyringSectionOption } from '@polkadot/ui-keyring/options/types';
+import type { Option } from './types';
+
+import React from 'react';
+
+import KeyPair from './KeyPair';
+
+export default function createItem (option: KeyringSectionOption, isUppercase = true): Option {
+  return {
+    ...option,
+    text: (
+      <KeyPair
+        address={option.key || ''}
+        isUppercase={isUppercase}
+        name={name}
+      />
+    )
+  };
+}
diff --git a/packages/react-components/src/InputAddress/index.tsx b/packages/react-components/src/InputAddress/index.tsx
new file mode 100644
index 0000000..5e60836
--- /dev/null
+++ b/packages/react-components/src/InputAddress/index.tsx
@@ -0,0 +1,369 @@
+// Copyright 2017-2022 @polkadot/react-components authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { KeyringOption$Type, KeyringOptions, KeyringSectionOption, KeyringSectionOptions } from '@polkadot/ui-keyring/options/types';
+import type { Option } from './types';
+
+import React from 'react';
+import store from 'store';
+import styled from 'styled-components';
+
+import { withMulti, withObservable } from '@polkadot/react-api/hoc';
+import { keyring } from '@polkadot/ui-keyring';
+import { createOptionItem } from '@polkadot/ui-keyring/options/item';
+import { isNull, isUndefined } from '@polkadot/util';
+
+import Dropdown from '../Dropdown';
+import Static from '../Static';
+import { getAddressName, toAddress } from '../util';
+import createHeader from './createHeader';
+import createItem from './createItem';
+
+interface Props {
+  className?: string;
+  defaultValue?: Uint8Array | string | null;
+  filter?: string[] | null;
+  help?: React.ReactNode;
+  hideAddress?: boolean;
+  isDisabled?: boolean;
+  isError?: boolean;
+  isInput?: boolean;
+  isMultiple?: boolean;
+  label?: React.ReactNode;
+  labelExtra?: React.ReactNode;
+  onChange?: (value: string | null) => void;
+  onChangeMulti?: (value: string[]) => void;
+  options?: KeyringSectionOption[];
+  optionsAll?: Record<string, Option[]>;
+  placeholder?: string;
+  type?: KeyringOption$Type;
+  value?: string | Uint8Array | string[] | null;
+  withEllipsis?: boolean;
+  withLabel?: boolean;
+}
+
+type ExportedType = React.ComponentType<Props> & {
+  createOption: (option: KeyringSectionOption, isUppercase?: boolean) => Option;
+  setLastValue: (type: KeyringOption$Type, value: string) => void;
+};
+
+interface State {
+  lastValue?: string;
+  value?: string | string[];
+}
+
+const STORAGE_KEY = 'options:InputAddress';
+const DEFAULT_TYPE = 'all';
+const MULTI_DEFAULT: string[] = [];
+
+function transformToAddress (value?: string | Uint8Array | null): string | null {
+  try {
+    return toAddress(value) || null;
+  } catch (error) {
+    // noop, handled by return
+  }
+
+  return null;
+}
+
+function transformToAccountId (value: string): string | null {
+  if (!value) {
+    return null;
+  }
+
+  const accountId = transformToAddress(value);
+
+  return !accountId
+    ? null
+    : accountId;
+}
+
+function createOption (address: string): Option {
+  let isRecent: boolean | undefined;
+  const pair = keyring.getAccount(address);
+  let name: string | undefined;
+
+  if (pair) {
+    name = pair.meta.name;
+  } else {
+    const addr = keyring.getAddress(address);
+
+    if (addr) {
+      name = addr.meta.name;
+      isRecent = addr.meta.isRecent;
+    } else {
+      isRecent = true;
+    }
+  }
+
+  return createItem(createOptionItem(address, name), !isRecent);
+}
+
+function readOptions (): Record<string, Record<string, string>> {
+  return store.get(STORAGE_KEY) as Record<string, Record<string, string>> || { defaults: {} };
+}
+
+function getLastValue (type: KeyringOption$Type = DEFAULT_TYPE): string {
+  const options = readOptions();
+
+  return options.defaults[type];
+}
+
+function setLastValue (type: KeyringOption$Type = DEFAULT_TYPE, value: string): void {
+  const options = readOptions();
+
+  options.defaults[type] = value;
+  store.set(STORAGE_KEY, options);
+}
+
+function dedupe (options: Option[]): Option[] {
+  return options.reduce<Option[]>((all, o, index) => {
+    const hasDupe = all.some(({ key }, eindex) =>
+      eindex !== index &&
+      key === o.key
+    );
+
+    if (!hasDupe) {
+      all.push(o);
+    }
+
+    return all;
+  }, []);
+}
+
+class InputAddress extends React.PureComponent<Props, State> {
+  public override state: State = {};
+
+  public static getDerivedStateFromProps ({ type, value }: Props, { lastValue }: State): Pick<State, never> | null {
+    try {
+      return {
+        lastValue: lastValue || getLastValue(type),
+        value: Array.isArray(value)
+          ? value.map((v) => toAddress(v))
+          : (toAddress(value) || undefined)
+      };
+    } catch (error) {
+      return null;
+    }
+  }
+
+  public override render (): React.ReactNode {
+    const { className = '', defaultValue, help, hideAddress = false, isDisabled = false, isError, isMultiple, label, labelExtra, options, optionsAll, placeholder, type = DEFAULT_TYPE, withEllipsis, withLabel } = this.props;
+    const hasOptions = (options && options.length !== 0) || (optionsAll && Object.keys(optionsAll[type]).length !== 0);
+
+    // the options could be delayed, don't render without
+    if (!hasOptions && !isDisabled) {
+      // This is nasty, but since this things is non-functional, there is not much
+      // we can do (well, wrap it, however that approach is deprecated here)
+      return (
+        <Static
+          className={className}
+          help={help}
+          label={label}
+        >
+          No accounts are available for selection.
+        </Static>
+      );
+    }
+
+    const { lastValue, value } = this.state;
+    const lastOption = this.getLastOptionValue();
+    const actualValue = transformToAddress(
+      isDisabled || (defaultValue && this.hasValue(defaultValue))
+        ? defaultValue
+        : this.hasValue(lastValue)
+          ? lastValue
+          : (lastOption && lastOption.value)
+    );
+    const actualOptions: Option[] = options
+      ? dedupe(options.map((o) => createItem(o)))
+      : isDisabled && actualValue
+        ? [createOption(actualValue)]
+        : this.getFiltered();
+    const _defaultValue = (isMultiple || !isUndefined(value))
+      ? undefined
+      : actualValue;
+
+    return (
+      <Dropdown
+        className={`ui--InputAddress${hideAddress ? ' hideAddress' : ''} ${className}`}
+        defaultValue={_defaultValue}
+        help={help}
+        isDisabled={isDisabled}
+        isError={isError}
+        isMultiple={isMultiple}
+        label={label}
+        labelExtra={labelExtra}
+        onChange={
+          isMultiple
+            ? this.onChangeMulti
+            : this.onChange
+        }
+        onSearch={this.onSearch}
+        options={actualOptions}
+        placeholder={placeholder}
+        renderLabel={
+          isMultiple
+            ? this.renderLabel
+            : undefined
+        }
+        value={
+          isMultiple && !value
+            ? MULTI_DEFAULT
+            : value
+        }
+        withEllipsis={withEllipsis}
+        withLabel={withLabel}
+      />
+    );
+  }
+
+  private renderLabel = ({ value }: KeyringSectionOption): React.ReactNode => {
+    if (!value) {
+      return undefined;
+    }
+
+    return getAddressName(value);
+  };
+
+  private getLastOptionValue (): KeyringSectionOption | undefined {
+    const available = this.getFiltered();
+
+    return available.length
+      ? available[available.length - 1]
+      : undefined;
+  }
+
+  private hasValue (test?: Uint8Array | string | null): boolean {
+    const address = test && test.toString();
+
+    return this.getFiltered().some(({ value }) => value === address);
+  }
+
+  private getFiltered (): Option[] {
+    const { filter, optionsAll, type = DEFAULT_TYPE } = this.props;
+
+    return !optionsAll
+      ? []
+      : dedupe(optionsAll[type]).filter(({ value }) => !filter || (!!value && filter.includes(value)));
+  }
+
+  private onChange = (address: string): void => {
+    const { filter, onChange, type } = this.props;
+
+    !filter && setLastValue(type, address);
+
+    onChange && onChange(
+      this.hasValue(address)
+        ? transformToAccountId(address)
+        : null
+    );
+  };
+
+  private onChangeMulti = (addresses: string[]): void => {
+    const { onChangeMulti } = this.props;
+
+    if (onChangeMulti) {
+      onChangeMulti(
+        addresses
+          .map(transformToAccountId)
+          .filter((address) => address as string) as string[]
+      );
+    }
+  };
+
+  private onSearch = (filteredOptions: KeyringSectionOptions, _query: string): KeyringSectionOptions => {
+    const { isInput = true } = this.props;
+    const query = _query.trim();
+    const queryLower = query.toLowerCase();
+    const matches = filteredOptions.filter((item): boolean =>
+      !!item.value && (
+        (item.name.toLowerCase && item.name.toLowerCase().includes(queryLower)) ||
+        item.value.toLowerCase().includes(queryLower)
+      )
+    );
+
+    if (isInput && matches.length === 0) {
+      const accountId = transformToAccountId(query);
+
+      if (accountId) {
+        matches.push(
+          keyring.saveRecent(
+            accountId.toString()
+          ).option
+        );
+      }
+    }
+
+    return matches.filter((item, index): boolean => {
+      const isLast = index === matches.length - 1;
+      const nextItem = matches[index + 1];
+      const hasNext = nextItem && nextItem.value;
+
+      return !(isNull(item.value) || isUndefined(item.value)) || (!isLast && !!hasNext);
+    });
+  };
+}
+
+const ExportedComponent = withMulti(
+  styled(InputAddress)`
+    .ui.dropdown .text {
+      width: 100%;
+    }
+
+    .ui.disabled.search {
+      pointer-events: all;
+    }
+
+    .ui.search.selection.dropdown {
+      > .text > .ui--KeyPair {
+        .ui--IdentityIcon {
+          left: -2.75rem;
+          top: -1.05rem;
+
+          > div,
+          img,
+          svg {
+            height: 32px !important;
+            width: 32px !important;
+          }
+        }
+
+        .name {
+          margin-left: 0;
+
+          > .ui--AccountName {
+            height: auto;
+          }
+        }
+      }
+
+      > .menu > div.item > .ui--KeyPair > .name  > .ui--AccountName {
+        height: auto;
+      }
+    }
+
+    &.hideAddress .ui.search.selection.dropdown > .text > .ui--KeyPair .address {
+      flex: 0;
+      max-width: 0;
+    }
+  `,
+  withObservable(keyring.keyringOption.optionsSubject, {
+    propName: 'optionsAll',
+    transform: (optionsAll: KeyringOptions): Record<string, (Option | React.ReactNode)[]> =>
+      Object.entries(optionsAll).reduce((result: Record<string, (Option | React.ReactNode)[]>, [type, options]): Record<string, (Option | React.ReactNode)[]> => {
+        result[type] = options.map((option): Option | React.ReactNode =>
+          option.value === null
+            ? createHeader(option)
+            : createItem(option)
+        );
+
+        return result;
+      }, {})
+  })
+) as ExportedType;
+
+ExportedComponent.createOption = createItem;
+ExportedComponent.setLastValue = setLastValue;
+
+export default ExportedComponent;
diff --git a/packages/react-components/src/InputAddress/types.ts b/packages/react-components/src/InputAddress/types.ts
new file mode 100644
index 0000000..0c67c6a
--- /dev/null
+++ b/packages/react-components/src/InputAddress/types.ts
@@ -0,0 +1,33 @@
+// Copyright 2017-2022 @polkadot/react-components authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { KeyringOption$Type, KeyringSectionOption } from '@polkadot/ui-keyring/options/types';
+
+import React from 'react';
+
+export interface Option extends KeyringSectionOption {
+  className?: string;
+  text: React.ReactNode;
+}
+
+export interface InputAddressProps {
+  className?: string;
+  defaultValue?: Uint8Array | string | null;
+  help?: React.ReactNode;
+  hideAddress?: boolean;
+  isDisabled?: boolean;
+  isError?: boolean;
+  isInput?: boolean;
+  isMultiple?: boolean;
+  label?: React.ReactNode;
+  labelExtra?: React.ReactNode;
+  onChange?: (value: string | null) => void;
+  onChangeMulti?: (value: string[]) => void;
+  options?: KeyringSectionOption[];
+  optionsAll?: Record<string, Option[]>;
+  placeholder?: string;
+  type?: KeyringOption$Type;
+  value?: string | Uint8Array | string[] | null;
+  withEllipsis?: boolean;
+  withLabel?: boolean;
+}
diff --git a/packages/react-components/src/InputAddressMulti/Available.tsx b/packages/react-components/src/InputAddressMulti/Available.tsx
new file mode 100644
index 0000000..f7a3d54
--- /dev/null
+++ b/packages/react-components/src/InputAddressMulti/Available.tsx
@@ -0,0 +1,35 @@
+// Copyright 2017-2022 @polkadot/react-components authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import React, { useCallback } from 'react';
+
+import AddressToggle from '../AddressToggle';
+
+interface Props {
+  address: string;
+  filter: string;
+  isHidden?: boolean;
+  onSelect: (address: string) => void;
+}
+
+function Available ({ address, filter, isHidden, onSelect }: Props): React.ReactElement<Props> | null {
+  const _onSelect = useCallback(
+    () => onSelect(address),
+    [address, onSelect]
+  );
+
+  if (isHidden) {
+    return null;
+  }
+
+  return (
+    <AddressToggle
+      address={address}
+      filter={filter}
+      noToggle
+      onChange={_onSelect}
+    />
+  );
+}
+
+export default React.memo(Available);
diff --git a/packages/react-components/src/InputAddressMulti/Selected.tsx b/packages/react-components/src/InputAddressMulti/Selected.tsx
new file mode 100644
index 0000000..d68b789
--- /dev/null
+++ b/packages/react-components/src/InputAddressMulti/Selected.tsx
@@ -0,0 +1,35 @@
+// Copyright 2017-2022 @polkadot/react-components authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import React, { useCallback } from 'react';
+
+import AddressToggle from '../AddressToggle';
+
+interface Props {
+  address: string;
+  filter?: string;
+  isHidden?: boolean;
+  onDeselect: (address: string) => void;
+}
+
+function Selected ({ address, filter, isHidden, onDeselect }: Props): React.ReactElement<Props> | null {
+  const _onDeselect = useCallback(
+    (): void => onDeselect(address),
+    [address, onDeselect]
+  );
+
+  if (isHidden) {
+    return null;
+  }
+
+  return (
+    <AddressToggle
+      address={address}
+      filter={filter}
+      noToggle
+      onChange={_onDeselect}
+    />
+  );
+}
+
+export default React.memo(Selected);
diff --git a/packages/react-components/src/InputAddressMulti/SelectedDrag.tsx b/packages/react-components/src/InputAddressMulti/SelectedDrag.tsx
new file mode 100644
index 0000000..b940b43
--- /dev/null
+++ b/packages/react-components/src/InputAddressMulti/SelectedDrag.tsx
@@ -0,0 +1,51 @@
+// Copyright 2017-2022 @polkadot/react-components authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import React from 'react';
+import { Draggable, DraggableProvided, DraggableStateSnapshot } from 'react-beautiful-dnd';
+import ReactDOM from 'react-dom';
+
+import { PORTAL_ID } from '../../../apps/src/Apps';
+import AddressToggle from '../AddressToggle';
+
+interface Props {
+  address: string;
+  index: number;
+  onDeselect: (index: number) => void;
+}
+
+const portal = document.getElementById(PORTAL_ID) as Element;
+
+function Selected ({ address, index, onDeselect }: Props): React.ReactElement<Props> {
+  return (
+    <Draggable
+      draggableId={address}
+      index={index}
+      key={address}
+    >
+      {(provided: DraggableProvided, snapshot: DraggableStateSnapshot): React.ReactElement => {
+        const element = (
+          <div
+            // eslint-disable-next-line @typescript-eslint/unbound-method
+            ref={provided.innerRef}
+            {...provided.draggableProps}
+            {...provided.dragHandleProps}
+          >
+            <AddressToggle
+              address={address}
+              className={snapshot.isDragging ? 'isDragging' : ''}
+              noToggle
+              onChange={onDeselect}
+            />
+          </div>
+        );
+
+        return snapshot.isDragging
+          ? ReactDOM.createPortal(element, portal)
+          : element;
+      }}
+    </Draggable>
+  );
+}
+
+export default React.memo(Selected);
diff --git a/packages/react-components/src/InputAddressMulti/index.tsx b/packages/react-components/src/InputAddressMulti/index.tsx
new file mode 100644
index 0000000..a49a7b1
--- /dev/null
+++ b/packages/react-components/src/InputAddressMulti/index.tsx
@@ -0,0 +1,163 @@
+// Copyright 2017-2022 @polkadot/react-components authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import React, { useCallback, useEffect, useState } from 'react';
+import styled from 'styled-components';
+
+import { useDebounce, useLoadingDelay } from '@polkadot/react-hooks';
+
+import Input from '../Input';
+import Spinner from '../Spinner';
+import { useTranslation } from '../translate';
+import Available from './Available';
+import Selected from './Selected';
+
+interface Props {
+  available: string[];
+  availableLabel: React.ReactNode;
+  className?: string;
+  defaultValue?: string[];
+  help: React.ReactNode;
+  maxCount: number;
+  onChange: (values: string[]) => void;
+  valueLabel: React.ReactNode;
+}
+
+function exclude (prev: string[], address: string): string[] {
+  return prev.includes(address)
+    ? prev.filter((a) => a !== address)
+    : prev;
+}
+
+function include (prev: string[], address: string, maxCount: number): string[] {
+  return !prev.includes(address) && (prev.length < maxCount)
+    ? prev.concat(address)
+    : prev;
+}
+
+function InputAddressMulti ({ available, availableLabel, className = '', defaultValue, maxCount, onChange, valueLabel }: Props): React.ReactElement<Props> {
+  const { t } = useTranslation();
+  const [_filter, setFilter] = useState<string>('');
+  const [selected, setSelected] = useState<string[]>([]);
+  const filter = useDebounce(_filter);
+  const isLoading = useLoadingDelay();
+
+  useEffect((): void => {
+    defaultValue && setSelected(defaultValue);
+  }, [defaultValue]);
+
+  useEffect((): void => {
+    selected && onChange(selected);
+  }, [onChange, selected]);
+
+  const _onSelect = useCallback(
+    (address: string) => setSelected((prev) => include(prev, address, maxCount)),
+    [maxCount]
+  );
+
+  const _onDeselect = useCallback(
+    (address: string) => setSelected((prev) => exclude(prev, address)),
+    []
+  );
+
+  return (
+    <div className={`ui--InputAddressMulti ${className}`}>
+      <Input
+        autoFocus
+        className='ui--InputAddressMulti-Input'
+        isSmall
+        onChange={setFilter}
+        placeholder={t<string>('filter by name, address, or account index')}
+        value={_filter}
+        withLabel={false}
+      />
+      <div className='ui--InputAddressMulti-columns'>
+        <div className='ui--InputAddressMulti-column'>
+          <label>{valueLabel}</label>
+          <div className='ui--InputAddressMulti-items'>
+            {selected.map((address): React.ReactNode => (
+              <Selected
+                address={address}
+                key={address}
+                onDeselect={_onDeselect}
+              />
+            ))}
+          </div>
+        </div>
+        <div className='ui--InputAddressMulti-column'>
+          <label>{availableLabel}</label>
+          <div className='ui--InputAddressMulti-items'>
+            {isLoading
+              ? <Spinner />
+              : available.map((address) => (
+                <Available
+                  address={address}
+                  filter={filter}
+                  isHidden={selected?.includes(address)}
+                  key={address}
+                  onSelect={_onSelect}
+                />
+              ))
+            }
+          </div>
+        </div>
+      </div>
+    </div>
+  );
+}
+
+export default React.memo(styled(InputAddressMulti)`
+  border-top-width: 0px;
+  margin-left: 2rem;
+  width: calc(100% - 2rem);
+
+  .ui--InputAddressMulti-Input {
+    .ui.input {
+      margin-bottom: 0.25rem;
+      opacity: 1 !important;
+    }
+  }
+
+  .ui--InputAddressMulti-columns {
+    display: inline-flex;
+    flex-direction: row-reverse;
+    justify-content: space-between;
+    width: 100%;
+
+    .ui--InputAddressMulti-column {
+      display: flex;
+      flex-direction: column;
+      min-height: 15rem;
+      max-height: 15rem;
+      width: 50%;
+      padding: 0.25rem 0.5rem;
+
+      .ui--InputAddressMulti-items {
+        padding: 0.5rem 0;
+        background: var(--bg-input);
+        border: 1px solid var(--border-input);
+        border-radius: 0.286rem 0.286rem;
+        flex: 1;
+        overflow-y: auto;
+        overflow-x: hidden;
+
+        .ui--Spinner {
+          margin-top: 2rem;
+        }
+
+        .ui--AddressToggle {
+          padding-left: 0.75rem;
+        }
+
+        .ui--AddressMini-address {
+          min-width: auto;
+          max-width: 100%;
+        }
+
+        .ui--AddressMini-info {
+          max-width: 100%;
+        }
+      }
+    }
+  }
+`);
diff --git a/packages/react-components/src/InputAddressSimple.tsx b/packages/react-components/src/InputAddressSimple.tsx
new file mode 100644
index 0000000..820fc0a
--- /dev/null
+++ b/packages/react-components/src/InputAddressSimple.tsx
@@ -0,0 +1,74 @@
+// Copyright 2017-2022 @polkadot/react-components authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import React, { useCallback, useState } from 'react';
+import styled from 'styled-components';
+
+import IdentityIcon from './IdentityIcon';
+import Input from './Input';
+import { toAddress } from './util';
+
+interface Props {
+  autoFocus?: boolean;
+  children?: React.ReactNode;
+  className?: string;
+  defaultValue?: string | null;
+  help?: React.ReactNode;
+  isError?: boolean;
+  isFull?: boolean;
+  label?: React.ReactNode;
+  onChange?: (address: string | null) => void;
+  onEnter?: () => void;
+  onEscape?: () => void;
+}
+
+function InputAddressSimple ({ autoFocus, children, className = '', defaultValue, help, isError, isFull, label, onChange, onEnter, onEscape }: Props): React.ReactElement<Props> {
+  const [address, setAddress] = useState<string | null>(defaultValue || null);
+
+  const _onChange = useCallback(
+    (_address: string): void => {
+      const address = toAddress(_address) || null;
+
+      setAddress(address);
+
+      onChange && onChange(address);
+    },
+    [onChange]
+  );
+
+  return (
+    <div className={className}>
+      <Input
+        autoFocus={autoFocus}
+        defaultValue={defaultValue}
+        help={help}
+        isError={isError || !address}
+        isFull={isFull}
+        label={label}
+        onChange={_onChange}
+        onEnter={onEnter}
+        onEscape={onEscape}
+      >
+        {children}
+      </Input>
+      <IdentityIcon
+        className='ui--InputAddressSimpleIcon'
+        size={32}
+        value={address}
+      />
+    </div>
+  );
+}
+
+export default React.memo(styled(InputAddressSimple)`
+  position: relative;
+
+  .ui--InputAddressSimpleIcon {
+    background: #eee;
+    border: 1px solid #888;
+    border-radius: 50%;
+    left: 0.75rem;
+    position: absolute;
+    top: 1rem;
+  }
+`);
diff --git a/packages/react-components/src/InputBalance.tsx b/packages/react-components/src/InputBalance.tsx
new file mode 100644
index 0000000..5a801a8
--- /dev/null
+++ b/packages/react-components/src/InputBalance.tsx
@@ -0,0 +1,124 @@
+// Copyright 2017-2022 @polkadot/react-components authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { SiDef } from '@polkadot/util/types';
+import type { BitLength } from './types';
+
+import React, { useMemo } from 'react';
+import styled from 'styled-components';
+
+import { BitLengthOption } from '@polkadot/react-components/constants';
+import { BN, formatBalance, isUndefined } from '@polkadot/util';
+
+import InputNumber from './InputNumber';
+
+interface Props {
+  autoFocus?: boolean;
+  children?: React.ReactNode;
+  className?: string;
+  defaultValue?: BN | string;
+  help?: React.ReactNode;
+  isDisabled?: boolean;
+  isError?: boolean;
+  isFull?: boolean;
+  isWarning?: boolean;
+  isZeroable?: boolean;
+  label?: React.ReactNode;
+  labelExtra?: React.ReactNode;
+  maxValue?: BN;
+  onChange?: (value?: BN) => void;
+  onEnter?: () => void;
+  onEscape?: () => void;
+  placeholder?: string;
+  siDecimals?: number;
+  siSymbol?: string;
+  value?: BN;
+  withEllipsis?: boolean;
+  withLabel?: boolean;
+  withMax?: boolean;
+}
+
+const DEFAULT_BITLENGTH = BitLengthOption.CHAIN_SPEC as BitLength;
+
+function reformat (value?: string | BN, isDisabled?: boolean, siDecimals?: number): [string?, SiDef?] {
+  if (!value) {
+    return [];
+  }
+
+  const decimals = isUndefined(siDecimals)
+    ? formatBalance.getDefaults().decimals
+    : siDecimals;
+  const si = isDisabled
+    ? formatBalance.calcSi(value.toString(), decimals)
+    : formatBalance.findSi('-');
+
+  return [
+    formatBalance(value, { decimals, forceUnit: si.value, withSi: false }).replace(/,/g, isDisabled ? ',' : ''),
+    si
+  ];
+}
+
+function InputBalance ({ autoFocus, children, className = '', defaultValue: inDefault, help, isDisabled, isError, isFull, isWarning, isZeroable, label, labelExtra, maxValue, onChange, onEnter, onEscape, placeholder, siDecimals, siSymbol, value, withEllipsis, withLabel, withMax }: Props): React.ReactElement<Props> {
+  const [defaultValue, siDefault] = useMemo(
+    () => reformat(inDefault, isDisabled, siDecimals),
+    [inDefault, isDisabled, siDecimals]
+  );
+
+  return (
+    <InputNumber
+      autoFocus={autoFocus}
+      bitLength={DEFAULT_BITLENGTH}
+      className={`ui--InputBalance ${className}`}
+      defaultValue={defaultValue}
+      help={help}
+      isDisabled={isDisabled}
+      isError={isError}
+      isFull={isFull}
+      isSi
+      isWarning={isWarning}
+      isZeroable={isZeroable}
+      label={label}
+      labelExtra={labelExtra}
+      maxValue={maxValue}
+      onChange={onChange}
+      onEnter={onEnter}
+      onEscape={onEscape}
+      placeholder={placeholder}
+      siDecimals={siDecimals}
+      siDefault={siDefault}
+      siSymbol={siSymbol}
+      value={value}
+      withEllipsis={withEllipsis}
+      withLabel={withLabel}
+      withMax={withMax}
+    >
+      {children}
+    </InputNumber>
+  );
+}
+
+export default React.memo(styled(InputBalance)`
+  &&:not(.isSmall) .labelExtra {
+    right: 6.5rem;
+  }
+
+  .ui.action.input.ui--Input > .buttons {
+    align-items: stretch;
+
+    .ui--SiDropdown.ui.button.compact.floating.selection.dropdown {
+      &.disabled {
+        border-style: solid;
+        opacity: 1 !important;
+      }
+
+      > div.text:first-child {
+        font-size: 0.9em;
+        position: absolute;
+        top: 50%;
+        transform: translateY(-50%);
+        left: 0.5rem;
+        width: 3rem;
+      }
+    }
+  }
+`);
diff --git a/packages/react-components/src/InputConsts/SelectKey.tsx b/packages/react-components/src/InputConsts/SelectKey.tsx
new file mode 100644
index 0000000..14be684
--- /dev/null
+++ b/packages/react-components/src/InputConsts/SelectKey.tsx
@@ -0,0 +1,50 @@
+// Copyright 2017-2022 @polkadot/react-components authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { DropdownOptions } from '../util/types';
+import type { ConstValueBase } from './types';
+
+import React from 'react';
+
+import Dropdown from '../Dropdown';
+
+interface Props {
+  className?: string;
+  isError?: boolean;
+  onChange: (value: ConstValueBase) => void;
+  options: DropdownOptions;
+  value: ConstValueBase;
+}
+
+function transform ({ value }: Props): (method: string) => ConstValueBase {
+  return (method: string): ConstValueBase => {
+    const section = value.section;
+
+    return {
+      method,
+      section
+    };
+  };
+}
+
+function SelectKey (props: Props): React.ReactElement<Props> | null {
+  const { className = '', isError, onChange, options, value } = props;
+
+  if (!options.length) {
+    return null;
+  }
+
+  return (
+    <Dropdown
+      className={`ui--DropdownLinked-Items ${className}`}
+      isError={isError}
+      onChange={onChange}
+      options={options}
+      transform={transform(props)}
+      value={value.method}
+      withLabel={false}
+    />
+  );
+}
+
+export default React.memo(SelectKey);
diff --git a/packages/react-components/src/InputConsts/SelectSection.tsx b/packages/react-components/src/InputConsts/SelectSection.tsx
new file mode 100644
index 0000000..d5379ad
--- /dev/null
+++ b/packages/react-components/src/InputConsts/SelectSection.tsx
@@ -0,0 +1,34 @@
+// Copyright 2017-2022 @polkadot/react-components authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { DropdownOptions } from '../util/types';
+import type { ConstValueBase, StorageEntryPromise } from './types';
+
+import React from 'react';
+
+import Dropdown from '../Dropdown';
+
+interface Props {
+  className?: string;
+  defaultValue?: StorageEntryPromise;
+  isError?: boolean;
+  onChange: (value: string) => void;
+  options: DropdownOptions;
+  value: ConstValueBase;
+}
+
+function SelectSection ({ className = '', defaultValue, isError, onChange, options, value: { section } }: Props): React.ReactElement<Props> {
+  return (
+    <Dropdown
+      className={`ui--DropdownLinked-Sections ${className}`}
+      defaultValue={defaultValue}
+      isError={isError}
+      onChange={onChange}
+      options={options}
+      value={section}
+      withLabel={false}
+    />
+  );
+}
+
+export default React.memo(SelectSection);
diff --git a/packages/react-components/src/InputConsts/index.tsx b/packages/react-components/src/InputConsts/index.tsx
new file mode 100644
index 0000000..61e9c1f
--- /dev/null
+++ b/packages/react-components/src/InputConsts/index.tsx
@@ -0,0 +1,97 @@
+// Copyright 2017-2022 @polkadot/react-components authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { ConstantCodec } from '@polkadot/types/metadata/decorate/types';
+import type { DropdownOptions } from '../util/types';
+import type { ConstValue, ConstValueBase } from './types';
+
+import React, { useCallback, useState } from 'react';
+
+import { ApiPromise } from '@polkadot/api';
+import { useApi } from '@polkadot/react-hooks';
+
+import LinkedWrapper from '../InputExtrinsic/LinkedWrapper';
+import keyOptions from './options/key';
+import sectionOptions from './options/section';
+import SelectKey from './SelectKey';
+import SelectSection from './SelectSection';
+
+interface Props {
+  className?: string;
+  defaultValue: ConstValueBase;
+  help?: React.ReactNode;
+  isError?: boolean;
+  label: React.ReactNode;
+  onChange?: (value: ConstValue) => void;
+  withLabel?: boolean;
+}
+
+function getValue (api: ApiPromise, { method, section }: ConstValueBase): ConstValue {
+  const firstSec = Object.keys(api.consts)[0];
+  const firstMet = Object.keys(api.consts[firstSec])[0];
+  const value = (api.consts[section] && api.consts[section][method])
+    ? { method, section }
+    : { method: firstMet, section: firstSec };
+
+  return {
+    ...value,
+    meta: (api.consts[value.section][value.method] as ConstantCodec).meta
+  };
+}
+
+function InputConsts ({ className = '', defaultValue, help, label, onChange, withLabel }: Props): React.ReactElement<Props> {
+  const { api } = useApi();
+  const [optionsMethod, setOptionsMethod] = useState<DropdownOptions>(() => keyOptions(api, defaultValue.section));
+  const [optionsSection] = useState<DropdownOptions>(() => sectionOptions(api));
+  const [value, setValue] = useState<ConstValue>(() => getValue(api, defaultValue));
+
+  const _onKeyChange = useCallback(
+    (newValue: ConstValueBase): void => {
+      if (value.section !== newValue.section || value.method !== newValue.method) {
+        const { method, section } = newValue;
+        const meta = (api.consts[section][method] as ConstantCodec).meta;
+        const updated = { meta, method, section };
+
+        setValue(updated);
+        onChange && onChange(updated);
+      }
+    },
+    [api, onChange, value]
+  );
+
+  const _onSectionChange = useCallback(
+    (newSection: string): void => {
+      if (newSection !== value.section) {
+        const optionsMethod = keyOptions(api, newSection);
+
+        setOptionsMethod(optionsMethod);
+        _onKeyChange({ method: optionsMethod[0].value, section: newSection });
+      }
+    },
+    [_onKeyChange, api, value]
+  );
+
+  return (
+    <LinkedWrapper
+      className={className}
+      help={help}
+      label={label}
+      withLabel={withLabel}
+    >
+      <SelectSection
+        className='small'
+        onChange={_onSectionChange}
+        options={optionsSection}
+        value={value}
+      />
+      <SelectKey
+        className='large'
+        onChange={_onKeyChange}
+        options={optionsMethod}
+        value={value}
+      />
+    </LinkedWrapper>
+  );
+}
+
+export default React.memo(InputConsts);
diff --git a/packages/react-components/src/InputConsts/options/key.tsx b/packages/react-components/src/InputConsts/options/key.tsx
new file mode 100644
index 0000000..36e33e6
--- /dev/null
+++ b/packages/react-components/src/InputConsts/options/key.tsx
@@ -0,0 +1,45 @@
+// Copyright 2017-2022 @polkadot/react-components authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { ConstantCodec } from '@polkadot/types/metadata/decorate/types';
+import type { DropdownOption, DropdownOptions } from '../../util/types';
+
+import React from 'react';
+
+import { ApiPromise } from '@polkadot/api';
+import { getSiName } from '@polkadot/types/metadata/util';
+
+export default function createOptions (api: ApiPromise, sectionName: string): DropdownOptions {
+  const section = api.consts[sectionName];
+
+  if (!section || Object.keys(section).length === 0) {
+    return [];
+  }
+
+  return Object
+    .keys(section)
+    .sort()
+    .map((value): DropdownOption => {
+      const method = (section[value] as ConstantCodec);
+
+      return {
+        className: 'ui--DropdownLinked-Item',
+        key: `${sectionName}_${value}`,
+        text: [
+          <div
+            className='ui--DropdownLinked-Item-call'
+            key={`${sectionName}_${value}:call`}
+          >
+            {value}: {getSiName(api.registry.lookup, method.meta.type)}
+          </div>,
+          <div
+            className='ui--DropdownLinked-Item-text'
+            key={`${sectionName}_${value}:text`}
+          >
+            {(method.meta.docs[0] || method.meta.name).toString()}
+          </div>
+        ],
+        value
+      };
+    });
+}
diff --git a/packages/react-components/src/InputConsts/options/section.ts b/packages/react-components/src/InputConsts/options/section.ts
new file mode 100644
index 0000000..66ab17d
--- /dev/null
+++ b/packages/react-components/src/InputConsts/options/section.ts
@@ -0,0 +1,17 @@
+// Copyright 2017-2022 @polkadot/react-components authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { DropdownOptions } from '../../util/types';
+
+import { ApiPromise } from '@polkadot/api';
+
+export default function createOptions (api: ApiPromise): DropdownOptions {
+  return Object
+    .keys(api.consts)
+    .sort()
+    .filter((name): number => Object.keys(api.consts[name]).length)
+    .map((name): { text: string; value: string } => ({
+      text: name,
+      value: name
+    }));
+}
diff --git a/packages/react-components/src/InputConsts/types.ts b/packages/react-components/src/InputConsts/types.ts
new file mode 100644
index 0000000..f5e6bca
--- /dev/null
+++ b/packages/react-components/src/InputConsts/types.ts
@@ -0,0 +1,17 @@
+// Copyright 2017-2022 @polkadot/react-components authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { StorageEntryBase } from '@polkadot/api/types';
+import type { PalletConstantMetadataLatest } from '@polkadot/types/interfaces';
+import type { AnyTuple } from '@polkadot/types/types';
+
+export type StorageEntryPromise = StorageEntryBase<'promise', any, AnyTuple>;
+
+export interface ConstValueBase {
+  method: string;
+  section: string;
+}
+
+export interface ConstValue extends ConstValueBase {
+  meta: PalletConstantMetadataLatest;
+}
diff --git a/packages/react-components/src/InputExtrinsic/LinkedWrapper.tsx b/packages/react-components/src/InputExtrinsic/LinkedWrapper.tsx
new file mode 100644
index 0000000..377fe71
--- /dev/null
+++ b/packages/react-components/src/InputExtrinsic/LinkedWrapper.tsx
@@ -0,0 +1,70 @@
+// Copyright 2017-2022 @polkadot/react-components authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import React from 'react';
+import styled from 'styled-components';
+
+import Labelled from '../Labelled';
+
+interface Props {
+  children: React.ReactNode;
+  className?: string;
+  help?: React.ReactNode;
+  label: React.ReactNode;
+  withLabel?: boolean;
+}
+
+function LinkedWrapper ({ children, className = '', help, label, withLabel }: Props): React.ReactElement<Props> {
+  return (
+    <div className={className}>
+      <Labelled
+        help={help}
+        label={label}
+        withLabel={withLabel}
+      >
+        <div className='ui--DropdownLinked ui--row'>
+          {children}
+        </div>
+      </Labelled>
+    </div>
+  );
+}
+
+export default React.memo(styled(LinkedWrapper)`
+  .ui--DropdownLinked-Items {
+    .text {
+      box-sizing: border-box;
+      display: flex !important;
+      flex-wrap: nowrap;
+      justify-content: space-between;
+      overflow: hidden;
+      position: relative;
+      width: 100%;
+      white-space: nowrap;
+    }
+
+    > .text {
+      padding-left: 1em;
+    }
+  }
+
+  .ui--DropdownLinked-Item-text,
+  .ui--DropdownLinked-Item-call {
+    display: inline-block;
+  }
+
+  .ui--DropdownLinked-Item-call {
+    flex: 1 0;
+    margin-right: 1rem;
+    text-align: left;
+    text-overflow: ellipsis;
+  }
+
+  .ui--DropdownLinked-Item-text {
+    flex: 1;
+    opacity: 0.5;
+    overflow: hidden;
+    text-align: right;
+    text-overflow: ellipsis;
+  }
+`);
diff --git a/packages/react-components/src/InputExtrinsic/SelectMethod.tsx b/packages/react-components/src/InputExtrinsic/SelectMethod.tsx
new file mode 100644
index 0000000..53188b1
--- /dev/null
+++ b/packages/react-components/src/InputExtrinsic/SelectMethod.tsx
@@ -0,0 +1,50 @@
+// Copyright 2017-2022 @polkadot/react-components authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { SubmittableExtrinsicFunction } from '@polkadot/api/types';
+import type { DropdownOptions } from '../util/types';
+
+import React, { useCallback } from 'react';
+
+import { ApiPromise } from '@polkadot/api';
+
+import Dropdown from '../Dropdown';
+
+interface Props {
+  api: ApiPromise;
+  className?: string;
+  defaultValue?: string;
+  isDisabled?: boolean;
+  isError?: boolean;
+  onChange?: (value: SubmittableExtrinsicFunction<'promise'>) => void;
+  options: DropdownOptions;
+  value: SubmittableExtrinsicFunction<'promise'>;
+}
+
+function SelectMethod ({ api, className = '', defaultValue, isDisabled, isError, onChange, options, value }: Props): React.ReactElement<Props> | null {
+  const transform = useCallback(
+    (method: string): SubmittableExtrinsicFunction<'promise'> =>
+      api.tx[value.section][method],
+    [api, value]
+  );
+
+  if (!options.length) {
+    return null;
+  }
+
+  return (
+    <Dropdown
+      className={`ui--DropdownLinked-Items ${className}`}
+      defaultValue={defaultValue}
+      isDisabled={isDisabled}
+      isError={isError}
+      onChange={onChange}
+      options={options}
+      transform={transform}
+      value={value.method}
+      withLabel={false}
+    />
+  );
+}
+
+export default React.memo(SelectMethod);
diff --git a/packages/react-components/src/InputExtrinsic/SelectSection.tsx b/packages/react-components/src/InputExtrinsic/SelectSection.tsx
new file mode 100644
index 0000000..0f8cd12
--- /dev/null
+++ b/packages/react-components/src/InputExtrinsic/SelectSection.tsx
@@ -0,0 +1,36 @@
+// Copyright 2017-2022 @polkadot/react-components authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { SubmittableExtrinsicFunction } from '@polkadot/api/types';
+import type { DropdownOptions } from '../util/types';
+
+import React from 'react';
+
+import Dropdown from '../Dropdown';
+
+interface Props {
+  className?: string;
+  defaultValue?: string;
+  isDisabled?: boolean;
+  isError?: boolean;
+  onChange?: (value: string) => void;
+  options: DropdownOptions;
+  value: SubmittableExtrinsicFunction<'promise'>;
+}
+
+function SelectSection ({ className = '', defaultValue, isDisabled, isError, onChange, options, value }: Props): React.ReactElement<Props> {
+  return (
+    <Dropdown
+      className={`ui--DropdownLinked-Sections ${className}`}
+      defaultValue={defaultValue}
+      isDisabled={isDisabled}
+      isError={isError}
+      onChange={onChange}
+      options={options}
+      value={value.section}
+      withLabel={false}
+    />
+  );
+}
+
+export default React.memo(SelectSection);
diff --git a/packages/react-components/src/InputExtrinsic/index.tsx b/packages/react-components/src/InputExtrinsic/index.tsx
new file mode 100644
index 0000000..eb7272d
--- /dev/null
+++ b/packages/react-components/src/InputExtrinsic/index.tsx
@@ -0,0 +1,86 @@
+// Copyright 2017-2022 @polkadot/react-components authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { SubmittableExtrinsicFunction } from '@polkadot/api/types';
+import type { DropdownOptions } from '../util/types';
+
+import React, { useCallback, useState } from 'react';
+
+import { useApi } from '@polkadot/react-hooks';
+
+import methodOptions from './options/method';
+import sectionOptions from './options/section';
+import LinkedWrapper from './LinkedWrapper';
+import SelectMethod from './SelectMethod';
+import SelectSection from './SelectSection';
+
+interface Props {
+  className?: string;
+  defaultValue: SubmittableExtrinsicFunction<'promise'>;
+  help?: React.ReactNode;
+  isDisabled?: boolean;
+  isError?: boolean;
+  isPrivate?: boolean;
+  label: React.ReactNode;
+  onChange?: (value: SubmittableExtrinsicFunction<'promise'>) => void;
+  withLabel?: boolean;
+}
+
+function InputExtrinsic ({ className = '', defaultValue, help, isDisabled, label, onChange, withLabel }: Props): React.ReactElement<Props> {
+  const { api } = useApi();
+  const [optionsMethod, setOptionsMethod] = useState<DropdownOptions>(() => methodOptions(api, defaultValue.section));
+  const [optionsSection] = useState<DropdownOptions>(() => sectionOptions(api));
+  const [value, setValue] = useState<SubmittableExtrinsicFunction<'promise'>>((): SubmittableExtrinsicFunction<'promise'> => defaultValue);
+
+  const _onKeyChange = useCallback(
+    (newValue: SubmittableExtrinsicFunction<'promise'>): void => {
+      if (value !== newValue) {
+        // set this via callback, since the we are setting a function (alternatively... we have issues)
+        setValue((): SubmittableExtrinsicFunction<'promise'> => newValue);
+        onChange && onChange(newValue);
+      }
+    },
+    [onChange, value]
+  );
+
+  const _onSectionChange = useCallback(
+    (newSection: string): void => {
+      if (newSection !== value.section) {
+        const optionsMethod = methodOptions(api, newSection);
+
+        setOptionsMethod(optionsMethod);
+        _onKeyChange(api.tx[newSection][optionsMethod[0].value]);
+      }
+    },
+    [_onKeyChange, api, value]
+  );
+
+  return (
+    <LinkedWrapper
+      className={className}
+      help={help}
+      label={label}
+      withLabel={withLabel}
+    >
+      <SelectSection
+        className='small'
+        defaultValue={isDisabled ? value.section : undefined}
+        isDisabled={isDisabled}
+        onChange={isDisabled ? undefined : _onSectionChange}
+        options={optionsSection}
+        value={value}
+      />
+      <SelectMethod
+        api={api}
+        className='large'
+        defaultValue={isDisabled ? value.method : undefined}
+        isDisabled={isDisabled}
+        onChange={isDisabled ? undefined : _onKeyChange}
+        options={optionsMethod}
+        value={value}
+      />
+    </LinkedWrapper>
+  );
+}
+
+export default React.memo(InputExtrinsic);
diff --git a/packages/react-components/src/InputExtrinsic/options/method.tsx b/packages/react-components/src/InputExtrinsic/options/method.tsx
new file mode 100644
index 0000000..2e364fc
--- /dev/null
+++ b/packages/react-components/src/InputExtrinsic/options/method.tsx
@@ -0,0 +1,46 @@
+// Copyright 2017-2022 @polkadot/react-components authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { DropdownOption, DropdownOptions } from '../../util/types';
+
+import React from 'react';
+
+import { ApiPromise } from '@polkadot/api';
+
+export default function createOptions (api: ApiPromise, sectionName: string): DropdownOptions {
+  const section = api.tx[sectionName];
+
+  if (!section || Object.keys(section).length === 0) {
+    return [];
+  }
+
+  return Object
+    .keys(section)
+    .sort()
+    .map((value): DropdownOption => {
+      const method = section[value];
+      const inputs = method.meta.args
+        .map((arg) => arg.name.toString())
+        .join(', ');
+
+      return {
+        className: 'ui--DropdownLinked-Item',
+        key: `${sectionName}_${value}`,
+        text: [
+          <div
+            className='ui--DropdownLinked-Item-call'
+            key={`${sectionName}_${value}:call`}
+          >
+            {value}({inputs})
+          </div>,
+          <div
+            className='ui--DropdownLinked-Item-text'
+            key={`${sectionName}_${value}:text`}
+          >
+            {(method.meta.docs[0] || value).toString()}
+          </div>
+        ],
+        value
+      };
+    });
+}
diff --git a/packages/react-components/src/InputExtrinsic/options/section.ts b/packages/react-components/src/InputExtrinsic/options/section.ts
new file mode 100644
index 0000000..51d97ef
--- /dev/null
+++ b/packages/react-components/src/InputExtrinsic/options/section.ts
@@ -0,0 +1,17 @@
+// Copyright 2017-2022 @polkadot/react-components authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { DropdownOptions } from '../../util/types';
+
+import { ApiPromise } from '@polkadot/api';
+
+export default function createOptions (api: ApiPromise): DropdownOptions {
+  return Object
+    .keys(api.tx)
+    .sort()
+    .filter((name): number => Object.keys(api.tx[name]).length)
+    .map((name): { text: string; value: string } => ({
+      text: name,
+      value: name
+    }));
+}
diff --git a/packages/react-components/src/InputFile.tsx b/packages/react-components/src/InputFile.tsx
new file mode 100644
index 0000000..1b57138
--- /dev/null
+++ b/packages/react-components/src/InputFile.tsx
@@ -0,0 +1,154 @@
+// Copyright 2017-2022 @polkadot/react-components authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import React, { createRef, useCallback, useState } from 'react';
+import Dropzone, { DropzoneRef } from 'react-dropzone';
+import styled from 'styled-components';
+
+import { formatNumber, hexToU8a, isHex, u8aToString } from '@polkadot/util';
+
+import Labelled from './Labelled';
+import { useTranslation } from './translate';
+
+export interface InputFilePropsBase {
+  className?: string;
+  clearContent?: boolean;
+  help?: React.ReactNode;
+  isDisabled?: boolean;
+  isError?: boolean;
+  isFull?: boolean;
+  label: React.ReactNode;
+  placeholder?: React.ReactNode | null | false;
+  withEllipsis?: boolean;
+  withLabel?: boolean;
+}
+
+export interface InputFileProps extends InputFilePropsBase {
+  // Reference Example Usage: https://github.com/react-dropzone/react-dropzone/tree/master/examples/Accept
+  // i.e. MIME types: 'application/json, text/plain', or '.json, .txt'
+  accept?: string;
+  onChange?: (contents: Uint8Array, name: string) => void;
+}
+
+interface FileState {
+  name: string;
+  size: number;
+}
+
+const BYTE_STR_0 = '0'.charCodeAt(0);
+const BYTE_STR_X = 'x'.charCodeAt(0);
+const STR_NL = '\n';
+const NOOP = (): void => undefined;
+
+function convertResult (result: ArrayBuffer): Uint8Array {
+  const data = new Uint8Array(result);
+
+  // this converts the input (if detected as hex), via the hex conversion route
+  if (data[0] === BYTE_STR_0 && data[1] === BYTE_STR_X) {
+    let hex = u8aToString(data);
+
+    while (hex[hex.length - 1] === STR_NL) {
+      hex = hex.substr(0, hex.length - 1);
+    }
+
+    if (isHex(hex)) {
+      return hexToU8a(hex);
+    }
+  }
+
+  return data;
+}
+
+function InputFile ({ accept, className = '', clearContent, help, isDisabled, isError = false, isFull, label, onChange, placeholder, withEllipsis, withLabel }: InputFileProps): React.ReactElement<InputFileProps> {
+  const { t } = useTranslation();
+  const dropRef = createRef<DropzoneRef>();
+  const [file, setFile] = useState<FileState | undefined>();
+
+  const _onDrop = useCallback(
+    (files: File[]): void => {
+      files.forEach((file): void => {
+        const reader = new FileReader();
+
+        reader.onabort = NOOP;
+        reader.onerror = NOOP;
+
+        reader.onload = ({ target }: ProgressEvent<FileReader>): void => {
+          if (target && target.result) {
+            const name = file.name;
+            const data = convertResult(target.result as ArrayBuffer);
+
+            onChange && onChange(data, name);
+            dropRef && setFile({
+              name,
+              size: data.length
+            });
+          }
+        };
+
+        reader.readAsArrayBuffer(file);
+      });
+    },
+    [dropRef, onChange]
+  );
+
+  const dropZone = (
+    <Dropzone
+      accept={accept}
+      disabled={isDisabled}
+      multiple={false}
+      onDrop={_onDrop}
+      ref={dropRef}
+    >
+      {({ getInputProps, getRootProps }): JSX.Element => (
+        <div {...getRootProps({ className: `ui--InputFile${isError ? ' error' : ''} ${className}` })}>
+          <input {...getInputProps()} />
+          <em className='label'>
+            {
+              !file || clearContent
+                ? placeholder || t<string>('click to select or drag and drop the file here')
+                : placeholder || t<string>('{{name}} ({{size}} bytes)', {
+                  replace: {
+                    name: file.name,
+                    size: formatNumber(file.size)
+                  }
+                })
+            }
+          </em>
+        </div>
+      )}
+    </Dropzone>
+  );
+
+  return label
+    ? (
+      <Labelled
+        help={help}
+        isFull={isFull}
+        label={label}
+        withEllipsis={withEllipsis}
+        withLabel={withLabel}
+      >
+        {dropZone}
+      </Labelled>
+    )
+    : dropZone;
+}
+
+export default React.memo(styled(InputFile)`
+  background: var(--bg-input);
+  border: 1px solid var(--border-input);
+  border-radius: 0.28571429rem;
+  font-size: 1rem;
+  margin: 0.25rem 0;
+  padding: 0.67857143em 1em;
+  width: 100% !important;
+
+  &.error {
+    background: var(--bg-input-error);
+    border-color: #e0b4b4;
+  }
+
+  &:hover {
+    cursor: pointer;
+  }
+`);
diff --git a/packages/react-components/src/InputNumber.tsx b/packages/react-components/src/InputNumber.tsx
new file mode 100644
index 0000000..af39605
--- /dev/null
+++ b/packages/react-components/src/InputNumber.tsx
@@ -0,0 +1,333 @@
+// Copyright 2017-2022 @polkadot/react-components authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { ApiPromise } from '@polkadot/api';
+import type { SiDef } from '@polkadot/util/types';
+import type { BitLength } from './types';
+
+import React, { useCallback, useEffect, useMemo, useState } from 'react';
+import styled from 'styled-components';
+
+import { useApi } from '@polkadot/react-hooks';
+import { BN, BN_ONE, BN_TEN, BN_TWO, BN_ZERO, formatBalance, isBn, isUndefined } from '@polkadot/util';
+
+import { BitLengthOption } from './constants';
+import Dropdown from './Dropdown';
+import Input, { KEYS_PRE } from './Input';
+import { useTranslation } from './translate';
+
+interface Props {
+  autoFocus?: boolean;
+  bitLength?: BitLength;
+  children?: React.ReactNode;
+  className?: string;
+  defaultValue?: string | BN;
+  help?: React.ReactNode;
+  isDisabled?: boolean;
+  isError?: boolean;
+  isFull?: boolean;
+  isSi?: boolean;
+  isDecimal?: boolean;
+  isWarning?: boolean;
+  isZeroable?: boolean;
+  label?: React.ReactNode;
+  labelExtra?: React.ReactNode;
+  maxLength?: number;
+  maxValue?: BN;
+  onChange?: (value?: BN) => void;
+  onEnter?: () => void;
+  onEscape?: () => void;
+  placeholder?: string;
+  siDecimals?: number;
+  siDefault?: SiDef;
+  siSymbol?: string;
+  value?: BN | null;
+  withEllipsis?: boolean;
+  withLabel?: boolean;
+  withMax?: boolean;
+}
+
+const DEFAULT_BITLENGTH = BitLengthOption.NORMAL_NUMBERS as BitLength;
+
+export class TokenUnit {
+  public static abbr = 'Unit';
+
+  public static setAbbr (abbr: string = TokenUnit.abbr): void {
+    TokenUnit.abbr = abbr;
+  }
+}
+
+function getGlobalMaxValue (bitLength?: number): BN {
+  return BN_TWO.pow(new BN(bitLength || DEFAULT_BITLENGTH)).isub(BN_ONE);
+}
+
+function getRegex (isDecimal: boolean): RegExp {
+  const decimal = '.';
+
+  return new RegExp(
+    isDecimal
+      ? `^(0|[1-9]\\d*)(\\${decimal}\\d*)?$`
+      : '^(0|[1-9]\\d*)$'
+  );
+}
+
+function getSiOptions (symbol: string, decimals?: number): { text: string; value: string }[] {
+  return formatBalance.getOptions(decimals).map(({ power, text, value }): { text: string; value: string } => ({
+    text: power === 0
+      ? symbol
+      : text,
+    value
+  }));
+}
+
+function getSiPowers (si: SiDef | null, decimals?: number): [BN, number, number] {
+  if (!si) {
+    return [BN_ZERO, 0, 0];
+  }
+
+  const basePower = isUndefined(decimals)
+    ? formatBalance.getDefaults().decimals
+    : decimals;
+
+  return [new BN(basePower + si.power), basePower, si.power];
+}
+
+function isValidNumber (bn: BN, bitLength: BitLength, isZeroable: boolean, maxValue?: BN): boolean {
+  if (
+    // cannot be negative
+    bn.lt(BN_ZERO) ||
+    // cannot be > than allowed max
+    bn.gt(getGlobalMaxValue(bitLength)) ||
+    // check if 0 and it should be a value
+    (!isZeroable && bn.isZero()) ||
+    // check that the bitlengths fit
+    (bn.bitLength() > (bitLength || DEFAULT_BITLENGTH)) ||
+    // cannot be > max (if specified)
+    (maxValue && maxValue.gtn(0) && bn.gt(maxValue))
+  ) {
+    return false;
+  }
+
+  return true;
+}
+
+function inputToBn (api: ApiPromise, input: string, si: SiDef | null, bitLength: BitLength, isZeroable: boolean, maxValue?: BN, decimals?: number): [BN, boolean] {
+  const [siPower, basePower, siUnitPower] = getSiPowers(si, decimals);
+
+  // eslint-disable-next-line @typescript-eslint/prefer-regexp-exec
+  const isDecimalValue = input.match(/^(\d+)\.(\d+)$/);
+
+  let result;
+
+  if (isDecimalValue) {
+    if (siUnitPower - isDecimalValue[2].length < -basePower) {
+      result = new BN(-1);
+    }
+
+    const div = new BN(input.replace(/\.\d*$/, ''));
+    const modString = input.replace(/^\d+\./, '').substr(0, api.registry.chainDecimals[0]);
+    const mod = new BN(modString);
+
+    result = div
+      .mul(BN_TEN.pow(siPower))
+      .add(mod.mul(BN_TEN.pow(new BN(basePower + siUnitPower - modString.length))));
+  } else {
+    result = new BN(input.replace(/[^\d]/g, ''))
+      .mul(BN_TEN.pow(siPower));
+  }
+
+  return [
+    result,
+    isValidNumber(result, bitLength, isZeroable, maxValue)
+  ];
+}
+
+function getValuesFromString (api: ApiPromise, value: string, si: SiDef | null, bitLength: BitLength, isZeroable: boolean, maxValue?: BN, decimals?: number): [string, BN, boolean] {
+  const [valueBn, isValid] = inputToBn(api, value, si, bitLength, isZeroable, maxValue, decimals);
+
+  return [
+    value,
+    valueBn,
+    isValid
+  ];
+}
+
+function getValuesFromBn (valueBn: BN, si: SiDef | null, isZeroable: boolean, _decimals?: number): [string, BN, boolean] {
+  const decimals = isUndefined(_decimals)
+    ? formatBalance.getDefaults().decimals
+    : _decimals;
+  const value = si
+    ? valueBn.div(BN_TEN.pow(new BN(decimals + si.power))).toString()
+    : valueBn.toString();
+
+  return [
+    value,
+    valueBn,
+    isZeroable ? true : valueBn.gt(BN_ZERO)
+  ];
+}
+
+function getValues (api: ApiPromise, value: BN | string = BN_ZERO, si: SiDef | null, bitLength: BitLength, isZeroable: boolean, maxValue?: BN, decimals?: number): [string, BN, boolean] {
+  return isBn(value)
+    ? getValuesFromBn(value, si, isZeroable, decimals)
+    : getValuesFromString(api, value, si, bitLength, isZeroable, maxValue, decimals);
+}
+
+function InputNumber ({ autoFocus, bitLength = DEFAULT_BITLENGTH, children, className = '', defaultValue, help, isDecimal, isFull, isSi, isDisabled, isError = false, isWarning, isZeroable = true, label, labelExtra, maxLength, maxValue, onChange, onEnter, onEscape, placeholder, siDecimals, siDefault, siSymbol, value: propsValue }: Props): React.ReactElement<Props> {
+  const { t } = useTranslation();
+  const { api } = useApi();
+  const [si, setSi] = useState<SiDef | null>(() =>
+    isSi
+      ? siDefault || formatBalance.findSi('-')
+      : null
+  );
+  const [[value, valueBn, isValid], setValues] = useState<[string, BN, boolean]>(() =>
+    getValues(api, propsValue || defaultValue, si, bitLength, isZeroable, maxValue, siDecimals)
+  );
+  const [isPreKeyDown, setIsPreKeyDown] = useState(false);
+
+  const siOptions = useMemo(
+    () => getSiOptions(siSymbol || TokenUnit.abbr, siDecimals),
+    [siDecimals, siSymbol]
+  );
+
+  useEffect((): void => {
+    onChange && onChange(isValid ? valueBn : undefined);
+  }, [isValid, onChange, valueBn]);
+
+  const _onChangeWithSi = useCallback(
+    (input: string, si: SiDef | null) => setValues(
+      getValuesFromString(api, input, si, bitLength, isZeroable, maxValue, siDecimals)
+    ),
+    [api, bitLength, isZeroable, maxValue, siDecimals]
+  );
+
+  const _onChange = useCallback(
+    (input: string) => _onChangeWithSi(input, si),
+    [_onChangeWithSi, si]
+  );
+
+  useEffect((): void => {
+    defaultValue && _onChange(defaultValue.toString());
+  }, [_onChange, defaultValue]);
+
+  const _onKeyDown = useCallback(
+    (event: React.KeyboardEvent<Element>): void => {
+      if (KEYS_PRE.includes(event.key)) {
+        setIsPreKeyDown(true);
+
+        return;
+      }
+
+      if (event.key.length === 1 && !isPreKeyDown) {
+        const { selectionEnd: j, selectionStart: i, value } = event.target as HTMLInputElement;
+        const newValue = `${value.substring(0, i || 0)}${event.key}${value.substring(j || 0)}`;
+
+        if (!getRegex(isDecimal || !!si).test(newValue)) {
+          event.preventDefault();
+        }
+      }
+    },
+    [isDecimal, isPreKeyDown, si]
+  );
+
+  const _onKeyUp = useCallback(
+    (event: React.KeyboardEvent<Element>): void => {
+      if (KEYS_PRE.includes(event.key)) {
+        setIsPreKeyDown(false);
+      }
+    },
+    []
+  );
+
+  const _onPaste = useCallback(
+    (event: React.ClipboardEvent<Element>): void => {
+      const { value: newValue } = event.target as HTMLInputElement;
+
+      if (!getRegex(isDecimal || !!si).test(newValue)) {
+        event.preventDefault();
+      }
+    },
+    [isDecimal, si]
+  );
+
+  const _onSelectSiUnit = useCallback(
+    (siUnit: string): void => {
+      const si = formatBalance.findSi(siUnit);
+
+      setSi(si);
+      _onChangeWithSi(value, si);
+    },
+    [_onChangeWithSi, value]
+  );
+
+  // Same as the number of digits, which means it can still overflow, i.e.
+  // for u8 we allow 3, which could be 999 (however 2 digits will limit to only 99,
+  // so this is more-or-less the lesser of evils without a max-value check)
+  const maxValueLength = getGlobalMaxValue(bitLength).toString().length;
+
+  return (
+    <Input
+      autoFocus={autoFocus}
+      className={`ui--InputNumber${isDisabled ? ' isDisabled' : ''} ${className}`}
+      help={help}
+      isAction={isSi}
+      isDisabled={isDisabled}
+      isError={!isValid || isError}
+      isFull={isFull}
+      isWarning={isWarning}
+      label={label}
+      labelExtra={labelExtra}
+      maxLength={maxLength || maxValueLength}
+      onChange={_onChange}
+      onEnter={onEnter}
+      onEscape={onEscape}
+      onKeyDown={_onKeyDown}
+      onKeyUp={_onKeyUp}
+      onPaste={_onPaste}
+      placeholder={placeholder || t<string>('Positive number')}
+      type='text'
+      value={value}
+    >
+      {!!si && (
+        <Dropdown
+          defaultValue={
+            isDisabled && siDefault
+              ? siDefault.value
+              : si.value
+          }
+          dropdownClassName='ui--SiDropdown'
+          isButton
+          onChange={
+            isDisabled
+              ? undefined
+              : _onSelectSiUnit
+          }
+          options={siOptions}
+        />
+      )}
+      {children}
+    </Input>
+  );
+}
+
+export default React.memo(styled(InputNumber)`
+  &.isDisabled {
+    .ui--SiDropdown {
+      background: transparent;
+      border-color: var(--border-input) !important;
+      border-style: dashed;
+      color: #666 !important;
+      cursor: default !important;
+
+      .dropdown.icon {
+        display: none;
+      }
+    }
+  }
+
+  .ui.buttons+.ui--Toggle.isOverlay {
+    bottom: 1.1rem;
+    right: 6.5rem;
+  }
+`);
diff --git a/packages/react-components/src/InputRpc/SelectMethod.tsx b/packages/react-components/src/InputRpc/SelectMethod.tsx
new file mode 100644
index 0000000..b86bae0
--- /dev/null
+++ b/packages/react-components/src/InputRpc/SelectMethod.tsx
@@ -0,0 +1,45 @@
+// Copyright 2017-2022 @polkadot/react-components authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { DefinitionRpcExt } from '@polkadot/types/types';
+import type { DropdownOption } from '../util/types';
+
+import React, { useCallback } from 'react';
+
+import Dropdown from '../Dropdown';
+import useRpcs from './useRpcs';
+
+interface Props {
+  className?: string;
+  isError?: boolean;
+  onChange: (value: DefinitionRpcExt) => void;
+  options: DropdownOption[];
+  value: DefinitionRpcExt;
+}
+
+function SelectMethod ({ className = '', isError, onChange, options, value }: Props): React.ReactElement<Props> | null {
+  const rpcs = useRpcs();
+
+  const _transform = useCallback(
+    (method: string) => rpcs[value.section][method],
+    [rpcs, value]
+  );
+
+  if (!options.length) {
+    return null;
+  }
+
+  return (
+    <Dropdown
+      className={`ui--DropdownLinked-Items ${className}`}
+      isError={isError}
+      onChange={onChange}
+      options={options}
+      transform={_transform}
+      value={value.method}
+      withLabel={false}
+    />
+  );
+}
+
+export default React.memo(SelectMethod);
diff --git a/packages/react-components/src/InputRpc/SelectSection.tsx b/packages/react-components/src/InputRpc/SelectSection.tsx
new file mode 100644
index 0000000..6ddec80
--- /dev/null
+++ b/packages/react-components/src/InputRpc/SelectSection.tsx
@@ -0,0 +1,34 @@
+// Copyright 2017-2022 @polkadot/react-components authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { DefinitionRpcExt } from '@polkadot/types/types';
+import type { DropdownOptions } from '../util/types';
+
+import React from 'react';
+
+import Dropdown from '../Dropdown';
+
+interface Props {
+  className?: string;
+  defaultValue?: string;
+  isError?: boolean;
+  onChange: (value: string) => void;
+  options: DropdownOptions;
+  value: DefinitionRpcExt;
+}
+
+function SelectSection ({ className = '', defaultValue, isError, onChange, options, value }: Props): React.ReactElement<Props> {
+  return (
+    <Dropdown
+      className={`ui--DropdownLinked-Sections ${className}`}
+      defaultValue={defaultValue}
+      isError={isError}
+      onChange={onChange}
+      options={options}
+      value={value.section}
+      withLabel={false}
+    />
+  );
+}
+
+export default React.memo(SelectSection);
diff --git a/packages/react-components/src/InputRpc/index.tsx b/packages/react-components/src/InputRpc/index.tsx
new file mode 100644
index 0000000..6140cce
--- /dev/null
+++ b/packages/react-components/src/InputRpc/index.tsx
@@ -0,0 +1,86 @@
+// Copyright 2017-2022 @polkadot/react-components authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+// TODO: We have a lot shared between this and InputExtrinsic & InputStorage
+
+import type { DefinitionRpcExt } from '@polkadot/types/types';
+import type { DropdownOptions } from '../util/types';
+
+import React, { useCallback, useEffect, useState } from 'react';
+
+import { useApi } from '@polkadot/react-hooks';
+
+import LinkedWrapper from '../InputExtrinsic/LinkedWrapper';
+import methodOptions from './options/method';
+import sectionOptions from './options/section';
+import SelectMethod from './SelectMethod';
+import SelectSection from './SelectSection';
+import useRpcs from './useRpcs';
+
+interface Props {
+  className?: string;
+  defaultValue: DefinitionRpcExt;
+  help?: React.ReactNode;
+  isError?: boolean;
+  label: React.ReactNode;
+  onChange?: (value: DefinitionRpcExt) => void;
+  withLabel?: boolean;
+}
+
+function InputRpc ({ className = '', defaultValue, help, label, onChange, withLabel }: Props): React.ReactElement<Props> {
+  const { api } = useApi();
+  const rpcs = useRpcs();
+  const [optionsMethod, setOptionsMethod] = useState<DropdownOptions>(() => methodOptions(api, rpcs, defaultValue.section));
+  const [optionsSection] = useState<DropdownOptions>(() => sectionOptions(api));
+  const [value, setValue] = useState<DefinitionRpcExt>((): DefinitionRpcExt => defaultValue);
+
+  useEffect((): void => {
+    onChange && onChange(value);
+  }, [onChange, value]);
+
+  const _onMethodChange = useCallback(
+    (newValue: DefinitionRpcExt): void => {
+      if (value !== newValue) {
+        // set via callback since the method is a function itself
+        setValue(() => newValue);
+      }
+    },
+    [value]
+  );
+
+  const _onSectionChange = useCallback(
+    (newSection: string): void => {
+      if (newSection !== value.section) {
+        const optionsMethod = methodOptions(api, rpcs, newSection);
+
+        setOptionsMethod(optionsMethod);
+        _onMethodChange(rpcs[newSection][optionsMethod[0].value]);
+      }
+    },
+    [_onMethodChange, api, rpcs, value]
+  );
+
+  return (
+    <LinkedWrapper
+      className={className}
+      help={help}
+      label={label}
+      withLabel={withLabel}
+    >
+      <SelectSection
+        className='small'
+        onChange={_onSectionChange}
+        options={optionsSection}
+        value={value}
+      />
+      <SelectMethod
+        className='large'
+        onChange={_onMethodChange}
+        options={optionsMethod}
+        value={value}
+      />
+    </LinkedWrapper>
+  );
+}
+
+export default React.memo(InputRpc);
diff --git a/packages/react-components/src/InputRpc/options/method.tsx b/packages/react-components/src/InputRpc/options/method.tsx
new file mode 100644
index 0000000..45fbc39
--- /dev/null
+++ b/packages/react-components/src/InputRpc/options/method.tsx
@@ -0,0 +1,47 @@
+// Copyright 2017-2022 @polkadot/react-components authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { DefinitionRpcExt } from '@polkadot/types/types';
+import type { DropdownOption, DropdownOptions } from '../../util/types';
+
+import React from 'react';
+
+import { ApiPromise } from '@polkadot/api';
+
+export default function createOptions (api: ApiPromise, rpcs: Record<string, Record<string, DefinitionRpcExt>>, sectionName: string): DropdownOptions {
+  const section = rpcs[sectionName];
+
+  if (!section || Object.keys((api.rpc as Record<string, Record<string, unknown>>)[sectionName]).length === 0) {
+    return [];
+  }
+
+  return Object
+    .keys((api.rpc as Record<string, Record<string, unknown>>)[sectionName])
+    .sort()
+    .map((methodName) => section[methodName])
+    .filter((ext): ext is DefinitionRpcExt => !!ext)
+    .filter(({ isSubscription }) => !isSubscription)
+    .map(({ description, method, params }): DropdownOption => {
+      const inputs = params.map(({ name }) => name).join(', ');
+
+      return {
+        className: 'ui--DropdownLinked-Item',
+        key: `${sectionName}_${method}`,
+        text: [
+          <div
+            className='ui--DropdownLinked-Item-call'
+            key={`${sectionName}_${method}:call`}
+          >
+            {method}({inputs})
+          </div>,
+          <div
+            className='ui--DropdownLinked-Item-text'
+            key={`${sectionName}_${method}:text`}
+          >
+            {description || method}
+          </div>
+        ],
+        value: method
+      };
+    });
+}
diff --git a/packages/react-components/src/InputRpc/options/section.ts b/packages/react-components/src/InputRpc/options/section.ts
new file mode 100644
index 0000000..b2b01d1
--- /dev/null
+++ b/packages/react-components/src/InputRpc/options/section.ts
@@ -0,0 +1,17 @@
+// Copyright 2017-2022 @polkadot/react-components authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { DropdownOptions } from '../../util/types';
+
+import { ApiPromise } from '@polkadot/api';
+
+export default function createOptions (api: ApiPromise): DropdownOptions {
+  return Object
+    .keys(api.rpc)
+    .sort()
+    .filter((section) => Object.keys((api.rpc as Record<string, Record<string, unknown>>)[section]).length !== 0)
+    .map((name): { text: string; value: string } => ({
+      text: name,
+      value: name
+    }));
+}
diff --git a/packages/react-components/src/InputRpc/rpcs.ts b/packages/react-components/src/InputRpc/rpcs.ts
new file mode 100644
index 0000000..923c38e
--- /dev/null
+++ b/packages/react-components/src/InputRpc/rpcs.ts
@@ -0,0 +1,33 @@
+// Copyright 2017-2022 @polkadot/react-components authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { Text } from '@polkadot/types';
+import type { RuntimeVersion } from '@polkadot/types/interfaces';
+import type { DefinitionRpc, DefinitionRpcExt, Registry } from '@polkadot/types/types';
+
+import jsonrpc from '@polkadot/types/interfaces/jsonrpc';
+import { getSpecRpc } from '@polkadot/types-known';
+
+function toExt (section: string, input: Record<string, DefinitionRpc>): Record<string, DefinitionRpcExt> {
+  return Object.entries(input).reduce((output: Record<string, DefinitionRpcExt>, [method, def]): Record<string, DefinitionRpcExt> => {
+    output[method] = {
+      isSubscription: false,
+      jsonrpc: `${method}_${section}`,
+      method,
+      section,
+      ...def
+    };
+
+    return output;
+  }, {});
+}
+
+export function getAllRpc (registry: Registry, chain: Text, { specName }: RuntimeVersion): Record<string, Record<string, DefinitionRpcExt>> {
+  return Object
+    .entries(getSpecRpc(registry, chain, specName))
+    .reduce((all: Record<string, Record<string, DefinitionRpcExt>>, [section, contents]): Record<string, Record<string, DefinitionRpcExt>> => {
+      all[section] ??= toExt(section, contents);
+
+      return all;
+    }, { ...jsonrpc });
+}
diff --git a/packages/react-components/src/InputRpc/useRpcs.ts b/packages/react-components/src/InputRpc/useRpcs.ts
new file mode 100644
index 0000000..c4e3aac
--- /dev/null
+++ b/packages/react-components/src/InputRpc/useRpcs.ts
@@ -0,0 +1,21 @@
+// Copyright 2017-2022 @polkadot/react-components authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { DefinitionRpcExt } from '@polkadot/types/types';
+
+import { useMemo } from 'react';
+
+import { createNamedHook, useApi } from '@polkadot/react-hooks';
+
+import { getAllRpc } from './rpcs';
+
+function useRpcsImpl (): Record<string, Record<string, DefinitionRpcExt>> {
+  const { api } = useApi();
+
+  return useMemo(
+    () => getAllRpc(api.registry, api.runtimeChain, api.runtimeVersion),
+    [api]
+  );
+}
+
+export default createNamedHook('useRpcs', useRpcsImpl);
diff --git a/packages/react-components/src/InputStorage/SelectKey.tsx b/packages/react-components/src/InputStorage/SelectKey.tsx
new file mode 100644
index 0000000..2d84116
--- /dev/null
+++ b/packages/react-components/src/InputStorage/SelectKey.tsx
@@ -0,0 +1,52 @@
+// Copyright 2017-2022 @polkadot/react-components authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { QueryableStorageEntry } from '@polkadot/api/types';
+import type { DropdownOptions } from '../util/types';
+
+import React from 'react';
+
+import { ApiPromise } from '@polkadot/api';
+import { useApi } from '@polkadot/react-hooks';
+
+import Dropdown from '../Dropdown';
+
+interface Props {
+  className?: string;
+  isError?: boolean;
+  onChange: (value: QueryableStorageEntry<'promise'>) => void;
+  options: DropdownOptions;
+  value: QueryableStorageEntry<'promise'>;
+}
+
+function transform (api: ApiPromise, { value }: Props): (method: string) => QueryableStorageEntry<'promise'> {
+  return function (method: string): QueryableStorageEntry<'promise'> {
+    // eslint-disable-next-line @typescript-eslint/no-unsafe-return
+    return api.query[value.creator.section]
+      ? api.query[value.creator.section][method] as any
+      : value;
+  };
+}
+
+function SelectKey (props: Props): React.ReactElement<Props> | null {
+  const { api } = useApi();
+  const { className = '', isError, onChange, options, value } = props;
+
+  if (!options.length) {
+    return null;
+  }
+
+  return (
+    <Dropdown
+      className={`ui--DropdownLinked-Items ${className}`}
+      isError={isError}
+      onChange={onChange}
+      options={options}
+      transform={transform(api, props)}
+      value={value.creator.method}
+      withLabel={false}
+    />
+  );
+}
+
+export default React.memo(SelectKey);
diff --git a/packages/react-components/src/InputStorage/SelectSection.tsx b/packages/react-components/src/InputStorage/SelectSection.tsx
new file mode 100644
index 0000000..200885d
--- /dev/null
+++ b/packages/react-components/src/InputStorage/SelectSection.tsx
@@ -0,0 +1,34 @@
+// Copyright 2017-2022 @polkadot/react-components authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { QueryableStorageEntry } from '@polkadot/api/types';
+import type { DropdownOptions } from '../util/types';
+
+import React from 'react';
+
+import Dropdown from '../Dropdown';
+
+interface Props {
+  className?: string;
+  defaultValue?: QueryableStorageEntry<'promise'>;
+  isError?: boolean;
+  onChange: (value: string) => void;
+  options: DropdownOptions;
+  value: QueryableStorageEntry<'promise'>;
+}
+
+function SelectSection ({ className = '', defaultValue, isError, onChange, options, value: { creator: { section } } }: Props): React.ReactElement<Props> {
+  return (
+    <Dropdown
+      className={`ui--DropdownLinked-Sections ${className}`}
+      defaultValue={defaultValue}
+      isError={isError}
+      onChange={onChange}
+      options={options}
+      value={section}
+      withLabel={false}
+    />
+  );
+}
+
+export default React.memo(SelectSection);
diff --git a/packages/react-components/src/InputStorage/index.tsx b/packages/react-components/src/InputStorage/index.tsx
new file mode 100644
index 0000000..cab1f7d
--- /dev/null
+++ b/packages/react-components/src/InputStorage/index.tsx
@@ -0,0 +1,81 @@
+// Copyright 2017-2022 @polkadot/react-components authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+// TODO: We have a lot shared between this and InputExtrinsic
+
+import type { QueryableStorageEntry } from '@polkadot/api/types';
+import type { DropdownOptions } from '../util/types';
+
+import React, { useCallback, useState } from 'react';
+
+import { useApi } from '@polkadot/react-hooks';
+
+import LinkedWrapper from '../InputExtrinsic/LinkedWrapper';
+import { keyOptions, sectionOptions } from './options';
+import SelectKey from './SelectKey';
+import SelectSection from './SelectSection';
+
+interface Props {
+  className?: string;
+  defaultValue: QueryableStorageEntry<'promise'>;
+  help?: React.ReactNode;
+  isError?: boolean;
+  label: React.ReactNode;
+  onChange?: (value: QueryableStorageEntry<'promise'>) => void;
+  withLabel?: boolean;
+}
+
+function InputStorage ({ className = '', defaultValue, help, label, onChange, withLabel }: Props): React.ReactElement<Props> {
+  const { api } = useApi();
+  const [optionsMethod, setOptionsMethod] = useState<DropdownOptions>(() => keyOptions(api, defaultValue.creator.section));
+  const [optionsSection] = useState<DropdownOptions>(() => sectionOptions(api));
+  const [value, setValue] = useState<QueryableStorageEntry<'promise'>>(() => defaultValue);
+
+  const _onKeyChange = useCallback(
+    (newValue: QueryableStorageEntry<'promise'>): void => {
+      if (value !== newValue) {
+        // set via callback
+        setValue(() => newValue);
+        onChange && onChange(newValue);
+      }
+    },
+    [onChange, value]
+  );
+
+  const _onSectionChange = useCallback(
+    (section: string): void => {
+      if (section !== value.creator.section) {
+        const optionsMethod = keyOptions(api, section);
+
+        setOptionsMethod(optionsMethod);
+        _onKeyChange(api.query[section][optionsMethod[0].value]);
+      }
+    },
+    [_onKeyChange, api, value]
+  );
+
+  return (
+    <LinkedWrapper
+      className={className}
+      help={help}
+      label={label}
+      withLabel={withLabel}
+    >
+      <SelectSection
+        className='small'
+        onChange={_onSectionChange}
+        options={optionsSection}
+        value={value}
+      />
+      <SelectKey
+        className='large'
+        key={value.creator.section}
+        onChange={_onKeyChange}
+        options={optionsMethod}
+        value={value}
+      />
+    </LinkedWrapper>
+  );
+}
+
+export default React.memo(InputStorage);
diff --git a/packages/react-components/src/InputStorage/options/index.ts b/packages/react-components/src/InputStorage/options/index.ts
new file mode 100644
index 0000000..8d49058
--- /dev/null
+++ b/packages/react-components/src/InputStorage/options/index.ts
@@ -0,0 +1,5 @@
+// Copyright 2017-2022 @polkadot/react-components authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+export { keyOptions } from './key';
+export { sectionOptions } from './section';
diff --git a/packages/react-components/src/InputStorage/options/key.tsx b/packages/react-components/src/InputStorage/options/key.tsx
new file mode 100644
index 0000000..36a548b
--- /dev/null
+++ b/packages/react-components/src/InputStorage/options/key.tsx
@@ -0,0 +1,66 @@
+// Copyright 2017-2022 @polkadot/react-components authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { StorageEntry } from '@polkadot/types/primitive/types';
+import type { DropdownOption, DropdownOptions } from '../../util/types';
+
+import React from 'react';
+
+import { ApiPromise } from '@polkadot/api';
+import { getSiName } from '@polkadot/types/metadata/util';
+import { unwrapStorageType } from '@polkadot/types/primitive/StorageKey';
+
+export function keyOptions (api: ApiPromise, sectionName: string): DropdownOptions {
+  const section = api.query[sectionName];
+
+  if (!section || Object.keys(section).length === 0) {
+    return [];
+  }
+
+  return Object
+    .keys(section)
+    .sort()
+    .map((value): DropdownOption => {
+      const { meta: { docs, modifier, name, type } } = section[value] as unknown as StorageEntry;
+      const output = unwrapStorageType(api.registry, type, modifier.isOptional);
+      let input = '';
+
+      if (type.isMap) {
+        const { hashers, key } = type.asMap;
+
+        if (hashers.length === 1) {
+          input = getSiName(api.registry.lookup, key);
+        } else {
+          const si = api.registry.lookup.getSiType(key).def;
+
+          if (si.isTuple) {
+            input = si.asTuple
+              .map((t) => getSiName(api.registry.lookup, t))
+              .join(', ');
+          } else {
+            input = si.asHistoricMetaCompat.toString();
+          }
+        }
+      }
+
+      return {
+        className: 'ui--DropdownLinked-Item',
+        key: `${sectionName}_${value}`,
+        text: [
+          <div
+            className='ui--DropdownLinked-Item-call'
+            key={`${sectionName}_${value}:call`}
+          >
+            {value}({input}): {output}
+          </div>,
+          <div
+            className='ui--DropdownLinked-Item-text'
+            key={`${sectionName}_${value}:text`}
+          >
+            {(docs[0] || name).toString()}
+          </div>
+        ],
+        value
+      };
+    });
+}
diff --git a/packages/react-components/src/InputStorage/options/section.ts b/packages/react-components/src/InputStorage/options/section.ts
new file mode 100644
index 0000000..30dc791
--- /dev/null
+++ b/packages/react-components/src/InputStorage/options/section.ts
@@ -0,0 +1,17 @@
+// Copyright 2017-2022 @polkadot/react-components authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { DropdownOption, DropdownOptions } from '../../util/types';
+
+import { ApiPromise } from '@polkadot/api';
+
+export function sectionOptions (api: ApiPromise): DropdownOptions {
+  return Object
+    .keys(api.query)
+    .sort()
+    .filter((n) => Object.keys(api.query[n]).length)
+    .map((value): DropdownOption => ({
+      text: value,
+      value
+    }));
+}
diff --git a/packages/react-components/src/InputTags.tsx b/packages/react-components/src/InputTags.tsx
new file mode 100644
index 0000000..bc13611
--- /dev/null
+++ b/packages/react-components/src/InputTags.tsx
@@ -0,0 +1,109 @@
+// Copyright 2017-2022 @polkadot/react-components authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import React, { useContext } from 'react';
+import store from 'store';
+import styled, { ThemeContext } from 'styled-components';
+
+import { ThemeDef } from '@polkadot/react-components/types';
+
+import Dropdown from './Dropdown';
+
+interface Option {
+  key: string;
+  text: string;
+  value: string;
+}
+
+interface Props {
+  allowAdd?: boolean;
+  className?: string;
+  defaultValue?: string[];
+  help?: React.ReactNode;
+  isDisabled?: boolean;
+  isError?: boolean;
+  label?: React.ReactNode;
+  onBlur?: () => void;
+  onChange?: (value: string[]) => void;
+  onClose?: () => void;
+  openOnFocus?: boolean;
+  placeholder?: string;
+  searchInput?: {autoFocus: boolean};
+  value?: string[];
+  withLabel?: boolean;
+}
+
+function loadTags (): string[] {
+  return ((store.get('tags') as string[]) || ['Default']).sort();
+}
+
+function valueToOption (value: string): Option {
+  return { key: value, text: value, value };
+}
+
+const tags = loadTags();
+const options = tags.map(valueToOption);
+
+function saveTags (tags: string[]): void {
+  store.set('tags', tags.sort());
+}
+
+function onAddTag (value: string): void {
+  tags.push(value);
+
+  options.push(valueToOption(value));
+
+  saveTags(tags);
+}
+
+function InputTags ({ allowAdd = true, className = '', defaultValue, help, isDisabled, isError, label, onBlur, onChange, onClose, placeholder, searchInput, value, withLabel }: Props): React.ReactElement<Props> {
+  const { theme } = useContext(ThemeContext as React.Context<ThemeDef>);
+
+  return (
+    <Dropdown
+      allowAdd={allowAdd && !isDisabled}
+      className={`ui--InputTags ${theme}Theme ${className}`}
+      defaultValue={defaultValue}
+      help={help}
+      isDisabled={isDisabled}
+      isError={isError}
+      isMultiple
+      label={label}
+      onAdd={onAddTag}
+      onBlur={onBlur}
+      onChange={onChange}
+      onClose={onClose}
+      options={options}
+      placeholder={placeholder}
+      searchInput={searchInput}
+      value={value}
+      withLabel={withLabel}
+    />
+  );
+}
+
+export default React.memo(styled(InputTags)`
+  && .ui.label {
+    border: none;
+    border-radius: 0.25rem;
+    box-shadow: none;
+    color: #fff;
+    display: inline-block;
+    font-size: 0.857rem;
+    font-weight: var(--font-weight-normal);
+    line-height: 1.143rem;
+    margin: 0.125rem 0.125rem;
+    padding: 0.571em 0.857em;
+    position: relative;
+    white-space: nowrap;
+    z-index: 1;
+
+    .delete.icon::before {
+      content: '\u2715';
+    }
+  }
+
+  &&.darkTheme .ui.label {
+    background-color: rgba(255, 255, 255, 0.08);
+  }
+`);
diff --git a/packages/react-components/src/InputWasm.tsx b/packages/react-components/src/InputWasm.tsx
new file mode 100644
index 0000000..1ab68c8
--- /dev/null
+++ b/packages/react-components/src/InputWasm.tsx
@@ -0,0 +1,35 @@
+// Copyright 2017-2022 @polkadot/react-components authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { InputFilePropsBase } from './InputFile';
+
+import React, { useCallback } from 'react';
+
+import { compactAddLength, isWasm } from '@polkadot/util';
+
+import InputFile from './InputFile';
+
+interface Props extends InputFilePropsBase {
+  onChange: (contents: Uint8Array, isValid: boolean, name?: string) => void;
+}
+
+function InputWasm ({ onChange, ...props }: Props): React.ReactElement<Props> {
+  const _onChange = useCallback(
+    (wasm: Uint8Array, name: string): void => {
+      const isValid = isWasm(wasm);
+
+      onChange(compactAddLength(wasm), isValid, name);
+    },
+    [onChange]
+  );
+
+  return (
+    <InputFile
+      {...props}
+      accept='application/wasm'
+      onChange={_onChange}
+    />
+  );
+}
+
+export default React.memo(InputWasm);
diff --git a/packages/react-components/src/Inset.tsx b/packages/react-components/src/Inset.tsx
new file mode 100644
index 0000000..679e875
--- /dev/null
+++ b/packages/react-components/src/Inset.tsx
@@ -0,0 +1,143 @@
+// Copyright 2017-2022 @polkadot/app-democracy authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import React, { useCallback } from 'react';
+import { useHistory } from 'react-router-dom';
+import styled from 'styled-components';
+
+import { useToggle } from '@polkadot/react-hooks';
+
+import Icon from './Icon';
+
+export interface InsetProps {
+  className?: string;
+  children?: React.ReactNode;
+  isCollapsible?: boolean;
+  isError?: boolean;
+  isSuccess?: boolean;
+  header?: React.ReactNode;
+  href?: string | null;
+  withTopMargin?: boolean;
+  withBottomMargin?: boolean;
+}
+
+function Inset ({ children, className = '', header, href, isCollapsible, isError, isSuccess, withBottomMargin, withTopMargin }: InsetProps): React.ReactElement<InsetProps> | null {
+  const history = useHistory();
+  const [isCollapsed, toggleCollapsed] = useToggle();
+
+  const _onClick = useCallback(
+    (): void => {
+      href && history.push(href);
+    },
+    [history, href]
+  );
+
+  if (!children) {
+    return null;
+  }
+
+  return (
+    <div
+      className={`ui--Inset ${href ? ' as-link' : ''}${isCollapsible ? ' collapsible' : ''}${(isError && !isSuccess) ? ' error' : ''}${(!isError && isSuccess) ? ' success' : ''}${withBottomMargin ? ' bottom-margin' : ''}${withTopMargin ? ' top-margin' : ''} ${className}`}
+    >
+      {isCollapsible && (
+        <div
+          className='header'
+          onClick={toggleCollapsed}
+        >
+          <h3>{header}</h3>
+          <Icon
+            className={isCollapsed ? 'collapsed' : ''}
+            icon='angle-up'
+          />
+        </div>
+      )}
+      <div
+        className={`children${(isCollapsible && isCollapsed) ? ' collapsed' : ''}`}
+        onClick={_onClick}
+      >
+        {children}
+      </div>
+    </div>
+  );
+}
+
+export default React.memo(styled(Inset)`
+  & {
+    box-shadow: 0 3px 3px rgba(0,0,0,.2);
+    position: relative;
+    background: #fefefe;
+    padding: 1rem;
+    transition: all 0.2s;
+    display: flex;
+    flex-direction: column;
+
+    &.bottom-margin {
+      margin-bottom: 2rem;
+    }
+
+    &.top-margin {
+      margin-top: 2rem;
+    }
+
+    &.error {
+      background: rgba(255, 0, 0, 0.05);
+
+      &, h1, h2, h3, h4, h5, h6, p {
+        color: rgba(156, 0, 0) !important;
+      }
+    }
+
+    &.success {
+      border: 1px solid rgb(168, 255, 136);
+      background: rgba(0, 255, 0, 0.05);
+
+      &, h1, h2, h3, h4, h5, h6, p {
+        color: rgba(34, 125, 0) !important;
+      }
+    }
+
+    .header {
+      cursor: pointer;
+      height: 2rem;
+      width: 100%;
+
+      h3 {
+        line-height: 2rem;
+        margin-bottom: 0;
+      }
+
+      .icon {
+        height: 4rem;
+        width: 4rem;
+        font-size: 2rem;
+        color: rgba(0,0,0,0.35);
+        position: absolute;
+        right: 0;
+        top: 0;
+        line-height: 4rem;
+        transition: all 0.2s;
+        transform-origin: center center;
+
+        &.collapsed {
+          transform: rotate(180deg);
+        }
+      }
+    }
+
+    .children {
+      &.collapsed {
+        display: none;
+      }
+    }
+
+    &.as-link {
+      cursor: pointer;
+
+      &:hover {
+        box-shadow: 0 5px 5px rgba(0,0,0,.2);
+        transform: translateY(-2px);
+      }
+    }
+  }
+`);
diff --git a/packages/react-components/src/Inspect.tsx b/packages/react-components/src/Inspect.tsx
new file mode 100644
index 0000000..524b7df
--- /dev/null
+++ b/packages/react-components/src/Inspect.tsx
@@ -0,0 +1,86 @@
+// Copyright 2017-2022 @polkadot/app-extrinsics authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { Inspect } from '@polkadot/types/types';
+
+import React, { useMemo } from 'react';
+import styled from 'styled-components';
+
+import { Output } from '@polkadot/react-components';
+import { u8aToHex } from '@polkadot/util';
+
+interface Props {
+  className?: string;
+  inspect?: Inspect | null;
+  label: React.ReactNode;
+}
+
+interface Inspected {
+  name: string;
+  value: string;
+}
+
+function formatInspect ({ inner = [], name = '', outer = [] }: Inspect, result: Inspected[] = []): Inspected[] {
+  if (outer.length) {
+    const value = new Array<string>(outer.length);
+
+    for (let i = 0; i < outer.length; i++) {
+      value[i] = u8aToHex(outer[i], undefined, false);
+    }
+
+    result.push({ name, value: value.join(' ') });
+  }
+
+  for (let i = 0; i < inner.length; i++) {
+    formatInspect(inner[i], result);
+  }
+
+  return result;
+}
+
+function DecodedInspect ({ className, inspect, label }: Props): React.ReactElement<Props> | null {
+  const formatted = useMemo(
+    () => inspect && formatInspect(inspect),
+    [inspect]
+  );
+
+  if (!formatted) {
+    return null;
+  }
+
+  return (
+    <Output
+      className={className}
+      isDisabled
+      label={label}
+    >
+      <table>
+        <tbody>
+          {formatted.map(({ name, value }, i) => (
+            <tr key={i}>
+              <td>{name}</td>
+              <td>{value}</td>
+            </tr>
+          ))}
+        </tbody>
+      </table>
+    </Output>
+  );
+}
+
+export default React.memo(styled(DecodedInspect)`
+  table tr td {
+    vertical-align: top;
+
+    &:first-child {
+      color: var(--color-label);
+      padding-right: 0.5em;
+      text-align: right;
+      white-space: nowrap;
+    }
+
+    &:last-child {
+      font: var(--font-mono);
+    }
+  }
+`);
diff --git a/packages/react-components/src/Label.tsx b/packages/react-components/src/Label.tsx
new file mode 100644
index 0000000..f9d80e7
--- /dev/null
+++ b/packages/react-components/src/Label.tsx
@@ -0,0 +1,27 @@
+// Copyright 2017-2022 @polkadot/react-components authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import React from 'react';
+
+import LabelHelp from './LabelHelp';
+
+interface Props {
+  className?: string;
+  help?: React.ReactNode;
+  label?: React.ReactNode;
+  withEllipsis?: boolean;
+}
+
+function Label ({ className = '', help, label, withEllipsis }: Props): React.ReactElement<Props> {
+  return (
+    <label className={className}>
+      {
+        withEllipsis
+          ? <div className='withEllipsis'>{label}</div>
+          : label
+      }{help && <LabelHelp help={help} />}
+    </label>
+  );
+}
+
+export default React.memo(Label);
diff --git a/packages/react-components/src/LabelHelp.tsx b/packages/react-components/src/LabelHelp.tsx
new file mode 100644
index 0000000..ce56025
--- /dev/null
+++ b/packages/react-components/src/LabelHelp.tsx
@@ -0,0 +1,45 @@
+// Copyright 2017-2022 @polkadot/react-components authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { IconName } from '@fortawesome/fontawesome-svg-core';
+
+import React, { useState } from 'react';
+import styled from 'styled-components';
+
+import Icon from './Icon';
+import Tooltip from './Tooltip';
+
+interface Props {
+  help: React.ReactNode;
+  icon?: IconName;
+  className?: string;
+}
+
+let id = 0;
+
+function LabelHelp ({ className = '', help, icon = 'question-circle' }: Props): React.ReactElement<Props> {
+  const [trigger] = useState(() => `label-help-${++id}`);
+
+  return (
+    <div
+      className={`ui--LabelHelp ${className}`}
+      tabIndex={-1}
+    >
+      <Icon
+        icon={icon}
+        tooltip={trigger}
+      />
+      <Tooltip
+        text={help}
+        trigger={trigger}
+      />
+    </div>
+  );
+}
+
+export default React.memo(styled(LabelHelp)`
+  cursor: help;
+  display: inline-block;
+  line-height: 1rem;
+  margin: 0 0 0 0.25rem;
+`);
diff --git a/packages/react-components/src/Labelled.tsx b/packages/react-components/src/Labelled.tsx
new file mode 100644
index 0000000..36512ca
--- /dev/null
+++ b/packages/react-components/src/Labelled.tsx
@@ -0,0 +1,162 @@
+// Copyright 2017-2022 @polkadot/react-components authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import React from 'react';
+import styled from 'styled-components';
+
+import LabelHelp from './LabelHelp';
+
+interface Props {
+  className?: string;
+  help?: React.ReactNode;
+  isHidden?: boolean;
+  isFull?: boolean;
+  isOuter?: boolean;
+  isSmall?: boolean;
+  label?: React.ReactNode;
+  labelExtra?: React.ReactNode;
+  children: React.ReactNode;
+  withEllipsis?: boolean;
+  withLabel?: boolean;
+}
+
+const defaultLabel: React.ReactNode = <div>&nbsp;</div>;
+
+function Labelled ({ className = '', children, help, isFull, isHidden, isOuter, isSmall, label = defaultLabel, labelExtra, withEllipsis, withLabel = true }: Props): React.ReactElement<Props> | null {
+  if (isHidden) {
+    return null;
+  } else if (!withLabel) {
+    return (
+      <div className={className}>{children}</div>
+    );
+  }
+
+  return (
+    <div className={`ui--Labelled${isSmall ? ' isSmall' : ''}${isFull ? ' isFull' : ''}${isOuter ? ' isOuter' : ''} ${className}`}>
+      <label>{withEllipsis
+        ? <div className='withEllipsis'>{label}</div>
+        : label
+      }{help && <LabelHelp help={help} />}</label>
+      {labelExtra && <div className='labelExtra'>{labelExtra}</div>}
+      <div className='ui--Labelled-content'>
+        {children}
+      </div>
+    </div>
+  );
+}
+
+export default React.memo(styled(Labelled)`
+  &.ui--Labelled {
+    display: block;
+    position: relative;
+
+    label {
+      padding-right: 1rem;
+    }
+
+    .ui--CopyButton {
+      position: absolute;
+      top: 0.9rem;
+      right: 0.5rem;
+    }
+
+    .withEllipsis {
+      overflow: hidden;
+      text-overflow: ellipsis;
+      white-space: nowrap;
+    }
+
+    &.isSmall {
+      display: block;
+
+      > label {
+        margin: 0;
+        min-width: 0;
+        padding-right: 0;
+      }
+    }
+
+    &:not(.isSmall) {
+      padding-left: 2rem;
+
+      &:not(.isOuter) {
+        > label,
+        .labelExtra {
+          position: absolute;
+          text-align: left;
+          top: 0.5rem;
+          z-index: 1;
+        }
+
+        > label {
+          left: 3.55rem;
+          right: 0;
+          text-align: left;
+        }
+      }
+
+      &.isFull {
+        padding-left: 0;
+
+        > label {
+          left: 1.55rem;
+        }
+      }
+
+      .labelExtra {
+        color: rgba(78, 78, 78, .85);
+        font-weight: var(--font-weight-normal);
+        right: 1.75rem;
+        text-align: right;
+      }
+
+      > .ui--Labelled-content {
+        box-sizing: border-box;
+        flex: 1 1;
+        min-width: 0;
+
+        .ui.selection.dropdown {
+          &:not(.floating) {
+            padding-left: 1.45rem;
+            padding-top: 1.75rem;
+          }
+
+          &.floating {
+            > .dropdown.icon {
+              top: 1.25rem;
+            }
+
+            .text {
+              line-height: 1;
+              padding: 0.47rem 0
+            }
+          }
+
+          &.search:not(.multiple) > input.search {
+            padding-left: 1.45rem;
+            padding-top: 1.75rem;
+          }
+
+          > .delete.icon,
+          > .dropdown.icon,
+          > .search.icon {
+            top: 1.75rem;
+          }
+        }
+
+        .ui--InputFile,
+        .ui.input > input,
+        .ui--output {
+          padding-left: 1.45rem;
+          padding-top: 1.75rem;
+        }
+
+        .ui--Messages {
+          padding-bottom: 2rem;
+          padding-left: 1.45rem;
+          padding-top: 2rem;
+        }
+      }
+    }
+  }
+`);
diff --git a/packages/react-components/src/LinkExternal.tsx b/packages/react-components/src/LinkExternal.tsx
new file mode 100644
index 0000000..67ade3e
--- /dev/null
+++ b/packages/react-components/src/LinkExternal.tsx
@@ -0,0 +1,131 @@
+// Copyright 2017-2022 @polkadot/react-components authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { LinkTypes } from '@polkadot/apps-config/links/types';
+import type { BN } from '@polkadot/util';
+
+import React, { useMemo } from 'react';
+import styled from 'styled-components';
+
+import { externalLinks } from '@polkadot/apps-config';
+import { useApi } from '@polkadot/react-hooks';
+
+import { useTranslation } from './translate';
+
+interface Props {
+  className?: string;
+  data: BN | number | string;
+  hash?: string;
+  isLogo?: boolean;
+  isSidebar?: boolean;
+  isSmall?: boolean;
+  type: LinkTypes;
+}
+
+// function shortName (name: string): string {
+//   return `${name[0]}${name[name.length - 1]}`;
+// }
+
+function genLinks (systemChain: string, { data, hash, isLogo, isSidebar, type }: Props): React.ReactNode[] {
+  return Object
+    .entries(externalLinks)
+    .map(([name, { chains, create, isActive, logo, paths, url }]): React.ReactNode | null => {
+      const extChain = chains[systemChain];
+      const extPath = paths[type];
+
+      if (!isActive || !extChain || !extPath) {
+        return null;
+      }
+
+      return (
+        <a
+          href={create(extChain, extPath, data, hash)}
+          key={name}
+          rel='noopener noreferrer'
+          target='_blank'
+          title={`${name}, ${url}`}
+        >
+          {isLogo
+            ? (
+              <img
+                className={`${isSidebar ? ' isSidebar' : ''}`}
+                src={logo}
+              />
+            )
+            : name
+          }
+        </a>
+      );
+    })
+    .filter((node): node is React.ReactNode => !!node);
+}
+
+function LinkExternal ({ className = '', data, hash, isLogo, isSidebar, isSmall, type }: Props): React.ReactElement<Props> | null {
+  const { t } = useTranslation();
+  const { systemChain } = useApi();
+  const links = useMemo(
+    () => genLinks(systemChain, { data, hash, isLogo, isSidebar, type }),
+    [systemChain, data, hash, isLogo, isSidebar, type]
+  );
+
+  if (!links.length) {
+    return null;
+  }
+
+  return (
+    <div className={`${className}${isLogo ? ' isLogo' : ''}${isSmall ? ' isSmall' : ''}${isSidebar ? ' isSidebar' : ''}`}>
+      {!(isLogo || isSmall) && <div>{t<string>('View this externally')}</div>}
+      <div className='links'>{links.map((link, index) => <span key={index}>{link}</span>)}</div>
+    </div>
+  );
+}
+
+export default React.memo(styled(LinkExternal)`
+  text-align: right;
+
+  &.isSmall {
+    font-size: 0.85rem;
+    line-height: 1.35;
+    text-align: center;
+  }
+
+  &.isSidebar {
+    text-align: center;
+  }
+
+  .links {
+    img {
+      border-radius: 50%;
+      cursor: pointer;
+      filter: grayscale(1) opacity(0.66);
+      height: 1.5rem;
+      width: 1.5rem;
+
+      &.isSidebar {
+        height: 2rem;
+        width: 2rem;
+      }
+
+      &:hover {
+        filter: grayscale(0) opacity(1);
+      }
+    }
+
+    span {
+      word-wrap: normal;
+      display: inline-block;
+    }
+
+    span+span {
+      margin-left: 0.3rem;
+    }
+  }
+
+  &.isLogo {
+    line-height: 1;
+
+    .links {
+      white-space: nowrap;
+    }
+  }
+`);
diff --git a/packages/react-components/src/LockedVote.tsx b/packages/react-components/src/LockedVote.tsx
new file mode 100644
index 0000000..ea8589d
--- /dev/null
+++ b/packages/react-components/src/LockedVote.tsx
@@ -0,0 +1,31 @@
+// Copyright 2017-2022 @polkadot/react-components authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { AccountId, AccountIndex, Address } from '@polkadot/types/interfaces';
+
+import React from 'react';
+
+import { LockedVote } from '@polkadot/react-query';
+
+export interface Props {
+  className?: string;
+  label?: React.ReactNode;
+  params?: AccountId | AccountIndex | Address | string | Uint8Array | null;
+  withLabel?: boolean;
+}
+
+function LockedVoteDisplay ({ className = '', label, params }: Props): React.ReactElement<Props> | null {
+  if (!params) {
+    return null;
+  }
+
+  return (
+    <LockedVote
+      className={`ui--LockedVote ${className}`}
+      label={label}
+      params={params}
+    />
+  );
+}
+
+export default React.memo(LockedVoteDisplay);
diff --git a/packages/react-components/src/MarkError.tsx b/packages/react-components/src/MarkError.tsx
new file mode 100644
index 0000000..9e79a38
--- /dev/null
+++ b/packages/react-components/src/MarkError.tsx
@@ -0,0 +1,28 @@
+// Copyright 2017-2022 @polkadot/react-components authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import React from 'react';
+import styled from 'styled-components';
+
+import Icon from './Icon';
+
+interface Props {
+  children?: React.ReactNode;
+  className?: string;
+  content?: React.ReactNode;
+}
+
+function MarkError ({ children, className = '', content }: Props): React.ReactElement<Props> {
+  return (
+    <article className={`mark error ${className}`}>
+      <Icon icon='exclamation-triangle' />{content}{children}
+    </article>
+  );
+}
+
+export default React.memo(styled(MarkError)`
+  .ui--Icon {
+    color: rgba(255, 12, 12, 1);
+    margin-right: 0.5rem;
+  }
+`);
diff --git a/packages/react-components/src/MarkWarning.tsx b/packages/react-components/src/MarkWarning.tsx
new file mode 100644
index 0000000..4be8da0
--- /dev/null
+++ b/packages/react-components/src/MarkWarning.tsx
@@ -0,0 +1,28 @@
+// Copyright 2017-2022 @polkadot/react-components authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import React from 'react';
+import styled from 'styled-components';
+
+import Icon from './Icon';
+
+interface Props {
+  children?: React.ReactNode;
+  className?: string;
+  content?: React.ReactNode;
+}
+
+function MarkWarning ({ children, className = '', content }: Props): React.ReactElement<Props> {
+  return (
+    <article className={`mark warning ${className}`}>
+      <Icon icon='exclamation-triangle' />{content}{children}
+    </article>
+  );
+}
+
+export default React.memo(styled(MarkWarning)`
+  .ui--Icon {
+    color: rgba(255, 196, 12, 1);
+    margin-right: 0.5rem;
+  }
+`);
diff --git a/packages/react-components/src/Menu/Base.tsx b/packages/react-components/src/Menu/Base.tsx
new file mode 100644
index 0000000..364a5f7
--- /dev/null
+++ b/packages/react-components/src/Menu/Base.tsx
@@ -0,0 +1,27 @@
+// Copyright 2017-2022 @polkadot/react-components authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { BaseProps } from './types';
+
+import React from 'react';
+import styled from 'styled-components';
+
+function Base ({ children, className = '' }: BaseProps): React.ReactElement<BaseProps> {
+  return (
+    <div className={`ui--Menu ${className}`}>
+      {children}
+    </div>
+  );
+}
+
+export default React.memo(styled(Base)`
+  display: flex;
+  flex-direction: column;
+  min-width: 14.286rem;
+  margin: 1rem 0;
+
+  & > *:not(.ui--Menu__Item):not(.ui--Menu__Divider) {
+    margin-right: 1rem;
+    margin-left: 1rem;
+  }
+`);
diff --git a/packages/react-components/src/Menu/Divider.tsx b/packages/react-components/src/Menu/Divider.tsx
new file mode 100644
index 0000000..3fbcf27
--- /dev/null
+++ b/packages/react-components/src/Menu/Divider.tsx
@@ -0,0 +1,22 @@
+// Copyright 2017-2022 @polkadot/react-components authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { DividerProps } from '@polkadot/react-components/Menu/types';
+
+import React from 'react';
+import styled from 'styled-components';
+
+function Divider ({ className = '' }: DividerProps): React.ReactElement {
+  return (
+    <div className={`ui--Menu__Divider ${className}`} />
+  );
+}
+
+export default React.memo(styled(Divider)`
+  margin: 0.25rem 0 1rem;
+  border-top: 1px solid var(--border-table);
+
+  &:first-child, &:last-child {
+    display: none
+  }
+`);
diff --git a/packages/react-components/src/Menu/Header.tsx b/packages/react-components/src/Menu/Header.tsx
new file mode 100644
index 0000000..633b396
--- /dev/null
+++ b/packages/react-components/src/Menu/Header.tsx
@@ -0,0 +1,23 @@
+// Copyright 2017-2022 @polkadot/react-components authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { HeaderProps } from './types';
+
+import React from 'react';
+import styled from 'styled-components';
+
+function Header ({ children, className }: HeaderProps): React.ReactElement {
+  return (
+    <div className={className}>
+      {children}
+    </div>
+  );
+}
+
+export default React.memo(styled(Header)`
+  text-transform: uppercase;
+  font-size: 0.714rem;
+  line-height: 0.857rem;
+
+  margin-bottom: 0.3rem;
+`);
diff --git a/packages/react-components/src/Menu/Item.tsx b/packages/react-components/src/Menu/Item.tsx
new file mode 100644
index 0000000..210c5fd
--- /dev/null
+++ b/packages/react-components/src/Menu/Item.tsx
@@ -0,0 +1,65 @@
+// Copyright 2017-2022 @polkadot/react-components authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { ItemProps } from './types';
+
+import React, { useCallback } from 'react';
+import styled from 'styled-components';
+
+import Icon from '../Icon';
+
+function Item ({ children, className = '', icon, isDisabled, onClick }: ItemProps): React.ReactElement<ItemProps> {
+  const _onClick = useCallback(
+    (): void => {
+      !isDisabled && onClick && onClick();
+    },
+    [isDisabled, onClick]
+  );
+
+  return (
+    <div
+      className={`ui--Menu__Item ${className}${icon ? ' hasIcon' : ''}${isDisabled ? ' isDisabled' : ''}`}
+      onClick={_onClick}
+    >
+      {icon && (
+        <Icon
+          color='darkGray'
+          icon={icon}
+        />
+      )}
+      {children}
+    </div>
+  );
+}
+
+export default React.memo(styled(Item)`
+  cursor: pointer;
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+
+  position: relative;
+
+  font-size: 0.93rem;
+  line-height: 0.93rem;
+
+  padding: 0.5rem 1rem;
+
+  &:last-child {
+    margin-bottom: 0;
+  }
+
+  &.hasIcon {
+    padding-left: 2.6rem;
+  }
+
+  .ui--Icon {
+    position: absolute;
+    left: 1rem;
+  }
+
+  &.isDisabled {
+    cursor: default;
+    opacity: 0.5;
+  }
+`);
diff --git a/packages/react-components/src/Menu/index.tsx b/packages/react-components/src/Menu/index.tsx
new file mode 100644
index 0000000..619c3a3
--- /dev/null
+++ b/packages/react-components/src/Menu/index.tsx
@@ -0,0 +1,25 @@
+// Copyright 2017-2022 @polkadot/react-components authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { BaseProps, DividerProps, HeaderProps, ItemProps } from './types';
+
+import React from 'react';
+
+import MenuBase from './Base';
+import Divider from './Divider';
+import Header from './Header';
+import Item from './Item';
+
+type MenuDef = React.FC<BaseProps> & {
+  Divider: React.FC<DividerProps>;
+  Item: React.FC<ItemProps>;
+  Header: React.FC<HeaderProps>;
+};
+
+const Menu: MenuDef = MenuBase as unknown as MenuDef;
+
+Menu.Divider = Divider;
+Menu.Item = Item;
+Menu.Header = Header;
+
+export default Menu;
diff --git a/packages/react-components/src/Menu/types.ts b/packages/react-components/src/Menu/types.ts
new file mode 100644
index 0000000..b9903b1
--- /dev/null
+++ b/packages/react-components/src/Menu/types.ts
@@ -0,0 +1,27 @@
+// Copyright 2017-2022 @polkadot/react-components authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import { IconName } from '@fortawesome/fontawesome-svg-core';
+import React from 'react';
+
+export interface HeaderProps {
+  children?: React.ReactNode;
+  className?: string;
+}
+
+export interface ItemProps {
+  children?: React.ReactNode;
+  className?: string;
+  icon?: IconName;
+  isDisabled?: boolean;
+  onClick?: () => void | Promise<void> | null;
+}
+
+export interface BaseProps {
+  children?: React.ReactNode;
+  className?: string;
+}
+
+export interface DividerProps {
+  className?: string;
+}
diff --git a/packages/react-components/src/Modal/Actions.tsx b/packages/react-components/src/Modal/Actions.tsx
new file mode 100644
index 0000000..adb1a29
--- /dev/null
+++ b/packages/react-components/src/Modal/Actions.tsx
@@ -0,0 +1,28 @@
+// Copyright 2017-2022 @polkadot/react-components authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { ActionsProps } from './types';
+
+import React from 'react';
+import styled from 'styled-components';
+
+import Button from '../Button';
+
+function Actions ({ children, className = '' }: ActionsProps) {
+  return (
+    <div className={className}>
+      <Button.Group>
+        {children}
+      </Button.Group>
+    </div>
+  );
+}
+
+export default React.memo(styled(Actions)`
+  background-color: var(--bg-input);
+  border-radius: 0 0 4px 4px;
+
+  .ui--Button-Group {
+    margin: 1rem 1rem;
+  }
+`);
diff --git a/packages/react-components/src/Modal/Base.tsx b/packages/react-components/src/Modal/Base.tsx
new file mode 100644
index 0000000..bcd0595
--- /dev/null
+++ b/packages/react-components/src/Modal/Base.tsx
@@ -0,0 +1,107 @@
+// Copyright 2017-2022 @polkadot/react-components authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { ThemeDef } from '../types';
+import type { ModalProps } from './types';
+
+import React, { useCallback, useContext, useEffect } from 'react';
+import { createPortal } from 'react-dom';
+import styled, { createGlobalStyle, ThemeContext } from 'styled-components';
+
+import Header from './Header';
+
+const ESC_KEYCODE = 27;
+
+function Base (props: ModalProps): React.ReactElement<ModalProps> {
+  const { theme } = useContext(ThemeContext as React.Context<ThemeDef>);
+  const { children, className = '', header, onClose, size = 'medium', testId = 'modal' } = props;
+
+  const listenKeyboard = useCallback((event: KeyboardEvent) => {
+    if (event.key === 'Escape' || event.keyCode === ESC_KEYCODE) {
+      onClose();
+    }
+  }, [onClose]);
+
+  useEffect(() => {
+    window.addEventListener('keydown', listenKeyboard, true);
+
+    return () => {
+      window.removeEventListener('keydown', listenKeyboard, true);
+    };
+  }, [listenKeyboard]);
+
+  return createPortal(
+    <div
+      className={`theme--${theme} ui--Modal ${className} size-${size}`}
+      data-testid={testId}
+    >
+      <DisableGlobalScroll />
+      <div
+        className='ui--Modal__overlay'
+        onClick={onClose}
+      />
+      <div className='ui--Modal__body'>
+        <Header
+          header={header}
+          onClose={onClose}
+        />
+        {children}
+      </div>
+    </div>,
+    document.body
+  );
+}
+
+const DisableGlobalScroll = createGlobalStyle`
+  body {
+    overflow: hidden;
+  }
+`;
+
+export default React.memo(styled(Base)`
+  position: fixed;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  min-height: 100vh;
+  z-index: 1000;
+  overflow-y: auto;
+
+  .ui--Modal__overlay {
+    position: fixed;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    background: rgba(96, 96, 96, 0.5);
+  }
+
+  .ui--Modal__body {
+    margin-top: 30px;
+    background: var(--bg-page);
+    border-radius: 4px;
+    box-shadow: none;
+
+    display: flex;
+    flex-direction: column;
+    position: absolute;
+    top: 0;
+    left: 50%;
+    transform: translate(-50%, 0);
+
+    max-width: 900px;
+    width: calc(100% - 16px);
+
+    color: var(--color-text);
+    font: var(--font-sans);
+  }
+
+  &.size-small .ui--Modal__body {
+    max-width: 720px;
+  }
+
+  &.size-large .ui--Modal__body {
+    max-width: 1080px;
+  }
+`);
diff --git a/packages/react-components/src/Modal/Columns.tsx b/packages/react-components/src/Modal/Columns.tsx
new file mode 100644
index 0000000..4d83164
--- /dev/null
+++ b/packages/react-components/src/Modal/Columns.tsx
@@ -0,0 +1,59 @@
+// Copyright 2017-2022 @polkadot/react-components authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { ColumnsProps } from './types';
+
+import React from 'react';
+import styled from 'styled-components';
+
+function Columns ({ children, className = '', hint }: ColumnsProps): React.ReactElement<ColumnsProps> {
+  return (
+    <div className={`ui--Modal-Columns ${className}`}>
+      <div>{children}</div>
+      {hint && (
+        <div>{hint}</div>
+      )}
+    </div>
+  );
+}
+
+export default React.memo(styled(Columns)`
+  align-items: flex-start;
+  display: flex;
+  justify-content: space-between;
+
+  &+& {
+    margin-top: 0.25rem;
+  }
+
+  > div {
+    padding: 0.25em 0;
+
+    &:nth-child(1) {
+      flex: 100%;
+      max-width: 100%;
+    }
+
+    &:nth-child(2) {
+      display: none;
+      flex: 0%;
+    }
+
+    @media only screen and (min-width: 1024px) {
+      &:nth-child(1),
+      &:only-child {
+        flex: 0 65%;
+        max-width: 65%;
+      }
+
+      &:nth-child(2) {
+        box-sizing: border-box;
+        display: block;
+        flex: 0 34%;
+        font-size: 0.95rem;
+        opacity: 0.75;
+        padding: 0.75rem 0 0.25rem 0.5rem;
+      }
+    }
+  }
+`);
diff --git a/packages/react-components/src/Modal/Content.tsx b/packages/react-components/src/Modal/Content.tsx
new file mode 100644
index 0000000..6b28fb0
--- /dev/null
+++ b/packages/react-components/src/Modal/Content.tsx
@@ -0,0 +1,19 @@
+// Copyright 2017-2022 @polkadot/react-components authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { ContentProps } from './types';
+
+import React from 'react';
+import styled from 'styled-components';
+
+function Content ({ children, className = '' }: ContentProps) {
+  return (
+    <div className={`${className} ui--Modal__Content`}>
+      {children}
+    </div>
+  );
+}
+
+export default React.memo(styled(Content)`
+  padding: 1.5rem;
+`);
diff --git a/packages/react-components/src/Modal/Header.tsx b/packages/react-components/src/Modal/Header.tsx
new file mode 100644
index 0000000..412cccb
--- /dev/null
+++ b/packages/react-components/src/Modal/Header.tsx
@@ -0,0 +1,30 @@
+// Copyright 2017-2022 @polkadot/react-components authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { HeaderProps } from './types';
+
+import React from 'react';
+import styled from 'styled-components';
+
+import Button from '../Button';
+
+function Header ({ className = '', header, onClose }: HeaderProps) {
+  return (
+    <div className={`${className} ui--Modal__Header`}>
+      {header && (
+        <h1>{header}</h1>
+      )}
+      <Button
+        dataTestId='close-modal'
+        icon='times'
+        onClick={onClose}
+      />
+    </div>
+  );
+}
+
+export default React.memo(styled(Header)`
+  display: flex;
+  justify-content: space-between;
+  padding: 0.75rem 1.5rem 0;
+`);
diff --git a/packages/react-components/src/Modal/Modal.spec.tsx b/packages/react-components/src/Modal/Modal.spec.tsx
new file mode 100644
index 0000000..08d219e
--- /dev/null
+++ b/packages/react-components/src/Modal/Modal.spec.tsx
@@ -0,0 +1,117 @@
+// Copyright 2017-2022 @polkadot/app-bounties authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import { fireEvent, render, screen } from '@testing-library/react';
+import React, { Suspense } from 'react';
+import { ThemeProvider } from 'styled-components';
+
+import { lightTheme } from '@polkadot/apps/themes';
+import { useToggle } from '@polkadot/react-hooks';
+
+import Button from '../Button';
+import i18next from '../i18n';
+import Modal from './index';
+
+function TestModal () {
+  const [isOpen, toggleIsOpen] = useToggle();
+
+  return (
+    <>
+      <Button
+        icon='plus'
+        isDisabled={false}
+        label='Open Test Modal'
+        onClick={toggleIsOpen}
+      />
+      {isOpen && (
+        <Modal
+          header='Test Modal'
+          onClose={toggleIsOpen}
+          testId='test-modal'
+        >
+          <Modal.Content>
+            Test Modal Content
+          </Modal.Content>
+          <Modal.Actions>
+            <Button
+              icon='plus'
+              label='Submit Modal'
+            />
+          </Modal.Actions>
+        </Modal>
+      )}
+    </>
+  );
+}
+
+function renderModal () {
+  return render(
+    <Suspense fallback='...'>
+      <ThemeProvider theme={lightTheme}>
+        <TestModal />
+      </ThemeProvider>
+    </Suspense>
+  );
+}
+
+describe('Modal Component', () => {
+  beforeAll(async () => {
+    await i18next.changeLanguage('en');
+  });
+
+  it('opens and closes modal', async () => {
+    renderModal();
+
+    await expectModalToBeClosed();
+    await openModal();
+    await expectModalToBeOpen();
+    await closeModal();
+    await expectModalToBeClosed();
+  });
+
+  it('renders all modal sections', async () => {
+    renderModal();
+
+    await expectModalToBeClosed();
+    await openModal();
+    await expectModalToBeOpen();
+
+    await screen.findByText('Test Modal');
+    await screen.findAllByText('Test Modal Content');
+    await screen.findByRole('button', { name: 'Submit Modal' });
+  });
+
+  it('closes modal with ESC button', async () => {
+    renderModal();
+
+    await expectModalToBeClosed();
+    await openModal();
+    await expectModalToBeOpen();
+
+    fireEvent.keyDown(window, {
+      charCode: 27,
+      code: 'Escape',
+      key: 'Escape',
+      keyCode: 27
+    });
+
+    await expectModalToBeClosed();
+  });
+});
+
+async function expectModalToBeClosed () {
+  await screen.findByRole('button', { name: 'Open Test Modal' });
+  expect(screen.queryAllByTestId('test-modal')).toHaveLength(0);
+}
+
+async function expectModalToBeOpen () {
+  await screen.findByTestId('test-modal');
+}
+
+async function openModal () {
+  fireEvent.click(await screen.findByRole('button', { name: 'Open Test Modal' }));
+}
+
+async function closeModal () {
+  fireEvent.click(await screen.findByTestId('close-modal'));
+}
diff --git a/packages/react-components/src/Modal/index.tsx b/packages/react-components/src/Modal/index.tsx
new file mode 100644
index 0000000..6f0061f
--- /dev/null
+++ b/packages/react-components/src/Modal/index.tsx
@@ -0,0 +1,17 @@
+// Copyright 2017-2022 @polkadot/react-components authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { ModalType } from './types';
+
+import Actions from './Actions';
+import ModalBase from './Base';
+import Columns from './Columns';
+import Content from './Content';
+
+const Modal = ModalBase as unknown as ModalType;
+
+Modal.Actions = Actions;
+Modal.Columns = Columns;
+Modal.Content = Content;
+
+export default Modal;
diff --git a/packages/react-components/src/Modal/types.tsx b/packages/react-components/src/Modal/types.tsx
new file mode 100644
index 0000000..d660de5
--- /dev/null
+++ b/packages/react-components/src/Modal/types.tsx
@@ -0,0 +1,49 @@
+// Copyright 2017-2022 @polkadot/react-components authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import React from 'react';
+
+export interface HeaderProps {
+  className?: string;
+  header?: React.ReactNode;
+  onClose: () => void;
+}
+
+export interface ColumnsProps {
+  children: React.ReactNode;
+  className?: string;
+  hint?: React.ReactNode;
+}
+
+type ModalSize = 'large' | 'medium' | 'small'
+
+export interface ModalProps {
+  size?: ModalSize;
+  children: React.ReactNode;
+  className?: string;
+  header?: React.ReactNode;
+  open?: boolean;
+  onClose: () => void;
+  testId?: string;
+  [index: string]: any;
+}
+
+export interface ActionsProps {
+  className?: string;
+  children: React.ReactNode;
+}
+
+export interface BodyProps {
+  size: ModalSize;
+}
+
+export interface ContentProps {
+  className?: string;
+  children: React.ReactNode;
+}
+
+export type ModalType = React.FC<ModalProps> & {
+  Actions: React.FC<ActionsProps>;
+  Columns: React.FC<ColumnsProps>;
+  Content: React.FC<ContentProps>;
+};
diff --git a/packages/react-components/src/Nonce.tsx b/packages/react-components/src/Nonce.tsx
new file mode 100644
index 0000000..5379349
--- /dev/null
+++ b/packages/react-components/src/Nonce.tsx
@@ -0,0 +1,30 @@
+// Copyright 2017-2022 @polkadot/react-components authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { AccountId, AccountIndex, Address } from '@polkadot/types/interfaces';
+
+import React from 'react';
+
+import { Nonce } from '@polkadot/react-query';
+
+export interface Props {
+  className?: string;
+  label?: React.ReactNode;
+  params?: AccountId | AccountIndex | Address | string | Uint8Array | null;
+}
+
+function NonceDisplay ({ className = '', label, params }: Props): React.ReactElement<Props> | null {
+  if (!params) {
+    return null;
+  }
+
+  return (
+    <Nonce
+      className={`ui--Nonce ${className}`}
+      label={label}
+      params={params.toString()}
+    />
+  );
+}
+
+export default React.memo(NonceDisplay);
diff --git a/packages/react-components/src/Output.tsx b/packages/react-components/src/Output.tsx
new file mode 100644
index 0000000..9361284
--- /dev/null
+++ b/packages/react-components/src/Output.tsx
@@ -0,0 +1,66 @@
+// Copyright 2017-2022 @polkadot/react-components authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import React from 'react';
+import styled from 'styled-components';
+
+import CopyButton from './CopyButton';
+import Labelled from './Labelled';
+
+interface Props {
+  children?: React.ReactNode;
+  className?: string;
+  help?: React.ReactNode;
+  isDisabled?: boolean;
+  isError?: boolean;
+  isFull?: boolean;
+  isHidden?: boolean;
+  isMonospace?: boolean;
+  isSmall?: boolean;
+  isTrimmed?: boolean;
+  label?: React.ReactNode;
+  labelExtra?: React.ReactNode;
+  value?: string;
+  withCopy?: boolean;
+  withLabel?: boolean;
+}
+
+function Output ({ children, className = '', help, isDisabled, isError, isFull, isHidden, isMonospace, isSmall, isTrimmed, label, labelExtra, value, withCopy = false, withLabel }: Props): React.ReactElement<Props> {
+  return (
+    <Labelled
+      className={className}
+      help={help}
+      isFull={isFull}
+      isHidden={isHidden}
+      isSmall={isSmall}
+      label={label}
+      labelExtra={labelExtra}
+      withLabel={withLabel}
+    >
+      <div className={`ui--output ui dropdown selection ${isError ? ' error' : ''}${isMonospace ? ' monospace' : ''}${isDisabled ? 'isDisabled' : ''}`}>
+        {isTrimmed && value && (value.length > 512)
+          ? `${value.substr(0, 256)}…${value.substr(-256)}`
+          : value
+        }
+        {children}
+      </div>
+      {withCopy && (
+        <CopyButton value={value} />
+      )}
+    </Labelled>
+  );
+}
+
+export default React.memo(styled(Output)`
+  .ui.selection.dropdown.ui--output.isDisabled {
+    background: transparent;
+    border-style: dashed;
+    opacity: 1;
+  }
+
+  pre {
+    margin: 0;
+    overflow: hidden;
+    text-overflow: ellipsis;
+  }
+`);
diff --git a/packages/react-components/src/ParaLink.tsx b/packages/react-components/src/ParaLink.tsx
new file mode 100644
index 0000000..4f53345
--- /dev/null
+++ b/packages/react-components/src/ParaLink.tsx
@@ -0,0 +1,66 @@
+// Copyright 2017-2022 @polkadot/app-staking authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { BN } from '@polkadot/util';
+
+import React, { useMemo } from 'react';
+import styled from 'styled-components';
+
+import { useParaEndpoints } from '@polkadot/react-hooks';
+
+import ChainImg from './ChainImg';
+
+interface Props {
+  className?: string;
+  id: BN;
+}
+
+function ParaLink ({ className, id }: Props): React.ReactElement<Props> | null {
+  const endpoints = useParaEndpoints(id);
+  const links = useMemo(
+    () => endpoints.filter(({ isDisabled, isUnreachable }) => !isDisabled && !isUnreachable),
+    [endpoints]
+  );
+
+  if (!endpoints.length) {
+    return null;
+  }
+
+  const { info, text, value } = links.length
+    ? links[links.length - 1]
+    : endpoints[0];
+
+  return (
+    <div className={className}>
+      <ChainImg
+        isInline
+        logo={info || 'empty'}
+        withoutHl
+      />
+      {links.length
+        ? (
+          <a
+            className='chainAlign'
+            href={`${window.location.origin}${window.location.pathname}?rpc=${encodeURIComponent(value)}`}
+          >{text}</a>
+        )
+        : text
+      }
+    </div>
+  );
+}
+
+export default React.memo(styled(ParaLink)`
+  vertical-align: middle;
+  white-space: nowrap;
+
+  a.chainAlign {
+    display: inline-block;
+    height: 24px;
+    line-height: 24px;
+    max-width: 10em;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    vertical-align: middle;
+  }
+`);
diff --git a/packages/react-components/src/Params/Call.tsx b/packages/react-components/src/Params/Call.tsx
new file mode 100644
index 0000000..a0bbec3
--- /dev/null
+++ b/packages/react-components/src/Params/Call.tsx
@@ -0,0 +1,40 @@
+// Copyright 2017-2022 @polkadot/app-extrinsics authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { SubmittableExtrinsicFunction } from '@polkadot/api/types';
+import type { Props } from '@polkadot/react-params/types';
+
+import React from 'react';
+
+import { useApi } from '@polkadot/react-hooks';
+
+import Extrinsic from './Extrinsic';
+
+function Call ({ className = '', isDisabled, isError, label, onChange, onEnter, onEscape, withLabel }: Props): React.ReactElement<Props> {
+  const { api, apiDefaultTx } = useApi();
+
+  const defaultValue = ((): SubmittableExtrinsicFunction<'promise'> => {
+    try {
+      return api.tx.balances.transfer;
+    } catch (error) {
+      return apiDefaultTx;
+    }
+  })();
+
+  return (
+    <Extrinsic
+      className={className}
+      defaultValue={defaultValue}
+      isDisabled={isDisabled}
+      isError={isError}
+      isPrivate={false}
+      label={label}
+      onChange={onChange}
+      onEnter={onEnter}
+      onEscape={onEscape}
+      withLabel={withLabel}
+    />
+  );
+}
+
+export default React.memo(Call);
diff --git a/packages/react-components/src/Params/Extrinsic.tsx b/packages/react-components/src/Params/Extrinsic.tsx
new file mode 100644
index 0000000..06d5830
--- /dev/null
+++ b/packages/react-components/src/Params/Extrinsic.tsx
@@ -0,0 +1,50 @@
+// Copyright 2017-2022 @polkadot/app-extrinsics authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { SubmittableExtrinsic, SubmittableExtrinsicFunction } from '@polkadot/api/types';
+import type { RawParamOnChange, RawParamOnEnter, RawParamOnEscape } from '@polkadot/react-params/types';
+
+import React, { useCallback } from 'react';
+
+import BaseExtrinsic from '../Extrinsic';
+
+interface Props {
+  className?: string;
+  defaultValue: SubmittableExtrinsicFunction<'promise'>;
+  isDisabled?: boolean;
+  isError?: boolean;
+  isPrivate: boolean;
+  label: React.ReactNode;
+  onChange?: RawParamOnChange;
+  onEnter?: RawParamOnEnter;
+  onEscape?: RawParamOnEscape;
+  withLabel?: boolean;
+}
+
+function ExtrinsicDisplay ({ className = '', defaultValue, isDisabled, isError, isPrivate, label, onChange, onEnter, onEscape, withLabel }: Props): React.ReactElement<Props> {
+  const _onChange = useCallback(
+    (method?: SubmittableExtrinsic<'promise'>): void =>
+      onChange && onChange({
+        isValid: !!method,
+        value: method
+      }),
+    [onChange]
+  );
+
+  return (
+    <BaseExtrinsic
+      className={className}
+      defaultValue={defaultValue}
+      isDisabled={isDisabled}
+      isError={isError}
+      isPrivate={isPrivate}
+      label={label}
+      onChange={_onChange}
+      onEnter={onEnter}
+      onEscape={onEscape}
+      withLabel={withLabel}
+    />
+  );
+}
+
+export default React.memo(ExtrinsicDisplay);
diff --git a/packages/react-components/src/Params/OpaqueCall.tsx b/packages/react-components/src/Params/OpaqueCall.tsx
new file mode 100644
index 0000000..48502ce
--- /dev/null
+++ b/packages/react-components/src/Params/OpaqueCall.tsx
@@ -0,0 +1,48 @@
+// Copyright 2017-2022 @polkadot/app-extrinsics authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { SubmittableExtrinsic } from '@polkadot/api/types';
+import type { Props, RawParam } from '@polkadot/react-params/types';
+
+import React, { useCallback } from 'react';
+
+import { useApi } from '@polkadot/react-hooks';
+
+import ExtrinsicDisplay from './Extrinsic';
+
+function OpaqueCall ({ className = '', isDisabled, isError, label, onChange, onEnter, onEscape, withLabel }: Props): React.ReactElement<Props> {
+  const { apiDefaultTxSudo } = useApi();
+
+  const _onChange = useCallback(
+    ({ isValid, value }: RawParam): void => {
+      let callData = null;
+
+      if (isValid && value) {
+        callData = (value as SubmittableExtrinsic<'promise'>).method.toHex();
+      }
+
+      onChange && onChange({
+        isValid,
+        value: callData
+      });
+    },
+    [onChange]
+  );
+
+  return (
+    <ExtrinsicDisplay
+      className={className}
+      defaultValue={apiDefaultTxSudo}
+      isDisabled={isDisabled}
+      isError={isError}
+      isPrivate
+      label={label}
+      onChange={_onChange}
+      onEnter={onEnter}
+      onEscape={onEscape}
+      withLabel={withLabel}
+    />
+  );
+}
+
+export default React.memo(OpaqueCall);
diff --git a/packages/react-components/src/Params/Proposal.tsx b/packages/react-components/src/Params/Proposal.tsx
new file mode 100644
index 0000000..755e8ac
--- /dev/null
+++ b/packages/react-components/src/Params/Proposal.tsx
@@ -0,0 +1,47 @@
+// Copyright 2017-2022 @polkadot/app-extrinsics authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { Props, RawParam } from '@polkadot/react-params/types';
+
+import React, { useCallback } from 'react';
+
+import { useApi } from '@polkadot/react-hooks';
+
+import ExtrinsicDisplay from './Extrinsic';
+
+function ProposalDisplay ({ className = '', isDisabled, isError, label, onChange, onEnter, onEscape, withLabel }: Props): React.ReactElement<Props> {
+  const { api, apiDefaultTxSudo } = useApi();
+
+  const _onChange = useCallback(
+    ({ isValid, value }: RawParam): void => {
+      let proposal = null;
+
+      if (isValid && value) {
+        proposal = api.createType('Proposal', value);
+      }
+
+      onChange && onChange({
+        isValid,
+        value: proposal
+      });
+    },
+    [api, onChange]
+  );
+
+  return (
+    <ExtrinsicDisplay
+      className={className}
+      defaultValue={apiDefaultTxSudo}
+      isDisabled={isDisabled}
+      isError={isError}
+      isPrivate
+      label={label}
+      onChange={_onChange}
+      onEnter={onEnter}
+      onEscape={onEscape}
+      withLabel={withLabel}
+    />
+  );
+}
+
+export default React.memo(ProposalDisplay);
diff --git a/packages/react-components/src/Params/index.ts b/packages/react-components/src/Params/index.ts
new file mode 100644
index 0000000..b449abf
--- /dev/null
+++ b/packages/react-components/src/Params/index.ts
@@ -0,0 +1,16 @@
+// Copyright 2017-2022 @polkadot/app-extrinsics authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { ComponentMap } from '@polkadot/react-params/types';
+
+import Call from './Call';
+import OpaqueCall from './OpaqueCall';
+import Proposal from './Proposal';
+
+const components: ComponentMap = {
+  Call,
+  OpaqueCall,
+  Proposal
+};
+
+export default components;
diff --git a/packages/react-components/src/ParentAccount.tsx b/packages/react-components/src/ParentAccount.tsx
new file mode 100644
index 0000000..9c27138
--- /dev/null
+++ b/packages/react-components/src/ParentAccount.tsx
@@ -0,0 +1,45 @@
+// Copyright 2017-2022 @polkadot/page-accounts authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import React from 'react';
+import styled from 'styled-components';
+
+import AccountName from '@polkadot/react-components/AccountName';
+import { Icon } from '@polkadot/react-components/index';
+
+interface ParentAccountProps {
+  address: string,
+  className?: string
+}
+
+function ParentAccount ({ address, className }: ParentAccountProps): React.ReactElement<ParentAccountProps> {
+  return (
+    <div
+      className={className}
+      data-testid='parent'
+    >
+      <Icon
+        className='parent-icon'
+        icon='code-branch'
+      />
+      <AccountName
+        value={address}
+        withSidebar
+      >
+      </AccountName>
+    </div>
+  );
+}
+
+export default React.memo(styled(ParentAccount)`
+  align-items: center;
+  color: #8B8B8B;
+  font-size: 0.75rem;
+  display: flex;
+
+  & .parent-icon {
+    font-size: 0.625rem;
+    margin-right: 0.3rem;
+    margin-left: 0.15rem;
+  }
+`);
diff --git a/packages/react-components/src/Password.tsx b/packages/react-components/src/Password.tsx
new file mode 100644
index 0000000..0cf5532
--- /dev/null
+++ b/packages/react-components/src/Password.tsx
@@ -0,0 +1,54 @@
+// Copyright 2017-2022 @polkadot/react-components authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import React from 'react';
+
+import Input from './Input';
+
+interface Props {
+  autoFocus?: boolean;
+  children?: React.ReactNode;
+  className?: string;
+  defaultValue?: string;
+  help?: string;
+  isDisabled?: boolean;
+  isError?: boolean;
+  isFull?: boolean;
+  label?: string;
+  labelExtra?: React.ReactNode;
+  name?: string;
+  onChange: (value: string) => void;
+  onEnter?: () => void;
+  onEscape?: () => void;
+  tabIndex?: number;
+  value: string;
+  withLabel?: boolean;
+}
+
+function Password ({ autoFocus, children, className = '', defaultValue, help, isDisabled, isError, isFull, label, labelExtra, name, onChange, onEnter, onEscape, tabIndex, value, withLabel }: Props): React.ReactElement<Props> {
+  return (
+    <Input
+      autoFocus={autoFocus}
+      className={`ui--Password ${className}`}
+      defaultValue={defaultValue}
+      help={help}
+      isDisabled={isDisabled}
+      isError={isError}
+      isFull={isFull}
+      label={label}
+      labelExtra={labelExtra}
+      name={name}
+      onChange={onChange}
+      onEnter={onEnter}
+      onEscape={onEscape}
+      tabIndex={tabIndex}
+      type='password'
+      value={value}
+      withLabel={withLabel}
+    >
+      {children}
+    </Input>
+  );
+}
+
+export default React.memo(Password);
diff --git a/packages/react-components/src/PasswordStrength.tsx b/packages/react-components/src/PasswordStrength.tsx
new file mode 100644
index 0000000..614b886
--- /dev/null
+++ b/packages/react-components/src/PasswordStrength.tsx
@@ -0,0 +1,80 @@
+// Copyright 2017-2022 @polkadot/react-components authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import strengthTester from 'owasp-password-strength-test';
+import React from 'react';
+import styled from 'styled-components';
+
+import { useTranslation } from './translate';
+
+const MAX_STRENGTH = 7; // equal to number of password tests in owasp strength tester
+
+strengthTester.config({
+  allowPassphrases: true,
+  maxLength: 128,
+  minLength: 8,
+  minPhraseLength: 20
+});
+
+interface Props {
+  className?: string;
+  value: string;
+}
+
+function calcStrength (password: string): number {
+  const testResult = strengthTester.test(password);
+  const passedTests = Math.max(0, testResult.passedTests.length - testResult.failedTests.length);
+
+  return testResult.isPassphrase ? MAX_STRENGTH : passedTests;
+}
+
+function PasswordStrength ({ className = '', value }: Props): React.ReactElement<Props> {
+  const { t } = useTranslation();
+
+  const passwordStrength = calcStrength(value);
+  const style = { width: `${passwordStrength * 100 / MAX_STRENGTH}%` };
+
+  return (
+    <div
+      className={className}
+      style={{ display: (value ? 'flex' : 'none') }}
+    >
+      {t<string>('weak')}
+      <div className='ui--Strength-bar'>
+        <div
+          className='ui--Strength-bar-highlighted'
+          style={style}
+        />
+      </div>
+      {t<string>('strong')}
+    </div>
+  );
+}
+
+export default React.memo(styled(PasswordStrength)`
+  align-items: center;
+  margin-top: 0.5rem;
+  margin-left: 2rem;
+  font-size: 1rem;
+  text-transform: uppercase;
+  color: var(--color-label);
+
+  .ui--Strength-bar {
+    position: relative;
+    height: 0.6rem;
+    width: 100%;
+    margin: 0 10px;
+    border: 1px solid #DFDFDF;
+    border-radius: 0.15rem;
+    background: #ECECEC;
+  }
+
+  .ui--Strength-bar-highlighted {
+    position: absolute;
+    top: -0.07rem;
+    height: 0.6rem;
+    width: 100%;
+    border-radius: 0.15rem;
+    background: linear-gradient(90.43deg, #FF8B00 0%, #FFBB50 112.75%);
+  }
+`);
diff --git a/packages/react-components/src/Popup/Popup.spec.tsx b/packages/react-components/src/Popup/Popup.spec.tsx
new file mode 100644
index 0000000..3751909
--- /dev/null
+++ b/packages/react-components/src/Popup/Popup.spec.tsx
@@ -0,0 +1,74 @@
+// Copyright 2017-2022 @polkadot/react-components  authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import { fireEvent, render, screen } from '@testing-library/react';
+import React, { Suspense } from 'react';
+
+import { Popup } from '@polkadot/react-components';
+import i18next from '@polkadot/react-components/i18n';
+
+function TestPopup () {
+  return (
+    <>
+      <h1>Test outside text</h1>
+      <Popup
+        value={
+          <div>
+            Test popup content
+          </div>
+        }
+      />
+    </>
+  );
+}
+
+function renderPopup () {
+  return render(
+    <Suspense fallback='...'>
+      <TestPopup />
+    </Suspense>
+  );
+}
+
+describe('Popup Component', () => {
+  beforeAll(async () => {
+    await i18next.changeLanguage('en');
+  });
+
+  it('opens and closes', async () => {
+    renderPopup();
+
+    await expectPopupToBeClosed();
+    await togglePopup();
+    await expectPopupToBeOpen();
+    await togglePopup();
+    await expectPopupToBeClosed();
+  });
+
+  it('closes popup with outside click', async () => {
+    renderPopup();
+
+    await expectPopupToBeClosed();
+    await togglePopup();
+    await expectPopupToBeOpen();
+    await clickOutside();
+    await expectPopupToBeClosed();
+  });
+});
+
+async function expectPopupToBeClosed () {
+  await screen.findByRole('button');
+  expect(screen.queryAllByText('Test popup content')).toHaveLength(0);
+}
+
+async function expectPopupToBeOpen () {
+  await screen.findByText('Test popup content');
+}
+
+async function togglePopup () {
+  fireEvent.click(await screen.findByRole('button'));
+}
+
+async function clickOutside () {
+  fireEvent.click(await screen.findByText('Test outside text'));
+}
diff --git a/packages/react-components/src/Popup/PopupWindow.tsx b/packages/react-components/src/Popup/PopupWindow.tsx
new file mode 100644
index 0000000..82dec56
--- /dev/null
+++ b/packages/react-components/src/Popup/PopupWindow.tsx
@@ -0,0 +1,98 @@
+// Copyright 2017-2022 @polkadot/react-components authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { PopupWindowProps } from './types';
+
+import React from 'react';
+import { createPortal } from 'react-dom';
+import styled, { css } from 'styled-components';
+
+import { usePopupWindow } from '@polkadot/react-hooks/usePopupWindow';
+
+function PopupWindow ({ children, className = '', position, triggerRef, windowRef }: PopupWindowProps) {
+  const { renderWindowPosition, verticalPosition } = usePopupWindow(windowRef, triggerRef, position);
+
+  return createPortal(
+    <div
+      className={`${className}${verticalPosition === 'top' ? ' pointerTop' : ' pointerBottom'}`}
+      data-testid='popup-window'
+      ref={windowRef}
+      style={renderWindowPosition && { transform: `translate3d(${renderWindowPosition.x}px, ${renderWindowPosition.y}px, 0)`, zIndex: 1000 }}
+    >
+      {children}
+    </div>,
+    document.body
+  );
+}
+
+export default React.memo(styled(PopupWindow)`
+  position: absolute;
+  top:0;
+  left:0;
+  z-index: -1;
+
+  margin: 0.7rem 0;
+  padding: 0;
+
+  color: var(--color-text);
+  background-color: var(--bg-menu);
+  border-radius: 4px;
+  border: 1px solid #d4d4d5;
+  box-shadow: 0 2px 4px 0 rgb(34 36 38 / 12%), 0 2px 10px 0 rgb(34 36 38 / 15%);
+
+  &::before {
+    position: absolute;
+    right: 50%;
+    top: unset;
+    bottom: -0.45rem;
+    box-shadow: 1px 1px 0 0 #bababc;
+
+    ${({ position }) => position === 'left' && css`
+      left: unset;
+      right: 0.8rem;
+    `}
+
+    ${({ position }) => position === 'right' && css`
+      left: 0.8rem;
+      right: unset;
+    `}
+
+    content: '';
+
+    background-color: var(--bg-menu);
+
+    width: 1rem;
+    height: 1rem;
+    transform: rotate(45deg);
+    z-index: 2;
+  }
+
+  &.pointerBottom::before {
+    box-shadow: -1px -1px 0 0 #bababc;
+
+    top: -0.45rem;
+    bottom: unset;
+  }
+
+  .ui.text.menu .item {
+    color: var(--color-text) !important;
+    text-align: left;
+
+    &.disabled {
+     opacity: 0.3;
+    }
+  }
+
+  & > *:not(.ui--Menu) {
+    margin-left: 1rem;
+    margin-right: 1rem;
+  }
+
+  & > *:first-child:not(.ui--Menu) {
+    margin-top: 1rem;
+  }
+
+  & > *:last-child:not(.ui--Menu) {
+    margin-bottom: 1rem;
+  }
+`);
diff --git a/packages/react-components/src/Popup/index.tsx b/packages/react-components/src/Popup/index.tsx
new file mode 100644
index 0000000..29ff51e
--- /dev/null
+++ b/packages/react-components/src/Popup/index.tsx
@@ -0,0 +1,69 @@
+// Copyright 2017-2022 @polkadot/react-components authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { PopupProps } from './types';
+
+import React, { useCallback, useEffect, useRef } from 'react';
+import styled from 'styled-components';
+
+import { Button } from '@polkadot/react-components/index';
+import { useOutsideClick, useToggle } from '@polkadot/react-hooks';
+
+import PopupWindow from './PopupWindow';
+
+function Popup ({ children, className = '', closeOnScroll = false, isDisabled = false, onCloseAction, position = 'left', value }: PopupProps) {
+  const [isOpen, toggleIsOpen, setIsOpen] = useToggle(false);
+  const triggerRef = useRef<HTMLDivElement>(null);
+  const dropdownRef = useRef<HTMLDivElement>(null);
+  const closeWindow = useCallback(() => setIsOpen(false), [setIsOpen]);
+
+  useOutsideClick([triggerRef, dropdownRef], closeWindow);
+
+  useEffect(() => {
+    if (closeOnScroll) {
+      document.addEventListener('scroll', closeWindow, true);
+    }
+
+    return () => document.removeEventListener('scroll', closeWindow, true);
+  }, [closeOnScroll, closeWindow, setIsOpen]);
+
+  useEffect(() => {
+    if (!isOpen && onCloseAction) {
+      onCloseAction();
+    }
+  }, [isOpen, onCloseAction]);
+
+  return (
+    <div className={`ui--Popup ${className}`}>
+      {isOpen && (
+        <PopupWindow
+          position={position}
+          triggerRef={triggerRef}
+          windowRef={dropdownRef}
+        >
+          {value}
+        </PopupWindow>
+      )}
+      <div
+        onClick={toggleIsOpen}
+        ref={triggerRef}
+      >
+        {children ?? (
+          <Button
+            className={isOpen ? 'isOpen' : ''}
+            icon='ellipsis-v'
+            isDisabled={isDisabled}
+            isReadOnly={false}
+          />
+        )}
+      </div>
+    </div>
+  );
+}
+
+export default React.memo(styled(Popup)`
+  display: inline-flex;
+  flex-direction: column;
+  justify-content: center;
+  position: relative;
+`);
diff --git a/packages/react-components/src/Popup/types.ts b/packages/react-components/src/Popup/types.ts
new file mode 100644
index 0000000..ad2942f
--- /dev/null
+++ b/packages/react-components/src/Popup/types.ts
@@ -0,0 +1,25 @@
+// Copyright 2017-2022 @polkadot/react-components authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import React from 'react';
+
+export type HorizontalPosition = 'left' | 'middle' | 'right'
+export type VerticalPosition = 'top' | 'bottom'
+
+export interface PopupWindowProps {
+  className?: string;
+  children?: React.ReactNode;
+  windowRef: React.RefObject<HTMLDivElement>;
+  triggerRef: React.RefObject<HTMLDivElement>;
+  position: HorizontalPosition;
+}
+
+export interface PopupProps {
+  isDisabled?: boolean;
+  className?: string;
+  closeOnScroll?: boolean;
+  value?: React.ReactNode;
+  children?: React.ReactNode;
+  position?: HorizontalPosition;
+  onCloseAction?: () => void;
+}
diff --git a/packages/react-components/src/Popup/utils.ts b/packages/react-components/src/Popup/utils.ts
new file mode 100644
index 0000000..e566ea9
--- /dev/null
+++ b/packages/react-components/src/Popup/utils.ts
@@ -0,0 +1,76 @@
+// Copyright 2017-2022 @polkadot/react-components authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { ElementPosition } from '@polkadot/react-hooks/useElementPosition';
+
+import { WindowSize } from '@polkadot/react-hooks/useWindowSize';
+
+import { HorizontalPosition, VerticalPosition } from './types';
+
+// 0.8rem
+const POINTER_OFFSET = 14 * 0.8;
+// we don't want our popup window to cover apps menu
+const MENU_BAR_HEIGHT = 56;
+// adds 1rem margin between browsers window and popup
+const FIXED_VERTICAL_OFFSET_MARGIN = 14;
+
+export function getPosition (
+  triggerPosition: ElementPosition,
+  positionX: HorizontalPosition,
+  positionY: VerticalPosition,
+  windowPosition: ElementPosition,
+  scrollY: number,
+  windowSize: WindowSize
+): {x: number, y: number} {
+  const globalX = triggerPosition.x + (triggerPosition.width / 2);
+  const globalY = triggerPosition.y + scrollY + (triggerPosition.height / 2);
+
+  return {
+    x: globalX - getHorizontalOffset(windowPosition.width, positionX),
+    y: fitsInView(positionY, triggerPosition, windowPosition.height, windowSize, scrollY)
+      ? globalY + getVerticalOffset(triggerPosition.height, positionY, windowPosition.height)
+      : getFixedVerticalPosition(scrollY, positionY, windowSize, windowPosition.height)
+  };
+}
+
+function getHorizontalOffset (popupWindowWidth: number, position: HorizontalPosition): number {
+  if (position === 'left') {
+    return popupWindowWidth - POINTER_OFFSET;
+  }
+
+  if (position === 'right') {
+    return POINTER_OFFSET;
+  }
+
+  return (popupWindowWidth / 2);
+}
+
+function fitsInView (positionY: VerticalPosition, trigger: ElementPosition, popupWindowHeight: number, windowSize: WindowSize, scrollY: number): boolean {
+  const { height: triggerHeight, y: triggerY } = trigger;
+
+  if (positionY === 'bottom') {
+    return windowSize.height - triggerHeight - triggerY - FIXED_VERTICAL_OFFSET_MARGIN > popupWindowHeight;
+  }
+
+  return scrollY < MENU_BAR_HEIGHT
+    ? triggerY - (MENU_BAR_HEIGHT - scrollY) > popupWindowHeight
+    : triggerY > popupWindowHeight;
+}
+
+function getVerticalOffset (triggerHeight: number, position: VerticalPosition, windowHeight: number): number {
+  if (position === 'bottom') {
+    return triggerHeight / 2;
+  }
+
+  return (triggerHeight / 2 + windowHeight + POINTER_OFFSET) * -1;
+}
+
+function getFixedVerticalPosition (scrollY: number, position: VerticalPosition, windowSize: WindowSize, popupWindowHeight: number): number {
+  if (position === 'bottom') {
+    return scrollY + windowSize.height - popupWindowHeight - FIXED_VERTICAL_OFFSET_MARGIN;
+  }
+
+  return scrollY < MENU_BAR_HEIGHT
+    ? MENU_BAR_HEIGHT
+    : scrollY;
+}
diff --git a/packages/react-components/src/Progress.tsx b/packages/react-components/src/Progress.tsx
new file mode 100644
index 0000000..f807c2f
--- /dev/null
+++ b/packages/react-components/src/Progress.tsx
@@ -0,0 +1,148 @@
+// Copyright 2017-2022 @polkadot/react-components authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { UInt } from '@polkadot/types';
+import type { BN } from '@polkadot/util';
+
+import React from 'react';
+import styled from 'styled-components';
+
+import { bnToBn } from '@polkadot/util';
+
+interface Props {
+  className?: string;
+  isDisabled?: boolean;
+  total?: UInt | BN | number | null;
+  value?: UInt | BN | number | null;
+}
+
+interface RotateProps {
+  angle: string;
+  type: 'first' | 'second';
+}
+
+function DivClip ({ angle, type }: RotateProps): React.ReactElement<RotateProps> {
+  return (
+    <div className={`clip ${type}`}>
+      <div
+        className='highlight--bg'
+        style={{ transform: `rotate(${angle}deg)` }}
+      />
+    </div>
+  );
+}
+
+const Clip = React.memo(DivClip);
+
+function Progress ({ className = '', isDisabled, total, value }: Props): React.ReactElement<Props> | null {
+  const _total = bnToBn(total || 0);
+  const angle = _total.gtn(0)
+    ? (bnToBn(value || 0).muln(36000).div(_total).toNumber() / 100)
+    : 0;
+
+  if (angle < 0) {
+    return null;
+  }
+
+  const drawAngle = angle % 360;
+
+  return (
+    <div className={`ui--Progress${isDisabled ? ' isDisabled' : ''} ${className}`}>
+      <div className='background highlight--bg' />
+      <Clip
+        angle={
+          drawAngle <= 180
+            ? drawAngle.toFixed(1)
+            : '180'
+        }
+        type='first'
+      />
+      <Clip
+        angle={
+          drawAngle <= 180
+            ? '0'
+            : (drawAngle - 180).toFixed(1)
+        }
+        type='second'
+      />
+      <div className='inner'>
+        <div>{Math.floor(angle * 100 / 360)}%</div>
+      </div>
+    </div>
+  );
+}
+
+export default React.memo(styled(Progress)`
+  border-radius: 100%;
+  clip-path: circle(50%);
+  height: 4rem;
+  position: relative;
+  width: 4rem;
+
+  &.isDisabled {
+    filter: grayscale(100%);
+    opacity: 0.25;
+  }
+
+  .background,
+  .clip {
+    bottom: 0;
+    left: 0;
+    position: absolute;
+    right: 0;
+    top: 0;
+  }
+
+  .background {
+    opacity: 0.125;
+  }
+
+  .inner {
+    align-items: center;
+    background: var(--bg-inverse);
+    border-radius: 100%;
+    bottom: 0.375rem;
+    color: var(--color-summary);
+    display: flex;
+    justify-content: center;
+    left: 0.375rem;
+    position: absolute;
+    right: 0.375rem;
+    top: 0.375rem;
+
+    div {
+      line-height: 1;
+      font-size: 1.1rem;
+      text-shadow: 0 0 2px #f5f3f1;
+    }
+  }
+
+  .clip {
+    div {
+      border-radius: 100%;
+      bottom: 0;
+      left: 0;
+      position: absolute;
+      right: 0;
+      transform: rotate(0);
+      top: 0;
+      zoom: 1;
+    }
+  }
+
+  .clip.first {
+    clip-path: polygon(50% 0, 100% 0, 100% 100%, 50% 100%);
+
+    div {
+      clip-path: polygon(0 0, 50% 0, 50% 100%, 0 100%);
+    }
+  }
+
+  .clip.second {
+    clip-path: polygon(0 0, 50% 0, 50% 100%, 0 100%);
+
+    div {
+      clip-path: polygon(50% 0, 100% 0, 100% 100%, 50% 100%);
+    }
+  }
+`);
diff --git a/packages/react-components/src/ProposedAction.tsx b/packages/react-components/src/ProposedAction.tsx
new file mode 100644
index 0000000..ea59454
--- /dev/null
+++ b/packages/react-components/src/ProposedAction.tsx
@@ -0,0 +1,77 @@
+// Copyright 2017-2022 @polkadot/app-democracy authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { Proposal } from '@polkadot/types/interfaces';
+import type { BN } from '@polkadot/util';
+
+import React from 'react';
+import styled from 'styled-components';
+
+import { formatNumber, isString } from '@polkadot/util';
+
+import Call from './Call';
+import Expander from './Expander';
+import { useTranslation } from './translate';
+import TreasuryProposal from './TreasuryProposal';
+import { isTreasuryProposalVote } from './util';
+
+interface Props {
+  className?: string;
+  proposal?: Proposal | null;
+  idNumber: BN | number | string;
+  withLinks?: boolean;
+  expandNested?: boolean;
+}
+
+function ProposedAction ({ className = '', expandNested, idNumber, proposal, withLinks }: Props): React.ReactElement<Props> {
+  const { t } = useTranslation();
+  const stringId = isString(idNumber)
+    ? idNumber
+    : formatNumber(idNumber);
+
+  if (!proposal) {
+    return (
+      <h3>#{stringId}&nbsp;{t<string>('No execution details available for this proposal')}</h3>
+    );
+  }
+
+  const { meta, method, section } = proposal.registry.findMetaCall(proposal.callIndex);
+
+  const header = `#${stringId}: ${section}.${method}`;
+
+  return (
+    <div className={`ui--ProposedAction ${className}`}>
+      <h3>{header}</h3>
+      <Expander summaryMeta={meta}>
+        {(isTreasuryProposalVote(proposal) && expandNested)
+          ? (
+            <TreasuryProposal
+              asInset={withLinks}
+              insetProps={{
+                withBottomMargin: true,
+                withTopMargin: true,
+                ...(withLinks ? { href: '/treasury' } : {})
+              }}
+              proposalId={proposal.args[0].toString()}
+            />
+          )
+          : <Call value={proposal} />
+        }
+      </Expander>
+    </div>
+  );
+}
+
+export default React.memo(styled(ProposedAction)`
+  margin-left: 2rem;
+
+  .ui--ProposedAction-extrinsic {
+    .ui--Params-Content {
+      padding-left: 0;
+    }
+  }
+
+  .ui--ProposedAction-header {
+    margin-bottom: 1rem;
+  }
+`);
diff --git a/packages/react-components/src/Row.tsx b/packages/react-components/src/Row.tsx
new file mode 100644
index 0000000..9687402
--- /dev/null
+++ b/packages/react-components/src/Row.tsx
@@ -0,0 +1,258 @@
+// Copyright 2017-2022 @polkadot/react-components authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import React, { useCallback } from 'react';
+import styled from 'styled-components';
+
+import { useToggle } from '@polkadot/react-hooks';
+
+import EditButton from './EditButton';
+import Input from './Input';
+import Tags from './Tags';
+
+export const styles = `
+  text-align: left;
+
+  &.isDisabled {
+    opacity: 0.6;
+
+    .ui--IdentityIcon  {
+      filter: grayscale(100%);
+    }
+  }
+
+  &.isInline {
+    display: flex;
+
+    .ui--Row-accountId {
+      white-space: nowrap;
+    }
+  }
+
+  &.isInvalid {
+    .ui--Row-accountId,
+    .ui--Row-icon {
+      filter: grayscale(100);
+      opacity: 0.5;
+    }
+  }
+
+  .ui--Row-base {
+    display: flex;
+    min-width: 16rem;
+  }
+
+  .ui--Row-buttons {
+    position: relative;
+    margin-right: -0.5rem;
+    margin-top: -0.5rem;
+    white-space: nowrap;
+    height: 0rem;
+    overflow: visible;
+
+    button.ui.button:last-child {
+      margin-right: 0;
+    }
+  }
+
+  .ui--Row-children {
+    display: block;
+    padding-left: 1rem;
+    padding-top: 1rem;
+  }
+
+  .ui--Row-details {
+    flex: 1;
+    margin-right: 1rem;
+    padding: 0.25rem 0 0;
+    width: 100%;
+    min-width: 0;
+
+    .account-label{
+      margin: -0.75rem 0 0 0
+    }
+
+    * {
+      vertical-align: middle;
+    }
+  }
+
+  .ui--Row-address,
+  .ui--Row-accountIndex {
+    font-family: monospace;
+    font-size: 1.25em;
+    padding: 0;
+    margin-bottom: 0.25rem;
+  }
+
+  .ui--Row-name {
+    display: flex;
+    box-sizing: border-box;
+    height: 1.5rem;
+    margin: 0;
+    padding: 0;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    text-transform: uppercase;
+    overflow: hidden;
+    text-overflow: inherit;
+  }
+
+  .ui--Row-icon {
+    flex: 0;
+    margin-right: 1em;
+    position: relative;
+
+    .ui--Row-icon-info {
+      left: -0.5rem;
+      position: absolute;
+      top: -0.5rem;
+    }
+  }
+
+  .ui--Row-name-input {
+    input {
+      height: 1em;
+      text-transform: uppercase;
+      margin-top: -0.3em;
+    }
+  }
+
+  .ui--Row-tags {
+    &.editable {
+      display: flex;
+      flex-wrap: wrap;
+      justify-content: left;
+
+      .addTags {
+        border: 1px #00000052 solid;
+        border-radius: .5em;
+        border-style: dashed;
+        color: grey;
+        font-size: x-small;
+        padding: .1em 0.3em 0.1em 0.3em;
+        margin-top: .2em;
+      }
+
+      > div.label {
+        margin-top:.3em
+      }
+    }
+  }
+
+  .ui--Row-tags-input {
+    margin-bottom: -1.4em;
+  }
+`;
+
+export interface RowProps {
+  address?: string;
+  buttons?: React.ReactNode;
+  children?: React.ReactNode;
+  className?: string;
+  defaultName?: string;
+  details?: React.ReactNode;
+  icon?: React.ReactNode;
+  iconInfo?: React.ReactNode;
+  isDisabled?: boolean;
+  isInline?: boolean;
+  isEditableName?: boolean;
+  isEditableTags?: boolean;
+  name?: string;
+  onChangeName?: (_: string) => void;
+  onChangeTags?: (_: string[]) => void;
+  onSaveName?: () => void;
+  onSaveTags?: () => void;
+  tags?: string[];
+}
+
+function Row ({ address, buttons, children, className = '', defaultName, details, icon, iconInfo, isDisabled, isEditableName, isEditableTags, isInline, name, onChangeName, onChangeTags, onSaveName, onSaveTags, tags }: RowProps): React.ReactElement<RowProps> {
+  const [isEditingName, toggleIsEditingName] = useToggle();
+  const [isEditingTags, toggleIsEditingTags] = useToggle();
+
+  const _onSaveName = useCallback((): void => {
+    onSaveName && onSaveName();
+    toggleIsEditingName();
+  }, [onSaveName, toggleIsEditingName]);
+
+  return (
+    <div
+      className={`ui--Row${isDisabled ? ' isDisabled' : ''}${isInline ? ' isInline' : ''} ${className}`}
+    >
+      <div className='ui--Row-base'>
+        {icon && (
+          <div className='ui--Row-icon'>
+            {icon}
+            {iconInfo && (
+              <div className='ui--Row-icon-info'>
+                {iconInfo}
+              </div>
+            )}
+          </div>
+        )}
+        <div className='ui--Row-details'>
+          {(name || defaultName) && (
+            isEditableName && isEditingName
+              ? (
+                <Input
+                  autoFocus
+                  defaultValue={name || defaultName}
+                  isInPlaceEditor
+                  onBlur={_onSaveName}
+                  onChange={onChangeName}
+                  onEnter
+                  withLabel={false}
+                />
+              )
+              : (
+                <div className='ui--Row-name'>
+                  {
+                    isEditableName
+                      ? (
+                        <EditButton onClick={toggleIsEditingName}>
+                          {name || defaultName}
+                        </EditButton>
+                      )
+                      : name || defaultName
+                  }
+                </div>
+              )
+          )}
+          {address && (
+            <div className='ui--Row-address'>
+              {address}
+            </div>
+          )}
+          {details}
+          {tags && (
+            <Tags
+              className='ui--Row-tags'
+              isEditable={isEditableTags}
+              isEditing={isEditingTags}
+              onChange={onChangeTags}
+              onSave={onSaveTags}
+              onToggleIsEditing={toggleIsEditingTags}
+              size='tiny'
+              value={tags}
+            />
+          )}
+        </div>
+        {buttons && (
+          <div className='ui--Row-buttons'>
+            {buttons}
+          </div>
+        )}
+      </div>
+      {children && (
+        <div className='ui--Row-children'>
+          {children}
+        </div>
+      )}
+    </div>
+  );
+}
+
+export default React.memo(styled(Row)`${
+  styles
+}`);
diff --git a/packages/react-components/src/Sidebar.tsx b/packages/react-components/src/Sidebar.tsx
new file mode 100644
index 0000000..88dddc7
--- /dev/null
+++ b/packages/react-components/src/Sidebar.tsx
@@ -0,0 +1,62 @@
+// Copyright 2017-2022 @polkadot/app-accounts authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import React from 'react';
+import styled from 'styled-components';
+
+import Button from './Button';
+
+interface Props {
+  button?: React.ReactNode;
+  children: React.ReactNode;
+  className?: string;
+  dataTestId?: string;
+  offset?: number | string;
+  onClose: () => void;
+  position: 'left' | 'right';
+  sidebarRef: React.RefObject<HTMLDivElement>;
+}
+
+function Sidebar ({ button, children, className = '', dataTestId = '', onClose, sidebarRef }: Props): React.ReactElement<Props> {
+  return (
+    <div
+      className={`ui--Sidebar ${className}`}
+      data-testid={dataTestId}
+      ref={sidebarRef}
+    >
+      <Button.Group className='ui--Sidebar-buttons'>
+        {button}
+        <Button
+          dataTestId='close-sidebar-button'
+          icon='times'
+          isBasic
+          isCircular
+          onClick={onClose}
+        />
+      </Button.Group>
+      {children}
+    </div>
+  );
+}
+
+export default React.memo(styled(Sidebar)(({ offset = 0, position }: Props) => `
+  background: var(--bg-page);
+  bottom: 0;
+  box-shadow: ${position === 'right' ? '-6px' : '6px'} 0px 20px 0px rgba(0, 0, 0, 0.3);
+  margin-left: -0.125rem;
+  max-width: 24rem;
+  min-width: 24rem;
+  position: fixed;
+  padding: 1rem;
+  overflow-y: auto;
+  top: 0;
+  z-index: 999;
+  ${position}: ${offset};
+
+  .ui--Sidebar-buttons {
+    margin: 0;
+    position: absolute;
+    right: 0.5rem;
+    top: 0.5rem;
+  }
+`));
diff --git a/packages/react-components/src/SortDropdown.tsx b/packages/react-components/src/SortDropdown.tsx
new file mode 100644
index 0000000..f8f3b72
--- /dev/null
+++ b/packages/react-components/src/SortDropdown.tsx
@@ -0,0 +1,142 @@
+// Copyright 2017-2022 @polkadot/react-components authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import React from 'react';
+import styled from 'styled-components';
+
+import { Dropdown, Icon } from './';
+
+interface Props {
+  className?: string;
+  defaultValue: string;
+  label: string;
+  onChange: (value: unknown) => void;
+  onClick: () => void;
+  options: unknown[];
+  sortDirection: 'descending' | 'ascending';
+}
+
+function SortDropdown ({ className = '', defaultValue, label, onChange, onClick, options, sortDirection }: Props): React.ReactElement<Props> {
+  return (
+    <div className={`ui--Sort ${className}`}>
+      <Dropdown
+        defaultValue={defaultValue}
+        label={label}
+        onChange={onChange}
+        options={options}
+      />
+      <button onClick={onClick}>
+        <Icon
+          className={`arrow up${sortDirection === 'ascending' ? ' isActive' : ''}`}
+          color='gray'
+          icon='sort-up'
+        />
+        <Icon
+          className={`arrow down${sortDirection === 'descending' ? ' isActive' : ''}`}
+          color='gray'
+          icon='sort-down'
+        />
+      </button>
+    </div>
+  );
+}
+
+export default React.memo(styled(SortDropdown)`
+  position: relative;
+
+  display: flex;
+  flex-direction: row;
+  flex-wrap: nowrap;
+
+  && .ui--Labelled.ui--Dropdown {
+    padding: 0;
+
+    label {
+      left: 1.55rem;
+      z-index: 115;
+    }
+
+    .ui.selection.dropdown {
+      margin:0;
+      min-width: 7.857rem;
+      z-index: 110;
+
+      border-width: 1px 0 1px 1px;
+      border-style: solid;
+      border-color: var(--border-input);
+      border-radius: 4px 0 0 4px;
+
+      &.active {
+        position: absolute;
+        min-width: 10.714rem;
+
+        z-index: 120;
+
+        border-width: 1px;
+        border-radius: 4px;
+        top: 0;
+        left: 0;
+      }
+
+      .visible.menu {
+        border-color: var(--border-input);
+      }
+    }
+  }
+
+  button {
+    position: relative;
+    width: 2.857rem;
+    height: 3.893rem;
+
+    background-color: var(--bg-input);
+
+    border-width: 1px 1px 1px 0;
+    border-style: solid;
+    border-color: var(--border-input);
+    border-radius: 0 4px 4px 0;
+
+    &:hover {
+      cursor: pointer;
+    }
+
+    .arrow.down {
+      position: absolute;
+      top: calc(50% - 0.5rem);
+      left: calc(50% - 0.313rem);
+    }
+  }
+
+  &::after {
+    content: '';
+    position: absolute;
+    left: 7.857rem;
+    top: 10%;
+
+    width: 1px;
+    height: 80%;
+
+    background-color: var(--border-input);
+    z-index: 99;
+  }
+
+  button:hover,
+  .ui--Labelled.ui--Dropdown:hover {
+      &::after {
+        content: '';
+        position: absolute;
+        top: 0;
+        height: 100%;
+        width: 1px;
+        z-index: 100;
+      }
+  }
+
+  button:hover::after {
+    left: 0;
+  }
+
+  .ui--Labelled.ui--Dropdown:hover::after {
+    left: 7.857rem;
+  }
+`);
diff --git a/packages/react-components/src/Spinner.png b/packages/react-components/src/Spinner.png
new file mode 100644
index 0000000..0c9600b
Binary files /dev/null and b/packages/react-components/src/Spinner.png differ
diff --git a/packages/react-components/src/Spinner.tsx b/packages/react-components/src/Spinner.tsx
new file mode 100644
index 0000000..b49c7a0
--- /dev/null
+++ b/packages/react-components/src/Spinner.tsx
@@ -0,0 +1,72 @@
+// Copyright 2017-2022 @polkadot/app-staking authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import React from 'react';
+import styled from 'styled-components';
+
+import spinnerSrc from './Spinner.png';
+import { useTranslation } from './translate';
+
+interface Props {
+  className?: string;
+  label?: React.ReactNode;
+  noLabel?: boolean;
+  variant?: 'app' | 'appPadded' | 'cover' | 'push' | 'mini';
+}
+
+// prefetch
+const img = new Image();
+
+img.src = spinnerSrc as string;
+
+function Spinner ({ className = '', label, noLabel, variant = 'app' }: Props): React.ReactElement<Props> | null {
+  const { t } = useTranslation();
+
+  return (
+    <div className={`${className} ui--Spinner variant-${variant}`}>
+      <img
+        className={variant === 'push' ? '' : 'highlight--bg highlight--border'}
+        src={spinnerSrc as string}
+      />
+      {!noLabel && variant.startsWith('app') && <div className='text'>{label || t('Retrieving data')}</div>}
+    </div>
+  );
+}
+
+export default React.memo(styled(Spinner)`
+  display: block;
+  line-height: 1rem;
+  margin: 0 auto;
+  text-align: center;
+
+  &.variant-appPadded {
+    margin-top: 0.5rem;
+  }
+
+  img {
+    border: 1px solid transparent;
+    border-radius: 10rem;
+  }
+
+  &.variant-cover {
+    bottom: 0;
+    left: 0;
+    position: absolute;
+    right: 0;
+
+    img {
+      border: 1 px solid white;
+      margin: 0 auto;
+    }
+  }
+
+  .text {
+    color: inherit !important;
+    margin: 0.25rem auto 1.5rem auto;
+    opacity: 0.6;
+
+    div+div {
+      margin-top: 0.25rem;
+    }
+  }
+`);
diff --git a/packages/react-components/src/StakingBonded.tsx b/packages/react-components/src/StakingBonded.tsx
new file mode 100644
index 0000000..00db60b
--- /dev/null
+++ b/packages/react-components/src/StakingBonded.tsx
@@ -0,0 +1,30 @@
+// Copyright 2017-2022 @polkadot/react-components authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { DeriveStakingAccount } from '@polkadot/api-derive/types';
+
+import React from 'react';
+
+import { FormatBalance } from '@polkadot/react-query';
+
+interface Props {
+  className?: string;
+  stakingInfo?: DeriveStakingAccount;
+}
+
+function StakingBonded ({ className = '', stakingInfo }: Props): React.ReactElement<Props> | null {
+  const balance = stakingInfo?.stakingLedger?.active?.unwrap();
+
+  if (!balance?.gtn(0)) {
+    return null;
+  }
+
+  return (
+    <FormatBalance
+      className={className}
+      value={balance}
+    />
+  );
+}
+
+export default React.memo(StakingBonded);
diff --git a/packages/react-components/src/StakingRedeemable.tsx b/packages/react-components/src/StakingRedeemable.tsx
new file mode 100644
index 0000000..e18fd96
--- /dev/null
+++ b/packages/react-components/src/StakingRedeemable.tsx
@@ -0,0 +1,63 @@
+// Copyright 2017-2022 @polkadot/react-components authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { DeriveStakingAccount } from '@polkadot/api-derive/types';
+import type { Option } from '@polkadot/types';
+import type { SlashingSpans } from '@polkadot/types/interfaces';
+
+import React from 'react';
+
+import { useAccounts, useApi, useCall } from '@polkadot/react-hooks';
+import { FormatBalance } from '@polkadot/react-query';
+
+import { useTranslation } from './translate';
+import TxButton from './TxButton';
+
+interface Props {
+  className?: string;
+  stakingInfo?: DeriveStakingAccount;
+}
+
+const transformSpan = {
+  transform: (optSpans: Option<SlashingSpans>): number =>
+    optSpans.isNone
+      ? 0
+      : optSpans.unwrap().prior.length + 1
+};
+
+function StakingRedeemable ({ className = '', stakingInfo }: Props): React.ReactElement<Props> | null {
+  const { api } = useApi();
+  const { allAccounts } = useAccounts();
+  const { t } = useTranslation();
+  const spanCount = useCall<number>(api.query.staking.slashingSpans, [stakingInfo?.stashId], transformSpan);
+
+  if (!stakingInfo?.redeemable?.gtn(0)) {
+    return null;
+  }
+
+  return (
+    <div className={className}>
+      <FormatBalance value={stakingInfo.redeemable}>
+        {allAccounts.includes((stakingInfo.controllerId || '').toString())
+          ? (
+            <TxButton
+              accountId={stakingInfo.controllerId}
+              icon='lock'
+              isIcon
+              key='unlock'
+              params={
+                api.tx.staking.withdrawUnbonded.meta.args.length === 1
+                  ? [spanCount]
+                  : []
+              }
+              tooltip={t<string>('Withdraw these unbonded funds')}
+              tx={api.tx.staking.withdrawUnbonded}
+            />
+          )
+          : <span className='icon-void'>&nbsp;</span>}
+      </FormatBalance>
+    </div>
+  );
+}
+
+export default React.memo(StakingRedeemable);
diff --git a/packages/react-components/src/StakingUnbonding.tsx b/packages/react-components/src/StakingUnbonding.tsx
new file mode 100644
index 0000000..11b2a0c
--- /dev/null
+++ b/packages/react-components/src/StakingUnbonding.tsx
@@ -0,0 +1,119 @@
+// Copyright 2017-2022 @polkadot/react-components authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { DeriveSessionProgress, DeriveStakingAccount, DeriveUnlocking } from '@polkadot/api-derive/types';
+
+import React, { useMemo } from 'react';
+import styled from 'styled-components';
+
+import { useApi, useCall } from '@polkadot/react-hooks';
+import { BlockToTime, FormatBalance } from '@polkadot/react-query';
+import { BN, BN_ONE, BN_ZERO, formatBalance, formatNumber } from '@polkadot/util';
+
+import Icon from './Icon';
+import Tooltip from './Tooltip';
+import { useTranslation } from './translate';
+
+interface Props {
+  iconPosition: 'left' | 'right';
+  className?: string;
+  stakingInfo?: DeriveStakingAccount;
+}
+
+function extractTotals (stakingInfo?: DeriveStakingAccount, progress?: DeriveSessionProgress): [[DeriveUnlocking, BN, BN][], BN] {
+  if (!stakingInfo?.unlocking || !progress) {
+    return [[], BN_ZERO];
+  }
+
+  const mapped = stakingInfo.unlocking
+    .filter(({ remainingEras, value }) => value.gt(BN_ZERO) && remainingEras.gt(BN_ZERO))
+    .map((unlock): [DeriveUnlocking, BN, BN] => [
+      unlock,
+      unlock.remainingEras,
+      unlock.remainingEras
+        .sub(BN_ONE)
+        .imul(progress.eraLength)
+        .iadd(progress.eraLength)
+        .isub(progress.eraProgress)
+    ]);
+  const total = mapped.reduce((total, [{ value }]) => total.iadd(value), new BN(0));
+
+  return [mapped, total];
+}
+
+function StakingUnbonding ({ className = '', iconPosition = 'left', stakingInfo }: Props): React.ReactElement<Props> | null {
+  const { api } = useApi();
+  const progress = useCall<DeriveSessionProgress>(api.derive.session.progress);
+  const { t } = useTranslation();
+
+  const [mapped, total] = useMemo(
+    () => extractTotals(stakingInfo, progress),
+    [progress, stakingInfo]
+  );
+
+  if (!stakingInfo || !mapped.length) {
+    return null;
+  }
+
+  const trigger = `${stakingInfo.accountId.toString()}-unlocking-trigger`;
+
+  return (
+    <div className={className}>
+      {iconPosition === 'left' && (
+        <Icon
+          className='left'
+          icon='clock'
+          tooltip={trigger}
+        />
+      )}
+      <FormatBalance value={total} />
+      <Tooltip
+        text={mapped.map(([{ value }, eras, blocks], index): React.ReactNode => (
+          <div
+            className='row'
+            key={index}
+          >
+            <div>{t<string>('Unbonding {{value}}', { replace: { value: formatBalance(value, { forceUnit: '-' }) } })}</div>
+            <div className='faded'>
+              {api.consts.babe?.epochDuration
+                ? (
+                  <BlockToTime
+                    label={`${t<string>('{{blocks}} blocks', { replace: { blocks: formatNumber(blocks) } })}, `}
+                    value={blocks}
+                  />
+                )
+                : t<string>('{{eras}} eras remaining', { replace: { eras: formatNumber(eras) } })
+              }
+            </div>
+          </div>
+        ))}
+        trigger={trigger}
+      />
+      {iconPosition === 'right' && (
+        <Icon
+          className='right'
+          icon='clock'
+          tooltip={trigger}
+        />
+      )}
+    </div>
+  );
+}
+
+export default React.memo(styled(StakingUnbonding)`
+  white-space: nowrap;
+
+  .ui--Icon.left {
+    margin-left: 0;
+    margin-right: 0.25rem;
+  }
+
+  .ui--Icon.right {
+    margin-left: 0.25rem;
+    margin-right: 0;
+  }
+
+  .ui--FormatBalance {
+    display: inline-block;
+  }
+`);
diff --git a/packages/react-components/src/Static.tsx b/packages/react-components/src/Static.tsx
new file mode 100644
index 0000000..122d923
--- /dev/null
+++ b/packages/react-components/src/Static.tsx
@@ -0,0 +1,47 @@
+// Copyright 2017-2022 @polkadot/react-components authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import React from 'react';
+
+import CopyButton from './CopyButton';
+import Labelled from './Labelled';
+
+interface Props {
+  children?: React.ReactNode;
+  className?: string;
+  defaultValue?: unknown;
+  help?: React.ReactNode;
+  isDisabled?: boolean;
+  isError?: boolean;
+  isFull?: boolean;
+  isHidden?: boolean;
+  isSmall?: boolean;
+  label?: React.ReactNode;
+  value?: React.ReactNode;
+  withCopy?: boolean;
+  withLabel?: boolean;
+}
+
+function Static ({ children, className = '', defaultValue, help, isFull, isHidden, isSmall, label, value, withCopy, withLabel }: Props): React.ReactElement<Props> {
+  return (
+    <Labelled
+      className={className}
+      help={help}
+      isFull={isFull}
+      isHidden={isHidden}
+      isSmall={isSmall}
+      label={label}
+      withLabel={withLabel}
+    >
+      <div className='ui--Static ui dropdown selection disabled'>
+        {value || defaultValue}
+        {children}
+      </div>
+      {withCopy && (
+        <CopyButton value={value || defaultValue} />
+      )}
+    </Labelled>
+  );
+}
+
+export default React.memo(Static);
diff --git a/packages/react-components/src/Status/Context.ts b/packages/react-components/src/Status/Context.ts
new file mode 100644
index 0000000..b0d4c25
--- /dev/null
+++ b/packages/react-components/src/Status/Context.ts
@@ -0,0 +1,22 @@
+// Copyright 2017-2022 @polkadot/react-components authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { QueueProps, QueueStatus, QueueTx } from './types';
+
+import React from 'react';
+
+const defaultState: Partial<QueueProps> = {
+  stqueue: [] as QueueStatus[],
+  txqueue: [] as QueueTx[]
+};
+
+const StatusContext: React.Context<QueueProps> = React.createContext<QueueProps>(defaultState as QueueProps);
+const QueueConsumer: React.Consumer<QueueProps> = StatusContext.Consumer;
+const QueueProvider: React.Provider<QueueProps> = StatusContext.Provider;
+
+export default StatusContext;
+
+export {
+  QueueConsumer,
+  QueueProvider
+};
diff --git a/packages/react-components/src/Status/Queue.tsx b/packages/react-components/src/Status/Queue.tsx
new file mode 100644
index 0000000..571f69e
--- /dev/null
+++ b/packages/react-components/src/Status/Queue.tsx
@@ -0,0 +1,299 @@
+// Copyright 2017-2022 @polkadot/react-components authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { SubmittableExtrinsic } from '@polkadot/api/promise/types';
+import type { Bytes } from '@polkadot/types';
+import type { DispatchError } from '@polkadot/types/interfaces';
+import type { ITuple, Registry, SignerPayloadJSON } from '@polkadot/types/types';
+import type { ActionStatus, ActionStatusPartial, PartialQueueTxExtrinsic, PartialQueueTxRpc, QueueStatus, QueueTx, QueueTxExtrinsic, QueueTxRpc, QueueTxStatus, SignerCallback } from './types';
+
+import React, { useCallback, useRef, useState } from 'react';
+
+import { SubmittableResult } from '@polkadot/api';
+import jsonrpc from '@polkadot/types/interfaces/jsonrpc';
+
+import { getContractAbi } from '../util';
+import { getDispatchError, getIncompleteMessage } from './checks';
+import { STATUS_COMPLETE } from './constants';
+import { QueueProvider } from './Context';
+
+export interface Props {
+  children: React.ReactNode;
+}
+
+interface StatusCount {
+  count: number;
+  status: ActionStatusPartial;
+}
+
+let nextId = 0;
+
+const EVENT_MESSAGE = 'extrinsic event';
+const REMOVE_TIMEOUT = 7500;
+const SUBMIT_RPC = jsonrpc.author.submitAndWatchExtrinsic;
+
+function mergeStatus (status: ActionStatusPartial[]): ActionStatus[] {
+  let others: ActionStatus | null = null;
+
+  const initial = status
+    .reduce((result: StatusCount[], status): StatusCount[] => {
+      const prev = result.find(({ status: prev }) =>
+        prev.action === status.action &&
+        prev.status === status.status
+      );
+
+      if (prev) {
+        prev.count++;
+      } else {
+        result.push({ count: 1, status });
+      }
+
+      return result;
+    }, [])
+    .map(({ count, status }): ActionStatusPartial =>
+      count === 1
+        ? status
+        : { ...status, action: `${status.action} (x${count})` }
+    )
+    .filter((status): boolean => {
+      if (status.message !== EVENT_MESSAGE) {
+        return true;
+      }
+
+      if (others) {
+        if (status.action.startsWith('system.ExtrinsicSuccess')) {
+          (others.action as string[]).unshift(status.action);
+        } else {
+          (others.action as string[]).push(status.action);
+        }
+      } else {
+        others = {
+          ...status,
+          action: [status.action]
+        };
+      }
+
+      return false;
+    });
+
+  return others
+    ? initial.concat(others)
+    : initial;
+}
+
+function extractEvents (result?: SubmittableResult): ActionStatus[] {
+  return mergeStatus(
+    ((result && result.events) || [])
+      // filter events handled globally, or those we are not interested in, these are
+      // handled by the global overview, so don't add them here
+      .filter((record) =>
+        !!record.event &&
+        record.event.section !== 'democracy'
+      )
+      .map((record): ActionStatusPartial => {
+        const { event: { data, method, section } } = record;
+
+        if (section === 'system' && method === 'ExtrinsicFailed') {
+          const [dispatchError] = data as unknown as ITuple<[DispatchError]>;
+
+          return {
+            action: `${section}.${method}`,
+            message: getDispatchError(dispatchError),
+            status: 'error'
+          };
+        }
+
+        const incomplete = getIncompleteMessage(record);
+
+        if (incomplete) {
+          return {
+            action: `${section}.${method}`,
+            message: incomplete,
+            status: 'eventWarn'
+          };
+        } else if (section === 'contracts') {
+          if (method === 'ContractExecution' && data.length === 2) {
+            // see if we have info for this contract
+            const [accountId, encoded] = data;
+
+            try {
+              const abi = getContractAbi(accountId.toString());
+
+              if (abi) {
+                const decoded = abi.decodeEvent(encoded as Bytes);
+
+                return {
+                  action: decoded.event.identifier,
+                  message: 'contract event',
+                  status: 'event'
+                };
+              }
+            } catch (error) {
+              // ABI mismatch?
+              console.error(error);
+            }
+          } else if (method === 'Evicted') {
+            return {
+              action: `${section}.${method}`,
+              message: 'contract evicted',
+              status: 'error'
+            };
+          }
+        }
+
+        return {
+          action: `${section}.${method}`,
+          message: EVENT_MESSAGE,
+          status: 'event'
+        };
+      })
+  );
+}
+
+function Queue ({ children }: Props): React.ReactElement<Props> {
+  const [stqueue, _setStQueue] = useState<QueueStatus[]>([]);
+  const [txqueue, _setTxQueue] = useState<QueueTx[]>([]);
+  const stRef = useRef(stqueue);
+  const txRef = useRef(txqueue);
+
+  const setStQueue = useCallback(
+    (st: QueueStatus[]): void => {
+      stRef.current = st;
+      _setStQueue(st);
+    },
+    []
+  );
+
+  const setTxQueue = useCallback(
+    (tx: QueueTx[]): void => {
+      txRef.current = tx;
+      _setTxQueue(tx);
+    },
+    []
+  );
+
+  const addToTxQueue = useCallback(
+    (value: QueueTxExtrinsic | QueueTxRpc | QueueTx): void => {
+      const id = ++nextId;
+      const removeItem = () => setTxQueue([
+        ...txRef.current.map((item): QueueTx =>
+          item.id === id
+            ? { ...item, status: 'completed' }
+            : item
+        )
+      ]);
+
+      setTxQueue([...txRef.current, {
+        ...value,
+        id,
+        removeItem,
+        rpc: (value as QueueTxRpc).rpc || SUBMIT_RPC,
+        status: 'queued'
+      }]);
+    },
+    [setTxQueue]
+  );
+
+  const queueAction = useCallback(
+    (_status: ActionStatus | ActionStatus[]): void => {
+      const status = Array.isArray(_status) ? _status : [_status];
+
+      status.length && setStQueue([
+        ...stRef.current,
+        ...(status.map((item): QueueStatus => {
+          const id = ++nextId;
+          const removeItem = (): void =>
+            setStQueue([...stRef.current.filter((item) => item.id !== id)]);
+
+          setTimeout(removeItem, REMOVE_TIMEOUT);
+
+          return {
+            ...item,
+            id,
+            isCompleted: false,
+            removeItem
+          };
+        }))
+      ]);
+    },
+    [setStQueue]
+  );
+
+  const queueExtrinsic = useCallback(
+    (value: PartialQueueTxExtrinsic) => addToTxQueue({ ...value }),
+    [addToTxQueue]
+  );
+
+  const queuePayload = useCallback(
+    (registry: Registry, payload: SignerPayloadJSON, signerCb: SignerCallback): void => {
+      addToTxQueue({
+        accountId: payload.address,
+        // this is not great, but the Extrinsic doesn't need a submittable
+        extrinsic: registry.createType('Extrinsic',
+          { method: registry.createType('Call', payload.method) },
+          { version: payload.version }
+        ) as unknown as SubmittableExtrinsic,
+        payload,
+        signerCb
+      });
+    },
+    [addToTxQueue]
+  );
+
+  const queueRpc = useCallback(
+    (value: PartialQueueTxRpc) => addToTxQueue({ ...value }),
+    [addToTxQueue]
+  );
+
+  const queueSetTxStatus = useCallback(
+    (id: number, status: QueueTxStatus, result?: SubmittableResult, error?: Error): void => {
+      setTxQueue([
+        ...txRef.current.map((item): QueueTx =>
+          item.id === id
+            ? {
+              ...item,
+              error: error === undefined
+                ? item.error
+                : error,
+              result: result === undefined
+                ? item.result as SubmittableResult
+                : result,
+              status: item.status === 'completed'
+                ? item.status
+                : status
+            }
+            : item
+        )
+      ]);
+
+      queueAction(extractEvents(result));
+
+      if (STATUS_COMPLETE.includes(status)) {
+        setTimeout((): void => {
+          const item = txRef.current.find((item) => item.id === id);
+
+          item && item.removeItem();
+        }, REMOVE_TIMEOUT);
+      }
+    },
+    [queueAction, setTxQueue]
+  );
+
+  return (
+    <QueueProvider
+      value={{
+        queueAction,
+        queueExtrinsic,
+        queuePayload,
+        queueRpc,
+        queueSetTxStatus,
+        stqueue,
+        txqueue
+      }}
+    >
+      {children}
+    </QueueProvider>
+  );
+}
+
+export default React.memo(Queue);
diff --git a/packages/react-components/src/Status/checks.ts b/packages/react-components/src/Status/checks.ts
new file mode 100644
index 0000000..65a3354
--- /dev/null
+++ b/packages/react-components/src/Status/checks.ts
@@ -0,0 +1,96 @@
+// Copyright 2017-2022 @polkadot/react-components authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { DispatchError, DispatchResult, Event, EventRecord } from '@polkadot/types/interfaces';
+import type { XcmV2TraitsOutcome } from '@polkadot/types/lookup';
+
+type EventCheck = (event: Event) => string | null;
+
+const INCOMPLETE = 'incomplete execution';
+
+function extractError (result: DispatchResult): string | null {
+  if (!result) {
+    return INCOMPLETE;
+  } else if (result.isErr) {
+    return `error: ${getDispatchError(result.asErr)}`;
+  }
+
+  return null;
+}
+
+function batchInterrupted ({ data: [index, error] }: Event): string | null {
+  return `error: ${index.toString()}: ${getDispatchError(error as DispatchError)}`;
+}
+
+function dispatchResult ({ data: [result] }: Event): string | null {
+  return extractError(result as DispatchResult);
+}
+
+// [approving, timepoint, multisig, callHash, result]
+function dispatchResultMulti ({ data: [,,,, result] }: Event): string | null {
+  return extractError(result as DispatchResult);
+}
+
+function xcmAttempted ({ data: [outcome] }: Event): string | null {
+  if (!outcome) {
+    return INCOMPLETE;
+  } else if ((outcome as XcmV2TraitsOutcome).isIncomplete) {
+    const [index, error] = (outcome as XcmV2TraitsOutcome).asIncomplete;
+
+    return `error: ${index.toString()}: ${error.type}`;
+  }
+
+  return null;
+}
+
+const xcmPallet: Record<string, EventCheck> = {
+  Attempted: xcmAttempted
+};
+
+const CHECKS: Record<string, Record<string, EventCheck>> = {
+  multisig: {
+    MultisigExecuted: dispatchResultMulti
+  },
+  polkadotXcm: xcmPallet,
+  proxy: {
+    ProxyExecuted: dispatchResult
+  },
+  sudo: {
+    Sudid: dispatchResult,
+    SudoAsDone: dispatchResult
+  },
+  utility: {
+    BatchInterrupted: batchInterrupted,
+    DispatchedAs: dispatchResult
+  },
+  xcmPallet
+};
+
+export function getDispatchError (dispatchError: DispatchError): string {
+  let message: string = dispatchError.type;
+
+  if (dispatchError.isModule) {
+    try {
+      const mod = dispatchError.asModule;
+      const error = dispatchError.registry.findMetaError(mod);
+
+      message = `${error.section}.${error.name}`;
+    } catch (error) {
+      // swallow
+    }
+  } else if (dispatchError.isToken) {
+    message = `${dispatchError.type}.${dispatchError.asToken.type}`;
+  }
+
+  return message;
+}
+
+export function getIncompleteMessage ({ event }: EventRecord): string | null {
+  const { method, section } = event;
+
+  return (
+    !!CHECKS[section] &&
+    !!CHECKS[section][method] &&
+    CHECKS[section][method](event)
+  );
+}
diff --git a/packages/react-components/src/Status/constants.ts b/packages/react-components/src/Status/constants.ts
new file mode 100644
index 0000000..78c9651
--- /dev/null
+++ b/packages/react-components/src/Status/constants.ts
@@ -0,0 +1,11 @@
+// Copyright 2017-2022 @polkadot/react-components authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { QueueTxStatus } from './types';
+
+export const STATUS_COMPLETE: QueueTxStatus[] = [
+  // status from subscription
+  'finalitytimeout', 'finalized', 'inblock', 'usurped', 'dropped', 'invalid',
+  // normal completion
+  'cancelled', 'error', 'sent'
+];
diff --git a/packages/react-components/src/Status/index.tsx b/packages/react-components/src/Status/index.tsx
new file mode 100644
index 0000000..1d030a3
--- /dev/null
+++ b/packages/react-components/src/Status/index.tsx
@@ -0,0 +1,312 @@
+// Copyright 2017-2022 @polkadot/react-components authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { IconName } from '@fortawesome/fontawesome-svg-core';
+import type { QueueStatus, QueueTx, QueueTxStatus } from './types';
+
+import React, { useContext, useEffect, useState } from 'react';
+import styled from 'styled-components';
+
+import AddressMini from '../AddressMini';
+import Icon from '../Icon';
+import Spinner from '../Spinner';
+import { STATUS_COMPLETE } from './constants';
+import StatusContext from './Context';
+
+export { StatusContext };
+
+interface Props {
+  className?: string;
+}
+
+function iconName (status: string): IconName {
+  switch (status) {
+    case 'error':
+      return 'ban';
+
+    case 'event':
+    case 'eventWarn':
+      return 'assistive-listening-systems';
+
+    case 'received':
+      return 'telegram-plane';
+
+    default:
+      return 'check';
+  }
+}
+
+function signerIconName (status: QueueTxStatus): IconName {
+  switch (status) {
+    case 'cancelled':
+      return 'ban';
+
+    case 'completed':
+    case 'inblock':
+    case 'finalized':
+    case 'sent':
+      return 'check';
+
+    case 'dropped':
+    case 'invalid':
+    case 'usurped':
+      return 'arrow-down';
+
+    case 'error':
+    case 'finalitytimeout':
+      return 'exclamation-triangle';
+
+    case 'queued':
+    // case 'retracted':
+      return 'random';
+
+    default:
+      return 'spinner';
+  }
+}
+
+function renderStatus ({ account, action, id, message, removeItem, status }: QueueStatus): React.ReactNode {
+  return (
+    <div
+      className={`item ${status}`}
+      key={id}
+    >
+      <div className='wrapper'>
+        <div className='container'>
+          <Icon
+            icon='times'
+            onClick={removeItem}
+          />
+          <div className='short'>
+            <Icon icon={iconName(status)} />
+          </div>
+          <div className='desc'>
+            <div className='header'>
+              {Array.isArray(action)
+                ? action.map((action, index) => <div key={index}>{action}</div>)
+                : action}
+            </div>
+            {account && (
+              <AddressMini value={account} />
+            )}
+            <div className='status'>
+              {message}
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  );
+}
+
+function renderItem ({ error, extrinsic, id, removeItem, rpc, status }: QueueTx): React.ReactNode {
+  let { method, section } = rpc;
+
+  if (extrinsic) {
+    const found = extrinsic.registry.findMetaCall(extrinsic.callIndex);
+
+    if (found.section !== 'unknown') {
+      method = found.method;
+      section = found.section;
+    }
+  }
+
+  const icon = signerIconName(status) as 'ban' | 'spinner';
+
+  return (
+    <div
+      className={`item ${status}`}
+      key={id}
+    >
+      <div className='wrapper'>
+        <div className='container'>
+          {STATUS_COMPLETE.includes(status) && (
+            <Icon
+              icon='times'
+              onClick={removeItem}
+            />
+          )}
+          <div className='short'>
+            {icon === 'spinner'
+              ? <Spinner variant='push' />
+              : <Icon icon={icon} />
+            }
+          </div>
+          <div className='desc'>
+            <div className='header'>
+              {section}.{method}
+            </div>
+            <div className='status'>
+              {error ? (error.message || error) : status}
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  );
+}
+
+function filterSt (stqueue?: QueueStatus[]): QueueStatus[] {
+  return (stqueue || []).filter(({ isCompleted }) => !isCompleted);
+}
+
+function filterTx (txqueue?: QueueTx[]): QueueTx[] {
+  return (txqueue || []).filter(({ status }) => !['completed', 'incomplete'].includes(status));
+}
+
+function Status ({ className = '' }: Props): React.ReactElement<Props> | null {
+  const { stqueue, txqueue } = useContext(StatusContext);
+  const [allSt, setAllSt] = useState<QueueStatus[]>([]);
+  const [allTx, setAllTx] = useState<QueueTx[]>([]);
+
+  useEffect((): void => {
+    setAllSt(filterSt(stqueue));
+  }, [stqueue]);
+
+  useEffect((): void => {
+    setAllTx(filterTx(txqueue));
+  }, [txqueue]);
+
+  if (!allSt.length && !allTx.length) {
+    return null;
+  }
+
+  return (
+    <div className={`ui--Status ${className}`}>
+      {allTx.map(renderItem)}
+      {allSt.map(renderStatus)}
+    </div>
+  );
+}
+
+export default React.memo(styled(Status)`
+  /* bottom: 0; */
+  display: inline-block;
+  overflow: hidden;
+  position: fixed;
+  right: 0.75rem;
+  top: 0.75rem;
+  transition-property: width;
+  transition-duration: 0.75s;
+  width: 4.5rem;
+  z-index: 1001;
+
+  :hover {
+    transform: scale(1);
+    width: 23rem;
+
+    .item .desc {
+      display: block;
+    }
+  }
+
+  .item {
+    display: block;
+
+    .desc {
+      display: none;
+    }
+
+    > .wrapper > .container {
+      align-items: top;
+      background: #00688b;
+      border-radius: 0.25rem;
+      color: white;
+      display: flex;
+      justify-content: space-between;
+      margin-bottom: 0.25rem;
+      padding: 0 0.5rem;
+      vertical-align: middle;
+      position: relative;
+
+      .desc {
+        flex: 1;
+        overflow: hidden;
+        padding: 0.75rem 1rem 0.5rem;
+        width: 19rem;
+
+        .status {
+          font-weight: var(--font-weight-normal);
+        }
+
+        .ui--AddressMini {
+          .ui--AddressMini-address {
+            min-width: 0;
+            text-align: left;
+          }
+        }
+      }
+
+      .header {
+        opacity: 0.66;
+      }
+
+      .short {
+        font-size: 2.5rem;
+        min-width: 3rem;
+        opacity:  0.75;
+        padding: 0.5rem 0 0.5rem 0.5rem;
+
+        .ui--Icon {
+          color: white !important;
+          line-height: 1;
+        }
+
+        .ui--Spinner {
+          display: inline-block;
+          height: 1em;
+          line-height: 1;
+          vertical-align: -0.125em;
+
+          img {
+            height: 1em;
+            width: 1em;
+          }
+        }
+      }
+
+      .padded {
+        padding: 0.25rem 0 0 0 !important;
+      }
+
+      .ui--Icon.isClickable {
+        position: absolute;
+        top: 0.5rem;
+        right: 0.5rem;
+        cursor: pointer;
+      }
+    }
+
+    &.cancelled > .wrapper > .container {
+      background: #cd9b1d
+    }
+
+    &.event > .wrapper > .container {
+      background: teal;
+    }
+
+    &.eventWarn > .wrapper > .container {
+      background: darkorange;
+    }
+
+    &.completed,
+    &.finalized,
+    &.inblock,
+    &.sent,
+    &.success {
+      & > .wrapper > .container {
+        background: green;
+      }
+    }
+
+    &.dropped,
+    &.error,
+    &.finalitytimeout,
+    &.invalid,
+    &.usurped {
+      & > .wrapper > .container {
+        background: red;
+      }
+    }
+  }
+`);
diff --git a/packages/react-components/src/Status/types.ts b/packages/react-components/src/Status/types.ts
new file mode 100644
index 0000000..71f7153
--- /dev/null
+++ b/packages/react-components/src/Status/types.ts
@@ -0,0 +1,115 @@
+// Copyright 2017-2022 @polkadot/react-components authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { SubmittableResult } from '@polkadot/api';
+import type { SubmittableExtrinsic } from '@polkadot/api/promise/types';
+import type { SignerResult } from '@polkadot/api/types';
+import type { AccountId, Address } from '@polkadot/types/interfaces';
+import type { DefinitionRpcExt, Registry, SignerPayloadJSON } from '@polkadot/types/types';
+
+export type Actions = 'create' | 'edit' | 'restore' | 'forget' | 'backup' | 'changePassword' | 'transfer';
+
+export interface ActionStatusBase {
+  account?: AccountId | Address | string;
+  message?: string;
+  status: 'error' | 'event' | 'eventWarn' | 'queued' | 'received' | 'success';
+}
+
+export interface ActionStatusPartial extends ActionStatusBase {
+  action: Actions | string;
+}
+
+export interface ActionStatus extends ActionStatusBase {
+  action: Actions | string | string[];
+}
+
+export interface AccountInfo {
+  accountId?: string | null;
+}
+
+export type QueueTxStatus = 'future' | 'ready' | 'finalized' | 'finalitytimeout' | 'usurped' | 'dropped' | 'inblock' | 'invalid' | 'broadcast' | 'cancelled' | 'completed' | 'error' | 'incomplete' | 'queued' | 'qr' | 'retracted' | 'sending' | 'signing' | 'sent' | 'blocked';
+
+export type SignerCallback = (id: number, result: SignerResult | null) => void;
+
+export type TxCallback = (status: SubmittableResult) => void;
+
+export type TxFailedCallback = (status: Error | SubmittableResult | null) => void;
+
+export interface QueueTx extends AccountInfo {
+  error?: Error;
+  extrinsic?: SubmittableExtrinsic;
+  id: number;
+  isUnsigned?: boolean;
+  payload?: SignerPayloadJSON;
+  result?: any;
+  removeItem: () => void;
+  rpc: DefinitionRpcExt;
+  signerCb?: SignerCallback;
+  txFailedCb?: TxFailedCallback;
+  txSuccessCb?: TxCallback;
+  txStartCb?: () => void;
+  txUpdateCb?: TxCallback;
+  values?: unknown[];
+  status: QueueTxStatus;
+}
+
+export interface QueueStatus extends ActionStatus {
+  id: number;
+  isCompleted: boolean;
+  removeItem: () => void;
+}
+
+export interface QueueTxResult {
+  error?: Error;
+  result?: any;
+  status: QueueTxStatus;
+}
+
+export interface QueueTxExtrinsic extends AccountInfo {
+  extrinsic?: SubmittableExtrinsic;
+}
+
+export interface QueueTxRpc extends AccountInfo {
+  rpc: DefinitionRpcExt;
+  values: unknown[];
+}
+
+export interface PartialAccountInfo {
+  accountId?: string | null;
+}
+
+export interface PartialQueueTxExtrinsic extends PartialAccountInfo {
+  extrinsic?: SubmittableExtrinsic;
+  payload?: SignerPayloadJSON;
+  signerCb?: SignerCallback;
+  txFailedCb?: TxFailedCallback;
+  txSuccessCb?: TxCallback;
+  txStartCb?: () => void;
+  txUpdateCb?: TxCallback;
+  isUnsigned?: boolean;
+}
+
+export interface PartialQueueTxRpc extends PartialAccountInfo {
+  rpc: DefinitionRpcExt;
+  values: unknown[];
+}
+
+export type QueueTxRpcAdd = (value: PartialQueueTxRpc) => void;
+
+export type QueueTxExtrinsicAdd = (value: PartialQueueTxExtrinsic) => void;
+
+export type QueueTxPayloadAdd = (registry: Registry, payload: SignerPayloadJSON, signerCb: SignerCallback) => void;
+
+export type QueueTxMessageSetStatus = (id: number, status: QueueTxStatus, result?: any, error?: Error) => void;
+
+export type QueueAction$Add = (status: ActionStatus | ActionStatus[]) => void;
+
+export interface QueueProps {
+  stqueue: QueueStatus[];
+  txqueue: QueueTx[];
+  queueAction: QueueAction$Add;
+  queueExtrinsic: QueueTxExtrinsicAdd;
+  queuePayload: QueueTxPayloadAdd;
+  queueRpc: QueueTxRpcAdd;
+  queueSetTxStatus: QueueTxMessageSetStatus;
+}
diff --git a/packages/react-components/src/SummaryBox.tsx b/packages/react-components/src/SummaryBox.tsx
new file mode 100644
index 0000000..3430652
--- /dev/null
+++ b/packages/react-components/src/SummaryBox.tsx
@@ -0,0 +1,59 @@
+// Copyright 2017-2022 @polkadot/react-components authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import React from 'react';
+import styled from 'styled-components';
+
+interface Props {
+  children?: React.ReactNode;
+  className?: string;
+  isSmall?: boolean;
+}
+
+function SummaryBox ({ children, className = '', isSmall }: Props): React.ReactElement<Props> {
+  return (
+    <div className={`${className}${isSmall ? ' isSmall' : ''}`}>
+      {children}
+    </div>
+  );
+}
+
+export default React.memo(styled(SummaryBox)`
+  align-items: stretch;
+  border-radius: 0.25rem;
+  display: flex;
+  flex-wrap: no-wrap;
+  justify-content: space-between;
+  margin: 1.5rem 0;
+
+  > section {
+    display: flex;
+    flex: 0 1 auto;
+    text-align: left;
+  }
+
+  details & {
+    display: block;
+    margin: 0.5rem 0.25rem;
+    opacity: 0.75;
+    outline: none;
+    overflow: hidden;
+    text-align: left;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+
+    + div {
+      margin-top: 0.75rem;
+    }
+  }
+
+  &.isSmall {
+    margin-bottom: 0;
+  }
+
+  .ui.label {
+    padding-left: 0;
+    padding-right: 0;
+    padding-top: 0;
+  }
+`);
diff --git a/packages/react-components/src/Table/Body.tsx b/packages/react-components/src/Table/Body.tsx
new file mode 100644
index 0000000..d7a602e
--- /dev/null
+++ b/packages/react-components/src/Table/Body.tsx
@@ -0,0 +1,38 @@
+// Copyright 2017-2022 @polkadot/react-components authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import React from 'react';
+
+import { isString } from '@polkadot/util';
+
+import Spinner from '../Spinner';
+
+interface Props {
+  children?: React.ReactNode;
+  className?: string;
+  empty?: React.ReactNode | false;
+  emptySpinner?: React.ReactNode;
+  noBodyTag?: boolean;
+}
+
+function Body ({ children, className = '', empty, emptySpinner, noBodyTag }: Props): React.ReactElement<Props> {
+  return children
+    ? (
+      noBodyTag
+        ? <>{children}</>
+        : <tbody className={className}>{children}</tbody>
+    )
+    : (
+      <tbody className={className}>
+        <tr>
+          <td colSpan={100}>{
+            isString(empty)
+              ? <div className='empty'>{empty}</div>
+              : empty || <Spinner label={emptySpinner} />
+          }</td>
+        </tr>
+      </tbody>
+    );
+}
+
+export default React.memo(Body);
diff --git a/packages/react-components/src/Table/Foot.tsx b/packages/react-components/src/Table/Foot.tsx
new file mode 100644
index 0000000..11d20d0
--- /dev/null
+++ b/packages/react-components/src/Table/Foot.tsx
@@ -0,0 +1,39 @@
+// Copyright 2017-2022 @polkadot/react-components authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import React from 'react';
+import styled from 'styled-components';
+
+interface Props {
+  className?: string;
+  footer?: React.ReactNode;
+  isEmpty: boolean;
+}
+
+function Foot ({ className = '', footer, isEmpty }: Props): React.ReactElement<Props> | null {
+  if (!footer || isEmpty) {
+    return null;
+  }
+
+  return (
+    <tfoot className={className}>
+      {footer}
+    </tfoot>
+  );
+}
+
+export default React.memo(styled(Foot)`
+  td {
+    color: var(--color-table-foot);
+    font: var(--font-sans);
+    font-weight: var(--font-weight-normal);
+    padding: 0.75rem 1rem 0.25rem;
+    text-align: right;
+    vertical-align: baseline;
+    white-space: nowrap;
+  }
+
+  tr {
+    background: var(--bg-page);
+  }
+`);
diff --git a/packages/react-components/src/Table/Head.tsx b/packages/react-components/src/Table/Head.tsx
new file mode 100644
index 0000000..a8293f0
--- /dev/null
+++ b/packages/react-components/src/Table/Head.tsx
@@ -0,0 +1,165 @@
+// Copyright 2017-2022 @polkadot/react-components authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import React from 'react';
+import styled from 'styled-components';
+
+import Icon from '../Icon';
+
+type HeaderDef = [React.ReactNode?, string?, number?, (() => void)?];
+
+interface Props {
+  className?: string;
+  filter?: React.ReactNode;
+  header?: (null | undefined | HeaderDef)[];
+  isEmpty: boolean;
+}
+
+function Head ({ className = '', filter, header, isEmpty }: Props): React.ReactElement<Props> | null {
+  if (!header?.length) {
+    return null;
+  }
+
+  return (
+    <thead className={className}>
+      {filter && (
+        <tr className='filter'>
+          <th colSpan={100}>{filter}</th>
+        </tr>
+      )}
+      <tr>
+        {header.filter((h): h is HeaderDef => !!h).map(([label, className = 'default', colSpan = 1, onClick], index) =>
+          <th
+            className={className}
+            colSpan={colSpan}
+            key={index}
+            onClick={onClick}
+          >
+            {index === 0
+              ? (
+                <h1>
+                  <Icon
+                    className='highlight--color'
+                    icon='dot-circle'
+                  />
+                  {label}
+                </h1>
+              )
+              : isEmpty
+                ? ''
+                : label
+            }
+          </th>
+        )}
+      </tr>
+    </thead>
+  );
+}
+
+export default React.memo(styled(Head)`
+  position: relative;
+  z-index: 1;
+
+  th {
+    font: var(--font-sans);
+    font-weight: var(--font-weight-normal);
+    padding: 0.375rem 1rem;
+    text-align: right;
+    vertical-align: middle;
+    white-space: nowrap;
+
+    h1, h2 {
+      font-size: 1.75rem;
+    }
+
+    h1 {
+      display: table-cell;
+      vertical-align: middle;
+
+      .ui--Icon {
+        font-size: 1rem;
+        margin-right: 0.5rem;
+        vertical-align: middle;
+      }
+    }
+
+    &:first-child {
+      border-left: 1px solid var(--border-table);
+    }
+
+    &:last-child {
+      border-right: 1px solid var(--border-table);
+    }
+
+    &.address {
+      padding-left: 3rem;
+      text-align: left;
+    }
+
+    &.badge {
+      padding: 0;
+    }
+
+    &.expand {
+      text-align: right;
+    }
+
+    &.isClickable {
+      border-bottom: 2px solid transparent;
+      cursor: pointer;
+    }
+
+    &.mini {
+      padding: 0 !important;
+    }
+
+    &.no-pad-left {
+      padding-left: 0.125rem;
+    }
+
+    &.no-pad-right {
+      padding-right: 0.125rem;
+    }
+
+    &.start {
+      text-align: left;
+    }
+
+    &.balances {
+      text-align: right;
+      padding-right: 2.25rem;
+    }
+  }
+
+  tr {
+    background: var(--bg-table);
+    text-transform: lowercase;
+
+    &:first-child {
+      th {
+        border-top: 1px solid var(--border-table);
+      }
+    }
+
+    &.filter {
+      .ui.input,
+      .ui.selection.dropdown {
+        background: transparent;
+
+        &:first-child {
+          margin-top: -1px;
+        }
+      }
+
+      th {
+        padding: 0;
+      }
+    }
+
+    &:not(.filter) {
+      th {
+        color: var(--color-table-head);
+      }
+    }
+  }
+`);
diff --git a/packages/react-components/src/Table/index.tsx b/packages/react-components/src/Table/index.tsx
new file mode 100644
index 0000000..dbb16ed
--- /dev/null
+++ b/packages/react-components/src/Table/index.tsx
@@ -0,0 +1,331 @@
+// Copyright 2017-2022 @polkadot/react-components authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import React from 'react';
+import styled from 'styled-components';
+
+import Body from './Body';
+import Foot from './Foot';
+import Head from './Head';
+
+interface TableProps {
+  children: React.ReactNode;
+  className?: string;
+  empty?: React.ReactNode | false;
+  emptySpinner?: React.ReactNode;
+  filter?: React.ReactNode;
+  footer?: React.ReactNode;
+  header?: [React.ReactNode?, string?, number?, (() => void)?][];
+  isFixed?: boolean;
+  legend?: React.ReactNode;
+  noBodyTag?: boolean;
+  withCollapsibleRows: boolean;
+}
+
+function extractBodyChildren (children: React.ReactNode): [boolean, React.ReactNode] {
+  if (!Array.isArray(children)) {
+    return [!children, children];
+  }
+
+  const kids = children.filter((child) => !!child);
+  const isEmpty = kids.length === 0;
+
+  return [isEmpty, isEmpty ? null : kids];
+}
+
+function Table ({ children, className = '', empty, emptySpinner, filter, footer, header, isFixed, legend, noBodyTag, withCollapsibleRows = false }: TableProps): React.ReactElement<TableProps> {
+  const [isEmpty, bodyChildren] = extractBodyChildren(children);
+
+  return (
+    <div className={`ui--Table ${className}`}>
+      {legend}
+      <table className={`${(isFixed && !isEmpty) ? 'isFixed' : 'isNotFixed'} highlight--bg-faint${withCollapsibleRows ? ' withCollapsibleRows' : ''}`}>
+        <Head
+          filter={filter}
+          header={header}
+          isEmpty={isEmpty}
+        />
+        <Body
+          empty={empty}
+          emptySpinner={emptySpinner}
+          noBodyTag={noBodyTag}
+        >
+          {bodyChildren}
+        </Body>
+        <Foot
+          footer={footer}
+          isEmpty={isEmpty}
+        />
+      </table>
+    </div>
+  );
+}
+
+export default React.memo(styled(Table)`
+  margin-bottom: 1.5rem;
+  max-width: 100%;
+  width: 100%;
+
+  table {
+    border-spacing: 0;
+    max-width: 100%;
+    overflow: hidden;
+    position: relative;
+    width: 100%;
+    z-index: 1;
+
+    &.isFixed {
+      table-layout: fixed;
+    }
+
+    tr {
+      max-width: 100%;
+      width: 100%;
+
+      td,
+      &:not(.filter) th {
+        &:first-child {
+          padding-left: 1.5rem;
+        }
+
+        &:last-child {
+          padding-right: 0.75rem;
+        }
+
+        &.all {
+          width: 100%;
+
+          &:not(.overflow) {
+            word-break: break-word;
+          }
+
+          summary {
+            white-space: normal;
+          }
+        }
+      }
+    }
+
+    &.withCollapsibleRows tbody tr {
+      background-color: unset;
+      &:nth-child(4n - 2),
+      &:nth-child(4n - 3) {
+        background-color: var(--bg-table);
+      }
+    }
+  }
+
+  tbody {
+    position: relative;
+
+    td {
+      border-bottom: 1px solid var(--border-table);
+      padding: 0.5rem 1rem;
+      text-align: left;
+      vertical-align: middle;
+
+      &:first-child {
+        border-left: 1px solid var(--border-table);
+      }
+
+      &:last-child {
+        border-right: 1px solid var(--border-table);
+      }
+
+      label {
+        display: block !important;
+        white-space: nowrap;
+      }
+
+      div.empty {
+        opacity: 0.6;
+        padding: 0.25rem;
+      }
+
+      .ui--Spinner {
+        margin: 0 auto;
+
+        .text {
+          margin-bottom: 0;
+        }
+      }
+
+      &.address {
+        min-width: 11rem;
+        overflow-x: hidden;
+      }
+
+      &.badge {
+        padding: 0.5rem;
+      }
+
+      &.button {
+        padding: 0.25rem 0.5rem;
+        text-align: right;
+        white-space: nowrap;
+
+        > * {
+          vertical-align: middle;
+        }
+
+        .ui--Toggle {
+          display: inline-block;
+          white-space: nowrap;
+
+          label {
+            display: inline-block !important;
+          }
+        }
+      }
+
+      &.combined {
+        border-top-width: 0;
+      }
+
+      &.expand {
+        &:not(.left) {
+          text-align: right;
+        }
+
+        .ui--Expander + .ui--Expander {
+          margin-top: 0.375rem;
+        }
+      }
+
+      &.hash {
+        font: var(--font-mono);
+      }
+
+      &.links {
+        padding: 0.5rem 0.75rem;
+        text-align: center;
+        width: 0;
+      }
+
+      &.no-pad-left {
+        padding-left: 0.125rem;
+      }
+
+      &.no-pad-right {
+        padding-right: 0.125rem;
+      }
+
+      &.no-pad-top {
+        padding-top: 0.125rem;
+      }
+
+      &.number {
+        text-align: right;
+      }
+
+      &.relative {
+        position: relative;
+      }
+
+      &.overflow {
+        max-width: 0;
+        overflow: hidden;
+        text-overflow: ellipsis;
+        word-break: none;
+      }
+
+      &.start {
+        text-align: left;
+      }
+
+      &.together {
+        white-space: nowrap;
+      }
+
+      &.top {
+        vertical-align: top;
+      }
+
+      &.middle {
+        text-align: center;
+      }
+
+      &.mini {
+        padding: 0 !important;
+        width: fit-content;
+        white-space: normal;
+
+        > div {
+          margin-right: 0.75rem;
+          max-width: 3.8rem;
+          min-width: 3.8rem;
+        }
+      }
+
+      &.upper {
+        text-transform: uppercase;
+      }
+
+      &.favorite .ui--Icon.isSelected {
+        color: darkorange;
+      }
+
+      .ui--Button-Group .ui--Button:not(.isToplevel) {
+        margin: 0;
+      }
+    }
+
+    tr {
+      &.hasOddRowColoring,
+      &:nth-child(odd) {
+        background: var(--bg-table);
+      }
+
+      &:first-child {
+        td {
+          border-top: 0.25rem solid var(--bg-page);
+        }
+
+        td:first-child {
+          border-top-left-radius: 0.25rem;
+        }
+
+        td:last-child {
+          border-top-right-radius: 0.25rem;
+        }
+      }
+
+      &:last-child {
+        td {
+          border-bottom: 1px solid var(--border-table);
+
+          &:first-child {
+            border-bottom-left-radius: 0.25rem;
+          }
+
+          :last-child {
+            border-bottom-right-radius: 0.25rem;
+          }
+        }
+      }
+
+      &.transparent {
+        background: transparent;
+      }
+
+      &.noBorder td {
+        border-bottom: 1px solid transparent;
+        padding-bottom: 0 !important;
+      }
+
+      .ui--Button-Group {
+        margin: 0;
+      }
+
+      .ui--Button:not(.isIcon):not(:hover) {
+        background: transparent !important;
+        box-shadow: none !important;
+      }
+
+      .ui.toggle.checkbox input:checked ~ .box:before,
+      .ui.toggle.checkbox input:checked ~ label:before {
+        background-color: #eee !important;
+      }
+    }
+  }
+`);
diff --git a/packages/react-components/src/Tabs/CurrentSection.tsx b/packages/react-components/src/Tabs/CurrentSection.tsx
new file mode 100644
index 0000000..a2fa532
--- /dev/null
+++ b/packages/react-components/src/Tabs/CurrentSection.tsx
@@ -0,0 +1,45 @@
+// Copyright 2017-2022 @polkadot/react-components authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import { IconName } from '@fortawesome/fontawesome-svg-core';
+import React from 'react';
+import styled from 'styled-components';
+
+import Icon from '../Icon';
+
+interface Props {
+  className?: string;
+  icon: IconName;
+  text: string;
+}
+
+function CurrentSection ({ className = '', icon, text }: Props): React.ReactElement<Props> {
+  return (
+    <div className={`${className} active-tab`}>
+      <Icon icon={icon} />
+      <span>{text}</span>
+    </div>
+  );
+}
+
+export default React.memo(styled(CurrentSection)`
+  margin: 0 2.5rem 0 1.5rem;
+  font-weight: 400;
+  font-size: 1rem;
+  line-height: 1.57rem;
+  min-width: max-content;
+  height: 100%;
+  display: flex;
+  align-items: center;
+  color: var(--color-text);
+
+  .ui--Icon {
+    margin-right: 0.85rem;
+    max-width: 1rem;
+    max-height: 1rem;
+  }
+
+  @media only screen and (max-width: 900px) {
+    margin: 0 1.5rem;
+  }
+`);
diff --git a/packages/react-components/src/Tabs/Tab.tsx b/packages/react-components/src/Tabs/Tab.tsx
new file mode 100644
index 0000000..d65a8c3
--- /dev/null
+++ b/packages/react-components/src/Tabs/Tab.tsx
@@ -0,0 +1,103 @@
+// Copyright 2017-2022 @polkadot/react-components authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { TabItem } from './types';
+
+import React from 'react';
+import { NavLink } from 'react-router-dom';
+import styled from 'styled-components';
+
+import Badge from '../Badge';
+
+interface Props extends TabItem {
+  basePath: string;
+  className?: string;
+  count?: number;
+  index: number;
+}
+
+function Tab ({ basePath, className = '', count, hasParams, index, isExact, isRoot, name, text }: Props): React.ReactElement<Props> {
+  const to = isRoot
+    ? basePath
+    : `${basePath}/${name}`;
+
+  // only do exact matching when not the fallback (first position tab),
+  // params are problematic for dynamic hidden such as app-accounts
+  const tabIsExact = isExact || !hasParams || index === 0;
+
+  return (
+    <NavLink
+      activeClassName='tabLinkActive'
+      className={`ui--Tab ${className}`}
+      exact={tabIsExact}
+      strict={tabIsExact}
+      to={to}
+    >
+      <div className='tabLinkText'>
+        {text}
+      </div>
+      {!!count && (
+        <Badge
+          className='tabCounter'
+          color='counter'
+          info={count}
+        />
+      )}
+    </NavLink>
+  );
+}
+
+export default React.memo(styled(Tab)`
+  position: relative;
+  display: flex;
+  align-items: center;
+  color: #8B8B8B;
+  padding: 0 1.5rem;
+  height: 100%;
+  font-size: 1rem;
+  font-weight: 400;
+
+
+    &:hover {
+      color: #8B8B8B;
+
+      .tabLinkText::after{
+        background-color: #8B8B8B;
+      }
+    }
+
+    &:hover .tabLinkText::after,
+    &.tabLinkActive .tabLinkText::after {
+      content: '';
+      position: absolute;
+      width: 3.14rem;
+      height: 2px;
+      bottom: -2px;
+      left: 50%;
+      transform: translateX(-50%);
+    }
+
+  &.tabLinkActive {
+    color: var(--color-text) !important;
+    font-weight: 400;
+
+    &:hover {
+      cursor: default;
+    }
+  }
+
+  .tabLinkText {
+    position: relative;
+    height: 100%;
+    display: flex;
+    align-items: center;
+  }
+
+  .tabCounter {
+    margin: -1rem 0 -1rem 0.75rem;
+  }
+
+  .tabIcon {
+    margin-left: 0.75rem;
+  }
+`);
diff --git a/packages/react-components/src/Tabs/TabsSectionDelimiter.tsx b/packages/react-components/src/Tabs/TabsSectionDelimiter.tsx
new file mode 100644
index 0000000..11487d8
--- /dev/null
+++ b/packages/react-components/src/Tabs/TabsSectionDelimiter.tsx
@@ -0,0 +1,34 @@
+// Copyright 2017-2022 @polkadot/react-components authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import React from 'react';
+import styled from 'styled-components';
+
+interface TabsSectionDelimiterProps {
+  className?: string;
+}
+
+function TabsSectionDelimiter ({ className = '' }: TabsSectionDelimiterProps): React.ReactElement {
+  return (
+    <div className={className}>
+      <svg
+        fill='none'
+        height='47'
+        viewBox='0 0 17 65'
+        width='17'
+        xmlns='http://www.w3.org/2000/svg'
+      >
+        <path
+          className='highlight--stroke'
+          d='M1 1L16 32.5L1 64'
+          stroke='#D1D1D1'
+        />
+      </svg>
+    </div>
+  );
+}
+
+export default React.memo(styled(TabsSectionDelimiter)`
+  height: 100%;
+  width: auto;
+`);
diff --git a/packages/react-components/src/Tabs/index.tsx b/packages/react-components/src/Tabs/index.tsx
new file mode 100644
index 0000000..4b19e20
--- /dev/null
+++ b/packages/react-components/src/Tabs/index.tsx
@@ -0,0 +1,114 @@
+// Copyright 2017-2022 @polkadot/react-components authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { Location } from 'history';
+import type { SectionType, TabItem } from './types';
+
+import React, { useEffect } from 'react';
+import { useLocation } from 'react-router-dom';
+import styled from 'styled-components';
+
+import CurrentSection from './CurrentSection';
+import Tab from './Tab';
+import Delimiter from './TabsSectionDelimiter';
+
+export const TabsContext = React.createContext<SectionType>({});
+
+interface Props {
+  className?: string;
+  basePath: string;
+  hidden?: string[] | null | false;
+  items: TabItem[];
+}
+
+// redirect on invalid tabs
+function redirect (basePath: string, location: Location, items: TabItem[], hidden?: string[] | null | false): void {
+  if (location.pathname !== basePath) {
+    // Has the form /staking/query/<something>
+    const [,, section] = location.pathname.split('/');
+    const alias = items.find(({ alias }) => alias === section);
+
+    if (alias) {
+      window.location.hash = alias.isRoot
+        ? basePath
+        : `${basePath}/${alias.name}`;
+    } else if (hidden && (hidden.includes(section) || !items.some(({ isRoot, name }) => !isRoot && name === section))) {
+      window.location.hash = basePath;
+    }
+  }
+}
+
+function Tabs ({ basePath, className = '', hidden, items }: Props): React.ReactElement<Props> {
+  const location = useLocation();
+  const { icon, text } = React.useContext(TabsContext);
+
+  useEffect(
+    () => redirect(basePath, location, items, hidden),
+    [basePath, hidden, items, location]
+  );
+
+  const filtered = hidden
+    ? items.filter(({ name }) => !hidden.includes(name))
+    : items;
+
+  return (
+    <header className={`ui--Tabs ${className}`}>
+      <div className='tabs-container'>
+        {text && icon && (
+          <CurrentSection
+            icon={icon}
+            text={text}
+          />
+        )}
+        <Delimiter />
+        <ul className='ui--TabsList'>
+          {filtered.map((tab, index) => (
+            <li key={index}>
+              <Tab
+                {...tab}
+                basePath={basePath}
+                index={index}
+                key={tab.name}
+              />
+            </li>
+          ))}
+        </ul>
+      </div>
+    </header>
+  );
+}
+
+export default React.memo(styled(Tabs)`
+  background: var(--bg-tabs);
+  border-bottom: 1px solid var(--border-tabs);
+  text-align: left;
+  z-index: 1;
+
+  & .tabs-container {
+    display: flex;
+    align-items: center;
+    width: 100%;
+    margin: 0 auto;
+    max-width: var(--width-full);
+    padding: 0 1.5rem 0 0;
+    height: 3.286rem;
+  }
+
+  &::-webkit-scrollbar {
+    display: none;
+    width: 0px;
+  }
+
+  .ui--TabsList {
+    display: flex;
+    list-style: none;
+    height: 100%;
+    margin: 0 1.4rem;
+    white-space: nowrap;
+    padding: 0;
+
+    @media only screen and (max-width: 900px) {
+      margin: 0 2.72rem 0 2.35rem;
+    }
+  }
+`);
diff --git a/packages/react-components/src/Tabs/types.ts b/packages/react-components/src/Tabs/types.ts
new file mode 100644
index 0000000..c2903c4
--- /dev/null
+++ b/packages/react-components/src/Tabs/types.ts
@@ -0,0 +1,21 @@
+// Copyright 2017-2022 @polkadot/react-components authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { IconName } from '@fortawesome/fontawesome-svg-core';
+
+import React from 'react';
+
+export interface TabItem {
+  alias?: string;
+  count?: number;
+  hasParams?: boolean;
+  isExact?: boolean;
+  isRoot?: boolean;
+  name: string;
+  text: React.ReactNode;
+}
+
+export interface SectionType {
+  icon?: IconName;
+  text?: string;
+}
diff --git a/packages/react-components/src/Tag.tsx b/packages/react-components/src/Tag.tsx
new file mode 100644
index 0000000..f7ea47b
--- /dev/null
+++ b/packages/react-components/src/Tag.tsx
@@ -0,0 +1,93 @@
+// Copyright 2017-2022 @polkadot/react-components authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import React, { useContext, useState } from 'react';
+import styled, { ThemeContext } from 'styled-components';
+
+import { FlagColor as TagColor, ThemeDef } from '@polkadot/react-components/types';
+
+import Tooltip from './Tooltip';
+
+interface Props {
+  className?: string;
+  color?: TagColor;
+  hover?: React.ReactNode;
+  label: React.ReactNode;
+  size?: 'small' | 'tiny';
+}
+
+let tagId = 0;
+
+function Tag ({ className = '', color = 'theme', hover, label, size = 'small' }: Props): React.ReactElement<Props> {
+  const { theme } = useContext(ThemeContext as React.Context<ThemeDef>);
+  const [trigger] = useState(() => `tag-hover-${Date.now()}-${tagId++}`);
+  const tooltipProps = hover
+    ? { 'data-for': trigger, 'data-tip': true }
+    : {};
+
+  return (
+    <div
+      className={`ui--Tag ${color}Color ${size}Size ${theme}Theme ${className}`}
+      color={color || 'grey'}
+      {...tooltipProps}
+    >
+      {label}
+      {hover && (
+        <Tooltip
+          text={hover}
+          trigger={trigger}
+        />
+      )}
+    </div>
+  );
+}
+
+export default React.memo(styled(Tag)`
+  border-radius: 0.25rem;
+  color: #fff;
+  display: inline-block;
+  font-size: 0.857rem;
+  font-weight: var(--font-weight-normal);
+  line-height: 1.143rem;
+  margin: 0 0.125rem;
+  padding: 0.571em 0.857em;
+  position: relative;
+  white-space: nowrap;
+  z-index: 1;
+
+  &.tinySize {
+    font-size: .71428571rem;
+  }
+
+  &.blueColor {
+    background: #2185d0;
+  }
+
+  &.greenColor {
+    background: #21ba45;
+  }
+
+  &.greyColor {
+    background: #767676;
+  }
+
+  &.orangeColor {
+    background: #f2711c;
+  }
+
+  &.pinkColor {
+    background: #e03997;
+  }
+
+  &.redColor {
+    background: #db2828;
+  }
+
+  &.yellowColor {
+    background: darkgoldenrod;
+  }
+
+  &.themeColor.darkTheme {
+    background-color: rgba(255,255,255,0.08);
+  }
+`);
diff --git a/packages/react-components/src/Tags.tsx b/packages/react-components/src/Tags.tsx
new file mode 100644
index 0000000..5ec99f1
--- /dev/null
+++ b/packages/react-components/src/Tags.tsx
@@ -0,0 +1,113 @@
+// Copyright 2017-2022 @polkadot/react-components authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import React, { useCallback, useMemo } from 'react';
+import styled from 'styled-components';
+
+import EditButton from './EditButton';
+import InputTags from './InputTags';
+import Tag from './Tag';
+import { useTranslation } from './translate';
+
+interface Props {
+  children?: React.ReactNode;
+  className?: string;
+  isEditable?: boolean;
+  isEditing?: boolean;
+  onChange?: (_: string[]) => void;
+  onToggleIsEditing?: () => void;
+  onSave?: () => void;
+  value: string[];
+  withEditButton?: boolean;
+  withTitle?: boolean;
+}
+
+function Tags ({ children, className = '', isEditable, isEditing, onChange, onSave, onToggleIsEditing, value, withEditButton = true, withTitle }: Props): React.ReactElement<Props> {
+  const { t } = useTranslation();
+
+  const contents = useMemo(
+    () => value.length
+      ? value.map((tag): React.ReactNode => (
+        <Tag
+          key={tag}
+          label={tag}
+        />
+      ))
+      : <label>{t<string>('no tags')}</label>,
+    [t, value]
+  );
+
+  const _onSave = useCallback(
+    (): void => {
+      onSave && onSave();
+      onToggleIsEditing && onToggleIsEditing();
+    },
+    [onSave, onToggleIsEditing]
+  );
+
+  return (
+    <div className={`ui--Tags ${className}`}>
+      {withTitle && (
+        <h5>{t<string>('Tags')}</h5>
+      )}
+      {isEditable && isEditing
+        ? (
+          <InputTags
+            defaultValue={value}
+            onBlur={_onSave}
+            onChange={onChange}
+            onClose={_onSave}
+            openOnFocus
+            searchInput={{ autoFocus: false }}
+            value={value}
+            withLabel={false}
+          />
+        )
+        : isEditable && withEditButton
+          ? (
+            <EditButton
+              className={value.length === 0 ? 'center' : 'left'}
+              onClick={onToggleIsEditing}
+            >
+              {contents}
+            </EditButton>
+          )
+          : contents
+      }
+      {children}
+    </div>
+  );
+}
+
+export default React.memo(styled(Tags)`
+  h5 {
+    font-style: normal;
+    font-weight: var(--font-weight-bold);
+    font-size: 0.714rem;
+    line-height: 1rem;
+    text-transform: uppercase;
+    margin-bottom: 0.5rem;
+  }
+
+  label {
+    display: inline-block;
+  }
+
+  .ui--EditButton {
+    display: flex;
+    align-items: center;
+    flex-wrap: wrap;
+
+    &.center {
+      justify-content: center;
+    }
+
+    &.left {
+      justify-content: left;
+    }
+  }
+
+  .ui--Tag {
+    margin: 0.1rem 0 0.1rem 0.571rem;
+  }
+`);
diff --git a/packages/react-components/src/TextArea.tsx b/packages/react-components/src/TextArea.tsx
new file mode 100644
index 0000000..d8041b5
--- /dev/null
+++ b/packages/react-components/src/TextArea.tsx
@@ -0,0 +1,99 @@
+// Copyright 2017-2022 @polkadot/react-components authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import React, { useCallback } from 'react';
+import styled from 'styled-components';
+
+import Labelled from './Labelled';
+
+interface Props {
+  children?: React.ReactNode;
+  className?: string;
+  help?: React.ReactNode;
+  isError?: boolean;
+  isReadOnly?: boolean;
+  label?: React.ReactNode;
+  onChange?: (arg: string) => void;
+  seed?: string;
+  withLabel?: boolean;
+}
+
+function TextArea ({ children, className, help, isError, isReadOnly, label, onChange, seed, withLabel }: Props): React.ReactElement<Props> {
+  const _onChange = useCallback(
+    ({ target: { value } }: React.ChangeEvent<HTMLTextAreaElement>): void => {
+      onChange && onChange(value);
+    },
+    [onChange]
+  );
+
+  return (
+    <Labelled
+      className={className}
+      help={help}
+      label={label}
+      withLabel={withLabel}
+    >
+      <div className='TextAreaWithDropdown'>
+        <textarea
+          autoCapitalize='off'
+          autoCorrect='off'
+          autoFocus={false}
+          className={isError ? 'ui-textArea-withError' : ''}
+          onChange={_onChange}
+          readOnly={isReadOnly}
+          rows={2}
+          spellCheck={false}
+          value={seed}
+        />
+        {children}
+      </div>
+    </Labelled>
+  );
+}
+
+export default React.memo(styled(TextArea)`
+  .TextAreaWithDropdown {
+    display: flex;
+    textarea {
+      border-radius: 0.25rem 0 0 0.25rem;
+      border: 1px solid #DDE1EB;
+      border-right: none;
+      background: var(--bg-input);
+      box-sizing: border-box;
+      color: var(--color-text);
+      display: block;
+      outline: none;
+      padding: 1.75rem 3rem 0.75rem 1.5rem;
+      resize: none;
+      width: 100%;
+
+      &:read-only {
+        background: var(--bg-inverse);
+        box-shadow: none;
+        outline: none;
+
+        ~ .ui.buttons > .ui.selection.dropdown {
+          background: var(--bg-inverse);
+        }
+      }
+
+      &.ui-textArea-withError {
+        background: var(--bg-input-error);
+        color: var(--color-error);
+      }
+    }
+
+    & > .ui.buttons > .ui.button.floating.selection.dropdown {
+      border: 1px solid #DDE1EB;
+      border-left: none;
+      border-top-left-radius: 0;
+      border-bottom-left-radius: 0;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      & > .dropdown.icon {
+        top: 2rem;
+      }
+    }
+  }
+`);
diff --git a/packages/react-components/src/Toggle.tsx b/packages/react-components/src/Toggle.tsx
new file mode 100644
index 0000000..222eded
--- /dev/null
+++ b/packages/react-components/src/Toggle.tsx
@@ -0,0 +1,109 @@
+// Copyright 2017-2022 @polkadot/react-components authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import React, { useCallback } from 'react';
+import styled from 'styled-components';
+
+interface Props {
+  className?: string;
+  isDisabled?: boolean;
+  isOverlay?: boolean;
+  isRadio?: boolean;
+  label: React.ReactNode;
+  onChange?: (isChecked: boolean) => void;
+  preventDefault?: boolean;
+  value?: boolean;
+}
+
+function Toggle ({ className = '', isDisabled, isOverlay, isRadio, label, onChange, preventDefault, value }: Props): React.ReactElement<Props> {
+  const _onClick = useCallback(
+    (event: React.MouseEvent<HTMLDivElement, MouseEvent>): void => {
+      if (!isDisabled) {
+        if (preventDefault) {
+          event.preventDefault();
+          event.stopPropagation();
+        }
+
+        onChange && onChange(!value);
+      }
+    },
+    [isDisabled, onChange, preventDefault, value]
+  );
+
+  return (
+    <div
+      className={`ui--Toggle${value ? ' isChecked' : ''}${isDisabled ? ' isDisabled' : ''}${isOverlay ? ' isOverlay' : ''}${isRadio ? ' isRadio' : ''} ${className}`}
+      onClick={_onClick}
+    >
+      {label && <label>{label}</label>}
+      <div className={`ui--Toggle-Slider${isRadio ? ' highlight--before-border' : ''}`} />
+    </div>
+  );
+}
+
+export default React.memo(styled(Toggle)`
+  > label {
+    display: inline-block;
+    margin: 0 0.5rem;
+  }
+
+  > label,
+  > div {
+    vertical-align: middle;
+  }
+
+  .ui--Toggle-Slider {
+    background: var(--bg-toggle);
+    border-radius: 1.5rem;
+    display: inline-block;
+    height: 1.5rem;
+    position: relative;
+    width: 3rem;
+
+    &::before {
+      background: var(--bg-table);
+      border: 0.125rem solid var(--bg-toggle);
+      border-radius: 50%;
+      content: "";
+      height: 1.5rem;
+      left: 0;
+      position: absolute;
+      top: 0;
+      width: 1.5rem;
+    }
+  }
+
+  &:not(.isDisabled) {
+    cursor: pointer;
+
+    > label {
+      cursor: pointer;
+    }
+  }
+
+  &.isChecked {
+    &:not(.isRadio) {
+      .ui--Toggle-Slider:before {
+        transform: translateX(1.5rem);
+      }
+    }
+
+    &.isRadio {
+      .ui--Toggle-Slider:before {
+        border-width: 0.5rem;
+      }
+    }
+  }
+
+  &.isRadio {
+    .ui--Toggle-Slider {
+      width: 1.5rem;
+    }
+  }
+
+  &.isOverlay {
+    bottom: 1.375rem;
+    // position: absolute;
+    right: 3.5rem;
+  }
+`);
diff --git a/packages/react-components/src/ToggleGroup.tsx b/packages/react-components/src/ToggleGroup.tsx
new file mode 100644
index 0000000..b376575
--- /dev/null
+++ b/packages/react-components/src/ToggleGroup.tsx
@@ -0,0 +1,89 @@
+// Copyright 2017-2022 @polkadot/react-components authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import React, { useCallback } from 'react';
+import styled from 'styled-components';
+
+import { Button } from '@polkadot/react-components';
+
+interface Props {
+  className?: string;
+  onChange: (index: number) => void;
+  options: { isDisabled?: boolean, text: string, value: number }[];
+  value: number;
+}
+
+interface ToggleProps {
+  index: number;
+  isDisabled?: boolean;
+  isSelected: boolean;
+  onChange: (index: number) => void;
+  text: string;
+}
+
+function ToggleIndex ({ index, isDisabled, isSelected, onChange, text }: ToggleProps): React.ReactElement<ToggleProps> {
+  const _onClick = useCallback(
+    (): void => {
+      !isDisabled && onChange(index);
+    },
+    [isDisabled, index, onChange]
+  );
+
+  return (
+    <Button
+      icon={isSelected ? 'check' : 'circle'}
+      isBasic
+      isDisabled={isDisabled}
+      isSelected={isSelected}
+      key={text}
+      label={text}
+      onClick={_onClick}
+    />
+  );
+}
+
+const ToggleIndexMemo = React.memo(ToggleIndex);
+
+function ToggleGroup ({ className = '', onChange, options, value }: Props): React.ReactElement<Props> | null {
+  if (!options.length || !options[0].value) {
+    return null;
+  }
+
+  return (
+    <div className={`ui--ToggleGroup ${className}`}>
+      {options.map(({ isDisabled, text }, index): React.ReactNode => (
+        <ToggleIndexMemo
+          index={index}
+          isDisabled={isDisabled}
+          isSelected={value === index}
+          key={index}
+          onChange={onChange}
+          text={text}
+        />
+      ))}
+    </div>
+  );
+}
+
+export default React.memo(styled(ToggleGroup)`
+  display: inline-block;
+  margin-right: 1.5rem;
+
+  .ui--Button {
+    margin: 0;
+
+    &:not(:first-child) {
+      border-bottom-left-radius: 0;
+      border-top-left-radius: 0;
+    }
+
+    &:not(:last-child) {
+      border-bottom-right-radius: 0;
+      border-top-right-radius: 0;
+    }
+
+    .ui--Icon {
+      width: 1em;
+    }
+  }
+`);
diff --git a/packages/react-components/src/Tooltip.tsx b/packages/react-components/src/Tooltip.tsx
new file mode 100644
index 0000000..e2efb54
--- /dev/null
+++ b/packages/react-components/src/Tooltip.tsx
@@ -0,0 +1,120 @@
+// Copyright 2017-2022 @polkadot/react-components authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import React, { useEffect, useState } from 'react';
+import ReactDOM from 'react-dom';
+import ReactTooltip from 'react-tooltip';
+import styled from 'styled-components';
+
+function rootElement () {
+  return typeof document === 'undefined'
+    ? null // This hack is required for server side rendering
+    : document.getElementById('tooltips');
+}
+
+interface Props {
+  className?: string;
+  clickable?: boolean;
+  dataFor?: string;
+  effect?: 'solid' | 'float';
+  offset?: {
+    bottom?: number;
+    left?: number;
+    right?: number;
+    top?: number;
+  };
+  place?: 'bottom' | 'top' | 'right' | 'left';
+  text: React.ReactNode;
+  trigger: string;
+}
+
+function Tooltip ({ className = '', clickable = false, effect = 'solid', offset, place = 'top', text, trigger }: Props): React.ReactElement<Props> | null {
+  const [tooltipContainer] = useState(
+    typeof document === 'undefined'
+      ? {} as HTMLElement // This hack is required for server side rendering
+      : document.createElement('div')
+  );
+
+  useEffect((): () => void => {
+    const root = rootElement();
+
+    root && root.appendChild(tooltipContainer);
+
+    return (): void => {
+      root && root.removeChild(tooltipContainer);
+    };
+  }, [tooltipContainer]);
+
+  return ReactDOM.createPortal(
+    <ReactTooltip
+      className={`ui--Tooltip ${className}`}
+      clickable={clickable}
+      effect={effect}
+      id={trigger}
+      offset={offset}
+      place={place}
+    >
+      {className?.includes('address') ? <div>{text}</div> : text}
+    </ReactTooltip>,
+    tooltipContainer
+  );
+}
+
+export default React.memo(styled(Tooltip)`
+  > div {
+    overflow: hidden;
+  }
+
+  &.ui--Tooltip {
+    z-index: 1002;
+  }
+
+  table {
+    border: 0;
+    overflow: hidden;
+    width: 100%;
+
+    td {
+      text-align: left;
+    }
+
+    td:first-child {
+      opacity: 0.75;
+      padding-right: 0.25rem;
+      text-align: right;
+      white-space: nowrap;
+    }
+  }
+
+  div+table,
+  table+div {
+    margin-top: 0.75rem;
+  }
+
+  > div+div {
+    margin-top: 0.5rem;
+  }
+
+  &.address div {
+    overflow: hidden;
+    text-overflow: ellipsis;
+  }
+
+  .faded {
+    margin-top: 0;
+    opacity: 0.75 !important;
+    font-size: 0.85em !important;
+
+    .faded {
+      font-size: 1em !important;
+    }
+  }
+
+  .faded+.faded {
+    margin-top: 0;
+  }
+
+  .row+.row {
+    margin-top: 0.5rem;
+  }
+`);
diff --git a/packages/react-components/src/TreasuryProposal.tsx b/packages/react-components/src/TreasuryProposal.tsx
new file mode 100644
index 0000000..2fb3da9
--- /dev/null
+++ b/packages/react-components/src/TreasuryProposal.tsx
@@ -0,0 +1,98 @@
+// Copyright 2017-2022 @polkadot/app-democracy authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { Option } from '@polkadot/types';
+import type { TreasuryProposal as TreasuryProposalType } from '@polkadot/types/interfaces';
+
+import React, { useEffect, useState } from 'react';
+
+import { InputAddress, Labelled, Static } from '@polkadot/react-components';
+import { useApi } from '@polkadot/react-hooks';
+import { FormatBalance } from '@polkadot/react-query';
+
+import Inset, { InsetProps } from './Inset';
+import { useTranslation } from './translate';
+
+interface Props {
+  className?: string;
+  asInset?: boolean;
+  insetProps?: Partial<InsetProps>;
+  onClick?: () => void;
+  proposalId?: string;
+  proposal?: TreasuryProposalType | null;
+  withLink?: boolean;
+}
+
+function TreasuryProposal ({ asInset, className = '', insetProps, onClick, proposal, proposalId }: Props): React.ReactElement<Props> | null {
+  const { t } = useTranslation();
+  const [stateProposal, setProposal] = useState<TreasuryProposalType | null>(null);
+  const { api } = useApi();
+
+  useEffect((): void => {
+    if (!proposal && proposalId) {
+      api.query.treasury
+        .proposals<Option<TreasuryProposalType>>(proposalId)
+        .then((proposal): TreasuryProposalType | null => proposal.unwrapOr(null))
+        .catch((): null => null)
+        .then(setProposal)
+        .catch(console.error);
+    } else {
+      setProposal(proposal || null);
+    }
+  }, [api, proposal, proposalId]);
+
+  if (!stateProposal) {
+    return null;
+  }
+
+  const { beneficiary, bond, proposer, value } = stateProposal;
+
+  const inner = (
+    <>
+      <Labelled label={t<string>('proposed by')}>
+        <InputAddress
+          defaultValue={proposer}
+          isDisabled
+          value={proposer}
+          withLabel={false}
+        />
+      </Labelled>
+      <Labelled label={t<string>('beneficiary')}>
+        <InputAddress
+          defaultValue={beneficiary}
+          isDisabled
+          value={beneficiary}
+          withLabel={false}
+        />
+      </Labelled>
+      <Static label={t<string>('value')}>
+        <FormatBalance value={value} />
+      </Static>
+      <Static label={t<string>('bond')}>
+        <FormatBalance value={bond} />
+      </Static>
+    </>
+  );
+
+  if (asInset) {
+    return (
+      <Inset
+        className={className}
+        {...insetProps}
+      >
+        {inner}
+      </Inset>
+    );
+  }
+
+  return (
+    <div
+      className={className}
+      onClick={onClick && onClick}
+    >
+      {inner}
+    </div>
+  );
+}
+
+export default React.memo(TreasuryProposal);
diff --git a/packages/react-components/src/TxButton.tsx b/packages/react-components/src/TxButton.tsx
new file mode 100644
index 0000000..4e06ae7
--- /dev/null
+++ b/packages/react-components/src/TxButton.tsx
@@ -0,0 +1,119 @@
+// Copyright 2017-2022 @polkadot/react-components authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { SubmittableExtrinsic } from '@polkadot/api/types';
+import type { TxButtonProps as Props } from './types';
+
+import React, { useCallback, useContext, useEffect, useState } from 'react';
+
+import { SubmittableResult } from '@polkadot/api';
+import { useIsMountedRef } from '@polkadot/react-hooks';
+import { assert, isFunction } from '@polkadot/util';
+
+import Button from './Button';
+import { StatusContext } from './Status';
+import { useTranslation } from './translate';
+
+function TxButton ({ accountId, className = '', extrinsic: propsExtrinsic, icon, isBasic, isBusy, isDisabled, isIcon, isToplevel, isUnsigned, label, onClick, onFailed, onSendRef, onStart, onSuccess, onUpdate, params, tooltip, tx, withSpinner, withoutLink }: Props): React.ReactElement<Props> {
+  const { t } = useTranslation();
+  const mountedRef = useIsMountedRef();
+  const { queueExtrinsic } = useContext(StatusContext);
+  const [isSending, setIsSending] = useState(false);
+  const [isStarted, setIsStarted] = useState(false);
+
+  useEffect((): void => {
+    (isStarted && onStart) && onStart();
+  }, [isStarted, onStart]);
+
+  const _onFailed = useCallback(
+    (result: Error | SubmittableResult | null): void => {
+      mountedRef.current && setIsSending(false);
+
+      onFailed && onFailed(result);
+    },
+    [onFailed, setIsSending, mountedRef]
+  );
+
+  const _onSuccess = useCallback(
+    (result: SubmittableResult): void => {
+      mountedRef.current && setIsSending(false);
+
+      onSuccess && onSuccess(result);
+    },
+    [onSuccess, setIsSending, mountedRef]
+  );
+
+  const _onStart = useCallback(
+    (): void => {
+      mountedRef.current && setIsStarted(true);
+    },
+    [setIsStarted, mountedRef]
+  );
+
+  const _onSend = useCallback(
+    (): void => {
+      let extrinsics: SubmittableExtrinsic<'promise'>[] | undefined;
+
+      if (propsExtrinsic) {
+        extrinsics = Array.isArray(propsExtrinsic)
+          ? propsExtrinsic
+          : [propsExtrinsic];
+      } else if (tx) {
+        extrinsics = [
+          tx(...(
+            isFunction(params)
+              ? params()
+              : (params || [])
+          ))
+        ];
+      }
+
+      assert(extrinsics?.length, 'Expected generated extrinsic passed to TxButton');
+
+      mountedRef.current && withSpinner && setIsSending(true);
+
+      extrinsics.forEach((extrinsic): void => {
+        queueExtrinsic({
+          accountId: accountId && accountId.toString(),
+          extrinsic,
+          isUnsigned,
+          txFailedCb: withSpinner ? _onFailed : onFailed,
+          txStartCb: _onStart,
+          txSuccessCb: withSpinner ? _onSuccess : onSuccess,
+          txUpdateCb: onUpdate
+        });
+      });
+
+      onClick && onClick();
+    },
+    [_onFailed, _onStart, _onSuccess, accountId, isUnsigned, onClick, onFailed, onSuccess, onUpdate, params, propsExtrinsic, queueExtrinsic, setIsSending, tx, withSpinner, mountedRef]
+  );
+
+  if (onSendRef) {
+    onSendRef.current = _onSend;
+  }
+
+  return (
+    <Button
+      className={className}
+      icon={icon || 'check'}
+      isBasic={isBasic}
+      isBusy={isBusy}
+      isDisabled={isSending || isDisabled || (!isUnsigned && !accountId) || (
+        tx
+          ? false
+          : Array.isArray(propsExtrinsic)
+            ? propsExtrinsic.length === 0
+            : !propsExtrinsic
+      )}
+      isIcon={isIcon}
+      isToplevel={isToplevel}
+      label={label || (isIcon ? '' : t<string>('Submit'))}
+      onClick={_onSend}
+      tooltip={tooltip}
+      withoutLink={withoutLink}
+    />
+  );
+}
+
+export default React.memo(TxButton);
diff --git a/packages/react-components/src/VoteAccount.tsx b/packages/react-components/src/VoteAccount.tsx
new file mode 100644
index 0000000..3e699c3
--- /dev/null
+++ b/packages/react-components/src/VoteAccount.tsx
@@ -0,0 +1,31 @@
+// Copyright 2017-2022 @polkadot/react-components authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import React from 'react';
+
+import InputAddress from './InputAddress';
+import { useTranslation } from './translate';
+
+interface Props {
+  className?: string;
+  filter?: string[];
+  onChange: (value: string | null) => void;
+}
+
+function VoteAccount ({ className = '', filter, onChange }: Props): React.ReactElement<Props> {
+  const { t } = useTranslation();
+
+  return (
+    <InputAddress
+      className={className}
+      filter={filter}
+      help={t<string>('Select the account you wish to vote with. You can approve "aye" or deny "nay" the proposal.')}
+      label={t<string>('vote with account')}
+      onChange={onChange}
+      type='account'
+      withLabel
+    />
+  );
+}
+
+export default React.memo(VoteAccount);
diff --git a/packages/react-components/src/VoteValue.tsx b/packages/react-components/src/VoteValue.tsx
new file mode 100644
index 0000000..e7e06be
--- /dev/null
+++ b/packages/react-components/src/VoteValue.tsx
@@ -0,0 +1,103 @@
+// Copyright 2017-2022 @polkadot/react-components authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { DeriveBalancesAll } from '@polkadot/api-derive/types';
+import type { BN } from '@polkadot/util';
+
+import React, { useCallback, useEffect, useState } from 'react';
+
+import { useApi, useCall } from '@polkadot/react-hooks';
+import { BalanceVoting } from '@polkadot/react-query';
+import { BN_ZERO } from '@polkadot/util';
+
+import InputBalance from './InputBalance';
+import { useTranslation } from './translate';
+
+interface Props {
+  accountId?: string | null;
+  autoFocus?: boolean;
+  isCouncil?: boolean;
+  onChange: (value: BN) => void;
+}
+
+interface ValueState {
+  defaultValue: BN;
+  maxValue: BN;
+  selectedId?: string | null;
+  value: BN;
+}
+
+function getValues (selectedId: string | null | undefined, isCouncil: boolean | undefined, allBalances: DeriveBalancesAll, existential: BN): ValueState {
+  const value = allBalances.lockedBalance;
+  const maxValue = allBalances.votingBalance.add(isCouncil ? allBalances.reservedBalance : BN_ZERO);
+  const defaultValue = value.isZero()
+    ? maxValue.gt(existential)
+      ? maxValue.sub(existential)
+      : BN_ZERO
+    : value;
+
+  return {
+    defaultValue,
+    maxValue,
+    selectedId,
+    value: defaultValue
+  };
+}
+
+function VoteValue ({ accountId, autoFocus, isCouncil, onChange }: Props): React.ReactElement<Props> | null {
+  const { t } = useTranslation();
+  const { api } = useApi();
+  const allBalances = useCall<DeriveBalancesAll>(api.derive.balances?.all, [accountId]);
+  const [{ defaultValue, maxValue, selectedId, value }, setValue] = useState<ValueState>({ defaultValue: BN_ZERO, maxValue: BN_ZERO, value: BN_ZERO });
+
+  useEffect((): void => {
+    // if the set accountId changes and the new balances is for that id, set it
+    allBalances && allBalances.accountId.eq(accountId) && setValue((state) =>
+      state.selectedId !== accountId
+        ? getValues(accountId, isCouncil, allBalances, api.consts.balances.existentialDeposit)
+        : state
+    );
+  }, [allBalances, accountId, api, isCouncil]);
+
+  // only do onChange to parent when the BN value comes in, not our formatted version
+  useEffect((): void => {
+    onChange(value);
+  }, [onChange, value]);
+
+  const _setValue = useCallback(
+    (value?: BN) => setValue((state) =>
+      state.selectedId === accountId && value && !value.eq(state.value)
+        ? ({ ...state, value })
+        : state
+    ),
+    [accountId]
+  );
+
+  const isDisabled = accountId !== selectedId;
+
+  return (
+    <InputBalance
+      autoFocus={autoFocus}
+      defaultValue={
+        isDisabled
+          ? undefined
+          : defaultValue
+      }
+      help={t<string>('The amount that is associated with this vote. This value is locked for the duration of the vote.')}
+      isDisabled={isDisabled}
+      isZeroable
+      label={t<string>('vote value')}
+      labelExtra={
+        <BalanceVoting
+          isCouncil={isCouncil}
+          label={<label>{t<string>('voting balance')}</label>}
+          params={accountId}
+        />
+      }
+      maxValue={maxValue}
+      onChange={_setValue}
+    />
+  );
+}
+
+export default React.memo(VoteValue);
diff --git a/packages/react-components/src/constants.ts b/packages/react-components/src/constants.ts
new file mode 100644
index 0000000..9e0e9ec
--- /dev/null
+++ b/packages/react-components/src/constants.ts
@@ -0,0 +1,19 @@
+// Copyright 2017-2022 @polkadot/react-components authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+export enum BitLengthOption {
+  CHAIN_SPEC = 128,
+  NORMAL_NUMBERS = 32
+}
+
+export const ScreenSizes = {
+  DESKTOP: 992,
+  PHONE: 576,
+  TABLET: 768
+};
+
+export const rewardDestinationOptions = [
+  { text: 'Stash account (increase the amount at stake)', value: 0 },
+  { text: 'Stash account (do not increase the amount at stake)', value: 1 },
+  { text: 'Controller account', value: 2 }
+];
diff --git a/packages/react-components/src/i18n/Backend.ts b/packages/react-components/src/i18n/Backend.ts
new file mode 100644
index 0000000..91f19ff
--- /dev/null
+++ b/packages/react-components/src/i18n/Backend.ts
@@ -0,0 +1,47 @@
+// Copyright 2017-2022 @polkadot/react-components authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import languageCache from './cache';
+
+type Callback = (error: string | null, data: any) => void;
+
+type LoadResult = [string | null, Record<string, string> | boolean];
+
+const loaders: Record<string, Promise<LoadResult>> = {};
+
+export default class Backend {
+  type = 'backend';
+
+  static type: 'backend' = 'backend';
+
+  async read (lng: string, _namespace: string, responder: Callback): Promise<void> {
+    if (languageCache[lng]) {
+      return responder(null, languageCache[lng]);
+    }
+
+    // eslint-disable-next-line @typescript-eslint/no-misused-promises
+    if (!loaders[lng]) {
+      loaders[lng] = this.createLoader(lng);
+    }
+
+    const [error, data] = await loaders[lng];
+
+    return responder(error, data);
+  }
+
+  async createLoader (lng: string): Promise<LoadResult> {
+    try {
+      const response = await fetch(`locales/${lng}/translation.json`, {});
+
+      if (!response.ok) {
+        return [`i18n: failed loading ${lng}`, response.status >= 500 && response.status < 600];
+      } else {
+        languageCache[lng] = await response.json() as Record<string, string>;
+
+        return [null, languageCache[lng]];
+      }
+    } catch (error) {
+      return [(error as Error).message, false];
+    }
+  }
+}
diff --git a/packages/react-components/src/i18n/cache.ts b/packages/react-components/src/i18n/cache.ts
new file mode 100644
index 0000000..99bb945
--- /dev/null
+++ b/packages/react-components/src/i18n/cache.ts
@@ -0,0 +1,6 @@
+// Copyright 2017-2022 @polkadot/react-components authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+const languageCache: Record<string, Record<string, string>> = {};
+
+export default languageCache;
diff --git a/packages/react-components/src/i18n/index.ts b/packages/react-components/src/i18n/index.ts
new file mode 100644
index 0000000..5cc087b
--- /dev/null
+++ b/packages/react-components/src/i18n/index.ts
@@ -0,0 +1,101 @@
+// Copyright 2017-2022 @polkadot/react-components authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import i18next from 'i18next';
+import LanguageDetector from 'i18next-browser-languagedetector';
+import { initReactI18next } from 'react-i18next';
+
+import { LANGUAGE_DEFAULT, settings } from '@polkadot/ui-settings';
+
+import Backend from './Backend';
+
+interface Services {
+  languageDetector: {
+    detect: () => string;
+  };
+}
+
+const languageDetector = new LanguageDetector();
+
+languageDetector.addDetector({
+  lookup: () => {
+    const i18nLang = settings.i18nLang;
+
+    return i18nLang === LANGUAGE_DEFAULT
+      ? undefined
+      : i18nLang;
+  },
+  name: 'i18nLangDetector'
+});
+
+i18next
+  .use(languageDetector)
+  .use(initReactI18next)
+  .use(Backend)
+  .init({
+    backend: {},
+    debug: false,
+    detection: {
+      order: ['i18nLangDetector', 'navigator']
+    },
+    fallbackLng: false,
+    interpolation: {
+      escapeValue: false,
+      prefix: '{{',
+      suffix: '}}'
+    },
+    keySeparator: false,
+    load: 'languageOnly',
+    ns: [
+      'apps',
+      'apps-config',
+      'apps-electron',
+      'apps-routing',
+      'app-accounts',
+      'app-claims',
+      'app-contracts',
+      'app-council',
+      'app-democracy',
+      'app-explorer',
+      'app-extrinsics',
+      'app-generic-asset',
+      'app-js',
+      'app-parachains',
+      'app-poll',
+      'app-rpc',
+      'app-settings',
+      'app-signing',
+      'app-society',
+      'app-staking',
+      'app-storage',
+      'app-sudo',
+      'app-tech-comm',
+      'app-treasury',
+      'react-api',
+      'react-components',
+      'react-hooks',
+      'react-params',
+      'react-query',
+      'react-signer',
+      'translation'
+    ],
+    nsSeparator: false,
+    react: {
+      useSuspense: true
+    },
+    returnEmptyString: false,
+    returnNull: false
+  })
+  .catch((error: Error): void =>
+    console.log('i18n: failure', error)
+  );
+
+settings.on('change', (settings): void => {
+  i18next.changeLanguage(
+    settings.i18nLang === LANGUAGE_DEFAULT
+      ? (i18next.services as Services).languageDetector.detect()
+      : settings.i18nLang
+  ).catch(console.error);
+});
+
+export default i18next;
diff --git a/packages/react-components/src/index.tsx b/packages/react-components/src/index.tsx
new file mode 100644
index 0000000..ea80f51
--- /dev/null
+++ b/packages/react-components/src/index.tsx
@@ -0,0 +1,105 @@
+// Copyright 2017-2022 @polkadot/react-components authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+export * from '@polkadot/react-qr';
+
+export { default as AccountIndex } from './AccountIndex';
+export { default as AccountName } from './AccountName';
+export { default as AddressInfo } from './AddressInfo';
+export { default as AddressMini } from './AddressMini';
+export { default as AddressRow } from './AddressRow';
+export { default as AddressSmall } from './AddressSmall';
+export { default as AddressToggle } from './AddressToggle';
+export { default as Available } from './Available';
+export { default as AvatarItem } from './AvatarItem';
+export { default as Badge } from './Badge';
+export { default as Balance } from './Balance';
+export { default as BatchWarning } from './BatchWarning';
+export { default as Bonded } from './Bonded';
+export { default as Button } from './Button';
+export { default as ButtonCancel } from './ButtonCancel';
+export { default as Call } from './Call';
+export { default as CallExpander } from './CallExpander';
+export { default as Card } from './Card';
+export { default as CardSummary } from './CardSummary';
+export { default as ChainImg } from './ChainImg';
+export { default as ChainLock } from './ChainLock';
+export { default as Chart } from './Chart';
+export { default as Checkbox } from './Checkbox';
+export { default as Columar } from './Columar';
+export { default as ConvictionDropdown } from './ConvictionDropdown';
+export { default as CopyButton } from './CopyButton';
+export { default as CryptoType } from './CryptoType';
+export { default as Digits } from './Digits';
+export { default as Dropdown } from './Dropdown';
+export { default as EditButton } from './EditButton';
+export { default as Editor } from './Editor';
+export { default as ErrorBoundary } from './ErrorBoundary';
+export { default as Event } from './Event';
+export { default as Expander } from './Expander';
+export { default as Extrinsic } from './Extrinsic';
+export { default as FilterOverlay } from './FilterOverlay';
+export { default as Flag } from './Flag';
+export { default as Forget } from './Forget';
+export { default as HelpOverlay } from './HelpOverlay';
+export { default as Icon } from './Icon';
+export { default as IconLink } from './IconLink';
+export { default as IdentityIcon } from './IdentityIcon';
+export { default as InfoForInput } from './InfoForInput';
+export { default as Inspect } from './Inspect';
+export { default as Input } from './Input';
+export { default as InputAddress } from './InputAddress';
+export { default as InputAddressMulti } from './InputAddressMulti';
+export { default as InputAddressSimple } from './InputAddressSimple';
+export { default as InputBalance } from './InputBalance';
+export { default as InputConsts } from './InputConsts';
+export { default as InputExtrinsic } from './InputExtrinsic';
+export { default as InputFile } from './InputFile';
+export { default as InputNumber } from './InputNumber';
+export { default as InputRpc } from './InputRpc';
+export { default as InputStorage } from './InputStorage';
+export { default as InputTags } from './InputTags';
+export { default as InputWasm } from './InputWasm';
+export { default as Inset } from './Inset';
+export { default as Label } from './Label';
+export { default as LabelHelp } from './LabelHelp';
+export { default as Labelled } from './Labelled';
+export { default as LinkExternal } from './LinkExternal';
+export { default as LockedVote } from './LockedVote';
+export { default as MarkError } from './MarkError';
+export { default as MarkWarning } from './MarkWarning';
+export { default as Menu } from './Menu';
+export { default as Modal } from './Modal';
+export { default as Nonce } from './Nonce';
+export { default as Output } from './Output';
+export { default as Password } from './Password';
+export { default as PasswordStrength } from './PasswordStrength';
+export { default as ParaLink } from './ParaLink';
+export { default as Popup } from './Popup';
+export { default as Progress } from './Progress';
+export { default as ProposedAction } from './ProposedAction';
+export { default as Row } from './Row';
+export { default as Sidebar } from './Sidebar';
+export { default as Spinner } from './Spinner';
+export { default as StakingBonded } from './StakingBonded';
+export { default as StakingRedeemable } from './StakingRedeemable';
+export { default as StakingUnbonding } from './StakingUnbonding';
+export { default as Static } from './Static';
+export { default as Status, StatusContext } from './Status';
+export { default as SummaryBox } from './SummaryBox';
+export { default as Table } from './Table';
+export { default as Tabs, TabsContext } from './Tabs';
+export { default as Tag } from './Tag';
+export { default as Tags } from './Tags';
+export { default as Toggle } from './Toggle';
+export { default as ToggleGroup } from './ToggleGroup';
+export { default as Tooltip } from './Tooltip';
+export { default as TxButton } from './TxButton';
+export { default as VoteAccount } from './VoteAccount';
+export { default as VoteValue } from './VoteValue';
+export { default as TextArea } from './TextArea';
+export { default as ExpandButton } from './ExpandButton';
+export { default as SortDropdown } from './SortDropdown';
+export { default as FilterInput } from './FilterInput';
+
+export { default as media } from './media';
diff --git a/packages/react-components/src/media.ts b/packages/react-components/src/media.ts
new file mode 100644
index 0000000..bb064cd
--- /dev/null
+++ b/packages/react-components/src/media.ts
@@ -0,0 +1,27 @@
+// Copyright 2017-2022 @polkadot/react-components authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import { css } from 'styled-components';
+
+import { ScreenSizes } from './constants';
+
+type MediaCss = {
+  [index in keyof typeof ScreenSizes]: (values: TemplateStringsArray) => any
+};
+
+const media = Object
+  .keys(ScreenSizes)
+  .reduce((acc: MediaCss, label: any): MediaCss => {
+    const size: number = ScreenSizes[label as 'TABLET'];
+
+    acc[label as 'TABLET'] = (values: TemplateStringsArray): unknown =>
+      css`
+        @media (min-width: ${size / 16}em) {
+          ${values}
+        }
+      `;
+
+    return acc;
+  }, {} as unknown as MediaCss);
+
+export default media;
diff --git a/packages/react-components/src/styles/components.ts b/packages/react-components/src/styles/components.ts
new file mode 100644
index 0000000..74b9b11
--- /dev/null
+++ b/packages/react-components/src/styles/components.ts
@@ -0,0 +1,141 @@
+// Copyright 2017-2022 @polkadot/react-components authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { ThemeDef } from '../types';
+
+// eslint-disable-next-line @typescript-eslint/no-unused-vars
+export default (_theme: ThemeDef): string => `
+  .ui--output {
+    background: var(--bg-input);
+    border-radius: 4px;
+    border: 1px dashed #eee;
+    box-sizing: border-box;
+    line-height: 1rem;
+    max-height: 25rem;
+    overflow-y: auto;
+    padding: 0.75rem 1rem;
+    position: relative;
+    word-break: break-all;
+
+    &.error {
+      background: var(--bg-input-error);
+      border-color: #e0b4b4;
+    }
+
+    &.monospace {
+      font-family: monospace;
+    }
+  }
+
+  header .ui--Button-Group {
+    text-align: center;
+  }
+
+  .ui.input .ui--Button-Group {
+    margin: 0;
+  }
+
+  button.u.ui--Icon.icon-button {
+    padding-top: 0;
+    padding-right: 0;
+    padding-bottom: 0.3em;
+    padding-left: 0.3em;
+    color: #2e86ab  !important;
+    background: none  !important;
+  }
+
+  button.ui--Button {
+    font: var(--font-sans);
+  }
+
+  .editable {
+    cursor: pointer;
+  }
+
+  .ui--DropdownLinked.ui--row {
+    .small .ui.selection.dropdown {
+      border-right: none;
+      border-bottom-right-radius: 0;
+      border-top-right-radius: 0;
+      min-width: 5rem;
+    }
+
+    .large .ui.selection.dropdown {
+      border-left: none;
+      border-bottom-left-radius: 0;
+      border-top-left-radius: 0;
+    }
+  }
+
+  .ui--Input {
+    &.disabled {
+      overflow: hidden;
+
+      input {
+        overflow: hidden;
+        text-overflow: ellipsis;
+        white-space: nowrap;
+      }
+    }
+
+    &.inPlaceEditor {
+      margin: 0 !important;
+
+      input {
+        padding: 0 !important;
+        background: rgba(230, 230, 230, 0.8) !important;
+        border: 0 !important;
+        border-radius: 0 !important;
+        box-shadow: 0 3px 3px rgba(0,0,0,.2);
+      }
+    }
+
+    &.isWarning.ui.input {
+      > input,
+      input:focus {
+        background: #ffffe0;
+        border-color: #eeeeae;
+      }
+    }
+
+    .ui--SiDropdown {
+      width: 6rem;
+      text-align: center;
+    }
+  }
+
+  .ui--Static {
+    min-width: 2rem; /* adjust width from normal dropdown sizing */
+    overflow: hidden;
+    word-break: break-all;
+  }
+
+  .ui--Tooltip {
+    text-align: center;
+    z-index: 1002;
+    max-width: 300px;
+
+
+    &.accounts-badge {
+      background-color: var(--bg-menu) !important;
+      color: var(--color-text) !important;
+      box-shadow: 0 2px 4px 0 rgb(34 36 38 / 12%), 0 2px 10px 0 rgb(34 36 38 / 15%);
+      z-index: 999;
+
+      &.place-top::after {
+        border-top-color: var(--bg-menu) !important;
+      }
+
+      &.place-right::after {
+        border-right-color: var(--bg-menu) !important;
+      }
+
+    a {
+      color: #3BBEFF;
+
+      &.purpleColor {
+        color: #E6007A;
+      }
+    }
+  }
+`;
diff --git a/packages/react-components/src/styles/form.ts b/packages/react-components/src/styles/form.ts
new file mode 100644
index 0000000..19e5c3d
--- /dev/null
+++ b/packages/react-components/src/styles/form.ts
@@ -0,0 +1,72 @@
+// Copyright 2017-2022 @polkadot/react-components authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+export default `
+  .ui--grid,
+  .ui--row {
+    width: 100%;
+  }
+
+  .ui--grid,
+  .ui--row {
+    align-items: stretch;
+    display: flex;
+    flex-wrap: nowrap;
+    flex-direction: row;
+    justify-content: flex-start;
+    text-align: left;
+    min-width: 0;
+  }
+
+  .ui--grid > div,
+  .ui--row > div {
+    box-sizing: border-box;
+    min-width: 0;
+  }
+
+  .ui--grid > div:not(.grow):not(.shrink),
+  .ui--row > div:not(.grow):not(.shrink) {
+    width: 100%;
+  }
+
+  .ui--grid > div:not(.shrink),
+  .ui--grid > div.full,
+  .ui--row > div.full {
+    flex: 0 100%;
+  }
+
+  .ui--grid > div.shrink,
+  .ui--row > div.shrink {
+    flex: 0 1 auto;
+  }
+
+  .ui--grid > div.grow,
+  .ui--row > div.grow {
+    flex: 1 1 auto;
+  }
+
+  .ui--grid > div.large,
+  .ui--row > div.large {
+    flex: 0 75%;
+  }
+
+  .ui--grid > div.medium,
+  .ui--row > div.medium {
+    flex: 0 50%;
+  }
+
+  .ui--grid > div.small,
+  .ui--row > div.small {
+    flex: 0 25%;
+  }
+
+  .ui--grid > div.sixty6,
+  .ui--row > div.sixty6 {
+    flex: 0 66.66%;
+  }
+
+  .ui--grid > div.thirty3,
+  .ui--row > div.thirty3 {
+    flex: 0 33.33%;
+  }
+`;
diff --git a/packages/react-components/src/styles/index.ts b/packages/react-components/src/styles/index.ts
new file mode 100644
index 0000000..4ed9fa3
--- /dev/null
+++ b/packages/react-components/src/styles/index.ts
@@ -0,0 +1,544 @@
+// Copyright 2017-2022 @polkadot/react-components authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { ThemeProps } from '../types';
+
+import { createGlobalStyle } from 'styled-components';
+
+import cssComponents from './components';
+import cssForm from './form';
+import cssMedia from './media';
+import cssRx from './rx';
+import cssSemantic from './semantic';
+import cssTheme from './theme';
+
+interface Props {
+  uiHighlight?: string;
+}
+
+const BRIGHTNESS = 128 + 32;
+const FACTORS = [0.2126, 0.7152, 0.0722];
+const PARTS = [0, 2, 4];
+const VERY_DARK = 16;
+
+const defaultHighlight = '#f19135'; // '#f19135'; // #999
+
+function getHighlight (uiHighlight: string | undefined): string {
+  return (uiHighlight || defaultHighlight);
+}
+
+function countBrightness (uiHighlight: string | undefined): number {
+  const hc = getHighlight(uiHighlight).replace('#', '').toLowerCase();
+
+  return PARTS.reduce((b, p, index) => b + (parseInt(hc.substr(p, 2), 16) * FACTORS[index]), 0);
+}
+
+function getContrast (uiHighlight: string | undefined): string {
+  const brightness = countBrightness(uiHighlight);
+
+  return brightness > BRIGHTNESS
+    ? 'rgba(45, 43, 41, 0.875)'
+    : 'rgba(255, 253, 251, 0.875)';
+}
+
+function getMenuHoverContrast (uiHighlight: string | undefined): string {
+  const brightness = countBrightness(uiHighlight);
+
+  if (brightness < VERY_DARK) {
+    return 'rgba(255, 255, 255, 0.15)';
+  }
+
+  return brightness < BRIGHTNESS
+    ? 'rgba(0, 0, 0, 0.15)'
+    : 'rgba(255, 255, 255, 0.15)';
+}
+
+function hexToRGB (hex: string, alpha?: string) {
+  const r = parseInt(hex.slice(1, 3), 16);
+  const g = parseInt(hex.slice(3, 5), 16);
+  const b = parseInt(hex.slice(5, 7), 16);
+
+  return alpha
+    ? `rgba(${r}, ${g}, ${b}, ${alpha})`
+    : `rgb(${r}, ${g}, ${b})`;
+}
+
+export default createGlobalStyle<Props & ThemeProps>(({ theme, uiHighlight }: Props & ThemeProps) => `
+  .highlight--all {
+    background: ${getHighlight(uiHighlight)} !important;
+    border-color: ${getHighlight(uiHighlight)} !important;
+    color: ${getHighlight(uiHighlight)} !important;
+  }
+
+  .highlight--before:before {
+    background: ${getHighlight(uiHighlight)} !important;
+  }
+
+  .highlight--before-border:before {
+    border-color: ${getHighlight(uiHighlight)} !important;
+  }
+
+  .highlight--bg {
+    background: ${getHighlight(uiHighlight)} !important;
+  }
+
+  .highlight--bg-contrast {
+    background: ${getContrast(uiHighlight)};
+  }
+
+  .ui--MenuItem.isActive .ui--Badge {
+    background: ${getHighlight(uiHighlight)};
+    color: ${getContrast(uiHighlight)} !important;
+  }
+
+  .ui--MenuItem {
+    & .ui--Badge {
+      color: ${countBrightness(uiHighlight) < BRIGHTNESS ? '#fff' : '#424242'};
+    }
+
+    &:hover:not(.isActive) .ui--Badge {
+      background: ${countBrightness(uiHighlight) < BRIGHTNESS ? 'rgba(255, 255, 255, 0.8)' : '#4D4D4D'};
+      color: ${countBrightness(uiHighlight) > BRIGHTNESS ? '#fff' : '#424242'};
+    }
+  }
+
+  .ui--Tab .ui--Badge {
+    background: ${getHighlight(uiHighlight)};
+    color: ${countBrightness(uiHighlight) < BRIGHTNESS ? '#fff' : '#424242'};
+  }
+
+  .highlight--bg-faint,
+  .highlight--bg-light {
+    background: var(--bg-table);
+    position: relative;
+
+    &:before {
+      background: ${getHighlight(uiHighlight)};
+      bottom: 0;
+      content: ' ';
+      left: 0;
+      position: absolute;
+      right: 0;
+      top: 0;
+      z-index: -1;
+    }
+  }
+
+  .highlight--bg-faint:before {
+    opacity: 0.025;
+  }
+
+  .highlight--bg-light:before {
+    opacity: 0.2;
+  }
+
+  .highlight--border {
+    border-color: ${getHighlight(uiHighlight)} !important;
+  }
+
+  .highlight--color {
+    color: ${getHighlight(uiHighlight)} !important;
+  }
+
+  .highlight--color-contrast {
+    color: ${getContrast(uiHighlight)};
+  }
+
+  .highlight--fill {
+    fill: ${getHighlight(uiHighlight)} !important;
+  }
+
+  .highlight--gradient {
+    background: ${`linear-gradient(90deg, ${uiHighlight || defaultHighlight}, transparent)`};
+  }
+
+  .ui--MenuItem.topLevel:hover,
+  .ui--MenuItem.isActive.topLevel:hover {
+    color: ${getContrast(uiHighlight)};
+
+    a {
+      background-color: ${getMenuHoverContrast(uiHighlight)};
+    }
+  }
+
+  .menuItems li:hover .groupHdr {
+    background: ${getMenuHoverContrast(uiHighlight)};
+    color: ${getContrast(uiHighlight)};
+  }
+
+  .groupMenu {
+    background: ${getHighlight(uiHighlight)} !important;
+
+    &::before {
+      background: ${getMenuHoverContrast(uiHighlight)};
+      color:  ${getContrast(uiHighlight)};
+    }
+    li {
+      color:  ${getContrast(uiHighlight)};
+    }
+  }
+
+  .highlight--hover-bg:hover {
+    background: ${getHighlight(uiHighlight)} !important;
+  }
+
+  .highlight--hover-color:hover {
+    color: ${getHighlight(uiHighlight)} !important;
+  }
+
+  .highlight--icon {
+    .ui--Icon {
+      color: ${getHighlight(uiHighlight)} !important;
+    }
+  }
+
+  .highlight--shadow {
+    box-shadow: 0 0 1px ${getHighlight(uiHighlight)} !important;
+  }
+
+  .highlight--stroke {
+    stroke: ${getHighlight(uiHighlight)} !important;
+  }
+
+  .ui--Button {
+    &:not(.isDisabled):not(.isIcon):not(.isBasic),
+    &.withoutLink:not(.isDisabled) {
+      .ui--Icon {
+        background: ${getHighlight(uiHighlight)};
+        color: ${getContrast(uiHighlight)};
+      }
+    }
+
+    &.isBasic:not(.isDisabled):not(.isIcon):not(.isSelected) {
+      &:not(.isReadOnly) {
+        box-shadow: 0 0 1px ${getHighlight(uiHighlight)};
+      }
+
+      .ui--Icon {
+        color: ${getHighlight(uiHighlight)};
+      }
+    }
+
+    &.isSelected {
+      box-shadow: 0 0 1px ${getHighlight(uiHighlight)};
+    }
+
+    &:hover:not(.isDisabled):not(.isReadOnly),
+    &.isSelected {
+      background: ${getHighlight(uiHighlight)};
+      color: ${getContrast(uiHighlight)};
+      text-shadow: none;
+
+      &:not(.isIcon),
+      &.withoutLink {
+        .ui--Icon {
+          color: inherit;
+        }
+      }
+    }
+  }
+
+  .ui--Table td .ui--Button {
+    &:not(.isDisabled):not(.isIcon):not(.isToplevel),
+    &.withoutLink:not(.isDisabled) {
+      &:hover {
+        .ui--Icon {
+          color: ${getContrast(uiHighlight)};
+        }
+      }
+
+      .ui--Icon {
+        background: transparent;
+        color: inherit;
+        color: ${getHighlight(uiHighlight)};
+      }
+    }
+  }
+
+  .ui--Popup .ui--Button.isOpen:not(.isDisabled):not(.isReadOnly) {
+    background: ${getHighlight(uiHighlight)} !important;
+    color: ${getContrast(uiHighlight)} !important;
+
+    .ui--Icon {
+      background: transparent !important;
+      color: ${getContrast(uiHighlight)} !important;
+    }
+  }
+
+
+  .ui--Menu {
+    .ui--Menu__Item:hover {
+       background: ${hexToRGB(getHighlight(uiHighlight), '.1')};
+    }
+
+    .ui--Toggle.isChecked .ui--Toggle-Slider {
+      background: ${getHighlight(uiHighlight)};
+
+      &::before {
+        border-color: ${getHighlight(uiHighlight)};
+      }
+    }
+  }
+
+  .ui--Sort {
+    .ui--Labelled.ui--Dropdown:hover {
+     .ui.selection.dropdown {
+        border-color: ${getHighlight(uiHighlight)};
+
+       .visible.menu {
+         border: 1px solid ${getHighlight(uiHighlight)};
+        }
+      }
+    }
+
+    button:hover {
+      border-color: ${getHighlight(uiHighlight)};
+    }
+
+    button:hover,
+    .ui--Labelled.ui--Dropdown:hover {
+      &::after {
+        background-color:  ${getHighlight(uiHighlight)};
+      }
+    }
+
+    .arrow.isActive {
+      color:  ${getHighlight(uiHighlight)};
+      opacity: 1;
+    }
+  }
+
+  .theme--dark,
+  .theme--light {
+    .ui--Tabs .tabLinkActive .tabLinkText::after{
+        background: ${getHighlight(uiHighlight)};
+    }
+
+    .ui.primary.button,
+    .ui.buttons .primary.button {
+      background: ${getHighlight(uiHighlight)};
+
+      &.active,
+      &:active,
+      &:focus,
+      &:hover {
+        background-color: ${getHighlight(uiHighlight)};
+      }
+    }
+
+    .ui--Toggle.isChecked {
+      &:not(.isRadio) {
+        .ui--Toggle-Slider {
+          background: ${getHighlight(uiHighlight)} !important;
+
+          &:before {
+            border-color: ${getHighlight(uiHighlight)} !important;
+          }
+        }
+      }
+    }
+  }
+
+  .ui--ExpandButton:hover {
+    border-color: ${getHighlight(uiHighlight)} !important;
+
+    .ui--Icon {
+      color: ${getHighlight(uiHighlight)} !important;
+    }
+  }
+
+  .ui--Tag.themeColor.lightTheme,
+  .ui--InputTags.lightTheme .ui.label {
+    background: ${hexToRGB(getHighlight(uiHighlight), '0.08')};
+    color: ${countBrightness(uiHighlight) > BRIGHTNESS ? '#424242' : getHighlight(uiHighlight)};
+  }
+
+  .ui--Tag.themeColor.darkTheme,
+  .ui--InputTags.darkTheme .ui.label {
+    color: ${countBrightness(uiHighlight) > BRIGHTNESS ? getHighlight(uiHighlight) : '#fff'};
+  }
+
+  #root {
+    background: var(--bg-page);
+    color: var(--color-text);
+    font: var(--font-sans);
+    height: 100%;
+  }
+
+  a {
+    cursor: pointer;
+  }
+
+  article {
+    background: var(--bg-table);
+    border: 1px solid #f2f2f2;
+    border-radius: 0.25rem;
+    box-sizing: border-box;
+    margin: 0.25rem;
+    padding: 1.25rem;
+    position: relative;
+    text-align: left;
+
+    > ul {
+      margin: 0;
+      padding: 0;
+    }
+
+    &.error,
+    &.warning {
+      border-left-width: 0.25rem;
+      line-height: 1.5;
+      margin-left: 2.25rem;
+      padding: 0.75rem 1rem;
+      position: relative;
+      z-index: 5;
+
+      &:before {
+        border-radius: 0.25rem;
+        bottom: 0;
+        content: ' ';
+        left: 0;
+        position: absolute;
+        right: 0;
+        top: 0;
+        z-index: -1;
+      }
+    }
+
+    &.mark {
+      margin: 0.5rem 0 0.5rem 2.25rem;
+      padding: 0.5rem 1rem !important;
+    }
+
+    &.nomargin {
+      margin-left: 0;
+    }
+
+    &.extraMargin {
+      margin: 2rem auto;
+    }
+
+    &.centered {
+      margin: 1.5rem auto;
+      max-width: 75rem;
+
+      &+.ui--Button-Group {
+        margin-top: 2rem;
+      }
+    }
+
+    &.error {
+      &:before {
+        background: rgba(255, 12, 12, 0.05);
+      }
+
+      border-color: rgba(255, 12, 12, 1);
+    }
+
+    &.padded {
+      padding: 0.75rem 1rem;
+
+      > div {
+        margin: 0.25rem;
+      }
+    }
+
+    &.warning {
+      &:before {
+        background: rgba(255, 196, 12, 0.05);
+      }
+
+      border-color: rgba(255, 196, 12, 1);
+    }
+  }
+
+  body {
+    height: 100%;
+    margin: 0;
+    font: var(--font-sans);
+  }
+
+  br {
+    line-height: 1.5rem;
+  }
+
+  details {
+    cursor: pointer;
+
+    &[open] > summary {
+      white-space: normal;
+
+      br, br + * {
+        display: block;
+      }
+    }
+
+    > summary {
+      text-overflow: ellipsis;
+      overflow: hidden;
+      white-space: nowrap;
+      outline: none;
+
+      br, br + * {
+        display: none;
+      }
+    }
+  }
+
+  h1, h2, h3, h4, h5 {
+    color: var(--color-summary);
+    font: var(--font-sans);
+    font-weight: var(--font-weight-light);
+    margin-bottom: 0.25rem;
+  }
+
+  h1 {
+    font-size: 1.75rem;
+    text-transform: lowercase;
+
+    em {
+      font-style: normal;
+      text-transform: none;
+    }
+  }
+
+  h2 {
+    font-size: 1.71428571rem;
+  }
+
+  header {
+    margin-bottom: 1.5rem;
+    text-align: center;
+
+    > article {
+      background: transparent;
+    }
+  }
+
+  html {
+    height: 100%;
+  }
+
+  label {
+    box-sizing: border-box;
+    color: var(--color-label);
+    display: block;
+    font: var(--font-sans);
+    font-size: 1rem;
+    font-weight: var(--font-weight-normal);
+  }
+
+  main {
+    > section {
+      margin-bottom: 2em;
+    }
+  }
+
+  /* Add our overrides */
+  ${cssSemantic(theme)}
+  ${cssTheme}
+  ${cssForm}
+  ${cssMedia}
+  ${cssRx}
+  ${cssComponents(theme)}
+`);
diff --git a/packages/react-components/src/styles/media.ts b/packages/react-components/src/styles/media.ts
new file mode 100644
index 0000000..7f81427
--- /dev/null
+++ b/packages/react-components/src/styles/media.ts
@@ -0,0 +1,106 @@
+// Copyright 2017-2022 @polkadot/react-components authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+export default `
+  .media--2000 {
+    @media only screen and (max-width: 2000px) {
+      display: none !important;
+    }
+  }
+
+  .media--1900 {
+    @media only screen and (max-width: 1900px) {
+      display: none !important;
+    }
+  }
+
+  .media--1800 {
+    @media only screen and (max-width: 1800px) {
+      display: none !important;
+    }
+  }
+
+  .media--1700 {
+    @media only screen and (max-width: 1700px) {
+      display: none !important;
+    }
+  }
+
+  .media--1600 {
+    @media only screen and (max-width: 1600px) {
+      display: none !important;
+    }
+  }
+
+  .media--1500 {
+    @media only screen and (max-width: 1500px) {
+      display: none !important;
+    }
+  }
+
+  .media--1400 {
+    @media only screen and (max-width: 1400px) {
+      display: none !important;
+    }
+  }
+
+  .media--1300 {
+    @media only screen and (max-width: 1300px) {
+      display: none !important;
+    }
+  }
+
+  .media--1200 {
+    @media only screen and (max-width: 1200px) {
+      display: none !important;
+    }
+  }
+
+  .media--1100 {
+    @media only screen and (max-width: 1100px) {
+      display: none !important;
+    }
+  }
+
+  .media--1000 {
+    @media only screen and (max-width: 1000px) {
+      display: none !important;
+    }
+  }
+
+  .media--900 {
+    @media only screen and (max-width: 900px) {
+      display: none !important;
+    }
+  }
+
+  .media--800 {
+    @media only screen and (max-width: 800px) {
+      display: none !important;
+    }
+  }
+
+  .media--700 {
+    @media only screen and (max-width: 700px) {
+      display: none !important;
+    }
+  }
+
+  .media--600 {
+    @media only screen and (max-width: 600px) {
+      display: none !important;
+    }
+  }
+
+  .media--500 {
+    @media only screen and (max-width: 500px) {
+      display: none !important;
+    }
+  }
+
+  .media--400 {
+    @media only screen and (max-width: 400px) {
+      display: none !important;
+    }
+  }
+`;
diff --git a/packages/react-components/src/styles/rx.ts b/packages/react-components/src/styles/rx.ts
new file mode 100644
index 0000000..131ffb5
--- /dev/null
+++ b/packages/react-components/src/styles/rx.ts
@@ -0,0 +1,9 @@
+// Copyright 2017-2022 @polkadot/react-components authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+export default `
+  .rx--updated {
+    background: #ffffe0 !important;
+    transition: all 0.7s ease-out;
+  }
+`;
diff --git a/packages/react-components/src/styles/semantic.ts b/packages/react-components/src/styles/semantic.ts
new file mode 100644
index 0000000..47a32d5
--- /dev/null
+++ b/packages/react-components/src/styles/semantic.ts
@@ -0,0 +1,153 @@
+// Copyright 2017-2022 @polkadot/react-components authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { ThemeDef } from '../types';
+
+// eslint-disable-next-line @typescript-eslint/no-unused-vars
+export default (_theme: ThemeDef): string => `
+  .ui.hidden.divider {
+    margin: 0.5rem 0;
+  }
+
+  .ui.dropdown {
+    display: block;
+    min-width: 0;
+    width: 100%;
+  }
+
+  .ui.dropdown,
+  .ui.input {
+    margin: 0.25rem 0;
+  }
+
+  .ui.selection.dropdown,
+  .ui.input > input,
+  .ui.selection.dropdown > input {
+    background: var(--bg-input);
+    color: var(--color-text);
+    font: var(--font-sans);
+    font-size: 1rem;
+
+    &:focus {
+      background: var(--bg-input);
+      color: var(--color-text);
+    }
+  }
+
+  .ui.action.input > .buttons {
+    position: relative;
+  }
+
+  .ui.dropdown {
+    &.disabled {
+      background: transparent;
+      border-style: dashed;
+      opacity: 1;
+
+      .dropdown.icon {
+        opacity: 0;
+      }
+    }
+
+    &.selection.visible {
+      background: var(--bg-input);
+      color: var(--color-text);
+    }
+
+    .menu {
+      background: var(--bg-input);
+      color: var(--color-text);
+
+      > .item {
+        border-color: transparent !important;
+        color: var(--color-text) !important;
+
+        &.header.disabled {
+          margin: 1em 0 0 0;
+          opacity: 1;
+
+          &:hover,
+          &.selected {
+            background: var(--bg-input);
+          }
+        }
+      }
+    }
+
+    > .text {
+      min-height: 1em;
+
+      &:not(.default) {
+        color: var(--color-text) !important;
+      }
+    }
+  }
+
+  .ui.input {
+    width: 100%;
+
+    &.disabled:not(.retain-appearance) {
+      opacity: 1;
+
+      input {
+        background: transparent;
+        border-style: dashed;
+      }
+
+      .ui.primary.buttons .ui.button {
+        background-color: #666;
+        border-color: transparent;
+        color: #f9f8f7;
+        opacity: 0.5;
+
+        .dropdown.icon {
+          opacity: 0;
+        }
+      }
+    }
+
+    &.error input {
+      background-color: var(--bg-input-error);
+      border-color: #e0b4b4;
+    }
+
+    > input {
+      width: 0;
+    }
+  }
+
+  .ui.label {
+    background: transparent;
+    font-weight: var(--font-weight-normal);
+    position: relative;
+    z-index: 1;
+  }
+
+  .ui.page.modals.transition.visible {
+    display: flex !important;
+  }
+
+  .ui.secondary.vertical.menu > .item {
+    margin: 0;
+  }
+
+  .ui[class*="left icon"].input.left.icon > input {
+    padding-left: 4rem !important;
+  }
+
+  .ui[class*="left icon"].input.left.icon > .ui--Icon.big {
+    left: -7px;
+    opacity: 1;
+  }
+
+  /* modals aligned to top, not center */
+  .ui.dimmer {
+    background-color: rgba(96, 96, 96, 0.5);
+    justify-content: flex-start;
+  }
+
+  /* remove the default white background, settings app has it as part of Tab */
+  .ui.segment {
+    background: transparent;
+  }
+`;
diff --git a/packages/react-components/src/styles/theme.ts b/packages/react-components/src/styles/theme.ts
new file mode 100644
index 0000000..82ebd58
--- /dev/null
+++ b/packages/react-components/src/styles/theme.ts
@@ -0,0 +1,49 @@
+// Copyright 2017-2022 @polkadot/react-components authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+/* default buttons, dark gray */
+export const colorBtnDefault = '#767778';
+
+export const colorBtnShadow = '#98999a';
+
+/* highlighted buttons, orange */
+export const colorBtnHighlight = '#f19135';
+
+/* primary buttons, blue */
+export const colorBtnPrimary = colorBtnDefault; // '#2e86ab';
+
+/* button text color */
+export const colorBtnText = '#f9f8f7';
+
+export const colorLink = '#2e86ab';
+
+export default `
+  .theme--dark,
+  .theme--light {
+    a:not(.ui--Tab) {
+      color: ${colorLink};
+
+      &:hover,
+      a:visited {
+        color: ${colorLink};
+      }
+    }
+
+    .ui--Button {
+      &.isIcon:not(.isDisabled):not(.withoutLink):not(:hover) {
+        .ui--Icon {
+          color: ${colorLink};
+        }
+      }
+    }
+
+    .ui.modal > .header:not(.ui) {
+      border-bottom-color: ${colorBtnDefault};
+    }
+
+    .ui.negative.button,
+    .ui.buttons .negative.button {
+      background: #666 !important;
+    }
+  }
+`;
diff --git a/packages/react-components/src/translate.ts b/packages/react-components/src/translate.ts
new file mode 100644
index 0000000..621c41e
--- /dev/null
+++ b/packages/react-components/src/translate.ts
@@ -0,0 +1,12 @@
+// Copyright 2017-2022 @polkadot/react-components authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { UseTranslationResponse } from 'react-i18next';
+
+import { useTranslation as useTranslationBase, withTranslation } from 'react-i18next';
+
+export function useTranslation (): UseTranslationResponse<'react-components', undefined> {
+  return useTranslationBase('react-components');
+}
+
+export default withTranslation(['react-components']);
diff --git a/packages/react-components/src/types.ts b/packages/react-components/src/types.ts
new file mode 100644
index 0000000..6a6e448
--- /dev/null
+++ b/packages/react-components/src/types.ts
@@ -0,0 +1,87 @@
+// Copyright 2017-2022 @polkadot/react-components authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { IconName } from '@fortawesome/fontawesome-svg-core';
+import type { WithTranslation } from 'react-i18next';
+import type { SubmittableExtrinsic } from '@polkadot/api/types';
+import type { Abi } from '@polkadot/api-contract';
+import type { ActionStatus } from '@polkadot/react-components/Status/types';
+import type { AccountId, Index } from '@polkadot/types/interfaces';
+import type { TxCallback, TxFailedCallback } from './Status/types';
+
+import { AccountIndex, Address } from '@polkadot/types/interfaces';
+
+export interface BareProps {
+  children?: React.ReactNode;
+  className?: string;
+  style?: React.CSSProperties;
+}
+
+export interface AppProps {
+  basePath: string;
+  className?: string;
+  onStatusChange: (status: ActionStatus) => void;
+}
+
+export type I18nProps = BareProps & WithTranslation;
+
+export interface TxButtonProps {
+  accountId?: AccountId | string | null;
+  accountNonce?: Index;
+  className?: string;
+  extrinsic?: SubmittableExtrinsic<'promise'> | SubmittableExtrinsic<'promise'>[] | null;
+  icon?: IconName;
+  isBasic?: boolean;
+  isBusy?: boolean;
+  isDisabled?: boolean;
+  isIcon?: boolean;
+  isToplevel?: boolean;
+  isUnsigned?: boolean;
+  label?: React.ReactNode;
+  onClick?: () => void;
+  onFailed?: TxFailedCallback;
+  onSendRef?: React.MutableRefObject<(() => void) | undefined>;
+  onStart?: () => void;
+  onSuccess?: TxCallback;
+  onUpdate?: TxCallback;
+  params?: unknown[] | (() => unknown[]) | null;
+  tooltip?: string;
+  tx?: ((...args: any[]) => SubmittableExtrinsic<'promise'>) | null;
+  withoutLink?: boolean;
+  withSpinner?: boolean;
+}
+
+export type BitLength = 8 | 16 | 32 | 64 | 128 | 256;
+
+interface ContractBase {
+  abi: Abi;
+}
+
+export interface Contract extends ContractBase {
+  address: null;
+}
+
+export interface ContractDeployed extends ContractBase {
+  address: string;
+}
+
+export type CallContract = ContractDeployed;
+
+export interface NullContract {
+  abi: null;
+  address: null;
+}
+
+export interface ThemeDef {
+  theme: 'dark' | 'light';
+}
+
+export interface ThemeProps {
+  theme: ThemeDef;
+}
+
+export type FlagColor = 'blue' | 'green' | 'grey' | 'orange' | 'pink' | 'red' | 'yellow' | 'theme';
+
+export type AccountIdIsh = AccountId | AccountIndex | Address | string | Uint8Array | null;
+
+export type DisplayedJudgement = 'Erroneous' | 'Low quality' | 'Known good' | 'Reasonable';
diff --git a/packages/react-components/src/util/checkVisibility.tsx b/packages/react-components/src/util/checkVisibility.tsx
new file mode 100644
index 0000000..035cb27
--- /dev/null
+++ b/packages/react-components/src/util/checkVisibility.tsx
@@ -0,0 +1,44 @@
+// Copyright 2017-2022 @polkadot/app-staking authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { DeriveAccountInfo } from '@polkadot/api-derive/types';
+
+import { ApiPromise } from '@polkadot/api';
+import { keyring } from '@polkadot/ui-keyring';
+import { isFunction } from '@polkadot/util';
+
+export function checkVisibility (api: ApiPromise, address: string, accountInfo: DeriveAccountInfo, filterName = '', onlyNamed = false): boolean {
+  let isVisible = false;
+  const filterLower = filterName.toLowerCase();
+
+  if (filterLower || onlyNamed) {
+    if (accountInfo) {
+      const { accountId, accountIndex, identity, nickname } = accountInfo;
+      const hasAddressMatch = (!!accountId && accountId.toString().includes(filterName)) || (!!accountIndex && accountIndex.toString().includes(filterName));
+
+      if (!onlyNamed && hasAddressMatch) {
+        isVisible = true;
+      } else if (isFunction(api.query.identity?.identityOf)) {
+        isVisible = !!identity && (!!identity.display || !!identity.displayParent) && (
+          hasAddressMatch ||
+          (!!identity.display && identity.display.toLowerCase().includes(filterLower)) ||
+          (!!identity.displayParent && identity.displayParent.toLowerCase().includes(filterLower))
+        );
+      } else if (nickname) {
+        isVisible = nickname.toLowerCase().includes(filterLower);
+      }
+    }
+
+    if (!isVisible) {
+      const account = keyring.getAddress(address);
+
+      isVisible = account?.meta?.name
+        ? account.meta.name.toLowerCase().includes(filterLower)
+        : false;
+    }
+  } else {
+    isVisible = true;
+  }
+
+  return isVisible;
+}
diff --git a/packages/react-components/src/util/getAccountCryptoType.ts b/packages/react-components/src/util/getAccountCryptoType.ts
new file mode 100644
index 0000000..97ed7ab
--- /dev/null
+++ b/packages/react-components/src/util/getAccountCryptoType.ts
@@ -0,0 +1,32 @@
+// Copyright 2017-2022 @polkadot/react-components authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import { keyring } from '@polkadot/ui-keyring';
+
+import { AccountIdIsh } from '../types';
+
+export function getAccountCryptoType (accountId: AccountIdIsh): string {
+  try {
+    const current = accountId
+      ? keyring.getPair(accountId.toString())
+      : null;
+
+    if (current) {
+      return current.meta.isInjected
+        ? 'injected'
+        : current.meta.isHardware
+          ? current.meta.hardwareType as string || 'hardware'
+          : current.meta.isExternal
+            ? current.meta.isMultisig
+              ? 'multisig'
+              : current.meta.isProxied
+                ? 'proxied'
+                : 'extension'
+            : current.type;
+    }
+  } catch {
+    // cannot determine, keep unknown
+  }
+
+  return 'unknown';
+}
diff --git a/packages/react-components/src/util/getAddressMeta.ts b/packages/react-components/src/util/getAddressMeta.ts
new file mode 100644
index 0000000..9e37cdd
--- /dev/null
+++ b/packages/react-components/src/util/getAddressMeta.ts
@@ -0,0 +1,20 @@
+// Copyright 2017-2022 @polkadot/react-components authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { KeyringItemType, KeyringJson$Meta } from '@polkadot/ui-keyring/types';
+
+import { keyring } from '@polkadot/ui-keyring';
+
+export function getAddressMeta (address: string, type: KeyringItemType | null = null): KeyringJson$Meta {
+  let meta: KeyringJson$Meta | undefined;
+
+  try {
+    const pair = keyring.getAddress(address, type);
+
+    meta = pair && pair.meta;
+  } catch (error) {
+    // we could pass invalid addresses, so it may throw
+  }
+
+  return meta || {};
+}
diff --git a/packages/react-components/src/util/getAddressName.ts b/packages/react-components/src/util/getAddressName.ts
new file mode 100644
index 0000000..a262f81
--- /dev/null
+++ b/packages/react-components/src/util/getAddressName.ts
@@ -0,0 +1,18 @@
+// Copyright 2017-2022 @polkadot/react-components authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { KeyringItemType } from '@polkadot/ui-keyring/types';
+
+import { getAddressMeta } from './getAddressMeta';
+import { toShortAddress } from './toShortAddress';
+
+// isName, isDefault, name
+export function getAddressName (address: string, type: KeyringItemType | null = null, defaultName?: string): [boolean, boolean, string] {
+  const meta = getAddressMeta(address, type);
+
+  return meta.name
+    ? [false, false, meta.name.toUpperCase()]
+    : defaultName
+      ? [false, true, defaultName.toUpperCase()]
+      : [true, false, toShortAddress(address)];
+}
diff --git a/packages/react-components/src/util/getAddressTags.ts b/packages/react-components/src/util/getAddressTags.ts
new file mode 100644
index 0000000..9dd05e4
--- /dev/null
+++ b/packages/react-components/src/util/getAddressTags.ts
@@ -0,0 +1,10 @@
+// Copyright 2017-2022 @polkadot/react-components authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { KeyringItemType } from '@polkadot/ui-keyring/types';
+
+import { getAddressMeta } from './getAddressMeta';
+
+export function getAddressTags (address: string, type: KeyringItemType | null = null): string[] {
+  return getAddressMeta(address, type).tags as string[] || [];
+}
diff --git a/packages/react-components/src/util/getContractAbi.ts b/packages/react-components/src/util/getContractAbi.ts
new file mode 100644
index 0000000..9c330b4
--- /dev/null
+++ b/packages/react-components/src/util/getContractAbi.ts
@@ -0,0 +1,26 @@
+// Copyright 2017-2022 @polkadot/react-components authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import { Abi } from '@polkadot/api-contract';
+import { api } from '@polkadot/react-api';
+
+import { getAddressMeta } from './getAddressMeta';
+
+export function getContractAbi (address: string | null): Abi | null {
+  if (!address) {
+    return null;
+  }
+
+  let abi: Abi | undefined;
+  const meta = getAddressMeta(address, 'contract');
+
+  try {
+    const data = (meta.contract && JSON.parse(meta.contract.abi)) as string;
+
+    abi = new Abi(data, api.registry.getChainProperties());
+  } catch (error) {
+    console.error(error);
+  }
+
+  return abi || null;
+}
diff --git a/packages/react-components/src/util/index.ts b/packages/react-components/src/util/index.ts
new file mode 100644
index 0000000..dbb9efc
--- /dev/null
+++ b/packages/react-components/src/util/index.ts
@@ -0,0 +1,12 @@
+// Copyright 2017-2022 @polkadot/react-components authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+export { checkVisibility } from './checkVisibility';
+export { getAddressMeta } from './getAddressMeta';
+export { getAddressName } from './getAddressName';
+export { getAddressTags } from './getAddressTags';
+export { getContractAbi } from './getContractAbi';
+export { isTreasuryProposalVote } from './isTreasuryProposalVote';
+export { toAddress } from './toAddress';
+export { toShortAddress } from './toShortAddress';
+export { getAccountCryptoType } from './getAccountCryptoType';
diff --git a/packages/react-components/src/util/isTreasuryProposalVote.ts b/packages/react-components/src/util/isTreasuryProposalVote.ts
new file mode 100644
index 0000000..cb2e444
--- /dev/null
+++ b/packages/react-components/src/util/isTreasuryProposalVote.ts
@@ -0,0 +1,16 @@
+// Copyright 2017-2022 @polkadot/react-components authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { Proposal } from '@polkadot/types/interfaces';
+
+export function isTreasuryProposalVote (proposal?: Proposal | null): boolean {
+  if (!proposal) {
+    return false;
+  }
+
+  const { method, section } = proposal.registry.findMetaCall(proposal.callIndex);
+
+  return section === 'treasury' &&
+    ['approveProposal', 'rejectProposal'].includes(method) &&
+    !!proposal.args[0];
+}
diff --git a/packages/react-components/src/util/toAddress.ts b/packages/react-components/src/util/toAddress.ts
new file mode 100644
index 0000000..e035f00
--- /dev/null
+++ b/packages/react-components/src/util/toAddress.ts
@@ -0,0 +1,28 @@
+// Copyright 2017-2022 @polkadot/react-components authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import { keyring } from '@polkadot/ui-keyring';
+import { assert, hexToU8a, isHex } from '@polkadot/util';
+import { ethereumEncode } from '@polkadot/util-crypto';
+
+export function toAddress (value?: string | Uint8Array | null, allowIndices = false): string | undefined {
+  if (value) {
+    try {
+      const u8a = isHex(value)
+        ? hexToU8a(value)
+        : keyring.decodeAddress(value);
+
+      assert(allowIndices || u8a.length === 32 || u8a.length === 20, 'AccountIndex values not allowed');
+
+      if (u8a.length === 20) {
+        return ethereumEncode(u8a);
+      } else {
+        return keyring.encodeAddress(u8a);
+      }
+    } catch (error) {
+      // noop, undefined return indicates invalid/transient
+    }
+  }
+
+  return undefined;
+}
diff --git a/packages/react-components/src/util/toShortAddress.ts b/packages/react-components/src/util/toShortAddress.ts
new file mode 100644
index 0000000..741c3ae
--- /dev/null
+++ b/packages/react-components/src/util/toShortAddress.ts
@@ -0,0 +1,12 @@
+// Copyright 2017-2022 @polkadot/react-components authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { AccountId, AccountIndex, Address } from '@polkadot/types/interfaces';
+
+export function toShortAddress (_address?: AccountId | AccountIndex | Address | string | null | Uint8Array): string {
+  const address = (_address || '').toString();
+
+  return (address.length > 13)
+    ? `${address.slice(0, 6)}…${address.slice(-6)}`
+    : address;
+}
diff --git a/packages/react-components/src/util/types.ts b/packages/react-components/src/util/types.ts
new file mode 100644
index 0000000..25751cf
--- /dev/null
+++ b/packages/react-components/src/util/types.ts
@@ -0,0 +1,16 @@
+// Copyright 2017-2022 @polkadot/react-components authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import { RegistrarIndex } from '@polkadot/types/interfaces/identity/types';
+
+import { DisplayedJudgement } from '../types';
+
+export interface DropdownOption {
+  className?: string;
+  key?: string;
+  text: React.ReactNode;
+  value: string;
+}
+
+export type DropdownOptions = DropdownOption[];
+export type SortedJudgements = ({ judgementName: DisplayedJudgement, registrarsIndexes: RegistrarIndex[] })[];
diff --git a/packages/react-components/tsconfig.build.json b/packages/react-components/tsconfig.build.json
new file mode 100644
index 0000000..da24d9f
--- /dev/null
+++ b/packages/react-components/tsconfig.build.json
@@ -0,0 +1,9 @@
+{
+  "extends": "../../tsconfig.base.json",
+  "compilerOptions": {
+    "baseUrl": "..",
+    "outDir": "./build",
+    "rootDir": "./src"
+  },
+  "references": []
+}
diff --git a/packages/react-hooks/.skip-build b/packages/react-hooks/.skip-build
new file mode 100644
index 0000000..e69de29
diff --git a/packages/react-hooks/.skip-npm b/packages/react-hooks/.skip-npm
new file mode 100644
index 0000000..e69de29
diff --git a/packages/react-hooks/LICENSE b/packages/react-hooks/LICENSE
new file mode 100644
index 0000000..0d381b2
--- /dev/null
+++ b/packages/react-hooks/LICENSE
@@ -0,0 +1,201 @@
+                              Apache License
+                        Version 2.0, January 2004
+                    http://www.apache.org/licenses/
+
+TERMS AND CONDITIONS FOR USE, REPRODUCTION, AND DISTRIBUTION
+
+1. Definitions.
+
+  "License" shall mean the terms and conditions for use, reproduction,
+  and distribution as defined by Sections 1 through 9 of this document.
+
+  "Licensor" shall mean the copyright owner or entity authorized by
+  the copyright owner that is granting the License.
+
+  "Legal Entity" shall mean the union of the acting entity and all
+  other entities that control, are controlled by, or are under common
+  control with that entity. For the purposes of this definition,
+  "control" means (i) the power, direct or indirect, to cause the
+  direction or management of such entity, whether by contract or
+  otherwise, or (ii) ownership of fifty percent (50%) or more of the
+  outstanding shares, or (iii) beneficial ownership of such entity.
+
+  "You" (or "Your") shall mean an individual or Legal Entity
+  exercising permissions granted by this License.
+
+  "Source" form shall mean the preferred form for making modifications,
+  including but not limited to software source code, documentation
+  source, and configuration files.
+
+  "Object" form shall mean any form resulting from mechanical
+  transformation or translation of a Source form, including but
+  not limited to compiled object code, generated documentation,
+  and conversions to other media types.
+
+  "Work" shall mean the work of authorship, whether in Source or
+  Object form, made available under the License, as indicated by a
+  copyright notice that is included in or attached to the work
+  (an example is provided in the Appendix below).
+
+  "Derivative Works" shall mean any work, whether in Source or Object
+  form, that is based on (or derived from) the Work and for which the
+  editorial revisions, annotations, elaborations, or other modifications
+  represent, as a whole, an original work of authorship. For the purposes
+  of this License, Derivative Works shall not include works that remain
+  separable from, or merely link (or bind by name) to the interfaces of,
+  the Work and Derivative Works thereof.
+
+  "Contribution" shall mean any work of authorship, including
+  the original version of the Work and any modifications or additions
+  to that Work or Derivative Works thereof, that is intentionally
+  submitted to Licensor for inclusion in the Work by the copyright owner
+  or by an individual or Legal Entity authorized to submit on behalf of
+  the copyright owner. For the purposes of this definition, "submitted"
+  means any form of electronic, verbal, or written communication sent
+  to the Licensor or its representatives, including but not limited to
+  communication on electronic mailing lists, source code control systems,
+  and issue tracking systems that are managed by, or on behalf of, the
+  Licensor for the purpose of discussing and improving the Work, but
+  excluding communication that is conspicuously marked or otherwise
+  designated in writing by the copyright owner as "Not a Contribution."
+
+  "Contributor" shall mean Licensor and any individual or Legal Entity
+  on behalf of whom a Contribution has been received by Licensor and
+  subsequently incorporated within the Work.
+
+2. Grant of Copyright License. Subject to the terms and conditions of
+  this License, each Contributor hereby grants to You a perpetual,
+  worldwide, non-exclusive, no-charge, royalty-free, irrevocable
+  copyright license to reproduce, prepare Derivative Works of,
+  publicly display, publicly perform, sublicense, and distribute the
+  Work and such Derivative Works in Source or Object form.
+
+3. Grant of Patent License. Subject to the terms and conditions of
+  this License, each Contributor hereby grants to You a perpetual,
+  worldwide, non-exclusive, no-charge, royalty-free, irrevocable
+  (except as stated in this section) patent license to make, have made,
+  use, offer to sell, sell, import, and otherwise transfer the Work,
+  where such license applies only to those patent claims licensable
+  by such Contributor that are necessarily infringed by their
+  Contribution(s) alone or by combination of their Contribution(s)
+  with the Work to which such Contribution(s) was submitted. If You
+  institute patent litigation against any entity (including a
+  cross-claim or counterclaim in a lawsuit) alleging that the Work
+  or a Contribution incorporated within the Work constitutes direct
+  or contributory patent infringement, then any patent licenses
+  granted to You under this License for that Work shall terminate
+  as of the date such litigation is filed.
+
+4. Redistribution. You may reproduce and distribute copies of the
+  Work or Derivative Works thereof in any medium, with or without
+  modifications, and in Source or Object form, provided that You
+  meet the following conditions:
+
+  (a) You must give any other recipients of the Work or
+      Derivative Works a copy of this License; and
+
+  (b) You must cause any modified files to carry prominent notices
+      stating that You changed the files; and
+
+  (c) You must retain, in the Source form of any Derivative Works
+      that You distribute, all copyright, patent, trademark, and
+      attribution notices from the Source form of the Work,
+      excluding those notices that do not pertain to any part of
+      the Derivative Works; and
+
+  (d) If the Work includes a "NOTICE" text file as part of its
+      distribution, then any Derivative Works that You distribute must
+      include a readable copy of the attribution notices contained
+      within such NOTICE file, excluding those notices that do not
+      pertain to any part of the Derivative Works, in at least one
+      of the following places: within a NOTICE text file distributed
+      as part of the Derivative Works; within the Source form or
+      documentation, if provided along with the Derivative Works; or,
+      within a display generated by the Derivative Works, if and
+      wherever such third-party notices normally appear. The contents
+      of the NOTICE file are for informational purposes only and
+      do not modify the License. You may add Your own attribution
+      notices within Derivative Works that You distribute, alongside
+      or as an addendum to the NOTICE text from the Work, provided
+      that such additional attribution notices cannot be construed
+      as modifying the License.
+
+  You may add Your own copyright statement to Your modifications and
+  may provide additional or different license terms and conditions
+  for use, reproduction, or distribution of Your modifications, or
+  for any such Derivative Works as a whole, provided Your use,
+  reproduction, and distribution of the Work otherwise complies with
+  the conditions stated in this License.
+
+5. Submission of Contributions. Unless You explicitly state otherwise,
+  any Contribution intentionally submitted for inclusion in the Work
+  by You to the Licensor shall be under the terms and conditions of
+  this License, without any additional terms or conditions.
+  Notwithstanding the above, nothing herein shall supersede or modify
+  the terms of any separate license agreement you may have executed
+  with Licensor regarding such Contributions.
+
+6. Trademarks. This License does not grant permission to use the trade
+  names, trademarks, service marks, or product names of the Licensor,
+  except as required for reasonable and customary use in describing the
+  origin of the Work and reproducing the content of the NOTICE file.
+
+7. Disclaimer of Warranty. Unless required by applicable law or
+  agreed to in writing, Licensor provides the Work (and each
+  Contributor provides its Contributions) on an "AS IS" BASIS,
+  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or
+  implied, including, without limitation, any warranties or conditions
+  of TITLE, NON-INFRINGEMENT, MERCHANTABILITY, or FITNESS FOR A
+  PARTICULAR PURPOSE. You are solely responsible for determining the
+  appropriateness of using or redistributing the Work and assume any
+  risks associated with Your exercise of permissions under this License.
+
+8. Limitation of Liability. In no event and under no legal theory,
+  whether in tort (including negligence), contract, or otherwise,
+  unless required by applicable law (such as deliberate and grossly
+  negligent acts) or agreed to in writing, shall any Contributor be
+  liable to You for damages, including any direct, indirect, special,
+  incidental, or consequential damages of any character arising as a
+  result of this License or out of the use or inability to use the
+  Work (including but not limited to damages for loss of goodwill,
+  work stoppage, computer failure or malfunction, or any and all
+  other commercial damages or losses), even if such Contributor
+  has been advised of the possibility of such damages.
+
+9. Accepting Warranty or Additional Liability. While redistributing
+  the Work or Derivative Works thereof, You may choose to offer,
+  and charge a fee for, acceptance of support, warranty, indemnity,
+  or other liability obligations and/or rights consistent with this
+  License. However, in accepting such obligations, You may act only
+  on Your own behalf and on Your sole responsibility, not on behalf
+  of any other Contributor, and only if You agree to indemnify,
+  defend, and hold each Contributor harmless for any liability
+  incurred by, or claims asserted against, such Contributor by reason
+  of your accepting any such warranty or additional liability.
+
+END OF TERMS AND CONDITIONS
+
+APPENDIX: How to apply the Apache License to your work.
+
+  To apply the Apache License to your work, attach the following
+  boilerplate notice, with the fields enclosed by brackets "[]"
+  replaced with your own identifying information. (Don't include
+  the brackets!)  The text should be enclosed in the appropriate
+  comment syntax for the file format. We also recommend that a
+  file or class name and description of purpose be included on the
+  same "printed page" as the copyright notice for easier
+  identification within third-party archives.
+
+Copyright [yyyy] [name of copyright owner]
+
+Licensed under the Apache License, Version 2.0 (the "License");
+you may not use this file except in compliance with the License.
+You may obtain a copy of the License at
+
+    http://www.apache.org/licenses/LICENSE-2.0
+
+Unless required by applicable law or agreed to in writing, software
+distributed under the License is distributed on an "AS IS" BASIS,
+WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+See the License for the specific language governing permissions and
+limitations under the License.
diff --git a/packages/react-hooks/README.md b/packages/react-hooks/README.md
new file mode 100644
index 0000000..16475f6
--- /dev/null
+++ b/packages/react-hooks/README.md
@@ -0,0 +1,5 @@
+# @polkadot/react-hooks
+
+WARNING: This is an internal package to [polkadot-js/apps](https://github.com/polkadot-js/apps) so is not inteded (yet) for broad use. Since these are generic components, they will move to the [polkadot-js/ui](https://github.com/polkadot-js/ui) repo once deemed stable and usable.
+
+For the existing sharable components usable in external React-based projects, take a look at the [polkadot-js/ui documentation](https://polkadot.js.org/ui/)
diff --git a/packages/react-hooks/package.json b/packages/react-hooks/package.json
new file mode 100644
index 0000000..823bf94
--- /dev/null
+++ b/packages/react-hooks/package.json
@@ -0,0 +1,20 @@
+{
+  "bugs": "https://github.com/polkadot-js/apps/issues",
+  "homepage": "https://github.com/polkadot-js/apps/tree/master/packages/react-hooks#readme",
+  "license": "Apache-2.0",
+  "name": "@polkadot/react-hooks",
+  "private": true,
+  "repository": {
+    "directory": "packages/react-hooks",
+    "type": "git",
+    "url": "https://github.com/polkadot-js/apps.git"
+  },
+  "sideEffects": false,
+  "type": "module",
+  "version": "0.112.2-14",
+  "dependencies": {
+    "@babel/runtime": "^7.17.9",
+    "@polkadot/hw-ledger": "^9.0.1",
+    "is-ipfs": "6.0.2"
+  }
+}
diff --git a/packages/react-hooks/src/createNamedHook.ts b/packages/react-hooks/src/createNamedHook.ts
new file mode 100644
index 0000000..60ec1d2
--- /dev/null
+++ b/packages/react-hooks/src/createNamedHook.ts
@@ -0,0 +1,13 @@
+// Copyright 2017-2022 @polkadot/react-hooks authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+export function createNamedHook <F extends (...args: any[]) => any> (name: string, fn: F): (...args: Parameters<F>) => ReturnType<F> {
+  return (...args: Parameters<F>): ReturnType<F> => {
+    try {
+      // eslint-disable-next-line
+      return fn(...args);
+    } catch (error) {
+      throw new Error(`${name}:: ${(error as Error).message}:: ${(error as Error).stack || '<unknown>'}`);
+    }
+  };
+}
diff --git a/packages/react-hooks/src/index.ts b/packages/react-hooks/src/index.ts
new file mode 100644
index 0000000..04bcd81
--- /dev/null
+++ b/packages/react-hooks/src/index.ts
@@ -0,0 +1,71 @@
+// Copyright 2017-2022 @polkadot/react-hooks authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+export { createNamedHook } from './createNamedHook';
+export { useAccountId } from './useAccountId';
+export { useAccountInfo } from './useAccountInfo';
+export { useAccounts } from './useAccounts';
+export { useAddresses } from './useAddresses';
+export { useApi } from './useApi';
+export { useApiUrl } from './useApiUrl';
+export { useAvailableSlashes } from './useAvailableSlashes';
+export { useBalancesAll } from './useBalancesAll';
+export { useBestHash } from './useBestHash';
+export { useBestNumber } from './useBestNumber';
+export { useBlockInterval } from './useBlockInterval';
+export { useBlockTime } from './useBlockTime';
+export { useBlocksPerDays } from './useBlocksPerDays';
+export { useCacheKey } from './useCacheKey';
+export { useCall } from './useCall';
+export { useCallMulti } from './useCallMulti';
+export { useCollectiveInstance } from './useCollectiveInstance';
+export { useCollectiveMembers } from './useCollectiveMembers';
+export { useDebounce } from './useDebounce';
+export { useDelegations } from './useDelegations';
+export { useDeriveAccountFlags } from './useDeriveAccountFlags';
+export { useDeriveAccountInfo } from './useDeriveAccountInfo';
+export { useElementPosition } from './useElementPosition';
+export { useEndpoint } from './useEndpoint';
+export { useEventChanges } from './useEventChanges';
+export { useEventTrigger } from './useEventTrigger';
+export { useExtrinsicTrigger } from './useExtrinsicTrigger';
+export { useFavorites } from './useFavorites';
+export { useFormField } from './useFormField';
+export { useIncrement } from './useIncrement';
+export { useInflation } from './useInflation';
+export { useIpfs } from './useIpfs';
+export { useIpfsFetch } from './useIpfsFetch';
+export { useIsMountedRef } from './useIsMountedRef';
+export { useJudgements } from './useJudgements';
+export { useLedger } from './useLedger';
+export { useLoadingDelay } from './useLoadingDelay';
+export { useMapEntries } from './useMapEntries';
+export { useMapKeys } from './useMapKeys';
+export { useModal } from './useModal';
+export { useNonEmptyString } from './useNonEmptyString';
+export { useNonZeroBn } from './useNonZeroBn';
+export { useOwnEraRewards } from './useOwnEraRewards';
+export { useOwnStashes, useOwnStashIds } from './useOwnStashes';
+export { useOwnStashInfos } from './useOwnStashInfos';
+export { useOutsideClick } from './useOutsideClick';
+export { useParaApi } from './useParaApi';
+export { usePopupWindow } from './usePopupWindow';
+export { useProxies } from './useProxies';
+export { useIsParasLinked, useParaEndpoints } from './useParaEndpoints';
+export { usePassword } from './usePassword';
+export { useRegistrars } from './useRegistrars';
+export { useSavedFlags } from './useSavedFlags';
+export { useScroll } from './useScroll';
+export { useSubidentities } from './useSubidentities';
+export { useStakingInfo } from './useStakingInfo';
+export { useStepper } from './useStepper';
+export { useSudo } from './useSudo';
+export { useSystemApi } from './useSystemApi';
+export { useTeleport } from './useTeleport';
+export { useToggle } from './useToggle';
+export { useTreasury } from './useTreasury';
+export { useTxBatch } from './useTxBatch';
+export { useVotingStatus } from './useVotingStatus';
+export { useWeight } from './useWeight';
+export { useWeightFee } from './useWeightFee';
+export { useWindowSize } from './useWindowSize';
diff --git a/packages/react-hooks/src/translate.ts b/packages/react-hooks/src/translate.ts
new file mode 100644
index 0000000..17c1998
--- /dev/null
+++ b/packages/react-hooks/src/translate.ts
@@ -0,0 +1,12 @@
+// Copyright 2017-2022 @polkadot/react-components authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { UseTranslationResponse } from 'react-i18next';
+
+import { useTranslation as useTranslationBase, withTranslation } from 'react-i18next';
+
+export function useTranslation (): UseTranslationResponse<'react-hooks', undefined> {
+  return useTranslationBase('react-hooks');
+}
+
+export default withTranslation(['react-hooks']);
diff --git a/packages/react-hooks/src/types.ts b/packages/react-hooks/src/types.ts
new file mode 100644
index 0000000..74d8ae9
--- /dev/null
+++ b/packages/react-hooks/src/types.ts
@@ -0,0 +1,168 @@
+// Copyright 2017-2022 @polkadot/react-components authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { SubmittableExtrinsic } from '@polkadot/api/types';
+import type { DeriveAccountFlags, DeriveAccountRegistration } from '@polkadot/api-derive/types';
+import type { DisplayedJudgement } from '@polkadot/react-components/types';
+import type { AccountId, Balance, BlockNumber, Call, Exposure, Hash, RewardDestination, SessionIndex, StakingLedger, ValidatorPrefs } from '@polkadot/types/interfaces';
+import type { IExtrinsic } from '@polkadot/types/types';
+import type { KeyringJson$Meta } from '@polkadot/ui-keyring/types';
+
+export type CallParam = any;
+
+export type CallParams = [] | CallParam[];
+
+export interface CallOptions <T> {
+  defaultValue?: T;
+  paramMap?: (params: any) => CallParams;
+  transform?: (value: any) => T;
+  withParams?: boolean;
+  withParamsTransform?: boolean;
+}
+
+export type TxDef = [string, unknown[] | ((...params: unknown[]) => SubmittableExtrinsic<'promise'>)];
+
+export type TxDefs = SubmittableExtrinsic<'promise'> | IExtrinsic | Call | TxDef | null;
+
+export type TxSource<T extends TxDefs> = [T, boolean];
+
+export type CollectiveType = 'council' | 'membership' | 'technicalCommittee';
+
+export interface ModalState {
+  isOpen: boolean;
+  onOpen: () => void;
+  onClose: () => void;
+}
+
+export interface Inflation {
+  idealStake: number;
+  idealInterest: number;
+  inflation: number;
+  stakedFraction: number;
+  stakedReturn: number;
+}
+
+export interface Slash {
+  accountId: AccountId;
+  amount: Balance;
+}
+
+export interface SessionRewards {
+  blockHash: Hash;
+  blockNumber: BlockNumber;
+  isEventsEmpty: boolean;
+  reward: Balance;
+  sessionIndex: SessionIndex;
+  slashes: Slash[];
+}
+
+export interface ExtrinsicAndSenders {
+  extrinsic: SubmittableExtrinsic<'promise'> | null;
+  isSubmittable: boolean;
+  sendTx: () => void;
+  sendUnsigned: () => void;
+}
+
+export interface TxProps {
+  accountId?: string | null;
+  onChangeAccountId?: (_: string | null) => void;
+  onSuccess?: () => void;
+  onFailed?: () => void;
+  onStart?: () => void;
+  onUpdate?: () => void;
+}
+
+export interface TxState extends ExtrinsicAndSenders {
+  isSending: boolean;
+  accountId?: string | null;
+  onChangeAccountId: (_: string | null) => void;
+}
+
+export interface UseSudo {
+  allAccounts: string[];
+  hasSudoKey: boolean;
+  sudoKey?: string;
+}
+
+export interface AddressFlags extends DeriveAccountFlags {
+  isDevelopment: boolean;
+  isEditable: boolean;
+  isEthereum: boolean;
+  isExternal: boolean;
+  isFavorite: boolean;
+  isHardware: boolean;
+  isInContacts: boolean;
+  isInjected: boolean;
+  isMultisig: boolean;
+  isProxied: boolean;
+  isOwned: boolean;
+  isValidator: boolean;
+  isNominator: boolean;
+}
+
+export interface AddressIdentity extends DeriveAccountRegistration {
+  isExistent: boolean;
+  isKnownGood: boolean;
+  waitCount: number;
+}
+
+export interface UseAccountInfo {
+  accountIndex?: string;
+  flags: AddressFlags;
+  name: string;
+  setName: React.Dispatch<string>;
+  tags: string[];
+  setTags: React.Dispatch<string[]>;
+  genesisHash: string | null;
+  identity?: AddressIdentity;
+  isEditingName: boolean;
+  meta?: KeyringJson$Meta;
+  toggleIsEditingName: () => void;
+  isEditingTags: boolean;
+  isEditing: () => boolean;
+  isNull: boolean;
+  toggleIsEditingTags: () => void;
+  onSaveName: () => void;
+  onSaveTags: () => void;
+  onSetGenesisHash: (genesisHash: string | null) => void;
+  onForgetAddress: () => void;
+  setIsEditingName: (isEditing: boolean) => void;
+  setIsEditingTags: (isEditing: boolean) => void;
+}
+
+export interface StakerState {
+  controllerId: string | null;
+  destination?: RewardDestination;
+  exposure?: Exposure;
+  hexSessionIdNext: string | null;
+  hexSessionIdQueue: string | null;
+  isLoading: boolean;
+  isOwnController: boolean;
+  isOwnStash: boolean;
+  isStashNominating: boolean;
+  isStashValidating: boolean;
+  nominating?: string[];
+  sessionIds: string[];
+  stakingLedger?: StakingLedger;
+  stashId: string;
+  validatorPrefs?: ValidatorPrefs;
+}
+
+export interface Registrar {
+  address: string;
+  index: number;
+}
+
+export interface Judgement {
+  judgementName: DisplayedJudgement;
+  registrars: (Registrar | undefined)[];
+}
+
+export type UseJudgements = Judgement[]
+
+export type BatchType = 'all' | 'default';
+
+export interface BatchOptions {
+  max?: number;
+  type?: BatchType;
+}
diff --git a/packages/react-hooks/src/useAccountId.ts b/packages/react-hooks/src/useAccountId.ts
new file mode 100644
index 0000000..53aeef2
--- /dev/null
+++ b/packages/react-hooks/src/useAccountId.ts
@@ -0,0 +1,23 @@
+// Copyright 2017-2022 @polkadot/react-hooks authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import { useCallback, useState } from 'react';
+
+import { createNamedHook } from './createNamedHook';
+
+function useAccountIdImpl (initialValue: string | null = null, onChangeAccountId?: (_: string | null) => void): [string | null, (_: string | null) => void] {
+  const [accountId, setAccountId] = useState<string | null>(initialValue);
+
+  const _setAccountId = useCallback(
+    (accountId: string | null = null): void => {
+      setAccountId(accountId);
+
+      onChangeAccountId && onChangeAccountId(accountId);
+    },
+    [onChangeAccountId]
+  );
+
+  return [accountId, _setAccountId];
+}
+
+export const useAccountId = createNamedHook('useAccountId', useAccountIdImpl);
diff --git a/packages/react-hooks/src/useAccountInfo.ts b/packages/react-hooks/src/useAccountInfo.ts
new file mode 100644
index 0000000..e355881
--- /dev/null
+++ b/packages/react-hooks/src/useAccountInfo.ts
@@ -0,0 +1,277 @@
+// Copyright 2017-2022 @polkadot/react-hooks authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { Nominations, ValidatorPrefs } from '@polkadot/types/interfaces';
+import type { KeyringJson$Meta } from '@polkadot/ui-keyring/types';
+import type { AddressFlags, AddressIdentity, UseAccountInfo } from './types';
+
+import { useCallback, useEffect, useState } from 'react';
+
+import { keyring } from '@polkadot/ui-keyring';
+import { isFunction, isHex } from '@polkadot/util';
+
+import { createNamedHook } from './createNamedHook';
+import { useAccounts } from './useAccounts';
+import { useAddresses } from './useAddresses';
+import { useApi } from './useApi';
+import { useCall } from './useCall';
+import { useDeriveAccountFlags } from './useDeriveAccountFlags';
+import { useDeriveAccountInfo } from './useDeriveAccountInfo';
+import { useToggle } from './useToggle';
+
+const IS_NONE = {
+  isCouncil: false,
+  isDevelopment: false,
+  isEditable: false,
+  isEthereum: false,
+  isExternal: false,
+  isFavorite: false,
+  isHardware: false,
+  isInContacts: false,
+  isInjected: false,
+  isMultisig: false,
+  isNominator: false,
+  isOwned: false,
+  isProxied: false,
+  isSociety: false,
+  isSudo: false,
+  isTechCommittee: false,
+  isValidator: false
+};
+
+function useAccountInfoImpl (value: string | null, isContract = false): UseAccountInfo {
+  const { api } = useApi();
+  const { isAccount } = useAccounts();
+  const { isAddress } = useAddresses();
+  const accountInfo = useDeriveAccountInfo(value);
+  const accountFlags = useDeriveAccountFlags(value);
+  const nominator = useCall<Nominations>(api.query.staking?.nominators, [value]);
+  const validator = useCall<ValidatorPrefs>(api.query.staking?.validators, [value]);
+  const [accountIndex, setAccountIndex] = useState<string | undefined>(undefined);
+  const [tags, setSortedTags] = useState<string[]>([]);
+  const [name, setName] = useState('');
+  const [genesisHash, setGenesisHash] = useState<string | null>(null);
+  const [identity, setIdentity] = useState<AddressIdentity | undefined>();
+  const [flags, setFlags] = useState<AddressFlags>(IS_NONE);
+  const [meta, setMeta] = useState<KeyringJson$Meta | undefined>();
+  const [isEditingName, toggleIsEditingName, setIsEditingName] = useToggle();
+  const [isEditingTags, toggleIsEditingTags, setIsEditingTags] = useToggle();
+
+  useEffect((): void => {
+    validator && setFlags((flags) => ({
+      ...flags,
+      isValidator: !validator.isEmpty
+    }));
+  }, [validator]);
+
+  useEffect((): void => {
+    nominator && setFlags((flags) => ({
+      ...flags,
+      isNominator: !nominator.isEmpty
+    }));
+  }, [nominator]);
+
+  useEffect((): void => {
+    accountFlags && setFlags((flags) => ({
+      ...flags,
+      ...accountFlags
+    }));
+  }, [accountFlags]);
+
+  useEffect((): void => {
+    const { accountIndex, identity, nickname } = accountInfo || {};
+    const newIndex = accountIndex?.toString();
+
+    setAccountIndex((oldIndex) =>
+      oldIndex !== newIndex
+        ? newIndex
+        : oldIndex
+    );
+
+    let name;
+
+    if (isFunction(api.query.identity?.identityOf)) {
+      if (identity?.display) {
+        name = identity.display;
+      }
+    } else if (nickname) {
+      name = nickname;
+    }
+
+    setName(name || '');
+
+    if (identity) {
+      const judgements = identity.judgements.filter(([, judgement]) => !judgement.isFeePaid);
+      const isKnownGood = judgements.some(([, judgement]) => judgement.isKnownGood);
+
+      setIdentity({
+        ...identity,
+        isExistent: !!identity.display,
+        isKnownGood,
+        judgements,
+        waitCount: identity.judgements.length - judgements.length
+      });
+    } else {
+      setIdentity(undefined);
+    }
+  }, [accountInfo, api]);
+
+  useEffect((): void => {
+    if (value) {
+      try {
+        const accountOrAddress = keyring.getAccount(value) || keyring.getAddress(value);
+        const isOwned = isAccount(value);
+        const isInContacts = isAddress(value);
+
+        setGenesisHash(accountOrAddress?.meta.genesisHash || null);
+        setFlags((flags): AddressFlags => ({
+          ...flags,
+          isDevelopment: accountOrAddress?.meta.isTesting || false,
+          isEditable: !!(!identity?.display && (isInContacts || accountOrAddress?.meta.isMultisig || (accountOrAddress && !(accountOrAddress.meta.isInjected)))) || false,
+          isEthereum: isHex(value, 160),
+          isExternal: !!accountOrAddress?.meta.isExternal || false,
+          isHardware: !!accountOrAddress?.meta.isHardware || false,
+          isInContacts,
+          isInjected: !!accountOrAddress?.meta.isInjected || false,
+          isMultisig: !!accountOrAddress?.meta.isMultisig || false,
+          isOwned,
+          isProxied: !!accountOrAddress?.meta.isProxied || false
+        }));
+        setMeta(accountOrAddress?.meta);
+        setName(accountOrAddress?.meta.name || '');
+        setSortedTags(accountOrAddress?.meta.tags ? (accountOrAddress.meta.tags as string[]).sort() : []);
+      } catch (error) {
+        // ignore
+      }
+    }
+  }, [identity, isAccount, isAddress, value]);
+
+  const onSaveName = useCallback(
+    (): void => {
+      if (isEditingName) {
+        toggleIsEditingName();
+      }
+
+      const meta = { name, whenEdited: Date.now() };
+
+      if (isContract) {
+        try {
+          if (value) {
+            const originalMeta = keyring.getAddress(value)?.meta;
+
+            keyring.saveContract(value, { ...originalMeta, ...meta });
+          }
+        } catch (error) {
+          console.error(error);
+        }
+      } else if (value) {
+        try {
+          const pair = keyring.getPair(value);
+
+          pair && keyring.saveAccountMeta(pair, meta);
+        } catch (error) {
+          const pair = keyring.getAddress(value);
+
+          if (pair) {
+            keyring.saveAddress(value, meta);
+          } else {
+            keyring.saveAddress(value, { genesisHash: api.genesisHash.toHex(), ...meta });
+          }
+        }
+      }
+    },
+    [api, isContract, isEditingName, name, toggleIsEditingName, value]
+  );
+
+  const onSaveTags = useCallback(
+    (): void => {
+      const meta = { tags, whenEdited: Date.now() };
+
+      if (isContract) {
+        try {
+          if (value) {
+            const originalMeta = keyring.getAddress(value)?.meta;
+
+            value && keyring.saveContract(value, { ...originalMeta, ...meta });
+          }
+        } catch (error) {
+          console.error(error);
+        }
+      } else if (value) {
+        try {
+          const currentKeyring = keyring.getPair(value);
+
+          currentKeyring && keyring.saveAccountMeta(currentKeyring, meta);
+        } catch (error) {
+          keyring.saveAddress(value, meta);
+        }
+      }
+    },
+    [isContract, tags, value]
+  );
+
+  const onForgetAddress = useCallback(
+    (): void => {
+      if (isEditingName) {
+        toggleIsEditingName();
+      }
+
+      if (isEditingTags) {
+        toggleIsEditingTags();
+      }
+
+      try {
+        value && keyring.forgetAddress(value);
+      } catch (e) {
+        console.error(e);
+      }
+    },
+    [isEditingName, isEditingTags, toggleIsEditingName, toggleIsEditingTags, value]
+  );
+
+  const onSetGenesisHash = useCallback(
+    (genesisHash: string | null): void => {
+      if (value) {
+        const account = keyring.getPair(value);
+
+        account && keyring.saveAccountMeta(account, { ...account.meta, genesisHash });
+
+        setGenesisHash(genesisHash);
+      }
+    },
+    [value]
+  );
+
+  const setTags = useCallback(
+    (tags: string[]) => setSortedTags(tags.sort()),
+    []
+  );
+
+  const isEditing = useCallback(() => isEditingName || isEditingTags, [isEditingName, isEditingTags]);
+
+  return {
+    accountIndex,
+    flags,
+    genesisHash,
+    identity,
+    isEditing,
+    isEditingName,
+    isEditingTags,
+    isNull: !value,
+    meta,
+    name,
+    onForgetAddress,
+    onSaveName,
+    onSaveTags,
+    onSetGenesisHash,
+    setIsEditingName,
+    setIsEditingTags,
+    setName,
+    setTags,
+    tags,
+    toggleIsEditingName,
+    toggleIsEditingTags
+  };
+}
+
+export const useAccountInfo = createNamedHook('useAccountInfo', useAccountInfoImpl);
diff --git a/packages/react-hooks/src/useAccounts.ts b/packages/react-hooks/src/useAccounts.ts
new file mode 100644
index 0000000..9a29acb
--- /dev/null
+++ b/packages/react-hooks/src/useAccounts.ts
@@ -0,0 +1,51 @@
+// Copyright 2017-2022 @polkadot/react-hooks authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { SubjectInfo } from '@polkadot/ui-keyring/observable/types';
+
+import { useEffect, useState } from 'react';
+
+import { keyring } from '@polkadot/ui-keyring';
+import { u8aToHex } from '@polkadot/util';
+import { decodeAddress } from '@polkadot/util-crypto';
+
+import { createNamedHook } from './createNamedHook';
+import { useIsMountedRef } from './useIsMountedRef';
+
+export interface UseAccounts {
+  allAccounts: string[];
+  allAccountsHex: string[];
+  areAccountsLoaded: boolean
+  hasAccounts: boolean;
+  isAccount: (address?: string | null) => boolean;
+}
+
+const EMPTY: UseAccounts = { allAccounts: [], allAccountsHex: [], areAccountsLoaded: false, hasAccounts: false, isAccount: () => false };
+
+function extractAccounts (accounts: SubjectInfo = {}): UseAccounts {
+  const allAccounts = Object.keys(accounts);
+  const allAccountsHex = allAccounts.map((a) => u8aToHex(decodeAddress(a)));
+  const hasAccounts = allAccounts.length !== 0;
+  const isAccount = (address?: string | null) => !!address && allAccounts.includes(address);
+
+  return { allAccounts, allAccountsHex, areAccountsLoaded: true, hasAccounts, isAccount };
+}
+
+function useAccountsImpl (): UseAccounts {
+  const mountedRef = useIsMountedRef();
+  const [state, setState] = useState<UseAccounts>(EMPTY);
+
+  useEffect((): () => void => {
+    const subscription = keyring.accounts.subject.subscribe((accounts = {}) =>
+      mountedRef.current && setState(extractAccounts(accounts))
+    );
+
+    return (): void => {
+      setTimeout(() => subscription.unsubscribe(), 0);
+    };
+  }, [mountedRef]);
+
+  return state;
+}
+
+export const useAccounts = createNamedHook('useAccounts', useAccountsImpl);
diff --git a/packages/react-hooks/src/useAddresses.ts b/packages/react-hooks/src/useAddresses.ts
new file mode 100644
index 0000000..51cf48a
--- /dev/null
+++ b/packages/react-hooks/src/useAddresses.ts
@@ -0,0 +1,40 @@
+// Copyright 2017-2022 @polkadot/react-hooks authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import { useEffect, useState } from 'react';
+
+import { keyring } from '@polkadot/ui-keyring';
+
+import { createNamedHook } from './createNamedHook';
+import { useIsMountedRef } from './useIsMountedRef';
+
+interface UseAddresses {
+  allAddresses: string[];
+  hasAddresses: boolean;
+  isAddress: (address: string) => boolean;
+}
+
+function useAddressesImpl (): UseAddresses {
+  const mountedRef = useIsMountedRef();
+  const [state, setState] = useState<UseAddresses>({ allAddresses: [], hasAddresses: false, isAddress: () => false });
+
+  useEffect((): () => void => {
+    const subscription = keyring.addresses.subject.subscribe((addresses): void => {
+      if (mountedRef.current) {
+        const allAddresses = addresses ? Object.keys(addresses) : [];
+        const hasAddresses = allAddresses.length !== 0;
+        const isAddress = (address: string): boolean => allAddresses.includes(address.toString());
+
+        setState({ allAddresses, hasAddresses, isAddress });
+      }
+    });
+
+    return (): void => {
+      setTimeout(() => subscription.unsubscribe(), 0);
+    };
+  }, [mountedRef]);
+
+  return state;
+}
+
+export const useAddresses = createNamedHook('useAddresses', useAddressesImpl);
diff --git a/packages/react-hooks/src/useApi.ts b/packages/react-hooks/src/useApi.ts
new file mode 100644
index 0000000..2913c45
--- /dev/null
+++ b/packages/react-hooks/src/useApi.ts
@@ -0,0 +1,16 @@
+// Copyright 2017-2022 @polkadot/react-hooks authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { ApiProps } from '@polkadot/react-api/types';
+
+import { useContext } from 'react';
+
+import { ApiContext } from '@polkadot/react-api';
+
+import { createNamedHook } from './createNamedHook';
+
+function useApiImpl (): ApiProps {
+  return useContext(ApiContext);
+}
+
+export const useApi = createNamedHook('useApi', useApiImpl);
diff --git a/packages/react-hooks/src/useApiUrl.ts b/packages/react-hooks/src/useApiUrl.ts
new file mode 100644
index 0000000..ca6fc9c
--- /dev/null
+++ b/packages/react-hooks/src/useApiUrl.ts
@@ -0,0 +1,58 @@
+// Copyright 2017-2022 @polkadot/react-hooks authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { ProviderInterface } from '@polkadot/rpc-provider/types';
+
+import { useEffect, useMemo, useRef, useState } from 'react';
+
+import { ApiPromise, WsProvider } from '@polkadot/api';
+import { typesBundle, typesChain } from '@polkadot/apps-config';
+import { arrayShuffle, isString } from '@polkadot/util';
+
+import { createNamedHook } from './createNamedHook';
+import { useIsMountedRef } from './useIsMountedRef';
+
+function disconnect (provider: ProviderInterface | null): null {
+  provider && provider.disconnect().catch(console.error);
+
+  return null;
+}
+
+function useApiUrlImpl (url?: null | string | string[]): ApiPromise | null {
+  const providerRef = useRef<ProviderInterface | null>(null);
+  const mountedRef = useIsMountedRef();
+  const [state, setState] = useState<ApiPromise | null>(null);
+  const urls = useMemo(
+    () => url
+      ? isString(url)
+        ? [url]
+        : arrayShuffle(url.filter((u) => !u.startsWith('light://')))
+      : [],
+    [url]
+  );
+
+  useEffect((): () => void => {
+    return (): void => {
+      providerRef.current = disconnect(providerRef.current);
+    };
+  }, []);
+
+  useEffect((): void => {
+    setState(null);
+    providerRef.current = disconnect(providerRef.current);
+
+    urls.length &&
+      ApiPromise
+        .create({
+          provider: (providerRef.current = new WsProvider(urls)),
+          typesBundle,
+          typesChain
+        })
+        .then((api) => mountedRef.current && setState(api))
+        .catch(console.error);
+  }, [mountedRef, providerRef, urls]);
+
+  return state;
+}
+
+export const useApiUrl = createNamedHook('useApiUrl', useApiUrlImpl);
diff --git a/packages/react-hooks/src/useAvailableSlashes.ts b/packages/react-hooks/src/useAvailableSlashes.ts
new file mode 100644
index 0000000..6c45927
--- /dev/null
+++ b/packages/react-hooks/src/useAvailableSlashes.ts
@@ -0,0 +1,62 @@
+// Copyright 2017-2022 @polkadot/app-council authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { DeriveSessionIndexes } from '@polkadot/api-derive/types';
+import type { Option } from '@polkadot/types';
+import type { EraIndex } from '@polkadot/types/interfaces';
+import type { PalletStakingUnappliedSlash } from '@polkadot/types/lookup';
+
+import { useEffect, useState } from 'react';
+
+import { BN, BN_ONE } from '@polkadot/util';
+
+import { createNamedHook } from './createNamedHook';
+import { useApi } from './useApi';
+import { useCall } from './useCall';
+import { useIsMountedRef } from './useIsMountedRef';
+
+type Unsub = () => void;
+
+function useAvailableSlashesImpl (): [BN, PalletStakingUnappliedSlash[]][] {
+  const { api } = useApi();
+  const indexes = useCall<DeriveSessionIndexes>(api.derive.session?.indexes);
+  const earliestSlash = useCall<Option<EraIndex>>(api.query.staking?.earliestUnappliedSlash);
+  const mountedRef = useIsMountedRef();
+  const [slashes, setSlashes] = useState<[BN, PalletStakingUnappliedSlash[]][]>([]);
+
+  useEffect((): Unsub => {
+    let unsub: Unsub | undefined;
+
+    if (mountedRef.current && indexes && earliestSlash && earliestSlash.isSome) {
+      const from = earliestSlash.unwrap();
+      const range: BN[] = [];
+      let start = new BN(from);
+
+      // any <= activeEra (we include activeEra since slashes are immediately reflected)
+      while (start.lte(indexes.activeEra)) {
+        range.push(start);
+        start = start.add(BN_ONE);
+      }
+
+      if (range.length) {
+        (async (): Promise<void> => {
+          unsub = await api.query.staking.unappliedSlashes.multi(range, (values): void => {
+            mountedRef.current && setSlashes(
+              values
+                .map((value, index): [BN, PalletStakingUnappliedSlash[]] => [from.addn(index), value])
+                .filter(([, slashes]) => slashes.length)
+            );
+          });
+        })().catch(console.error);
+      }
+    }
+
+    return (): void => {
+      unsub && unsub();
+    };
+  }, [api, earliestSlash, indexes, mountedRef]);
+
+  return slashes;
+}
+
+export const useAvailableSlashes = createNamedHook('useAvailableSlashes', useAvailableSlashesImpl);
diff --git a/packages/react-hooks/src/useBalancesAll.ts b/packages/react-hooks/src/useBalancesAll.ts
new file mode 100644
index 0000000..28922c2
--- /dev/null
+++ b/packages/react-hooks/src/useBalancesAll.ts
@@ -0,0 +1,22 @@
+// Copyright 2017-2022 @polkadot/react-hooks authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { DeriveBalancesAll } from '@polkadot/api-derive/types';
+
+import { createNamedHook } from './createNamedHook';
+import { useApi } from './useApi';
+import { useCall } from './useCall';
+
+/**
+ * Gets the account full balance information
+ *
+ * @param accountAddress The account address of which balance is to be returned
+ * @returns full information about account's balances
+ */
+function useBalancesAllImpl (accountAddress: string): DeriveBalancesAll | undefined {
+  const { api } = useApi();
+
+  return useCall<DeriveBalancesAll>(api.derive.balances?.all, [accountAddress]);
+}
+
+export const useBalancesAll = createNamedHook('useBalancesAll', useBalancesAllImpl);
diff --git a/packages/react-hooks/src/useBestHash.ts b/packages/react-hooks/src/useBestHash.ts
new file mode 100644
index 0000000..b61e4e9
--- /dev/null
+++ b/packages/react-hooks/src/useBestHash.ts
@@ -0,0 +1,20 @@
+// Copyright 2017-2022 @polkadot/react-hooks authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { Header } from '@polkadot/types/interfaces';
+
+import { createNamedHook } from './createNamedHook';
+import { useApi } from './useApi';
+import { useCall } from './useCall';
+
+const optCall = {
+  transform: (header: Header) => header.hash.toHex()
+};
+
+function useBestHashImpl (): string | undefined {
+  const { api } = useApi();
+
+  return useCall<string>(api.rpc.chain.subscribeNewHeads, undefined, optCall);
+}
+
+export const useBestHash = createNamedHook('useBestHash', useBestHashImpl);
diff --git a/packages/react-hooks/src/useBestNumber.ts b/packages/react-hooks/src/useBestNumber.ts
new file mode 100644
index 0000000..519f654
--- /dev/null
+++ b/packages/react-hooks/src/useBestNumber.ts
@@ -0,0 +1,16 @@
+// Copyright 2017-2022 @polkadot/react-hooks authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { BlockNumber } from '@polkadot/types/interfaces';
+
+import { createNamedHook } from './createNamedHook';
+import { useApi } from './useApi';
+import { useCall } from './useCall';
+
+function useBestNumberImpl (): BlockNumber | undefined {
+  const { api } = useApi();
+
+  return useCall<BlockNumber>(api.derive.chain.bestNumber);
+}
+
+export const useBestNumber = createNamedHook('useBestNumber', useBestNumberImpl);
diff --git a/packages/react-hooks/src/useBlockInterval.ts b/packages/react-hooks/src/useBlockInterval.ts
new file mode 100644
index 0000000..3557e79
--- /dev/null
+++ b/packages/react-hooks/src/useBlockInterval.ts
@@ -0,0 +1,49 @@
+// Copyright 2017-2022 @polkadot/react-hooks authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { ApiPromise } from '@polkadot/api';
+
+import { useMemo } from 'react';
+
+import { BN, BN_THOUSAND, BN_TWO, bnMin } from '@polkadot/util';
+
+import { createNamedHook } from './createNamedHook';
+import { useApi } from './useApi';
+import { A_DAY } from './useBlocksPerDays';
+
+// Some chains incorrectly use these, i.e. it is set to values such as 0 or even 2
+// Use a low minimum validity threshold to check these against
+const THRESHOLD = BN_THOUSAND.div(BN_TWO);
+const DEFAULT_TIME = new BN(6_000);
+
+function calcInterval (api: ApiPromise): BN {
+  return bnMin(A_DAY, (
+    // Babe, e.g. Relay chains (Substrate defaults)
+    api.consts.babe?.expectedBlockTime ||
+    // POW, eg. Kulupu
+    api.consts.difficulty?.targetBlockTime ||
+    // Subspace
+    api.consts.subspace?.expectedBlockTime || (
+      // Check against threshold to determine value validity
+      api.consts.timestamp?.minimumPeriod.gte(THRESHOLD)
+        // Default minimum period config
+        ? api.consts.timestamp.minimumPeriod.mul(BN_TWO)
+        : api.query.parachainSystem
+          // default guess for a parachain
+          ? DEFAULT_TIME.mul(BN_TWO)
+          // default guess for others
+          : DEFAULT_TIME
+    )
+  ));
+}
+
+function useBlockIntervalImpl (apiOverride?: ApiPromise | null): BN {
+  const { api } = useApi();
+
+  return useMemo(
+    () => calcInterval(apiOverride || api),
+    [api, apiOverride]
+  );
+}
+
+export const useBlockInterval = createNamedHook('useBlockInterval', useBlockIntervalImpl);
diff --git a/packages/react-hooks/src/useBlockTime.ts b/packages/react-hooks/src/useBlockTime.ts
new file mode 100644
index 0000000..a440095
--- /dev/null
+++ b/packages/react-hooks/src/useBlockTime.ts
@@ -0,0 +1,67 @@
+// Copyright 2017-2022 @polkadot/react-hooks authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { TFunction } from 'i18next';
+import type { ApiPromise } from '@polkadot/api';
+import type { Time } from '@polkadot/util/types';
+
+import { useMemo } from 'react';
+
+import { BN, BN_MAX_INTEGER, BN_ONE, bnMin, bnToBn, extractTime } from '@polkadot/util';
+
+import { createNamedHook } from './createNamedHook';
+import { useTranslation } from './translate';
+import { useBlockInterval } from './useBlockInterval';
+
+type Result = [number, string, Time];
+
+function calcResult (blockTime: BN, blocks: BN, t: TFunction): Result {
+  // in the case of excessively large locks, limit to the max JS integer value
+  const value = bnMin(BN_MAX_INTEGER, blockTime.mul(blocks)).toNumber();
+
+  // time calculations are using the absolute value (< 0 detection only on strings)
+  const time = extractTime(Math.abs(value));
+  const { days, hours, minutes, seconds } = time;
+
+  return [
+    blockTime.toNumber(),
+    `${value < 0 ? '+' : ''}${[
+      days
+        ? (days > 1)
+          ? t<string>('{{days}} days', { replace: { days } })
+          : t<string>('1 day')
+        : null,
+      hours
+        ? (hours > 1)
+          ? t<string>('{{hours}} hrs', { replace: { hours } })
+          : t<string>('1 hr')
+        : null,
+      minutes
+        ? (minutes > 1)
+          ? t<string>('{{minutes}} mins', { replace: { minutes } })
+          : t<string>('1 min')
+        : null,
+      seconds
+        ? (seconds > 1)
+          ? t<string>('{{seconds}} s', { replace: { seconds } })
+          : t<string>('1 s')
+        : null
+    ]
+      .filter((s): s is string => !!s)
+      .slice(0, 2)
+      .join(' ')}`,
+    time
+  ];
+}
+
+function useBlockTimeImpl (blocks: number | BN = BN_ONE, apiOverride?: ApiPromise | null): Result {
+  const { t } = useTranslation();
+  const blockTime = useBlockInterval(apiOverride);
+
+  return useMemo(
+    () => calcResult(blockTime, bnToBn(blocks), t),
+    [blockTime, blocks, t]
+  );
+}
+
+export const useBlockTime = createNamedHook('useBlockTime', useBlockTimeImpl);
diff --git a/packages/react-hooks/src/useBlocksPerDays.ts b/packages/react-hooks/src/useBlocksPerDays.ts
new file mode 100644
index 0000000..16755ad
--- /dev/null
+++ b/packages/react-hooks/src/useBlocksPerDays.ts
@@ -0,0 +1,22 @@
+// Copyright 2017-2022 @polkadot/app-democracy authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import { useMemo } from 'react';
+
+import { BN, bnToBn } from '@polkadot/util';
+
+import { createNamedHook } from './createNamedHook';
+import { useBlockInterval } from './useBlockInterval';
+
+export const A_DAY = new BN(24 * 60 * 60 * 1000);
+
+function useBlocksPerDaysImpl (days: BN | number = 1): BN {
+  const blockTime = useBlockInterval();
+
+  return useMemo(
+    () => A_DAY.mul(bnToBn(days)).div(blockTime),
+    [blockTime, days]
+  );
+}
+
+export const useBlocksPerDays = createNamedHook('useBlocksPerDays', useBlocksPerDaysImpl);
diff --git a/packages/react-hooks/src/useCacheKey.ts b/packages/react-hooks/src/useCacheKey.ts
new file mode 100644
index 0000000..ce7193e
--- /dev/null
+++ b/packages/react-hooks/src/useCacheKey.ts
@@ -0,0 +1,31 @@
+// Copyright 2017-2022 @polkadot/react-hooks authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import { useCallback, useMemo } from 'react';
+import store from 'store';
+
+import { useApi } from './useApi';
+
+// create a chain-specific key for the local cache
+// FIXME Since we use generics, this cannot be a createNamedHook as of yet
+export function useCacheKey <T> (storageKeyBase: string): [(defaultValue?: T) => T | undefined, (value: T) => T] {
+  const { api, isDevelopment } = useApi();
+  const storageKey = useMemo(
+    () => `${storageKeyBase}:${isDevelopment ? 'development' : api.genesisHash.toHex()}`,
+    [api, isDevelopment, storageKeyBase]
+  );
+
+  // FIXME both these want "T"... incorrect
+
+  const getter = useCallback(
+    (): T | undefined => store.get(storageKey) as T,
+    [storageKey]
+  );
+
+  const setter = useCallback(
+    (value: T): T => store.set(storageKey, value) as T,
+    [storageKey]
+  );
+
+  return [getter, setter];
+}
diff --git a/packages/react-hooks/src/useCall.ts b/packages/react-hooks/src/useCall.ts
new file mode 100644
index 0000000..1563c54
--- /dev/null
+++ b/packages/react-hooks/src/useCall.ts
@@ -0,0 +1,188 @@
+// Copyright 2017-2022 @polkadot/react-hooks authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { PromiseResult, QueryableStorageEntry } from '@polkadot/api/types';
+import type { StorageEntryTypeLatest } from '@polkadot/types/interfaces';
+import type { AnyFunction, Codec } from '@polkadot/types/types';
+import type { CallOptions, CallParam, CallParams } from './types';
+import type { MountedRef } from './useIsMountedRef';
+
+import { useEffect, useRef, useState } from 'react';
+
+import { isFunction, isNull, isUndefined } from '@polkadot/util';
+
+import { useIsMountedRef } from './useIsMountedRef';
+
+type VoidFn = () => void;
+
+// This should be VoidFn, however the API actually does allow us to use any general single-shot queries with
+// a result callback, so `api.query.system.account.at(<blockHash>, <account>, (info) => {... })` does work
+// (The same applies to e.g. keys or entries). So where we actually use the unsub, we cast `unknown` to `VoidFn`
+// to cater for our usecase.
+type TrackFnResult = Promise<unknown>;
+
+interface QueryTrackFn {
+  (...params: CallParam[]): TrackFnResult;
+  meta?: {
+    type?: StorageEntryTypeLatest;
+  };
+}
+
+interface QueryMapFn extends QueryTrackFn {
+  meta: {
+    type: StorageEntryTypeLatest;
+  };
+}
+
+type QueryFn =
+  QueryableStorageEntry<'promise', []> |
+  QueryableStorageEntry<'promise', []>['entries'] |
+  QueryableStorageEntry<'promise', []>['keys'] |
+  QueryableStorageEntry<'promise', []>['multi'];
+
+type CallFn = (...params: unknown[]) => Promise<VoidFn>;
+
+export type TrackFn = PromiseResult<AnyFunction> | QueryFn;
+
+export interface Tracker {
+  error: Error | null;
+  fn: TrackFn | undefined | null | false;
+  isActive: boolean;
+  serialized: string | null;
+  subscriber: TrackFnResult | null;
+  type: 'useCall' | 'useCallMulti';
+}
+
+interface TrackerRef {
+  current: Tracker;
+}
+
+// the default transform, just returns what we have
+export function transformIdentity <T> (value: unknown): T {
+  return value as T;
+}
+
+function isMapFn (fn: unknown): fn is QueryMapFn {
+  return !!(fn as QueryTrackFn).meta?.type?.isMap;
+}
+
+function isQuery (fn: unknown): fn is QueryableStorageEntry<'promise', []> {
+  return !!fn && !isUndefined((fn as QueryableStorageEntry<'promise', []>).creator);
+}
+
+// extract the serialized and mapped params, all ready for use in our call
+function extractParams <T> (fn: unknown, params: unknown[], { paramMap = transformIdentity }: CallOptions<T> = {}): [string, CallParams | null] {
+  return [
+    JSON.stringify({ f: (fn as { name: string })?.name, p: params }),
+    params.length === 0 || !params.some((param) => isNull(param) || isUndefined(param))
+      ? paramMap(params)
+      : null
+  ];
+}
+
+export function handleError (error: Error, tracker: TrackerRef, fn?: unknown): void {
+  console.error(
+    tracker.current.error = new Error(`${tracker.current.type}(${
+      isQuery(fn)
+        ? `${fn.creator.section}.${fn.creator.method}`
+        : '...'
+    }):: ${error.message}:: ${error.stack || '<unknown>'}`)
+  );
+}
+
+// unsubscribe and remove from  the tracker
+export function unsubscribe (tracker: TrackerRef): void {
+  tracker.current.isActive = false;
+
+  if (tracker.current.subscriber) {
+    tracker.current.subscriber
+      .then((u) => isFunction(u) && (u as VoidFn)())
+      .catch((e) => handleError(e as Error, tracker));
+    tracker.current.subscriber = null;
+  }
+}
+
+// subscribe, trying to play nice with the browser threads
+function subscribe <T> (mountedRef: MountedRef, tracker: TrackerRef, fn: TrackFn | undefined, params: CallParams, setValue: (value: any) => void, { transform = transformIdentity, withParams, withParamsTransform }: CallOptions<T> = {}): void {
+  const validParams = params.filter((p) => !isUndefined(p));
+
+  unsubscribe(tracker);
+
+  setTimeout((): void => {
+    if (mountedRef.current) {
+      const canQuery = !!fn && (
+        isMapFn(fn)
+          ? fn.meta.type.asMap.hashers.length === validParams.length
+          : true
+      );
+
+      if (canQuery) {
+        // swap to active mode
+        tracker.current.isActive = true;
+        tracker.current.subscriber = (fn as CallFn)(...params, (value: Codec): void => {
+          // we use the isActive flag here since .subscriber may not be set on immediate callback)
+          if (mountedRef.current && tracker.current.isActive) {
+            try {
+              setValue(
+                withParams
+                  ? [params, transform(value)]
+                  : withParamsTransform
+                    ? transform([params, value])
+                    : transform(value)
+              );
+            } catch (error) {
+              handleError(error as Error, tracker, fn);
+            }
+          }
+        }).catch((error) => handleError(error as Error, tracker, fn));
+      } else {
+        tracker.current.subscriber = null;
+      }
+    }
+  }, 0);
+}
+
+export function throwOnError (tracker: Tracker): void {
+  if (tracker.error) {
+    const error = tracker.error;
+
+    tracker.error = null;
+
+    throw error;
+  }
+}
+
+// tracks a stream, typically an api.* call (derive, rpc, query) that
+//  - returns a promise with an unsubscribe function
+//  - has a callback to set the value
+// FIXME The typings here need some serious TLC
+// FIXME This is generic, we cannot really use createNamedHook
+export function useCall <T> (fn: TrackFn | undefined | null | false, params?: CallParams | null, options?: CallOptions<T>): T | undefined {
+  const mountedRef = useIsMountedRef();
+  const tracker = useRef<Tracker>({ error: null, fn: null, isActive: false, serialized: null, subscriber: null, type: 'useCall' });
+  const [value, setValue] = useState<T | undefined>((options || {}).defaultValue);
+
+  // initial effect, we need an un-subscription
+  useEffect((): () => void => {
+    return () => unsubscribe(tracker);
+  }, []);
+
+  // on changes, re-subscribe
+  useEffect((): void => {
+    // check if we have a function & that we are mounted
+    if (mountedRef.current && fn) {
+      const [serialized, mappedParams] = extractParams(fn, params || [], options);
+
+      if (mappedParams && ((fn !== tracker.current.fn) || (serialized !== tracker.current.serialized))) {
+        tracker.current.fn = fn;
+        tracker.current.serialized = serialized;
+
+        subscribe(mountedRef, tracker, fn, mappedParams, setValue, options);
+      }
+    }
+  }, [fn, options, mountedRef, params]);
+
+  // throwOnError(tracker.current);
+
+  return value;
+}
diff --git a/packages/react-hooks/src/useCallMulti.ts b/packages/react-hooks/src/useCallMulti.ts
new file mode 100644
index 0000000..052f1ea
--- /dev/null
+++ b/packages/react-hooks/src/useCallMulti.ts
@@ -0,0 +1,95 @@
+// Copyright 2017-2022 @polkadot/react-hooks authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { ApiPromise } from '@polkadot/api';
+import type { QueryableStorageMultiArg } from '@polkadot/api/types';
+import type { Tracker } from './useCall';
+import type { MountedRef } from './useIsMountedRef';
+
+import { useEffect, useRef, useState } from 'react';
+
+import { useApi } from './useApi';
+import { handleError, transformIdentity, unsubscribe } from './useCall';
+import { useIsMountedRef } from './useIsMountedRef';
+
+interface TrackerRef {
+  current: Tracker;
+}
+
+interface CallOptions <T> {
+  defaultValue?: T;
+  transform?: (value: any) => T;
+}
+
+// subscribe, trying to play nice with the browser threads
+function subscribe <T> (api: ApiPromise, mountedRef: MountedRef, tracker: TrackerRef, calls: QueryableStorageMultiArg<'promise'>[], setValue: (value: T) => void, { transform = transformIdentity }: CallOptions<T> = {}): void {
+  unsubscribe(tracker);
+
+  setTimeout((): void => {
+    if (mountedRef.current) {
+      const included = calls.map((c) => !!c && (!Array.isArray(c) || !!c[0]));
+      const filtered = calls.filter((_, index) => included[index]);
+
+      if (filtered.length) {
+        // swap to active mode
+        tracker.current.isActive = true;
+        tracker.current.subscriber = api.queryMulti(filtered, (value): void => {
+          // we use the isActive flag here since .subscriber may not be set on immediate callback)
+          if (mountedRef.current && tracker.current.isActive) {
+            let valueIndex = -1;
+
+            if (mountedRef.current && tracker.current.isActive) {
+              try {
+                setValue(
+                  transform(
+                    calls.map((_, index) =>
+                      included[index]
+                        ? value[++valueIndex]
+                        : undefined
+                    )
+                  )
+                );
+              } catch (error) {
+                handleError(error as Error, tracker);
+              }
+            }
+          }
+        }).catch((error) => handleError(error as Error, tracker));
+      } else {
+        tracker.current.subscriber = null;
+      }
+    }
+  }, 0);
+}
+
+// very much copied from useCall
+// FIXME This is generic, we cannot really use createNamedHook
+export function useCallMulti <T> (calls?: QueryableStorageMultiArg<'promise'>[] | null | false, options?: CallOptions<T>): T {
+  const { api } = useApi();
+  const mountedRef = useIsMountedRef();
+  const tracker = useRef<Tracker>({ error: null, fn: null, isActive: false, serialized: null, subscriber: null, type: 'useCallMulti' });
+  const [value, setValue] = useState<T>(() => (options || {}).defaultValue || [] as unknown as T);
+
+  // initial effect, we need an un-subscription
+  useEffect((): () => void => {
+    return () => unsubscribe(tracker);
+  }, []);
+
+  // on changes, re-subscribe
+  useEffect((): void => {
+    // check if we have a function & that we are mounted
+    if (mountedRef.current && calls) {
+      const serialized = JSON.stringify(calls);
+
+      if (serialized !== tracker.current.serialized) {
+        tracker.current.serialized = serialized;
+
+        subscribe(api, mountedRef, tracker, calls, setValue, options);
+      }
+    }
+  }, [api, calls, options, mountedRef]);
+
+  // throwOnError(tracker.current);
+
+  return value;
+}
diff --git a/packages/react-hooks/src/useCollectiveInstance.ts b/packages/react-hooks/src/useCollectiveInstance.ts
new file mode 100644
index 0000000..aa81e2b
--- /dev/null
+++ b/packages/react-hooks/src/useCollectiveInstance.ts
@@ -0,0 +1,32 @@
+// Copyright 2017-2022 @polkadot/app-tech-comm authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { CollectiveType } from './types';
+
+import { useMemo } from 'react';
+
+import { useApi } from '@polkadot/react-hooks';
+import { isFunction } from '@polkadot/util';
+
+import { createNamedHook } from './createNamedHook';
+
+function useCollectiveInstanceImpl (instanceType: CollectiveType, instanceIndex?: number): CollectiveType | null {
+  const { api } = useApi();
+
+  return useMemo(
+    (): CollectiveType | null => {
+      const index = instanceIndex || 0;
+      const instances = api.registry.getModuleInstances(api.runtimeVersion.specName.toString(), instanceType);
+      const instance = instances && (index < instances.length)
+        ? instances[index] as 'council'
+        : instanceType;
+
+      return api.tx[instance] && isFunction(api.tx[instance].close)
+        ? instance
+        : null;
+    },
+    [api, instanceIndex, instanceType]
+  );
+}
+
+export const useCollectiveInstance = createNamedHook('useCollectiveInstance', useCollectiveInstanceImpl);
diff --git a/packages/react-hooks/src/useCollectiveMembers.ts b/packages/react-hooks/src/useCollectiveMembers.ts
new file mode 100644
index 0000000..f671876
--- /dev/null
+++ b/packages/react-hooks/src/useCollectiveMembers.ts
@@ -0,0 +1,38 @@
+// Copyright 2017-2022 @polkadot/app-democracy authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { AccountId } from '@polkadot/types/interfaces';
+import type { CollectiveType } from './types';
+
+import { useMemo } from 'react';
+
+import { createNamedHook } from './createNamedHook';
+import { useAccounts } from './useAccounts';
+import { useApi } from './useApi';
+import { useCall } from './useCall';
+
+interface Result {
+  isMember: boolean;
+  members: string[];
+}
+
+const transformMembers = {
+  transform: (accounts: AccountId[]) =>
+    accounts.map((accountId) => accountId.toString())
+};
+
+function useCollectiveMembersImpl (collective: CollectiveType): Result {
+  const { api } = useApi();
+  const { allAccounts, hasAccounts } = useAccounts();
+  const retrieved = useCall<string[]>(hasAccounts && api.derive[collective]?.members, undefined, transformMembers);
+
+  return useMemo(
+    () => ({
+      isMember: (retrieved || []).some((accountId) => allAccounts.includes(accountId)),
+      members: (retrieved || [])
+    }),
+    [allAccounts, retrieved]
+  );
+}
+
+export const useCollectiveMembers = createNamedHook('useCollectiveMembers', useCollectiveMembersImpl);
diff --git a/packages/react-hooks/src/useDebounce.ts b/packages/react-hooks/src/useDebounce.ts
new file mode 100644
index 0000000..b91689f
--- /dev/null
+++ b/packages/react-hooks/src/useDebounce.ts
@@ -0,0 +1,27 @@
+// Copyright 2017-2022 @polkadot/react-hooks authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import { useEffect, useState } from 'react';
+
+import { useIsMountedRef } from './useIsMountedRef';
+
+const DEFAULT_DELAY = 250;
+
+// FIXE Due to generics, cannot use createNamedHook
+export function useDebounce <T> (value: T, delay?: number): T {
+  const mountedRef = useIsMountedRef();
+  const [debouncedValue, setDebouncedValue] = useState(value);
+
+  useEffect((): () => void => {
+    const handler = setTimeout(() => {
+      mountedRef.current && setDebouncedValue(value);
+    }, delay || DEFAULT_DELAY);
+
+    // each time it renders, it clears
+    return (): void => {
+      clearTimeout(handler);
+    };
+  }, [delay, value, mountedRef]);
+
+  return debouncedValue;
+}
diff --git a/packages/react-hooks/src/useDelegations.ts b/packages/react-hooks/src/useDelegations.ts
new file mode 100644
index 0000000..8132372
--- /dev/null
+++ b/packages/react-hooks/src/useDelegations.ts
@@ -0,0 +1,17 @@
+// Copyright 2017-2022 @polkadot/react-hooks authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { PalletDemocracyVoteVoting } from '@polkadot/types/lookup';
+
+import { useAccounts, useApi, useCall } from '@polkadot/react-hooks';
+
+import { createNamedHook } from './createNamedHook';
+
+function useDelegationsImpl (): PalletDemocracyVoteVoting[] | undefined {
+  const { api } = useApi();
+  const { allAccounts } = useAccounts();
+
+  return useCall<PalletDemocracyVoteVoting[]>(api.query.democracy?.votingOf?.multi, [allAccounts]);
+}
+
+export const useDelegations = createNamedHook('useDelegations', useDelegationsImpl);
diff --git a/packages/react-hooks/src/useDeriveAccountFlags.ts b/packages/react-hooks/src/useDeriveAccountFlags.ts
new file mode 100644
index 0000000..5d82377
--- /dev/null
+++ b/packages/react-hooks/src/useDeriveAccountFlags.ts
@@ -0,0 +1,17 @@
+// Copyright 2017-2022 @polkadot/react-hooks authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { DeriveAccountFlags } from '@polkadot/api-derive/types';
+import type { AccountId, Address } from '@polkadot/types/interfaces';
+
+import { createNamedHook } from './createNamedHook';
+import { useCall } from './useCall';
+import { useSystemApi } from './useSystemApi';
+
+function useDeriveAccountFlagsImpl (value?: AccountId | Address | Uint8Array | string | null): DeriveAccountFlags | undefined {
+  const api = useSystemApi();
+
+  return useCall<DeriveAccountFlags>(api.derive.accounts.flags, [value]);
+}
+
+export const useDeriveAccountFlags = createNamedHook('useDeriveAccountFlags', useDeriveAccountFlagsImpl);
diff --git a/packages/react-hooks/src/useDeriveAccountInfo.ts b/packages/react-hooks/src/useDeriveAccountInfo.ts
new file mode 100644
index 0000000..cdc5e75
--- /dev/null
+++ b/packages/react-hooks/src/useDeriveAccountInfo.ts
@@ -0,0 +1,17 @@
+// Copyright 2017-2022 @polkadot/react-hooks authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { DeriveAccountInfo } from '@polkadot/api-derive/types';
+import type { AccountId, AccountIndex, Address } from '@polkadot/types/interfaces';
+
+import { createNamedHook } from './createNamedHook';
+import { useCall } from './useCall';
+import { useSystemApi } from './useSystemApi';
+
+function useDeriveAccountInfoImpl (value?: AccountId | AccountIndex | Address | Uint8Array | string | null): DeriveAccountInfo | undefined {
+  const api = useSystemApi();
+
+  return useCall<DeriveAccountInfo>(api.derive.accounts.info, [value]);
+}
+
+export const useDeriveAccountInfo = createNamedHook('useDeriveAccountInfo', useDeriveAccountInfoImpl);
diff --git a/packages/react-hooks/src/useElementPosition.ts b/packages/react-hooks/src/useElementPosition.ts
new file mode 100644
index 0000000..87355de
--- /dev/null
+++ b/packages/react-hooks/src/useElementPosition.ts
@@ -0,0 +1,38 @@
+// Copyright 2017-2022 @polkadot/react-hooks authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import React, { useEffect, useState } from 'react';
+
+import { createNamedHook } from './createNamedHook';
+import { useScroll } from './useScroll';
+import { useWindowSize } from './useWindowSize';
+
+export interface ElementPosition {
+  x: number,
+  y: number,
+  width: number,
+  height: number,
+}
+
+function useElementPositionImpl (ref: React.MutableRefObject<HTMLElement | undefined | null>): ElementPosition | undefined {
+  const [elementPosition, setElementPosition] = useState<ElementPosition>();
+  const windowSize = useWindowSize();
+  const scrollY = useScroll();
+
+  useEffect(() => {
+    if (ref && ref.current) {
+      const { height, width, x, y } = ref.current.getBoundingClientRect();
+
+      setElementPosition({
+        height,
+        width,
+        x,
+        y
+      });
+    }
+  }, [ref, scrollY, windowSize]);
+
+  return elementPosition;
+}
+
+export const useElementPosition = createNamedHook('useElementPosition', useElementPositionImpl);
diff --git a/packages/react-hooks/src/useEndpoint.ts b/packages/react-hooks/src/useEndpoint.ts
new file mode 100644
index 0000000..3c65872
--- /dev/null
+++ b/packages/react-hooks/src/useEndpoint.ts
@@ -0,0 +1,22 @@
+// Copyright 2017-2022 @polkadot/react-hooks authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { LinkOption } from '@polkadot/apps-config/endpoints/types';
+
+import { useMemo } from 'react';
+
+import { createWsEndpoints } from '@polkadot/apps-config';
+
+import { createNamedHook } from './createNamedHook';
+
+const endpoints = createWsEndpoints((k: string, v?: string) => v || k);
+
+export function getEndpoint (apiUrl?: string): LinkOption | null {
+  return endpoints.find(({ value }) => value === apiUrl) || null;
+}
+
+function useEndpointImpl (apiUrl?: string): LinkOption | null {
+  return useMemo(() => getEndpoint(apiUrl), [apiUrl]);
+}
+
+export const useEndpoint = createNamedHook('useEndpoint', useEndpointImpl);
diff --git a/packages/react-hooks/src/useEventChanges.ts b/packages/react-hooks/src/useEventChanges.ts
new file mode 100644
index 0000000..01ac93d
--- /dev/null
+++ b/packages/react-hooks/src/useEventChanges.ts
@@ -0,0 +1,63 @@
+// Copyright 2017-2022 @polkadot/react-hooks authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { EventRecord } from '@polkadot/types/interfaces';
+import type { Codec } from '@polkadot/types/types';
+import type { BN } from '@polkadot/util';
+import type { EventCheck } from './useEventTrigger';
+
+import { useEffect, useState } from 'react';
+
+import { isFunction } from '@polkadot/util';
+
+import { useEventTrigger } from './useEventTrigger';
+
+export interface Changes<T extends Codec> {
+  added?: T[];
+  removed?: T[];
+}
+
+function interleave <T extends Codec> (existing: T[], { added = [], removed = [] }: Changes<T>): T[] {
+  if (!added.length && !removed.length) {
+    return existing;
+  }
+
+  const map: Record<string, T> = {};
+
+  [existing, added].forEach((m) =>
+    m.forEach((v): void => {
+      map[v.toHex()] = v;
+    })
+  );
+
+  removed.forEach((v): void => {
+    delete map[v.toHex()];
+  });
+
+  return Object
+    .entries(map)
+    .sort((a, b) =>
+      // for BN-like objects, we use the built-in compare for sorting
+      isFunction((a[1] as unknown as BN).cmp)
+        ? (a[1] as unknown as BN).cmp(b[1] as unknown as BN)
+        : a[0].localeCompare(b[0])
+    )
+    .map(([, v]) => v);
+}
+
+export function useEventChanges <T extends Codec> (checks: EventCheck[], filter: (records: EventRecord[]) => Changes<T>, startValue?: T[]): T[] {
+  const [state, setState] = useState<T[]>([]);
+  const { blockHash, events } = useEventTrigger(checks);
+
+  // when startValue changes, we do a full refresh
+  useEffect((): void => {
+    startValue && setState((prev) => interleave(prev, { added: startValue }));
+  }, [startValue]);
+
+  // add/remove any additional items detected (only when actual events occur)
+  useEffect((): void => {
+    blockHash && setState((prev) => interleave(prev, filter(events)));
+  }, [blockHash, events, filter]);
+
+  return state;
+}
diff --git a/packages/react-hooks/src/useEventTrigger.ts b/packages/react-hooks/src/useEventTrigger.ts
new file mode 100644
index 0000000..aefc995
--- /dev/null
+++ b/packages/react-hooks/src/useEventTrigger.ts
@@ -0,0 +1,56 @@
+// Copyright 2017-2022 @polkadot/react-hooks authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { AugmentedEvent } from '@polkadot/api/types';
+import type { Vec } from '@polkadot/types';
+import type { EventRecord } from '@polkadot/types/interfaces';
+
+import { useEffect, useState } from 'react';
+
+import { createNamedHook } from './createNamedHook';
+import { useApi } from './useApi';
+import { useCall } from './useCall';
+import { useIsMountedRef } from './useIsMountedRef';
+
+export type EventCheck = AugmentedEvent<'promise'> | false | undefined | null;
+
+interface Result {
+  blockHash: string;
+  events: EventRecord[];
+}
+
+const EMPTY_RESULT: Result = {
+  blockHash: '',
+  events: []
+};
+
+const IDENTITY_FILTER = () => true;
+
+function useEventTriggerImpl (_checks: EventCheck[], filter: (record: EventRecord) => boolean = IDENTITY_FILTER): Result {
+  const { api } = useApi();
+  const [state, setState] = useState(() => EMPTY_RESULT);
+  const [checks] = useState(() => _checks);
+  const mountedRef = useIsMountedRef();
+  const eventRecords = useCall<Vec<EventRecord>>(api.query.system.events);
+
+  useEffect((): void => {
+    if (mountedRef.current && eventRecords) {
+      const events = eventRecords.filter((r) =>
+        r.event &&
+        checks.some((c) => c && c.is(r.event)) &&
+        filter(r)
+      );
+
+      if (events.length) {
+        setState({
+          blockHash: eventRecords.createdAtHash?.toHex() || '',
+          events
+        });
+      }
+    }
+  }, [eventRecords, checks, filter, mountedRef]);
+
+  return state;
+}
+
+export const useEventTrigger = createNamedHook('useEventTrigger', useEventTriggerImpl);
diff --git a/packages/react-hooks/src/useExtrinsicTrigger.ts b/packages/react-hooks/src/useExtrinsicTrigger.ts
new file mode 100644
index 0000000..632cbd2
--- /dev/null
+++ b/packages/react-hooks/src/useExtrinsicTrigger.ts
@@ -0,0 +1,32 @@
+// Copyright 2017-2022 @polkadot/react-hooks authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { SubmittableExtrinsicFunction } from '@polkadot/api/types';
+import type { SignedBlockExtended } from '@polkadot/api-derive/types';
+
+import { useEffect, useState } from 'react';
+
+import { createNamedHook } from './createNamedHook';
+import { useApi } from './useApi';
+import { useCall } from './useCall';
+import { useIsMountedRef } from './useIsMountedRef';
+
+type ExtrinsicCheck = SubmittableExtrinsicFunction<'promise'> | false | undefined | null;
+
+function useExtrinsicTriggerImpl (checks: ExtrinsicCheck[]): string {
+  const { api } = useApi();
+  const [trigger, setTrigger] = useState('0');
+  const mountedRef = useIsMountedRef();
+  const block = useCall<SignedBlockExtended>(api.derive.chain.subscribeNewBlocks);
+
+  useEffect((): void => {
+    mountedRef.current && block && block.extrinsics && block.extrinsics.filter(({ extrinsic }) =>
+      extrinsic &&
+      checks.some((c) => c && c.is(extrinsic))
+    ).length && setTrigger(() => block.createdAtHash?.toHex() || '');
+  }, [block, checks, mountedRef]);
+
+  return trigger;
+}
+
+export const useExtrinsicTrigger = createNamedHook('useExtrinsicTrigger', useExtrinsicTriggerImpl);
diff --git a/packages/react-hooks/src/useFavorites.ts b/packages/react-hooks/src/useFavorites.ts
new file mode 100644
index 0000000..28390f6
--- /dev/null
+++ b/packages/react-hooks/src/useFavorites.ts
@@ -0,0 +1,31 @@
+// Copyright 2017-2022 @polkadot/react-hooks authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import { useCallback, useMemo, useState } from 'react';
+
+import { createNamedHook } from './createNamedHook';
+import { useCacheKey } from './useCacheKey';
+
+// hook for favorites with local storage
+function useFavoritesImpl (storageKeyBase: string): [string[], (address: string) => void] {
+  const [getCache, setCache] = useCacheKey<string[]>(storageKeyBase);
+  const [favorites, setFavorites] = useState<string[]>(() => getCache() || []);
+
+  const toggleFavorite = useCallback(
+    (address: string): void => setFavorites(
+      (favorites) => setCache(
+        favorites.includes(address)
+          ? favorites.filter((a) => address !== a)
+          : [...favorites, address]
+      )
+    ),
+    [setCache]
+  );
+
+  return useMemo(
+    () => [favorites, toggleFavorite],
+    [favorites, toggleFavorite]
+  );
+}
+
+export const useFavorites = createNamedHook('useFavorites', useFavoritesImpl);
diff --git a/packages/react-hooks/src/useFormField.ts b/packages/react-hooks/src/useFormField.ts
new file mode 100644
index 0000000..0820c42
--- /dev/null
+++ b/packages/react-hooks/src/useFormField.ts
@@ -0,0 +1,31 @@
+// Copyright 2017-2022 @polkadot/react-hooks authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import { useCallback, useMemo, useState } from 'react';
+
+import { isUndefined } from '@polkadot/util';
+
+export type FormField<T> = [
+  T | null,
+  boolean,
+  (_?: T | null) => void
+];
+
+type ValidateFn<T> = (_: T) => boolean;
+
+const defaultValidate = (): boolean => true;
+
+// FIXME Since we use generics, this cannot be a createNamedHook as of yet
+export function useFormField<T> (defaultValue: T | null, validate: ValidateFn<T> = defaultValidate): FormField<T> {
+  const [value, setValue] = useState<T | null>(defaultValue);
+  const isValid = useMemo(
+    () => !!value && validate(value),
+    [validate, value]
+  );
+  const setter = useCallback(
+    (value?: T | null) => !isUndefined(value) && setValue(value),
+    []
+  );
+
+  return [value, isValid, setter];
+}
diff --git a/packages/react-hooks/src/useIncrement.ts b/packages/react-hooks/src/useIncrement.ts
new file mode 100644
index 0000000..166f777
--- /dev/null
+++ b/packages/react-hooks/src/useIncrement.ts
@@ -0,0 +1,23 @@
+// Copyright 2017-2022 @polkadot/react-hooks authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import { useCallback, useState } from 'react';
+
+import { createNamedHook } from './createNamedHook';
+import { useIsMountedRef } from './useIsMountedRef';
+
+function useIncrementImpl (defaultValue = 1): [number, () => void, (value: number) => void] {
+  const mountedRef = useIsMountedRef();
+  const [value, setValue] = useState(defaultValue);
+
+  const increment = useCallback(
+    (): void => {
+      mountedRef.current && setValue((value: number) => ++value);
+    },
+    [mountedRef]
+  );
+
+  return [value, increment, setValue];
+}
+
+export const useIncrement = createNamedHook('useIncrement', useIncrementImpl);
diff --git a/packages/react-hooks/src/useInflation.ts b/packages/react-hooks/src/useInflation.ts
new file mode 100644
index 0000000..d8c1fd7
--- /dev/null
+++ b/packages/react-hooks/src/useInflation.ts
@@ -0,0 +1,62 @@
+// Copyright 2017-2022 @polkadot/react-hooks authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { ApiPromise } from '@polkadot/api';
+import type { BN } from '@polkadot/util';
+import type { Inflation } from './types';
+
+import { useEffect, useState } from 'react';
+
+import { getInflationParams } from '@polkadot/apps-config';
+import { BN_MILLION, BN_ZERO } from '@polkadot/util';
+
+import { createNamedHook } from './createNamedHook';
+import { useApi } from './useApi';
+import { useCall } from './useCall';
+
+const EMPTY: Inflation = { idealInterest: 0, idealStake: 0, inflation: 0, stakedFraction: 0, stakedReturn: 0 };
+
+function calcInflation (api: ApiPromise, totalStaked: BN, totalIssuance: BN, numAuctions: BN): Inflation {
+  const { auctionAdjust, auctionMax, falloff, maxInflation, minInflation, stakeTarget } = getInflationParams(api);
+  const stakedFraction = totalStaked.isZero() || totalIssuance.isZero()
+    ? 0
+    : totalStaked.mul(BN_MILLION).div(totalIssuance).toNumber() / BN_MILLION.toNumber();
+  const idealStake = stakeTarget - (Math.min(auctionMax, numAuctions.toNumber()) * auctionAdjust);
+  const idealInterest = maxInflation / idealStake;
+  const inflation = 100 * (minInflation + (
+    stakedFraction <= idealStake
+      ? (stakedFraction * (idealInterest - (minInflation / idealStake)))
+      : (((idealInterest * idealStake) - minInflation) * Math.pow(2, (idealStake - stakedFraction) / falloff))
+  ));
+
+  return {
+    idealInterest,
+    idealStake,
+    inflation,
+    stakedFraction,
+    stakedReturn: stakedFraction
+      ? (inflation / stakedFraction)
+      : 0
+  };
+}
+
+function useInflationImpl (totalStaked?: BN): Inflation {
+  const { api } = useApi();
+  const totalIssuance = useCall<BN>(api.query.balances?.totalIssuance);
+  const auctionCounter = useCall<BN>(api.query.auctions?.auctionCounter);
+  const [state, setState] = useState<Inflation>(EMPTY);
+
+  useEffect((): void => {
+    const numAuctions = api.query.auctions
+      ? auctionCounter
+      : BN_ZERO;
+
+    numAuctions && totalIssuance && totalStaked && setState(
+      calcInflation(api, totalStaked, totalIssuance, numAuctions)
+    );
+  }, [api, auctionCounter, totalIssuance, totalStaked]);
+
+  return state;
+}
+
+export const useInflation = createNamedHook('useInflation', useInflationImpl);
diff --git a/packages/react-hooks/src/useIpfs.ts b/packages/react-hooks/src/useIpfs.ts
new file mode 100644
index 0000000..b364caa
--- /dev/null
+++ b/packages/react-hooks/src/useIpfs.ts
@@ -0,0 +1,122 @@
+// Copyright 2017-2022 @polkadot/app-accounts authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import { useState } from 'react';
+
+import { createNamedHook } from './createNamedHook';
+
+const KNOWN = ['ipfs', 'ipns'];
+const SECTIONS = KNOWN.map((part) => `/${part}/`);
+const LOCAL_IPFS = '.ipfs.localhost';
+const LOCAL_IPNS = '.ipns.localhost';
+
+interface State {
+  ipnsChain: string | null;
+  ipnsDomain: string | null;
+  ipfsHash: string | null;
+  ipfsPath: string | null;
+  isIpfs: boolean;
+  isIpns: boolean;
+}
+
+function extractLocalIpfs (url: string): State {
+  const [,, _ipfsPath] = url.split('/');
+  const ipfsPath = _ipfsPath.split(':')[0];
+
+  return {
+    ipfsHash: ipfsPath.replace(LOCAL_IPFS, ''),
+    ipfsPath,
+    ipnsChain: null,
+    ipnsDomain: null,
+    isIpfs: true,
+    isIpns: false
+  };
+}
+
+function extractLocalIpns (url: string): State {
+  const [,, _ipfsPath] = url.split('/');
+  const ipfsPath = _ipfsPath.split(':')[0];
+
+  const dnsLink = ipfsPath.replace(LOCAL_IPNS, '');
+  const linkParts = dnsLink.split('.');
+  let ipnsChain: string | null = null;
+  let ipnsDomain: string | null = null;
+
+  if (linkParts.length > 2) {
+    ipnsChain = linkParts[0];
+    ipnsDomain = linkParts.slice(1).join('.');
+  } else {
+    ipnsDomain = dnsLink;
+  }
+
+  return {
+    ipfsHash: null,
+    ipfsPath,
+    ipnsChain,
+    ipnsDomain,
+    isIpfs: true,
+    isIpns: true
+  };
+}
+
+function extractOther (url: string): State {
+  const isIpfs = SECTIONS.some((part) => url.includes(part));
+  const isIpns = url.includes(SECTIONS[1]);
+
+  // individual sections, with the index of the ipfs portion
+  const urlParts = url.split('/');
+  const index = urlParts.indexOf(isIpns ? KNOWN[1] : KNOWN[0]);
+
+  // the parts of the path for ipfs re-construction
+  let ipfsHash: string | null = null;
+  let ipfsPath: string | null = null;
+  let ipnsChain: string | null = null;
+  let ipnsDomain: string | null = null;
+
+  // setup the ipfs part and dnslink domain (if available)
+  if (index !== -1) {
+    ipfsPath = urlParts.slice(0, index + 1).join('/');
+
+    if (isIpns) {
+      const dnsLink = urlParts[index + 1];
+      const linkParts = dnsLink.split('.');
+
+      if (linkParts.length > 2) {
+        ipnsChain = linkParts[0];
+        ipnsDomain = linkParts.slice(1).join('.');
+      } else {
+        ipnsDomain = dnsLink;
+      }
+    } else {
+      ipfsHash = urlParts[index + 1];
+    }
+  }
+
+  return {
+    ipfsHash,
+    ipfsPath,
+    ipnsChain,
+    ipnsDomain,
+    isIpfs,
+    isIpns
+  };
+}
+
+export function extractIpfsDetails (): State {
+  // get url and check to see if we are ipfs/ipns
+  const [url] = window.location.href.split('#');
+
+  return url.includes(LOCAL_IPFS)
+    ? extractLocalIpfs(url)
+    : url.includes(LOCAL_IPNS)
+      ? extractLocalIpns(url)
+      : extractOther(url);
+}
+
+function useIpfsImpl (): State {
+  const [state] = useState(() => extractIpfsDetails());
+
+  return state;
+}
+
+export const useIpfs = createNamedHook('useIpfs', useIpfsImpl);
diff --git a/packages/react-hooks/src/useIpfsFetch.ts b/packages/react-hooks/src/useIpfsFetch.ts
new file mode 100644
index 0000000..54f0e6a
--- /dev/null
+++ b/packages/react-hooks/src/useIpfsFetch.ts
@@ -0,0 +1,81 @@
+// Copyright 2017-2022 @polkadot/react-hooks authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import '@polkadot/x-textencoder/shim';
+import '@polkadot/x-textdecoder/shim';
+
+import type { CallOptions } from './types';
+
+import isIPFS from 'is-ipfs';
+import { useEffect, useMemo, useState } from 'react';
+
+import { useIsMountedRef } from './useIsMountedRef';
+
+function isCid (cid: string): boolean {
+  return !!cid && (isIPFS.cid(cid) || isIPFS.base32cid(cid.toLowerCase()));
+}
+
+const cache = new Map<string, any>();
+
+async function fetchIpfsData <T> (ipfsHashes: string[]): Promise<Map<string, T>> {
+  const result = new Map();
+
+  const promises = ipfsHashes.map((ipfsHash) => {
+    if (cache.has(ipfsHash)) {
+      result.set(ipfsHash, cache.get(ipfsHash));
+
+      return Promise.resolve();
+    }
+
+    return fetch(`https://ipfs.io/ipfs/${ipfsHash}`)
+      .then(async (res) => {
+        const ipfsResponse = res.status >= 200 && res.status < 300 ? await res.text() : null;
+
+        cache.set(ipfsHash, ipfsResponse);
+        result.set(ipfsHash, ipfsResponse);
+      });
+  });
+
+  await Promise.allSettled(promises);
+
+  return result;
+}
+
+function postProcessData <T> (ipfsData: Map<string, T>, options?: CallOptions<T>) {
+  if (!options?.transform) {
+    return ipfsData;
+  }
+
+  for (const [key, value] of ipfsData.entries()) {
+    ipfsData.set(key, options?.transform(value));
+  }
+
+  return ipfsData;
+}
+
+// FIXME This is generic, we cannot really use createNamedHook
+export function useIpfsFetch <T> (hashes: string[] | undefined, options?: CallOptions<T>): Map<string, T> | undefined {
+  const mountedRef = useIsMountedRef();
+  const [value, setValue] = useState<Map<string, T> | undefined>();
+
+  const ipfsHashes = useMemo(() => {
+    if (!hashes) {
+      return undefined;
+    }
+
+    return hashes
+      .map((hash) => isCid(hash) ? hash : '')
+      .filter((hash) => !!hash);
+  }, [hashes]);
+
+  useEffect((): void => {
+    if (mountedRef.current && ipfsHashes) {
+      fetchIpfsData<T>(ipfsHashes)
+        .then((ipfsData) => setValue(postProcessData<T>(ipfsData, options)))
+        // eslint-disable-next-line @typescript-eslint/no-empty-function
+        .catch(() => { });
+    }
+  }, [ipfsHashes, options, mountedRef]);
+
+  return value;
+}
diff --git a/packages/react-hooks/src/useIsMountedRef.ts b/packages/react-hooks/src/useIsMountedRef.ts
new file mode 100644
index 0000000..06c1964
--- /dev/null
+++ b/packages/react-hooks/src/useIsMountedRef.ts
@@ -0,0 +1,24 @@
+// Copyright 2017-2022 @polkadot/react-hooks authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import { useEffect, useRef } from 'react';
+
+import { createNamedHook } from './createNamedHook';
+
+export type MountedRef = React.MutableRefObject<boolean>;
+
+function useIsMountedRefImpl (): MountedRef {
+  const isMounted = useRef(false);
+
+  useEffect((): () => void => {
+    isMounted.current = true;
+
+    return (): void => {
+      isMounted.current = false;
+    };
+  }, []);
+
+  return isMounted;
+}
+
+export const useIsMountedRef = createNamedHook('useIsMountedRef', useIsMountedRefImpl);
diff --git a/packages/react-hooks/src/useJudgements.tsx b/packages/react-hooks/src/useJudgements.tsx
new file mode 100644
index 0000000..cb9993c
--- /dev/null
+++ b/packages/react-hooks/src/useJudgements.tsx
@@ -0,0 +1,26 @@
+// Copyright 2017-2022 @polkadot/react-hooks authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { UseJudgements } from './types';
+
+import { useMemo } from 'react';
+
+import { getJudgements } from './utils/getJudgements';
+import { matchRegistrarAccountsWithIndexes } from './utils/matchRegistrarAccountsWithIndexes';
+import { createNamedHook } from './createNamedHook';
+import { useAccountInfo } from './useAccountInfo';
+import { useRegistrars } from './useRegistrars';
+
+function useJudgementsImpl (address: string): UseJudgements {
+  const { identity } = useAccountInfo(address);
+  const { registrars: allRegistrars } = useRegistrars();
+
+  const judgementsWithRegistrarIndexes = useMemo(() => getJudgements(identity), [identity]);
+
+  return useMemo(
+    () => matchRegistrarAccountsWithIndexes(judgementsWithRegistrarIndexes, allRegistrars),
+    [allRegistrars, judgementsWithRegistrarIndexes]
+  );
+}
+
+export const useJudgements = createNamedHook('useJudgements', useJudgementsImpl);
diff --git a/packages/react-hooks/src/useLedger.ts b/packages/react-hooks/src/useLedger.ts
new file mode 100644
index 0000000..92f01d8
--- /dev/null
+++ b/packages/react-hooks/src/useLedger.ts
@@ -0,0 +1,85 @@
+// Copyright 2017-2022 @polkadot/react-hooks authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { ApiPromise } from '@polkadot/api';
+import type { LedgerTypes } from '@polkadot/hw-ledger/types';
+
+import { useCallback, useMemo } from 'react';
+
+import { Ledger } from '@polkadot/hw-ledger';
+import { knownGenesis, knownLedger } from '@polkadot/networks/defaults';
+import uiSettings from '@polkadot/ui-settings';
+import { assert } from '@polkadot/util';
+
+import { createNamedHook } from './createNamedHook';
+import { useApi } from './useApi';
+
+interface StateBase {
+  hasLedgerChain: boolean;
+  hasWebUsb: boolean;
+  isLedgerCapable: boolean;
+  isLedgerEnabled: boolean;
+}
+
+interface State extends StateBase {
+  getLedger: () => Ledger;
+}
+
+const EMPTY_STATE: StateBase = {
+  hasLedgerChain: false,
+  hasWebUsb: false,
+  isLedgerCapable: false,
+  isLedgerEnabled: false
+};
+
+const hasWebUsb = !!(window as unknown as { USB?: unknown }).USB;
+const ledgerChains = Object
+  .keys(knownGenesis)
+  .filter((n) => knownLedger[n]);
+const ledgerHashes = ledgerChains.reduce<string[]>((all, n) => [...all, ...knownGenesis[n]], []);
+let ledger: Ledger | null = null;
+let ledgerType: LedgerTypes | null = null;
+
+function retrieveLedger (api: ApiPromise): Ledger {
+  const currType = uiSettings.ledgerConn as LedgerTypes;
+
+  if (!ledger || ledgerType !== currType) {
+    const genesisHex = api.genesisHash.toHex();
+    const network = ledgerChains.find((network) => knownGenesis[network].includes(genesisHex));
+
+    assert(network, `Unable to find a known Ledger config for genesisHash ${genesisHex}`);
+
+    ledger = new Ledger(currType, network);
+    ledgerType = currType;
+  }
+
+  return ledger;
+}
+
+function getState (api: ApiPromise): StateBase {
+  const hasLedgerChain = ledgerHashes.includes(api.genesisHash.toHex());
+  const isLedgerCapable = hasWebUsb && hasLedgerChain;
+
+  return {
+    hasLedgerChain,
+    hasWebUsb,
+    isLedgerCapable,
+    isLedgerEnabled: isLedgerCapable && uiSettings.ledgerConn !== 'none'
+  };
+}
+
+function useLedgerImpl (): State {
+  const { api, isApiReady } = useApi();
+
+  const getLedger = useCallback(
+    () => retrieveLedger(api),
+    [api]
+  );
+
+  return useMemo(
+    () => ({ ...(isApiReady ? getState(api) : EMPTY_STATE), getLedger }),
+    [api, getLedger, isApiReady]
+  );
+}
+
+export const useLedger = createNamedHook('useLedger', useLedgerImpl);
diff --git a/packages/react-hooks/src/useLoadingDelay.ts b/packages/react-hooks/src/useLoadingDelay.ts
new file mode 100644
index 0000000..090eab3
--- /dev/null
+++ b/packages/react-hooks/src/useLoadingDelay.ts
@@ -0,0 +1,24 @@
+// Copyright 2017-2022 @polkadot/react-hooks authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import { useEffect, useState } from 'react';
+
+import { createNamedHook } from './createNamedHook';
+import { useIsMountedRef } from './useIsMountedRef';
+
+function useLoadingDelayImpl (delay = 0): boolean {
+  const mountedRef = useIsMountedRef();
+  const [isLoading, setIsLoading] = useState(true);
+
+  useEffect((): void => {
+    setTimeout((): void => {
+      mountedRef.current && setIsLoading(false);
+    }, delay);
+  // Ignore, this is for the initial setup
+  // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, []);
+
+  return isLoading;
+}
+
+export const useLoadingDelay = createNamedHook('useLoadingDelay', useLoadingDelayImpl);
diff --git a/packages/react-hooks/src/useMapEntries.ts b/packages/react-hooks/src/useMapEntries.ts
new file mode 100644
index 0000000..a9194f8
--- /dev/null
+++ b/packages/react-hooks/src/useMapEntries.ts
@@ -0,0 +1,29 @@
+// Copyright 2017-2022 @polkadot/react-hooks authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { QueryableStorageEntry } from '@polkadot/api/types';
+
+import { useEffect, useState } from 'react';
+
+interface Options <T> {
+  transform?: (value: any[]) => T;
+}
+
+// FIXME This is generic, we cannot really use createNamedHook
+export function useMapEntries <T = any> (entry?: QueryableStorageEntry<'promise'> | null | false, { transform }: Options<T> = {}, at?: string | null | false): T | undefined {
+  const [state, setState] = useState<T | undefined>();
+
+  useEffect((): void => {
+    entry && (
+      at && at !== '0'
+        ? entry.entriesAt(at)
+        : entry.entries()
+    ).then((entries) => setState(
+      transform
+        ? transform(entries)
+        : entries as unknown as T
+    )).catch(console.error);
+  }, [at, entry, transform]);
+
+  return state;
+}
diff --git a/packages/react-hooks/src/useMapKeys.ts b/packages/react-hooks/src/useMapKeys.ts
new file mode 100644
index 0000000..12f0e17
--- /dev/null
+++ b/packages/react-hooks/src/useMapKeys.ts
@@ -0,0 +1,29 @@
+// Copyright 2017-2022 @polkadot/react-hooks authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { QueryableStorageEntry } from '@polkadot/api/types';
+
+import { useEffect, useState } from 'react';
+
+interface Options <T> {
+  transform?: (value: any[]) => T[];
+}
+
+// FIXME This is generic, we cannot really use createNamedHook
+export function useMapKeys <T = any> (entry?: QueryableStorageEntry<'promise'> | null | false, { transform }: Options<T> = {}, at?: string | null | false): T[] | undefined {
+  const [state, setState] = useState<T[] | undefined>();
+
+  useEffect((): void => {
+    entry && (
+      at && at !== '0'
+        ? entry.keysAt(at)
+        : entry.keys()
+    ).then((keys) => setState(
+      transform
+        ? transform(keys)
+        : keys as unknown as T[]
+    )).catch(console.error);
+  }, [at, entry, transform]);
+
+  return state;
+}
diff --git a/packages/react-hooks/src/useModal.ts b/packages/react-hooks/src/useModal.ts
new file mode 100644
index 0000000..8efde37
--- /dev/null
+++ b/packages/react-hooks/src/useModal.ts
@@ -0,0 +1,33 @@
+// Copyright 2017-2022 @polkadot/react-hooks authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { ModalState } from './types';
+
+import { useCallback } from 'react';
+
+import { createNamedHook } from './createNamedHook';
+import { useToggle } from './useToggle';
+
+function useModalImpl (defaultIsOpen?: boolean, onOpen?: () => void, onClose?: () => void): ModalState {
+  const [isOpen, , setIsOpen] = useToggle(defaultIsOpen || false);
+  const _onOpen = useCallback(
+    (): void => {
+      setIsOpen(true);
+
+      onOpen && onOpen();
+    },
+    [onOpen, setIsOpen]
+  );
+  const _onClose = useCallback(
+    (): void => {
+      setIsOpen(false);
+
+      onClose && onClose();
+    },
+    [onClose, setIsOpen]
+  );
+
+  return { isOpen, onClose: _onClose, onOpen: _onOpen };
+}
+
+export const useModal = createNamedHook('useModal', useModalImpl);
diff --git a/packages/react-hooks/src/useNonEmptyString.ts b/packages/react-hooks/src/useNonEmptyString.ts
new file mode 100644
index 0000000..5728f3c
--- /dev/null
+++ b/packages/react-hooks/src/useNonEmptyString.ts
@@ -0,0 +1,15 @@
+// Copyright 2017-2022 @polkadot/react-hooks authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import { createNamedHook } from './createNamedHook';
+import { FormField, useFormField } from './useFormField';
+
+function isValid (value?: string | null): boolean {
+  return (value && value.length > 0) || false;
+}
+
+function useNonEmptyStringImpl (initialValue = ''): FormField<string> {
+  return useFormField(initialValue, isValid);
+}
+
+export const useNonEmptyString = createNamedHook('useNonEmptyString', useNonEmptyStringImpl);
diff --git a/packages/react-hooks/src/useNonZeroBn.ts b/packages/react-hooks/src/useNonZeroBn.ts
new file mode 100644
index 0000000..fd3d536
--- /dev/null
+++ b/packages/react-hooks/src/useNonZeroBn.ts
@@ -0,0 +1,23 @@
+// Copyright 2017-2022 @polkadot/react-hooks authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { BN } from '@polkadot/util';
+
+import { useMemo } from 'react';
+
+import { BN_ZERO, bnToBn } from '@polkadot/util';
+
+import { createNamedHook } from './createNamedHook';
+import { FormField, useFormField } from './useFormField';
+
+function isValid (value: BN): boolean {
+  return !value.isZero();
+}
+
+function useNonZeroBnImpl (initialValue: BN | number = BN_ZERO): FormField<BN> {
+  const value = useMemo(() => bnToBn(initialValue), [initialValue]);
+
+  return useFormField(value, isValid);
+}
+
+export const useNonZeroBn = createNamedHook('useNonZeroBn', useNonZeroBnImpl);
diff --git a/packages/react-hooks/src/useOutsideClick.ts b/packages/react-hooks/src/useOutsideClick.ts
new file mode 100644
index 0000000..f982f21
--- /dev/null
+++ b/packages/react-hooks/src/useOutsideClick.ts
@@ -0,0 +1,24 @@
+// Copyright 2017-2022 @polkadot/react-components authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import { RefObject, useCallback, useEffect } from 'react';
+
+function getClickedElement (refs: React.RefObject<HTMLDivElement>[], e: MouseEvent) {
+  return refs.find((ref) => ref.current && ref.current.contains(e.target as HTMLElement));
+}
+
+export const useOutsideClick = (elements: RefObject<HTMLDivElement>[], callback: () => void): void => {
+  const handleClick = useCallback((e: MouseEvent) => {
+    if (elements.length && !getClickedElement(elements, e)) {
+      callback();
+    }
+  }, [elements, callback]);
+
+  useEffect(() => {
+    document.addEventListener('click', handleClick, true);
+
+    return () => {
+      document.removeEventListener('click', handleClick, true);
+    };
+  }, [handleClick, callback]);
+};
diff --git a/packages/react-hooks/src/useOwnEraRewards.ts b/packages/react-hooks/src/useOwnEraRewards.ts
new file mode 100644
index 0000000..667845f
--- /dev/null
+++ b/packages/react-hooks/src/useOwnEraRewards.ts
@@ -0,0 +1,169 @@
+// Copyright 2017-2022 @polkadot/react-hooks authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { ApiPromise } from '@polkadot/api';
+import type { DeriveEraPoints, DeriveEraRewards, DeriveStakerReward } from '@polkadot/api-derive/types';
+import type { EraIndex } from '@polkadot/types/interfaces';
+import type { StakerState } from './types';
+
+import { useEffect, useState } from 'react';
+
+import { BN_ZERO } from '@polkadot/util';
+
+import { createNamedHook } from './createNamedHook';
+import { useApi } from './useApi';
+import { useCall } from './useCall';
+import { useIsMountedRef } from './useIsMountedRef';
+import { useOwnStashIds } from './useOwnStashes';
+
+interface State {
+  allRewards?: Record<string, DeriveStakerReward[]> | null;
+  isLoadingRewards: boolean;
+  rewardCount: number;
+}
+
+interface ValidatorWithEras {
+  eras: EraIndex[];
+  stashId: string;
+}
+
+interface Filtered {
+  filteredEras: EraIndex[];
+  validatorEras: ValidatorWithEras[];
+}
+
+const EMPTY_FILTERED: Filtered = {
+  filteredEras: [],
+  validatorEras: []
+};
+
+const EMPTY_STATE: State = {
+  isLoadingRewards: true,
+  rewardCount: 0
+};
+
+function getRewards ([[stashIds], available]: [[string[]], DeriveStakerReward[][]]): State {
+  const allRewards: Record<string, DeriveStakerReward[]> = {};
+
+  stashIds.forEach((stashId, index): void => {
+    allRewards[stashId] = available[index].filter(({ eraReward }) => !eraReward.isZero());
+  });
+
+  return {
+    allRewards,
+    isLoadingRewards: false,
+    rewardCount: Object.values(allRewards).filter((rewards) => rewards.length !== 0).length
+  };
+}
+
+function getValRewards (api: ApiPromise, validatorEras: ValidatorWithEras[], erasPoints: DeriveEraPoints[], erasRewards: DeriveEraRewards[]): State {
+  const allRewards: Record<string, DeriveStakerReward[]> = {};
+
+  validatorEras.forEach(({ eras, stashId }): void => {
+    eras.forEach((era): void => {
+      const eraPoints = erasPoints.find((p) => p.era.eq(era));
+      const eraRewards = erasRewards.find((r) => r.era.eq(era));
+
+      if (eraPoints?.eraPoints.gt(BN_ZERO) && eraPoints?.validators[stashId] && eraRewards) {
+        const reward = eraPoints.validators[stashId].mul(eraRewards.eraReward).div(eraPoints.eraPoints);
+
+        if (!reward.isZero()) {
+          const total = api.createType('Balance', reward);
+
+          if (!allRewards[stashId]) {
+            allRewards[stashId] = [];
+          }
+
+          allRewards[stashId].push({
+            era,
+            eraReward: eraRewards.eraReward,
+            isEmpty: false,
+            isValidator: true,
+            nominating: [],
+            validators: {
+              [stashId]: {
+                total,
+                value: total
+              }
+            }
+          });
+        }
+      }
+    });
+  });
+
+  return {
+    allRewards,
+    isLoadingRewards: false,
+    rewardCount: Object.values(allRewards).filter((rewards) => rewards.length !== 0).length
+  };
+}
+
+function useOwnEraRewardsImpl (maxEras?: number, ownValidators?: StakerState[]): State {
+  const { api } = useApi();
+  const mountedRef = useIsMountedRef();
+  const stashIds = useOwnStashIds();
+  const allEras = useCall<EraIndex[]>(api.derive.staking?.erasHistoric);
+  const [{ filteredEras, validatorEras }, setFiltered] = useState<Filtered>(EMPTY_FILTERED);
+  const [state, setState] = useState<State>(EMPTY_STATE);
+  const stakerRewards = useCall<[[string[]], DeriveStakerReward[][]]>(!ownValidators?.length && !!filteredEras.length && stashIds && api.derive.staking?.stakerRewardsMultiEras, [stashIds, filteredEras], { withParams: true });
+  const erasPoints = useCall<DeriveEraPoints[]>(!!validatorEras.length && !!filteredEras.length && api.derive.staking._erasPoints, [filteredEras, false]);
+  const erasRewards = useCall<DeriveEraRewards[]>(!!validatorEras.length && !!filteredEras.length && api.derive.staking._erasRewards, [filteredEras, false]);
+
+  useEffect((): void => {
+    setState({ allRewards: null, isLoadingRewards: true, rewardCount: 0 });
+  }, [maxEras, ownValidators]);
+
+  useEffect((): void => {
+    if (allEras && maxEras) {
+      const filteredEras = allEras.slice(-1 * maxEras);
+      const validatorEras: ValidatorWithEras[] = [];
+
+      if (allEras.length === 0) {
+        setState({
+          allRewards: {},
+          isLoadingRewards: false,
+          rewardCount: 0
+        });
+        setFiltered({ filteredEras, validatorEras });
+      } else if (ownValidators?.length) {
+        ownValidators.forEach(({ stakingLedger, stashId }): void => {
+          if (stakingLedger) {
+            const eras = filteredEras.filter((era) => !stakingLedger.claimedRewards.some((c) => era.eq(c)));
+
+            if (eras.length) {
+              validatorEras.push({ eras, stashId });
+            }
+          }
+        });
+
+        // When we have just claimed, we have filtered eras, but no validator eras - set accordingly
+        if (filteredEras.length && !validatorEras.length) {
+          setState({
+            allRewards: {},
+            isLoadingRewards: false,
+            rewardCount: 0
+          });
+        }
+      }
+
+      setFiltered({ filteredEras, validatorEras });
+    }
+  }, [allEras, maxEras, ownValidators]);
+
+  useEffect((): void => {
+    mountedRef.current && stakerRewards && !ownValidators && setState(
+      getRewards(stakerRewards)
+    );
+  }, [mountedRef, ownValidators, stakerRewards]);
+
+  useEffect((): void => {
+    mountedRef && erasPoints && erasRewards && ownValidators && setState(
+      getValRewards(api, validatorEras, erasPoints, erasRewards)
+    );
+  }, [api, erasPoints, erasRewards, mountedRef, ownValidators, validatorEras]);
+
+  return state;
+}
+
+export const useOwnEraRewards = createNamedHook('useOwnEraRewards', useOwnEraRewardsImpl);
diff --git a/packages/react-hooks/src/useOwnStashInfos.ts b/packages/react-hooks/src/useOwnStashInfos.ts
new file mode 100644
index 0000000..ede6260
--- /dev/null
+++ b/packages/react-hooks/src/useOwnStashInfos.ts
@@ -0,0 +1,114 @@
+// Copyright 2017-2022 @polkadot/react-hooks authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { CombinatorFunction } from '@polkadot/api/promise/Combinator';
+import type { DeriveStakingAccount } from '@polkadot/api-derive/types';
+import type { AccountId, ValidatorPrefs } from '@polkadot/types/interfaces';
+import type { Codec, ITuple } from '@polkadot/types/types';
+import type { StakerState } from './types';
+
+import { useEffect, useMemo, useState } from 'react';
+
+import { u8aConcat, u8aToHex } from '@polkadot/util';
+
+import { createNamedHook } from './createNamedHook';
+import { useAccounts } from './useAccounts';
+import { useApi } from './useApi';
+import { useIsMountedRef } from './useIsMountedRef';
+import { useOwnStashes } from './useOwnStashes';
+
+type ValidatorInfo = ITuple<[ValidatorPrefs, Codec]> | ValidatorPrefs;
+type Queried = Record<string, [boolean, DeriveStakingAccount, ValidatorInfo]>;
+
+function toIdString (id?: AccountId | null): string | null {
+  return id
+    ? id.toString()
+    : null;
+}
+
+function getStakerState (stashId: string, allAccounts: string[], [isOwnStash, { controllerId: _controllerId, exposure, nextSessionIds: _nextSessionIds, nominators, rewardDestination, sessionIds: _sessionIds, stakingLedger, validatorPrefs }, validateInfo]: [boolean, DeriveStakingAccount, ValidatorInfo]): StakerState {
+  const isStashNominating = !!(nominators?.length);
+  const isStashValidating = !(Array.isArray(validateInfo) ? validateInfo[1].isEmpty : validateInfo.isEmpty);
+  const nextSessionIds = _nextSessionIds instanceof Map
+    ? [..._nextSessionIds.values()]
+    : _nextSessionIds;
+  const nextConcat = u8aConcat(...nextSessionIds.map((id) => id.toU8a()));
+  const sessionIds = _sessionIds instanceof Map
+    ? [..._sessionIds.values()]
+    : _sessionIds;
+  const currConcat = u8aConcat(...sessionIds.map((id) => id.toU8a()));
+  const controllerId = toIdString(_controllerId);
+
+  return {
+    controllerId,
+    destination: rewardDestination,
+    exposure,
+    hexSessionIdNext: u8aToHex(nextConcat, 48),
+    hexSessionIdQueue: u8aToHex(currConcat.length ? currConcat : nextConcat, 48),
+    isLoading: false,
+    isOwnController: allAccounts.includes(controllerId || ''),
+    isOwnStash,
+    isStashNominating,
+    isStashValidating,
+    // we assume that all ids are non-null
+    nominating: nominators?.map(toIdString) as string[],
+    sessionIds: (
+      nextSessionIds.length
+        ? nextSessionIds
+        : sessionIds
+    ).map(toIdString) as string[],
+    stakingLedger,
+    stashId,
+    validatorPrefs
+  };
+}
+
+function useOwnStashInfosImpl (): StakerState[] | undefined {
+  const { api } = useApi();
+  const { allAccounts } = useAccounts();
+  const mountedRef = useIsMountedRef();
+  const ownStashes = useOwnStashes();
+  const [queried, setQueried] = useState<Queried | undefined>();
+
+  useEffect((): () => void => {
+    let unsub: (() => void) | undefined;
+
+    if (ownStashes) {
+      if (ownStashes.length) {
+        const stashIds = ownStashes.map(([stashId]) => stashId);
+        const fns = [
+          [api.derive.staking.accounts, stashIds],
+          [api.query.staking.validators.multi, stashIds]
+        ] as unknown as CombinatorFunction[];
+
+        api.combineLatest<[DeriveStakingAccount[], ValidatorInfo[]]>(fns, ([accounts, validators]): void => {
+          mountedRef.current && ownStashes.length === accounts.length && ownStashes.length === validators.length && setQueried(
+            ownStashes.reduce((queried: Queried, [stashId, isOwnStash], index): Queried => ({
+              ...queried,
+              [stashId]: [isOwnStash, accounts[index], validators[index]]
+            }), {})
+          );
+        }).then((u): void => {
+          unsub = u;
+        }).catch(console.error);
+      } else {
+        mountedRef.current && setQueried({});
+      }
+    }
+
+    return (): void => {
+      unsub && unsub();
+    };
+  }, [api, mountedRef, ownStashes]);
+
+  return useMemo(
+    () => ownStashes && queried && ownStashes.length === Object.keys(queried).length
+      ? ownStashes
+        .filter(([stashId]) => queried[stashId])
+        .map(([stashId]) => getStakerState(stashId, allAccounts, queried[stashId]))
+      : undefined,
+    [allAccounts, ownStashes, queried]
+  );
+}
+
+export const useOwnStashInfos = createNamedHook('useOwnStashInfos', useOwnStashInfosImpl);
diff --git a/packages/react-hooks/src/useOwnStashes.ts b/packages/react-hooks/src/useOwnStashes.ts
new file mode 100644
index 0000000..c255a3d
--- /dev/null
+++ b/packages/react-hooks/src/useOwnStashes.ts
@@ -0,0 +1,63 @@
+// Copyright 2017-2022 @polkadot/react-hooks authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { Option } from '@polkadot/types';
+import type { AccountId, StakingLedger } from '@polkadot/types/interfaces';
+
+import { useMemo } from 'react';
+
+import { createNamedHook } from './createNamedHook';
+import { useAccounts } from './useAccounts';
+import { useApi } from './useApi';
+import { useCall } from './useCall';
+
+type IsInKeyring = boolean;
+
+function getStashes (allAccounts: string[], ownBonded: Option<AccountId>[], ownLedger: Option<StakingLedger>[]): [string, IsInKeyring][] {
+  const result: [string, IsInKeyring][] = [];
+
+  ownBonded.forEach((value, index): void => {
+    value.isSome && result.push([allAccounts[index], true]);
+  });
+
+  ownLedger.forEach((ledger): void => {
+    if (ledger.isSome) {
+      const stashId = ledger.unwrap().stash.toString();
+
+      !result.some(([accountId]) => accountId === stashId) && result.push([stashId, false]);
+    }
+  });
+
+  return result;
+}
+
+function useOwnStashesImpl (): [string, IsInKeyring][] | undefined {
+  const { allAccounts, hasAccounts } = useAccounts();
+  const { api } = useApi();
+  const ownBonded = useCall<Option<AccountId>[]>(hasAccounts && api.query.staking?.bonded.multi, [allAccounts]);
+  const ownLedger = useCall<Option<StakingLedger>[]>(hasAccounts && api.query.staking?.ledger.multi, [allAccounts]);
+
+  return useMemo(
+    () => hasAccounts
+      ? ownBonded && ownLedger
+        ? getStashes(allAccounts, ownBonded, ownLedger)
+        : undefined
+      : [],
+    [allAccounts, hasAccounts, ownBonded, ownLedger]
+  );
+}
+
+export const useOwnStashes = createNamedHook('useOwnStashes', useOwnStashesImpl);
+
+function useOwnStashIdsImpl (): string[] | undefined {
+  const ownStashes = useOwnStashes();
+
+  return useMemo(
+    () => ownStashes
+      ? ownStashes.map(([stashId]) => stashId)
+      : undefined,
+    [ownStashes]
+  );
+}
+
+export const useOwnStashIds = createNamedHook('useOwnStashIds', useOwnStashIdsImpl);
diff --git a/packages/react-hooks/src/useParaApi.ts b/packages/react-hooks/src/useParaApi.ts
new file mode 100644
index 0000000..945f910
--- /dev/null
+++ b/packages/react-hooks/src/useParaApi.ts
@@ -0,0 +1,55 @@
+// Copyright 2017-2022 @polkadot/react-hooks authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { LinkOption } from '@polkadot/apps-config/endpoints/types';
+import type { BN } from '@polkadot/util';
+
+import { useEffect, useState } from 'react';
+
+import { ApiPromise } from '@polkadot/api';
+import { arrayShuffle } from '@polkadot/util';
+
+import { createNamedHook } from './createNamedHook';
+import { useApiUrl } from './useApiUrl';
+import { useIsMountedRef } from './useIsMountedRef';
+import { useParaEndpoints } from './useParaEndpoints';
+
+interface Result {
+  api?: ApiPromise | null;
+  endpoints: LinkOption[];
+  urls: string[];
+}
+
+function useParaApiImpl (paraId: BN | number): Result {
+  const mountedRef = useIsMountedRef();
+  const endpoints = useParaEndpoints(paraId);
+  const [state, setState] = useState<Result>(() => ({
+    api: null,
+    endpoints,
+    urls: []
+  }));
+  const api = useApiUrl(state.urls);
+
+  useEffect((): void => {
+    mountedRef.current && setState({
+      api: null,
+      endpoints,
+      urls: arrayShuffle(
+        endpoints
+          .filter(({ isDisabled, isUnreachable }) => !isDisabled && !isUnreachable)
+          .map(({ value }) => value))
+    });
+  }, [endpoints, mountedRef]);
+
+  useEffect((): void => {
+    mountedRef.current && setState(({ endpoints, urls }) => ({
+      api,
+      endpoints,
+      urls
+    }));
+  }, [api, mountedRef]);
+
+  return state;
+}
+
+export const useParaApi = createNamedHook('useParaApi', useParaApiImpl);
diff --git a/packages/react-hooks/src/useParaEndpoints.ts b/packages/react-hooks/src/useParaEndpoints.ts
new file mode 100644
index 0000000..480033a
--- /dev/null
+++ b/packages/react-hooks/src/useParaEndpoints.ts
@@ -0,0 +1,67 @@
+// Copyright 2017-2022 @polkadot/react-hooks authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { LinkOption } from '@polkadot/apps-config/endpoints/types';
+import type { BN } from '@polkadot/util';
+
+import { useMemo } from 'react';
+
+import { createWsEndpoints } from '@polkadot/apps-config';
+import { bnToBn } from '@polkadot/util';
+
+import { createNamedHook } from './createNamedHook';
+import { useApi } from './useApi';
+
+const endpoints = createWsEndpoints((key: string, value: string | undefined) => value || key);
+
+function extractRelayEndpoints (genesisHash: string): LinkOption[] {
+  return endpoints.filter(({ genesisHashRelay }) =>
+    genesisHash === genesisHashRelay
+  );
+}
+
+function extractParaEndpoints (allEndpoints: LinkOption[], paraId: BN | number): LinkOption[] {
+  const numId = bnToBn(paraId).toNumber();
+
+  return allEndpoints.filter(({ paraId }) =>
+    paraId === numId
+  );
+}
+
+function useRelayEndpointsImpl (): LinkOption[] {
+  const { api } = useApi();
+
+  return useMemo(
+    () => extractRelayEndpoints(api.genesisHash.toHex()),
+    [api]
+  );
+}
+
+export const useRelayEndpoints = createNamedHook('useRelayEndpoints', useRelayEndpointsImpl);
+
+function useParaEndpointsImpl (paraId: BN | number): LinkOption[] {
+  const endpoints = useRelayEndpoints();
+
+  return useMemo(
+    () => extractParaEndpoints(endpoints, paraId),
+    [endpoints, paraId]
+  );
+}
+
+export const useParaEndpoints = createNamedHook('useParaEndpoints', useParaEndpointsImpl);
+
+function useIsParasLinkedImpl (ids?: (BN | number)[] | null): Record<string, boolean> {
+  const endpoints = useRelayEndpoints();
+
+  return useMemo(
+    () => ids
+      ? ids.reduce((all: Record<string, boolean>, id) => ({
+        ...all,
+        [id.toString()]: extractParaEndpoints(endpoints, id).length !== 0
+      }), {})
+      : {},
+    [endpoints, ids]
+  );
+}
+
+export const useIsParasLinked = createNamedHook('useIsParasLinked', useIsParasLinkedImpl);
diff --git a/packages/react-hooks/src/usePassword.ts b/packages/react-hooks/src/usePassword.ts
new file mode 100644
index 0000000..70faf01
--- /dev/null
+++ b/packages/react-hooks/src/usePassword.ts
@@ -0,0 +1,33 @@
+// Copyright 2017-2022 @polkadot/react-hooks authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import { useEffect, useState } from 'react';
+
+import { keyring } from '@polkadot/ui-keyring';
+
+import { createNamedHook } from './createNamedHook';
+
+interface PasswordProps {
+  password: string;
+  setPassword: React.Dispatch<string>;
+  isPasswordValid: boolean;
+  setIsPasswordValid: React.Dispatch<boolean>;
+}
+
+function usePasswordImpl (): PasswordProps {
+  const [password, setPassword] = useState('');
+  const [isPasswordValid, setIsPasswordValid] = useState(false);
+
+  useEffect((): void => {
+    setIsPasswordValid(keyring.isPassValid(password));
+  }, [password]);
+
+  return {
+    isPasswordValid,
+    password,
+    setIsPasswordValid,
+    setPassword
+  };
+}
+
+export const usePassword = createNamedHook('usePassword', usePasswordImpl);
diff --git a/packages/react-hooks/src/usePopupWindow.ts b/packages/react-hooks/src/usePopupWindow.ts
new file mode 100644
index 0000000..b64727b
--- /dev/null
+++ b/packages/react-hooks/src/usePopupWindow.ts
@@ -0,0 +1,51 @@
+// Copyright 2017-2022 @polkadot/react-hooks authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import React, { useEffect, useMemo, useState } from 'react';
+
+import { HorizontalPosition, VerticalPosition } from '@polkadot/react-components/Popup/types';
+import { getPosition } from '@polkadot/react-components/Popup/utils';
+
+import { createNamedHook } from './createNamedHook';
+import { useElementPosition } from './useElementPosition';
+import { useScroll } from './useScroll';
+import { useWindowSize } from './useWindowSize';
+
+interface Coord {
+  x: number;
+  y: number;
+}
+
+interface Result {
+  renderWindowPosition?: Coord;
+  verticalPosition: VerticalPosition | undefined
+}
+
+function usePopupWindowImpl (windowRef: React.RefObject<HTMLDivElement>, triggerRef: React.RefObject<HTMLDivElement>, position: HorizontalPosition): Result {
+  const [renderWindowPosition, setRenderWindowPosition] = useState<Coord>();
+  const [verticalPosition, setVerticalPosition] = useState<VerticalPosition>();
+  const windowPosition = useElementPosition(windowRef);
+  const triggerPosition = useElementPosition(triggerRef);
+
+  const scrollY = useScroll();
+  const windowSize = useWindowSize();
+
+  useEffect(() => {
+    if (windowSize && triggerPosition) {
+      setVerticalPosition((triggerPosition.y > windowSize.height / 2) ? 'top' : 'bottom');
+    }
+  }, [triggerPosition, windowSize]);
+
+  useEffect(() => {
+    if (windowPosition && triggerPosition && verticalPosition) {
+      setRenderWindowPosition(getPosition(triggerPosition, position, verticalPosition, windowPosition, scrollY, windowSize));
+    }
+  }, [position, scrollY, triggerPosition, verticalPosition, windowPosition, windowSize]);
+
+  return useMemo(
+    () => ({ renderWindowPosition, verticalPosition }),
+    [renderWindowPosition, verticalPosition]
+  );
+}
+
+export const usePopupWindow = createNamedHook('usePopupWindow', usePopupWindowImpl);
diff --git a/packages/react-hooks/src/useProxies.ts b/packages/react-hooks/src/useProxies.ts
new file mode 100644
index 0000000..6377c7d
--- /dev/null
+++ b/packages/react-hooks/src/useProxies.ts
@@ -0,0 +1,31 @@
+// Copyright 2017-2022 @polkadot/react-hooks authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import { AccountId } from '@polkadot/types/interfaces';
+import { NodeRuntimeProxyType, PalletProxyProxyDefinition } from '@polkadot/types/lookup';
+import { BN } from '@polkadot/util';
+
+import { createNamedHook } from './createNamedHook';
+import { useAccounts } from './useAccounts';
+import { useApi } from './useApi';
+import { useCall } from './useCall';
+
+function useProxiesImpl (): [PalletProxyProxyDefinition[], BN][] | undefined {
+  const { api } = useApi();
+  const { allAccounts } = useAccounts();
+
+  return useCall<[PalletProxyProxyDefinition[], BN][]>(api.query.proxy?.proxies.multi, [allAccounts], {
+    transform: (result: [([AccountId, NodeRuntimeProxyType] | PalletProxyProxyDefinition)[], BN][]): [PalletProxyProxyDefinition[], BN][] =>
+      api.tx.proxy.addProxy.meta.args.length === 3
+        ? result as [PalletProxyProxyDefinition[], BN][]
+        : (result as [[AccountId, NodeRuntimeProxyType][], BN][]).map(([arr, bn]): [PalletProxyProxyDefinition[], BN] =>
+          [arr.map(([delegate, proxyType]): PalletProxyProxyDefinition =>
+            api.createType('ProxyDefinition', {
+              delegate,
+              proxyType
+            })), bn]
+        )
+  });
+}
+
+export const useProxies = createNamedHook('useProxies', useProxiesImpl);
diff --git a/packages/react-hooks/src/useRegistrars.ts b/packages/react-hooks/src/useRegistrars.ts
new file mode 100644
index 0000000..b57dde1
--- /dev/null
+++ b/packages/react-hooks/src/useRegistrars.ts
@@ -0,0 +1,52 @@
+// Copyright 2017-2022 @polkadot/react-hooks authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { Option } from '@polkadot/types';
+import type { RegistrarInfo } from '@polkadot/types/interfaces';
+import type { Registrar } from './types';
+
+import { useMemo } from 'react';
+
+import { createNamedHook } from './createNamedHook';
+import { useAccounts } from './useAccounts';
+import { useApi } from './useApi';
+import { useCall } from './useCall';
+
+interface RegistrarNull {
+  address: string | null;
+  index: number;
+}
+
+interface State {
+  isRegistrar: boolean;
+  registrars: Registrar[];
+  skipQuery?: boolean;
+}
+
+function useRegistrarsImpl (skipQuery?: boolean): State {
+  const { api } = useApi();
+  const { allAccounts, hasAccounts } = useAccounts();
+  const query = useCall<Option<RegistrarInfo>[]>(!skipQuery && api.query.identity?.registrars);
+
+  // determine if we have a registrar or not - registrars are allowed to approve
+  return useMemo(
+    (): State => {
+      const registrars = (query || [])
+        .map((registrar, index): RegistrarNull => ({
+          address: registrar.isSome
+            ? registrar.unwrap().account.toString()
+            : null,
+          index
+        }))
+        .filter((registrar): registrar is Registrar => !!registrar.address);
+
+      return {
+        isRegistrar: hasAccounts && registrars.some(({ address }) => allAccounts.includes(address)),
+        registrars
+      };
+    },
+    [allAccounts, hasAccounts, query]
+  );
+}
+
+export const useRegistrars = createNamedHook('useRegistrars', useRegistrarsImpl);
diff --git a/packages/react-hooks/src/useSavedFlags.ts b/packages/react-hooks/src/useSavedFlags.ts
new file mode 100644
index 0000000..f7af247
--- /dev/null
+++ b/packages/react-hooks/src/useSavedFlags.ts
@@ -0,0 +1,52 @@
+// Copyright 2017-2022 @polkadot/react-hooks authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import { useEffect, useState } from 'react';
+import store from 'store';
+
+import { isBoolean } from '@polkadot/util';
+
+type Flags = Record<string, boolean>;
+
+type Setters<T extends Flags> = Record<keyof T, (value: boolean) => void>;
+
+type State<T extends Flags> = [T, Setters<T>];
+
+function getInitial <T extends Flags> (storageKey: string, initial: T): T {
+  const saved = store.get(`flags:${storageKey}`, {}) as T;
+
+  return Object.keys(initial).reduce((result, key: keyof T): T => {
+    if (isBoolean(saved[key])) {
+      result[key] = saved[key];
+    }
+
+    return result;
+  }, { ...initial });
+}
+
+function getSetters <T extends Flags> (flags: T, setFlags: React.Dispatch<React.SetStateAction<T>>): Setters<T> {
+  const setFlag = (key: keyof T) =>
+    (value: boolean) =>
+      setFlags((state) => ({ ...state, [key]: value }));
+
+  return Object.keys(flags).reduce((setters, key: keyof T): Setters<T> => {
+    setters[key] = setFlag(key);
+
+    return setters;
+  }, {} as Setters<T>);
+}
+
+// TODO Uses generics, we cannot use createNameHook as of yet
+export function useSavedFlags <T extends Flags> (storageKey: string, initial: T): State<T> {
+  const [flags, setFlags] = useState(() => getInitial(storageKey, initial));
+  const [setters] = useState(() => getSetters(initial, setFlags));
+
+  useEffect(
+    (): void => {
+      store.set(`flags:${storageKey}`, flags);
+    },
+    [flags, storageKey]
+  );
+
+  return [flags, setters];
+}
diff --git a/packages/react-hooks/src/useScroll.ts b/packages/react-hooks/src/useScroll.ts
new file mode 100644
index 0000000..bd3a5f8
--- /dev/null
+++ b/packages/react-hooks/src/useScroll.ts
@@ -0,0 +1,27 @@
+// Copyright 2017-2022 @polkadot/react-hooks authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import { useCallback, useEffect, useState } from 'react';
+
+import { createNamedHook } from './createNamedHook';
+
+function useScrollImpl (): number {
+  const [scrollY, setScrollY] = useState(window.pageYOffset);
+  const setYOffset = useCallback((): void => setScrollY(window.pageYOffset), []);
+
+  useEffect(() => {
+    function watchScroll () {
+      window.addEventListener('scroll', setYOffset);
+    }
+
+    watchScroll();
+
+    return () => {
+      window.removeEventListener('scroll', setYOffset);
+    };
+  }, [setYOffset]);
+
+  return scrollY;
+}
+
+export const useScroll = createNamedHook('useScroll', useScrollImpl);
diff --git a/packages/react-hooks/src/useStakingInfo.ts b/packages/react-hooks/src/useStakingInfo.ts
new file mode 100644
index 0000000..4b47016
--- /dev/null
+++ b/packages/react-hooks/src/useStakingInfo.ts
@@ -0,0 +1,16 @@
+// Copyright 2017-2022 @polkadot/app-bounties authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { DeriveStakingAccount } from '@polkadot/api-derive/types';
+
+import { createNamedHook } from './createNamedHook';
+import { useApi } from './useApi';
+import { useCall } from './useCall';
+
+function useStakingInfoImpl (accountId: string | null): DeriveStakingAccount | undefined {
+  const { api } = useApi();
+
+  return useCall<DeriveStakingAccount>(api.derive.staking?.account, [accountId]);
+}
+
+export const useStakingInfo = createNamedHook('useStakingInfo', useStakingInfoImpl);
diff --git a/packages/react-hooks/src/useStepper.ts b/packages/react-hooks/src/useStepper.ts
new file mode 100644
index 0000000..c13b944
--- /dev/null
+++ b/packages/react-hooks/src/useStepper.ts
@@ -0,0 +1,29 @@
+// Copyright 2017-2022 @polkadot/react-hooks authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import { useCallback, useMemo, useState } from 'react';
+
+import { createNamedHook } from './createNamedHook';
+
+type Result = [number, () => void, () => void, (step: number) => void];
+
+function useStepperImpl (): Result {
+  const [step, setStep] = useState(1);
+
+  const nextStep = useCallback(
+    () => setStep((step) => step + 1),
+    []
+  );
+
+  const prevStep = useCallback(
+    () => setStep((step) => step - 1),
+    []
+  );
+
+  return useMemo(
+    () => [step, nextStep, prevStep, setStep],
+    [step, nextStep, prevStep, setStep]
+  );
+}
+
+export const useStepper = createNamedHook('useStepper', useStepperImpl);
diff --git a/packages/react-hooks/src/useSubidentities.ts b/packages/react-hooks/src/useSubidentities.ts
new file mode 100644
index 0000000..47301c8
--- /dev/null
+++ b/packages/react-hooks/src/useSubidentities.ts
@@ -0,0 +1,16 @@
+// Copyright 2017-2022 @polkadot/react-hooks authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import { AccountId, BalanceOf } from '@polkadot/types/interfaces';
+
+import { createNamedHook } from './createNamedHook';
+import { useApi } from './useApi';
+import { useCall } from './useCall';
+
+function useSubidentitiesImpl (address: string): AccountId[] | undefined {
+  const { api } = useApi();
+
+  return useCall<[BalanceOf, AccountId[]]>(api.query.identity?.subsOf, [address])?.[1];
+}
+
+export const useSubidentities = createNamedHook('useSubidentities', useSubidentitiesImpl);
diff --git a/packages/react-hooks/src/useSudo.ts b/packages/react-hooks/src/useSudo.ts
new file mode 100644
index 0000000..c765c3e
--- /dev/null
+++ b/packages/react-hooks/src/useSudo.ts
@@ -0,0 +1,31 @@
+// Copyright 2017-2022 @polkadot/react-hooks authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { AccountId } from '@polkadot/types/interfaces';
+import type { UseSudo } from './types';
+
+import { useEffect, useState } from 'react';
+
+import { createNamedHook } from './createNamedHook';
+import { useAccounts } from './useAccounts';
+import { useApi } from './useApi';
+import { useCall } from './useCall';
+
+const transformSudo = {
+  transform: (key: AccountId) => key.toString()
+};
+
+function useSudoImpl (): UseSudo {
+  const { api } = useApi();
+  const { allAccounts, hasAccounts } = useAccounts();
+  const sudoKey = useCall<string>(hasAccounts && api.query.sudo?.key, undefined, transformSudo);
+  const [hasSudoKey, setHasSudoKey] = useState(false);
+
+  useEffect((): void => {
+    setHasSudoKey(!!sudoKey && !!allAccounts && allAccounts.some((key) => key === sudoKey));
+  }, [allAccounts, sudoKey]);
+
+  return { allAccounts, hasSudoKey, sudoKey };
+}
+
+export const useSudo = createNamedHook('useSudo', useSudoImpl);
diff --git a/packages/react-hooks/src/useSystemApi.ts b/packages/react-hooks/src/useSystemApi.ts
new file mode 100644
index 0000000..b9b22ac
--- /dev/null
+++ b/packages/react-hooks/src/useSystemApi.ts
@@ -0,0 +1,17 @@
+// Copyright 2017-2022 @polkadot/react-hooks authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { ApiPromise } from '@polkadot/api';
+
+import { useMemo } from 'react';
+
+import { createNamedHook } from './createNamedHook';
+import { useApi } from './useApi';
+
+function useSystemApiImpl (): ApiPromise {
+  const { api, apiRelay } = useApi();
+
+  return useMemo(() => apiRelay || api, [apiRelay, api]);
+}
+
+export const useSystemApi = createNamedHook('useSystemApi', useSystemApiImpl);
diff --git a/packages/react-hooks/src/useTeleport.ts b/packages/react-hooks/src/useTeleport.ts
new file mode 100644
index 0000000..6ac8041
--- /dev/null
+++ b/packages/react-hooks/src/useTeleport.ts
@@ -0,0 +1,120 @@
+// Copyright 2017-2022 @polkadot/react-hooks authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { LinkOption } from '@polkadot/apps-config/endpoints/types';
+import type { ParaId } from '@polkadot/types/interfaces';
+
+import { useEffect, useState } from 'react';
+
+import { createWsEndpoints } from '@polkadot/apps-config';
+import { isNumber } from '@polkadot/util';
+
+import { createNamedHook } from './createNamedHook';
+import { useApi } from './useApi';
+import { useCall } from './useCall';
+
+interface Teleport {
+  allowTeleport: boolean;
+  destinations: LinkOption[];
+  isParaTeleport?: boolean;
+  isRelayTeleport?: boolean;
+  oneWay: number[]
+}
+
+interface ExtLinkOption extends LinkOption {
+  teleport: number[];
+}
+
+const DEFAULT_STATE: Teleport = {
+  allowTeleport: false,
+  destinations: [],
+  oneWay: []
+};
+
+const endpoints = createWsEndpoints((k: string, v?: string) => v || k).filter((v): v is ExtLinkOption => !!v.teleport);
+
+function extractRelayDestinations (relayGenesis: string, filter: (l: ExtLinkOption) => boolean): ExtLinkOption[] {
+  return endpoints
+    .filter((l) =>
+      (
+        l.genesisHashRelay === relayGenesis ||
+        l.genesisHash === relayGenesis
+      ) && filter(l)
+    )
+    .reduce((result: ExtLinkOption[], curr): ExtLinkOption[] => {
+      const isExisting = result.some(({ genesisHash, paraId }) =>
+        paraId === curr.paraId ||
+        (genesisHash && genesisHash === curr.genesisHash)
+      );
+
+      if (!isExisting) {
+        result.push(curr);
+      }
+
+      return result;
+    }, [])
+    .sort((a, b) =>
+      a.isRelay === b.isRelay
+        ? 0
+        : a.isRelay
+          ? -1
+          : 1
+    );
+}
+
+function useTeleportImpl (): Teleport {
+  const { api, apiUrl, isApiReady } = useApi();
+  const paraId = useCall<ParaId>(isApiReady && api.query.parachainInfo?.parachainId);
+  const [state, setState] = useState<Teleport>(() => ({ ...DEFAULT_STATE }));
+
+  useEffect((): void => {
+    if (isApiReady) {
+      const relayGenesis = api.genesisHash.toHex();
+      const endpoint = endpoints.find(({ genesisHash }) => genesisHash === relayGenesis);
+
+      if (endpoint) {
+        const destinations = extractRelayDestinations(relayGenesis, ({ paraId }) =>
+          isNumber(paraId) &&
+          endpoint.teleport.includes(paraId)
+        );
+        const oneWay = extractRelayDestinations(relayGenesis, ({ paraId, teleport }) =>
+          isNumber(paraId) &&
+          !teleport.includes(-1)
+        ).map(({ paraId }) => paraId || -1);
+
+        setState({
+          allowTeleport: destinations.length !== 0,
+          destinations,
+          isRelayTeleport: true,
+          oneWay
+        });
+      }
+    }
+  }, [api, isApiReady]);
+
+  useEffect((): void => {
+    if (paraId) {
+      const endpoint = endpoints.find(({ value }) => value === apiUrl);
+
+      if (endpoint && endpoint.genesisHashRelay) {
+        const destinations = extractRelayDestinations(endpoint.genesisHashRelay, ({ paraId }) =>
+          endpoint.teleport.includes(isNumber(paraId) ? paraId : -1)
+        );
+        const oneWay = extractRelayDestinations(endpoint.genesisHashRelay, ({ paraId, teleport }) =>
+          !teleport.includes(isNumber(paraId) ? paraId : -1)
+        ).map(({ paraId }) => paraId || -1);
+
+        setState({
+          allowTeleport: destinations.length !== 0,
+          destinations,
+          isParaTeleport: true,
+          oneWay
+        });
+      }
+    }
+  }, [apiUrl, paraId]);
+
+  return state;
+}
+
+export const useTeleport = createNamedHook('useTeleport', useTeleportImpl);
diff --git a/packages/react-hooks/src/useToggle.ts b/packages/react-hooks/src/useToggle.ts
new file mode 100644
index 0000000..64e6f90
--- /dev/null
+++ b/packages/react-hooks/src/useToggle.ts
@@ -0,0 +1,39 @@
+// Copyright 2017-2022 @polkadot/react-hooks authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import { useCallback, useEffect, useMemo, useState } from 'react';
+
+import { createNamedHook } from './createNamedHook';
+import { useIsMountedRef } from './useIsMountedRef';
+
+// Simple wrapper for a true/false toggle
+function useToggleImpl (defaultValue = false, onToggle?: (isActive: boolean) => void): [boolean, () => void, (value: boolean) => void] {
+  const mountedRef = useIsMountedRef();
+  const [isActive, setActive] = useState(defaultValue);
+
+  const _toggleActive = useCallback(
+    (): void => {
+      mountedRef.current && setActive((isActive) => !isActive);
+    },
+    [mountedRef]
+  );
+
+  const _setActive = useCallback(
+    (isActive: boolean): void => {
+      mountedRef.current && setActive(isActive);
+    },
+    [mountedRef]
+  );
+
+  useEffect(
+    () => onToggle && onToggle(isActive),
+    [isActive, onToggle]
+  );
+
+  return useMemo(
+    () => [isActive, _toggleActive, _setActive],
+    [isActive, _toggleActive, _setActive]
+  );
+}
+
+export const useToggle = createNamedHook('useToggle', useToggleImpl);
diff --git a/packages/react-hooks/src/useTreasury.ts b/packages/react-hooks/src/useTreasury.ts
new file mode 100644
index 0000000..f7567c3
--- /dev/null
+++ b/packages/react-hooks/src/useTreasury.ts
@@ -0,0 +1,88 @@
+// Copyright 2017-2022 @polkadot/react-hooks authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { DeriveBounties, DeriveTreasuryProposals } from '@polkadot/api-derive/types';
+import type { Balance } from '@polkadot/types/interfaces';
+
+import { useEffect, useState } from 'react';
+
+import { DeriveBalancesAccount } from '@polkadot/api-derive/types';
+import { BN, BN_MILLION, BN_ZERO, u8aConcat } from '@polkadot/util';
+
+import { createNamedHook } from './createNamedHook';
+import { useApi } from './useApi';
+import { useCall } from './useCall';
+
+const EMPTY_U8A_32 = new Uint8Array(32);
+
+interface Result {
+  value?: Balance;
+  burn?: BN;
+  pendingBounties: BN;
+  pendingProposals: BN;
+  spendPeriod: BN;
+  totalProposals?: number;
+  treasuryAccount: Uint8Array;
+}
+
+function useTreasuryImpl (): Result {
+  const { api } = useApi();
+  const [result, setResult] = useState<Result>(() => ({
+    pendingBounties: BN_ZERO,
+    pendingProposals: BN_ZERO,
+    spendPeriod: api.consts.treasury
+      ? api.consts.treasury.spendPeriod
+      : BN_ZERO,
+    treasuryAccount: u8aConcat(
+      'modl',
+      api.consts.treasury && api.consts.treasury.palletId
+        ? api.consts.treasury.palletId.toU8a(true)
+        : 'py/trsry',
+      EMPTY_U8A_32
+    ).subarray(0, 32)
+  }));
+  const bounties = useCall<DeriveBounties>(api.derive.bounties?.bounties);
+  const treasuryProposals = useCall<DeriveTreasuryProposals>(api.derive.treasury.proposals);
+  const treasuryBalance = useCall<DeriveBalancesAccount>(api.derive.balances?.account, [result.treasuryAccount]);
+
+  useEffect((): void => {
+    treasuryBalance && api.consts.treasury &&
+      setResult(({ pendingBounties, pendingProposals, spendPeriod, treasuryAccount }) => ({
+        burn: treasuryBalance.freeBalance.gt(BN_ZERO) && !api.consts.treasury.burn.isZero()
+          ? api.consts.treasury.burn.mul(treasuryBalance.freeBalance).div(BN_MILLION)
+          : BN_ZERO,
+        pendingBounties,
+        pendingProposals,
+        spendPeriod,
+        treasuryAccount,
+        value: treasuryBalance.freeBalance.gt(BN_ZERO)
+          ? treasuryBalance.freeBalance
+          : undefined
+      }));
+  }, [api, treasuryBalance]);
+
+  useEffect((): void => {
+    treasuryProposals &&
+      setResult((prev) => ({
+        ...prev,
+        pendingProposals: treasuryProposals.approvals.reduce((total, { proposal: { value } }) =>
+          total.iadd(value), new BN(0)
+        ),
+        totalProposals: treasuryProposals.proposalCount.toNumber()
+      }));
+  }, [treasuryProposals]);
+
+  useEffect((): void => {
+    bounties &&
+      setResult((prev) => ({
+        ...prev,
+        pendingBounties: bounties.reduce((total, { bounty: { status, value } }) =>
+          total.iadd(status.isApproved ? value : BN_ZERO), new BN(0)
+        )
+      }));
+  }, [bounties]);
+
+  return result;
+}
+
+export const useTreasury = createNamedHook('useTreasury', useTreasuryImpl);
diff --git a/packages/react-hooks/src/useTxBatch.ts b/packages/react-hooks/src/useTxBatch.ts
new file mode 100644
index 0000000..02f6c9a
--- /dev/null
+++ b/packages/react-hooks/src/useTxBatch.ts
@@ -0,0 +1,79 @@
+// Copyright 2017-2022 @polkadot/react-hooks authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { ApiPromise } from '@polkadot/api';
+import type { SubmittableExtrinsic } from '@polkadot/api/types';
+import type { Weight } from '@polkadot/types/interfaces';
+import type { BatchOptions, BatchType } from './types';
+
+import { useEffect, useMemo, useState } from 'react';
+
+import { isFunction } from '@polkadot/util';
+
+import { createNamedHook } from './createNamedHook';
+import { useAccounts } from './useAccounts';
+import { useApi } from './useApi';
+
+function createBatches (api: ApiPromise, txs: SubmittableExtrinsic<'promise'>[], batchSize: number, type: BatchType = 'default'): SubmittableExtrinsic<'promise'>[] {
+  if (batchSize === 1 || !isFunction(api.tx.utility?.batch)) {
+    return txs;
+  }
+
+  return txs
+    .reduce((batches: SubmittableExtrinsic<'promise'>[][], tx): SubmittableExtrinsic<'promise'>[][] => {
+      const batch = batches[batches.length - 1];
+
+      if (batch.length >= batchSize) {
+        batches.push([tx]);
+      } else {
+        batch.push(tx);
+      }
+
+      return batches;
+    }, [[]])
+    .map((batch): SubmittableExtrinsic<'promise'> =>
+      batch.length === 1
+        ? batch[0]
+        : type === 'all' && isFunction(api.tx.utility.batchAll)
+          ? api.tx.utility.batchAll(batch)
+          : api.tx.utility.batch(batch)
+    );
+}
+
+function useTxBatchImpl (txs?: SubmittableExtrinsic<'promise'>[] | null | false, options?: BatchOptions): SubmittableExtrinsic<'promise'>[] | null {
+  const { api } = useApi();
+  const { allAccounts } = useAccounts();
+  const [batchSize, setBatchSize] = useState(() => Math.floor(options?.max || 64));
+
+  useEffect((): void => {
+    txs && txs.length && allAccounts[0] && isFunction(api.rpc.payment?.queryInfo) &&
+      txs[0]
+        .paymentInfo(allAccounts[0])
+        .then((info) =>
+          setBatchSize((prev) =>
+            info.weight.isZero()
+              ? prev
+              : Math.floor(
+                (
+                  api.consts.system.blockWeights
+                    ? api.consts.system.blockWeights.maxBlock
+                    : api.consts.system.maximumBlockWeight as Weight
+                )
+                  .muln(64) // 65% of the block weight on a single extrinsic (64 for safety)
+                  .div(info.weight)
+                  .toNumber() / 100
+              )
+          )
+        )
+        .catch(console.error);
+  }, [allAccounts, api, options, txs]);
+
+  return useMemo(
+    () => txs && txs.length
+      ? createBatches(api, txs, batchSize, options?.type)
+      : null,
+    [api, batchSize, options, txs]
+  );
+}
+
+export const useTxBatch = createNamedHook('useTxBatch', useTxBatchImpl);
diff --git a/packages/react-hooks/src/useVotingStatus.ts b/packages/react-hooks/src/useVotingStatus.ts
new file mode 100644
index 0000000..af30d31
--- /dev/null
+++ b/packages/react-hooks/src/useVotingStatus.ts
@@ -0,0 +1,71 @@
+// Copyright 2017-2022 @polkadot/react-hooks authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { BlockNumber, Votes } from '@polkadot/types/interfaces';
+import type { BN } from '@polkadot/util';
+
+import { useMemo } from 'react';
+
+import { ApiPromise } from '@polkadot/api';
+import { isFunction } from '@polkadot/util';
+
+import { createNamedHook } from './createNamedHook';
+import { useApi } from './useApi';
+import { useBestNumber } from './useBestNumber';
+
+interface State {
+  hasFailed: boolean;
+  hasPassed: boolean;
+  isCloseable: boolean;
+  isVoteable: boolean;
+  remainingBlocks: BN | null;
+}
+
+const DEFAULT_STATUS = { hasFailed: false, hasPassed: false, isCloseable: false, isVoteable: false, remainingBlocks: null };
+
+function getStatus (api: ApiPromise, bestNumber: BlockNumber, votes: Votes, numMembers: number, section: 'council' | 'membership' | 'technicalCommittee'): State {
+  const [instance] = api.registry.getModuleInstances(api.runtimeVersion.specName.toString(), section) || [section];
+  const modLocation = isFunction(api.tx[instance as 'technicalCommittee']?.close)
+    ? instance
+    : null;
+
+  if (!votes.end || !modLocation) {
+    return {
+      hasFailed: false,
+      hasPassed: false,
+      isCloseable: false,
+      isVoteable: true,
+      remainingBlocks: null
+    };
+  }
+
+  const isEnd = bestNumber.gte(votes.end);
+  const hasPassed = votes.threshold.lten(votes.ayes.length);
+  const hasFailed = votes.threshold.gtn(Math.abs(numMembers - votes.nays.length));
+
+  return {
+    hasFailed,
+    hasPassed,
+    isCloseable: api.tx[modLocation].close.meta.args.length === 4 // current-generation
+      ? isEnd || hasPassed || hasFailed
+      : isEnd,
+    isVoteable: !isEnd,
+    remainingBlocks: isEnd
+      ? null
+      : votes.end.sub(bestNumber)
+  };
+}
+
+function useVotingStatusImpl (votes: Votes | null | undefined, numMembers: number, section: 'council' | 'membership' | 'technicalCommittee'): State {
+  const { api } = useApi();
+  const bestNumber = useBestNumber();
+
+  return useMemo(
+    () => bestNumber && votes
+      ? getStatus(api, bestNumber, votes, numMembers, section)
+      : DEFAULT_STATUS,
+    [api, bestNumber, numMembers, section, votes]
+  );
+}
+
+export const useVotingStatus = createNamedHook('useVotingStatus', useVotingStatusImpl);
diff --git a/packages/react-hooks/src/useWeight.ts b/packages/react-hooks/src/useWeight.ts
new file mode 100644
index 0000000..fd1ce41
--- /dev/null
+++ b/packages/react-hooks/src/useWeight.ts
@@ -0,0 +1,39 @@
+// Copyright 2017-2022 @polkadot/react-hooks authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { Call } from '@polkadot/types/interfaces';
+import type { BN } from '@polkadot/util';
+
+import { useEffect, useState } from 'react';
+
+import { BN_ZERO, isFunction } from '@polkadot/util';
+
+import { createNamedHook } from './createNamedHook';
+import { useApi } from './useApi';
+import { useIsMountedRef } from './useIsMountedRef';
+
+// a random address that we are using for our queries
+const ZERO_ACCOUNT = '5CAUdnwecHGxxyr5vABevAfZ34Fi4AaraDRMwfDQXQ52PXqg';
+const EMPTY_STATE: [BN, number] = [BN_ZERO, 0];
+
+// for a given call, calculate the weight
+function useWeightImpl (call?: Call | null): [BN, number] {
+  const { api } = useApi();
+  const mountedRef = useIsMountedRef();
+  const [state, setState] = useState(EMPTY_STATE);
+
+  useEffect((): void => {
+    if (call && isFunction(api.rpc.payment?.queryInfo)) {
+      api.tx(call)
+        .paymentInfo(ZERO_ACCOUNT)
+        .then(({ weight }) => mountedRef.current && setState([weight, call.encodedLength]))
+        .catch(console.error);
+    } else {
+      setState(EMPTY_STATE);
+    }
+  }, [api, call, mountedRef]);
+
+  return state;
+}
+
+export const useWeight = createNamedHook('useWeight', useWeightImpl);
diff --git a/packages/react-hooks/src/useWeightFee.ts b/packages/react-hooks/src/useWeightFee.ts
new file mode 100644
index 0000000..109cb08
--- /dev/null
+++ b/packages/react-hooks/src/useWeightFee.ts
@@ -0,0 +1,39 @@
+// Copyright 2017-2022 @polkadot/app-democracy authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { ApiPromise } from '@polkadot/api';
+import type { WeightToFeeCoefficient } from '@polkadot/types/interfaces';
+
+import { useMemo } from 'react';
+
+import { BN, BN_BILLION, BN_ZERO, bnToBn, isUndefined } from '@polkadot/util';
+
+import { createNamedHook } from './createNamedHook';
+import { useApi } from './useApi';
+
+function useWeightFeeImpl (weight: BN | number, apiOverride?: ApiPromise | null): BN {
+  const { api } = useApi();
+
+  return useMemo(
+    () => isUndefined(apiOverride) || apiOverride
+      ? ((apiOverride || api).consts.transactionPayment?.weightToFee || []).reduce((acc, { coeffFrac, coeffInteger, degree, negative }: WeightToFeeCoefficient): BN => {
+        const w = bnToBn(weight).pow(degree);
+        const frac = coeffFrac.mul(w).div(BN_BILLION);
+        const integer = coeffInteger.mul(w);
+
+        if (negative.isTrue) {
+          acc.isub(frac);
+          acc.isub(integer);
+        } else {
+          acc.iadd(frac);
+          acc.iadd(integer);
+        }
+
+        return acc;
+      }, new BN(0))
+      : BN_ZERO,
+    [api, apiOverride, weight]
+  );
+}
+
+export const useWeightFee = createNamedHook('useWeightFee', useWeightFeeImpl);
diff --git a/packages/react-hooks/src/useWindowSize.ts b/packages/react-hooks/src/useWindowSize.ts
new file mode 100644
index 0000000..5911db2
--- /dev/null
+++ b/packages/react-hooks/src/useWindowSize.ts
@@ -0,0 +1,36 @@
+// Copyright 2017-2022 @polkadot/react-hooks authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import { useEffect, useState } from 'react';
+
+import { createNamedHook } from './createNamedHook';
+
+export interface WindowSize {
+  width: number;
+  height: number;
+}
+
+function useWindowSizeImpl (): WindowSize {
+  const [windowSize, setWindowSize] = useState<WindowSize>({
+    height: 0,
+    width: 0
+  });
+
+  useEffect(() => {
+    function handleResize () {
+      setWindowSize({
+        height: window.innerHeight,
+        width: window.innerWidth
+      });
+    }
+
+    window.addEventListener('resize', handleResize);
+    handleResize();
+
+    return () => window.removeEventListener('resize', handleResize);
+  }, []);
+
+  return windowSize;
+}
+
+export const useWindowSize = createNamedHook('useWindowSize', useWindowSizeImpl);
diff --git a/packages/react-hooks/src/utils/getJudgements.ts b/packages/react-hooks/src/utils/getJudgements.ts
new file mode 100644
index 0000000..5c4c47f
--- /dev/null
+++ b/packages/react-hooks/src/utils/getJudgements.ts
@@ -0,0 +1,66 @@
+// Copyright 2017-2022 @polkadot/react-hooks authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { DeriveAccountRegistration } from '@polkadot/api-derive/types';
+import type { DisplayedJudgement } from '@polkadot/react-components/types';
+import type { SortedJudgements } from '@polkadot/react-components/util/types';
+import type { RegistrationJudgement } from '@polkadot/types/interfaces';
+
+function extractIndexes (registrars: RegistrationJudgement[]) {
+  return registrars.map((judgement) => judgement[0]);
+}
+
+export function getJudgements (identity: DeriveAccountRegistration | undefined): SortedJudgements {
+  if (!identity) {
+    return [];
+  }
+
+  const judgements = groupJudgements(identity.judgements);
+
+  const result = [];
+
+  for (const name in judgements) {
+    const judgementName = name as DisplayedJudgement;
+
+    if (judgements[judgementName].length !== 0) {
+      result.push({ judgementName, registrarsIndexes: extractIndexes(judgements[judgementName]) });
+    }
+  }
+
+  return result;
+}
+
+export function groupJudgements (judgements: RegistrationJudgement[]): Record<DisplayedJudgement, RegistrationJudgement[]> {
+  const consideredJudgements = filterConsideredJudgements(judgements);
+  const knownGoodJudgements = filterKnownGood(consideredJudgements);
+  const reasonableJudgements = filterReasonable(consideredJudgements);
+  const erroneousJudgements = filterErroneous(consideredJudgements);
+  const lowQualityJudgements = filterLowQuality(consideredJudgements);
+
+  return {
+    Erroneous: erroneousJudgements,
+    'Known good': knownGoodJudgements,
+    'Low quality': lowQualityJudgements,
+    Reasonable: reasonableJudgements
+  };
+}
+
+const filterConsideredJudgements = (judgements: RegistrationJudgement[]): RegistrationJudgement[] => {
+  return judgements.filter(([, judgement]) => !judgement.isFeePaid);
+};
+
+const filterKnownGood = (judgements: RegistrationJudgement[]): RegistrationJudgement[] => {
+  return judgements.filter(([, judgement]) => judgement.isKnownGood);
+};
+
+const filterReasonable = (judgements: RegistrationJudgement[]): RegistrationJudgement[] => {
+  return judgements.filter(([, judgement]) => judgement.isReasonable);
+};
+
+const filterErroneous = (judgements: RegistrationJudgement[]): RegistrationJudgement[] => {
+  return judgements.filter(([, judgement]) => judgement.isErroneous);
+};
+
+const filterLowQuality = (judgements: RegistrationJudgement[]): RegistrationJudgement[] => {
+  return judgements.filter(([, judgement]) => judgement.isLowQuality);
+};
diff --git a/packages/react-hooks/src/utils/matchRegistrarAccountsWithIndexes.ts b/packages/react-hooks/src/utils/matchRegistrarAccountsWithIndexes.ts
new file mode 100644
index 0000000..b3826fc
--- /dev/null
+++ b/packages/react-hooks/src/utils/matchRegistrarAccountsWithIndexes.ts
@@ -0,0 +1,19 @@
+// Copyright 2017-2022 @polkadot/react-hooks authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { SortedJudgements } from '@polkadot/react-components/util/types';
+import type { Judgement, Registrar } from '../types';
+
+export function matchRegistrarAccountsWithIndexes (
+  judgementsWithRegistrarIndexes: SortedJudgements,
+  allRegistrars: Registrar[]
+): Judgement[] {
+  return judgementsWithRegistrarIndexes.map(({ judgementName, registrarsIndexes }) => {
+    const findRegistrarByIndex = (index: number) => allRegistrars.find((registrar) => registrar.index === index);
+
+    return {
+      judgementName,
+      registrars: registrarsIndexes.map((index) => findRegistrarByIndex(index.toNumber()))
+    };
+  });
+}
diff --git a/packages/react-hooks/tsconfig.build.json b/packages/react-hooks/tsconfig.build.json
new file mode 100644
index 0000000..da24d9f
--- /dev/null
+++ b/packages/react-hooks/tsconfig.build.json
@@ -0,0 +1,9 @@
+{
+  "extends": "../../tsconfig.base.json",
+  "compilerOptions": {
+    "baseUrl": "..",
+    "outDir": "./build",
+    "rootDir": "./src"
+  },
+  "references": []
+}
diff --git a/packages/react-params/.skip-build b/packages/react-params/.skip-build
new file mode 100644
index 0000000..e69de29
diff --git a/packages/react-params/.skip-npm b/packages/react-params/.skip-npm
new file mode 100644
index 0000000..e69de29
diff --git a/packages/react-params/LICENSE b/packages/react-params/LICENSE
new file mode 100644
index 0000000..0d381b2
--- /dev/null
+++ b/packages/react-params/LICENSE
@@ -0,0 +1,201 @@
+                              Apache License
+                        Version 2.0, January 2004
+                    http://www.apache.org/licenses/
+
+TERMS AND CONDITIONS FOR USE, REPRODUCTION, AND DISTRIBUTION
+
+1. Definitions.
+
+  "License" shall mean the terms and conditions for use, reproduction,
+  and distribution as defined by Sections 1 through 9 of this document.
+
+  "Licensor" shall mean the copyright owner or entity authorized by
+  the copyright owner that is granting the License.
+
+  "Legal Entity" shall mean the union of the acting entity and all
+  other entities that control, are controlled by, or are under common
+  control with that entity. For the purposes of this definition,
+  "control" means (i) the power, direct or indirect, to cause the
+  direction or management of such entity, whether by contract or
+  otherwise, or (ii) ownership of fifty percent (50%) or more of the
+  outstanding shares, or (iii) beneficial ownership of such entity.
+
+  "You" (or "Your") shall mean an individual or Legal Entity
+  exercising permissions granted by this License.
+
+  "Source" form shall mean the preferred form for making modifications,
+  including but not limited to software source code, documentation
+  source, and configuration files.
+
+  "Object" form shall mean any form resulting from mechanical
+  transformation or translation of a Source form, including but
+  not limited to compiled object code, generated documentation,
+  and conversions to other media types.
+
+  "Work" shall mean the work of authorship, whether in Source or
+  Object form, made available under the License, as indicated by a
+  copyright notice that is included in or attached to the work
+  (an example is provided in the Appendix below).
+
+  "Derivative Works" shall mean any work, whether in Source or Object
+  form, that is based on (or derived from) the Work and for which the
+  editorial revisions, annotations, elaborations, or other modifications
+  represent, as a whole, an original work of authorship. For the purposes
+  of this License, Derivative Works shall not include works that remain
+  separable from, or merely link (or bind by name) to the interfaces of,
+  the Work and Derivative Works thereof.
+
+  "Contribution" shall mean any work of authorship, including
+  the original version of the Work and any modifications or additions
+  to that Work or Derivative Works thereof, that is intentionally
+  submitted to Licensor for inclusion in the Work by the copyright owner
+  or by an individual or Legal Entity authorized to submit on behalf of
+  the copyright owner. For the purposes of this definition, "submitted"
+  means any form of electronic, verbal, or written communication sent
+  to the Licensor or its representatives, including but not limited to
+  communication on electronic mailing lists, source code control systems,
+  and issue tracking systems that are managed by, or on behalf of, the
+  Licensor for the purpose of discussing and improving the Work, but
+  excluding communication that is conspicuously marked or otherwise
+  designated in writing by the copyright owner as "Not a Contribution."
+
+  "Contributor" shall mean Licensor and any individual or Legal Entity
+  on behalf of whom a Contribution has been received by Licensor and
+  subsequently incorporated within the Work.
+
+2. Grant of Copyright License. Subject to the terms and conditions of
+  this License, each Contributor hereby grants to You a perpetual,
+  worldwide, non-exclusive, no-charge, royalty-free, irrevocable
+  copyright license to reproduce, prepare Derivative Works of,
+  publicly display, publicly perform, sublicense, and distribute the
+  Work and such Derivative Works in Source or Object form.
+
+3. Grant of Patent License. Subject to the terms and conditions of
+  this License, each Contributor hereby grants to You a perpetual,
+  worldwide, non-exclusive, no-charge, royalty-free, irrevocable
+  (except as stated in this section) patent license to make, have made,
+  use, offer to sell, sell, import, and otherwise transfer the Work,
+  where such license applies only to those patent claims licensable
+  by such Contributor that are necessarily infringed by their
+  Contribution(s) alone or by combination of their Contribution(s)
+  with the Work to which such Contribution(s) was submitted. If You
+  institute patent litigation against any entity (including a
+  cross-claim or counterclaim in a lawsuit) alleging that the Work
+  or a Contribution incorporated within the Work constitutes direct
+  or contributory patent infringement, then any patent licenses
+  granted to You under this License for that Work shall terminate
+  as of the date such litigation is filed.
+
+4. Redistribution. You may reproduce and distribute copies of the
+  Work or Derivative Works thereof in any medium, with or without
+  modifications, and in Source or Object form, provided that You
+  meet the following conditions:
+
+  (a) You must give any other recipients of the Work or
+      Derivative Works a copy of this License; and
+
+  (b) You must cause any modified files to carry prominent notices
+      stating that You changed the files; and
+
+  (c) You must retain, in the Source form of any Derivative Works
+      that You distribute, all copyright, patent, trademark, and
+      attribution notices from the Source form of the Work,
+      excluding those notices that do not pertain to any part of
+      the Derivative Works; and
+
+  (d) If the Work includes a "NOTICE" text file as part of its
+      distribution, then any Derivative Works that You distribute must
+      include a readable copy of the attribution notices contained
+      within such NOTICE file, excluding those notices that do not
+      pertain to any part of the Derivative Works, in at least one
+      of the following places: within a NOTICE text file distributed
+      as part of the Derivative Works; within the Source form or
+      documentation, if provided along with the Derivative Works; or,
+      within a display generated by the Derivative Works, if and
+      wherever such third-party notices normally appear. The contents
+      of the NOTICE file are for informational purposes only and
+      do not modify the License. You may add Your own attribution
+      notices within Derivative Works that You distribute, alongside
+      or as an addendum to the NOTICE text from the Work, provided
+      that such additional attribution notices cannot be construed
+      as modifying the License.
+
+  You may add Your own copyright statement to Your modifications and
+  may provide additional or different license terms and conditions
+  for use, reproduction, or distribution of Your modifications, or
+  for any such Derivative Works as a whole, provided Your use,
+  reproduction, and distribution of the Work otherwise complies with
+  the conditions stated in this License.
+
+5. Submission of Contributions. Unless You explicitly state otherwise,
+  any Contribution intentionally submitted for inclusion in the Work
+  by You to the Licensor shall be under the terms and conditions of
+  this License, without any additional terms or conditions.
+  Notwithstanding the above, nothing herein shall supersede or modify
+  the terms of any separate license agreement you may have executed
+  with Licensor regarding such Contributions.
+
+6. Trademarks. This License does not grant permission to use the trade
+  names, trademarks, service marks, or product names of the Licensor,
+  except as required for reasonable and customary use in describing the
+  origin of the Work and reproducing the content of the NOTICE file.
+
+7. Disclaimer of Warranty. Unless required by applicable law or
+  agreed to in writing, Licensor provides the Work (and each
+  Contributor provides its Contributions) on an "AS IS" BASIS,
+  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or
+  implied, including, without limitation, any warranties or conditions
+  of TITLE, NON-INFRINGEMENT, MERCHANTABILITY, or FITNESS FOR A
+  PARTICULAR PURPOSE. You are solely responsible for determining the
+  appropriateness of using or redistributing the Work and assume any
+  risks associated with Your exercise of permissions under this License.
+
+8. Limitation of Liability. In no event and under no legal theory,
+  whether in tort (including negligence), contract, or otherwise,
+  unless required by applicable law (such as deliberate and grossly
+  negligent acts) or agreed to in writing, shall any Contributor be
+  liable to You for damages, including any direct, indirect, special,
+  incidental, or consequential damages of any character arising as a
+  result of this License or out of the use or inability to use the
+  Work (including but not limited to damages for loss of goodwill,
+  work stoppage, computer failure or malfunction, or any and all
+  other commercial damages or losses), even if such Contributor
+  has been advised of the possibility of such damages.
+
+9. Accepting Warranty or Additional Liability. While redistributing
+  the Work or Derivative Works thereof, You may choose to offer,
+  and charge a fee for, acceptance of support, warranty, indemnity,
+  or other liability obligations and/or rights consistent with this
+  License. However, in accepting such obligations, You may act only
+  on Your own behalf and on Your sole responsibility, not on behalf
+  of any other Contributor, and only if You agree to indemnify,
+  defend, and hold each Contributor harmless for any liability
+  incurred by, or claims asserted against, such Contributor by reason
+  of your accepting any such warranty or additional liability.
+
+END OF TERMS AND CONDITIONS
+
+APPENDIX: How to apply the Apache License to your work.
+
+  To apply the Apache License to your work, attach the following
+  boilerplate notice, with the fields enclosed by brackets "[]"
+  replaced with your own identifying information. (Don't include
+  the brackets!)  The text should be enclosed in the appropriate
+  comment syntax for the file format. We also recommend that a
+  file or class name and description of purpose be included on the
+  same "printed page" as the copyright notice for easier
+  identification within third-party archives.
+
+Copyright [yyyy] [name of copyright owner]
+
+Licensed under the Apache License, Version 2.0 (the "License");
+you may not use this file except in compliance with the License.
+You may obtain a copy of the License at
+
+    http://www.apache.org/licenses/LICENSE-2.0
+
+Unless required by applicable law or agreed to in writing, software
+distributed under the License is distributed on an "AS IS" BASIS,
+WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+See the License for the specific language governing permissions and
+limitations under the License.
diff --git a/packages/react-params/README.md b/packages/react-params/README.md
new file mode 100644
index 0000000..89400eb
--- /dev/null
+++ b/packages/react-params/README.md
@@ -0,0 +1,5 @@
+# @polkadot/react-params
+
+WARNING: This is an internal package to [polkadot-js/apps](https://github.com/polkadot-js/apps) so is not inteded (yet) for broad use.
+
+For the existing sharable components usable in external React-based projects, take a look at the [polkadot-js/ui documentation](https://polkadot.js.org/ui/)
diff --git a/packages/react-params/package.json b/packages/react-params/package.json
new file mode 100644
index 0000000..e6e4dd6
--- /dev/null
+++ b/packages/react-params/package.json
@@ -0,0 +1,19 @@
+{
+  "bugs": "https://github.com/polkadot-js/apps/issues",
+  "homepage": "https://github.com/polkadot-js/apps/tree/master/packages/react-params#readme",
+  "license": "Apache-2.0",
+  "name": "@polkadot/react-params",
+  "private": true,
+  "repository": {
+    "directory": "packages/react-params",
+    "type": "git",
+    "url": "https://github.com/polkadot-js/apps.git"
+  },
+  "sideEffects": false,
+  "type": "module",
+  "version": "0.112.2-14",
+  "dependencies": {
+    "@babel/runtime": "^7.17.9",
+    "@polkadot/react-components": "^0.112.2-14"
+  }
+}
diff --git a/packages/react-params/src/Holder.tsx b/packages/react-params/src/Holder.tsx
new file mode 100644
index 0000000..4cbea7b
--- /dev/null
+++ b/packages/react-params/src/Holder.tsx
@@ -0,0 +1,96 @@
+// Copyright 2017-2022 @polkadot/react-params authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import React from 'react';
+import styled from 'styled-components';
+
+interface Props {
+  children?: React.ReactNode;
+  className?: string;
+  withBorder?: boolean;
+  withPadding?: boolean;
+}
+
+function Holder ({ children, className = '', withBorder, withPadding }: Props): React.ReactElement<Props> {
+  return (
+    <div className={`ui--Params ${className} ${withBorder ? 'withBorder' : 'withoutBorder'} ${withPadding ? 'withPadding' : ''}`}>
+      {children}
+    </div>
+  );
+}
+
+export default React.memo(styled(Holder)`
+  &.withBorder {
+    border-left: 0.25rem solid #f2f2f2;
+  }
+
+  &.withoutBorder {
+    margin-left: -1.75rem;
+    padding: 0;
+  }
+
+  &.withPadding {
+    padding-left: 4rem;
+  }
+
+  .ui--Param .ui--Labelled label {
+    text-transform: none !important;
+    font: var(--font-mono);
+  }
+
+  .ui--row {
+    flex-wrap: wrap;
+  }
+
+  .ui--Param-Address {
+    font: var(--font-mono);
+  }
+
+  .ui--Params-Content {
+    box-sizing: border-box;
+    padding: 0 0 0 1.75rem;
+  }
+
+  .ui--Param-text {
+    display: inline-block;
+    font-size: 1rem;
+    line-height: 1.714rem;
+    overflow: hidden;
+    text-overflow: ellipsis;
+  }
+
+  .ui--Param-text .icon {
+    margin-right: 0.5rem !important;
+  }
+
+  .ui--Param-text * {
+    vertical-align: middle;
+  }
+
+  .ui--Param-text.nowrap {
+    white-space: nowrap;
+  }
+
+  .ui--Param-text.name {
+    color: rgba(0, 0, 0, .6);
+    font-style: italic;
+  }
+
+  .ui--Param-text + .ui--Param-text {
+    margin-left: 0.5rem;
+  }
+
+  .ui--Param-Vector-buttons {
+    text-align: right;
+  }
+
+  .ui--Param-composite {
+    position: relative;
+
+    .ui--Param-overlay {
+      position: absolute;
+      top: 0.5rem;
+      right: 3.5rem;
+    }
+  }
+`);
diff --git a/packages/react-params/src/Param/Account.tsx b/packages/react-params/src/Param/Account.tsx
new file mode 100644
index 0000000..6b4dbc2
--- /dev/null
+++ b/packages/react-params/src/Param/Account.tsx
@@ -0,0 +1,59 @@
+// Copyright 2017-2022 @polkadot/react-params authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { Props } from '../types';
+
+import React, { useCallback, useState } from 'react';
+
+import { InputAddress } from '@polkadot/react-components';
+import { keyring } from '@polkadot/ui-keyring';
+
+import Bare from './Bare';
+
+function isValidAddress (value?: string | null): boolean {
+  if (value) {
+    try {
+      keyring.decodeAddress(value);
+
+      return true;
+    } catch (err) {
+      console.error(err);
+    }
+  }
+
+  return false;
+}
+
+function Account ({ className = '', defaultValue: { value }, isDisabled, isError, isInOption, label, onChange, withLabel }: Props): React.ReactElement<Props> {
+  const [defaultValue] = useState(() => (value as string)?.toString());
+
+  const _onChange = useCallback(
+    (value?: string | null) =>
+      onChange && onChange({
+        isValid: isValidAddress(value),
+        value
+      }),
+    [onChange]
+  );
+
+  return (
+    <Bare className={className}>
+      <InputAddress
+        className='full'
+        defaultValue={defaultValue}
+        hideAddress={isInOption}
+        isDisabled={isDisabled}
+        isError={isError}
+        isInput
+        label={label}
+        onChange={_onChange}
+        placeholder='5...'
+        type='allPlus'
+        withEllipsis
+        withLabel={withLabel}
+      />
+    </Bare>
+  );
+}
+
+export default React.memo(Account);
diff --git a/packages/react-params/src/Param/Amount.tsx b/packages/react-params/src/Param/Amount.tsx
new file mode 100644
index 0000000..d89fe55
--- /dev/null
+++ b/packages/react-params/src/Param/Amount.tsx
@@ -0,0 +1,78 @@
+// Copyright 2017-2022 @polkadot/react-params authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { Registry, TypeDef } from '@polkadot/types/types';
+import type { BN } from '@polkadot/util';
+import type { Props } from '../types';
+
+import React, { useCallback, useMemo } from 'react';
+
+import { Input, InputNumber } from '@polkadot/react-components';
+import { bnToBn, formatNumber, isUndefined } from '@polkadot/util';
+
+import Bare from './Bare';
+
+function getBitLength (registry: Registry, { type }: TypeDef): number {
+  try {
+    return registry.createType(type as 'u32').bitLength();
+  } catch (error) {
+    return 32;
+  }
+}
+
+function Amount ({ className = '', defaultValue: { value }, isDisabled, isError, label, onChange, onEnter, registry, type, withLabel }: Props): React.ReactElement<Props> {
+  const defaultValue = useMemo(
+    () => isDisabled
+      ? value instanceof registry.createClass('AccountIndex')
+        ? value.toString()
+        : formatNumber(value as number)
+      : bnToBn((value as number) || 0).toString(),
+    [isDisabled, registry, value]
+  );
+
+  const bitLength = useMemo(
+    () => getBitLength(registry, type),
+    [registry, type]
+  );
+
+  const _onChange = useCallback(
+    (value?: BN) =>
+      onChange && onChange({
+        isValid: !isUndefined(value),
+        value
+      }),
+    [onChange]
+  );
+
+  return (
+    <Bare className={className}>
+      {isDisabled
+        ? (
+          <Input
+            className='full'
+            defaultValue={defaultValue}
+            isDisabled
+            label={label}
+            withEllipsis
+            withLabel={withLabel}
+          />
+        )
+        : (
+          <InputNumber
+            bitLength={bitLength}
+            className='full'
+            defaultValue={defaultValue}
+            isError={isError}
+            isZeroable
+            label={label}
+            onChange={_onChange}
+            onEnter={onEnter}
+            withLabel={withLabel}
+          />
+        )
+      }
+    </Bare>
+  );
+}
+
+export default React.memo(Amount);
diff --git a/packages/react-params/src/Param/Balance.tsx b/packages/react-params/src/Param/Balance.tsx
new file mode 100644
index 0000000..695593e
--- /dev/null
+++ b/packages/react-params/src/Param/Balance.tsx
@@ -0,0 +1,52 @@
+// Copyright 2017-2022 @polkadot/react-params authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { Props } from '../types';
+
+import React, { useCallback, useState } from 'react';
+
+import { InputBalance } from '@polkadot/react-components';
+import { BN } from '@polkadot/util';
+
+import Bare from './Bare';
+
+function Balance ({ className = '', defaultValue: { value }, isDisabled, isError, label, onChange, onEnter, onEscape, withLabel }: Props): React.ReactElement<Props> {
+  const [isValid, setIsValid] = useState(false);
+  const [defaultValue] = useState(() => new BN((value as BN || '0').toString()).toString(10));
+
+  const _onChange = useCallback(
+    (value?: BN): void => {
+      const isValid = !isError && !!value;
+
+      onChange && onChange({
+        isValid,
+        value
+      });
+      setIsValid(isValid);
+    },
+    [isError, onChange]
+  );
+
+  return (
+    <Bare className={className}>
+      <InputBalance
+        className='full'
+        defaultValue={defaultValue}
+        isDisabled={isDisabled}
+        isError={isError || !isValid}
+        label={label}
+        onChange={_onChange}
+        onEnter={onEnter}
+        onEscape={onEscape}
+        withEllipsis
+        withLabel={withLabel}
+      />
+    </Bare>
+  );
+}
+
+export default React.memo(Balance);
+
+export {
+  Balance
+};
diff --git a/packages/react-params/src/Param/Bare.tsx b/packages/react-params/src/Param/Bare.tsx
new file mode 100644
index 0000000..b5d4812
--- /dev/null
+++ b/packages/react-params/src/Param/Bare.tsx
@@ -0,0 +1,22 @@
+// Copyright 2017-2022 @polkadot/react-params authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import React from 'react';
+import styled from 'styled-components';
+
+interface Props {
+  children?: React.ReactNode;
+  className?: string;
+}
+
+function Bare ({ children, className = '' }: Props): React.ReactElement<Props> {
+  return (
+    <div className={`ui--row ${className}`}>
+      {children}
+    </div>
+  );
+}
+
+export default React.memo(styled(Bare)`
+  position: relative;
+`);
diff --git a/packages/react-params/src/Param/Base.tsx b/packages/react-params/src/Param/Base.tsx
new file mode 100644
index 0000000..a806e98
--- /dev/null
+++ b/packages/react-params/src/Param/Base.tsx
@@ -0,0 +1,39 @@
+// Copyright 2017-2022 @polkadot/react-params authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { Size } from '../types';
+
+import React from 'react';
+
+import { Labelled } from '@polkadot/react-components';
+
+import Bare from './Bare';
+
+interface Props {
+  children?: React.ReactNode;
+  className?: string;
+  isDisabled?: boolean;
+  isOuter?: boolean;
+  label?: React.ReactNode;
+  size?: Size;
+  withLabel?: boolean;
+}
+
+function Base ({ children, className = '', isOuter, label, size = 'full', withLabel }: Props): React.ReactElement<Props> {
+  return (
+    <Bare className={className}>
+      <Labelled
+        className={size}
+        isOuter
+        label={label}
+        withEllipsis
+        withLabel={withLabel}
+      >
+        {!isOuter && children}
+      </Labelled>
+      {isOuter && children}
+    </Bare>
+  );
+}
+
+export default React.memo(Base);
diff --git a/packages/react-params/src/Param/BaseBytes.tsx b/packages/react-params/src/Param/BaseBytes.tsx
new file mode 100644
index 0000000..e2dcfad
--- /dev/null
+++ b/packages/react-params/src/Param/BaseBytes.tsx
@@ -0,0 +1,154 @@
+// Copyright 2017-2022 @polkadot/react-params authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { TypeDef } from '@polkadot/types/types';
+import type { RawParam, RawParamOnChange, RawParamOnEnter, RawParamOnEscape, Size } from '../types';
+
+import React, { useCallback, useState } from 'react';
+import styled from 'styled-components';
+
+import { CopyButton, IdentityIcon, Input } from '@polkadot/react-components';
+import { compactAddLength, hexToU8a, isAscii, isHex, isU8a, stringToU8a, u8aToHex, u8aToString } from '@polkadot/util';
+import { decodeAddress } from '@polkadot/util-crypto';
+
+import { useTranslation } from '../translate';
+import Bare from './Bare';
+
+interface Props {
+  asHex?: boolean;
+  children?: React.ReactNode;
+  className?: string;
+  defaultValue: RawParam;
+  isDisabled?: boolean;
+  isError?: boolean;
+  label?: React.ReactNode;
+  length?: number;
+  name?: string;
+  onChange?: RawParamOnChange;
+  onEnter?: RawParamOnEnter;
+  onEscape?: RawParamOnEscape;
+  size?: Size;
+  type: TypeDef & { withOptionActive?: boolean };
+  validate?: (u8a: Uint8Array) => boolean;
+  withCopy?: boolean;
+  withLabel?: boolean;
+  withLength?: boolean;
+}
+
+interface Validity {
+  isAddress: boolean;
+  isValid: boolean;
+  lastValue?: Uint8Array;
+}
+
+const defaultValidate = (): boolean =>
+  true;
+
+function convertInput (value: string): [boolean, boolean, Uint8Array] {
+  if (value === '0x') {
+    return [true, false, new Uint8Array([])];
+  } else if (value.startsWith('0x')) {
+    try {
+      return [true, false, hexToU8a(value)];
+    } catch (error) {
+      return [false, false, new Uint8Array([])];
+    }
+  }
+
+  // maybe it is an ss58?
+  try {
+    return [true, true, decodeAddress(value)];
+  } catch (error) {
+    // we continue
+  }
+
+  return isAscii(value)
+    ? [true, false, stringToU8a(value)]
+    : [value === '0x', false, new Uint8Array([])];
+}
+
+function BaseBytes ({ asHex, children, className = '', defaultValue: { value }, isDisabled, isError, label, length = -1, onChange, onEnter, onEscape, size = 'full', validate = defaultValidate, withCopy, withLabel, withLength }: Props): React.ReactElement<Props> {
+  const { t } = useTranslation();
+  const [defaultValue] = useState(
+    value
+      ? isDisabled && isU8a(value) && isAscii(value)
+        ? u8aToString(value)
+        : isHex(value)
+          ? value
+          : u8aToHex(value as Uint8Array)
+      : undefined
+  );
+  const [{ isAddress, isValid, lastValue }, setValidity] = useState<Validity>(() => ({
+    isAddress: false,
+    isValid: isHex(defaultValue)
+  }));
+
+  const _onChange = useCallback(
+    (hex: string): void => {
+      let [isValid, isAddress, value] = convertInput(hex);
+
+      isValid = isValid && validate(value) && (
+        length !== -1
+          ? value.length === length
+          : (value.length !== 0 || hex === '0x')
+      );
+
+      if (withLength && isValid) {
+        value = compactAddLength(value);
+      }
+
+      onChange && onChange({
+        isValid,
+        value: asHex
+          ? u8aToHex(value)
+          : value
+      });
+
+      setValidity({ isAddress, isValid, lastValue: value });
+    },
+    [asHex, length, onChange, validate, withLength]
+  );
+
+  return (
+    <Bare className={className}>
+      <Input
+        className={size}
+        defaultValue={defaultValue as string}
+        isAction={!!children}
+        isDisabled={isDisabled}
+        isError={isError || !isValid}
+        label={label}
+        onChange={_onChange}
+        onEnter={onEnter}
+        onEscape={onEscape}
+        placeholder={t<string>('0x prefixed hex, e.g. 0x1234 or ascii data')}
+        type='text'
+        withEllipsis
+        withLabel={withLabel}
+      >
+        {children}
+        {withCopy && (
+          <CopyButton value={defaultValue} />
+        )}
+        {isAddress && (
+          <IdentityIcon
+            className='ui--InputAddressSimpleIcon'
+            size={32}
+            value={lastValue}
+          />
+        )}
+      </Input>
+    </Bare>
+  );
+}
+
+export default React.memo(styled(BaseBytes)`
+  .ui--InputAddressSimpleIcon {
+    background: #eee;
+    border: 1px solid #888;
+    border-radius: 50%;
+    left: -16px;
+    position: absolute;
+    top: 8px;
+  }
+`);
diff --git a/packages/react-params/src/Param/Bool.tsx b/packages/react-params/src/Param/Bool.tsx
new file mode 100644
index 0000000..2956aa5
--- /dev/null
+++ b/packages/react-params/src/Param/Bool.tsx
@@ -0,0 +1,55 @@
+// Copyright 2017-2022 @polkadot/react-params authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { Props } from '../types';
+
+import React, { useCallback, useRef, useState } from 'react';
+
+import { Dropdown } from '@polkadot/react-components';
+import { isBoolean } from '@polkadot/util';
+
+import { useTranslation } from '../translate';
+import Bare from './Bare';
+
+function BoolParam ({ className = '', defaultValue: { value }, isDisabled, isError, label, onChange, withLabel }: Props): React.ReactElement<Props> {
+  const { t } = useTranslation();
+  const [defaultValue] = useState(
+    value instanceof Boolean
+      ? value.valueOf()
+      : isBoolean(value)
+        ? value
+        : false
+  );
+
+  const options = useRef([
+    { text: t<string>('No'), value: false },
+    { text: t<string>('Yes'), value: true }
+  ]);
+
+  const _onChange = useCallback(
+    (value: boolean) =>
+      onChange && onChange({
+        isValid: true,
+        value
+      }),
+    [onChange]
+  );
+
+  return (
+    <Bare className={className}>
+      <Dropdown
+        className='full'
+        defaultValue={defaultValue}
+        isDisabled={isDisabled}
+        isError={isError}
+        label={label}
+        onChange={_onChange}
+        options={options.current}
+        withEllipsis
+        withLabel={withLabel}
+      />
+    </Bare>
+  );
+}
+
+export default React.memo(BoolParam);
diff --git a/packages/react-params/src/Param/Bytes.tsx b/packages/react-params/src/Param/Bytes.tsx
new file mode 100644
index 0000000..464d5f7
--- /dev/null
+++ b/packages/react-params/src/Param/Bytes.tsx
@@ -0,0 +1,78 @@
+// Copyright 2017-2022 @polkadot/react-params authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { Props } from '../types';
+
+import React, { useCallback, useState } from 'react';
+import styled from 'styled-components';
+
+import { Toggle } from '@polkadot/react-components';
+import { compactAddLength } from '@polkadot/util';
+
+import { useTranslation } from '../translate';
+import BaseBytes from './BaseBytes';
+import File from './File';
+
+function Bytes ({ className = '', defaultValue, isDisabled, isError, label, name, onChange, onEnter, onEscape, type, withLabel }: Props): React.ReactElement<Props> {
+  const { t } = useTranslation();
+  const [isValid, setIsValid] = useState(false);
+  const [isFileDrop, setFileInput] = useState(false);
+
+  const _onChangeFile = useCallback(
+    (value: Uint8Array): void => {
+      const isValid = value.length !== 0;
+
+      onChange && onChange({
+        isValid,
+        value: compactAddLength(value)
+      });
+
+      setIsValid(isValid);
+    },
+    [onChange]
+  );
+
+  return (
+    <div className={className}>
+      {!isDisabled && isFileDrop
+        ? (
+          <File
+            isDisabled={isDisabled}
+            isError={isError || !isValid}
+            label={label}
+            onChange={_onChangeFile}
+            withLabel={withLabel}
+          />
+        )
+        : (
+          <BaseBytes
+            defaultValue={defaultValue}
+            isDisabled={isDisabled}
+            isError={isError}
+            label={label}
+            length={-1}
+            name={name}
+            onChange={onChange}
+            onEnter={onEnter}
+            onEscape={onEscape}
+            type={type}
+            withLabel={withLabel}
+            withLength
+          />
+        )
+      }
+      {!isDisabled && (
+        <Toggle
+          isOverlay
+          label={t<string>('file upload')}
+          onChange={setFileInput}
+          value={isFileDrop}
+        />
+      )}
+    </div>
+  );
+}
+
+export default React.memo(styled(Bytes)`
+  position: relative;
+`);
diff --git a/packages/react-params/src/Param/Call.tsx b/packages/react-params/src/Param/Call.tsx
new file mode 100644
index 0000000..51a1879
--- /dev/null
+++ b/packages/react-params/src/Param/Call.tsx
@@ -0,0 +1,40 @@
+// Copyright 2017-2022 @polkadot/react-params authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { Extrinsic } from '@polkadot/types/interfaces';
+import type { Props } from '../types';
+
+import React from 'react';
+
+import { Call, Static } from '@polkadot/react-components';
+
+import Bare from './Bare';
+import Unknown from './Unknown';
+
+function CallDisplay (props: Props): React.ReactElement<Props> {
+  const { className = '', defaultValue: { value }, isDisabled, label, withLabel } = props;
+
+  if (!isDisabled) {
+    return (
+      <Unknown {...props} />
+    );
+  }
+
+  const call = value as Extrinsic;
+  const { method, section } = call.registry.findMetaCall(call.callIndex);
+
+  return (
+    <Bare>
+      <Static
+        className={`${className} full`}
+        label={label}
+        withLabel={withLabel}
+      >
+        {section}.{method}
+      </Static>
+      <Call value={call} />
+    </Bare>
+  );
+}
+
+export default React.memo(CallDisplay);
diff --git a/packages/react-params/src/Param/Code.tsx b/packages/react-params/src/Param/Code.tsx
new file mode 100644
index 0000000..07ab860
--- /dev/null
+++ b/packages/react-params/src/Param/Code.tsx
@@ -0,0 +1,53 @@
+// Copyright 2017-2022 @polkadot/react-params authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { Props } from '../types';
+
+import React, { useCallback, useState } from 'react';
+
+import { isWasm } from '@polkadot/util';
+
+import Bytes from './Bytes';
+import BytesFile from './File';
+
+function Code ({ className = '', defaultValue, isDisabled, isError, label, onChange, onEnter, onEscape, type, withLabel }: Props): React.ReactElement<Props> {
+  const [isValid, setIsValid] = useState(false);
+
+  const _onChange = useCallback(
+    (value: Uint8Array): void => {
+      const isValid = isWasm(value);
+
+      onChange && onChange({ isValid, value });
+      setIsValid(isValid);
+    },
+    [onChange]
+  );
+
+  if (isDisabled) {
+    return (
+      <Bytes
+        className={className}
+        defaultValue={defaultValue}
+        isError={isError || !isValid}
+        label={label}
+        onEnter={onEnter}
+        onEscape={onEscape}
+        type={type}
+        withLabel={withLabel}
+      />
+    );
+  }
+
+  return (
+    <BytesFile
+      className={className}
+      defaultValue={defaultValue}
+      isError={isError || !isValid}
+      label={label}
+      onChange={_onChange}
+      withLabel={withLabel}
+    />
+  );
+}
+
+export default React.memo(Code);
diff --git a/packages/react-params/src/Param/DispatchError.tsx b/packages/react-params/src/Param/DispatchError.tsx
new file mode 100644
index 0000000..bbb6931
--- /dev/null
+++ b/packages/react-params/src/Param/DispatchError.tsx
@@ -0,0 +1,92 @@
+// Copyright 2017-2022 @polkadot/react-params authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { DispatchError } from '@polkadot/types/interfaces';
+import type { Props as BaseProps } from '../types';
+
+import React, { useEffect, useState } from 'react';
+import styled from 'styled-components';
+
+import { Input } from '@polkadot/react-components';
+
+import { useTranslation } from '../translate';
+import Static from './Static';
+import Unknown from './Unknown';
+
+interface Details {
+  details?: string | null;
+  type?: string;
+}
+
+interface Props extends BaseProps {
+  childrenPre?: React.ReactNode;
+}
+
+function isDispatchError (value?: unknown): value is DispatchError {
+  return !!(value && (
+    (value as DispatchError).isModule ||
+    (value as DispatchError).isToken
+  ));
+}
+
+function ErrorDisplay (props: Props): React.ReactElement<Props> {
+  const { t } = useTranslation();
+  const [{ details, type }, setDetails] = useState<Details>({});
+
+  useEffect((): void => {
+    const { value } = props.defaultValue || {};
+
+    if (isDispatchError(value)) {
+      if (value.isModule) {
+        try {
+          const mod = value.asModule;
+          const { docs, name, section } = mod.registry.findMetaError(mod);
+
+          return setDetails({
+            details: docs.join(', '),
+            type: `${section}.${name}`
+          });
+        } catch (error) {
+          // Errors may not actually be exposed, in this case, just return the default representation
+          console.error(error);
+        }
+      } else if (value.isToken) {
+        return setDetails({
+          details: value.asToken.type,
+          type: value.type
+        });
+      }
+    }
+
+    setDetails({ details: null });
+  }, [props.defaultValue]);
+
+  if (!props.isDisabled || !details) {
+    return <Unknown {...props} />;
+  }
+
+  return (
+    <Static {...props}>
+      <Input
+        className='full'
+        isDisabled
+        label={t<string>('type')}
+        value={type}
+      />
+      {details && (
+        <Input
+          className='full'
+          isDisabled
+          label={t<string>('details')}
+          value={details}
+        />
+      )}
+    </Static>
+  );
+}
+
+export default React.memo(styled(ErrorDisplay)`
+  // .ui--Labelled-content {
+  //   background: rgba(196, 0, 0, 0.1);
+  // }
+`);
diff --git a/packages/react-params/src/Param/DispatchResult.tsx b/packages/react-params/src/Param/DispatchResult.tsx
new file mode 100644
index 0000000..1c77da3
--- /dev/null
+++ b/packages/react-params/src/Param/DispatchResult.tsx
@@ -0,0 +1,56 @@
+// Copyright 2017-2022 @polkadot/react-params authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { DispatchResult } from '@polkadot/types/interfaces';
+import type { Props } from '../types';
+
+import React, { useMemo } from 'react';
+
+import { Input } from '@polkadot/react-components';
+
+import DispatchError from './DispatchError';
+import Static from './Static';
+import Unknown from './Unknown';
+
+function isDispatchResultErr (value?: unknown): value is DispatchResult {
+  return !!(value && (value as DispatchResult).isErr);
+}
+
+function DispatchResultDisplay (props: Props): React.ReactElement<Props> {
+  const { defaultValue, isDisabled, label } = props;
+  const dispatchError = useMemo(
+    () => defaultValue && isDispatchResultErr(defaultValue.value)
+      ? { isValid: true, value: defaultValue.value.asErr }
+      : null,
+    [defaultValue]
+  );
+
+  if (!isDisabled) {
+    return <Unknown {...props} />;
+  } else if (!dispatchError) {
+    return (
+      <Static
+        {...props}
+        defaultValue={{ isValid: true, value: 'Ok' }}
+      />
+    );
+  }
+
+  return (
+    <DispatchError
+      {...props}
+      childrenPre={
+        <Input
+          className='full'
+          isDisabled
+          label={label}
+          value='Err'
+        />
+      }
+      defaultValue={dispatchError}
+      label='DispatchError'
+    />
+  );
+}
+
+export default React.memo(DispatchResultDisplay);
diff --git a/packages/react-params/src/Param/Enum.tsx b/packages/react-params/src/Param/Enum.tsx
new file mode 100644
index 0000000..0191c41
--- /dev/null
+++ b/packages/react-params/src/Param/Enum.tsx
@@ -0,0 +1,131 @@
+// Copyright 2017-2022 @polkadot/react-params authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { Registry, TypeDef } from '@polkadot/types/types';
+import type { ParamDef, Props, RawParam } from '../types';
+
+import React, { useCallback, useState } from 'react';
+
+import { Dropdown } from '@polkadot/react-components';
+import { Enum, getTypeDef } from '@polkadot/types';
+
+import Params from '../';
+import Bare from './Bare';
+import Static from './Static';
+
+interface Option {
+  text?: string;
+  value?: string;
+}
+
+interface Options {
+  options: Option[];
+  subTypes: TypeDef[];
+}
+
+interface Initial {
+  initialEnum: string | null;
+  initialValues: RawParam[] | undefined;
+}
+
+function getSubTypes (registry: Registry, type: TypeDef): TypeDef[] {
+  const rawType = registry.createType(type.type as 'u32').toRawType();
+
+  return getTypeDef(rawType).sub as TypeDef[];
+}
+
+function getOptions (registry: Registry, type: TypeDef): Options {
+  const subTypes = getSubTypes(registry, type).filter(({ name }) => !!name && !name.startsWith('__Unused'));
+
+  return {
+    options: subTypes.map(({ name }): Option => ({
+      text: name,
+      value: name
+    })),
+    subTypes
+  };
+}
+
+function getInitial (defaultValue: RawParam): Initial {
+  return {
+    initialEnum: defaultValue && defaultValue.value
+      ? defaultValue.value instanceof Enum
+        ? defaultValue.value.type
+        : Object.keys(defaultValue.value as Record<string, unknown>)[0]
+      : null,
+    initialValues: defaultValue && defaultValue.value
+      ? defaultValue.value instanceof Enum
+        ? [{ isValid: true, value: defaultValue.value.inner }]
+        : undefined
+      : undefined
+  };
+}
+
+function getCurrent (registry: Registry, type: TypeDef, defaultValue: RawParam, subTypes: TypeDef[]): ParamDef[] | null {
+  const subs = getSubTypes(registry, type);
+
+  return defaultValue.value instanceof Enum
+    ? [{ name: defaultValue.value.type, type: subs[defaultValue.value.index] }]
+    : [{ name: subTypes[0].name, type: subTypes[0] }];
+}
+
+function EnumParam (props: Props): React.ReactElement<Props> {
+  const { className = '', defaultValue, isDisabled, isError, label, onChange, overrides, registry, type, withLabel } = props;
+  const [{ options, subTypes }] = useState<Options>(() => getOptions(registry, type));
+  const [current, setCurrent] = useState<ParamDef[] | null>(() => getCurrent(registry, type, defaultValue, subTypes));
+  const [{ initialEnum, initialValues }] = useState<Initial>(() => getInitial(defaultValue));
+
+  const _onChange = useCallback(
+    (value: string): void => {
+      const newType = subTypes.find(({ name }) => name === value) || null;
+
+      setCurrent(
+        newType
+          ? [{ name: newType.name, type: newType }]
+          : null
+      );
+    },
+    [subTypes]
+  );
+
+  const _onChangeParam = useCallback(
+    ([{ isValid, value }]: RawParam[]): void => {
+      current && onChange && onChange({
+        isValid,
+        value: { [current[0].name as string]: value }
+      });
+    },
+    [current, onChange]
+  );
+
+  if (isDisabled) {
+    return <Static {...props} />;
+  }
+
+  return (
+    <Bare className={className}>
+      <Dropdown
+        className='full'
+        defaultValue={initialEnum}
+        isDisabled={isDisabled}
+        isError={isError}
+        label={label}
+        onChange={_onChange}
+        options={options}
+        withEllipsis
+        withLabel={withLabel}
+      />
+      {current && (
+        <Params
+          onChange={_onChangeParam}
+          overrides={overrides}
+          params={current}
+          registry={registry}
+          values={initialValues}
+        />
+      )}
+    </Bare>
+  );
+}
+
+export default React.memo(EnumParam);
diff --git a/packages/react-params/src/Param/File.tsx b/packages/react-params/src/Param/File.tsx
new file mode 100644
index 0000000..0c8a2c2
--- /dev/null
+++ b/packages/react-params/src/Param/File.tsx
@@ -0,0 +1,37 @@
+// Copyright 2017-2022 @polkadot/react-params authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import React from 'react';
+
+import { InputFile } from '@polkadot/react-components';
+
+import Bare from './Bare';
+
+interface Props {
+  className?: string;
+  defaultValue?: any;
+  isDisabled?: boolean;
+  isError?: boolean;
+  label?: React.ReactNode;
+  onChange?: (contents: Uint8Array) => void;
+  placeholder?: string;
+  withLabel?: boolean;
+}
+
+function File ({ className = '', isDisabled, isError = false, label, onChange, placeholder, withLabel }: Props): React.ReactElement<Props> {
+  return (
+    <Bare className={className}>
+      <InputFile
+        isDisabled={isDisabled}
+        isError={isError}
+        label={label}
+        onChange={onChange}
+        placeholder={placeholder}
+        withEllipsis
+        withLabel={withLabel}
+      />
+    </Bare>
+  );
+}
+
+export default React.memo(File);
diff --git a/packages/react-params/src/Param/Hash160.tsx b/packages/react-params/src/Param/Hash160.tsx
new file mode 100644
index 0000000..9c856cd
--- /dev/null
+++ b/packages/react-params/src/Param/Hash160.tsx
@@ -0,0 +1,31 @@
+// Copyright 2017-2022 @polkadot/react-params authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { Props } from '../types';
+
+import React from 'react';
+
+import BaseBytes from './BaseBytes';
+
+function Hash160 ({ className = '', defaultValue, isDisabled, isError, label, name, onChange, onEnter, onEscape, type, withLabel }: Props): React.ReactElement<Props> {
+  return (
+    <BaseBytes
+      asHex
+      className={className}
+      defaultValue={defaultValue}
+      isDisabled={isDisabled}
+      isError={isError}
+      label={label}
+      length={20}
+      name={name}
+      onChange={onChange}
+      onEnter={onEnter}
+      onEscape={onEscape}
+      type={type}
+      withCopy={isDisabled}
+      withLabel={withLabel}
+    />
+  );
+}
+
+export default React.memo(Hash160);
diff --git a/packages/react-params/src/Param/Hash256.tsx b/packages/react-params/src/Param/Hash256.tsx
new file mode 100644
index 0000000..bf1043c
--- /dev/null
+++ b/packages/react-params/src/Param/Hash256.tsx
@@ -0,0 +1,83 @@
+// Copyright 2017-2022 @polkadot/react-params authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { Props } from '../types';
+
+import React, { useCallback, useState } from 'react';
+
+import { Toggle } from '@polkadot/react-components';
+import { u8aToHex } from '@polkadot/util';
+
+import { useTranslation } from '../translate';
+import BaseBytes from './BaseBytes';
+import File from './File';
+
+function Hash256 ({ className = '', defaultValue, isDisabled, isError, isInOption, label, name, onChange, onEnter, onEscape, registry, type, withLabel }: Props): React.ReactElement<Props> {
+  const { t } = useTranslation();
+  const [isFileDrop, setFileInput] = useState(false);
+  const [placeholder, setPlaceholder] = useState<string | null>(null);
+
+  const _onChangeFile = useCallback(
+    (u8a: Uint8Array): void => {
+      const value = registry.hash(u8a);
+
+      setPlaceholder(u8aToHex(value));
+      onChange && onChange({
+        isValid: true,
+        value
+      });
+    },
+    [onChange, registry]
+  );
+
+  const _setFileInput = useCallback(
+    (value: boolean): void => {
+      setPlaceholder(null);
+      setFileInput(value);
+    },
+    [setFileInput, setPlaceholder]
+  );
+
+  return (
+    <div className={className}>
+      {!isDisabled && isFileDrop
+        ? (
+          <File
+            isDisabled={isDisabled}
+            isError={isError}
+            label={label}
+            onChange={_onChangeFile}
+            placeholder={placeholder || undefined}
+            withLabel={withLabel}
+          />
+        )
+        : (
+          <BaseBytes
+            asHex
+            defaultValue={defaultValue}
+            isDisabled={isDisabled}
+            isError={isError}
+            label={label}
+            length={32}
+            name={name}
+            onChange={onChange}
+            onEnter={onEnter}
+            onEscape={onEscape}
+            type={type}
+            withCopy={isDisabled}
+            withLabel={withLabel}
+          />
+        )}
+      {!isDisabled && !isInOption && (
+        <Toggle
+          isOverlay
+          label={t<string>('hash a file')}
+          onChange={_setFileInput}
+          value={isFileDrop}
+        />
+      )}
+    </div>
+  );
+}
+
+export default React.memo(Hash256);
diff --git a/packages/react-params/src/Param/Hash512.tsx b/packages/react-params/src/Param/Hash512.tsx
new file mode 100644
index 0000000..de4a165
--- /dev/null
+++ b/packages/react-params/src/Param/Hash512.tsx
@@ -0,0 +1,31 @@
+// Copyright 2017-2022 @polkadot/react-params authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { Props } from '../types';
+
+import React from 'react';
+
+import BaseBytes from './BaseBytes';
+
+function Hash512 ({ className = '', defaultValue, isDisabled, isError, label, name, onChange, onEnter, onEscape, type, withLabel }: Props): React.ReactElement<Props> {
+  return (
+    <BaseBytes
+      asHex
+      className={className}
+      defaultValue={defaultValue}
+      isDisabled={isDisabled}
+      isError={isError}
+      label={label}
+      length={64}
+      name={name}
+      onChange={onChange}
+      onEnter={onEnter}
+      onEscape={onEscape}
+      type={type}
+      withCopy={isDisabled}
+      withLabel={withLabel}
+    />
+  );
+}
+
+export default React.memo(Hash512);
diff --git a/packages/react-params/src/Param/KeyValue.tsx b/packages/react-params/src/Param/KeyValue.tsx
new file mode 100644
index 0000000..abb59ee
--- /dev/null
+++ b/packages/react-params/src/Param/KeyValue.tsx
@@ -0,0 +1,90 @@
+// Copyright 2017-2022 @polkadot/react-params authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { Props } from '../types';
+
+import React, { useCallback, useEffect, useState } from 'react';
+
+import { Input } from '@polkadot/react-components';
+import { compactAddLength, hexToU8a, u8aConcat } from '@polkadot/util';
+
+import Bare from './Bare';
+
+interface StateParam {
+  isValid: boolean;
+  u8a: Uint8Array;
+}
+
+// eslint-disable-next-line @typescript-eslint/ban-types
+export function createParam (hex: string | String, ignoreLength = false): StateParam {
+  let u8a;
+  let isValid = false;
+
+  try {
+    u8a = hexToU8a(hex.toString());
+
+    isValid = ignoreLength || u8a.length !== 0;
+  } catch (error) {
+    u8a = new Uint8Array([]);
+  }
+
+  return {
+    isValid,
+    u8a: compactAddLength(u8a)
+  };
+}
+
+function KeyValue ({ className = '', isDisabled, label, onChange, onEnter, withLabel }: Props): React.ReactElement<Props> {
+  const [, setIsValid] = useState(false);
+  const [key, setKey] = useState<StateParam>(() => ({ isValid: false, u8a: new Uint8Array([]) }));
+  const [value, setValue] = useState<StateParam>(() => ({ isValid: false, u8a: new Uint8Array([]) }));
+
+  useEffect((): void => {
+    const isValid = key.isValid && value.isValid;
+
+    onChange && onChange({
+      isValid,
+      value: u8aConcat(
+        key.u8a,
+        value.u8a
+      )
+    });
+    setIsValid(isValid);
+  }, [key, onChange, value]);
+
+  const _onChangeKey = useCallback(
+    (key: string): void => setKey(createParam(key)),
+    []
+  );
+  const _onChangeValue = useCallback(
+    (value: string): void => setValue(createParam(value, true)),
+    []
+  );
+
+  return (
+    <Bare className={className}>
+      <Input
+        className='medium'
+        isDisabled={isDisabled}
+        isError={!key.isValid}
+        label={label}
+        onChange={_onChangeKey}
+        placeholder='0x...'
+        type='text'
+        withLabel={withLabel}
+      />
+      <Input
+        className='medium'
+        isDisabled={isDisabled}
+        isError={!value.isValid}
+        onChange={_onChangeValue}
+        onEnter={onEnter}
+        placeholder='0x...'
+        type='text'
+        withLabel={withLabel}
+      />
+    </Bare>
+  );
+}
+
+export default React.memo(KeyValue);
diff --git a/packages/react-params/src/Param/KeyValueArray.tsx b/packages/react-params/src/Param/KeyValueArray.tsx
new file mode 100644
index 0000000..db113d5
--- /dev/null
+++ b/packages/react-params/src/Param/KeyValueArray.tsx
@@ -0,0 +1,126 @@
+// Copyright 2017-2022 @polkadot/react-params authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { Vec } from '@polkadot/types';
+import type { KeyValue as Pair } from '@polkadot/types/interfaces';
+import type { Props, RawParam } from '../types';
+
+import React, { useCallback, useState } from 'react';
+
+import { assert, isHex, u8aToHex, u8aToString } from '@polkadot/util';
+
+import { useTranslation } from '../translate';
+import Base from './Base';
+import Bytes from './Bytes';
+import File from './File';
+import { createParam } from './KeyValue';
+
+interface Parsed {
+  isValid: boolean;
+  value: [Uint8Array, Uint8Array][];
+}
+
+const BYTES_TYPE = {
+  info: 0,
+  type: 'Bytes'
+};
+
+const EMPTY_PLACEHOLDER = 'click to select or drag and drop JSON key/value (hex-encoded) file';
+
+function parseFile (raw: Uint8Array): Parsed {
+  const json = JSON.parse(u8aToString(raw)) as Record<string, string>;
+  const keys = Object.keys(json);
+  let isValid = keys.length !== 0;
+  const value = keys.map((key): [Uint8Array, Uint8Array] => {
+    const value = json[key];
+
+    assert(isHex(key) && isHex(value), `Non-hex key/value pair found in ${key.toString()} => ${value.toString()}`);
+
+    const encKey = createParam(key);
+    const encValue = createParam(value, true);
+
+    isValid = isValid && encKey.isValid && encValue.isValid;
+
+    return [encKey.u8a, encValue.u8a];
+  });
+
+  return {
+    isValid,
+    value
+  };
+}
+
+function KeyValueArray ({ className = '', defaultValue, isDisabled, isError, label, onChange, onEnter, onEscape, withLabel }: Props): React.ReactElement<Props> {
+  const { t } = useTranslation();
+  const [placeholder, setPlaceholder] = useState<string>(t(EMPTY_PLACEHOLDER));
+
+  const _onChange = useCallback(
+    (raw: Uint8Array): void => {
+      let encoded: Parsed = { isValid: false, value: [] };
+
+      try {
+        encoded = parseFile(raw);
+
+        setPlaceholder(t('{{count}} key/value pairs encoded for submission', {
+          replace: {
+            count: encoded.value.length
+          }
+        }));
+      } catch (error) {
+        console.error('Error converting json k/v', error);
+
+        setPlaceholder(t(EMPTY_PLACEHOLDER));
+      }
+
+      onChange && onChange(encoded);
+    },
+    [onChange, t]
+  );
+
+  if (isDisabled) {
+    const pairs = defaultValue.value as Vec<Pair>;
+
+    return (
+      <>
+        <Base
+          className={className}
+          label={label}
+        >
+          <div />
+        </Base>
+        <div className='ui--Params'>
+          {pairs.map(([key, value]): React.ReactNode => {
+            const keyHex = u8aToHex(key.toU8a(true));
+
+            return (
+              <Bytes
+                defaultValue={{ value } as unknown as RawParam}
+                isDisabled
+                key={keyHex}
+                label={keyHex}
+                name={keyHex}
+                onEnter={onEnter}
+                onEscape={onEscape}
+                type={BYTES_TYPE}
+              />
+            );
+          })}
+        </div>
+      </>
+    );
+  }
+
+  return (
+    <File
+      className={className}
+      isDisabled={isDisabled}
+      isError={isError}
+      label={label}
+      onChange={_onChange}
+      placeholder={placeholder}
+      withLabel={withLabel}
+    />
+  );
+}
+
+export default React.memo(KeyValueArray);
diff --git a/packages/react-params/src/Param/Moment.tsx b/packages/react-params/src/Param/Moment.tsx
new file mode 100644
index 0000000..31992a3
--- /dev/null
+++ b/packages/react-params/src/Param/Moment.tsx
@@ -0,0 +1,52 @@
+// Copyright 2017-2022 @polkadot/react-params authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { Props, RawParamOnChangeValue } from '../types';
+
+import React, { useCallback } from 'react';
+
+import { Static } from '@polkadot/react-components';
+
+import Amount from './Amount';
+
+function Moment ({ className = '', defaultValue, isDisabled, isError, label, onChange, onEnter, onEscape, registry, type, withLabel }: Props): React.ReactElement<Props> {
+  const _onChange = useCallback(
+    (value: RawParamOnChangeValue) =>
+      onChange && onChange(value),
+    [onChange]
+  );
+
+  if (isDisabled) {
+    return (
+      <Static
+        className={className}
+        defaultValue={
+          (defaultValue && defaultValue.value)
+            ? (defaultValue.value as string).toString()
+            : ''
+        }
+        isError={isError}
+        label={label}
+        withLabel={withLabel}
+      />
+    );
+  }
+
+  return (
+    <Amount
+      className={className}
+      defaultValue={defaultValue}
+      isDisabled={isDisabled}
+      isError={isError}
+      label={label}
+      onChange={_onChange}
+      onEnter={onEnter}
+      onEscape={onEscape}
+      registry={registry}
+      type={type}
+      withLabel={withLabel}
+    />
+  );
+}
+
+export default React.memo(Moment);
diff --git a/packages/react-params/src/Param/Null.tsx b/packages/react-params/src/Param/Null.tsx
new file mode 100644
index 0000000..fffb643
--- /dev/null
+++ b/packages/react-params/src/Param/Null.tsx
@@ -0,0 +1,19 @@
+// Copyright 2017-2022 @polkadot/react-params authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { Props } from '../types';
+
+import React, { useEffect } from 'react';
+
+function Null ({ onChange }: Props): React.ReactElement<Props> | null {
+  useEffect((): void => {
+    onChange && onChange({
+      isValid: true,
+      value: null
+    });
+  }, [onChange]);
+
+  return null;
+}
+
+export default React.memo(Null);
diff --git a/packages/react-params/src/Param/OpaqueCall.tsx b/packages/react-params/src/Param/OpaqueCall.tsx
new file mode 100644
index 0000000..4ac084e
--- /dev/null
+++ b/packages/react-params/src/Param/OpaqueCall.tsx
@@ -0,0 +1,29 @@
+// Copyright 2017-2022 @polkadot/react-params authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { Bytes } from '@polkadot/types';
+import type { Props } from '../types';
+
+import React from 'react';
+
+import CallDisplay from './Call';
+import Unknown from './Unknown';
+
+function OpaqueCall (props: Props): React.ReactElement<Props> {
+  if (!props.isDisabled) {
+    return (
+      <Unknown {...props} />
+    );
+  }
+
+  const value = props.registry.createType('Call', (props.defaultValue.value as Bytes).toHex());
+
+  return (
+    <CallDisplay
+      {...props}
+      defaultValue={{ isValid: true, value }}
+    />
+  );
+}
+
+export default React.memo(OpaqueCall);
diff --git a/packages/react-params/src/Param/Option.tsx b/packages/react-params/src/Param/Option.tsx
new file mode 100644
index 0000000..6393a8c
--- /dev/null
+++ b/packages/react-params/src/Param/Option.tsx
@@ -0,0 +1,64 @@
+// Copyright 2017-2022 @polkadot/react-params authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { TypeDef } from '@polkadot/types/types';
+import type { Props } from '../types';
+
+import React, { useEffect, useMemo, useState } from 'react';
+import styled from 'styled-components';
+
+import { Toggle } from '@polkadot/react-components';
+import { Option } from '@polkadot/types';
+
+import { useTranslation } from '../translate';
+import Param from './index';
+
+function OptionDisplay ({ className = '', defaultValue: _defaultValue, isDisabled, name, onChange, onEnter, onEscape, registry, type: { sub, withOptionActive } }: Props): React.ReactElement<Props> {
+  const { t } = useTranslation();
+  const [isActive, setIsActive] = useState(withOptionActive || false);
+
+  const defaultValue = useMemo(
+    () => isDisabled
+      ? _defaultValue && _defaultValue.value instanceof Option && _defaultValue.value.isSome
+        ? { isValid: _defaultValue.isValid, value: _defaultValue.value.unwrap() }
+        : { isValid: _defaultValue.isValid, value: undefined }
+      : _defaultValue,
+    [_defaultValue, isDisabled]
+  );
+
+  useEffect((): void => {
+    !isActive && onChange && onChange({
+      isValid: true,
+      value: null
+    });
+  }, [isActive, onChange]);
+
+  return (
+    <div className={className}>
+      <Param
+        defaultValue={defaultValue}
+        isDisabled={isDisabled || !isActive}
+        isInOption
+        isOptional={!isActive && !isDisabled}
+        name={name}
+        onChange={onChange}
+        onEnter={onEnter}
+        onEscape={onEscape}
+        registry={registry}
+        type={sub as TypeDef}
+      />
+      {!isDisabled && (
+        <Toggle
+          isOverlay
+          label={t<string>('include option')}
+          onChange={setIsActive}
+          value={isActive}
+        />
+      )}
+    </div>
+  );
+}
+
+export default React.memo(styled(OptionDisplay)`
+  position: relative;
+`);
diff --git a/packages/react-params/src/Param/Raw.tsx b/packages/react-params/src/Param/Raw.tsx
new file mode 100644
index 0000000..9f42a93
--- /dev/null
+++ b/packages/react-params/src/Param/Raw.tsx
@@ -0,0 +1,52 @@
+// Copyright 2017-2022 @polkadot/react-params authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { Codec } from '@polkadot/types/types';
+import type { Props } from '../types';
+
+import React, { useCallback, useState } from 'react';
+
+import { Input } from '@polkadot/react-components';
+
+import Bare from './Bare';
+
+function Raw ({ className = '', defaultValue: { value }, isDisabled, isError, label, onChange, onEnter, onEscape, withLabel }: Props): React.ReactElement<Props> {
+  const [isValid, setIsValid] = useState(false);
+
+  const _onChange = useCallback(
+    (value: string): void => {
+      const isValid = value.length !== 0;
+
+      onChange && onChange({
+        isValid,
+        value
+      });
+      setIsValid(isValid);
+    },
+    [onChange]
+  );
+
+  const defaultValue = value
+    ? ((value as { toHex?: () => unknown }).toHex ? (value as Codec).toHex() : value)
+    : '';
+
+  return (
+    <Bare className={className}>
+      <Input
+        className='full'
+        defaultValue={defaultValue as string}
+        isDisabled={isDisabled}
+        isError={isError || !isValid}
+        label={label}
+        onChange={_onChange}
+        onEnter={onEnter}
+        onEscape={onEscape}
+        placeholder='Hex data'
+        type='text'
+        withLabel={withLabel}
+      />
+    </Bare>
+  );
+}
+
+export default React.memo(Raw);
diff --git a/packages/react-params/src/Param/Static.tsx b/packages/react-params/src/Param/Static.tsx
new file mode 100644
index 0000000..1a96fbe
--- /dev/null
+++ b/packages/react-params/src/Param/Static.tsx
@@ -0,0 +1,61 @@
+// Copyright 2017-2022 @polkadot/react-params authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { Codec } from '@polkadot/types/types';
+import type { RawParam } from '../types';
+
+import React from 'react';
+import styled from 'styled-components';
+
+import { Static } from '@polkadot/react-components';
+
+import { useTranslation } from '../translate';
+import { toHumanJson } from '../valueToText';
+import Bare from './Bare';
+
+interface Props {
+  asHex?: boolean;
+  children?: React.ReactNode;
+  childrenPre?: React.ReactNode;
+  className?: string;
+  defaultValue: RawParam;
+  label?: React.ReactNode;
+  withLabel?: boolean;
+}
+
+function StaticParam ({ asHex, children, childrenPre, className = '', defaultValue, label }: Props): React.ReactElement<Props> {
+  const { t } = useTranslation();
+  const value = defaultValue && (defaultValue.value as string) && (
+    asHex
+      ? (defaultValue.value as Codec).toHex()
+      : toHumanJson(
+        (defaultValue.value as { toHuman?: () => unknown }).toHuman
+          ? (defaultValue.value as Codec).toHuman()
+          : defaultValue.value
+      )
+  );
+
+  return (
+    <Bare className={className}>
+      {childrenPre}
+      <Static
+        className='full'
+        label={label}
+        value={<pre>{value || t<string>('<empty>')}</pre>}
+      />
+      {children}
+    </Bare>
+  );
+}
+
+export default React.memo(styled(StaticParam)`
+  pre {
+    margin: 0;
+    overflow: hidden;
+    text-overflow: ellipsis;
+  }
+
+  .ui--Static {
+    margin-bottom: 0 !important;
+  }
+`);
diff --git a/packages/react-params/src/Param/Struct.tsx b/packages/react-params/src/Param/Struct.tsx
new file mode 100644
index 0000000..4528d1a
--- /dev/null
+++ b/packages/react-params/src/Param/Struct.tsx
@@ -0,0 +1,63 @@
+// Copyright 2017-2022 @polkadot/react-params authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { Props, RawParam } from '../types';
+
+import React, { useCallback, useState } from 'react';
+
+import { Struct } from '@polkadot/types';
+import { isCodec } from '@polkadot/util';
+
+import Params from '../';
+import Base from './Base';
+import Static from './Static';
+import useParamDefs from './useParamDefs';
+
+function extractValues ({ isValid, value }: RawParam): RawParam[] | undefined {
+  return (isValid && isCodec(value) && value instanceof Struct)
+    ? value.toArray().map((value) => ({ isValid: true, value }))
+    : undefined;
+}
+
+function StructParam (props: Props): React.ReactElement<Props> {
+  const params = useParamDefs(props.registry, props.type);
+  const { className = '', defaultValue, isDisabled, label, onChange, overrides, withLabel } = props;
+  const [values] = useState(() => extractValues(defaultValue));
+
+  const _onChangeParams = useCallback(
+    (values: RawParam[]): void => {
+      onChange && onChange({
+        isValid: values.reduce((result: boolean, { isValid }) => result && isValid, true),
+        value: params.reduce((value: Record<string, unknown>, { name }, index): Record<string, unknown> => {
+          value[name as string] = values[index].value;
+
+          return value;
+        }, {})
+      });
+    },
+    [params, onChange]
+  );
+
+  if (isDisabled) {
+    return <Static {...props} />;
+  }
+
+  return (
+    <div className='ui--Params-Struct'>
+      <Base
+        className={className}
+        label={label}
+        withLabel={withLabel}
+      />
+      <Params
+        onChange={_onChangeParams}
+        overrides={overrides}
+        params={params}
+        registry={props.registry}
+        values={values}
+      />
+    </div>
+  );
+}
+
+export default React.memo(StructParam);
diff --git a/packages/react-params/src/Param/Text.tsx b/packages/react-params/src/Param/Text.tsx
new file mode 100644
index 0000000..f9fc6c6
--- /dev/null
+++ b/packages/react-params/src/Param/Text.tsx
@@ -0,0 +1,49 @@
+// Copyright 2017-2022 @polkadot/react-params authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { Props } from '../types';
+
+import React, { useCallback, useState } from 'react';
+
+import { Input } from '@polkadot/react-components';
+
+import Bare from './Bare';
+
+function Text ({ className = '', defaultValue: { value }, isDisabled, isError, label, onChange, onEnter, onEscape, withLabel }: Props): React.ReactElement<Props> {
+  const [isValid, setIsValid] = useState(false);
+
+  const _onChange = useCallback(
+    (value: string): void => {
+      const isValid = value.length !== 0;
+
+      onChange && onChange({
+        isValid,
+        value
+      });
+      setIsValid(isValid);
+    },
+    [onChange]
+  );
+
+  const defaultValue = (value as string || '').toString();
+
+  return (
+    <Bare className={className}>
+      <Input
+        className='full'
+        defaultValue={defaultValue}
+        isDisabled={isDisabled}
+        isError={isError || !isValid}
+        label={label}
+        onChange={_onChange}
+        onEnter={onEnter}
+        onEscape={onEscape}
+        placeholder='<any string>'
+        type='text'
+        withLabel={withLabel}
+      />
+    </Bare>
+  );
+}
+
+export default React.memo(Text);
diff --git a/packages/react-params/src/Param/Tuple.tsx b/packages/react-params/src/Param/Tuple.tsx
new file mode 100644
index 0000000..787c315
--- /dev/null
+++ b/packages/react-params/src/Param/Tuple.tsx
@@ -0,0 +1,58 @@
+// Copyright 2017-2022 @polkadot/react-params authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { Props, RawParam } from '../types';
+
+import React, { useCallback, useState } from 'react';
+
+import { Tuple } from '@polkadot/types';
+
+import Params from '../';
+import Base from './Base';
+import Static from './Static';
+import useParamDefs from './useParamDefs';
+
+function getInitialValues ({ value }: RawParam): RawParam[] {
+  return value instanceof Tuple
+    ? value.map((value) => ({ isValid: true, value: value as unknown }))
+    : value as RawParam[];
+}
+
+function TupleDisplay (props: Props): React.ReactElement<Props> {
+  const params = useParamDefs(props.registry, props.type);
+  const { className = '', defaultValue, isDisabled, label, onChange, overrides, withLabel } = props;
+  const [values] = useState<RawParam[]>(() => getInitialValues(defaultValue));
+
+  const _onChangeParams = useCallback(
+    (values: RawParam[]): void => {
+      onChange && onChange({
+        isValid: values.reduce<boolean>((result, { isValid }) => result && isValid, true),
+        value: values.map(({ value }) => value)
+      });
+    },
+    [onChange]
+  );
+
+  if (isDisabled) {
+    return <Static {...props} />;
+  }
+
+  return (
+    <div className='ui--Params-Tuple'>
+      <Base
+        className={className}
+        label={label}
+        withLabel={withLabel}
+      />
+      <Params
+        onChange={_onChangeParams}
+        overrides={overrides}
+        params={params}
+        registry={props.registry}
+        values={values}
+      />
+    </div>
+  );
+}
+
+export default React.memo(TupleDisplay);
diff --git a/packages/react-params/src/Param/Unknown.tsx b/packages/react-params/src/Param/Unknown.tsx
new file mode 100644
index 0000000..e95183f
--- /dev/null
+++ b/packages/react-params/src/Param/Unknown.tsx
@@ -0,0 +1,41 @@
+// Copyright 2017-2022 @polkadot/react-params authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { Props as BaseProps } from '../types';
+
+import React from 'react';
+
+import BaseBytes from './BaseBytes';
+import Static from './Static';
+
+interface Props extends BaseProps {
+  children?: React.ReactNode;
+}
+
+function Unknown (props: Props): React.ReactElement<Props> {
+  const { className = '', defaultValue, isDisabled, isError, label, name, onChange, onEnter, onEscape, type } = props;
+
+  if (isDisabled) {
+    return <Static {...props} />;
+  }
+
+  return (
+    <BaseBytes
+      asHex
+      className={className}
+      defaultValue={defaultValue}
+      isDisabled={isDisabled}
+      isError={isError}
+      label={label}
+      length={-1}
+      name={name}
+      onChange={onChange}
+      onEnter={onEnter}
+      onEscape={onEscape}
+      type={type}
+      withLength={false}
+    />
+  );
+}
+
+export default React.memo(Unknown);
diff --git a/packages/react-params/src/Param/Vector.tsx b/packages/react-params/src/Param/Vector.tsx
new file mode 100644
index 0000000..fa8ca1f
--- /dev/null
+++ b/packages/react-params/src/Param/Vector.tsx
@@ -0,0 +1,132 @@
+// Copyright 2017-2022 @polkadot/react-params authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { ParamDef, Props, RawParam } from '../types';
+
+import React, { useCallback, useEffect, useState } from 'react';
+
+import { Button } from '@polkadot/react-components';
+import { isUndefined } from '@polkadot/util';
+
+import getInitValue from '../initValue';
+import { useTranslation } from '../translate';
+import Params from '../';
+import Base from './Base';
+import useParamDefs from './useParamDefs';
+
+function getParam ([{ name, type }]: ParamDef[], index: number): ParamDef {
+  return {
+    name: `${index}: ${name || type.type}`,
+    type
+  };
+}
+
+export function getParams (inputParams: ParamDef[], prev: ParamDef[], max: number): ParamDef[] {
+  if (prev.length === max) {
+    return prev;
+  }
+
+  const params: ParamDef[] = [];
+
+  for (let index = 0; index < max; index++) {
+    params.push(getParam(inputParams, index));
+  }
+
+  return params;
+}
+
+export function getValues ({ value }: RawParam): RawParam[] {
+  return Array.isArray(value)
+    ? value.map((value: RawParam) =>
+      isUndefined(value) || isUndefined(value.isValid)
+        ? { isValid: !isUndefined(value), value }
+        : value
+    )
+    : [];
+}
+
+function Vector ({ className = '', defaultValue, isDisabled = false, label, onChange, overrides, registry, type, withLabel }: Props): React.ReactElement<Props> | null {
+  const { t } = useTranslation();
+  const inputParams = useParamDefs(registry, type);
+  const [values, setValues] = useState<RawParam[]>(() => getValues(defaultValue));
+  const [count, setCount] = useState(() => values.length);
+  const [params, setParams] = useState<ParamDef[]>(() => getParams(inputParams, [], count));
+
+  // build up the list of parameters we are using
+  useEffect((): void => {
+    inputParams.length &&
+      setParams((prev) =>
+        getParams(inputParams, prev, isDisabled ? (defaultValue.value as RawParam[] || []).length : count)
+      );
+  }, [count, defaultValue, isDisabled, inputParams]);
+
+  // when !isDisable, generating an input list based on count
+  useEffect((): void => {
+    !isDisabled && inputParams.length &&
+      setValues((values): RawParam[] => {
+        if (values.length === count) {
+          return values;
+        }
+
+        while (values.length < count) {
+          const value = getInitValue(registry, inputParams[0].type);
+
+          values.push({ isValid: !isUndefined(value), value });
+        }
+
+        return values.slice(0, count);
+      });
+  }, [count, defaultValue, inputParams, isDisabled, registry]);
+
+  // when our values has changed, alert upstream
+  useEffect((): void => {
+    onChange && onChange({
+      isValid: values.reduce<boolean>((result, { isValid }) => result && isValid, true),
+      value: values.map(({ value }) => value)
+    });
+  }, [values, onChange]);
+
+  const _rowAdd = useCallback(
+    (): void => setCount((count) => count + 1),
+    []
+  );
+  const _rowRemove = useCallback(
+    (): void => setCount((count) => count - 1),
+    []
+  );
+
+  return (
+    <Base
+      className={className}
+      isOuter
+      label={label}
+      withLabel={withLabel}
+    >
+      {!isDisabled && (
+        <div className='ui--Param-Vector-buttons'>
+          <Button
+            icon='plus'
+            label={t<string>('Add item')}
+            onClick={_rowAdd}
+          />
+          <Button
+            icon='minus'
+            isDisabled={values.length === 0}
+            label={t<string>('Remove item')}
+            onClick={_rowRemove}
+          />
+        </div>
+      )}
+      <Params
+        isDisabled={isDisabled}
+        onChange={setValues}
+        overrides={overrides}
+        params={params}
+        registry={registry}
+        values={values}
+      />
+    </Base>
+  );
+}
+
+export default React.memo(Vector);
diff --git a/packages/react-params/src/Param/VectorFixed.tsx b/packages/react-params/src/Param/VectorFixed.tsx
new file mode 100644
index 0000000..02f2b05
--- /dev/null
+++ b/packages/react-params/src/Param/VectorFixed.tsx
@@ -0,0 +1,75 @@
+// Copyright 2017-2022 @polkadot/react-params authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { ParamDef, Props, RawParam } from '../types';
+
+import React, { useEffect, useState } from 'react';
+
+import { VecFixed } from '@polkadot/types';
+import { isUndefined } from '@polkadot/util';
+
+import getInitValue from '../initValue';
+import Params from '../';
+import Base from './Base';
+import useParamDefs from './useParamDefs';
+import { getParams, getValues } from './Vector';
+
+function getInitialValues (defaultValue: RawParam): RawParam[] {
+  return defaultValue.value instanceof VecFixed
+    ? defaultValue.value.map((value) => ({ isValid: true, value: value as unknown }))
+    : getValues(defaultValue);
+}
+
+function VectorFixed ({ className = '', defaultValue, isDisabled = false, label, onChange, overrides, registry, type, withLabel }: Props): React.ReactElement<Props> | null {
+  const inputParams = useParamDefs(registry, type);
+  const [params] = useState<ParamDef[]>(() => getParams(inputParams, [], (inputParams[0].length || 1)));
+  const [values, setValues] = useState<RawParam[]>(() => getInitialValues(defaultValue));
+
+  // when !isDisable, generating an input list based on count
+  useEffect((): void => {
+    !isDisabled && inputParams.length &&
+      setValues((values): RawParam[] => {
+        const count = (inputParams[0].length || 1);
+
+        if (values.length === count) {
+          return values;
+        }
+
+        while (values.length < count) {
+          const value = getInitValue(registry, inputParams[0].type);
+
+          values.push({ isValid: !isUndefined(value), value });
+        }
+
+        return values.slice(0, count);
+      });
+  }, [inputParams, isDisabled, registry]);
+
+  // when our values has changed, alert upstream
+  useEffect((): void => {
+    onChange && onChange({
+      isValid: values.reduce((result: boolean, { isValid }) => result && isValid, true),
+      value: values.map(({ value }) => value)
+    });
+  }, [values, onChange]);
+
+  return (
+    <Base
+      className={className}
+      isOuter
+      label={label}
+      withLabel={withLabel}
+    >
+      <Params
+        isDisabled={isDisabled}
+        onChange={setValues}
+        overrides={overrides}
+        params={params}
+        registry={registry}
+        values={values}
+      />
+    </Base>
+  );
+}
+
+export default React.memo(VectorFixed);
diff --git a/packages/react-params/src/Param/Vote.tsx b/packages/react-params/src/Param/Vote.tsx
new file mode 100644
index 0000000..9368b5c
--- /dev/null
+++ b/packages/react-params/src/Param/Vote.tsx
@@ -0,0 +1,90 @@
+// Copyright 2017-2022 @polkadot/react-params authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { Props } from '../types';
+
+import React, { useCallback, useEffect, useRef, useState } from 'react';
+
+import { Dropdown } from '@polkadot/react-components';
+import { GenericVote } from '@polkadot/types';
+import { isBn } from '@polkadot/util';
+
+import { useTranslation } from '../translate';
+import Bare from './Bare';
+
+interface VoteParts {
+  aye: boolean;
+  conviction: number;
+}
+
+const EMPTY_VOTE: VoteParts = { aye: true, conviction: 0 };
+
+function Vote ({ className = '', defaultValue: { value }, isDisabled, isError, onChange, withLabel }: Props): React.ReactElement<Props> {
+  const { t } = useTranslation();
+  const [vote, setVote] = useState(EMPTY_VOTE);
+
+  useEffect((): void => {
+    onChange && onChange({ isValid: true, value: vote });
+  }, [onChange, vote]);
+
+  const onChangeVote = useCallback(
+    (aye: boolean) => setVote(({ conviction }) => ({ aye, conviction })),
+    []
+  );
+
+  const onChangeConviction = useCallback(
+    (conviction: number) => setVote(({ aye }) => ({ aye, conviction })),
+    []
+  );
+
+  const optAyeRef = useRef([
+    { text: t<string>('Nay'), value: false },
+    { text: t<string>('Aye'), value: true }
+  ]);
+
+  const optConvRef = useRef([
+    { text: t<string>('None'), value: 0 },
+    { text: t<string>('Locked1x'), value: 1 },
+    { text: t<string>('Locked2x'), value: 2 },
+    { text: t<string>('Locked3x'), value: 3 },
+    { text: t<string>('Locked4x'), value: 4 },
+    { text: t<string>('Locked5x'), value: 5 },
+    { text: t<string>('Locked6x'), value: 6 }
+  ]);
+
+  const defaultVote = isBn(value)
+    ? (value.toNumber() !== 0)
+    : value instanceof GenericVote
+      ? value.isAye
+      : (value as number !== 0);
+  const defaultConv = value instanceof GenericVote
+    ? value.conviction.index
+    : 0;
+
+  return (
+    <Bare className={className}>
+      <Dropdown
+        className='full'
+        defaultValue={defaultVote}
+        isDisabled={isDisabled}
+        isError={isError}
+        label={t<string>('aye: bool')}
+        onChange={onChangeVote}
+        options={optAyeRef.current}
+        withLabel={withLabel}
+      />
+      <Dropdown
+        className='full'
+        defaultValue={defaultConv}
+        isDisabled={isDisabled}
+        isError={isError}
+        label={t<string>('conviction: Conviction')}
+        onChange={onChangeConviction}
+        options={optConvRef.current}
+        withLabel={withLabel}
+      />
+    </Bare>
+  );
+}
+
+export default React.memo(Vote);
diff --git a/packages/react-params/src/Param/VoteThreshold.tsx b/packages/react-params/src/Param/VoteThreshold.tsx
new file mode 100644
index 0000000..0c36358
--- /dev/null
+++ b/packages/react-params/src/Param/VoteThreshold.tsx
@@ -0,0 +1,61 @@
+// Copyright 2017-2022 @polkadot/react-params authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { BN } from '@polkadot/util';
+import type { Props } from '../types';
+
+import React, { useCallback, useMemo } from 'react';
+
+import { Dropdown } from '@polkadot/react-components';
+import { bnToBn, isFunction } from '@polkadot/util';
+
+import Bare from './Bare';
+
+type TextMap = Record<number, string>;
+
+const options = [
+  { text: 'Super majority approval', value: 0 },
+  { text: 'Super majority rejection', value: 1 },
+  { text: 'Simple majority', value: 2 }
+];
+
+export const textMap = options.reduce((textMap, { text, value }): TextMap => {
+  textMap[value] = text;
+
+  return textMap;
+}, {} as unknown as TextMap);
+
+function VoteThresholdParam ({ className = '', defaultValue: { value }, isDisabled, isError, label, onChange, withLabel }: Props): React.ReactElement<Props> {
+  const _onChange = useCallback(
+    (value: number) =>
+      onChange && onChange({
+        isValid: true,
+        value
+      }),
+    [onChange]
+  );
+
+  const defaultValue = useMemo(
+    () => isFunction((value as BN).toNumber)
+      ? (value as BN).toNumber()
+      : bnToBn(value as number).toNumber(),
+    [value]
+  );
+
+  return (
+    <Bare className={className}>
+      <Dropdown
+        className='full'
+        defaultValue={defaultValue}
+        isDisabled={isDisabled}
+        isError={isError}
+        label={label}
+        onChange={_onChange}
+        options={options}
+        withLabel={withLabel}
+      />
+    </Bare>
+  );
+}
+
+export default React.memo(VoteThresholdParam);
diff --git a/packages/react-params/src/Param/findComponent.ts b/packages/react-params/src/Param/findComponent.ts
new file mode 100644
index 0000000..9752c2a
--- /dev/null
+++ b/packages/react-params/src/Param/findComponent.ts
@@ -0,0 +1,177 @@
+// Copyright 2017-2022 @polkadot/react-params authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { Registry, TypeDef } from '@polkadot/types/types';
+import type { ComponentMap, Props } from '../types';
+
+import { getTypeDef } from '@polkadot/types';
+import { TypeDefInfo } from '@polkadot/types/types';
+import { isBn } from '@polkadot/util';
+
+import Account from './Account';
+import Amount from './Amount';
+import Balance from './Balance';
+import Bool from './Bool';
+import Bytes from './Bytes';
+import Call from './Call';
+import Code from './Code';
+import DispatchError from './DispatchError';
+import DispatchResult from './DispatchResult';
+import Enum from './Enum';
+import Hash160 from './Hash160';
+import Hash256 from './Hash256';
+import Hash512 from './Hash512';
+import KeyValue from './KeyValue';
+import KeyValueArray from './KeyValueArray';
+import Moment from './Moment';
+import Null from './Null';
+import OpaqueCall from './OpaqueCall';
+import Option from './Option';
+import Raw from './Raw';
+import Struct from './Struct';
+import Text from './Text';
+import Tuple from './Tuple';
+import Unknown from './Unknown';
+import Vector from './Vector';
+import VectorFixed from './VectorFixed';
+import Vote from './Vote';
+import VoteThreshold from './VoteThreshold';
+
+interface TypeToComponent {
+  c: React.ComponentType<any>;
+  t: string[];
+}
+
+const SPECIAL_TYPES = ['AccountId', 'AccountId32', 'AccountIndex', 'Address', 'Balance', 'BalanceOf', 'Vec<KeyValue>'];
+
+const componentDef: TypeToComponent[] = [
+  { c: Account, t: ['AccountId', 'AccountId32', 'Address', 'LookupSource'] },
+  { c: Amount, t: ['AccountIndex', 'i8', 'i16', 'i32', 'i64', 'i128', 'u8', 'u16', 'u32', 'u64', 'u128', 'u256'] },
+  { c: Balance, t: ['Amount', 'Balance', 'BalanceOf'] },
+  { c: Bool, t: ['bool'] },
+  { c: Bytes, t: ['Bytes'] },
+  { c: Call, t: ['Call', 'Proposal'] },
+  { c: Code, t: ['Code'] },
+  { c: DispatchError, t: ['DispatchError', 'SpRuntimeDispatchError'] },
+  { c: DispatchResult, t: ['DispatchResult'] },
+  { c: Raw, t: ['Raw', 'RuntimeSessionKeys', 'Keys'] },
+  { c: Enum, t: ['Enum'] },
+  { c: Hash256, t: ['Hash', 'H256'] },
+  { c: Hash160, t: ['H160'] },
+  { c: Hash512, t: ['H512'] },
+  { c: KeyValue, t: ['KeyValue'] },
+  { c: KeyValueArray, t: ['Vec<KeyValue>'] },
+  { c: Moment, t: ['Moment', 'MomentOf'] },
+  { c: Null, t: ['Null'] },
+  { c: OpaqueCall, t: ['OpaqueCall'] },
+  { c: Option, t: ['Option'] },
+  { c: Text, t: ['String', 'Text'] },
+  { c: Struct, t: ['Struct'] },
+  { c: Tuple, t: ['Tuple'] },
+  { c: Vector, t: ['Vec'] },
+  { c: VectorFixed, t: ['VecFixed'] },
+  { c: Vote, t: ['Vote'] },
+  { c: VoteThreshold, t: ['VoteThreshold'] },
+  { c: Unknown, t: ['Unknown'] }
+];
+
+const components: ComponentMap = componentDef.reduce((components, { c, t }): ComponentMap => {
+  t.forEach((type): void => {
+    components[type] = c;
+  });
+
+  return components;
+}, {} as unknown as ComponentMap);
+
+const warnList: string[] = [];
+
+function fromDef ({ displayName, info, lookupName, sub, type }: TypeDef): string {
+  // const nameOverride = displayName || typeName;
+
+  if (displayName && SPECIAL_TYPES.includes(displayName)) {
+    return displayName;
+  } else if (type.endsWith('RuntimeSessionKeys')) {
+    return 'RuntimeSessionKeys';
+  }
+
+  switch (info) {
+    case TypeDefInfo.Compact:
+      return (sub as TypeDef).type;
+
+    case TypeDefInfo.Option:
+      return 'Option';
+
+    case TypeDefInfo.Enum:
+      return 'Enum';
+
+    case TypeDefInfo.Struct:
+      return 'Struct';
+
+    case TypeDefInfo.Tuple:
+      if (components[type] === Account) {
+        return type;
+      }
+
+      return 'Tuple';
+
+    case TypeDefInfo.Vec:
+      if (type === 'Vec<u8>') {
+        return 'Bytes';
+      }
+
+      return ['Vec<KeyValue>'].includes(type)
+        ? 'Vec<KeyValue>'
+        : 'Vec';
+
+    case TypeDefInfo.VecFixed:
+      if ((sub as TypeDef).type === 'u8') {
+        return type;
+      }
+
+      return 'VecFixed';
+
+    default:
+      return lookupName || type;
+  }
+}
+
+export default function findComponent (registry: Registry, def: TypeDef, overrides: ComponentMap = {}): React.ComponentType<Props> {
+  const findOne = (type?: string): React.ComponentType<Props> | null =>
+    type
+      ? overrides[type] || components[type]
+      : null;
+  const type = fromDef(def);
+  let Component = findOne(def.lookupName) || findOne(type);
+
+  if (!Component) {
+    let error: string | null = null;
+
+    try {
+      const instance = registry.createType(type as 'u32');
+      const raw = getTypeDef(instance.toRawType());
+
+      Component = findOne(raw.lookupName || raw.type);
+
+      if (Component) {
+        return Component;
+      } else if (isBn(instance)) {
+        return Amount;
+      } else if ([TypeDefInfo.Enum, TypeDefInfo.Struct, TypeDefInfo.Tuple, TypeDefInfo.Vec].includes(raw.info)) {
+        return findComponent(registry, raw, overrides);
+      } else if (raw.info === TypeDefInfo.VecFixed && (raw.sub as TypeDef).type !== 'u8') {
+        return findComponent(registry, raw, overrides);
+      }
+    } catch (e) {
+      error = (e as Error).message;
+    }
+
+    // we only want to want once, not spam
+    if (!warnList.includes(type)) {
+      warnList.push(type);
+      error && console.error(`params: findComponent: ${error}`);
+      console.info(`params: findComponent: No pre-defined component for type ${type} from ${TypeDefInfo[def.info]}: ${JSON.stringify(def)}`);
+    }
+  }
+
+  return Component || Unknown;
+}
diff --git a/packages/react-params/src/Param/index.tsx b/packages/react-params/src/Param/index.tsx
new file mode 100644
index 0000000..280c354
--- /dev/null
+++ b/packages/react-params/src/Param/index.tsx
@@ -0,0 +1,71 @@
+// Copyright 2017-2022 @polkadot/react-params authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { Props } from '../types';
+
+import React, { useMemo } from 'react';
+
+import { encodeTypeDef } from '@polkadot/types/create';
+import { isUndefined } from '@polkadot/util';
+
+import findComponent from './findComponent';
+import Static from './Static';
+
+function formatJSON (input: string): string {
+  return input
+    .replace(/"/g, '')
+    .replace(/\\/g, '')
+    .replace(/:Null/g, '')
+    .replace(/:/g, ': ')
+    // .replace(/{/g, '{ ')
+    // .replace(/}/g, ' }')
+    .replace(/,/g, ', ');
+}
+
+function Param ({ className = '', defaultValue, isDisabled, isInOption, isOptional, name, onChange, onEnter, onEscape, overrides, registry, type }: Props): React.ReactElement<Props> | null {
+  const Component = useMemo(
+    () => findComponent(registry, type, overrides),
+    [registry, type, overrides]
+  );
+
+  const label = useMemo(
+    (): string => {
+      const fmtType = formatJSON(`${isDisabled && isInOption ? 'Option<' : ''}${encodeTypeDef(registry, type)}${isDisabled && isInOption ? '>' : ''}`);
+
+      return `${isUndefined(name) ? '' : `${name}: `}${fmtType}${type.typeName && !fmtType.includes(type.typeName) ? ` (${type.typeName})` : ''}`;
+    },
+    [isDisabled, isInOption, name, registry, type]
+  );
+
+  if (!Component) {
+    return null;
+  }
+
+  return isOptional
+    ? (
+      <Static
+        defaultValue={defaultValue}
+        label={label}
+        type={type}
+      />
+    )
+    : (
+      <Component
+        className={`ui--Param ${className}`}
+        defaultValue={defaultValue}
+        isDisabled={isDisabled}
+        isInOption={isInOption}
+        key={`${name || 'unknown'}:${label}`}
+        label={label}
+        name={name}
+        onChange={onChange}
+        onEnter={onEnter}
+        onEscape={onEscape}
+        overrides={overrides}
+        registry={registry}
+        type={type}
+      />
+    );
+}
+
+export default React.memo(Param);
diff --git a/packages/react-params/src/Param/useParamDefs.ts b/packages/react-params/src/Param/useParamDefs.ts
new file mode 100644
index 0000000..e7c8896
--- /dev/null
+++ b/packages/react-params/src/Param/useParamDefs.ts
@@ -0,0 +1,41 @@
+// Copyright 2017-2022 @polkadot/react-params authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { Registry, TypeDef } from '@polkadot/types/types';
+import type { ParamDef } from '../types';
+
+import { useMemo } from 'react';
+
+import { createNamedHook } from '@polkadot/react-hooks';
+import { getTypeDef } from '@polkadot/types/create';
+
+function expandDef (registry: Registry, td: TypeDef): TypeDef {
+  try {
+    return getTypeDef(
+      registry.createType(td.type as 'u32').toRawType()
+    );
+  } catch (e) {
+    return td;
+  }
+}
+
+function getDefs (registry: Registry, type: TypeDef): ParamDef[] {
+  const typeDef = expandDef(registry, type);
+
+  return typeDef.sub
+    ? (Array.isArray(typeDef.sub) ? typeDef.sub : [typeDef.sub]).map((td): ParamDef => ({
+      length: typeDef.length,
+      name: td.name,
+      type: td
+    }))
+    : [];
+}
+
+function useParamDefsImpl (registry: Registry, type: TypeDef): ParamDef[] {
+  return useMemo(
+    () => getDefs(registry, type),
+    [registry, type]
+  );
+}
+
+export default createNamedHook('useParamDefs', useParamDefsImpl);
diff --git a/packages/react-params/src/ParamComp.tsx b/packages/react-params/src/ParamComp.tsx
new file mode 100644
index 0000000..46602f2
--- /dev/null
+++ b/packages/react-params/src/ParamComp.tsx
@@ -0,0 +1,50 @@
+// Copyright 2017-2022 @polkadot/react-params authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { Registry, TypeDef } from '@polkadot/types/types';
+import type { ComponentMap, RawParam, RawParamOnChangeValue, RawParams } from './types';
+
+import React, { useCallback } from 'react';
+
+import Param from './Param';
+
+interface Props {
+  defaultValue: RawParam;
+  index: number;
+  isDisabled?: boolean;
+  name?: string;
+  onChange: (index: number, value: RawParamOnChangeValue) => void;
+  onEnter?: () => void;
+  onEscape?: () => void;
+  overrides?: ComponentMap;
+  registry: Registry;
+  type: TypeDef;
+  values?: RawParams | null;
+}
+
+function ParamComp ({ defaultValue, index, isDisabled, name, onChange, onEnter, onEscape, overrides, registry, type }: Props): React.ReactElement<Props> {
+  const _onChange = useCallback(
+    (value: RawParamOnChangeValue): void =>
+      onChange(index, value),
+    [index, onChange]
+  );
+
+  return (
+    <div className='ui--Param-composite'>
+      <Param
+        defaultValue={defaultValue}
+        isDisabled={isDisabled}
+        key={`input:${index}`}
+        name={name}
+        onChange={_onChange}
+        onEnter={onEnter}
+        onEscape={onEscape}
+        overrides={overrides}
+        registry={registry}
+        type={type}
+      />
+    </div>
+  );
+}
+
+export default React.memo(ParamComp);
diff --git a/packages/react-params/src/index.tsx b/packages/react-params/src/index.tsx
new file mode 100644
index 0000000..7e51874
--- /dev/null
+++ b/packages/react-params/src/index.tsx
@@ -0,0 +1,158 @@
+// Copyright 2017-2022 @polkadot/react-params authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { I18nProps } from '@polkadot/react-components/types';
+import type { Registry } from '@polkadot/types/types';
+import type { ComponentMap, ParamDef, RawParam, RawParamOnChangeValue, RawParams } from './types';
+
+import React from 'react';
+
+import { api } from '@polkadot/react-api';
+import { ErrorBoundary } from '@polkadot/react-components';
+import { stringify } from '@polkadot/util';
+
+import Holder from './Holder';
+import ParamComp from './ParamComp';
+import translate from './translate';
+import { createValue } from './values';
+
+interface Props extends I18nProps {
+  children?: React.ReactNode;
+  isDisabled?: boolean;
+  onChange?: (value: RawParams) => void;
+  onEnter?: () => void;
+  onError?: () => void;
+  onEscape?: () => void;
+  overrides?: ComponentMap;
+  params: ParamDef[];
+  registry?: Registry;
+  values?: RawParams | null;
+  withBorder?: boolean;
+}
+
+interface State {
+  params?: ParamDef[] | null;
+  values?: RawParams;
+}
+
+export { Holder };
+
+class Params extends React.PureComponent<Props, State> {
+  public override state: State = {
+    params: null
+  };
+
+  public static getDerivedStateFromProps ({ isDisabled, params, registry = api.registry, values }: Props, prevState: State): Pick<State, never> | null {
+    if (isDisabled || stringify(prevState.params) === stringify(params)) {
+      return null;
+    }
+
+    return {
+      params,
+      values: params.reduce(
+        (result: RawParams, param, index): RawParams => {
+          result.push(
+            values && values[index]
+              ? values[index]
+              : createValue(registry, param)
+          );
+
+          return result;
+        }, []
+      )
+    };
+  }
+
+  // Fire the initial onChange (we did update) when the component is loaded
+  public override componentDidMount (): void {
+    this.componentDidUpdate(null, {});
+  }
+
+  // This is needed in the case where the item changes, i.e. the values get
+  // initialized and we need to alert the parent that we have new values
+  public override componentDidUpdate (_: Props | null, prevState: State): void {
+    const { isDisabled } = this.props;
+    const { values } = this.state;
+
+    if (!isDisabled && stringify(prevState.values) !== stringify(values)) {
+      this.triggerUpdate();
+    }
+  }
+
+  public override render (): React.ReactNode {
+    const { children, className = '', isDisabled, onEnter, onEscape, overrides, params, registry = api.registry, withBorder = true } = this.props;
+    const { values = this.props.values } = this.state;
+
+    if (!values || !values.length) {
+      return null;
+    }
+
+    return (
+      <Holder
+        className={className}
+        withBorder={withBorder}
+      >
+        <ErrorBoundary onError={this.onRenderError}>
+          <div className='ui--Params-Content'>
+            {values && params.map(({ name, type }: ParamDef, index: number): React.ReactNode => (
+              <ParamComp
+                defaultValue={values[index]}
+                index={index}
+                isDisabled={isDisabled}
+                key={`${name || ''}:${type.type.toString()}:${index}:${isDisabled ? stringify(values[index]) : ''}`}
+                name={name}
+                onChange={this.onChangeParam}
+                onEnter={onEnter}
+                onEscape={onEscape}
+                overrides={overrides}
+                registry={registry}
+                type={type}
+              />
+            ))}
+            {children}
+          </div>
+        </ErrorBoundary>
+      </Holder>
+    );
+  }
+
+  private onChangeParam = (index: number, newValue: RawParamOnChangeValue): void => {
+    const { isDisabled } = this.props;
+
+    if (isDisabled) {
+      return;
+    }
+
+    const { isValid = false, value } = newValue;
+
+    this.setState(
+      (prevState: State): Pick<State, never> => ({
+        values: (prevState.values || []).map((prev, prevIndex): RawParam =>
+          prevIndex !== index
+            ? prev
+            : { isValid, value }
+        )
+      }),
+      this.triggerUpdate
+    );
+  };
+
+  private triggerUpdate = (): void => {
+    const { isDisabled, onChange } = this.props;
+    const { values } = this.state;
+
+    if (isDisabled || !values) {
+      return;
+    }
+
+    onChange && onChange(values);
+  };
+
+  private onRenderError = (): void => {
+    const { onError } = this.props;
+
+    onError && onError();
+  };
+}
+
+export default translate<React.ComponentType<Props>>(Params);
diff --git a/packages/react-params/src/initValue.ts b/packages/react-params/src/initValue.ts
new file mode 100644
index 0000000..a5aab27
--- /dev/null
+++ b/packages/react-params/src/initValue.ts
@@ -0,0 +1,149 @@
+// Copyright 2017-2022 @polkadot/react-params authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { Registry, TypeDef } from '@polkadot/types/types';
+
+import { getTypeDef } from '@polkadot/types';
+import { TypeDefInfo } from '@polkadot/types/types';
+import { BN_ZERO, isBn } from '@polkadot/util';
+
+const warnList: string[] = [];
+
+export default function getInitValue (registry: Registry, def: TypeDef): unknown {
+  if (def.info === TypeDefInfo.Vec) {
+    return [getInitValue(registry, def.sub as TypeDef)];
+  } else if (def.info === TypeDefInfo.Tuple) {
+    return Array.isArray(def.sub)
+      ? def.sub.map((def) => getInitValue(registry, def))
+      : [];
+  } else if (def.info === TypeDefInfo.Struct) {
+    return Array.isArray(def.sub)
+      ? def.sub.reduce((result: Record<string, unknown>, def): Record<string, unknown> => {
+        result[def.name as string] = getInitValue(registry, def);
+
+        return result;
+      }, {})
+      : {};
+  } else if (def.info === TypeDefInfo.Enum) {
+    return Array.isArray(def.sub)
+      ? { [def.sub[0].name as string]: getInitValue(registry, def.sub[0]) }
+      : {};
+  }
+
+  const type = [TypeDefInfo.Compact, TypeDefInfo.Option].includes(def.info)
+    ? (def.sub as TypeDef).type
+    : def.type;
+
+  switch (type) {
+    case 'AccountIndex':
+    case 'Balance':
+    case 'BalanceOf':
+    case 'BlockNumber':
+    case 'Compact':
+    case 'Gas':
+    case 'Index':
+    case 'Nonce':
+    case 'ParaId':
+    case 'PropIndex':
+    case 'ProposalIndex':
+    case 'ReferendumIndex':
+    case 'i8':
+    case 'i16':
+    case 'i32':
+    case 'i64':
+    case 'i128':
+    case 'u8':
+    case 'u16':
+    case 'u32':
+    case 'u64':
+    case 'u128':
+    case 'VoteIndex':
+      return BN_ZERO;
+
+    case 'bool':
+      return false;
+
+    case 'Bytes':
+      return undefined;
+
+    case 'String':
+    case 'Text':
+      return '';
+
+    case 'Moment':
+      return BN_ZERO;
+
+    case 'Vote':
+      return -1;
+
+    case 'VoteThreshold':
+      return 0;
+
+    case 'BlockHash':
+    case 'CodeHash':
+    case 'Hash':
+    case 'H256':
+      return registry.createType('H256');
+
+    case 'H512':
+      return registry.createType('H512');
+
+    case 'H160':
+      return registry.createType('H160');
+
+    case 'Raw':
+    case 'Keys':
+      return '';
+
+    case 'AccountId':
+    case 'AccountIdOf':
+    case 'Address':
+    case 'Call':
+    case 'CandidateReceipt':
+    case 'Digest':
+    case 'Header':
+    case 'KeyValue':
+    case 'LookupSource':
+    case 'MisbehaviorReport':
+    case 'Proposal':
+    case 'Signature':
+    case 'SessionKey':
+    case 'StorageKey':
+    case 'ValidatorId':
+      return undefined;
+
+    case 'Extrinsic':
+      return registry.createType('Raw');
+
+    case 'Null':
+      return null;
+
+    default: {
+      let error: string | null = null;
+
+      try {
+        const instance = registry.createType(type as 'u32');
+        const raw = getTypeDef(instance.toRawType());
+
+        if (isBn(instance)) {
+          return BN_ZERO;
+        } else if ([TypeDefInfo.Struct].includes(raw.info)) {
+          return undefined;
+        } else if ([TypeDefInfo.Enum, TypeDefInfo.Tuple].includes(raw.info)) {
+          return getInitValue(registry, raw);
+        }
+      } catch (e) {
+        error = (e as Error).message;
+      }
+
+      // we only want to want once, not spam
+      if (!warnList.includes(type)) {
+        warnList.push(type);
+        error && console.error(`params: initValue: ${error}`);
+        console.info(`params: initValue: No default value for type ${type} from ${JSON.stringify(def)}, using defaults`);
+      }
+
+      return '0x';
+    }
+  }
+}
diff --git a/packages/react-params/src/translate.ts b/packages/react-params/src/translate.ts
new file mode 100644
index 0000000..9ab663d
--- /dev/null
+++ b/packages/react-params/src/translate.ts
@@ -0,0 +1,12 @@
+// Copyright 2017-2022 @polkadot/react-params authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { UseTranslationResponse } from 'react-i18next';
+
+import { useTranslation as useTranslationBase, withTranslation } from 'react-i18next';
+
+export function useTranslation (): UseTranslationResponse<'react-params', undefined> {
+  return useTranslationBase('react-params');
+}
+
+export default withTranslation(['react-params']);
diff --git a/packages/react-params/src/types.ts b/packages/react-params/src/types.ts
new file mode 100644
index 0000000..cb27f87
--- /dev/null
+++ b/packages/react-params/src/types.ts
@@ -0,0 +1,58 @@
+// Copyright 2017-2022 @polkadot/react-params authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { Registry, TypeDef } from '@polkadot/types/types';
+
+// FIXME Ideally, we want these as Base from api-codec - as a stop-gap, any this until we have
+// params returning types extending Base (i.e. anything from api-codec)
+export type RawParamValue = unknown | undefined;
+
+export type RawParamValueArray = (RawParamValue | RawParamValue[])[];
+
+export type RawParamValues = RawParamValue | RawParamValueArray;
+
+export interface RawParam {
+  isValid: boolean;
+  value: RawParamValues;
+}
+
+export interface RawParamOnChangeValue {
+  isValid: boolean;
+  value: RawParamValues;
+}
+
+export type RawParamOnChange = (value: RawParamOnChangeValue) => void;
+export type RawParamOnEnter = () => void;
+export type RawParamOnEscape = () => void;
+
+export type RawParams = RawParam[];
+
+export interface Props {
+  className?: string;
+  defaultValue: RawParam;
+  isDisabled?: boolean;
+  isError?: boolean;
+  isInOption?: boolean;
+  isReadOnly?: boolean;
+  isOptional?: boolean;
+  label?: React.ReactNode;
+  name?: string;
+  onChange?: RawParamOnChange;
+  onEnter?: RawParamOnEnter;
+  onEscape?: RawParamOnEscape;
+  // eslint-disable-next-line no-use-before-define
+  overrides?: ComponentMap;
+  registry: Registry;
+  type: TypeDef & { withOptionActive?: boolean };
+  withLabel?: boolean;
+}
+
+export type Size = 'full' | 'large' | 'medium' | 'small';
+
+export type ComponentMap = Record<string, React.ComponentType<Props>>;
+
+export interface ParamDef {
+  length?: number;
+  name?: string;
+  type: TypeDef;
+}
diff --git a/packages/react-params/src/valueToText.tsx b/packages/react-params/src/valueToText.tsx
new file mode 100644
index 0000000..2501ac9
--- /dev/null
+++ b/packages/react-params/src/valueToText.tsx
@@ -0,0 +1,73 @@
+// Copyright 2017-2022 @polkadot/react-params authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { Keys, ValidatorId } from '@polkadot/types/interfaces';
+import type { Codec } from '@polkadot/types/types';
+
+import React from 'react';
+
+import { Option, Raw } from '@polkadot/types';
+import { isFunction, isNull, isUndefined, stringify, u8aToHex } from '@polkadot/util';
+
+interface DivProps {
+  className?: string;
+  key?: string;
+}
+
+function div ({ className = '', key }: DivProps, ...values: React.ReactNode[]): React.ReactNode {
+  return (
+    <div
+      className={`ui--Param-text ${className}`}
+      key={key}
+    >
+      {values}
+    </div>
+  );
+}
+
+function formatKeys (keys: [ValidatorId, Keys][]): string {
+  return JSON.stringify(
+    keys.map(([validator, keys]): [string, string] => [
+      validator.toString(), keys.toHex()
+    ])
+  );
+}
+
+function toHuman (value: Codec | Codec[]): unknown {
+  return isFunction((value as Codec).toHuman)
+    ? (value as Codec).toHuman()
+    : Array.isArray(value)
+      ? value.map((v) => toHuman(v))
+      : value.toString();
+}
+
+export function toHumanJson (value: any): string {
+  return stringify(value, 2)
+    .replace(/,\n/g, '\n')
+    .replace(/"/g, '')
+    .replace(/\\/g, '')
+    .replace(/\],\[/g, '],\n[');
+}
+
+export default function valueToText (type: string, value: Codec | undefined | null): React.ReactNode {
+  if (isNull(value) || isUndefined(value)) {
+    return div({}, '<unknown>');
+  }
+
+  return div(
+    {},
+    ['Bytes', 'Raw', 'Option<Keys>', 'Keys'].includes(type) && isFunction(value.toU8a)
+      ? u8aToHex(value.toU8a(true))
+      // HACK Handle Keys as hex-only (this should go away once the node value is
+      // consistently swapped to `Bytes`)
+      : type === 'Vec<(ValidatorId,Keys)>'
+        ? toHumanJson(formatKeys(value as unknown as [ValidatorId, Keys][]))
+        : value instanceof Raw
+          ? value.isEmpty
+            ? '<empty>'
+            : value.toString()
+          : (value instanceof Option) && value.isNone
+            ? '<none>'
+            : toHumanJson(toHuman(value))
+  );
+}
diff --git a/packages/react-params/src/values.ts b/packages/react-params/src/values.ts
new file mode 100644
index 0000000..2e224bf
--- /dev/null
+++ b/packages/react-params/src/values.ts
@@ -0,0 +1,22 @@
+// Copyright 2017-2022 @polkadot/react-params authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { Registry, TypeDef } from '@polkadot/types/types';
+import type { RawParam } from './types';
+
+import { isUndefined } from '@polkadot/util';
+
+import getInitValue from './initValue';
+
+export function createValue (registry: Registry, param: { type: TypeDef }): RawParam {
+  const value = getInitValue(registry, param.type);
+
+  return {
+    isValid: !isUndefined(value),
+    value
+  };
+}
+
+export default function createValues (registry: Registry, params: { type: TypeDef }[]): RawParam[] {
+  return params.map((param) => createValue(registry, param));
+}
diff --git a/packages/react-params/tsconfig.build.json b/packages/react-params/tsconfig.build.json
new file mode 100644
index 0000000..da24d9f
--- /dev/null
+++ b/packages/react-params/tsconfig.build.json
@@ -0,0 +1,9 @@
+{
+  "extends": "../../tsconfig.base.json",
+  "compilerOptions": {
+    "baseUrl": "..",
+    "outDir": "./build",
+    "rootDir": "./src"
+  },
+  "references": []
+}
diff --git a/packages/react-query/.skip-build b/packages/react-query/.skip-build
new file mode 100644
index 0000000..e69de29
diff --git a/packages/react-query/.skip-npm b/packages/react-query/.skip-npm
new file mode 100644
index 0000000..e69de29
diff --git a/packages/react-query/LICENSE b/packages/react-query/LICENSE
new file mode 100644
index 0000000..0d381b2
--- /dev/null
+++ b/packages/react-query/LICENSE
@@ -0,0 +1,201 @@
+                              Apache License
+                        Version 2.0, January 2004
+                    http://www.apache.org/licenses/
+
+TERMS AND CONDITIONS FOR USE, REPRODUCTION, AND DISTRIBUTION
+
+1. Definitions.
+
+  "License" shall mean the terms and conditions for use, reproduction,
+  and distribution as defined by Sections 1 through 9 of this document.
+
+  "Licensor" shall mean the copyright owner or entity authorized by
+  the copyright owner that is granting the License.
+
+  "Legal Entity" shall mean the union of the acting entity and all
+  other entities that control, are controlled by, or are under common
+  control with that entity. For the purposes of this definition,
+  "control" means (i) the power, direct or indirect, to cause the
+  direction or management of such entity, whether by contract or
+  otherwise, or (ii) ownership of fifty percent (50%) or more of the
+  outstanding shares, or (iii) beneficial ownership of such entity.
+
+  "You" (or "Your") shall mean an individual or Legal Entity
+  exercising permissions granted by this License.
+
+  "Source" form shall mean the preferred form for making modifications,
+  including but not limited to software source code, documentation
+  source, and configuration files.
+
+  "Object" form shall mean any form resulting from mechanical
+  transformation or translation of a Source form, including but
+  not limited to compiled object code, generated documentation,
+  and conversions to other media types.
+
+  "Work" shall mean the work of authorship, whether in Source or
+  Object form, made available under the License, as indicated by a
+  copyright notice that is included in or attached to the work
+  (an example is provided in the Appendix below).
+
+  "Derivative Works" shall mean any work, whether in Source or Object
+  form, that is based on (or derived from) the Work and for which the
+  editorial revisions, annotations, elaborations, or other modifications
+  represent, as a whole, an original work of authorship. For the purposes
+  of this License, Derivative Works shall not include works that remain
+  separable from, or merely link (or bind by name) to the interfaces of,
+  the Work and Derivative Works thereof.
+
+  "Contribution" shall mean any work of authorship, including
+  the original version of the Work and any modifications or additions
+  to that Work or Derivative Works thereof, that is intentionally
+  submitted to Licensor for inclusion in the Work by the copyright owner
+  or by an individual or Legal Entity authorized to submit on behalf of
+  the copyright owner. For the purposes of this definition, "submitted"
+  means any form of electronic, verbal, or written communication sent
+  to the Licensor or its representatives, including but not limited to
+  communication on electronic mailing lists, source code control systems,
+  and issue tracking systems that are managed by, or on behalf of, the
+  Licensor for the purpose of discussing and improving the Work, but
+  excluding communication that is conspicuously marked or otherwise
+  designated in writing by the copyright owner as "Not a Contribution."
+
+  "Contributor" shall mean Licensor and any individual or Legal Entity
+  on behalf of whom a Contribution has been received by Licensor and
+  subsequently incorporated within the Work.
+
+2. Grant of Copyright License. Subject to the terms and conditions of
+  this License, each Contributor hereby grants to You a perpetual,
+  worldwide, non-exclusive, no-charge, royalty-free, irrevocable
+  copyright license to reproduce, prepare Derivative Works of,
+  publicly display, publicly perform, sublicense, and distribute the
+  Work and such Derivative Works in Source or Object form.
+
+3. Grant of Patent License. Subject to the terms and conditions of
+  this License, each Contributor hereby grants to You a perpetual,
+  worldwide, non-exclusive, no-charge, royalty-free, irrevocable
+  (except as stated in this section) patent license to make, have made,
+  use, offer to sell, sell, import, and otherwise transfer the Work,
+  where such license applies only to those patent claims licensable
+  by such Contributor that are necessarily infringed by their
+  Contribution(s) alone or by combination of their Contribution(s)
+  with the Work to which such Contribution(s) was submitted. If You
+  institute patent litigation against any entity (including a
+  cross-claim or counterclaim in a lawsuit) alleging that the Work
+  or a Contribution incorporated within the Work constitutes direct
+  or contributory patent infringement, then any patent licenses
+  granted to You under this License for that Work shall terminate
+  as of the date such litigation is filed.
+
+4. Redistribution. You may reproduce and distribute copies of the
+  Work or Derivative Works thereof in any medium, with or without
+  modifications, and in Source or Object form, provided that You
+  meet the following conditions:
+
+  (a) You must give any other recipients of the Work or
+      Derivative Works a copy of this License; and
+
+  (b) You must cause any modified files to carry prominent notices
+      stating that You changed the files; and
+
+  (c) You must retain, in the Source form of any Derivative Works
+      that You distribute, all copyright, patent, trademark, and
+      attribution notices from the Source form of the Work,
+      excluding those notices that do not pertain to any part of
+      the Derivative Works; and
+
+  (d) If the Work includes a "NOTICE" text file as part of its
+      distribution, then any Derivative Works that You distribute must
+      include a readable copy of the attribution notices contained
+      within such NOTICE file, excluding those notices that do not
+      pertain to any part of the Derivative Works, in at least one
+      of the following places: within a NOTICE text file distributed
+      as part of the Derivative Works; within the Source form or
+      documentation, if provided along with the Derivative Works; or,
+      within a display generated by the Derivative Works, if and
+      wherever such third-party notices normally appear. The contents
+      of the NOTICE file are for informational purposes only and
+      do not modify the License. You may add Your own attribution
+      notices within Derivative Works that You distribute, alongside
+      or as an addendum to the NOTICE text from the Work, provided
+      that such additional attribution notices cannot be construed
+      as modifying the License.
+
+  You may add Your own copyright statement to Your modifications and
+  may provide additional or different license terms and conditions
+  for use, reproduction, or distribution of Your modifications, or
+  for any such Derivative Works as a whole, provided Your use,
+  reproduction, and distribution of the Work otherwise complies with
+  the conditions stated in this License.
+
+5. Submission of Contributions. Unless You explicitly state otherwise,
+  any Contribution intentionally submitted for inclusion in the Work
+  by You to the Licensor shall be under the terms and conditions of
+  this License, without any additional terms or conditions.
+  Notwithstanding the above, nothing herein shall supersede or modify
+  the terms of any separate license agreement you may have executed
+  with Licensor regarding such Contributions.
+
+6. Trademarks. This License does not grant permission to use the trade
+  names, trademarks, service marks, or product names of the Licensor,
+  except as required for reasonable and customary use in describing the
+  origin of the Work and reproducing the content of the NOTICE file.
+
+7. Disclaimer of Warranty. Unless required by applicable law or
+  agreed to in writing, Licensor provides the Work (and each
+  Contributor provides its Contributions) on an "AS IS" BASIS,
+  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or
+  implied, including, without limitation, any warranties or conditions
+  of TITLE, NON-INFRINGEMENT, MERCHANTABILITY, or FITNESS FOR A
+  PARTICULAR PURPOSE. You are solely responsible for determining the
+  appropriateness of using or redistributing the Work and assume any
+  risks associated with Your exercise of permissions under this License.
+
+8. Limitation of Liability. In no event and under no legal theory,
+  whether in tort (including negligence), contract, or otherwise,
+  unless required by applicable law (such as deliberate and grossly
+  negligent acts) or agreed to in writing, shall any Contributor be
+  liable to You for damages, including any direct, indirect, special,
+  incidental, or consequential damages of any character arising as a
+  result of this License or out of the use or inability to use the
+  Work (including but not limited to damages for loss of goodwill,
+  work stoppage, computer failure or malfunction, or any and all
+  other commercial damages or losses), even if such Contributor
+  has been advised of the possibility of such damages.
+
+9. Accepting Warranty or Additional Liability. While redistributing
+  the Work or Derivative Works thereof, You may choose to offer,
+  and charge a fee for, acceptance of support, warranty, indemnity,
+  or other liability obligations and/or rights consistent with this
+  License. However, in accepting such obligations, You may act only
+  on Your own behalf and on Your sole responsibility, not on behalf
+  of any other Contributor, and only if You agree to indemnify,
+  defend, and hold each Contributor harmless for any liability
+  incurred by, or claims asserted against, such Contributor by reason
+  of your accepting any such warranty or additional liability.
+
+END OF TERMS AND CONDITIONS
+
+APPENDIX: How to apply the Apache License to your work.
+
+  To apply the Apache License to your work, attach the following
+  boilerplate notice, with the fields enclosed by brackets "[]"
+  replaced with your own identifying information. (Don't include
+  the brackets!)  The text should be enclosed in the appropriate
+  comment syntax for the file format. We also recommend that a
+  file or class name and description of purpose be included on the
+  same "printed page" as the copyright notice for easier
+  identification within third-party archives.
+
+Copyright [yyyy] [name of copyright owner]
+
+Licensed under the Apache License, Version 2.0 (the "License");
+you may not use this file except in compliance with the License.
+You may obtain a copy of the License at
+
+    http://www.apache.org/licenses/LICENSE-2.0
+
+Unless required by applicable law or agreed to in writing, software
+distributed under the License is distributed on an "AS IS" BASIS,
+WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+See the License for the specific language governing permissions and
+limitations under the License.
diff --git a/packages/react-query/README.md b/packages/react-query/README.md
new file mode 100644
index 0000000..ce004d1
--- /dev/null
+++ b/packages/react-query/README.md
@@ -0,0 +1,42 @@
+# @polkadot/react-query
+
+WARNING: This is an internal package to [polkadot-js/apps](https://github.com/polkadot-js/apps) so is not inteded (yet) for broad use. Since these are generic components, they will move to the [polkadot-js/ui](https://github.com/polkadot-js/ui) repo once deemed stable and usable.
+
+For the existing sharable components usable in external React-based projects, take a look at the [polkadot-js/ui documentation](https://polkadot.js.org/ui/)
+
+## Overview
+
+A collection of RxJS enabled React components that operate with the [@polkadot/api-rx](https://github.com/polkadot-js/api) library. It automatically manages subscriptions on behalf of the developer, providing a number of unstyled components that can be used to construct UIs.
+
+## Usage
+
+Basic usage entails creating a `ContextProvider` and just using the components. For instance, to display the current node time,
+
+```js
+import React from 'react';
+import ReactDOM from 'react-dom';
+
+import { Api, NodeTime } from '@polkadot/react-query';
+
+...
+ReactDOM.render(
+  <Api>
+    <NodeTime />
+  </Api>,
+  document.querySelector('#container')
+);
+...
+```
+
+All components are provided unstyled making no assumptions on the actual use, however they all support (optionally) the `label`, `className` and `style` attributes, that can be used to style to component.
+
+```js
+...
+ReactDOM.render(
+  <Api>
+    <NodeTime className='rx-time' label='current node time:' />
+  </Api>,
+  document.querySelector('#container')
+);
+...
+```
diff --git a/packages/react-query/index.html b/packages/react-query/index.html
new file mode 100644
index 0000000..6451b7a
--- /dev/null
+++ b/packages/react-query/index.html
@@ -0,0 +1,14 @@
+<html>
+  <head>
+    <link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css" />
+    <style>
+      #demo {
+        padding: 0.5em;
+      }
+    </style>
+  </head>
+  <body>
+    <div id="demo"></div>
+    <script src="./demo.js"></script>
+  </body>
+</html>
diff --git a/packages/react-query/package.json b/packages/react-query/package.json
new file mode 100644
index 0000000..e0c7f6b
--- /dev/null
+++ b/packages/react-query/package.json
@@ -0,0 +1,18 @@
+{
+  "bugs": "https://github.com/polkadot-js/apps/issues",
+  "homepage": "https://github.com/polkadot-js/apps/tree/master/packages/react-query#readme",
+  "license": "Apache-2.0",
+  "name": "@polkadot/react-query",
+  "private": true,
+  "repository": {
+    "directory": "packages/react-query",
+    "type": "git",
+    "url": "https://github.com/polkadot-js/apps.git"
+  },
+  "sideEffects": false,
+  "type": "module",
+  "version": "0.112.2-14",
+  "dependencies": {
+    "@babel/runtime": "^7.17.9"
+  }
+}
diff --git a/packages/react-query/src/Available.tsx b/packages/react-query/src/Available.tsx
new file mode 100644
index 0000000..f6a0c1d
--- /dev/null
+++ b/packages/react-query/src/Available.tsx
@@ -0,0 +1,35 @@
+// Copyright 2017-2022 @polkadot/react-query authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { DeriveBalancesAll } from '@polkadot/api-derive/types';
+import type { AccountId, AccountIndex, Address } from '@polkadot/types/interfaces';
+
+import React from 'react';
+
+import { useApi, useCall } from '@polkadot/react-hooks';
+
+import FormatBalance from './FormatBalance';
+
+interface Props {
+  children?: React.ReactNode;
+  className?: string;
+  label?: React.ReactNode;
+  params?: AccountId | AccountIndex | Address | string | Uint8Array | null;
+}
+
+function AvailableDisplay ({ children, className = '', label, params }: Props): React.ReactElement<Props> {
+  const { api } = useApi();
+  const allBalances = useCall<DeriveBalancesAll>(api.derive.balances?.all, [params]);
+
+  return (
+    <FormatBalance
+      className={className}
+      label={label}
+      value={allBalances?.availableBalance}
+    >
+      {children}
+    </FormatBalance>
+  );
+}
+
+export default React.memo(AvailableDisplay);
diff --git a/packages/react-query/src/Balance.tsx b/packages/react-query/src/Balance.tsx
new file mode 100644
index 0000000..a3352d8
--- /dev/null
+++ b/packages/react-query/src/Balance.tsx
@@ -0,0 +1,35 @@
+// Copyright 2017-2022 @polkadot/react-query authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { DeriveBalancesAll } from '@polkadot/api-derive/types';
+import type { AccountId, AccountIndex, Address } from '@polkadot/types/interfaces';
+
+import React from 'react';
+
+import { useApi, useCall } from '@polkadot/react-hooks';
+
+import FormatBalance from './FormatBalance';
+
+interface Props {
+  children?: React.ReactNode;
+  className?: string;
+  label?: React.ReactNode;
+  params?: AccountId | AccountIndex | Address | string | Uint8Array | null;
+}
+
+function BalanceDisplay ({ children, className = '', label, params }: Props): React.ReactElement<Props> {
+  const { api } = useApi();
+  const allBalances = useCall<DeriveBalancesAll>(api.derive.balances?.all, [params]);
+
+  return (
+    <FormatBalance
+      className={className}
+      label={label}
+      value={allBalances?.freeBalance}
+    >
+      {children}
+    </FormatBalance>
+  );
+}
+
+export default React.memo(BalanceDisplay);
diff --git a/packages/react-query/src/BalanceFree.tsx b/packages/react-query/src/BalanceFree.tsx
new file mode 100644
index 0000000..d76e1b8
--- /dev/null
+++ b/packages/react-query/src/BalanceFree.tsx
@@ -0,0 +1,35 @@
+// Copyright 2017-2022 @polkadot/react-query authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { DeriveBalancesAll } from '@polkadot/api-derive/types';
+import type { AccountId, AccountIndex, Address } from '@polkadot/types/interfaces';
+
+import React from 'react';
+
+import { useApi, useCall } from '@polkadot/react-hooks';
+
+import FormatBalance from './FormatBalance';
+
+interface Props {
+  children?: React.ReactNode;
+  className?: string;
+  label?: React.ReactNode;
+  params?: AccountId | AccountIndex | Address | string | Uint8Array | null;
+}
+
+function BalanceFree ({ children, className = '', label, params }: Props): React.ReactElement<Props> {
+  const { api } = useApi();
+  const allBalances = useCall<DeriveBalancesAll>(api.derive.balances?.all, [params]);
+
+  return (
+    <FormatBalance
+      className={className}
+      label={label}
+      value={allBalances?.freeBalance}
+    >
+      {children}
+    </FormatBalance>
+  );
+}
+
+export default React.memo(BalanceFree);
diff --git a/packages/react-query/src/BalanceVoting.tsx b/packages/react-query/src/BalanceVoting.tsx
new file mode 100644
index 0000000..9a41090
--- /dev/null
+++ b/packages/react-query/src/BalanceVoting.tsx
@@ -0,0 +1,39 @@
+// Copyright 2017-2022 @polkadot/react-query authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { DeriveBalancesAll } from '@polkadot/api-derive/types';
+import type { AccountId, AccountIndex, Address } from '@polkadot/types/interfaces';
+
+import React from 'react';
+
+import { useApi, useCall } from '@polkadot/react-hooks';
+
+import FormatBalance from './FormatBalance';
+
+interface Props {
+  children?: React.ReactNode;
+  className?: string;
+  isCouncil?: boolean;
+  label?: React.ReactNode;
+  params?: AccountId | AccountIndex | Address | string | Uint8Array | null;
+}
+
+function BalanceVoting ({ children, className = '', isCouncil, label, params }: Props): React.ReactElement<Props> {
+  const { api } = useApi();
+  const allBalances = useCall<DeriveBalancesAll>(api.derive.balances?.all, [params]);
+
+  return (
+    <FormatBalance
+      className={className}
+      label={label}
+      value={isCouncil
+        ? allBalances?.votingBalance.add(allBalances?.reservedBalance)
+        : allBalances?.votingBalance
+      }
+    >
+      {children}
+    </FormatBalance>
+  );
+}
+
+export default React.memo(BalanceVoting);
diff --git a/packages/react-query/src/BestFinalized.tsx b/packages/react-query/src/BestFinalized.tsx
new file mode 100644
index 0000000..09dff21
--- /dev/null
+++ b/packages/react-query/src/BestFinalized.tsx
@@ -0,0 +1,33 @@
+// Copyright 2017-2022 @polkadot/react-query authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { BlockNumber } from '@polkadot/types/interfaces';
+
+import React from 'react';
+
+import { Digits } from '@polkadot/react-components';
+import { useApi, useCall } from '@polkadot/react-hooks';
+import { formatNumber } from '@polkadot/util';
+
+interface Props {
+  children?: React.ReactNode;
+  className?: string;
+  label?: React.ReactNode;
+}
+
+function BestFinalized ({ children, className = '', label }: Props): React.ReactElement<Props> {
+  const { api } = useApi();
+  const bestNumberFinalized = useCall<BlockNumber>(api.derive.chain.bestNumberFinalized);
+
+  return (
+    <div className={className}>
+      {label || ''}{
+        bestNumberFinalized
+          ? <Digits value={formatNumber(bestNumberFinalized)} />
+          : '-'
+      }{children}
+    </div>
+  );
+}
+
+export default React.memo(BestFinalized);
diff --git a/packages/react-query/src/BestNumber.tsx b/packages/react-query/src/BestNumber.tsx
new file mode 100644
index 0000000..337845d
--- /dev/null
+++ b/packages/react-query/src/BestNumber.tsx
@@ -0,0 +1,35 @@
+// Copyright 2017-2022 @polkadot/react-query authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { BlockNumber } from '@polkadot/types/interfaces';
+
+import React from 'react';
+
+import { Digits } from '@polkadot/react-components';
+import { useApi, useCall } from '@polkadot/react-hooks';
+import { formatNumber } from '@polkadot/util';
+
+interface Props {
+  children?: React.ReactNode;
+  className?: string;
+  isFinalized?: boolean;
+  label?: React.ReactNode;
+  withPound?: boolean;
+}
+
+function BestNumber ({ children, className = '', isFinalized, label, withPound }: Props): React.ReactElement<Props> {
+  const { api, isApiReady } = useApi();
+  const bestNumber = useCall<BlockNumber>(isApiReady && (isFinalized ? api.derive.chain.bestNumberFinalized : api.derive.chain.bestNumber));
+
+  return (
+    <div className={className}>
+      {label || ''}{withPound && '#'}{
+        bestNumber
+          ? <Digits value={formatNumber(bestNumber)} />
+          : '-'
+      }{children}
+    </div>
+  );
+}
+
+export default React.memo(BestNumber);
diff --git a/packages/react-query/src/BlockAuthors.tsx b/packages/react-query/src/BlockAuthors.tsx
new file mode 100644
index 0000000..ce2f588
--- /dev/null
+++ b/packages/react-query/src/BlockAuthors.tsx
@@ -0,0 +1,137 @@
+// Copyright 2017-2022 @polkadot/react-query authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { HeaderExtended } from '@polkadot/api-derive/types';
+import type { EraRewardPoints } from '@polkadot/types/interfaces';
+
+import React, { useEffect, useState } from 'react';
+
+import { useApi, useCall } from '@polkadot/react-hooks';
+import { formatNumber, isFunction } from '@polkadot/util';
+
+// TODO update HeaderExtended in api-derive
+export interface HeaderExtendedWithMapping extends HeaderExtended {
+  authorFromMapping?: string;
+}
+
+export interface Authors {
+  byAuthor: Record<string, string>;
+  eraPoints: Record<string, string>;
+  lastBlockAuthors: string[];
+  lastBlockNumber?: string;
+  lastHeader?: HeaderExtendedWithMapping;
+  lastHeaders: HeaderExtendedWithMapping[];
+}
+
+interface Props {
+  children: React.ReactNode;
+}
+
+const MAX_HEADERS = 75;
+
+const byAuthor: Record<string, string> = {};
+const eraPoints: Record<string, string> = {};
+const BlockAuthorsContext: React.Context<Authors> = React.createContext<Authors>({ byAuthor, eraPoints, lastBlockAuthors: [], lastHeaders: [] });
+const ValidatorsContext: React.Context<string[]> = React.createContext<string[]>([]);
+
+function BlockAuthorsBase ({ children }: Props): React.ReactElement<Props> {
+  const { api, isApiReady } = useApi();
+  const queryPoints = useCall<EraRewardPoints>(isApiReady && api.derive.staking?.currentPoints);
+  const [state, setState] = useState<Authors>({ byAuthor, eraPoints, lastBlockAuthors: [], lastHeaders: [] });
+  const [validators, setValidators] = useState<string[]>([]);
+
+  useEffect((): void => {
+    // No unsub, global context - destroyed on app close
+    api.isReady.then((): void => {
+      let lastHeaders: HeaderExtendedWithMapping[] = [];
+      let lastBlockAuthors: string[] = [];
+      let lastBlockNumber = '';
+      // Some blockchains such as Moonbeam need to fetch the author accountId from a mapping
+      const isAuthorMappingWithDeposit = isFunction(api.query.authorMapping?.mappingWithDeposit);
+
+      // subscribe to all validators
+      api.query.session && api.query.session.validators((validatorIds): void => {
+        setValidators(validatorIds.map((validatorId) => validatorId.toString()));
+      }).catch(console.error);
+
+      // subscribe to new headers
+      api.derive.chain.subscribeNewHeads(async (lastHeader: HeaderExtendedWithMapping): Promise<void> => {
+        if (lastHeader?.number) {
+          const blockNumber = lastHeader.number.unwrap();
+          let thisBlockAuthor = '';
+
+          // Check for digest type
+          const hasConsensusDigest = lastHeader.digest.logs && lastHeader.digest.logs[0] && lastHeader.digest.logs[0].isConsensus && lastHeader.digest.logs[0].asConsensus[1];
+          const hasPreRuntimeDigest = lastHeader.digest.logs && lastHeader.digest.logs[0] && lastHeader.digest.logs[0].isPreRuntime && lastHeader.digest.logs[0].asPreRuntime[1];
+
+          if (lastHeader.author) {
+            thisBlockAuthor = lastHeader.author.toString();
+          } else if (isAuthorMappingWithDeposit && (hasConsensusDigest || hasPreRuntimeDigest)) { // Check for a Digest
+            // Some blockchains such as Moonbeam need to fetch the author accountId from a mapping
+            thisBlockAuthor = ((await api.query.authorMapping.mappingWithDeposit(hasConsensusDigest ? lastHeader.digest.logs[0].asConsensus[1] : lastHeader.digest.logs[0].asPreRuntime[1])).toHuman() as {
+              account: string;
+              deposit: string;
+            }).account;
+            lastHeader.authorFromMapping = thisBlockAuthor;
+          }
+
+          const thisBlockNumber = formatNumber(blockNumber);
+
+          if (thisBlockAuthor) {
+            byAuthor[thisBlockAuthor] = thisBlockNumber;
+
+            if (thisBlockNumber !== lastBlockNumber) {
+              lastBlockNumber = thisBlockNumber;
+              lastBlockAuthors = [thisBlockAuthor];
+            } else {
+              lastBlockAuthors.push(thisBlockAuthor);
+            }
+          }
+
+          lastHeaders = lastHeaders
+            .filter((old, index) => index < MAX_HEADERS && old.number.unwrap().lt(blockNumber))
+            .reduce((next, header): HeaderExtendedWithMapping[] => {
+              next.push(header);
+
+              return next;
+            }, [lastHeader])
+            .sort((a, b) => b.number.unwrap().cmp(a.number.unwrap()));
+
+          setState({ byAuthor, eraPoints, lastBlockAuthors: lastBlockAuthors.slice(), lastBlockNumber, lastHeader, lastHeaders });
+        }
+      }).catch(console.error);
+    }).catch(console.error);
+  // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, []);
+
+  useEffect((): void => {
+    if (queryPoints) {
+      const entries = [...queryPoints.individual.entries()]
+        .map(([accountId, points]) => [accountId.toString(), formatNumber(points)]);
+      const current = Object.keys(eraPoints);
+
+      // we have an update, clear all previous
+      if (current.length !== entries.length) {
+        current.forEach((accountId): void => {
+          delete eraPoints[accountId];
+        });
+      }
+
+      entries.forEach(([accountId, points]): void => {
+        eraPoints[accountId] = points;
+      });
+    }
+  }, [queryPoints]);
+
+  return (
+    <ValidatorsContext.Provider value={validators}>
+      <BlockAuthorsContext.Provider value={state}>
+        {children}
+      </BlockAuthorsContext.Provider>
+    </ValidatorsContext.Provider>
+  );
+}
+
+const BlockAuthors = React.memo(BlockAuthorsBase);
+
+export { BlockAuthorsContext, BlockAuthors, ValidatorsContext };
diff --git a/packages/react-query/src/BlockToTime.tsx b/packages/react-query/src/BlockToTime.tsx
new file mode 100644
index 0000000..b6d4f7b
--- /dev/null
+++ b/packages/react-query/src/BlockToTime.tsx
@@ -0,0 +1,52 @@
+// Copyright 2017-2022 @polkadot/react-query authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { ApiPromise } from '@polkadot/api';
+import type { BN } from '@polkadot/util';
+
+import React from 'react';
+import styled from 'styled-components';
+
+import { useBlockTime } from '@polkadot/react-hooks';
+
+interface Props {
+  api?: ApiPromise;
+  children?: React.ReactNode;
+  className?: string;
+  isInline?: boolean;
+  label?: React.ReactNode;
+  value?: BN;
+}
+
+function BlockToTime ({ api, children, className = '', isInline, label, value }: Props): React.ReactElement<Props> | null {
+  const [, text] = useBlockTime(value, api);
+
+  if (!value || value.isZero()) {
+    return null;
+  }
+
+  return (
+    <div className={`${className}${isInline ? ' isInline' : ''}`}>
+      {label || ''}{text.split(' ').map((v, index) =>
+        <span
+          className={index % 2 ? 'timeUnits' : undefined}
+          key={index}
+        >{v}</span>
+      )}{children}
+    </div>
+  );
+}
+
+export default React.memo(styled(BlockToTime)`
+  &.isInline {
+    display: inline-block;
+  }
+
+  span+span {
+    padding-left: 0.25em;
+  }
+
+  span.timeUnits {
+    font-size: 0.825em;
+  }
+`);
diff --git a/packages/react-query/src/Bonded.tsx b/packages/react-query/src/Bonded.tsx
new file mode 100644
index 0000000..5b082ce
--- /dev/null
+++ b/packages/react-query/src/Bonded.tsx
@@ -0,0 +1,44 @@
+// Copyright 2017-2022 @polkadot/react-query authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { Option } from '@polkadot/types';
+import type { AccountId, AccountIndex, Address, StakingLedger } from '@polkadot/types/interfaces';
+
+import React from 'react';
+
+import { useApi, useCall } from '@polkadot/react-hooks';
+
+import FormatBalance from './FormatBalance';
+
+interface Props {
+  children?: React.ReactNode;
+  className?: string;
+  params?: AccountId | AccountIndex | Address | string | Uint8Array | null;
+  label?: React.ReactNode;
+}
+
+const transformController = {
+  transform: (value: Option<AccountId>) => value.unwrapOr(null)
+};
+
+const transformLedger = {
+  transform: (value: Option<StakingLedger>) => value.unwrapOr(null)
+};
+
+function BondedDisplay ({ children, className = '', label, params }: Props): React.ReactElement<Props> {
+  const { api } = useApi();
+  const controllerId = useCall<AccountId | null>(api.query.staking?.bonded, [params], transformController);
+  const stakingLedger = useCall<StakingLedger | null>(controllerId && api.query.staking?.ledger, [controllerId], transformLedger);
+
+  return (
+    <FormatBalance
+      className={className}
+      label={label}
+      value={stakingLedger?.active}
+    >
+      {children}
+    </FormatBalance>
+  );
+}
+
+export default React.memo(BondedDisplay);
diff --git a/packages/react-query/src/Chain.tsx b/packages/react-query/src/Chain.tsx
new file mode 100644
index 0000000..27870b4
--- /dev/null
+++ b/packages/react-query/src/Chain.tsx
@@ -0,0 +1,27 @@
+// Copyright 2017-2022 @polkadot/react-query authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import React from 'react';
+
+import { useApi } from '@polkadot/react-hooks';
+
+import { useTranslation } from './translate';
+
+interface Props {
+  children?: React.ReactNode;
+  className?: string;
+  label?: React.ReactNode;
+}
+
+function Chain ({ children, className = '', label }: Props): React.ReactElement<Props> {
+  const { t } = useTranslation();
+  const { systemChain } = useApi();
+
+  return (
+    <div className={className}>
+      {label || ''}{systemChain || t('Unknown')}{children}
+    </div>
+  );
+}
+
+export default React.memo(Chain);
diff --git a/packages/react-query/src/Elapsed.tsx b/packages/react-query/src/Elapsed.tsx
new file mode 100644
index 0000000..c98464a
--- /dev/null
+++ b/packages/react-query/src/Elapsed.tsx
@@ -0,0 +1,96 @@
+// Copyright 2017-2022 @polkadot/react-query authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { BN } from '@polkadot/util';
+
+import React, { useEffect, useState } from 'react';
+import styled from 'styled-components';
+
+import { bnToBn } from '@polkadot/util';
+
+type Ticker = (now: number) => void;
+
+interface Props {
+  children?: React.ReactNode;
+  className?: string;
+  value?: BN | Date | number;
+}
+
+const TICK_TIMEOUT = 100;
+const tickers = new Map<number, Ticker>();
+
+let lastNow = Date.now();
+let lastId = 0;
+
+function tick (): void {
+  lastNow = Date.now();
+
+  for (const ticker of tickers.values()) {
+    ticker(lastNow);
+  }
+
+  setTimeout(tick, TICK_TIMEOUT);
+}
+
+function formatValue (value: number, type = 's', withDecimal = false): React.ReactNode {
+  const [pre, post] = value.toFixed(1).split('.');
+  const before = pre.split('').map((d, index) => (
+    <div
+      className='digit'
+      key={index}
+    >{d}</div>
+  ));
+
+  return withDecimal
+    ? <>{before}.<div className='digit'>{post}</div> {type}</>
+    : <>{before} {type}</>;
+}
+
+function getDisplayValue (now = 0, value: BN | Date | number = 0): React.ReactNode {
+  const tsValue = (
+    value && (value as Date).getTime
+      ? (value as Date).getTime()
+      : bnToBn(value as number).toNumber()
+  ) || 0;
+
+  if (!now || !tsValue) {
+    return formatValue(0, 's', true);
+  }
+
+  const elapsed = Math.max(Math.abs(now - tsValue), 0) / 1000;
+
+  return (elapsed < 60)
+    ? formatValue(elapsed, 's', elapsed < 15)
+    : (elapsed < 3600)
+      ? formatValue(elapsed / 60, 'min')
+      : formatValue(elapsed / 3600, 'hr');
+}
+
+tick();
+
+function Elapsed ({ children, className = '', value }: Props): React.ReactElement<Props> {
+  const [now, setNow] = useState(lastNow);
+
+  useEffect((): () => void => {
+    const id = lastId++;
+
+    tickers.set(id, setNow);
+
+    return (): void => {
+      tickers.delete(id);
+    };
+  }, []);
+
+  return (
+    <div className={`ui--Elapsed ${className}`}>
+      {getDisplayValue(now, value)}{children}
+    </div>
+  );
+}
+
+export default React.memo(styled(Elapsed)`
+  .digit {
+    display: inline-block;
+    width: 1ch;
+  }
+`);
diff --git a/packages/react-query/src/Events.tsx b/packages/react-query/src/Events.tsx
new file mode 100644
index 0000000..df3f8a9
--- /dev/null
+++ b/packages/react-query/src/Events.tsx
@@ -0,0 +1,112 @@
+// Copyright 2017-2022 @polkadot/react-query authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { ApiPromise } from '@polkadot/api';
+import type { Vec } from '@polkadot/types';
+import type { EventRecord } from '@polkadot/types/interfaces';
+import type { IndexedEvent, KeyedEvent } from './types';
+
+import React, { useEffect, useRef, useState } from 'react';
+
+import { useApi, useCall } from '@polkadot/react-hooks';
+import { stringify, stringToU8a } from '@polkadot/util';
+import { xxhashAsHex } from '@polkadot/util-crypto';
+
+interface Events {
+  eventCount: number;
+  events: KeyedEvent[];
+}
+
+interface Props {
+  children: React.ReactNode;
+}
+
+interface PrevHashes {
+  block: string | null;
+  event: string | null;
+}
+
+const DEFAULT_EVENTS: Events = { eventCount: 0, events: [] };
+const MAX_EVENTS = 75;
+
+const EventsContext: React.Context<Events> = React.createContext<Events>(DEFAULT_EVENTS);
+
+async function manageEvents (api: ApiPromise, prev: PrevHashes, records: Vec<EventRecord>, setState: React.Dispatch<React.SetStateAction<Events>>): Promise<void> {
+  const newEvents: IndexedEvent[] = records
+    .map((record, index) => ({ indexes: [index], record }))
+    .filter(({ record: { event: { method, section } } }) =>
+      section !== 'system' &&
+      (!['balances', 'treasury'].includes(section) || !['Deposit'].includes(method)) &&
+      (!['parasInclusion', 'inclusion'].includes(section) || !['CandidateBacked', 'CandidateIncluded'].includes(method))
+    )
+    .reduce((combined: IndexedEvent[], e): IndexedEvent[] => {
+      const prev = combined.find(({ record: { event: { method, section } } }) =>
+        e.record.event.section === section &&
+        e.record.event.method === method
+      );
+
+      if (prev) {
+        prev.indexes.push(...e.indexes);
+      } else {
+        combined.push(e);
+      }
+
+      return combined;
+    }, [])
+    .reverse();
+  const newEventHash = xxhashAsHex(stringToU8a(stringify(newEvents)));
+
+  if (newEventHash !== prev.event && newEvents.length) {
+    prev.event = newEventHash;
+
+    // retrieve the last header, this will map to the current state
+    const header = await api.rpc.chain.getHeader(records.createdAtHash);
+    const blockNumber = header.number.unwrap();
+    const blockHash = header.hash.toHex();
+
+    if (blockHash !== prev.block) {
+      prev.block = blockHash;
+
+      setState(({ events }) => ({
+        eventCount: records.length,
+        events: [
+          ...newEvents.map(({ indexes, record }): KeyedEvent => ({
+            blockHash,
+            blockNumber,
+            indexes,
+            key: `${blockNumber.toNumber()}-${blockHash}-${indexes.join('.')}`,
+            record
+          })),
+          // remove all events for the previous same-height blockNumber
+          ...events.filter((p) => !p.blockNumber?.eq(blockNumber))
+        ].slice(0, MAX_EVENTS)
+      }));
+    }
+  } else {
+    setState(({ events }) => ({
+      eventCount: records.length,
+      events
+    }));
+  }
+}
+
+function EventsBase ({ children }: Props): React.ReactElement<Props> {
+  const { api, isApiReady } = useApi();
+  const [state, setState] = useState<Events>(DEFAULT_EVENTS);
+  const records = useCall<Vec<EventRecord>>(isApiReady && api.query.system.events);
+  const prevHashes = useRef({ block: null, event: null });
+
+  useEffect((): void => {
+    records && manageEvents(api, prevHashes.current, records, setState).catch(console.error);
+  }, [api, prevHashes, records, setState]);
+
+  return (
+    <EventsContext.Provider value={state}>
+      {children}
+    </EventsContext.Provider>
+  );
+}
+
+const Events = React.memo(EventsBase);
+
+export { EventsContext, Events };
diff --git a/packages/react-query/src/FormatBalance.tsx b/packages/react-query/src/FormatBalance.tsx
new file mode 100644
index 0000000..1488050
--- /dev/null
+++ b/packages/react-query/src/FormatBalance.tsx
@@ -0,0 +1,151 @@
+// Copyright 2017-2022 @polkadot/react-query authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { Compact } from '@polkadot/types';
+import type { Registry } from '@polkadot/types/types';
+import type { BN } from '@polkadot/util';
+
+import React, { useMemo } from 'react';
+import styled from 'styled-components';
+
+import { useApi } from '@polkadot/react-hooks';
+import { formatBalance, isString } from '@polkadot/util';
+
+import { useTranslation } from './translate';
+
+interface Props {
+  children?: React.ReactNode;
+  className?: string;
+  format?: [number, string];
+  formatIndex?: number;
+  isShort?: boolean;
+  label?: React.ReactNode;
+  labelPost?: LabelPost;
+  value?: Compact<any> | BN | string | null | 'all';
+  valueFormatted?: string;
+  withCurrency?: boolean;
+  withSi?: boolean;
+}
+
+// for million, 2 * 3-grouping + comma
+const M_LENGTH = 6 + 1;
+const K_LENGTH = 3 + 1;
+
+type LabelPost = string | React.ReactNode
+
+function getFormat (registry: Registry, formatIndex = 0): [number, string] {
+  const decimals = registry.chainDecimals;
+  const tokens = registry.chainTokens;
+
+  return [
+    formatIndex < decimals.length
+      ? decimals[formatIndex]
+      : decimals[0],
+    formatIndex < tokens.length
+      ? tokens[formatIndex]
+      : tokens[1]
+  ];
+}
+
+function createElement (prefix: string, postfix: string, unit: string, label: LabelPost = '', isShort = false): React.ReactNode {
+  return <>{`${prefix}${isShort ? '' : '.'}`}{!isShort && <span className='ui--FormatBalance-postfix'>{`0000${postfix || ''}`.slice(-4)}</span>}<span className='ui--FormatBalance-unit'> {unit}</span>{label}</>;
+}
+
+function splitFormat (value: string, label?: LabelPost, isShort?: boolean): React.ReactNode {
+  const [prefix, postfixFull] = value.split('.');
+  const [postfix, unit] = postfixFull.split(' ');
+
+  return createElement(prefix, postfix, unit, label, isShort);
+}
+
+function applyFormat (value: Compact<any> | BN | string, [decimals, token]: [number, string], withCurrency = true, withSi?: boolean, _isShort?: boolean, labelPost?: LabelPost): React.ReactNode {
+  const [prefix, postfix] = formatBalance(value, { decimals, forceUnit: '-', withSi: false }).split('.');
+  const isShort = _isShort || (withSi && prefix.length >= K_LENGTH);
+  const unitPost = withCurrency ? token : '';
+
+  if (prefix.length > M_LENGTH) {
+    const [major, rest] = formatBalance(value, { decimals, withUnit: false }).split('.');
+    const minor = rest.substr(0, 4);
+    const unit = rest.substr(4);
+
+    return <>{major}.<span className='ui--FormatBalance-postfix'>{minor}</span><span className='ui--FormatBalance-unit'>{unit}{unit ? unitPost : ` ${unitPost}`}</span>{labelPost || ''}</>;
+  }
+
+  return createElement(prefix, postfix, unitPost, labelPost, isShort);
+}
+
+function FormatBalance ({ children, className = '', format, formatIndex, isShort, label, labelPost, value, valueFormatted, withCurrency, withSi }: Props): React.ReactElement<Props> {
+  const { t } = useTranslation();
+  const { api } = useApi();
+
+  const formatInfo = useMemo(
+    () => format || getFormat(api.registry, formatIndex),
+    [api, format, formatIndex]
+  );
+
+  // labelPost here looks messy, however we ensure we have one less text node
+  return (
+    <div className={`ui--FormatBalance ${className}`}>
+      {label ? <>{label}&nbsp;</> : ''}
+      <span
+        className='ui--FormatBalance-value'
+        data-testid='balance-summary'
+      >{
+          valueFormatted
+            ? splitFormat(valueFormatted, labelPost, isShort)
+            : value
+              ? value === 'all'
+                ? <>{t<string>('everything')}{labelPost || ''}</>
+                : applyFormat(value, formatInfo, withCurrency, withSi, isShort, labelPost)
+              : isString(labelPost)
+                ? `-${labelPost}`
+                : labelPost
+        }</span>{children}
+    </div>
+  );
+}
+
+export default React.memo(styled(FormatBalance)`
+  display: inline-block;
+  vertical-align: baseline;
+  white-space: nowrap;
+
+  * {
+    vertical-align: baseline !important;
+  }
+
+  > label,
+  > .label {
+    display: inline-block;
+    margin-right: 0.25rem;
+    vertical-align: baseline;
+  }
+
+  .ui--FormatBalance-unit {
+    font-size: 0.825em;
+    text-transform: uppercase;
+  }
+
+  .ui--FormatBalance-value {
+    text-align: right;
+
+    > .ui--FormatBalance-postfix {
+      font-weight: var(--font-weight-light);
+      opacity: 0.7;
+      vertical-align: baseline;
+    }
+  }
+
+  > .ui--Button {
+    margin-left: 0.25rem;
+  }
+
+  .ui--Icon {
+    margin-bottom: -0.25rem;
+    margin-top: 0.25rem;
+  }
+
+  .ui--Icon+.ui--FormatBalance-value {
+    margin-left: 0.375rem;
+  }
+`);
diff --git a/packages/react-query/src/LockedVote.tsx b/packages/react-query/src/LockedVote.tsx
new file mode 100644
index 0000000..58e4f03
--- /dev/null
+++ b/packages/react-query/src/LockedVote.tsx
@@ -0,0 +1,39 @@
+// Copyright 2017-2022 @polkadot/react-query authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { DeriveCouncilVote } from '@polkadot/api-derive/types';
+import type { AccountId, AccountIndex, Address } from '@polkadot/types/interfaces';
+
+import React from 'react';
+
+import { useApi, useCall } from '@polkadot/react-hooks';
+
+import FormatBalance from './FormatBalance';
+
+interface Props {
+  children?: React.ReactNode;
+  className?: string;
+  label?: React.ReactNode;
+  params?: AccountId | AccountIndex | Address | string | Uint8Array | null;
+}
+
+function LockedVote ({ children, className = '', label, params }: Props): React.ReactElement<Props> | null {
+  const { api } = useApi();
+  const info = useCall<DeriveCouncilVote>(api.derive.council.votesOf, [params]);
+
+  if (!info?.stake.gtn(0)) {
+    return null;
+  }
+
+  return (
+    <FormatBalance
+      className={className}
+      label={label}
+      value={info?.stake}
+    >
+      {children}
+    </FormatBalance>
+  );
+}
+
+export default React.memo(LockedVote);
diff --git a/packages/react-query/src/NodeName.tsx b/packages/react-query/src/NodeName.tsx
new file mode 100644
index 0000000..a729615
--- /dev/null
+++ b/packages/react-query/src/NodeName.tsx
@@ -0,0 +1,24 @@
+// Copyright 2017-2022 @polkadot/react-query authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import React from 'react';
+
+import { useApi } from '@polkadot/react-hooks';
+
+interface Props {
+  children?: React.ReactNode;
+  className?: string;
+  label?: React.ReactNode;
+}
+
+function NodeName ({ children, className = '', label }: Props): React.ReactElement<Props> {
+  const { systemName } = useApi();
+
+  return (
+    <div className={className}>
+      {label || ''}{systemName}{children}
+    </div>
+  );
+}
+
+export default React.memo(NodeName);
diff --git a/packages/react-query/src/NodeVersion.tsx b/packages/react-query/src/NodeVersion.tsx
new file mode 100644
index 0000000..2da768c
--- /dev/null
+++ b/packages/react-query/src/NodeVersion.tsx
@@ -0,0 +1,27 @@
+// Copyright 2017-2022 @polkadot/react-query authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import React from 'react';
+
+import { useApi } from '@polkadot/react-hooks';
+
+interface Props {
+  children?: React.ReactNode;
+  className?: string;
+  label?: React.ReactNode;
+}
+
+function NodeVersion ({ children, className = '', label }: Props): React.ReactElement<Props> {
+  const { systemVersion } = useApi();
+
+  // eg. 0.1.0-90d0bb6-x86_64-macos
+  const displayVersion = systemVersion.split('-')[0];
+
+  return (
+    <div className={className}>
+      {label || ''}{displayVersion}{children}
+    </div>
+  );
+}
+
+export default React.memo(NodeVersion);
diff --git a/packages/react-query/src/Nonce.tsx b/packages/react-query/src/Nonce.tsx
new file mode 100644
index 0000000..5b17129
--- /dev/null
+++ b/packages/react-query/src/Nonce.tsx
@@ -0,0 +1,31 @@
+// Copyright 2017-2022 @polkadot/react-query authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { DeriveBalancesAll } from '@polkadot/api-derive/types';
+import type { BN } from '@polkadot/util';
+
+import React from 'react';
+
+import { useApi, useCall } from '@polkadot/react-hooks';
+import { formatNumber } from '@polkadot/util';
+
+interface Props {
+  callOnResult?: (accountNonce: BN) => void;
+  children?: React.ReactNode;
+  className?: string;
+  label?: React.ReactNode;
+  params?: string | null;
+}
+
+function Nonce ({ children, className = '', label, params }: Props): React.ReactElement<Props> {
+  const { api } = useApi();
+  const allBalances = useCall<DeriveBalancesAll>(api.derive.balances?.all, [params]);
+
+  return (
+    <div className={className}>
+      {label || ''}{formatNumber(allBalances?.accountNonce)}{children}
+    </div>
+  );
+}
+
+export default React.memo(Nonce);
diff --git a/packages/react-query/src/SessionToTime.tsx b/packages/react-query/src/SessionToTime.tsx
new file mode 100644
index 0000000..2bd4a59
--- /dev/null
+++ b/packages/react-query/src/SessionToTime.tsx
@@ -0,0 +1,48 @@
+// Copyright 2017-2022 @polkadot/react-query authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { DeriveSessionProgress } from '@polkadot/api-derive/types';
+import type { BN } from '@polkadot/util';
+
+import React, { useMemo } from 'react';
+
+import { useApi, useCall } from '@polkadot/react-hooks';
+import { BN_ZERO } from '@polkadot/util';
+
+import BlockToTime from './BlockToTime';
+
+interface Props {
+  children?: React.ReactNode;
+  className?: string;
+  isInline?: boolean;
+  label?: React.ReactNode;
+  value?: BN;
+}
+
+function SessionToTime ({ children, className, isInline, label, value }: Props): React.ReactElement<Props> | null {
+  const { api } = useApi();
+  const sessionInfo = useCall<DeriveSessionProgress>(api.derive.session.progress);
+
+  const blocks = useMemo(
+    () => sessionInfo && value && sessionInfo.currentIndex.lt(value)
+      ? value
+        .sub(sessionInfo.currentIndex)
+        .imul(sessionInfo.sessionLength)
+        .isub(sessionInfo.sessionProgress)
+      : BN_ZERO,
+    [sessionInfo, value]
+  );
+
+  return (
+    <BlockToTime
+      className={className}
+      isInline={isInline}
+      label={label}
+      value={blocks}
+    >
+      {children}
+    </BlockToTime>
+  );
+}
+
+export default React.memo(SessionToTime);
diff --git a/packages/react-query/src/TimeNow.tsx b/packages/react-query/src/TimeNow.tsx
new file mode 100644
index 0000000..2cc4fa4
--- /dev/null
+++ b/packages/react-query/src/TimeNow.tsx
@@ -0,0 +1,42 @@
+// Copyright 2017-2022 @polkadot/react-query authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { Moment } from '@polkadot/types/interfaces';
+import type { BN } from '@polkadot/util';
+
+import React, { useEffect, useState } from 'react';
+
+import { useApi, useCall } from '@polkadot/react-hooks';
+
+import Elapsed from './Elapsed';
+
+interface Props {
+  children?: React.ReactNode;
+  className?: string;
+  label?: React.ReactNode;
+  value?: Moment;
+}
+
+function TimeNow ({ children, className = '', label, value }: Props): React.ReactElement<Props> | null {
+  const { api } = useApi();
+  const timestamp = useCall<Moment>(!value && api.query.timestamp?.now);
+  const [now, setNow] = useState<BN | undefined>();
+
+  useEffect((): void => {
+    setNow(value || timestamp);
+  }, [timestamp, value]);
+
+  if (!now) {
+    return null;
+  }
+
+  return (
+    <div className={className}>
+      {label || ''}
+      <Elapsed value={now} />
+      {children}
+    </div>
+  );
+}
+
+export default React.memo(TimeNow);
diff --git a/packages/react-query/src/TotalIssuance.tsx b/packages/react-query/src/TotalIssuance.tsx
new file mode 100644
index 0000000..36da9b7
--- /dev/null
+++ b/packages/react-query/src/TotalIssuance.tsx
@@ -0,0 +1,32 @@
+// Copyright 2017-2022 @polkadot/react-query authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import React from 'react';
+
+import { useApi, useCall } from '@polkadot/react-hooks';
+
+import FormatBalance from './FormatBalance';
+
+interface Props {
+  children?: React.ReactNode;
+  className?: string;
+  label?: React.ReactNode;
+}
+
+function TotalIssuance ({ children, className = '', label }: Props): React.ReactElement<Props> {
+  const { api } = useApi();
+  const totalIssuance = useCall<string>(api.query.balances?.totalIssuance);
+
+  return (
+    <div className={className}>
+      {label || ''}
+      <FormatBalance
+        value={totalIssuance}
+        withSi
+      />
+      {children}
+    </div>
+  );
+}
+
+export default React.memo(TotalIssuance);
diff --git a/packages/react-query/src/index.ts b/packages/react-query/src/index.ts
new file mode 100644
index 0000000..11760f9
--- /dev/null
+++ b/packages/react-query/src/index.ts
@@ -0,0 +1,23 @@
+// Copyright 2017-2022 @polkadot/react-query authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+export { default as Available } from './Available';
+export { default as Balance } from './Balance';
+export { default as BalanceFree } from './BalanceFree';
+export { default as BalanceVoting } from './BalanceVoting';
+export { BlockAuthors, BlockAuthorsContext, ValidatorsContext } from './BlockAuthors';
+export { default as BlockToTime } from './BlockToTime';
+export { default as Bonded } from './Bonded';
+export { default as BestFinalized } from './BestFinalized';
+export { default as BestNumber } from './BestNumber';
+export { default as Chain } from './Chain';
+export { default as Elapsed } from './Elapsed';
+export { Events, EventsContext } from './Events';
+export { default as FormatBalance } from './FormatBalance';
+export { default as LockedVote } from './LockedVote';
+export { default as NodeName } from './NodeName';
+export { default as NodeVersion } from './NodeVersion';
+export { default as Nonce } from './Nonce';
+export { default as SessionToTime } from './SessionToTime';
+export { default as TimeNow } from './TimeNow';
+export { default as TotalIssuance } from './TotalIssuance';
diff --git a/packages/react-query/src/translate.ts b/packages/react-query/src/translate.ts
new file mode 100644
index 0000000..aefaaa1
--- /dev/null
+++ b/packages/react-query/src/translate.ts
@@ -0,0 +1,12 @@
+// Copyright 2017-2022 @polkadot/react-query authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { UseTranslationResponse } from 'react-i18next';
+
+import { useTranslation as useTranslationBase, withTranslation } from 'react-i18next';
+
+export function useTranslation (): UseTranslationResponse<'react-query', undefined> {
+  return useTranslationBase('react-query');
+}
+
+export default withTranslation(['react-query']);
diff --git a/packages/react-query/src/types.ts b/packages/react-query/src/types.ts
new file mode 100644
index 0000000..48fc8cd
--- /dev/null
+++ b/packages/react-query/src/types.ts
@@ -0,0 +1,15 @@
+// Copyright 2017-2022 @polkadot/react-query authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { BlockNumber, EventRecord } from '@polkadot/types/interfaces';
+
+export interface IndexedEvent {
+  indexes: number[];
+  record: EventRecord;
+}
+
+export interface KeyedEvent extends IndexedEvent {
+  blockHash?: string;
+  blockNumber?: BlockNumber;
+  key: string;
+}
diff --git a/packages/react-query/tsconfig.build.json b/packages/react-query/tsconfig.build.json
new file mode 100644
index 0000000..da24d9f
--- /dev/null
+++ b/packages/react-query/tsconfig.build.json
@@ -0,0 +1,9 @@
+{
+  "extends": "../../tsconfig.base.json",
+  "compilerOptions": {
+    "baseUrl": "..",
+    "outDir": "./build",
+    "rootDir": "./src"
+  },
+  "references": []
+}
diff --git a/packages/react-signer/.skip-build b/packages/react-signer/.skip-build
new file mode 100644
index 0000000..e69de29
diff --git a/packages/react-signer/.skip-npm b/packages/react-signer/.skip-npm
new file mode 100644
index 0000000..e69de29
diff --git a/packages/react-signer/LICENSE b/packages/react-signer/LICENSE
new file mode 100644
index 0000000..0d381b2
--- /dev/null
+++ b/packages/react-signer/LICENSE
@@ -0,0 +1,201 @@
+                              Apache License
+                        Version 2.0, January 2004
+                    http://www.apache.org/licenses/
+
+TERMS AND CONDITIONS FOR USE, REPRODUCTION, AND DISTRIBUTION
+
+1. Definitions.
+
+  "License" shall mean the terms and conditions for use, reproduction,
+  and distribution as defined by Sections 1 through 9 of this document.
+
+  "Licensor" shall mean the copyright owner or entity authorized by
+  the copyright owner that is granting the License.
+
+  "Legal Entity" shall mean the union of the acting entity and all
+  other entities that control, are controlled by, or are under common
+  control with that entity. For the purposes of this definition,
+  "control" means (i) the power, direct or indirect, to cause the
+  direction or management of such entity, whether by contract or
+  otherwise, or (ii) ownership of fifty percent (50%) or more of the
+  outstanding shares, or (iii) beneficial ownership of such entity.
+
+  "You" (or "Your") shall mean an individual or Legal Entity
+  exercising permissions granted by this License.
+
+  "Source" form shall mean the preferred form for making modifications,
+  including but not limited to software source code, documentation
+  source, and configuration files.
+
+  "Object" form shall mean any form resulting from mechanical
+  transformation or translation of a Source form, including but
+  not limited to compiled object code, generated documentation,
+  and conversions to other media types.
+
+  "Work" shall mean the work of authorship, whether in Source or
+  Object form, made available under the License, as indicated by a
+  copyright notice that is included in or attached to the work
+  (an example is provided in the Appendix below).
+
+  "Derivative Works" shall mean any work, whether in Source or Object
+  form, that is based on (or derived from) the Work and for which the
+  editorial revisions, annotations, elaborations, or other modifications
+  represent, as a whole, an original work of authorship. For the purposes
+  of this License, Derivative Works shall not include works that remain
+  separable from, or merely link (or bind by name) to the interfaces of,
+  the Work and Derivative Works thereof.
+
+  "Contribution" shall mean any work of authorship, including
+  the original version of the Work and any modifications or additions
+  to that Work or Derivative Works thereof, that is intentionally
+  submitted to Licensor for inclusion in the Work by the copyright owner
+  or by an individual or Legal Entity authorized to submit on behalf of
+  the copyright owner. For the purposes of this definition, "submitted"
+  means any form of electronic, verbal, or written communication sent
+  to the Licensor or its representatives, including but not limited to
+  communication on electronic mailing lists, source code control systems,
+  and issue tracking systems that are managed by, or on behalf of, the
+  Licensor for the purpose of discussing and improving the Work, but
+  excluding communication that is conspicuously marked or otherwise
+  designated in writing by the copyright owner as "Not a Contribution."
+
+  "Contributor" shall mean Licensor and any individual or Legal Entity
+  on behalf of whom a Contribution has been received by Licensor and
+  subsequently incorporated within the Work.
+
+2. Grant of Copyright License. Subject to the terms and conditions of
+  this License, each Contributor hereby grants to You a perpetual,
+  worldwide, non-exclusive, no-charge, royalty-free, irrevocable
+  copyright license to reproduce, prepare Derivative Works of,
+  publicly display, publicly perform, sublicense, and distribute the
+  Work and such Derivative Works in Source or Object form.
+
+3. Grant of Patent License. Subject to the terms and conditions of
+  this License, each Contributor hereby grants to You a perpetual,
+  worldwide, non-exclusive, no-charge, royalty-free, irrevocable
+  (except as stated in this section) patent license to make, have made,
+  use, offer to sell, sell, import, and otherwise transfer the Work,
+  where such license applies only to those patent claims licensable
+  by such Contributor that are necessarily infringed by their
+  Contribution(s) alone or by combination of their Contribution(s)
+  with the Work to which such Contribution(s) was submitted. If You
+  institute patent litigation against any entity (including a
+  cross-claim or counterclaim in a lawsuit) alleging that the Work
+  or a Contribution incorporated within the Work constitutes direct
+  or contributory patent infringement, then any patent licenses
+  granted to You under this License for that Work shall terminate
+  as of the date such litigation is filed.
+
+4. Redistribution. You may reproduce and distribute copies of the
+  Work or Derivative Works thereof in any medium, with or without
+  modifications, and in Source or Object form, provided that You
+  meet the following conditions:
+
+  (a) You must give any other recipients of the Work or
+      Derivative Works a copy of this License; and
+
+  (b) You must cause any modified files to carry prominent notices
+      stating that You changed the files; and
+
+  (c) You must retain, in the Source form of any Derivative Works
+      that You distribute, all copyright, patent, trademark, and
+      attribution notices from the Source form of the Work,
+      excluding those notices that do not pertain to any part of
+      the Derivative Works; and
+
+  (d) If the Work includes a "NOTICE" text file as part of its
+      distribution, then any Derivative Works that You distribute must
+      include a readable copy of the attribution notices contained
+      within such NOTICE file, excluding those notices that do not
+      pertain to any part of the Derivative Works, in at least one
+      of the following places: within a NOTICE text file distributed
+      as part of the Derivative Works; within the Source form or
+      documentation, if provided along with the Derivative Works; or,
+      within a display generated by the Derivative Works, if and
+      wherever such third-party notices normally appear. The contents
+      of the NOTICE file are for informational purposes only and
+      do not modify the License. You may add Your own attribution
+      notices within Derivative Works that You distribute, alongside
+      or as an addendum to the NOTICE text from the Work, provided
+      that such additional attribution notices cannot be construed
+      as modifying the License.
+
+  You may add Your own copyright statement to Your modifications and
+  may provide additional or different license terms and conditions
+  for use, reproduction, or distribution of Your modifications, or
+  for any such Derivative Works as a whole, provided Your use,
+  reproduction, and distribution of the Work otherwise complies with
+  the conditions stated in this License.
+
+5. Submission of Contributions. Unless You explicitly state otherwise,
+  any Contribution intentionally submitted for inclusion in the Work
+  by You to the Licensor shall be under the terms and conditions of
+  this License, without any additional terms or conditions.
+  Notwithstanding the above, nothing herein shall supersede or modify
+  the terms of any separate license agreement you may have executed
+  with Licensor regarding such Contributions.
+
+6. Trademarks. This License does not grant permission to use the trade
+  names, trademarks, service marks, or product names of the Licensor,
+  except as required for reasonable and customary use in describing the
+  origin of the Work and reproducing the content of the NOTICE file.
+
+7. Disclaimer of Warranty. Unless required by applicable law or
+  agreed to in writing, Licensor provides the Work (and each
+  Contributor provides its Contributions) on an "AS IS" BASIS,
+  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or
+  implied, including, without limitation, any warranties or conditions
+  of TITLE, NON-INFRINGEMENT, MERCHANTABILITY, or FITNESS FOR A
+  PARTICULAR PURPOSE. You are solely responsible for determining the
+  appropriateness of using or redistributing the Work and assume any
+  risks associated with Your exercise of permissions under this License.
+
+8. Limitation of Liability. In no event and under no legal theory,
+  whether in tort (including negligence), contract, or otherwise,
+  unless required by applicable law (such as deliberate and grossly
+  negligent acts) or agreed to in writing, shall any Contributor be
+  liable to You for damages, including any direct, indirect, special,
+  incidental, or consequential damages of any character arising as a
+  result of this License or out of the use or inability to use the
+  Work (including but not limited to damages for loss of goodwill,
+  work stoppage, computer failure or malfunction, or any and all
+  other commercial damages or losses), even if such Contributor
+  has been advised of the possibility of such damages.
+
+9. Accepting Warranty or Additional Liability. While redistributing
+  the Work or Derivative Works thereof, You may choose to offer,
+  and charge a fee for, acceptance of support, warranty, indemnity,
+  or other liability obligations and/or rights consistent with this
+  License. However, in accepting such obligations, You may act only
+  on Your own behalf and on Your sole responsibility, not on behalf
+  of any other Contributor, and only if You agree to indemnify,
+  defend, and hold each Contributor harmless for any liability
+  incurred by, or claims asserted against, such Contributor by reason
+  of your accepting any such warranty or additional liability.
+
+END OF TERMS AND CONDITIONS
+
+APPENDIX: How to apply the Apache License to your work.
+
+  To apply the Apache License to your work, attach the following
+  boilerplate notice, with the fields enclosed by brackets "[]"
+  replaced with your own identifying information. (Don't include
+  the brackets!)  The text should be enclosed in the appropriate
+  comment syntax for the file format. We also recommend that a
+  file or class name and description of purpose be included on the
+  same "printed page" as the copyright notice for easier
+  identification within third-party archives.
+
+Copyright [yyyy] [name of copyright owner]
+
+Licensed under the Apache License, Version 2.0 (the "License");
+you may not use this file except in compliance with the License.
+You may obtain a copy of the License at
+
+    http://www.apache.org/licenses/LICENSE-2.0
+
+Unless required by applicable law or agreed to in writing, software
+distributed under the License is distributed on an "AS IS" BASIS,
+WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+See the License for the specific language governing permissions and
+limitations under the License.
diff --git a/packages/react-signer/README.md b/packages/react-signer/README.md
new file mode 100644
index 0000000..7d38b57
--- /dev/null
+++ b/packages/react-signer/README.md
@@ -0,0 +1,5 @@
+# @polkadot/react-signer
+
+WARNING: This is an internal package to [polkadot-js/apps](https://github.com/polkadot-js/apps) so is not inteded (yet) for broad use.
+
+For the existing sharable components usable in external React-based projects, take a look at the [polkadot-js/ui documentation](https://polkadot.js.org/ui/)
diff --git a/packages/react-signer/package.json b/packages/react-signer/package.json
new file mode 100644
index 0000000..c6059e9
--- /dev/null
+++ b/packages/react-signer/package.json
@@ -0,0 +1,20 @@
+{
+  "bugs": "https://github.com/polkadot-js/apps/issues",
+  "homepage": "https://github.com/polkadot-js/apps/tree/master/packages/react-signer#readme",
+  "license": "Apache-2.0",
+  "name": "@polkadot/react-signer",
+  "private": true,
+  "repository": {
+    "directory": "packages/react-signer",
+    "type": "git",
+    "url": "https://github.com/polkadot-js/apps.git"
+  },
+  "sideEffects": false,
+  "type": "module",
+  "version": "0.112.2-14",
+  "dependencies": {
+    "@babel/runtime": "^7.17.9",
+    "@polkadot/hw-ledger": "^9.0.1",
+    "@polkadot/react-components": "^0.112.2-14"
+  }
+}
diff --git a/packages/react-signer/src/Address.tsx b/packages/react-signer/src/Address.tsx
new file mode 100644
index 0000000..a2f47d9
--- /dev/null
+++ b/packages/react-signer/src/Address.tsx
@@ -0,0 +1,337 @@
+// Copyright 2017-2022 @polkadot/react-signer authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { SubmittableExtrinsic } from '@polkadot/api/types';
+import type { QueueTx } from '@polkadot/react-components/Status/types';
+import type { Option, Vec } from '@polkadot/types';
+import type { AccountId, BalanceOf, Call, Multisig } from '@polkadot/types/interfaces';
+import type { NodeRuntimeProxyType, PalletProxyProxyDefinition } from '@polkadot/types/lookup';
+import type { ITuple } from '@polkadot/types/types';
+import type { BN } from '@polkadot/util';
+import type { AddressFlags, AddressProxy } from './types';
+
+import React, { useCallback, useEffect, useMemo, useState } from 'react';
+
+import { ApiPromise } from '@polkadot/api';
+import { InputAddress, MarkError, Modal, Toggle } from '@polkadot/react-components';
+import { useAccounts, useApi, useIsMountedRef } from '@polkadot/react-hooks';
+import { BN_ZERO, isFunction } from '@polkadot/util';
+
+import Password from './Password';
+import { useTranslation } from './translate';
+import { extractExternal } from './util';
+
+interface Props {
+  className?: string;
+  currentItem: QueueTx;
+  onChange: (address: AddressProxy) => void;
+  onEnter?: () => void;
+  passwordError: string | null;
+  requestAddress: string;
+}
+
+interface MultiState {
+  address: string;
+  isMultiCall: boolean;
+  who: string[];
+  whoFilter: string[];
+}
+
+interface PasswordState {
+  isUnlockCached: boolean;
+  signPassword: string;
+}
+
+interface ProxyState {
+  address: string;
+  isProxied: boolean;
+  proxies: [string, BN, NodeRuntimeProxyType][];
+  proxiesFilter: string[];
+}
+
+function findCall (tx: Call | SubmittableExtrinsic<'promise'>): { method: string; section: string } {
+  try {
+    const { method, section } = tx.registry.findMetaCall(tx.callIndex);
+
+    return { method, section };
+  } catch (error) {
+    return { method: 'unknown', section: 'unknown' };
+  }
+}
+
+function filterProxies (allAccounts: string[], tx: Call | SubmittableExtrinsic<'promise'>, proxies: [string, BN, NodeRuntimeProxyType][]): string[] {
+  // get the call info
+  const { method, section } = findCall(tx);
+
+  // check an array of calls to all have proxies as the address
+  const checkCalls = (address: string, txs: Call[]): boolean =>
+    !txs.some((tx) => !filterProxies(allAccounts, tx, proxies).includes(address));
+
+  // inspect nested calls, e.g. batch, ensuring that the proxy address
+  // is applicable to the containing calls
+  const checkNested = (address: string): boolean =>
+    section === 'utility' && (
+      (
+        ['batch', 'batchAll'].includes(method) &&
+        checkCalls(address, tx.args[0] as Vec<Call>)
+      ) ||
+      (
+        ['asLimitedSub'].includes(method) &&
+        checkCalls(address, [tx.args[0] as Call])
+      )
+    );
+
+  return proxies
+    .filter(([address, delay, proxy]): boolean => {
+      // FIXME Change when we add support for delayed proxies
+      if (!allAccounts.includes(address) || !delay.isZero()) {
+        return false;
+      }
+
+      switch (proxy.toString()) {
+        case 'Any':
+          return true;
+
+        case 'Governance':
+          return checkNested(address) || (
+            ['council', 'democracy', 'elections', 'electionsPhragmen', 'phragmenElection', 'poll', 'society', 'technicalCommittee', 'tips', 'treasury'].includes(section)
+          );
+
+        case 'IdentityJudgement':
+          return checkNested(address) || (
+            section === 'identity' &&
+            method === 'provideJudgement'
+          );
+
+        case 'NonTransfer':
+          return !(
+            section === 'balances' ||
+            (
+              section === 'indices' &&
+              method === 'transfer'
+            ) ||
+            (
+              section === 'vesting' &&
+              method === 'vestedTransfer'
+            )
+          );
+
+        case 'Staking':
+          return checkNested(address) || (
+            section === 'staking'
+          );
+
+        case 'SudoBalances':
+          return checkNested(address) || (
+            section === 'sudo' &&
+            method === 'sudo' &&
+            findCall(tx.args[0] as Call).section === 'balances'
+          );
+
+        default:
+          // any unknown proxy types apply to all - leave it to the user to filter
+          return true;
+      }
+    })
+    .map(([address]) => address);
+}
+
+async function queryForMultisig (api: ApiPromise, requestAddress: string, proxyAddress: string | null, tx: SubmittableExtrinsic<'promise'>): Promise<MultiState | null> {
+  const multiModule = api.tx.multisig ? 'multisig' : 'utility';
+
+  if (isFunction(api.query[multiModule]?.multisigs)) {
+    const address = proxyAddress || requestAddress;
+    const { threshold, who } = extractExternal(address);
+    const hash = (proxyAddress ? api.tx.proxy.proxy(requestAddress, null, tx) : tx).method.hash;
+    const optMulti = await api.query[multiModule].multisigs<Option<Multisig>>(address, hash);
+    const multi = optMulti.unwrapOr(null);
+
+    return multi
+      ? {
+        address,
+        isMultiCall: ((multi.approvals.length + 1) >= threshold),
+        who,
+        whoFilter: who.filter((w) => !multi.approvals.some((a) => a.eq(w)))
+      }
+      : {
+        address,
+        isMultiCall: false,
+        who,
+        whoFilter: who
+      };
+  }
+
+  return null;
+}
+
+async function queryForProxy (api: ApiPromise, allAccounts: string[], address: string, tx: SubmittableExtrinsic<'promise'>): Promise<ProxyState | null> {
+  if (isFunction(api.query.proxy?.proxies)) {
+    const { isProxied } = extractExternal(address);
+    const [_proxies] = await api.query.proxy.proxies<ITuple<[Vec<ITuple<[AccountId, NodeRuntimeProxyType]> | PalletProxyProxyDefinition>, BalanceOf]>>(address);
+    const proxies = api.tx.proxy.addProxy.meta.args.length === 3
+      ? (_proxies as PalletProxyProxyDefinition[]).map(({ delay, delegate, proxyType }): [string, BN, NodeRuntimeProxyType] => [delegate.toString(), delay, proxyType])
+      : (_proxies as [AccountId, NodeRuntimeProxyType][]).map(([delegate, proxyType]): [string, BN, NodeRuntimeProxyType] => [delegate.toString(), BN_ZERO, proxyType]);
+    const proxiesFilter = filterProxies(allAccounts, tx, proxies);
+
+    if (proxiesFilter.length) {
+      return { address, isProxied, proxies, proxiesFilter };
+    }
+  }
+
+  return null;
+}
+
+function Address ({ currentItem, onChange, onEnter, passwordError, requestAddress }: Props): React.ReactElement<Props> {
+  const { t } = useTranslation();
+  const { api } = useApi();
+  const { allAccounts } = useAccounts();
+  const mountedRef = useIsMountedRef();
+  const [multiAddress, setMultiAddress] = useState<string | null>(null);
+  const [proxyAddress, setProxyAddress] = useState<string | null>(null);
+  const [isMultiCall, setIsMultiCall] = useState(false);
+  const [isProxyActive, setIsProxyActive] = useState(true);
+  const [multiInfo, setMultInfo] = useState<MultiState | null>(null);
+  const [proxyInfo, setProxyInfo] = useState<ProxyState | null>(null);
+  const [{ isUnlockCached, signPassword }, setSignPassword] = useState<PasswordState>(() => ({ isUnlockCached: false, signPassword: '' }));
+
+  const [signAddress, flags] = useMemo(
+    (): [string, AddressFlags] => {
+      const signAddress = (multiInfo && multiAddress) ||
+        (isProxyActive && proxyInfo && proxyAddress) ||
+        requestAddress;
+
+      try {
+        return [signAddress, extractExternal(signAddress)];
+      } catch {
+        return [signAddress, {} as AddressFlags];
+      }
+    },
+    [multiAddress, proxyAddress, isProxyActive, multiInfo, proxyInfo, requestAddress]
+  );
+
+  const _updatePassword = useCallback(
+    (signPassword: string, isUnlockCached: boolean) => setSignPassword({ isUnlockCached, signPassword }),
+    []
+  );
+
+  useEffect((): void => {
+    !proxyInfo && setProxyAddress(null);
+  }, [proxyInfo]);
+
+  // proxy for requestor
+  useEffect((): void => {
+    setProxyInfo(null);
+
+    currentItem.extrinsic &&
+      queryForProxy(api, allAccounts, requestAddress, currentItem.extrinsic)
+        .then((info) => mountedRef.current && setProxyInfo(info))
+        .catch(console.error);
+  }, [allAccounts, api, currentItem, mountedRef, requestAddress]);
+
+  // multisig
+  useEffect((): void => {
+    setMultInfo(null);
+
+    currentItem.extrinsic && extractExternal(proxyAddress || requestAddress).isMultisig &&
+      queryForMultisig(api, requestAddress, proxyAddress, currentItem.extrinsic)
+        .then((info): void => {
+          if (mountedRef.current) {
+            setMultInfo(info);
+            setIsMultiCall(info?.isMultiCall || false);
+          }
+        })
+        .catch(console.error);
+  }, [proxyAddress, api, currentItem, mountedRef, requestAddress]);
+
+  useEffect((): void => {
+    onChange({
+      isMultiCall,
+      isUnlockCached,
+      multiRoot: multiInfo ? multiInfo.address : null,
+      proxyRoot: (proxyInfo && isProxyActive) ? proxyInfo.address : null,
+      signAddress,
+      signPassword
+    });
+  }, [isProxyActive, isMultiCall, isUnlockCached, multiAddress, multiInfo, onChange, proxyAddress, proxyInfo, signAddress, signPassword]);
+
+  return (
+    <>
+      <Modal.Columns hint={t('The sending account that will be used to send this transaction. Any applicable fees will be paid by this account.')}>
+        <InputAddress
+          className='full'
+          defaultValue={requestAddress}
+          isDisabled
+          isInput
+          label={t('sending from my account')}
+          withLabel
+        />
+      </Modal.Columns>
+      {proxyInfo && isProxyActive && (
+        <Modal.Columns hint={t('The proxy is one of the allowed proxies on the account, as set and filtered by the transaction type.')}>
+          <InputAddress
+            filter={proxyInfo.proxiesFilter}
+            help={t('The proxy to be used for this transaction.')}
+            label={t('proxy account')}
+            onChange={setProxyAddress}
+            type='account'
+          />
+        </Modal.Columns>
+      )}
+      {multiInfo && (
+        <Modal.Columns hint={t('The signatory is one of the allowed accounts on the multisig, making a recorded approval for the transaction.')}>
+          <InputAddress
+            filter={multiInfo.whoFilter}
+            help={t('The multisig signatory for this transaction.')}
+            label={t('multisig signatory')}
+            onChange={setMultiAddress}
+            type='account'
+          />
+        </Modal.Columns>
+      )}
+      {signAddress && !currentItem.isUnsigned && flags.isUnlockable && (
+        <Password
+          address={signAddress}
+          error={passwordError}
+          onChange={_updatePassword}
+          onEnter={onEnter}
+        />
+      )}
+      {passwordError && (
+        <Modal.Columns>
+          <MarkError content={passwordError} />
+        </Modal.Columns>
+      )}
+      {proxyInfo && (
+        <Modal.Columns hint={t('This could either be an approval for the hash or with full call details. The call as last approval triggers execution.')}>
+          <Toggle
+            className='tipToggle'
+            isDisabled={proxyInfo.isProxied}
+            label={
+              isProxyActive
+                ? t<string>('Use a proxy for this call')
+                : t<string>("Don't use a proxy for this call")
+            }
+            onChange={setIsProxyActive}
+            value={isProxyActive}
+          />
+        </Modal.Columns>
+      )}
+      {multiInfo && (
+        <Modal.Columns hint={t('This could either be an approval for the hash or with full call details. The call as last approval triggers execution.')}>
+          <Toggle
+            className='tipToggle'
+            label={
+              isMultiCall
+                ? t<string>('Multisig message with call (for final approval)')
+                : t<string>('Multisig approval with hash (non-final approval)')
+            }
+            onChange={setIsMultiCall}
+            value={isMultiCall}
+          />
+        </Modal.Columns>
+      )}
+    </>
+  );
+}
+
+export default React.memo(Address);
diff --git a/packages/react-signer/src/Password.tsx b/packages/react-signer/src/Password.tsx
new file mode 100644
index 0000000..57578c4
--- /dev/null
+++ b/packages/react-signer/src/Password.tsx
@@ -0,0 +1,85 @@
+// Copyright 2017-2022 @polkadot/react-signer authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { KeyringPair } from '@polkadot/keyring/types';
+
+import React, { useEffect, useMemo, useState } from 'react';
+import styled from 'styled-components';
+
+import { Modal, Password, Toggle } from '@polkadot/react-components';
+import { keyring } from '@polkadot/ui-keyring';
+
+import { useTranslation } from './translate';
+import { UNLOCK_MINS } from './util';
+
+interface Props {
+  address: string;
+  className?: string;
+  error?: string;
+  onChange: (password: string, isUnlockCached: boolean) => void;
+  onEnter?: () => void;
+  password: string;
+  tabIndex?: number;
+}
+
+function getPair (address: string): KeyringPair | null {
+  try {
+    return keyring.getPair(address);
+  } catch (error) {
+    return null;
+  }
+}
+
+function Unlock ({ address, className, error, onChange, onEnter, tabIndex }: Props): React.ReactElement<Props> | null {
+  const { t } = useTranslation();
+  const [password, setPassword] = useState('');
+  const [isUnlockCached, setIsUnlockCached] = useState(false);
+
+  const pair = useMemo(
+    () => getPair(address),
+    [address]
+  );
+
+  useEffect((): void => {
+    onChange(password, isUnlockCached);
+  }, [onChange, isUnlockCached, password]);
+
+  if (!pair || !pair.isLocked || pair.meta.isInjected) {
+    return null;
+  }
+
+  return (
+    <Modal.Columns
+      className={className}
+      hint={t('Unlock the sending account to allow signing of this transaction.')}
+    >
+      <Password
+        autoFocus
+        isError={!!error}
+        label={t<string>('unlock account with password')}
+        onChange={setPassword}
+        onEnter={onEnter}
+        tabIndex={tabIndex}
+        value={password}
+      >
+        <Toggle
+          isOverlay
+          label={t<string>('unlock for {{expiry}} min', { replace: { expiry: UNLOCK_MINS } })}
+          onChange={setIsUnlockCached}
+          value={isUnlockCached}
+        />
+      </Password>
+    </Modal.Columns>
+  );
+}
+
+export default React.memo(styled(Unlock)`
+  .errorLabel {
+    margin-right: 1rem;
+    color: #9f3a38 !important;
+  }
+
+  .ui--Toggle {
+    bottom: 1.1rem;
+  }
+`);
diff --git a/packages/react-signer/src/PaymentInfo.tsx b/packages/react-signer/src/PaymentInfo.tsx
new file mode 100644
index 0000000..d02955a
--- /dev/null
+++ b/packages/react-signer/src/PaymentInfo.tsx
@@ -0,0 +1,74 @@
+// Copyright 2017-2022 @polkadot/react-signer authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { SubmittableExtrinsic } from '@polkadot/api/promise/types';
+import type { DeriveBalancesAll } from '@polkadot/api-derive/types';
+import type { RuntimeDispatchInfo } from '@polkadot/types/interfaces';
+import type { BN } from '@polkadot/util';
+
+import React, { useEffect, useState } from 'react';
+import { Trans } from 'react-i18next';
+
+import { Expander, MarkWarning } from '@polkadot/react-components';
+import { useApi, useCall, useIsMountedRef } from '@polkadot/react-hooks';
+import { formatBalance, isFunction } from '@polkadot/util';
+
+import { useTranslation } from './translate';
+
+interface Props {
+  accountId: string | null;
+  className?: string;
+  extrinsic?: SubmittableExtrinsic | null;
+  isSendable: boolean;
+  onChange?: (hasAvailable: boolean) => void;
+  tip?: BN;
+}
+
+function PaymentInfo ({ accountId, className = '', extrinsic }: Props): React.ReactElement<Props> | null {
+  const { t } = useTranslation();
+  const { api } = useApi();
+  const [dispatchInfo, setDispatchInfo] = useState<RuntimeDispatchInfo | null>(null);
+  const balances = useCall<DeriveBalancesAll>(api.derive.balances?.all, [accountId]);
+  const mountedRef = useIsMountedRef();
+
+  useEffect((): void => {
+    accountId && extrinsic && isFunction(extrinsic.paymentInfo) && isFunction(api.rpc.payment?.queryInfo) &&
+      setTimeout((): void => {
+        try {
+          extrinsic
+            .paymentInfo(accountId)
+            .then((info) => mountedRef.current && setDispatchInfo(info))
+            .catch(console.error);
+        } catch (error) {
+          console.error(error);
+        }
+      }, 0);
+  }, [api, accountId, extrinsic, mountedRef]);
+
+  if (!dispatchInfo || !extrinsic) {
+    return null;
+  }
+
+  const isFeeError = api.consts.balances && !api.tx.balances?.transfer.is(extrinsic) && balances?.accountId.eq(accountId) && (
+    balances.availableBalance.lte(dispatchInfo.partialFee) ||
+    balances.freeBalance.sub(dispatchInfo.partialFee).lte(api.consts.balances.existentialDeposit)
+  );
+
+  return (
+    <>
+      <Expander
+        className={className}
+        summary={
+          <Trans i18nKey='feesForSubmission'>
+            Fees of <span className='highlight'>{formatBalance(dispatchInfo.partialFee, { withSiFull: true })}</span> will be applied to the submission
+          </Trans>
+        }
+      />
+      {isFeeError && (
+        <MarkWarning content={t<string>('The account does not have enough free funds (excluding locked/bonded/reserved) available to cover the transaction fees without dropping the balance below the account existential amount.')} />
+      )}
+    </>
+  );
+}
+
+export default React.memo(PaymentInfo);
diff --git a/packages/react-signer/src/Qr.tsx b/packages/react-signer/src/Qr.tsx
new file mode 100644
index 0000000..83298c8
--- /dev/null
+++ b/packages/react-signer/src/Qr.tsx
@@ -0,0 +1,100 @@
+// Copyright 2017-2022 @polkadot/react-signer authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import React, { useCallback, useState } from 'react';
+import styled from 'styled-components';
+
+import { Columar, MarkError, QrDisplayPayload, QrScanSignature, Spinner } from '@polkadot/react-components';
+import { isHex } from '@polkadot/util';
+
+import { useTranslation } from './translate';
+
+interface SigData {
+  signature: string
+}
+
+interface Props {
+  address: string;
+  className?: string;
+  genesisHash: Uint8Array;
+  isHashed: boolean;
+  isScanning: boolean;
+  onSignature: (data: SigData) => void;
+  payload: Uint8Array;
+}
+
+const CMD_HASH = 1;
+const CMD_MORTAL = 2;
+
+function Qr ({ address, className, genesisHash, isHashed, onSignature, payload }: Props): React.ReactElement<Props> {
+  const { t } = useTranslation();
+  const [sigError, setSigError] = useState<string | null>(null);
+
+  const _onSignature = useCallback(
+    (data: SigData): void => {
+      if (isHex(data.signature)) {
+        onSignature(data);
+      } else {
+        const signature = data.signature;
+
+        setSigError(t<string>('Non-signature, non-hex data received from QR. Data contains "{{sample}}" instead of a hex-only signature. Please present the correct signature generated from the QR presented for submission.', {
+          replace: {
+            sample: signature.length > 47
+              ? `${signature.substr(0, 24)}…${signature.substr(-22)}`
+              : signature
+          }
+        }));
+      }
+    },
+    [onSignature, t]
+  );
+
+  if (!address) {
+    return (
+      <Spinner label={t<string>('Preparing QR for signing')} />
+    );
+  }
+
+  return (
+    <>
+      <Columar className={className}>
+        <Columar.Column>
+          <div className='qrDisplay'>
+            <QrDisplayPayload
+              address={address}
+              cmd={
+                isHashed
+                  ? CMD_HASH
+                  : CMD_MORTAL
+              }
+              genesisHash={genesisHash}
+              payload={payload}
+            />
+          </div>
+        </Columar.Column>
+        <Columar.Column>
+          <div className='qrDisplay'>
+            <QrScanSignature onScan={_onSignature} />
+          </div>
+        </Columar.Column>
+      </Columar>
+      {sigError && (
+        <MarkError
+          className='nomargin'
+          content={sigError}
+        />
+      )}
+    </>
+  );
+}
+
+export default React.memo(styled(Qr)`
+  .qrDisplay {
+    margin: 0 auto;
+    max-width: 30rem;
+
+    img {
+      border: 1px solid white;
+    }
+  }
+`);
diff --git a/packages/react-signer/src/SignFields.tsx b/packages/react-signer/src/SignFields.tsx
new file mode 100644
index 0000000..d0965d6
--- /dev/null
+++ b/packages/react-signer/src/SignFields.tsx
@@ -0,0 +1,83 @@
+// Copyright 2017-2022 @polkadot/react-signer authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { SignerOptions } from '@polkadot/api/submittable/types';
+
+import React, { useCallback, useEffect, useState } from 'react';
+
+import { InputNumber, Modal, Output } from '@polkadot/react-components';
+import { useApi } from '@polkadot/react-hooks';
+import { BN, BN_ZERO } from '@polkadot/util';
+
+import { useTranslation } from './translate';
+
+interface Props {
+  address: string | null;
+  className?: string;
+  onChange: (signedOptions: Partial<SignerOptions>) => void;
+  signedTx: string | null;
+}
+
+function SignFields ({ address, onChange, signedTx }: Props): React.ReactElement<Props> {
+  const { api } = useApi();
+  const [blocks, setBlocks] = useState(() => new BN(64));
+  const [nonce, setNonce] = useState(BN_ZERO);
+  const { t } = useTranslation();
+
+  useEffect((): void => {
+    address && api.derive.balances
+      .account(address)
+      .then(({ accountNonce }) => setNonce(accountNonce))
+      .catch(console.error);
+  }, [address, api]);
+
+  useEffect((): void => {
+    onChange({ era: blocks.toNumber(), nonce });
+  }, [blocks, nonce, onChange]);
+
+  const _setBlocks = useCallback(
+    (blocks: BN = BN_ZERO) => setBlocks(blocks),
+    []
+  );
+
+  const _setNonce = useCallback(
+    (nonce: BN = BN_ZERO) => setNonce(nonce),
+    []
+  );
+
+  return (
+    <>
+      <Modal.Columns hint={t('Override any applicable values for the specific signed output. These will be used to construct and display the signed transaction.')}>
+        <InputNumber
+          isDisabled={!!signedTx}
+          isZeroable
+          label={t<string>('Nonce')}
+          labelExtra={t<string>('Current account nonce: {{accountNonce}}', { replace: { accountNonce: nonce } })}
+          onChange={_setNonce}
+          value={nonce}
+        />
+        <InputNumber
+          isDisabled={!!signedTx}
+          isZeroable
+          label={t<string>('Lifetime (# of blocks)')}
+          labelExtra={t<string>('Set to 0 to make transaction immortal')}
+          onChange={_setBlocks}
+          value={blocks}
+        />
+      </Modal.Columns>
+      {!!signedTx && (
+        <Modal.Columns hint={t('The actual fully constructed signed output. This can be used for submission via other channels.')}>
+          <Output
+            isFull
+            isTrimmed
+            label={t<string>('Signed transaction')}
+            value={signedTx}
+            withCopy
+          />
+        </Modal.Columns>
+      )}
+    </>
+  );
+}
+
+export default React.memo(SignFields);
diff --git a/packages/react-signer/src/Tip.tsx b/packages/react-signer/src/Tip.tsx
new file mode 100644
index 0000000..94bfec2
--- /dev/null
+++ b/packages/react-signer/src/Tip.tsx
@@ -0,0 +1,54 @@
+// Copyright 2017-2022 @polkadot/react-signer authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { BN } from '@polkadot/util';
+
+import React, { useEffect, useState } from 'react';
+
+import { InputBalance, Modal, Toggle } from '@polkadot/react-components';
+import { BN_ZERO } from '@polkadot/util';
+
+import { useTranslation } from './translate';
+
+interface Props {
+  className?: string;
+  onChange: (tip: BN) => void;
+}
+
+function Tip ({ className, onChange }: Props): React.ReactElement<Props> | null {
+  const { t } = useTranslation();
+  const [tip, setTip] = useState(BN_ZERO);
+  const [showTip, setShowTip] = useState(false);
+
+  useEffect((): void => {
+    onChange(showTip ? tip : BN_ZERO);
+  }, [onChange, showTip, tip]);
+
+  return (
+    <Modal.Columns
+      className={className}
+      hint={t<string>('Adding an optional tip to the transaction could allow for higher priority, especially when the chain is busy.')}
+    >
+      <Toggle
+        className='tipToggle'
+        label={
+          showTip
+            ? t<string>('Include an optional tip for faster processing')
+            : t<string>('Do not include a tip for the block author')
+        }
+        onChange={setShowTip}
+        value={showTip}
+      />
+      {showTip && (
+        <InputBalance
+          help={t<string>('Add a tip to this extrinsic, paying the block author for greater priority')}
+          isZeroable
+          label={t<string>('Tip (optional)')}
+          onChange={setTip}
+        />
+      )}
+    </Modal.Columns>
+  );
+}
+
+export default React.memo(Tip);
diff --git a/packages/react-signer/src/Transaction.tsx b/packages/react-signer/src/Transaction.tsx
new file mode 100644
index 0000000..6fdbce1
--- /dev/null
+++ b/packages/react-signer/src/Transaction.tsx
@@ -0,0 +1,83 @@
+// Copyright 2017-2022 @polkadot/react-signer authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { QueueTx } from '@polkadot/react-components/Status/types';
+import type { BN } from '@polkadot/util';
+
+import React from 'react';
+import styled from 'styled-components';
+
+import { Call, Expander, Modal } from '@polkadot/react-components';
+
+import PaymentInfo from './PaymentInfo';
+import { useTranslation } from './translate';
+
+interface Props {
+  accountId: string | null;
+  className?: string;
+  currentItem: QueueTx;
+  isSendable: boolean;
+  onError: () => void;
+  tip?: BN;
+}
+
+function Transaction ({ accountId, className, currentItem: { extrinsic, isUnsigned, payload }, isSendable, onError, tip }: Props): React.ReactElement<Props> | null {
+  const { t } = useTranslation();
+
+  if (!extrinsic) {
+    return null;
+  }
+
+  const { meta, method, section } = extrinsic.registry.findMetaCall(extrinsic.callIndex);
+  const args = meta?.args.map(({ name }) => name).join(', ') || '';
+
+  return (
+    <Modal.Columns
+      className={className}
+      hint={t<string>('The details of the transaction including the type, the description (as available from the chain metadata) as well as any parameters and fee estimations (as available) for the specific type of call.')}
+    >
+      <Expander
+        className='tx-details'
+        summary={<>{t<string>('Sending transaction')} <span className='highlight'>{section}.{method}({args})</span></>}
+        summaryMeta={meta}
+      >
+        <Call
+          onError={onError}
+          value={extrinsic}
+          withBorder={false}
+        />
+      </Expander>
+      {!isUnsigned && !payload && (
+        <PaymentInfo
+          accountId={accountId}
+          className='tx-details'
+          extrinsic={extrinsic}
+          isSendable={isSendable}
+          tip={tip}
+        />
+      )}
+    </Modal.Columns>
+  );
+}
+
+export default React.memo(styled(Transaction)`
+  .tx-details {
+    .ui--Expander-summary {
+      font-size: 1.1rem;
+      margin: 0 0 0.5rem;
+    }
+
+    .highlight {
+      font-weight: var(--font-weight-normal);
+    }
+
+    .meta {
+      margin-bottom: 0.5rem;
+      margin-left: 2rem;
+    }
+
+    .meta, .mute {
+      opacity: 0.6;
+    }
+  }
+`);
diff --git a/packages/react-signer/src/TxSigned.tsx b/packages/react-signer/src/TxSigned.tsx
new file mode 100644
index 0000000..90c06fa
--- /dev/null
+++ b/packages/react-signer/src/TxSigned.tsx
@@ -0,0 +1,450 @@
+// Copyright 2017-2022 @polkadot/react-signer authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { SignerOptions } from '@polkadot/api/submittable/types';
+import type { SubmittableExtrinsic } from '@polkadot/api/types';
+import type { Ledger } from '@polkadot/hw-ledger';
+import type { KeyringPair } from '@polkadot/keyring/types';
+import type { QueueTx, QueueTxMessageSetStatus } from '@polkadot/react-components/Status/types';
+import type { Option } from '@polkadot/types';
+import type { Multisig, Timepoint } from '@polkadot/types/interfaces';
+import type { HexString } from '@polkadot/util/types';
+import type { AddressFlags, AddressProxy, QrState } from './types';
+
+import React, { useCallback, useContext, useEffect, useState } from 'react';
+import styled from 'styled-components';
+
+import { ApiPromise } from '@polkadot/api';
+import { web3FromSource } from '@polkadot/extension-dapp';
+import { Button, ErrorBoundary, Modal, Output, StatusContext, Toggle } from '@polkadot/react-components';
+import { useApi, useLedger, useToggle } from '@polkadot/react-hooks';
+import { keyring } from '@polkadot/ui-keyring';
+import { assert, BN_ZERO } from '@polkadot/util';
+import { addressEq } from '@polkadot/util-crypto';
+
+import Address from './Address';
+import Qr from './Qr';
+import { AccountSigner, LedgerSigner, QrSigner } from './signers';
+import SignFields from './SignFields';
+import Tip from './Tip';
+import Transaction from './Transaction';
+import { useTranslation } from './translate';
+import { cacheUnlock, extractExternal, handleTxResults } from './util';
+
+interface Props {
+  className?: string;
+  currentItem: QueueTx;
+  requestAddress: string;
+}
+
+interface InnerTx {
+  innerHash: string | null;
+  innerTx: string | null;
+}
+
+const NOOP = () => undefined;
+
+const EMPTY_INNER: InnerTx = { innerHash: null, innerTx: null };
+
+let qrId = 0;
+
+function unlockAccount ({ isUnlockCached, signAddress, signPassword }: AddressProxy): string | null {
+  let publicKey;
+
+  try {
+    publicKey = keyring.decodeAddress(signAddress as string);
+  } catch (error) {
+    console.error(error);
+
+    return 'unable to decode address';
+  }
+
+  const pair = keyring.getPair(publicKey);
+
+  try {
+    pair.decodePkcs8(signPassword);
+    isUnlockCached && cacheUnlock(pair);
+  } catch (error) {
+    console.error(error);
+
+    return (error as Error).message;
+  }
+
+  return null;
+}
+
+async function signAndSend (queueSetTxStatus: QueueTxMessageSetStatus, currentItem: QueueTx, tx: SubmittableExtrinsic<'promise'>, pairOrAddress: KeyringPair | string, options: Partial<SignerOptions>): Promise<void> {
+  currentItem.txStartCb && currentItem.txStartCb();
+
+  try {
+    await tx.signAsync(pairOrAddress, options);
+
+    console.info('sending', tx.toHex());
+
+    queueSetTxStatus(currentItem.id, 'sending');
+
+    const unsubscribe = await tx.send(handleTxResults('signAndSend', queueSetTxStatus, currentItem, (): void => {
+      unsubscribe();
+    }));
+  } catch (error) {
+    console.error('signAndSend: error:', error);
+    queueSetTxStatus(currentItem.id, 'error', {}, error as Error);
+
+    currentItem.txFailedCb && currentItem.txFailedCb(error as Error);
+  }
+}
+
+async function signAsync (queueSetTxStatus: QueueTxMessageSetStatus, { id, txFailedCb = NOOP, txStartCb = NOOP }: QueueTx, tx: SubmittableExtrinsic<'promise'>, pairOrAddress: KeyringPair | string, options: Partial<SignerOptions>): Promise<string | null> {
+  txStartCb();
+
+  try {
+    await tx.signAsync(pairOrAddress, options);
+
+    return tx.toJSON();
+  } catch (error) {
+    console.error('signAsync: error:', error);
+    queueSetTxStatus(id, 'error', undefined, error as Error);
+
+    txFailedCb(error as Error);
+  }
+
+  return null;
+}
+
+async function wrapTx (api: ApiPromise, currentItem: QueueTx, { isMultiCall, multiRoot, proxyRoot, signAddress }: AddressProxy): Promise<SubmittableExtrinsic<'promise'>> {
+  let tx = currentItem.extrinsic as SubmittableExtrinsic<'promise'>;
+
+  if (proxyRoot) {
+    tx = api.tx.proxy.proxy(proxyRoot, null, tx);
+  }
+
+  if (multiRoot) {
+    const multiModule = api.tx.multisig ? 'multisig' : 'utility';
+    const [info, { weight }] = await Promise.all([
+      api.query[multiModule].multisigs<Option<Multisig>>(multiRoot, tx.method.hash),
+      tx.paymentInfo(multiRoot)
+    ]);
+    const { threshold, who } = extractExternal(multiRoot);
+    const others = who.filter((w) => w !== signAddress);
+    let timepoint: Timepoint | null = null;
+
+    if (info.isSome) {
+      timepoint = info.unwrap().when;
+    }
+
+    tx = isMultiCall
+      ? api.tx[multiModule].asMulti.meta.args.length === 6
+        // We are doing toHex here since we have a Vec<u8> input
+        ? api.tx[multiModule].asMulti(threshold, others, timepoint, tx.method.toHex(), false, weight)
+        // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+        // @ts-ignore
+        : api.tx[multiModule].asMulti(threshold, others, timepoint, tx.method)
+      : api.tx[multiModule].approveAsMulti.meta.args.length === 5
+        ? api.tx[multiModule].approveAsMulti(threshold, others, timepoint, tx.method.hash, weight)
+        // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+        // @ts-ignore
+        : api.tx[multiModule].approveAsMulti(threshold, others, timepoint, tx.method.hash);
+  }
+
+  return tx;
+}
+
+async function extractParams (api: ApiPromise, address: string, options: Partial<SignerOptions>, getLedger: () => Ledger, setQrState: (state: QrState) => void): Promise<['qr' | 'signing', string, Partial<SignerOptions>]> {
+  const pair = keyring.getPair(address);
+  const { meta: { accountOffset, addressOffset, isExternal, isHardware, isInjected, isProxied, source } } = pair;
+
+  if (isHardware) {
+    return ['signing', address, { ...options, signer: new LedgerSigner(api.registry, getLedger, accountOffset as number || 0, addressOffset as number || 0) }];
+  } else if (isExternal && !isProxied) {
+    return ['qr', address, { ...options, signer: new QrSigner(api.registry, setQrState) }];
+  } else if (isInjected) {
+    const injected = await web3FromSource(source as string);
+
+    assert(injected, `Unable to find a signer for ${address}`);
+
+    return ['signing', address, { ...options, signer: injected.signer }];
+  }
+
+  assert(addressEq(address, pair.address), `Unable to retrieve keypair for ${address}`);
+
+  return ['signing', address, { ...options, signer: new AccountSigner(api.registry, pair) }];
+}
+
+function tryExtract (address: string | null): AddressFlags {
+  try {
+    return extractExternal(address);
+  } catch {
+    return {} as AddressFlags;
+  }
+}
+
+function TxSigned ({ className, currentItem, requestAddress }: Props): React.ReactElement<Props> | null {
+  const { t } = useTranslation();
+  const { api } = useApi();
+  const { getLedger } = useLedger();
+  const { queueSetTxStatus } = useContext(StatusContext);
+  const [flags, setFlags] = useState(() => tryExtract(requestAddress));
+  const [error, setError] = useState<Error | null>(null);
+  const [{ isQrHashed, qrAddress, qrPayload, qrResolve }, setQrState] = useState<QrState>(() => ({ isQrHashed: false, qrAddress: '', qrPayload: new Uint8Array() }));
+  const [isBusy, setBusy] = useState(false);
+  const [isRenderError, toggleRenderError] = useToggle();
+  const [isSubmit, setIsSubmit] = useState(true);
+  const [passwordError, setPasswordError] = useState<string | null>(null);
+  const [senderInfo, setSenderInfo] = useState<AddressProxy>(() => ({ isMultiCall: false, isUnlockCached: false, multiRoot: null, proxyRoot: null, signAddress: requestAddress, signPassword: '' }));
+  const [signedOptions, setSignedOptions] = useState<Partial<SignerOptions>>({});
+  const [signedTx, setSignedTx] = useState<string | null>(null);
+  const [{ innerHash, innerTx }, setCallInfo] = useState<InnerTx>(EMPTY_INNER);
+  const [tip, setTip] = useState(BN_ZERO);
+
+  useEffect((): void => {
+    setFlags(tryExtract(senderInfo.signAddress));
+    setPasswordError(null);
+  }, [senderInfo]);
+
+  // when we are sending the hash only, get the wrapped call for display (proxies if required)
+  useEffect((): void => {
+    const method = currentItem.extrinsic && (
+      senderInfo.proxyRoot
+        ? api.tx.proxy.proxy(senderInfo.proxyRoot, null, currentItem.extrinsic)
+        : currentItem.extrinsic
+    ).method;
+
+    setCallInfo(
+      method
+        ? {
+          innerHash: method.hash.toHex(),
+          innerTx: senderInfo.multiRoot
+            ? method.toHex()
+            : null
+        }
+        : EMPTY_INNER
+    );
+  }, [api, currentItem, senderInfo]);
+
+  const _addQrSignature = useCallback(
+    ({ signature }: { signature: string }) => qrResolve && qrResolve({
+      id: ++qrId,
+      signature: signature as HexString
+    }),
+    [qrResolve]
+  );
+
+  const _unlock = useCallback(
+    async (): Promise<boolean> => {
+      let passwordError: string | null = null;
+
+      if (senderInfo.signAddress) {
+        if (flags.isUnlockable) {
+          passwordError = unlockAccount(senderInfo);
+        } else if (flags.isHardware) {
+          try {
+            const ledger = getLedger();
+            const { address } = await ledger.getAddress(false, flags.accountOffset, flags.addressOffset);
+
+            console.log(`Signing with Ledger address ${address}`);
+          } catch (error) {
+            console.error(error);
+
+            passwordError = t<string>('Unable to connect to the Ledger, ensure support is enabled in settings and no other app is using it. {{error}}', { replace: { error: (error as Error).message } });
+          }
+        }
+      }
+
+      setPasswordError(passwordError);
+
+      return !passwordError;
+    },
+    [flags, getLedger, senderInfo, t]
+  );
+
+  const _onSendPayload = useCallback(
+    (queueSetTxStatus: QueueTxMessageSetStatus, currentItem: QueueTx, senderInfo: AddressProxy): void => {
+      if (senderInfo.signAddress && currentItem.payload) {
+        const { id, payload, signerCb = NOOP } = currentItem;
+        const pair = keyring.getPair(senderInfo.signAddress);
+        const result = api.createType('ExtrinsicPayload', payload, { version: payload.version }).sign(pair);
+
+        signerCb(id, { id, ...result });
+        queueSetTxStatus(id, 'completed');
+      }
+    },
+    [api]
+  );
+
+  const _onSend = useCallback(
+    async (queueSetTxStatus: QueueTxMessageSetStatus, currentItem: QueueTx, senderInfo: AddressProxy): Promise<void> => {
+      if (senderInfo.signAddress) {
+        const [tx, [status, pairOrAddress, options]] = await Promise.all([
+          wrapTx(api, currentItem, senderInfo),
+          extractParams(api, senderInfo.signAddress, { nonce: -1, tip }, getLedger, setQrState)
+        ]);
+
+        queueSetTxStatus(currentItem.id, status);
+
+        await signAndSend(queueSetTxStatus, currentItem, tx, pairOrAddress, options);
+      }
+    },
+    [api, getLedger, tip]
+  );
+
+  const _onSign = useCallback(
+    async (queueSetTxStatus: QueueTxMessageSetStatus, currentItem: QueueTx, senderInfo: AddressProxy): Promise<void> => {
+      if (senderInfo.signAddress) {
+        const [tx, [, pairOrAddress, options]] = await Promise.all([
+          wrapTx(api, currentItem, senderInfo),
+          extractParams(api, senderInfo.signAddress, { ...signedOptions, tip }, getLedger, setQrState)
+        ]);
+
+        setSignedTx(await signAsync(queueSetTxStatus, currentItem, tx, pairOrAddress, options));
+      }
+    },
+    [api, getLedger, signedOptions, tip]
+  );
+
+  const _doStart = useCallback(
+    (): void => {
+      setBusy(true);
+
+      setTimeout((): void => {
+        const errorHandler = (error: Error): void => {
+          console.error(error);
+
+          setBusy(false);
+          setError(error);
+        };
+
+        _unlock()
+          .then((isUnlocked): void => {
+            if (isUnlocked) {
+              isSubmit
+                ? currentItem.payload
+                  ? _onSendPayload(queueSetTxStatus, currentItem, senderInfo)
+                  : _onSend(queueSetTxStatus, currentItem, senderInfo).catch(errorHandler)
+                : _onSign(queueSetTxStatus, currentItem, senderInfo).catch(errorHandler);
+            } else {
+              setBusy(false);
+            }
+          })
+          .catch((error): void => {
+            errorHandler(error as Error);
+          });
+      }, 0);
+    },
+    [_onSend, _onSendPayload, _onSign, _unlock, currentItem, isSubmit, queueSetTxStatus, senderInfo]
+  );
+
+  return (
+    <>
+      <Modal.Content className={className}>
+        <ErrorBoundary
+          error={error}
+          onError={toggleRenderError}
+        >
+          {(isBusy && flags.isQr)
+            ? (
+              <Qr
+                address={qrAddress}
+                genesisHash={api.genesisHash}
+                isHashed={isQrHashed}
+                onSignature={_addQrSignature}
+                payload={qrPayload}
+              />
+            )
+            : (
+              <>
+                <Transaction
+                  accountId={senderInfo.signAddress}
+                  currentItem={currentItem}
+                  onError={toggleRenderError}
+                />
+                <Address
+                  currentItem={currentItem}
+                  onChange={setSenderInfo}
+                  onEnter={_doStart}
+                  passwordError={passwordError}
+                  requestAddress={requestAddress}
+                />
+                {!currentItem.payload && (
+                  <Tip onChange={setTip} />
+                )}
+                {!isSubmit && (
+                  <SignFields
+                    address={senderInfo.signAddress}
+                    onChange={setSignedOptions}
+                    signedTx={signedTx}
+                  />
+                )}
+                {isSubmit && !senderInfo.isMultiCall && innerTx && (
+                  <Modal.Columns hint={t('The full call data that can be supplied to a final call to multi approvals')}>
+                    <Output
+                      isDisabled
+                      isTrimmed
+                      label={t<string>('multisig call data')}
+                      value={innerTx}
+                      withCopy
+                    />
+                  </Modal.Columns>
+                )}
+                {isSubmit && innerHash && (
+                  <Modal.Columns hint={t('The call hash as calculated for this transaction')}>
+                    <Output
+                      isDisabled
+                      isTrimmed
+                      label={t<string>('call hash')}
+                      value={innerHash}
+                      withCopy
+                    />
+                  </Modal.Columns>
+                )}
+              </>
+            )
+          }
+        </ErrorBoundary>
+      </Modal.Content>
+      <Modal.Actions>
+        <Button
+          icon={
+            flags.isQr
+              ? 'qrcode'
+              : 'sign-in-alt'
+          }
+          isBusy={isBusy}
+          isDisabled={!senderInfo.signAddress || isRenderError}
+          label={
+            flags.isQr
+              ? t<string>('Sign via Qr')
+              : isSubmit
+                ? t<string>('Sign and Submit')
+                : t<string>('Sign (no submission)')
+          }
+          onClick={_doStart}
+          tabIndex={2}
+        />
+        {!isBusy && (
+          <Toggle
+            className='signToggle'
+            isDisabled={!!currentItem.payload}
+            label={
+              isSubmit
+                ? t<string>('Sign and Submit')
+                : t<string>('Sign (no submission)')
+            }
+            onChange={setIsSubmit}
+            value={isSubmit}
+          />
+        )}
+      </Modal.Actions>
+    </>
+  );
+}
+
+export default React.memo(styled(TxSigned)`
+  .tipToggle {
+    width: 100%;
+    text-align: right;
+  }
+
+  .ui--Checks {
+    margin-top: 0.75rem;
+  }
+`);
diff --git a/packages/react-signer/src/TxUnsigned.tsx b/packages/react-signer/src/TxUnsigned.tsx
new file mode 100644
index 0000000..090e83e
--- /dev/null
+++ b/packages/react-signer/src/TxUnsigned.tsx
@@ -0,0 +1,73 @@
+// Copyright 2017-2022 @polkadot/react-signer authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { SubmittableExtrinsic } from '@polkadot/api/types';
+import type { QueueTx, QueueTxMessageSetStatus } from '@polkadot/react-components/Status/types';
+
+import React, { useCallback, useContext } from 'react';
+
+import { Button, ErrorBoundary, Modal, StatusContext } from '@polkadot/react-components';
+import { useToggle } from '@polkadot/react-hooks';
+
+import Transaction from './Transaction';
+import { useTranslation } from './translate';
+import { handleTxResults } from './util';
+
+interface Props {
+  className?: string;
+  currentItem: QueueTx;
+}
+
+async function send (queueSetTxStatus: QueueTxMessageSetStatus, currentItem: QueueTx, tx: SubmittableExtrinsic<'promise'>): Promise<void> {
+  currentItem.txStartCb && currentItem.txStartCb();
+
+  try {
+    const unsubscribe = await tx.send(handleTxResults('send', queueSetTxStatus, currentItem, (): void => {
+      unsubscribe();
+    }));
+  } catch (error) {
+    console.error('send: error:', error);
+    queueSetTxStatus(currentItem.id, 'error', {}, error as Error);
+
+    currentItem.txFailedCb && currentItem.txFailedCb(null);
+  }
+}
+
+function TxUnsigned ({ className, currentItem }: Props): React.ReactElement<Props> | null {
+  const { t } = useTranslation();
+  const { queueSetTxStatus } = useContext(StatusContext);
+  const [isRenderError, toggleRenderError] = useToggle();
+
+  const _onSend = useCallback(
+    async (): Promise<void> => {
+      if (currentItem.extrinsic) {
+        await send(queueSetTxStatus, currentItem, currentItem.extrinsic);
+      }
+    },
+    [currentItem, queueSetTxStatus]
+  );
+
+  return (
+    <>
+      <Modal.Content className={className}>
+        <ErrorBoundary onError={toggleRenderError}>
+          <Transaction
+            currentItem={currentItem}
+            onError={toggleRenderError}
+          />
+        </ErrorBoundary>
+      </Modal.Content>
+      <Modal.Actions>
+        <Button
+          icon='sign-in-alt'
+          isDisabled={isRenderError}
+          label={t('Submit (no signature)')}
+          onClick={_onSend}
+          tabIndex={2}
+        />
+      </Modal.Actions>
+    </>
+  );
+}
+
+export default React.memo(TxUnsigned);
diff --git a/packages/react-signer/src/index.tsx b/packages/react-signer/src/index.tsx
new file mode 100644
index 0000000..20922ff
--- /dev/null
+++ b/packages/react-signer/src/index.tsx
@@ -0,0 +1,150 @@
+// Copyright 2017-2022 @polkadot/react-signer authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { QueueTx, QueueTxMessageSetStatus, QueueTxResult } from '@polkadot/react-components/Status/types';
+import type { BareProps as Props } from '@polkadot/react-components/types';
+import type { DefinitionRpcExt } from '@polkadot/types/types';
+
+import React, { useCallback, useContext, useEffect, useMemo } from 'react';
+import styled from 'styled-components';
+
+import { ApiPromise } from '@polkadot/api';
+import { Modal, StatusContext } from '@polkadot/react-components';
+import { useApi } from '@polkadot/react-hooks';
+import { assert, isFunction, loggerFormat } from '@polkadot/util';
+
+import { useTranslation } from './translate';
+import TxSigned from './TxSigned';
+import TxUnsigned from './TxUnsigned';
+
+interface ItemState {
+  count: number;
+  currentItem: QueueTx | null;
+  isRpc: boolean;
+  isVisible: boolean;
+  requestAddress: string | null;
+}
+
+const NOOP = () => undefined;
+
+const AVAIL_STATUS = ['queued', 'qr', 'signing'];
+
+async function submitRpc (api: ApiPromise, { method, section }: DefinitionRpcExt, values: unknown[]): Promise<QueueTxResult> {
+  try {
+    const rpc = api.rpc as Record<string, Record<string, (...params: unknown[]) => Promise<unknown>>>;
+
+    assert(isFunction(rpc[section] && rpc[section][method]), `api.rpc.${section}.${method} does not exist`);
+
+    const result = await rpc[section][method](...values);
+
+    console.log('submitRpc: result ::', loggerFormat(result));
+
+    return {
+      result,
+      status: 'sent'
+    };
+  } catch (error) {
+    console.error(error);
+
+    return {
+      error: error as Error,
+      status: 'error'
+    };
+  }
+}
+
+async function sendRpc (api: ApiPromise, queueSetTxStatus: QueueTxMessageSetStatus, { id, rpc, values = [] }: QueueTx): Promise<void> {
+  if (rpc) {
+    queueSetTxStatus(id, 'sending');
+
+    // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
+    const { error, result, status } = await submitRpc(api, rpc, values);
+
+    queueSetTxStatus(id, status, result, error);
+  }
+}
+
+function extractCurrent (txqueue: QueueTx[]): ItemState {
+  const available = txqueue.filter(({ status }) => AVAIL_STATUS.includes(status));
+  const currentItem = available[0] || null;
+  let isRpc = false;
+  let isVisible = false;
+
+  if (currentItem) {
+    if (currentItem.status === 'queued' && !(currentItem.extrinsic || currentItem.payload)) {
+      isRpc = true;
+    } else if (currentItem.status !== 'signing') {
+      isVisible = true;
+    }
+  }
+
+  return {
+    count: available.length,
+    currentItem,
+    isRpc,
+    isVisible,
+    requestAddress: (currentItem && currentItem.accountId) || null
+  };
+}
+
+function Signer ({ children, className = '' }: Props): React.ReactElement<Props> {
+  const { api } = useApi();
+  const { t } = useTranslation();
+  const { queueSetTxStatus, txqueue } = useContext(StatusContext);
+
+  const { count, currentItem, isRpc, isVisible, requestAddress } = useMemo(
+    () => extractCurrent(txqueue),
+    [txqueue]
+  );
+
+  useEffect((): void => {
+    isRpc && currentItem &&
+      sendRpc(api, queueSetTxStatus, currentItem).catch(console.error);
+  }, [api, isRpc, currentItem, queueSetTxStatus]);
+
+  const _onCancel = useCallback(
+    (): void => {
+      if (currentItem) {
+        const { id, signerCb = NOOP, txFailedCb = NOOP } = currentItem;
+
+        queueSetTxStatus(id, 'cancelled');
+        signerCb(id, null);
+        txFailedCb(null);
+      }
+    },
+    [currentItem, queueSetTxStatus]
+  );
+
+  return (
+    <>
+      {children}
+      {currentItem && isVisible && (
+        <Modal
+          className={className}
+          header={<>{t('Authorize transaction')}{(count === 1) ? undefined : <>&nbsp;1/{count}</>}</>}
+          key={currentItem.id}
+          onClose={_onCancel}
+          size='large'
+        >
+          {currentItem.isUnsigned
+            ? <TxUnsigned currentItem={currentItem} />
+            : (
+              <TxSigned
+                currentItem={currentItem}
+                requestAddress={requestAddress}
+              />
+            )
+          }
+        </Modal>
+      )}
+    </>
+  );
+}
+
+export default React.memo(styled(Signer)`
+  .signToggle {
+    bottom: 1.5rem;
+    left: 1.5rem;
+    position: absolute;
+  }
+`);
diff --git a/packages/react-signer/src/signers/AccountSigner.ts b/packages/react-signer/src/signers/AccountSigner.ts
new file mode 100644
index 0000000..aff8a65
--- /dev/null
+++ b/packages/react-signer/src/signers/AccountSigner.ts
@@ -0,0 +1,29 @@
+// Copyright 2017-2022 @polkadot/react-signer authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { Signer, SignerResult } from '@polkadot/api/types';
+import type { KeyringPair } from '@polkadot/keyring/types';
+import type { Registry, SignerPayloadJSON } from '@polkadot/types/types';
+
+import { lockAccount } from '../util';
+
+let id = 0;
+
+export default class AccountSigner implements Signer {
+  readonly #keyringPair: KeyringPair;
+  readonly #registry: Registry;
+
+  constructor (registry: Registry, keyringPair: KeyringPair) {
+    this.#keyringPair = keyringPair;
+    this.#registry = registry;
+  }
+
+  public async signPayload (payload: SignerPayloadJSON): Promise<SignerResult> {
+    return new Promise((resolve): void => {
+      const signed = this.#registry.createType('ExtrinsicPayload', payload, { version: payload.version }).sign(this.#keyringPair);
+
+      lockAccount(this.#keyringPair);
+      resolve({ id: ++id, ...signed });
+    });
+  }
+}
diff --git a/packages/react-signer/src/signers/ApiSigner.ts b/packages/react-signer/src/signers/ApiSigner.ts
new file mode 100644
index 0000000..434e202
--- /dev/null
+++ b/packages/react-signer/src/signers/ApiSigner.ts
@@ -0,0 +1,40 @@
+// Copyright 2017-2022 @polkadot/react-signer authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { SubmittableResult } from '@polkadot/api';
+import type { Signer, SignerResult } from '@polkadot/api/types';
+import type { QueueTxMessageSetStatus, QueueTxPayloadAdd, QueueTxStatus } from '@polkadot/react-components/Status/types';
+import type { Hash } from '@polkadot/types/interfaces';
+import type { Registry, SignerPayloadJSON } from '@polkadot/types/types';
+
+export default class ApiSigner implements Signer {
+  readonly #queuePayload: QueueTxPayloadAdd;
+  readonly #queueSetTxStatus: QueueTxMessageSetStatus;
+  readonly #registry: Registry;
+
+  constructor (registry: Registry, queuePayload: QueueTxPayloadAdd, queueSetTxStatus: QueueTxMessageSetStatus) {
+    this.#queuePayload = queuePayload;
+    this.#queueSetTxStatus = queueSetTxStatus;
+    this.#registry = registry;
+  }
+
+  public async signPayload (payload: SignerPayloadJSON): Promise<SignerResult> {
+    return new Promise((resolve, reject): void => {
+      this.#queuePayload(this.#registry, payload, (id: number, result: SignerResult | null): void => {
+        if (result) {
+          resolve(result);
+        } else {
+          reject(new Error('Unable to sign'));
+        }
+      });
+    });
+  }
+
+  public update (id: number, result: Hash | SubmittableResult): void {
+    if (result instanceof this.#registry.createClass('Hash')) {
+      this.#queueSetTxStatus(id, 'sent', result.toHex());
+    } else {
+      this.#queueSetTxStatus(id, result.status.type.toLowerCase() as QueueTxStatus, status);
+    }
+  }
+}
diff --git a/packages/react-signer/src/signers/LedgerSigner.ts b/packages/react-signer/src/signers/LedgerSigner.ts
new file mode 100644
index 0000000..93e7459
--- /dev/null
+++ b/packages/react-signer/src/signers/LedgerSigner.ts
@@ -0,0 +1,29 @@
+// Copyright 2017-2022 @polkadot/react-signer authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { Signer, SignerResult } from '@polkadot/api/types';
+import type { Ledger } from '@polkadot/hw-ledger';
+import type { Registry, SignerPayloadJSON } from '@polkadot/types/types';
+
+let id = 0;
+
+export default class LedgerSigner implements Signer {
+  readonly #accountOffset: number;
+  readonly #addressOffset: number;
+  readonly #getLedger: () => Ledger;
+  readonly #registry: Registry;
+
+  constructor (registry: Registry, getLedger: () => Ledger, accountOffset: number, addressOffset: number) {
+    this.#accountOffset = accountOffset;
+    this.#addressOffset = addressOffset;
+    this.#getLedger = getLedger;
+    this.#registry = registry;
+  }
+
+  public async signPayload (payload: SignerPayloadJSON): Promise<SignerResult> {
+    const raw = this.#registry.createType('ExtrinsicPayload', payload, { version: payload.version });
+    const { signature } = await this.#getLedger().sign(raw.toU8a(true), this.#accountOffset, this.#addressOffset);
+
+    return { id: ++id, signature };
+  }
+}
diff --git a/packages/react-signer/src/signers/QrSigner.ts b/packages/react-signer/src/signers/QrSigner.ts
new file mode 100644
index 0000000..82baef7
--- /dev/null
+++ b/packages/react-signer/src/signers/QrSigner.ts
@@ -0,0 +1,37 @@
+// Copyright 2017-2022 @polkadot/react-signer authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { Signer, SignerResult } from '@polkadot/api/types';
+import type { Registry, SignerPayloadJSON } from '@polkadot/types/types';
+import type { QrState } from '../types';
+
+import { blake2AsU8a } from '@polkadot/util-crypto';
+
+export default class QrSigner implements Signer {
+  readonly #registry: Registry;
+  readonly #setState: (state: QrState) => void;
+
+  constructor (registry: Registry, setState: (state: QrState) => void) {
+    this.#registry = registry;
+    this.#setState = setState;
+  }
+
+  public async signPayload (payload: SignerPayloadJSON): Promise<SignerResult> {
+    return new Promise((resolve, reject): void => {
+      // limit size of the transaction
+      const isQrHashed = (payload.method.length > 5000);
+      const wrapper = this.#registry.createType('ExtrinsicPayload', payload, { version: payload.version });
+      const qrPayload = isQrHashed
+        ? blake2AsU8a(wrapper.toU8a(true))
+        : wrapper.toU8a();
+
+      this.#setState({
+        isQrHashed,
+        qrAddress: payload.address,
+        qrPayload,
+        qrReject: reject,
+        qrResolve: resolve
+      });
+    });
+  }
+}
diff --git a/packages/react-signer/src/signers/index.ts b/packages/react-signer/src/signers/index.ts
new file mode 100644
index 0000000..5d3c333
--- /dev/null
+++ b/packages/react-signer/src/signers/index.ts
@@ -0,0 +1,7 @@
+// Copyright 2017-2022 @polkadot/react-signer authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+export { default as AccountSigner } from './AccountSigner';
+export { default as ApiSigner } from './ApiSigner';
+export { default as LedgerSigner } from './LedgerSigner';
+export { default as QrSigner } from './QrSigner';
diff --git a/packages/react-signer/src/translate.ts b/packages/react-signer/src/translate.ts
new file mode 100644
index 0000000..728cbb5
--- /dev/null
+++ b/packages/react-signer/src/translate.ts
@@ -0,0 +1,12 @@
+// Copyright 2017-2022 @polkadot/react-signer authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { UseTranslationResponse } from 'react-i18next';
+
+import { useTranslation as useTranslationBase, withTranslation } from 'react-i18next';
+
+export function useTranslation (): UseTranslationResponse<'react-signer', undefined> {
+  return useTranslationBase('react-signer');
+}
+
+export default withTranslation(['react-signer']);
diff --git a/packages/react-signer/src/types.ts b/packages/react-signer/src/types.ts
new file mode 100644
index 0000000..bd859b3
--- /dev/null
+++ b/packages/react-signer/src/types.ts
@@ -0,0 +1,40 @@
+// Copyright 2017-2022 @polkadot/react-signer authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { SignerResult } from '@polkadot/api/types';
+
+export interface AddressFlags {
+  accountOffset: number;
+  addressOffset: number;
+  hardwareType?: string;
+  isHardware: boolean;
+  isMultisig: boolean;
+  isProxied: boolean;
+  isQr: boolean;
+  isUnlockable: boolean;
+  threshold: number;
+  who: string[];
+}
+
+export interface AddressProxy {
+  isMultiCall: boolean;
+  isUnlockCached: boolean;
+  multiRoot: string | null;
+  proxyRoot: string | null;
+  signAddress: string | null;
+  signPassword: string;
+}
+
+export interface QrState {
+  isQrHashed: boolean;
+  qrAddress: string;
+  qrPayload: Uint8Array;
+  qrResolve?: (result: SignerResult) => void;
+  qrReject?: (error: Error) => void;
+}
+
+export interface Signed {
+  data: Uint8Array;
+  message: Uint8Array;
+  signature: Uint8Array;
+}
diff --git a/packages/react-signer/src/util.ts b/packages/react-signer/src/util.ts
new file mode 100644
index 0000000..aba973f
--- /dev/null
+++ b/packages/react-signer/src/util.ts
@@ -0,0 +1,107 @@
+// Copyright 2017-2022 @polkadot/react-signer authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { KeyringPair } from '@polkadot/keyring/types';
+import type { QueueTx, QueueTxMessageSetStatus, QueueTxStatus } from '@polkadot/react-components/Status/types';
+import type { AddressFlags } from './types';
+
+import { SubmittableResult } from '@polkadot/api';
+import { keyring } from '@polkadot/ui-keyring';
+
+const NOOP = () => undefined;
+const NO_FLAGS = { accountOffset: 0, addressOffset: 0, isHardware: false, isMultisig: false, isProxied: false, isQr: false, isUnlockable: false, threshold: 0, who: [] };
+
+export const UNLOCK_MINS = 15;
+
+const LOCK_DELAY = UNLOCK_MINS * 60 * 1000;
+
+const lockCountdown: Record<string, number> = {};
+
+export function cacheUnlock (pair: KeyringPair): void {
+  lockCountdown[pair.address] = Date.now() + LOCK_DELAY;
+}
+
+export function lockAccount (pair: KeyringPair): void {
+  if ((Date.now() > (lockCountdown[pair.address] || 0)) && !pair.isLocked) {
+    pair.lock();
+  }
+}
+
+export function extractExternal (accountId: string | null): AddressFlags {
+  if (!accountId) {
+    return NO_FLAGS;
+  }
+
+  let publicKey;
+
+  try {
+    publicKey = keyring.decodeAddress(accountId);
+  } catch (error) {
+    console.error(error);
+
+    return NO_FLAGS;
+  }
+
+  const pair = keyring.getPair(publicKey);
+  const { isExternal, isHardware, isInjected, isMultisig, isProxied } = pair.meta;
+  const isUnlockable = !isExternal && !isHardware && !isInjected;
+
+  if (isUnlockable) {
+    const entry = lockCountdown[pair.address];
+
+    if (entry && (Date.now() > entry) && !pair.isLocked) {
+      pair.lock();
+      lockCountdown[pair.address] = 0;
+    }
+  }
+
+  return {
+    accountOffset: pair.meta.accountOffset as number || 0,
+    addressOffset: pair.meta.addressOffset as number || 0,
+    hardwareType: pair.meta.hardwareType as string,
+    isHardware: !!isHardware,
+    isMultisig: !!isMultisig,
+    isProxied: !!isProxied,
+    isQr: !!isExternal && !isMultisig && !isProxied && !isHardware && !isInjected,
+    isUnlockable: isUnlockable && pair.isLocked,
+    threshold: (pair.meta.threshold as number) || 0,
+    who: ((pair.meta.who as string[]) || []).map(recodeAddress)
+  };
+}
+
+export function recodeAddress (address: string | Uint8Array): string {
+  return keyring.encodeAddress(keyring.decodeAddress(address));
+}
+
+export function handleTxResults (handler: 'send' | 'signAndSend', queueSetTxStatus: QueueTxMessageSetStatus, { id, txFailedCb = NOOP, txSuccessCb = NOOP, txUpdateCb = NOOP }: QueueTx, unsubscribe: () => void): (result: SubmittableResult) => void {
+  return (result: SubmittableResult): void => {
+    if (!result || !result.status) {
+      return;
+    }
+
+    const status = result.status.type.toLowerCase() as QueueTxStatus;
+
+    console.log(`${handler}: status :: ${JSON.stringify(result)}`);
+
+    queueSetTxStatus(id, status, result);
+    txUpdateCb(result);
+
+    if (result.status.isFinalized || result.status.isInBlock) {
+      result.events
+        .filter(({ event: { section } }) => section === 'system')
+        .forEach(({ event: { method } }): void => {
+          if (method === 'ExtrinsicFailed') {
+            txFailedCb(result);
+          } else if (method === 'ExtrinsicSuccess') {
+            txSuccessCb(result);
+          }
+        });
+    } else if (result.isError) {
+      txFailedCb(result);
+    }
+
+    if (result.isCompleted) {
+      unsubscribe();
+    }
+  };
+}
diff --git a/packages/react-signer/tsconfig.build.json b/packages/react-signer/tsconfig.build.json
new file mode 100644
index 0000000..da24d9f
--- /dev/null
+++ b/packages/react-signer/tsconfig.build.json
@@ -0,0 +1,9 @@
+{
+  "extends": "../../tsconfig.base.json",
+  "compilerOptions": {
+    "baseUrl": "..",
+    "outDir": "./build",
+    "rootDir": "./src"
+  },
+  "references": []
+}
diff --git a/packages/test-support/.skip-build b/packages/test-support/.skip-build
new file mode 100644
index 0000000..e69de29
diff --git a/packages/test-support/.skip-npm b/packages/test-support/.skip-npm
new file mode 100644
index 0000000..e69de29
diff --git a/packages/test-support/package.json b/packages/test-support/package.json
new file mode 100644
index 0000000..397869e
--- /dev/null
+++ b/packages/test-support/package.json
@@ -0,0 +1,24 @@
+{
+  "bugs": "https://github.com/polkadot-js/apps/issues",
+  "homepage": "https://github.com/polkadot-js/apps/tree/master/packages/test-support#readme",
+  "license": "Apache-2.0",
+  "name": "@polkadot/test-support",
+  "private": true,
+  "repository": {
+    "directory": "packages/test-support",
+    "type": "git",
+    "url": "https://github.com/polkadot-js/apps.git"
+  },
+  "sideEffects": false,
+  "type": "module",
+  "version": "0.112.2-14",
+  "dependencies": {
+    "@testing-library/react": "^12.1.4",
+    "testcontainers": "^8.6.0"
+  },
+  "devDependencies": {
+    "@polkadot/types-support": "^8.0.3-1",
+    "@testing-library/jest-dom": "^5.16.3",
+    "tsconfig-paths": "^3.14.1"
+  }
+}
diff --git a/packages/test-support/scripts/createBounties.ts b/packages/test-support/scripts/createBounties.ts
new file mode 100644
index 0000000..72ed555
--- /dev/null
+++ b/packages/test-support/scripts/createBounties.ts
@@ -0,0 +1,34 @@
+// Copyright 2017-2022 @polkadot/test-support authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import { createApi } from '@polkadot/test-support/api';
+import { aliceSigner } from '@polkadot/test-support/keyring';
+
+import { multiAcceptCurator, multiApproveBounty, multiAwardBounty, multiClaimBounty, multiProposeBounty, multiProposeCurator, multiWaitForBountyFunded, multiWaitForClaim } from './lib/multiFunctions';
+
+(async () => {
+  const api = await createApi(9944);
+
+  const indexes = await multiProposeBounty(api, 6, aliceSigner());
+
+  indexes.pop();
+  await multiApproveBounty(api, indexes, aliceSigner());
+
+  await multiWaitForBountyFunded(api, indexes);
+
+  indexes.pop();
+  await multiProposeCurator(api, indexes, aliceSigner());
+
+  indexes.pop();
+  await multiAcceptCurator(api, indexes, aliceSigner());
+
+  indexes.pop();
+  await multiAwardBounty(api, indexes, aliceSigner());
+
+  await multiWaitForClaim(api, indexes);
+
+  indexes.pop();
+  await multiClaimBounty(api, indexes, aliceSigner());
+
+  await api.disconnect();
+})().catch((err) => console.error(err));
diff --git a/packages/test-support/scripts/lib/bountyWaitFunctions.ts b/packages/test-support/scripts/lib/bountyWaitFunctions.ts
new file mode 100644
index 0000000..4976dcf
--- /dev/null
+++ b/packages/test-support/scripts/lib/bountyWaitFunctions.ts
@@ -0,0 +1,34 @@
+// Copyright 2017-2022 @polkadot/test-support authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import { ApiPromise } from '@polkadot/api';
+import { DeriveBounty } from '@polkadot/api-derive/types';
+import { waitFor, WaitOptions } from '@polkadot/test-support/utils/waitFor';
+
+type bStatus = 'isFunded' | 'isActive';
+
+async function getBounty (api: ApiPromise, bountyIndex: number): Promise<DeriveBounty> {
+  const bounties = await api.derive.bounties.bounties();
+
+  return bounties.find((bounty) => (bounty.index.toNumber() === bountyIndex)) as DeriveBounty;
+}
+
+export async function waitForBountyState (api: ApiPromise, expectedState: bStatus, index: number, { interval = 500,
+  timeout = 10000 } = {}): Promise<boolean> {
+  return waitFor(async () => {
+    const bounty = await getBounty(api, index);
+
+    return bounty.bounty.status[expectedState];
+  }, { interval, timeout });
+}
+
+export async function waitForClaim (api: ApiPromise, index: number, { interval = 500, timeout = 10000 }: WaitOptions): Promise<boolean> {
+  return waitFor(async () => {
+    const bounty = await getBounty(api, index);
+    const unlockAt = bounty.bounty.status.asPendingPayout.unlockAt;
+
+    const bestNumber = await api.derive.chain.bestNumber();
+
+    return unlockAt.lt(bestNumber);
+  }, { interval, timeout });
+}
diff --git a/packages/test-support/scripts/lib/changeBountyStateFunctions.ts b/packages/test-support/scripts/lib/changeBountyStateFunctions.ts
new file mode 100644
index 0000000..7d57ea1
--- /dev/null
+++ b/packages/test-support/scripts/lib/changeBountyStateFunctions.ts
@@ -0,0 +1,45 @@
+// Copyright 2017-2022 @polkadot/test-support authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { ApiPromise } from '@polkadot/api';
+import type { KeyringPair } from '@polkadot/keyring/types';
+import type { BN } from '@polkadot/util';
+
+import { execute } from '@polkadot/test-support/transaction';
+
+import { acceptMotion, fillTreasury, getMotion, proposeMotion } from './helpers';
+
+export async function acceptCurator (api: ApiPromise, id: number, signer: KeyringPair): Promise<void> {
+  await execute(api.tx.bounties.acceptCurator(id), signer);
+}
+
+export async function awardBounty (api: ApiPromise, index: number, signer: KeyringPair): Promise<void> {
+  await execute(api.tx.bounties.awardBounty(index, signer.address), signer);
+}
+
+export async function claimBounty (api: ApiPromise, index: number, signer: KeyringPair): Promise<void> {
+  await execute(api.tx.bounties.claimBounty(index), signer);
+}
+
+export async function proposeBounty (api: ApiPromise, value: BN, title: string, signer: KeyringPair): Promise<number> {
+  await execute(api.tx.bounties.proposeBounty(value, title), signer);
+  const index = await api.query.bounties.bountyCount();
+
+  return index.toNumber() - 1;
+}
+
+export async function proposeCurator (api: ApiPromise, index: number, signer: KeyringPair): Promise<void> {
+  await proposeMotion(api, api.tx.bounties.proposeCurator(index, signer.address, 10), signer);
+  const bountyProposal = await getMotion(api, index);
+
+  await acceptMotion(api, bountyProposal.hash, bountyProposal.votes?.index.toNumber() ?? 0);
+}
+
+export async function approveBounty (api: ApiPromise, index: number, signer: KeyringPair): Promise<void> {
+  await proposeMotion(api, api.tx.bounties.approveBounty(index), signer);
+
+  const bountyProposal = await getMotion(api, index);
+
+  await acceptMotion(api, bountyProposal.hash, bountyProposal.votes?.index.toNumber() ?? 0);
+  await fillTreasury(api, signer);
+}
diff --git a/packages/test-support/scripts/lib/constants.ts b/packages/test-support/scripts/lib/constants.ts
new file mode 100644
index 0000000..4c6922a
--- /dev/null
+++ b/packages/test-support/scripts/lib/constants.ts
@@ -0,0 +1,10 @@
+// Copyright 2017-2022 @polkadot/test-support authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import { BN } from '@polkadot/util';
+
+export const TREASURY_ADDRESS = '13UVJyLnbVp9RBZYFwFGyDvVd1y27Tt8tkntv6Q7JVPhFsTB';
+export const FUNDING_TIME = 150000;
+export const PAYOUT_TIME = 150000;
+export const WEIGHT_BOUND = new BN('10000000000');
+export const LENGTH_BOUND = 100000;
diff --git a/packages/test-support/scripts/lib/helpers.ts b/packages/test-support/scripts/lib/helpers.ts
new file mode 100644
index 0000000..c1e9bba
--- /dev/null
+++ b/packages/test-support/scripts/lib/helpers.ts
@@ -0,0 +1,92 @@
+// Copyright 2017-2022 @polkadot/test-support authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import { ApiPromise } from '@polkadot/api';
+import { SubmittableExtrinsic } from '@polkadot/api/types';
+import { DeriveCollectiveProposal } from '@polkadot/api-derive/types';
+import { KeyringPair } from '@polkadot/keyring/types';
+import { charlieSigner, daveSigner, eveSigner, ferdieSigner } from '@polkadot/test-support/keyring';
+import { execute } from '@polkadot/test-support/transaction';
+import { Hash } from '@polkadot/types/interfaces';
+import { BN } from '@polkadot/util';
+
+import { LENGTH_BOUND, TREASURY_ADDRESS, WEIGHT_BOUND } from './constants';
+
+export async function acceptMotion (api: ApiPromise, hash: Hash, index: number): Promise<void> {
+  const charlieVote = execute(api.tx.council.vote(hash, index, true), charlieSigner());
+  const daveVote = execute(api.tx.council.vote(hash, index, true), daveSigner());
+  const eveVote = execute(api.tx.council.vote(hash, index, true), eveSigner());
+  const ferdieVote = execute(api.tx.council.vote(hash, index, true), ferdieSigner());
+
+  await Promise.all([charlieVote, daveVote, eveVote, ferdieVote]);
+  await execute(api.tx.council.close(hash, index, WEIGHT_BOUND, LENGTH_BOUND), charlieSigner());
+}
+
+export async function fillTreasury (api: ApiPromise, signer: KeyringPair): Promise<void> {
+  await execute(api.tx.balances.transfer(TREASURY_ADDRESS, new BN('50000000000000000')), signer);
+}
+
+export async function proposeMotion (api: ApiPromise, submittableExtrinsic: SubmittableExtrinsic<'promise'>, signer: KeyringPair): Promise<void> {
+  await execute(api.tx.council.propose(4, submittableExtrinsic, LENGTH_BOUND), signer);
+}
+
+export async function getMotion (api: ApiPromise, index: number): Promise<DeriveCollectiveProposal> {
+  const bounties = await api.derive.bounties.bounties();
+  const bountyProposals = bounties.find((bounty) => (bounty.index.toNumber() === index))?.proposals as DeriveCollectiveProposal[];
+
+  return bountyProposals[0];
+}
+
+export async function multiProposeMotion (api: ApiPromise, submittableExtrinsicArray: SubmittableExtrinsic<'promise'>[], signer: KeyringPair): Promise<void> {
+  const proposeExtrinsicArray =
+    submittableExtrinsicArray.map((extrinsic) =>
+      api.tx.council.propose(4, extrinsic, LENGTH_BOUND));
+
+  await execute(api.tx.utility.batch(proposeExtrinsicArray), signer);
+}
+
+export async function multiGetMotion (api: ApiPromise, indexes: number[]): Promise<DeriveCollectiveProposal[]> {
+  const bounties = await api.derive.bounties.bounties();
+  const bountyProposals =
+    indexes.map((index) =>
+      bounties.find((bounty) =>
+        (bounty.index.toNumber() === index))?.proposals as DeriveCollectiveProposal[]);
+
+  return bountyProposals.map((arr) => arr[0]);
+}
+
+async function multiVoteAye (acceptMotionSigners: KeyringPair[], api: ApiPromise, indexes: number[], hashes: Hash[]) {
+  await Promise.all(
+    acceptMotionSigners.map((signer) =>
+      execute(
+        api.tx.utility.batch(
+          indexes.map((bountyIndex, i) => api.tx.council.vote(hashes[i], bountyIndex, true))
+        ),
+        signer
+      )
+    )
+  );
+}
+
+async function multiCloseMotion (api: ApiPromise, indexes: number[], hashes: Hash[]) {
+  await execute(
+    api.tx.utility.batch(
+      indexes.map((bountyIndex, i) => api.tx.council.close(hashes[i], bountyIndex, WEIGHT_BOUND, LENGTH_BOUND))),
+    charlieSigner()
+  );
+}
+
+export async function multiAcceptMotion (api: ApiPromise, hashes: Hash[], indexes: number[]): Promise<void> {
+  const acceptMotionSigners = [charlieSigner(), daveSigner(), eveSigner(), ferdieSigner()];
+
+  await multiVoteAye(acceptMotionSigners, api, indexes, hashes);
+  await multiCloseMotion(api, indexes, hashes);
+}
+
+export function extractIndexesFromProposals (bountyProposals: DeriveCollectiveProposal[]): number[] {
+  return bountyProposals.map((proposal) => proposal.votes?.index.toNumber() ?? 0);
+}
+
+export function extractHashesFromProposals (bountyProposals: DeriveCollectiveProposal[]): Hash[] {
+  return bountyProposals.map((proposal) => proposal.hash);
+}
diff --git a/packages/test-support/scripts/lib/multiFunctions.ts b/packages/test-support/scripts/lib/multiFunctions.ts
new file mode 100644
index 0000000..1e59d98
--- /dev/null
+++ b/packages/test-support/scripts/lib/multiFunctions.ts
@@ -0,0 +1,84 @@
+// Copyright 2017-2022 @polkadot/test-support authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import { ApiPromise } from '@polkadot/api';
+import { KeyringPair } from '@polkadot/keyring/types';
+import { execute } from '@polkadot/test-support/transaction';
+import { BN } from '@polkadot/util';
+
+import { waitForBountyState, waitForClaim } from './bountyWaitFunctions';
+import { FUNDING_TIME, PAYOUT_TIME } from './constants';
+import { extractHashesFromProposals, extractIndexesFromProposals, fillTreasury, multiAcceptMotion, multiGetMotion, multiProposeMotion } from './helpers';
+
+export async function multiProposeBounty (api: ApiPromise, numberOfBounties: number, signer: KeyringPair): Promise<number[]> {
+  const initialIndex = await api.query.bounties.bountyCount();
+
+  const arr = Array.from({ length: numberOfBounties }, (_, i) => api.tx.bounties.proposeBounty(new BN(500_000_000_000_000), `new bounty no ${i}`));
+
+  await execute(
+    api.tx.utility.batch(arr),
+    signer
+  );
+  const endIndex = await api.query.bounties.bountyCount();
+
+  if ((endIndex.sub(initialIndex)).toNumber() !== numberOfBounties) {
+    throw new Error('Multi Propose Failed');
+  }
+
+  return Array.from({ length: numberOfBounties }, (_, i) => i + initialIndex.toNumber());
+}
+
+export async function multiApproveBounty (api: ApiPromise, bountyIndexes: number[], signer: KeyringPair): Promise<void> {
+  const extrinsicArray = bountyIndexes.map((index) => api.tx.bounties.approveBounty(index));
+
+  await multiProposeMotion(api, extrinsicArray, signer);
+
+  const bountyProposals = await multiGetMotion(api, bountyIndexes);
+
+  await fillTreasury(api, signer);
+  await multiAcceptMotion(api, extractHashesFromProposals(bountyProposals), extractIndexesFromProposals(bountyProposals));
+}
+
+export async function multiWaitForBountyFunded (api: ApiPromise, bountyIndexes: number[]): Promise<void> {
+  const waitFunctions = bountyIndexes.map((bountyIndex) =>
+    waitForBountyState(api, 'isFunded', bountyIndex, { interval: 2000, timeout: FUNDING_TIME }));
+
+  await Promise.all(waitFunctions);
+}
+
+export async function multiProposeCurator (api: ApiPromise, bountyIndexes: number[], signer: KeyringPair): Promise<void> {
+  const extrinsicArray = bountyIndexes.map((index) => api.tx.bounties.proposeCurator(index, signer.address, 10));
+
+  await multiProposeMotion(api, extrinsicArray, signer);
+
+  const bountyProposals = await multiGetMotion(api, bountyIndexes);
+
+  await multiAcceptMotion(api, extractHashesFromProposals(bountyProposals), extractIndexesFromProposals(bountyProposals));
+}
+
+export async function multiAcceptCurator (api: ApiPromise, bountyIndexes: number[], signer: KeyringPair): Promise<void> {
+  await execute(
+    api.tx.utility.batch(bountyIndexes.map((bountyIndex) => api.tx.bounties.acceptCurator(bountyIndex))),
+    signer
+  );
+}
+
+export async function multiAwardBounty (api: ApiPromise, bountyIndexes: number[], signer: KeyringPair): Promise<void> {
+  await execute(
+    api.tx.utility.batch(bountyIndexes.map((bountyIndex) => api.tx.bounties.awardBounty(bountyIndex, signer.address))),
+    signer
+  );
+}
+
+export async function multiWaitForClaim (api: ApiPromise, bountyIndexes: number[]): Promise<void> {
+  for (const index of bountyIndexes) {
+    await waitForClaim(api, index, { interval: 2000, timeout: PAYOUT_TIME });
+  }
+}
+
+export async function multiClaimBounty (api: ApiPromise, bountyIndexes: number[], signer: KeyringPair): Promise<void> {
+  await execute(
+    api.tx.utility.batch(bountyIndexes.map((bountyIndex) => api.tx.bounties.claimBounty(bountyIndex))),
+    signer
+  );
+}
diff --git a/packages/test-support/scripts/readme.md b/packages/test-support/scripts/readme.md
new file mode 100644
index 0000000..fee44cf
--- /dev/null
+++ b/packages/test-support/scripts/readme.md
@@ -0,0 +1,18 @@
+## Scripts for bounty testing
+
+The scripts are prepared to run on a local, development version of substrate with following changes:
+- `bin/node/runtime/src/lib.rs`
+  ```
+  pub const SpendPeriod: BlockNumber = 1 * MINUTES;
+  pub const BountyDepositPayoutDelay: BlockNumber = 1 * MINUTES
+  ```
+
+To run a script enter the `packages/test-support` directory and run:
+```
+ts-node scripts/<script-name>
+```
+
+Available scripts:
+- `createBounties` - creates a list of bounties,
+  one in each status ( Proposed, Funded, Curator Proposed, Active, Pending Payout, Closed	)
+
diff --git a/packages/test-support/src/api/createApi.ts b/packages/test-support/src/api/createApi.ts
new file mode 100644
index 0000000..2299f9b
--- /dev/null
+++ b/packages/test-support/src/api/createApi.ts
@@ -0,0 +1,24 @@
+// Copyright 2017-2022 @polkadot/test-support authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import { ApiPromise } from '@polkadot/api';
+import { WsProvider } from '@polkadot/rpc-provider';
+import { SUBSTRATE_PORT } from '@polkadot/test-support/substrate';
+
+export async function createApi (port: number = SUBSTRATE_PORT): Promise<ApiPromise> {
+  process.env.NODE_ENV = 'test';
+
+  const provider = new WsProvider(`ws://127.0.0.1:${port}`);
+
+  const api = await ApiPromise.create({ provider });
+
+  const [chain, nodeName, nodeVersion] = await Promise.all([
+    api.rpc.system.chain(),
+    api.rpc.system.name(),
+    api.rpc.system.version()
+  ]);
+
+  console.log(`You are connected to chain ${chain.toString()} using ${nodeName.toString()} v${nodeVersion.toString()}`);
+
+  return api;
+}
diff --git a/packages/test-support/src/api/createAugmentedApi.ts b/packages/test-support/src/api/createAugmentedApi.ts
new file mode 100644
index 0000000..245c03f
--- /dev/null
+++ b/packages/test-support/src/api/createAugmentedApi.ts
@@ -0,0 +1,19 @@
+// Copyright 2017-2022 @polkadot/test-support authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import { ApiPromise, WsProvider } from '@polkadot/api';
+import { Metadata, TypeRegistry } from '@polkadot/types';
+import metaStatic from '@polkadot/types-support/metadata/static-substrate';
+
+export function createAugmentedApi (): ApiPromise {
+  const registry = new TypeRegistry();
+  const metadata = new Metadata(registry, metaStatic);
+
+  registry.setMetadata(metadata);
+
+  const api = new ApiPromise({ provider: new WsProvider('ws://', false), registry });
+
+  api.injectMetadata(metadata, true);
+
+  return api;
+}
diff --git a/packages/test-support/src/api/index.ts b/packages/test-support/src/api/index.ts
new file mode 100644
index 0000000..ac5e2ac
--- /dev/null
+++ b/packages/test-support/src/api/index.ts
@@ -0,0 +1,5 @@
+// Copyright 2017-2022 @polkadot/test-support authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+export * from './createApi';
+export * from './createAugmentedApi';
diff --git a/packages/test-support/src/creation/account.ts b/packages/test-support/src/creation/account.ts
new file mode 100644
index 0000000..9575ec6
--- /dev/null
+++ b/packages/test-support/src/creation/account.ts
@@ -0,0 +1,36 @@
+// Copyright 2017-2022 @polkadot/test-supports authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import { DeriveBalancesAll, DeriveStakingAccount } from '@polkadot/api-derive/types';
+import { UseAccountInfo } from '@polkadot/react-hooks/types';
+import { KeyringJson$Meta } from '@polkadot/ui-keyring/types';
+
+import { AccountOverrides, Override } from '../types';
+
+export const anAccount = (): AccountOverrides => ({});
+
+export const anAccountWithBalance = (balance: Override<DeriveBalancesAll>): AccountOverrides => ({
+  balance
+});
+
+export const anAccountWithInfo = (info: Override<UseAccountInfo>): AccountOverrides => ({
+  info
+});
+
+export const anAccountWithMeta = (meta: Override<KeyringJson$Meta>): AccountOverrides => ({
+  meta
+});
+
+export const anAccountWithStaking = (staking: Override<DeriveStakingAccount>): AccountOverrides => ({
+  staking
+});
+
+export const anAccountWithBalanceAndMeta = (balance: Override<DeriveBalancesAll>, meta: Override<KeyringJson$Meta>): AccountOverrides => ({
+  balance,
+  meta
+});
+
+export const anAccountWithInfoAndMeta = (info: Override<UseAccountInfo>, meta: Override<KeyringJson$Meta>): AccountOverrides => ({
+  info,
+  meta
+});
diff --git a/packages/test-support/src/creation/balance.ts b/packages/test-support/src/creation/balance.ts
new file mode 100644
index 0000000..40c4f31
--- /dev/null
+++ b/packages/test-support/src/creation/balance.ts
@@ -0,0 +1,8 @@
+// Copyright 2017-2022 @polkadot/test-supports authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import { TypeRegistry, u128 as U128 } from '@polkadot/types';
+
+export function balanceOf (number: number | string): U128 {
+  return new U128(new TypeRegistry(), number);
+}
diff --git a/packages/test-support/src/creation/bounties/bountyFactory.ts b/packages/test-support/src/creation/bounties/bountyFactory.ts
new file mode 100644
index 0000000..ed7bc0c
--- /dev/null
+++ b/packages/test-support/src/creation/bounties/bountyFactory.ts
@@ -0,0 +1,45 @@
+// Copyright 2017-2022 @polkadot/test-support authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import { ApiPromise } from '@polkadot/api';
+import { balanceOf } from '@polkadot/test-support/creation/balance';
+import { BountyIndex, BountyStatus } from '@polkadot/types/interfaces';
+import { PalletBountiesBounty } from '@polkadot/types/lookup';
+import { Registry } from '@polkadot/types/types';
+
+export class BountyFactory {
+  readonly #api: ApiPromise;
+  readonly #registry: Registry;
+
+  constructor (api: ApiPromise) {
+    this.#api = api;
+    this.#registry = this.#api.registry;
+  }
+
+  public aBountyIndex = (index = 0): BountyIndex =>
+    this.#registry.createType('BountyIndex', index);
+
+  public defaultBounty = (): PalletBountiesBounty =>
+    this.#registry.createType<PalletBountiesBounty>('Bounty');
+
+  public aBountyStatus = (status: string): BountyStatus =>
+    this.#registry.createType('BountyStatus', status);
+
+  public bountyStatusWith = ({ curator = '5GrwvaEF5zXb26Fz9rcQpDWS57CtERHpNehXCPcNoHGKutQY', status = 'Active', updateDue = 100000 } = {}): BountyStatus => {
+    if (status === 'Active') {
+      return this.#registry.createType('BountyStatus', { active: { curator, updateDue }, status });
+    }
+
+    if (status === 'CuratorProposed') {
+      return this.#registry.createType('BountyStatus', { curatorProposed: { curator }, status });
+    }
+
+    throw new Error('Unsupported status');
+  };
+
+  public bountyWith = ({ status = 'Proposed', value = 1 } = {}): PalletBountiesBounty =>
+    this.aBounty({ status: this.aBountyStatus(status), value: balanceOf(value) });
+
+  public aBounty = ({ fee = balanceOf(10), status = this.aBountyStatus('Proposed'), value = balanceOf(500) }: Partial<PalletBountiesBounty> = {}): PalletBountiesBounty =>
+    this.#registry.createType<PalletBountiesBounty>('Bounty', { fee, status, value });
+}
diff --git a/packages/test-support/src/creation/contact.ts b/packages/test-support/src/creation/contact.ts
new file mode 100644
index 0000000..cfc8f5a
--- /dev/null
+++ b/packages/test-support/src/creation/contact.ts
@@ -0,0 +1,26 @@
+// Copyright 2017-2022 @polkadot/test-supports authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import { DeriveBalancesAll, DeriveStakingAccount } from '@polkadot/api-derive/types';
+import { UseAccountInfo } from '@polkadot/react-hooks/types';
+import { KeyringJson$Meta } from '@polkadot/ui-keyring/types';
+
+import { AccountOverrides as ContactOverrides, Override } from '../types';
+
+export const aContact = (): ContactOverrides => ({});
+
+export const aContactWithBalance = (balance: Override<DeriveBalancesAll>): ContactOverrides => ({
+  balance
+});
+
+export const aContactWithInfo = (info: Override<UseAccountInfo>): ContactOverrides => ({
+  info
+});
+
+export const aContactWithStaking = (staking: Override<DeriveStakingAccount>): ContactOverrides => ({
+  staking
+});
+
+export const aContactWithMeta = (meta: Override<KeyringJson$Meta>): ContactOverrides => ({
+  meta
+});
diff --git a/packages/test-support/src/creation/hashes.ts b/packages/test-support/src/creation/hashes.ts
new file mode 100644
index 0000000..f642c92
--- /dev/null
+++ b/packages/test-support/src/creation/hashes.ts
@@ -0,0 +1,15 @@
+// Copyright 2017-2022 @polkadot/test-support authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { Hash } from '@polkadot/types/interfaces';
+
+import { POLKADOT_GENESIS } from '@polkadot/apps-config';
+import { TypeRegistry } from '@polkadot/types/create';
+
+export function aGenesisHash (): Hash {
+  return new TypeRegistry().createType('Hash', POLKADOT_GENESIS);
+}
+
+export function aHash (): Hash {
+  return new TypeRegistry().createType('Hash');
+}
diff --git a/packages/test-support/src/creation/stakingInfo/stakingLedger.ts b/packages/test-support/src/creation/stakingInfo/stakingLedger.ts
new file mode 100644
index 0000000..909a12b
--- /dev/null
+++ b/packages/test-support/src/creation/stakingInfo/stakingLedger.ts
@@ -0,0 +1,20 @@
+// Copyright 2017-2022 @polkadot/app-bounties authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { PalletStakingStakingLedger } from '@polkadot/types/lookup';
+
+import { TypeRegistry } from '@polkadot/types/create';
+import { BN } from '@polkadot/util';
+
+export function makeStakingLedger (active: BN | number | string): PalletStakingStakingLedger {
+  const reg = new TypeRegistry();
+
+  // Constructing the whole StakingLedger structure is hard,
+  // so we fill out just the fields that are definitely required,
+  // and hope that nothing more is required.
+
+  // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
+  return {
+    active: reg.createType('Compact<Balance>', reg.createType('Balance', new BN(active)))
+  } as PalletStakingStakingLedger;
+}
diff --git a/packages/test-support/src/creation/treasury/defaults.ts b/packages/test-support/src/creation/treasury/defaults.ts
new file mode 100644
index 0000000..c86a7d6
--- /dev/null
+++ b/packages/test-support/src/creation/treasury/defaults.ts
@@ -0,0 +1,12 @@
+// Copyright 2017-2022 @polkadot/test-support authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import { BN_ONE, BN_ZERO } from '@polkadot/util';
+
+import { balanceOf } from '../balance';
+
+export const defaultTreasury = {
+  burn: BN_ONE,
+  spendPeriod: BN_ZERO,
+  value: balanceOf(1)
+};
diff --git a/packages/test-support/src/creation/treasury/proposalFactory.ts b/packages/test-support/src/creation/treasury/proposalFactory.ts
new file mode 100644
index 0000000..570b419
--- /dev/null
+++ b/packages/test-support/src/creation/treasury/proposalFactory.ts
@@ -0,0 +1,30 @@
+// Copyright 2017-2022 @polkadot/test-support authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { DeriveCollectiveProposal } from '@polkadot/api-derive/types';
+
+import { ApiPromise } from '@polkadot/api';
+import { SubmittableExtrinsic } from '@polkadot/api/types';
+import { aHash } from '@polkadot/test-support/creation/hashes';
+import { alice, bob } from '@polkadot/test-support/keyring/addresses';
+
+export interface ProposalFactory {
+  aProposal: (extrinsic: SubmittableExtrinsic<'promise'>, ayes?: string[], nays?: string[]) => DeriveCollectiveProposal
+}
+
+export function proposalFactory (api: ApiPromise): ProposalFactory {
+  const registry = api.registry;
+
+  return {
+    aProposal: (extrinsic, ayes = [alice], nays = [bob]) => ({
+      hash: aHash(),
+      proposal: registry.createType('Proposal', extrinsic),
+      votes: registry.createType('Votes', {
+        ayes: ayes,
+        index: 0,
+        nays: nays,
+        threshold: 4
+      })
+    })
+  };
+}
diff --git a/packages/test-support/src/hooks/mockHooks.ts b/packages/test-support/src/hooks/mockHooks.ts
new file mode 100644
index 0000000..b318fac
--- /dev/null
+++ b/packages/test-support/src/hooks/mockHooks.ts
@@ -0,0 +1,13 @@
+// Copyright 2017-2022 @polkadot/test-support authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import { extractTime } from '@polkadot/util';
+
+import { defaultTreasury } from '../creation/treasury/defaults';
+import { defaultMembers } from '../keyring/addresses';
+
+export const mockHooks = {
+  blockTime: [50, '', extractTime(1)],
+  members: defaultMembers,
+  treasury: defaultTreasury
+};
diff --git a/packages/test-support/src/keyring/MemoryStore.ts b/packages/test-support/src/keyring/MemoryStore.ts
new file mode 100644
index 0000000..dce3cf7
--- /dev/null
+++ b/packages/test-support/src/keyring/MemoryStore.ts
@@ -0,0 +1,34 @@
+// Copyright 2017-2022 @polkadot/test-support authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { KeyringJson, KeyringStore } from '@polkadot/ui-keyring/types';
+
+type AccountsMap = Record<string, KeyringJson>;
+
+export class MemoryStore implements KeyringStore {
+  private accounts: AccountsMap = {};
+
+  all (cb: (key: string, value: KeyringJson) => void): void {
+    Object.keys(this.accounts).forEach((accountsKey) => cb(accountsKey, this.accounts[accountsKey]));
+  }
+
+  get (key: string, cb: (value: KeyringJson) => void): void {
+    cb(this.accounts[key]);
+  }
+
+  remove (key: string, cb: (() => void) | undefined): void {
+    delete this.accounts[key];
+
+    if (cb) {
+      cb();
+    }
+  }
+
+  set (key: string, value: KeyringJson, cb: (() => void) | undefined): void {
+    this.accounts[key] = value;
+
+    if (cb) {
+      cb();
+    }
+  }
+}
diff --git a/packages/test-support/src/keyring/addresses.ts b/packages/test-support/src/keyring/addresses.ts
new file mode 100644
index 0000000..e045f1a
--- /dev/null
+++ b/packages/test-support/src/keyring/addresses.ts
@@ -0,0 +1,8 @@
+// Copyright 2017-2022 @polkadot/test-support authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+export const alice = '5GrwvaEF5zXb26Fz9rcQpDWS57CtERHpNehXCPcNoHGKutQY';
+export const bob = '5FHneW46xGXgs5mUiveU4sbTyGBzmstUspZC92UhjJM694ty';
+export const charlie = '5DAAnrj7VHTznn2AWBemMuyBwZWs6FNFjdyVXUeYum3PTXFy';
+export const ferdie = '5CiPPseXPECbkjWCa6MnjNokrgYjMqmKndv2rSnekmSK2DjL';
+export const defaultMembers = { isMember: true, members: [alice, bob, ferdie] };
diff --git a/packages/test-support/src/keyring/index.ts b/packages/test-support/src/keyring/index.ts
new file mode 100644
index 0000000..e05ee26
--- /dev/null
+++ b/packages/test-support/src/keyring/index.ts
@@ -0,0 +1,7 @@
+// Copyright 2017-2022 @polkadot/test-support authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+export * from './addresses';
+export * from './MemoryStore';
+export * from './signers';
+export * from './addresses';
diff --git a/packages/test-support/src/keyring/signers.ts b/packages/test-support/src/keyring/signers.ts
new file mode 100644
index 0000000..489ecc4
--- /dev/null
+++ b/packages/test-support/src/keyring/signers.ts
@@ -0,0 +1,41 @@
+// Copyright 2017-2022 @polkadot/test-support authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import { Keyring } from '@polkadot/keyring';
+import { KeyringPair } from '@polkadot/keyring/types';
+
+export function aliceSigner (): KeyringPair {
+  const keyring = new Keyring({ type: 'sr25519' });
+
+  return keyring.addFromUri('//Alice');
+}
+
+export function bobSigner (): KeyringPair {
+  const keyring = new Keyring({ type: 'sr25519' });
+
+  return keyring.addFromUri('//Bob');
+}
+
+export function charlieSigner (): KeyringPair {
+  const keyring = new Keyring({ type: 'sr25519' });
+
+  return keyring.addFromUri('//Charlie');
+}
+
+export function daveSigner (): KeyringPair {
+  const keyring = new Keyring({ type: 'sr25519' });
+
+  return keyring.addFromUri('//Dave');
+}
+
+export function eveSigner (): KeyringPair {
+  const keyring = new Keyring({ type: 'sr25519' });
+
+  return keyring.addFromUri('//Eve');
+}
+
+export function ferdieSigner (): KeyringPair {
+  const keyring = new Keyring({ type: 'sr25519' });
+
+  return keyring.addFromUri('//Ferdie');
+}
diff --git a/packages/test-support/src/mockData/registrations.ts b/packages/test-support/src/mockData/registrations.ts
new file mode 100644
index 0000000..b7fedf2
--- /dev/null
+++ b/packages/test-support/src/mockData/registrations.ts
@@ -0,0 +1,47 @@
+// Copyright 2017-2022 @polkadot/test-supports authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { Registrar } from '@polkadot/react-hooks/types';
+
+import registry from '@polkadot/react-api/typeRegistry';
+
+import { bob, charlie, ferdie } from '../keyring';
+
+export const mockRegistration = {
+  judgements: [
+    [
+      registry.createType('RegistrarIndex', '0'),
+      {
+        isReasonable: true
+      }
+    ],
+    [
+      registry.createType('RegistrarIndex', '1'),
+      {
+        isKnownGood: true
+      }
+    ],
+    [
+      registry.createType('RegistrarIndex', '2'),
+      {
+        isErroneous: true
+      }
+    ],
+    [
+      registry.createType('RegistrarIndex', '3'),
+      {
+        isReasonable: true
+      }
+    ]
+  ]
+};
+
+export const bobRegistrar: Registrar = { address: bob, index: 0 };
+export const charlieRegistrar: Registrar = { address: charlie, index: 1 };
+export const ferdieRegistrar: Registrar = { address: ferdie, index: 3 };
+
+export const registrars: Registrar[] = [bobRegistrar, charlieRegistrar, ferdieRegistrar];
+
+export const bobShortAddress = '5FHneW…M694ty';
+export const charlieShortAddress = '5DAAnr…3PTXFy';
+export const ferdieShortAddress = '5CiPPs…SK2DjL';
diff --git a/packages/test-support/src/pages/Page.tsx b/packages/test-support/src/pages/Page.tsx
new file mode 100644
index 0000000..36433fd
--- /dev/null
+++ b/packages/test-support/src/pages/Page.tsx
@@ -0,0 +1,237 @@
+// Copyright 2017-2022 @polkadot/page-accounts authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import { queryByAttribute, render, RenderResult, screen } from '@testing-library/react';
+import React, { Suspense } from 'react';
+import { MemoryRouter } from 'react-router-dom';
+import { ThemeProvider } from 'styled-components';
+
+import AccountSidebar from '@polkadot/app-accounts/Sidebar';
+import { lightTheme } from '@polkadot/apps/themes';
+import { POLKADOT_GENESIS } from '@polkadot/apps-config';
+import { ApiContext } from '@polkadot/react-api';
+import { ApiProps } from '@polkadot/react-api/types';
+import { QueueProvider } from '@polkadot/react-components/Status/Context';
+import { PartialQueueTxExtrinsic, QueueProps, QueueTxExtrinsicAdd } from '@polkadot/react-components/Status/types';
+import { UseAccountInfo } from '@polkadot/react-hooks/types';
+import { mockApiHooks } from '@polkadot/test-support/utils/mockApiHooks';
+import { TypeRegistry } from '@polkadot/types/create';
+import { keyring } from '@polkadot/ui-keyring';
+import { BN } from '@polkadot/util';
+
+import { alice, bob, charlie, ferdie } from '../keyring';
+import { Table } from '../pagesElements';
+import { AccountOverrides, mockAccountHooks } from '../utils/accountDefaults';
+
+let queueExtrinsic: (value: PartialQueueTxExtrinsic) => void;
+
+class NotYetRendered extends Error {
+}
+
+jest.mock('@polkadot/react-hooks/useAccounts', () => ({
+  useAccounts: () => mockAccountHooks.useAccounts
+}));
+
+jest.mock('@polkadot/react-hooks/useAccountInfo', () => {
+  // eslint-disable-next-line func-call-spacing
+  const actual = jest.requireActual<{useAccountInfo: (address: string) => UseAccountInfo}>('@polkadot/react-hooks/useAccountInfo');
+
+  return ({
+    useAccountInfo: (address: string) => {
+      const mockInfo = mockAccountHooks.accountsMap[address];
+
+      return mockInfo
+        ? {
+          ...actual.useAccountInfo(address),
+          flags: { ...actual.useAccountInfo(address).flags, ...(mockInfo.info.flags) },
+          identity: {
+            ...actual.useAccountInfo(address).identity,
+            ...(mockInfo.info.identity),
+            judgements: [
+              ...(actual.useAccountInfo(address).identity?.judgements || []),
+              ...(mockApiHooks.judgements || [])
+            ]
+          },
+          tags: [...actual.useAccountInfo(address).tags, ...(mockInfo.info.tags)]
+        }
+        : actual.useAccountInfo(address);
+    }
+  });
+});
+
+jest.mock('@polkadot/react-hooks/useLoadingDelay', () => ({
+  useLoadingDelay: () => false
+}));
+
+jest.mock('@polkadot/react-hooks/useBalancesAll', () => ({
+  useBalancesAll: (address: string) => mockAccountHooks.accountsMap[address].balance
+}));
+
+jest.mock('@polkadot/react-hooks/useStakingInfo', () => ({
+  useStakingInfo: (address: string) => mockAccountHooks.accountsMap[address].staking
+}));
+
+jest.mock('@polkadot/react-hooks/useBestNumber', () => ({
+  useBestNumber: () => 1
+}));
+
+jest.mock('@polkadot/react-hooks/useSubidentities', () => ({
+  useSubidentities: () => mockApiHooks.subs
+}));
+
+jest.mock('@polkadot/app-accounts/Accounts/useMultisigApprovals', () => ({
+  __esModule: true,
+  default: () => mockApiHooks.multisigApprovals
+}));
+
+jest.mock('@polkadot/react-hooks/useDelegations', () => ({
+  useDelegations: () => mockApiHooks.delegations
+}));
+
+jest.mock('@polkadot/react-hooks/useProxies', () => ({
+  useProxies: () => mockApiHooks.proxies
+}));
+
+jest.mock('@polkadot/react-hooks/useSubidentities', () => ({
+  useSubidentities: () => mockApiHooks.subs
+}));
+
+jest.mock('@polkadot/react-hooks/useRegistrars', () => ({
+  useRegistrars: () => ({
+    isRegistrar: false,
+    registrars: mockApiHooks.registrars
+  })
+}));
+
+export abstract class Page {
+  private renderResult?: RenderResult;
+  protected readonly defaultAddresses = [alice, bob, charlie, ferdie];
+
+  protected constructor (private readonly overview: React.ReactElement, private readonly rowClassName: string) {
+    this.overview = overview;
+    this.rowClassName = rowClassName;
+  }
+
+  render (accounts: [string, AccountOverrides][]): void {
+    mockAccountHooks.setAccounts(accounts);
+
+    accounts.forEach(([address, { meta }]) => {
+      keyring.addExternal(address, meta);
+    });
+
+    const noop = () => Promise.resolve(() => { /**/ });
+    const mockApi: ApiProps = {
+      api: {
+        consts: {
+          babe: {
+            expectedBlockTime: new BN(1)
+          },
+          democracy: {
+            enactmentPeriod: new BN(1)
+          },
+          proxy: {
+            proxyDepositBase: new BN(1),
+            proxyDepositFactor: new BN(1)
+          }
+        },
+        createType: () => ({
+          defKeys: []
+        }),
+        derive: {
+          accounts: {
+            info: noop
+          },
+          balances: {
+            all: noop
+          },
+          chain: {
+            bestNumber: noop
+          },
+          democracy: {
+            locks: noop
+          },
+          staking: {
+            account: noop
+          }
+        },
+        genesisHash: new TypeRegistry().createType('Hash', POLKADOT_GENESIS),
+        query: {
+          democracy: {
+            votingOf: noop
+          },
+          identity: {
+            identityOf: noop
+          }
+        },
+        registry: {
+          chainDecimals: [12],
+          chainTokens: ['Unit'],
+          lookup: {
+            names: []
+          }
+        },
+        tx: {
+          council: {},
+          democracy: {
+            delegate: noop
+          },
+          multisig: {
+            approveAsMulti: Object.assign(noop, { meta: { args: [] } })
+          },
+          proxy: {
+            removeProxies: noop
+          },
+          utility: noop
+        }
+      },
+      systemName: 'substrate'
+    } as unknown as ApiProps;
+
+    queueExtrinsic = jest.fn() as QueueTxExtrinsicAdd;
+    const queue = {
+      queueExtrinsic
+    } as QueueProps;
+
+    this.renderResult = render(
+      <>
+        <div id='tooltips' />
+        <Suspense fallback='...'>
+          <QueueProvider value={queue}>
+            <MemoryRouter>
+              <ThemeProvider theme={lightTheme}>
+                <ApiContext.Provider value={mockApi}>
+                  <AccountSidebar>
+                    {React.cloneElement(this.overview, { onStatusChange: noop }) }
+                  </AccountSidebar>
+                </ApiContext.Provider>
+              </ThemeProvider>
+            </MemoryRouter>
+          </QueueProvider>
+        </Suspense>
+      </>
+    );
+  }
+
+  async getTable (): Promise<Table> {
+    this.assertRendered();
+
+    return new Table(await screen.findByRole('table'), this.rowClassName);
+  }
+
+  clearAccounts (): void {
+    this.defaultAddresses.forEach((address) => keyring.forgetAccount(address));
+  }
+
+  getById (id: string | RegExp): HTMLElement | null {
+    this.assertRendered();
+    const getById = queryByAttribute.bind(null, 'id');
+
+    return getById(this.renderResult?.container ?? fail('Page render failed'), id);
+  }
+
+  protected assertRendered (): void {
+    if (this.renderResult === undefined) {
+      throw new NotYetRendered();
+    }
+  }
+}
diff --git a/packages/test-support/src/pagesElements/JudgementTag.ts b/packages/test-support/src/pagesElements/JudgementTag.ts
new file mode 100644
index 0000000..4785518
--- /dev/null
+++ b/packages/test-support/src/pagesElements/JudgementTag.ts
@@ -0,0 +1,36 @@
+// Copyright 2017-2022 @polkadot/test-supports authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import { fireEvent, screen, within } from '@testing-library/react';
+
+export class JudgementTag {
+  public judgementTag: HTMLElement;
+
+  constructor (judgementTag: HTMLElement) {
+    this.judgementTag = judgementTag;
+  }
+
+  async assertRegistrars (expectedRegistrars: string[]): Promise<void> {
+    const popup = await this.openPopup();
+
+    for (let index = 0; index < expectedRegistrars.length; index++) {
+      await within(popup).findByText(expectedRegistrars[index]);
+    }
+  }
+
+  async clickRegistrar (registrarName: string): Promise<void> {
+    const popup = await this.openPopup();
+
+    const registrars = await within(popup).findAllByTestId('account-name');
+
+    const registrar = registrars.find((reg) => reg.textContent === registrarName) ?? fail('Registrar not found');
+
+    fireEvent.click(registrar);
+  }
+
+  private async openPopup (): Promise<HTMLElement> {
+    fireEvent.click(this.judgementTag);
+
+    return screen.findByTestId('popup-window');
+  }
+}
diff --git a/packages/test-support/src/pagesElements/Row.ts b/packages/test-support/src/pagesElements/Row.ts
new file mode 100644
index 0000000..25aaf02
--- /dev/null
+++ b/packages/test-support/src/pagesElements/Row.ts
@@ -0,0 +1,98 @@
+// Copyright 2017-2022 @polkadot/test-supports authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+// utility wrapper over an account item in accounts table, serves basic assertions about an account row
+import { fireEvent, screen, within } from '@testing-library/react';
+
+import { Sidebar } from '@polkadot/test-support/pagesElements/Sidebar';
+import { Balance } from '@polkadot/types/interfaces';
+
+import { format } from '../utils/balance';
+
+export class Row {
+  public primaryRow: HTMLElement;
+  public detailsRow: HTMLElement;
+
+  constructor (primaryRow: HTMLElement, detailsRow: HTMLElement) {
+    this.primaryRow = primaryRow;
+    this.detailsRow = detailsRow;
+  }
+
+  async assertBalancesTotal (expectedTotalBalance: Balance): Promise<void> {
+    const actualBalanceText = await this.getBalanceSummary();
+    const expectedBalanceText = format(expectedTotalBalance);
+
+    expect(actualBalanceText).toHaveTextContent(expectedBalanceText);
+  }
+
+  async getBalanceSummary (): Promise<HTMLElement> {
+    return within(this.primaryRow).findByTestId('balance-summary');
+  }
+
+  async assertAccountName (expectedName: string): Promise<void> {
+    const accountName = await this.getAccountName();
+
+    expect(accountName).toHaveTextContent(expectedName);
+  }
+
+  async assertBalancesDetails (expectedBalanceComponents: { name: string, amount: Balance }[]): Promise<void> {
+    for (const { amount, name } of expectedBalanceComponents) {
+      await this.assertBalanceComponent({ amount, name });
+    }
+  }
+
+  async assertBadge (expectedBadgeName: string): Promise<void> {
+    await within(this.primaryRow).findByTestId(expectedBadgeName);
+  }
+
+  assertNoBadge (badgeName: string): void {
+    expect(within(this.primaryRow).queryByTestId(badgeName)).toBeFalsy();
+  }
+
+  async assertTags (expectedTagsContent: string): Promise<void> {
+    const actualTags = await within(this.detailsRow).findByTestId('tags');
+
+    expect(actualTags).toHaveTextContent(expectedTagsContent);
+  }
+
+  async assertShortAddress (expectedShortAddress: string): Promise<void> {
+    const actualShortAddress = await within(this.primaryRow).findByTestId('short-address');
+
+    expect(actualShortAddress).toHaveTextContent(expectedShortAddress);
+  }
+
+  async expand (): Promise<void> {
+    const toggle = await within(this.primaryRow).findByTestId('row-toggle');
+
+    fireEvent.click(toggle);
+  }
+
+  async getBadge (expectedBadgeName: string): Promise<HTMLElement> {
+    return within(this.primaryRow).findByTestId(`${expectedBadgeName}-badge`);
+  }
+
+  async openSidebar (): Promise<Sidebar> {
+    const accountName = await this.getAccountName();
+
+    fireEvent.click(accountName);
+
+    return new Sidebar(await screen.findByTestId('account-sidebar'));
+  }
+
+  private async assertBalanceComponent (expectedBalanceComponent: { name: string; amount: Balance }): Promise<void> {
+    const balanceElement = await this.getBalanceElementByLabelName(expectedBalanceComponent.name);
+    const balanceText = format(expectedBalanceComponent.amount);
+
+    expect(balanceElement).toHaveTextContent(balanceText);
+  }
+
+  private async getBalanceElementByLabelName (labelName: string): Promise<ChildNode | null> {
+    const labelElement = await within(this.detailsRow).findByText(labelName);
+
+    return labelElement.nextSibling;
+  }
+
+  private getAccountName (): Promise<HTMLElement> {
+    return within(this.primaryRow).findByTestId('account-name');
+  }
+}
diff --git a/packages/test-support/src/pagesElements/Sidebar.ts b/packages/test-support/src/pagesElements/Sidebar.ts
new file mode 100644
index 0000000..0c2f527
--- /dev/null
+++ b/packages/test-support/src/pagesElements/Sidebar.ts
@@ -0,0 +1,154 @@
+// Copyright 2017-2022 @polkadot/test-supports authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import { fireEvent, screen, within } from '@testing-library/react';
+
+import { JudgementTag } from './JudgementTag';
+
+export class Sidebar {
+  public sidebar: HTMLElement;
+
+  constructor (sidebar: HTMLElement) {
+    this.sidebar = sidebar;
+  }
+
+  async changeAccountName (accountName: string): Promise<void> {
+    this.edit();
+    await this.typeAccountName(accountName);
+    this.save();
+  }
+
+  async typeAccountName (accountName: string): Promise<void> {
+    const accountNameInput = await this.findByTestId('name-input');
+
+    fireEvent.change(accountNameInput, { target: { value: accountName } });
+  }
+
+  async selectTag (tagName: string): Promise<void> {
+    const tagsCombobox = this.openTagsDropdown();
+    const tagOptions = await within(tagsCombobox).findAllByRole('option');
+    const tag = tagOptions.find((tag) => tag.textContent === tagName) as HTMLElement;
+
+    fireEvent.click(tag);
+  }
+
+  async assertAccountInput (expectedInput: string): Promise<void> {
+    const nameInput = await this.findByTestId('name-input');
+
+    expect(nameInput).toHaveProperty('value', expectedInput);
+  }
+
+  async assertAccountName (expectedAccountName: string): Promise<void> {
+    const sideBarAddressSection = await this.findByTestId('sidebar-address-menu');
+    const sideBarName = await within(sideBarAddressSection).findByTestId('account-name');
+
+    expect(sideBarName).toHaveTextContent(expectedAccountName);
+  }
+
+  async assertJudgement (judgement: string): Promise<void> {
+    const judgementsSection = await this.findByTestId('judgements');
+
+    expect(judgementsSection).toHaveTextContent(judgement);
+  }
+
+  async assertTags (tagsContent: string): Promise<void> {
+    const sideBarTags = await this.findByTestId('sidebar-tags');
+
+    expect(sideBarTags).toHaveTextContent(tagsContent);
+  }
+
+  close (): Promise<void> {
+    return this.clickByTestId('close-sidebar-button');
+  }
+
+  cancel (): void {
+    this.clickButton('Cancel');
+  }
+
+  edit (): void {
+    this.clickButton('Edit');
+  }
+
+  save (): void {
+    this.clickButton('Save');
+  }
+
+  async clickByText (text: string): Promise<void> {
+    const htmlElement = await this.findByText(text);
+
+    fireEvent.click(htmlElement);
+  }
+
+  async clickByTestId (testId: string): Promise<void> {
+    const htmlElement = await this.findByTestId(testId);
+
+    fireEvent.click(htmlElement);
+  }
+
+  async findByText (text: string): Promise<HTMLElement> {
+    return within(this.sidebar).findByText(text);
+  }
+
+  async findByTestId (testId: string): Promise<HTMLElement> {
+    return within(this.sidebar).findByTestId(testId);
+  }
+
+  async findByRole (role: string): Promise<HTMLElement> {
+    return within(this.sidebar).findByRole(role);
+  }
+
+  async findAllByRole (role: string): Promise<HTMLElement[]> {
+    return within(this.sidebar).findAllByRole(role);
+  }
+
+  getByTestId (testId: string): HTMLElement {
+    return within(this.sidebar).getByTestId(testId);
+  }
+
+  getByRole (roleName: string, options?: Record<string, unknown>): HTMLElement {
+    return within(this.sidebar).getByRole(roleName, options);
+  }
+
+  queryByRole (roleName: string, options?: Record<string, unknown>): HTMLElement | null {
+    return within(this.sidebar).queryByRole(roleName, options);
+  }
+
+  queryByTestId (testId: string): HTMLElement | null {
+    return within(this.sidebar).queryByTestId(testId);
+  }
+
+  async findSubs (): Promise<HTMLElement[]> {
+    const identitySection = await this.findByTestId('identity-section');
+
+    return within(identitySection).queryAllByTestId('subs');
+  }
+
+  async openSubsModal (): Promise<HTMLElement> {
+    const identitySection = await this.findByTestId('identity-section');
+    const showSubsButton = await within(identitySection).findByText('Show list');
+
+    fireEvent.click(showSubsButton);
+
+    return screen.findByTestId('modal');
+  }
+
+  async getJudgement (judgementName: string): Promise<JudgementTag> {
+    const judgements = await this.findByTestId('judgements');
+
+    return new JudgementTag(await within(judgements).findByText(judgementName));
+  }
+
+  private clickButton (buttonName: string) {
+    const button = this.getByRole('button', { name: buttonName });
+
+    fireEvent.click(button);
+  }
+
+  private openTagsDropdown (): HTMLElement {
+    const tagsDropdown = this.getByRole('combobox', { expanded: false });
+
+    fireEvent.click(tagsDropdown);
+
+    return tagsDropdown;
+  }
+}
diff --git a/packages/test-support/src/pagesElements/Table.ts b/packages/test-support/src/pagesElements/Table.ts
new file mode 100644
index 0000000..1090c97
--- /dev/null
+++ b/packages/test-support/src/pagesElements/Table.ts
@@ -0,0 +1,63 @@
+// Copyright 2017-2022 @polkadot/test-supports authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import { within } from '@testing-library/react';
+
+import { showBalance } from '../utils/balance';
+import { Row } from './Row';
+
+export class Table {
+  constructor (private readonly table: HTMLElement, private readonly rowClassName: string) {
+    this.table = table;
+    this.rowClassName = rowClassName;
+  }
+
+  async assertRowsOrder (balancesExpectedOrder: number[]): Promise<void> {
+    const orderedRows = await this.getRows();
+
+    for (let index = 0; index < orderedRows.length; index++) {
+      const row = orderedRows[index];
+      const expectedBalanceTextContent = showBalance(balancesExpectedOrder[index]);
+
+      expect(await row.getBalanceSummary()).toHaveTextContent(expectedBalanceTextContent);
+    }
+  }
+
+  async getRows (): Promise<Row[]> {
+    const htmlRows = await this.getFilteredHtmlRows();
+    const collapsibleRows: Row[] = [];
+
+    for (let rowIdx = 0; rowIdx < htmlRows.length; rowIdx = rowIdx + 2) {
+      const primaryRow = htmlRows[rowIdx];
+      const detailsRow = htmlRows[rowIdx + 1];
+
+      collapsibleRows.push(new Row(primaryRow, detailsRow));
+    }
+
+    return collapsibleRows;
+  }
+
+  assertColumnNotExist (columnName: string): void {
+    expect(within(this.table).queryByRole('columnheader', { name: columnName })).toBeFalsy();
+  }
+
+  assertColumnExists (columnName: string): void {
+    expect(within(this.table).getByRole('columnheader', { name: columnName })).toBeTruthy();
+  }
+
+  async assertText (text: string): Promise<HTMLElement> {
+    return within(this.table).findByText(text);
+  }
+
+  private async getFilteredHtmlRows (): Promise<HTMLElement[]> {
+    const htmlRows = await this.getAllHtmlRows();
+
+    return htmlRows.filter((row) => row.className.startsWith(this.rowClassName));
+  }
+
+  private async getAllHtmlRows (): Promise<HTMLElement[]> {
+    const tableBody = this.table.getElementsByTagName('tbody')[0];
+
+    return within(tableBody).findAllByRole('row');
+  }
+}
diff --git a/packages/test-support/src/pagesElements/index.ts b/packages/test-support/src/pagesElements/index.ts
new file mode 100644
index 0000000..fd1d2f6
--- /dev/null
+++ b/packages/test-support/src/pagesElements/index.ts
@@ -0,0 +1,6 @@
+// Copyright 2017-2022 @polkadot/test-supports authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+export * from './Row';
+export * from './Sidebar';
+export * from './Table';
diff --git a/packages/test-support/src/react/apiInTests.ts b/packages/test-support/src/react/apiInTests.ts
new file mode 100644
index 0000000..c4bd2f1
--- /dev/null
+++ b/packages/test-support/src/react/apiInTests.ts
@@ -0,0 +1,12 @@
+// Copyright 2017-2022 @polkadot/test-support authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import React, { PropsWithChildren } from 'react';
+
+import { useApi } from '@polkadot/react-hooks';
+
+export const WaitForApi = ({ children }: { children: React.ReactNode }): PropsWithChildren<any> | null => {
+  const api = useApi();
+
+  return api.isApiReady ? (children) : null;
+};
diff --git a/packages/test-support/src/react/index.ts b/packages/test-support/src/react/index.ts
new file mode 100644
index 0000000..d77732b
--- /dev/null
+++ b/packages/test-support/src/react/index.ts
@@ -0,0 +1,4 @@
+// Copyright 2017-2022 @polkadot/test-support authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+export * from './apiInTests';
diff --git a/packages/test-support/src/substrate/constants.ts b/packages/test-support/src/substrate/constants.ts
new file mode 100644
index 0000000..7bd2862
--- /dev/null
+++ b/packages/test-support/src/substrate/constants.ts
@@ -0,0 +1,4 @@
+// Copyright 2017-2022 @polkadot/test-support authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+export const SUBSTRATE_PORT = Number.parseInt(process.env.TEST_SUBSTRATE_PORT || '30333');
diff --git a/packages/test-support/src/substrate/index.ts b/packages/test-support/src/substrate/index.ts
new file mode 100644
index 0000000..86a275a
--- /dev/null
+++ b/packages/test-support/src/substrate/index.ts
@@ -0,0 +1,4 @@
+// Copyright 2017-2022 @polkadot/test-support authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+export * from './constants';
diff --git a/packages/test-support/src/transaction/execute.ts b/packages/test-support/src/transaction/execute.ts
new file mode 100644
index 0000000..11a1d89
--- /dev/null
+++ b/packages/test-support/src/transaction/execute.ts
@@ -0,0 +1,40 @@
+// Copyright 2017-2022 @polkadot/test-support authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import { SubmittableExtrinsic } from '@polkadot/api/types';
+import { KeyringPair } from '@polkadot/keyring/types';
+import { EventRecord, ExtrinsicStatus } from '@polkadot/types/interfaces';
+
+import { waitFor } from '../utils/waitFor';
+
+export async function execute (extrinsic: SubmittableExtrinsic<'promise'>, singer: KeyringPair, logger = { info: console.log }): Promise<void> {
+  let currentTxDone = false;
+
+  function sendStatusCb ({ events = [], status }: { events?: EventRecord[], status: ExtrinsicStatus; }) {
+    if (status.isInvalid) {
+      logger.info('Transaction invalid');
+      currentTxDone = true;
+    } else if (status.isReady) {
+      logger.info('Transaction is ready');
+    } else if (status.isBroadcast) {
+      logger.info('Transaction has been broadcasted');
+    } else if (status.isInBlock) {
+      logger.info('Transaction is in block');
+    } else if (status.isFinalized) {
+      logger.info(`Transaction has been included in blockHash ${status.asFinalized.toHex()}`);
+      events.forEach(
+        ({ event }) => {
+          if (event.method === 'ExtrinsicSuccess') {
+            logger.info('Transaction succeeded');
+          } else if (event.method === 'ExtrinsicFailed') {
+            logger.info('Transaction failed');
+          }
+        }
+      );
+      currentTxDone = true;
+    }
+  }
+
+  await extrinsic.signAndSend(singer, sendStatusCb);
+  await waitFor(() => currentTxDone, { timeout: 20000 });
+}
diff --git a/packages/test-support/src/transaction/index.ts b/packages/test-support/src/transaction/index.ts
new file mode 100644
index 0000000..2934d3d
--- /dev/null
+++ b/packages/test-support/src/transaction/index.ts
@@ -0,0 +1,4 @@
+// Copyright 2017-2022 @polkadot/test-support authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+export * from './execute';
diff --git a/packages/test-support/src/types.ts b/packages/test-support/src/types.ts
new file mode 100644
index 0000000..0890b7e
--- /dev/null
+++ b/packages/test-support/src/types.ts
@@ -0,0 +1,17 @@
+// Copyright 2017-2022 @polkadot/test-supports authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import { DeriveBalancesAll, DeriveStakingAccount } from '@polkadot/api-derive/types';
+import { UseAccountInfo } from '@polkadot/react-hooks/types';
+import { KeyringJson$Meta } from '@polkadot/ui-keyring/types';
+
+export type Override<T> = {
+  [P in keyof T]?: T[P];
+}
+
+export interface AccountOverrides {
+  meta?: Override<KeyringJson$Meta>;
+  balance?: Override<DeriveBalancesAll>;
+  staking?: Override<DeriveStakingAccount>;
+  info?: Override<UseAccountInfo>;
+}
diff --git a/packages/test-support/src/utils/accountDefaults.ts b/packages/test-support/src/utils/accountDefaults.ts
new file mode 100644
index 0000000..84aa8d4
--- /dev/null
+++ b/packages/test-support/src/utils/accountDefaults.ts
@@ -0,0 +1,149 @@
+// Copyright 2017-2022 @polkadot/test-supports authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { DeriveBalancesAll, DeriveStakingAccount } from '@polkadot/api-derive/types';
+import type { UseAccountInfo } from '@polkadot/react-hooks/types';
+
+import { UseAccounts } from '@polkadot/react-hooks/useAccounts';
+import { KeyringJson$Meta } from '@polkadot/ui-keyring/types';
+import { BN } from '@polkadot/util';
+
+import { balanceOf } from '../creation/balance';
+import { makeStakingLedger } from '../creation/stakingInfo/stakingLedger';
+
+export interface Account {
+  balance: DeriveBalancesAll,
+  info: UseAccountInfo,
+  staking: DeriveStakingAccount
+}
+
+export type AccountsMap = { [address: string]: Account };
+
+export type Override<T> = {
+  [P in keyof T]?: T[P];
+}
+
+/**
+ * Test inputs structure
+ */
+export interface AccountOverrides {
+  meta?: Override<KeyringJson$Meta>;
+  balance?: Override<DeriveBalancesAll>;
+  staking?: Override<DeriveStakingAccount>;
+  info?: Override<UseAccountInfo>;
+}
+
+export const emptyAccounts: UseAccounts = {
+  allAccounts: [],
+  allAccountsHex: [],
+  areAccountsLoaded: true,
+  hasAccounts: false,
+  isAccount: () => true
+};
+
+// here it's extremely hard to reconstruct the entire DeriveBalancesAll upfront, so we incrementally add properties
+// instead along the way; thus the need to tell the tsc we know what we are doing here
+// eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
+export const defaultBalanceAccount: DeriveBalancesAll = {
+  accountNonce: new BN(1),
+  additional: [],
+  availableBalance: balanceOf(0),
+  freeBalance: balanceOf(0),
+  lockedBalance: balanceOf(0),
+  lockedBreakdown: [],
+  namedReserves: [],
+  reservedBalance: balanceOf(0)
+} as any;
+
+// here it's extremely hard to reconstruct the entire DeriveStakingAccount upfront,
+// so we set just the properties that we use in page-accounts
+// eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
+export const defaultStakingAccount: DeriveStakingAccount = {
+  nextSessionIds: [],
+  nominators: [],
+  redeemable: balanceOf(0),
+  sessionIds: [],
+  stakingLedger: makeStakingLedger(0),
+  unlocking: [
+    {
+      remainingEras: new BN('1000000000'),
+      value: balanceOf(0)
+    },
+    {
+      remainingEras: new BN('2000000000'),
+      value: balanceOf(0)
+    },
+    {
+      remainingEras: new BN('3000000000'),
+      value: balanceOf(0)
+    }
+  ]
+} as any;
+
+export const defaultMeta: KeyringJson$Meta = {};
+// eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
+export const defaultAccountInfo: UseAccountInfo = {
+  flags: {},
+  identity: { email: 'user@email.com', isExistent: true, judgements: [] },
+  tags: []
+} as any;
+
+class MockAccountHooks {
+  public useAccounts: UseAccounts = emptyAccounts;
+  public accountsMap: AccountsMap = {};
+
+  public nonce: BN = new BN(1);
+
+  public setAccounts (accounts: [string, AccountOverrides][]): void {
+    this.useAccounts = {
+      allAccounts: accounts.map(([address]) => address),
+      allAccountsHex: [],
+      areAccountsLoaded: true,
+      hasAccounts: accounts && accounts.length !== 0,
+      isAccount: () => true
+    };
+
+    for (const [address, props] of accounts) {
+      const staking = { ...defaultStakingAccount };
+      const meta = { ...defaultMeta };
+      const balance = { ...defaultBalanceAccount };
+      const info = { ...defaultAccountInfo };
+
+      // Typescript does not recognize that keys and values from Object.entries are safe,
+      // so we have to use "any" here.
+
+      Object
+        .entries(props.meta || meta)
+        .forEach(([key, value]) => {
+          // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access
+          (meta as any)[key] = value;
+        });
+      Object
+        .entries(props.balance || balance)
+        .forEach(([key, value]) => {
+          // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access
+          (balance as any)[key] = value;
+        });
+      Object
+        .entries(props.staking || staking)
+        .forEach(([key, value]) => {
+          // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access
+          (staking as any)[key] = value;
+        });
+      Object
+        .entries(props.info || info)
+        .forEach(([key, value]) => {
+          // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access
+          (info as any)[key] = value;
+        });
+
+      this.accountsMap[address] = {
+        balance: balance,
+        info: info,
+        staking: staking
+      };
+    }
+  }
+}
+
+export const mockAccountHooks = new MockAccountHooks();
diff --git a/packages/test-support/src/utils/balance.ts b/packages/test-support/src/utils/balance.ts
new file mode 100644
index 0000000..bad41a4
--- /dev/null
+++ b/packages/test-support/src/utils/balance.ts
@@ -0,0 +1,27 @@
+// Copyright 2017-2022 @polkadot/test-supports authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import { Balance } from '@polkadot/types/interfaces';
+import { BN, formatBalance } from '@polkadot/util';
+
+import { balanceOf } from '../creation/balance';
+
+/**
+ * Creates a balance instance for testing purposes which most often do not need to specifiy/use decimal part.
+ * @param amountInt Integer part of the balance number
+ * @param decimalsString Decimals part of the balance number. Note! This is a string sequence just after '.' separator
+ *  that is the point that separates integers from decimals. E.g. (100, 4567) => 100.45670000...00
+ */
+export function balance (amountInt: number, decimalsString?: string): Balance {
+  const decimalsPadded = (decimalsString || '').padEnd(12, '0');
+
+  return balanceOf(amountInt.toString() + decimalsPadded);
+}
+
+export function showBalance (amount: number): string {
+  return format(balance(amount));
+}
+
+export function format (amount: Balance | BN): string {
+  return formatBalance(amount, { decimals: 12, forceUnit: '-', withUnit: true });
+}
diff --git a/packages/test-support/src/utils/mockApiHooks.ts b/packages/test-support/src/utils/mockApiHooks.ts
new file mode 100644
index 0000000..d9a8c7a
--- /dev/null
+++ b/packages/test-support/src/utils/mockApiHooks.ts
@@ -0,0 +1,43 @@
+// Copyright 2017-2022 @polkadot/page-accounts authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { Registrar } from '@polkadot/react-hooks/types';
+import type { ProxyDefinition, RegistrationJudgement, Voting } from '@polkadot/types/interfaces';
+
+import { H256, Multisig } from '@polkadot/types/interfaces';
+import { BN } from '@polkadot/util';
+
+class MockApiHooks {
+  public multisigApprovals: [H256, Multisig][] | undefined = [];
+  public delegations: Voting[] | undefined;
+  public proxies: [ProxyDefinition[], BN][] | undefined = [];
+  public subs: string[] | undefined = [];
+  public judgements: RegistrationJudgement[] | undefined = [];
+  public registrars: Registrar[] = [];
+
+  public setDelegations (delegations: Voting[]) {
+    this.delegations = delegations;
+  }
+
+  public setMultisigApprovals (multisigApprovals: [H256, Multisig][]) {
+    this.multisigApprovals = multisigApprovals;
+  }
+
+  public setProxies (proxies: [ProxyDefinition[], BN][]) {
+    this.proxies = proxies;
+  }
+
+  public setSubs (subs: string[] | undefined) {
+    this.subs = subs;
+  }
+
+  public setJudgements (judgements: RegistrationJudgement[] | undefined) {
+    this.judgements = judgements;
+  }
+
+  public setRegistrars (registrars: Registrar[]) {
+    this.registrars = registrars;
+  }
+}
+
+export const mockApiHooks = new MockApiHooks();
diff --git a/packages/test-support/src/utils/renderedScreenUtils.ts b/packages/test-support/src/utils/renderedScreenUtils.ts
new file mode 100644
index 0000000..e848db1
--- /dev/null
+++ b/packages/test-support/src/utils/renderedScreenUtils.ts
@@ -0,0 +1,26 @@
+// Copyright 2017-2022 @polkadot/test-supports authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import { fireEvent, screen } from '@testing-library/react';
+
+export const clickButton = async (buttonName: string): Promise<void> => {
+  const button = await screen.findByRole('button', { name: buttonName });
+
+  fireEvent.click(button);
+};
+
+export const assertText = async (text: string): Promise<HTMLElement> => {
+  return screen.findByText(text);
+};
+
+export const fillInput = (inputTestId: string, value: string): void => {
+  const nameInput = screen.getByTestId(inputTestId);
+
+  fireEvent.change(nameInput, { target: { value } });
+};
+
+export const assertButtonDisabled = (buttonName: string): void => {
+  const button = screen.getByRole('button', { name: buttonName });
+
+  expect(button).toHaveClass('isDisabled');
+};
diff --git a/packages/test-support/src/utils/waitFor.ts b/packages/test-support/src/utils/waitFor.ts
new file mode 100644
index 0000000..37c04d6
--- /dev/null
+++ b/packages/test-support/src/utils/waitFor.ts
@@ -0,0 +1,27 @@
+// Copyright 2017-2022 @polkadot/test-support authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+export type WaitOptions = { interval?: number, timeout?: number };
+
+export async function waitFor (predicate: () => boolean, { interval, timeout }: WaitOptions): Promise<boolean>;
+export async function waitFor (predicate: () => Promise<boolean>, { interval, timeout }: WaitOptions): Promise<boolean>;
+
+export async function waitFor (predicate: () => Promise<boolean> | boolean, { interval = 500, timeout = 10000 } = {}): Promise<boolean> {
+  const asyncPredicate = () => Promise.resolve(predicate());
+
+  let elapsed = 0;
+
+  while (!(await asyncPredicate())) {
+    if (elapsed > timeout) {
+      throw Error('Timeout');
+    }
+
+    await sleep(interval);
+    elapsed += interval;
+  }
+
+  return true;
+}
+
+export const sleep = (ms: number): Promise<void> =>
+  new Promise((resolve) => setTimeout(resolve, ms));
diff --git a/packages/test-support/tsconfig.build.json b/packages/test-support/tsconfig.build.json
new file mode 100644
index 0000000..0eaf4c7
--- /dev/null
+++ b/packages/test-support/tsconfig.build.json
@@ -0,0 +1,13 @@
+{
+  "extends": "../../tsconfig.json",
+  "compilerOptions": {
+    "module": "CommonJS",
+    "target": "es2018"
+  },
+  "references": [],
+  "ts-node": {
+    "require": [
+      "tsconfig-paths/register"
+    ]
+  }
+}
diff --git a/scripts/findPackages.cjs b/scripts/findPackages.cjs
new file mode 100644
index 0000000..d02d918
--- /dev/null
+++ b/scripts/findPackages.cjs
@@ -0,0 +1,27 @@
+// Copyright 2017-2022 @polkadot/apps authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+const fs = require('fs');
+const path = require('path');
+
+module.exports = function findPackages () {
+  const pkgRoot = path.join(__dirname, '..', 'packages');
+
+  return fs
+    .readdirSync(pkgRoot)
+    .filter((entry) => {
+      const pkgPath = path.join(pkgRoot, entry);
+
+      return !['.', '..'].includes(entry) &&
+        fs.lstatSync(pkgPath).isDirectory() &&
+        fs.existsSync(path.join(pkgPath, 'package.json'));
+    })
+    .map((dir) => {
+      const jsonPath = path.join(pkgRoot, dir, 'package.json');
+      const { name } = JSON.parse(
+        fs.readFileSync(jsonPath).toString('utf-8')
+      );
+
+      return { dir, name };
+    });
+};
diff --git a/scripts/i18nLint.cjs b/scripts/i18nLint.cjs
new file mode 100644
index 0000000..1fc6e14
--- /dev/null
+++ b/scripts/i18nLint.cjs
@@ -0,0 +1,94 @@
+// Copyright 2017-2022 @polkadot/apps authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+const fs = require('fs');
+const path = require('path');
+
+const defaults = {};
+const i18nRoot = path.join(__dirname, '../packages/apps/public/locales');
+
+function getEntries (langRoot) {
+  return fs
+    .readdirSync(langRoot)
+    .filter((entry) =>
+      !['.', '..'].includes(entry) &&
+      fs.lstatSync(path.join(langRoot, entry)).isFile() &&
+      entry.endsWith('.json') &&
+      !['index.json', 'translation.json'].includes(entry)
+    )
+    .sort();
+}
+
+function checkLanguage (lang) {
+  console.log(`*** Checking ${lang}`);
+
+  const langRoot = path.join(i18nRoot, lang);
+  const entries = getEntries(langRoot);
+  const roots = Object.keys(defaults);
+  const missing = roots.filter((entry) => !entries.includes(entry));
+
+  if (missing.length) {
+    console.log(`\ttop-level missing ${missing.length}: ${missing.join(', ')}`);
+  }
+
+  entries.forEach((entry) => {
+    const json = require(path.join(langRoot, entry));
+    const keys = Object.keys(json);
+    const root = defaults[entry];
+
+    if (!root) {
+      console.log(`\t> ${entry} not found in default, not checking`);
+
+      return;
+    }
+
+    const missing = root.filter((key) => !keys.includes(key));
+    const extra = keys.filter((key) => !root.includes(key));
+
+    if (missing.length) {
+      console.log(`\t> ${entry} ${missing.length} keys missing`);
+
+      missing.forEach((key) =>
+        console.log(`\t\t${key}`)
+      );
+    }
+
+    if (extra.length) {
+      console.log(`\t> ${entry} ${extra.length} keys extra`);
+
+      extra.forEach((key) =>
+        console.log(`\t\t${key}`)
+      );
+    }
+  });
+}
+
+function checkLanguages () {
+  fs
+    .readdirSync(i18nRoot)
+    .filter((entry) =>
+      !['.', '..'].includes(entry) &&
+      fs.lstatSync(path.join(i18nRoot, entry)).isDirectory() &&
+      entry !== 'en'
+    )
+    .sort()
+    .forEach(checkLanguage);
+}
+
+function initDefault () {
+  const enRoot = path.join(i18nRoot, 'en');
+
+  getEntries(enRoot).forEach((entry) => {
+    const json = require(path.join(enRoot, entry));
+    const keys = Object.keys(json);
+
+    // if (keys.length > 0) {
+    //   console.log(`${entry} ${keys.length} keys`);
+    // }
+
+    defaults[entry] = keys;
+  });
+}
+
+initDefault();
+checkLanguages();
diff --git a/scripts/i18nSort.cjs b/scripts/i18nSort.cjs
new file mode 100644
index 0000000..f79b8ae
--- /dev/null
+++ b/scripts/i18nSort.cjs
@@ -0,0 +1,68 @@
+// Copyright 2017-2022 @polkadot/apps authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+const fs = require('fs');
+const path = require('path');
+
+const i18nRoot = path.join(__dirname, '../packages/apps/public/locales');
+
+const SKIP_NS = ['translation'].map((f) => `${f}.json`);
+
+function getEntries (langRoot) {
+  return fs
+    .readdirSync(langRoot)
+    .filter((entry) =>
+      !['.', '..'].includes(entry) &&
+      fs.lstatSync(path.join(langRoot, entry)).isFile() &&
+      entry.endsWith('.json') &&
+      !['index.json'].includes(entry)
+    )
+    .sort();
+}
+
+function sortLanguage (lang) {
+  const langRoot = path.join(i18nRoot, lang);
+  const entries = getEntries(langRoot);
+  const hasKeys = {};
+
+  entries.forEach((entry) => {
+    const filename = path.join(langRoot, entry);
+    const json = require(filename);
+    const sorted = Object.keys(json).sort().reduce((result, key) => {
+      result[key] = json[key];
+
+      return result;
+    }, {});
+
+    hasKeys[entry] = Object.keys(sorted).length !== 0;
+
+    fs.writeFileSync(filename, JSON.stringify(sorted, null, 2));
+  });
+
+  if (lang === 'en') {
+    const filtered = entries
+      .filter((entry) => !SKIP_NS.includes(entry))
+      .filter((entry) => hasKeys[entry]);
+
+    fs.writeFileSync(
+      path.join(langRoot, 'index.json'),
+      JSON.stringify(filtered, null, 2)
+    );
+  }
+}
+
+function checkLanguages () {
+  const languages = fs
+    .readdirSync(i18nRoot)
+    .filter((entry) =>
+      !['.', '..'].includes(entry) &&
+      fs.lstatSync(path.join(i18nRoot, entry)).isDirectory()
+    )
+    .sort();
+
+  languages.forEach(sortLanguage);
+
+  fs.writeFileSync(path.join(i18nRoot, 'index.json'), JSON.stringify(languages, null, 2));
+}
+
+checkLanguages();
diff --git a/scripts/ipfsUpload.mjs b/scripts/ipfsUpload.mjs
new file mode 100644
index 0000000..15cef9b
--- /dev/null
+++ b/scripts/ipfsUpload.mjs
@@ -0,0 +1,177 @@
+// Copyright 2017-2022 @polkadot/apps authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import CrustPinner from '@crustio/crust-pin';
+import pinataSDK from '@pinata/sdk';
+import cloudflare from 'dnslink-cloudflare';
+import fs from 'fs';
+
+import execSync from '@polkadot/dev/scripts/execSync.mjs';
+
+import { createWsEndpoints } from '../packages/apps-config/build/endpoints/index.js';
+
+console.log('$ scripts/ipfsUpload.mjs', process.argv.slice(2).join(' '));
+
+// https://gateway.pinata.cloud/ipfs/
+const GATEWAY = 'https://ipfs.io/ipfs/';
+const DOMAIN = 'dotapps.io';
+const DST = 'packages/apps/build';
+const SRC = 'packages/apps/public';
+const WOPTS = { encoding: 'utf8', flag: 'w' };
+const PINMETA = { name: DOMAIN };
+
+const repo = `https://${process.env.GH_PAT}@github.com/${process.env.GITHUB_REPOSITORY}.git`;
+
+function createPinata () {
+  try {
+    return pinataSDK(process.env.PINATA_API_KEY, process.env.PINATA_SECRET_KEY);
+  } catch {
+    console.error('Unable to create Pinata');
+  }
+
+  return null;
+}
+
+function createCrust () {
+  try {
+    // eslint-disable-next-line new-cap
+    return new CrustPinner.default(process.env.CRUST_SEEDS);
+  } catch {
+    console.error('Unable to create Crust');
+  }
+
+  return null;
+}
+
+const pinata = createPinata();
+const crust = createCrust();
+
+function writeFiles (name, content) {
+  [DST, SRC].forEach((root) =>
+    fs.writeFileSync(`${root}/ipfs/${name}`, content, WOPTS)
+  );
+}
+
+function updateGh (hash) {
+  execSync('git add --all .');
+  execSync(`git commit --no-status --quiet -m "[CI Skip] publish/ipfs ${hash}
+
+
+skip-checks: true"`);
+  execSync(`git push ${repo} HEAD:${process.env.GITHUB_REF}`, true);
+}
+
+async function pin () {
+  if (!pinata) {
+    console.error('Pinata not available, cannot pin');
+
+    return;
+  }
+
+  // 1. Pin on pinata
+  const result = await pinata.pinFromFS(DST, { pinataMetadata: PINMETA });
+  const url = `${GATEWAY}${result.IpfsHash}/`;
+  const html = `<!DOCTYPE html>
+<html>
+  <head>
+    <title>Redirecting to ipfs gateway</title>
+    <meta http-equiv="refresh" content="0; url=${url}" />
+    <style>
+      body { font-family: 'Nunito Sans',sans-serif; line-height: 1.5rem; padding: 2rem; text-align: center }
+      p { margin: 0 }
+    </style>
+  </head>
+  <body>
+    <p>Redirecting to</p>
+    <p><a href="${url}">${url}</a></p>
+  </body>
+</html>`;
+
+  writeFiles('index.html', html);
+  writeFiles('pin.json', JSON.stringify(result));
+  updateGh(result.IpfsHash);
+
+  // 2. Decentralized pin on Crust
+  if (crust) {
+    await crust.pin(result.IpfsHash).catch(console.error);
+  }
+
+  console.log(`Pinned ${result.IpfsHash}`);
+
+  return result.IpfsHash;
+}
+
+async function unpin (exclude) {
+  if (!pinata) {
+    console.error('Pinata not available, cannot unpin');
+
+    return;
+  }
+
+  const result = await pinata.pinList({ metadata: PINMETA, status: 'pinned' });
+
+  if (result.count > 1) {
+    const filtered = result.rows
+      .map((r) => r.ipfs_pin_hash)
+      .filter((hash) => hash !== exclude);
+
+    if (filtered.length) {
+      await Promise.all(
+        filtered.map((hash) =>
+          pinata
+            .unpin(hash)
+            .then(() => console.log(`Unpinned ${hash}`))
+            .catch(console.error)
+        )
+      );
+    }
+  }
+}
+
+async function dnslink (hash) {
+  const records = createWsEndpoints(() => '')
+    .map((e) => e.dnslink)
+    .reduce((all, dnslink) => {
+      if (dnslink && !all.includes(dnslink)) {
+        all.push(dnslink);
+      }
+
+      return all;
+    }, [null])
+    .map((sub) =>
+      ['_dnslink', sub, DOMAIN]
+        .filter((entry) => !!entry)
+        .join('.')
+    );
+
+  await Promise.all(records.map((record) =>
+    cloudflare(
+      { token: process.env.CF_API_TOKEN },
+      { link: `/ipfs/${hash}`, record, zone: DOMAIN }
+    )
+  ));
+
+  console.log(`Dnslink ${hash} for ${records.join(', ')}`);
+}
+
+async function main () {
+  const pkgJson = JSON.parse(fs.readFileSync('package.json', 'utf-8'));
+
+  // only run on non-beta versions
+  if (!pkgJson.version.includes('-')) {
+    console.log('Pinning');
+
+    const hash = await pin();
+
+    await dnslink(hash);
+    await unpin(hash);
+
+    console.log('Completed');
+  } else {
+    console.log('Skipping');
+  }
+}
+
+main()
+  .catch(console.error)
+  .finally(() => process.exit(0));
diff --git a/scripts/robohash.cjs b/scripts/robohash.cjs
new file mode 100644
index 0000000..fe921e3
--- /dev/null
+++ b/scripts/robohash.cjs
@@ -0,0 +1,88 @@
+// Copyright 2017-2022 @polkadot/react-components authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+const fs = require('fs');
+const path = require('path');
+
+const HEADER = `// Copyright 2017-2022 @polkadot/react-components authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+// Automatically generated, do not edit`;
+const PATH = 'packages/react-components/src/IdentityIcon/RoboHash';
+
+function getCounter (index) {
+  return `000${index}`.slice(-3);
+}
+
+function getFiles (dir) {
+  return fs
+    .readdirSync(dir)
+    .filter((entry) => !['.', '..', 'index.ts'].includes(entry))
+    .map((entry) => {
+      if (entry.includes('#')) {
+        const newName = entry.replace(/#/g, '-');
+
+        fs.renameSync(path.join(dir, entry), path.join(dir, newName));
+
+        return newName;
+      }
+
+      return entry;
+    })
+    .sort((a, b) => {
+      return (a.includes('-') && b.includes('-'))
+        ? a.split('-')[1].localeCompare(b.split('-')[1])
+        : 0;
+    });
+}
+
+function extractBg () {
+  const root = path.join(__dirname, '..', PATH, 'backgrounds');
+  const files = [];
+
+  getFiles(root).forEach((sub) => {
+    getFiles(path.join(root, sub)).forEach((entry) => files.push(`./${sub}/${entry}`));
+  });
+
+  const imports = files.map((file, index) => `import b${getCounter(index)} from '${file}';`);
+  const list = `const backgrounds: any[] = [${files.map((_, index) => `b${getCounter(index)}`).join(', ')}];`;
+
+  fs.writeFileSync(path.join(root, 'index.ts'), `${HEADER}\n\n${imports.join('\n')}\n\n${list}\n\nexport default backgrounds;\n`);
+}
+
+function extractSets () {
+  const root = path.join(__dirname, '..', PATH, 'sets');
+  const sets = getFiles(root).map((sub) =>
+    getFiles(path.join(root, sub)).map((dir) =>
+      getFiles(path.join(root, sub, dir)).map((entry) => `./${sub}/${dir}/${entry}`)
+    )
+  );
+
+  const imports = [];
+  let list = 'const sets: any[][][] = [';
+
+  sets.forEach((areas, sindex) => {
+    list = `${list}${sindex ? ',' : ''}\n  [`;
+
+    areas.forEach((files, aindex) => {
+      const indexes = files.map((file, findex) => {
+        const index = `s${getCounter(sindex)}${getCounter(aindex)}${getCounter(findex)}`;
+
+        imports.push(`import ${index} from '${file}';`);
+
+        return index;
+      });
+
+      list = `${list}${aindex ? ',' : ''}\n    [${indexes.join(', ')}]`;
+    });
+
+    list = `${list}\n  ]`;
+  });
+
+  list = `${list}\n];`;
+
+  fs.writeFileSync(path.join(root, 'index.ts'), `${HEADER}\n\n${imports.join('\n')}\n\n${list}\n\nexport default sets;\n`);
+}
+
+extractBg();
+extractSets();
diff --git a/tsconfig.base.json b/tsconfig.base.json
new file mode 100644
index 0000000..431b12f
--- /dev/null
+++ b/tsconfig.base.json
@@ -0,0 +1,86 @@
+{
+  "extends": "@polkadot/dev/config/tsconfig.json",
+	"compilerOptions": {
+    "composite": false,
+    "jsx": "react",
+		"paths": {
+      "@polkadot/apps/*": ["apps/src/*"],
+      "@polkadot/apps": ["apps/src"],
+      "@polkadot/apps-config": ["apps-config/src"],
+      "@polkadot/apps-config/*": ["apps-config/src/*"],
+      "@polkadot/apps-routing": ["apps-routing/src"],
+      "@polkadot/apps-routing/*": ["apps-routing/src/*"],
+      "@polkadot/app-accounts": ["page-accounts/src"],
+      "@polkadot/app-accounts/*": ["page-accounts/src/*"],
+      "@polkadot/app-addresses": ["page-addresses/src"],
+      "@polkadot/app-addresses/*": ["page-addresses/src/*"],
+      "@polkadot/app-assets": ["page-assets/src"],
+      "@polkadot/app-assets/*": ["page-assets/src/*"],
+      "@polkadot/app-bounties": ["page-bounties/src"],
+      "@polkadot/app-bounties/*": ["page-bounties/src/*"],
+      "@polkadot/app-calendar": ["page-calendar/src"],
+      "@polkadot/app-calendar/*": ["page-calendar/src/*"],
+      "@polkadot/app-claims": ["page-claims/src"],
+      "@polkadot/app-claims/*": ["page-claims/src/*"],
+      "@polkadot/app-contracts": ["page-contracts/src"],
+      "@polkadot/app-contracts/*": ["page-contracts/src/*"],
+      "@polkadot/app-council": ["page-council/src"],
+      "@polkadot/app-council/*": ["page-council/src/*"],
+      "@polkadot/app-democracy": ["page-democracy/src"],
+      "@polkadot/app-democracy/*": ["page-democracy/src/*"],
+      "@polkadot/app-extrinsics": ["page-extrinsics/src"],
+      "@polkadot/app-extrinsics/*": ["page-extrinsics/src/*"],
+      "@polkadot/app-explorer": ["page-explorer/src"],
+      "@polkadot/app-explorer/*": ["page-explorer/src/*"],
+      "@polkadot/app-files": ["page-files/src"],
+      "@polkadot/app-files/*": ["page-files/src/*"],
+      "@polkadot/app-gilt": ["page-gilt/src"],
+      "@polkadot/app-gilt/*": ["page-gilt/src/*"],
+      "@polkadot/app-i18n": ["page-i18n/src"],
+      "@polkadot/app-i18n/*": ["page-i18n/src/*"],
+      "@polkadot/app-js": ["page-js/src"],
+      "@polkadot/app-js/*": ["page-js/src/*"],
+      "@polkadot/app-membership": ["page-membership/src"],
+      "@polkadot/app-membership/*": ["page-membership/src/*"],
+      "@polkadot/app-nfts": ["page-nfts/src"],
+      "@polkadot/app-nfts/*": ["page-nfts/src/*"],
+      "@polkadot/app-parachains": ["page-parachains/src"],
+      "@polkadot/app-parachains/*": ["page-parachains/src/*"],
+      "@polkadot/app-poll": ["page-poll/src"],
+      "@polkadot/app-poll/*": ["page-poll/src/*"],
+      "@polkadot/app-rpc": ["page-rpc/src"],
+      "@polkadot/app-rpc/*": ["page-rpc/src/*"],
+      "@polkadot/app-settings": ["page-settings/src"],
+      "@polkadot/app-settings/*": ["page-settings/src/*"],
+      "@polkadot/app-signing": ["page-signing/src"],
+      "@polkadot/app-signing/*": ["page-signing/src/*"],
+      "@polkadot/app-society": ["page-society/src"],
+      "@polkadot/app-society/*": ["page-society/src/*"],
+      "@polkadot/app-staking": ["page-staking/src"],
+      "@polkadot/app-staking/*": ["page-staking/src/*"],
+      "@polkadot/app-storage": ["page-storage/src"],
+      "@polkadot/app-storage/*": ["page-storage/src/*"],
+      "@polkadot/app-sudo": ["page-sudo/src"],
+      "@polkadot/app-sudo/*": ["page-sudo/src/*"],
+      "@polkadot/app-tech-comm": ["page-tech-comm/src"],
+      "@polkadot/app-tech-comm/*": ["page-tech-comm/src/*"],
+      "@polkadot/app-treasury": ["page-treasury/src"],
+      "@polkadot/app-treasury/*": ["page-treasury/src/*"],
+      "@polkadot/react-api": ["react-api/src"],
+      "@polkadot/react-api/*": ["react-api/src/*"],
+      "@polkadot/react-components": ["react-components/src"],
+      "@polkadot/react-components/*": ["react-components/src/*"],
+      "@polkadot/react-hooks": ["react-hooks/src"],
+      "@polkadot/react-hooks/*": ["react-hooks/src/*"],
+      "@polkadot/react-params": ["react-params/src"],
+      "@polkadot/react-params/*": ["react-params/src/*"],
+      "@polkadot/react-query": ["react-query/src"],
+      "@polkadot/react-query/*": ["react-query/src/*"],
+      "@polkadot/react-signer": ["react-signer/src"],
+      "@polkadot/react-signer/*": ["react-signer/src/*"],
+      "@polkadot/test-support/": ["test-support/src/"],
+      "@polkadot/test-support/*": ["test-support/src/*"]
+    },
+    "skipLibCheck": true
+	}
+ }
diff --git a/tsconfig.build.json b/tsconfig.build.json
new file mode 100644
index 0000000..e04931c
--- /dev/null
+++ b/tsconfig.build.json
@@ -0,0 +1,12 @@
+{
+  "extends": "./tsconfig.base.json",
+  "compilerOptions": {
+    "baseUrl": "./packages",
+    "outDir": "./build"
+  },
+  "exclude": [
+    "build/**/*",
+    "**/build/**/*"
+  ],
+  "references": []
+}
diff --git a/tsconfig.eslint.json b/tsconfig.eslint.json
new file mode 100644
index 0000000..c6987c5
--- /dev/null
+++ b/tsconfig.eslint.json
@@ -0,0 +1,11 @@
+{
+  "extends": "./tsconfig.base.json",
+  "exclude": [
+    "build/**/*",
+    "**/build/**/*"
+  ],
+  "compilerOptions": {
+    "baseUrl": "./packages",
+    "composite": false
+  }
+}
diff --git a/tsconfig.json b/tsconfig.json
new file mode 100644
index 0000000..f127515
--- /dev/null
+++ b/tsconfig.json
@@ -0,0 +1,13 @@
+{
+  "extends": "./tsconfig.base.json",
+  "compilerOptions": {
+    "baseUrl": "./packages",
+    "composite": false
+  },
+  "include": [
+    "packages/**/src/**/*"
+  ],
+  "exclude": [
+    "**/node_modules/**/*"
+  ]
+}
diff --git a/yarn.lock b/yarn.lock
new file mode 100644
index 0000000..86c984e
--- /dev/null
+++ b/yarn.lock
@@ -0,0 +1,20801 @@
+# This file is generated by running "yarn install" inside your project.
+# Manual changes might be lost - proceed with caution!
+
+__metadata:
+  version: 6
+  cacheKey: 8
+
+"7zip-bin@npm:~5.1.1":
+  version: 5.1.1
+  resolution: "7zip-bin@npm:5.1.1"
+  checksum: 1e58ba3742ac86daa84d2e60c46fd545f235c9f60a00cd36a87a70bf824cc0c821fdc418994f1745081b17e7bc83d155e1e82bd44b06996e7cab0a491ce644c1
+  languageName: node
+  linkType: hard
+
+"@acala-network/type-definitions@npm:^4.0.1":
+  version: 4.0.1
+  resolution: "@acala-network/type-definitions@npm:4.0.1"
+  dependencies:
+    "@open-web3/orml-type-definitions": ^1.0.2-0
+  checksum: f50cf6b8ebf5d3d0d523c7a1059697ce474c8f7a4cfb02bdacaa12edb2b6865c1f515cae86fc817e6d9dd68f61518a35528ceb7dd58b48a10d657f6959ba6d58
+  languageName: node
+  linkType: hard
+
+"@ampproject/remapping@npm:^2.1.0":
+  version: 2.1.1
+  resolution: "@ampproject/remapping@npm:2.1.1"
+  dependencies:
+    "@jridgewell/trace-mapping": ^0.3.0
+  checksum: cc5cf29833e2b8bdf420821a6e027a35cf6a48605df64ae5095b55cb722581b236554fc8f920138e6da3f7a99ec99273b07ebe2e2bb98b6a4a8d8e33648cac77
+  languageName: node
+  linkType: hard
+
+"@babel/cli@npm:^7.17.6":
+  version: 7.17.6
+  resolution: "@babel/cli@npm:7.17.6"
+  dependencies:
+    "@jridgewell/trace-mapping": ^0.3.4
+    "@nicolo-ribaudo/chokidar-2": 2.1.8-no-fsevents.3
+    chokidar: ^3.4.0
+    commander: ^4.0.1
+    convert-source-map: ^1.1.0
+    fs-readdir-recursive: ^1.1.0
+    glob: ^7.0.0
+    make-dir: ^2.1.0
+    slash: ^2.0.0
+    source-map: ^0.5.0
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  dependenciesMeta:
+    "@nicolo-ribaudo/chokidar-2":
+      optional: true
+    chokidar:
+      optional: true
+  bin:
+    babel: ./bin/babel.js
+    babel-external-helpers: ./bin/babel-external-helpers.js
+  checksum: 362c9baf14e3984bad2388647941e0ce3bf1894a5f25cd8595ca0b9bdcd8b94eb06d15eef6590e2215cfc5a191e186ae65c0c6214ed4a3eec226bd0eacc37c44
+  languageName: node
+  linkType: hard
+
+"@babel/code-frame@npm:^7.0.0, @babel/code-frame@npm:^7.10.4, @babel/code-frame@npm:^7.12.13, @babel/code-frame@npm:^7.16.7":
+  version: 7.16.7
+  resolution: "@babel/code-frame@npm:7.16.7"
+  dependencies:
+    "@babel/highlight": ^7.16.7
+  checksum: db2f7faa31bc2c9cf63197b481b30ea57147a5fc1a6fab60e5d6c02cdfbf6de8e17b5121f99917b3dabb5eeb572da078312e70697415940383efc140d4e0808b
+  languageName: node
+  linkType: hard
+
+"@babel/compat-data@npm:^7.13.11, @babel/compat-data@npm:^7.16.4, @babel/compat-data@npm:^7.16.8, @babel/compat-data@npm:^7.17.7":
+  version: 7.17.7
+  resolution: "@babel/compat-data@npm:7.17.7"
+  checksum: bf13476676884ce9afc199747ff82f3bcd6d42a9cfb01ce91bdb762b83ea11ec619b6ec532d1a80469ab14f191f33b5d4b9f8796fa8be3bc728d42b0c5e737e3
+  languageName: node
+  linkType: hard
+
+"@babel/core@npm:^7.1.0, @babel/core@npm:^7.12.3, @babel/core@npm:^7.17.9, @babel/core@npm:^7.7.2, @babel/core@npm:^7.8.0":
+  version: 7.17.9
+  resolution: "@babel/core@npm:7.17.9"
+  dependencies:
+    "@ampproject/remapping": ^2.1.0
+    "@babel/code-frame": ^7.16.7
+    "@babel/generator": ^7.17.9
+    "@babel/helper-compilation-targets": ^7.17.7
+    "@babel/helper-module-transforms": ^7.17.7
+    "@babel/helpers": ^7.17.9
+    "@babel/parser": ^7.17.9
+    "@babel/template": ^7.16.7
+    "@babel/traverse": ^7.17.9
+    "@babel/types": ^7.17.0
+    convert-source-map: ^1.7.0
+    debug: ^4.1.0
+    gensync: ^1.0.0-beta.2
+    json5: ^2.2.1
+    semver: ^6.3.0
+  checksum: 2d301e4561a170bb584a735ec412de8fdc40b2052e12380d4a5e36781be5af1fd2a60552e7f0764b0a491a242f20105265bd2a10ff57b30c2842684f02dbb5a2
+  languageName: node
+  linkType: hard
+
+"@babel/generator@npm:^7.17.9, @babel/generator@npm:^7.7.2":
+  version: 7.17.9
+  resolution: "@babel/generator@npm:7.17.9"
+  dependencies:
+    "@babel/types": ^7.17.0
+    jsesc: ^2.5.1
+    source-map: ^0.5.0
+  checksum: afbdd4afbf731ba0a17e7e2d9a2291e6461259af887f88f1178f63514a86e9c18cec462ae8f9cd6df9ba15a18296f47b0e151202bb4f834f7338ac0c07ec8dc8
+  languageName: node
+  linkType: hard
+
+"@babel/helper-annotate-as-pure@npm:^7.16.0, @babel/helper-annotate-as-pure@npm:^7.16.7":
+  version: 7.16.7
+  resolution: "@babel/helper-annotate-as-pure@npm:7.16.7"
+  dependencies:
+    "@babel/types": ^7.16.7
+  checksum: d235be963fed5d48a8a4cfabc41c3f03fad6a947810dbcab9cebed7f819811457e10d99b4b2e942ad71baa7ee8e3cd3f5f38a4e4685639ddfddb7528d9a07179
+  languageName: node
+  linkType: hard
+
+"@babel/helper-builder-binary-assignment-operator-visitor@npm:^7.16.7":
+  version: 7.16.7
+  resolution: "@babel/helper-builder-binary-assignment-operator-visitor@npm:7.16.7"
+  dependencies:
+    "@babel/helper-explode-assignable-expression": ^7.16.7
+    "@babel/types": ^7.16.7
+  checksum: 1784f19a57ecfafca8e5c2e0f3eac53451cb13a857cbe0ca0cd9670922228d099ef8c3dd8cd318e2d7bce316fdb2ece3e527c30f3ecd83706e37ab6beb0c60eb
+  languageName: node
+  linkType: hard
+
+"@babel/helper-compilation-targets@npm:^7.13.0, @babel/helper-compilation-targets@npm:^7.16.7, @babel/helper-compilation-targets@npm:^7.17.7":
+  version: 7.17.7
+  resolution: "@babel/helper-compilation-targets@npm:7.17.7"
+  dependencies:
+    "@babel/compat-data": ^7.17.7
+    "@babel/helper-validator-option": ^7.16.7
+    browserslist: ^4.17.5
+    semver: ^6.3.0
+  peerDependencies:
+    "@babel/core": ^7.0.0
+  checksum: 24bf851539d5ec8e73779304b5d1ad5b0be09a74459ecc7d9baee9a0fa38ad016e9eaf4b5704504ae8da32f91ce0e31857bbbd9686854caeffd38f58226d3760
+  languageName: node
+  linkType: hard
+
+"@babel/helper-create-class-features-plugin@npm:^7.16.10, @babel/helper-create-class-features-plugin@npm:^7.16.7":
+  version: 7.16.10
+  resolution: "@babel/helper-create-class-features-plugin@npm:7.16.10"
+  dependencies:
+    "@babel/helper-annotate-as-pure": ^7.16.7
+    "@babel/helper-environment-visitor": ^7.16.7
+    "@babel/helper-function-name": ^7.16.7
+    "@babel/helper-member-expression-to-functions": ^7.16.7
+    "@babel/helper-optimise-call-expression": ^7.16.7
+    "@babel/helper-replace-supers": ^7.16.7
+    "@babel/helper-split-export-declaration": ^7.16.7
+  peerDependencies:
+    "@babel/core": ^7.0.0
+  checksum: 2ab266aac7f94403311f63a17d32abb718ff040339bcae19880091de3fdb4e8d7196cb4e680f01a92924eb1a00a143364456e452c511c0b7b6e0b1a4b0e696da
+  languageName: node
+  linkType: hard
+
+"@babel/helper-create-regexp-features-plugin@npm:^7.16.7":
+  version: 7.16.7
+  resolution: "@babel/helper-create-regexp-features-plugin@npm:7.16.7"
+  dependencies:
+    "@babel/helper-annotate-as-pure": ^7.16.7
+    regexpu-core: ^4.7.1
+  peerDependencies:
+    "@babel/core": ^7.0.0
+  checksum: f6015e0b81deddcbf09fde6c39d3acd55aa3ad45cbf04dae5e2ce2432cd5a63c4a0fa67eaeaa13c6cc526e7618234b9d252c924a5c99a01e6ce8ae882d485f38
+  languageName: node
+  linkType: hard
+
+"@babel/helper-define-polyfill-provider@npm:^0.3.0":
+  version: 0.3.0
+  resolution: "@babel/helper-define-polyfill-provider@npm:0.3.0"
+  dependencies:
+    "@babel/helper-compilation-targets": ^7.13.0
+    "@babel/helper-module-imports": ^7.12.13
+    "@babel/helper-plugin-utils": ^7.13.0
+    "@babel/traverse": ^7.13.0
+    debug: ^4.1.1
+    lodash.debounce: ^4.0.8
+    resolve: ^1.14.2
+    semver: ^6.1.2
+  peerDependencies:
+    "@babel/core": ^7.4.0-0
+  checksum: 372378ac4235c4fe135f1cd6d0f63697e7cb3ef63a884eb14f4b439984846bcaec0b7a32cf8df6756a21557ae3ebb3c2ee18d9a191260705a583333e5e60df7c
+  languageName: node
+  linkType: hard
+
+"@babel/helper-environment-visitor@npm:^7.16.7":
+  version: 7.16.7
+  resolution: "@babel/helper-environment-visitor@npm:7.16.7"
+  dependencies:
+    "@babel/types": ^7.16.7
+  checksum: c03a10105d9ebd1fe632a77356b2e6e2f3c44edba9a93b0dc3591b6a66bd7a2e323dd9502f9ce96fc6401234abff1907aa877b6674f7826b61c953f7c8204bbe
+  languageName: node
+  linkType: hard
+
+"@babel/helper-explode-assignable-expression@npm:^7.16.7":
+  version: 7.16.7
+  resolution: "@babel/helper-explode-assignable-expression@npm:7.16.7"
+  dependencies:
+    "@babel/types": ^7.16.7
+  checksum: ea2135ba36da6a2be059ebc8f10fbbb291eb0e312da54c55c6f50f9cbd8601e2406ec497c5e985f7c07a97f31b3bef9b2be8df53f1d53b974043eaf74fe54bbc
+  languageName: node
+  linkType: hard
+
+"@babel/helper-function-name@npm:^7.16.7, @babel/helper-function-name@npm:^7.17.9":
+  version: 7.17.9
+  resolution: "@babel/helper-function-name@npm:7.17.9"
+  dependencies:
+    "@babel/template": ^7.16.7
+    "@babel/types": ^7.17.0
+  checksum: a59b2e5af56d8f43b9b0019939a43774754beb7cb01a211809ca8031c71890999d07739e955343135ec566c4d8ff725435f1f60fb0af3bb546837c1f9f84f496
+  languageName: node
+  linkType: hard
+
+"@babel/helper-hoist-variables@npm:^7.16.7":
+  version: 7.16.7
+  resolution: "@babel/helper-hoist-variables@npm:7.16.7"
+  dependencies:
+    "@babel/types": ^7.16.7
+  checksum: 6ae1641f4a751cd9045346e3f61c3d9ec1312fd779ab6d6fecfe2a96e59a481ad5d7e40d2a840894c13b3fd6114345b157f9e3062fc5f1580f284636e722de60
+  languageName: node
+  linkType: hard
+
+"@babel/helper-member-expression-to-functions@npm:^7.16.7":
+  version: 7.16.7
+  resolution: "@babel/helper-member-expression-to-functions@npm:7.16.7"
+  dependencies:
+    "@babel/types": ^7.16.7
+  checksum: e275378022278a7e7974a3f65566690f1804ac88c5f4e848725cf936f61cd1e2557e88cfb6cb4fea92ae5a95ad89d78dbccc9a53715d4363f84c9fd109272c18
+  languageName: node
+  linkType: hard
+
+"@babel/helper-module-imports@npm:^7.0.0, @babel/helper-module-imports@npm:^7.12.13, @babel/helper-module-imports@npm:^7.16.0, @babel/helper-module-imports@npm:^7.16.7":
+  version: 7.16.7
+  resolution: "@babel/helper-module-imports@npm:7.16.7"
+  dependencies:
+    "@babel/types": ^7.16.7
+  checksum: ddd2c4a600a2e9a4fee192ab92bf35a627c5461dbab4af31b903d9ba4d6b6e59e0ff3499fde4e2e9a0eebe24906f00b636f8b4d9bd72ff24d50e6618215c3212
+  languageName: node
+  linkType: hard
+
+"@babel/helper-module-transforms@npm:^7.16.7, @babel/helper-module-transforms@npm:^7.17.7":
+  version: 7.17.7
+  resolution: "@babel/helper-module-transforms@npm:7.17.7"
+  dependencies:
+    "@babel/helper-environment-visitor": ^7.16.7
+    "@babel/helper-module-imports": ^7.16.7
+    "@babel/helper-simple-access": ^7.17.7
+    "@babel/helper-split-export-declaration": ^7.16.7
+    "@babel/helper-validator-identifier": ^7.16.7
+    "@babel/template": ^7.16.7
+    "@babel/traverse": ^7.17.3
+    "@babel/types": ^7.17.0
+  checksum: 0b8f023aa7ff82dc4864349d54c4557865ad8ba54d78f6d78a86b05ca40f65c2d60acb4a54c5c309e7a4356beb9a89b876e54af4b3c4801ad25f62ec3721f0ae
+  languageName: node
+  linkType: hard
+
+"@babel/helper-optimise-call-expression@npm:^7.16.7":
+  version: 7.16.7
+  resolution: "@babel/helper-optimise-call-expression@npm:7.16.7"
+  dependencies:
+    "@babel/types": ^7.16.7
+  checksum: 925feb877d5a30a71db56e2be498b3abbd513831311c0188850896c4c1ada865eea795dce5251a1539b0f883ef82493f057f84286dd01abccc4736acfafe15ea
+  languageName: node
+  linkType: hard
+
+"@babel/helper-plugin-utils@npm:^7.0.0, @babel/helper-plugin-utils@npm:^7.10.4, @babel/helper-plugin-utils@npm:^7.12.13, @babel/helper-plugin-utils@npm:^7.13.0, @babel/helper-plugin-utils@npm:^7.14.5, @babel/helper-plugin-utils@npm:^7.16.7, @babel/helper-plugin-utils@npm:^7.8.0, @babel/helper-plugin-utils@npm:^7.8.3":
+  version: 7.16.7
+  resolution: "@babel/helper-plugin-utils@npm:7.16.7"
+  checksum: d08dd86554a186c2538547cd537552e4029f704994a9201d41d82015c10ed7f58f9036e8d1527c3760f042409163269d308b0b3706589039c5f1884619c6d4ce
+  languageName: node
+  linkType: hard
+
+"@babel/helper-remap-async-to-generator@npm:^7.16.8":
+  version: 7.16.8
+  resolution: "@babel/helper-remap-async-to-generator@npm:7.16.8"
+  dependencies:
+    "@babel/helper-annotate-as-pure": ^7.16.7
+    "@babel/helper-wrap-function": ^7.16.8
+    "@babel/types": ^7.16.8
+  checksum: 29282ee36872130085ca111539725abbf20210c2a1d674bee77f338a57c093c3154108d03a275f602e471f583bd2c7ae10d05534f87cbc22b95524fe2b569488
+  languageName: node
+  linkType: hard
+
+"@babel/helper-replace-supers@npm:^7.16.7":
+  version: 7.16.7
+  resolution: "@babel/helper-replace-supers@npm:7.16.7"
+  dependencies:
+    "@babel/helper-environment-visitor": ^7.16.7
+    "@babel/helper-member-expression-to-functions": ^7.16.7
+    "@babel/helper-optimise-call-expression": ^7.16.7
+    "@babel/traverse": ^7.16.7
+    "@babel/types": ^7.16.7
+  checksum: e5c0b6eb3dad8410a6255f93b580dde9b3c1564646c6ef751de59d5b2a65b5caa80cc9e568155f04bbae895ad0f54305c2e833dbd971a4f641f970c90b3d892b
+  languageName: node
+  linkType: hard
+
+"@babel/helper-simple-access@npm:^7.16.7, @babel/helper-simple-access@npm:^7.17.7":
+  version: 7.17.7
+  resolution: "@babel/helper-simple-access@npm:7.17.7"
+  dependencies:
+    "@babel/types": ^7.17.0
+  checksum: 58a9bfd054720024f6ff47fbb113c96061dc2bd31a5e5285756bd3c2e83918c6926900e00150d0fb175d899494fe7d69bf2a8b278c32ef6f6bea8d032e6a3831
+  languageName: node
+  linkType: hard
+
+"@babel/helper-skip-transparent-expression-wrappers@npm:^7.16.0":
+  version: 7.16.0
+  resolution: "@babel/helper-skip-transparent-expression-wrappers@npm:7.16.0"
+  dependencies:
+    "@babel/types": ^7.16.0
+  checksum: b9ed2896eb253e6a85f472b0d4098ed80403758ad1a4e34b02b11e8276e3083297526758b1a3e6886e292987266f10622d7dbced3508cc22b296a74903b41cfb
+  languageName: node
+  linkType: hard
+
+"@babel/helper-split-export-declaration@npm:^7.16.7":
+  version: 7.16.7
+  resolution: "@babel/helper-split-export-declaration@npm:7.16.7"
+  dependencies:
+    "@babel/types": ^7.16.7
+  checksum: e10aaf135465c55114627951b79115f24bc7af72ecbb58d541d66daf1edaee5dde7cae3ec8c3639afaf74526c03ae3ce723444e3b5b3dc77140c456cd84bcaa1
+  languageName: node
+  linkType: hard
+
+"@babel/helper-validator-identifier@npm:^7.16.7":
+  version: 7.16.7
+  resolution: "@babel/helper-validator-identifier@npm:7.16.7"
+  checksum: dbb3db9d184343152520a209b5684f5e0ed416109cde82b428ca9c759c29b10c7450657785a8b5c5256aa74acc6da491c1f0cf6b784939f7931ef82982051b69
+  languageName: node
+  linkType: hard
+
+"@babel/helper-validator-option@npm:^7.16.7":
+  version: 7.16.7
+  resolution: "@babel/helper-validator-option@npm:7.16.7"
+  checksum: c5ccc451911883cc9f12125d47be69434f28094475c1b9d2ada7c3452e6ac98a1ee8ddd364ca9e3f9855fcdee96cdeafa32543ebd9d17fee7a1062c202e80570
+  languageName: node
+  linkType: hard
+
+"@babel/helper-wrap-function@npm:^7.16.8":
+  version: 7.16.8
+  resolution: "@babel/helper-wrap-function@npm:7.16.8"
+  dependencies:
+    "@babel/helper-function-name": ^7.16.7
+    "@babel/template": ^7.16.7
+    "@babel/traverse": ^7.16.8
+    "@babel/types": ^7.16.8
+  checksum: d8aae4bacaf138d47dca1421ba82b41eac954cbb0ad17ab1c782825c6f2afe20076fbed926ab265967758336de5112d193a363128cd1c6967c66e0151174f797
+  languageName: node
+  linkType: hard
+
+"@babel/helpers@npm:^7.17.9":
+  version: 7.17.9
+  resolution: "@babel/helpers@npm:7.17.9"
+  dependencies:
+    "@babel/template": ^7.16.7
+    "@babel/traverse": ^7.17.9
+    "@babel/types": ^7.17.0
+  checksum: 3c6db861e4c82fff2de3efb4ad12e32658c50c29920597cd0979390659b202e5849acd9542e0e2453167a52ccc30156ee4455d64d0e330f020d991d7551566f8
+  languageName: node
+  linkType: hard
+
+"@babel/highlight@npm:^7.16.7":
+  version: 7.16.7
+  resolution: "@babel/highlight@npm:7.16.7"
+  dependencies:
+    "@babel/helper-validator-identifier": ^7.16.7
+    chalk: ^2.0.0
+    js-tokens: ^4.0.0
+  checksum: f7e04e7e03b83c2cca984f4d3e180c9b018784f45d03367e94daf983861229ddc47264045f3b58dfeb0007f9c67bc2a76c4de1693bad90e5394876ef55ece5bb
+  languageName: node
+  linkType: hard
+
+"@babel/parser@npm:^7.0.0, @babel/parser@npm:^7.1.0, @babel/parser@npm:^7.14.7, @babel/parser@npm:^7.16.7, @babel/parser@npm:^7.17.9":
+  version: 7.17.9
+  resolution: "@babel/parser@npm:7.17.9"
+  bin:
+    parser: ./bin/babel-parser.js
+  checksum: ea59c985ebfae7c0299c8ea63ed34903202f51665db8d59c55b4366e20270b74d7367a2c211fdd2db20f25750df89adcc85ab6c8692061c6459a88efb79f43e6
+  languageName: node
+  linkType: hard
+
+"@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression@npm:^7.16.7":
+  version: 7.16.7
+  resolution: "@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression@npm:7.16.7"
+  dependencies:
+    "@babel/helper-plugin-utils": ^7.16.7
+  peerDependencies:
+    "@babel/core": ^7.0.0
+  checksum: bbb0f82a4cf297bdbb9110eea570addd4b883fd1b61535558d849822b087aa340fe4e9c31f8a39b087595c8310b58d0f5548d6be0b72c410abefb23a5734b7bc
+  languageName: node
+  linkType: hard
+
+"@babel/plugin-bugfix-v8-spread-parameters-in-optional-chaining@npm:^7.16.7":
+  version: 7.16.7
+  resolution: "@babel/plugin-bugfix-v8-spread-parameters-in-optional-chaining@npm:7.16.7"
+  dependencies:
+    "@babel/helper-plugin-utils": ^7.16.7
+    "@babel/helper-skip-transparent-expression-wrappers": ^7.16.0
+    "@babel/plugin-proposal-optional-chaining": ^7.16.7
+  peerDependencies:
+    "@babel/core": ^7.13.0
+  checksum: 81b372651a7d886a06596b02df7fb65ea90265a8bd60c9f0d5c1777590a598e6cccbdc3239033ee0719abf904813e69577eeb0ed5960b40e07978df023b17a6a
+  languageName: node
+  linkType: hard
+
+"@babel/plugin-proposal-async-generator-functions@npm:^7.16.8":
+  version: 7.16.8
+  resolution: "@babel/plugin-proposal-async-generator-functions@npm:7.16.8"
+  dependencies:
+    "@babel/helper-plugin-utils": ^7.16.7
+    "@babel/helper-remap-async-to-generator": ^7.16.8
+    "@babel/plugin-syntax-async-generators": ^7.8.4
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: abd2c2c67de262720d37c5509dafe2ce64d6cee2dc9a8e863bbba1796b77387214442f37618373c6a4521ca624bfc7dcdbeb1376300d16f2a474405ee0ca2e69
+  languageName: node
+  linkType: hard
+
+"@babel/plugin-proposal-class-properties@npm:^7.16.7":
+  version: 7.16.7
+  resolution: "@babel/plugin-proposal-class-properties@npm:7.16.7"
+  dependencies:
+    "@babel/helper-create-class-features-plugin": ^7.16.7
+    "@babel/helper-plugin-utils": ^7.16.7
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: 3977e841e17b45b47be749b9a5b67b9e8b25ff0840f9fdad3f00cbcb35db4f5ff15f074939fe19b01207a29688c432cc2c682351959350834d62920b7881f803
+  languageName: node
+  linkType: hard
+
+"@babel/plugin-proposal-class-static-block@npm:^7.16.7":
+  version: 7.16.7
+  resolution: "@babel/plugin-proposal-class-static-block@npm:7.16.7"
+  dependencies:
+    "@babel/helper-create-class-features-plugin": ^7.16.7
+    "@babel/helper-plugin-utils": ^7.16.7
+    "@babel/plugin-syntax-class-static-block": ^7.14.5
+  peerDependencies:
+    "@babel/core": ^7.12.0
+  checksum: 3b95b5137e089f0be17de667299ea2e28867b6310ab94219a5a89ac7675824e69f316d31930586142b9f432122ef3b98eb05fffdffae01b5587019ce9aab4ef3
+  languageName: node
+  linkType: hard
+
+"@babel/plugin-proposal-dynamic-import@npm:^7.16.7":
+  version: 7.16.7
+  resolution: "@babel/plugin-proposal-dynamic-import@npm:7.16.7"
+  dependencies:
+    "@babel/helper-plugin-utils": ^7.16.7
+    "@babel/plugin-syntax-dynamic-import": ^7.8.3
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: 5992012484fb8bda1451369350e475091954ed414dd9ef8654a3c4daa2db0205d4f29c94f5d3dedfbc5a434996375c8304586904337d6af938ac0f27a0033e23
+  languageName: node
+  linkType: hard
+
+"@babel/plugin-proposal-export-namespace-from@npm:^7.16.7":
+  version: 7.16.7
+  resolution: "@babel/plugin-proposal-export-namespace-from@npm:7.16.7"
+  dependencies:
+    "@babel/helper-plugin-utils": ^7.16.7
+    "@babel/plugin-syntax-export-namespace-from": ^7.8.3
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: 5016079a5305c1c130fea587b42cdce501574739cfefa5b63469dbc1f32d436df0ff42fabf04089fe8b6a00f4ea7563869e944744b457e186c677995983cb166
+  languageName: node
+  linkType: hard
+
+"@babel/plugin-proposal-json-strings@npm:^7.16.7":
+  version: 7.16.7
+  resolution: "@babel/plugin-proposal-json-strings@npm:7.16.7"
+  dependencies:
+    "@babel/helper-plugin-utils": ^7.16.7
+    "@babel/plugin-syntax-json-strings": ^7.8.3
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: ea6487918f8d88322ac2a4e5273be6163b0d84a34330c31cee346e23525299de3b4f753bc987951300a79f55b8f4b1971b24d04c0cdfcb7ceb4d636975c215e8
+  languageName: node
+  linkType: hard
+
+"@babel/plugin-proposal-logical-assignment-operators@npm:^7.16.7":
+  version: 7.16.7
+  resolution: "@babel/plugin-proposal-logical-assignment-operators@npm:7.16.7"
+  dependencies:
+    "@babel/helper-plugin-utils": ^7.16.7
+    "@babel/plugin-syntax-logical-assignment-operators": ^7.10.4
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: c4cf18e10f900d40eaa471c4adce4805e67bd845f997a4b9d5653eced4e653187b9950843b2bf7eab6c0c3e753aba222b1d38888e3e14e013f87295c5b014f19
+  languageName: node
+  linkType: hard
+
+"@babel/plugin-proposal-nullish-coalescing-operator@npm:^7.16.7":
+  version: 7.16.7
+  resolution: "@babel/plugin-proposal-nullish-coalescing-operator@npm:7.16.7"
+  dependencies:
+    "@babel/helper-plugin-utils": ^7.16.7
+    "@babel/plugin-syntax-nullish-coalescing-operator": ^7.8.3
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: bfafc2701697b5c763dbbb65dd97b56979bfb0922e35be27733699a837aeff22316313ddfdd0fb45129efa3f86617219b77110d05338bc4dca4385d8ce83dd19
+  languageName: node
+  linkType: hard
+
+"@babel/plugin-proposal-numeric-separator@npm:^7.16.7":
+  version: 7.16.7
+  resolution: "@babel/plugin-proposal-numeric-separator@npm:7.16.7"
+  dependencies:
+    "@babel/helper-plugin-utils": ^7.16.7
+    "@babel/plugin-syntax-numeric-separator": ^7.10.4
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: 8e2fb0b32845908c67f80bc637a0968e28a66727d7ffb22b9c801dc355d88e865dc24aec586b00c922c23833ae5d26301b443b53609ea73d8344733cd48a1eca
+  languageName: node
+  linkType: hard
+
+"@babel/plugin-proposal-object-rest-spread@npm:^7.16.7":
+  version: 7.16.7
+  resolution: "@babel/plugin-proposal-object-rest-spread@npm:7.16.7"
+  dependencies:
+    "@babel/compat-data": ^7.16.4
+    "@babel/helper-compilation-targets": ^7.16.7
+    "@babel/helper-plugin-utils": ^7.16.7
+    "@babel/plugin-syntax-object-rest-spread": ^7.8.3
+    "@babel/plugin-transform-parameters": ^7.16.7
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: 2d3740e4df6d3f51d57862100c45c000104571aa98b7f798fdfc05ae0c12b9e7cc9b55f4a28612d626e29f3369a1481a0ee8a0241b23508b9d3da00c55f99d41
+  languageName: node
+  linkType: hard
+
+"@babel/plugin-proposal-optional-catch-binding@npm:^7.16.7":
+  version: 7.16.7
+  resolution: "@babel/plugin-proposal-optional-catch-binding@npm:7.16.7"
+  dependencies:
+    "@babel/helper-plugin-utils": ^7.16.7
+    "@babel/plugin-syntax-optional-catch-binding": ^7.8.3
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: 4a422bb19a23cf80a245c60bea7adbe5dac8ff3bc1a62f05d7155e1eb68d401b13339c94dfd1f3d272972feeb45746f30d52ca0f8d5c63edf6891340878403df
+  languageName: node
+  linkType: hard
+
+"@babel/plugin-proposal-optional-chaining@npm:^7.16.7":
+  version: 7.16.7
+  resolution: "@babel/plugin-proposal-optional-chaining@npm:7.16.7"
+  dependencies:
+    "@babel/helper-plugin-utils": ^7.16.7
+    "@babel/helper-skip-transparent-expression-wrappers": ^7.16.0
+    "@babel/plugin-syntax-optional-chaining": ^7.8.3
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: e4a6c1ac7e6817b92a673ea52ab0b7dc1fb39d29fb0820cd414e10ae2cd132bd186b4238dcca881a29fc38fe9d38ed24fc111ba22ca20086481682d343f4f130
+  languageName: node
+  linkType: hard
+
+"@babel/plugin-proposal-private-methods@npm:^7.16.11":
+  version: 7.16.11
+  resolution: "@babel/plugin-proposal-private-methods@npm:7.16.11"
+  dependencies:
+    "@babel/helper-create-class-features-plugin": ^7.16.10
+    "@babel/helper-plugin-utils": ^7.16.7
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: b333e5aa91c265bb394a57b5f4ae1a34fc8ee73a8d75506b12df258d8b5342107cbd9261f95e606bd3264a5b023db77f1f95be30c2e526683916c57f793f7943
+  languageName: node
+  linkType: hard
+
+"@babel/plugin-proposal-private-property-in-object@npm:^7.16.7":
+  version: 7.16.7
+  resolution: "@babel/plugin-proposal-private-property-in-object@npm:7.16.7"
+  dependencies:
+    "@babel/helper-annotate-as-pure": ^7.16.7
+    "@babel/helper-create-class-features-plugin": ^7.16.7
+    "@babel/helper-plugin-utils": ^7.16.7
+    "@babel/plugin-syntax-private-property-in-object": ^7.14.5
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: 666d668f51d8c01aaf0dd87b27a83fc0392884d2c8e9d8e17b3b7011c0d348865dee94b44dc2d7070726e58e3b579728dc2588aaa8140d563f7390743ee90f0a
+  languageName: node
+  linkType: hard
+
+"@babel/plugin-proposal-unicode-property-regex@npm:^7.16.7, @babel/plugin-proposal-unicode-property-regex@npm:^7.4.4":
+  version: 7.16.7
+  resolution: "@babel/plugin-proposal-unicode-property-regex@npm:7.16.7"
+  dependencies:
+    "@babel/helper-create-regexp-features-plugin": ^7.16.7
+    "@babel/helper-plugin-utils": ^7.16.7
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: 2b8a33713d456183f0b7d011011e7bd932c08cc06216399a7b2015ab39284b511993dc10a89bbb15d1d728e6a2ef42ca08c3202619aa148cbd48052422ea3995
+  languageName: node
+  linkType: hard
+
+"@babel/plugin-syntax-async-generators@npm:^7.8.4":
+  version: 7.8.4
+  resolution: "@babel/plugin-syntax-async-generators@npm:7.8.4"
+  dependencies:
+    "@babel/helper-plugin-utils": ^7.8.0
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: 7ed1c1d9b9e5b64ef028ea5e755c0be2d4e5e4e3d6cf7df757b9a8c4cfa4193d268176d0f1f7fbecdda6fe722885c7fda681f480f3741d8a2d26854736f05367
+  languageName: node
+  linkType: hard
+
+"@babel/plugin-syntax-bigint@npm:^7.8.3":
+  version: 7.8.3
+  resolution: "@babel/plugin-syntax-bigint@npm:7.8.3"
+  dependencies:
+    "@babel/helper-plugin-utils": ^7.8.0
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: 3a10849d83e47aec50f367a9e56a6b22d662ddce643334b087f9828f4c3dd73bdc5909aaeabe123fed78515767f9ca43498a0e621c438d1cd2802d7fae3c9648
+  languageName: node
+  linkType: hard
+
+"@babel/plugin-syntax-class-properties@npm:^7.12.13, @babel/plugin-syntax-class-properties@npm:^7.8.3":
+  version: 7.12.13
+  resolution: "@babel/plugin-syntax-class-properties@npm:7.12.13"
+  dependencies:
+    "@babel/helper-plugin-utils": ^7.12.13
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: 24f34b196d6342f28d4bad303612d7ff566ab0a013ce89e775d98d6f832969462e7235f3e7eaf17678a533d4be0ba45d3ae34ab4e5a9dcbda5d98d49e5efa2fc
+  languageName: node
+  linkType: hard
+
+"@babel/plugin-syntax-class-static-block@npm:^7.14.5":
+  version: 7.14.5
+  resolution: "@babel/plugin-syntax-class-static-block@npm:7.14.5"
+  dependencies:
+    "@babel/helper-plugin-utils": ^7.14.5
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: 3e80814b5b6d4fe17826093918680a351c2d34398a914ce6e55d8083d72a9bdde4fbaf6a2dcea0e23a03de26dc2917ae3efd603d27099e2b98380345703bf948
+  languageName: node
+  linkType: hard
+
+"@babel/plugin-syntax-dynamic-import@npm:^7.8.3":
+  version: 7.8.3
+  resolution: "@babel/plugin-syntax-dynamic-import@npm:7.8.3"
+  dependencies:
+    "@babel/helper-plugin-utils": ^7.8.0
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: ce307af83cf433d4ec42932329fad25fa73138ab39c7436882ea28742e1c0066626d224e0ad2988724c82644e41601cef607b36194f695cb78a1fcdc959637bd
+  languageName: node
+  linkType: hard
+
+"@babel/plugin-syntax-export-namespace-from@npm:^7.8.3":
+  version: 7.8.3
+  resolution: "@babel/plugin-syntax-export-namespace-from@npm:7.8.3"
+  dependencies:
+    "@babel/helper-plugin-utils": ^7.8.3
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: 85740478be5b0de185228e7814451d74ab8ce0a26fcca7613955262a26e99e8e15e9da58f60c754b84515d4c679b590dbd3f2148f0f58025f4ae706f1c5a5d4a
+  languageName: node
+  linkType: hard
+
+"@babel/plugin-syntax-import-meta@npm:^7.10.4, @babel/plugin-syntax-import-meta@npm:^7.8.3":
+  version: 7.10.4
+  resolution: "@babel/plugin-syntax-import-meta@npm:7.10.4"
+  dependencies:
+    "@babel/helper-plugin-utils": ^7.10.4
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: 166ac1125d10b9c0c430e4156249a13858c0366d38844883d75d27389621ebe651115cb2ceb6dc011534d5055719fa1727b59f39e1ab3ca97820eef3dcab5b9b
+  languageName: node
+  linkType: hard
+
+"@babel/plugin-syntax-json-strings@npm:^7.8.3":
+  version: 7.8.3
+  resolution: "@babel/plugin-syntax-json-strings@npm:7.8.3"
+  dependencies:
+    "@babel/helper-plugin-utils": ^7.8.0
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: bf5aea1f3188c9a507e16efe030efb996853ca3cadd6512c51db7233cc58f3ac89ff8c6bdfb01d30843b161cfe7d321e1bf28da82f7ab8d7e6bc5464666f354a
+  languageName: node
+  linkType: hard
+
+"@babel/plugin-syntax-jsx@npm:^7.16.7":
+  version: 7.16.7
+  resolution: "@babel/plugin-syntax-jsx@npm:7.16.7"
+  dependencies:
+    "@babel/helper-plugin-utils": ^7.16.7
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: cd9b0e53c50e8ddb0afaf0f42e0b221a94e4f59aee32a591364266a31195c48cac5fef288d02c1c935686bda982d2e0f1ed61cceb995fc9f6fb09ef5ebecdd2b
+  languageName: node
+  linkType: hard
+
+"@babel/plugin-syntax-logical-assignment-operators@npm:^7.10.4, @babel/plugin-syntax-logical-assignment-operators@npm:^7.8.3":
+  version: 7.10.4
+  resolution: "@babel/plugin-syntax-logical-assignment-operators@npm:7.10.4"
+  dependencies:
+    "@babel/helper-plugin-utils": ^7.10.4
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: aff33577037e34e515911255cdbb1fd39efee33658aa00b8a5fd3a4b903585112d037cce1cc9e4632f0487dc554486106b79ccd5ea63a2e00df4363f6d4ff886
+  languageName: node
+  linkType: hard
+
+"@babel/plugin-syntax-nullish-coalescing-operator@npm:^7.8.3":
+  version: 7.8.3
+  resolution: "@babel/plugin-syntax-nullish-coalescing-operator@npm:7.8.3"
+  dependencies:
+    "@babel/helper-plugin-utils": ^7.8.0
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: 87aca4918916020d1fedba54c0e232de408df2644a425d153be368313fdde40d96088feed6c4e5ab72aac89be5d07fef2ddf329a15109c5eb65df006bf2580d1
+  languageName: node
+  linkType: hard
+
+"@babel/plugin-syntax-numeric-separator@npm:^7.10.4, @babel/plugin-syntax-numeric-separator@npm:^7.8.3":
+  version: 7.10.4
+  resolution: "@babel/plugin-syntax-numeric-separator@npm:7.10.4"
+  dependencies:
+    "@babel/helper-plugin-utils": ^7.10.4
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: 01ec5547bd0497f76cc903ff4d6b02abc8c05f301c88d2622b6d834e33a5651aa7c7a3d80d8d57656a4588f7276eba357f6b7e006482f5b564b7a6488de493a1
+  languageName: node
+  linkType: hard
+
+"@babel/plugin-syntax-object-rest-spread@npm:^7.8.3":
+  version: 7.8.3
+  resolution: "@babel/plugin-syntax-object-rest-spread@npm:7.8.3"
+  dependencies:
+    "@babel/helper-plugin-utils": ^7.8.0
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: fddcf581a57f77e80eb6b981b10658421bc321ba5f0a5b754118c6a92a5448f12a0c336f77b8abf734841e102e5126d69110a306eadb03ca3e1547cab31f5cbf
+  languageName: node
+  linkType: hard
+
+"@babel/plugin-syntax-optional-catch-binding@npm:^7.8.3":
+  version: 7.8.3
+  resolution: "@babel/plugin-syntax-optional-catch-binding@npm:7.8.3"
+  dependencies:
+    "@babel/helper-plugin-utils": ^7.8.0
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: 910d90e72bc90ea1ce698e89c1027fed8845212d5ab588e35ef91f13b93143845f94e2539d831dc8d8ededc14ec02f04f7bd6a8179edd43a326c784e7ed7f0b9
+  languageName: node
+  linkType: hard
+
+"@babel/plugin-syntax-optional-chaining@npm:^7.8.3":
+  version: 7.8.3
+  resolution: "@babel/plugin-syntax-optional-chaining@npm:7.8.3"
+  dependencies:
+    "@babel/helper-plugin-utils": ^7.8.0
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: eef94d53a1453361553c1f98b68d17782861a04a392840341bc91780838dd4e695209c783631cf0de14c635758beafb6a3a65399846ffa4386bff90639347f30
+  languageName: node
+  linkType: hard
+
+"@babel/plugin-syntax-private-property-in-object@npm:^7.14.5":
+  version: 7.14.5
+  resolution: "@babel/plugin-syntax-private-property-in-object@npm:7.14.5"
+  dependencies:
+    "@babel/helper-plugin-utils": ^7.14.5
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: b317174783e6e96029b743ccff2a67d63d38756876e7e5d0ba53a322e38d9ca452c13354a57de1ad476b4c066dbae699e0ca157441da611117a47af88985ecda
+  languageName: node
+  linkType: hard
+
+"@babel/plugin-syntax-top-level-await@npm:^7.14.5, @babel/plugin-syntax-top-level-await@npm:^7.8.3":
+  version: 7.14.5
+  resolution: "@babel/plugin-syntax-top-level-await@npm:7.14.5"
+  dependencies:
+    "@babel/helper-plugin-utils": ^7.14.5
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: bbd1a56b095be7820029b209677b194db9b1d26691fe999856462e66b25b281f031f3dfd91b1619e9dcf95bebe336211833b854d0fb8780d618e35667c2d0d7e
+  languageName: node
+  linkType: hard
+
+"@babel/plugin-syntax-typescript@npm:^7.16.7, @babel/plugin-syntax-typescript@npm:^7.7.2":
+  version: 7.16.7
+  resolution: "@babel/plugin-syntax-typescript@npm:7.16.7"
+  dependencies:
+    "@babel/helper-plugin-utils": ^7.16.7
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: 661e636060609ede9a402e22603b01784c21fabb0a637e65f561c8159351fe0130bbc11fdefe31902107885e3332fc34d95eb652ac61d3f61f2d61f5da20609e
+  languageName: node
+  linkType: hard
+
+"@babel/plugin-transform-arrow-functions@npm:^7.16.7":
+  version: 7.16.7
+  resolution: "@babel/plugin-transform-arrow-functions@npm:7.16.7"
+  dependencies:
+    "@babel/helper-plugin-utils": ^7.16.7
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: 2a6aa982c6fc80f4de7ccd973507ce5464fab129987cb6661136a7b9b6a020c2b329b912cbc46a68d39b5a18451ba833dcc8d1ca8d615597fec98624ac2add54
+  languageName: node
+  linkType: hard
+
+"@babel/plugin-transform-async-to-generator@npm:^7.16.8":
+  version: 7.16.8
+  resolution: "@babel/plugin-transform-async-to-generator@npm:7.16.8"
+  dependencies:
+    "@babel/helper-module-imports": ^7.16.7
+    "@babel/helper-plugin-utils": ^7.16.7
+    "@babel/helper-remap-async-to-generator": ^7.16.8
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: 3a2e781800e3dea1f526324ed259d1f9064c5ea3c9909c0c22b445d4c648ad489c579f358ae20ada11f7725ba67e0ddeb1e0241efadc734771e87dabd4c6820a
+  languageName: node
+  linkType: hard
+
+"@babel/plugin-transform-block-scoped-functions@npm:^7.16.7":
+  version: 7.16.7
+  resolution: "@babel/plugin-transform-block-scoped-functions@npm:7.16.7"
+  dependencies:
+    "@babel/helper-plugin-utils": ^7.16.7
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: 591e9f75437bb32ebf9506d28d5c9659c66c0e8e0c19b12924d808d898e68309050aadb783ccd70bb4956555067326ecfa17a402bc77eb3ece3c6863d40b9016
+  languageName: node
+  linkType: hard
+
+"@babel/plugin-transform-block-scoping@npm:^7.16.7":
+  version: 7.16.7
+  resolution: "@babel/plugin-transform-block-scoping@npm:7.16.7"
+  dependencies:
+    "@babel/helper-plugin-utils": ^7.16.7
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: f93b5441af573fc274655f1707aeb4f67a43e926b58f56d89cc35a27877ae0bf198648603cbc19f442579489138f93c3838905895f109aa356996dbc3ed97a68
+  languageName: node
+  linkType: hard
+
+"@babel/plugin-transform-classes@npm:^7.16.7":
+  version: 7.16.7
+  resolution: "@babel/plugin-transform-classes@npm:7.16.7"
+  dependencies:
+    "@babel/helper-annotate-as-pure": ^7.16.7
+    "@babel/helper-environment-visitor": ^7.16.7
+    "@babel/helper-function-name": ^7.16.7
+    "@babel/helper-optimise-call-expression": ^7.16.7
+    "@babel/helper-plugin-utils": ^7.16.7
+    "@babel/helper-replace-supers": ^7.16.7
+    "@babel/helper-split-export-declaration": ^7.16.7
+    globals: ^11.1.0
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: 791526a1bf3c4659b94d619536e3181d3ad54887d50539066628c6e695789a3bb264dc1fbc8540169d62a222f623df54defb490c1811ae63bad1e3557d6b3bb0
+  languageName: node
+  linkType: hard
+
+"@babel/plugin-transform-computed-properties@npm:^7.16.7":
+  version: 7.16.7
+  resolution: "@babel/plugin-transform-computed-properties@npm:7.16.7"
+  dependencies:
+    "@babel/helper-plugin-utils": ^7.16.7
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: 28b17f7cfe643f45920b76dc040cab40d4e54eccf5074fba2658c484feacda9b4885b3854ffaf26292189783fdecc97211519c61831b6708fcbf739cfbcbf31c
+  languageName: node
+  linkType: hard
+
+"@babel/plugin-transform-destructuring@npm:^7.16.7":
+  version: 7.16.7
+  resolution: "@babel/plugin-transform-destructuring@npm:7.16.7"
+  dependencies:
+    "@babel/helper-plugin-utils": ^7.16.7
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: d1c2e15e7be2a7c57ac8ec4df06fbb706c7ecc872ab7bc2193606e6d6a01929b6d5a1bb41540e41180e42a5ce0e70dce22e7896cb6578dd581d554f77780971b
+  languageName: node
+  linkType: hard
+
+"@babel/plugin-transform-dotall-regex@npm:^7.16.7, @babel/plugin-transform-dotall-regex@npm:^7.4.4":
+  version: 7.16.7
+  resolution: "@babel/plugin-transform-dotall-regex@npm:7.16.7"
+  dependencies:
+    "@babel/helper-create-regexp-features-plugin": ^7.16.7
+    "@babel/helper-plugin-utils": ^7.16.7
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: 554570dddfd5bfd87ab307be520f69a3d4ed2d2db677c165971b400d4c96656d0c165b318e69f1735612dcd12e04c0ee257697dc26800e8a572ca73bc05fa0f4
+  languageName: node
+  linkType: hard
+
+"@babel/plugin-transform-duplicate-keys@npm:^7.16.7":
+  version: 7.16.7
+  resolution: "@babel/plugin-transform-duplicate-keys@npm:7.16.7"
+  dependencies:
+    "@babel/helper-plugin-utils": ^7.16.7
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: b96f6e9f7b33a91ad0eb6b793e4da58b7a0108b58269109f391d57078d26e043b3872c95429b491894ae6400e72e44d9b744c9b112b8433c99e6969b767e30ed
+  languageName: node
+  linkType: hard
+
+"@babel/plugin-transform-exponentiation-operator@npm:^7.16.7":
+  version: 7.16.7
+  resolution: "@babel/plugin-transform-exponentiation-operator@npm:7.16.7"
+  dependencies:
+    "@babel/helper-builder-binary-assignment-operator-visitor": ^7.16.7
+    "@babel/helper-plugin-utils": ^7.16.7
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: 8082c79268f5b1552292bd3abbfed838a1131747e62000146e70670707b518602e907bbe3aef0fda824a2eebe995a9d897bd2336a039c5391743df01608673b0
+  languageName: node
+  linkType: hard
+
+"@babel/plugin-transform-for-of@npm:^7.16.7":
+  version: 7.16.7
+  resolution: "@babel/plugin-transform-for-of@npm:7.16.7"
+  dependencies:
+    "@babel/helper-plugin-utils": ^7.16.7
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: 35c9264ee4bef814818123d70afe8b2f0a85753a0a9dc7b73f93a71cadc5d7de852f1a3e300a7c69a491705805704611de1e2ccceb5686f7828d6bca2e5a7306
+  languageName: node
+  linkType: hard
+
+"@babel/plugin-transform-function-name@npm:^7.16.7":
+  version: 7.16.7
+  resolution: "@babel/plugin-transform-function-name@npm:7.16.7"
+  dependencies:
+    "@babel/helper-compilation-targets": ^7.16.7
+    "@babel/helper-function-name": ^7.16.7
+    "@babel/helper-plugin-utils": ^7.16.7
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: 4d97d0b84461cdd5d5aa2d010cdaf30f1f83a92a0dedd3686cbc7e90dc1249a70246f5bac0c1f3cd3f1dbfb03f7aac437776525a0c90cafd459776ea4fcc6bde
+  languageName: node
+  linkType: hard
+
+"@babel/plugin-transform-literals@npm:^7.16.7":
+  version: 7.16.7
+  resolution: "@babel/plugin-transform-literals@npm:7.16.7"
+  dependencies:
+    "@babel/helper-plugin-utils": ^7.16.7
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: a9565d999fc7a72a391ef843cf66028c38ca858537c7014d9ea8ea587a59e5f952d9754bdcca6ca0446e84653e297d417d4faedccb9e4221af1aa30f25d918e0
+  languageName: node
+  linkType: hard
+
+"@babel/plugin-transform-member-expression-literals@npm:^7.16.7":
+  version: 7.16.7
+  resolution: "@babel/plugin-transform-member-expression-literals@npm:7.16.7"
+  dependencies:
+    "@babel/helper-plugin-utils": ^7.16.7
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: fdf5b22abab2b770e69348ce7f99796c3e0e1e7ce266afdbe995924284704930fa989323bdbda7070db8adb45a72f39eaa1dbebf18b67fc44035ec00c6ae3300
+  languageName: node
+  linkType: hard
+
+"@babel/plugin-transform-modules-amd@npm:^7.16.7":
+  version: 7.16.7
+  resolution: "@babel/plugin-transform-modules-amd@npm:7.16.7"
+  dependencies:
+    "@babel/helper-module-transforms": ^7.16.7
+    "@babel/helper-plugin-utils": ^7.16.7
+    babel-plugin-dynamic-import-node: ^2.3.3
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: 9ac251ee96183b10cf9b4ec8f9e8d52e14ec186a56103f6c07d0c69e99faa60391f6bac67da733412975e487bd36adb403e2fc99bae6b785bf1413e9d928bc71
+  languageName: node
+  linkType: hard
+
+"@babel/plugin-transform-modules-commonjs@npm:^7.16.8":
+  version: 7.16.8
+  resolution: "@babel/plugin-transform-modules-commonjs@npm:7.16.8"
+  dependencies:
+    "@babel/helper-module-transforms": ^7.16.7
+    "@babel/helper-plugin-utils": ^7.16.7
+    "@babel/helper-simple-access": ^7.16.7
+    babel-plugin-dynamic-import-node: ^2.3.3
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: c0ac00f5457e12cac7825b14725b6fc787bef78945181469ff79f07ef0fd7df021cb00fe1d3a9f35fc9bc92ae59e6e3fc9075a70b627dfe10e00d0907892aace
+  languageName: node
+  linkType: hard
+
+"@babel/plugin-transform-modules-systemjs@npm:^7.16.7":
+  version: 7.16.7
+  resolution: "@babel/plugin-transform-modules-systemjs@npm:7.16.7"
+  dependencies:
+    "@babel/helper-hoist-variables": ^7.16.7
+    "@babel/helper-module-transforms": ^7.16.7
+    "@babel/helper-plugin-utils": ^7.16.7
+    "@babel/helper-validator-identifier": ^7.16.7
+    babel-plugin-dynamic-import-node: ^2.3.3
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: 2e50ae45a725eeafac5a9d30e07a5e17ab8dcf62c3528cf4efe444fc6f12cd3c4e42e911a9aa37abab169687a98b29a4418eeafcf2031f9917162ac36105cb1b
+  languageName: node
+  linkType: hard
+
+"@babel/plugin-transform-modules-umd@npm:^7.16.7":
+  version: 7.16.7
+  resolution: "@babel/plugin-transform-modules-umd@npm:7.16.7"
+  dependencies:
+    "@babel/helper-module-transforms": ^7.16.7
+    "@babel/helper-plugin-utils": ^7.16.7
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: d1433f8b0e0b3c9f892aa530f08fe3ba653a5e51fe1ed6034ac7d45d4d6f22c3ba99186b72e41ad9ce5d8dcf964104c3da2419f15fcdcf5ba05c5fda3ea2cefc
+  languageName: node
+  linkType: hard
+
+"@babel/plugin-transform-named-capturing-groups-regex@npm:^7.16.8":
+  version: 7.16.8
+  resolution: "@babel/plugin-transform-named-capturing-groups-regex@npm:7.16.8"
+  dependencies:
+    "@babel/helper-create-regexp-features-plugin": ^7.16.7
+  peerDependencies:
+    "@babel/core": ^7.0.0
+  checksum: 73e149f5ff690f5b8e3764a881e8e5240f12f394256e7d5217705d0cbeae074c3faff394783190fe1a41f9fc5a53b960b6021158b7e5174391b5fc38f4ba047a
+  languageName: node
+  linkType: hard
+
+"@babel/plugin-transform-new-target@npm:^7.16.7":
+  version: 7.16.7
+  resolution: "@babel/plugin-transform-new-target@npm:7.16.7"
+  dependencies:
+    "@babel/helper-plugin-utils": ^7.16.7
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: 7410c3e68abc835f87a98d40269e65fb1a05c131decbb6721a80ed49a01bd0c53abb6b8f7f52d5055815509022790e1accca32e975c02f2231ac3cf13d8af768
+  languageName: node
+  linkType: hard
+
+"@babel/plugin-transform-object-super@npm:^7.16.7":
+  version: 7.16.7
+  resolution: "@babel/plugin-transform-object-super@npm:7.16.7"
+  dependencies:
+    "@babel/helper-plugin-utils": ^7.16.7
+    "@babel/helper-replace-supers": ^7.16.7
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: 46e3c879f4a93e904f2ecf83233d40c48c832bdbd82a67cab1f432db9aa51702e40d9e51e5800613e12299974f90f4ed3869e1273dbca8642984266320c5f341
+  languageName: node
+  linkType: hard
+
+"@babel/plugin-transform-parameters@npm:^7.16.7":
+  version: 7.16.7
+  resolution: "@babel/plugin-transform-parameters@npm:7.16.7"
+  dependencies:
+    "@babel/helper-plugin-utils": ^7.16.7
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: 4d6904376db82d0b35f0a6cce08f630daf8608d94e903d6c7aff5bd742b251651bd1f88cdf9f16cad98aba5fc7c61da8635199364865fad6367d5ae37cf56cc1
+  languageName: node
+  linkType: hard
+
+"@babel/plugin-transform-property-literals@npm:^7.16.7":
+  version: 7.16.7
+  resolution: "@babel/plugin-transform-property-literals@npm:7.16.7"
+  dependencies:
+    "@babel/helper-plugin-utils": ^7.16.7
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: b5674458991a9b0e8738989d70faa88c7f98ed3df923c119f1225069eed72fe5e0ce947b1adc91e378f5822fbdeb7a672f496fd1c75c4babcc88169e3a7c3229
+  languageName: node
+  linkType: hard
+
+"@babel/plugin-transform-react-display-name@npm:^7.16.7":
+  version: 7.16.7
+  resolution: "@babel/plugin-transform-react-display-name@npm:7.16.7"
+  dependencies:
+    "@babel/helper-plugin-utils": ^7.16.7
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: 483154413671ab0a25ae37520b7cf5bfab0958c484a3707c6799b1f1436d1e51481bcc03fbfcdbf90bf6b46818d931ae35e515141d8354c3287351b4467376ba
+  languageName: node
+  linkType: hard
+
+"@babel/plugin-transform-react-jsx-development@npm:^7.16.7":
+  version: 7.16.7
+  resolution: "@babel/plugin-transform-react-jsx-development@npm:7.16.7"
+  dependencies:
+    "@babel/plugin-transform-react-jsx": ^7.16.7
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: 697c71cb0ac9647a9b8c6f1aca99767cf06197f6c0b5d1f2e0c01f641e0706a380779f06836fdb941d3aa171f868091270fbe9fcfbfbcc2a24df5e60e04545e8
+  languageName: node
+  linkType: hard
+
+"@babel/plugin-transform-react-jsx@npm:^7.16.7":
+  version: 7.16.7
+  resolution: "@babel/plugin-transform-react-jsx@npm:7.16.7"
+  dependencies:
+    "@babel/helper-annotate-as-pure": ^7.16.7
+    "@babel/helper-module-imports": ^7.16.7
+    "@babel/helper-plugin-utils": ^7.16.7
+    "@babel/plugin-syntax-jsx": ^7.16.7
+    "@babel/types": ^7.16.7
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: 0e82346d7c99b4467946d535a8c626a988e5670f65a15dee8520ce9cf4f0147c99decc1cbb4bd352083eaafd259ee3e4299854cac6304a83666d488edf4e58f6
+  languageName: node
+  linkType: hard
+
+"@babel/plugin-transform-react-pure-annotations@npm:^7.16.7":
+  version: 7.16.7
+  resolution: "@babel/plugin-transform-react-pure-annotations@npm:7.16.7"
+  dependencies:
+    "@babel/helper-annotate-as-pure": ^7.16.7
+    "@babel/helper-plugin-utils": ^7.16.7
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: 715fe9c5fd10c5605a6de1d4436d29087878924758969427ba4d0b2bc274a436d3ac8f2777b744c988bdbb90f7e68dc2a82491db333ae7e0079fab776b543fae
+  languageName: node
+  linkType: hard
+
+"@babel/plugin-transform-regenerator@npm:^7.16.7, @babel/plugin-transform-regenerator@npm:^7.17.9":
+  version: 7.17.9
+  resolution: "@babel/plugin-transform-regenerator@npm:7.17.9"
+  dependencies:
+    regenerator-transform: ^0.15.0
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: bf92f7228397615f12fa62d1decbe854ee9065d44e55036f99bf312783d51b082981bab38ba61de9858f7e20513484a043bfa958c0ce4a0d4d1710710df029a9
+  languageName: node
+  linkType: hard
+
+"@babel/plugin-transform-reserved-words@npm:^7.16.7":
+  version: 7.16.7
+  resolution: "@babel/plugin-transform-reserved-words@npm:7.16.7"
+  dependencies:
+    "@babel/helper-plugin-utils": ^7.16.7
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: 00218a646e99a97c1f10b77c41c178ca1b91d0e6cf18dd4ca3c59b8a5ad721db04ef508f49be4cd0dcca7742490dbb145307b706a2dbea1917d5e5f7ba2f31b7
+  languageName: node
+  linkType: hard
+
+"@babel/plugin-transform-runtime@npm:^7.17.0":
+  version: 7.17.0
+  resolution: "@babel/plugin-transform-runtime@npm:7.17.0"
+  dependencies:
+    "@babel/helper-module-imports": ^7.16.7
+    "@babel/helper-plugin-utils": ^7.16.7
+    babel-plugin-polyfill-corejs2: ^0.3.0
+    babel-plugin-polyfill-corejs3: ^0.5.0
+    babel-plugin-polyfill-regenerator: ^0.3.0
+    semver: ^6.3.0
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: 9a469d4389cb265d50f1e83e6b524ceda7abd24a0bd7cda57e54a1e6103ca7c36efc99eebd485cf0a468f048739e21d940126df40b11db34f4692bdd2d5beacd
+  languageName: node
+  linkType: hard
+
+"@babel/plugin-transform-shorthand-properties@npm:^7.16.7":
+  version: 7.16.7
+  resolution: "@babel/plugin-transform-shorthand-properties@npm:7.16.7"
+  dependencies:
+    "@babel/helper-plugin-utils": ^7.16.7
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: ca381ecf8f48696512172deca40af46b1f64e3497186fdc2c9009286d8f06b468c4d61cdc392dc8b0c165298117dda67be9e2ff0e99d7691b0503f1240d4c62b
+  languageName: node
+  linkType: hard
+
+"@babel/plugin-transform-spread@npm:^7.16.7":
+  version: 7.16.7
+  resolution: "@babel/plugin-transform-spread@npm:7.16.7"
+  dependencies:
+    "@babel/helper-plugin-utils": ^7.16.7
+    "@babel/helper-skip-transparent-expression-wrappers": ^7.16.0
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: 6e961af1a70586bb72dd85e8296cee857c5dadd73225fccd0fe261c0d98652a82d69c65f3e9dc31ce019a12e9677262678479b96bd2d9140ddf6514618362828
+  languageName: node
+  linkType: hard
+
+"@babel/plugin-transform-sticky-regex@npm:^7.16.7":
+  version: 7.16.7
+  resolution: "@babel/plugin-transform-sticky-regex@npm:7.16.7"
+  dependencies:
+    "@babel/helper-plugin-utils": ^7.16.7
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: d59e20121ff0a483e29364eff8bb42cd8a0b7a3158141eea5b6f219227e5b873ea70f317f65037c0f557887a692ac993b72f99641a37ea6ec0ae8000bfab1343
+  languageName: node
+  linkType: hard
+
+"@babel/plugin-transform-template-literals@npm:^7.16.7":
+  version: 7.16.7
+  resolution: "@babel/plugin-transform-template-literals@npm:7.16.7"
+  dependencies:
+    "@babel/helper-plugin-utils": ^7.16.7
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: b55a519dd8b957247ebad3cab21918af5adca4f6e6c87819501cfe3d4d4bccda25bc296c7dfc8a30909b4ad905902aeb9d55ad955cb9f5cbc74b42dab32baa18
+  languageName: node
+  linkType: hard
+
+"@babel/plugin-transform-typeof-symbol@npm:^7.16.7":
+  version: 7.16.7
+  resolution: "@babel/plugin-transform-typeof-symbol@npm:7.16.7"
+  dependencies:
+    "@babel/helper-plugin-utils": ^7.16.7
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: 739a8c439dacbd9af62cfbfa0a7cbc3f220849e5fc774e5ef708a09186689a724c41a1d11323e7d36588d24f5481c8b702c86ff7be8da2e2fed69bed0175f625
+  languageName: node
+  linkType: hard
+
+"@babel/plugin-transform-typescript@npm:^7.16.7":
+  version: 7.16.7
+  resolution: "@babel/plugin-transform-typescript@npm:7.16.7"
+  dependencies:
+    "@babel/helper-create-class-features-plugin": ^7.16.7
+    "@babel/helper-plugin-utils": ^7.16.7
+    "@babel/plugin-syntax-typescript": ^7.16.7
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: 47553554331cdcbff603fc760363f98aa3ba89b8da6cfddc589f29457ddbdfcf45885a26ea776edf47d85ffbab86783780605d7ce468fdeecac2ce1e08fab60a
+  languageName: node
+  linkType: hard
+
+"@babel/plugin-transform-unicode-escapes@npm:^7.16.7":
+  version: 7.16.7
+  resolution: "@babel/plugin-transform-unicode-escapes@npm:7.16.7"
+  dependencies:
+    "@babel/helper-plugin-utils": ^7.16.7
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: d10c3b5baa697ca2d9ecce2fd7705014d7e1ddd86ed684ccec378f7ad4d609ab970b5546d6cdbe242089ecfc7a79009d248cf4f8ee87d629485acfb20c0d9160
+  languageName: node
+  linkType: hard
+
+"@babel/plugin-transform-unicode-regex@npm:^7.16.7":
+  version: 7.16.7
+  resolution: "@babel/plugin-transform-unicode-regex@npm:7.16.7"
+  dependencies:
+    "@babel/helper-create-regexp-features-plugin": ^7.16.7
+    "@babel/helper-plugin-utils": ^7.16.7
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: ef7721cfb11b269809555b1c392732566c49f6ced58e0e990c0e81e58a934bbab3072dcbe92d3a20d60e3e41036ecf987bcc63a7cde90711a350ad774667e5e6
+  languageName: node
+  linkType: hard
+
+"@babel/polyfill@npm:^7.12.1":
+  version: 7.12.1
+  resolution: "@babel/polyfill@npm:7.12.1"
+  dependencies:
+    core-js: ^2.6.5
+    regenerator-runtime: ^0.13.4
+  checksum: 3f59a9d85a41b390b044a1be13e11ae6d8efbfcf4e07217964585c7cef337b828eecfc5e164083227189146d2b6efc1affae8f59c831438eb40b848ab6fe5f39
+  languageName: node
+  linkType: hard
+
+"@babel/preset-env@npm:^7.16.11":
+  version: 7.16.11
+  resolution: "@babel/preset-env@npm:7.16.11"
+  dependencies:
+    "@babel/compat-data": ^7.16.8
+    "@babel/helper-compilation-targets": ^7.16.7
+    "@babel/helper-plugin-utils": ^7.16.7
+    "@babel/helper-validator-option": ^7.16.7
+    "@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression": ^7.16.7
+    "@babel/plugin-bugfix-v8-spread-parameters-in-optional-chaining": ^7.16.7
+    "@babel/plugin-proposal-async-generator-functions": ^7.16.8
+    "@babel/plugin-proposal-class-properties": ^7.16.7
+    "@babel/plugin-proposal-class-static-block": ^7.16.7
+    "@babel/plugin-proposal-dynamic-import": ^7.16.7
+    "@babel/plugin-proposal-export-namespace-from": ^7.16.7
+    "@babel/plugin-proposal-json-strings": ^7.16.7
+    "@babel/plugin-proposal-logical-assignment-operators": ^7.16.7
+    "@babel/plugin-proposal-nullish-coalescing-operator": ^7.16.7
+    "@babel/plugin-proposal-numeric-separator": ^7.16.7
+    "@babel/plugin-proposal-object-rest-spread": ^7.16.7
+    "@babel/plugin-proposal-optional-catch-binding": ^7.16.7
+    "@babel/plugin-proposal-optional-chaining": ^7.16.7
+    "@babel/plugin-proposal-private-methods": ^7.16.11
+    "@babel/plugin-proposal-private-property-in-object": ^7.16.7
+    "@babel/plugin-proposal-unicode-property-regex": ^7.16.7
+    "@babel/plugin-syntax-async-generators": ^7.8.4
+    "@babel/plugin-syntax-class-properties": ^7.12.13
+    "@babel/plugin-syntax-class-static-block": ^7.14.5
+    "@babel/plugin-syntax-dynamic-import": ^7.8.3
+    "@babel/plugin-syntax-export-namespace-from": ^7.8.3
+    "@babel/plugin-syntax-json-strings": ^7.8.3
+    "@babel/plugin-syntax-logical-assignment-operators": ^7.10.4
+    "@babel/plugin-syntax-nullish-coalescing-operator": ^7.8.3
+    "@babel/plugin-syntax-numeric-separator": ^7.10.4
+    "@babel/plugin-syntax-object-rest-spread": ^7.8.3
+    "@babel/plugin-syntax-optional-catch-binding": ^7.8.3
+    "@babel/plugin-syntax-optional-chaining": ^7.8.3
+    "@babel/plugin-syntax-private-property-in-object": ^7.14.5
+    "@babel/plugin-syntax-top-level-await": ^7.14.5
+    "@babel/plugin-transform-arrow-functions": ^7.16.7
+    "@babel/plugin-transform-async-to-generator": ^7.16.8
+    "@babel/plugin-transform-block-scoped-functions": ^7.16.7
+    "@babel/plugin-transform-block-scoping": ^7.16.7
+    "@babel/plugin-transform-classes": ^7.16.7
+    "@babel/plugin-transform-computed-properties": ^7.16.7
+    "@babel/plugin-transform-destructuring": ^7.16.7
+    "@babel/plugin-transform-dotall-regex": ^7.16.7
+    "@babel/plugin-transform-duplicate-keys": ^7.16.7
+    "@babel/plugin-transform-exponentiation-operator": ^7.16.7
+    "@babel/plugin-transform-for-of": ^7.16.7
+    "@babel/plugin-transform-function-name": ^7.16.7
+    "@babel/plugin-transform-literals": ^7.16.7
+    "@babel/plugin-transform-member-expression-literals": ^7.16.7
+    "@babel/plugin-transform-modules-amd": ^7.16.7
+    "@babel/plugin-transform-modules-commonjs": ^7.16.8
+    "@babel/plugin-transform-modules-systemjs": ^7.16.7
+    "@babel/plugin-transform-modules-umd": ^7.16.7
+    "@babel/plugin-transform-named-capturing-groups-regex": ^7.16.8
+    "@babel/plugin-transform-new-target": ^7.16.7
+    "@babel/plugin-transform-object-super": ^7.16.7
+    "@babel/plugin-transform-parameters": ^7.16.7
+    "@babel/plugin-transform-property-literals": ^7.16.7
+    "@babel/plugin-transform-regenerator": ^7.16.7
+    "@babel/plugin-transform-reserved-words": ^7.16.7
+    "@babel/plugin-transform-shorthand-properties": ^7.16.7
+    "@babel/plugin-transform-spread": ^7.16.7
+    "@babel/plugin-transform-sticky-regex": ^7.16.7
+    "@babel/plugin-transform-template-literals": ^7.16.7
+    "@babel/plugin-transform-typeof-symbol": ^7.16.7
+    "@babel/plugin-transform-unicode-escapes": ^7.16.7
+    "@babel/plugin-transform-unicode-regex": ^7.16.7
+    "@babel/preset-modules": ^0.1.5
+    "@babel/types": ^7.16.8
+    babel-plugin-polyfill-corejs2: ^0.3.0
+    babel-plugin-polyfill-corejs3: ^0.5.0
+    babel-plugin-polyfill-regenerator: ^0.3.0
+    core-js-compat: ^3.20.2
+    semver: ^6.3.0
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: c8029c272073df787309d983ae458dd094b57f87152b8ccad95c7c8b1e82b042c1077e169538aae5f98b7659de0632d10708d9c85acf21a5e9406d7dd3656d8c
+  languageName: node
+  linkType: hard
+
+"@babel/preset-modules@npm:^0.1.5":
+  version: 0.1.5
+  resolution: "@babel/preset-modules@npm:0.1.5"
+  dependencies:
+    "@babel/helper-plugin-utils": ^7.0.0
+    "@babel/plugin-proposal-unicode-property-regex": ^7.4.4
+    "@babel/plugin-transform-dotall-regex": ^7.4.4
+    "@babel/types": ^7.4.4
+    esutils: ^2.0.2
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: 8430e0e9e9d520b53e22e8c4c6a5a080a12b63af6eabe559c2310b187bd62ae113f3da82ba33e9d1d0f3230930ca702843aae9dd226dec51f7d7114dc1f51c10
+  languageName: node
+  linkType: hard
+
+"@babel/preset-react@npm:^7.16.7":
+  version: 7.16.7
+  resolution: "@babel/preset-react@npm:7.16.7"
+  dependencies:
+    "@babel/helper-plugin-utils": ^7.16.7
+    "@babel/helper-validator-option": ^7.16.7
+    "@babel/plugin-transform-react-display-name": ^7.16.7
+    "@babel/plugin-transform-react-jsx": ^7.16.7
+    "@babel/plugin-transform-react-jsx-development": ^7.16.7
+    "@babel/plugin-transform-react-pure-annotations": ^7.16.7
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: d0a052a418891ab6a02df9c75f0202964ad3b936c20bc44c81bcf3f02c057383f2fa329e0cc79baaac1b4e5e5c8924d3df93a2dd9319efe8042e3b33849978b3
+  languageName: node
+  linkType: hard
+
+"@babel/preset-typescript@npm:^7.16.7":
+  version: 7.16.7
+  resolution: "@babel/preset-typescript@npm:7.16.7"
+  dependencies:
+    "@babel/helper-plugin-utils": ^7.16.7
+    "@babel/helper-validator-option": ^7.16.7
+    "@babel/plugin-transform-typescript": ^7.16.7
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: 44e2f3fa302befe0dc50a01b79e5aa8c27a9c7047c46df665beae97201173030646ddf7c83d7d3ed3724fc38151745b11693e7b4502c81c4cd67781ff5677da5
+  languageName: node
+  linkType: hard
+
+"@babel/register@npm:^7.17.7":
+  version: 7.17.7
+  resolution: "@babel/register@npm:7.17.7"
+  dependencies:
+    clone-deep: ^4.0.1
+    find-cache-dir: ^2.0.0
+    make-dir: ^2.1.0
+    pirates: ^4.0.5
+    source-map-support: ^0.5.16
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: b4b352a29487e9a45f3694e3f7cacc24668add2c3f9a45a5c8768a39cf495b1b49b7c95f0ebc6e415db4ac66317d20de15b3de96ca40f76d192137c4ad4cc7ce
+  languageName: node
+  linkType: hard
+
+"@babel/runtime-corejs3@npm:^7.10.2":
+  version: 7.12.5
+  resolution: "@babel/runtime-corejs3@npm:7.12.5"
+  dependencies:
+    core-js-pure: ^3.0.0
+    regenerator-runtime: ^0.13.4
+  checksum: f896716cfab363f1b6bd4b653f596763a5cb5aa4e04b6671e1f28af2a0a6107b41f147383c61b3983855d806802a1f251a51a6f2ae7ce28fce7189bc71a5c20a
+  languageName: node
+  linkType: hard
+
+"@babel/runtime@npm:^7.1.2, @babel/runtime@npm:^7.10.2, @babel/runtime@npm:^7.12.1, @babel/runtime@npm:^7.12.13, @babel/runtime@npm:^7.12.5, @babel/runtime@npm:^7.14.5, @babel/runtime@npm:^7.14.6, @babel/runtime@npm:^7.14.8, @babel/runtime@npm:^7.17.2, @babel/runtime@npm:^7.17.9, @babel/runtime@npm:^7.8.4, @babel/runtime@npm:^7.9.2, @babel/runtime@npm:^7.9.6":
+  version: 7.17.9
+  resolution: "@babel/runtime@npm:7.17.9"
+  dependencies:
+    regenerator-runtime: ^0.13.4
+  checksum: 4d56bdb82890f386d5a57c40ef985a0ed7f0a78f789377a2d0c3e8826819e0f7f16ba0fe906d9b2241c5f7ca56630ef0653f5bb99f03771f7b87ff8af4bf5fe3
+  languageName: node
+  linkType: hard
+
+"@babel/template@npm:^7.16.7, @babel/template@npm:^7.3.3":
+  version: 7.16.7
+  resolution: "@babel/template@npm:7.16.7"
+  dependencies:
+    "@babel/code-frame": ^7.16.7
+    "@babel/parser": ^7.16.7
+    "@babel/types": ^7.16.7
+  checksum: 10cd112e89276e00f8b11b55a51c8b2f1262c318283a980f4d6cdb0286dc05734b9aaeeb9f3ad3311900b09bc913e02343fcaa9d4a4f413964aaab04eb84ac4a
+  languageName: node
+  linkType: hard
+
+"@babel/traverse@npm:^7.13.0, @babel/traverse@npm:^7.16.7, @babel/traverse@npm:^7.16.8, @babel/traverse@npm:^7.17.3, @babel/traverse@npm:^7.17.9, @babel/traverse@npm:^7.4.5, @babel/traverse@npm:^7.7.2":
+  version: 7.17.9
+  resolution: "@babel/traverse@npm:7.17.9"
+  dependencies:
+    "@babel/code-frame": ^7.16.7
+    "@babel/generator": ^7.17.9
+    "@babel/helper-environment-visitor": ^7.16.7
+    "@babel/helper-function-name": ^7.17.9
+    "@babel/helper-hoist-variables": ^7.16.7
+    "@babel/helper-split-export-declaration": ^7.16.7
+    "@babel/parser": ^7.17.9
+    "@babel/types": ^7.17.0
+    debug: ^4.1.0
+    globals: ^11.1.0
+  checksum: d907c71d1617589cc0cddc9837cb27bcb9b8f2117c379e13e72653745abe01da24e8c072bd0c91b9db33323ddb1086722756fbc50b487b2608733baf9dd6fd2c
+  languageName: node
+  linkType: hard
+
+"@babel/types@npm:^7.0.0, @babel/types@npm:^7.16.0, @babel/types@npm:^7.16.7, @babel/types@npm:^7.16.8, @babel/types@npm:^7.17.0, @babel/types@npm:^7.3.0, @babel/types@npm:^7.3.3, @babel/types@npm:^7.4.4, @babel/types@npm:^7.8.3":
+  version: 7.17.0
+  resolution: "@babel/types@npm:7.17.0"
+  dependencies:
+    "@babel/helper-validator-identifier": ^7.16.7
+    to-fast-properties: ^2.0.0
+  checksum: 12e5a287986fe557188e87b2c5202223f1dc83d9239a196ab936fdb9f8c1eb0be717ff19f934b5fad4e29a75586d5798f74bed209bccea1c20376b9952056f0e
+  languageName: node
+  linkType: hard
+
+"@balena/dockerignore@npm:^1.0.2":
+  version: 1.0.2
+  resolution: "@balena/dockerignore@npm:1.0.2"
+  checksum: 0d39f8fbcfd1a983a44bced54508471ab81aaaa40e2c62b46a9f97eac9d6b265790799f16919216db486331dedaacdde6ecbd6b7abe285d39bc50de111991699
+  languageName: node
+  linkType: hard
+
+"@bcoe/v8-coverage@npm:^0.2.3":
+  version: 0.2.3
+  resolution: "@bcoe/v8-coverage@npm:0.2.3"
+  checksum: 850f9305536d0f2bd13e9e0881cb5f02e4f93fad1189f7b2d4bebf694e3206924eadee1068130d43c11b750efcc9405f88a8e42ef098b6d75239c0f047de1a27
+  languageName: node
+  linkType: hard
+
+"@bifrost-finance/type-definitions@npm:1.5.0":
+  version: 1.5.0
+  resolution: "@bifrost-finance/type-definitions@npm:1.5.0"
+  dependencies:
+    "@open-web3/orml-type-definitions": ^0.9.4-38
+  checksum: 5972a232e08739da6a8885b08d4cef7316b0e5c19c50c8d5a6806d0c544cd34636d578eb9bc51a1efdb0a4070533ed845fc6f84f7f117acf7b5080c68a596c0c
+  languageName: node
+  linkType: hard
+
+"@crustio/crust-pin@npm:^1.0.0":
+  version: 1.0.0
+  resolution: "@crustio/crust-pin@npm:1.0.0"
+  dependencies:
+    "@crustio/type-definitions": ^1.2.0
+    "@polkadot/api": ^4.2.1
+  checksum: 3450f436b51e1b920371827cdf0677b663e3487a227e7e8748abaf6dd558fb9a87fc0661b6f559321c2abc82069415d7e2f9ded9cc3c52754add224612d38556
+  languageName: node
+  linkType: hard
+
+"@crustio/type-definitions@npm:1.2.0, @crustio/type-definitions@npm:^1.2.0":
+  version: 1.2.0
+  resolution: "@crustio/type-definitions@npm:1.2.0"
+  dependencies:
+    "@open-web3/orml-type-definitions": ^0.8.2-9
+  checksum: 646a52c4a6bcb4532d1f41cbe9b307e223e1c2d40a662972c09c9f07ae47722a73185f5dd48291e9c13bf49a5b74c12dc5755550d69fa9581ab7efbb548b6e08
+  languageName: node
+  linkType: hard
+
+"@darwinia/types-known@npm:^2.7.2":
+  version: 2.7.2
+  resolution: "@darwinia/types-known@npm:2.7.2"
+  dependencies:
+    "@babel/runtime": ^7.9.6
+    "@polkadot/types": 4.0.4-5
+    "@polkadot/util": 6.0.5
+    bn.js: ^5.1.2
+  checksum: a88c4c20836fa1b405dcc5bb8adef77fd936cd4aa5d418337382fbb0d8652cb9671d646ce00926044b9418dadd64f5e72931156c83e4c0a5ff0ece18390ea8e7
+  languageName: node
+  linkType: hard
+
+"@darwinia/types@npm:2.7.2":
+  version: 2.7.2
+  resolution: "@darwinia/types@npm:2.7.2"
+  dependencies:
+    "@darwinia/types-known": ^2.7.2
+  checksum: eb56a453267944d18187932115bac062d3a3b66f2d0d9153f8c328f98566299ad0295bfb8f597b6d9d8c065552587035a228dc2930ff6c2b2a227933b484d713
+  languageName: node
+  linkType: hard
+
+"@develar/schema-utils@npm:~2.6.5":
+  version: 2.6.5
+  resolution: "@develar/schema-utils@npm:2.6.5"
+  dependencies:
+    ajv: ^6.12.0
+    ajv-keywords: ^3.4.1
+  checksum: e1c3771af7fb934a0a985c31b901ece41a3015ef352b58e8e1c4bce691fe5792ebb65712e43ec70fa91a8fa0c929ccacf6b52c8f8de0fd83681db2cbeb62d143
+  languageName: node
+  linkType: hard
+
+"@digitalnative/type-definitions@npm:1.1.27":
+  version: 1.1.27
+  resolution: "@digitalnative/type-definitions@npm:1.1.27"
+  dependencies:
+    "@polkadot/keyring": ^6.9.1
+    "@polkadot/types": ^4.13.1
+  checksum: 25b064ca94ef6fe2ca625bf566338eaaba15cf5d2a56de2d1f8235b99e1ec73422b3e421b9a9c7e2e55b9a3afa011d9c01c8121593637821a235d026715e4753
+  languageName: node
+  linkType: hard
+
+"@discoveryjs/json-ext@npm:^0.5.0":
+  version: 0.5.2
+  resolution: "@discoveryjs/json-ext@npm:0.5.2"
+  checksum: cf7ce79a6e25944b6618f3336a4f69191ce9019ee08e47129c4933f03f66aa625c0e7d55075f890cdfc9a7f9b3f6c5465a1e51bd3e7a73aec803753d7d0cec91
+  languageName: node
+  linkType: hard
+
+"@docknetwork/node-types@npm:0.6.0":
+  version: 0.6.0
+  resolution: "@docknetwork/node-types@npm:0.6.0"
+  checksum: 1eb122ec4dbe06e8a64b744c1f087f9e2f4b23e75e7fe05d4d2e38daea327fc02100609724beaaa84ad60dfbbbb084d930608fdb649cd80e47e87d58cadf9634
+  languageName: node
+  linkType: hard
+
+"@edgeware/node-types@npm:3.6.2-wako":
+  version: 3.6.2-wako
+  resolution: "@edgeware/node-types@npm:3.6.2-wako"
+  checksum: d15836275e2ed8a503b35847d70b161ffa2763d665a6da2bf706916a2e5c401ee7a7b1982e14939dc6ab0f3be23b042cbafcc83fdbc83fb6909f7d798891912c
+  languageName: node
+  linkType: hard
+
+"@electron/get@npm:^1.0.1":
+  version: 1.12.2
+  resolution: "@electron/get@npm:1.12.2"
+  dependencies:
+    debug: ^4.1.1
+    env-paths: ^2.2.0
+    fs-extra: ^8.1.0
+    global-agent: ^2.0.2
+    global-tunnel-ng: ^2.7.1
+    got: ^9.6.0
+    progress: ^2.0.3
+    sanitize-filename: ^1.6.2
+    sumchecker: ^3.0.1
+  dependenciesMeta:
+    global-agent:
+      optional: true
+    global-tunnel-ng:
+      optional: true
+  checksum: 447a08021d6fabc437dcf02b2a2edac718802f3b5dd1ff86c3a8aa7b35de03b39c7abc0a817ca58ea68c295cf64365935156191fa5b5a3d00263c8b4a8439ef1
+  languageName: node
+  linkType: hard
+
+"@electron/universal@npm:1.0.5":
+  version: 1.0.5
+  resolution: "@electron/universal@npm:1.0.5"
+  dependencies:
+    "@malept/cross-spawn-promise": ^1.1.0
+    asar: ^3.0.3
+    debug: ^4.3.1
+    dir-compare: ^2.4.0
+    fs-extra: ^9.0.1
+  checksum: 64eae3bbbfa422f28dbc1e92d12d954059cec7dac9ecc3ecad2c7895bb6cd10d30e8b3848092bfba8815bc71b60393a42f792751e50b9b5f643d6f1d03826b86
+  languageName: node
+  linkType: hard
+
+"@emotion/is-prop-valid@npm:^0.8.8":
+  version: 0.8.8
+  resolution: "@emotion/is-prop-valid@npm:0.8.8"
+  dependencies:
+    "@emotion/memoize": 0.7.4
+  checksum: bb7ec6d48c572c540e24e47cc94fc2f8dec2d6a342ae97bc9c8b6388d9b8d283862672172a1bb62d335c02662afe6291e10c71e9b8642664a8b43416cdceffac
+  languageName: node
+  linkType: hard
+
+"@emotion/memoize@npm:0.7.4":
+  version: 0.7.4
+  resolution: "@emotion/memoize@npm:0.7.4"
+  checksum: 4e3920d4ec95995657a37beb43d3f4b7d89fed6caa2b173a4c04d10482d089d5c3ea50bbc96618d918b020f26ed6e9c4026bbd45433566576c1f7b056c3271dc
+  languageName: node
+  linkType: hard
+
+"@emotion/stylis@npm:^0.8.4":
+  version: 0.8.5
+  resolution: "@emotion/stylis@npm:0.8.5"
+  checksum: 67ff5958449b2374b329fb96e83cb9025775ffe1e79153b499537c6c8b2eb64b77f32d7b5d004d646973662356ceb646afd9269001b97c54439fceea3203ce65
+  languageName: node
+  linkType: hard
+
+"@emotion/unitless@npm:^0.7.4":
+  version: 0.7.5
+  resolution: "@emotion/unitless@npm:0.7.5"
+  checksum: f976e5345b53fae9414a7b2e7a949aa6b52f8bdbcc84458b1ddc0729e77ba1d1dfdff9960e0da60183877873d3a631fa24d9695dd714ed94bcd3ba5196586a6b
+  languageName: node
+  linkType: hard
+
+"@equilab/definitions@npm:1.4.11":
+  version: 1.4.11
+  resolution: "@equilab/definitions@npm:1.4.11"
+  checksum: 4710db724af468644e5ffd9f0938d7416916777efe4146162360ea979f74943b516507103f00753577c753ba3823e2f7b5ed57c2f6ade8d77be24b7af3eb0b00
+  languageName: node
+  linkType: hard
+
+"@eslint/eslintrc@npm:^1.2.1":
+  version: 1.2.1
+  resolution: "@eslint/eslintrc@npm:1.2.1"
+  dependencies:
+    ajv: ^6.12.4
+    debug: ^4.3.2
+    espree: ^9.3.1
+    globals: ^13.9.0
+    ignore: ^5.2.0
+    import-fresh: ^3.2.1
+    js-yaml: ^4.1.0
+    minimatch: ^3.0.4
+    strip-json-comments: ^3.1.1
+  checksum: 1f797b9f94d71b965992cf6c44e3bcb574643014fd1e3d4862d25056bd5568f59c488461a7e9a1c1758ca7f0def5d3cb69c3d8b38581bcf4a53af74371243797
+  languageName: node
+  linkType: hard
+
+"@ethereumjs/common@npm:^2.5.0, @ethereumjs/common@npm:^2.6.0":
+  version: 2.6.0
+  resolution: "@ethereumjs/common@npm:2.6.0"
+  dependencies:
+    crc-32: ^1.2.0
+    ethereumjs-util: ^7.1.3
+  checksum: f1e775f0d3963011f84cd6f6de985b342064331c8fd41bc81a6497abe959078704bf4febd8c59a3fc51c3527b1261441436d55d032f85f0453ff1af4a8dbccb3
+  languageName: node
+  linkType: hard
+
+"@ethereumjs/tx@npm:^3.3.2":
+  version: 3.4.0
+  resolution: "@ethereumjs/tx@npm:3.4.0"
+  dependencies:
+    "@ethereumjs/common": ^2.6.0
+    ethereumjs-util: ^7.1.3
+  checksum: 381cbb872edb0ae83a56bf5d5657ac4f594f43ca0956b6577fb762840033081252345d67151d4feafde3f97caaab9a9826348780553c05d5a8ca2984259ad555
+  languageName: node
+  linkType: hard
+
+"@ethersproject/abi@npm:5.0.7":
+  version: 5.0.7
+  resolution: "@ethersproject/abi@npm:5.0.7"
+  dependencies:
+    "@ethersproject/address": ^5.0.4
+    "@ethersproject/bignumber": ^5.0.7
+    "@ethersproject/bytes": ^5.0.4
+    "@ethersproject/constants": ^5.0.4
+    "@ethersproject/hash": ^5.0.4
+    "@ethersproject/keccak256": ^5.0.3
+    "@ethersproject/logger": ^5.0.5
+    "@ethersproject/properties": ^5.0.3
+    "@ethersproject/strings": ^5.0.4
+  checksum: 47bce732782187ef0343662aa0ffdabb98be752d3ede57234205b118df511f35d8cddabd468f139e367d908ce7fbb0555f5af943f4b47cf3165c8fd61811183d
+  languageName: node
+  linkType: hard
+
+"@ethersproject/abstract-provider@npm:^5.4.0":
+  version: 5.4.1
+  resolution: "@ethersproject/abstract-provider@npm:5.4.1"
+  dependencies:
+    "@ethersproject/bignumber": ^5.4.0
+    "@ethersproject/bytes": ^5.4.0
+    "@ethersproject/logger": ^5.4.0
+    "@ethersproject/networks": ^5.4.0
+    "@ethersproject/properties": ^5.4.0
+    "@ethersproject/transactions": ^5.4.0
+    "@ethersproject/web": ^5.4.0
+  checksum: dd4b8b0b58a58b094377e657e46cb59231bed89abdaa774cad6b0a21015d797283d50585fd4e7f1f9dfda66feede0aed8725183839f4527067427902720e360b
+  languageName: node
+  linkType: hard
+
+"@ethersproject/abstract-signer@npm:^5.4.0":
+  version: 5.4.1
+  resolution: "@ethersproject/abstract-signer@npm:5.4.1"
+  dependencies:
+    "@ethersproject/abstract-provider": ^5.4.0
+    "@ethersproject/bignumber": ^5.4.0
+    "@ethersproject/bytes": ^5.4.0
+    "@ethersproject/logger": ^5.4.0
+    "@ethersproject/properties": ^5.4.0
+  checksum: 5fe9c3978d9c1ca9a5f47ed8afb2d8d00c97e4304114e72ea149816c9a607979022bff01176cb9b293ac8753158399ae7bdf57901f3deb8f7cb050e06070ad1e
+  languageName: node
+  linkType: hard
+
+"@ethersproject/address@npm:^5.0.4, @ethersproject/address@npm:^5.4.0":
+  version: 5.4.0
+  resolution: "@ethersproject/address@npm:5.4.0"
+  dependencies:
+    "@ethersproject/bignumber": ^5.4.0
+    "@ethersproject/bytes": ^5.4.0
+    "@ethersproject/keccak256": ^5.4.0
+    "@ethersproject/logger": ^5.4.0
+    "@ethersproject/rlp": ^5.4.0
+  checksum: c7ad0cffa86a24c5e4c176d4c08b99a35551abd72520ccc55de9c94ef45737f6082c2a784586360915f17802008154c995990f8f35b0f6c2b6738b80b766c0a4
+  languageName: node
+  linkType: hard
+
+"@ethersproject/base64@npm:^5.4.0":
+  version: 5.4.0
+  resolution: "@ethersproject/base64@npm:5.4.0"
+  dependencies:
+    "@ethersproject/bytes": ^5.4.0
+  checksum: 40e14debc4534005cc8a1594074dab272c49d84fb3a6b4c0eedd6144211312a8ad97009603381e90f6ddfeaf5f227c0e8e56d6753562981a9ae6ccfcb8430d4e
+  languageName: node
+  linkType: hard
+
+"@ethersproject/bignumber@npm:^5.0.7, @ethersproject/bignumber@npm:^5.4.0":
+  version: 5.4.1
+  resolution: "@ethersproject/bignumber@npm:5.4.1"
+  dependencies:
+    "@ethersproject/bytes": ^5.4.0
+    "@ethersproject/logger": ^5.4.0
+    bn.js: ^4.11.9
+  checksum: ba154500635ed4545ba2e2a06ed1b4f07738956e131f1a4c0fc706f8eed80d89c9cc93fdf1a71f95e4f943e29faf8b3644cc1226c51f9280d26dc6783089f976
+  languageName: node
+  linkType: hard
+
+"@ethersproject/bytes@npm:^5.0.4, @ethersproject/bytes@npm:^5.4.0":
+  version: 5.4.0
+  resolution: "@ethersproject/bytes@npm:5.4.0"
+  dependencies:
+    "@ethersproject/logger": ^5.4.0
+  checksum: be8678ec713858e6d944defc78b9950ab83a9cde22c51ea2658ee4a5aa176f1ce9c36dd6630a2a17dcf6bd098b1b33b7b1d3b8fe2edb8840af4028567ca68775
+  languageName: node
+  linkType: hard
+
+"@ethersproject/constants@npm:^5.0.4, @ethersproject/constants@npm:^5.4.0":
+  version: 5.4.0
+  resolution: "@ethersproject/constants@npm:5.4.0"
+  dependencies:
+    "@ethersproject/bignumber": ^5.4.0
+  checksum: 736f601d54b1f427cf5451ac463c5470929aac590a287ec40fa5d5f69582f2695b6bc4b476228d63030fb7f215a302fc6db690b2d55038207910232e17b09d89
+  languageName: node
+  linkType: hard
+
+"@ethersproject/hash@npm:^5.0.4":
+  version: 5.4.0
+  resolution: "@ethersproject/hash@npm:5.4.0"
+  dependencies:
+    "@ethersproject/abstract-signer": ^5.4.0
+    "@ethersproject/address": ^5.4.0
+    "@ethersproject/bignumber": ^5.4.0
+    "@ethersproject/bytes": ^5.4.0
+    "@ethersproject/keccak256": ^5.4.0
+    "@ethersproject/logger": ^5.4.0
+    "@ethersproject/properties": ^5.4.0
+    "@ethersproject/strings": ^5.4.0
+  checksum: 20c48688568cc6bb3643bdc69626d0358d1d45994d2f4e38ee01823c0f0dbb47920e74e751bbbfe7c02995a7fd5afe4e2594c0a301fb579339cb3e908141f7b2
+  languageName: node
+  linkType: hard
+
+"@ethersproject/keccak256@npm:^5.0.3, @ethersproject/keccak256@npm:^5.4.0":
+  version: 5.4.0
+  resolution: "@ethersproject/keccak256@npm:5.4.0"
+  dependencies:
+    "@ethersproject/bytes": ^5.4.0
+    js-sha3: 0.5.7
+  checksum: b76d2818734fb55b80c3b7fc07e761a594b721840c276a52b92e457e4f460802c2f6fe6e684ef444a1d28565351b5859a6e202751fafe111bccef2e596bf9a1e
+  languageName: node
+  linkType: hard
+
+"@ethersproject/logger@npm:^5.0.5, @ethersproject/logger@npm:^5.4.0":
+  version: 5.4.0
+  resolution: "@ethersproject/logger@npm:5.4.0"
+  checksum: dae12037fe91668b14e2e55fe6e6404d57f8e6a632788610bf8dab8553efad2343d10c61d556c5697ca6646ad628e4802e48d92da4f4011d97ff2d1875bb4de5
+  languageName: node
+  linkType: hard
+
+"@ethersproject/networks@npm:^5.4.0":
+  version: 5.4.2
+  resolution: "@ethersproject/networks@npm:5.4.2"
+  dependencies:
+    "@ethersproject/logger": ^5.4.0
+  checksum: 08b794f537fe291a566d930877a4a05a18543537755d323b634a7e4818032e5c8bd4f14bb97dafce4d3e4149ecea499b59e4f75a07fd554cab87c3a7fbeb0a0c
+  languageName: node
+  linkType: hard
+
+"@ethersproject/properties@npm:^5.0.3, @ethersproject/properties@npm:^5.4.0":
+  version: 5.4.0
+  resolution: "@ethersproject/properties@npm:5.4.0"
+  dependencies:
+    "@ethersproject/logger": ^5.4.0
+  checksum: 618ff237e5f21853752acf0ec7cff80d681aeb2a6b1812ed83bb99a6dcf9a86c1afef90e1669f2d766aab0daa7e21692fb03cf84e0cda355cb4f6b12eb9b059f
+  languageName: node
+  linkType: hard
+
+"@ethersproject/rlp@npm:^5.4.0":
+  version: 5.4.0
+  resolution: "@ethersproject/rlp@npm:5.4.0"
+  dependencies:
+    "@ethersproject/bytes": ^5.4.0
+    "@ethersproject/logger": ^5.4.0
+  checksum: d6c45c17f8062a93737267aca52c16725fa197706b5dade1f806f9be3e498d3f70101cad631dc979d7db94ee170f225fed03900df35676cfe6ba86b16136f046
+  languageName: node
+  linkType: hard
+
+"@ethersproject/signing-key@npm:^5.4.0":
+  version: 5.4.0
+  resolution: "@ethersproject/signing-key@npm:5.4.0"
+  dependencies:
+    "@ethersproject/bytes": ^5.4.0
+    "@ethersproject/logger": ^5.4.0
+    "@ethersproject/properties": ^5.4.0
+    bn.js: ^4.11.9
+    elliptic: 6.5.4
+    hash.js: 1.1.7
+  checksum: aa5666aec046f57cd6b66044b2ea34cd72e481b209cadbf7a2d09e1eb9123e0817398e0e31dad22acef72fa9e06faf78026169c82f800826bcf4fbbed2d7d5a3
+  languageName: node
+  linkType: hard
+
+"@ethersproject/strings@npm:^5.0.4, @ethersproject/strings@npm:^5.4.0":
+  version: 5.4.0
+  resolution: "@ethersproject/strings@npm:5.4.0"
+  dependencies:
+    "@ethersproject/bytes": ^5.4.0
+    "@ethersproject/constants": ^5.4.0
+    "@ethersproject/logger": ^5.4.0
+  checksum: f62ab89803f6cbc9c91093589e8e117b0c0857d8642d7d85bef1807f3ced7757127d3f271bf0bd7f644e02a31282842c1339f678b7f8a79c88ad3326d775db2a
+  languageName: node
+  linkType: hard
+
+"@ethersproject/transactions@npm:^5.0.0-beta.135, @ethersproject/transactions@npm:^5.4.0":
+  version: 5.4.0
+  resolution: "@ethersproject/transactions@npm:5.4.0"
+  dependencies:
+    "@ethersproject/address": ^5.4.0
+    "@ethersproject/bignumber": ^5.4.0
+    "@ethersproject/bytes": ^5.4.0
+    "@ethersproject/constants": ^5.4.0
+    "@ethersproject/keccak256": ^5.4.0
+    "@ethersproject/logger": ^5.4.0
+    "@ethersproject/properties": ^5.4.0
+    "@ethersproject/rlp": ^5.4.0
+    "@ethersproject/signing-key": ^5.4.0
+  checksum: 7407c93301fe634bf74150e1b4dc0636246ee4022ae988c003e1a52d0ad5cc6a693a6cb763b2280cb856f76e314b8650206cb1308a7a679e63bfbe8604294fe3
+  languageName: node
+  linkType: hard
+
+"@ethersproject/web@npm:^5.4.0":
+  version: 5.4.0
+  resolution: "@ethersproject/web@npm:5.4.0"
+  dependencies:
+    "@ethersproject/base64": ^5.4.0
+    "@ethersproject/bytes": ^5.4.0
+    "@ethersproject/logger": ^5.4.0
+    "@ethersproject/properties": ^5.4.0
+    "@ethersproject/strings": ^5.4.0
+  checksum: 09954d42aaa91690448b8dacfb16d82351138f13c2bf05ab18c4e03c5c5c1df625bc094d781665ef5b034a24f5c0c305d6b01f4f5e6bf082e30933b3788d69ce
+  languageName: node
+  linkType: hard
+
+"@fortawesome/fontawesome-common-types@npm:6.1.1":
+  version: 6.1.1
+  resolution: "@fortawesome/fontawesome-common-types@npm:6.1.1"
+  checksum: 4db285557dd9d178e313a9596ad1c4ba84e9d47efb53dea3206de1bf98252574e0d95c3a0b114cc3cb5f162e2622a2cf8f037011fc98818ccade7bfb6c0c335b
+  languageName: node
+  linkType: hard
+
+"@fortawesome/fontawesome-svg-core@npm:^6.1.1":
+  version: 6.1.1
+  resolution: "@fortawesome/fontawesome-svg-core@npm:6.1.1"
+  dependencies:
+    "@fortawesome/fontawesome-common-types": 6.1.1
+  checksum: bf3b09a1ec3c5d6be30ea04c83dffb921c5a457c547fb1b99b814591489efabf939f669878cc5b48deb9771ef705209a1bb1b3088e66f6873cc9b34cbf4c781c
+  languageName: node
+  linkType: hard
+
+"@fortawesome/free-solid-svg-icons@npm:^6.1.1":
+  version: 6.1.1
+  resolution: "@fortawesome/free-solid-svg-icons@npm:6.1.1"
+  dependencies:
+    "@fortawesome/fontawesome-common-types": 6.1.1
+  checksum: 9c42f45af9e75410d9e20a110c4262ded1a778887dc3b1200c0576f6b226e6a5568fb85a862090b45b06060f878798ddde60b987ef56aafccbaa1e7a378dd17c
+  languageName: node
+  linkType: hard
+
+"@fortawesome/react-fontawesome@npm:^0.1.18":
+  version: 0.1.18
+  resolution: "@fortawesome/react-fontawesome@npm:0.1.18"
+  dependencies:
+    prop-types: ^15.8.1
+  peerDependencies:
+    "@fortawesome/fontawesome-svg-core": ~1 || ~6
+    react: ">=16.x"
+  checksum: eba711234541928e1877435905bcd94ab6aea1cf228833a55fc7c6a2fc18dd08d3f7f327ca4af0f3ba365188ad0869d7ecd31be5940d27f4e2bbe7e12cbcf520
+  languageName: node
+  linkType: hard
+
+"@humanwhocodes/config-array@npm:^0.9.2":
+  version: 0.9.2
+  resolution: "@humanwhocodes/config-array@npm:0.9.2"
+  dependencies:
+    "@humanwhocodes/object-schema": ^1.2.1
+    debug: ^4.1.1
+    minimatch: ^3.0.4
+  checksum: 28a9e2974c50a86765cb6cc96e03d29187ea33fdaba62c4f35db89002e3cfbd340e64c9f6cf869e33e2e5cdcc06e78763458f4178d38a6f30aea1308787ca706
+  languageName: node
+  linkType: hard
+
+"@humanwhocodes/object-schema@npm:^1.2.1":
+  version: 1.2.1
+  resolution: "@humanwhocodes/object-schema@npm:1.2.1"
+  checksum: a824a1ec31591231e4bad5787641f59e9633827d0a2eaae131a288d33c9ef0290bd16fda8da6f7c0fcb014147865d12118df10db57f27f41e20da92369fcb3f1
+  languageName: node
+  linkType: hard
+
+"@interlay/interbtc-types@npm:1.5.10":
+  version: 1.5.10
+  resolution: "@interlay/interbtc-types@npm:1.5.10"
+  checksum: d6868921b18a2ae1adbce1dd3763774f07f7edd0fc1701db11644730d0de63dfa5c52ae7610c7515deb518ffe4e2a308254268e50248129d7e1e4a8fd66eccdc
+  languageName: node
+  linkType: hard
+
+"@istanbuljs/load-nyc-config@npm:^1.0.0":
+  version: 1.1.0
+  resolution: "@istanbuljs/load-nyc-config@npm:1.1.0"
+  dependencies:
+    camelcase: ^5.3.1
+    find-up: ^4.1.0
+    get-package-type: ^0.1.0
+    js-yaml: ^3.13.1
+    resolve-from: ^5.0.0
+  checksum: d578da5e2e804d5c93228450a1380e1a3c691de4953acc162f387b717258512a3e07b83510a936d9fab03eac90817473917e24f5d16297af3867f59328d58568
+  languageName: node
+  linkType: hard
+
+"@istanbuljs/schema@npm:^0.1.2":
+  version: 0.1.2
+  resolution: "@istanbuljs/schema@npm:0.1.2"
+  checksum: 5ce9facf2f0e3f4a93e56853cdfd78456e22d2c210c677530046e9c634ddc323dd62423ac711cd3554b5be06052c87fb8e0c266aa9010726940654c357290e78
+  languageName: node
+  linkType: hard
+
+"@jest/console@npm:^27.5.1":
+  version: 27.5.1
+  resolution: "@jest/console@npm:27.5.1"
+  dependencies:
+    "@jest/types": ^27.5.1
+    "@types/node": "*"
+    chalk: ^4.0.0
+    jest-message-util: ^27.5.1
+    jest-util: ^27.5.1
+    slash: ^3.0.0
+  checksum: 7cb20f06a34b09734c0342685ec53aa4c401fe3757c13a9c58fce76b971a322eb884f6de1068ef96f746e5398e067371b89515a07c268d4440a867c87748a706
+  languageName: node
+  linkType: hard
+
+"@jest/core@npm:^27.5.1":
+  version: 27.5.1
+  resolution: "@jest/core@npm:27.5.1"
+  dependencies:
+    "@jest/console": ^27.5.1
+    "@jest/reporters": ^27.5.1
+    "@jest/test-result": ^27.5.1
+    "@jest/transform": ^27.5.1
+    "@jest/types": ^27.5.1
+    "@types/node": "*"
+    ansi-escapes: ^4.2.1
+    chalk: ^4.0.0
+    emittery: ^0.8.1
+    exit: ^0.1.2
+    graceful-fs: ^4.2.9
+    jest-changed-files: ^27.5.1
+    jest-config: ^27.5.1
+    jest-haste-map: ^27.5.1
+    jest-message-util: ^27.5.1
+    jest-regex-util: ^27.5.1
+    jest-resolve: ^27.5.1
+    jest-resolve-dependencies: ^27.5.1
+    jest-runner: ^27.5.1
+    jest-runtime: ^27.5.1
+    jest-snapshot: ^27.5.1
+    jest-util: ^27.5.1
+    jest-validate: ^27.5.1
+    jest-watcher: ^27.5.1
+    micromatch: ^4.0.4
+    rimraf: ^3.0.0
+    slash: ^3.0.0
+    strip-ansi: ^6.0.0
+  peerDependencies:
+    node-notifier: ^8.0.1 || ^9.0.0 || ^10.0.0
+  peerDependenciesMeta:
+    node-notifier:
+      optional: true
+  checksum: 904a94ad8f1b43cd6b48de3b0226659bff3696150ff8cf7680fc2faffdc8a115203bb9ab6e817c1f79f9d6a81f67953053cbc64d8a4604f2e0c42a04c28cf126
+  languageName: node
+  linkType: hard
+
+"@jest/environment@npm:^27.5.1":
+  version: 27.5.1
+  resolution: "@jest/environment@npm:27.5.1"
+  dependencies:
+    "@jest/fake-timers": ^27.5.1
+    "@jest/types": ^27.5.1
+    "@types/node": "*"
+    jest-mock: ^27.5.1
+  checksum: 2a9e18c35a015508dbec5b90b21c150230fa6c1c8cb8fabe029d46ee2ca4c40eb832fb636157da14c66590d0a4c8a2c053226b041f54a44507d6f6a89abefd66
+  languageName: node
+  linkType: hard
+
+"@jest/fake-timers@npm:^27.5.1":
+  version: 27.5.1
+  resolution: "@jest/fake-timers@npm:27.5.1"
+  dependencies:
+    "@jest/types": ^27.5.1
+    "@sinonjs/fake-timers": ^8.0.1
+    "@types/node": "*"
+    jest-message-util: ^27.5.1
+    jest-mock: ^27.5.1
+    jest-util: ^27.5.1
+  checksum: 02a0561ed2f4586093facd4ae500b74694f187ac24d4a00e949a39a1c5325bca8932b4fcb0388a2c5ed0656506fc1cf51fd3e32cdd48cea7497ad9c6e028aba8
+  languageName: node
+  linkType: hard
+
+"@jest/globals@npm:^27.5.1":
+  version: 27.5.1
+  resolution: "@jest/globals@npm:27.5.1"
+  dependencies:
+    "@jest/environment": ^27.5.1
+    "@jest/types": ^27.5.1
+    expect: ^27.5.1
+  checksum: 087f97047e9dcf555f76fe2ce54aee681e005eaa837a0c0c2d251df6b6412c892c9df54cb871b180342114389a5ff895a4e52e6e6d3d0015bf83c02a54f64c3c
+  languageName: node
+  linkType: hard
+
+"@jest/reporters@npm:^27.5.1":
+  version: 27.5.1
+  resolution: "@jest/reporters@npm:27.5.1"
+  dependencies:
+    "@bcoe/v8-coverage": ^0.2.3
+    "@jest/console": ^27.5.1
+    "@jest/test-result": ^27.5.1
+    "@jest/transform": ^27.5.1
+    "@jest/types": ^27.5.1
+    "@types/node": "*"
+    chalk: ^4.0.0
+    collect-v8-coverage: ^1.0.0
+    exit: ^0.1.2
+    glob: ^7.1.2
+    graceful-fs: ^4.2.9
+    istanbul-lib-coverage: ^3.0.0
+    istanbul-lib-instrument: ^5.1.0
+    istanbul-lib-report: ^3.0.0
+    istanbul-lib-source-maps: ^4.0.0
+    istanbul-reports: ^3.1.3
+    jest-haste-map: ^27.5.1
+    jest-resolve: ^27.5.1
+    jest-util: ^27.5.1
+    jest-worker: ^27.5.1
+    slash: ^3.0.0
+    source-map: ^0.6.0
+    string-length: ^4.0.1
+    terminal-link: ^2.0.0
+    v8-to-istanbul: ^8.1.0
+  peerDependencies:
+    node-notifier: ^8.0.1 || ^9.0.0 || ^10.0.0
+  peerDependenciesMeta:
+    node-notifier:
+      optional: true
+  checksum: faba5eafb86e62b62e152cafc8812d56308f9d1e8b77f3a7dcae4a8803a20a60a0909cc43ed73363ef649bf558e4fb181c7a336d144c89f7998279d1882bb69e
+  languageName: node
+  linkType: hard
+
+"@jest/source-map@npm:^27.5.1":
+  version: 27.5.1
+  resolution: "@jest/source-map@npm:27.5.1"
+  dependencies:
+    callsites: ^3.0.0
+    graceful-fs: ^4.2.9
+    source-map: ^0.6.0
+  checksum: 4fb1e743b602841babf7e22bd84eca34676cb05d4eb3b604cae57fc59e406099f5ac759ac1a0d04d901237d143f0f4f234417306e823bde732a1d19982230862
+  languageName: node
+  linkType: hard
+
+"@jest/test-result@npm:^27.5.1":
+  version: 27.5.1
+  resolution: "@jest/test-result@npm:27.5.1"
+  dependencies:
+    "@jest/console": ^27.5.1
+    "@jest/types": ^27.5.1
+    "@types/istanbul-lib-coverage": ^2.0.0
+    collect-v8-coverage: ^1.0.0
+  checksum: 338f7c509d6a3bc6d7dd7388c8f6f548b87638e171dc1fddfedcacb4e8950583288832223ba688058cbcf874b937d22bdc0fa88f79f5fc666f77957e465c06a5
+  languageName: node
+  linkType: hard
+
+"@jest/test-sequencer@npm:^27.5.1":
+  version: 27.5.1
+  resolution: "@jest/test-sequencer@npm:27.5.1"
+  dependencies:
+    "@jest/test-result": ^27.5.1
+    graceful-fs: ^4.2.9
+    jest-haste-map: ^27.5.1
+    jest-runtime: ^27.5.1
+  checksum: f21f9c8bb746847f7f89accfd29d6046eec1446f0b54e4694444feaa4df379791f76ef0f5a4360aafcbc73b50bc979f68b8a7620de404019d3de166be6720cb0
+  languageName: node
+  linkType: hard
+
+"@jest/transform@npm:^27.5.1":
+  version: 27.5.1
+  resolution: "@jest/transform@npm:27.5.1"
+  dependencies:
+    "@babel/core": ^7.1.0
+    "@jest/types": ^27.5.1
+    babel-plugin-istanbul: ^6.1.1
+    chalk: ^4.0.0
+    convert-source-map: ^1.4.0
+    fast-json-stable-stringify: ^2.0.0
+    graceful-fs: ^4.2.9
+    jest-haste-map: ^27.5.1
+    jest-regex-util: ^27.5.1
+    jest-util: ^27.5.1
+    micromatch: ^4.0.4
+    pirates: ^4.0.4
+    slash: ^3.0.0
+    source-map: ^0.6.1
+    write-file-atomic: ^3.0.0
+  checksum: a22079121aedea0f20a03a9c026be971f7b92adbfb4d5fd1fb67be315741deac4f056936d7c72a53b24aa5a1071bc942c003925fd453bf3f6a0ae5da6384e137
+  languageName: node
+  linkType: hard
+
+"@jest/types@npm:^27.5.1":
+  version: 27.5.1
+  resolution: "@jest/types@npm:27.5.1"
+  dependencies:
+    "@types/istanbul-lib-coverage": ^2.0.0
+    "@types/istanbul-reports": ^3.0.0
+    "@types/node": "*"
+    "@types/yargs": ^16.0.0
+    chalk: ^4.0.0
+  checksum: d1f43cc946d87543ddd79d49547aab2399481d34025d5c5f2025d3d99c573e1d9832fa83cef25e9d9b07a8583500229d15bbb07b8e233d127d911d133e2f14b1
+  languageName: node
+  linkType: hard
+
+"@jridgewell/resolve-uri@npm:^3.0.3":
+  version: 3.0.4
+  resolution: "@jridgewell/resolve-uri@npm:3.0.4"
+  checksum: 799bcba2730280a42f11b4d41a5d34d68ce72cb1bd23186bd3356607c93b62765b2b050e5dfb67f04ce4e817f882bfc10a4d1c43fe2d8eeb38371c98d71217b4
+  languageName: node
+  linkType: hard
+
+"@jridgewell/sourcemap-codec@npm:^1.4.10":
+  version: 1.4.10
+  resolution: "@jridgewell/sourcemap-codec@npm:1.4.10"
+  checksum: 247229218edbe165dcf0a5ae0c4b81bff1b5438818bb09221f756681fe158597fdf25c2a803f9260453b299c98c7e01ddebeb1555cda3157d987cd22c08605ef
+  languageName: node
+  linkType: hard
+
+"@jridgewell/trace-mapping@npm:^0.3.0, @jridgewell/trace-mapping@npm:^0.3.4":
+  version: 0.3.4
+  resolution: "@jridgewell/trace-mapping@npm:0.3.4"
+  dependencies:
+    "@jridgewell/resolve-uri": ^3.0.3
+    "@jridgewell/sourcemap-codec": ^1.4.10
+  checksum: ab8bce84bbbc8c34f3ba8325ed926f8f2d3098983c10442a80c55764c4eb6e47d5b92d8ff20a0dd868c3e76a3535651fd8a0138182c290dbfc8396195685c37b
+  languageName: node
+  linkType: hard
+
+"@kiltprotocol/type-definitions@npm:0.1.23":
+  version: 0.1.23
+  resolution: "@kiltprotocol/type-definitions@npm:0.1.23"
+  checksum: 34713c27b38bb7b8f341afb972bd5c6d4d89860f891238c016170499fae4e8d473ff2d7bf54c081144021c762762f4c695be65d533167592c427d72fb03ab518
+  languageName: node
+  linkType: hard
+
+"@laminar/type-definitions@npm:0.3.1":
+  version: 0.3.1
+  resolution: "@laminar/type-definitions@npm:0.3.1"
+  dependencies:
+    "@open-web3/orml-type-definitions": ^0.8.2-9
+  checksum: dc86a53808912d88da72435db60b791ba4dc201cda72a008eade60871030c0ba644d1290fd927dc9fff03f73d51fe7c6d8f00c5a0789da9ce1cdeaae58eaf6bb
+  languageName: node
+  linkType: hard
+
+"@ledgerhq/devices@npm:^6.24.1":
+  version: 6.24.1
+  resolution: "@ledgerhq/devices@npm:6.24.1"
+  dependencies:
+    "@ledgerhq/errors": ^6.10.0
+    "@ledgerhq/logs": ^6.10.0
+    rxjs: 6
+    semver: ^7.3.5
+  checksum: f42bce5c0d3bda8b4f3ccdfcdf576e916f736fbffef3820c742cafd9baa49335a6cdfeed473cb055fb95a6bb2ae37f02753246cf4b9e623dfc2ad39212379f17
+  languageName: node
+  linkType: hard
+
+"@ledgerhq/errors@npm:^6.10.0":
+  version: 6.10.0
+  resolution: "@ledgerhq/errors@npm:6.10.0"
+  checksum: d9fab0e6ae164a605dc7929c31bda43d4c2d42b5070786ce429e1cfc1cd05b85e15d27c5c403304936711077a45d3d8989eb582b809a73bd19af252182546920
+  languageName: node
+  linkType: hard
+
+"@ledgerhq/hw-transport-node-hid-noevents@npm:^6.24.1":
+  version: 6.24.1
+  resolution: "@ledgerhq/hw-transport-node-hid-noevents@npm:6.24.1"
+  dependencies:
+    "@ledgerhq/devices": ^6.24.1
+    "@ledgerhq/errors": ^6.10.0
+    "@ledgerhq/hw-transport": ^6.24.1
+    "@ledgerhq/logs": ^6.10.0
+    node-hid: 2.1.1
+  checksum: a2fb6587fde7f3af03dd4ddfa8e35eded1865072227ab9507498825354ba878dabd2f54d016d30b22b8c0a66501045301e538f5d583decff239a9176be65ba80
+  languageName: node
+  linkType: hard
+
+"@ledgerhq/hw-transport-node-hid-singleton@npm:^6.26.0":
+  version: 6.26.0
+  resolution: "@ledgerhq/hw-transport-node-hid-singleton@npm:6.26.0"
+  dependencies:
+    "@ledgerhq/devices": ^6.24.1
+    "@ledgerhq/errors": ^6.10.0
+    "@ledgerhq/hw-transport": ^6.24.1
+    "@ledgerhq/hw-transport-node-hid-noevents": ^6.24.1
+    "@ledgerhq/logs": ^6.10.0
+    lodash: ^4.17.21
+    node-hid: 2.1.1
+    usb-detection: ^4.13.0
+  checksum: 32d6d11bd6df37714b2a032503a7c54526dea47298679904f1831d85216902a9f2cbb5fa3cfc144378512f71b16903f197428611088b3b15670d8d0ae5297f65
+  languageName: node
+  linkType: hard
+
+"@ledgerhq/hw-transport-webhid@npm:^6.24.1":
+  version: 6.24.1
+  resolution: "@ledgerhq/hw-transport-webhid@npm:6.24.1"
+  dependencies:
+    "@ledgerhq/devices": ^6.24.1
+    "@ledgerhq/errors": ^6.10.0
+    "@ledgerhq/hw-transport": ^6.24.1
+    "@ledgerhq/logs": ^6.10.0
+  checksum: 5b3000bdbbf26b247b54743dc24596e684316f73f512c4c73d180668acb84934235e950eb71bc9ddf85948f6fa41fe8a2aadbc2e0fc6895f935b9879d9dea33c
+  languageName: node
+  linkType: hard
+
+"@ledgerhq/hw-transport-webusb@npm:^6.24.1":
+  version: 6.24.1
+  resolution: "@ledgerhq/hw-transport-webusb@npm:6.24.1"
+  dependencies:
+    "@ledgerhq/devices": ^6.24.1
+    "@ledgerhq/errors": ^6.10.0
+    "@ledgerhq/hw-transport": ^6.24.1
+    "@ledgerhq/logs": ^6.10.0
+  checksum: 4c1e671c9ffe8792b7a141fbc873ab630067833891a3fe5222f052b32928fb9b8dfcdb4fa1fe4f9bee3815cf41538da894ee2297b9a7564a6bab8bbc19e0e2e2
+  languageName: node
+  linkType: hard
+
+"@ledgerhq/hw-transport@npm:^6.2.0, @ledgerhq/hw-transport@npm:^6.24.1":
+  version: 6.24.1
+  resolution: "@ledgerhq/hw-transport@npm:6.24.1"
+  dependencies:
+    "@ledgerhq/devices": ^6.24.1
+    "@ledgerhq/errors": ^6.10.0
+    events: ^3.3.0
+  checksum: 31920d43268f65240fd6e48cdfb94059f676bdf2fd1a63a1a15b4dbd8ece2802e2fbfc6933019c80a2b4f830bf3fc5554065a4c5ee6dd6856084db26426e73e1
+  languageName: node
+  linkType: hard
+
+"@ledgerhq/logs@npm:^6.10.0":
+  version: 6.10.0
+  resolution: "@ledgerhq/logs@npm:6.10.0"
+  checksum: 6194311890ccc3879fb1371e37a6ca67e7e13ea67199885b15ba8dd1c6613f31fd52a5248bdc541c2d2632aadd099af34524adc34f0e0f94732ba3ff6e3069fe
+  languageName: node
+  linkType: hard
+
+"@leichtgewicht/ip-codec@npm:^2.0.1":
+  version: 2.0.3
+  resolution: "@leichtgewicht/ip-codec@npm:2.0.3"
+  checksum: 5b6bee0481c82ac05c748322e34ac68aa01757451b4f49f1ab9cc91e420a1ea4cd0fc4678251e6fa41d566a3e3683cca3e179fb767c87845286863ac98b54f15
+  languageName: node
+  linkType: hard
+
+"@malept/cross-spawn-promise@npm:^1.1.0":
+  version: 1.1.1
+  resolution: "@malept/cross-spawn-promise@npm:1.1.1"
+  dependencies:
+    cross-spawn: ^7.0.1
+  checksum: 1aa468f9ff3aa59dbaa720731ddf9c1928228b6844358d8821b86628953e0608420e88c6366d85af35acad73b1addaa472026a1836ad3fec34813eb38b2bd25a
+  languageName: node
+  linkType: hard
+
+"@malept/flatpak-bundler@npm:^0.4.0":
+  version: 0.4.0
+  resolution: "@malept/flatpak-bundler@npm:0.4.0"
+  dependencies:
+    debug: ^4.1.1
+    fs-extra: ^9.0.0
+    lodash: ^4.17.15
+    tmp-promise: ^3.0.2
+  checksum: 12527e42c2865504eb2a91cc419e52dd7a68c1eda1138c0713a1520a5413ef9dabfa9d21b7908d211998b75c60035d1d5ae87c00fe8ff5be8fa8449525235dd5
+  languageName: node
+  linkType: hard
+
+"@mangata-finance/types@npm:^0.0.12":
+  version: 0.0.12
+  resolution: "@mangata-finance/types@npm:0.0.12"
+  dependencies:
+    "@polkadot/api": ^7.13.1
+  checksum: b4b8fa7d938fe3043e8bc07adccf49b2bcd017a185f10251c3de8c0efbc3fdf571ce2ab3d54f20b659b0e1f0b32f68274d25f8adc31d08bfe3cdbf0050116bb2
+  languageName: node
+  linkType: hard
+
+"@metamask/detect-provider@npm:^1.2.0":
+  version: 1.2.0
+  resolution: "@metamask/detect-provider@npm:1.2.0"
+  checksum: 2c152534a8dd15bc1430bb5159cdf58993549a644cff344a1ff43f4ede8f041aad72b909e822747f6545de3ed293a740ecffc86a859daf7a925c4096efd61eb3
+  languageName: node
+  linkType: hard
+
+"@metaverse-network-sdk/type-definitions@npm:^0.0.1-13":
+  version: 0.0.1-13
+  resolution: "@metaverse-network-sdk/type-definitions@npm:0.0.1-13"
+  dependencies:
+    lodash.merge: ^4.6.2
+  checksum: 8c4527c2e95eb11aa03207c694fd89d35361c110906c057b75976a308a65d72d0b145fdc0871a868a10db4bf3a7f6abbdf94100b7378addd88c0b3fc8a05dbee
+  languageName: node
+  linkType: hard
+
+"@nicolo-ribaudo/chokidar-2@npm:2.1.8-no-fsevents.3":
+  version: 2.1.8-no-fsevents.3
+  resolution: "@nicolo-ribaudo/chokidar-2@npm:2.1.8-no-fsevents.3"
+  checksum: ee55cc9241aeea7eb94b8a8551bfa4246c56c53bc71ecda0a2104018fcc328ba5723b33686bdf9cc65d4df4ae65e8016b89e0bbdeb94e0309fe91bb9ced42344
+  languageName: node
+  linkType: hard
+
+"@noble/hashes@npm:1.0.0":
+  version: 1.0.0
+  resolution: "@noble/hashes@npm:1.0.0"
+  checksum: bdf1c28a4b587e72ec6b0c504903239c6f96680b2c15a6d90d367512f468eeca12f2ee7bd25967a9529be2bedbf3f8d0a50c33368937f8dfef2a973d0661c7b5
+  languageName: node
+  linkType: hard
+
+"@noble/secp256k1@npm:1.5.5":
+  version: 1.5.5
+  resolution: "@noble/secp256k1@npm:1.5.5"
+  checksum: 8a144e8469b29e94107ca4bcf442fc5d9410974239f8e42013f8604d602ab73cfc0c113c24170d41c25e2c40d6d1c46319c439c3bc26a7581c79060fabc3ea8c
+  languageName: node
+  linkType: hard
+
+"@nodelib/fs.scandir@npm:2.1.4":
+  version: 2.1.4
+  resolution: "@nodelib/fs.scandir@npm:2.1.4"
+  dependencies:
+    "@nodelib/fs.stat": 2.0.4
+    run-parallel: ^1.1.9
+  checksum: 18c2150ab52a042bd65babe5b70106e6586dc036644131c33d253ff99e5eeef2e65858ab40161530a6f22b512a65e7c7629f0f1e0f35c00ee4c606f960d375ba
+  languageName: node
+  linkType: hard
+
+"@nodelib/fs.stat@npm:2.0.4, @nodelib/fs.stat@npm:^2.0.2":
+  version: 2.0.4
+  resolution: "@nodelib/fs.stat@npm:2.0.4"
+  checksum: d0d9745f878816d041a8b36faf5797d88ba961274178f0ad1f7fe0efef8118ca9bd0e43e4d0d85a9af911bd35122ec1580e626a83d7595fc4d60f2c1c70e2665
+  languageName: node
+  linkType: hard
+
+"@nodelib/fs.walk@npm:^1.2.3":
+  version: 1.2.6
+  resolution: "@nodelib/fs.walk@npm:1.2.6"
+  dependencies:
+    "@nodelib/fs.scandir": 2.1.4
+    fastq: ^1.6.0
+  checksum: d156901823b3d3de368ad68047a964523e0ce5f796c0aa7712443b1f748d8e7fc24ce2c0f18d22a177e1f1c6092bca609ab5e4cb1792c41cdc8a6989bc391139
+  languageName: node
+  linkType: hard
+
+"@octokit/auth-token@npm:^2.4.4":
+  version: 2.4.5
+  resolution: "@octokit/auth-token@npm:2.4.5"
+  dependencies:
+    "@octokit/types": ^6.0.3
+  checksum: 49620119949870e63d5758be4f9065167a617b4ff343d2bf17f89497dffe17dad2a158e8a3311afc25157a83757a19835f01d66ae53a3583ccf425b60a20968b
+  languageName: node
+  linkType: hard
+
+"@octokit/core@npm:^3.2.3":
+  version: 3.2.5
+  resolution: "@octokit/core@npm:3.2.5"
+  dependencies:
+    "@octokit/auth-token": ^2.4.4
+    "@octokit/graphql": ^4.5.8
+    "@octokit/request": ^5.4.12
+    "@octokit/types": ^6.0.3
+    before-after-hook: ^2.1.0
+    universal-user-agent: ^6.0.0
+  checksum: ca4ece019818114e43f70cdd91a3cacbe5727d6112d7aff51ba4d8a749c201676e1d8684442848e7d2a0646892733359d606012ffbf1430fb30d1bad6ca21c8c
+  languageName: node
+  linkType: hard
+
+"@octokit/endpoint@npm:^6.0.1":
+  version: 6.0.11
+  resolution: "@octokit/endpoint@npm:6.0.11"
+  dependencies:
+    "@octokit/types": ^6.0.3
+    is-plain-object: ^5.0.0
+    universal-user-agent: ^6.0.0
+  checksum: a02bdf68cd2f5a2f71b63f2dcbb7bd852306df14b0fdde268d24e33e2278d5025a4174b7fba01ce50d08599b616d214ea8a238d43d1662cb499fb58a5264701d
+  languageName: node
+  linkType: hard
+
+"@octokit/graphql@npm:^4.5.8":
+  version: 4.6.0
+  resolution: "@octokit/graphql@npm:4.6.0"
+  dependencies:
+    "@octokit/request": ^5.3.0
+    "@octokit/types": ^6.0.3
+    universal-user-agent: ^6.0.0
+  checksum: ecec805dfc3546f9f1493f26163d513f9dc51ffb664462f33602f0857b41f5f579b5a7bd8ac814e96cbf2d0c6722a7c2a5724ebcc4555e5146d6659e01b9cf6a
+  languageName: node
+  linkType: hard
+
+"@octokit/openapi-types@npm:^4.0.0":
+  version: 4.0.1
+  resolution: "@octokit/openapi-types@npm:4.0.1"
+  checksum: b16e3bc930e9faff385412ee54c96a79f8b00266c5f0bddc50912be1f3fceb2b17b4a398951bba6cb0a0d9be6138d769b5b65b36119e7e4c1f95fbd40a89c426
+  languageName: node
+  linkType: hard
+
+"@octokit/plugin-paginate-rest@npm:^2.6.2":
+  version: 2.9.1
+  resolution: "@octokit/plugin-paginate-rest@npm:2.9.1"
+  dependencies:
+    "@octokit/types": ^6.8.0
+  peerDependencies:
+    "@octokit/core": ">=2"
+  checksum: 7266e5e3b1663f0833f56f7e3e2f894a565b5c9c6ac535228ca53c636a05bb7c63b79799ac45e5a03e47299f16e35d42159d86865110b657d741a6113404aa0f
+  languageName: node
+  linkType: hard
+
+"@octokit/plugin-request-log@npm:^1.0.2":
+  version: 1.0.3
+  resolution: "@octokit/plugin-request-log@npm:1.0.3"
+  peerDependencies:
+    "@octokit/core": ">=3"
+  checksum: 48ec556c1784048cd6129061c164be3565c77de68a2b4fa44e132fca08648a7034a4435d2cbdec82dacdd8da3f991fa0957e569ab2b092ae4d3a43a822a8a2d0
+  languageName: node
+  linkType: hard
+
+"@octokit/plugin-rest-endpoint-methods@npm:4.10.1":
+  version: 4.10.1
+  resolution: "@octokit/plugin-rest-endpoint-methods@npm:4.10.1"
+  dependencies:
+    "@octokit/types": ^6.8.2
+    deprecation: ^2.3.1
+  peerDependencies:
+    "@octokit/core": ">=3"
+  checksum: 05d1c04274d56e8d827b10449babebe67ec638eced752100771b0b3811742e9e0f21148dadb87e0571c8da678f1abe5a025b5794ab96ad64c59eadcbfc490e63
+  languageName: node
+  linkType: hard
+
+"@octokit/request-error@npm:^2.0.0":
+  version: 2.0.5
+  resolution: "@octokit/request-error@npm:2.0.5"
+  dependencies:
+    "@octokit/types": ^6.0.3
+    deprecation: ^2.0.0
+    once: ^1.4.0
+  checksum: 61aef8e3c4f9035ba0e8225674c3f9a2d9e157d1add26c9f53835ebdb8405c05e6ffe948398cce32af5517f216ac889e81b1a224af6a2eb8595adecb037bc942
+  languageName: node
+  linkType: hard
+
+"@octokit/request@npm:^5.3.0, @octokit/request@npm:^5.4.12":
+  version: 5.4.14
+  resolution: "@octokit/request@npm:5.4.14"
+  dependencies:
+    "@octokit/endpoint": ^6.0.1
+    "@octokit/request-error": ^2.0.0
+    "@octokit/types": ^6.7.1
+    deprecation: ^2.0.0
+    is-plain-object: ^5.0.0
+    node-fetch: ^2.6.1
+    once: ^1.4.0
+    universal-user-agent: ^6.0.0
+  checksum: b2ba5a6a647a604ecbcaeda396b39e0bb82b8d88cc85587173d78e4c1abe1252f99e098d3355ab761259291568588f62f86bf1af2cd8d5519f695199b1169620
+  languageName: node
+  linkType: hard
+
+"@octokit/rest@npm:^18.0.9":
+  version: 18.1.0
+  resolution: "@octokit/rest@npm:18.1.0"
+  dependencies:
+    "@octokit/core": ^3.2.3
+    "@octokit/plugin-paginate-rest": ^2.6.2
+    "@octokit/plugin-request-log": ^1.0.2
+    "@octokit/plugin-rest-endpoint-methods": 4.10.1
+  checksum: 574d690e3ac29dbb68770116d8909d4a29e42bd947ed0a8300c40740beac3e73f0a3a2b7134c5be51772ef382c150dc1cbd40239d3ed3c1b7e132ab7eefad4b0
+  languageName: node
+  linkType: hard
+
+"@octokit/types@npm:^6.0.3, @octokit/types@npm:^6.7.1, @octokit/types@npm:^6.8.0, @octokit/types@npm:^6.8.2":
+  version: 6.8.2
+  resolution: "@octokit/types@npm:6.8.2"
+  dependencies:
+    "@octokit/openapi-types": ^4.0.0
+    "@types/node": ">= 8"
+  checksum: 53e533bb30eb7e656358fc8df708b2bb82af0ea92ee5a9a53927f538fe384fd47e8491676dbdcde6cb2a4d44e8d7d7a526acf511ac43d518b3a01813c984aa05
+  languageName: node
+  linkType: hard
+
+"@open-web3/orml-type-definitions@npm:^0.8.2-9":
+  version: 0.8.2-11
+  resolution: "@open-web3/orml-type-definitions@npm:0.8.2-11"
+  checksum: 2193f44e8ce8ea884434c12163015d36a9d995ec51bccdaad38a980bb516417b6d164144abb76ff4f4f3c44bd7188405302c7a773e469d7e647c57ee40b7abd4
+  languageName: node
+  linkType: hard
+
+"@open-web3/orml-type-definitions@npm:^0.9.4-35, @open-web3/orml-type-definitions@npm:^0.9.4-38":
+  version: 0.9.4-38
+  resolution: "@open-web3/orml-type-definitions@npm:0.9.4-38"
+  dependencies:
+    lodash.merge: ^4.6.2
+  checksum: 49d2d1b902621cf0e295002f62ff4f1aa5e9a75acdf490dd16fb4c944c58aa48aeac2c535ce8b5cac9e0d5acd4dd706c37b2267e4d11db126601974572559302
+  languageName: node
+  linkType: hard
+
+"@open-web3/orml-type-definitions@npm:^1.0.2-0, @open-web3/orml-type-definitions@npm:^1.0.2-3":
+  version: 1.0.2-3
+  resolution: "@open-web3/orml-type-definitions@npm:1.0.2-3"
+  dependencies:
+    lodash.merge: ^4.6.2
+  checksum: d412cec14a74011b1ebbae9864531741bbebf74fa7292823b06838df6acbd0f6774c6a7903b58736c04eb2bed11abaf3fc7354c5c0fd917d1c35e15187ad8477
+  languageName: node
+  linkType: hard
+
+"@parallel-finance/type-definitions@npm:1.6.5":
+  version: 1.6.5
+  resolution: "@parallel-finance/type-definitions@npm:1.6.5"
+  dependencies:
+    "@open-web3/orml-type-definitions": ^1.0.2-3
+  checksum: d6cded6822c276ca5a2b4435585dd2c3059643cb0e5c574f4f33ccf6e7c75eb4f51c52c7d5e89ddeba25a93c9d59a473d504a9604e32cf915d9062b5a1a5e07a
+  languageName: node
+  linkType: hard
+
+"@phala/typedefs@npm:0.2.30":
+  version: 0.2.30
+  resolution: "@phala/typedefs@npm:0.2.30"
+  checksum: c8999c1462ab0b642123c262a00d3d96851352778c64c23d8b5a35ed18d9bf2d425541140bab8d82de0c4f02db8b837b3b0d93824b845222fcdd6a565214f0c5
+  languageName: node
+  linkType: hard
+
+"@pinata/sdk@npm:^1.1.23":
+  version: 1.1.23
+  resolution: "@pinata/sdk@npm:1.1.23"
+  dependencies:
+    axios: ^0.21.1
+    base-path-converter: ^1.0.2
+    form-data: ^2.3.3
+    is-ipfs: ^0.6.0
+    recursive-fs: ^1.1.2
+  checksum: c1567d39573a95c17bcea548df84b88011c1e7eadc0e5469a66eb4e2f28605abd29d7608b6aadb57d799ea03005d2624d07cd3040beeb7e3883b35bf79e4ba4c
+  languageName: node
+  linkType: hard
+
+"@polkadot/api-augment@npm:^8.0.3-1":
+  version: 8.0.3-1
+  resolution: "@polkadot/api-augment@npm:8.0.3-1"
+  dependencies:
+    "@babel/runtime": ^7.17.9
+    "@polkadot/api-base": 8.0.3-1
+    "@polkadot/rpc-augment": 8.0.3-1
+    "@polkadot/types": 8.0.3-1
+    "@polkadot/types-augment": 8.0.3-1
+    "@polkadot/types-codec": 8.0.3-1
+    "@polkadot/util": ^9.0.1
+  checksum: 55e92c79f7e27cf4e1b54858695447efd0bf2f43668b30b6e8d7c4f9dfe4235463c5a08527c9a8c7484bdf60444bafc72e9413a09a832a9a670eec2feeaac8e5
+  languageName: node
+  linkType: hard
+
+"@polkadot/api-base@npm:^8.0.3-1":
+  version: 8.0.3-1
+  resolution: "@polkadot/api-base@npm:8.0.3-1"
+  dependencies:
+    "@babel/runtime": ^7.17.9
+    "@polkadot/rpc-core": 8.0.3-1
+    "@polkadot/types": 8.0.3-1
+    "@polkadot/util": ^9.0.1
+    rxjs: ^7.5.5
+  checksum: 74e5255158bcfb2be2d21234a77985530cb4d9c619145f78080c2f596468211c605d7af644d25315e95cf845b08b589139806ee06e896b7934de90145d60cab8
+  languageName: node
+  linkType: hard
+
+"@polkadot/api-contract@npm:^8.0.3-1":
+  version: 8.0.3-1
+  resolution: "@polkadot/api-contract@npm:8.0.3-1"
+  dependencies:
+    "@babel/runtime": ^7.17.9
+    "@polkadot/api": 8.0.3-1
+    "@polkadot/types": 8.0.3-1
+    "@polkadot/types-codec": 8.0.3-1
+    "@polkadot/types-create": 8.0.3-1
+    "@polkadot/util": ^9.0.1
+    "@polkadot/util-crypto": ^9.0.1
+    rxjs: ^7.5.5
+  checksum: d8dad2b10d22f23711d6b9e2bbe33aa58d2540db72345aceda5c075ac87c731ed03996cb01920e4c2c594783ecec790c89c0cbd4b4dfb076d4bfb07d2d979d07
+  languageName: node
+  linkType: hard
+
+"@polkadot/api-derive@npm:^8.0.3-1":
+  version: 8.0.3-1
+  resolution: "@polkadot/api-derive@npm:8.0.3-1"
+  dependencies:
+    "@babel/runtime": ^7.17.9
+    "@polkadot/api": 8.0.3-1
+    "@polkadot/api-augment": 8.0.3-1
+    "@polkadot/api-base": 8.0.3-1
+    "@polkadot/rpc-core": 8.0.3-1
+    "@polkadot/types": 8.0.3-1
+    "@polkadot/types-codec": 8.0.3-1
+    "@polkadot/util": ^9.0.1
+    "@polkadot/util-crypto": ^9.0.1
+    rxjs: ^7.5.5
+  checksum: 495093157a9426e2fab8ec09b28dbdb32f21cdd3e193e0d2f0f0c31f63e40ce2925824e3903d9d29eba4a74970d5cd4d0cef50b13a1f377e104c7ce2e82a2c23
+  languageName: node
+  linkType: hard
+
+"@polkadot/api@npm:^8.0.3-1":
+  version: 8.0.3-1
+  resolution: "@polkadot/api@npm:8.0.3-1"
+  dependencies:
+    "@babel/runtime": ^7.17.9
+    "@polkadot/api-augment": 8.0.3-1
+    "@polkadot/api-base": 8.0.3-1
+    "@polkadot/api-derive": 8.0.3-1
+    "@polkadot/keyring": ^9.0.1
+    "@polkadot/rpc-augment": 8.0.3-1
+    "@polkadot/rpc-core": 8.0.3-1
+    "@polkadot/rpc-provider": 8.0.3-1
+    "@polkadot/types": 8.0.3-1
+    "@polkadot/types-augment": 8.0.3-1
+    "@polkadot/types-codec": 8.0.3-1
+    "@polkadot/types-create": 8.0.3-1
+    "@polkadot/types-known": 8.0.3-1
+    "@polkadot/util": ^9.0.1
+    "@polkadot/util-crypto": ^9.0.1
+    eventemitter3: ^4.0.7
+    rxjs: ^7.5.5
+  checksum: 77182321da92db1500f3368f3f8e1e09b57f97d5011c269e776f0f09e37a0a6e0c33f1c3bb7a2e4543652f30f515bea6476a1cd3d55fca6fe68760fd63b1255d
+  languageName: node
+  linkType: hard
+
+"@polkadot/app-accounts@workspace:packages/page-accounts":
+  version: 0.0.0-use.local
+  resolution: "@polkadot/app-accounts@workspace:packages/page-accounts"
+  dependencies:
+    "@babel/runtime": ^7.17.9
+    "@polkadot/hw-ledger": ^9.0.1
+    "@polkadot/phishing": ^0.11.31
+    "@polkadot/react-components": ^0.112.2-14
+    "@polkadot/react-hooks": ^0.112.2-14
+    "@polkadot/test-support": 0.112.2-14
+    "@polkadot/util": ^9.0.1
+    "@polkadot/vanitygen": ^0.51.1
+    detect-browser: ^5.3.0
+    file-saver: ^2.0.5
+  languageName: unknown
+  linkType: soft
+
+"@polkadot/app-addresses@workspace:packages/page-addresses":
+  version: 0.0.0-use.local
+  resolution: "@polkadot/app-addresses@workspace:packages/page-addresses"
+  dependencies:
+    "@babel/runtime": ^7.17.9
+    "@polkadot/react-components": ^0.112.2-14
+    "@testing-library/react": ^12.1.4
+    file-saver: ^2.0.5
+    testcontainers: ^8.6.0
+  languageName: unknown
+  linkType: soft
+
+"@polkadot/app-assets@workspace:packages/page-assets":
+  version: 0.0.0-use.local
+  resolution: "@polkadot/app-assets@workspace:packages/page-assets"
+  dependencies:
+    "@babel/runtime": ^7.17.9
+    "@polkadot/react-components": ^0.112.2-14
+  languageName: unknown
+  linkType: soft
+
+"@polkadot/app-bounties@workspace:packages/page-bounties":
+  version: 0.0.0-use.local
+  resolution: "@polkadot/app-bounties@workspace:packages/page-bounties"
+  dependencies:
+    "@babel/runtime": ^7.17.9
+    "@polkadot/react-components": ^0.112.2-14
+    "@polkadot/test-support": 0.112.2-14
+  languageName: unknown
+  linkType: soft
+
+"@polkadot/app-calendar@workspace:packages/page-calendar":
+  version: 0.0.0-use.local
+  resolution: "@polkadot/app-calendar@workspace:packages/page-calendar"
+  dependencies:
+    "@babel/runtime": ^7.17.9
+    "@polkadot/react-components": ^0.112.2-14
+  languageName: unknown
+  linkType: soft
+
+"@polkadot/app-claims@workspace:packages/page-claims":
+  version: 0.0.0-use.local
+  resolution: "@polkadot/app-claims@workspace:packages/page-claims"
+  dependencies:
+    "@babel/runtime": ^7.17.9
+    "@polkadot/react-components": ^0.112.2-14
+    secp256k1: ^3.8.0
+  languageName: unknown
+  linkType: soft
+
+"@polkadot/app-contracts@workspace:packages/page-contracts":
+  version: 0.0.0-use.local
+  resolution: "@polkadot/app-contracts@workspace:packages/page-contracts"
+  dependencies:
+    "@babel/runtime": ^7.17.9
+    "@polkadot/api-contract": ^8.0.3-1
+  languageName: unknown
+  linkType: soft
+
+"@polkadot/app-council@workspace:packages/page-council":
+  version: 0.0.0-use.local
+  resolution: "@polkadot/app-council@workspace:packages/page-council"
+  dependencies:
+    "@babel/runtime": ^7.17.9
+    "@polkadot/react-components": ^0.112.2-14
+    "@polkadot/react-query": ^0.112.2-14
+  languageName: unknown
+  linkType: soft
+
+"@polkadot/app-democracy@workspace:packages/page-democracy":
+  version: 0.0.0-use.local
+  resolution: "@polkadot/app-democracy@workspace:packages/page-democracy"
+  dependencies:
+    "@babel/runtime": ^7.17.9
+    "@polkadot/react-components": ^0.112.2-14
+    "@polkadot/react-query": ^0.112.2-14
+  languageName: unknown
+  linkType: soft
+
+"@polkadot/app-explorer@^0.112.2-14, @polkadot/app-explorer@workspace:packages/page-explorer":
+  version: 0.0.0-use.local
+  resolution: "@polkadot/app-explorer@workspace:packages/page-explorer"
+  dependencies:
+    "@babel/runtime": ^7.17.9
+    "@polkadot/react-components": ^0.112.2-14
+  languageName: unknown
+  linkType: soft
+
+"@polkadot/app-extrinsics@workspace:packages/page-extrinsics":
+  version: 0.0.0-use.local
+  resolution: "@polkadot/app-extrinsics@workspace:packages/page-extrinsics"
+  dependencies:
+    "@babel/runtime": ^7.17.9
+    "@polkadot/react-components": ^0.112.2-14
+    "@polkadot/react-params": ^0.112.2-14
+    "@polkadot/react-signer": ^0.112.2-14
+  languageName: unknown
+  linkType: soft
+
+"@polkadot/app-files@workspace:packages/page-files":
+  version: 0.0.0-use.local
+  resolution: "@polkadot/app-files@workspace:packages/page-files"
+  dependencies:
+    "@babel/runtime": ^7.17.9
+    "@polkadot/react-components": ^0.112.2-14
+  languageName: unknown
+  linkType: soft
+
+"@polkadot/app-gilt@workspace:packages/page-gilt":
+  version: 0.0.0-use.local
+  resolution: "@polkadot/app-gilt@workspace:packages/page-gilt"
+  dependencies:
+    "@babel/runtime": ^7.17.9
+    "@polkadot/react-components": ^0.112.2-14
+  languageName: unknown
+  linkType: soft
+
+"@polkadot/app-js@workspace:packages/page-js":
+  version: 0.0.0-use.local
+  resolution: "@polkadot/app-js@workspace:packages/page-js"
+  dependencies:
+    "@babel/runtime": ^7.17.9
+    "@polkadot/react-components": ^0.112.2-14
+  languageName: unknown
+  linkType: soft
+
+"@polkadot/app-membership@workspace:packages/page-membership":
+  version: 0.0.0-use.local
+  resolution: "@polkadot/app-membership@workspace:packages/page-membership"
+  dependencies:
+    "@babel/runtime": ^7.17.9
+    "@polkadot/react-components": ^0.112.2-14
+    "@polkadot/react-query": ^0.112.2-14
+  languageName: unknown
+  linkType: soft
+
+"@polkadot/app-nfts@workspace:packages/page-nfts":
+  version: 0.0.0-use.local
+  resolution: "@polkadot/app-nfts@workspace:packages/page-nfts"
+  dependencies:
+    "@babel/runtime": ^7.17.9
+    "@polkadot/react-components": ^0.112.2-14
+  languageName: unknown
+  linkType: soft
+
+"@polkadot/app-parachains@workspace:packages/page-parachains":
+  version: 0.0.0-use.local
+  resolution: "@polkadot/app-parachains@workspace:packages/page-parachains"
+  dependencies:
+    "@babel/runtime": ^7.17.9
+    "@polkadot/react-components": ^0.112.2-14
+    "@polkadot/react-query": ^0.112.2-14
+  languageName: unknown
+  linkType: soft
+
+"@polkadot/app-poll@workspace:packages/page-poll":
+  version: 0.0.0-use.local
+  resolution: "@polkadot/app-poll@workspace:packages/page-poll"
+  dependencies:
+    "@babel/runtime": ^7.17.9
+    "@polkadot/react-components": ^0.112.2-14
+  languageName: unknown
+  linkType: soft
+
+"@polkadot/app-rpc@workspace:packages/page-rpc":
+  version: 0.0.0-use.local
+  resolution: "@polkadot/app-rpc@workspace:packages/page-rpc"
+  dependencies:
+    "@babel/runtime": ^7.17.9
+    "@polkadot/react-components": ^0.112.2-14
+  languageName: unknown
+  linkType: soft
+
+"@polkadot/app-settings@workspace:packages/page-settings":
+  version: 0.0.0-use.local
+  resolution: "@polkadot/app-settings@workspace:packages/page-settings"
+  dependencies:
+    "@babel/runtime": ^7.17.9
+    "@polkadot/apps-config": ^0.112.2-14
+    "@polkadot/react-components": ^0.112.2-14
+    "@polkadot/react-query": ^0.112.2-14
+    query-string: ^7.1.1
+  languageName: unknown
+  linkType: soft
+
+"@polkadot/app-signing@workspace:packages/page-signing":
+  version: 0.0.0-use.local
+  resolution: "@polkadot/app-signing@workspace:packages/page-signing"
+  dependencies:
+    "@babel/runtime": ^7.17.9
+    "@polkadot/react-components": ^0.112.2-14
+  languageName: unknown
+  linkType: soft
+
+"@polkadot/app-society@workspace:packages/page-society":
+  version: 0.0.0-use.local
+  resolution: "@polkadot/app-society@workspace:packages/page-society"
+  dependencies:
+    "@babel/runtime": ^7.17.9
+    "@polkadot/react-components": ^0.112.2-14
+  languageName: unknown
+  linkType: soft
+
+"@polkadot/app-staking@workspace:packages/page-staking":
+  version: 0.0.0-use.local
+  resolution: "@polkadot/app-staking@workspace:packages/page-staking"
+  dependencies:
+    "@babel/runtime": ^7.17.9
+    "@polkadot/app-explorer": ^0.112.2-14
+    "@polkadot/react-components": ^0.112.2-14
+    "@polkadot/react-query": ^0.112.2-14
+  languageName: unknown
+  linkType: soft
+
+"@polkadot/app-storage@workspace:packages/page-storage":
+  version: 0.0.0-use.local
+  resolution: "@polkadot/app-storage@workspace:packages/page-storage"
+  dependencies:
+    "@babel/runtime": ^7.17.9
+    "@polkadot/react-components": ^0.112.2-14
+    "@polkadot/react-params": ^0.112.2-14
+  languageName: unknown
+  linkType: soft
+
+"@polkadot/app-sudo@workspace:packages/page-sudo":
+  version: 0.0.0-use.local
+  resolution: "@polkadot/app-sudo@workspace:packages/page-sudo"
+  dependencies:
+    "@babel/runtime": ^7.17.9
+    "@polkadot/react-components": ^0.112.2-14
+  languageName: unknown
+  linkType: soft
+
+"@polkadot/app-tech-comm@workspace:packages/page-tech-comm":
+  version: 0.0.0-use.local
+  resolution: "@polkadot/app-tech-comm@workspace:packages/page-tech-comm"
+  dependencies:
+    "@babel/runtime": ^7.17.9
+    "@polkadot/react-components": ^0.112.2-14
+    "@polkadot/react-query": ^0.112.2-14
+  languageName: unknown
+  linkType: soft
+
+"@polkadot/app-treasury@workspace:packages/page-treasury":
+  version: 0.0.0-use.local
+  resolution: "@polkadot/app-treasury@workspace:packages/page-treasury"
+  dependencies:
+    "@babel/runtime": ^7.17.9
+    "@polkadot/react-components": ^0.112.2-14
+    "@polkadot/react-query": ^0.112.2-14
+  languageName: unknown
+  linkType: soft
+
+"@polkadot/apps-config@^0.112.2-14, @polkadot/apps-config@workspace:packages/apps-config":
+  version: 0.0.0-use.local
+  resolution: "@polkadot/apps-config@workspace:packages/apps-config"
+  dependencies:
+    "@acala-network/type-definitions": ^4.0.1
+    "@babel/runtime": ^7.17.9
+    "@bifrost-finance/type-definitions": 1.5.0
+    "@crustio/type-definitions": 1.2.0
+    "@darwinia/types": 2.7.2
+    "@digitalnative/type-definitions": 1.1.27
+    "@docknetwork/node-types": 0.6.0
+    "@edgeware/node-types": 3.6.2-wako
+    "@equilab/definitions": 1.4.11
+    "@interlay/interbtc-types": 1.5.10
+    "@kiltprotocol/type-definitions": 0.1.23
+    "@laminar/type-definitions": 0.3.1
+    "@mangata-finance/types": ^0.0.12
+    "@metaverse-network-sdk/type-definitions": ^0.0.1-13
+    "@parallel-finance/type-definitions": 1.6.5
+    "@phala/typedefs": 0.2.30
+    "@polkadot/api": ^8.0.3-1
+    "@polkadot/api-derive": ^8.0.3-1
+    "@polkadot/networks": ^9.0.1
+    "@polkadot/types": ^8.0.3-1
+    "@polkadot/util": ^9.0.1
+    "@polkadot/x-fetch": ^9.0.1
+    "@polymathnetwork/polymesh-types": 0.0.2
+    "@snowfork/snowbridge-types": 0.2.7
+    "@sora-substrate/type-definitions": 1.8.6
+    "@subsocial/types": 0.6.5
+    "@unique-nft/types": 0.3.1
+    "@zeitgeistpm/type-defs": 0.4.5
+    "@zeroio/type-definitions": 0.0.14
+    lodash: ^4.17.21
+    moonbeam-types-bundle: 2.0.3
+    pontem-types-bundle: 1.0.15
+    rxjs: ^7.5.5
+  languageName: unknown
+  linkType: soft
+
+"@polkadot/apps-electron@workspace:packages/apps-electron":
+  version: 0.0.0-use.local
+  resolution: "@polkadot/apps-electron@workspace:packages/apps-electron"
+  dependencies:
+    "@babel/core": ^7.17.9
+    "@babel/polyfill": ^7.12.1
+    "@polkadot/dev": ^0.66.3
+    "@polkadot/react-components": ^0.112.2-14
+    "@types/react-dom": ^17.0.14
+    "@types/tmp": ^0.2.3
+    babel-loader: ^8.2.4
+    copy-webpack-plugin: ^10.2.4
+    electron-log: ^4.4.6
+    electron-updater: ^4.6.5
+    html-webpack-plugin: ^5.5.0
+    react: ^17.0.2
+    react-dom: ^17.0.2
+    thread-loader: ^3.0.4
+    tmp: ^0.2.1
+    webpack: ^5.72.0
+  languageName: unknown
+  linkType: soft
+
+"@polkadot/apps-routing@^0.112.2-14, @polkadot/apps-routing@workspace:packages/apps-routing":
+  version: 0.0.0-use.local
+  resolution: "@polkadot/apps-routing@workspace:packages/apps-routing"
+  dependencies:
+    "@babel/runtime": ^7.17.9
+  languageName: unknown
+  linkType: soft
+
+"@polkadot/apps@workspace:packages/apps":
+  version: 0.0.0-use.local
+  resolution: "@polkadot/apps@workspace:packages/apps"
+  dependencies:
+    "@babel/core": ^7.17.9
+    "@babel/polyfill": ^7.12.1
+    "@babel/runtime": ^7.17.9
+    "@polkadot/apps-config": ^0.112.2-14
+    "@polkadot/apps-routing": ^0.112.2-14
+    "@polkadot/dev": ^0.66.3
+    "@polkadot/react-api": ^0.112.2-14
+    "@polkadot/react-components": ^0.112.2-14
+    "@polkadot/react-hooks": ^0.112.2-14
+    "@polkadot/react-params": ^0.112.2-14
+    "@polkadot/react-query": ^0.112.2-14
+    "@polkadot/react-signer": ^0.112.2-14
+    "@types/punycode": ^2.1.0
+    assert: ^2.0.0
+    babel-loader: ^8.2.4
+    buffer: ^6.0.3
+    copy-webpack-plugin: ^10.2.4
+    crypto-browserify: ^3.12.0
+    css-loader: ^5.2.7
+    empty: ^0.10.1
+    html-loader: ^3.1.0
+    html-webpack-plugin: ^5.5.0
+    https-browserify: ^1.0.0
+    markdown-loader: ^8.0.0
+    mini-css-extract-plugin: ^2.6.0
+    null-loader: ^4.0.1
+    os-browserify: ^0.3.0
+    path-browserify: ^1.0.1
+    process: ^0.11.10
+    punycode: ^2.1.1
+    query-string: ^7.1.1
+    stream-browserify: ^3.0.0
+    stream-http: ^3.2.0
+    webpack: ^5.72.0
+    webpack-cli: ^4.9.2
+    webpack-dev-server: ^4.8.1
+    webpack-merge: ^5.8.0
+  languageName: unknown
+  linkType: soft
+
+"@polkadot/dev@npm:^0.66.3":
+  version: 0.66.3
+  resolution: "@polkadot/dev@npm:0.66.3"
+  dependencies:
+    "@babel/cli": ^7.17.6
+    "@babel/core": ^7.17.9
+    "@babel/plugin-proposal-nullish-coalescing-operator": ^7.16.7
+    "@babel/plugin-proposal-numeric-separator": ^7.16.7
+    "@babel/plugin-proposal-optional-chaining": ^7.16.7
+    "@babel/plugin-syntax-bigint": ^7.8.3
+    "@babel/plugin-syntax-dynamic-import": ^7.8.3
+    "@babel/plugin-syntax-import-meta": ^7.10.4
+    "@babel/plugin-syntax-top-level-await": ^7.14.5
+    "@babel/plugin-transform-regenerator": ^7.17.9
+    "@babel/plugin-transform-runtime": ^7.17.0
+    "@babel/preset-env": ^7.16.11
+    "@babel/preset-react": ^7.16.7
+    "@babel/preset-typescript": ^7.16.7
+    "@babel/register": ^7.17.7
+    "@babel/runtime": ^7.17.9
+    "@rollup/plugin-alias": ^3.1.9
+    "@rollup/plugin-commonjs": ^21.0.3
+    "@rollup/plugin-inject": ^4.0.4
+    "@rollup/plugin-json": ^4.1.0
+    "@rollup/plugin-node-resolve": ^13.2.0
+    "@rushstack/eslint-patch": ^1.1.2
+    "@typescript-eslint/eslint-plugin": 5.19.0
+    "@typescript-eslint/parser": 5.19.0
+    "@vue/component-compiler-utils": ^3.3.0
+    babel-jest: ^27.5.1
+    babel-plugin-module-extension-resolver: ^1.0.0-rc.2
+    babel-plugin-module-resolver: ^4.1.0
+    babel-plugin-styled-components: ^2.0.7
+    browserslist: ^4.20.2
+    coveralls: ^3.1.1
+    eslint: ^8.13.0
+    eslint-config-standard: ^16.0.3
+    eslint-import-resolver-node: ^0.3.6
+    eslint-plugin-header: ^3.1.1
+    eslint-plugin-import: ^2.26.0
+    eslint-plugin-import-newlines: ^1.2.2
+    eslint-plugin-node: ^11.1.0
+    eslint-plugin-promise: ^6.0.0
+    eslint-plugin-react: ^7.29.4
+    eslint-plugin-react-hooks: ^4.4.0
+    eslint-plugin-simple-import-sort: ^7.0.0
+    eslint-plugin-sort-destructure-keys: ^1.4.0
+    fs-extra: ^10.0.1
+    gh-pages: ^3.2.3
+    gh-release: ^6.0.3
+    glob: ^8.0.1
+    glob2base: ^0.0.12
+    jest: ^27.5.1
+    jest-cli: ^27.5.1
+    jest-config: ^27.5.1
+    jest-haste-map: ^27.5.1
+    jest-resolve: ^27.5.1
+    madge: ^5.0.1
+    minimatch: ^5.0.1
+    mkdirp: ^1.0.4
+    prettier: ^2.6.2
+    rimraf: ^3.0.2
+    rollup: ^2.70.1
+    rollup-plugin-cleanup: ^3.2.1
+    typescript: ^4.6.3
+    yargs: ^17.4.1
+  bin:
+    polkadot-ci-ghact-build: scripts/polkadot-ci-ghact-build.mjs
+    polkadot-ci-ghact-docs: scripts/polkadot-ci-ghact-docs.mjs
+    polkadot-ci-ghpages-force: scripts/polkadot-ci-ghpages-force.mjs
+    polkadot-dev-build-docs: scripts/polkadot-dev-build-docs.mjs
+    polkadot-dev-build-ts: scripts/polkadot-dev-build-ts.mjs
+    polkadot-dev-circular: scripts/polkadot-dev-circular.mjs
+    polkadot-dev-clean-build: scripts/polkadot-dev-clean-build.mjs
+    polkadot-dev-contrib: scripts/polkadot-dev-contrib.mjs
+    polkadot-dev-copy-to: scripts/polkadot-dev-copy-to.mjs
+    polkadot-dev-run-lint: scripts/polkadot-dev-run-lint.mjs
+    polkadot-dev-run-prettier: scripts/polkadot-dev-run-prettier.mjs
+    polkadot-dev-run-test: scripts/polkadot-dev-run-test.mjs
+    polkadot-dev-version: scripts/polkadot-dev-version.mjs
+    polkadot-dev-yarn-only: scripts/polkadot-dev-yarn-only.mjs
+    polkadot-exec-eslint: scripts/polkadot-exec-eslint.mjs
+    polkadot-exec-ghpages: scripts/polkadot-exec-ghpages.mjs
+    polkadot-exec-ghrelease: scripts/polkadot-exec-ghrelease.mjs
+    polkadot-exec-prettier: scripts/polkadot-exec-prettier.mjs
+    polkadot-exec-rollup: scripts/polkadot-exec-rollup.mjs
+    polkadot-exec-tsc: scripts/polkadot-exec-tsc.mjs
+    polkadot-exec-webpack: scripts/polkadot-exec-webpack.mjs
+  checksum: d9c9ec78d0e5b2f8002991aa0b0bee3a109e7f0f72640869ffa2f422fbbccbd8ff9763b05567cab446c07fb1c5f34b66d30ba7b596ef77172e54520f0b5af90b
+  languageName: node
+  linkType: hard
+
+"@polkadot/extension-compat-metamask@npm:^0.43.1":
+  version: 0.43.1
+  resolution: "@polkadot/extension-compat-metamask@npm:0.43.1"
+  dependencies:
+    "@babel/runtime": ^7.17.9
+    "@metamask/detect-provider": ^1.2.0
+    "@polkadot/extension-inject": ^0.43.1
+    "@polkadot/types": ^8.0.1
+    "@polkadot/util": ^9.0.1
+    web3: ^1.7.3
+  peerDependencies:
+    "@polkadot/util": "*"
+  checksum: 7c2339d7214b7fe5aaf74bccbbf4b5033e94a67d21d2288a5dd54111e57465c7e60b16b3a83f05f8f41d0cb1fc875be62d5da001d73d1b3abc04cae6364fb11c
+  languageName: node
+  linkType: hard
+
+"@polkadot/extension-dapp@npm:^0.43.1":
+  version: 0.43.1
+  resolution: "@polkadot/extension-dapp@npm:0.43.1"
+  dependencies:
+    "@babel/runtime": ^7.17.9
+    "@polkadot/extension-inject": ^0.43.1
+    "@polkadot/util": ^9.0.1
+    "@polkadot/util-crypto": ^9.0.1
+  peerDependencies:
+    "@polkadot/api": "*"
+    "@polkadot/util": "*"
+    "@polkadot/util-crypto": "*"
+  checksum: c714089364277222eb19a134eb4f1713f70770e9e0539b475b46ff7dd85676bff8d24e870fcce6e17399abe80a7b6965ec9ffb223686fab6fe9a8e0d2a061754
+  languageName: node
+  linkType: hard
+
+"@polkadot/extension-inject@npm:^0.43.1":
+  version: 0.43.1
+  resolution: "@polkadot/extension-inject@npm:0.43.1"
+  dependencies:
+    "@babel/runtime": ^7.17.9
+    "@polkadot/rpc-provider": ^8.0.1
+    "@polkadot/types": ^8.0.1
+    "@polkadot/util": ^9.0.1
+    "@polkadot/util-crypto": ^9.0.1
+    "@polkadot/x-global": ^9.0.1
+  peerDependencies:
+    "@polkadot/api": "*"
+  checksum: 204a200efaac77654bd72bb247038af62f82dd25ed335822a36efbbb8a6f41ac4a99d6a5346f2523c7ee97cf525628450858a6c281044026c5907a437d97d3c9
+  languageName: node
+  linkType: hard
+
+"@polkadot/hw-ledger-transports@npm:9.0.1":
+  version: 9.0.1
+  resolution: "@polkadot/hw-ledger-transports@npm:9.0.1"
+  dependencies:
+    "@babel/runtime": ^7.17.9
+    "@ledgerhq/hw-transport": ^6.24.1
+    "@ledgerhq/hw-transport-node-hid-singleton": ^6.26.0
+    "@ledgerhq/hw-transport-webhid": ^6.24.1
+    "@ledgerhq/hw-transport-webusb": ^6.24.1
+    "@polkadot/util": 9.0.1
+  dependenciesMeta:
+    "@ledgerhq/hw-transport-node-hid-singleton":
+      optional: true
+  checksum: fe5ff8c86170e4e61fbe33403a9c53f7c8cbbaa0dc887e672c9d497e663bafc1345ac4044994ed7bbf7e5ba1840fc2109db384e453d1ca46c83cfa4d2962a5b5
+  languageName: node
+  linkType: hard
+
+"@polkadot/hw-ledger@npm:^9.0.1":
+  version: 9.0.1
+  resolution: "@polkadot/hw-ledger@npm:9.0.1"
+  dependencies:
+    "@babel/runtime": ^7.17.9
+    "@ledgerhq/hw-transport": ^6.24.1
+    "@polkadot/hw-ledger-transports": 9.0.1
+    "@polkadot/util": 9.0.1
+    "@zondax/ledger-substrate": ^0.24.0
+  checksum: ecb4472b41ccc3d819adb79c35fd55a39f08750e0e30fefe9913b12e893480782622dbef08a33bbb8df4fac6c2a668679bd0652eedc8bc6f307c42704b42bf5f
+  languageName: node
+  linkType: hard
+
+"@polkadot/keyring@npm:^9.0.1":
+  version: 9.0.1
+  resolution: "@polkadot/keyring@npm:9.0.1"
+  dependencies:
+    "@babel/runtime": ^7.17.9
+    "@polkadot/util": 9.0.1
+    "@polkadot/util-crypto": 9.0.1
+  peerDependencies:
+    "@polkadot/util": 9.0.1
+    "@polkadot/util-crypto": 9.0.1
+  checksum: b3ef47618a3d1b08e7239d7a556d513a695af0efd629e0f213624358b756c88047b0da0de1e01244c1697b00b0a37c8388825c48bc0cbae4a923eba7ecb8d239
+  languageName: node
+  linkType: hard
+
+"@polkadot/networks@npm:^9.0.1":
+  version: 9.0.1
+  resolution: "@polkadot/networks@npm:9.0.1"
+  dependencies:
+    "@babel/runtime": ^7.17.9
+    "@polkadot/util": 9.0.1
+    "@substrate/ss58-registry": ^1.17.0
+  checksum: 160b82205378ff5ca510c93674bf9c89785d63dd4f671214c8353bb9085bd3b343ed2a0e0a2ba803a7667ed911b8e118feb766064b8ec7486a787d98436e2040
+  languageName: node
+  linkType: hard
+
+"@polkadot/phishing@npm:^0.11.29":
+  version: 0.11.29
+  resolution: "@polkadot/phishing@npm:0.11.29"
+  dependencies:
+    "@babel/runtime": ^7.17.9
+    "@polkadot/util": ^9.0.1
+    "@polkadot/util-crypto": ^9.0.1
+    "@polkadot/x-fetch": ^9.0.1
+  checksum: d940030f6dd024743406464740e9139ca47f804e535931e53af6f4f1217bff2cd5f6561f279d8e22ab1a683be6c7dd758669672b4ad31ac6b153501cde5187d6
+  languageName: node
+  linkType: hard
+
+"@polkadot/react-api@^0.112.2-14, @polkadot/react-api@workspace:packages/react-api":
+  version: 0.0.0-use.local
+  resolution: "@polkadot/react-api@workspace:packages/react-api"
+  dependencies:
+    "@babel/runtime": ^7.17.9
+    "@polkadot/api": ^8.0.3-1
+    "@polkadot/extension-compat-metamask": ^0.43.1
+    "@polkadot/extension-dapp": ^0.43.1
+    "@polkadot/rpc-provider": ^8.0.3-1
+    fflate: ^0.7.3
+    rxjs: ^7.5.5
+  languageName: unknown
+  linkType: soft
+
+"@polkadot/react-components@^0.112.2-14, @polkadot/react-components@workspace:packages/react-components":
+  version: 0.0.0-use.local
+  resolution: "@polkadot/react-components@workspace:packages/react-components"
+  dependencies:
+    "@babel/runtime": ^7.17.9
+    "@fortawesome/fontawesome-svg-core": ^6.1.1
+    "@fortawesome/free-solid-svg-icons": ^6.1.1
+    "@fortawesome/react-fontawesome": ^0.1.18
+    "@polkadot/keyring": ^9.0.1
+    "@polkadot/react-api": ^0.112.2-14
+    "@polkadot/react-identicon": ^2.0.1
+    "@polkadot/react-qr": ^2.0.1
+    "@polkadot/react-query": ^0.112.2-14
+    "@polkadot/ui-keyring": ^2.0.1
+    "@polkadot/ui-settings": ^2.0.1
+    "@polkadot/util": ^9.0.1
+    "@polkadot/util-crypto": ^9.0.1
+    "@types/codeflask": ^1.4.3
+    "@types/owasp-password-strength-test": ^1.3.0
+    chart.js: ^3.7.1
+    codeflask: ^1.4.1
+    i18next: ^21.6.15
+    i18next-browser-languagedetector: ^6.1.4
+    owasp-password-strength-test: ^1.3.0
+    react: ^17.0.2
+    react-beautiful-dnd: ^13.1.0
+    react-chartjs-2: ^4.0.1
+    react-copy-to-clipboard: ^5.0.4
+    react-dom: ^17.0.2
+    react-dropzone: ^11.7.1
+    react-i18next: ^11.16.5
+    react-is: ^17.0.2
+    react-markdown: ^5.0.3
+    react-router: ^5.2.1
+    react-router-dom: ^5.3.0
+    react-tooltip: ^4.2.21
+    semantic-ui-css: ^2.4.1
+    semantic-ui-react: ^0.88.2
+    store: ^2.0.12
+    styled-theming: ^2.2.0
+  languageName: unknown
+  linkType: soft
+
+"@polkadot/react-hooks@^0.112.2-14, @polkadot/react-hooks@workspace:packages/react-hooks":
+  version: 0.0.0-use.local
+  resolution: "@polkadot/react-hooks@workspace:packages/react-hooks"
+  dependencies:
+    "@babel/runtime": ^7.17.9
+    "@polkadot/hw-ledger": ^9.0.1
+    is-ipfs: 6.0.2
+  languageName: unknown
+  linkType: soft
+
+"@polkadot/react-identicon@npm:^2.0.1":
+  version: 2.0.1
+  resolution: "@polkadot/react-identicon@npm:2.0.1"
+  dependencies:
+    "@babel/runtime": ^7.17.9
+    "@polkadot/keyring": ^9.0.1
+    "@polkadot/ui-settings": 2.0.1
+    "@polkadot/ui-shared": 2.0.1
+    "@polkadot/util": ^9.0.1
+    "@polkadot/util-crypto": ^9.0.1
+    color: ^3.2.1
+    ethereum-blockies-base64: ^1.0.2
+    jdenticon: 3.1.1
+    react-copy-to-clipboard: ^5.0.4
+    styled-components: ^5.3.5
+  peerDependencies:
+    "@polkadot/keyring": "*"
+    "@polkadot/util": "*"
+    "@polkadot/util-crypto": "*"
+    react: "*"
+    react-dom: "*"
+    react-is: "*"
+    styled-components: "*"
+  checksum: b646df65aa965ccef742aa6ff5c57e4c5e6ffbea6955fb12c0482e7d8db1c7ae6342b4b7d934432270c369a9b89100f644e54ce9773523019d694f9897b4d4a8
+  languageName: node
+  linkType: hard
+
+"@polkadot/react-params@^0.112.2-14, @polkadot/react-params@workspace:packages/react-params":
+  version: 0.0.0-use.local
+  resolution: "@polkadot/react-params@workspace:packages/react-params"
+  dependencies:
+    "@babel/runtime": ^7.17.9
+    "@polkadot/react-components": ^0.112.2-14
+  languageName: unknown
+  linkType: soft
+
+"@polkadot/react-qr@npm:^2.0.1":
+  version: 2.0.1
+  resolution: "@polkadot/react-qr@npm:2.0.1"
+  dependencies:
+    "@babel/runtime": ^7.17.9
+    "@polkadot/ui-settings": 2.0.1
+    "@polkadot/util": ^9.0.1
+    "@polkadot/util-crypto": ^9.0.1
+    qrcode-generator: ^1.4.4
+    react-qr-reader: ^2.2.1
+    styled-components: ^5.3.5
+  peerDependencies:
+    "@polkadot/util": "*"
+    "@polkadot/util-crypto": "*"
+    react: "*"
+    react-dom: "*"
+    styled-components: "*"
+  checksum: 447b316b8ad8e61e17c6972518411045a32c7d7a5e15ea2c60298dda125b942ad514a0417fa2799522210f9589f7b30950d5ac4130d0c309fee1bac31529b2f3
+  languageName: node
+  linkType: hard
+
+"@polkadot/react-query@^0.112.2-14, @polkadot/react-query@workspace:packages/react-query":
+  version: 0.0.0-use.local
+  resolution: "@polkadot/react-query@workspace:packages/react-query"
+  dependencies:
+    "@babel/runtime": ^7.17.9
+  languageName: unknown
+  linkType: soft
+
+"@polkadot/react-signer@^0.112.2-14, @polkadot/react-signer@workspace:packages/react-signer":
+  version: 0.0.0-use.local
+  resolution: "@polkadot/react-signer@workspace:packages/react-signer"
+  dependencies:
+    "@babel/runtime": ^7.17.9
+    "@polkadot/hw-ledger": ^9.0.1
+    "@polkadot/react-components": ^0.112.2-14
+  languageName: unknown
+  linkType: soft
+
+"@polkadot/rpc-augment@npm:^8.0.3-1":
+  version: 8.0.3-1
+  resolution: "@polkadot/rpc-augment@npm:8.0.3-1"
+  dependencies:
+    "@babel/runtime": ^7.17.9
+    "@polkadot/rpc-core": 8.0.3-1
+    "@polkadot/types": 8.0.3-1
+    "@polkadot/types-codec": 8.0.3-1
+    "@polkadot/util": ^9.0.1
+  checksum: 74d6697d69731395596e1950b84601a7331c50baab00377f95d47f8f554f8c85c14044e18b52f116b84944cdd0ed1878f134b89b1f2ece7b31f0b278780ed70a
+  languageName: node
+  linkType: hard
+
+"@polkadot/rpc-core@npm:^8.0.3-1":
+  version: 8.0.3-1
+  resolution: "@polkadot/rpc-core@npm:8.0.3-1"
+  dependencies:
+    "@babel/runtime": ^7.17.9
+    "@polkadot/rpc-augment": 8.0.3-1
+    "@polkadot/rpc-provider": 8.0.3-1
+    "@polkadot/types": 8.0.3-1
+    "@polkadot/util": ^9.0.1
+    rxjs: ^7.5.5
+  checksum: 0365e289076fbae214a54692da5ae9a5fd24ac16b4b6a4086cefe02e8bf794589286545f092a7dd0387ed1cd38d6610c6116a603f4b03f0d69fd1af17f838b61
+  languageName: node
+  linkType: hard
+
+"@polkadot/rpc-provider@npm:^8.0.3-1":
+  version: 8.0.3-1
+  resolution: "@polkadot/rpc-provider@npm:8.0.3-1"
+  dependencies:
+    "@babel/runtime": ^7.17.9
+    "@polkadot/keyring": ^9.0.1
+    "@polkadot/types": 8.0.3-1
+    "@polkadot/types-support": 8.0.3-1
+    "@polkadot/util": ^9.0.1
+    "@polkadot/util-crypto": ^9.0.1
+    "@polkadot/x-fetch": ^9.0.1
+    "@polkadot/x-global": ^9.0.1
+    "@polkadot/x-ws": ^9.0.1
+    "@substrate/connect": 0.7.2
+    eventemitter3: ^4.0.7
+    mock-socket: ^9.1.2
+    nock: ^13.2.4
+  checksum: 895904609ff9b992a7a565fee58d0464b1ea7148d381530667f53731770221c0e65916a75c133fc61a7fc16f8b488a2137fb785235e4b24ec26f63d67400b156
+  languageName: node
+  linkType: hard
+
+"@polkadot/test-support@0.112.2-14, @polkadot/test-support@workspace:packages/test-support":
+  version: 0.0.0-use.local
+  resolution: "@polkadot/test-support@workspace:packages/test-support"
+  dependencies:
+    "@polkadot/types-support": ^8.0.3-1
+    "@testing-library/jest-dom": ^5.16.3
+    "@testing-library/react": ^12.1.4
+    testcontainers: ^8.6.0
+    tsconfig-paths: ^3.14.1
+  languageName: unknown
+  linkType: soft
+
+"@polkadot/types-augment@npm:^8.0.3-1":
+  version: 8.0.3-1
+  resolution: "@polkadot/types-augment@npm:8.0.3-1"
+  dependencies:
+    "@babel/runtime": ^7.17.9
+    "@polkadot/types": 8.0.3-1
+    "@polkadot/types-codec": 8.0.3-1
+    "@polkadot/util": ^9.0.1
+  checksum: 9d6bd003dd96ef9b97d2d636641fcdf51d102b096fe988e77da8646b63d9ca778b8b2712a0e4558538a44f16d4ad17dc9a46c96fb495ce0aa702dee8161f23aa
+  languageName: node
+  linkType: hard
+
+"@polkadot/types-codec@npm:^8.0.3-1":
+  version: 8.0.3-1
+  resolution: "@polkadot/types-codec@npm:8.0.3-1"
+  dependencies:
+    "@babel/runtime": ^7.17.9
+    "@polkadot/util": ^9.0.1
+  checksum: 849437124e13db5a1bb4b7dbac03d38dc2c2b3d6c93cc1a3fc3afbad7bc0b4d7c5f08f9fe40ab052310872f5334db3b78f356ccd2efcc88a7dffe8c748764f68
+  languageName: node
+  linkType: hard
+
+"@polkadot/types-create@npm:^8.0.3-1":
+  version: 8.0.3-1
+  resolution: "@polkadot/types-create@npm:8.0.3-1"
+  dependencies:
+    "@babel/runtime": ^7.17.9
+    "@polkadot/types-codec": 8.0.3-1
+    "@polkadot/util": ^9.0.1
+  checksum: 62456216c6e9d6b8f4efa9ae2d7f407d3b9829d1f4bf371ec6544402a8f0a3e068535767d8eeb81d8651aa4e688c2ed9ae3b1298e58a4dcc359c1adc63d8fc39
+  languageName: node
+  linkType: hard
+
+"@polkadot/types-known@npm:^8.0.3-1":
+  version: 8.0.3-1
+  resolution: "@polkadot/types-known@npm:8.0.3-1"
+  dependencies:
+    "@babel/runtime": ^7.17.9
+    "@polkadot/networks": ^9.0.1
+    "@polkadot/types": 8.0.3-1
+    "@polkadot/types-codec": 8.0.3-1
+    "@polkadot/types-create": 8.0.3-1
+    "@polkadot/util": ^9.0.1
+  checksum: 038d3807579ac6027146ffd8ab02b62a4a868edef5df986a730507446e34e236018e1e99c8df5625028b99fb1ebfa59f438eccd2951a7d7f696831ef6fa80d6a
+  languageName: node
+  linkType: hard
+
+"@polkadot/types-support@npm:^8.0.3-1":
+  version: 8.0.3-1
+  resolution: "@polkadot/types-support@npm:8.0.3-1"
+  dependencies:
+    "@babel/runtime": ^7.17.9
+    "@polkadot/util": ^9.0.1
+  checksum: e6c3fe83cd9060ec7a96cf7e59a49126005e77414d50223b693ea66eb136b46316400838e9c0ed16201656df8c2431ce846d855db3ccf70d720bb9d26e1e1499
+  languageName: node
+  linkType: hard
+
+"@polkadot/types@npm:^8.0.3-1":
+  version: 8.0.3-1
+  resolution: "@polkadot/types@npm:8.0.3-1"
+  dependencies:
+    "@babel/runtime": ^7.17.9
+    "@polkadot/keyring": ^9.0.1
+    "@polkadot/types-augment": 8.0.3-1
+    "@polkadot/types-codec": 8.0.3-1
+    "@polkadot/types-create": 8.0.3-1
+    "@polkadot/util": ^9.0.1
+    "@polkadot/util-crypto": ^9.0.1
+    rxjs: ^7.5.5
+  checksum: f97ae71e7ee8b591c6f522654ed4b18e05c4e3622c2efd2dca0a06b33ad1bf8c8a6127d0122c9ed2eff975270564ce5d6d7e9c68abbb1ebca291371804fd8e06
+  languageName: node
+  linkType: hard
+
+"@polkadot/ui-keyring@npm:^2.0.1":
+  version: 2.0.1
+  resolution: "@polkadot/ui-keyring@npm:2.0.1"
+  dependencies:
+    "@babel/runtime": ^7.17.9
+    "@polkadot/keyring": ^9.0.1
+    "@polkadot/ui-settings": 2.0.1
+    "@polkadot/util": ^9.0.1
+    "@polkadot/util-crypto": ^9.0.1
+    mkdirp: ^1.0.4
+    rxjs: ^7.5.5
+    store: ^2.0.12
+  peerDependencies:
+    "@polkadot/keyring": "*"
+    "@polkadot/ui-settings": "*"
+    "@polkadot/util": "*"
+  checksum: 3e4283a7ee237c2f81306fbe60bd0848bb7014c3d94ed1a1c1e44ee06d4a1a83ca3585418225362b59275087b73947ad115fd2f6879dd5e2e70f493b90b25d20
+  languageName: node
+  linkType: hard
+
+"@polkadot/ui-settings@npm:2.0.1, @polkadot/ui-settings@npm:^2.0.1":
+  version: 2.0.1
+  resolution: "@polkadot/ui-settings@npm:2.0.1"
+  dependencies:
+    "@babel/runtime": ^7.17.9
+    "@polkadot/networks": ^9.0.1
+    "@polkadot/util": ^9.0.1
+    eventemitter3: ^4.0.7
+    store: ^2.0.12
+  peerDependencies:
+    "@polkadot/networks": "*"
+    "@polkadot/util": "*"
+  checksum: ca102a1836d38df9cd2310ae4232c746c47ed9847acd78b8fbf294ed6251cb2e4c7586ff6934d863154ee0810ed87cc7a1327299e18a9aa0d99a4d2efb7f9160
+  languageName: node
+  linkType: hard
+
+"@polkadot/ui-shared@npm:2.0.1":
+  version: 2.0.1
+  resolution: "@polkadot/ui-shared@npm:2.0.1"
+  dependencies:
+    "@babel/runtime": ^7.17.9
+    color: ^3.2.1
+  peerDependencies:
+    "@polkadot/util": "*"
+    "@polkadot/util-crypto": "*"
+  checksum: 52b8dd3e1e8a3a386d21cbe03ad4a918364e5ccbe52fca63545ea356fc378383bda79a31a45a59b3dd1f9bca4280d97778a514a7b8d8ed73ff1cb7b1189ca6f0
+  languageName: node
+  linkType: hard
+
+"@polkadot/util-crypto@npm:^9.0.1":
+  version: 9.0.1
+  resolution: "@polkadot/util-crypto@npm:9.0.1"
+  dependencies:
+    "@babel/runtime": ^7.17.9
+    "@noble/hashes": 1.0.0
+    "@noble/secp256k1": 1.5.5
+    "@polkadot/networks": 9.0.1
+    "@polkadot/util": 9.0.1
+    "@polkadot/wasm-crypto": ^6.0.1
+    "@polkadot/x-bigint": 9.0.1
+    "@polkadot/x-randomvalues": 9.0.1
+    "@scure/base": 1.0.0
+    ed2curve: ^0.3.0
+    tweetnacl: ^1.0.3
+  peerDependencies:
+    "@polkadot/util": 9.0.1
+  checksum: a730b4cf28898aeff17b33b2d89fa3b55bad5c277f44c3fcf0ae186d5dfc8b6563b903fdbee57fcbcc9bf829227291bb10105943549b697950551c46b02c4cee
+  languageName: node
+  linkType: hard
+
+"@polkadot/util@npm:^9.0.1":
+  version: 9.0.1
+  resolution: "@polkadot/util@npm:9.0.1"
+  dependencies:
+    "@babel/runtime": ^7.17.9
+    "@polkadot/x-bigint": 9.0.1
+    "@polkadot/x-global": 9.0.1
+    "@polkadot/x-textdecoder": 9.0.1
+    "@polkadot/x-textencoder": 9.0.1
+    "@types/bn.js": ^5.1.0
+    bn.js: ^5.2.0
+    ip-regex: ^4.3.0
+  checksum: 9f64657266fdea5a6effb7e241f1f8777472fbcd38cc7ee77f1bf339f4a5d016f0d1028945878d87711a87c83a72e528db8f858edc7d606e7ebdaf964e4b521a
+  languageName: node
+  linkType: hard
+
+"@polkadot/vanitygen@npm:^0.51.1":
+  version: 0.51.1
+  resolution: "@polkadot/vanitygen@npm:0.51.1"
+  dependencies:
+    "@babel/core": ^7.17.9
+    "@babel/register": ^7.17.7
+    "@babel/runtime": ^7.17.9
+    "@polkadot/util": ^9.0.1
+    "@polkadot/util-crypto": ^9.0.1
+    yargs: ^17.4.0
+  bin:
+    polkadot-js-vanitygen: cjs/cjs/index.js
+  checksum: 8213d0648383adf1e6a5dd73e1bb113d1211964ad1b4e4334c03a4079ecfcb16f8052da7e11638f966e89b00ff582752c7eb6331803ed6ef8fe527ac4d0df5c9
+  languageName: node
+  linkType: hard
+
+"@polkadot/wasm-crypto-asmjs@npm:^6.0.1":
+  version: 6.0.1
+  resolution: "@polkadot/wasm-crypto-asmjs@npm:6.0.1"
+  dependencies:
+    "@babel/runtime": ^7.17.9
+  peerDependencies:
+    "@polkadot/util": "*"
+  checksum: 665cf6ae6468f76955b66f9a8645110de62b961d533c1c46b2dacd20981def099ca51da2fb9a50dd032ba948e7afcf7bdd80491516829ca6be3e7dae7457290e
+  languageName: node
+  linkType: hard
+
+"@polkadot/wasm-crypto-wasm@npm:^6.0.1":
+  version: 6.0.1
+  resolution: "@polkadot/wasm-crypto-wasm@npm:6.0.1"
+  dependencies:
+    "@babel/runtime": ^7.17.9
+  peerDependencies:
+    "@polkadot/util": "*"
+  checksum: e13cb3a04e9f90d16f2e7299cdeb25d53347dd1c4080a6e8d40240416666a3e8af25eee7f5b823b3371133f9bdcfcb523c25543d063c46c47e50fac7910e6f0b
+  languageName: node
+  linkType: hard
+
+"@polkadot/wasm-crypto@npm:^6.0.1":
+  version: 6.0.1
+  resolution: "@polkadot/wasm-crypto@npm:6.0.1"
+  dependencies:
+    "@babel/runtime": ^7.17.9
+    "@polkadot/wasm-crypto-asmjs": ^6.0.1
+    "@polkadot/wasm-crypto-wasm": ^6.0.1
+  peerDependencies:
+    "@polkadot/util": "*"
+    "@polkadot/x-randomvalues": "*"
+  checksum: 71b8ce5c88c38ac8cc11e64c91dee94361b68f6e540afb8448c3bc4daac53d7ecb364fdc700b9ae1403c3291b959b4fdf2a3adc00b2a2adacf31bac1aeb0185b
+  languageName: node
+  linkType: hard
+
+"@polkadot/x-bigint@npm:9.0.1":
+  version: 9.0.1
+  resolution: "@polkadot/x-bigint@npm:9.0.1"
+  dependencies:
+    "@babel/runtime": ^7.17.9
+    "@polkadot/x-global": 9.0.1
+  checksum: 36910d51159f100921bae24ebd92fa4152c9c7a9dcd0299d67c52fe0bba31ace737775dc2b4cf054b69a0a3a33e3a6c9f4ca661e6b3e2d43b5b5e9ce53ce2921
+  languageName: node
+  linkType: hard
+
+"@polkadot/x-fetch@npm:^9.0.1":
+  version: 9.0.1
+  resolution: "@polkadot/x-fetch@npm:9.0.1"
+  dependencies:
+    "@babel/runtime": ^7.17.9
+    "@polkadot/x-global": 9.0.1
+    "@types/node-fetch": ^2.6.1
+    node-fetch: ^2.6.7
+  checksum: e9014cdcaa285ad3e72b86412052cb7d7f76699dca4e865bf1ce5f29c89cf21938e98cad9421e4c632b1675cef0910657b77a2ceda69fbe0bb3391a470d84a25
+  languageName: node
+  linkType: hard
+
+"@polkadot/x-global@npm:9.0.1, @polkadot/x-global@npm:^9.0.1":
+  version: 9.0.1
+  resolution: "@polkadot/x-global@npm:9.0.1"
+  dependencies:
+    "@babel/runtime": ^7.17.9
+  checksum: c5a884738285f3ed4d5ccbe8c6a82e7873e98b181fd6c291354de6ef4d9521ce64fb54ec264c643192a10ba348e0ec5aa8f1cbc8e4c625f0847a678d569b449e
+  languageName: node
+  linkType: hard
+
+"@polkadot/x-randomvalues@npm:9.0.1":
+  version: 9.0.1
+  resolution: "@polkadot/x-randomvalues@npm:9.0.1"
+  dependencies:
+    "@babel/runtime": ^7.17.9
+    "@polkadot/x-global": 9.0.1
+  checksum: a0288af69032d2d1808af90a8532519ee548f7053757b72a60a717a64c8bacc163957c028cb3e688760cf08c5e322599d821172f64975e33011ed97804d677ac
+  languageName: node
+  linkType: hard
+
+"@polkadot/x-textdecoder@npm:9.0.1":
+  version: 9.0.1
+  resolution: "@polkadot/x-textdecoder@npm:9.0.1"
+  dependencies:
+    "@babel/runtime": ^7.17.9
+    "@polkadot/x-global": 9.0.1
+  checksum: 4ae2bbe245f34bdc0f8c8232801b2855d4769c50d2b591a350adae3db21db346a8c3b8a92c218b9a6501b933619c2c994debf209d4147b984012a8d5397775cc
+  languageName: node
+  linkType: hard
+
+"@polkadot/x-textencoder@npm:9.0.1":
+  version: 9.0.1
+  resolution: "@polkadot/x-textencoder@npm:9.0.1"
+  dependencies:
+    "@babel/runtime": ^7.17.9
+    "@polkadot/x-global": 9.0.1
+  checksum: 9f2126e09044a88f84102899035375adff8698a73bc2329d083fa283a8b5237ccc5f9da0d30cee6f9f9f92854bd5311a062f895fb19be8c96101706234ebda83
+  languageName: node
+  linkType: hard
+
+"@polkadot/x-ws@npm:^9.0.1":
+  version: 9.0.1
+  resolution: "@polkadot/x-ws@npm:9.0.1"
+  dependencies:
+    "@babel/runtime": ^7.17.9
+    "@polkadot/x-global": 9.0.1
+    "@types/websocket": ^1.0.5
+    websocket: ^1.0.34
+  checksum: 73d559cc4a67dba62d630f5f2131ab03d773a64dff806250bc15aa998d263650cd45a88b941e54b3198e32c5b9819750fef325e9bdeaed69fe7d27898e412a67
+  languageName: node
+  linkType: hard
+
+"@polymathnetwork/polymesh-types@npm:0.0.2":
+  version: 0.0.2
+  resolution: "@polymathnetwork/polymesh-types@npm:0.0.2"
+  checksum: 4a1168de7547ad25d770eaca806f683f1789a649b3045dbd84e0e8da0e03bfc1f556628b70947ec80894f9aa4307648f6c344323840e43f2e306f0edd3ae21b6
+  languageName: node
+  linkType: hard
+
+"@rollup/plugin-alias@npm:^3.1.9":
+  version: 3.1.9
+  resolution: "@rollup/plugin-alias@npm:3.1.9"
+  dependencies:
+    slash: ^3.0.0
+  peerDependencies:
+    rollup: ^1.20.0||^2.0.0
+  checksum: cefae9dfb7c30f0dc78d24f4ad9ccb8a0878397b313c0fa9d0f519667394941c58a930d968d841e25aee43b0fb892d1e3f7edbb55e8197f191cce7da6a50b882
+  languageName: node
+  linkType: hard
+
+"@rollup/plugin-commonjs@npm:^21.0.3":
+  version: 21.0.3
+  resolution: "@rollup/plugin-commonjs@npm:21.0.3"
+  dependencies:
+    "@rollup/pluginutils": ^3.1.0
+    commondir: ^1.0.1
+    estree-walker: ^2.0.1
+    glob: ^7.1.6
+    is-reference: ^1.2.1
+    magic-string: ^0.25.7
+    resolve: ^1.17.0
+  peerDependencies:
+    rollup: ^2.38.3
+  checksum: 23307d3b7eb8d64dd966fbe380b85bf3b5f4908c7344427d45918d570cf6b48710ef6f155bea74545127c10de9d64f87dd2219078e83dbccf927505d38774de8
+  languageName: node
+  linkType: hard
+
+"@rollup/plugin-inject@npm:^4.0.4":
+  version: 4.0.4
+  resolution: "@rollup/plugin-inject@npm:4.0.4"
+  dependencies:
+    "@rollup/pluginutils": ^3.1.0
+    estree-walker: ^2.0.1
+    magic-string: ^0.25.7
+  peerDependencies:
+    rollup: ^1.20.0 || ^2.0.0
+  checksum: 22a1847372a96296a5b176af3d5b23ac7b48143a32c77ec4efed38daf4b0d1399a3cd144496d65731299984c5f98c9e00dc6a7f53d0fe87bd4aab2d4bd7b8289
+  languageName: node
+  linkType: hard
+
+"@rollup/plugin-json@npm:^4.1.0":
+  version: 4.1.0
+  resolution: "@rollup/plugin-json@npm:4.1.0"
+  dependencies:
+    "@rollup/pluginutils": ^3.0.8
+  peerDependencies:
+    rollup: ^1.20.0 || ^2.0.0
+  checksum: 867bc9339b4ccf0b9ff3b2617a95b3b8920115163f86c8e3b1f068a14ca25949472d3c05b09a5ac38ca0fe2185756e34617eaeb219d4a2b6e2307c501c7d4552
+  languageName: node
+  linkType: hard
+
+"@rollup/plugin-node-resolve@npm:^13.2.0":
+  version: 13.2.0
+  resolution: "@rollup/plugin-node-resolve@npm:13.2.0"
+  dependencies:
+    "@rollup/pluginutils": ^3.1.0
+    "@types/resolve": 1.17.1
+    builtin-modules: ^3.1.0
+    deepmerge: ^4.2.2
+    is-module: ^1.0.0
+    resolve: ^1.19.0
+  peerDependencies:
+    rollup: ^2.42.0
+  checksum: 581c14586447a7319cfdb89c02107e3b69e98b57278570b858b8907b1763a6db00a428591abf8003e47df0885796bf153c0104096331363643f695f1155fb94e
+  languageName: node
+  linkType: hard
+
+"@rollup/pluginutils@npm:^3.0.8, @rollup/pluginutils@npm:^3.1.0":
+  version: 3.1.0
+  resolution: "@rollup/pluginutils@npm:3.1.0"
+  dependencies:
+    "@types/estree": 0.0.39
+    estree-walker: ^1.0.1
+    picomatch: ^2.2.2
+  peerDependencies:
+    rollup: ^1.20.0||^2.0.0
+  checksum: 8be16e27863c219edbb25a4e6ec2fe0e1e451d9e917b6a43cf2ae5bc025a6b8faaa40f82a6e53b66d0de37b58ff472c6c3d57a83037ae635041f8df959d6d9aa
+  languageName: node
+  linkType: hard
+
+"@rushstack/eslint-patch@npm:^1.1.2":
+  version: 1.1.2
+  resolution: "@rushstack/eslint-patch@npm:1.1.2"
+  checksum: 81cf671853fde5f696f4b79ba169484ace61831183784b3849764dca9f58b4e9d4d937064fc08d1053d0dccf9f214b80a5f6fafad985037ca9b049dc8d961732
+  languageName: node
+  linkType: hard
+
+"@scure/base@npm:1.0.0":
+  version: 1.0.0
+  resolution: "@scure/base@npm:1.0.0"
+  checksum: 4bff6fd46fa4afeff58410a157edbb93e6d1aaeca8be18ecd9ec439d5e86e297e52d9288ab269d0ec5f861d55cf1664f26bd14812dd631784f6a9cc11276ff91
+  languageName: node
+  linkType: hard
+
+"@semantic-ui-react/event-stack@npm:^3.1.0":
+  version: 3.1.1
+  resolution: "@semantic-ui-react/event-stack@npm:3.1.1"
+  dependencies:
+    exenv: ^1.2.2
+    prop-types: ^15.6.2
+  peerDependencies:
+    react: ^16.0.0
+    react-dom: ^16.0.0
+  checksum: 53453b2f3786fef5195ac1a50ab17509e9ee19ac309ccc1a9bfa07b280899192634ab6fb86ae61320a3a92d826e570ba6db332de94e9c09b0e2f22cdaf655a30
+  languageName: node
+  linkType: hard
+
+"@sindresorhus/is@npm:^0.14.0":
+  version: 0.14.0
+  resolution: "@sindresorhus/is@npm:0.14.0"
+  checksum: 971e0441dd44ba3909b467219a5e242da0fc584048db5324cfb8048148fa8dcc9d44d71e3948972c4f6121d24e5da402ef191420d1266a95f713bb6d6e59c98a
+  languageName: node
+  linkType: hard
+
+"@sindresorhus/is@npm:^4.0.0":
+  version: 4.0.0
+  resolution: "@sindresorhus/is@npm:4.0.0"
+  checksum: 0e010f79820099b0a7cb8e1c982f822fc4407ff65d2898708b04e1675949eb6885a470fd7274843f83b84e0d3b74fe0de1ff9291d66553228d68202daca5bbaf
+  languageName: node
+  linkType: hard
+
+"@sindresorhus/slugify@npm:^1.1.0":
+  version: 1.1.0
+  resolution: "@sindresorhus/slugify@npm:1.1.0"
+  dependencies:
+    "@sindresorhus/transliterate": ^0.1.1
+    escape-string-regexp: ^4.0.0
+  checksum: 6834c3a81e1ed479c82285d0b25b7f17fd2b8565ecc1d76c8e5a15820ddad32064be3a85a04b3f1c771e2b764405c21e82774b87b1141086cc2c34656adbffa0
+  languageName: node
+  linkType: hard
+
+"@sindresorhus/transliterate@npm:^0.1.1":
+  version: 0.1.1
+  resolution: "@sindresorhus/transliterate@npm:0.1.1"
+  dependencies:
+    escape-string-regexp: ^2.0.0
+    lodash.deburr: ^4.1.0
+  checksum: 6610a360cbd625f512f7f37bcc8d7012c3d99ab0e65d06ba49acd893ce6068e021d57d3e4730f35972224e2b8f8579c31f2ac7590b55b0efd2979a8523dd9aa2
+  languageName: node
+  linkType: hard
+
+"@sinonjs/commons@npm:^1.7.0":
+  version: 1.8.1
+  resolution: "@sinonjs/commons@npm:1.8.1"
+  dependencies:
+    type-detect: 4.0.8
+  checksum: 8f258c039275d217b654c94731409208a3530c56f64ebc2a1bddaa82045800c7f9dbd09806d6dc451ee12cb79c7a5d509a58ad28179a83336da266ba5c231912
+  languageName: node
+  linkType: hard
+
+"@sinonjs/fake-timers@npm:^8.0.1":
+  version: 8.0.1
+  resolution: "@sinonjs/fake-timers@npm:8.0.1"
+  dependencies:
+    "@sinonjs/commons": ^1.7.0
+  checksum: 97a78e6f83dd420d73b155a0438cd0fd3392e706b8314530db3d99354689cc714eb3d18540be2aedcd3a3d6070e14f509dce7c6cc817701e9538b3b8ac423eaa
+  languageName: node
+  linkType: hard
+
+"@snowfork/snowbridge-types@npm:0.2.7":
+  version: 0.2.7
+  resolution: "@snowfork/snowbridge-types@npm:0.2.7"
+  dependencies:
+    "@polkadot/api": ^7.2.1
+    "@polkadot/keyring": ^8.2.2
+    "@polkadot/types": ^7.2.1
+  checksum: 2b2b692d3b38a1f9d781bd76ace4ef79582b3861d551c520c6c99f3c7745922aacb346261d9f671890378c08002bb5a7b63bb41bf3d483407d15bf5c7aeb06ff
+  languageName: node
+  linkType: hard
+
+"@sora-substrate/type-definitions@npm:1.8.6":
+  version: 1.8.6
+  resolution: "@sora-substrate/type-definitions@npm:1.8.6"
+  dependencies:
+    "@open-web3/orml-type-definitions": ^0.9.4-35
+  checksum: 0a543e7405d1ab5c551cf1b77a28359a9c33d1236390fd907ea7b857b9781408373808ab97216e445b3510028873d508e8e7f48f755f3f618a3ae393ffb7b9cd
+  languageName: node
+  linkType: hard
+
+"@stardust-ui/react-component-event-listener@npm:~0.38.0":
+  version: 0.38.0
+  resolution: "@stardust-ui/react-component-event-listener@npm:0.38.0"
+  dependencies:
+    "@babel/runtime": ^7.1.2
+    prop-types: ^15.7.2
+  peerDependencies:
+    react: ^16.8.0
+    react-dom: ^16.8.0
+  checksum: f9f54c976781f5bed766cded56be1a35b0d02bf1aa244db5db61e508420ae76241254772c626ee99322455793a38ffdffd195c3515e8a628a08457ba711ce1ac
+  languageName: node
+  linkType: hard
+
+"@stardust-ui/react-component-ref@npm:~0.38.0":
+  version: 0.38.0
+  resolution: "@stardust-ui/react-component-ref@npm:0.38.0"
+  dependencies:
+    "@babel/runtime": ^7.1.2
+    prop-types: ^15.7.2
+    react-is: ^16.6.3
+  peerDependencies:
+    react: ^16.8.0
+    react-dom: ^16.8.0
+  checksum: c5bd6ec22fdcfdaee37b255d68fef5420d84e47b080d3947bcd0d7063548e1a8aa1627285bdf8c6c85eb4516845c763d7c183e57505ca8eca7c3d87e266a83ec
+  languageName: node
+  linkType: hard
+
+"@subsocial/types@npm:0.6.5":
+  version: 0.6.5
+  resolution: "@subsocial/types@npm:0.6.5"
+  dependencies:
+    "@polkadot/types": 6.9.2
+    "@polkadot/types-known": 6.9.2
+    "@polkadot/types-support": 6.9.2
+    "@subsocial/utils": ^0.6.5
+    cids: ^0.7.1
+  checksum: 4a02a6a19c449bab19b6ecbac89359562e1461c76020d5f4b53a1dc9471f361f0f2f364ab48c3c852a1b8db3cd82cdbc0b6bbf08cbe268038907cbc7ca2697f3
+  languageName: node
+  linkType: hard
+
+"@subsocial/utils@npm:^0.6.5":
+  version: 0.6.5
+  resolution: "@subsocial/utils@npm:0.6.5"
+  dependencies:
+    "@polkadot/util-crypto": 7.8.2
+    "@sindresorhus/slugify": ^1.1.0
+    bn.js: ^5.1.1
+    chalk: ^3.0.0
+    lodash.isempty: ^4.4.0
+    lodash.memoize: ^4.1.2
+    lodash.truncate: ^4.4.2
+    loglevel: ^1.7.0
+    loglevel-plugin-prefix: ^0.8.4
+    remark: ^13.0.0
+    remark-gfm: ^1.0.0
+    remark-html: ^13.0.1
+    strip-markdown: ^4.0.0
+  checksum: e303c6c8d5fa8ece95779800cf469084e5654c771119f049c1041a91e6a575420b885120e4e0bfea691d14919ce3dbb8e53ac612f26910cc9bc876f4ee149161
+  languageName: node
+  linkType: hard
+
+"@substrate/connect-extension-protocol@npm:^1.0.0":
+  version: 1.0.0
+  resolution: "@substrate/connect-extension-protocol@npm:1.0.0"
+  checksum: a6f16f1b986eb3d517a8db909d780febc1f5094a2956c1d3f9332ee60e0c08f32f67f4f500c9522bacd166d63a5023738f90c28059768077bf26535dc5a82013
+  languageName: node
+  linkType: hard
+
+"@substrate/connect@npm:0.7.2":
+  version: 0.7.2
+  resolution: "@substrate/connect@npm:0.7.2"
+  dependencies:
+    "@substrate/connect-extension-protocol": ^1.0.0
+    "@substrate/smoldot-light": 0.6.15
+    eventemitter3: ^4.0.7
+  checksum: c7dbd52ac340e8b3180a47febf7a2995ddf4800d35767879531044ee4aff03dfe4fbb3d6d124ca60a6dc26d22bb5f21da5c92acf2822e1a31a55327171fa797f
+  languageName: node
+  linkType: hard
+
+"@substrate/smoldot-light@npm:0.6.15":
+  version: 0.6.15
+  resolution: "@substrate/smoldot-light@npm:0.6.15"
+  dependencies:
+    buffer: ^6.0.1
+    pako: ^2.0.4
+    websocket: ^1.0.32
+  checksum: 433ff535c70b0b112e535922758bda3d83265c13bfd8515aaa8bbf73a6dff36864185da8d9920800ca2849887e591266acb32851eb9af8e53f358b88a5a5d8cd
+  languageName: node
+  linkType: hard
+
+"@substrate/ss58-registry@npm:^1.17.0":
+  version: 1.17.0
+  resolution: "@substrate/ss58-registry@npm:1.17.0"
+  checksum: 48d1e28e143514ae93a0faf4406a59db9d2ccaff3f5db36d8174657fc2d12c66be786aeaa78c4f5ba52e741588dfa033faf7915882c467b78dc77eefb5ef8ee3
+  languageName: node
+  linkType: hard
+
+"@szmarczak/http-timer@npm:^1.1.2":
+  version: 1.1.2
+  resolution: "@szmarczak/http-timer@npm:1.1.2"
+  dependencies:
+    defer-to-connect: ^1.0.1
+  checksum: 4d9158061c5f397c57b4988cde33a163244e4f02df16364f103971957a32886beb104d6180902cbe8b38cb940e234d9f98a4e486200deca621923f62f50a06fe
+  languageName: node
+  linkType: hard
+
+"@szmarczak/http-timer@npm:^4.0.5":
+  version: 4.0.5
+  resolution: "@szmarczak/http-timer@npm:4.0.5"
+  dependencies:
+    defer-to-connect: ^2.0.0
+  checksum: 27b713859bc7d370f81631eea99879a9d496e1def5d33752fccd6c80dba32cde2094f378c8d07d56f236b08afb4b3621fbf6254faaca52b1a8146ece1eba8428
+  languageName: node
+  linkType: hard
+
+"@testing-library/dom@npm:^8.0.0":
+  version: 8.1.0
+  resolution: "@testing-library/dom@npm:8.1.0"
+  dependencies:
+    "@babel/code-frame": ^7.10.4
+    "@babel/runtime": ^7.12.5
+    "@types/aria-query": ^4.2.0
+    aria-query: ^4.2.2
+    chalk: ^4.1.0
+    dom-accessibility-api: ^0.5.6
+    lz-string: ^1.4.4
+    pretty-format: ^27.0.2
+  checksum: 8d3778b59c08dba4f1ba62823c0dad0990d2fcbd0396fcf0b8a2c4ce7420f8c5adbcae708f8f58a75ead749bd06d9ef4285187763abb18ac464ed47c2f8e332b
+  languageName: node
+  linkType: hard
+
+"@testing-library/jest-dom@npm:^5.16.3":
+  version: 5.16.3
+  resolution: "@testing-library/jest-dom@npm:5.16.3"
+  dependencies:
+    "@babel/runtime": ^7.9.2
+    "@types/testing-library__jest-dom": ^5.9.1
+    aria-query: ^5.0.0
+    chalk: ^3.0.0
+    css: ^3.0.0
+    css.escape: ^1.5.1
+    dom-accessibility-api: ^0.5.6
+    lodash: ^4.17.15
+    redent: ^3.0.0
+  checksum: 2d7b767bc1337eea9698ec6d57beea37b4993d848b30d7498b72eb975fbf58dea14039515fb4b393f95ea52f55ca5f91db5d7b2f746f8457e345021ed7482ecb
+  languageName: node
+  linkType: hard
+
+"@testing-library/react@npm:^12.1.4":
+  version: 12.1.4
+  resolution: "@testing-library/react@npm:12.1.4"
+  dependencies:
+    "@babel/runtime": ^7.12.5
+    "@testing-library/dom": ^8.0.0
+    "@types/react-dom": "*"
+  peerDependencies:
+    react: "*"
+    react-dom: "*"
+  checksum: 944c5f8d4abb22c0650c25c7ae499651828c37c0e741ff67a4635d4cd99b307d486dabec05b372aba638bd359d29cd2af97393b5055ea294a201d80b4bc384b8
+  languageName: node
+  linkType: hard
+
+"@tootallnate/once@npm:1":
+  version: 1.1.2
+  resolution: "@tootallnate/once@npm:1.1.2"
+  checksum: e1fb1bbbc12089a0cb9433dc290f97bddd062deadb6178ce9bcb93bb7c1aecde5e60184bc7065aec42fe1663622a213493c48bbd4972d931aae48315f18e1be9
+  languageName: node
+  linkType: hard
+
+"@tootallnate/once@npm:2":
+  version: 2.0.0
+  resolution: "@tootallnate/once@npm:2.0.0"
+  checksum: ad87447820dd3f24825d2d947ebc03072b20a42bfc96cbafec16bff8bbda6c1a81fcb0be56d5b21968560c5359a0af4038a68ba150c3e1694fe4c109a063bed8
+  languageName: node
+  linkType: hard
+
+"@types/archiver@npm:^5.1.1":
+  version: 5.3.0
+  resolution: "@types/archiver@npm:5.3.0"
+  dependencies:
+    "@types/glob": "*"
+  checksum: 00b8b1d4aeac8b3ac5c72b09d4c01334851a02b4bc27610cca20a8c2385af06f92d0e3d17d3e95a3c50e8c8d789a947e072ab50beef872a1b64d91895750d0cf
+  languageName: node
+  linkType: hard
+
+"@types/aria-query@npm:^4.2.0":
+  version: 4.2.0
+  resolution: "@types/aria-query@npm:4.2.0"
+  checksum: e4a3748c5511deb88e93c6faf2acb0730233ff75018e9aaed95e3d2833880e9d0eda7e08e4315a827872471779471585671d08bae00ac8b9813fc140194b52e5
+  languageName: node
+  linkType: hard
+
+"@types/babel__core@npm:^7.0.0, @types/babel__core@npm:^7.1.14":
+  version: 7.1.14
+  resolution: "@types/babel__core@npm:7.1.14"
+  dependencies:
+    "@babel/parser": ^7.1.0
+    "@babel/types": ^7.0.0
+    "@types/babel__generator": "*"
+    "@types/babel__template": "*"
+    "@types/babel__traverse": "*"
+  checksum: de4a1a4905e4fb66e9b5ea185704b209892fa104b6aec8705021a3ddf0ff017234c41a1b0bffb0acf2c361afd5352c2d216e3548c8a702ba2558ab63f0bf2200
+  languageName: node
+  linkType: hard
+
+"@types/babel__generator@npm:*":
+  version: 7.6.2
+  resolution: "@types/babel__generator@npm:7.6.2"
+  dependencies:
+    "@babel/types": ^7.0.0
+  checksum: b7764309e5f292c4a15fb587ba610e7fa290e1a2824efe16c0608abdb835de310147b4410f067bb25d817ba72bfc65c6aa0018933b02a774e744dbe51befeab6
+  languageName: node
+  linkType: hard
+
+"@types/babel__template@npm:*":
+  version: 7.4.0
+  resolution: "@types/babel__template@npm:7.4.0"
+  dependencies:
+    "@babel/parser": ^7.1.0
+    "@babel/types": ^7.0.0
+  checksum: 5262dc75e66fe0531b046d19f5c39d1b7e3419e340624229b52757cdedb295cb5658494b64eb234bd18cab7740c45c1d72ed2f16d1d189a765df2dc4efeed1af
+  languageName: node
+  linkType: hard
+
+"@types/babel__traverse@npm:*, @types/babel__traverse@npm:^7.0.4, @types/babel__traverse@npm:^7.0.6":
+  version: 7.11.0
+  resolution: "@types/babel__traverse@npm:7.11.0"
+  dependencies:
+    "@babel/types": ^7.3.0
+  checksum: 4e86b3d0ee9fe19bd7e1b523b71ed7cbef0f0fe37158970ef1e6c22da218fef05f79e79b07f2c10dc9bbe3ea9fb7e69dfce9761aff16fb10e891d14cac6d66d4
+  languageName: node
+  linkType: hard
+
+"@types/bn.js@npm:^4.11.5":
+  version: 4.11.6
+  resolution: "@types/bn.js@npm:4.11.6"
+  dependencies:
+    "@types/node": "*"
+  checksum: 7f66f2c7b7b9303b3205a57184261974b114495736b77853af5b18d857c0b33e82ce7146911e86e87a87837de8acae28986716fd381ac7c301fd6e8d8b6c811f
+  languageName: node
+  linkType: hard
+
+"@types/bn.js@npm:^5.1.0":
+  version: 5.1.0
+  resolution: "@types/bn.js@npm:5.1.0"
+  dependencies:
+    "@types/node": "*"
+  checksum: 1dc1cbbd7a1e8bf3614752e9602f558762a901031f499f3055828b5e3e2bba16e5b88c27b3c4152ad795248fbe4086c731a5c4b0f29bb243f1875beeeabee59c
+  languageName: node
+  linkType: hard
+
+"@types/body-parser@npm:*":
+  version: 1.19.2
+  resolution: "@types/body-parser@npm:1.19.2"
+  dependencies:
+    "@types/connect": "*"
+    "@types/node": "*"
+  checksum: e17840c7d747a549f00aebe72c89313d09fbc4b632b949b2470c5cb3b1cb73863901ae84d9335b567a79ec5efcfb8a28ff8e3f36bc8748a9686756b6d5681f40
+  languageName: node
+  linkType: hard
+
+"@types/bonjour@npm:^3.5.9":
+  version: 3.5.10
+  resolution: "@types/bonjour@npm:3.5.10"
+  dependencies:
+    "@types/node": "*"
+  checksum: bfcadb042a41b124c4e3de4925e3be6d35b78f93f27c4535d5ff86980dc0f8bc407ed99b9b54528952dc62834d5a779392f7a12c2947dd19330eb05a6bcae15a
+  languageName: node
+  linkType: hard
+
+"@types/cacheable-request@npm:^6.0.1":
+  version: 6.0.1
+  resolution: "@types/cacheable-request@npm:6.0.1"
+  dependencies:
+    "@types/http-cache-semantics": "*"
+    "@types/keyv": "*"
+    "@types/node": "*"
+    "@types/responselike": "*"
+  checksum: c25b1bfa2f4f2cc1ca8e1bebad99f2e2c502a3fc09b5270765bfd6b57b1b73b9fab7127acb618beb04c646534a21c62b052aa6942bdfc461ee49387ec9975cd5
+  languageName: node
+  linkType: hard
+
+"@types/chart.js@npm:^2.9.35":
+  version: 2.9.35
+  resolution: "@types/chart.js@npm:2.9.35"
+  dependencies:
+    moment: ^2.10.2
+  checksum: 5b1571ac7190734109b055c897d9a33bbd6e0303b1640d290a68980da93002f302bc652d9d6f71719f2d3c05b22eee10f74516a1de8458ce82e8fe4bac339f74
+  languageName: node
+  linkType: hard
+
+"@types/codeflask@npm:^1.4.3":
+  version: 1.4.3
+  resolution: "@types/codeflask@npm:1.4.3"
+  dependencies:
+    "@types/prismjs": "*"
+  checksum: fe2fbf6be1efb1ba77236b5614b5442a86091fad766686926744d88e554c513d51d911b52bad40c94252ffd4a458415adc1cfd2b81ba3fe4adf7869bc9be2e32
+  languageName: node
+  linkType: hard
+
+"@types/connect-history-api-fallback@npm:^1.3.5":
+  version: 1.3.5
+  resolution: "@types/connect-history-api-fallback@npm:1.3.5"
+  dependencies:
+    "@types/express-serve-static-core": "*"
+    "@types/node": "*"
+  checksum: 464d06e5ab00f113fa89978633d5eb00d225aeb4ebbadc07f6f3bc337aa7cbfcd74957b2a539d6d47f2e128e956a17819973ec7ae62ade2e16e367a6c38b8d3a
+  languageName: node
+  linkType: hard
+
+"@types/connect@npm:*":
+  version: 3.4.35
+  resolution: "@types/connect@npm:3.4.35"
+  dependencies:
+    "@types/node": "*"
+  checksum: fe81351470f2d3165e8b12ce33542eef89ea893e36dd62e8f7d72566dfb7e448376ae962f9f3ea888547ce8b55a40020ca0e01d637fab5d99567673084542641
+  languageName: node
+  linkType: hard
+
+"@types/debug@npm:^4.1.6":
+  version: 4.1.7
+  resolution: "@types/debug@npm:4.1.7"
+  dependencies:
+    "@types/ms": "*"
+  checksum: 0a7b89d8ed72526858f0b61c6fd81f477853e8c4415bb97f48b1b5545248d2ae389931680b94b393b993a7cfe893537a200647d93defe6d87159b96812305adc
+  languageName: node
+  linkType: hard
+
+"@types/docker-modem@npm:*":
+  version: 3.0.1
+  resolution: "@types/docker-modem@npm:3.0.1"
+  dependencies:
+    "@types/node": "*"
+    "@types/ssh2": "*"
+  checksum: 8798a09ecb10eb99d10fb80ba40ed1b477c0d2ed0728f86b6ee8316a0080982cceef4ea41e9b1497d49313707ef51dd1e8e3acec9a238bc2df2df1bd31f87edd
+  languageName: node
+  linkType: hard
+
+"@types/dockerode@npm:^3.2.7":
+  version: 3.3.3
+  resolution: "@types/dockerode@npm:3.3.3"
+  dependencies:
+    "@types/docker-modem": "*"
+    "@types/node": "*"
+  checksum: 19032875eb43fb8bf454cd764f8abb645cb4eceaf8db66dcd66681c315ca910d73421178998c78e67e2c0942467081d3e866a4bda5a8d4e08feccdaa1c99ea48
+  languageName: node
+  linkType: hard
+
+"@types/eslint-scope@npm:^3.7.3":
+  version: 3.7.3
+  resolution: "@types/eslint-scope@npm:3.7.3"
+  dependencies:
+    "@types/eslint": "*"
+    "@types/estree": "*"
+  checksum: 6772b05e1b92003d1f295e81bc847a61f4fbe8ddab77ffa49e84ed3f9552513bdde677eb53ef167753901282857dd1d604d9f82eddb34a233495932b2dc3dc17
+  languageName: node
+  linkType: hard
+
+"@types/eslint@npm:*":
+  version: 7.2.6
+  resolution: "@types/eslint@npm:7.2.6"
+  dependencies:
+    "@types/estree": "*"
+    "@types/json-schema": "*"
+  checksum: bb53f0fe7a34d1a5182fdb5ddcd1293b7d2923af20a4c0f8a35cc8bca5e52b40ac79b015abb2c9ab024d11715349bdfea484ef6dc244d3d9bf4dfa58e24944fb
+  languageName: node
+  linkType: hard
+
+"@types/estree@npm:*, @types/estree@npm:^0.0.51":
+  version: 0.0.51
+  resolution: "@types/estree@npm:0.0.51"
+  checksum: e56a3bcf759fd9185e992e7fdb3c6a5f81e8ff120e871641607581fb3728d16c811702a7d40fa5f869b7f7b4437ab6a87eb8d98ffafeee51e85bbe955932a189
+  languageName: node
+  linkType: hard
+
+"@types/estree@npm:0.0.39":
+  version: 0.0.39
+  resolution: "@types/estree@npm:0.0.39"
+  checksum: 412fb5b9868f2c418126451821833414189b75cc6bf84361156feed733e3d92ec220b9d74a89e52722e03d5e241b2932732711b7497374a404fad49087adc248
+  languageName: node
+  linkType: hard
+
+"@types/express-serve-static-core@npm:*, @types/express-serve-static-core@npm:^4.17.18":
+  version: 4.17.27
+  resolution: "@types/express-serve-static-core@npm:4.17.27"
+  dependencies:
+    "@types/node": "*"
+    "@types/qs": "*"
+    "@types/range-parser": "*"
+  checksum: fef52b941f903011e31a5886369301d7765580a034cd011a2d3a7dbe6a6edf4f77537710a52e3e2258c6fc59c611f228594c213f984cda767654ab6c5c199e9e
+  languageName: node
+  linkType: hard
+
+"@types/express@npm:*, @types/express@npm:^4.17.13":
+  version: 4.17.13
+  resolution: "@types/express@npm:4.17.13"
+  dependencies:
+    "@types/body-parser": "*"
+    "@types/express-serve-static-core": ^4.17.18
+    "@types/qs": "*"
+    "@types/serve-static": "*"
+  checksum: 12a2a0e6c4b993fc0854bec665906788aea0d8ee4392389d7a98a5de1eefdd33c9e1e40a91f3afd274011119c506f7b4126acb97fae62ae20b654974d44cba12
+  languageName: node
+  linkType: hard
+
+"@types/file-saver@npm:^2.0.5":
+  version: 2.0.5
+  resolution: "@types/file-saver@npm:2.0.5"
+  checksum: a31d6ee2abf99598647139f8f35b37b6e1bacf6c7ddf05c66651b9b0e6e53381aa0e8ed13f37faa6e496e0eb1da87c97e6c70fd589d5b83b0c95c57cb64ce92a
+  languageName: node
+  linkType: hard
+
+"@types/fs-extra@npm:^9.0.11":
+  version: 9.0.11
+  resolution: "@types/fs-extra@npm:9.0.11"
+  dependencies:
+    "@types/node": "*"
+  checksum: 54619e50583a45d63e1d061dc5ca09b53424dd8ec01edfc282b6d5733d4fc40bcf3e66a2704a13ed4d3bf36f261b6fa27c180fd2f86114f6bc30c3eb245f453e
+  languageName: node
+  linkType: hard
+
+"@types/glob@npm:*, @types/glob@npm:^7.1.1":
+  version: 7.1.3
+  resolution: "@types/glob@npm:7.1.3"
+  dependencies:
+    "@types/minimatch": "*"
+    "@types/node": "*"
+  checksum: e0eef12285f548f15d887145590594a04ccce7f7e645fb047cbac18cb093f25d507ffbcc725312294c224bb78cf980fce33e5807de8d6f8a868b4186253499d4
+  languageName: node
+  linkType: hard
+
+"@types/graceful-fs@npm:^4.1.2":
+  version: 4.1.4
+  resolution: "@types/graceful-fs@npm:4.1.4"
+  dependencies:
+    "@types/node": "*"
+  checksum: d13028412fdc7dd16bcb566da730a15e49bdc71d2681adc67b01a9df6c5ab775d1d547298adf0cbe36f227781c1400d0b0f1da3cb1c2d4b3f9bea02e8aac75ec
+  languageName: node
+  linkType: hard
+
+"@types/history@npm:*, @types/history@npm:^4.7.11":
+  version: 4.7.11
+  resolution: "@types/history@npm:4.7.11"
+  checksum: c92e2ba407dcab0581a9afdf98f533aa41b61a71133420a6d92b1ca9839f741ab1f9395b17454ba5b88cb86020b70b22d74a1950ccfbdfd9beeaa5459fdc3464
+  languageName: node
+  linkType: hard
+
+"@types/hoist-non-react-statics@npm:*, @types/hoist-non-react-statics@npm:^3.3.0":
+  version: 3.3.1
+  resolution: "@types/hoist-non-react-statics@npm:3.3.1"
+  dependencies:
+    "@types/react": "*"
+    hoist-non-react-statics: ^3.3.0
+  checksum: 2c0778570d9a01d05afabc781b32163f28409bb98f7245c38d5eaf082416fdb73034003f5825eb5e21313044e8d2d9e1f3fe2831e345d3d1b1d20bcd12270719
+  languageName: node
+  linkType: hard
+
+"@types/html-minifier-terser@npm:^6.0.0":
+  version: 6.1.0
+  resolution: "@types/html-minifier-terser@npm:6.1.0"
+  checksum: eb843f6a8d662d44fb18ec61041117734c6aae77aa38df1be3b4712e8e50ffaa35f1e1c92fdd0fde14a5675fecf457abcd0d15a01fae7506c91926176967f452
+  languageName: node
+  linkType: hard
+
+"@types/http-cache-semantics@npm:*":
+  version: 4.0.0
+  resolution: "@types/http-cache-semantics@npm:4.0.0"
+  checksum: c820774eb1d9d8d0c13077834e870cc1afd2500dc9d0ac1b67abc050c7c115aee4024f90fda65b50babc258de0464fc4459709e4fa12552f65094328e5a551c6
+  languageName: node
+  linkType: hard
+
+"@types/http-proxy@npm:^1.17.8":
+  version: 1.17.8
+  resolution: "@types/http-proxy@npm:1.17.8"
+  dependencies:
+    "@types/node": "*"
+  checksum: 3b3d683498267096c8aca03652702243b1e087bc20e77a9abe74fdbee1c89c8283ee41c47d245cda2f422483b01980d70a1030b92a8ff24b280e0aa868241a8b
+  languageName: node
+  linkType: hard
+
+"@types/istanbul-lib-coverage@npm:*, @types/istanbul-lib-coverage@npm:^2.0.0, @types/istanbul-lib-coverage@npm:^2.0.1":
+  version: 2.0.3
+  resolution: "@types/istanbul-lib-coverage@npm:2.0.3"
+  checksum: 0650cba4be8f464bee89b9de0b71a5ea3b5cc676ce24e1196b5d6a51542ce9e613ae4549bf19756bb33dbbbb32b47931040266100062bfb197c597d73e341eb0
+  languageName: node
+  linkType: hard
+
+"@types/istanbul-lib-report@npm:*":
+  version: 3.0.0
+  resolution: "@types/istanbul-lib-report@npm:3.0.0"
+  dependencies:
+    "@types/istanbul-lib-coverage": "*"
+  checksum: 656398b62dc288e1b5226f8880af98087233cdb90100655c989a09f3052b5775bf98ba58a16c5ae642fb66c61aba402e07a9f2bff1d1569e3b306026c59f3f36
+  languageName: node
+  linkType: hard
+
+"@types/istanbul-reports@npm:^3.0.0":
+  version: 3.0.0
+  resolution: "@types/istanbul-reports@npm:3.0.0"
+  dependencies:
+    "@types/istanbul-lib-report": "*"
+  checksum: 286a18cff19c4dac4321b9ea406a3560faf577fb2a4df5abf9d577fa81ba831c9baa7d40d03f1daf7fe613d468546b731c00b844b72fad9834c583311a35bb7b
+  languageName: node
+  linkType: hard
+
+"@types/jest@npm:*, @types/jest@npm:^27.4.1":
+  version: 27.4.1
+  resolution: "@types/jest@npm:27.4.1"
+  dependencies:
+    jest-matcher-utils: ^27.0.0
+    pretty-format: ^27.0.0
+  checksum: 5184f3eef4832d01ee8f59bed15eec45ccc8e29c724a5e6ce37bf74396b37bdf04f557000f45ba4fc38ae6075cf9cfcce3d7a75abc981023c61ceb27230a93e4
+  languageName: node
+  linkType: hard
+
+"@types/json-schema@npm:*, @types/json-schema@npm:^7.0.5, @types/json-schema@npm:^7.0.8, @types/json-schema@npm:^7.0.9":
+  version: 7.0.9
+  resolution: "@types/json-schema@npm:7.0.9"
+  checksum: 259d0e25f11a21ba5c708f7ea47196bd396e379fddb79c76f9f4f62c945879dc21657904914313ec2754e443c5018ea8372362f323f30e0792897fdb2098a705
+  languageName: node
+  linkType: hard
+
+"@types/json5@npm:^0.0.29":
+  version: 0.0.29
+  resolution: "@types/json5@npm:0.0.29"
+  checksum: e60b153664572116dfea673c5bda7778dbff150498f44f998e34b5886d8afc47f16799280e4b6e241c0472aef1bc36add771c569c68fc5125fc2ae519a3eb9ac
+  languageName: node
+  linkType: hard
+
+"@types/keyv@npm:*, @types/keyv@npm:^3.1.1":
+  version: 3.1.1
+  resolution: "@types/keyv@npm:3.1.1"
+  dependencies:
+    "@types/node": "*"
+  checksum: ee0d098693bf4af44be756eed02daf95f5d0fd4b5b02da952a5952e08842baddf6a986a9ea5f9e460729782f1a0a47848c892ad96ea188b66a363feb49a1536f
+  languageName: node
+  linkType: hard
+
+"@types/mdast@npm:^3.0.0, @types/mdast@npm:^3.0.3":
+  version: 3.0.3
+  resolution: "@types/mdast@npm:3.0.3"
+  dependencies:
+    "@types/unist": "*"
+  checksum: 5318624af815ac531e49de06da1d9458f1570f87274dced00353a240b2d2c4260f1fdd40c5e65784e4a4f49b0c5eb43f77faee60def723b501880ab3747b9916
+  languageName: node
+  linkType: hard
+
+"@types/mime@npm:^1":
+  version: 1.3.2
+  resolution: "@types/mime@npm:1.3.2"
+  checksum: 0493368244cced1a69cb791b485a260a422e6fcc857782e1178d1e6f219f1b161793e9f87f5fae1b219af0f50bee24fcbe733a18b4be8fdd07a38a8fb91146fd
+  languageName: node
+  linkType: hard
+
+"@types/minimatch@npm:*":
+  version: 3.0.3
+  resolution: "@types/minimatch@npm:3.0.3"
+  checksum: b80259d55b96ef24cb3bb961b6dc18b943f2bb8838b4d8e7bead204f3173e551a416ffa49f9aaf1dc431277fffe36214118628eacf4aea20119df8835229901b
+  languageName: node
+  linkType: hard
+
+"@types/minimist@npm:^1.2.0":
+  version: 1.2.1
+  resolution: "@types/minimist@npm:1.2.1"
+  checksum: 02631cdd79d346ed6838f5443767b5218a0d915fd0529d4a8840c4eba942d7f6906f0056686dd5a119d42528bed0bee5767ebef7667fdca6fcb95411bb56084e
+  languageName: node
+  linkType: hard
+
+"@types/ms@npm:*":
+  version: 0.7.31
+  resolution: "@types/ms@npm:0.7.31"
+  checksum: daadd354aedde024cce6f5aa873fefe7b71b22cd0e28632a69e8b677aeb48ae8caa1c60e5919bb781df040d116b01cb4316335167a3fc0ef6a63fa3614c0f6da
+  languageName: node
+  linkType: hard
+
+"@types/node-fetch@npm:^2.6.1":
+  version: 2.6.1
+  resolution: "@types/node-fetch@npm:2.6.1"
+  dependencies:
+    "@types/node": "*"
+    form-data: ^3.0.0
+  checksum: a3e5d7f413d1638d795dff03f7b142b1b0e0c109ed210479000ce7b3ea11f9a6d89d9a024c96578d9249570c5fe5287a5f0f4aaba98199222230196ff2d6b283
+  languageName: node
+  linkType: hard
+
+"@types/node@npm:*, @types/node@npm:>= 8, @types/node@npm:^14.6.2":
+  version: 14.14.37
+  resolution: "@types/node@npm:14.14.37"
+  checksum: 647e671ac3815f428a07ae9353ebab93c5335d4d0a461ca837a79eebf55c04f28bee80f0c43881cdd8696f595feb112bc8eb74f6124125e02f79a7677374c187
+  languageName: node
+  linkType: hard
+
+"@types/node@npm:10.12.18":
+  version: 10.12.18
+  resolution: "@types/node@npm:10.12.18"
+  checksum: 333cedae77961347d44329d4042ab0b04569366c4659923bbc3434252d01d63a660375b4e64681336e1caf805d2ab141f08ced39b9bd2d01e30608385f46d8c1
+  languageName: node
+  linkType: hard
+
+"@types/node@npm:11.11.6":
+  version: 11.11.6
+  resolution: "@types/node@npm:11.11.6"
+  checksum: 075f1c011cf568e49701419acbcb55c24906b3bb5a34d9412a3b88f228a7a78401a5ad4d3e1cd6855c99aaea5ef96e37fc86ca097e50f06da92cf822befc1fff
+  languageName: node
+  linkType: hard
+
+"@types/node@npm:^12.12.6":
+  version: 12.20.19
+  resolution: "@types/node@npm:12.20.19"
+  checksum: 00b623beed4d4b17ad8d60bd2e99a0acab1b95e1d2242d1e2c313abd05a639ecb902c33c5970436d2fd13d5d772747dec6ec73d7f40ad799fe09a35009566699
+  languageName: node
+  linkType: hard
+
+"@types/normalize-package-data@npm:^2.4.0":
+  version: 2.4.0
+  resolution: "@types/normalize-package-data@npm:2.4.0"
+  checksum: fd22ba86a186a033dbe173840fd2ad091032be6d48163198869d058821acca7373d9f39cfd0caf42f3b92bc737723814fe1b4e9e90eacaa913836610aa197d3b
+  languageName: node
+  linkType: hard
+
+"@types/owasp-password-strength-test@npm:^1.3.0":
+  version: 1.3.0
+  resolution: "@types/owasp-password-strength-test@npm:1.3.0"
+  checksum: 5d1dc4aba03154fba5297ac520ee281a1a05b94a59441f7f0e1d0978a122767d77da433c6a734ec47dd73334e4a5d7832a3dde01a26f7dc84b7056f50470bf2f
+  languageName: node
+  linkType: hard
+
+"@types/pbkdf2@npm:^3.0.0":
+  version: 3.1.0
+  resolution: "@types/pbkdf2@npm:3.1.0"
+  dependencies:
+    "@types/node": "*"
+  checksum: d15024b1957c21cf3b8887329d9bd8dfde754cf13a09d76ae25f1391cfc62bb8b8d7b760773c5dbaa748172fba8b3e0c3dbe962af6ccbd69b76df12a48dfba40
+  languageName: node
+  linkType: hard
+
+"@types/plist@npm:^3.0.1":
+  version: 3.0.2
+  resolution: "@types/plist@npm:3.0.2"
+  dependencies:
+    "@types/node": "*"
+    xmlbuilder: ">=11.0.1"
+  checksum: b8f9e6b21fb41a7e8ea5250717da972cde40b120109d5d2ed79e0a25406a9f6793abcba048d9b8ecc3df4b25735d9e4223b4d8a56dff893665c4a8c8573b77ad
+  languageName: node
+  linkType: hard
+
+"@types/prettier@npm:^2.1.5":
+  version: 2.2.3
+  resolution: "@types/prettier@npm:2.2.3"
+  checksum: 78f1d731f9db92467596d3e2116efc402343a72ee69fa6444368317a2caf7d21ffe7d748637656ebef97ab65087867375089e743f0b9a378557cf979e5a9ac29
+  languageName: node
+  linkType: hard
+
+"@types/prismjs@npm:*, @types/prismjs@npm:^1.9.1":
+  version: 1.16.2
+  resolution: "@types/prismjs@npm:1.16.2"
+  checksum: fe7cb3423ed249230340d7d065c99e22447572ea3415ce6ab17221d0a4dd01397ce4952280dd91577e77680d71a81037bda931f0be754e4308380955f199e658
+  languageName: node
+  linkType: hard
+
+"@types/prop-types@npm:*":
+  version: 15.7.3
+  resolution: "@types/prop-types@npm:15.7.3"
+  checksum: 41831d53c44c9eeafdaf9762bcb4553c13a3bbf990745ed9065a1cc3581b80633113b53fd49b202bf51731b258da5d0a9aa09c9035d5af7f78b0f6bc273f1325
+  languageName: node
+  linkType: hard
+
+"@types/punycode@npm:^2.1.0":
+  version: 2.1.0
+  resolution: "@types/punycode@npm:2.1.0"
+  checksum: 6835698becab395eb9ac186970fd7879aeb522ea72d516ef9d681d787989653fcc2439ecc07d48280e1ca11862773b806efeec3fdbd1207528829a83b65d4275
+  languageName: node
+  linkType: hard
+
+"@types/qs@npm:*":
+  version: 6.9.7
+  resolution: "@types/qs@npm:6.9.7"
+  checksum: 7fd6f9c25053e9b5bb6bc9f9f76c1d89e6c04f7707a7ba0e44cc01f17ef5284adb82f230f542c2d5557d69407c9a40f0f3515e8319afd14e1e16b5543ac6cdba
+  languageName: node
+  linkType: hard
+
+"@types/range-parser@npm:*":
+  version: 1.2.4
+  resolution: "@types/range-parser@npm:1.2.4"
+  checksum: b7c0dfd5080a989d6c8bb0b6750fc0933d9acabeb476da6fe71d8bdf1ab65e37c136169d84148034802f48378ab94e3c37bb4ef7656b2bec2cb9c0f8d4146a95
+  languageName: node
+  linkType: hard
+
+"@types/react-beautiful-dnd@npm:^13.1.2":
+  version: 13.1.2
+  resolution: "@types/react-beautiful-dnd@npm:13.1.2"
+  dependencies:
+    "@types/react": "*"
+  checksum: 28372854fcd4b7546aabe55ee6569da59fad10f117929cff8a9c6f928448e4dd08ed1139facca33232833b9de100edf017aab9a0ee34065f8fc0e2a7a1262b2c
+  languageName: node
+  linkType: hard
+
+"@types/react-copy-to-clipboard@npm:^5.0.2":
+  version: 5.0.2
+  resolution: "@types/react-copy-to-clipboard@npm:5.0.2"
+  dependencies:
+    "@types/react": "*"
+  checksum: f2ba19587a8d56bfb54b31c716a053a263ac072f01e4bc9d64dfbcce96ff3857de279a827cf71d3a417f6bc6faf1153e6fe6d26aa05a5b6c1cb8d9b576dc226b
+  languageName: node
+  linkType: hard
+
+"@types/react-dom@npm:*, @types/react-dom@npm:^17.0.14":
+  version: 17.0.14
+  resolution: "@types/react-dom@npm:17.0.14"
+  dependencies:
+    "@types/react": "*"
+  checksum: b54cd0ef573236b3d87fe7493e6d1c36d8b4ca37a3b46364272a5c91ac178e3296b68ea1aeb299ce68f12ad663c5720ee890d0539b14881c6754bdcbdb0befa0
+  languageName: node
+  linkType: hard
+
+"@types/react-redux@npm:^7.1.16":
+  version: 7.1.16
+  resolution: "@types/react-redux@npm:7.1.16"
+  dependencies:
+    "@types/hoist-non-react-statics": ^3.3.0
+    "@types/react": "*"
+    hoist-non-react-statics: ^3.3.0
+    redux: ^4.0.0
+  checksum: c07ee677be781df70aa6209d4152373ec470f6c99b50051e302add8b57d49e89322250959bf9e192738cccc5dbbe05c77514339a45b46ec973c8326227408f26
+  languageName: node
+  linkType: hard
+
+"@types/react-router-dom@npm:^5.3.3":
+  version: 5.3.3
+  resolution: "@types/react-router-dom@npm:5.3.3"
+  dependencies:
+    "@types/history": ^4.7.11
+    "@types/react": "*"
+    "@types/react-router": "*"
+  checksum: 28c4ea48909803c414bf5a08502acbb8ba414669b4b43bb51297c05fe5addc4df0b8fd00e0a9d1e3535ec4073ef38aaafac2c4a2b95b787167d113bc059beff3
+  languageName: node
+  linkType: hard
+
+"@types/react-router@npm:*":
+  version: 5.1.9
+  resolution: "@types/react-router@npm:5.1.9"
+  dependencies:
+    "@types/history": "*"
+    "@types/react": "*"
+  checksum: bf2db5bede3e23548d1257ab712ae19c5139e1b0a057089de855777cac7720dfcfe79f97a51099db87720b2e2d0952232f858dfc636073a044da2a7145ffdd6b
+  languageName: node
+  linkType: hard
+
+"@types/react@npm:*":
+  version: 17.0.0
+  resolution: "@types/react@npm:17.0.0"
+  dependencies:
+    "@types/prop-types": "*"
+    csstype: ^3.0.2
+  checksum: 0767d1c635613cb08de1ad6b8f73e3ee01ae0069733fa56382c72a8dbed741849e74f62a17756c7b76ccd2b57dd9891d5767c3134f35788720c6bb9c186a933b
+  languageName: node
+  linkType: hard
+
+"@types/resolve@npm:1.17.1":
+  version: 1.17.1
+  resolution: "@types/resolve@npm:1.17.1"
+  dependencies:
+    "@types/node": "*"
+  checksum: dc6a6df507656004e242dcb02c784479deca516d5f4b58a1707e708022b269ae147e1da0521f3e8ad0d63638869d87e0adc023f0bd5454aa6f72ac66c7525cf5
+  languageName: node
+  linkType: hard
+
+"@types/responselike@npm:*, @types/responselike@npm:^1.0.0":
+  version: 1.0.0
+  resolution: "@types/responselike@npm:1.0.0"
+  dependencies:
+    "@types/node": "*"
+  checksum: e99fc7cc6265407987b30deda54c1c24bb1478803faf6037557a774b2f034c5b097ffd65847daa87e82a61a250d919f35c3588654b0fdaa816906650f596d1b0
+  languageName: node
+  linkType: hard
+
+"@types/retry@npm:^0.12.0":
+  version: 0.12.0
+  resolution: "@types/retry@npm:0.12.0"
+  checksum: 61a072c7639f6e8126588bf1eb1ce8835f2cb9c2aba795c4491cf6310e013267b0c8488039857c261c387e9728c1b43205099223f160bb6a76b4374f741b5603
+  languageName: node
+  linkType: hard
+
+"@types/secp256k1@npm:^4.0.1":
+  version: 4.0.3
+  resolution: "@types/secp256k1@npm:4.0.3"
+  dependencies:
+    "@types/node": "*"
+  checksum: 1bd10b9afa724084b655dc81b7b315def3d2d0e272014ef16009fa76e17537411c07c0695fdea412bc7b36d2a02687f5fea33522d55b8ef29eda42992f812913
+  languageName: node
+  linkType: hard
+
+"@types/semver@npm:^7.3.6":
+  version: 7.3.6
+  resolution: "@types/semver@npm:7.3.6"
+  checksum: 933b115a59b1665b4418f48264cc8e497fa8c72425554e97dad07a4fbad09ba3744a726a58fb11c739a944ac868ba4aef926697ad1facedf7858be3410c10d6f
+  languageName: node
+  linkType: hard
+
+"@types/serve-index@npm:^1.9.1":
+  version: 1.9.1
+  resolution: "@types/serve-index@npm:1.9.1"
+  dependencies:
+    "@types/express": "*"
+  checksum: 026f3995fb500f6df7c3fe5009e53bad6d739e20b84089f58ebfafb2f404bbbb6162bbe33f72d2f2af32d5b8d3799c8e179793f90d9ed5871fb8591190bb6056
+  languageName: node
+  linkType: hard
+
+"@types/serve-static@npm:*":
+  version: 1.13.10
+  resolution: "@types/serve-static@npm:1.13.10"
+  dependencies:
+    "@types/mime": ^1
+    "@types/node": "*"
+  checksum: eaca858739483e3ded254cad7d7a679dc2c8b3f52c8bb0cd845b3b7eb1984bde0371fdcb0a5c83aa12e6daf61b6beb762545021f520f08a1fe882a3fa4ea5554
+  languageName: node
+  linkType: hard
+
+"@types/sockjs@npm:^0.3.33":
+  version: 0.3.33
+  resolution: "@types/sockjs@npm:0.3.33"
+  dependencies:
+    "@types/node": "*"
+  checksum: b9bbb2b5c5ead2fb884bb019f61a014e37410bddd295de28184e1b2e71ee6b04120c5ba7b9954617f0bdf962c13d06249ce65004490889c747c80d3f628ea842
+  languageName: node
+  linkType: hard
+
+"@types/ssh2-streams@npm:*":
+  version: 0.1.8
+  resolution: "@types/ssh2-streams@npm:0.1.8"
+  dependencies:
+    "@types/node": "*"
+  checksum: 1df7035f66165e1719cd61c365cbeb8c3221d645bcd57519a7f0f7b1cb9ff7b37e190480f9a2a8ed95cf126cac066c0f1ca6d365101f828966903e36efb59fcc
+  languageName: node
+  linkType: hard
+
+"@types/ssh2@npm:*, @types/ssh2@npm:^0.5.48":
+  version: 0.5.48
+  resolution: "@types/ssh2@npm:0.5.48"
+  dependencies:
+    "@types/node": "*"
+    "@types/ssh2-streams": "*"
+  checksum: b1b62f06511d1425f5082b64a5b69a3765d71331933f59317bd66b093a9c8e34e084368c3b8d3d7c18119e8e4857d8d6a057d8fa2ef37b24c5848f8844a518b4
+  languageName: node
+  linkType: hard
+
+"@types/stack-utils@npm:^2.0.0":
+  version: 2.0.0
+  resolution: "@types/stack-utils@npm:2.0.0"
+  checksum: b3fbae25b073116977ecb5c67d22f14567b51a7792403b0bf46e5de8f29bde3bd4ec1626afb22065495ca7f1c699c8bd66720050c94b8f8f9bcefbee79d161fd
+  languageName: node
+  linkType: hard
+
+"@types/store@npm:^2.0.2":
+  version: 2.0.2
+  resolution: "@types/store@npm:2.0.2"
+  checksum: aa548e117f9a1e2b1ff0263f3261ad7066b885ed32c05019832e4cbf91bf09f5f5891cccfb4e001a6cdc87d306b1d6376b20bdf8976dfced38b18db3c9c6fef3
+  languageName: node
+  linkType: hard
+
+"@types/styled-components@npm:*, @types/styled-components@npm:^5.1.24":
+  version: 5.1.24
+  resolution: "@types/styled-components@npm:5.1.24"
+  dependencies:
+    "@types/hoist-non-react-statics": "*"
+    "@types/react": "*"
+    csstype: ^3.0.2
+  checksum: 158c69085ad899622f558426c623d3052f7b521ede01c0fd342280c93ef2ac462a39c4c3b2374e7c7e2630fcc64dfcfd8f4446c8d4809cbac9a7b962a73357c0
+  languageName: node
+  linkType: hard
+
+"@types/styled-theming@npm:^2.2.5":
+  version: 2.2.5
+  resolution: "@types/styled-theming@npm:2.2.5"
+  dependencies:
+    "@types/styled-components": "*"
+    csstype: ^3.0.2
+  checksum: 4afc95c72a73fbcf99cdf5dcd025f46554b551bcd6129f5c041dbf253d779a9b6cf105f69dc828399fc1a91a34766799da6ff7585818ec405d3adc98d56be334
+  languageName: node
+  linkType: hard
+
+"@types/testing-library__jest-dom@npm:^5.9.1":
+  version: 5.9.5
+  resolution: "@types/testing-library__jest-dom@npm:5.9.5"
+  dependencies:
+    "@types/jest": "*"
+  checksum: f2ed81103acb52d54f992d826e3854551294618628997dc01f8955efd8c1d476d64715b79187371b09ec3e61e44cc10a7ffe1e427d1bda798552f83d18309056
+  languageName: node
+  linkType: hard
+
+"@types/tmp@npm:^0.2.3":
+  version: 0.2.3
+  resolution: "@types/tmp@npm:0.2.3"
+  checksum: 0ca45e99b3b3c6959d5c4f4555f73c8007db540cfb0fbbb9373217f9ab85e67eef75193f51a1d6564b0ee6c6f5ffa259d1034d7f7530a5b7ce80acb94cfc4daa
+  languageName: node
+  linkType: hard
+
+"@types/unist@npm:*, @types/unist@npm:^2.0.0, @types/unist@npm:^2.0.2, @types/unist@npm:^2.0.3":
+  version: 2.0.3
+  resolution: "@types/unist@npm:2.0.3"
+  checksum: 4427306b094561da28164e7e5250c4e6b382cb8eac40bf7e6bb0ff1e6e00c13e47aaf32e4a08fc8ba54602d07f79a39fb9ba304cc9dc886b1e3caf824649edbd
+  languageName: node
+  linkType: hard
+
+"@types/verror@npm:^1.10.3":
+  version: 1.10.4
+  resolution: "@types/verror@npm:1.10.4"
+  checksum: aa4e3e0705781fdea3a22e9aa46687c7c2613089a1febf608bab1633446708c7e48013e2e7011c3c3d361add7f14917e8b2d7ff77caf96d68a59928229ea827b
+  languageName: node
+  linkType: hard
+
+"@types/websocket@npm:^1.0.5":
+  version: 1.0.5
+  resolution: "@types/websocket@npm:1.0.5"
+  dependencies:
+    "@types/node": "*"
+  checksum: 41c7a620f877a0165ff36e713455d888b7f5df9c51e71b5d0f47994f98cf22ccd339b8c6cfdc6bb417e950d40f405693974d393bd916971490553cc5e9e67a9d
+  languageName: node
+  linkType: hard
+
+"@types/ws@npm:^8.5.1":
+  version: 8.5.3
+  resolution: "@types/ws@npm:8.5.3"
+  dependencies:
+    "@types/node": "*"
+  checksum: 0ce46f850d41383fcdc2149bcacc86d7232fa7a233f903d2246dff86e31701a02f8566f40af5f8b56d1834779255c04ec6ec78660fe0f9b2a69cf3d71937e4ae
+  languageName: node
+  linkType: hard
+
+"@types/yargs-parser@npm:*":
+  version: 20.2.0
+  resolution: "@types/yargs-parser@npm:20.2.0"
+  checksum: 54cf3f8d2c7db47e200e8c96e05b3b33ee554e78d29f3db55f04ca4b86dc6b8ff6b1349f5772268ce2d365cde0a0f4fdd92bf5933c2be2c1ea3f19f0b4599e1f
+  languageName: node
+  linkType: hard
+
+"@types/yargs@npm:^16.0.0":
+  version: 16.0.3
+  resolution: "@types/yargs@npm:16.0.3"
+  dependencies:
+    "@types/yargs-parser": "*"
+  checksum: 0968b06d2f6df764cb180a4089b293ae313a310b0c3524c296f93ac896ca1ed8d857b595db0388355f9f45772226d25d6a4f7df359302f245040a63ba057ae5a
+  languageName: node
+  linkType: hard
+
+"@types/yargs@npm:^17.0.1":
+  version: 17.0.2
+  resolution: "@types/yargs@npm:17.0.2"
+  dependencies:
+    "@types/yargs-parser": "*"
+  checksum: 6f4600d3b786c0eb083782f59c9ed61bb4c204269b0a07819bb9e9b1fc29deaf4fe28abde7dca5fbf3cf851beca9458cbcf63ebd128ebfe83d31002d84337b31
+  languageName: node
+  linkType: hard
+
+"@typescript-eslint/eslint-plugin@npm:5.19.0":
+  version: 5.19.0
+  resolution: "@typescript-eslint/eslint-plugin@npm:5.19.0"
+  dependencies:
+    "@typescript-eslint/scope-manager": 5.19.0
+    "@typescript-eslint/type-utils": 5.19.0
+    "@typescript-eslint/utils": 5.19.0
+    debug: ^4.3.2
+    functional-red-black-tree: ^1.0.1
+    ignore: ^5.1.8
+    regexpp: ^3.2.0
+    semver: ^7.3.5
+    tsutils: ^3.21.0
+  peerDependencies:
+    "@typescript-eslint/parser": ^5.0.0
+    eslint: ^6.0.0 || ^7.0.0 || ^8.0.0
+  peerDependenciesMeta:
+    typescript:
+      optional: true
+  checksum: 7fa73fc8f988c6876cb51e2581e4d965e2958ad522222d364d295797a5f3460440d3188a197c584a274bf1c55d7fe01ac84cc4f63c074eaecce6908cc30d1f51
+  languageName: node
+  linkType: hard
+
+"@typescript-eslint/parser@npm:5.19.0":
+  version: 5.19.0
+  resolution: "@typescript-eslint/parser@npm:5.19.0"
+  dependencies:
+    "@typescript-eslint/scope-manager": 5.19.0
+    "@typescript-eslint/types": 5.19.0
+    "@typescript-eslint/typescript-estree": 5.19.0
+    debug: ^4.3.2
+  peerDependencies:
+    eslint: ^6.0.0 || ^7.0.0 || ^8.0.0
+  peerDependenciesMeta:
+    typescript:
+      optional: true
+  checksum: eaff3c6b5d179b3b6758e9a64f15c27fa4957a41cc1b4ed99c82605d43394fec467626b11623d5f861ff3c3442c4d2735e1ba18a452f1316d20da74fcaa5e0ec
+  languageName: node
+  linkType: hard
+
+"@typescript-eslint/scope-manager@npm:5.19.0":
+  version: 5.19.0
+  resolution: "@typescript-eslint/scope-manager@npm:5.19.0"
+  dependencies:
+    "@typescript-eslint/types": 5.19.0
+    "@typescript-eslint/visitor-keys": 5.19.0
+  checksum: 3aced2be7e4a8b98b6b0fe4c6b5a78ac7e16af67cdcaa6f6ad5596ba8a131600aae6a0dad4e8dccb57afd9765800fb49f4e0d5ec9670bdb7df006abe0a14ab9c
+  languageName: node
+  linkType: hard
+
+"@typescript-eslint/type-utils@npm:5.19.0":
+  version: 5.19.0
+  resolution: "@typescript-eslint/type-utils@npm:5.19.0"
+  dependencies:
+    "@typescript-eslint/utils": 5.19.0
+    debug: ^4.3.2
+    tsutils: ^3.21.0
+  peerDependencies:
+    eslint: "*"
+  peerDependenciesMeta:
+    typescript:
+      optional: true
+  checksum: 9ac20813139de0dc917cd9bc169b3592202faef3ad714c9cff6d07422761b3e138e212827ad3de75aed674df3acc69ecc015923c9496d084aac6855f55ef0f30
+  languageName: node
+  linkType: hard
+
+"@typescript-eslint/types@npm:4.33.0":
+  version: 4.33.0
+  resolution: "@typescript-eslint/types@npm:4.33.0"
+  checksum: 3baae1ca35872421b4eb60f5d3f3f32dc1d513f2ae0a67dee28c7d159fd7a43ed0d11a8a5a0f0c2d38507ffa036fc7c511cb0f18a5e8ac524b3ebde77390ec53
+  languageName: node
+  linkType: hard
+
+"@typescript-eslint/types@npm:5.19.0":
+  version: 5.19.0
+  resolution: "@typescript-eslint/types@npm:5.19.0"
+  checksum: 383091f0063c789c07e8e8361f8a2b5c4619fc3672e9b1ac88c83ec3abd9ddeaea7c8adcc62aacfa8139ebff4c87c5871fb8f743a54208cc239c5a0c3bfbc280
+  languageName: node
+  linkType: hard
+
+"@typescript-eslint/typescript-estree@npm:5.19.0":
+  version: 5.19.0
+  resolution: "@typescript-eslint/typescript-estree@npm:5.19.0"
+  dependencies:
+    "@typescript-eslint/types": 5.19.0
+    "@typescript-eslint/visitor-keys": 5.19.0
+    debug: ^4.3.2
+    globby: ^11.0.4
+    is-glob: ^4.0.3
+    semver: ^7.3.5
+    tsutils: ^3.21.0
+  peerDependenciesMeta:
+    typescript:
+      optional: true
+  checksum: 57567065a27f6945005e59d0b092c9d4e9537a06c225a8ffdc22f5504e4e4e61a47895ae60301d2c497b67add82ca3bab8fab816df131ab0d2106370e13ba49b
+  languageName: node
+  linkType: hard
+
+"@typescript-eslint/typescript-estree@npm:^4.8.2":
+  version: 4.33.0
+  resolution: "@typescript-eslint/typescript-estree@npm:4.33.0"
+  dependencies:
+    "@typescript-eslint/types": 4.33.0
+    "@typescript-eslint/visitor-keys": 4.33.0
+    debug: ^4.3.1
+    globby: ^11.0.3
+    is-glob: ^4.0.1
+    semver: ^7.3.5
+    tsutils: ^3.21.0
+  peerDependenciesMeta:
+    typescript:
+      optional: true
+  checksum: 2566984390c76bd95f43240057215c068c69769e406e27aba41e9f21fd300074d6772e4983fa58fe61e80eb5550af1548d2e31e80550d92ba1d051bb00fe6f5c
+  languageName: node
+  linkType: hard
+
+"@typescript-eslint/utils@npm:5.19.0":
+  version: 5.19.0
+  resolution: "@typescript-eslint/utils@npm:5.19.0"
+  dependencies:
+    "@types/json-schema": ^7.0.9
+    "@typescript-eslint/scope-manager": 5.19.0
+    "@typescript-eslint/types": 5.19.0
+    "@typescript-eslint/typescript-estree": 5.19.0
+    eslint-scope: ^5.1.1
+    eslint-utils: ^3.0.0
+  peerDependencies:
+    eslint: ^6.0.0 || ^7.0.0 || ^8.0.0
+  checksum: 2778e38574a70695e2d499f2451e4eceb56c1cdb41b8a74b866519fd078417a96e1ddcd28ccb92edcbf4c243930cfdae684163588806160493d1099e8fd78eab
+  languageName: node
+  linkType: hard
+
+"@typescript-eslint/visitor-keys@npm:4.33.0":
+  version: 4.33.0
+  resolution: "@typescript-eslint/visitor-keys@npm:4.33.0"
+  dependencies:
+    "@typescript-eslint/types": 4.33.0
+    eslint-visitor-keys: ^2.0.0
+  checksum: 59953e474ad4610c1aa23b2b1a964445e2c6201521da6367752f37939d854352bbfced5c04ea539274065e012b1337ba3ffa49c2647a240a4e87155378ba9873
+  languageName: node
+  linkType: hard
+
+"@typescript-eslint/visitor-keys@npm:5.19.0":
+  version: 5.19.0
+  resolution: "@typescript-eslint/visitor-keys@npm:5.19.0"
+  dependencies:
+    "@typescript-eslint/types": 5.19.0
+    eslint-visitor-keys: ^3.0.0
+  checksum: ea878349c716980e8c83fde0b60399c5e59931f74eed14d3db0f630a3ed4d092a069a5cdd3bd652bde5e19d733babd18a70ddbb5e4f6ab5b2110ad5cce857bf7
+  languageName: node
+  linkType: hard
+
+"@unique-nft/types@npm:0.3.1":
+  version: 0.3.1
+  resolution: "@unique-nft/types@npm:0.3.1"
+  peerDependencies:
+    "@polkadot/api": ^7.8.1
+    "@polkadot/types": ^7.8.1
+  checksum: e64ae37af318483bfe3fc082f5b5f0570edf9e7c0c7a04dceb2b185da4f1ba834f284c04169607673f5fadc2584f8f3210a0ffdaa9282b4a99ffb6bb7ba4f507
+  languageName: node
+  linkType: hard
+
+"@vue/component-compiler-utils@npm:^3.3.0":
+  version: 3.3.0
+  resolution: "@vue/component-compiler-utils@npm:3.3.0"
+  dependencies:
+    consolidate: ^0.15.1
+    hash-sum: ^1.0.2
+    lru-cache: ^4.1.2
+    merge-source-map: ^1.1.0
+    postcss: ^7.0.36
+    postcss-selector-parser: ^6.0.2
+    prettier: ^1.18.2 || ^2.0.0
+    source-map: ~0.6.1
+    vue-template-es2015-compiler: ^1.9.0
+  dependenciesMeta:
+    prettier:
+      optional: true
+  checksum: 70fee2289a4f54ec1be4d46136ee9b9893e31bf5622cead5be06c3dfb83449c3dbe6f8c03404625ccf302d0628ff9e2ea1debfae609d1bfe1d065d8f57c5dba8
+  languageName: node
+  linkType: hard
+
+"@webassemblyjs/ast@npm:1.11.1":
+  version: 1.11.1
+  resolution: "@webassemblyjs/ast@npm:1.11.1"
+  dependencies:
+    "@webassemblyjs/helper-numbers": 1.11.1
+    "@webassemblyjs/helper-wasm-bytecode": 1.11.1
+  checksum: 1eee1534adebeece635362f8e834ae03e389281972611408d64be7895fc49f48f98fddbbb5339bf8a72cb101bcb066e8bca3ca1bf1ef47dadf89def0395a8d87
+  languageName: node
+  linkType: hard
+
+"@webassemblyjs/floating-point-hex-parser@npm:1.11.1":
+  version: 1.11.1
+  resolution: "@webassemblyjs/floating-point-hex-parser@npm:1.11.1"
+  checksum: b8efc6fa08e4787b7f8e682182d84dfdf8da9d9c77cae5d293818bc4a55c1f419a87fa265ab85252b3e6c1fd323d799efea68d825d341a7c365c64bc14750e97
+  languageName: node
+  linkType: hard
+
+"@webassemblyjs/helper-api-error@npm:1.11.1":
+  version: 1.11.1
+  resolution: "@webassemblyjs/helper-api-error@npm:1.11.1"
+  checksum: 0792813f0ed4a0e5ee0750e8b5d0c631f08e927f4bdfdd9fe9105dc410c786850b8c61bff7f9f515fdfb149903bec3c976a1310573a4c6866a94d49bc7271959
+  languageName: node
+  linkType: hard
+
+"@webassemblyjs/helper-buffer@npm:1.11.1":
+  version: 1.11.1
+  resolution: "@webassemblyjs/helper-buffer@npm:1.11.1"
+  checksum: a337ee44b45590c3a30db5a8b7b68a717526cf967ada9f10253995294dbd70a58b2da2165222e0b9830cd4fc6e4c833bf441a721128d1fe2e9a7ab26b36003ce
+  languageName: node
+  linkType: hard
+
+"@webassemblyjs/helper-numbers@npm:1.11.1":
+  version: 1.11.1
+  resolution: "@webassemblyjs/helper-numbers@npm:1.11.1"
+  dependencies:
+    "@webassemblyjs/floating-point-hex-parser": 1.11.1
+    "@webassemblyjs/helper-api-error": 1.11.1
+    "@xtuc/long": 4.2.2
+  checksum: 44d2905dac2f14d1e9b5765cf1063a0fa3d57295c6d8930f6c59a36462afecc6e763e8a110b97b342a0f13376166c5d41aa928e6ced92e2f06b071fd0db59d3a
+  languageName: node
+  linkType: hard
+
+"@webassemblyjs/helper-wasm-bytecode@npm:1.11.1":
+  version: 1.11.1
+  resolution: "@webassemblyjs/helper-wasm-bytecode@npm:1.11.1"
+  checksum: eac400113127832c88f5826bcc3ad1c0db9b3dbd4c51a723cfdb16af6bfcbceb608170fdaac0ab7731a7e18b291be7af68a47fcdb41cfe0260c10857e7413d97
+  languageName: node
+  linkType: hard
+
+"@webassemblyjs/helper-wasm-section@npm:1.11.1":
+  version: 1.11.1
+  resolution: "@webassemblyjs/helper-wasm-section@npm:1.11.1"
+  dependencies:
+    "@webassemblyjs/ast": 1.11.1
+    "@webassemblyjs/helper-buffer": 1.11.1
+    "@webassemblyjs/helper-wasm-bytecode": 1.11.1
+    "@webassemblyjs/wasm-gen": 1.11.1
+  checksum: 617696cfe8ecaf0532763162aaf748eb69096fb27950219bb87686c6b2e66e11cd0614d95d319d0ab1904bc14ebe4e29068b12c3e7c5e020281379741fe4bedf
+  languageName: node
+  linkType: hard
+
+"@webassemblyjs/ieee754@npm:1.11.1":
+  version: 1.11.1
+  resolution: "@webassemblyjs/ieee754@npm:1.11.1"
+  dependencies:
+    "@xtuc/ieee754": ^1.2.0
+  checksum: 23a0ac02a50f244471631802798a816524df17e56b1ef929f0c73e3cde70eaf105a24130105c60aff9d64a24ce3b640dad443d6f86e5967f922943a7115022ec
+  languageName: node
+  linkType: hard
+
+"@webassemblyjs/leb128@npm:1.11.1":
+  version: 1.11.1
+  resolution: "@webassemblyjs/leb128@npm:1.11.1"
+  dependencies:
+    "@xtuc/long": 4.2.2
+  checksum: 33ccc4ade2f24de07bf31690844d0b1ad224304ee2062b0e464a610b0209c79e0b3009ac190efe0e6bd568b0d1578d7c3047fc1f9d0197c92fc061f56224ff4a
+  languageName: node
+  linkType: hard
+
+"@webassemblyjs/utf8@npm:1.11.1":
+  version: 1.11.1
+  resolution: "@webassemblyjs/utf8@npm:1.11.1"
+  checksum: 972c5cfc769d7af79313a6bfb96517253a270a4bf0c33ba486aa43cac43917184fb35e51dfc9e6b5601548cd5931479a42e42c89a13bb591ffabebf30c8a6a0b
+  languageName: node
+  linkType: hard
+
+"@webassemblyjs/wasm-edit@npm:1.11.1":
+  version: 1.11.1
+  resolution: "@webassemblyjs/wasm-edit@npm:1.11.1"
+  dependencies:
+    "@webassemblyjs/ast": 1.11.1
+    "@webassemblyjs/helper-buffer": 1.11.1
+    "@webassemblyjs/helper-wasm-bytecode": 1.11.1
+    "@webassemblyjs/helper-wasm-section": 1.11.1
+    "@webassemblyjs/wasm-gen": 1.11.1
+    "@webassemblyjs/wasm-opt": 1.11.1
+    "@webassemblyjs/wasm-parser": 1.11.1
+    "@webassemblyjs/wast-printer": 1.11.1
+  checksum: 6d7d9efaec1227e7ef7585a5d7ff0be5f329f7c1c6b6c0e906b18ed2e9a28792a5635e450aca2d136770d0207225f204eff70a4b8fd879d3ac79e1dcc26dbeb9
+  languageName: node
+  linkType: hard
+
+"@webassemblyjs/wasm-gen@npm:1.11.1":
+  version: 1.11.1
+  resolution: "@webassemblyjs/wasm-gen@npm:1.11.1"
+  dependencies:
+    "@webassemblyjs/ast": 1.11.1
+    "@webassemblyjs/helper-wasm-bytecode": 1.11.1
+    "@webassemblyjs/ieee754": 1.11.1
+    "@webassemblyjs/leb128": 1.11.1
+    "@webassemblyjs/utf8": 1.11.1
+  checksum: 1f6921e640293bf99fb16b21e09acb59b340a79f986c8f979853a0ae9f0b58557534b81e02ea2b4ef11e929d946708533fd0693c7f3712924128fdafd6465f5b
+  languageName: node
+  linkType: hard
+
+"@webassemblyjs/wasm-opt@npm:1.11.1":
+  version: 1.11.1
+  resolution: "@webassemblyjs/wasm-opt@npm:1.11.1"
+  dependencies:
+    "@webassemblyjs/ast": 1.11.1
+    "@webassemblyjs/helper-buffer": 1.11.1
+    "@webassemblyjs/wasm-gen": 1.11.1
+    "@webassemblyjs/wasm-parser": 1.11.1
+  checksum: 21586883a20009e2b20feb67bdc451bbc6942252e038aae4c3a08e6f67b6bae0f5f88f20bfc7bd0452db5000bacaf5ab42b98cf9aa034a6c70e9fc616142e1db
+  languageName: node
+  linkType: hard
+
+"@webassemblyjs/wasm-parser@npm:1.11.1":
+  version: 1.11.1
+  resolution: "@webassemblyjs/wasm-parser@npm:1.11.1"
+  dependencies:
+    "@webassemblyjs/ast": 1.11.1
+    "@webassemblyjs/helper-api-error": 1.11.1
+    "@webassemblyjs/helper-wasm-bytecode": 1.11.1
+    "@webassemblyjs/ieee754": 1.11.1
+    "@webassemblyjs/leb128": 1.11.1
+    "@webassemblyjs/utf8": 1.11.1
+  checksum: 1521644065c360e7b27fad9f4bb2df1802d134dd62937fa1f601a1975cde56bc31a57b6e26408b9ee0228626ff3ba1131ae6f74ffb7d718415b6528c5a6dbfc2
+  languageName: node
+  linkType: hard
+
+"@webassemblyjs/wast-printer@npm:1.11.1":
+  version: 1.11.1
+  resolution: "@webassemblyjs/wast-printer@npm:1.11.1"
+  dependencies:
+    "@webassemblyjs/ast": 1.11.1
+    "@xtuc/long": 4.2.2
+  checksum: f15ae4c2441b979a3b4fce78f3d83472fb22350c6dc3fd34bfe7c3da108e0b2360718734d961bba20e7716cb8578e964b870da55b035e209e50ec9db0378a3f7
+  languageName: node
+  linkType: hard
+
+"@webpack-cli/configtest@npm:^1.1.1":
+  version: 1.1.1
+  resolution: "@webpack-cli/configtest@npm:1.1.1"
+  peerDependencies:
+    webpack: 4.x.x || 5.x.x
+    webpack-cli: 4.x.x
+  checksum: c4e7fca21315e487655fbdc7d079092c3f88b274a720d245ca2e13dce7553009fb3f9d82218c33f5c9b208832d72bb4114a9cca97d53b66212eff5da1d3ad44b
+  languageName: node
+  linkType: hard
+
+"@webpack-cli/info@npm:^1.4.1":
+  version: 1.4.1
+  resolution: "@webpack-cli/info@npm:1.4.1"
+  dependencies:
+    envinfo: ^7.7.3
+  peerDependencies:
+    webpack-cli: 4.x.x
+  checksum: 7a7cac2ba4f2528caa329311599da1685b1bc099bfc5b7210932b7c86024c1277fd7857b08557902b187ea01247a8e8f72f7f5719af72b0c8d97f22087aa0c14
+  languageName: node
+  linkType: hard
+
+"@webpack-cli/serve@npm:^1.6.1":
+  version: 1.6.1
+  resolution: "@webpack-cli/serve@npm:1.6.1"
+  peerDependencies:
+    webpack-cli: 4.x.x
+  peerDependenciesMeta:
+    webpack-dev-server:
+      optional: true
+  checksum: 8b273f906aeffa60c7d5700ae25f98d4b66b7e922cad38acb9575d55ff83872cd20b9894aacfa81c4d54e5b51b16253ae0e70c5e9e0608dc8768276e15c74536
+  languageName: node
+  linkType: hard
+
+"@xtuc/ieee754@npm:^1.2.0":
+  version: 1.2.0
+  resolution: "@xtuc/ieee754@npm:1.2.0"
+  checksum: ac56d4ca6e17790f1b1677f978c0c6808b1900a5b138885d3da21732f62e30e8f0d9120fcf8f6edfff5100ca902b46f8dd7c1e3f903728634523981e80e2885a
+  languageName: node
+  linkType: hard
+
+"@xtuc/long@npm:4.2.2":
+  version: 4.2.2
+  resolution: "@xtuc/long@npm:4.2.2"
+  checksum: 8ed0d477ce3bc9c6fe2bf6a6a2cc316bb9c4127c5a7827bae947fa8ec34c7092395c5a283cc300c05b5fa01cbbfa1f938f410a7bf75db7c7846fea41949989ec
+  languageName: node
+  linkType: hard
+
+"@zeitgeistpm/type-defs@npm:0.4.5":
+  version: 0.4.5
+  resolution: "@zeitgeistpm/type-defs@npm:0.4.5"
+  checksum: f74806db265ba52430fa8023818b30e88a05cca79026e85e4fde0392e70b0736126735cad8a37e0a7e51712093599bd782b7a0fbb6c77f20c1e749fa67707bdb
+  languageName: node
+  linkType: hard
+
+"@zeroio/type-definitions@npm:0.0.14":
+  version: 0.0.14
+  resolution: "@zeroio/type-definitions@npm:0.0.14"
+  checksum: b2729f034fbd865385309ffd9c33ec0f75eb0affdef66e970da8dc98b339c0351700c9ba6dd8d488acbd87fa2321c5061571cc2664da0ab4f0e5fe23ea805a49
+  languageName: node
+  linkType: hard
+
+"@zondax/ledger-substrate@npm:^0.24.0":
+  version: 0.24.0
+  resolution: "@zondax/ledger-substrate@npm:0.24.0"
+  dependencies:
+    "@babel/runtime": ^7.14.8
+    "@ledgerhq/hw-transport": ^6.2.0
+    bip32: 2.0.6
+    bip32-ed25519: "git+https://github.com/Zondax/bip32-ed25519.git"
+    bip39: 3.0.4
+    blakejs: ^1.1.1
+    bs58: ^4.0.1
+    hash.js: ^1.1.7
+  checksum: 9eba1cb55a14204dab7ae444d43c6bf19f8c7aad6b1af24437cfa33d13b70ba58c6d4d5e425daaa4bff2268603ca988f4d21975949b748572889ccb5baf60ecc
+  languageName: node
+  linkType: hard
+
+"abab@npm:^2.0.3, abab@npm:^2.0.5":
+  version: 2.0.5
+  resolution: "abab@npm:2.0.5"
+  checksum: 0ec951b46d5418c2c2f923021ec193eaebdb4e802ffd5506286781b454be722a13a8430f98085cd3e204918401d9130ec6cc8f5ae19be315b3a0e857d83196e1
+  languageName: node
+  linkType: hard
+
+"abbrev@npm:1":
+  version: 1.1.1
+  resolution: "abbrev@npm:1.1.1"
+  checksum: a4a97ec07d7ea112c517036882b2ac22f3109b7b19077dc656316d07d308438aac28e4d9746dc4d84bf6b1e75b4a7b0a5f3cb30592419f128ca9a8cee3bcfa17
+  languageName: node
+  linkType: hard
+
+"accepts@npm:~1.3.4, accepts@npm:~1.3.5, accepts@npm:~1.3.8":
+  version: 1.3.8
+  resolution: "accepts@npm:1.3.8"
+  dependencies:
+    mime-types: ~2.1.34
+    negotiator: 0.6.3
+  checksum: 50c43d32e7b50285ebe84b613ee4a3aa426715a7d131b65b786e2ead0fd76b6b60091b9916d3478a75f11f162628a2139991b6c03ab3f1d9ab7c86075dc8eab4
+  languageName: node
+  linkType: hard
+
+"accessibility-developer-tools@npm:^2.11.0":
+  version: 2.12.0
+  resolution: "accessibility-developer-tools@npm:2.12.0"
+  checksum: 7ef95186ed7f7770413186aa60279c248659aa35a6654ee5801086105c478226e99e295dcb3e38c54d797abcf677c503cb034030736b90d89c352161be381658
+  languageName: node
+  linkType: hard
+
+"acorn-class-fields@npm:^0.3.7":
+  version: 0.3.7
+  resolution: "acorn-class-fields@npm:0.3.7"
+  dependencies:
+    acorn-private-class-elements: ^0.2.7
+  peerDependencies:
+    acorn: ^6 || ^7 || ^8
+  checksum: 6c83ec57062f2ce7b1fa8a3fa6b10b7ed282e3fd5ba2c42d7fed8114566452726c499c9a4254f426f4fddaca11e7ff9a35491320eac2c754e69069ca60ca34e3
+  languageName: node
+  linkType: hard
+
+"acorn-dynamic-import@npm:^4.0.0":
+  version: 4.0.0
+  resolution: "acorn-dynamic-import@npm:4.0.0"
+  peerDependencies:
+    acorn: ^6.0.0
+  checksum: ef7298e632e9d107b2be06b47d607de94d7213ca2417fced02af76b0c71e13074d98924e270c7bfec421c1049ed9001a97ed4d0f28020d9cfa1aae16ca20664a
+  languageName: node
+  linkType: hard
+
+"acorn-globals@npm:^6.0.0":
+  version: 6.0.0
+  resolution: "acorn-globals@npm:6.0.0"
+  dependencies:
+    acorn: ^7.1.1
+    acorn-walk: ^7.1.1
+  checksum: 72d95e5b5e585f9acd019b993ab8bbba68bb3cbc9d9b5c1ebb3c2f1fe5981f11deababfb4949f48e6262f9c57878837f5958c0cca396f81023814680ca878042
+  languageName: node
+  linkType: hard
+
+"acorn-import-assertions@npm:^1.7.6":
+  version: 1.7.6
+  resolution: "acorn-import-assertions@npm:1.7.6"
+  peerDependencies:
+    acorn: ^8
+  checksum: bc8a1585abd70ebfb3a6b3112f5e3974fee3ac598230f916a3857f0ad4fa7e72197be532c49d1feeb83678ef264f34bee9bf1934dfb2f276d88468134a51fa9f
+  languageName: node
+  linkType: hard
+
+"acorn-jsx@npm:^5.3.1":
+  version: 5.3.1
+  resolution: "acorn-jsx@npm:5.3.1"
+  peerDependencies:
+    acorn: ^6.0.0 || ^7.0.0 || ^8.0.0
+  checksum: daf441a9d7b59c0ea1f7fe2934c48aca604a007455129ce35fa62ec3d4c8363e2efc2d4da636d18ce0049979260ba07d8b42bc002ae95182916d2c90901529c2
+  languageName: node
+  linkType: hard
+
+"acorn-private-class-elements@npm:^0.2.7":
+  version: 0.2.7
+  resolution: "acorn-private-class-elements@npm:0.2.7"
+  peerDependencies:
+    acorn: ^6.1.0 || ^7 || ^8
+  checksum: e871304ce182373510dc49e630288b1c4114d911c3a0db37cd75fc11247996f61be21437198e7447417a945485e409c106e74273201e8084730fa5435f3b9c65
+  languageName: node
+  linkType: hard
+
+"acorn-private-methods@npm:^0.3.3":
+  version: 0.3.3
+  resolution: "acorn-private-methods@npm:0.3.3"
+  dependencies:
+    acorn-private-class-elements: ^0.2.7
+  peerDependencies:
+    acorn: ^6 || ^7 || ^8
+  checksum: 629d51209839e94ea093f6b47c90b74e1017aefe7fb6764d23cc39bce1bd4a65b480d0ac8844c0bad6750c33cdaffcde1b89be92989017a4eb36fca57a4369a9
+  languageName: node
+  linkType: hard
+
+"acorn-stage3@npm:^4.0.0":
+  version: 4.0.0
+  resolution: "acorn-stage3@npm:4.0.0"
+  dependencies:
+    acorn-class-fields: ^0.3.7
+    acorn-private-methods: ^0.3.3
+    acorn-static-class-features: ^0.2.4
+  peerDependencies:
+    acorn: ^7.4 || ^8
+  checksum: cd3d392e5a13f2a0a0d88173b7fde3aa3f957fe992648e98f0fd2af1cb555b9ee636fb80d865439286ed86369c5ce9214c19fc9f996a78f1376cda6fbccf374f
+  languageName: node
+  linkType: hard
+
+"acorn-static-class-features@npm:^0.2.4":
+  version: 0.2.4
+  resolution: "acorn-static-class-features@npm:0.2.4"
+  dependencies:
+    acorn-private-class-elements: ^0.2.7
+  peerDependencies:
+    acorn: ^6.1.0 || ^7 || ^8
+  checksum: 59c041fe4f2b16e2dd5d4c7b5ecd120a57664880d8f995490cfcd792de005593c69dbfc497051c57ad5e21cb57b6e10eaa468c09f1b7f66ea4bfb700aeb7a428
+  languageName: node
+  linkType: hard
+
+"acorn-walk@npm:^7.1.1":
+  version: 7.2.0
+  resolution: "acorn-walk@npm:7.2.0"
+  checksum: 9252158a79b9d92f1bc0dd6acc0fcfb87a67339e84bcc301bb33d6078936d27e35d606b4d35626d2962cd43c256d6f27717e70cbe15c04fff999ab0b2260b21f
+  languageName: node
+  linkType: hard
+
+"acorn-walk@npm:^8.0.0":
+  version: 8.0.0
+  resolution: "acorn-walk@npm:8.0.0"
+  checksum: 74ed47f704cf18e4b74279d3cb11131da894f96c2ee901e28efaf4767517c70f23bf59d671438b6875b0e875544a3fb3441638fc7a7827c1860231f00149e803
+  languageName: node
+  linkType: hard
+
+"acorn@npm:^5.2.1":
+  version: 5.7.4
+  resolution: "acorn@npm:5.7.4"
+  bin:
+    acorn: bin/acorn
+  checksum: f51392a4d25c7705fadb890f784c59cde4ac1c5452ccd569fa59bd2191b7951b4a6398348ab7ea08a54f0bc0a56c13776710f4e1bae9de441e4d33e2015ad1e0
+  languageName: node
+  linkType: hard
+
+"acorn@npm:^7.1.1":
+  version: 7.4.1
+  resolution: "acorn@npm:7.4.1"
+  bin:
+    acorn: bin/acorn
+  checksum: 1860f23c2107c910c6177b7b7be71be350db9e1080d814493fae143ae37605189504152d1ba8743ba3178d0b37269ce1ffc42b101547fdc1827078f82671e407
+  languageName: node
+  linkType: hard
+
+"acorn@npm:^8.0.4, acorn@npm:^8.2.4, acorn@npm:^8.4.1, acorn@npm:^8.5.0, acorn@npm:^8.7.0":
+  version: 8.7.0
+  resolution: "acorn@npm:8.7.0"
+  bin:
+    acorn: bin/acorn
+  checksum: e0f79409d68923fbf1aa6d4166f3eedc47955320d25c89a20cc822e6ba7c48c5963d5bc657bc242d68f7a4ac9faf96eef033e8f73656da6c640d4219935fdfd0
+  languageName: node
+  linkType: hard
+
+"agent-base@npm:6":
+  version: 6.0.2
+  resolution: "agent-base@npm:6.0.2"
+  dependencies:
+    debug: 4
+  checksum: f52b6872cc96fd5f622071b71ef200e01c7c4c454ee68bc9accca90c98cfb39f2810e3e9aa330435835eedc8c23f4f8a15267f67c6e245d2b33757575bdac49d
+  languageName: node
+  linkType: hard
+
+"ajv-formats@npm:^2.1.1":
+  version: 2.1.1
+  resolution: "ajv-formats@npm:2.1.1"
+  dependencies:
+    ajv: ^8.0.0
+  peerDependencies:
+    ajv: ^8.0.0
+  peerDependenciesMeta:
+    ajv:
+      optional: true
+  checksum: 4a287d937f1ebaad4683249a4c40c0fa3beed30d9ddc0adba04859026a622da0d317851316ea64b3680dc60f5c3c708105ddd5d5db8fe595d9d0207fd19f90b7
+  languageName: node
+  linkType: hard
+
+"ajv-keywords@npm:^3.4.1, ajv-keywords@npm:^3.5.2":
+  version: 3.5.2
+  resolution: "ajv-keywords@npm:3.5.2"
+  peerDependencies:
+    ajv: ^6.9.1
+  checksum: 7dc5e5931677a680589050f79dcbe1fefbb8fea38a955af03724229139175b433c63c68f7ae5f86cf8f65d55eb7c25f75a046723e2e58296707617ca690feae9
+  languageName: node
+  linkType: hard
+
+"ajv-keywords@npm:^5.0.0":
+  version: 5.1.0
+  resolution: "ajv-keywords@npm:5.1.0"
+  dependencies:
+    fast-deep-equal: ^3.1.3
+  peerDependencies:
+    ajv: ^8.8.2
+  checksum: c35193940b853119242c6757787f09ecf89a2c19bcd36d03ed1a615e710d19d450cb448bfda407b939aba54b002368c8bff30529cc50a0536a8e10bcce300421
+  languageName: node
+  linkType: hard
+
+"ajv@npm:^6.10.0, ajv@npm:^6.12.0, ajv@npm:^6.12.3, ajv@npm:^6.12.4, ajv@npm:^6.12.5":
+  version: 6.12.6
+  resolution: "ajv@npm:6.12.6"
+  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
+  checksum: 874972efe5c4202ab0a68379481fbd3d1b5d0a7bd6d3cc21d40d3536ebff3352a2a1fabb632d4fd2cc7fe4cbdcd5ed6782084c9bbf7f32a1536d18f9da5007d4
+  languageName: node
+  linkType: hard
+
+"ajv@npm:^8.0.0, ajv@npm:^8.8.0":
+  version: 8.8.2
+  resolution: "ajv@npm:8.8.2"
+  dependencies:
+    fast-deep-equal: ^3.1.1
+    json-schema-traverse: ^1.0.0
+    require-from-string: ^2.0.2
+    uri-js: ^4.2.2
+  checksum: 90849ef03c4f4f7051d15f655120137b89e3205537d683beebd39d95f40c0ca00ea8476cd999602d2f433863e7e4bf1b81d1869d1e07f4dcf56d71b6430a605c
+  languageName: node
+  linkType: hard
+
+"amdefine@npm:>=0.0.4":
+  version: 1.0.1
+  resolution: "amdefine@npm:1.0.1"
+  checksum: 9d4e15b94641643a9385b2841b4cb2bcf4e8e2f741ea4bd475c93ad7bab261ad4ed827a32e9c549b38b98759c4526c173ae4e6dde8caeb75ee5cebedc9863762
+  languageName: node
+  linkType: hard
+
+"ansi-align@npm:^3.0.0":
+  version: 3.0.0
+  resolution: "ansi-align@npm:3.0.0"
+  dependencies:
+    string-width: ^3.0.0
+  checksum: 6bc5f3712d28a899063845a15c5da75b2f350dda8ffac6098581619b80a85d249cdd23c3dc7b596cd31e44477382bcdedff47e31201eaa10bb9708c9fce45330
+  languageName: node
+  linkType: hard
+
+"ansi-escapes@npm:^4.2.1":
+  version: 4.3.1
+  resolution: "ansi-escapes@npm:4.3.1"
+  dependencies:
+    type-fest: ^0.11.0
+  checksum: c4962c1791cc4e29efb9976680bad7b23f322ca039e588406680fffc8b6bc6e223721193eb481dab076309d9a7371bbfc4e835efe5fe267e3395ffa047da239d
+  languageName: node
+  linkType: hard
+
+"ansi-html-community@npm:^0.0.8":
+  version: 0.0.8
+  resolution: "ansi-html-community@npm:0.0.8"
+  bin:
+    ansi-html: bin/ansi-html
+  checksum: 04c568e8348a636963f915e48eaa3e01218322e1169acafdd79c384f22e5558c003f79bbc480c1563865497482817c7eed025f0653ebc17642fededa5cb42089
+  languageName: node
+  linkType: hard
+
+"ansi-regex@npm:^2.0.0":
+  version: 2.1.1
+  resolution: "ansi-regex@npm:2.1.1"
+  checksum: 190abd03e4ff86794f338a31795d262c1dfe8c91f7e01d04f13f646f1dcb16c5800818f886047876f1272f065570ab86b24b99089f8b68a0e11ff19aed4ca8f1
+  languageName: node
+  linkType: hard
+
+"ansi-regex@npm:^3.0.0":
+  version: 3.0.0
+  resolution: "ansi-regex@npm:3.0.0"
+  checksum: 2ad11c416f81c39f5c65eafc88cf1d71aa91d76a2f766e75e457c2a3c43e8a003aadbf2966b61c497aa6a6940a36412486c975b3270cdfc3f413b69826189ec3
+  languageName: node
+  linkType: hard
+
+"ansi-regex@npm:^4.1.0":
+  version: 4.1.0
+  resolution: "ansi-regex@npm:4.1.0"
+  checksum: 97aa4659538d53e5e441f5ef2949a3cffcb838e57aeaad42c4194e9d7ddb37246a6526c4ca85d3940a9d1e19b11cc2e114530b54c9d700c8baf163c31779baf8
+  languageName: node
+  linkType: hard
+
+"ansi-regex@npm:^5.0.1":
+  version: 5.0.1
+  resolution: "ansi-regex@npm:5.0.1"
+  checksum: 2aa4bb54caf2d622f1afdad09441695af2a83aa3fe8b8afa581d205e57ed4261c183c4d3877cee25794443fde5876417d859c108078ab788d6af7e4fe52eb66b
+  languageName: node
+  linkType: hard
+
+"ansi-styles@npm:^3.2.1":
+  version: 3.2.1
+  resolution: "ansi-styles@npm:3.2.1"
+  dependencies:
+    color-convert: ^1.9.0
+  checksum: d85ade01c10e5dd77b6c89f34ed7531da5830d2cb5882c645f330079975b716438cd7ebb81d0d6e6b4f9c577f19ae41ab55f07f19786b02f9dfd9e0377395665
+  languageName: node
+  linkType: hard
+
+"ansi-styles@npm:^4.0.0, ansi-styles@npm:^4.1.0":
+  version: 4.3.0
+  resolution: "ansi-styles@npm:4.3.0"
+  dependencies:
+    color-convert: ^2.0.1
+  checksum: 513b44c3b2105dd14cc42a19271e80f386466c4be574bccf60b627432f9198571ebf4ab1e4c3ba17347658f4ee1711c163d574248c0c1cdc2d5917a0ad582ec4
+  languageName: node
+  linkType: hard
+
+"ansi-styles@npm:^5.0.0":
+  version: 5.2.0
+  resolution: "ansi-styles@npm:5.2.0"
+  checksum: d7f4e97ce0623aea6bc0d90dcd28881ee04cba06c570b97fd3391bd7a268eedfd9d5e2dd4fdcbdd82b8105df5faf6f24aaedc08eaf3da898e702db5948f63469
+  languageName: node
+  linkType: hard
+
+"anymatch@npm:^3.0.3, anymatch@npm:~3.1.2":
+  version: 3.1.2
+  resolution: "anymatch@npm:3.1.2"
+  dependencies:
+    normalize-path: ^3.0.0
+    picomatch: ^2.0.4
+  checksum: 985163db2292fac9e5a1e072bf99f1b5baccf196e4de25a0b0b81865ebddeb3b3eb4480734ef0a2ac8c002845396b91aa89121f5b84f93981a4658164a9ec6e9
+  languageName: node
+  linkType: hard
+
+"app-builder-bin@npm:3.7.1":
+  version: 3.7.1
+  resolution: "app-builder-bin@npm:3.7.1"
+  checksum: aae6152d7e7e6eabe35e5430f8b4733cc713bd3f80fdb861c5b675ebc8951aa26b520821d27c5ee31f05e850cdfd9b923b58064307f1ae583fb4e7434d380209
+  languageName: node
+  linkType: hard
+
+"app-builder-lib@npm:22.14.13":
+  version: 22.14.13
+  resolution: "app-builder-lib@npm:22.14.13"
+  dependencies:
+    7zip-bin: ~5.1.1
+    "@develar/schema-utils": ~2.6.5
+    "@electron/universal": 1.0.5
+    "@malept/flatpak-bundler": ^0.4.0
+    async-exit-hook: ^2.0.1
+    bluebird-lst: ^1.0.9
+    builder-util: 22.14.13
+    builder-util-runtime: 8.9.2
+    chromium-pickle-js: ^0.2.0
+    debug: ^4.3.2
+    ejs: ^3.1.6
+    electron-osx-sign: ^0.5.0
+    electron-publish: 22.14.13
+    form-data: ^4.0.0
+    fs-extra: ^10.0.0
+    hosted-git-info: ^4.0.2
+    is-ci: ^3.0.0
+    isbinaryfile: ^4.0.8
+    js-yaml: ^4.1.0
+    lazy-val: ^1.0.5
+    minimatch: ^3.0.4
+    read-config-file: 6.2.0
+    sanitize-filename: ^1.6.3
+    semver: ^7.3.5
+    temp-file: ^3.4.0
+  checksum: a32a5ef25b3f70ddcd9b6ba0691221b9e66b0b0a4e1c28e9dc90854d7dcd0183445af55132587458963202afe40b1860b705558b990622d9e5953931b0de2572
+  languageName: node
+  linkType: hard
+
+"app-module-path@npm:^2.2.0":
+  version: 2.2.0
+  resolution: "app-module-path@npm:2.2.0"
+  checksum: b52aa49cfa809efbad41b514222e8ef3f8ee9e147f5eccf79280b45eddcc61f7aeb302b0049474e3f42072dd53a28348c57dd96f36cd461d2e31cc8ab1ef56b5
+  languageName: node
+  linkType: hard
+
+"append-buffer@npm:^1.0.2":
+  version: 1.0.2
+  resolution: "append-buffer@npm:1.0.2"
+  dependencies:
+    buffer-equal: ^1.0.0
+  checksum: e809940b5137c0bfa6f6d4aefcae45b5a15a28938749c0ef50eb39e4d877978fcabf08ceba10d6f214fc15f021681f308fe24865d6557126e2923c58e9c3a134
+  languageName: node
+  linkType: hard
+
+"application-config-path@npm:^0.1.0":
+  version: 0.1.0
+  resolution: "application-config-path@npm:0.1.0"
+  checksum: 573f45766f0af050ddecfcd3ecda0e8a0a33f67e1143c1d45e3cc01b4081feb4031afe58e0e04509ca73e8695b787278c375e2c95c35714af3d8b2d00dadb6da
+  languageName: node
+  linkType: hard
+
+"application-config@npm:^2.0.0":
+  version: 2.0.0
+  resolution: "application-config@npm:2.0.0"
+  dependencies:
+    application-config-path: ^0.1.0
+    load-json-file: ^6.2.0
+    write-json-file: ^4.2.0
+  checksum: 3a9f311f7514c0127b3d6afc2b309277c246736df33e7255271fefef3e64715d9fda981f625997a6e5f7260c0ed3f18e68632649fdc95484a0097acbc844ab07
+  languageName: node
+  linkType: hard
+
+"aproba@npm:^1.0.3":
+  version: 1.2.0
+  resolution: "aproba@npm:1.2.0"
+  checksum: 0fca141966559d195072ed047658b6e6c4fe92428c385dd38e288eacfc55807e7b4989322f030faff32c0f46bb0bc10f1e0ac32ec22d25315a1e5bbc0ebb76dc
+  languageName: node
+  linkType: hard
+
+"aproba@npm:^1.0.3 || ^2.0.0":
+  version: 2.0.0
+  resolution: "aproba@npm:2.0.0"
+  checksum: 5615cadcfb45289eea63f8afd064ab656006361020e1735112e346593856f87435e02d8dcc7ff0d11928bc7d425f27bc7c2a84f6c0b35ab0ff659c814c138a24
+  languageName: node
+  linkType: hard
+
+"archiver-utils@npm:^2.1.0":
+  version: 2.1.0
+  resolution: "archiver-utils@npm:2.1.0"
+  dependencies:
+    glob: ^7.1.4
+    graceful-fs: ^4.2.0
+    lazystream: ^1.0.0
+    lodash.defaults: ^4.2.0
+    lodash.difference: ^4.5.0
+    lodash.flatten: ^4.4.0
+    lodash.isplainobject: ^4.0.6
+    lodash.union: ^4.6.0
+    normalize-path: ^3.0.0
+    readable-stream: ^2.0.0
+  checksum: 5665f40bde87ee82cb638177bdccca8cc6e55edea1b94338f7e6b56a1d9367b0d9a39e42b47866eaf84b8c67669a7d250900a226207ecc30fa163b52aae859a5
+  languageName: node
+  linkType: hard
+
+"archiver@npm:^5.3.0":
+  version: 5.3.0
+  resolution: "archiver@npm:5.3.0"
+  dependencies:
+    archiver-utils: ^2.1.0
+    async: ^3.2.0
+    buffer-crc32: ^0.2.1
+    readable-stream: ^3.6.0
+    readdir-glob: ^1.0.0
+    tar-stream: ^2.2.0
+    zip-stream: ^4.1.0
+  checksum: 878b275390dbab4a32dc2010fb68447d2750297226002002b27d790058d0e04c7d1566f20cf6f9c5abcca33e946cd36ed11b659c59408dabd852db005c84dfed
+  languageName: node
+  linkType: hard
+
+"are-we-there-yet@npm:~1.1.2":
+  version: 1.1.5
+  resolution: "are-we-there-yet@npm:1.1.5"
+  dependencies:
+    delegates: ^1.0.0
+    readable-stream: ^2.0.6
+  checksum: 9a746b1dbce4122f44002b0c39fbba5b2c6f52c00e88b6ccba6fc68652323f8a1355a20e8ab94846995626d8de3bf67669a3b4a037dff0885db14607168f2b15
+  languageName: node
+  linkType: hard
+
+"argparse@npm:^1.0.7":
+  version: 1.0.10
+  resolution: "argparse@npm:1.0.10"
+  dependencies:
+    sprintf-js: ~1.0.2
+  checksum: 7ca6e45583a28de7258e39e13d81e925cfa25d7d4aacbf806a382d3c02fcb13403a07fb8aeef949f10a7cfe4a62da0e2e807b348a5980554cc28ee573ef95945
+  languageName: node
+  linkType: hard
+
+"argparse@npm:^2.0.1":
+  version: 2.0.1
+  resolution: "argparse@npm:2.0.1"
+  checksum: 83644b56493e89a254bae05702abf3a1101b4fa4d0ca31df1c9985275a5a5bd47b3c27b7fa0b71098d41114d8ca000e6ed90cad764b306f8a503665e4d517ced
+  languageName: node
+  linkType: hard
+
+"aria-query@npm:^4.2.2":
+  version: 4.2.2
+  resolution: "aria-query@npm:4.2.2"
+  dependencies:
+    "@babel/runtime": ^7.10.2
+    "@babel/runtime-corejs3": ^7.10.2
+  checksum: 38401a9a400f26f3dcc24b84997461a16b32869a9893d323602bed8da40a8bcc0243b8d2880e942249a1496cea7a7de769e93d21c0baa439f01e1ee936fed665
+  languageName: node
+  linkType: hard
+
+"aria-query@npm:^5.0.0":
+  version: 5.0.0
+  resolution: "aria-query@npm:5.0.0"
+  checksum: c41f98866c5a304561ee8cae55856711cddad6f3f85d8cb43cc5f79667078d9b8979ce32d244c1ff364e6463a4d0b6865804a33ccc717fed701b281cf7dc6296
+  languageName: node
+  linkType: hard
+
+"array-flatten@npm:1.1.1":
+  version: 1.1.1
+  resolution: "array-flatten@npm:1.1.1"
+  checksum: a9925bf3512d9dce202112965de90c222cd59a4fbfce68a0951d25d965cf44642931f40aac72309c41f12df19afa010ecadceb07cfff9ccc1621e99d89ab5f3b
+  languageName: node
+  linkType: hard
+
+"array-flatten@npm:^2.1.2":
+  version: 2.1.2
+  resolution: "array-flatten@npm:2.1.2"
+  checksum: e8988aac1fbfcdaae343d08c9a06a6fddd2c6141721eeeea45c3cf523bf4431d29a46602929455ed548c7a3e0769928cdc630405427297e7081bd118fdec9262
+  languageName: node
+  linkType: hard
+
+"array-includes@npm:^3.1.2, array-includes@npm:^3.1.4":
+  version: 3.1.4
+  resolution: "array-includes@npm:3.1.4"
+  dependencies:
+    call-bind: ^1.0.2
+    define-properties: ^1.1.3
+    es-abstract: ^1.19.1
+    get-intrinsic: ^1.1.1
+    is-string: ^1.0.7
+  checksum: 69967c38c52698f84b50a7aed5554aadc89c6ac6399b6d92ad061a5952f8423b4bba054c51d40963f791dfa294d7247cdd7988b6b1f2c5861477031c6386e1c0
+  languageName: node
+  linkType: hard
+
+"array-union@npm:^1.0.1":
+  version: 1.0.2
+  resolution: "array-union@npm:1.0.2"
+  dependencies:
+    array-uniq: ^1.0.1
+  checksum: 82cec6421b6e6766556c484835a6d476a873f1b71cace5ab2b4f1b15b1e3162dc4da0d16f7a2b04d4aec18146c6638fe8f661340b31ba8e469fd811a1b45dc8d
+  languageName: node
+  linkType: hard
+
+"array-union@npm:^2.1.0":
+  version: 2.1.0
+  resolution: "array-union@npm:2.1.0"
+  checksum: 5bee12395cba82da674931df6d0fea23c4aa4660cb3b338ced9f828782a65caa232573e6bf3968f23e0c5eb301764a382cef2f128b170a9dc59de0e36c39f98d
+  languageName: node
+  linkType: hard
+
+"array-union@npm:^3.0.1":
+  version: 3.0.1
+  resolution: "array-union@npm:3.0.1"
+  checksum: 47b29f88258e8f37ffb93ddaa327d4308edd950b52943c172b73558afdd3fa74cfd68816ba5aa4b894242cf281fa3c6d0362ae057e4a18bddbaedbe46ebe7112
+  languageName: node
+  linkType: hard
+
+"array-uniq@npm:^1.0.1":
+  version: 1.0.3
+  resolution: "array-uniq@npm:1.0.3"
+  checksum: 1625f06b093d8bf279b81adfec6e72951c0857d65b5e3f65f053fffe9f9dd61c2fc52cff57e38a4700817e7e3f01a4faa433d505ea9e33cdae4514c334e0bf9e
+  languageName: node
+  linkType: hard
+
+"array.prototype.flat@npm:^1.2.5":
+  version: 1.2.5
+  resolution: "array.prototype.flat@npm:1.2.5"
+  dependencies:
+    call-bind: ^1.0.2
+    define-properties: ^1.1.3
+    es-abstract: ^1.19.0
+  checksum: 9cc6414b111abfc7717e39546e4887b1e5ec74df8f1618d83425deaa95752bf05d475d1d241253b4d88d4a01f8e1bc84845ad5b7cc2047f8db2f614512acd40e
+  languageName: node
+  linkType: hard
+
+"array.prototype.flatmap@npm:^1.2.5":
+  version: 1.2.5
+  resolution: "array.prototype.flatmap@npm:1.2.5"
+  dependencies:
+    call-bind: ^1.0.0
+    define-properties: ^1.1.3
+    es-abstract: ^1.19.0
+  checksum: a14119a28e5687a13cf3fd6756a8e7810563a9e81cd4227e27a25c31d362df47ac72553f06a271fd728741e199047933ad43d561d64a28da0b4e1a26f74e939e
+  languageName: node
+  linkType: hard
+
+"arrify@npm:^1.0.1":
+  version: 1.0.1
+  resolution: "arrify@npm:1.0.1"
+  checksum: 745075dd4a4624ff0225c331dacb99be501a515d39bcb7c84d24660314a6ec28e68131b137e6f7e16318170842ce97538cd298fc4cd6b2cc798e0b957f2747e7
+  languageName: node
+  linkType: hard
+
+"asar@npm:^3.0.3":
+  version: 3.0.3
+  resolution: "asar@npm:3.0.3"
+  dependencies:
+    "@types/glob": ^7.1.1
+    chromium-pickle-js: ^0.2.0
+    commander: ^5.0.0
+    glob: ^7.1.6
+    minimatch: ^3.0.4
+  dependenciesMeta:
+    "@types/glob":
+      optional: true
+  bin:
+    asar: bin/asar.js
+  checksum: ad3312811072bc5b9bcedca5fb99ddbaa60f32366b11c1f272d7ecbd0139a52af1944a5eb7e46fcb69e1f84829c43f04c285e07533b77f78fa2aa1d04ebd254b
+  languageName: node
+  linkType: hard
+
+"asn1.js@npm:^5.2.0":
+  version: 5.4.1
+  resolution: "asn1.js@npm:5.4.1"
+  dependencies:
+    bn.js: ^4.0.0
+    inherits: ^2.0.1
+    minimalistic-assert: ^1.0.0
+    safer-buffer: ^2.1.0
+  checksum: 3786a101ac6f304bd4e9a7df79549a7561950a13d4bcaec0c7790d44c80d147c1a94ba3d4e663673406064642a40b23fcd6c82a9952468e386c1a1376d747f9a
+  languageName: node
+  linkType: hard
+
+"asn1@npm:^0.2.4, asn1@npm:~0.2.0, asn1@npm:~0.2.3":
+  version: 0.2.4
+  resolution: "asn1@npm:0.2.4"
+  dependencies:
+    safer-buffer: ~2.1.0
+  checksum: aa5d6f77b1e0597df53824c68cfe82d1d89ce41cb3520148611f025fbb3101b2d25dd6a40ad34e4fac10f6b19ed5e8628cd4b7d212261e80e83f02b39ee5663c
+  languageName: node
+  linkType: hard
+
+"assert-plus@npm:1.0.0, assert-plus@npm:^1.0.0":
+  version: 1.0.0
+  resolution: "assert-plus@npm:1.0.0"
+  checksum: 19b4340cb8f0e6a981c07225eacac0e9d52c2644c080198765d63398f0075f83bbc0c8e95474d54224e297555ad0d631c1dcd058adb1ddc2437b41a6b424ac64
+  languageName: node
+  linkType: hard
+
+"assert@npm:^2.0.0":
+  version: 2.0.0
+  resolution: "assert@npm:2.0.0"
+  dependencies:
+    es6-object-assign: ^1.1.0
+    is-nan: ^1.2.1
+    object-is: ^1.0.1
+    util: ^0.12.0
+  checksum: bb91f181a86d10588ee16c5e09c280f9811373974c29974cbe401987ea34e966699d7989a812b0e19377b511ea0bc627f5905647ce569311824848ede382cae8
+  languageName: node
+  linkType: hard
+
+"ast-module-types@npm:^2.3.2, ast-module-types@npm:^2.4.0, ast-module-types@npm:^2.7.0, ast-module-types@npm:^2.7.1":
+  version: 2.7.1
+  resolution: "ast-module-types@npm:2.7.1"
+  checksum: 6238647bcf34eeff2a1390cb60388da8a5064dd598acf48d68f8d972d9a332dc8d0382a5a7c511b16470e314b313bcbb95de4b0b669515393e043282c0489538
+  languageName: node
+  linkType: hard
+
+"ast-types@npm:0.9.6":
+  version: 0.9.6
+  resolution: "ast-types@npm:0.9.6"
+  checksum: 6b75831c192963453eaeaedaa9db41823cd964bfb9c40ad8da6e978393dd66611f8cc4f778ecabce6a4a9b44a04c83b2571d98fcb561b87596d7b2ea796447db
+  languageName: node
+  linkType: hard
+
+"async-exit-hook@npm:^2.0.1":
+  version: 2.0.1
+  resolution: "async-exit-hook@npm:2.0.1"
+  checksum: b72cbdd19ea90fa33a3a57b0dbff83e4bf2f4e4acd70b2b3847a588f9f16a45d38590ee13f285375dd919c224f60fa58dc3d315a87678d3aa24ff686d1c0200a
+  languageName: node
+  linkType: hard
+
+"async-limiter@npm:~1.0.0":
+  version: 1.0.1
+  resolution: "async-limiter@npm:1.0.1"
+  checksum: 2b849695b465d93ad44c116220dee29a5aeb63adac16c1088983c339b0de57d76e82533e8e364a93a9f997f28bbfc6a92948cefc120652bd07f3b59f8d75cf2b
+  languageName: node
+  linkType: hard
+
+"async@npm:0.9.x":
+  version: 0.9.2
+  resolution: "async@npm:0.9.2"
+  checksum: 87dbf129292b8a6c32a4e07f43f462498162aa86f404a7e11f978dbfdf75cfb163c26833684bb07b9d436083cd604cbbf730a57bfcbe436c6ae1ed266cdc56bb
+  languageName: node
+  linkType: hard
+
+"async@npm:^2.6.1, async@npm:^2.6.2":
+  version: 2.6.3
+  resolution: "async@npm:2.6.3"
+  dependencies:
+    lodash: ^4.17.14
+  checksum: 5e5561ff8fca807e88738533d620488ac03a5c43fce6c937451f7e35f943d33ad06c24af3f681a48cca3d2b0002b3118faff0a128dc89438a9bf0226f712c499
+  languageName: node
+  linkType: hard
+
+"async@npm:^3.2.0":
+  version: 3.2.0
+  resolution: "async@npm:3.2.0"
+  checksum: 6739fae769e6c9f76b272558f118ef041d45c979c573a8fe93f8cfbc32eb9c92da032e9effe6bbcc9b1131292cde6c4a9e61a442894aa06a262addd8dd3adda1
+  languageName: node
+  linkType: hard
+
+"asynckit@npm:^0.4.0":
+  version: 0.4.0
+  resolution: "asynckit@npm:0.4.0"
+  checksum: 7b78c451df768adba04e2d02e63e2d0bf3b07adcd6e42b4cf665cb7ce899bedd344c69a1dcbce355b5f972d597b25aaa1c1742b52cffd9caccb22f348114f6be
+  languageName: node
+  linkType: hard
+
+"at-least-node@npm:^1.0.0":
+  version: 1.0.0
+  resolution: "at-least-node@npm:1.0.0"
+  checksum: 463e2f8e43384f1afb54bc68485c436d7622acec08b6fad269b421cb1d29cebb5af751426793d0961ed243146fe4dc983402f6d5a51b720b277818dbf6f2e49e
+  languageName: node
+  linkType: hard
+
+"atob@npm:^2.1.2":
+  version: 2.1.2
+  resolution: "atob@npm:2.1.2"
+  bin:
+    atob: bin/atob.js
+  checksum: dfeeeb70090c5ebea7be4b9f787f866686c645d9f39a0d184c817252d0cf08455ed25267d79c03254d3be1f03ac399992a792edcd5ffb9c91e097ab5ef42833a
+  languageName: node
+  linkType: hard
+
+"attr-accept@npm:^2.2.2":
+  version: 2.2.2
+  resolution: "attr-accept@npm:2.2.2"
+  checksum: 496f7249354ab53e522510c1dc8f67a1887382187adde4dc205507d2f014836a247073b05e9d9ea51e2e9c7f71b0d2aa21730af80efa9af2d68303e5f0565c4d
+  languageName: node
+  linkType: hard
+
+"available-typed-arrays@npm:^1.0.4":
+  version: 1.0.4
+  resolution: "available-typed-arrays@npm:1.0.4"
+  checksum: 28135bb29f2f8b4784a017ba0f652da9a1ffc88529ffc74f40e8fdc8f292375dbb6a8b0eb993ef9f1d0a5cb1bd8592c40eac715df79296630e9f83b7b3f4ae7f
+  languageName: node
+  linkType: hard
+
+"aws-sign2@npm:~0.7.0":
+  version: 0.7.0
+  resolution: "aws-sign2@npm:0.7.0"
+  checksum: b148b0bb0778098ad8cf7e5fc619768bcb51236707ca1d3e5b49e41b171166d8be9fdc2ea2ae43d7decf02989d0aaa3a9c4caa6f320af95d684de9b548a71525
+  languageName: node
+  linkType: hard
+
+"aws4@npm:^1.8.0":
+  version: 1.11.0
+  resolution: "aws4@npm:1.11.0"
+  checksum: 5a00d045fd0385926d20ebebcfba5ec79d4482fe706f63c27b324d489a04c68edb0db99ed991e19eda09cb8c97dc2452059a34d97545cebf591d7a2b5a10999f
+  languageName: node
+  linkType: hard
+
+"axios@npm:^0.21.1":
+  version: 0.21.1
+  resolution: "axios@npm:0.21.1"
+  dependencies:
+    follow-redirects: ^1.10.0
+  checksum: c87915fa0b18c15c63350112b6b3563a3e2ae524d7707de0a73d2e065e0d30c5d3da8563037bc29d4cc1b7424b5a350cb7274fa52525c6c04a615fe561c6ab11
+  languageName: node
+  linkType: hard
+
+"babel-jest@npm:^27.5.1":
+  version: 27.5.1
+  resolution: "babel-jest@npm:27.5.1"
+  dependencies:
+    "@jest/transform": ^27.5.1
+    "@jest/types": ^27.5.1
+    "@types/babel__core": ^7.1.14
+    babel-plugin-istanbul: ^6.1.1
+    babel-preset-jest: ^27.5.1
+    chalk: ^4.0.0
+    graceful-fs: ^4.2.9
+    slash: ^3.0.0
+  peerDependencies:
+    "@babel/core": ^7.8.0
+  checksum: 4e93e6e9fb996cc5f1505e924eb8e8cc7b25c294ba9629762a2715390f48af6a4c14dbb84cd9730013ac0e03267a5a9aa2fb6318c544489cda7f50f4e506def4
+  languageName: node
+  linkType: hard
+
+"babel-loader@npm:^8.2.4":
+  version: 8.2.4
+  resolution: "babel-loader@npm:8.2.4"
+  dependencies:
+    find-cache-dir: ^3.3.1
+    loader-utils: ^2.0.0
+    make-dir: ^3.1.0
+    schema-utils: ^2.6.5
+  peerDependencies:
+    "@babel/core": ^7.0.0
+    webpack: ">=2"
+  checksum: 4968251fc4af4279c8e44adba523ed4ad18942f04b37061298e81640d09a570f66e6d53948e39a7d3c3d24ca2b025f0a07c606fadd8e3fbffa8912fd789fd4f0
+  languageName: node
+  linkType: hard
+
+"babel-plugin-dynamic-import-node@npm:^2.3.3":
+  version: 2.3.3
+  resolution: "babel-plugin-dynamic-import-node@npm:2.3.3"
+  dependencies:
+    object.assign: ^4.1.0
+  checksum: c9d24415bcc608d0db7d4c8540d8002ac2f94e2573d2eadced137a29d9eab7e25d2cbb4bc6b9db65cf6ee7430f7dd011d19c911a9a778f0533b4a05ce8292c9b
+  languageName: node
+  linkType: hard
+
+"babel-plugin-istanbul@npm:^6.1.1":
+  version: 6.1.1
+  resolution: "babel-plugin-istanbul@npm:6.1.1"
+  dependencies:
+    "@babel/helper-plugin-utils": ^7.0.0
+    "@istanbuljs/load-nyc-config": ^1.0.0
+    "@istanbuljs/schema": ^0.1.2
+    istanbul-lib-instrument: ^5.0.4
+    test-exclude: ^6.0.0
+  checksum: cb4fd95738219f232f0aece1116628cccff16db891713c4ccb501cddbbf9272951a5df81f2f2658dfdf4b3e7b236a9d5cbcf04d5d8c07dd5077297339598061a
+  languageName: node
+  linkType: hard
+
+"babel-plugin-jest-hoist@npm:^27.5.1":
+  version: 27.5.1
+  resolution: "babel-plugin-jest-hoist@npm:27.5.1"
+  dependencies:
+    "@babel/template": ^7.3.3
+    "@babel/types": ^7.3.3
+    "@types/babel__core": ^7.0.0
+    "@types/babel__traverse": ^7.0.6
+  checksum: 709c17727aa8fd3be755d256fb514bf945a5c2ea6017f037d80280fc44ae5fe7dfeebf63d8412df53796455c2c216119d628d8cc90b099434fd819005943d058
+  languageName: node
+  linkType: hard
+
+"babel-plugin-module-extension-resolver@npm:^1.0.0-rc.2":
+  version: 1.0.0-rc.2
+  resolution: "babel-plugin-module-extension-resolver@npm:1.0.0-rc.2"
+  checksum: a01f8e2abbb5e7e9bf127e6c9e967606587996dbb6034d828ca51ff8fe9b00b9e99eaea3287e5988c043557a67f52779b0e7c6349be106082a4b0537679b713f
+  languageName: node
+  linkType: hard
+
+"babel-plugin-module-resolver@npm:^4.1.0":
+  version: 4.1.0
+  resolution: "babel-plugin-module-resolver@npm:4.1.0"
+  dependencies:
+    find-babel-config: ^1.2.0
+    glob: ^7.1.6
+    pkg-up: ^3.1.0
+    reselect: ^4.0.0
+    resolve: ^1.13.1
+  checksum: 3907fba21ca3c66a081e01fbd16bb09c84781749db16aa57805becc376bb5ee8dc373d4b209613e1453d30ea6c836d13073e9e7b6d239ff1806dd1763a9ab18f
+  languageName: node
+  linkType: hard
+
+"babel-plugin-polyfill-corejs2@npm:^0.3.0":
+  version: 0.3.0
+  resolution: "babel-plugin-polyfill-corejs2@npm:0.3.0"
+  dependencies:
+    "@babel/compat-data": ^7.13.11
+    "@babel/helper-define-polyfill-provider": ^0.3.0
+    semver: ^6.1.1
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: ffede597982066221291fe7c48ec1f1dda2b4ed3ee3e715436320697f35368223e1275bf095769d0b0c1115b90031dc525dd81b8ee9f6c8972cf1d2e10ad2b7d
+  languageName: node
+  linkType: hard
+
+"babel-plugin-polyfill-corejs3@npm:^0.5.0":
+  version: 0.5.0
+  resolution: "babel-plugin-polyfill-corejs3@npm:0.5.0"
+  dependencies:
+    "@babel/helper-define-polyfill-provider": ^0.3.0
+    core-js-compat: ^3.20.0
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: cd3c9345d759a7a22e68fff3720aa70bd1ff5d47255206c767c1c831f7c68280f9769744088d2a93bcbe4391b708c21f099ff1eb6ceac7d50d2e0e334d8e97e4
+  languageName: node
+  linkType: hard
+
+"babel-plugin-polyfill-regenerator@npm:^0.3.0":
+  version: 0.3.0
+  resolution: "babel-plugin-polyfill-regenerator@npm:0.3.0"
+  dependencies:
+    "@babel/helper-define-polyfill-provider": ^0.3.0
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: ecca4389fd557554efc6de834f84f7c85e83c348d5283de2032d35429bc7121ed6f336553d3d704021f9bef22fca339fbee560d3b0fb8bb1d4eca2fecaaeebcb
+  languageName: node
+  linkType: hard
+
+"babel-plugin-styled-components@npm:>= 1.12.0, babel-plugin-styled-components@npm:^2.0.7":
+  version: 2.0.7
+  resolution: "babel-plugin-styled-components@npm:2.0.7"
+  dependencies:
+    "@babel/helper-annotate-as-pure": ^7.16.0
+    "@babel/helper-module-imports": ^7.16.0
+    babel-plugin-syntax-jsx: ^6.18.0
+    lodash: ^4.17.11
+    picomatch: ^2.3.0
+  peerDependencies:
+    styled-components: ">= 2"
+  checksum: 80b06b10db02d749432a0ac43a5feedd686f6b648628d7433a39b1844260b2b7c72431f6e705c82636ee025fcfd4f6c32fc05677e44033b8a39ddcd4488b3147
+  languageName: node
+  linkType: hard
+
+"babel-plugin-syntax-jsx@npm:^6.18.0":
+  version: 6.18.0
+  resolution: "babel-plugin-syntax-jsx@npm:6.18.0"
+  checksum: 0c7ce5b81d6cfc01a7dd7a76a9a8f090ee02ba5c890310f51217ef1a7e6163fb7848994bbc14fd560117892e82240df9c7157ad0764da67ca5f2afafb73a7d27
+  languageName: node
+  linkType: hard
+
+"babel-preset-current-node-syntax@npm:^1.0.0":
+  version: 1.0.1
+  resolution: "babel-preset-current-node-syntax@npm:1.0.1"
+  dependencies:
+    "@babel/plugin-syntax-async-generators": ^7.8.4
+    "@babel/plugin-syntax-bigint": ^7.8.3
+    "@babel/plugin-syntax-class-properties": ^7.8.3
+    "@babel/plugin-syntax-import-meta": ^7.8.3
+    "@babel/plugin-syntax-json-strings": ^7.8.3
+    "@babel/plugin-syntax-logical-assignment-operators": ^7.8.3
+    "@babel/plugin-syntax-nullish-coalescing-operator": ^7.8.3
+    "@babel/plugin-syntax-numeric-separator": ^7.8.3
+    "@babel/plugin-syntax-object-rest-spread": ^7.8.3
+    "@babel/plugin-syntax-optional-catch-binding": ^7.8.3
+    "@babel/plugin-syntax-optional-chaining": ^7.8.3
+    "@babel/plugin-syntax-top-level-await": ^7.8.3
+  peerDependencies:
+    "@babel/core": ^7.0.0
+  checksum: d118c2742498c5492c095bc8541f4076b253e705b5f1ad9a2e7d302d81a84866f0070346662355c8e25fc02caa28dc2da8d69bcd67794a0d60c4d6fab6913cc8
+  languageName: node
+  linkType: hard
+
+"babel-preset-jest@npm:^27.5.1":
+  version: 27.5.1
+  resolution: "babel-preset-jest@npm:27.5.1"
+  dependencies:
+    babel-plugin-jest-hoist: ^27.5.1
+    babel-preset-current-node-syntax: ^1.0.0
+  peerDependencies:
+    "@babel/core": ^7.0.0
+  checksum: 251bcea11c18fd9672fec104eadb45b43f117ceeb326fa7345ced778d4c1feab29343cd7a87a1dcfae4997d6c851a8b386d7f7213792da6e23b74f4443a8976d
+  languageName: node
+  linkType: hard
+
+"bail@npm:^1.0.0":
+  version: 1.0.5
+  resolution: "bail@npm:1.0.5"
+  checksum: 6c334940d7eaa4e656a12fb12407b6555649b6deb6df04270fa806e0da82684ebe4a4e47815b271c794b40f8d6fa286e0c248b14ddbabb324a917fab09b7301a
+  languageName: node
+  linkType: hard
+
+"balanced-match@npm:^1.0.0":
+  version: 1.0.0
+  resolution: "balanced-match@npm:1.0.0"
+  checksum: 9b67bfe558772f40cf743a3469b48b286aecec2ea9fe80c48d74845e53aab1cef524fafedf123a63019b49ac397760573ef5f173f539423061f7217cbb5fbd40
+  languageName: node
+  linkType: hard
+
+"base-path-converter@npm:^1.0.2":
+  version: 1.0.2
+  resolution: "base-path-converter@npm:1.0.2"
+  checksum: 9fca25198e4588ab46389426ee51b81d296000dbb132fe9228b90f93d0f89dead66468f63da37519e972c634c1ccfe136442c300b9762fb83265532cf2ac32e0
+  languageName: node
+  linkType: hard
+
+"base-x@npm:^3.0.2, base-x@npm:^3.0.8":
+  version: 3.0.9
+  resolution: "base-x@npm:3.0.9"
+  dependencies:
+    safe-buffer: ^5.0.1
+  checksum: 957101d6fd09e1903e846fd8f69fd7e5e3e50254383e61ab667c725866bec54e5ece5ba49ce385128ae48f9ec93a26567d1d5ebb91f4d56ef4a9cc0d5a5481e8
+  languageName: node
+  linkType: hard
+
+"base62@npm:^1.1.0":
+  version: 1.2.8
+  resolution: "base62@npm:1.2.8"
+  checksum: bfad0f60d300f8166c2c392f28273449aed451d4e7d99ce28f14605833a3220d6a7943366474b2dc1d5a9ff579846e60bb22d56b88358c2ac1a9a04f388760ed
+  languageName: node
+  linkType: hard
+
+"base64-js@npm:^1.2.3, base64-js@npm:^1.3.1":
+  version: 1.5.1
+  resolution: "base64-js@npm:1.5.1"
+  checksum: 669632eb3745404c2f822a18fc3a0122d2f9a7a13f7fb8b5823ee19d1d2ff9ee5b52c53367176ea4ad093c332fd5ab4bd0ebae5a8e27917a4105a4cfc86b1005
+  languageName: node
+  linkType: hard
+
+"batch@npm:0.6.1":
+  version: 0.6.1
+  resolution: "batch@npm:0.6.1"
+  checksum: 61f9934c7378a51dce61b915586191078ef7f1c3eca707fdd58b96ff2ff56d9e0af2bdab66b1462301a73c73374239e6542d9821c0af787f3209a23365d07e7f
+  languageName: node
+  linkType: hard
+
+"bcrypt-pbkdf@npm:^1.0.0, bcrypt-pbkdf@npm:^1.0.2":
+  version: 1.0.2
+  resolution: "bcrypt-pbkdf@npm:1.0.2"
+  dependencies:
+    tweetnacl: ^0.14.3
+  checksum: 4edfc9fe7d07019609ccf797a2af28351736e9d012c8402a07120c4453a3b789a15f2ee1530dc49eee8f7eb9379331a8dd4b3766042b9e502f74a68e7f662291
+  languageName: node
+  linkType: hard
+
+"before-after-hook@npm:^2.1.0":
+  version: 2.1.1
+  resolution: "before-after-hook@npm:2.1.1"
+  checksum: f19d154a712b2300f7e2fbf9aab56c26e4e5f1ac02424b2956917246ab622f3795aa9277d4c25269c728b45cdf59f374012c6448b4dd656177fe0b68458ca1e0
+  languageName: node
+  linkType: hard
+
+"big.js@npm:^5.2.2":
+  version: 5.2.2
+  resolution: "big.js@npm:5.2.2"
+  checksum: b89b6e8419b097a8fb4ed2399a1931a68c612bce3cfd5ca8c214b2d017531191070f990598de2fc6f3f993d91c0f08aa82697717f6b3b8732c9731866d233c9e
+  languageName: node
+  linkType: hard
+
+"bignumber.js@npm:^9.0.0":
+  version: 9.0.1
+  resolution: "bignumber.js@npm:9.0.1"
+  checksum: 6e72f6069d9db32fc8d27561164de9f811b15f9144be61f323d8b36150a239eea50c92e20ba38af2ba5e717af10b8ef12db8f9948fe2ff02bf17ede5239d15d3
+  languageName: node
+  linkType: hard
+
+"binary-extensions@npm:^2.0.0":
+  version: 2.1.0
+  resolution: "binary-extensions@npm:2.1.0"
+  checksum: 16ef0ca9b8ebf1fa2376658d1fba6840b311ddfef81c507dbe0465ae3e9545899d9a5ae513e32907963259073e8f87247b0c43d43f13ed1c50ea1e29e9d1d19f
+  languageName: node
+  linkType: hard
+
+"bindings@npm:^1.3.0, bindings@npm:^1.5.0":
+  version: 1.5.0
+  resolution: "bindings@npm:1.5.0"
+  dependencies:
+    file-uri-to-path: 1.0.0
+  checksum: 65b6b48095717c2e6105a021a7da4ea435aa8d3d3cd085cb9e85bcb6e5773cf318c4745c3f7c504412855940b585bdf9b918236612a1c7a7942491de176f1ae7
+  languageName: node
+  linkType: hard
+
+"bip32-ed25519@git+https://github.com/Zondax/bip32-ed25519.git":
+  version: 0.0.4
+  resolution: "bip32-ed25519@https://github.com/Zondax/bip32-ed25519.git#commit=0949df01b5c93885339bc28116690292088f6134"
+  dependencies:
+    bn.js: ^5.1.1
+    elliptic: ^6.4.1
+    hash.js: ^1.1.7
+  checksum: c0631f4c177b6a459968fb5653956749da1e692634b359155f1c41275eae7f42175629970aa23c1ba39f885b826c76319d03cc2135ae28735777e40e6fde2d7a
+  languageName: node
+  linkType: hard
+
+"bip32@npm:2.0.6":
+  version: 2.0.6
+  resolution: "bip32@npm:2.0.6"
+  dependencies:
+    "@types/node": 10.12.18
+    bs58check: ^2.1.1
+    create-hash: ^1.2.0
+    create-hmac: ^1.1.7
+    tiny-secp256k1: ^1.1.3
+    typeforce: ^1.11.5
+    wif: ^2.0.6
+  checksum: 1c654a93836d8ed0bf5aa18a9b7b8dc3fe65e6a607a736d2acdb7927276c03db4bf8068324b9907e362759f9307d8b2b61c2547c282a2bc5198305f5654ed554
+  languageName: node
+  linkType: hard
+
+"bip39@npm:3.0.4":
+  version: 3.0.4
+  resolution: "bip39@npm:3.0.4"
+  dependencies:
+    "@types/node": 11.11.6
+    create-hash: ^1.1.0
+    pbkdf2: ^3.0.9
+    randombytes: ^2.0.1
+  checksum: 79ce1600a03d1ba5053bdd4e6323f9463ec340764c7e52918b6c6b9dca81221940f2d9a65656447f108f9bc2c8d9ae8df319cca83bbd1dad63f53ef2768d9bae
+  languageName: node
+  linkType: hard
+
+"bip66@npm:^1.1.5":
+  version: 1.1.5
+  resolution: "bip66@npm:1.1.5"
+  dependencies:
+    safe-buffer: ^5.0.1
+  checksum: 956cff6e51d7206571ef8ce875bc5fa61b5c181589790b9155799b7edcae4b20dbb3eed43b188ff3eec27cdbe98e0b7e0ec9f1cb2e4f5370c119028b248ad859
+  languageName: node
+  linkType: hard
+
+"bl@npm:^4.0.3, bl@npm:^4.1.0":
+  version: 4.1.0
+  resolution: "bl@npm:4.1.0"
+  dependencies:
+    buffer: ^5.5.0
+    inherits: ^2.0.4
+    readable-stream: ^3.4.0
+  checksum: 9e8521fa7e83aa9427c6f8ccdcba6e8167ef30cc9a22df26effcc5ab682ef91d2cbc23a239f945d099289e4bbcfae7a192e9c28c84c6202e710a0dfec3722662
+  languageName: node
+  linkType: hard
+
+"blakejs@npm:^1.1.0, blakejs@npm:^1.1.1":
+  version: 1.1.1
+  resolution: "blakejs@npm:1.1.1"
+  checksum: 77a0875af41fe0a6b15feacc69a4a730063df697b2932adbde15aa2c9c58a592870cd511a494ceee59cc8143ae64964dfa1bf301dab275b330debcd12c2b3db9
+  languageName: node
+  linkType: hard
+
+"bluebird-lst@npm:^1.0.9":
+  version: 1.0.9
+  resolution: "bluebird-lst@npm:1.0.9"
+  dependencies:
+    bluebird: ^3.5.5
+  checksum: 5662542d7303cfc2dcd63e87e153cd0cc6adb2d8b383d08cb11582625ba5f0116b2eb725ea471feaea74e993482634c4c5bcb39b0b6efd42fc2fc749f5c6e0da
+  languageName: node
+  linkType: hard
+
+"bluebird@npm:^3.1.1, bluebird@npm:^3.5.0, bluebird@npm:^3.5.5":
+  version: 3.7.2
+  resolution: "bluebird@npm:3.7.2"
+  checksum: 869417503c722e7dc54ca46715f70e15f4d9c602a423a02c825570862d12935be59ed9c7ba34a9b31f186c017c23cac6b54e35446f8353059c101da73eac22ef
+  languageName: node
+  linkType: hard
+
+"bn.js@npm:4.11.6":
+  version: 4.11.6
+  resolution: "bn.js@npm:4.11.6"
+  checksum: db23047bf06fdf9cf74401c8e76bca9f55313c81df382247d2c753868b368562e69171716b81b7038ada8860af18346fd4bcd1cf9d4963f923fe8e54e61cb58a
+  languageName: node
+  linkType: hard
+
+"bn.js@npm:^4.0.0, bn.js@npm:^4.1.0, bn.js@npm:^4.11.1, bn.js@npm:^4.11.6, bn.js@npm:^4.11.8, bn.js@npm:^4.11.9":
+  version: 4.12.0
+  resolution: "bn.js@npm:4.12.0"
+  checksum: 39afb4f15f4ea537b55eaf1446c896af28ac948fdcf47171961475724d1bb65118cca49fa6e3d67706e4790955ec0e74de584e45c8f1ef89f46c812bee5b5a12
+  languageName: node
+  linkType: hard
+
+"bn.js@npm:^5.0.0, bn.js@npm:^5.1.1, bn.js@npm:^5.1.2, bn.js@npm:^5.2.0":
+  version: 5.2.0
+  resolution: "bn.js@npm:5.2.0"
+  checksum: 6117170393200f68b35a061ecbf55d01dd989302e7b3c798a3012354fa638d124f0b2f79e63f77be5556be80322a09c40339eda6413ba7468524c0b6d4b4cb7a
+  languageName: node
+  linkType: hard
+
+"body-parser@npm:1.19.2, body-parser@npm:^1.16.0":
+  version: 1.19.2
+  resolution: "body-parser@npm:1.19.2"
+  dependencies:
+    bytes: 3.1.2
+    content-type: ~1.0.4
+    debug: 2.6.9
+    depd: ~1.1.2
+    http-errors: 1.8.1
+    iconv-lite: 0.4.24
+    on-finished: ~2.3.0
+    qs: 6.9.7
+    raw-body: 2.4.3
+    type-is: ~1.6.18
+  checksum: 7f777ea65670e2622ca4a785b5dcb2a68451b3bb8d4d0f41091d307d56b640dba588a9ae04d85dda2cdd5e42788266a783528d5417e5643720fd611fd52522e7
+  languageName: node
+  linkType: hard
+
+"bonjour-service@npm:^1.0.11":
+  version: 1.0.11
+  resolution: "bonjour-service@npm:1.0.11"
+  dependencies:
+    array-flatten: ^2.1.2
+    dns-equal: ^1.0.0
+    fast-deep-equal: ^3.1.3
+    multicast-dns: ^7.2.4
+  checksum: b6093a856de9bc303551f1639945318e93782d3c40f03e38def3e2f079f478afd5385cf46538ade86f07205ac4b5f059105832b01eb9ce142fc69d27c006982f
+  languageName: node
+  linkType: hard
+
+"boolbase@npm:^1.0.0":
+  version: 1.0.0
+  resolution: "boolbase@npm:1.0.0"
+  checksum: 3e25c80ef626c3a3487c73dbfc70ac322ec830666c9ad915d11b701142fab25ec1e63eff2c450c74347acfd2de854ccde865cd79ef4db1683f7c7b046ea43bb0
+  languageName: node
+  linkType: hard
+
+"boolean@npm:^3.0.1":
+  version: 3.0.2
+  resolution: "boolean@npm:3.0.2"
+  checksum: 6ab3755ab786b3531e3bfff73c4a1f3777560e1d69912c175d8f7ed75cfce0b20de339c56880fc6da50707b4982547b023ac6eea33b670b5c799231e52032291
+  languageName: node
+  linkType: hard
+
+"boxen@npm:^5.0.0":
+  version: 5.0.0
+  resolution: "boxen@npm:5.0.0"
+  dependencies:
+    ansi-align: ^3.0.0
+    camelcase: ^6.2.0
+    chalk: ^4.1.0
+    cli-boxes: ^2.2.1
+    string-width: ^4.2.0
+    type-fest: ^0.20.2
+    widest-line: ^3.1.0
+    wrap-ansi: ^7.0.0
+  checksum: 54be8c299d3a3117c6d8e7bd10afc596fe115a58fc9e6c02ee1123cb7461ca229c47544e2a9c8da0af9bb3185ba865be129bee9bef9ea527d78d48e78736a53f
+  languageName: node
+  linkType: hard
+
+"brace-expansion@npm:^1.1.7":
+  version: 1.1.11
+  resolution: "brace-expansion@npm:1.1.11"
+  dependencies:
+    balanced-match: ^1.0.0
+    concat-map: 0.0.1
+  checksum: faf34a7bb0c3fcf4b59c7808bc5d2a96a40988addf2e7e09dfbb67a2251800e0d14cd2bfc1aa79174f2f5095c54ff27f46fb1289fe2d77dac755b5eb3434cc07
+  languageName: node
+  linkType: hard
+
+"brace-expansion@npm:^2.0.1":
+  version: 2.0.1
+  resolution: "brace-expansion@npm:2.0.1"
+  dependencies:
+    balanced-match: ^1.0.0
+  checksum: a61e7cd2e8a8505e9f0036b3b6108ba5e926b4b55089eeb5550cd04a471fe216c96d4fe7e4c7f995c728c554ae20ddfc4244cad10aef255e72b62930afd233d1
+  languageName: node
+  linkType: hard
+
+"braces@npm:^3.0.1, braces@npm:~3.0.2":
+  version: 3.0.2
+  resolution: "braces@npm:3.0.2"
+  dependencies:
+    fill-range: ^7.0.1
+  checksum: e2a8e769a863f3d4ee887b5fe21f63193a891c68b612ddb4b68d82d1b5f3ff9073af066c343e9867a393fe4c2555dcb33e89b937195feb9c1613d259edfcd459
+  languageName: node
+  linkType: hard
+
+"brorand@npm:^1.0.1, brorand@npm:^1.1.0":
+  version: 1.1.0
+  resolution: "brorand@npm:1.1.0"
+  checksum: 8a05c9f3c4b46572dec6ef71012b1946db6cae8c7bb60ccd4b7dd5a84655db49fe043ecc6272e7ef1f69dc53d6730b9e2a3a03a8310509a3d797a618cbee52be
+  languageName: node
+  linkType: hard
+
+"browser-process-hrtime@npm:^1.0.0":
+  version: 1.0.0
+  resolution: "browser-process-hrtime@npm:1.0.0"
+  checksum: e30f868cdb770b1201afb714ad1575dd86366b6e861900884665fb627109b3cc757c40067d3bfee1ff2a29c835257ea30725a8018a9afd02ac1c24b408b1e45f
+  languageName: node
+  linkType: hard
+
+"browserify-aes@npm:^1.0.0, browserify-aes@npm:^1.0.4, browserify-aes@npm:^1.0.6, browserify-aes@npm:^1.2.0":
+  version: 1.2.0
+  resolution: "browserify-aes@npm:1.2.0"
+  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
+  checksum: 4a17c3eb55a2aa61c934c286f34921933086bf6d67f02d4adb09fcc6f2fc93977b47d9d884c25619144fccd47b3b3a399e1ad8b3ff5a346be47270114bcf7104
+  languageName: node
+  linkType: hard
+
+"browserify-cipher@npm:^1.0.0":
+  version: 1.0.1
+  resolution: "browserify-cipher@npm:1.0.1"
+  dependencies:
+    browserify-aes: ^1.0.4
+    browserify-des: ^1.0.0
+    evp_bytestokey: ^1.0.0
+  checksum: 2d8500acf1ee535e6bebe808f7a20e4c3a9e2ed1a6885fff1facbfd201ac013ef030422bec65ca9ece8ffe82b03ca580421463f9c45af6c8415fd629f4118c13
+  languageName: node
+  linkType: hard
+
+"browserify-des@npm:^1.0.0":
+  version: 1.0.2
+  resolution: "browserify-des@npm:1.0.2"
+  dependencies:
+    cipher-base: ^1.0.1
+    des.js: ^1.0.0
+    inherits: ^2.0.1
+    safe-buffer: ^5.1.2
+  checksum: b15a3e358a1d78a3b62ddc06c845d02afde6fc826dab23f1b9c016e643e7b1fda41de628d2110b712f6a44fb10cbc1800bc6872a03ddd363fb50768e010395b7
+  languageName: node
+  linkType: hard
+
+"browserify-rsa@npm:^4.0.0, browserify-rsa@npm:^4.0.1":
+  version: 4.1.0
+  resolution: "browserify-rsa@npm:4.1.0"
+  dependencies:
+    bn.js: ^5.0.0
+    randombytes: ^2.0.1
+  checksum: 155f0c135873efc85620571a33d884aa8810e40176125ad424ec9d85016ff105a07f6231650914a760cca66f29af0494087947b7be34880dd4599a0cd3c38e54
+  languageName: node
+  linkType: hard
+
+"browserify-sign@npm:^4.0.0":
+  version: 4.2.1
+  resolution: "browserify-sign@npm:4.2.1"
+  dependencies:
+    bn.js: ^5.1.1
+    browserify-rsa: ^4.0.1
+    create-hash: ^1.2.0
+    create-hmac: ^1.1.7
+    elliptic: ^6.5.3
+    inherits: ^2.0.4
+    parse-asn1: ^5.1.5
+    readable-stream: ^3.6.0
+    safe-buffer: ^5.2.0
+  checksum: 0221f190e3f5b2d40183fa51621be7e838d9caa329fe1ba773406b7637855f37b30f5d83e52ff8f244ed12ffe6278dd9983638609ed88c841ce547e603855707
+  languageName: node
+  linkType: hard
+
+"browserslist@npm:^4.14.5, browserslist@npm:^4.17.5, browserslist@npm:^4.19.1, browserslist@npm:^4.20.2":
+  version: 4.20.2
+  resolution: "browserslist@npm:4.20.2"
+  dependencies:
+    caniuse-lite: ^1.0.30001317
+    electron-to-chromium: ^1.4.84
+    escalade: ^3.1.1
+    node-releases: ^2.0.2
+    picocolors: ^1.0.0
+  bin:
+    browserslist: cli.js
+  checksum: 18e09beeae32e69fea45fc3642240fb63027b1460d90e24da86377177dca3d82c80f8fa44469d95109e3962f08eb2a23e03037bd5e1f1ec38e4866e2a8572435
+  languageName: node
+  linkType: hard
+
+"bs58@npm:^4.0.0, bs58@npm:^4.0.1":
+  version: 4.0.1
+  resolution: "bs58@npm:4.0.1"
+  dependencies:
+    base-x: ^3.0.2
+  checksum: b3c5365bb9e0c561e1a82f1a2d809a1a692059fae016be233a6127ad2f50a6b986467c3a50669ce4c18929dcccb297c5909314dd347a25a68c21b68eb3e95ac2
+  languageName: node
+  linkType: hard
+
+"bs58check@npm:<3.0.0, bs58check@npm:^2.1.1, bs58check@npm:^2.1.2":
+  version: 2.1.2
+  resolution: "bs58check@npm:2.1.2"
+  dependencies:
+    bs58: ^4.0.0
+    create-hash: ^1.1.0
+    safe-buffer: ^5.1.2
+  checksum: 43bdf08a5dd04581b78f040bc4169480e17008da482ffe2a6507327bbc4fc5c28de0501f7faf22901cfe57fbca79cbb202ca529003fedb4cb8dccd265b38e54d
+  languageName: node
+  linkType: hard
+
+"bser@npm:2.1.1":
+  version: 2.1.1
+  resolution: "bser@npm:2.1.1"
+  dependencies:
+    node-int64: ^0.4.0
+  checksum: 9ba4dc58ce86300c862bffc3ae91f00b2a03b01ee07f3564beeeaf82aa243b8b03ba53f123b0b842c190d4399b94697970c8e7cf7b1ea44b61aa28c3526a4449
+  languageName: node
+  linkType: hard
+
+"btoa@npm:^1.2.1":
+  version: 1.2.1
+  resolution: "btoa@npm:1.2.1"
+  bin:
+    btoa: bin/btoa.js
+  checksum: afbf004fb1b1d530e053ffa66ef5bd3878b101c59d808ac947fcff96810b4452abba2b54be687adadea2ba9efc7af48b04228742789bf824ef93f103767e690c
+  languageName: node
+  linkType: hard
+
+"buffer-alloc-unsafe@npm:^1.1.0":
+  version: 1.1.0
+  resolution: "buffer-alloc-unsafe@npm:1.1.0"
+  checksum: c5e18bf51f67754ec843c9af3d4c005051aac5008a3992938dda1344e5cfec77c4b02b4ca303644d1e9a6e281765155ce6356d85c6f5ccc5cd21afc868def396
+  languageName: node
+  linkType: hard
+
+"buffer-alloc@npm:^1.2.0":
+  version: 1.2.0
+  resolution: "buffer-alloc@npm:1.2.0"
+  dependencies:
+    buffer-alloc-unsafe: ^1.1.0
+    buffer-fill: ^1.0.0
+  checksum: 560cd27f3cbe73c614867da373407d4506309c62fe18de45a1ce191f3785ec6ca2488d802ff82065798542422980ca25f903db078c57822218182c37c3576df5
+  languageName: node
+  linkType: hard
+
+"buffer-crc32@npm:^0.2.1, buffer-crc32@npm:^0.2.13, buffer-crc32@npm:~0.2.3":
+  version: 0.2.13
+  resolution: "buffer-crc32@npm:0.2.13"
+  checksum: 06252347ae6daca3453b94e4b2f1d3754a3b146a111d81c68924c22d91889a40623264e95e67955b1cb4a68cbedf317abeabb5140a9766ed248973096db5ce1c
+  languageName: node
+  linkType: hard
+
+"buffer-equal@npm:1.0.0, buffer-equal@npm:^1.0.0":
+  version: 1.0.0
+  resolution: "buffer-equal@npm:1.0.0"
+  checksum: c63a62d25ffc6f3a7064a86dd0d92d93a32d03b14f22d17374790bc10e94bca2312302895fdd28a2b0060999d4385cf90cbf6ad1a6678065156c664016d3be45
+  languageName: node
+  linkType: hard
+
+"buffer-fill@npm:^1.0.0":
+  version: 1.0.0
+  resolution: "buffer-fill@npm:1.0.0"
+  checksum: c29b4723ddeab01e74b5d3b982a0c6828f2ded49cef049ddca3dac661c874ecdbcecb5dd8380cf0f4adbeb8cff90a7de724126750a1f1e5ebd4eb6c59a1315b1
+  languageName: node
+  linkType: hard
+
+"buffer-from@npm:^1.0.0":
+  version: 1.1.1
+  resolution: "buffer-from@npm:1.1.1"
+  checksum: ccc53b69736008bff764497367c4d24879ba7122bc619ee499ff47eef3a5b885ca496e87272e7ebffa0bec3804c83f84041c616f6e3318f40624e27c1d80f045
+  languageName: node
+  linkType: hard
+
+"buffer-to-arraybuffer@npm:^0.0.5":
+  version: 0.0.5
+  resolution: "buffer-to-arraybuffer@npm:0.0.5"
+  checksum: b2e6493a6679e03d0e0e146b4258b9a6d92649d528d8fc4a74423b77f0d4f9398c9f965f3378d1683a91738054bae2761196cfe233f41ab3695126cb58cb25f9
+  languageName: node
+  linkType: hard
+
+"buffer-xor@npm:^1.0.3":
+  version: 1.0.3
+  resolution: "buffer-xor@npm:1.0.3"
+  checksum: 10c520df29d62fa6e785e2800e586a20fc4f6dfad84bcdbd12e1e8a83856de1cb75c7ebd7abe6d036bbfab738a6cf18a3ae9c8e5a2e2eb3167ca7399ce65373a
+  languageName: node
+  linkType: hard
+
+"buffer@npm:^5.0.5, buffer@npm:^5.1.0, buffer@npm:^5.5.0, buffer@npm:^5.6.0":
+  version: 5.7.1
+  resolution: "buffer@npm:5.7.1"
+  dependencies:
+    base64-js: ^1.3.1
+    ieee754: ^1.1.13
+  checksum: e2cf8429e1c4c7b8cbd30834ac09bd61da46ce35f5c22a78e6c2f04497d6d25541b16881e30a019c6fd3154150650ccee27a308eff3e26229d788bbdeb08ab84
+  languageName: node
+  linkType: hard
+
+"buffer@npm:^6.0.1, buffer@npm:^6.0.3":
+  version: 6.0.3
+  resolution: "buffer@npm:6.0.3"
+  dependencies:
+    base64-js: ^1.3.1
+    ieee754: ^1.2.1
+  checksum: 5ad23293d9a731e4318e420025800b42bf0d264004c0286c8cc010af7a270c7a0f6522e84f54b9ad65cbd6db20b8badbfd8d2ebf4f80fa03dab093b89e68c3f9
+  languageName: node
+  linkType: hard
+
+"bufferutil@npm:^4.0.1":
+  version: 4.0.2
+  resolution: "bufferutil@npm:4.0.2"
+  dependencies:
+    node-gyp: latest
+    node-gyp-build: ^4.2.0
+  checksum: d2b224e106d0d549f80aff85d2087df9ccef568e280223ab630c3fa74cf5c18240ffb033cb01d100f9273bec5fb4e9e0c6a42343024efd0eb19757bb72dd4d9f
+  languageName: node
+  linkType: hard
+
+"builder-util-runtime@npm:8.9.2":
+  version: 8.9.2
+  resolution: "builder-util-runtime@npm:8.9.2"
+  dependencies:
+    debug: ^4.3.2
+    sax: ^1.2.4
+  checksum: 35adcd6162e2ed16635ff7b7ecc353e400dcbbb3e7cd01823bfefc7256cefca8c820f62d15a0f7dbee1c7495a5f1fba4e0e238857a79b48d5f6bd35064f27208
+  languageName: node
+  linkType: hard
+
+"builder-util@npm:22.14.13":
+  version: 22.14.13
+  resolution: "builder-util@npm:22.14.13"
+  dependencies:
+    7zip-bin: ~5.1.1
+    "@types/debug": ^4.1.6
+    "@types/fs-extra": ^9.0.11
+    app-builder-bin: 3.7.1
+    bluebird-lst: ^1.0.9
+    builder-util-runtime: 8.9.2
+    chalk: ^4.1.1
+    cross-spawn: ^7.0.3
+    debug: ^4.3.2
+    fs-extra: ^10.0.0
+    http-proxy-agent: ^5.0.0
+    https-proxy-agent: ^5.0.0
+    is-ci: ^3.0.0
+    js-yaml: ^4.1.0
+    source-map-support: ^0.5.19
+    stat-mode: ^1.0.0
+    temp-file: ^3.4.0
+  checksum: 6d72cc1f0bf7e72debe70049dede2a5eac302fb98b87eb7e60b7feed8631dc66877821367d5e7a87aea881f937a565c25e4e24042b421ef12c1d2afa8b7cc02d
+  languageName: node
+  linkType: hard
+
+"builtin-modules@npm:^3.1.0":
+  version: 3.2.0
+  resolution: "builtin-modules@npm:3.2.0"
+  checksum: 0265aa1ba78e1a16f4e18668d815cb43fb364e6a6b8aa9189c6f44c7b894a551a43b323c40206959d2d4b2568c1f2805607ad6c88adc306a776ce6904cca6715
+  languageName: node
+  linkType: hard
+
+"builtin-status-codes@npm:^3.0.0":
+  version: 3.0.0
+  resolution: "builtin-status-codes@npm:3.0.0"
+  checksum: 1119429cf4b0d57bf76b248ad6f529167d343156ebbcc4d4e4ad600484f6bc63002595cbb61b67ad03ce55cd1d3c4711c03bbf198bf24653b8392420482f3773
+  languageName: node
+  linkType: hard
+
+"byline@npm:^5.0.0":
+  version: 5.0.0
+  resolution: "byline@npm:5.0.0"
+  checksum: 737ca83e8eda2976728dae62e68bc733aea095fab08db4c6f12d3cee3cf45b6f97dce45d1f6b6ff9c2c947736d10074985b4425b31ce04afa1985a4ef3d334a7
+  languageName: node
+  linkType: hard
+
+"bytes@npm:3.0.0":
+  version: 3.0.0
+  resolution: "bytes@npm:3.0.0"
+  checksum: a2b386dd8188849a5325f58eef69c3b73c51801c08ffc6963eddc9be244089ba32d19347caf6d145c86f315ae1b1fc7061a32b0c1aa6379e6a719090287ed101
+  languageName: node
+  linkType: hard
+
+"bytes@npm:3.1.2":
+  version: 3.1.2
+  resolution: "bytes@npm:3.1.2"
+  checksum: e4bcd3948d289c5127591fbedf10c0b639ccbf00243504e4e127374a15c3bc8eed0d28d4aaab08ff6f1cf2abc0cce6ba3085ed32f4f90e82a5683ce0014e1b6e
+  languageName: node
+  linkType: hard
+
+"cacheable-lookup@npm:^5.0.3":
+  version: 5.0.4
+  resolution: "cacheable-lookup@npm:5.0.4"
+  checksum: 763e02cf9196bc9afccacd8c418d942fc2677f22261969a4c2c2e760fa44a2351a81557bd908291c3921fe9beb10b976ba8fa50c5ca837c5a0dd945f16468f2d
+  languageName: node
+  linkType: hard
+
+"cacheable-request@npm:^6.0.0":
+  version: 6.1.0
+  resolution: "cacheable-request@npm:6.1.0"
+  dependencies:
+    clone-response: ^1.0.2
+    get-stream: ^5.1.0
+    http-cache-semantics: ^4.0.0
+    keyv: ^3.0.0
+    lowercase-keys: ^2.0.0
+    normalize-url: ^4.1.0
+    responselike: ^1.0.2
+  checksum: b510b237b18d17e89942e9ee2d2a077cb38db03f12167fd100932dfa8fc963424bfae0bfa1598df4ae16c944a5484e43e03df8f32105b04395ee9495e9e4e9f1
+  languageName: node
+  linkType: hard
+
+"cacheable-request@npm:^7.0.1":
+  version: 7.0.1
+  resolution: "cacheable-request@npm:7.0.1"
+  dependencies:
+    clone-response: ^1.0.2
+    get-stream: ^5.1.0
+    http-cache-semantics: ^4.0.0
+    keyv: ^4.0.0
+    lowercase-keys: ^2.0.0
+    normalize-url: ^4.1.0
+    responselike: ^2.0.0
+  checksum: 558cbc4785c9692953c4c62c0afafe3071912a06778b14daa212ef1e220d338c86c956661572c172f73315e0a30ecc8797bae975f3cfd19e2e7c3bf341c6291e
+  languageName: node
+  linkType: hard
+
+"call-bind@npm:^1.0.0, call-bind@npm:^1.0.2":
+  version: 1.0.2
+  resolution: "call-bind@npm:1.0.2"
+  dependencies:
+    function-bind: ^1.1.1
+    get-intrinsic: ^1.0.2
+  checksum: f8e31de9d19988a4b80f3e704788c4a2d6b6f3d17cfec4f57dc29ced450c53a49270dc66bf0fbd693329ee948dd33e6c90a329519aef17474a4d961e8d6426b0
+  languageName: node
+  linkType: hard
+
+"callsites@npm:^3.0.0":
+  version: 3.1.0
+  resolution: "callsites@npm:3.1.0"
+  checksum: 072d17b6abb459c2ba96598918b55868af677154bec7e73d222ef95a8fdb9bbf7dae96a8421085cdad8cd190d86653b5b6dc55a4484f2e5b2e27d5e0c3fc15b3
+  languageName: node
+  linkType: hard
+
+"camel-case@npm:^4.1.2":
+  version: 4.1.2
+  resolution: "camel-case@npm:4.1.2"
+  dependencies:
+    pascal-case: ^3.1.2
+    tslib: ^2.0.3
+  checksum: bcbd25cd253b3cbc69be3f535750137dbf2beb70f093bdc575f73f800acc8443d34fd52ab8f0a2413c34f1e8203139ffc88428d8863e4dfe530cfb257a379ad6
+  languageName: node
+  linkType: hard
+
+"camelcase-keys@npm:^6.2.2":
+  version: 6.2.2
+  resolution: "camelcase-keys@npm:6.2.2"
+  dependencies:
+    camelcase: ^5.3.1
+    map-obj: ^4.0.0
+    quick-lru: ^4.0.1
+  checksum: 43c9af1adf840471e54c68ab3e5fe8a62719a6b7dbf4e2e86886b7b0ff96112c945736342b837bd2529ec9d1c7d1934e5653318478d98e0cf22c475c04658e2a
+  languageName: node
+  linkType: hard
+
+"camelcase@npm:^5.0.0, camelcase@npm:^5.3.1":
+  version: 5.3.1
+  resolution: "camelcase@npm:5.3.1"
+  checksum: e6effce26b9404e3c0f301498184f243811c30dfe6d0b9051863bd8e4034d09c8c2923794f280d6827e5aa055f6c434115ff97864a16a963366fb35fd673024b
+  languageName: node
+  linkType: hard
+
+"camelcase@npm:^6.2.0":
+  version: 6.2.1
+  resolution: "camelcase@npm:6.2.1"
+  checksum: d876272ef76391ebf8442fb7ea1d77e80ae179ce1339e021a8731b4895fd190dc19e148e045469cff5825d4c089089f3fff34d804d3f49115d55af97dd6ac0af
+  languageName: node
+  linkType: hard
+
+"camelize@npm:^1.0.0":
+  version: 1.0.0
+  resolution: "camelize@npm:1.0.0"
+  checksum: 769f8d10071f57b974d9a51dc02f589dd7fb07ea6a7ecde1a57b52ae68657ba61fe85c60d50661b76c7dbb76b6474fbfd3356aee33cf5f025cd7fd6fb2811b73
+  languageName: node
+  linkType: hard
+
+"caniuse-lite@npm:^1.0.30001317":
+  version: 1.0.30001317
+  resolution: "caniuse-lite@npm:1.0.30001317"
+  checksum: 0a5fc7fb8c54dde515c2d468e5fc9e0cf2e82dd40d596cdffed90f64c50b5dadd0ab0c25e04769d86488b3115f949abd31d54d1f74d0029b45fa8206a031f47a
+  languageName: node
+  linkType: hard
+
+"canvas-renderer@npm:~2.2.0":
+  version: 2.2.0
+  resolution: "canvas-renderer@npm:2.2.0"
+  dependencies:
+    "@types/node": "*"
+  checksum: 348bbfed8530c2df557e1820814a17a1d950d004e34bf307ecc8ea6ca94f8706ddaf02d81fb67480f64da7a92f2811964cb41791f4bd00edfcc8498472b096a7
+  languageName: node
+  linkType: hard
+
+"caseless@npm:~0.12.0":
+  version: 0.12.0
+  resolution: "caseless@npm:0.12.0"
+  checksum: b43bd4c440aa1e8ee6baefee8063b4850fd0d7b378f6aabc796c9ec8cb26d27fb30b46885350777d9bd079c5256c0e1329ad0dc7c2817e0bb466810ebb353751
+  languageName: node
+  linkType: hard
+
+"ccount@npm:^1.0.0":
+  version: 1.1.0
+  resolution: "ccount@npm:1.1.0"
+  checksum: b335a79d0aa4308919cf7507babcfa04ac63d389ebed49dbf26990d4607c8a4713cde93cc83e707d84571ddfe1e7615dad248be9bc422ae4c188210f71b08b78
+  languageName: node
+  linkType: hard
+
+"chalk@npm:^2.0.0, chalk@npm:^2.4.2":
+  version: 2.4.2
+  resolution: "chalk@npm:2.4.2"
+  dependencies:
+    ansi-styles: ^3.2.1
+    escape-string-regexp: ^1.0.5
+    supports-color: ^5.3.0
+  checksum: ec3661d38fe77f681200f878edbd9448821924e0f93a9cefc0e26a33b145f1027a2084bf19967160d11e1f03bfe4eaffcabf5493b89098b2782c3fe0b03d80c2
+  languageName: node
+  linkType: hard
+
+"chalk@npm:^3.0.0":
+  version: 3.0.0
+  resolution: "chalk@npm:3.0.0"
+  dependencies:
+    ansi-styles: ^4.1.0
+    supports-color: ^7.1.0
+  checksum: 8e3ddf3981c4da405ddbd7d9c8d91944ddf6e33d6837756979f7840a29272a69a5189ecae0ff84006750d6d1e92368d413335eab4db5476db6e6703a1d1e0505
+  languageName: node
+  linkType: hard
+
+"chalk@npm:^4.0.0, chalk@npm:^4.1.0, chalk@npm:^4.1.1":
+  version: 4.1.2
+  resolution: "chalk@npm:4.1.2"
+  dependencies:
+    ansi-styles: ^4.1.0
+    supports-color: ^7.1.0
+  checksum: fe75c9d5c76a7a98d45495b91b2172fa3b7a09e0cc9370e5c8feb1c567b85c4288e2b3fded7cfdd7359ac28d6b3844feb8b82b8686842e93d23c827c417e83fc
+  languageName: node
+  linkType: hard
+
+"changelog-parser@npm:^2.0.0":
+  version: 2.8.0
+  resolution: "changelog-parser@npm:2.8.0"
+  dependencies:
+    line-reader: ^0.2.4
+    remove-markdown: ^0.2.2
+  bin:
+    changelog-parser: ./bin/cli.js
+  checksum: ee1033579763a482d43b171b47b7781d21d6a41347a7096dc02e84cd425589ab38ae3f104347743621f8ebeeef87c1e1d955688cfa56728ba6a850c2757644ba
+  languageName: node
+  linkType: hard
+
+"char-regex@npm:^1.0.2":
+  version: 1.0.2
+  resolution: "char-regex@npm:1.0.2"
+  checksum: b563e4b6039b15213114626621e7a3d12f31008bdce20f9c741d69987f62aeaace7ec30f6018890ad77b2e9b4d95324c9f5acfca58a9441e3b1dcdd1e2525d17
+  languageName: node
+  linkType: hard
+
+"character-entities-html4@npm:^1.0.0":
+  version: 1.1.4
+  resolution: "character-entities-html4@npm:1.1.4"
+  checksum: 22536aba07a378a2326420423ceadd65c0121032c527f80e84dfc648381992ed5aa666d7c2b267cd269864b3682d5b0315fc2f03a9e7c017d1a96d24ec292d5f
+  languageName: node
+  linkType: hard
+
+"character-entities-legacy@npm:^1.0.0":
+  version: 1.1.4
+  resolution: "character-entities-legacy@npm:1.1.4"
+  checksum: fe03a82c154414da3a0c8ab3188e4237ec68006cbcd681cf23c7cfb9502a0e76cd30ab69a2e50857ca10d984d57de3b307680fff5328ccd427f400e559c3a811
+  languageName: node
+  linkType: hard
+
+"character-entities@npm:^1.0.0":
+  version: 1.2.4
+  resolution: "character-entities@npm:1.2.4"
+  checksum: e1545716571ead57beac008433c1ff69517cd8ca5b336889321c5b8ff4a99c29b65589a701e9c086cda8a5e346a67295e2684f6c7ea96819fe85cbf49bf8686d
+  languageName: node
+  linkType: hard
+
+"character-reference-invalid@npm:^1.0.0":
+  version: 1.1.4
+  resolution: "character-reference-invalid@npm:1.1.4"
+  checksum: 20274574c70e05e2f81135f3b93285536bc8ff70f37f0809b0d17791a832838f1e49938382899ed4cb444e5bbd4314ca1415231344ba29f4222ce2ccf24fea0b
+  languageName: node
+  linkType: hard
+
+"chardet@npm:^0.7.0":
+  version: 0.7.0
+  resolution: "chardet@npm:0.7.0"
+  checksum: 6fd5da1f5d18ff5712c1e0aed41da200d7c51c28f11b36ee3c7b483f3696dabc08927fc6b227735eb8f0e1215c9a8abd8154637f3eff8cada5959df7f58b024d
+  languageName: node
+  linkType: hard
+
+"chart.js@npm:^3.7.1":
+  version: 3.7.1
+  resolution: "chart.js@npm:3.7.1"
+  checksum: f9d118d3b7dd3c36b6da7a8d71ac9e5d9673b81095cc66c3f61ff91674e20020c6700f8c9c6f93713fa8474eb471ded106114346ccc6afa88b4a7d0eb73dcea4
+  languageName: node
+  linkType: hard
+
+"chokidar@npm:^3.4.0, chokidar@npm:^3.5.3":
+  version: 3.5.3
+  resolution: "chokidar@npm:3.5.3"
+  dependencies:
+    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
+  dependenciesMeta:
+    fsevents:
+      optional: true
+  checksum: b49fcde40176ba007ff361b198a2d35df60d9bb2a5aab228279eb810feae9294a6b4649ab15981304447afe1e6ffbf4788ad5db77235dc770ab777c6e771980c
+  languageName: node
+  linkType: hard
+
+"chownr@npm:^1.1.1, chownr@npm:^1.1.4":
+  version: 1.1.4
+  resolution: "chownr@npm:1.1.4"
+  checksum: 115648f8eb38bac5e41c3857f3e663f9c39ed6480d1349977c4d96c95a47266fcacc5a5aabf3cb6c481e22d72f41992827db47301851766c4fd77ac21a4f081d
+  languageName: node
+  linkType: hard
+
+"chownr@npm:^2.0.0":
+  version: 2.0.0
+  resolution: "chownr@npm:2.0.0"
+  checksum: c57cf9dd0791e2f18a5ee9c1a299ae6e801ff58fee96dc8bfd0dcb4738a6ce58dd252a3605b1c93c6418fe4f9d5093b28ffbf4d66648cb2a9c67eaef9679be2f
+  languageName: node
+  linkType: hard
+
+"chrome-trace-event@npm:^1.0.2":
+  version: 1.0.2
+  resolution: "chrome-trace-event@npm:1.0.2"
+  dependencies:
+    tslib: ^1.9.0
+  checksum: a104606fd07e6191848fa15d4031ac41c1715d025074574bdbb27d998a20d75d860a2060a5aca840bfbf97ec2ef6b72df9b387ed4109a8fc6eb5c362477c9294
+  languageName: node
+  linkType: hard
+
+"chromium-pickle-js@npm:^0.2.0":
+  version: 0.2.0
+  resolution: "chromium-pickle-js@npm:0.2.0"
+  checksum: 5ccacc538b0a1ecf3484c8fb3327eae129ceee858db0f64eb0a5ff87bda096a418d0d3e6f6e0967c6334d336a2c7463f7b683ec0e1cafbe736907fa2ee2f58ca
+  languageName: node
+  linkType: hard
+
+"ci-info@npm:^2.0.0":
+  version: 2.0.0
+  resolution: "ci-info@npm:2.0.0"
+  checksum: 3b374666a85ea3ca43fa49aa3a048d21c9b475c96eb13c133505d2324e7ae5efd6a454f41efe46a152269e9b6a00c9edbe63ec7fa1921957165aae16625acd67
+  languageName: node
+  linkType: hard
+
+"ci-info@npm:^3.1.1, ci-info@npm:^3.2.0":
+  version: 3.2.0
+  resolution: "ci-info@npm:3.2.0"
+  checksum: c68995a94e95ce3f233ff845e62dfc56f2e8ff1e3f5c1361bcdd520cbbc9726d8a54cbc1a685cb9ee19c3c5e71a1dade6dda23eb364b59b8e6c32508a9b761bc
+  languageName: node
+  linkType: hard
+
+"cids@npm:^0.7.1, cids@npm:~0.7.0":
+  version: 0.7.5
+  resolution: "cids@npm:0.7.5"
+  dependencies:
+    buffer: ^5.5.0
+    class-is: ^1.1.0
+    multibase: ~0.6.0
+    multicodec: ^1.0.0
+    multihashes: ~0.4.15
+  checksum: 54aa031bef76b08a2c934237696a4af2cfc8afb5d2727cb39ab69f6ac142ef312b9a0c6070dc2b4be0a43076d8961339d8bf85287773c647b3d1d25ce203f325
+  languageName: node
+  linkType: hard
+
+"cids@npm:~0.8.0":
+  version: 0.8.3
+  resolution: "cids@npm:0.8.3"
+  dependencies:
+    buffer: ^5.6.0
+    class-is: ^1.1.0
+    multibase: ^1.0.0
+    multicodec: ^1.0.1
+    multihashes: ^1.0.1
+  checksum: ca4b18e421a6f5e446e63f296ad5c91b55bd4dd4880a78777857b2279460259946691d383928503c4381f0e05f998c7bfab5b6e623acc2d4d237571d99c53d9d
+  languageName: node
+  linkType: hard
+
+"cipher-base@npm:^1.0.0, cipher-base@npm:^1.0.1, cipher-base@npm:^1.0.3":
+  version: 1.0.4
+  resolution: "cipher-base@npm:1.0.4"
+  dependencies:
+    inherits: ^2.0.1
+    safe-buffer: ^5.0.1
+  checksum: 47d3568dbc17431a339bad1fe7dff83ac0891be8206911ace3d3b818fc695f376df809bea406e759cdea07fff4b454fa25f1013e648851bec790c1d75763032e
+  languageName: node
+  linkType: hard
+
+"cjs-module-lexer@npm:^1.0.0":
+  version: 1.2.1
+  resolution: "cjs-module-lexer@npm:1.2.1"
+  checksum: 9e9905e3f5b8b1f262d10ebb0d33407d25a48d0341acd3215ed402f9284188183f14d577340a171f75fd137b7654a780bcb6008dee9e9bd12957174f6c0e4661
+  languageName: node
+  linkType: hard
+
+"class-is@npm:^1.1.0":
+  version: 1.1.0
+  resolution: "class-is@npm:1.1.0"
+  checksum: 49024de3b264fc501a38dd59d8668f1a2b4973fa6fcef6b83d80fe6fe99a2000a8fbea5b50d4607169c65014843c9f6b41a4f8473df806c1b4787b4d47521880
+  languageName: node
+  linkType: hard
+
+"classnames@npm:^2.2.6":
+  version: 2.2.6
+  resolution: "classnames@npm:2.2.6"
+  checksum: 09a4fda780158aa8399079898eabeeca0c48c28641d9e4de140db7412e5e346843039ded1af0152f755afc2cc246ff8c3d6f227bf0dcb004e070b7fa14ec54cc
+  languageName: node
+  linkType: hard
+
+"clean-css@npm:^5.1.5":
+  version: 5.2.2
+  resolution: "clean-css@npm:5.2.2"
+  dependencies:
+    source-map: ~0.6.0
+  checksum: 10855820829b8b6ea94e462313fdc177b297aca5c7870a969591549d6a766824f912b5e58773bd345b2a7effae863ab492258b5a77a40029fba6d11d861cbee3
+  languageName: node
+  linkType: hard
+
+"cli-boxes@npm:^2.2.1":
+  version: 2.2.1
+  resolution: "cli-boxes@npm:2.2.1"
+  checksum: be79f8ec23a558b49e01311b39a1ea01243ecee30539c880cf14bf518a12e223ef40c57ead0cb44f509bffdffc5c129c746cd50d863ab879385370112af4f585
+  languageName: node
+  linkType: hard
+
+"cli-cursor@npm:^3.1.0":
+  version: 3.1.0
+  resolution: "cli-cursor@npm:3.1.0"
+  dependencies:
+    restore-cursor: ^3.1.0
+  checksum: 2692784c6cd2fd85cfdbd11f53aea73a463a6d64a77c3e098b2b4697a20443f430c220629e1ca3b195ea5ac4a97a74c2ee411f3807abf6df2b66211fec0c0a29
+  languageName: node
+  linkType: hard
+
+"cli-spinners@npm:^2.2.0, cli-spinners@npm:^2.5.0":
+  version: 2.5.0
+  resolution: "cli-spinners@npm:2.5.0"
+  checksum: 9cd7c3e22f9243c2b8436bd405d4c7aa5c7b432112fed0c9b7e1d773f8d12fb30e15083ed45474b28d5e8de490d4299dc8a213c327931a25cc998a44b4a2d747
+  languageName: node
+  linkType: hard
+
+"cli-truncate@npm:^1.1.0":
+  version: 1.1.0
+  resolution: "cli-truncate@npm:1.1.0"
+  dependencies:
+    slice-ansi: ^1.0.0
+    string-width: ^2.0.0
+  checksum: 699a385dcce2fef2d1a904be949a9ceccb20a3a30559385e44deb3915a06b3802a4dc0e2576d5a7801d453036d76ebbfaa75734f0ce94f03ee4caa5b8ea674cf
+  languageName: node
+  linkType: hard
+
+"cli-width@npm:^3.0.0":
+  version: 3.0.0
+  resolution: "cli-width@npm:3.0.0"
+  checksum: 4c94af3769367a70e11ed69aa6095f1c600c0ff510f3921ab4045af961820d57c0233acfa8b6396037391f31b4c397e1f614d234294f979ff61430a6c166c3f6
+  languageName: node
+  linkType: hard
+
+"clipboard@npm:^2.0.0":
+  version: 2.0.6
+  resolution: "clipboard@npm:2.0.6"
+  dependencies:
+    good-listener: ^1.2.2
+    select: ^1.1.2
+    tiny-emitter: ^2.0.0
+  checksum: e0eeef536344b2334fd8b0b5969e63e094051891c7e14643e47f67779aef06491e4cecbd73b21295764235aa829534fa812134ea8920537dd6a90cad68acd11f
+  languageName: node
+  linkType: hard
+
+"cliui@npm:^7.0.2":
+  version: 7.0.4
+  resolution: "cliui@npm:7.0.4"
+  dependencies:
+    string-width: ^4.2.0
+    strip-ansi: ^6.0.0
+    wrap-ansi: ^7.0.0
+  checksum: ce2e8f578a4813806788ac399b9e866297740eecd4ad1823c27fd344d78b22c5f8597d548adbcc46f0573e43e21e751f39446c5a5e804a12aace402b7a315d7f
+  languageName: node
+  linkType: hard
+
+"clone-buffer@npm:^1.0.0":
+  version: 1.0.0
+  resolution: "clone-buffer@npm:1.0.0"
+  checksum: a39a35e7fd081e0f362ba8195bd15cbc8205df1fbe4598bb4e09c1f9a13c0320a47ab8a61a8aa83561e4ed34dc07666d73254ee952ddd3985e4286b082fe63b9
+  languageName: node
+  linkType: hard
+
+"clone-deep@npm:^4.0.0, clone-deep@npm:^4.0.1":
+  version: 4.0.1
+  resolution: "clone-deep@npm:4.0.1"
+  dependencies:
+    is-plain-object: ^2.0.4
+    kind-of: ^6.0.2
+    shallow-clone: ^3.0.0
+  checksum: 770f912fe4e6f21873c8e8fbb1e99134db3b93da32df271d00589ea4a29dbe83a9808a322c93f3bcaf8584b8b4fa6fc269fc8032efbaa6728e0c9886c74467d2
+  languageName: node
+  linkType: hard
+
+"clone-response@npm:^1.0.2":
+  version: 1.0.2
+  resolution: "clone-response@npm:1.0.2"
+  dependencies:
+    mimic-response: ^1.0.0
+  checksum: 2d0e61547fc66276e0903be9654ada422515f5a15741691352000d47e8c00c226061221074ce2c0064d12e975e84a8687cfd35d8b405750cb4e772f87b256eda
+  languageName: node
+  linkType: hard
+
+"clone-stats@npm:^1.0.0":
+  version: 1.0.0
+  resolution: "clone-stats@npm:1.0.0"
+  checksum: 654c0425afc5c5c55a4d95b2e0c6eccdd55b5247e7a1e7cca9000b13688b96b0a157950c72c5307f9fd61f17333ad796d3cd654778f2d605438012391cc4ada5
+  languageName: node
+  linkType: hard
+
+"clone@npm:^1.0.2":
+  version: 1.0.4
+  resolution: "clone@npm:1.0.4"
+  checksum: d06418b7335897209e77bdd430d04f882189582e67bd1f75a04565f3f07f5b3f119a9d670c943b6697d0afb100f03b866b3b8a1f91d4d02d72c4ecf2bb64b5dd
+  languageName: node
+  linkType: hard
+
+"clone@npm:^2.1.1":
+  version: 2.1.2
+  resolution: "clone@npm:2.1.2"
+  checksum: aaf106e9bc025b21333e2f4c12da539b568db4925c0501a1bf4070836c9e848c892fa22c35548ce0d1132b08bbbfa17a00144fe58fccdab6fa900fec4250f67d
+  languageName: node
+  linkType: hard
+
+"cloneable-readable@npm:^1.0.0":
+  version: 1.1.3
+  resolution: "cloneable-readable@npm:1.1.3"
+  dependencies:
+    inherits: ^2.0.1
+    process-nextick-args: ^2.0.0
+    readable-stream: ^2.3.5
+  checksum: 23b3741225a80c1760dff58aafb6a45383d5ee2d42de7124e4e674387cfad2404493d685b35ebfca9098f99c296e5c5719e748c9750c13838a2016ea2d2bb83a
+  languageName: node
+  linkType: hard
+
+"co@npm:^4.6.0":
+  version: 4.6.0
+  resolution: "co@npm:4.6.0"
+  checksum: 5210d9223010eb95b29df06a91116f2cf7c8e0748a9013ed853b53f362ea0e822f1e5bb054fb3cefc645239a4cf966af1f6133a3b43f40d591f3b68ed6cf0510
+  languageName: node
+  linkType: hard
+
+"code-point-at@npm:^1.0.0":
+  version: 1.1.0
+  resolution: "code-point-at@npm:1.1.0"
+  checksum: 17d5666611f9b16d64fdf48176d9b7fb1c7d1c1607a189f7e600040a11a6616982876af148230336adb7d8fe728a559f743a4e29db3747e3b1a32fa7f4529681
+  languageName: node
+  linkType: hard
+
+"codeflask@npm:^1.4.1":
+  version: 1.4.1
+  resolution: "codeflask@npm:1.4.1"
+  dependencies:
+    "@types/prismjs": ^1.9.1
+    prismjs: ^1.14.0
+  checksum: 40259cd43a969bc2b292a722bbfe930eaafe73f7c3ced73a4e2275532c31496d8142f5c4c3195c02ed022fc1c8a1a5836bb40d48fc2db78828a3316f065d193e
+  languageName: node
+  linkType: hard
+
+"collect-v8-coverage@npm:^1.0.0":
+  version: 1.0.1
+  resolution: "collect-v8-coverage@npm:1.0.1"
+  checksum: 4efe0a1fccd517b65478a2364b33dadd0a43fc92a56f59aaece9b6186fe5177b2de471253587de7c91516f07c7268c2f6770b6cbcffc0e0ece353b766ec87e55
+  languageName: node
+  linkType: hard
+
+"color-convert@npm:^1.9.0, color-convert@npm:^1.9.3":
+  version: 1.9.3
+  resolution: "color-convert@npm:1.9.3"
+  dependencies:
+    color-name: 1.1.3
+  checksum: fd7a64a17cde98fb923b1dd05c5f2e6f7aefda1b60d67e8d449f9328b4e53b228a428fd38bfeaeb2db2ff6b6503a776a996150b80cdf224062af08a5c8a3a203
+  languageName: node
+  linkType: hard
+
+"color-convert@npm:^2.0.1":
+  version: 2.0.1
+  resolution: "color-convert@npm:2.0.1"
+  dependencies:
+    color-name: ~1.1.4
+  checksum: 79e6bdb9fd479a205c71d89574fccfb22bd9053bd98c6c4d870d65c132e5e904e6034978e55b43d69fcaa7433af2016ee203ce76eeba9cfa554b373e7f7db336
+  languageName: node
+  linkType: hard
+
+"color-name@npm:1.1.3":
+  version: 1.1.3
+  resolution: "color-name@npm:1.1.3"
+  checksum: 09c5d3e33d2105850153b14466501f2bfb30324a2f76568a408763a3b7433b0e50e5b4ab1947868e65cb101bb7cb75029553f2c333b6d4b8138a73fcc133d69d
+  languageName: node
+  linkType: hard
+
+"color-name@npm:^1.0.0, color-name@npm:^1.1.4, color-name@npm:~1.1.4":
+  version: 1.1.4
+  resolution: "color-name@npm:1.1.4"
+  checksum: b0445859521eb4021cd0fb0cc1a75cecf67fceecae89b63f62b201cca8d345baf8b952c966862a9d9a2632987d4f6581f0ec8d957dfacece86f0a7919316f610
+  languageName: node
+  linkType: hard
+
+"color-string@npm:^1.6.0":
+  version: 1.6.0
+  resolution: "color-string@npm:1.6.0"
+  dependencies:
+    color-name: ^1.0.0
+    simple-swizzle: ^0.2.2
+  checksum: 33466a65277dd3d4ce24ef1991b47069292f75d1a43b0d2e7ea43076ba793728e965d50deed2b523f35519f4995a908253fcbcc774baceae8e439bc78c02e850
+  languageName: node
+  linkType: hard
+
+"color-support@npm:^1.1.3":
+  version: 1.1.3
+  resolution: "color-support@npm:1.1.3"
+  bin:
+    color-support: bin.js
+  checksum: 9b7356817670b9a13a26ca5af1c21615463b500783b739b7634a0c2047c16cef4b2865d7576875c31c3cddf9dd621fa19285e628f20198b233a5cfdda6d0793b
+  languageName: node
+  linkType: hard
+
+"color@npm:^3.2.1":
+  version: 3.2.1
+  resolution: "color@npm:3.2.1"
+  dependencies:
+    color-convert: ^1.9.3
+    color-string: ^1.6.0
+  checksum: f81220e8b774d35865c2561be921f5652117638dcda7ca4029262046e37fc2444ac7bbfdd110cf1fd9c074a4ee5eda8f85944ffbdda26186b602dd9bb05f6400
+  languageName: node
+  linkType: hard
+
+"colorette@npm:^2.0.10, colorette@npm:^2.0.14":
+  version: 2.0.16
+  resolution: "colorette@npm:2.0.16"
+  checksum: cd55596a3a2d1071c1a28eee7fd8a5387593ff1bd10a3e8d0a6221499311fe34a9f2b9272d77c391e0e003dcdc8934fb2f8d106e7ef1f7516f8060c901d41a27
+  languageName: node
+  linkType: hard
+
+"colors@npm:1.0.3":
+  version: 1.0.3
+  resolution: "colors@npm:1.0.3"
+  checksum: 234e8d3ab7e4003851cdd6a1f02eaa16dabc502ee5f4dc576ad7959c64b7477b15bd21177bab4055a4c0a66aa3d919753958030445f87c39a253d73b7a3637f5
+  languageName: node
+  linkType: hard
+
+"colors@npm:^1.4.0":
+  version: 1.4.0
+  resolution: "colors@npm:1.4.0"
+  checksum: 98aa2c2418ad87dedf25d781be69dc5fc5908e279d9d30c34d8b702e586a0474605b3a189511482b9d5ed0d20c867515d22749537f7bc546256c6014f3ebdcec
+  languageName: node
+  linkType: hard
+
+"combined-stream@npm:^1.0.6, combined-stream@npm:^1.0.8, combined-stream@npm:~1.0.6":
+  version: 1.0.8
+  resolution: "combined-stream@npm:1.0.8"
+  dependencies:
+    delayed-stream: ~1.0.0
+  checksum: 49fa4aeb4916567e33ea81d088f6584749fc90c7abec76fd516bf1c5aa5c79f3584b5ba3de6b86d26ddd64bae5329c4c7479343250cfe71c75bb366eae53bb7c
+  languageName: node
+  linkType: hard
+
+"comma-separated-tokens@npm:^1.0.0":
+  version: 1.0.8
+  resolution: "comma-separated-tokens@npm:1.0.8"
+  checksum: 0adcb07174fa4d08cf0f5c8e3aec40a36b5ff0c2c720e5e23f50fe02e6789d1d00a67036c80e0c1e1539f41d3e7f0101b074039dd833b4e4a59031b659d6ca0d
+  languageName: node
+  linkType: hard
+
+"commander@npm:2.9.0":
+  version: 2.9.0
+  resolution: "commander@npm:2.9.0"
+  dependencies:
+    graceful-readlink: ">= 1.0.0"
+  checksum: 37939b6866ae190784fa946ea5b926dfe713731064c746e818642ac59e28f513b54e88e35d8c34b4d24d063cb465977dca2efd2ec974f91e495c743fcb2ae7a2
+  languageName: node
+  linkType: hard
+
+"commander@npm:^2.16.0, commander@npm:^2.18.0, commander@npm:^2.20.0, commander@npm:^2.20.3, commander@npm:^2.5.0, commander@npm:^2.8.1":
+  version: 2.20.3
+  resolution: "commander@npm:2.20.3"
+  checksum: ab8c07884e42c3a8dbc5dd9592c606176c7eb5c1ca5ff274bcf907039b2c41de3626f684ea75ccf4d361ba004bbaff1f577d5384c155f3871e456bdf27becf9e
+  languageName: node
+  linkType: hard
+
+"commander@npm:^4.0.1":
+  version: 4.1.1
+  resolution: "commander@npm:4.1.1"
+  checksum: d7b9913ff92cae20cb577a4ac6fcc121bd6223319e54a40f51a14740a681ad5c574fd29a57da478a5f234a6fa6c52cbf0b7c641353e03c648b1ae85ba670b977
+  languageName: node
+  linkType: hard
+
+"commander@npm:^5.0.0":
+  version: 5.1.0
+  resolution: "commander@npm:5.1.0"
+  checksum: 0b7fec1712fbcc6230fcb161d8d73b4730fa91a21dc089515489402ad78810547683f058e2a9835929c212fead1d6a6ade70db28bbb03edbc2829a9ab7d69447
+  languageName: node
+  linkType: hard
+
+"commander@npm:^6.2.0":
+  version: 6.2.1
+  resolution: "commander@npm:6.2.1"
+  checksum: d7090410c0de6bc5c67d3ca41c41760d6d268f3c799e530aafb73b7437d1826bbf0d2a3edac33f8b57cc9887b4a986dce307fa5557e109be40eadb7c43b21742
+  languageName: node
+  linkType: hard
+
+"commander@npm:^7.0.0, commander@npm:^7.2.0":
+  version: 7.2.0
+  resolution: "commander@npm:7.2.0"
+  checksum: 53501cbeee61d5157546c0bef0fedb6cdfc763a882136284bed9a07225f09a14b82d2a84e7637edfd1a679fb35ed9502fd58ef1d091e6287f60d790147f68ddc
+  languageName: node
+  linkType: hard
+
+"commander@npm:^8.1.0":
+  version: 8.3.0
+  resolution: "commander@npm:8.3.0"
+  checksum: 0f82321821fc27b83bd409510bb9deeebcfa799ff0bf5d102128b500b7af22872c0c92cb6a0ebc5a4cf19c6b550fba9cedfa7329d18c6442a625f851377bacf0
+  languageName: node
+  linkType: hard
+
+"commondir@npm:^1.0.1":
+  version: 1.0.1
+  resolution: "commondir@npm:1.0.1"
+  checksum: 59715f2fc456a73f68826285718503340b9f0dd89bfffc42749906c5cf3d4277ef11ef1cca0350d0e79204f00f1f6d83851ececc9095dc88512a697ac0b9bdcb
+  languageName: node
+  linkType: hard
+
+"commoner@npm:^0.10.1":
+  version: 0.10.8
+  resolution: "commoner@npm:0.10.8"
+  dependencies:
+    commander: ^2.5.0
+    detective: ^4.3.1
+    glob: ^5.0.15
+    graceful-fs: ^4.1.2
+    iconv-lite: ^0.4.5
+    mkdirp: ^0.5.0
+    private: ^0.1.6
+    q: ^1.1.2
+    recast: ^0.11.17
+  bin:
+    commonize: ./bin/commonize
+  checksum: 26104e3028a2f799421a59508b50d267f2eda580d1021d24a69acfe4d2a276e881c81991959c580f87330425fa38a7c205cddacacbb1826690d17d211f53f449
+  languageName: node
+  linkType: hard
+
+"compare-version@npm:^0.1.2":
+  version: 0.1.2
+  resolution: "compare-version@npm:0.1.2"
+  checksum: 0ceaf50b5f912c8eb8eeca19375e617209d200abebd771e9306510166462e6f91ad764f33f210a3058ee27c83f2f001a7a4ca32f509da2d207d0143a3438a020
+  languageName: node
+  linkType: hard
+
+"compress-commons@npm:^4.1.0":
+  version: 4.1.0
+  resolution: "compress-commons@npm:4.1.0"
+  dependencies:
+    buffer-crc32: ^0.2.13
+    crc32-stream: ^4.0.1
+    normalize-path: ^3.0.0
+    readable-stream: ^3.6.0
+  checksum: 3348bea7a1cce04b430f6ec3125eebbc0e23bd8dd14d30ec2fb113d3733f95ae6b12d5b33ad794e7ceab70f57e38a6c2642d96a64bc83e490a3ddae8db469949
+  languageName: node
+  linkType: hard
+
+"compressible@npm:~2.0.16":
+  version: 2.0.18
+  resolution: "compressible@npm:2.0.18"
+  dependencies:
+    mime-db: ">= 1.43.0 < 2"
+  checksum: 58321a85b375d39230405654721353f709d0c1442129e9a17081771b816302a012471a9b8f4864c7dbe02eef7f2aaac3c614795197092262e94b409c9be108f0
+  languageName: node
+  linkType: hard
+
+"compression@npm:^1.7.4":
+  version: 1.7.4
+  resolution: "compression@npm:1.7.4"
+  dependencies:
+    accepts: ~1.3.5
+    bytes: 3.0.0
+    compressible: ~2.0.16
+    debug: 2.6.9
+    on-headers: ~1.0.2
+    safe-buffer: 5.1.2
+    vary: ~1.1.2
+  checksum: 35c0f2eb1f28418978615dc1bc02075b34b1568f7f56c62d60f4214d4b7cc00d0f6d282b5f8a954f59872396bd770b6b15ffd8aa94c67d4bce9b8887b906999b
+  languageName: node
+  linkType: hard
+
+"concat-map@npm:0.0.1":
+  version: 0.0.1
+  resolution: "concat-map@npm:0.0.1"
+  checksum: 902a9f5d8967a3e2faf138d5cb784b9979bad2e6db5357c5b21c568df4ebe62bcb15108af1b2253744844eb964fc023fbd9afbbbb6ddd0bcc204c6fb5b7bf3af
+  languageName: node
+  linkType: hard
+
+"concat-stream@npm:^1.6.2":
+  version: 1.6.2
+  resolution: "concat-stream@npm:1.6.2"
+  dependencies:
+    buffer-from: ^1.0.0
+    inherits: ^2.0.3
+    readable-stream: ^2.2.2
+    typedarray: ^0.0.6
+  checksum: 1ef77032cb4459dcd5187bd710d6fc962b067b64ec6a505810de3d2b8cc0605638551b42f8ec91edf6fcd26141b32ef19ad749239b58fae3aba99187adc32285
+  languageName: node
+  linkType: hard
+
+"concurrently@npm:^7.0.0":
+  version: 7.0.0
+  resolution: "concurrently@npm:7.0.0"
+  dependencies:
+    chalk: ^4.1.0
+    date-fns: ^2.16.1
+    lodash: ^4.17.21
+    rxjs: ^6.6.3
+    spawn-command: ^0.0.2-1
+    supports-color: ^8.1.0
+    tree-kill: ^1.2.2
+    yargs: ^16.2.0
+  bin:
+    concurrently: dist/bin/concurrently.js
+  checksum: 1be78f24bf814f097adaf2e61a37563eb73f12272bbeda90e3e616a23525f793268e22a3c6aedf34e5bad44459f7c30ee053c617905416ba11ce2bee55f089a5
+  languageName: node
+  linkType: hard
+
+"config-chain@npm:^1.1.11":
+  version: 1.1.12
+  resolution: "config-chain@npm:1.1.12"
+  dependencies:
+    ini: ^1.3.4
+    proto-list: ~1.2.1
+  checksum: a16332f87212b4015afcdfc95fe42b40b162e7f10b4f4370ab3239979b6e69a41b4e6fb34d7891aa028a557f2340da236f810df433b18dfa5c408b2eb8489bf7
+  languageName: node
+  linkType: hard
+
+"configstore@npm:^5.0.1":
+  version: 5.0.1
+  resolution: "configstore@npm:5.0.1"
+  dependencies:
+    dot-prop: ^5.2.0
+    graceful-fs: ^4.1.2
+    make-dir: ^3.0.0
+    unique-string: ^2.0.0
+    write-file-atomic: ^3.0.0
+    xdg-basedir: ^4.0.0
+  checksum: 60ef65d493b63f96e14b11ba7ec072fdbf3d40110a94fb7199d1c287761bdea5c5244e76b2596325f30c1b652213aa75de96ea20afd4a5f82065e61ea090988e
+  languageName: node
+  linkType: hard
+
+"connect-history-api-fallback@npm:^1.6.0":
+  version: 1.6.0
+  resolution: "connect-history-api-fallback@npm:1.6.0"
+  checksum: 804ca2be28c999032ecd37a9f71405e5d7b7a4b3defcebbe41077bb8c5a0a150d7b59f51dcc33b2de30bc7e217a31d10f8cfad27e8e74c2fc7655eeba82d6e7e
+  languageName: node
+  linkType: hard
+
+"console-control-strings@npm:^1.0.0, console-control-strings@npm:^1.1.0, console-control-strings@npm:~1.1.0":
+  version: 1.1.0
+  resolution: "console-control-strings@npm:1.1.0"
+  checksum: 8755d76787f94e6cf79ce4666f0c5519906d7f5b02d4b884cf41e11dcd759ed69c57da0670afd9236d229a46e0f9cf519db0cd829c6dca820bb5a5c3def584ed
+  languageName: node
+  linkType: hard
+
+"consolidate@npm:^0.15.1":
+  version: 0.15.1
+  resolution: "consolidate@npm:0.15.1"
+  dependencies:
+    bluebird: ^3.1.1
+  checksum: 5a44ee975f8403dd3ff8ff3472fda7db0484b19f153eaac38e784465505a0741939c72d703befda7c75649739fc7a68f9659a86e2a62469336a8d531bd7a10df
+  languageName: node
+  linkType: hard
+
+"content-disposition@npm:0.5.4":
+  version: 0.5.4
+  resolution: "content-disposition@npm:0.5.4"
+  dependencies:
+    safe-buffer: 5.2.1
+  checksum: afb9d545e296a5171d7574fcad634b2fdf698875f4006a9dd04a3e1333880c5c0c98d47b560d01216fb6505a54a2ba6a843ee3a02ec86d7e911e8315255f56c3
+  languageName: node
+  linkType: hard
+
+"content-hash@npm:^2.5.2":
+  version: 2.5.2
+  resolution: "content-hash@npm:2.5.2"
+  dependencies:
+    cids: ^0.7.1
+    multicodec: ^0.5.5
+    multihashes: ^0.4.15
+  checksum: 31869e4d137b59d02003df0c0f0ad080744d878ed12a57f7d20b2cfd526d59d6317e9f52fa6e49cba59df7f9ab49ceb96d6a832685b85bae442e0c906f7193be
+  languageName: node
+  linkType: hard
+
+"content-type@npm:~1.0.4":
+  version: 1.0.4
+  resolution: "content-type@npm:1.0.4"
+  checksum: 3d93585fda985d1554eca5ebd251994327608d2e200978fdbfba21c0c679914d5faf266d17027de44b34a72c7b0745b18584ecccaa7e1fdfb6a68ac7114f12e0
+  languageName: node
+  linkType: hard
+
+"convert-source-map@npm:^1.1.0, convert-source-map@npm:^1.4.0, convert-source-map@npm:^1.5.0, convert-source-map@npm:^1.6.0, convert-source-map@npm:^1.7.0":
+  version: 1.7.0
+  resolution: "convert-source-map@npm:1.7.0"
+  dependencies:
+    safe-buffer: ~5.1.1
+  checksum: bcd2e3ea7d37f96b85a6e362c8a89402ccc73757256e3ee53aa2c22fe915adb854c66b1f81111be815a3a6a6ce3c58e8001858e883c9d5b4fe08a853fa865967
+  languageName: node
+  linkType: hard
+
+"cookie-signature@npm:1.0.6":
+  version: 1.0.6
+  resolution: "cookie-signature@npm:1.0.6"
+  checksum: f4e1b0a98a27a0e6e66fd7ea4e4e9d8e038f624058371bf4499cfcd8f3980be9a121486995202ba3fca74fbed93a407d6d54d43a43f96fd28d0bd7a06761591a
+  languageName: node
+  linkType: hard
+
+"cookie@npm:0.4.2":
+  version: 0.4.2
+  resolution: "cookie@npm:0.4.2"
+  checksum: a00833c998bedf8e787b4c342defe5fa419abd96b32f4464f718b91022586b8f1bafbddd499288e75c037642493c83083da426c6a9080d309e3bd90fd11baa9b
+  languageName: node
+  linkType: hard
+
+"cookiejar@npm:^2.1.1":
+  version: 2.1.2
+  resolution: "cookiejar@npm:2.1.2"
+  checksum: 706cad1a56db51dfb13c1fef73dab8e7fabcfdfbe5d58d463139b4af1482603291832053cc85564bc998a05784956a6cf0ac667414a0a8d7765c65ed3ed42f3e
+  languageName: node
+  linkType: hard
+
+"copy-to-clipboard@npm:^3":
+  version: 3.3.1
+  resolution: "copy-to-clipboard@npm:3.3.1"
+  dependencies:
+    toggle-selection: ^1.0.6
+  checksum: 3c7b1c333dc6a4b2e9905f52e4df6bbd34ff9f9c97ecd3ca55378a6bc1c191bb12a3252e6289c7b436e9188cff0360d393c0161626851d2301607860bbbdcfd5
+  languageName: node
+  linkType: hard
+
+"copy-webpack-plugin@npm:^10.2.4":
+  version: 10.2.4
+  resolution: "copy-webpack-plugin@npm:10.2.4"
+  dependencies:
+    fast-glob: ^3.2.7
+    glob-parent: ^6.0.1
+    globby: ^12.0.2
+    normalize-path: ^3.0.0
+    schema-utils: ^4.0.0
+    serialize-javascript: ^6.0.0
+  peerDependencies:
+    webpack: ^5.1.0
+  checksum: 87f0f4530ab3e58ec06a7c3182028dfd8cc85b045a0d18c4464caafeae1ed1141c2aad6eae37e100a74a72b69dc48c93af358c07038b7a22f490a678c0ab142e
+  languageName: node
+  linkType: hard
+
+"core-js-compat@npm:^3.20.0, core-js-compat@npm:^3.20.2":
+  version: 3.20.2
+  resolution: "core-js-compat@npm:3.20.2"
+  dependencies:
+    browserslist: ^4.19.1
+    semver: 7.0.0
+  checksum: 303fcf5dede7363d484ebacdbdb6924e8c8493168b5db0536f8afe3c0fadc54333616d311e70146ab4e35b7c7bc8982a68af18a58085a767c9162c3242ba3451
+  languageName: node
+  linkType: hard
+
+"core-js-pure@npm:^3.0.0":
+  version: 3.8.1
+  resolution: "core-js-pure@npm:3.8.1"
+  checksum: 02815b17d01ec98649cb6d46ebe01ea5c10d532baadf74832acba9225dff1c21adbc01894b3cd5b68b365c1c532a869e491b899fc7364d594ff54c001a495b0c
+  languageName: node
+  linkType: hard
+
+"core-js@npm:^2.6.5":
+  version: 2.6.12
+  resolution: "core-js@npm:2.6.12"
+  checksum: 44fa9934a85f8c78d61e0c8b7b22436330471ffe59ec5076fe7f324d6e8cf7f824b14b1c81ca73608b13bdb0fef035bd820989bf059767ad6fa13123bb8bd016
+  languageName: node
+  linkType: hard
+
+"core-js@npm:^3.6.5":
+  version: 3.8.1
+  resolution: "core-js@npm:3.8.1"
+  checksum: 0212b6d2d113d2ed50d5cfed467e1b64fa25b53f0d5c38eba4ac591a7d6d05bd74bab544fa982c07acaf781daab5f468e8b7d3f5a774bccdf6059bf0ce54b3d5
+  languageName: node
+  linkType: hard
+
+"core-util-is@npm:1.0.2, core-util-is@npm:~1.0.0":
+  version: 1.0.2
+  resolution: "core-util-is@npm:1.0.2"
+  checksum: 7a4c925b497a2c91421e25bf76d6d8190f0b2359a9200dbeed136e63b2931d6294d3b1893eda378883ed363cd950f44a12a401384c609839ea616befb7927dab
+  languageName: node
+  linkType: hard
+
+"cors@npm:^2.8.1":
+  version: 2.8.5
+  resolution: "cors@npm:2.8.5"
+  dependencies:
+    object-assign: ^4
+    vary: ^1
+  checksum: ced838404ccd184f61ab4fdc5847035b681c90db7ac17e428f3d81d69e2989d2b680cc254da0e2554f5ed4f8a341820a1ce3d1c16b499f6e2f47a1b9b07b5006
+  languageName: node
+  linkType: hard
+
+"coveralls@npm:^3.1.1":
+  version: 3.1.1
+  resolution: "coveralls@npm:3.1.1"
+  dependencies:
+    js-yaml: ^3.13.1
+    lcov-parse: ^1.0.0
+    log-driver: ^1.2.7
+    minimist: ^1.2.5
+    request: ^2.88.2
+  bin:
+    coveralls: bin/coveralls.js
+  checksum: 70a208907c5c9182120e980392988245fb170889b1a5c7c4f6c7271026dd88caa2b5750b15b6f16d3a2ba4c718bada8c8dd4ed1e9503a42703c71af384de1abf
+  languageName: node
+  linkType: hard
+
+"cpu-features@npm:0.0.2":
+  version: 0.0.2
+  resolution: "cpu-features@npm:0.0.2"
+  dependencies:
+    nan: ^2.14.1
+    node-gyp: latest
+  checksum: 15177f9a2d465e4d84390f902c977b34f237dadb29fd8553853b13d906ffe5f15be9f091c72db4f34c71412d5ff4e0e4edf04caebc875b02d1d7ecfce2963299
+  languageName: node
+  linkType: hard
+
+"crc-32@npm:^1.2.0":
+  version: 1.2.0
+  resolution: "crc-32@npm:1.2.0"
+  dependencies:
+    exit-on-epipe: ~1.0.1
+    printj: ~1.1.0
+  bin:
+    crc32: ./bin/crc32.njs
+  checksum: 7bcde8bea262f6629ac3c70e20bdfa3d058dc77091705ce8620513f76f19b41fc273ddd65a716eef9b4e33fbb61ff7f9b266653d214319aef27e4223789c6b9e
+  languageName: node
+  linkType: hard
+
+"crc32-stream@npm:^4.0.1":
+  version: 4.0.2
+  resolution: "crc32-stream@npm:4.0.2"
+  dependencies:
+    crc-32: ^1.2.0
+    readable-stream: ^3.4.0
+  checksum: 1099559283b86e8a55390228b57ff4d57a74cac6aa8086aa4730f84317c9f93e914aeece115352f2d706a9df7ed75327ffacd86cfe23f040aef821231b528e76
+  languageName: node
+  linkType: hard
+
+"crc@npm:^3.8.0":
+  version: 3.8.0
+  resolution: "crc@npm:3.8.0"
+  dependencies:
+    buffer: ^5.1.0
+  checksum: dabbc4eba223b206068b92ca82bb471d583eb6be2384a87f5c3712730cfd6ba4b13a45e8ba3ef62174d5a781a2c5ac5c20bf36cf37bba73926899bd0aa19186f
+  languageName: node
+  linkType: hard
+
+"create-ecdh@npm:^4.0.0":
+  version: 4.0.4
+  resolution: "create-ecdh@npm:4.0.4"
+  dependencies:
+    bn.js: ^4.1.0
+    elliptic: ^6.5.3
+  checksum: 0dd7fca9711d09e152375b79acf1e3f306d1a25ba87b8ff14c2fd8e68b83aafe0a7dd6c4e540c9ffbdd227a5fa1ad9b81eca1f233c38bb47770597ba247e614b
+  languageName: node
+  linkType: hard
+
+"create-hash@npm:^1.1.0, create-hash@npm:^1.1.2, create-hash@npm:^1.2.0":
+  version: 1.2.0
+  resolution: "create-hash@npm:1.2.0"
+  dependencies:
+    cipher-base: ^1.0.1
+    inherits: ^2.0.1
+    md5.js: ^1.3.4
+    ripemd160: ^2.0.1
+    sha.js: ^2.4.0
+  checksum: 02a6ae3bb9cd4afee3fabd846c1d8426a0e6b495560a977ba46120c473cb283be6aa1cace76b5f927cf4e499c6146fb798253e48e83d522feba807d6b722eaa9
+  languageName: node
+  linkType: hard
+
+"create-hmac@npm:^1.1.0, create-hmac@npm:^1.1.4, create-hmac@npm:^1.1.7":
+  version: 1.1.7
+  resolution: "create-hmac@npm:1.1.7"
+  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
+  checksum: ba12bb2257b585a0396108c72830e85f882ab659c3320c83584b1037f8ab72415095167ced80dc4ce8e446a8ecc4b2acf36d87befe0707d73b26cf9dc77440ed
+  languageName: node
+  linkType: hard
+
+"create-react-context@npm:^0.3.0":
+  version: 0.3.0
+  resolution: "create-react-context@npm:0.3.0"
+  dependencies:
+    gud: ^1.0.0
+    warning: ^4.0.3
+  peerDependencies:
+    prop-types: ^15.0.0
+    react: ^0.14.0 || ^15.0.0 || ^16.0.0
+  checksum: e59b7a65671e59f5b11e06f67faadf0733ab6c33247d5631331aeb05450d180b8ae44d73817b9c02f1527654ba490ea3d3dd7320f8d6debb36776f10b0ae6a47
+  languageName: node
+  linkType: hard
+
+"cross-spawn@npm:^7.0.1, cross-spawn@npm:^7.0.2, cross-spawn@npm:^7.0.3":
+  version: 7.0.3
+  resolution: "cross-spawn@npm:7.0.3"
+  dependencies:
+    path-key: ^3.1.0
+    shebang-command: ^2.0.0
+    which: ^2.0.1
+  checksum: 671cc7c7288c3a8406f3c69a3ae2fc85555c04169e9d611def9a675635472614f1c0ed0ef80955d5b6d4e724f6ced67f0ad1bb006c2ea643488fcfef994d7f52
+  languageName: node
+  linkType: hard
+
+"crypto-browserify@npm:3.12.0, crypto-browserify@npm:^3.12.0":
+  version: 3.12.0
+  resolution: "crypto-browserify@npm:3.12.0"
+  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
+  checksum: c1609af82605474262f3eaa07daa0b2140026bd264ab316d4bf1170272570dbe02f0c49e29407fe0d3634f96c507c27a19a6765fb856fed854a625f9d15618e2
+  languageName: node
+  linkType: hard
+
+"crypto-random-string@npm:^2.0.0":
+  version: 2.0.0
+  resolution: "crypto-random-string@npm:2.0.0"
+  checksum: 0283879f55e7c16fdceacc181f87a0a65c53bc16ffe1d58b9d19a6277adcd71900d02bb2c4843dd55e78c51e30e89b0fec618a7f170ebcc95b33182c28f05fd6
+  languageName: node
+  linkType: hard
+
+"css-box-model@npm:^1.2.0":
+  version: 1.2.1
+  resolution: "css-box-model@npm:1.2.1"
+  dependencies:
+    tiny-invariant: ^1.0.6
+  checksum: 4d113f26fed6b9150e2c314502d00dabe06f12ae43a01a7e9b6e57f3de49b4281dbb0dc46a1158a7349618f8f34d9250af57cb43d7337e9485e73e6b821e470e
+  languageName: node
+  linkType: hard
+
+"css-color-keywords@npm:^1.0.0":
+  version: 1.0.0
+  resolution: "css-color-keywords@npm:1.0.0"
+  checksum: 8f125e3ad477bd03c77b533044bd9e8a6f7c0da52d49bbc0bbe38327b3829d6ba04d368ca49dd9ff3b667d2fc8f1698d891c198bbf8feade1a5501bf5a296408
+  languageName: node
+  linkType: hard
+
+"css-loader@npm:^5.2.7":
+  version: 5.2.7
+  resolution: "css-loader@npm:5.2.7"
+  dependencies:
+    icss-utils: ^5.1.0
+    loader-utils: ^2.0.0
+    postcss: ^8.2.15
+    postcss-modules-extract-imports: ^3.0.0
+    postcss-modules-local-by-default: ^4.0.0
+    postcss-modules-scope: ^3.0.0
+    postcss-modules-values: ^4.0.0
+    postcss-value-parser: ^4.1.0
+    schema-utils: ^3.0.0
+    semver: ^7.3.5
+  peerDependencies:
+    webpack: ^4.27.0 || ^5.0.0
+  checksum: fb0742b30ac0919f94b99a323bdefe6d48ae46d66c7d966aae59031350532f368f8bba5951fcd268f2e053c5e6e4655551076268e9073ccb58e453f98ae58f8e
+  languageName: node
+  linkType: hard
+
+"css-select@npm:^4.1.3":
+  version: 4.2.1
+  resolution: "css-select@npm:4.2.1"
+  dependencies:
+    boolbase: ^1.0.0
+    css-what: ^5.1.0
+    domhandler: ^4.3.0
+    domutils: ^2.8.0
+    nth-check: ^2.0.1
+  checksum: 6617193ec7c332217204c4ea371d332c6845603fda415e36032e7e9e18206d7c368a14e3c57532082314d2689955b01122aa1097c1c52b6c1cab7ad90970d3c6
+  languageName: node
+  linkType: hard
+
+"css-to-react-native@npm:^3.0.0":
+  version: 3.0.0
+  resolution: "css-to-react-native@npm:3.0.0"
+  dependencies:
+    camelize: ^1.0.0
+    css-color-keywords: ^1.0.0
+    postcss-value-parser: ^4.0.2
+  checksum: 98a2e9d4fbe9cabc8b744dfdd5ec108396ce497a7b860912a95b299bd52517461281810fcb707965a021a8be39adca9587184a26fb4e926211391a1557aca3c1
+  languageName: node
+  linkType: hard
+
+"css-what@npm:^5.1.0":
+  version: 5.1.0
+  resolution: "css-what@npm:5.1.0"
+  checksum: 0b75d1bac95c885c168573c85744a6c6843d8c33345f54f717218b37ea6296b0e99bb12105930ea170fd4a921990392a7c790c16c585c1d8960c49e2b7ec39f7
+  languageName: node
+  linkType: hard
+
+"css.escape@npm:^1.5.1":
+  version: 1.5.1
+  resolution: "css.escape@npm:1.5.1"
+  checksum: f6d38088d870a961794a2580b2b2af1027731bb43261cfdce14f19238a88664b351cc8978abc20f06cc6bbde725699dec8deb6fe9816b139fc3f2af28719e774
+  languageName: node
+  linkType: hard
+
+"css@npm:^3.0.0":
+  version: 3.0.0
+  resolution: "css@npm:3.0.0"
+  dependencies:
+    inherits: ^2.0.4
+    source-map: ^0.6.1
+    source-map-resolve: ^0.6.0
+  checksum: 4273ac816ddf99b99acb9c1d1a27d86d266a533cc01118369d941d8e8a78277a83cad3315e267a398c509d930fbb86504e193ea1ebc620a4a4212e06fe76e8be
+  languageName: node
+  linkType: hard
+
+"cssesc@npm:^3.0.0":
+  version: 3.0.0
+  resolution: "cssesc@npm:3.0.0"
+  bin:
+    cssesc: bin/cssesc
+  checksum: f8c4ababffbc5e2ddf2fa9957dda1ee4af6048e22aeda1869d0d00843223c1b13ad3f5d88b51caa46c994225eacb636b764eb807a8883e2fb6f99b4f4e8c48b2
+  languageName: node
+  linkType: hard
+
+"cssom@npm:^0.4.4":
+  version: 0.4.4
+  resolution: "cssom@npm:0.4.4"
+  checksum: e3bc1076e7ee4213d4fef05e7ae03bfa83dc05f32611d8edc341f4ecc3d9647b89c8245474c7dd2cdcdb797a27c462e99da7ad00a34399694559f763478ff53f
+  languageName: node
+  linkType: hard
+
+"cssom@npm:~0.3.6":
+  version: 0.3.8
+  resolution: "cssom@npm:0.3.8"
+  checksum: 24beb3087c76c0d52dd458be9ee1fbc80ac771478a9baef35dd258cdeb527c68eb43204dd439692bb2b1ae5272fa5f2946d10946edab0d04f1078f85e06bc7f6
+  languageName: node
+  linkType: hard
+
+"cssstyle@npm:^2.3.0":
+  version: 2.3.0
+  resolution: "cssstyle@npm:2.3.0"
+  dependencies:
+    cssom: ~0.3.6
+  checksum: 5f05e6fd2e3df0b44695c2f08b9ef38b011862b274e320665176467c0725e44a53e341bc4959a41176e83b66064ab786262e7380fd1cabeae6efee0d255bb4e3
+  languageName: node
+  linkType: hard
+
+"csstype@npm:^3.0.2":
+  version: 3.0.5
+  resolution: "csstype@npm:3.0.5"
+  checksum: bf6a7c84c246b09e4ac21c4890f3e9f7cd203e819fa5f59fee4b642e6a11d403abc5e5fb611367737caec69dec9ccaaa92397d4d528dd99ff0f03791687dd136
+  languageName: node
+  linkType: hard
+
+"d@npm:1, d@npm:^1.0.1":
+  version: 1.0.1
+  resolution: "d@npm:1.0.1"
+  dependencies:
+    es5-ext: ^0.10.50
+    type: ^1.0.1
+  checksum: 49ca0639c7b822db670de93d4fbce44b4aa072cd848c76292c9978a8cd0fff1028763020ff4b0f147bd77bfe29b4c7f82e0f71ade76b2a06100543cdfd948d19
+  languageName: node
+  linkType: hard
+
+"dashdash@npm:^1.12.0":
+  version: 1.14.1
+  resolution: "dashdash@npm:1.14.1"
+  dependencies:
+    assert-plus: ^1.0.0
+  checksum: 3634c249570f7f34e3d34f866c93f866c5b417f0dd616275decae08147dcdf8fccfaa5947380ccfb0473998ea3a8057c0b4cd90c875740ee685d0624b2983598
+  languageName: node
+  linkType: hard
+
+"data-urls@npm:^2.0.0":
+  version: 2.0.0
+  resolution: "data-urls@npm:2.0.0"
+  dependencies:
+    abab: ^2.0.3
+    whatwg-mimetype: ^2.3.0
+    whatwg-url: ^8.0.0
+  checksum: 97caf828aac25e25e04ba6869db0f99c75e6859bb5b424ada28d3e7841941ebf08ddff3c1b1bb4585986bd507a5d54c2a716853ea6cb98af877400e637393e71
+  languageName: node
+  linkType: hard
+
+"date-fns@npm:^2.16.1":
+  version: 2.21.3
+  resolution: "date-fns@npm:2.21.3"
+  checksum: 00dc783af23ab1ca686ea9a21acd9572733ca9544c40a26e3061fc190bb0663c638c88f35d7719553279ad08c787eae816eaa0043d141563efc8394235f6c857
+  languageName: node
+  linkType: hard
+
+"debug@npm:2.6.9, debug@npm:^2.2.0, debug@npm:^2.6.8, debug@npm:^2.6.9":
+  version: 2.6.9
+  resolution: "debug@npm:2.6.9"
+  dependencies:
+    ms: 2.0.0
+  checksum: d2f51589ca66df60bf36e1fa6e4386b318c3f1e06772280eea5b1ae9fd3d05e9c2b7fd8a7d862457d00853c75b00451aa2d7459b924629ee385287a650f58fe6
+  languageName: node
+  linkType: hard
+
+"debug@npm:4, debug@npm:^4.0.0, debug@npm:^4.1.0, debug@npm:^4.1.1, debug@npm:^4.3.1, debug@npm:^4.3.2, debug@npm:^4.3.4":
+  version: 4.3.4
+  resolution: "debug@npm:4.3.4"
+  dependencies:
+    ms: 2.1.2
+  peerDependenciesMeta:
+    supports-color:
+      optional: true
+  checksum: 3dbad3f94ea64f34431a9cbf0bafb61853eda57bff2880036153438f50fb5a84f27683ba0d8e5426bf41a8c6ff03879488120cf5b3a761e77953169c0600a708
+  languageName: node
+  linkType: hard
+
+"debug@npm:^3.1.1, debug@npm:^3.2.7":
+  version: 3.2.7
+  resolution: "debug@npm:3.2.7"
+  dependencies:
+    ms: ^2.1.1
+  checksum: b3d8c5940799914d30314b7c3304a43305fd0715581a919dacb8b3176d024a782062368405b47491516d2091d6462d4d11f2f4974a405048094f8bfebfa3071c
+  languageName: node
+  linkType: hard
+
+"decamelize-keys@npm:^1.1.0":
+  version: 1.1.0
+  resolution: "decamelize-keys@npm:1.1.0"
+  dependencies:
+    decamelize: ^1.1.0
+    map-obj: ^1.0.0
+  checksum: 8bc5d32e035a072f5dffc1f1f3d26ca7ab1fb44a9cade34c97ab6cd1e62c81a87e718101e96de07d78cecda20a3fdb955df958e46671ccad01bb8dcf0de2e298
+  languageName: node
+  linkType: hard
+
+"decamelize@npm:^1.1.0, decamelize@npm:^1.2.0":
+  version: 1.2.0
+  resolution: "decamelize@npm:1.2.0"
+  checksum: ad8c51a7e7e0720c70ec2eeb1163b66da03e7616d7b98c9ef43cce2416395e84c1e9548dd94f5f6ffecfee9f8b94251fc57121a8b021f2ff2469b2bae247b8aa
+  languageName: node
+  linkType: hard
+
+"decimal.js@npm:^10.2.1":
+  version: 10.2.1
+  resolution: "decimal.js@npm:10.2.1"
+  checksum: d2421adf209422d520c8f1a4d1fceffc2ccd0c041aa179f8d18a315ebda6a7be918f2634ac850df299dccccae6a3567c5761301a1c3693461fdef3d1de23b000
+  languageName: node
+  linkType: hard
+
+"decode-uri-component@npm:^0.2.0":
+  version: 0.2.0
+  resolution: "decode-uri-component@npm:0.2.0"
+  checksum: f3749344ab9305ffcfe4bfe300e2dbb61fc6359e2b736812100a3b1b6db0a5668cba31a05e4b45d4d63dbf1a18dfa354cd3ca5bb3ededddabb8cd293f4404f94
+  languageName: node
+  linkType: hard
+
+"decomment@npm:^0.9.3":
+  version: 0.9.3
+  resolution: "decomment@npm:0.9.3"
+  dependencies:
+    esprima: 4.0.1
+  checksum: a8aa53db8715b21a163b2552e6d3afb2a9165b6ac541faeab2bc422ae19aef1af1202877fcd1bb6edf326e46675d0ffe3380dba0395332916a6b2fb4ff9a4e72
+  languageName: node
+  linkType: hard
+
+"decompress-response@npm:^3.2.0, decompress-response@npm:^3.3.0":
+  version: 3.3.0
+  resolution: "decompress-response@npm:3.3.0"
+  dependencies:
+    mimic-response: ^1.0.0
+  checksum: 952552ac3bd7de2fc18015086b09468645c9638d98a551305e485230ada278c039c91116e946d07894b39ee53c0f0d5b6473f25a224029344354513b412d7380
+  languageName: node
+  linkType: hard
+
+"decompress-response@npm:^4.2.0":
+  version: 4.2.1
+  resolution: "decompress-response@npm:4.2.1"
+  dependencies:
+    mimic-response: ^2.0.0
+  checksum: 4e783ca4dfe9417354d61349750fe05236f565a4415a6ca20983a311be2371debaedd9104c0b0e7b36e5f167aeaae04f84f1a0b3f8be4162f1d7d15598b8fdba
+  languageName: node
+  linkType: hard
+
+"decompress-response@npm:^6.0.0":
+  version: 6.0.0
+  resolution: "decompress-response@npm:6.0.0"
+  dependencies:
+    mimic-response: ^3.1.0
+  checksum: d377cf47e02d805e283866c3f50d3d21578b779731e8c5072d6ce8c13cc31493db1c2f6784da9d1d5250822120cefa44f1deab112d5981015f2e17444b763812
+  languageName: node
+  linkType: hard
+
+"dedent@npm:^0.7.0":
+  version: 0.7.0
+  resolution: "dedent@npm:0.7.0"
+  checksum: 87de191050d9a40dd70cad01159a0bcf05ecb59750951242070b6abf9569088684880d00ba92a955b4058804f16eeaf91d604f283929b4f614d181cd7ae633d2
+  languageName: node
+  linkType: hard
+
+"deep-equal@npm:^1.1.1":
+  version: 1.1.1
+  resolution: "deep-equal@npm:1.1.1"
+  dependencies:
+    is-arguments: ^1.0.4
+    is-date-object: ^1.0.1
+    is-regex: ^1.0.4
+    object-is: ^1.0.1
+    object-keys: ^1.1.1
+    regexp.prototype.flags: ^1.2.0
+  checksum: f92686f2c5bcdf714a75a5fa7a9e47cb374a8ec9307e717b8d1ce61f56a75aaebf5619c2a12b8087a705b5a2f60d0292c35f8b58cb1f72e3268a3a15cab9f78d
+  languageName: node
+  linkType: hard
+
+"deep-extend@npm:^0.6.0":
+  version: 0.6.0
+  resolution: "deep-extend@npm:0.6.0"
+  checksum: 7be7e5a8d468d6b10e6a67c3de828f55001b6eb515d014f7aeb9066ce36bd5717161eb47d6a0f7bed8a9083935b465bc163ee2581c8b128d29bf61092fdf57a7
+  languageName: node
+  linkType: hard
+
+"deep-is@npm:^0.1.3, deep-is@npm:~0.1.3":
+  version: 0.1.3
+  resolution: "deep-is@npm:0.1.3"
+  checksum: c15b04c3848a89880c94e25b077c19b47d9a30dd99048e70e5f95d943e7b246bee1da0c1376b56b01bc045be2cae7d9b1c856e68e47e9805634327de7c6cb6d5
+  languageName: node
+  linkType: hard
+
+"deepmerge@npm:^4.0.0, deepmerge@npm:^4.2.2":
+  version: 4.2.2
+  resolution: "deepmerge@npm:4.2.2"
+  checksum: a8c43a1ed8d6d1ed2b5bf569fa4c8eb9f0924034baf75d5d406e47e157a451075c4db353efea7b6bcc56ec48116a8ce72fccf867b6e078e7c561904b5897530b
+  languageName: node
+  linkType: hard
+
+"default-gateway@npm:^6.0.3":
+  version: 6.0.3
+  resolution: "default-gateway@npm:6.0.3"
+  dependencies:
+    execa: ^5.0.0
+  checksum: 126f8273ecac8ee9ff91ea778e8784f6cd732d77c3157e8c5bdd6ed03651b5291f71446d05bc02d04073b1e67583604db5394ea3cf992ede0088c70ea15b7378
+  languageName: node
+  linkType: hard
+
+"defaults@npm:^1.0.3":
+  version: 1.0.3
+  resolution: "defaults@npm:1.0.3"
+  dependencies:
+    clone: ^1.0.2
+  checksum: 96e2112da6553d376afd5265ea7cbdb2a3b45535965d71ab8bb1da10c8126d168fdd5268799625324b368356d21ba2a7b3d4ec50961f11a47b7feb9de3d4413e
+  languageName: node
+  linkType: hard
+
+"defer-to-connect@npm:^1.0.1":
+  version: 1.1.3
+  resolution: "defer-to-connect@npm:1.1.3"
+  checksum: 9491b301dcfa04956f989481ba7a43c2231044206269eb4ab64a52d6639ee15b1252262a789eb4239fb46ab63e44d4e408641bae8e0793d640aee55398cb3930
+  languageName: node
+  linkType: hard
+
+"defer-to-connect@npm:^2.0.0":
+  version: 2.0.0
+  resolution: "defer-to-connect@npm:2.0.0"
+  checksum: 635a01644ea6b52268a9b15c3196ec3a4cb01f874ff09d3ec7858c4aac0ea12ac554aa8831b7ac8ae88c4761e1653f8ea05cf5eebd1236b7bedfde34db52813c
+  languageName: node
+  linkType: hard
+
+"define-lazy-prop@npm:^2.0.0":
+  version: 2.0.0
+  resolution: "define-lazy-prop@npm:2.0.0"
+  checksum: 0115fdb065e0490918ba271d7339c42453d209d4cb619dfe635870d906731eff3e1ade8028bb461ea27ce8264ec5e22c6980612d332895977e89c1bbc80fcee2
+  languageName: node
+  linkType: hard
+
+"define-properties@npm:^1.1.3":
+  version: 1.1.3
+  resolution: "define-properties@npm:1.1.3"
+  dependencies:
+    object-keys: ^1.0.12
+  checksum: da80dba55d0cd76a5a7ab71ef6ea0ebcb7b941f803793e4e0257b384cb772038faa0c31659d244e82c4342edef841c1a1212580006a05a5068ee48223d787317
+  languageName: node
+  linkType: hard
+
+"defined@npm:^1.0.0":
+  version: 1.0.0
+  resolution: "defined@npm:1.0.0"
+  checksum: 77672997c5001773371c4dbcce98da0b3dc43089d6da2ad87c4b800adb727633cea8723ea3889fe0c2112a2404e2fd07e3bfd0e55f7426aa6441d8992045dbd5
+  languageName: node
+  linkType: hard
+
+"delayed-stream@npm:~1.0.0":
+  version: 1.0.0
+  resolution: "delayed-stream@npm:1.0.0"
+  checksum: 46fe6e83e2cb1d85ba50bd52803c68be9bd953282fa7096f51fc29edd5d67ff84ff753c51966061e5ba7cb5e47ef6d36a91924eddb7f3f3483b1c560f77a0020
+  languageName: node
+  linkType: hard
+
+"delegate@npm:^3.1.2":
+  version: 3.2.0
+  resolution: "delegate@npm:3.2.0"
+  checksum: d943058fe05897228b158cbd1bab05164df28c8f54127873231d6b03b0a5acc1b3ee1f98ac70ccc9b79cd84aa47118a7de111fee2923753491583905069da27d
+  languageName: node
+  linkType: hard
+
+"delegates@npm:^1.0.0":
+  version: 1.0.0
+  resolution: "delegates@npm:1.0.0"
+  checksum: a51744d9b53c164ba9c0492471a1a2ffa0b6727451bdc89e31627fdf4adda9d51277cfcbfb20f0a6f08ccb3c436f341df3e92631a3440226d93a8971724771fd
+  languageName: node
+  linkType: hard
+
+"depd@npm:~1.1.2":
+  version: 1.1.2
+  resolution: "depd@npm:1.1.2"
+  checksum: 6b406620d269619852885ce15965272b829df6f409724415e0002c8632ab6a8c0a08ec1f0bd2add05dc7bd7507606f7e2cc034fa24224ab829580040b835ecd9
+  languageName: node
+  linkType: hard
+
+"dependency-tree@npm:^8.1.1":
+  version: 8.1.1
+  resolution: "dependency-tree@npm:8.1.1"
+  dependencies:
+    commander: ^2.20.3
+    debug: ^4.3.1
+    filing-cabinet: ^3.0.0
+    precinct: ^8.0.0
+    typescript: ^3.9.7
+  bin:
+    dependency-tree: bin/cli.js
+  checksum: 435e53c5c63ded037d948a86b95bf0179cef46238d4bc67844ae197535e8f1fe41d054c8dc544d0d799f0789b322a43cd7ca502ba14e39c9ba491d4465dfc193
+  languageName: node
+  linkType: hard
+
+"deprecation@npm:^2.0.0, deprecation@npm:^2.3.1":
+  version: 2.3.1
+  resolution: "deprecation@npm:2.3.1"
+  checksum: f56a05e182c2c195071385455956b0c4106fe14e36245b00c689ceef8e8ab639235176a96977ba7c74afb173317fac2e0ec6ec7a1c6d1e6eaa401c586c714132
+  languageName: node
+  linkType: hard
+
+"des.js@npm:^1.0.0":
+  version: 1.0.1
+  resolution: "des.js@npm:1.0.1"
+  dependencies:
+    inherits: ^2.0.1
+    minimalistic-assert: ^1.0.0
+  checksum: 1ec2eedd7ed6bd61dd5e0519fd4c96124e93bb22de8a9d211b02d63e5dd152824853d919bb2090f965cc0e3eb9c515950a9836b332020d810f9c71feb0fd7df4
+  languageName: node
+  linkType: hard
+
+"destroy@npm:~1.0.4":
+  version: 1.0.4
+  resolution: "destroy@npm:1.0.4"
+  checksum: da9ab4961dc61677c709da0c25ef01733042614453924d65636a7db37308fef8a24cd1e07172e61173d471ca175371295fbc984b0af5b2b4ff47cd57bd784c03
+  languageName: node
+  linkType: hard
+
+"detect-browser@npm:^5.3.0":
+  version: 5.3.0
+  resolution: "detect-browser@npm:5.3.0"
+  checksum: dd6e08d55da1d9e0f22510ac79872078ae03d9dfa13c5e66c96baedc1c86567345a88f96949161f6be8f3e0fafa93bf179bdb1cd311b14f5f163112fcc70ab49
+  languageName: node
+  linkType: hard
+
+"detect-indent@npm:^6.0.0":
+  version: 6.0.0
+  resolution: "detect-indent@npm:6.0.0"
+  checksum: 0c38f362016e2d07af1c65b1ecd6ad8a91f06bfdd11383887c867a495ad286d04be2ab44027ac42444704d523982013115bd748c1541df7c9396ad76b22aaf5d
+  languageName: node
+  linkType: hard
+
+"detect-libc@npm:^1.0.3":
+  version: 1.0.3
+  resolution: "detect-libc@npm:1.0.3"
+  bin:
+    detect-libc: ./bin/detect-libc.js
+  checksum: daaaed925ffa7889bd91d56e9624e6c8033911bb60f3a50a74a87500680652969dbaab9526d1e200a4c94acf80fc862a22131841145a0a8482d60a99c24f4a3e
+  languageName: node
+  linkType: hard
+
+"detect-newline@npm:^3.0.0":
+  version: 3.1.0
+  resolution: "detect-newline@npm:3.1.0"
+  checksum: ae6cd429c41ad01b164c59ea36f264a2c479598e61cba7c99da24175a7ab80ddf066420f2bec9a1c57a6bead411b4655ff15ad7d281c000a89791f48cbe939e7
+  languageName: node
+  linkType: hard
+
+"detect-node@npm:^2.0.4":
+  version: 2.0.4
+  resolution: "detect-node@npm:2.0.4"
+  checksum: c06ae40fefbad8cb8cbb6ca819c93568b2a809e747bfc9c71f3524b027f5e988163b0ac0517fd65288b375360b30bc4822172eb05d211f99003d73cf8ec22911
+  languageName: node
+  linkType: hard
+
+"detective-amd@npm:^3.0.1, detective-amd@npm:^3.1.0":
+  version: 3.1.0
+  resolution: "detective-amd@npm:3.1.0"
+  dependencies:
+    ast-module-types: ^2.7.0
+    escodegen: ^2.0.0
+    get-amd-module-type: ^3.0.0
+    node-source-walk: ^4.0.0
+  bin:
+    detective-amd: bin/detective-amd.js
+  checksum: aa3783d5873823cbec6d10707afe0340231ec865f465f4b83e49eeebceb5ee455c701d96f295ba3d93b519ff8fd7568c87ccf3ce76083f498d9261e8253b4d3a
+  languageName: node
+  linkType: hard
+
+"detective-cjs@npm:^3.1.1":
+  version: 3.1.1
+  resolution: "detective-cjs@npm:3.1.1"
+  dependencies:
+    ast-module-types: ^2.4.0
+    node-source-walk: ^4.0.0
+  checksum: 626aec314fa5ec04fdb23ef6de86c1cf18a4d23ec4cd46556d25d8bf05843c7393b2933c5271e5b46140738d55b2c3d8e73a47d3ec04a3804f28ddd17f741ff9
+  languageName: node
+  linkType: hard
+
+"detective-es6@npm:^2.2.0":
+  version: 2.2.0
+  resolution: "detective-es6@npm:2.2.0"
+  dependencies:
+    node-source-walk: ^4.0.0
+  checksum: 5065731a2d2edc48ae374ce0f7d36e427447fd1ebae2144297e81319da662b7b70e9b0120cb93b228d9de2a7a30ae2f30df4e50ee351c339898829033884ac03
+  languageName: node
+  linkType: hard
+
+"detective-less@npm:^1.0.2":
+  version: 1.0.2
+  resolution: "detective-less@npm:1.0.2"
+  dependencies:
+    debug: ^4.0.0
+    gonzales-pe: ^4.2.3
+    node-source-walk: ^4.0.0
+  checksum: 858936fbad87423bd5d7502ff5fafca023e7c99e4006ed01b31c12c4b5ff8697edce91419798479d857efec68ee8f022fcac64de5530db6a64012be600a2249e
+  languageName: node
+  linkType: hard
+
+"detective-postcss@npm:^4.0.0":
+  version: 4.0.0
+  resolution: "detective-postcss@npm:4.0.0"
+  dependencies:
+    debug: ^4.1.1
+    is-url: ^1.2.4
+    postcss: ^8.1.7
+    postcss-values-parser: ^2.0.1
+  checksum: e4c9fed31613df43466357fb104c4c5cdaf45a12909f7c1174161a45ebb2ebe77bb0843b3c0c117b68f55c9acb4e0578668298594c7f0108dfb73e54aaec8513
+  languageName: node
+  linkType: hard
+
+"detective-postcss@npm:^5.0.0":
+  version: 5.0.0
+  resolution: "detective-postcss@npm:5.0.0"
+  dependencies:
+    debug: ^4.3.1
+    is-url: ^1.2.4
+    postcss: ^8.2.13
+    postcss-values-parser: ^5.0.0
+  checksum: 68e36bbc39fd143d19ed371710f1561162b603faf09caa0691d7d502b6bfbc7e9fbc6b30f62b7c33285753105048322fd5c71bb8b715e6422f3b47a3f327f588
+  languageName: node
+  linkType: hard
+
+"detective-sass@npm:^3.0.1":
+  version: 3.0.1
+  resolution: "detective-sass@npm:3.0.1"
+  dependencies:
+    debug: ^4.1.1
+    gonzales-pe: ^4.2.3
+    node-source-walk: ^4.0.0
+  checksum: 86f76671d95740a4a298057ed56f6f56c44eba68fb07beb719c1c583e507d7a102db693a344abf7a3a382e389b923fc3366d83654f633664c8b80d3c5fd16455
+  languageName: node
+  linkType: hard
+
+"detective-scss@npm:^2.0.1":
+  version: 2.0.1
+  resolution: "detective-scss@npm:2.0.1"
+  dependencies:
+    debug: ^4.1.1
+    gonzales-pe: ^4.2.3
+    node-source-walk: ^4.0.0
+  checksum: e130745b4ac53c5a38720ae004fb92f07cd1b9228eb8e21f960725b761ebcad99886a40092ca5a1c2f52ec9e00104deccad526f5b67456e5fe7c13803c816d37
+  languageName: node
+  linkType: hard
+
+"detective-stylus@npm:^1.0.0":
+  version: 1.0.0
+  resolution: "detective-stylus@npm:1.0.0"
+  checksum: e9c74c97633f4ebc0f0c08546e8fbce5ad145c0411e3e6f79ebeacc00d555a471489f8599dc62150c53c0a7741a8a7b6ea32cac0b987d239c5b035d80a125f73
+  languageName: node
+  linkType: hard
+
+"detective-typescript@npm:^7.0.0":
+  version: 7.0.0
+  resolution: "detective-typescript@npm:7.0.0"
+  dependencies:
+    "@typescript-eslint/typescript-estree": ^4.8.2
+    ast-module-types: ^2.7.1
+    node-source-walk: ^4.2.0
+    typescript: ^3.9.7
+  checksum: fc92e20e7b3aa9127c0a3809adea0e4101fa1e294328ad9b3868004cc6973e5f49b9296354ad79f10a2d5150c3ca03fc77d471d6afe2dc07f1f4845ef1e0cf98
+  languageName: node
+  linkType: hard
+
+"detective@npm:^4.3.1":
+  version: 4.7.1
+  resolution: "detective@npm:4.7.1"
+  dependencies:
+    acorn: ^5.2.1
+    defined: ^1.0.0
+  checksum: 87531cb2f2f07feed75b68aa4d6f08ff46adef4e3b332cbff81a13256a298ab83cec7ff9b84f4c1cf532d4def58472cb3e75a31e2c0e19c3915582437bc29b86
+  languageName: node
+  linkType: hard
+
+"devtron@npm:^1.4.0":
+  version: 1.4.0
+  resolution: "devtron@npm:1.4.0"
+  dependencies:
+    accessibility-developer-tools: ^2.11.0
+    highlight.js: ^9.3.0
+    humanize-plus: ^1.8.1
+  checksum: b18bdaaebb92d758a547793a4341be5ea56f36ad2ea925f0617fa9b582c511bda7573351644a397236d5fa607f9ccca97118837c766647cfa277b2ea2aec431d
+  languageName: node
+  linkType: hard
+
+"diff-sequences@npm:^27.5.1":
+  version: 27.5.1
+  resolution: "diff-sequences@npm:27.5.1"
+  checksum: a00db5554c9da7da225db2d2638d85f8e41124eccbd56cbaefb3b276dcbb1c1c2ad851c32defe2055a54a4806f030656cbf6638105fd6ce97bb87b90b32a33ca
+  languageName: node
+  linkType: hard
+
+"diffie-hellman@npm:^5.0.0":
+  version: 5.0.3
+  resolution: "diffie-hellman@npm:5.0.3"
+  dependencies:
+    bn.js: ^4.1.0
+    miller-rabin: ^4.0.0
+    randombytes: ^2.0.0
+  checksum: 0e620f322170c41076e70181dd1c24e23b08b47dbb92a22a644f3b89b6d3834b0f8ee19e37916164e5eb1ee26d2aa836d6129f92723995267250a0b541811065
+  languageName: node
+  linkType: hard
+
+"dir-compare@npm:^2.4.0":
+  version: 2.4.0
+  resolution: "dir-compare@npm:2.4.0"
+  dependencies:
+    buffer-equal: 1.0.0
+    colors: 1.0.3
+    commander: 2.9.0
+    minimatch: 3.0.4
+  bin:
+    dircompare: src/cli/dircompare.js
+  checksum: 16710bcb640b0edb753c6ecf10440c20a073588d797f624288601c52bca64a1f8c4dcd474d1fb7fda3595361b7cf528dee856140d83ecdaa19ba5695112d1209
+  languageName: node
+  linkType: hard
+
+"dir-glob@npm:^3.0.1":
+  version: 3.0.1
+  resolution: "dir-glob@npm:3.0.1"
+  dependencies:
+    path-type: ^4.0.0
+  checksum: fa05e18324510d7283f55862f3161c6759a3f2f8dbce491a2fc14c8324c498286c54282c1f0e933cb930da8419b30679389499b919122952a4f8592362ef4615
+  languageName: node
+  linkType: hard
+
+"dmg-builder@npm:22.14.13":
+  version: 22.14.13
+  resolution: "dmg-builder@npm:22.14.13"
+  dependencies:
+    app-builder-lib: 22.14.13
+    builder-util: 22.14.13
+    builder-util-runtime: 8.9.2
+    dmg-license: ^1.0.9
+    fs-extra: ^10.0.0
+    iconv-lite: ^0.6.2
+    js-yaml: ^4.1.0
+  dependenciesMeta:
+    dmg-license:
+      optional: true
+  checksum: 01be77f99b9309e356e3ae4fbccc294c4f1dcb65b9b21c434807cbaa9d0c22b2338a5b688bba1b277e0110ac33dd1eb126f4267d09382b1fa12d0878162ac648
+  languageName: node
+  linkType: hard
+
+"dmg-license@npm:^1.0.9":
+  version: 1.0.9
+  resolution: "dmg-license@npm:1.0.9"
+  dependencies:
+    "@types/plist": ^3.0.1
+    "@types/verror": ^1.10.3
+    ajv: ^6.10.0
+    cli-truncate: ^1.1.0
+    crc: ^3.8.0
+    iconv-corefoundation: ^1.1.6
+    plist: ^3.0.1
+    smart-buffer: ^4.0.2
+    verror: ^1.10.0
+  bin:
+    dmg-license: bin/dmg-license.js
+  conditions: os=darwin
+  languageName: node
+  linkType: hard
+
+"dns-equal@npm:^1.0.0":
+  version: 1.0.0
+  resolution: "dns-equal@npm:1.0.0"
+  checksum: a8471ac849c7c13824f053babea1bc26e2f359394dd5a460f8340d8abd13434be01e3327a5c59d212f8c8997817450efd3f3ac77bec709b21979cf0235644524
+  languageName: node
+  linkType: hard
+
+"dns-over-http-resolver@npm:^1.2.3":
+  version: 1.2.3
+  resolution: "dns-over-http-resolver@npm:1.2.3"
+  dependencies:
+    debug: ^4.3.1
+    native-fetch: ^3.0.0
+    receptacle: ^1.3.2
+  checksum: 3cc1a1d77fc43e7a8a12453da987b80860ac96dc1031386c5eb1a39154775a87cfa1d50c0eaa5ea5e397e898791654608f6e2acf03f750f4098ab8822bb7d928
+  languageName: node
+  linkType: hard
+
+"dns-packet@npm:^5.2.2":
+  version: 5.3.1
+  resolution: "dns-packet@npm:5.3.1"
+  dependencies:
+    "@leichtgewicht/ip-codec": ^2.0.1
+  checksum: 196ff74a0669126cf5fc901a5849b72f625bd7a4cb163b3f4d41fbe19ed0b017cf7674daef5b0acbd448c094fcd795e501d7066f301be428e4acecfcf3c5f336
+  languageName: node
+  linkType: hard
+
+"dnslink-cloudflare@npm:^3.0.0":
+  version: 3.0.0
+  resolution: "dnslink-cloudflare@npm:3.0.0"
+  dependencies:
+    got: ^11.5.1
+    meow: ^7.0.1
+  bin:
+    dnslink-cloudflare: bin/index.js
+  checksum: 64672f39f4cd89984f49a13863d3f117d90c3c6dd4449c60b182210058f6162cc785825b8ddf0a0732fef7834e7f97faa1570fb3e669c895a361644b65637eea
+  languageName: node
+  linkType: hard
+
+"docker-compose@npm:^0.23.17":
+  version: 0.23.17
+  resolution: "docker-compose@npm:0.23.17"
+  dependencies:
+    yaml: ^1.10.2
+  checksum: c308bf067cabe178d245b3e499119937b1d2a5effdc9fac6227e04be4308a0250ca7bb1471789b3d0492ea2ce83f74e40b7517a9a5cb540a21355a64e4ad5d3c
+  languageName: node
+  linkType: hard
+
+"docker-modem@npm:^3.0.0":
+  version: 3.0.0
+  resolution: "docker-modem@npm:3.0.0"
+  dependencies:
+    debug: ^4.1.1
+    readable-stream: ^3.5.0
+    split-ca: ^1.0.1
+    ssh2: ^0.8.7
+  checksum: bcad9dea35d4e1967fd914e77ca42c131a81f66b4d8a7a4fc6bb9c176f93ec5b54803d7d5df18d483511116d69bd8ec0f9f094c1062338e23af5569eeb9f42a2
+  languageName: node
+  linkType: hard
+
+"dockerode@npm:^3.3.1":
+  version: 3.3.1
+  resolution: "dockerode@npm:3.3.1"
+  dependencies:
+    docker-modem: ^3.0.0
+    tar-fs: ~2.0.1
+  checksum: 930162ae2d8a1fe0e99d9a5885b09aa438da6274d4a30cb90e73046655dbc90764eb755361a63ba08f167e257c4d649d67bce71f650461a20b97fcde0af05ca5
+  languageName: node
+  linkType: hard
+
+"doctrine@npm:^2.1.0":
+  version: 2.1.0
+  resolution: "doctrine@npm:2.1.0"
+  dependencies:
+    esutils: ^2.0.2
+  checksum: a45e277f7feaed309fe658ace1ff286c6e2002ac515af0aaf37145b8baa96e49899638c7cd47dccf84c3d32abfc113246625b3ac8f552d1046072adee13b0dc8
+  languageName: node
+  linkType: hard
+
+"doctrine@npm:^3.0.0":
+  version: 3.0.0
+  resolution: "doctrine@npm:3.0.0"
+  dependencies:
+    esutils: ^2.0.2
+  checksum: fd7673ca77fe26cd5cba38d816bc72d641f500f1f9b25b83e8ce28827fe2da7ad583a8da26ab6af85f834138cf8dae9f69b0cd6ab925f52ddab1754db44d99ce
+  languageName: node
+  linkType: hard
+
+"dom-accessibility-api@npm:^0.5.6":
+  version: 0.5.6
+  resolution: "dom-accessibility-api@npm:0.5.6"
+  checksum: 900eee86c0065ea13a52524093ebf79513d89cc04f1f423d5f5e1641d9d3d41714d271d78ea9827f47013642f222fe515ec3658f51fd82c981512f0a83ba9708
+  languageName: node
+  linkType: hard
+
+"dom-converter@npm:^0.2.0":
+  version: 0.2.0
+  resolution: "dom-converter@npm:0.2.0"
+  dependencies:
+    utila: ~0.4
+  checksum: ea52fe303f5392e48dea563abef0e6fb3a478b8dbe3c599e99bb5d53981c6c38fc4944e56bb92a8ead6bb989d10b7914722ae11febbd2fd0910e33b9fc4aaa77
+  languageName: node
+  linkType: hard
+
+"dom-serializer@npm:^1.0.1":
+  version: 1.2.0
+  resolution: "dom-serializer@npm:1.2.0"
+  dependencies:
+    domelementtype: ^2.0.1
+    domhandler: ^4.0.0
+    entities: ^2.0.0
+  checksum: 231212b30947eb7d89f8b9d89ec82af60a634ff5fd4c3a2e42989567742d308d0aae21e82328c17df4b453deb13e11b047ce0d610581766dd25734afda23bef0
+  languageName: node
+  linkType: hard
+
+"dom-walk@npm:^0.1.0":
+  version: 0.1.2
+  resolution: "dom-walk@npm:0.1.2"
+  checksum: 19eb0ce9c6de39d5e231530685248545d9cd2bd97b2cb3486e0bfc0f2a393a9addddfd5557463a932b52fdfcf68ad2a619020cd2c74a5fe46fbecaa8e80872f3
+  languageName: node
+  linkType: hard
+
+"domelementtype@npm:^2.0.1, domelementtype@npm:^2.2.0":
+  version: 2.2.0
+  resolution: "domelementtype@npm:2.2.0"
+  checksum: 24cb386198640cd58aa36f8c987f2ea61859929106d06ffcc8f547e70cb2ed82a6dc56dcb8252b21fba1f1ea07df6e4356d60bfe57f77114ca1aed6828362629
+  languageName: node
+  linkType: hard
+
+"domexception@npm:^2.0.1":
+  version: 2.0.1
+  resolution: "domexception@npm:2.0.1"
+  dependencies:
+    webidl-conversions: ^5.0.0
+  checksum: d638e9cb05c52999f1b2eb87c374b03311ea5b1d69c2f875bc92da73e17db60c12142b45c950228642ff7f845c536b65305483350d080df59003a653da80b691
+  languageName: node
+  linkType: hard
+
+"domhandler@npm:^3.3.0":
+  version: 3.3.0
+  resolution: "domhandler@npm:3.3.0"
+  dependencies:
+    domelementtype: ^2.0.1
+  checksum: 850e5e9fee7834ab4314811e18bc1f4294d7eafbf6a79ad03cbe50cf964108935c97257ac248944d72a9312b4a18dfa8323e857d23278964dc83b1f124467fa3
+  languageName: node
+  linkType: hard
+
+"domhandler@npm:^4.0.0, domhandler@npm:^4.2.0, domhandler@npm:^4.3.0":
+  version: 4.3.1
+  resolution: "domhandler@npm:4.3.1"
+  dependencies:
+    domelementtype: ^2.2.0
+  checksum: 4c665ceed016e1911bf7d1dadc09dc888090b64dee7851cccd2fcf5442747ec39c647bb1cb8c8919f8bbdd0f0c625a6bafeeed4b2d656bbecdbae893f43ffaaa
+  languageName: node
+  linkType: hard
+
+"domutils@npm:^2.4.2, domutils@npm:^2.5.2, domutils@npm:^2.8.0":
+  version: 2.8.0
+  resolution: "domutils@npm:2.8.0"
+  dependencies:
+    dom-serializer: ^1.0.1
+    domelementtype: ^2.2.0
+    domhandler: ^4.2.0
+  checksum: abf7434315283e9aadc2a24bac0e00eab07ae4313b40cc239f89d84d7315ebdfd2fb1b5bf750a96bc1b4403d7237c7b2ebf60459be394d625ead4ca89b934391
+  languageName: node
+  linkType: hard
+
+"dot-case@npm:^3.0.4":
+  version: 3.0.4
+  resolution: "dot-case@npm:3.0.4"
+  dependencies:
+    no-case: ^3.0.4
+    tslib: ^2.0.3
+  checksum: a65e3519414856df0228b9f645332f974f2bf5433370f544a681122eab59e66038fc3349b4be1cdc47152779dac71a5864f1ccda2f745e767c46e9c6543b1169
+  languageName: node
+  linkType: hard
+
+"dot-prop@npm:^5.2.0":
+  version: 5.3.0
+  resolution: "dot-prop@npm:5.3.0"
+  dependencies:
+    is-obj: ^2.0.0
+  checksum: d5775790093c234ef4bfd5fbe40884ff7e6c87573e5339432870616331189f7f5d86575c5b5af2dcf0f61172990f4f734d07844b1f23482fff09e3c4bead05ea
+  languageName: node
+  linkType: hard
+
+"dotenv-expand@npm:^5.1.0":
+  version: 5.1.0
+  resolution: "dotenv-expand@npm:5.1.0"
+  checksum: 8017675b7f254384915d55f9eb6388e577cf0a1231a28d54b0ca03b782be9501b0ac90ac57338636d395fa59051e6209e9b44b8ddf169ce6076dffb5dea227d3
+  languageName: node
+  linkType: hard
+
+"dotenv@npm:^9.0.2":
+  version: 9.0.2
+  resolution: "dotenv@npm:9.0.2"
+  checksum: 6b7980330a653089bc9b83362248547791151ee74f9881eb223ac2f4d641b174b708f77315d88708b551d45b4177afd3ba71bca4832f8807e003f71c2a0f83e7
+  languageName: node
+  linkType: hard
+
+"drbg.js@npm:^1.0.1":
+  version: 1.0.1
+  resolution: "drbg.js@npm:1.0.1"
+  dependencies:
+    browserify-aes: ^1.0.6
+    create-hash: ^1.1.2
+    create-hmac: ^1.1.4
+  checksum: f8df5cdd4fb792e548d6187cbc446fbd0afd8f1ef7fa486e1c286c2adee55a687183ce48ab178e9f24965c2deabb6e2ba7a7ee2d675264b951356480eb042476
+  languageName: node
+  linkType: hard
+
+"duplexer3@npm:^0.1.4":
+  version: 0.1.4
+  resolution: "duplexer3@npm:0.1.4"
+  checksum: c2fd6969314607d23439c583699aaa43c4100d66b3e161df55dccd731acc57d5c81a64bb4f250805fbe434ddb1d2623fee2386fb890f5886ca1298690ec53415
+  languageName: node
+  linkType: hard
+
+"duplexer@npm:^0.1.2":
+  version: 0.1.2
+  resolution: "duplexer@npm:0.1.2"
+  checksum: 62ba61a830c56801db28ff6305c7d289b6dc9f859054e8c982abd8ee0b0a14d2e9a8e7d086ffee12e868d43e2bbe8a964be55ddbd8c8957714c87373c7a4f9b0
+  languageName: node
+  linkType: hard
+
+"duplexify@npm:^3.6.0":
+  version: 3.7.1
+  resolution: "duplexify@npm:3.7.1"
+  dependencies:
+    end-of-stream: ^1.0.0
+    inherits: ^2.0.1
+    readable-stream: ^2.0.0
+    stream-shift: ^1.0.0
+  checksum: 3c2ed2223d956a5da713dae12ba8295acb61d9acd966ccbba938090d04f4574ca4dca75cca089b5077c2d7e66101f32e6ea9b36a78ca213eff574e7a8b8accf2
+  languageName: node
+  linkType: hard
+
+"duplexify@npm:^4.1.1":
+  version: 4.1.1
+  resolution: "duplexify@npm:4.1.1"
+  dependencies:
+    end-of-stream: ^1.4.1
+    inherits: ^2.0.3
+    readable-stream: ^3.1.1
+    stream-shift: ^1.0.0
+  checksum: 1cf800f1dc1647d6e0272b811421d4ce78b7d9b12dd85c7ecd78b9e4bfba374d309ac9e3440c66461fc62adb69db49aebf49da15962c98a84d8fd33c7e9c5c5a
+  languageName: node
+  linkType: hard
+
+"ecc-jsbn@npm:~0.1.1":
+  version: 0.1.2
+  resolution: "ecc-jsbn@npm:0.1.2"
+  dependencies:
+    jsbn: ~0.1.0
+    safer-buffer: ^2.1.0
+  checksum: 22fef4b6203e5f31d425f5b711eb389e4c6c2723402e389af394f8411b76a488fa414d309d866e2b577ce3e8462d344205545c88a8143cc21752a5172818888a
+  languageName: node
+  linkType: hard
+
+"ed2curve@npm:^0.3.0":
+  version: 0.3.0
+  resolution: "ed2curve@npm:0.3.0"
+  dependencies:
+    tweetnacl: 1.x.x
+  checksum: 6dfbe2310aa5a47372c9dd2fd920be140c8d52aea5793d716a3e3865d2ceaeaf639a7653e5492dfe3b4910eaf65c09a1d5132580afe2fdca18a75ebb428a52f2
+  languageName: node
+  linkType: hard
+
+"ee-first@npm:1.1.1":
+  version: 1.1.1
+  resolution: "ee-first@npm:1.1.1"
+  checksum: 1b4cac778d64ce3b582a7e26b218afe07e207a0f9bfe13cc7395a6d307849cfe361e65033c3251e00c27dd060cab43014c2d6b2647676135e18b77d2d05b3f4f
+  languageName: node
+  linkType: hard
+
+"ejs@npm:^3.1.5, ejs@npm:^3.1.6":
+  version: 3.1.6
+  resolution: "ejs@npm:3.1.6"
+  dependencies:
+    jake: ^10.6.1
+  bin:
+    ejs: ./bin/cli.js
+  checksum: 81a9cdea0b4ded3b5a4b212b7c17e20bb07468f08394e2d519708d367957a70aef3d282a6d5d38bf6ad313ba25802b9193d4227f29b084d2ee0f28d115141d48
+  languageName: node
+  linkType: hard
+
+"electron-builder-notarize@npm:^1.2.0":
+  version: 1.2.0
+  resolution: "electron-builder-notarize@npm:1.2.0"
+  dependencies:
+    electron-notarize: ^0.2.0
+    js-yaml: ^3.14.0
+    read-pkg-up: ^7.0.0
+  peerDependencies:
+    electron-builder: ">= 20.44.4"
+  checksum: 279032a4d3fcc69f94d106a633621bb9e9fa3e345d426e68dd7374f0a1128336e86e1a11c28ef16e35585f83b0d2a787d13d511a0635feb2537b6ee0ae2b373e
+  languageName: node
+  linkType: hard
+
+"electron-builder@npm:22.14.13":
+  version: 22.14.13
+  resolution: "electron-builder@npm:22.14.13"
+  dependencies:
+    "@types/yargs": ^17.0.1
+    app-builder-lib: 22.14.13
+    builder-util: 22.14.13
+    builder-util-runtime: 8.9.2
+    chalk: ^4.1.1
+    dmg-builder: 22.14.13
+    fs-extra: ^10.0.0
+    is-ci: ^3.0.0
+    lazy-val: ^1.0.5
+    read-config-file: 6.2.0
+    update-notifier: ^5.1.0
+    yargs: ^17.0.1
+  bin:
+    electron-builder: cli.js
+    install-app-deps: install-app-deps.js
+  checksum: 1c5179ca9c4db3886377f86b6aa00db703180358134fefbf4c32daa54ed2620c47bf5495d0e4ee12bd3694dd7d3553a6561f088d2e5ab571b9e9b2f07ff594f2
+  languageName: node
+  linkType: hard
+
+"electron-log@npm:^4.4.6":
+  version: 4.4.6
+  resolution: "electron-log@npm:4.4.6"
+  checksum: cb385a3d220eaf13ff5a7d7ae2f6421ee6b4a3cf9c4026ae66dad37fc005c04ef224a511a01731c489c82a8ed78202dd6ead99e93d0fe951bdc215684df0b3b5
+  languageName: node
+  linkType: hard
+
+"electron-notarize@npm:^0.2.0":
+  version: 0.2.1
+  resolution: "electron-notarize@npm:0.2.1"
+  dependencies:
+    debug: ^4.1.1
+    fs-extra: ^8.1.0
+  checksum: e668080e6912acc03d0b13f73774c21b4d785127d86eb4c2950e9a41c0f7424b40668c0bfd0bb83baebde7b004ca3ea5218643b20e6dce975a55f376461d3836
+  languageName: node
+  linkType: hard
+
+"electron-osx-sign@npm:^0.5.0":
+  version: 0.5.0
+  resolution: "electron-osx-sign@npm:0.5.0"
+  dependencies:
+    bluebird: ^3.5.0
+    compare-version: ^0.1.2
+    debug: ^2.6.8
+    isbinaryfile: ^3.0.2
+    minimist: ^1.2.0
+    plist: ^3.0.1
+  bin:
+    electron-osx-flat: bin/electron-osx-flat.js
+    electron-osx-sign: bin/electron-osx-sign.js
+  checksum: ca1e55d8cb0987b78bfaf197860e73f7e6266cb219f3d6fd32f25665a8393efb284115db9e2246b42f75cdf6163c148060aff8a02960f4f810c6502d6f7d447c
+  languageName: node
+  linkType: hard
+
+"electron-publish@npm:22.14.13":
+  version: 22.14.13
+  resolution: "electron-publish@npm:22.14.13"
+  dependencies:
+    "@types/fs-extra": ^9.0.11
+    builder-util: 22.14.13
+    builder-util-runtime: 8.9.2
+    chalk: ^4.1.1
+    fs-extra: ^10.0.0
+    lazy-val: ^1.0.5
+    mime: ^2.5.2
+  checksum: 66cf15ad52c9dea67d744eb9080c20d43792a734f4e524b8ffc676e8ce9541a2fe4b11a25e4bd3f48e670160e72edfc7eeb77767e843232f4454075ee91d2475
+  languageName: node
+  linkType: hard
+
+"electron-to-chromium@npm:^1.4.84":
+  version: 1.4.86
+  resolution: "electron-to-chromium@npm:1.4.86"
+  checksum: 41d9f8ef28bba0cbc79a7662fb067dc47f418ca6a7a0df5f251a231e05cc2c7dfe40b6328e3da68661218ca1e682476caf8147b4fe35508b96d2e264a14a1992
+  languageName: node
+  linkType: hard
+
+"electron-updater@npm:^4.6.5":
+  version: 4.6.5
+  resolution: "electron-updater@npm:4.6.5"
+  dependencies:
+    "@types/semver": ^7.3.6
+    builder-util-runtime: 8.9.2
+    fs-extra: ^10.0.0
+    js-yaml: ^4.1.0
+    lazy-val: ^1.0.5
+    lodash.escaperegexp: ^4.1.2
+    lodash.isequal: ^4.5.0
+    semver: ^7.3.5
+  checksum: 06b34490fa6213f5c6a01de6f7b3d96eba4e1b7d27e8346747d8b094b9591684f55f92c703e2ee3407c562a240518c0eede699462cc333fcfe2983141941fe98
+  languageName: node
+  linkType: hard
+
+"electron@npm:^12.2.3":
+  version: 12.2.3
+  resolution: "electron@npm:12.2.3"
+  dependencies:
+    "@electron/get": ^1.0.1
+    "@types/node": ^14.6.2
+    extract-zip: ^1.0.3
+  bin:
+    electron: cli.js
+  checksum: fba741639ce53397c916a91c192b819c745adfee3559b1ffccf74f0631b9cf14ab313ed755a5972c4f845e1b220eeba54a2e941d83569798753081bf0325537b
+  languageName: node
+  linkType: hard
+
+"elliptic@npm:6.5.4, elliptic@npm:^6.4.0, elliptic@npm:^6.4.1, elliptic@npm:^6.5.2, elliptic@npm:^6.5.3":
+  version: 6.5.4
+  resolution: "elliptic@npm:6.5.4"
+  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
+  checksum: d56d21fd04e97869f7ffcc92e18903b9f67f2d4637a23c860492fbbff5a3155fd9ca0184ce0c865dd6eb2487d234ce9551335c021c376cd2d3b7cb749c7d10f4
+  languageName: node
+  linkType: hard
+
+"email-addresses@npm:^3.0.1":
+  version: 3.1.0
+  resolution: "email-addresses@npm:3.1.0"
+  checksum: e911985f096fa0198019caee4a12685146f677738d8ae1ebe25419181a37930a15be15447abef3612bdc3b88f72aaae4fd2cf1a95669705e638ebcfea4a15047
+  languageName: node
+  linkType: hard
+
+"emittery@npm:^0.8.1":
+  version: 0.8.1
+  resolution: "emittery@npm:0.8.1"
+  checksum: 2457e8c7b0688bb006126f2c025b2655abe682f66b184954122a8a065b5277f9813d49d627896a10b076b81c513ec5f491fd9c14fbd42c04b95ca3c9f3c365ee
+  languageName: node
+  linkType: hard
+
+"emoji-regex@npm:^7.0.1":
+  version: 7.0.3
+  resolution: "emoji-regex@npm:7.0.3"
+  checksum: 9159b2228b1511f2870ac5920f394c7e041715429a68459ebe531601555f11ea782a8e1718f969df2711d38c66268174407cbca57ce36485544f695c2dfdc96e
+  languageName: node
+  linkType: hard
+
+"emoji-regex@npm:^8.0.0":
+  version: 8.0.0
+  resolution: "emoji-regex@npm:8.0.0"
+  checksum: d4c5c39d5a9868b5fa152f00cada8a936868fd3367f33f71be515ecee4c803132d11b31a6222b2571b1e5f7e13890156a94880345594d0ce7e3c9895f560f192
+  languageName: node
+  linkType: hard
+
+"emojis-list@npm:^3.0.0":
+  version: 3.0.0
+  resolution: "emojis-list@npm:3.0.0"
+  checksum: ddaaa02542e1e9436c03970eeed445f4ed29a5337dfba0fe0c38dfdd2af5da2429c2a0821304e8a8d1cadf27fdd5b22ff793571fa803ae16852a6975c65e8e70
+  languageName: node
+  linkType: hard
+
+"empty@npm:^0.10.1":
+  version: 0.10.1
+  resolution: "empty@npm:0.10.1"
+  dependencies:
+    envify: ^3.4.0
+  checksum: add4304ed25c87e92fe750c171a4f4e0c9b063bd8b577bdefd9e1ee6241ec23b776c8e0a18d97eb558ed820dc38d9a71158a3d7375564b810489761942e83ef1
+  languageName: node
+  linkType: hard
+
+"encodeurl@npm:^1.0.2, encodeurl@npm:~1.0.2":
+  version: 1.0.2
+  resolution: "encodeurl@npm:1.0.2"
+  checksum: e50e3d508cdd9c4565ba72d2012e65038e5d71bdc9198cb125beb6237b5b1ade6c0d343998da9e170fb2eae52c1bed37d4d6d98a46ea423a0cddbed5ac3f780c
+  languageName: node
+  linkType: hard
+
+"end-of-stream@npm:^1.0.0, end-of-stream@npm:^1.1.0, end-of-stream@npm:^1.4.1":
+  version: 1.4.4
+  resolution: "end-of-stream@npm:1.4.4"
+  dependencies:
+    once: ^1.4.0
+  checksum: 530a5a5a1e517e962854a31693dbb5c0b2fc40b46dad2a56a2deec656ca040631124f4795823acc68238147805f8b021abbe221f4afed5ef3c8e8efc2024908b
+  languageName: node
+  linkType: hard
+
+"enhanced-resolve@npm:^5.3.2, enhanced-resolve@npm:^5.9.2":
+  version: 5.9.2
+  resolution: "enhanced-resolve@npm:5.9.2"
+  dependencies:
+    graceful-fs: ^4.2.4
+    tapable: ^2.2.0
+  checksum: 792b7a01abb4ee4433b658c71f92d5948675938e0c03cad1732abe843b87395f15cb880ace4f819f78ead94163278283afc79b8be63c0eddca8ab45f7d8c515d
+  languageName: node
+  linkType: hard
+
+"ensure-array@npm:^1.0.0":
+  version: 1.0.0
+  resolution: "ensure-array@npm:1.0.0"
+  checksum: d071cd8c5a33fc6d3006db2c9abf12b0245b92045f0fd49d80e306566e94515a7e63dd9979c95365d9556c9f53395c0f747270ee6afd1950549692c507b92b88
+  languageName: node
+  linkType: hard
+
+"entities@npm:^2.0.0":
+  version: 2.1.0
+  resolution: "entities@npm:2.1.0"
+  checksum: a10a877e489586a3f6a691fe49bf3fc4e58f06c8e80522f08214a5150ba457e7017b447d4913a3fa041bda06ee4c92517baa4d8d75373eaa79369e9639225ffd
+  languageName: node
+  linkType: hard
+
+"env-paths@npm:^2.2.0":
+  version: 2.2.0
+  resolution: "env-paths@npm:2.2.0"
+  checksum: ba2aea38301aafd69086be1f8cb453b92946e4840cb0de9d1c88a67e6f43a6174dcddb60b218ec36db8720b12de46b0d93c2f97ad9bbec6a267b479ab37debb6
+  languageName: node
+  linkType: hard
+
+"envify@npm:^3.4.0":
+  version: 3.4.1
+  resolution: "envify@npm:3.4.1"
+  dependencies:
+    jstransform: ^11.0.3
+    through: ~2.3.4
+  bin:
+    envify: bin/envify
+  checksum: a4fb63291b1cca6c5b161ffd7f0d294a97d3de7150031ab79e45e57f958c031753a963063cc9bc9177f5604b1adc217297fe455b0cfada7673ec82fecb5f803f
+  languageName: node
+  linkType: hard
+
+"envinfo@npm:^7.7.3":
+  version: 7.7.3
+  resolution: "envinfo@npm:7.7.3"
+  bin:
+    envinfo: dist/cli.js
+  checksum: d8fb5c308fafaa18bff0e415d1a538df58de09ce168259b4b3fa6d10b3391df300ae6c64679e382c9949e26102fc703e7f675abc8a56958546baa8f509dc3df4
+  languageName: node
+  linkType: hard
+
+"eol@npm:^0.9.1":
+  version: 0.9.1
+  resolution: "eol@npm:0.9.1"
+  checksum: ba9fa998bc8148b935dcf85585eacf049eeaf18d2ab6196710d4d1f59e7dfd0e87b18508dc67144ff8ba12f835a4a4989aeea64c98b13cca77b74b9d4b33bce5
+  languageName: node
+  linkType: hard
+
+"err-code@npm:^3.0.1":
+  version: 3.0.1
+  resolution: "err-code@npm:3.0.1"
+  checksum: aede1f1d5ebe6d6b30b5e3175e3cc13e67de2e2e1ad99ce4917e957d7b59e8451ed10ee37dbc6493521920a47082c479b9097e5c39438d4aff4cc84438568a5a
+  languageName: node
+  linkType: hard
+
+"error-ex@npm:^1.3.1":
+  version: 1.3.2
+  resolution: "error-ex@npm:1.3.2"
+  dependencies:
+    is-arrayish: ^0.2.1
+  checksum: c1c2b8b65f9c91b0f9d75f0debaa7ec5b35c266c2cac5de412c1a6de86d4cbae04ae44e510378cb14d032d0645a36925d0186f8bb7367bcc629db256b743a001
+  languageName: node
+  linkType: hard
+
+"es-abstract@npm:^1.18.5, es-abstract@npm:^1.19.0, es-abstract@npm:^1.19.1":
+  version: 1.19.1
+  resolution: "es-abstract@npm:1.19.1"
+  dependencies:
+    call-bind: ^1.0.2
+    es-to-primitive: ^1.2.1
+    function-bind: ^1.1.1
+    get-intrinsic: ^1.1.1
+    get-symbol-description: ^1.0.0
+    has: ^1.0.3
+    has-symbols: ^1.0.2
+    internal-slot: ^1.0.3
+    is-callable: ^1.2.4
+    is-negative-zero: ^2.0.1
+    is-regex: ^1.1.4
+    is-shared-array-buffer: ^1.0.1
+    is-string: ^1.0.7
+    is-weakref: ^1.0.1
+    object-inspect: ^1.11.0
+    object-keys: ^1.1.1
+    object.assign: ^4.1.2
+    string.prototype.trimend: ^1.0.4
+    string.prototype.trimstart: ^1.0.4
+    unbox-primitive: ^1.0.1
+  checksum: b6be8410672c5364db3fb01eb786e30c7b4bb32b4af63d381c08840f4382c4a168e7855cd338bf59d4f1a1a1138f4d748d1fd40ec65aaa071876f9e9fbfed949
+  languageName: node
+  linkType: hard
+
+"es-module-lexer@npm:^0.9.0":
+  version: 0.9.3
+  resolution: "es-module-lexer@npm:0.9.3"
+  checksum: 84bbab23c396281db2c906c766af58b1ae2a1a2599844a504df10b9e8dc77ec800b3211fdaa133ff700f5703d791198807bba25d9667392d27a5e9feda344da8
+  languageName: node
+  linkType: hard
+
+"es-to-primitive@npm:^1.2.1":
+  version: 1.2.1
+  resolution: "es-to-primitive@npm:1.2.1"
+  dependencies:
+    is-callable: ^1.1.4
+    is-date-object: ^1.0.1
+    is-symbol: ^1.0.2
+  checksum: 4ead6671a2c1402619bdd77f3503991232ca15e17e46222b0a41a5d81aebc8740a77822f5b3c965008e631153e9ef0580540007744521e72de8e33599fca2eed
+  languageName: node
+  linkType: hard
+
+"es5-ext@npm:^0.10.35, es5-ext@npm:^0.10.50":
+  version: 0.10.53
+  resolution: "es5-ext@npm:0.10.53"
+  dependencies:
+    es6-iterator: ~2.0.3
+    es6-symbol: ~3.1.3
+    next-tick: ~1.0.0
+  checksum: 24ec22369260cf98605cb2f51eae9d7df5dc621bc5d3b311f6f5c3d0fcdb7bafae888270f3083ee6e9af27350a5ea49f1fe2dd6406a9017247ca40f091f529b2
+  languageName: node
+  linkType: hard
+
+"es6-error@npm:^4.1.1":
+  version: 4.1.1
+  resolution: "es6-error@npm:4.1.1"
+  checksum: ae41332a51ec1323da6bbc5d75b7803ccdeddfae17c41b6166ebbafc8e8beb7a7b80b884b7fab1cc80df485860ac3c59d78605e860bb4f8cd816b3d6ade0d010
+  languageName: node
+  linkType: hard
+
+"es6-iterator@npm:~2.0.3":
+  version: 2.0.3
+  resolution: "es6-iterator@npm:2.0.3"
+  dependencies:
+    d: 1
+    es5-ext: ^0.10.35
+    es6-symbol: ^3.1.1
+  checksum: 6e48b1c2d962c21dee604b3d9f0bc3889f11ed5a8b33689155a2065d20e3107e2a69cc63a71bd125aeee3a589182f8bbcb5c8a05b6a8f38fa4205671b6d09697
+  languageName: node
+  linkType: hard
+
+"es6-object-assign@npm:^1.1.0":
+  version: 1.1.0
+  resolution: "es6-object-assign@npm:1.1.0"
+  checksum: 8d4fdf63484d78b5c64cacc2c2e1165bc7b6a64b739d2a9db6a4dc8641d99cc9efb433cdd4dc3d3d6b00bfa6ce959694e4665e3255190339945c5f33b692b5d8
+  languageName: node
+  linkType: hard
+
+"es6-symbol@npm:^3.1.1, es6-symbol@npm:~3.1.3":
+  version: 3.1.3
+  resolution: "es6-symbol@npm:3.1.3"
+  dependencies:
+    d: ^1.0.1
+    ext: ^1.1.2
+  checksum: cd49722c2a70f011eb02143ef1c8c70658d2660dead6641e160b94619f408b9cf66425515787ffe338affdf0285ad54f4eae30ea5bd510e33f8659ec53bcaa70
+  languageName: node
+  linkType: hard
+
+"escalade@npm:^3.1.1":
+  version: 3.1.1
+  resolution: "escalade@npm:3.1.1"
+  checksum: a3e2a99f07acb74b3ad4989c48ca0c3140f69f923e56d0cba0526240ee470b91010f9d39001f2a4a313841d237ede70a729e92125191ba5d21e74b106800b133
+  languageName: node
+  linkType: hard
+
+"escape-goat@npm:^2.0.0":
+  version: 2.1.1
+  resolution: "escape-goat@npm:2.1.1"
+  checksum: ce05c70c20dd7007b60d2d644b625da5412325fdb57acf671ba06cb2ab3cd6789e2087026921a05b665b0a03fadee2955e7fc0b9a67da15a6551a980b260eba7
+  languageName: node
+  linkType: hard
+
+"escape-html@npm:^1.0.3, escape-html@npm:~1.0.3":
+  version: 1.0.3
+  resolution: "escape-html@npm:1.0.3"
+  checksum: 6213ca9ae00d0ab8bccb6d8d4e0a98e76237b2410302cf7df70aaa6591d509a2a37ce8998008cbecae8fc8ffaadf3fb0229535e6a145f3ce0b211d060decbb24
+  languageName: node
+  linkType: hard
+
+"escape-string-regexp@npm:^1.0.2, escape-string-regexp@npm:^1.0.5":
+  version: 1.0.5
+  resolution: "escape-string-regexp@npm:1.0.5"
+  checksum: 6092fda75c63b110c706b6a9bfde8a612ad595b628f0bd2147eea1d3406723020810e591effc7db1da91d80a71a737a313567c5abb3813e8d9c71f4aa595b410
+  languageName: node
+  linkType: hard
+
+"escape-string-regexp@npm:^2.0.0":
+  version: 2.0.0
+  resolution: "escape-string-regexp@npm:2.0.0"
+  checksum: 9f8a2d5743677c16e85c810e3024d54f0c8dea6424fad3c79ef6666e81dd0846f7437f5e729dfcdac8981bc9e5294c39b4580814d114076b8d36318f46ae4395
+  languageName: node
+  linkType: hard
+
+"escape-string-regexp@npm:^4.0.0":
+  version: 4.0.0
+  resolution: "escape-string-regexp@npm:4.0.0"
+  checksum: 98b48897d93060f2322108bf29db0feba7dd774be96cd069458d1453347b25ce8682ecc39859d4bca2203cc0ab19c237bcc71755eff49a0f8d90beadeeba5cc5
+  languageName: node
+  linkType: hard
+
+"escodegen@npm:^2.0.0":
+  version: 2.0.0
+  resolution: "escodegen@npm:2.0.0"
+  dependencies:
+    esprima: ^4.0.1
+    estraverse: ^5.2.0
+    esutils: ^2.0.2
+    optionator: ^0.8.1
+    source-map: ~0.6.1
+  dependenciesMeta:
+    source-map:
+      optional: true
+  bin:
+    escodegen: bin/escodegen.js
+    esgenerate: bin/esgenerate.js
+  checksum: 5aa6b2966fafe0545e4e77936300cc94ad57cfe4dc4ebff9950492eaba83eef634503f12d7e3cbd644ecc1bab388ad0e92b06fd32222c9281a75d1cf02ec6cef
+  languageName: node
+  linkType: hard
+
+"eslint-config-standard@npm:^16.0.3":
+  version: 16.0.3
+  resolution: "eslint-config-standard@npm:16.0.3"
+  peerDependencies:
+    eslint: ^7.12.1
+    eslint-plugin-import: ^2.22.1
+    eslint-plugin-node: ^11.1.0
+    eslint-plugin-promise: ^4.2.1 || ^5.0.0
+  checksum: 6ae193634f289ae95dbbf2291dc1e7c5bedef2425c594db07ec58476c902e6eb51a2b1c9cd2bad3772e921f5515dc2f8fb5447f7a56c20c99801ef1296c3bfef
+  languageName: node
+  linkType: hard
+
+"eslint-import-resolver-node@npm:^0.3.6":
+  version: 0.3.6
+  resolution: "eslint-import-resolver-node@npm:0.3.6"
+  dependencies:
+    debug: ^3.2.7
+    resolve: ^1.20.0
+  checksum: 6266733af1e112970e855a5bcc2d2058fb5ae16ad2a6d400705a86b29552b36131ffc5581b744c23d550de844206fb55e9193691619ee4dbf225c4bde526b1c8
+  languageName: node
+  linkType: hard
+
+"eslint-module-utils@npm:^2.7.3":
+  version: 2.7.3
+  resolution: "eslint-module-utils@npm:2.7.3"
+  dependencies:
+    debug: ^3.2.7
+    find-up: ^2.1.0
+  checksum: 77048263f309167a1e6a1e1b896bfb5ddd1d3859b2e2abbd9c32c432aee13d610d46e6820b1ca81b37fba437cf423a404bc6649be64ace9148a3062d1886a678
+  languageName: node
+  linkType: hard
+
+"eslint-plugin-es@npm:^3.0.0":
+  version: 3.0.1
+  resolution: "eslint-plugin-es@npm:3.0.1"
+  dependencies:
+    eslint-utils: ^2.0.0
+    regexpp: ^3.0.0
+  peerDependencies:
+    eslint: ">=4.19.1"
+  checksum: e57592c52301ee8ddc296ae44216df007f3a870bcb3be8d1fbdb909a1d3a3efe3fa3785de02066f9eba1d6466b722d3eb3cc3f8b75b3cf6a1cbded31ac6298e4
+  languageName: node
+  linkType: hard
+
+"eslint-plugin-header@npm:^3.1.1":
+  version: 3.1.1
+  resolution: "eslint-plugin-header@npm:3.1.1"
+  peerDependencies:
+    eslint: ">=7.7.0"
+  checksum: 2353e4ba011be81d5c27fbd79929e18dce118d7673a2f717b1ac5a0bceb33e06ec9a7c80a01dddc5804df75e2cc8eb475d268cd1abef5eab5088ede62e5ad246
+  languageName: node
+  linkType: hard
+
+"eslint-plugin-import-newlines@npm:^1.2.2":
+  version: 1.2.2
+  resolution: "eslint-plugin-import-newlines@npm:1.2.2"
+  peerDependencies:
+    eslint: ">=6.0.0"
+  bin:
+    import-linter: lib/index.js
+  checksum: 3bb35817357aa47e2ec45b82e085605351f8f6050a0766b4f3ccd287ba81c7db72c33ac4c4ccea6cf90d66868ae141692897d6c84e08532d740672daeebcb789
+  languageName: node
+  linkType: hard
+
+"eslint-plugin-import@npm:^2.26.0":
+  version: 2.26.0
+  resolution: "eslint-plugin-import@npm:2.26.0"
+  dependencies:
+    array-includes: ^3.1.4
+    array.prototype.flat: ^1.2.5
+    debug: ^2.6.9
+    doctrine: ^2.1.0
+    eslint-import-resolver-node: ^0.3.6
+    eslint-module-utils: ^2.7.3
+    has: ^1.0.3
+    is-core-module: ^2.8.1
+    is-glob: ^4.0.3
+    minimatch: ^3.1.2
+    object.values: ^1.1.5
+    resolve: ^1.22.0
+    tsconfig-paths: ^3.14.1
+  peerDependencies:
+    eslint: ^2 || ^3 || ^4 || ^5 || ^6 || ^7.2.0 || ^8
+  checksum: 0bf77ad80339554481eafa2b1967449e1f816b94c7a6f9614ce33fb4083c4e6c050f10d241dd50b4975d47922880a34de1e42ea9d8e6fd663ebb768baa67e655
+  languageName: node
+  linkType: hard
+
+"eslint-plugin-node@npm:^11.1.0":
+  version: 11.1.0
+  resolution: "eslint-plugin-node@npm:11.1.0"
+  dependencies:
+    eslint-plugin-es: ^3.0.0
+    eslint-utils: ^2.0.0
+    ignore: ^5.1.1
+    minimatch: ^3.0.4
+    resolve: ^1.10.1
+    semver: ^6.1.0
+  peerDependencies:
+    eslint: ">=5.16.0"
+  checksum: 5804c4f8a6e721f183ef31d46fbe3b4e1265832f352810060e0502aeac7de034df83352fc88643b19641bb2163f2587f1bd4119aff0fd21e8d98c57c450e013b
+  languageName: node
+  linkType: hard
+
+"eslint-plugin-promise@npm:^6.0.0":
+  version: 6.0.0
+  resolution: "eslint-plugin-promise@npm:6.0.0"
+  peerDependencies:
+    eslint: ^7.0.0 || ^8.0.0
+  checksum: 7e761507c51267b77e4ad710e7c8938aa4f8f69b975886034e57497a1816e9527eda364e25aac03d1b4e0df2e738ba98e49ad075d028824fcfea533a1419751c
+  languageName: node
+  linkType: hard
+
+"eslint-plugin-react-hooks@npm:^4.4.0":
+  version: 4.4.0
+  resolution: "eslint-plugin-react-hooks@npm:4.4.0"
+  peerDependencies:
+    eslint: ^3.0.0 || ^4.0.0 || ^5.0.0 || ^6.0.0 || ^7.0.0 || ^8.0.0-0
+  checksum: 350b50d45677cb2df682b9e54475912746bd2f56fc342e4d47fad78d71eb1b2b742e702f1e6c04ab2196346d3d7a2e327b5eee826f5b96bfb84b5c41d35e44e9
+  languageName: node
+  linkType: hard
+
+"eslint-plugin-react@npm:^7.29.4":
+  version: 7.29.4
+  resolution: "eslint-plugin-react@npm:7.29.4"
+  dependencies:
+    array-includes: ^3.1.4
+    array.prototype.flatmap: ^1.2.5
+    doctrine: ^2.1.0
+    estraverse: ^5.3.0
+    jsx-ast-utils: ^2.4.1 || ^3.0.0
+    minimatch: ^3.1.2
+    object.entries: ^1.1.5
+    object.fromentries: ^2.0.5
+    object.hasown: ^1.1.0
+    object.values: ^1.1.5
+    prop-types: ^15.8.1
+    resolve: ^2.0.0-next.3
+    semver: ^6.3.0
+    string.prototype.matchall: ^4.0.6
+  peerDependencies:
+    eslint: ^3 || ^4 || ^5 || ^6 || ^7 || ^8
+  checksum: bb7d3715ccd7f3e0d7bfaa2125b26d96865695bcfea4a3d510a5763342a74ab5b99a88e13aad9245f9461ad87e4bce69c33fc946888115d576233f9b6e69700d
+  languageName: node
+  linkType: hard
+
+"eslint-plugin-simple-import-sort@npm:^7.0.0":
+  version: 7.0.0
+  resolution: "eslint-plugin-simple-import-sort@npm:7.0.0"
+  peerDependencies:
+    eslint: ">=5.0.0"
+  checksum: 6aacb7179c213cd2081950630368d1f3b1dcb4f5674d8b989fe7839e7b317ee521d74761676e8b1a7cab49f20405dbcc9aac05358ae804e6bcba6cbf1daccb3d
+  languageName: node
+  linkType: hard
+
+"eslint-plugin-sort-destructure-keys@npm:^1.4.0":
+  version: 1.4.0
+  resolution: "eslint-plugin-sort-destructure-keys@npm:1.4.0"
+  dependencies:
+    natural-compare-lite: ^1.4.0
+  peerDependencies:
+    eslint: 3 - 8
+  checksum: 6ff004c1eb59f9902f5f64d8453c45ba550b8894450401c496da80eed0058cd52b9ad8a43a485f2638f5601c5d4a965a96d2f72a5f1d6d0f5255a26b4df6fe8f
+  languageName: node
+  linkType: hard
+
+"eslint-scope@npm:5.1.1, eslint-scope@npm:^5.1.1":
+  version: 5.1.1
+  resolution: "eslint-scope@npm:5.1.1"
+  dependencies:
+    esrecurse: ^4.3.0
+    estraverse: ^4.1.1
+  checksum: 47e4b6a3f0cc29c7feedee6c67b225a2da7e155802c6ea13bbef4ac6b9e10c66cd2dcb987867ef176292bf4e64eccc680a49e35e9e9c669f4a02bac17e86abdb
+  languageName: node
+  linkType: hard
+
+"eslint-scope@npm:^7.1.1":
+  version: 7.1.1
+  resolution: "eslint-scope@npm:7.1.1"
+  dependencies:
+    esrecurse: ^4.3.0
+    estraverse: ^5.2.0
+  checksum: 9f6e974ab2db641ca8ab13508c405b7b859e72afe9f254e8131ff154d2f40c99ad4545ce326fd9fde3212ff29707102562a4834f1c48617b35d98c71a97fbf3e
+  languageName: node
+  linkType: hard
+
+"eslint-utils@npm:^2.0.0":
+  version: 2.1.0
+  resolution: "eslint-utils@npm:2.1.0"
+  dependencies:
+    eslint-visitor-keys: ^1.1.0
+  checksum: 27500938f348da42100d9e6ad03ae29b3de19ba757ae1a7f4a087bdcf83ac60949bbb54286492ca61fac1f5f3ac8692dd21537ce6214240bf95ad0122f24d71d
+  languageName: node
+  linkType: hard
+
+"eslint-utils@npm:^3.0.0":
+  version: 3.0.0
+  resolution: "eslint-utils@npm:3.0.0"
+  dependencies:
+    eslint-visitor-keys: ^2.0.0
+  peerDependencies:
+    eslint: ">=5"
+  checksum: 0668fe02f5adab2e5a367eee5089f4c39033af20499df88fe4e6aba2015c20720404d8c3d6349b6f716b08fdf91b9da4e5d5481f265049278099c4c836ccb619
+  languageName: node
+  linkType: hard
+
+"eslint-visitor-keys@npm:^1.1.0":
+  version: 1.3.0
+  resolution: "eslint-visitor-keys@npm:1.3.0"
+  checksum: 37a19b712f42f4c9027e8ba98c2b06031c17e0c0a4c696cd429bd9ee04eb43889c446f2cd545e1ff51bef9593fcec94ecd2c2ef89129fcbbf3adadbef520376a
+  languageName: node
+  linkType: hard
+
+"eslint-visitor-keys@npm:^2.0.0":
+  version: 2.0.0
+  resolution: "eslint-visitor-keys@npm:2.0.0"
+  checksum: e07e9863fb8c9b1453f5ad1a26f3cc8dd6b349b26605cc06bc0c61215ac5b6f13a4d08c875218e6c0f8ac8fc06ca6e090df769e32c569f0fd2e6a848b8a76c75
+  languageName: node
+  linkType: hard
+
+"eslint-visitor-keys@npm:^3.0.0, eslint-visitor-keys@npm:^3.3.0":
+  version: 3.3.0
+  resolution: "eslint-visitor-keys@npm:3.3.0"
+  checksum: d59e68a7c5a6d0146526b0eec16ce87fbf97fe46b8281e0d41384224375c4e52f5ffb9e16d48f4ea50785cde93f766b0c898e31ab89978d88b0e1720fbfb7808
+  languageName: node
+  linkType: hard
+
+"eslint@npm:^8.13.0":
+  version: 8.13.0
+  resolution: "eslint@npm:8.13.0"
+  dependencies:
+    "@eslint/eslintrc": ^1.2.1
+    "@humanwhocodes/config-array": ^0.9.2
+    ajv: ^6.10.0
+    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.1.1
+    eslint-utils: ^3.0.0
+    eslint-visitor-keys: ^3.3.0
+    espree: ^9.3.1
+    esquery: ^1.4.0
+    esutils: ^2.0.2
+    fast-deep-equal: ^3.1.3
+    file-entry-cache: ^6.0.1
+    functional-red-black-tree: ^1.0.1
+    glob-parent: ^6.0.1
+    globals: ^13.6.0
+    ignore: ^5.2.0
+    import-fresh: ^3.0.0
+    imurmurhash: ^0.1.4
+    is-glob: ^4.0.0
+    js-yaml: ^4.1.0
+    json-stable-stringify-without-jsonify: ^1.0.1
+    levn: ^0.4.1
+    lodash.merge: ^4.6.2
+    minimatch: ^3.0.4
+    natural-compare: ^1.4.0
+    optionator: ^0.9.1
+    regexpp: ^3.2.0
+    strip-ansi: ^6.0.1
+    strip-json-comments: ^3.1.0
+    text-table: ^0.2.0
+    v8-compile-cache: ^2.0.3
+  bin:
+    eslint: bin/eslint.js
+  checksum: bc7d2fc9a046d42cb2c8987573ecaf534c1fae14747c4695e32388e179c5f21b83eefdb3e4f35924bf76152e226d7cc9dfb21f12348baf12c803109005b17439
+  languageName: node
+  linkType: hard
+
+"espree@npm:^9.3.1":
+  version: 9.3.1
+  resolution: "espree@npm:9.3.1"
+  dependencies:
+    acorn: ^8.7.0
+    acorn-jsx: ^5.3.1
+    eslint-visitor-keys: ^3.3.0
+  checksum: d7161db30b65427e0799383699ac4c441533a38faee005153694b68b933ba7a24666680edfc490fa77e3a84a22dbd955768034a6f811af5049774eead83063a5
+  languageName: node
+  linkType: hard
+
+"esprima-fb@npm:^15001.1.0-dev-harmony-fb":
+  version: 15001.1.0-dev-harmony-fb
+  resolution: "esprima-fb@npm:15001.1.0-dev-harmony-fb"
+  bin:
+    esparse: ./bin/esparse.js
+    esvalidate: ./bin/esvalidate.js
+  checksum: dc5ffe9af81632df7383164a9dccddb5d86cf8732527f87b3caf964ed568168c0d747133cdda1926badbb2c92b9ad8c7c9113e75ab04f3a5fc3ab15a78db0960
+  languageName: node
+  linkType: hard
+
+"esprima-next@npm:^5.7.0":
+  version: 5.7.0
+  resolution: "esprima-next@npm:5.7.0"
+  bin:
+    esparse: bin/esparse.js
+    esvalidate: bin/esvalidate.js
+  checksum: 39b47ec6e883cbb5913384014bc2901172d96122033f58382572ba9e5ab86b8c4b856baebf9c8bcb96b74fa33f11c9388b623f8112d219a80001c04eef70c9c4
+  languageName: node
+  linkType: hard
+
+"esprima@npm:4.0.1, esprima@npm:^4.0.0, esprima@npm:^4.0.1":
+  version: 4.0.1
+  resolution: "esprima@npm:4.0.1"
+  bin:
+    esparse: ./bin/esparse.js
+    esvalidate: ./bin/esvalidate.js
+  checksum: b45bc805a613dbea2835278c306b91aff6173c8d034223fa81498c77dcbce3b2931bf6006db816f62eacd9fd4ea975dfd85a5b7f3c6402cfd050d4ca3c13a628
+  languageName: node
+  linkType: hard
+
+"esprima@npm:~3.1.0":
+  version: 3.1.3
+  resolution: "esprima@npm:3.1.3"
+  bin:
+    esparse: ./bin/esparse.js
+    esvalidate: ./bin/esvalidate.js
+  checksum: 2771c059aa61f2b2fe9d898f11c737c45c26eae6052908f1e2b8bd91c6a440607420f2679cbfd6cbb79f2fa502b37a3053048d287bcd30ea582d46c969fcf67e
+  languageName: node
+  linkType: hard
+
+"esquery@npm:^1.4.0":
+  version: 1.4.0
+  resolution: "esquery@npm:1.4.0"
+  dependencies:
+    estraverse: ^5.1.0
+  checksum: a0807e17abd7fbe5fbd4fab673038d6d8a50675cdae6b04fbaa520c34581be0c5fa24582990e8acd8854f671dd291c78bb2efb9e0ed5b62f33bac4f9cf820210
+  languageName: node
+  linkType: hard
+
+"esrecurse@npm:^4.3.0":
+  version: 4.3.0
+  resolution: "esrecurse@npm:4.3.0"
+  dependencies:
+    estraverse: ^5.2.0
+  checksum: ebc17b1a33c51cef46fdc28b958994b1dc43cd2e86237515cbc3b4e5d2be6a811b2315d0a1a4d9d340b6d2308b15322f5c8291059521cc5f4802f65e7ec32837
+  languageName: node
+  linkType: hard
+
+"estraverse@npm:^4.1.1":
+  version: 4.3.0
+  resolution: "estraverse@npm:4.3.0"
+  checksum: a6299491f9940bb246124a8d44b7b7a413a8336f5436f9837aaa9330209bd9ee8af7e91a654a3545aee9c54b3308e78ee360cef1d777d37cfef77d2fa33b5827
+  languageName: node
+  linkType: hard
+
+"estraverse@npm:^5.1.0, estraverse@npm:^5.2.0, estraverse@npm:^5.3.0":
+  version: 5.3.0
+  resolution: "estraverse@npm:5.3.0"
+  checksum: 072780882dc8416ad144f8fe199628d2b3e7bbc9989d9ed43795d2c90309a2047e6bc5979d7e2322a341163d22cfad9e21f4110597fe487519697389497e4e2b
+  languageName: node
+  linkType: hard
+
+"estree-walker@npm:^0.6.1":
+  version: 0.6.1
+  resolution: "estree-walker@npm:0.6.1"
+  checksum: 9d6f82a4921f11eec18f8089fb3cce6e53bcf45a8e545c42a2674d02d055fb30f25f90495f8be60803df6c39680c80dcee7f944526867eb7aa1fc9254883b23d
+  languageName: node
+  linkType: hard
+
+"estree-walker@npm:^1.0.1":
+  version: 1.0.1
+  resolution: "estree-walker@npm:1.0.1"
+  checksum: 7e70da539691f6db03a08e7ce94f394ce2eef4180e136d251af299d41f92fb2d28ebcd9a6e393e3728d7970aeb5358705ddf7209d52fbcb2dd4693f95dcf925f
+  languageName: node
+  linkType: hard
+
+"estree-walker@npm:^2.0.1":
+  version: 2.0.2
+  resolution: "estree-walker@npm:2.0.2"
+  checksum: 6151e6f9828abe2259e57f5fd3761335bb0d2ebd76dc1a01048ccee22fabcfef3c0859300f6d83ff0d1927849368775ec5a6d265dde2f6de5a1be1721cd94efc
+  languageName: node
+  linkType: hard
+
+"esutils@npm:^2.0.2":
+  version: 2.0.3
+  resolution: "esutils@npm:2.0.3"
+  checksum: 22b5b08f74737379a840b8ed2036a5fb35826c709ab000683b092d9054e5c2a82c27818f12604bfc2a9a76b90b6834ef081edbc1c7ae30d1627012e067c6ec87
+  languageName: node
+  linkType: hard
+
+"etag@npm:~1.8.1":
+  version: 1.8.1
+  resolution: "etag@npm:1.8.1"
+  checksum: 571aeb3dbe0f2bbd4e4fadbdb44f325fc75335cd5f6f6b6a091e6a06a9f25ed5392f0863c5442acb0646787446e816f13cbfc6edce5b07658541dff573cab1ff
+  languageName: node
+  linkType: hard
+
+"eth-ens-namehash@npm:2.0.8":
+  version: 2.0.8
+  resolution: "eth-ens-namehash@npm:2.0.8"
+  dependencies:
+    idna-uts46-hx: ^2.3.1
+    js-sha3: ^0.5.7
+  checksum: 40ce4aeedaa4e7eb4485c8d8857457ecc46a4652396981d21b7e3a5f922d5beff63c71cb4b283c935293e530eba50b329d9248be3c433949c6bc40c850c202a3
+  languageName: node
+  linkType: hard
+
+"eth-lib@npm:0.2.8":
+  version: 0.2.8
+  resolution: "eth-lib@npm:0.2.8"
+  dependencies:
+    bn.js: ^4.11.6
+    elliptic: ^6.4.0
+    xhr-request-promise: ^0.1.2
+  checksum: be7efb0b08a78e20d12d2892363ecbbc557a367573ac82fc26a549a77a1b13c7747e6eadbb88026634828fcf9278884b555035787b575b1cab5e6958faad0fad
+  languageName: node
+  linkType: hard
+
+"eth-lib@npm:^0.1.26":
+  version: 0.1.29
+  resolution: "eth-lib@npm:0.1.29"
+  dependencies:
+    bn.js: ^4.11.6
+    elliptic: ^6.4.0
+    nano-json-stream-parser: ^0.1.2
+    servify: ^0.1.12
+    ws: ^3.0.0
+    xhr-request-promise: ^0.1.2
+  checksum: d1494fc0af372d46d1c9e7506cfbfa81b9073d98081cf4cbe518932f88bee40cf46a764590f1f8aba03d4a534fa2b1cd794fa2a4f235f656d82b8ab185b5cb9d
+  languageName: node
+  linkType: hard
+
+"ethereum-blockies-base64@npm:^1.0.2":
+  version: 1.0.2
+  resolution: "ethereum-blockies-base64@npm:1.0.2"
+  dependencies:
+    pnglib: 0.0.1
+  checksum: 326cb27f36c03c8857853dfaa024a4ab3c09ea90989579a84dd138a12930773bbf0d89cbac951a844e28d32a5b540d82ac6fcafad2d06219b9acd0ee68054bfc
+  languageName: node
+  linkType: hard
+
+"ethereum-bloom-filters@npm:^1.0.6":
+  version: 1.0.10
+  resolution: "ethereum-bloom-filters@npm:1.0.10"
+  dependencies:
+    js-sha3: ^0.8.0
+  checksum: 4019cc6f9274ae271a52959194a72f6e9b013366f168f922dc3b349319faf7426bf1010125ee0676b4f75714fe4a440edd4e7e62342c121a046409f4cd4c0af9
+  languageName: node
+  linkType: hard
+
+"ethereum-cryptography@npm:^0.1.3":
+  version: 0.1.3
+  resolution: "ethereum-cryptography@npm:0.1.3"
+  dependencies:
+    "@types/pbkdf2": ^3.0.0
+    "@types/secp256k1": ^4.0.1
+    blakejs: ^1.1.0
+    browserify-aes: ^1.2.0
+    bs58check: ^2.1.2
+    create-hash: ^1.2.0
+    create-hmac: ^1.1.7
+    hash.js: ^1.1.7
+    keccak: ^3.0.0
+    pbkdf2: ^3.0.17
+    randombytes: ^2.1.0
+    safe-buffer: ^5.1.2
+    scrypt-js: ^3.0.0
+    secp256k1: ^4.0.1
+    setimmediate: ^1.0.5
+  checksum: 54bae7a4a96bd81398cdc35c91cfcc74339f71a95ed1b5b694663782e69e8e3afd21357de3b8bac9ff4877fd6f043601e200a7ad9133d94be6fd7d898ee0a449
+  languageName: node
+  linkType: hard
+
+"ethereumjs-util@npm:^7.0.10, ethereumjs-util@npm:^7.1.0, ethereumjs-util@npm:^7.1.3":
+  version: 7.1.3
+  resolution: "ethereumjs-util@npm:7.1.3"
+  dependencies:
+    "@types/bn.js": ^5.1.0
+    bn.js: ^5.1.2
+    create-hash: ^1.1.2
+    ethereum-cryptography: ^0.1.3
+    rlp: ^2.2.4
+  checksum: 6de7a32af05c7265c96163ecd15ad97327afab9deb36092ef26250616657a8c0b5df8e698328247c8193e7b87c643c967f64f0b3cff2b2937cafa870ff5fcb41
+  languageName: node
+  linkType: hard
+
+"ethjs-unit@npm:0.1.6":
+  version: 0.1.6
+  resolution: "ethjs-unit@npm:0.1.6"
+  dependencies:
+    bn.js: 4.11.6
+    number-to-bn: 1.7.0
+  checksum: df6b4752ff7461a59a20219f4b1684c631ea601241c39660e3f6c6bd63c950189723841c22b3c6c0ebeb3c9fc99e0e803e3c613101206132603705fcbcf4def5
+  languageName: node
+  linkType: hard
+
+"eventemitter2@npm:^5.0.1":
+  version: 5.0.1
+  resolution: "eventemitter2@npm:5.0.1"
+  checksum: 61cb074b8a71d6e0bcbbf3107aa08cede21b5a588858ef5faf6308d868f277eb30c1a65c5da0cb4e35960c6b2d5bcfb42dbfb7d0302decff94b68da368852b14
+  languageName: node
+  linkType: hard
+
+"eventemitter3@npm:4.0.4":
+  version: 4.0.4
+  resolution: "eventemitter3@npm:4.0.4"
+  checksum: 7afb1cd851d19898bc99cc55ca894fe18cb1f8a07b0758652830a09bd6f36082879a25345be6219b81d74764140688b1a8fa75bcd1073d96b9a6661e444bc2ea
+  languageName: node
+  linkType: hard
+
+"eventemitter3@npm:^4.0.0, eventemitter3@npm:^4.0.7":
+  version: 4.0.7
+  resolution: "eventemitter3@npm:4.0.7"
+  checksum: 1875311c42fcfe9c707b2712c32664a245629b42bb0a5a84439762dd0fd637fc54d078155ea83c2af9e0323c9ac13687e03cfba79b03af9f40c89b4960099374
+  languageName: node
+  linkType: hard
+
+"events@npm:^3.2.0, events@npm:^3.3.0":
+  version: 3.3.0
+  resolution: "events@npm:3.3.0"
+  checksum: f6f487ad2198aa41d878fa31452f1a3c00958f46e9019286ff4787c84aac329332ab45c9cdc8c445928fc6d7ded294b9e005a7fce9426488518017831b272780
+  languageName: node
+  linkType: hard
+
+"evp_bytestokey@npm:^1.0.0, evp_bytestokey@npm:^1.0.3":
+  version: 1.0.3
+  resolution: "evp_bytestokey@npm:1.0.3"
+  dependencies:
+    md5.js: ^1.3.4
+    node-gyp: latest
+    safe-buffer: ^5.1.1
+  checksum: ad4e1577f1a6b721c7800dcc7c733fe01f6c310732bb5bf2240245c2a5b45a38518b91d8be2c610611623160b9d1c0e91f1ce96d639f8b53e8894625cf20fa45
+  languageName: node
+  linkType: hard
+
+"execa@npm:^5.0.0":
+  version: 5.0.0
+  resolution: "execa@npm:5.0.0"
+  dependencies:
+    cross-spawn: ^7.0.3
+    get-stream: ^6.0.0
+    human-signals: ^2.1.0
+    is-stream: ^2.0.0
+    merge-stream: ^2.0.0
+    npm-run-path: ^4.0.1
+    onetime: ^5.1.2
+    signal-exit: ^3.0.3
+    strip-final-newline: ^2.0.0
+  checksum: a044367ebdcc68ca019810cb134510fc77bbc55c799122258ee0e00e289c132941ab48c2a331a036699c42bc8d479d451ae67c105fce5ce5cc813e7dd92d642b
+  languageName: node
+  linkType: hard
+
+"exenv@npm:^1.2.2":
+  version: 1.2.2
+  resolution: "exenv@npm:1.2.2"
+  checksum: a894f3b60ab8419e0b6eec99c690a009c8276b4c90655ccaf7d28faba2de3a6b93b3d92210f9dc5efd36058d44f04098f6bbccef99859151104bfd49939904dc
+  languageName: node
+  linkType: hard
+
+"exit-on-epipe@npm:~1.0.1":
+  version: 1.0.1
+  resolution: "exit-on-epipe@npm:1.0.1"
+  checksum: e8ab4940416d19f311b3c9226e3725c6c4c6026fe682266ecc0ff33a455d585fe3e4ee757857c7bf1d0491b478cb232b8e395dfb438e65ac87317eda47304c32
+  languageName: node
+  linkType: hard
+
+"exit@npm:^0.1.2":
+  version: 0.1.2
+  resolution: "exit@npm:0.1.2"
+  checksum: abc407f07a875c3961e4781dfcb743b58d6c93de9ab263f4f8c9d23bb6da5f9b7764fc773f86b43dd88030444d5ab8abcb611cb680fba8ca075362b77114bba3
+  languageName: node
+  linkType: hard
+
+"expand-template@npm:^2.0.3":
+  version: 2.0.3
+  resolution: "expand-template@npm:2.0.3"
+  checksum: 588c19847216421ed92befb521767b7018dc88f88b0576df98cb242f20961425e96a92cbece525ef28cc5becceae5d544ae0f5b9b5e2aa05acb13716ca5b3099
+  languageName: node
+  linkType: hard
+
+"expect@npm:^27.5.1":
+  version: 27.5.1
+  resolution: "expect@npm:27.5.1"
+  dependencies:
+    "@jest/types": ^27.5.1
+    jest-get-type: ^27.5.1
+    jest-matcher-utils: ^27.5.1
+    jest-message-util: ^27.5.1
+  checksum: b2c66beb52de53ef1872165aace40224e722bca3c2274c54cfa74b6d617d55cf0ccdbf36783ccd64dbea501b280098ed33fd0b207d4f15bc03cd3c7a24364a6a
+  languageName: node
+  linkType: hard
+
+"express@npm:^4.14.0, express@npm:^4.17.3":
+  version: 4.17.3
+  resolution: "express@npm:4.17.3"
+  dependencies:
+    accepts: ~1.3.8
+    array-flatten: 1.1.1
+    body-parser: 1.19.2
+    content-disposition: 0.5.4
+    content-type: ~1.0.4
+    cookie: 0.4.2
+    cookie-signature: 1.0.6
+    debug: 2.6.9
+    depd: ~1.1.2
+    encodeurl: ~1.0.2
+    escape-html: ~1.0.3
+    etag: ~1.8.1
+    finalhandler: ~1.1.2
+    fresh: 0.5.2
+    merge-descriptors: 1.0.1
+    methods: ~1.1.2
+    on-finished: ~2.3.0
+    parseurl: ~1.3.3
+    path-to-regexp: 0.1.7
+    proxy-addr: ~2.0.7
+    qs: 6.9.7
+    range-parser: ~1.2.1
+    safe-buffer: 5.2.1
+    send: 0.17.2
+    serve-static: 1.14.2
+    setprototypeof: 1.2.0
+    statuses: ~1.5.0
+    type-is: ~1.6.18
+    utils-merge: 1.0.1
+    vary: ~1.1.2
+  checksum: 967e53b74a37eafdf9789b9938c8df86102928b4985b1ad5e385c709deeab405a364de95ca744bc2cc5d05b5d9cc1efc69ae2ae17688a462038648d5a924bfad
+  languageName: node
+  linkType: hard
+
+"ext@npm:^1.1.2":
+  version: 1.4.0
+  resolution: "ext@npm:1.4.0"
+  dependencies:
+    type: ^2.0.0
+  checksum: 70acfb68763ad888b34a1c8f2fd9ae5e7265c2470a58a7204645fea07fdbb802512944ea3820db5e643369a9364a98f01732c72e3f2ee577bc2582c3e7e370e3
+  languageName: node
+  linkType: hard
+
+"extend@npm:^3.0.0, extend@npm:~3.0.2":
+  version: 3.0.2
+  resolution: "extend@npm:3.0.2"
+  checksum: a50a8309ca65ea5d426382ff09f33586527882cf532931cb08ca786ea3146c0553310bda688710ff61d7668eba9f96b923fe1420cdf56a2c3eaf30fcab87b515
+  languageName: node
+  linkType: hard
+
+"external-editor@npm:^3.0.3":
+  version: 3.1.0
+  resolution: "external-editor@npm:3.1.0"
+  dependencies:
+    chardet: ^0.7.0
+    iconv-lite: ^0.4.24
+    tmp: ^0.0.33
+  checksum: 1c2a616a73f1b3435ce04030261bed0e22d4737e14b090bb48e58865da92529c9f2b05b893de650738d55e692d071819b45e1669259b2b354bc3154d27a698c7
+  languageName: node
+  linkType: hard
+
+"extract-zip@npm:^1.0.3":
+  version: 1.7.0
+  resolution: "extract-zip@npm:1.7.0"
+  dependencies:
+    concat-stream: ^1.6.2
+    debug: ^2.6.9
+    mkdirp: ^0.5.4
+    yauzl: ^2.10.0
+  bin:
+    extract-zip: cli.js
+  checksum: 011bab660d738614555773d381a6ba4815d98c1cfcdcdf027e154ebcc9fc8c9ef637b3ea5c9b2144013100071ee41722ed041fc9aacc60f6198ef747cac0c073
+  languageName: node
+  linkType: hard
+
+"extsprintf@npm:1.3.0":
+  version: 1.3.0
+  resolution: "extsprintf@npm:1.3.0"
+  checksum: cee7a4a1e34cffeeec18559109de92c27517e5641991ec6bab849aa64e3081022903dd53084f2080d0d2530803aa5ee84f1e9de642c365452f9e67be8f958ce2
+  languageName: node
+  linkType: hard
+
+"extsprintf@npm:^1.2.0":
+  version: 1.4.0
+  resolution: "extsprintf@npm:1.4.0"
+  checksum: 184dc8a413eb4b1ff16bdce797340e7ded4d28511d56a1c9afa5a95bcff6ace154063823eaf0206dbbb0d14059d74f382a15c34b7c0636fa74a7e681295eb67e
+  languageName: node
+  linkType: hard
+
+"fast-deep-equal@npm:^3.1.1, fast-deep-equal@npm:^3.1.3":
+  version: 3.1.3
+  resolution: "fast-deep-equal@npm:3.1.3"
+  checksum: e21a9d8d84f53493b6aa15efc9cfd53dd5b714a1f23f67fb5dc8f574af80df889b3bce25dc081887c6d25457cce704e636395333abad896ccdec03abaf1f3f9d
+  languageName: node
+  linkType: hard
+
+"fast-glob@npm:^3.1.1, fast-glob@npm:^3.2.7":
+  version: 3.2.7
+  resolution: "fast-glob@npm:3.2.7"
+  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
+  checksum: 2f4708ff112d2b451888129fdd9a0938db88b105b0ddfd043c064e3c4d3e20eed8d7c7615f7565fee660db34ddcf08a2db1bf0ab3c00b87608e4719694642d78
+  languageName: node
+  linkType: hard
+
+"fast-json-stable-stringify@npm:^2.0.0":
+  version: 2.1.0
+  resolution: "fast-json-stable-stringify@npm:2.1.0"
+  checksum: b191531e36c607977e5b1c47811158733c34ccb3bfde92c44798929e9b4154884378536d26ad90dfecd32e1ffc09c545d23535ad91b3161a27ddbb8ebe0cbecb
+  languageName: node
+  linkType: hard
+
+"fast-levenshtein@npm:^2.0.6, fast-levenshtein@npm:~2.0.6":
+  version: 2.0.6
+  resolution: "fast-levenshtein@npm:2.0.6"
+  checksum: 92cfec0a8dfafd9c7a15fba8f2cc29cd0b62b85f056d99ce448bbcd9f708e18ab2764bda4dd5158364f4145a7c72788538994f0d1787b956ef0d1062b0f7c24c
+  languageName: node
+  linkType: hard
+
+"fastest-levenshtein@npm:^1.0.12":
+  version: 1.0.12
+  resolution: "fastest-levenshtein@npm:1.0.12"
+  checksum: e1a013698dd1d302c7a78150130c7d50bb678c2c2f8839842a796d66cc7cdf50ea6b3d7ca930b0c8e7e8c2cd84fea8ab831023b382f7aab6922c318c1451beab
+  languageName: node
+  linkType: hard
+
+"fastq@npm:^1.6.0":
+  version: 1.10.0
+  resolution: "fastq@npm:1.10.0"
+  dependencies:
+    reusify: ^1.0.4
+  checksum: 67fe7c7c96c5a714d39664c318bca84862b0e5658b5fcd67c3eaeda0bb2eb6895ce39d16944e2f523ce2737fa918113969ad7e1f204200d61cc29f2950f441c4
+  languageName: node
+  linkType: hard
+
+"faye-websocket@npm:^0.11.3":
+  version: 0.11.3
+  resolution: "faye-websocket@npm:0.11.3"
+  dependencies:
+    websocket-driver: ">=0.5.1"
+  checksum: d7b2d68546812ea24e3079bd1e08bf1d79cd6d6137bfcea565d1cb1f6a5fc8fc29b689df2c1aff8b8b291d60fc808e1b27aa2896b86ba77ded10f1d9734c8e9f
+  languageName: node
+  linkType: hard
+
+"fb-watchman@npm:^2.0.0":
+  version: 2.0.1
+  resolution: "fb-watchman@npm:2.0.1"
+  dependencies:
+    bser: 2.1.1
+  checksum: 8510230778ab3a51c27dffb1b76ef2c24fab672a42742d3c0a45c2e9d1e5f20210b1fbca33486088da4a9a3958bde96b5aec0a63aac9894b4e9df65c88b2cbd6
+  languageName: node
+  linkType: hard
+
+"fd-slicer@npm:~1.1.0":
+  version: 1.1.0
+  resolution: "fd-slicer@npm:1.1.0"
+  dependencies:
+    pend: ~1.2.0
+  checksum: c8585fd5713f4476eb8261150900d2cb7f6ff2d87f8feb306ccc8a1122efd152f1783bdb2b8dc891395744583436bfd8081d8e63ece0ec8687eeefea394d4ff2
+  languageName: node
+  linkType: hard
+
+"fflate@npm:^0.7.3":
+  version: 0.7.3
+  resolution: "fflate@npm:0.7.3"
+  checksum: 6d0908c54643d5f979c2ba84a0dab74d71755360731a3a3d43d6aeb81728836f086c4f4d62908e3c03d460f2ef95908daa3bfbb8527be56cac0025b96553ee64
+  languageName: node
+  linkType: hard
+
+"figures@npm:^3.0.0":
+  version: 3.2.0
+  resolution: "figures@npm:3.2.0"
+  dependencies:
+    escape-string-regexp: ^1.0.5
+  checksum: 85a6ad29e9aca80b49b817e7c89ecc4716ff14e3779d9835af554db91bac41c0f289c418923519392a1e582b4d10482ad282021330cd045bb7b80c84152f2a2b
+  languageName: node
+  linkType: hard
+
+"file-entry-cache@npm:^6.0.1":
+  version: 6.0.1
+  resolution: "file-entry-cache@npm:6.0.1"
+  dependencies:
+    flat-cache: ^3.0.4
+  checksum: f49701feaa6314c8127c3c2f6173cfefff17612f5ed2daaafc6da13b5c91fd43e3b2a58fd0d63f9f94478a501b167615931e7200e31485e320f74a33885a9c74
+  languageName: node
+  linkType: hard
+
+"file-saver@npm:^2.0.5":
+  version: 2.0.5
+  resolution: "file-saver@npm:2.0.5"
+  checksum: c62d96e5cebc58b4bdf3ae8a60d5cf9607ad82f75f798c33a4ee63435ac2203002584d5256a2a780eda7feb5e19dc3b6351c2212e58b3f529e63d265a7cc79f7
+  languageName: node
+  linkType: hard
+
+"file-selector@npm:^0.4.0":
+  version: 0.4.0
+  resolution: "file-selector@npm:0.4.0"
+  dependencies:
+    tslib: ^2.0.3
+  checksum: 1c9986e94bd033442cb4299d10d73d98fbc0b5f1af5b47d7a27b39f1e6bbd8d677f66c2628167da387166c652ad3c2429875042b453ba62f14945d903adf88d5
+  languageName: node
+  linkType: hard
+
+"file-uri-to-path@npm:1.0.0":
+  version: 1.0.0
+  resolution: "file-uri-to-path@npm:1.0.0"
+  checksum: b648580bdd893a008c92c7ecc96c3ee57a5e7b6c4c18a9a09b44fb5d36d79146f8e442578bc0e173dc027adf3987e254ba1dfd6e3ec998b7c282873010502144
+  languageName: node
+  linkType: hard
+
+"filelist@npm:^1.0.1":
+  version: 1.0.1
+  resolution: "filelist@npm:1.0.1"
+  dependencies:
+    minimatch: ^3.0.4
+  checksum: 4c27def66e2dc89ac664abc6bfb010361c2a4452e1135a7d5ce09cff31602fde65e825a8307b953b8d9dec1b56928c655c53a71ea5a04bbfc746877c4f69807f
+  languageName: node
+  linkType: hard
+
+"filename-reserved-regex@npm:^2.0.0":
+  version: 2.0.0
+  resolution: "filename-reserved-regex@npm:2.0.0"
+  checksum: 323a0020fd7f243238ffccab9d728cbc5f3a13c84b2c10e01efb09b8324561d7a51776be76f36603c734d4f69145c39a5d12492bf6142a28b50d7f90bd6190bc
+  languageName: node
+  linkType: hard
+
+"filenamify@npm:^4.3.0":
+  version: 4.3.0
+  resolution: "filenamify@npm:4.3.0"
+  dependencies:
+    filename-reserved-regex: ^2.0.0
+    strip-outer: ^1.0.1
+    trim-repeated: ^1.0.0
+  checksum: 5b71a7ff8e958c8621957e6fbf7872024126d3b5da50f59b1634af3343ba1a69d4cc15cfe4ca4bbfa7c959ad4d98614ee51e6f1d9fa7326eef8ceda2da8cd74e
+  languageName: node
+  linkType: hard
+
+"filing-cabinet@npm:^3.0.0":
+  version: 3.0.0
+  resolution: "filing-cabinet@npm:3.0.0"
+  dependencies:
+    app-module-path: ^2.2.0
+    commander: ^2.20.3
+    debug: ^4.3.1
+    decomment: ^0.9.3
+    enhanced-resolve: ^5.3.2
+    is-relative-path: ^1.0.2
+    module-definition: ^3.3.1
+    module-lookup-amd: ^7.0.0
+    resolve: ^1.19.0
+    resolve-dependency-path: ^2.0.0
+    sass-lookup: ^3.0.0
+    stylus-lookup: ^3.0.1
+    typescript: ^3.9.7
+  bin:
+    filing-cabinet: bin/cli.js
+  checksum: 509ffa5a51408eb6a146896a4ff24954eb029eac9c32602a75cca008f1579f8669cb75d8e361604efa1898da52e86464f7768dbdf159f88fb0a3dd60790e5591
+  languageName: node
+  linkType: hard
+
+"fill-range@npm:^7.0.1":
+  version: 7.0.1
+  resolution: "fill-range@npm:7.0.1"
+  dependencies:
+    to-regex-range: ^5.0.1
+  checksum: cc283f4e65b504259e64fd969bcf4def4eb08d85565e906b7d36516e87819db52029a76b6363d0f02d0d532f0033c9603b9e2d943d56ee3b0d4f7ad3328ff917
+  languageName: node
+  linkType: hard
+
+"filter-obj@npm:^1.1.0":
+  version: 1.1.0
+  resolution: "filter-obj@npm:1.1.0"
+  checksum: cf2104a7c45ff48e7f505b78a3991c8f7f30f28bd8106ef582721f321f1c6277f7751aacd5d83026cb079d9d5091082f588d14a72e7c5d720ece79118fa61e10
+  languageName: node
+  linkType: hard
+
+"finalhandler@npm:~1.1.2":
+  version: 1.1.2
+  resolution: "finalhandler@npm:1.1.2"
+  dependencies:
+    debug: 2.6.9
+    encodeurl: ~1.0.2
+    escape-html: ~1.0.3
+    on-finished: ~2.3.0
+    parseurl: ~1.3.3
+    statuses: ~1.5.0
+    unpipe: ~1.0.0
+  checksum: 617880460c5138dd7ccfd555cb5dde4d8f170f4b31b8bd51e4b646bb2946c30f7db716428a1f2882d730d2b72afb47d1f67cc487b874cb15426f95753a88965e
+  languageName: node
+  linkType: hard
+
+"find-babel-config@npm:^1.2.0":
+  version: 1.2.0
+  resolution: "find-babel-config@npm:1.2.0"
+  dependencies:
+    json5: ^0.5.1
+    path-exists: ^3.0.0
+  checksum: 0a1785d3da9f38637885d9d65f183aaa072f51a834f733035e9694e4d0f6983ae8c8e75cd4e08b92af6f595b3b490ee813a1c5a9b14740685aa836fa1e878583
+  languageName: node
+  linkType: hard
+
+"find-cache-dir@npm:^2.0.0":
+  version: 2.1.0
+  resolution: "find-cache-dir@npm:2.1.0"
+  dependencies:
+    commondir: ^1.0.1
+    make-dir: ^2.0.0
+    pkg-dir: ^3.0.0
+  checksum: 60ad475a6da9f257df4e81900f78986ab367d4f65d33cf802c5b91e969c28a8762f098693d7a571b6e4dd4c15166c2da32ae2d18b6766a18e2071079448fdce4
+  languageName: node
+  linkType: hard
+
+"find-cache-dir@npm:^3.3.1":
+  version: 3.3.1
+  resolution: "find-cache-dir@npm:3.3.1"
+  dependencies:
+    commondir: ^1.0.1
+    make-dir: ^3.0.2
+    pkg-dir: ^4.1.0
+  checksum: 0f7c22b65e07f9b486b4560227d014fab1e79ffbbfbafb87d113a2e878510bd620ef6fdff090e5248bb2846d28851d19e42bfdc7c50687966acc106328e7abf1
+  languageName: node
+  linkType: hard
+
+"find-index@npm:^0.1.1":
+  version: 0.1.1
+  resolution: "find-index@npm:0.1.1"
+  checksum: bf445157a466a823f7d1c40f2314c9a261c347bb6a81c3f46f0534bc25beaa233629b63255c078a34cf33994f6ad5866cdddf5dcdcdd70168a7ac978a3c6e35c
+  languageName: node
+  linkType: hard
+
+"find-up@npm:^2.1.0":
+  version: 2.1.0
+  resolution: "find-up@npm:2.1.0"
+  dependencies:
+    locate-path: ^2.0.0
+  checksum: 43284fe4da09f89011f08e3c32cd38401e786b19226ea440b75386c1b12a4cb738c94969808d53a84f564ede22f732c8409e3cfc3f7fb5b5c32378ad0bbf28bd
+  languageName: node
+  linkType: hard
+
+"find-up@npm:^3.0.0":
+  version: 3.0.0
+  resolution: "find-up@npm:3.0.0"
+  dependencies:
+    locate-path: ^3.0.0
+  checksum: 38eba3fe7a66e4bc7f0f5a1366dc25508b7cfc349f852640e3678d26ad9a6d7e2c43eff0a472287de4a9753ef58f066a0ea892a256fa3636ad51b3fe1e17fae9
+  languageName: node
+  linkType: hard
+
+"find-up@npm:^4.0.0, find-up@npm:^4.1.0":
+  version: 4.1.0
+  resolution: "find-up@npm:4.1.0"
+  dependencies:
+    locate-path: ^5.0.0
+    path-exists: ^4.0.0
+  checksum: 4c172680e8f8c1f78839486e14a43ef82e9decd0e74145f40707cc42e7420506d5ec92d9a11c22bd2c48fb0c384ea05dd30e10dd152fefeec6f2f75282a8b844
+  languageName: node
+  linkType: hard
+
+"flat-cache@npm:^3.0.4":
+  version: 3.0.4
+  resolution: "flat-cache@npm:3.0.4"
+  dependencies:
+    flatted: ^3.1.0
+    rimraf: ^3.0.2
+  checksum: 4fdd10ecbcbf7d520f9040dd1340eb5dfe951e6f0ecf2252edeec03ee68d989ec8b9a20f4434270e71bcfd57800dc09b3344fca3966b2eb8f613072c7d9a2365
+  languageName: node
+  linkType: hard
+
+"flatted@npm:^3.1.0":
+  version: 3.1.0
+  resolution: "flatted@npm:3.1.0"
+  checksum: 3e4699377ef18194e39777fc39e472e8939e65c38fe1445a26072242498ea4a7f701bbd6515aa332e5ea11dd9d3488f775f6dfe8b605756fbc0807dc329fe118
+  languageName: node
+  linkType: hard
+
+"flatten@npm:^1.0.2":
+  version: 1.0.3
+  resolution: "flatten@npm:1.0.3"
+  checksum: 5c57379816f1692aaa79fbc6390e0a0644e5e8442c5783ed57c6d315468eddbc53a659eaa03c9bb1e771b0f4a9bd8dd8a2620286bf21fd6538a7857321fdfb20
+  languageName: node
+  linkType: hard
+
+"flush-write-stream@npm:^1.0.2":
+  version: 1.1.1
+  resolution: "flush-write-stream@npm:1.1.1"
+  dependencies:
+    inherits: ^2.0.3
+    readable-stream: ^2.3.6
+  checksum: 42e07747f83bcd4e799da802e621d6039787749ffd41f5517f8c4f786ee967e31ba32b09f8b28a9c6f67bd4f5346772e604202df350e8d99f4141771bae31279
+  languageName: node
+  linkType: hard
+
+"follow-redirects@npm:^1.0.0, follow-redirects@npm:^1.10.0":
+  version: 1.13.3
+  resolution: "follow-redirects@npm:1.13.3"
+  peerDependenciesMeta:
+    debug:
+      optional: true
+  checksum: 4b5aaa91a0f938547a083d001a572da4d6b7586b699f330da8794ae2cf8b0d8628bcde794f9b205fbe6c6dcab30272454e723aed8f5540bf47a41fa8c7e36441
+  languageName: node
+  linkType: hard
+
+"foreach@npm:^2.0.5":
+  version: 2.0.5
+  resolution: "foreach@npm:2.0.5"
+  checksum: dab4fbfef0b40b69ee5eab81bcb9626b8fa8b3469c8cfa26480f3e5e1ee08c40eae07048c9a967c65aeda26e774511ccc70b3f10a604c01753c6ef24361f0fc8
+  languageName: node
+  linkType: hard
+
+"forever-agent@npm:~0.6.1":
+  version: 0.6.1
+  resolution: "forever-agent@npm:0.6.1"
+  checksum: 766ae6e220f5fe23676bb4c6a99387cec5b7b62ceb99e10923376e27bfea72f3c3aeec2ba5f45f3f7ba65d6616965aa7c20b15002b6860833bb6e394dea546a8
+  languageName: node
+  linkType: hard
+
+"form-data@npm:^2.3.3":
+  version: 2.5.1
+  resolution: "form-data@npm:2.5.1"
+  dependencies:
+    asynckit: ^0.4.0
+    combined-stream: ^1.0.6
+    mime-types: ^2.1.12
+  checksum: 5134ada56cc246b293a1ac7678dba6830000603a3979cf83ff7b2f21f2e3725202237cfb89e32bcb38a1d35727efbd3c3a22e65b42321e8ade8eec01ce755d08
+  languageName: node
+  linkType: hard
+
+"form-data@npm:^3.0.0":
+  version: 3.0.0
+  resolution: "form-data@npm:3.0.0"
+  dependencies:
+    asynckit: ^0.4.0
+    combined-stream: ^1.0.8
+    mime-types: ^2.1.12
+  checksum: 60ec3fe7e23154949ab6fef31baedf5afbfb8d6441ea8d19b211b43a5d0448be2918c9bba6218cade56a7cbd43f670d6e75f41f626f8d397d56bf8c60f4a829d
+  languageName: node
+  linkType: hard
+
+"form-data@npm:^4.0.0":
+  version: 4.0.0
+  resolution: "form-data@npm:4.0.0"
+  dependencies:
+    asynckit: ^0.4.0
+    combined-stream: ^1.0.8
+    mime-types: ^2.1.12
+  checksum: 01135bf8675f9d5c61ff18e2e2932f719ca4de964e3be90ef4c36aacfc7b9cb2fceb5eca0b7e0190e3383fe51c5b37f4cb80b62ca06a99aaabfcfd6ac7c9328c
+  languageName: node
+  linkType: hard
+
+"form-data@npm:~2.3.2":
+  version: 2.3.3
+  resolution: "form-data@npm:2.3.3"
+  dependencies:
+    asynckit: ^0.4.0
+    combined-stream: ^1.0.6
+    mime-types: ^2.1.12
+  checksum: 10c1780fa13dbe1ff3100114c2ce1f9307f8be10b14bf16e103815356ff567b6be39d70fc4a40f8990b9660012dc24b0f5e1dde1b6426166eb23a445ba068ca3
+  languageName: node
+  linkType: hard
+
+"forwarded@npm:0.2.0":
+  version: 0.2.0
+  resolution: "forwarded@npm:0.2.0"
+  checksum: fd27e2394d8887ebd16a66ffc889dc983fbbd797d5d3f01087c020283c0f019a7d05ee85669383d8e0d216b116d720fc0cef2f6e9b7eb9f4c90c6e0bc7fd28e6
+  languageName: node
+  linkType: hard
+
+"fresh@npm:0.5.2":
+  version: 0.5.2
+  resolution: "fresh@npm:0.5.2"
+  checksum: 13ea8b08f91e669a64e3ba3a20eb79d7ca5379a81f1ff7f4310d54e2320645503cc0c78daedc93dfb6191287295f6479544a649c64d8e41a1c0fb0c221552346
+  languageName: node
+  linkType: hard
+
+"fs-constants@npm:^1.0.0":
+  version: 1.0.0
+  resolution: "fs-constants@npm:1.0.0"
+  checksum: 18f5b718371816155849475ac36c7d0b24d39a11d91348cfcb308b4494824413e03572c403c86d3a260e049465518c4f0d5bd00f0371cdfcad6d4f30a85b350d
+  languageName: node
+  linkType: hard
+
+"fs-extra@npm:^10.0.0, fs-extra@npm:^10.0.1":
+  version: 10.0.1
+  resolution: "fs-extra@npm:10.0.1"
+  dependencies:
+    graceful-fs: ^4.2.0
+    jsonfile: ^6.0.1
+    universalify: ^2.0.0
+  checksum: c1faaa5eb9e1c5c7c7ff09f966e93922ecb068ae1b04801cfc983ef05fcc1f66bfbb8d8d0b745c910014c7a2e7317fb6cf3bfe7390450c1157e3cc1a218f221d
+  languageName: node
+  linkType: hard
+
+"fs-extra@npm:^4.0.2":
+  version: 4.0.3
+  resolution: "fs-extra@npm:4.0.3"
+  dependencies:
+    graceful-fs: ^4.1.2
+    jsonfile: ^4.0.0
+    universalify: ^0.1.0
+  checksum: c5ae3c7043ad7187128e619c0371da01b58694c1ffa02c36fb3f5b459925d9c27c3cb1e095d9df0a34a85ca993d8b8ff6f6ecef868fd5ebb243548afa7fc0936
+  languageName: node
+  linkType: hard
+
+"fs-extra@npm:^8.1.0":
+  version: 8.1.0
+  resolution: "fs-extra@npm:8.1.0"
+  dependencies:
+    graceful-fs: ^4.2.0
+    jsonfile: ^4.0.0
+    universalify: ^0.1.0
+  checksum: bf44f0e6cea59d5ce071bba4c43ca76d216f89e402dc6285c128abc0902e9b8525135aa808adad72c9d5d218e9f4bcc63962815529ff2f684ad532172a284880
+  languageName: node
+  linkType: hard
+
+"fs-extra@npm:^9.0.0, fs-extra@npm:^9.0.1":
+  version: 9.1.0
+  resolution: "fs-extra@npm:9.1.0"
+  dependencies:
+    at-least-node: ^1.0.0
+    graceful-fs: ^4.2.0
+    jsonfile: ^6.0.1
+    universalify: ^2.0.0
+  checksum: ba71ba32e0faa74ab931b7a0031d1523c66a73e225de7426e275e238e312d07313d2da2d33e34a52aa406c8763ade5712eb3ec9ba4d9edce652bcacdc29e6b20
+  languageName: node
+  linkType: hard
+
+"fs-minipass@npm:^1.2.7":
+  version: 1.2.7
+  resolution: "fs-minipass@npm:1.2.7"
+  dependencies:
+    minipass: ^2.6.0
+  checksum: 40fd46a2b5dcb74b3a580269f9a0c36f9098c2ebd22cef2e1a004f375b7b665c11f1507ec3f66ee6efab5664109f72d0a74ea19c3370842214c3da5168d6fdd7
+  languageName: node
+  linkType: hard
+
+"fs-minipass@npm:^2.0.0":
+  version: 2.1.0
+  resolution: "fs-minipass@npm:2.1.0"
+  dependencies:
+    minipass: ^3.0.0
+  checksum: 1b8d128dae2ac6cc94230cc5ead341ba3e0efaef82dab46a33d171c044caaa6ca001364178d42069b2809c35a1c3c35079a32107c770e9ffab3901b59af8c8b1
+  languageName: node
+  linkType: hard
+
+"fs-mkdirp-stream@npm:^1.0.0":
+  version: 1.0.0
+  resolution: "fs-mkdirp-stream@npm:1.0.0"
+  dependencies:
+    graceful-fs: ^4.1.11
+    through2: ^2.0.3
+  checksum: 397c6a699a951bbbb9af1b0e173c9e9c0497501650dd55cb54dd6cad81e80601b6dea86c872600b25295a1502df9e240c86457a0af8c9fea46d2a4d772f73110
+  languageName: node
+  linkType: hard
+
+"fs-monkey@npm:1.0.3":
+  version: 1.0.3
+  resolution: "fs-monkey@npm:1.0.3"
+  checksum: cf50804833f9b88a476911ae911fe50f61a98d986df52f890bd97e7262796d023698cb2309fa9b74fdd8974f04315b648748a0a8ee059e7d5257b293bfc409c0
+  languageName: node
+  linkType: hard
+
+"fs-readdir-recursive@npm:^1.1.0":
+  version: 1.1.0
+  resolution: "fs-readdir-recursive@npm:1.1.0"
+  checksum: 29d50f3d2128391c7fc9fd051c8b7ea45bcc8aa84daf31ef52b17218e20bfd2bd34d02382742801954cc8d1905832b68227f6b680a666ce525d8b6b75068ad1e
+  languageName: node
+  linkType: hard
+
+"fs.realpath@npm:^1.0.0":
+  version: 1.0.0
+  resolution: "fs.realpath@npm:1.0.0"
+  checksum: 99ddea01a7e75aa276c250a04eedeffe5662bce66c65c07164ad6264f9de18fb21be9433ead460e54cff20e31721c811f4fb5d70591799df5f85dce6d6746fd0
+  languageName: node
+  linkType: hard
+
+"fsevents@^2.3.2, fsevents@~2.3.2":
+  version: 2.3.2
+  resolution: "fsevents@npm:2.3.2"
+  dependencies:
+    node-gyp: latest
+  checksum: 97ade64e75091afee5265e6956cb72ba34db7819b4c3e94c431d4be2b19b8bb7a2d4116da417950c3425f17c8fe693d25e20212cac583ac1521ad066b77ae31f
+  conditions: os=darwin
+  languageName: node
+  linkType: hard
+
+"fsevents@patch:fsevents@^2.3.2#~builtin<compat/fsevents>, fsevents@patch:fsevents@~2.3.2#~builtin<compat/fsevents>":
+  version: 2.3.2
+  resolution: "fsevents@patch:fsevents@npm%3A2.3.2#~builtin<compat/fsevents>::version=2.3.2&hash=18f3a7"
+  dependencies:
+    node-gyp: latest
+  conditions: os=darwin
+  languageName: node
+  linkType: hard
+
+"function-bind@npm:^1.1.1":
+  version: 1.1.1
+  resolution: "function-bind@npm:1.1.1"
+  checksum: b32fbaebb3f8ec4969f033073b43f5c8befbb58f1a79e12f1d7490358150359ebd92f49e72ff0144f65f2c48ea2a605bff2d07965f548f6474fd8efd95bf361a
+  languageName: node
+  linkType: hard
+
+"functional-red-black-tree@npm:^1.0.1":
+  version: 1.0.1
+  resolution: "functional-red-black-tree@npm:1.0.1"
+  checksum: ca6c170f37640e2d94297da8bb4bf27a1d12bea3e00e6a3e007fd7aa32e37e000f5772acf941b4e4f3cf1c95c3752033d0c509af157ad8f526e7f00723b9eb9f
+  languageName: node
+  linkType: hard
+
+"gauge@npm:^v4.0.3":
+  version: 4.0.3
+  resolution: "gauge@npm:4.0.3"
+  dependencies:
+    aproba: ^1.0.3 || ^2.0.0
+    color-support: ^1.1.3
+    console-control-strings: ^1.1.0
+    has-unicode: ^2.0.1
+    signal-exit: ^3.0.7
+    string-width: ^4.2.3
+    strip-ansi: ^6.0.1
+    wide-align: ^1.1.5
+  checksum: baf982238a5270def90a4895f2e083b5cf8e6f7df20b53b24a932845aec363a6cf411f88b33dcb016a43c9334fdfccd956e4514ee875d70af016bf6fead3d3ae
+  languageName: node
+  linkType: hard
+
+"gauge@npm:~2.7.3":
+  version: 2.7.4
+  resolution: "gauge@npm:2.7.4"
+  dependencies:
+    aproba: ^1.0.3
+    console-control-strings: ^1.0.0
+    has-unicode: ^2.0.0
+    object-assign: ^4.1.0
+    signal-exit: ^3.0.0
+    string-width: ^1.0.1
+    strip-ansi: ^3.0.1
+    wide-align: ^1.1.0
+  checksum: a89b53cee65579b46832e050b5f3a79a832cc422c190de79c6b8e2e15296ab92faddde6ddf2d376875cbba2b043efa99b9e1ed8124e7365f61b04e3cee9d40ee
+  languageName: node
+  linkType: hard
+
+"gensync@npm:^1.0.0-beta.2":
+  version: 1.0.0-beta.2
+  resolution: "gensync@npm:1.0.0-beta.2"
+  checksum: a7437e58c6be12aa6c90f7730eac7fa9833dc78872b4ad2963d2031b00a3367a93f98aec75f9aaac7220848e4026d67a8655e870b24f20a543d103c0d65952ec
+  languageName: node
+  linkType: hard
+
+"get-amd-module-type@npm:^3.0.0":
+  version: 3.0.0
+  resolution: "get-amd-module-type@npm:3.0.0"
+  dependencies:
+    ast-module-types: ^2.3.2
+    node-source-walk: ^4.0.0
+  checksum: a2df61d329541e04d9ddeb3880b52df12d70d48822bd3ac340b17a445785fc8dcc195194e0ed79e04271217c1eaccf94c46bb8e5d5b7acd2cdd48661f004916f
+  languageName: node
+  linkType: hard
+
+"get-caller-file@npm:^2.0.5":
+  version: 2.0.5
+  resolution: "get-caller-file@npm:2.0.5"
+  checksum: b9769a836d2a98c3ee734a88ba712e62703f1df31b94b784762c433c27a386dd6029ff55c2a920c392e33657d80191edbf18c61487e198844844516f843496b9
+  languageName: node
+  linkType: hard
+
+"get-intrinsic@npm:^1.0.2, get-intrinsic@npm:^1.1.0, get-intrinsic@npm:^1.1.1":
+  version: 1.1.1
+  resolution: "get-intrinsic@npm:1.1.1"
+  dependencies:
+    function-bind: ^1.1.1
+    has: ^1.0.3
+    has-symbols: ^1.0.1
+  checksum: a9fe2ca8fa3f07f9b0d30fb202bcd01f3d9b9b6b732452e79c48e79f7d6d8d003af3f9e38514250e3553fdc83c61650851cb6870832ac89deaaceb08e3721a17
+  languageName: node
+  linkType: hard
+
+"get-own-enumerable-property-symbols@npm:^3.0.0":
+  version: 3.0.2
+  resolution: "get-own-enumerable-property-symbols@npm:3.0.2"
+  checksum: 8f0331f14159f939830884799f937343c8c0a2c330506094bc12cbee3665d88337fe97a4ea35c002cc2bdba0f5d9975ad7ec3abb925015cdf2a93e76d4759ede
+  languageName: node
+  linkType: hard
+
+"get-package-type@npm:^0.1.0":
+  version: 0.1.0
+  resolution: "get-package-type@npm:0.1.0"
+  checksum: bba0811116d11e56d702682ddef7c73ba3481f114590e705fc549f4d868972263896af313c57a25c076e3c0d567e11d919a64ba1b30c879be985fc9d44f96148
+  languageName: node
+  linkType: hard
+
+"get-port@npm:^5.1.1":
+  version: 5.1.1
+  resolution: "get-port@npm:5.1.1"
+  checksum: 0162663ffe5c09e748cd79d97b74cd70e5a5c84b760a475ce5767b357fb2a57cb821cee412d646aa8a156ed39b78aab88974eddaa9e5ee926173c036c0713787
+  languageName: node
+  linkType: hard
+
+"get-stream@npm:^3.0.0":
+  version: 3.0.0
+  resolution: "get-stream@npm:3.0.0"
+  checksum: 36142f46005ed74ce3a45c55545ec4e7da8e243554179e345a786baf144e5c4a35fb7bdc49fadfa9f18bd08000589b6fe364abdadfc4e1eb0e1b9914a6bb9c56
+  languageName: node
+  linkType: hard
+
+"get-stream@npm:^4.1.0":
+  version: 4.1.0
+  resolution: "get-stream@npm:4.1.0"
+  dependencies:
+    pump: ^3.0.0
+  checksum: 443e1914170c15bd52ff8ea6eff6dfc6d712b031303e36302d2778e3de2506af9ee964d6124010f7818736dcfde05c04ba7ca6cc26883106e084357a17ae7d73
+  languageName: node
+  linkType: hard
+
+"get-stream@npm:^5.1.0":
+  version: 5.2.0
+  resolution: "get-stream@npm:5.2.0"
+  dependencies:
+    pump: ^3.0.0
+  checksum: 8bc1a23174a06b2b4ce600df38d6c98d2ef6d84e020c1ddad632ad75bac4e092eeb40e4c09e0761c35fc2dbc5e7fff5dab5e763a383582c4a167dd69a905bd12
+  languageName: node
+  linkType: hard
+
+"get-stream@npm:^6.0.0":
+  version: 6.0.0
+  resolution: "get-stream@npm:6.0.0"
+  checksum: 587e6a93127f9991b494a566f4971cf7a2645dfa78034818143480a80587027bdd8826cdcf80d0eff4a4a19de0d231d157280f24789fc9cc31492e1dcc1290cf
+  languageName: node
+  linkType: hard
+
+"get-symbol-description@npm:^1.0.0":
+  version: 1.0.0
+  resolution: "get-symbol-description@npm:1.0.0"
+  dependencies:
+    call-bind: ^1.0.2
+    get-intrinsic: ^1.1.1
+  checksum: 9ceff8fe968f9270a37a1f73bf3f1f7bda69ca80f4f80850670e0e7b9444ff99323f7ac52f96567f8b5f5fbe7ac717a0d81d3407c7313e82810c6199446a5247
+  languageName: node
+  linkType: hard
+
+"getpass@npm:^0.1.1":
+  version: 0.1.7
+  resolution: "getpass@npm:0.1.7"
+  dependencies:
+    assert-plus: ^1.0.0
+  checksum: ab18d55661db264e3eac6012c2d3daeafaab7a501c035ae0ccb193c3c23e9849c6e29b6ac762b9c2adae460266f925d55a3a2a3a3c8b94be2f222df94d70c046
+  languageName: node
+  linkType: hard
+
+"gh-pages@npm:^3.2.3":
+  version: 3.2.3
+  resolution: "gh-pages@npm:3.2.3"
+  dependencies:
+    async: ^2.6.1
+    commander: ^2.18.0
+    email-addresses: ^3.0.1
+    filenamify: ^4.3.0
+    find-cache-dir: ^3.3.1
+    fs-extra: ^8.1.0
+    globby: ^6.1.0
+  bin:
+    gh-pages: bin/gh-pages.js
+    gh-pages-clean: bin/gh-pages-clean.js
+  checksum: 0a6e92180ce8fac6f244403d1c8af6d004615b96c7bafdc25da0022eab34f84470895587c618d440ae77b4b4ce1c1b85442ddf3184f53a522f87974da5a41760
+  languageName: node
+  linkType: hard
+
+"gh-release-assets@npm:^2.0.0":
+  version: 2.0.0
+  resolution: "gh-release-assets@npm:2.0.0"
+  dependencies:
+    async: ^3.2.0
+    mime: ^2.4.6
+    progress-stream: ^2.0.0
+    pumpify: ^2.0.1
+    simple-get: ^4.0.0
+    util-extend: ^1.0.1
+  checksum: 886e754e1a53b158b00aba5058e8832297dcbe0ca12df9f322922a7efd5b9053d38aad5767e5a1f3c0ad1b5f433a619b4f7c5eec02c2bdeb206121ad10a69d28
+  languageName: node
+  linkType: hard
+
+"gh-release@npm:^6.0.3":
+  version: 6.0.3
+  resolution: "gh-release@npm:6.0.3"
+  dependencies:
+    "@octokit/rest": ^18.0.9
+    changelog-parser: ^2.0.0
+    deep-extend: ^0.6.0
+    gauge: ^v4.0.3
+    gh-release-assets: ^2.0.0
+    ghauth: ^5.0.0
+    github-url-to-object: ^4.0.4
+    inquirer: ^8.0.0
+    shelljs: ^0.8.4
+    update-notifier: ^5.0.0
+    yargs: ^17.0.0
+  bin:
+    gh-release: bin/cli.js
+  checksum: 57dae524d2be0dacdae5be1ecabd111a3f594a8a095107f776fc424445dbe1b90c0000639a05a7ce9f4aa796d13883a3c7b65a3bd46a13915c200b7e04cbbcad
+  languageName: node
+  linkType: hard
+
+"ghauth@npm:^5.0.0":
+  version: 5.0.0
+  resolution: "ghauth@npm:5.0.0"
+  dependencies:
+    application-config: ^2.0.0
+    node-fetch: ^2.6.0
+    ora: ^4.0.5
+    read: ^1.0.7
+  checksum: 03e96a3eacf447f4e035f842460b15d2858ec1f541152e7b8494700fabc7277fb9ed4dcdd160292e4ee4a96a1f02660d0ac36da50294493f753204fa1165145b
+  languageName: node
+  linkType: hard
+
+"github-from-package@npm:0.0.0":
+  version: 0.0.0
+  resolution: "github-from-package@npm:0.0.0"
+  checksum: 14e448192a35c1e42efee94c9d01a10f42fe790375891a24b25261246ce9336ab9df5d274585aedd4568f7922246c2a78b8a8cd2571bfe99c693a9718e7dd0e3
+  languageName: node
+  linkType: hard
+
+"github-url-to-object@npm:^4.0.4":
+  version: 4.0.4
+  resolution: "github-url-to-object@npm:4.0.4"
+  dependencies:
+    is-url: ^1.1.0
+  checksum: ef93bd88f69bda41a8d897450b3c3f127d37823929a05bcae67b6b8359aa5be30122c578b13a3e11c4a6d8a6501ac2989b7ffe6465184529e34b0b94197ebf3d
+  languageName: node
+  linkType: hard
+
+"glob-parent@npm:^3.1.0":
+  version: 3.1.0
+  resolution: "glob-parent@npm:3.1.0"
+  dependencies:
+    is-glob: ^3.1.0
+    path-dirname: ^1.0.0
+  checksum: 653d559237e89a11b9934bef3f392ec42335602034c928590544d383ff5ef449f7b12f3cfa539708e74bc0a6c28ab1fe51d663cc07463cdf899ba92afd85a855
+  languageName: node
+  linkType: hard
+
+"glob-parent@npm:^5.1.2, glob-parent@npm:~5.1.2":
+  version: 5.1.2
+  resolution: "glob-parent@npm:5.1.2"
+  dependencies:
+    is-glob: ^4.0.1
+  checksum: f4f2bfe2425296e8a47e36864e4f42be38a996db40420fe434565e4480e3322f18eb37589617a98640c5dc8fdec1a387007ee18dbb1f3f5553409c34d17f425e
+  languageName: node
+  linkType: hard
+
+"glob-parent@npm:^6.0.1":
+  version: 6.0.2
+  resolution: "glob-parent@npm:6.0.2"
+  dependencies:
+    is-glob: ^4.0.3
+  checksum: c13ee97978bef4f55106b71e66428eb1512e71a7466ba49025fc2aec59a5bfb0954d5abd58fc5ee6c9b076eef4e1f6d3375c2e964b88466ca390da4419a786a8
+  languageName: node
+  linkType: hard
+
+"glob-stream@npm:^6.1.0":
+  version: 6.1.0
+  resolution: "glob-stream@npm:6.1.0"
+  dependencies:
+    extend: ^3.0.0
+    glob: ^7.1.1
+    glob-parent: ^3.1.0
+    is-negated-glob: ^1.0.0
+    ordered-read-streams: ^1.0.0
+    pumpify: ^1.3.5
+    readable-stream: ^2.1.5
+    remove-trailing-separator: ^1.0.1
+    to-absolute-glob: ^2.0.0
+    unique-stream: ^2.0.2
+  checksum: 7c9ec7be266974186b762ad686813025868067f2ea64a0428c0365b4046cb955d328b1e7498124392ec0026c5826ce2cfa4b41614584fb63edd02421e61db556
+  languageName: node
+  linkType: hard
+
+"glob-to-regexp@npm:^0.4.1":
+  version: 0.4.1
+  resolution: "glob-to-regexp@npm:0.4.1"
+  checksum: e795f4e8f06d2a15e86f76e4d92751cf8bbfcf0157cea5c2f0f35678a8195a750b34096b1256e436f0cebc1883b5ff0888c47348443e69546a5a87f9e1eb1167
+  languageName: node
+  linkType: hard
+
+"glob2base@npm:^0.0.12":
+  version: 0.0.12
+  resolution: "glob2base@npm:0.0.12"
+  dependencies:
+    find-index: ^0.1.1
+  checksum: 277bbfee5bebf869d63f04e0d62a20d1811aef0c138ac37f98927c8e1af0ddbab18e4bb8b6674622a8acf906019f58fb2e622ceb6fb824d3915fec1ca0fc7730
+  languageName: node
+  linkType: hard
+
+"glob@npm:^5.0.15":
+  version: 5.0.15
+  resolution: "glob@npm:5.0.15"
+  dependencies:
+    inflight: ^1.0.4
+    inherits: 2
+    minimatch: 2 || 3
+    once: ^1.3.0
+    path-is-absolute: ^1.0.0
+  checksum: f9742448303460672607e569457f1b57e486a79a985e269b69465834d2075b243378225f65dc54c09fcd4b75e4fb34442aec88f33f8c65fa4abccc8ee2dc2f5d
+  languageName: node
+  linkType: hard
+
+"glob@npm:^7.0.0, glob@npm:^7.0.3, glob@npm:^7.1.1, glob@npm:^7.1.2, glob@npm:^7.1.3, glob@npm:^7.1.4, glob@npm:^7.1.6":
+  version: 7.2.0
+  resolution: "glob@npm:7.2.0"
+  dependencies:
+    fs.realpath: ^1.0.0
+    inflight: ^1.0.4
+    inherits: 2
+    minimatch: ^3.0.4
+    once: ^1.3.0
+    path-is-absolute: ^1.0.0
+  checksum: 78a8ea942331f08ed2e055cb5b9e40fe6f46f579d7fd3d694f3412fe5db23223d29b7fee1575440202e9a7ff9a72ab106a39fee39934c7bedafe5e5f8ae20134
+  languageName: node
+  linkType: hard
+
+"glob@npm:^8.0.1":
+  version: 8.0.1
+  resolution: "glob@npm:8.0.1"
+  dependencies:
+    fs.realpath: ^1.0.0
+    inflight: ^1.0.4
+    inherits: 2
+    minimatch: ^5.0.1
+    once: ^1.3.0
+    path-is-absolute: ^1.0.0
+  checksum: 7ac782f3ef1c08005884447479e68ceb0ad56997eb2003e1e9aefae71bad3cb48eb7c49190d3d6736f2ffcd8af4985d53a46831b3d5e0052cc5756822a38b61a
+  languageName: node
+  linkType: hard
+
+"global-agent@npm:^2.0.2":
+  version: 2.1.12
+  resolution: "global-agent@npm:2.1.12"
+  dependencies:
+    boolean: ^3.0.1
+    core-js: ^3.6.5
+    es6-error: ^4.1.1
+    matcher: ^3.0.0
+    roarr: ^2.15.3
+    semver: ^7.3.2
+    serialize-error: ^7.0.1
+  checksum: 220c30f0ee19bf0a32a286d94b5d23c11b4f1c0a029b68a6ba22c25e0e9409dbe5e9e19e724cb4dd68e7be64f5fc5fd04cb0a897361f8e2fdda571438ecc37ad
+  languageName: node
+  linkType: hard
+
+"global-dirs@npm:^3.0.0":
+  version: 3.0.0
+  resolution: "global-dirs@npm:3.0.0"
+  dependencies:
+    ini: 2.0.0
+  checksum: 953c17cf14bf6ee0e2100ae82a0d779934eed8a3ec5c94a7a4f37c5b3b592c31ea015fb9a15cf32484de13c79f4a814f3015152f3e1d65976cfbe47c1bfe4a88
+  languageName: node
+  linkType: hard
+
+"global-tunnel-ng@npm:^2.7.1":
+  version: 2.7.1
+  resolution: "global-tunnel-ng@npm:2.7.1"
+  dependencies:
+    encodeurl: ^1.0.2
+    lodash: ^4.17.10
+    npm-conf: ^1.1.3
+    tunnel: ^0.0.6
+  checksum: b7e016093eab6058b5fdd8caea31c22dc1a607f0f0b41c001ade5e0227c5d74efe9ce9bae56316d794bc1cedd461a187b8b7e8f0a3eb4d194972cdfb9d860af2
+  languageName: node
+  linkType: hard
+
+"global@npm:~4.4.0":
+  version: 4.4.0
+  resolution: "global@npm:4.4.0"
+  dependencies:
+    min-document: ^2.19.0
+    process: ^0.11.10
+  checksum: 9c057557c8f5a5bcfbeb9378ba4fe2255d04679452be504608dd5f13b54edf79f7be1db1031ea06a4ec6edd3b9f5f17d2d172fb47e6c69dae57fd84b7e72b77f
+  languageName: node
+  linkType: hard
+
+"globals@npm:^11.1.0":
+  version: 11.12.0
+  resolution: "globals@npm:11.12.0"
+  checksum: 67051a45eca3db904aee189dfc7cd53c20c7d881679c93f6146ddd4c9f4ab2268e68a919df740d39c71f4445d2b38ee360fc234428baea1dbdfe68bbcb46979e
+  languageName: node
+  linkType: hard
+
+"globals@npm:^13.6.0, globals@npm:^13.9.0":
+  version: 13.9.0
+  resolution: "globals@npm:13.9.0"
+  dependencies:
+    type-fest: ^0.20.2
+  checksum: 566b29b475dd793eeb44d5b54823fdbf320e7077f5d1d330856ac2e7e016e4b50c8310b12d498282d5b5b26bdd7a1a6343615f510bf37b8863ec2741d58cc6ad
+  languageName: node
+  linkType: hard
+
+"globalthis@npm:^1.0.1":
+  version: 1.0.1
+  resolution: "globalthis@npm:1.0.1"
+  dependencies:
+    define-properties: ^1.1.3
+  checksum: d80d625355ebd1174144290766ce96a1465966370d35a05897e3fb96e031493b2c117fb92b55a94dba2f33031e498b5776d03437965ed4514815e6122c78d18c
+  languageName: node
+  linkType: hard
+
+"globby@npm:^11.0.3, globby@npm:^11.0.4":
+  version: 11.0.4
+  resolution: "globby@npm:11.0.4"
+  dependencies:
+    array-union: ^2.1.0
+    dir-glob: ^3.0.1
+    fast-glob: ^3.1.1
+    ignore: ^5.1.4
+    merge2: ^1.3.0
+    slash: ^3.0.0
+  checksum: d3e02d5e459e02ffa578b45f040381c33e3c0538ed99b958f0809230c423337999867d7b0dbf752ce93c46157d3bbf154d3fff988a93ccaeb627df8e1841775b
+  languageName: node
+  linkType: hard
+
+"globby@npm:^12.0.2":
+  version: 12.0.2
+  resolution: "globby@npm:12.0.2"
+  dependencies:
+    array-union: ^3.0.1
+    dir-glob: ^3.0.1
+    fast-glob: ^3.2.7
+    ignore: ^5.1.8
+    merge2: ^1.4.1
+    slash: ^4.0.0
+  checksum: f474ced866755f48ce7e8a7e11b0a1d90fa1f1c25cf86c245fbf05a862accfba695102a843b6386dbe41fa73c2f9a7e625bf566fa7648d2e1304f58748975e3f
+  languageName: node
+  linkType: hard
+
+"globby@npm:^6.1.0":
+  version: 6.1.0
+  resolution: "globby@npm:6.1.0"
+  dependencies:
+    array-union: ^1.0.1
+    glob: ^7.0.3
+    object-assign: ^4.0.1
+    pify: ^2.0.0
+    pinkie-promise: ^2.0.0
+  checksum: 18109d6b9d55643d2b98b59c3cfae7073ccfe39829632f353d516cc124d836c2ddebe48a23f04af63d66a621b6d86dd4cbd7e6af906f2458a7fe510ffc4bd424
+  languageName: node
+  linkType: hard
+
+"gonzales-pe@npm:^4.2.3":
+  version: 4.3.0
+  resolution: "gonzales-pe@npm:4.3.0"
+  dependencies:
+    minimist: ^1.2.5
+  bin:
+    gonzales: bin/gonzales.js
+  checksum: 49d60fc49ad35639e5d55923c1516d3ec2e4de5e6e5913ec3458a479b66623e54a060d568295349b0bb9f96ee970c473ff984d4b82a5cfeaf736c55f0d6dc3b7
+  languageName: node
+  linkType: hard
+
+"good-listener@npm:^1.2.2":
+  version: 1.2.2
+  resolution: "good-listener@npm:1.2.2"
+  dependencies:
+    delegate: ^3.1.2
+  checksum: f39fb82c4e41524f56104cfd2d7aef1a88e72f3f75139115fbdf98cc7d844e0c1b39218b2e83438c6188727bf904ed78c7f0f2feff67b32833bc3af7f0202b33
+  languageName: node
+  linkType: hard
+
+"got@npm:9.6.0, got@npm:^9.6.0":
+  version: 9.6.0
+  resolution: "got@npm:9.6.0"
+  dependencies:
+    "@sindresorhus/is": ^0.14.0
+    "@szmarczak/http-timer": ^1.1.2
+    cacheable-request: ^6.0.0
+    decompress-response: ^3.3.0
+    duplexer3: ^0.1.4
+    get-stream: ^4.1.0
+    lowercase-keys: ^1.0.1
+    mimic-response: ^1.0.1
+    p-cancelable: ^1.0.0
+    to-readable-stream: ^1.0.0
+    url-parse-lax: ^3.0.0
+  checksum: 941807bd9704bacf5eb401f0cc1212ffa1f67c6642f2d028fd75900471c221b1da2b8527f4553d2558f3faeda62ea1cf31665f8b002c6137f5de8732f07370b0
+  languageName: node
+  linkType: hard
+
+"got@npm:^11.5.1":
+  version: 11.8.1
+  resolution: "got@npm:11.8.1"
+  dependencies:
+    "@sindresorhus/is": ^4.0.0
+    "@szmarczak/http-timer": ^4.0.5
+    "@types/cacheable-request": ^6.0.1
+    "@types/responselike": ^1.0.0
+    cacheable-lookup: ^5.0.3
+    cacheable-request: ^7.0.1
+    decompress-response: ^6.0.0
+    http2-wrapper: ^1.0.0-beta.5.2
+    lowercase-keys: ^2.0.0
+    p-cancelable: ^2.0.0
+    responselike: ^2.0.0
+  checksum: 552eedbbc703f81120b8acfc472a57be2bbe5bca5d225aec46b6a0aa7169ccb9b1711fc494a1dc9929c71ae9d512a3730096371ce71ed88af332734c086a74f1
+  languageName: node
+  linkType: hard
+
+"got@npm:^7.1.0":
+  version: 7.1.0
+  resolution: "got@npm:7.1.0"
+  dependencies:
+    decompress-response: ^3.2.0
+    duplexer3: ^0.1.4
+    get-stream: ^3.0.0
+    is-plain-obj: ^1.1.0
+    is-retry-allowed: ^1.0.0
+    is-stream: ^1.0.0
+    isurl: ^1.0.0-alpha5
+    lowercase-keys: ^1.0.0
+    p-cancelable: ^0.3.0
+    p-timeout: ^1.1.1
+    safe-buffer: ^5.0.1
+    timed-out: ^4.0.0
+    url-parse-lax: ^1.0.0
+    url-to-options: ^1.0.1
+  checksum: 0270472a389bdca67e60d36cccd014e502d1797d925c06ea2ef372fb41ae99c9e25ac4f187cc422760b4a66abb5478f8821b8134b4eaefe0bf5183daeded5e2f
+  languageName: node
+  linkType: hard
+
+"graceful-fs@npm:^4.0.0, graceful-fs@npm:^4.1.11, graceful-fs@npm:^4.1.15, graceful-fs@npm:^4.1.2, graceful-fs@npm:^4.1.6, graceful-fs@npm:^4.2.0, graceful-fs@npm:^4.2.3, graceful-fs@npm:^4.2.4, graceful-fs@npm:^4.2.6, graceful-fs@npm:^4.2.9":
+  version: 4.2.9
+  resolution: "graceful-fs@npm:4.2.9"
+  checksum: 68ea4e07ff2c041ada184f9278b830375f8e0b75154e3f080af6b70f66172fabb4108d19b3863a96b53fc068a310b9b6493d86d1291acc5f3861eb4b79d26ad6
+  languageName: node
+  linkType: hard
+
+"graceful-readlink@npm:>= 1.0.0":
+  version: 1.0.1
+  resolution: "graceful-readlink@npm:1.0.1"
+  checksum: 4c1889ca0a6fc0bb9585b55c26a99719be132cbc4b7d84036193b70608059b9783e52e2a866d5a8e39821b16a69e899644ca75c6206563f1319b6720836b9ab2
+  languageName: node
+  linkType: hard
+
+"graphviz@npm:0.0.9":
+  version: 0.0.9
+  resolution: "graphviz@npm:0.0.9"
+  dependencies:
+    temp: ~0.4.0
+  checksum: fb414f89763d568646f2d899f9a2baa19e1cdf1b97db831f64f2b3f7322609ca1e4e43bcb3d2e3bfc992b9e0f657803559d7a98e289d5aa6dc549d578939d599
+  languageName: node
+  linkType: hard
+
+"gud@npm:^1.0.0":
+  version: 1.0.0
+  resolution: "gud@npm:1.0.0"
+  checksum: 3e2eb37cf794364077c18f036d6aa259c821c7fd188f2b7935cb00d589d82a41e0ebb1be809e1a93679417f62f1ad0513e745c3cf5329596e489aef8c5e5feae
+  languageName: node
+  linkType: hard
+
+"gulp-sort@npm:^2.0.0":
+  version: 2.0.0
+  resolution: "gulp-sort@npm:2.0.0"
+  dependencies:
+    through2: ^2.0.1
+  checksum: 8645d80b26990290e8623ccf38420e319a4ea67b64ac3e4f2b5de6c20b9006973001fd989dfe0fe3b2560044d3dfbc005685126826536e01718a2628aa45d0c5
+  languageName: node
+  linkType: hard
+
+"gzip-size@npm:^6.0.0":
+  version: 6.0.0
+  resolution: "gzip-size@npm:6.0.0"
+  dependencies:
+    duplexer: ^0.1.2
+  checksum: 2df97f359696ad154fc171dcb55bc883fe6e833bca7a65e457b9358f3cb6312405ed70a8da24a77c1baac0639906cd52358dc0ce2ec1a937eaa631b934c94194
+  languageName: node
+  linkType: hard
+
+"handle-thing@npm:^2.0.0":
+  version: 2.0.1
+  resolution: "handle-thing@npm:2.0.1"
+  checksum: 68071f313062315cd9dce55710e9496873945f1dd425107007058fc1629f93002a7649fcc3e464281ce02c7e809a35f5925504ab8105d972cf649f1f47cb7d6c
+  languageName: node
+  linkType: hard
+
+"har-schema@npm:^2.0.0":
+  version: 2.0.0
+  resolution: "har-schema@npm:2.0.0"
+  checksum: d8946348f333fb09e2bf24cc4c67eabb47c8e1d1aa1c14184c7ffec1140a49ec8aa78aa93677ae452d71d5fc0fdeec20f0c8c1237291fc2bcb3f502a5d204f9b
+  languageName: node
+  linkType: hard
+
+"har-validator@npm:~5.1.3":
+  version: 5.1.5
+  resolution: "har-validator@npm:5.1.5"
+  dependencies:
+    ajv: ^6.12.3
+    har-schema: ^2.0.0
+  checksum: b998a7269ca560d7f219eedc53e2c664cd87d487e428ae854a6af4573fc94f182fe9d2e3b92ab968249baec7ebaf9ead69cf975c931dc2ab282ec182ee988280
+  languageName: node
+  linkType: hard
+
+"hard-rejection@npm:^2.1.0":
+  version: 2.1.0
+  resolution: "hard-rejection@npm:2.1.0"
+  checksum: 7baaf80a0c7fff4ca79687b4060113f1529589852152fa935e6787a2bc96211e784ad4588fb3048136ff8ffc9dfcf3ae385314a5b24db32de20bea0d1597f9dc
+  languageName: node
+  linkType: hard
+
+"has-bigints@npm:^1.0.1":
+  version: 1.0.1
+  resolution: "has-bigints@npm:1.0.1"
+  checksum: 44ab55868174470065d2e0f8f6def1c990d12b82162a8803c679699fa8a39f966e336f2a33c185092fe8aea7e8bf2e85f1c26add5f29d98f2318bd270096b183
+  languageName: node
+  linkType: hard
+
+"has-flag@npm:^3.0.0":
+  version: 3.0.0
+  resolution: "has-flag@npm:3.0.0"
+  checksum: 4a15638b454bf086c8148979aae044dd6e39d63904cd452d970374fa6a87623423da485dfb814e7be882e05c096a7ccf1ebd48e7e7501d0208d8384ff4dea73b
+  languageName: node
+  linkType: hard
+
+"has-flag@npm:^4.0.0":
+  version: 4.0.0
+  resolution: "has-flag@npm:4.0.0"
+  checksum: 261a1357037ead75e338156b1f9452c016a37dcd3283a972a30d9e4a87441ba372c8b81f818cd0fbcd9c0354b4ae7e18b9e1afa1971164aef6d18c2b6095a8ad
+  languageName: node
+  linkType: hard
+
+"has-symbol-support-x@npm:^1.4.1":
+  version: 1.4.2
+  resolution: "has-symbol-support-x@npm:1.4.2"
+  checksum: ff06631d556d897424c00e8e79c10093ad34c93e88bb0563932d7837f148a4c90a4377abc5d8da000cb6637c0ecdb4acc9ae836c7cfd0ffc919986db32097609
+  languageName: node
+  linkType: hard
+
+"has-symbols@npm:^1.0.1, has-symbols@npm:^1.0.2":
+  version: 1.0.2
+  resolution: "has-symbols@npm:1.0.2"
+  checksum: 2309c426071731be792b5be43b3da6fb4ed7cbe8a9a6bcfca1862587709f01b33d575ce8f5c264c1eaad09fca2f9a8208c0a2be156232629daa2dd0c0740976b
+  languageName: node
+  linkType: hard
+
+"has-to-string-tag-x@npm:^1.2.0":
+  version: 1.4.1
+  resolution: "has-to-string-tag-x@npm:1.4.1"
+  dependencies:
+    has-symbol-support-x: ^1.4.1
+  checksum: 804c4505727be7770f8b2f5e727ce31c9affc5b83df4ce12344f44b68d557fefb31f77751dbd739de900653126bcd71f8842fac06f97a3fae5422685ab0ce6f0
+  languageName: node
+  linkType: hard
+
+"has-tostringtag@npm:^1.0.0":
+  version: 1.0.0
+  resolution: "has-tostringtag@npm:1.0.0"
+  dependencies:
+    has-symbols: ^1.0.2
+  checksum: cc12eb28cb6ae22369ebaad3a8ab0799ed61270991be88f208d508076a1e99abe4198c965935ce85ea90b60c94ddda73693b0920b58e7ead048b4a391b502c1c
+  languageName: node
+  linkType: hard
+
+"has-unicode@npm:^2.0.0, has-unicode@npm:^2.0.1":
+  version: 2.0.1
+  resolution: "has-unicode@npm:2.0.1"
+  checksum: 1eab07a7436512db0be40a710b29b5dc21fa04880b7f63c9980b706683127e3c1b57cb80ea96d47991bdae2dfe479604f6a1ba410106ee1046a41d1bd0814400
+  languageName: node
+  linkType: hard
+
+"has-yarn@npm:^2.1.0":
+  version: 2.1.0
+  resolution: "has-yarn@npm:2.1.0"
+  checksum: 5eb1d0bb8518103d7da24532bdbc7124ffc6d367b5d3c10840b508116f2f1bcbcf10fd3ba843ff6e2e991bdf9969fd862d42b2ed58aade88343326c950b7e7f7
+  languageName: node
+  linkType: hard
+
+"has@npm:^1.0.3":
+  version: 1.0.3
+  resolution: "has@npm:1.0.3"
+  dependencies:
+    function-bind: ^1.1.1
+  checksum: b9ad53d53be4af90ce5d1c38331e712522417d017d5ef1ebd0507e07c2fbad8686fffb8e12ddecd4c39ca9b9b47431afbb975b8abf7f3c3b82c98e9aad052792
+  languageName: node
+  linkType: hard
+
+"hash-base@npm:^3.0.0":
+  version: 3.1.0
+  resolution: "hash-base@npm:3.1.0"
+  dependencies:
+    inherits: ^2.0.4
+    readable-stream: ^3.6.0
+    safe-buffer: ^5.2.0
+  checksum: 26b7e97ac3de13cb23fc3145e7e3450b0530274a9562144fc2bf5c1e2983afd0e09ed7cc3b20974ba66039fad316db463da80eb452e7373e780cbee9a0d2f2dc
+  languageName: node
+  linkType: hard
+
+"hash-sum@npm:^1.0.2":
+  version: 1.0.2
+  resolution: "hash-sum@npm:1.0.2"
+  checksum: 268553ba6c84333f502481d101a7d65cd39f61963544f12fc3ce60264718f471796dbc37348cee08c5529f04fafeba041886a4d35721e34d6440a48a42629283
+  languageName: node
+  linkType: hard
+
+"hash.js@npm:1.1.7, hash.js@npm:^1.0.0, hash.js@npm:^1.0.3, hash.js@npm:^1.1.7":
+  version: 1.1.7
+  resolution: "hash.js@npm:1.1.7"
+  dependencies:
+    inherits: ^2.0.3
+    minimalistic-assert: ^1.0.1
+  checksum: e350096e659c62422b85fa508e4b3669017311aa4c49b74f19f8e1bc7f3a54a584fdfd45326d4964d6011f2b2d882e38bea775a96046f2a61b7779a979629d8f
+  languageName: node
+  linkType: hard
+
+"hast-util-is-element@npm:^1.0.0":
+  version: 1.1.0
+  resolution: "hast-util-is-element@npm:1.1.0"
+  checksum: 30fad3f65e7ab2f0efd5db9e7344d0820b70971988dfe79f62d8447598b2a1ce8a59cd4bfc05ae0d9a1c451b9b53cbe1023743d7eac764d64720b6b73475f62f
+  languageName: node
+  linkType: hard
+
+"hast-util-sanitize@npm:^3.0.0":
+  version: 3.0.2
+  resolution: "hast-util-sanitize@npm:3.0.2"
+  dependencies:
+    xtend: ^4.0.0
+  checksum: b02f5dc902e6ad626219bf63e6ca94dbe4cb456300210a25c7401b5e754dbea01e2cafeb1bf965b9b777e464b26723d788336965f3c2bc4b7138f24ea4809a9c
+  languageName: node
+  linkType: hard
+
+"hast-util-to-html@npm:^7.0.0":
+  version: 7.1.3
+  resolution: "hast-util-to-html@npm:7.1.3"
+  dependencies:
+    ccount: ^1.0.0
+    comma-separated-tokens: ^1.0.0
+    hast-util-is-element: ^1.0.0
+    hast-util-whitespace: ^1.0.0
+    html-void-elements: ^1.0.0
+    property-information: ^5.0.0
+    space-separated-tokens: ^1.0.0
+    stringify-entities: ^3.0.1
+    unist-util-is: ^4.0.0
+    xtend: ^4.0.0
+  checksum: 5fb8d45adaed76e5d6a5c4c0d2684b5314ed92fc78ad85304631cb6acff46b73920b39c40c557641156cdb04ddf0efe8fb74b6fbafed84583409797ebd057a5b
+  languageName: node
+  linkType: hard
+
+"hast-util-whitespace@npm:^1.0.0":
+  version: 1.0.4
+  resolution: "hast-util-whitespace@npm:1.0.4"
+  checksum: b7f4a1942bc78239a6fe4741aca34e3e7f84487e15e2cd2b6ca07bbba3055571763d877d7c077d7a2a029ede7500bc50a62af7b6dfe88e0644b16228b91dee0d
+  languageName: node
+  linkType: hard
+
+"he@npm:^1.2.0":
+  version: 1.2.0
+  resolution: "he@npm:1.2.0"
+  bin:
+    he: bin/he
+  checksum: 3d4d6babccccd79c5c5a3f929a68af33360d6445587d628087f39a965079d84f18ce9c3d3f917ee1e3978916fc833bb8b29377c3b403f919426f91bc6965e7a7
+  languageName: node
+  linkType: hard
+
+"highlight.js@npm:^9.3.0":
+  version: 9.18.5
+  resolution: "highlight.js@npm:9.18.5"
+  checksum: a8afdb395869bba8a892dd8891b738d3bd48fe2e5b6843ec3181c93d73f52abf2cab863424caa631442a7bbafac222bafdab3f5a536a69aab9c60d4c1b7f8b77
+  languageName: node
+  linkType: hard
+
+"history@npm:^4.9.0":
+  version: 4.10.1
+  resolution: "history@npm:4.10.1"
+  dependencies:
+    "@babel/runtime": ^7.1.2
+    loose-envify: ^1.2.0
+    resolve-pathname: ^3.0.0
+    tiny-invariant: ^1.0.2
+    tiny-warning: ^1.0.0
+    value-equal: ^1.0.1
+  checksum: addd84bc4683929bae4400419b5af132ff4e4e9b311a0d4e224579ea8e184a6b80d7f72c55927e4fa117f69076a9e47ce082d8d0b422f1a9ddac7991490ca1d0
+  languageName: node
+  linkType: hard
+
+"hmac-drbg@npm:^1.0.1":
+  version: 1.0.1
+  resolution: "hmac-drbg@npm:1.0.1"
+  dependencies:
+    hash.js: ^1.0.3
+    minimalistic-assert: ^1.0.0
+    minimalistic-crypto-utils: ^1.0.1
+  checksum: bd30b6a68d7f22d63f10e1888aee497d7c2c5c0bb469e66bbdac99f143904d1dfe95f8131f95b3e86c86dd239963c9d972fcbe147e7cffa00e55d18585c43fe0
+  languageName: node
+  linkType: hard
+
+"hoist-non-react-statics@npm:^3.0.0, hoist-non-react-statics@npm:^3.1.0, hoist-non-react-statics@npm:^3.3.0, hoist-non-react-statics@npm:^3.3.2":
+  version: 3.3.2
+  resolution: "hoist-non-react-statics@npm:3.3.2"
+  dependencies:
+    react-is: ^16.7.0
+  checksum: b1538270429b13901ee586aa44f4cc3ecd8831c061d06cb8322e50ea17b3f5ce4d0e2e66394761e6c8e152cd8c34fb3b4b690116c6ce2bd45b18c746516cb9e8
+  languageName: node
+  linkType: hard
+
+"hosted-git-info@npm:^2.1.4":
+  version: 2.8.8
+  resolution: "hosted-git-info@npm:2.8.8"
+  checksum: fc5bdbd1ce2597c7fe43cf905ae18c7f96a8e042a46340af4cc4e5a0497d4a0669e2ac5ebc16bc0fef98eb8fe5d55b9b467d3aa97b97f0a87d7673644af31c74
+  languageName: node
+  linkType: hard
+
+"hosted-git-info@npm:^4.0.2":
+  version: 4.0.2
+  resolution: "hosted-git-info@npm:4.0.2"
+  dependencies:
+    lru-cache: ^6.0.0
+  checksum: d1b2d7720398ce96a788bd38d198fbddce089a2381f63cfb01743e6c7e5aed656e5547fe74090fb9fe53b2cb785b0e8c9ebdddadff48ed26bb471dd23cd25458
+  languageName: node
+  linkType: hard
+
+"hpack.js@npm:^2.1.6":
+  version: 2.1.6
+  resolution: "hpack.js@npm:2.1.6"
+  dependencies:
+    inherits: ^2.0.1
+    obuf: ^1.0.0
+    readable-stream: ^2.0.1
+    wbuf: ^1.1.0
+  checksum: 2de144115197967ad6eeee33faf41096c6ba87078703c5cb011632dcfbffeb45784569e0cf02c317bd79c48375597c8ec88c30fff5bb0b023e8f654fb6e9c06e
+  languageName: node
+  linkType: hard
+
+"html-encoding-sniffer@npm:^2.0.1":
+  version: 2.0.1
+  resolution: "html-encoding-sniffer@npm:2.0.1"
+  dependencies:
+    whatwg-encoding: ^1.0.5
+  checksum: bf30cce461015ed7e365736fcd6a3063c7bc016a91f74398ef6158886970a96333938f7c02417ab3c12aa82e3e53b40822145facccb9ddfbcdc15a879ae4d7ba
+  languageName: node
+  linkType: hard
+
+"html-entities@npm:^2.3.2":
+  version: 2.3.2
+  resolution: "html-entities@npm:2.3.2"
+  checksum: 522d8d202df301ff51b517a379e642023ed5c81ea9fb5674ffad88cff386165733d00b6089d5c2fcc644e44777d6072017b6216d8fa40f271d3610420d00a886
+  languageName: node
+  linkType: hard
+
+"html-escaper@npm:^2.0.0, html-escaper@npm:^2.0.2":
+  version: 2.0.2
+  resolution: "html-escaper@npm:2.0.2"
+  checksum: d2df2da3ad40ca9ee3a39c5cc6475ef67c8f83c234475f24d8e9ce0dc80a2c82df8e1d6fa78ddd1e9022a586ea1bd247a615e80a5cd9273d90111ddda7d9e974
+  languageName: node
+  linkType: hard
+
+"html-loader@npm:^3.1.0":
+  version: 3.1.0
+  resolution: "html-loader@npm:3.1.0"
+  dependencies:
+    html-minifier-terser: ^6.0.2
+    parse5: ^6.0.1
+  peerDependencies:
+    webpack: ^5.0.0
+  checksum: 4c383d103c10465964924f31eeb2876df941df6515b52a7be517eb01d59ff8f5ae344a3ca428469029c999c73f5ae5dac3431701886ca16617a670a0991bd3a2
+  languageName: node
+  linkType: hard
+
+"html-minifier-terser@npm:^6.0.2":
+  version: 6.0.2
+  resolution: "html-minifier-terser@npm:6.0.2"
+  dependencies:
+    camel-case: ^4.1.2
+    clean-css: ^5.1.5
+    commander: ^8.1.0
+    he: ^1.2.0
+    param-case: ^3.0.4
+    relateurl: ^0.2.7
+    terser: ^5.7.2
+  bin:
+    html-minifier-terser: cli.js
+  checksum: 9c8775ea036f7b04fd5a16607cf4242efdddc64884e84fcc81e27ef56505a12b8a9e1f9ac865ca00a77a3e4c21ef4ffb194dcc6492cdf6cfdfc73bf8de6d7c2d
+  languageName: node
+  linkType: hard
+
+"html-parse-stringify@npm:^3.0.1":
+  version: 3.0.1
+  resolution: "html-parse-stringify@npm:3.0.1"
+  dependencies:
+    void-elements: 3.1.0
+  checksum: 334fdebd4b5c355dba8e95284cead6f62bf865a2359da2759b039db58c805646350016d2017875718bc3c4b9bf81a0d11be5ee0cf4774a3a5a7b97cde21cfd67
+  languageName: node
+  linkType: hard
+
+"html-to-react@npm:^1.3.4":
+  version: 1.4.5
+  resolution: "html-to-react@npm:1.4.5"
+  dependencies:
+    domhandler: ^3.3.0
+    htmlparser2: ^5.0
+    lodash.camelcase: ^4.3.0
+    ramda: ^0.27.1
+  peerDependencies:
+    react: ^16.0 || ^17.0
+  checksum: 078cb011b4cc823dfa1115c4b3e940c5ec89cba96770ff6b3193e7eeea2a38d438c5651e8a0698753d32acb965b11bfa50ba3e850627c9389dc6d9d04aa32979
+  languageName: node
+  linkType: hard
+
+"html-void-elements@npm:^1.0.0":
+  version: 1.0.5
+  resolution: "html-void-elements@npm:1.0.5"
+  checksum: 1a56f4f6cfbeb994c21701ff72b4b7f556fe784a70e5e554d1566ff775af83b91ea93f10664f039a67802d9f7b40d4a7f1ed20312bab47bd88d89bd792ea84ca
+  languageName: node
+  linkType: hard
+
+"html-webpack-plugin@npm:^5.5.0":
+  version: 5.5.0
+  resolution: "html-webpack-plugin@npm:5.5.0"
+  dependencies:
+    "@types/html-minifier-terser": ^6.0.0
+    html-minifier-terser: ^6.0.2
+    lodash: ^4.17.21
+    pretty-error: ^4.0.0
+    tapable: ^2.0.0
+  peerDependencies:
+    webpack: ^5.20.0
+  checksum: f3d84d0df71fe2f5bac533cc74dce41ab058558cdcc6ff767d166a2abf1cf6fb8491d54d60ddbb34e95c00394e379ba52e0468e0284d1d0cc6a42987056e8219
+  languageName: node
+  linkType: hard
+
+"htmlparser2@npm:^5.0":
+  version: 5.0.1
+  resolution: "htmlparser2@npm:5.0.1"
+  dependencies:
+    domelementtype: ^2.0.1
+    domhandler: ^3.3.0
+    domutils: ^2.4.2
+    entities: ^2.0.0
+  checksum: b67ac02e44629ec76b712fc06702451bea64e522cfcd7cc22fa85023b81b44cde5060662faa81d34f18c0fe5a43ced1cac73528d30a6df5ac5825a4d479c7ea5
+  languageName: node
+  linkType: hard
+
+"htmlparser2@npm:^6.1.0":
+  version: 6.1.0
+  resolution: "htmlparser2@npm:6.1.0"
+  dependencies:
+    domelementtype: ^2.0.1
+    domhandler: ^4.0.0
+    domutils: ^2.5.2
+    entities: ^2.0.0
+  checksum: 81a7b3d9c3bb9acb568a02fc9b1b81ffbfa55eae7f1c41ae0bf840006d1dbf54cb3aa245b2553e2c94db674840a9f0fdad7027c9a9d01a062065314039058c4e
+  languageName: node
+  linkType: hard
+
+"http-cache-semantics@npm:^4.0.0":
+  version: 4.1.0
+  resolution: "http-cache-semantics@npm:4.1.0"
+  checksum: 974de94a81c5474be07f269f9fd8383e92ebb5a448208223bfb39e172a9dbc26feff250192ecc23b9593b3f92098e010406b0f24bd4d588d631f80214648ed42
+  languageName: node
+  linkType: hard
+
+"http-deceiver@npm:^1.2.7":
+  version: 1.2.7
+  resolution: "http-deceiver@npm:1.2.7"
+  checksum: 64d7d1ae3a6933eb0e9a94e6f27be4af45a53a96c3c34e84ff57113787105a89fff9d1c3df263ef63add823df019b0e8f52f7121e32393bb5ce9a713bf100b41
+  languageName: node
+  linkType: hard
+
+"http-errors@npm:1.8.1":
+  version: 1.8.1
+  resolution: "http-errors@npm:1.8.1"
+  dependencies:
+    depd: ~1.1.2
+    inherits: 2.0.4
+    setprototypeof: 1.2.0
+    statuses: ">= 1.5.0 < 2"
+    toidentifier: 1.0.1
+  checksum: d3c7e7e776fd51c0a812baff570bdf06fe49a5dc448b700ab6171b1250e4cf7db8b8f4c0b133e4bfe2451022a5790c1ca6c2cae4094dedd6ac8304a1267f91d2
+  languageName: node
+  linkType: hard
+
+"http-errors@npm:~1.6.2":
+  version: 1.6.3
+  resolution: "http-errors@npm:1.6.3"
+  dependencies:
+    depd: ~1.1.2
+    inherits: 2.0.3
+    setprototypeof: 1.1.0
+    statuses: ">= 1.4.0 < 2"
+  checksum: a9654ee027e3d5de305a56db1d1461f25709ac23267c6dc28cdab8323e3f96caa58a9a6a5e93ac15d7285cee0c2f019378c3ada9026e7fe19c872d695f27de7c
+  languageName: node
+  linkType: hard
+
+"http-https@npm:^1.0.0":
+  version: 1.0.0
+  resolution: "http-https@npm:1.0.0"
+  checksum: 82fc4d2e512c64b35680944d1ae13e68220acfa05b06329832e271fd199c5c7fcff1f53fc1f91a1cd65a737ee4de14004dd3ba9a73cce33da970940c6e6ca774
+  languageName: node
+  linkType: hard
+
+"http-parser-js@npm:>=0.5.1":
+  version: 0.5.2
+  resolution: "http-parser-js@npm:0.5.2"
+  checksum: f5e14597971c4dfb0cf616dbb2889e07e6d71ff1da51e6338791b553be7a6e2b5d27f2ee72b02788c0fde3e2cc6c19eb5948b5d2a4c493878f309563e3181f04
+  languageName: node
+  linkType: hard
+
+"http-proxy-agent@npm:^4.0.1":
+  version: 4.0.1
+  resolution: "http-proxy-agent@npm:4.0.1"
+  dependencies:
+    "@tootallnate/once": 1
+    agent-base: 6
+    debug: 4
+  checksum: c6a5da5a1929416b6bbdf77b1aca13888013fe7eb9d59fc292e25d18e041bb154a8dfada58e223fc7b76b9b2d155a87e92e608235201f77d34aa258707963a82
+  languageName: node
+  linkType: hard
+
+"http-proxy-agent@npm:^5.0.0":
+  version: 5.0.0
+  resolution: "http-proxy-agent@npm:5.0.0"
+  dependencies:
+    "@tootallnate/once": 2
+    agent-base: 6
+    debug: 4
+  checksum: e2ee1ff1656a131953839b2a19cd1f3a52d97c25ba87bd2559af6ae87114abf60971e498021f9b73f9fd78aea8876d1fb0d4656aac8a03c6caa9fc175f22b786
+  languageName: node
+  linkType: hard
+
+"http-proxy-middleware@npm:^2.0.3":
+  version: 2.0.4
+  resolution: "http-proxy-middleware@npm:2.0.4"
+  dependencies:
+    "@types/http-proxy": ^1.17.8
+    http-proxy: ^1.18.1
+    is-glob: ^4.0.1
+    is-plain-obj: ^3.0.0
+    micromatch: ^4.0.2
+  peerDependencies:
+    "@types/express": ^4.17.13
+  peerDependenciesMeta:
+    "@types/express":
+      optional: true
+  checksum: 16d5b398a31f86de8d545b54b484b701429e8e6d7114e63c04591a734e9efaa63f0901ac7b2d7b7d5a15977b9e945cd81cbef68116fe59214a4a82f5ee8e4411
+  languageName: node
+  linkType: hard
+
+"http-proxy@npm:^1.18.1":
+  version: 1.18.1
+  resolution: "http-proxy@npm:1.18.1"
+  dependencies:
+    eventemitter3: ^4.0.0
+    follow-redirects: ^1.0.0
+    requires-port: ^1.0.0
+  checksum: f5bd96bf83e0b1e4226633dbb51f8b056c3e6321917df402deacec31dd7fe433914fc7a2c1831cf7ae21e69c90b3a669b8f434723e9e8b71fd68afe30737b6a5
+  languageName: node
+  linkType: hard
+
+"http-signature@npm:~1.2.0":
+  version: 1.2.0
+  resolution: "http-signature@npm:1.2.0"
+  dependencies:
+    assert-plus: ^1.0.0
+    jsprim: ^1.2.2
+    sshpk: ^1.7.0
+  checksum: 3324598712266a9683585bb84a75dec4fd550567d5e0dd4a0fff6ff3f74348793404d3eeac4918fa0902c810eeee1a86419e4a2e92a164132dfe6b26743fb47c
+  languageName: node
+  linkType: hard
+
+"http2-wrapper@npm:^1.0.0-beta.5.2":
+  version: 1.0.0-beta.5.2
+  resolution: "http2-wrapper@npm:1.0.0-beta.5.2"
+  dependencies:
+    quick-lru: ^5.1.1
+    resolve-alpn: ^1.0.0
+  checksum: c2b572ded523dbf52d8107f61791b527f85e9ce03e811f452e7e3c9e59925ebd1e757c60f8b46a549778675546e8ace189091a1764eb4601db46aa51292b84d0
+  languageName: node
+  linkType: hard
+
+"https-browserify@npm:^1.0.0":
+  version: 1.0.0
+  resolution: "https-browserify@npm:1.0.0"
+  checksum: 09b35353e42069fde2435760d13f8a3fb7dd9105e358270e2e225b8a94f811b461edd17cb57594e5f36ec1218f121c160ddceeec6e8be2d55e01dcbbbed8cbae
+  languageName: node
+  linkType: hard
+
+"https-proxy-agent@npm:^5.0.0":
+  version: 5.0.0
+  resolution: "https-proxy-agent@npm:5.0.0"
+  dependencies:
+    agent-base: 6
+    debug: 4
+  checksum: 165bfb090bd26d47693597661298006841ab733d0c7383a8cb2f17373387a94c903a3ac687090aa739de05e379ab6f868bae84ab4eac288ad85c328cd1ec9e53
+  languageName: node
+  linkType: hard
+
+"human-signals@npm:^2.1.0":
+  version: 2.1.0
+  resolution: "human-signals@npm:2.1.0"
+  checksum: b87fd89fce72391625271454e70f67fe405277415b48bcc0117ca73d31fa23a4241787afdc8d67f5a116cf37258c052f59ea82daffa72364d61351423848e3b8
+  languageName: node
+  linkType: hard
+
+"humanize-plus@npm:^1.8.1":
+  version: 1.8.2
+  resolution: "humanize-plus@npm:1.8.2"
+  checksum: 466498a794ecf7c8a246441941241649618da6bebe6627900f919ea993bf5c30c3e7f05cf3a04c2fad9e4ec0f7a15ee2a09ceb216a440b08a830eda66f684131
+  languageName: node
+  linkType: hard
+
+"i18next-browser-languagedetector@npm:^6.1.4":
+  version: 6.1.4
+  resolution: "i18next-browser-languagedetector@npm:6.1.4"
+  dependencies:
+    "@babel/runtime": ^7.14.6
+  checksum: 379dba3527c359c3adeb26c1e16e6b7e007989763c4361d43662e4d9412c538ca35e28a6a12df0654edc0adb78b44ff5afdf4c5d842bbf0e83db59d5e9e02f55
+  languageName: node
+  linkType: hard
+
+"i18next-scanner@npm:^3.1.0":
+  version: 3.1.0
+  resolution: "i18next-scanner@npm:3.1.0"
+  dependencies:
+    acorn: ^8.0.4
+    acorn-dynamic-import: ^4.0.0
+    acorn-jsx: ^5.3.1
+    acorn-stage3: ^4.0.0
+    acorn-walk: ^8.0.0
+    chalk: ^4.1.0
+    clone-deep: ^4.0.0
+    commander: ^6.2.0
+    deepmerge: ^4.0.0
+    ensure-array: ^1.0.0
+    eol: ^0.9.1
+    esprima-next: ^5.7.0
+    gulp-sort: ^2.0.0
+    i18next: "*"
+    lodash: ^4.0.0
+    parse5: ^6.0.0
+    sortobject: ^4.0.0
+    through2: ^4.0.0
+    vinyl: ^2.2.0
+    vinyl-fs: ^3.0.1
+  bin:
+    i18next-scanner: bin/cli.js
+  checksum: 5662564058687c73d48b88490ad6d7bfc5af60e99e461492310182b447e013b1da9d6367f5e164da0bb00aee8bf3d668d53e1e32f841ef1109266bb99a128a3d
+  languageName: node
+  linkType: hard
+
+"i18next@npm:*, i18next@npm:^21.6.15":
+  version: 21.6.15
+  resolution: "i18next@npm:21.6.15"
+  dependencies:
+    "@babel/runtime": ^7.17.2
+  checksum: b3d445c296b3d3ba9318273dde9fb27cb12d2d6dcd8a8a2de1318934ac4a5852e90afe0c6868f3c173d55242efc3d2f062f6c07f8e3cdfc2004a1a62132133d0
+  languageName: node
+  linkType: hard
+
+"iconv-corefoundation@npm:^1.1.6":
+  version: 1.1.6
+  resolution: "iconv-corefoundation@npm:1.1.6"
+  dependencies:
+    cli-truncate: ^1.1.0
+    node-addon-api: ^1.6.3
+  conditions: os=darwin
+  languageName: node
+  linkType: hard
+
+"iconv-lite@npm:0.4.24, iconv-lite@npm:^0.4.24, iconv-lite@npm:^0.4.5":
+  version: 0.4.24
+  resolution: "iconv-lite@npm:0.4.24"
+  dependencies:
+    safer-buffer: ">= 2.1.2 < 3"
+  checksum: bd9f120f5a5b306f0bc0b9ae1edeb1577161503f5f8252a20f1a9e56ef8775c9959fd01c55f2d3a39d9a8abaf3e30c1abeb1895f367dcbbe0a8fd1c9ca01c4f6
+  languageName: node
+  linkType: hard
+
+"iconv-lite@npm:^0.6.2":
+  version: 0.6.2
+  resolution: "iconv-lite@npm:0.6.2"
+  dependencies:
+    safer-buffer: ">= 2.1.2 < 3.0.0"
+  checksum: 03e03eb9fc003bc94f7956849f747258e57c162760259d76d1e67483058cad854a4b681b635e21e3ec41f4bd15ceed1b4a350f890565d680343442c5b139fa8a
+  languageName: node
+  linkType: hard
+
+"icss-utils@npm:^5.0.0, icss-utils@npm:^5.1.0":
+  version: 5.1.0
+  resolution: "icss-utils@npm:5.1.0"
+  peerDependencies:
+    postcss: ^8.1.0
+  checksum: 5c324d283552b1269cfc13a503aaaa172a280f914e5b81544f3803bc6f06a3b585fb79f66f7c771a2c052db7982c18bf92d001e3b47282e3abbbb4c4cc488d68
+  languageName: node
+  linkType: hard
+
+"idna-uts46-hx@npm:^2.3.1":
+  version: 2.3.1
+  resolution: "idna-uts46-hx@npm:2.3.1"
+  dependencies:
+    punycode: 2.1.0
+  checksum: d434c3558d2bc1090eb90f978f995101f469cb26593414ac57aa082c9352e49972b332c6e4188b9b15538172ccfeae3121e5a19b96972a97e6aeb0676d86639c
+  languageName: node
+  linkType: hard
+
+"ieee754@npm:^1.1.13, ieee754@npm:^1.2.1":
+  version: 1.2.1
+  resolution: "ieee754@npm:1.2.1"
+  checksum: 5144c0c9815e54ada181d80a0b810221a253562422e7c6c3a60b1901154184f49326ec239d618c416c1c5945a2e197107aee8d986a3dd836b53dffefd99b5e7e
+  languageName: node
+  linkType: hard
+
+"ignore@npm:^5.1.1, ignore@npm:^5.1.4, ignore@npm:^5.1.8, ignore@npm:^5.2.0":
+  version: 5.2.0
+  resolution: "ignore@npm:5.2.0"
+  checksum: 6b1f926792d614f64c6c83da3a1f9c83f6196c2839aa41e1e32dd7b8d174cef2e329d75caabb62cb61ce9dc432f75e67d07d122a037312db7caa73166a1bdb77
+  languageName: node
+  linkType: hard
+
+"import-fresh@npm:^3.0.0, import-fresh@npm:^3.2.1":
+  version: 3.3.0
+  resolution: "import-fresh@npm:3.3.0"
+  dependencies:
+    parent-module: ^1.0.0
+    resolve-from: ^4.0.0
+  checksum: 2cacfad06e652b1edc50be650f7ec3be08c5e5a6f6d12d035c440a42a8cc028e60a5b99ca08a77ab4d6b1346da7d971915828f33cdab730d3d42f08242d09baa
+  languageName: node
+  linkType: hard
+
+"import-lazy@npm:^2.1.0":
+  version: 2.1.0
+  resolution: "import-lazy@npm:2.1.0"
+  checksum: 05294f3b9dd4971d3a996f0d2f176410fb6745d491d6e73376429189f5c1c3d290548116b2960a7cf3e89c20cdf11431739d1d2d8c54b84061980795010e803a
+  languageName: node
+  linkType: hard
+
+"import-local@npm:^3.0.2":
+  version: 3.0.2
+  resolution: "import-local@npm:3.0.2"
+  dependencies:
+    pkg-dir: ^4.2.0
+    resolve-cwd: ^3.0.0
+  bin:
+    import-local-fixture: fixtures/cli.js
+  checksum: c74d9f9484c878cda1de3434613c7ff72d5dadcf20e5482542232d7c2575b713ff88701d6675fcf09a3684cb23fb407c8b333b9cbc59438712723d058d8e976c
+  languageName: node
+  linkType: hard
+
+"imurmurhash@npm:^0.1.4":
+  version: 0.1.4
+  resolution: "imurmurhash@npm:0.1.4"
+  checksum: 7cae75c8cd9a50f57dadd77482359f659eaebac0319dd9368bcd1714f55e65badd6929ca58569da2b6494ef13fdd5598cd700b1eba23f8b79c5f19d195a3ecf7
+  languageName: node
+  linkType: hard
+
+"indent-string@npm:^4.0.0":
+  version: 4.0.0
+  resolution: "indent-string@npm:4.0.0"
+  checksum: 824cfb9929d031dabf059bebfe08cf3137365e112019086ed3dcff6a0a7b698cb80cf67ccccde0e25b9e2d7527aa6cc1fed1ac490c752162496caba3e6699612
+  languageName: node
+  linkType: hard
+
+"indexes-of@npm:^1.0.1":
+  version: 1.0.1
+  resolution: "indexes-of@npm:1.0.1"
+  checksum: 4f9799b1739a62f3e02d09f6f4162cf9673025282af7fa36e790146e7f4e216dad3e776a25b08536c093209c9fcb5ea7bd04b082d42686a45f58ff401d6da32e
+  languageName: node
+  linkType: hard
+
+"inflight@npm:^1.0.4":
+  version: 1.0.6
+  resolution: "inflight@npm:1.0.6"
+  dependencies:
+    once: ^1.3.0
+    wrappy: 1
+  checksum: f4f76aa072ce19fae87ce1ef7d221e709afb59d445e05d47fba710e85470923a75de35bfae47da6de1b18afc3ce83d70facf44cfb0aff89f0a3f45c0a0244dfd
+  languageName: node
+  linkType: hard
+
+"inherits@npm:2, inherits@npm:2.0.4, inherits@npm:^2.0.1, inherits@npm:^2.0.3, inherits@npm:^2.0.4, inherits@npm:~2.0.3, inherits@npm:~2.0.4":
+  version: 2.0.4
+  resolution: "inherits@npm:2.0.4"
+  checksum: 4a48a733847879d6cf6691860a6b1e3f0f4754176e4d71494c41f3475553768b10f84b5ce1d40fbd0e34e6bfbb864ee35858ad4dd2cf31e02fc4a154b724d7f1
+  languageName: node
+  linkType: hard
+
+"inherits@npm:2.0.3":
+  version: 2.0.3
+  resolution: "inherits@npm:2.0.3"
+  checksum: 78cb8d7d850d20a5e9a7f3620db31483aa00ad5f722ce03a55b110e5a723539b3716a3b463e2b96ce3fe286f33afc7c131fa2f91407528ba80cea98a7545d4c0
+  languageName: node
+  linkType: hard
+
+"ini@npm:2.0.0":
+  version: 2.0.0
+  resolution: "ini@npm:2.0.0"
+  checksum: e7aadc5fb2e4aefc666d74ee2160c073995a4061556b1b5b4241ecb19ad609243b9cceafe91bae49c219519394bbd31512516cb22a3b1ca6e66d869e0447e84e
+  languageName: node
+  linkType: hard
+
+"ini@npm:^1.3.4, ini@npm:~1.3.0":
+  version: 1.3.8
+  resolution: "ini@npm:1.3.8"
+  checksum: dfd98b0ca3a4fc1e323e38a6c8eb8936e31a97a918d3b377649ea15bdb15d481207a0dda1021efbd86b464cae29a0d33c1d7dcaf6c5672bee17fa849bc50a1b3
+  languageName: node
+  linkType: hard
+
+"inquirer@npm:^8.0.0":
+  version: 8.0.0
+  resolution: "inquirer@npm:8.0.0"
+  dependencies:
+    ansi-escapes: ^4.2.1
+    chalk: ^4.1.0
+    cli-cursor: ^3.1.0
+    cli-width: ^3.0.0
+    external-editor: ^3.0.3
+    figures: ^3.0.0
+    lodash: ^4.17.21
+    mute-stream: 0.0.8
+    run-async: ^2.4.0
+    rxjs: ^6.6.6
+    string-width: ^4.1.0
+    strip-ansi: ^6.0.0
+    through: ^2.3.6
+  checksum: 289a485752922998118668ae1c15001bd5ff1cb61e02d101da78c47dd9c9f4d46d2fcbcc9ebcae22dcdb820323636021508c723550394043dfde0e4f213596ec
+  languageName: node
+  linkType: hard
+
+"inquirer@npm:^8.1.2":
+  version: 8.2.2
+  resolution: "inquirer@npm:8.2.2"
+  dependencies:
+    ansi-escapes: ^4.2.1
+    chalk: ^4.1.1
+    cli-cursor: ^3.1.0
+    cli-width: ^3.0.0
+    external-editor: ^3.0.3
+    figures: ^3.0.0
+    lodash: ^4.17.21
+    mute-stream: 0.0.8
+    ora: ^5.4.1
+    run-async: ^2.4.0
+    rxjs: ^7.5.5
+    string-width: ^4.1.0
+    strip-ansi: ^6.0.0
+    through: ^2.3.6
+  checksum: 69a2cf32f51af0e94dd66c597fdca42b890ff521b537dbfe1fd532c19a751d54893b7896523691ec30357f6212a80a2417fec7bf34411f369bbf151bdbc95ae9
+  languageName: node
+  linkType: hard
+
+"internal-slot@npm:^1.0.3":
+  version: 1.0.3
+  resolution: "internal-slot@npm:1.0.3"
+  dependencies:
+    get-intrinsic: ^1.1.0
+    has: ^1.0.3
+    side-channel: ^1.0.4
+  checksum: 1944f92e981e47aebc98a88ff0db579fd90543d937806104d0b96557b10c1f170c51fb777b97740a8b6ddeec585fca8c39ae99fd08a8e058dfc8ab70937238bf
+  languageName: node
+  linkType: hard
+
+"interpret@npm:^1.0.0":
+  version: 1.4.0
+  resolution: "interpret@npm:1.4.0"
+  checksum: 2e5f51268b5941e4a17e4ef0575bc91ed0ab5f8515e3cf77486f7c14d13f3010df9c0959f37063dcc96e78d12dc6b0bb1b9e111cdfe69771f4656d2993d36155
+  languageName: node
+  linkType: hard
+
+"interpret@npm:^2.2.0":
+  version: 2.2.0
+  resolution: "interpret@npm:2.2.0"
+  checksum: f51efef7cb8d02da16408ffa3504cd6053014c5aeb7bb8c223727e053e4235bf565e45d67028b0c8740d917c603807aa3c27d7bd2f21bf20b6417e2bb3e5fd6e
+  languageName: node
+  linkType: hard
+
+"ip-regex@npm:^4.0.0, ip-regex@npm:^4.3.0":
+  version: 4.3.0
+  resolution: "ip-regex@npm:4.3.0"
+  checksum: 7ff904b891221b1847f3fdf3dbb3e6a8660dc39bc283f79eb7ed88f5338e1a3d1104b779bc83759159be266249c59c2160e779ee39446d79d4ed0890dfd06f08
+  languageName: node
+  linkType: hard
+
+"ipaddr.js@npm:1.9.1":
+  version: 1.9.1
+  resolution: "ipaddr.js@npm:1.9.1"
+  checksum: f88d3825981486f5a1942414c8d77dd6674dd71c065adcfa46f578d677edcb99fda25af42675cb59db492fdf427b34a5abfcde3982da11a8fd83a500b41cfe77
+  languageName: node
+  linkType: hard
+
+"ipaddr.js@npm:^2.0.1":
+  version: 2.0.1
+  resolution: "ipaddr.js@npm:2.0.1"
+  checksum: dd194a394a843d470f88d17191b0948f383ed1c8e320813f850c336a0fcb5e9215d97ec26ca35ab4fbbd31392c8b3467f3e8344628029ed3710b2ff6b5d1034e
+  languageName: node
+  linkType: hard
+
+"is-absolute@npm:^1.0.0":
+  version: 1.0.0
+  resolution: "is-absolute@npm:1.0.0"
+  dependencies:
+    is-relative: ^1.0.0
+    is-windows: ^1.0.1
+  checksum: 9d16b2605eda3f3ce755410f1d423e327ad3a898bcb86c9354cf63970ed3f91ba85e9828aa56f5d6a952b9fae43d0477770f78d37409ae8ecc31e59ebc279b27
+  languageName: node
+  linkType: hard
+
+"is-alphabetical@npm:^1.0.0":
+  version: 1.0.4
+  resolution: "is-alphabetical@npm:1.0.4"
+  checksum: 6508cce44fd348f06705d377b260974f4ce68c74000e7da4045f0d919e568226dc3ce9685c5a2af272195384df6930f748ce9213fc9f399b5d31b362c66312cb
+  languageName: node
+  linkType: hard
+
+"is-alphanumerical@npm:^1.0.0":
+  version: 1.0.4
+  resolution: "is-alphanumerical@npm:1.0.4"
+  dependencies:
+    is-alphabetical: ^1.0.0
+    is-decimal: ^1.0.0
+  checksum: e2e491acc16fcf5b363f7c726f666a9538dba0a043665740feb45bba1652457a73441e7c5179c6768a638ed396db3437e9905f403644ec7c468fb41f4813d03f
+  languageName: node
+  linkType: hard
+
+"is-arguments@npm:^1.0.4":
+  version: 1.1.0
+  resolution: "is-arguments@npm:1.1.0"
+  dependencies:
+    call-bind: ^1.0.0
+  checksum: c32f8b5052061de83b2cd17e0e87ec914ac96e55bbd184e07f9b78b8360d80f7f9a34060d44ee8684249664609213f57447e0f63798e7c265ec811fd242b0077
+  languageName: node
+  linkType: hard
+
+"is-arrayish@npm:^0.2.1":
+  version: 0.2.1
+  resolution: "is-arrayish@npm:0.2.1"
+  checksum: eef4417e3c10e60e2c810b6084942b3ead455af16c4509959a27e490e7aee87cfb3f38e01bbde92220b528a0ee1a18d52b787e1458ee86174d8c7f0e58cd488f
+  languageName: node
+  linkType: hard
+
+"is-arrayish@npm:^0.3.1":
+  version: 0.3.2
+  resolution: "is-arrayish@npm:0.3.2"
+  checksum: 977e64f54d91c8f169b59afcd80ff19227e9f5c791fa28fa2e5bce355cbaf6c2c356711b734656e80c9dd4a854dd7efcf7894402f1031dfc5de5d620775b4d5f
+  languageName: node
+  linkType: hard
+
+"is-bigint@npm:^1.0.1":
+  version: 1.0.1
+  resolution: "is-bigint@npm:1.0.1"
+  checksum: 04aa6fde59d2b7929df865acb89c8d7f89f919cc149b8be11e3560b1aab8667e5d939cc8954097c496f7dda80fd5bb67f829ca80ab66cc68918e41e2c1b9c5d7
+  languageName: node
+  linkType: hard
+
+"is-binary-path@npm:~2.1.0":
+  version: 2.1.0
+  resolution: "is-binary-path@npm:2.1.0"
+  dependencies:
+    binary-extensions: ^2.0.0
+  checksum: 84192eb88cff70d320426f35ecd63c3d6d495da9d805b19bc65b518984b7c0760280e57dbf119b7e9be6b161784a5a673ab2c6abe83abb5198a432232ad5b35c
+  languageName: node
+  linkType: hard
+
+"is-boolean-object@npm:^1.1.0":
+  version: 1.1.0
+  resolution: "is-boolean-object@npm:1.1.0"
+  dependencies:
+    call-bind: ^1.0.0
+  checksum: 3ead0446176ee42a69f87658bf12d53c135095336d34765fa65f137f378ea125429bf777f91f6dd3407db80829d742bc4fb2fdaf8d2cf6ba82a2de2a07fbbac7
+  languageName: node
+  linkType: hard
+
+"is-buffer@npm:^1.1.5":
+  version: 1.1.6
+  resolution: "is-buffer@npm:1.1.6"
+  checksum: 4a186d995d8bbf9153b4bd9ff9fd04ae75068fe695d29025d25e592d9488911eeece84eefbd8fa41b8ddcc0711058a71d4c466dcf6f1f6e1d83830052d8ca707
+  languageName: node
+  linkType: hard
+
+"is-buffer@npm:^2.0.0":
+  version: 2.0.5
+  resolution: "is-buffer@npm:2.0.5"
+  checksum: 764c9ad8b523a9f5a32af29bdf772b08eb48c04d2ad0a7240916ac2688c983bf5f8504bf25b35e66240edeb9d9085461f9b5dae1f3d2861c6b06a65fe983de42
+  languageName: node
+  linkType: hard
+
+"is-callable@npm:^1.1.4, is-callable@npm:^1.2.4":
+  version: 1.2.4
+  resolution: "is-callable@npm:1.2.4"
+  checksum: 1a28d57dc435797dae04b173b65d6d1e77d4f16276e9eff973f994eadcfdc30a017e6a597f092752a083c1103cceb56c91e3dadc6692fedb9898dfaba701575f
+  languageName: node
+  linkType: hard
+
+"is-ci@npm:^2.0.0":
+  version: 2.0.0
+  resolution: "is-ci@npm:2.0.0"
+  dependencies:
+    ci-info: ^2.0.0
+  bin:
+    is-ci: bin.js
+  checksum: 77b869057510f3efa439bbb36e9be429d53b3f51abd4776eeea79ab3b221337fe1753d1e50058a9e2c650d38246108beffb15ccfd443929d77748d8c0cc90144
+  languageName: node
+  linkType: hard
+
+"is-ci@npm:^3.0.0":
+  version: 3.0.0
+  resolution: "is-ci@npm:3.0.0"
+  dependencies:
+    ci-info: ^3.1.1
+  bin:
+    is-ci: bin.js
+  checksum: 4b45aef32dd42dcb1f6fb3cd4b3a7ee7e18ea47516d2129005f46c3f36983506bb471382bac890973cf48a2f60d926a24461674ca2d9dc10744d82d4a876c26b
+  languageName: node
+  linkType: hard
+
+"is-core-module@npm:^2.2.0, is-core-module@npm:^2.8.1":
+  version: 2.8.1
+  resolution: "is-core-module@npm:2.8.1"
+  dependencies:
+    has: ^1.0.3
+  checksum: 418b7bc10768a73c41c7ef497e293719604007f88934a6ffc5f7c78702791b8528102fb4c9e56d006d69361549b3d9519440214a74aefc7e0b79e5e4411d377f
+  languageName: node
+  linkType: hard
+
+"is-date-object@npm:^1.0.1":
+  version: 1.0.2
+  resolution: "is-date-object@npm:1.0.2"
+  checksum: ac859426e5df031abd9d1eeed32a41cc0de06e47227bd972b8bc716460a9404654b3dba78f41e8171ccf535c4bfa6d72a8d1d15a0873f9646698af415e92c2fb
+  languageName: node
+  linkType: hard
+
+"is-decimal@npm:^1.0.0":
+  version: 1.0.4
+  resolution: "is-decimal@npm:1.0.4"
+  checksum: ed483a387517856dc395c68403a10201fddcc1b63dc56513fbe2fe86ab38766120090ecdbfed89223d84ca8b1cd28b0641b93cb6597b6e8f4c097a7c24e3fb96
+  languageName: node
+  linkType: hard
+
+"is-docker@npm:^2.0.0, is-docker@npm:^2.1.1":
+  version: 2.2.1
+  resolution: "is-docker@npm:2.2.1"
+  bin:
+    is-docker: cli.js
+  checksum: 3fef7ddbf0be25958e8991ad941901bf5922ab2753c46980b60b05c1bf9c9c2402d35e6dc32e4380b980ef5e1970a5d9d5e5aa2e02d77727c3b6b5e918474c56
+  languageName: node
+  linkType: hard
+
+"is-extglob@npm:^2.1.0, is-extglob@npm:^2.1.1":
+  version: 2.1.1
+  resolution: "is-extglob@npm:2.1.1"
+  checksum: df033653d06d0eb567461e58a7a8c9f940bd8c22274b94bf7671ab36df5719791aae15eef6d83bbb5e23283967f2f984b8914559d4449efda578c775c4be6f85
+  languageName: node
+  linkType: hard
+
+"is-fullwidth-code-point@npm:^1.0.0":
+  version: 1.0.0
+  resolution: "is-fullwidth-code-point@npm:1.0.0"
+  dependencies:
+    number-is-nan: ^1.0.0
+  checksum: 4d46a7465a66a8aebcc5340d3b63a56602133874af576a9ca42c6f0f4bd787a743605771c5f246db77da96605fefeffb65fc1dbe862dcc7328f4b4d03edf5a57
+  languageName: node
+  linkType: hard
+
+"is-fullwidth-code-point@npm:^2.0.0":
+  version: 2.0.0
+  resolution: "is-fullwidth-code-point@npm:2.0.0"
+  checksum: eef9c6e15f68085fec19ff6a978a6f1b8f48018fd1265035552078ee945573594933b09bbd6f562553e2a241561439f1ef5339276eba68d272001343084cfab8
+  languageName: node
+  linkType: hard
+
+"is-fullwidth-code-point@npm:^3.0.0":
+  version: 3.0.0
+  resolution: "is-fullwidth-code-point@npm:3.0.0"
+  checksum: 44a30c29457c7fb8f00297bce733f0a64cd22eca270f83e58c105e0d015e45c019491a4ab2faef91ab51d4738c670daff901c799f6a700e27f7314029e99e348
+  languageName: node
+  linkType: hard
+
+"is-function@npm:^1.0.1":
+  version: 1.0.2
+  resolution: "is-function@npm:1.0.2"
+  checksum: 7d564562e07b4b51359547d3ccc10fb93bb392fd1b8177ae2601ee4982a0ece86d952323fc172a9000743a3971f09689495ab78a1d49a9b14fc97a7e28521dc0
+  languageName: node
+  linkType: hard
+
+"is-generator-fn@npm:^2.0.0":
+  version: 2.1.0
+  resolution: "is-generator-fn@npm:2.1.0"
+  checksum: a6ad5492cf9d1746f73b6744e0c43c0020510b59d56ddcb78a91cbc173f09b5e6beff53d75c9c5a29feb618bfef2bf458e025ecf3a57ad2268e2fb2569f56215
+  languageName: node
+  linkType: hard
+
+"is-generator-function@npm:^1.0.7":
+  version: 1.0.10
+  resolution: "is-generator-function@npm:1.0.10"
+  dependencies:
+    has-tostringtag: ^1.0.0
+  checksum: d54644e7dbaccef15ceb1e5d91d680eb5068c9ee9f9eb0a9e04173eb5542c9b51b5ab52c5537f5703e48d5fddfd376817c1ca07a84a407b7115b769d4bdde72b
+  languageName: node
+  linkType: hard
+
+"is-glob@npm:^3.1.0":
+  version: 3.1.0
+  resolution: "is-glob@npm:3.1.0"
+  dependencies:
+    is-extglob: ^2.1.0
+  checksum: 9d483bca84f16f01230f7c7c8c63735248fe1064346f292e0f6f8c76475fd20c6f50fc19941af5bec35f85d6bf26f4b7768f39a48a5f5fdc72b408dc74e07afc
+  languageName: node
+  linkType: hard
+
+"is-glob@npm:^4.0.0, is-glob@npm:^4.0.1, is-glob@npm:^4.0.3, is-glob@npm:~4.0.1":
+  version: 4.0.3
+  resolution: "is-glob@npm:4.0.3"
+  dependencies:
+    is-extglob: ^2.1.1
+  checksum: d381c1319fcb69d341cc6e6c7cd588e17cd94722d9a32dbd60660b993c4fb7d0f19438674e68dfec686d09b7c73139c9166b47597f846af387450224a8101ab4
+  languageName: node
+  linkType: hard
+
+"is-hex-prefixed@npm:1.0.0":
+  version: 1.0.0
+  resolution: "is-hex-prefixed@npm:1.0.0"
+  checksum: 5ac58e6e528fb029cc43140f6eeb380fad23d0041cc23154b87f7c9a1b728bcf05909974e47248fd0b7fcc11ba33cf7e58d64804883056fabd23e2b898be41de
+  languageName: node
+  linkType: hard
+
+"is-hexadecimal@npm:^1.0.0":
+  version: 1.0.4
+  resolution: "is-hexadecimal@npm:1.0.4"
+  checksum: a452e047587b6069332d83130f54d30da4faf2f2ebaa2ce6d073c27b5703d030d58ed9e0b729c8e4e5b52c6f1dab26781bb77b7bc6c7805f14f320e328ff8cd5
+  languageName: node
+  linkType: hard
+
+"is-installed-globally@npm:^0.4.0":
+  version: 0.4.0
+  resolution: "is-installed-globally@npm:0.4.0"
+  dependencies:
+    global-dirs: ^3.0.0
+    is-path-inside: ^3.0.2
+  checksum: 3359840d5982d22e9b350034237b2cda2a12bac1b48a721912e1ab8e0631dd07d45a2797a120b7b87552759a65ba03e819f1bd63f2d7ab8657ec0b44ee0bf399
+  languageName: node
+  linkType: hard
+
+"is-interactive@npm:^1.0.0":
+  version: 1.0.0
+  resolution: "is-interactive@npm:1.0.0"
+  checksum: 824808776e2d468b2916cdd6c16acacebce060d844c35ca6d82267da692e92c3a16fdba624c50b54a63f38bdc4016055b6f443ce57d7147240de4f8cdabaf6f9
+  languageName: node
+  linkType: hard
+
+"is-ip@npm:^3.1.0":
+  version: 3.1.0
+  resolution: "is-ip@npm:3.1.0"
+  dependencies:
+    ip-regex: ^4.0.0
+  checksum: da2c2b282407194adf2320bade0bad94be9c9d0bdab85ff45b1b62d8185f31c65dff3884519d57bf270277e5ea2046c7916a6e5a6db22fe4b7ddcdd3760f23eb
+  languageName: node
+  linkType: hard
+
+"is-ipfs@npm:6.0.2":
+  version: 6.0.2
+  resolution: "is-ipfs@npm:6.0.2"
+  dependencies:
+    iso-url: ^1.1.3
+    mafmt: ^10.0.0
+    multiaddr: ^10.0.0
+    multiformats: ^9.0.0
+    uint8arrays: ^3.0.0
+  checksum: 9397057264c61e381e3f24878b8d6d93aed68e5601a0a27ae998820beb92bb906c3ebba22449b0ec234db2d8e3429aabbc7372c692bbf55294e982413ab56c59
+  languageName: node
+  linkType: hard
+
+"is-ipfs@npm:^0.6.0":
+  version: 0.6.3
+  resolution: "is-ipfs@npm:0.6.3"
+  dependencies:
+    bs58: ^4.0.1
+    cids: ~0.7.0
+    mafmt: ^7.0.0
+    multiaddr: ^7.2.1
+    multibase: ~0.6.0
+    multihashes: ~0.4.13
+  checksum: 10670511dc954e56512449e38faae43b6b36f29dd0132911d951db6e988d6af9daa1f8fb54f16867a17540f0338050addb2a0c1ceba6482a059913031e441ee4
+  languageName: node
+  linkType: hard
+
+"is-module@npm:^1.0.0":
+  version: 1.0.0
+  resolution: "is-module@npm:1.0.0"
+  checksum: 8cd5390730c7976fb4e8546dd0b38865ee6f7bacfa08dfbb2cc07219606755f0b01709d9361e01f13009bbbd8099fa2927a8ed665118a6105d66e40f1b838c3f
+  languageName: node
+  linkType: hard
+
+"is-nan@npm:^1.2.1":
+  version: 1.3.2
+  resolution: "is-nan@npm:1.3.2"
+  dependencies:
+    call-bind: ^1.0.0
+    define-properties: ^1.1.3
+  checksum: 5dfadcef6ad12d3029d43643d9800adbba21cf3ce2ec849f734b0e14ee8da4070d82b15fdb35138716d02587c6578225b9a22779cab34888a139cc43e4e3610a
+  languageName: node
+  linkType: hard
+
+"is-negated-glob@npm:^1.0.0":
+  version: 1.0.0
+  resolution: "is-negated-glob@npm:1.0.0"
+  checksum: 2a767da06435b492daa98d3049480f0b7032abd5bfd3930ac01dbe9d6fcae04f2b3d883c6dca6b9c0c3f8a703952643c78540151c3eb1a2fe90fec543d61d241
+  languageName: node
+  linkType: hard
+
+"is-negative-zero@npm:^2.0.1":
+  version: 2.0.1
+  resolution: "is-negative-zero@npm:2.0.1"
+  checksum: a46f2e0cb5e16fdb8f2011ed488979386d7e68d381966682e3f4c98fc126efe47f26827912baca2d06a02a644aee458b9cba307fb389f6b161e759125db7a3b8
+  languageName: node
+  linkType: hard
+
+"is-npm@npm:^5.0.0":
+  version: 5.0.0
+  resolution: "is-npm@npm:5.0.0"
+  checksum: 9baff02b0c69a3d3c79b162cb2f9e67fb40ef6d172c16601b2e2471c21e9a4fa1fc9885a308d7bc6f3a3cd2a324c27fa0bf284c133c3349bb22571ab70d041cc
+  languageName: node
+  linkType: hard
+
+"is-number-object@npm:^1.0.4":
+  version: 1.0.4
+  resolution: "is-number-object@npm:1.0.4"
+  checksum: d8e4525b5c151f1830872bf217901b58b3a9f66d93fe2f71c2087418e03d7f5c19a3ad64afa0feb70dafd93f7b97e205e3520a8ff007be665e54b377f5b736a8
+  languageName: node
+  linkType: hard
+
+"is-number@npm:^7.0.0":
+  version: 7.0.0
+  resolution: "is-number@npm:7.0.0"
+  checksum: 456ac6f8e0f3111ed34668a624e45315201dff921e5ac181f8ec24923b99e9f32ca1a194912dc79d539c97d33dba17dc635202ff0b2cf98326f608323276d27a
+  languageName: node
+  linkType: hard
+
+"is-obj@npm:^1.0.1":
+  version: 1.0.1
+  resolution: "is-obj@npm:1.0.1"
+  checksum: 3ccf0efdea12951e0b9c784e2b00e77e87b2f8bd30b42a498548a8afcc11b3287342a2030c308e473e93a7a19c9ea7854c99a8832a476591c727df2a9c79796c
+  languageName: node
+  linkType: hard
+
+"is-obj@npm:^2.0.0":
+  version: 2.0.0
+  resolution: "is-obj@npm:2.0.0"
+  checksum: c9916ac8f4621962a42f5e80e7ffdb1d79a3fab7456ceaeea394cd9e0858d04f985a9ace45be44433bf605673c8be8810540fe4cc7f4266fc7526ced95af5a08
+  languageName: node
+  linkType: hard
+
+"is-object@npm:^1.0.1":
+  version: 1.0.2
+  resolution: "is-object@npm:1.0.2"
+  checksum: 971219c4b1985b9751f65e4c8296d3104f0457b0e8a70849e848a4a2208bc47317d73b3b85d4a369619cb2df8284dc22584cb2695a7d99aca5e8d0aa64fc075a
+  languageName: node
+  linkType: hard
+
+"is-path-inside@npm:^3.0.2":
+  version: 3.0.2
+  resolution: "is-path-inside@npm:3.0.2"
+  checksum: 108fc2a60c35f5b2b1cf0dba4e2622a900b3a54b424b3d9688b522e75abc962ef0a1dd7c4d909bc49a5ac2951836e6750fd1967ce43b0a03420e6649d7cda08b
+  languageName: node
+  linkType: hard
+
+"is-plain-obj@npm:^1.1.0":
+  version: 1.1.0
+  resolution: "is-plain-obj@npm:1.1.0"
+  checksum: 0ee04807797aad50859652a7467481816cbb57e5cc97d813a7dcd8915da8195dc68c436010bf39d195226cde6a2d352f4b815f16f26b7bf486a5754290629931
+  languageName: node
+  linkType: hard
+
+"is-plain-obj@npm:^2.0.0":
+  version: 2.1.0
+  resolution: "is-plain-obj@npm:2.1.0"
+  checksum: cec9100678b0a9fe0248a81743041ed990c2d4c99f893d935545cfbc42876cbe86d207f3b895700c690ad2fa520e568c44afc1605044b535a7820c1d40e38daa
+  languageName: node
+  linkType: hard
+
+"is-plain-obj@npm:^3.0.0":
+  version: 3.0.0
+  resolution: "is-plain-obj@npm:3.0.0"
+  checksum: a6ebdf8e12ab73f33530641972a72a4b8aed6df04f762070d823808303e4f76d87d5ea5bd76f96a7bbe83d93f04ac7764429c29413bd9049853a69cb630fb21c
+  languageName: node
+  linkType: hard
+
+"is-plain-object@npm:^2.0.4":
+  version: 2.0.4
+  resolution: "is-plain-object@npm:2.0.4"
+  dependencies:
+    isobject: ^3.0.1
+  checksum: 2a401140cfd86cabe25214956ae2cfee6fbd8186809555cd0e84574f88de7b17abacb2e477a6a658fa54c6083ecbda1e6ae404c7720244cd198903848fca70ca
+  languageName: node
+  linkType: hard
+
+"is-plain-object@npm:^5.0.0":
+  version: 5.0.0
+  resolution: "is-plain-object@npm:5.0.0"
+  checksum: e32d27061eef62c0847d303125440a38660517e586f2f3db7c9d179ae5b6674ab0f469d519b2e25c147a1a3bc87156d0d5f4d8821e0ce4a9ee7fe1fcf11ce45c
+  languageName: node
+  linkType: hard
+
+"is-potential-custom-element-name@npm:^1.0.1":
+  version: 1.0.1
+  resolution: "is-potential-custom-element-name@npm:1.0.1"
+  checksum: ced7bbbb6433a5b684af581872afe0e1767e2d1146b2207ca0068a648fb5cab9d898495d1ac0583524faaf24ca98176a7d9876363097c2d14fee6dd324f3a1ab
+  languageName: node
+  linkType: hard
+
+"is-reference@npm:^1.2.1":
+  version: 1.2.1
+  resolution: "is-reference@npm:1.2.1"
+  dependencies:
+    "@types/estree": "*"
+  checksum: e7b48149f8abda2c10849ea51965904d6a714193d68942ad74e30522231045acf06cbfae5a4be2702fede5d232e61bf50b3183acdc056e6e3afe07fcf4f4b2bc
+  languageName: node
+  linkType: hard
+
+"is-regex@npm:^1.0.4, is-regex@npm:^1.1.4":
+  version: 1.1.4
+  resolution: "is-regex@npm:1.1.4"
+  dependencies:
+    call-bind: ^1.0.2
+    has-tostringtag: ^1.0.0
+  checksum: 362399b33535bc8f386d96c45c9feb04cf7f8b41c182f54174c1a45c9abbbe5e31290bbad09a458583ff6bf3b2048672cdb1881b13289569a7c548370856a652
+  languageName: node
+  linkType: hard
+
+"is-regexp@npm:^1.0.0":
+  version: 1.0.0
+  resolution: "is-regexp@npm:1.0.0"
+  checksum: be692828e24cba479ec33644326fa98959ec68ba77965e0291088c1a741feaea4919d79f8031708f85fd25e39de002b4520622b55460660b9c369e6f7187faef
+  languageName: node
+  linkType: hard
+
+"is-relative-path@npm:^1.0.2":
+  version: 1.0.2
+  resolution: "is-relative-path@npm:1.0.2"
+  checksum: 6c2ccffd3c0a3e3990535d0571370883d558b825b51940085f3446ec338857f4552f44521dfec3e83b7e067de08c0b0369de290208a91200bcae2c569533e340
+  languageName: node
+  linkType: hard
+
+"is-relative@npm:^1.0.0":
+  version: 1.0.0
+  resolution: "is-relative@npm:1.0.0"
+  dependencies:
+    is-unc-path: ^1.0.0
+  checksum: 3271a0df109302ef5e14a29dcd5d23d9788e15ade91a40b942b035827ffbb59f7ce9ff82d036ea798541a52913cbf9d2d0b66456340887b51f3542d57b5a4c05
+  languageName: node
+  linkType: hard
+
+"is-retry-allowed@npm:^1.0.0":
+  version: 1.2.0
+  resolution: "is-retry-allowed@npm:1.2.0"
+  checksum: 50d700a89ae31926b1c91b3eb0104dbceeac8790d8b80d02f5c76d9a75c2056f1bb24b5268a8a018dead606bddf116b2262e5ac07401eb8b8783b266ed22558d
+  languageName: node
+  linkType: hard
+
+"is-shared-array-buffer@npm:^1.0.1":
+  version: 1.0.1
+  resolution: "is-shared-array-buffer@npm:1.0.1"
+  checksum: 2ffb92533e64e2876e6cfe6906871d28400b6f1a53130fe652ec8007bc0e5044d05e7af8e31bdc992fbba520bd92938cfbeedd0f286be92f250c7c76191c4d90
+  languageName: node
+  linkType: hard
+
+"is-stream@npm:^1.0.0":
+  version: 1.1.0
+  resolution: "is-stream@npm:1.1.0"
+  checksum: 063c6bec9d5647aa6d42108d4c59723d2bd4ae42135a2d4db6eadbd49b7ea05b750fd69d279e5c7c45cf9da753ad2c00d8978be354d65aa9f6bb434969c6a2ae
+  languageName: node
+  linkType: hard
+
+"is-stream@npm:^2.0.0":
+  version: 2.0.0
+  resolution: "is-stream@npm:2.0.0"
+  checksum: 4dc47738e26bc4f1b3be9070b6b9e39631144f204fc6f87db56961220add87c10a999ba26cf81699f9ef9610426f69cb08a4713feff8deb7d8cadac907826935
+  languageName: node
+  linkType: hard
+
+"is-string@npm:^1.0.5, is-string@npm:^1.0.7":
+  version: 1.0.7
+  resolution: "is-string@npm:1.0.7"
+  dependencies:
+    has-tostringtag: ^1.0.0
+  checksum: 323b3d04622f78d45077cf89aab783b2f49d24dc641aa89b5ad1a72114cfeff2585efc8c12ef42466dff32bde93d839ad321b26884cf75e5a7892a938b089989
+  languageName: node
+  linkType: hard
+
+"is-symbol@npm:^1.0.2, is-symbol@npm:^1.0.3":
+  version: 1.0.3
+  resolution: "is-symbol@npm:1.0.3"
+  dependencies:
+    has-symbols: ^1.0.1
+  checksum: c6d54bd01218fa202da8ce91525ca41a907819be5f000df9ab9621467e087eb36f34b2dbfa51a2a699a282e860681ffa6a787d69e944ba99a46d3df553ff2798
+  languageName: node
+  linkType: hard
+
+"is-typed-array@npm:^1.1.3, is-typed-array@npm:^1.1.6":
+  version: 1.1.7
+  resolution: "is-typed-array@npm:1.1.7"
+  dependencies:
+    available-typed-arrays: ^1.0.4
+    call-bind: ^1.0.2
+    es-abstract: ^1.18.5
+    foreach: ^2.0.5
+    has-tostringtag: ^1.0.0
+  checksum: 7d8177f063380f3fcacefb19ded5f936d6125e39e29eac8202447e9fd985e788b88c3b97a917be578ac3bcc728c4c23d3916ee265b5db646b03508722f33b4be
+  languageName: node
+  linkType: hard
+
+"is-typedarray@npm:^1.0.0, is-typedarray@npm:~1.0.0":
+  version: 1.0.0
+  resolution: "is-typedarray@npm:1.0.0"
+  checksum: 3508c6cd0a9ee2e0df2fa2e9baabcdc89e911c7bd5cf64604586697212feec525aa21050e48affb5ffc3df20f0f5d2e2cf79b08caa64e1ccc9578e251763aef7
+  languageName: node
+  linkType: hard
+
+"is-unc-path@npm:^1.0.0":
+  version: 1.0.0
+  resolution: "is-unc-path@npm:1.0.0"
+  dependencies:
+    unc-path-regex: ^0.1.2
+  checksum: e8abfde203f7409f5b03a5f1f8636e3a41e78b983702ef49d9343eb608cdfe691429398e8815157519b987b739bcfbc73ae7cf4c8582b0ab66add5171088eab6
+  languageName: node
+  linkType: hard
+
+"is-unicode-supported@npm:^0.1.0":
+  version: 0.1.0
+  resolution: "is-unicode-supported@npm:0.1.0"
+  checksum: a2aab86ee7712f5c2f999180daaba5f361bdad1efadc9610ff5b8ab5495b86e4f627839d085c6530363c6d6d4ecbde340fb8e54bdb83da4ba8e0865ed5513c52
+  languageName: node
+  linkType: hard
+
+"is-url-superb@npm:^4.0.0":
+  version: 4.0.0
+  resolution: "is-url-superb@npm:4.0.0"
+  checksum: fd55e91c96349acb0d688f95fcb1ac67450e5db934976e3a8ff13ef446841e779a6f4d18b15f02331f05a3429c8fdaba2382ac1ab444059e86e9ffcde1ec8db0
+  languageName: node
+  linkType: hard
+
+"is-url@npm:^1.1.0, is-url@npm:^1.2.4":
+  version: 1.2.4
+  resolution: "is-url@npm:1.2.4"
+  checksum: 100e74b3b1feab87a43ef7653736e88d997eb7bd32e71fd3ebc413e58c1cbe56269699c776aaea84244b0567f2a7d68dfaa512a062293ed2f9fdecb394148432
+  languageName: node
+  linkType: hard
+
+"is-utf8@npm:^0.2.1":
+  version: 0.2.1
+  resolution: "is-utf8@npm:0.2.1"
+  checksum: 167ccd2be869fc228cc62c1a28df4b78c6b5485d15a29027d3b5dceb09b383e86a3522008b56dcac14b592b22f0a224388718c2505027a994fd8471465de54b3
+  languageName: node
+  linkType: hard
+
+"is-valid-glob@npm:^1.0.0":
+  version: 1.0.0
+  resolution: "is-valid-glob@npm:1.0.0"
+  checksum: 0155951e89291d405cbb2ff4e25a38ee7a88bc70b05f246c25d31a1d09f13d4207377e5860f67443bbda8e3e353da37047b60e586bd9c97a39c9301c30b67acb
+  languageName: node
+  linkType: hard
+
+"is-weakref@npm:^1.0.1":
+  version: 1.0.1
+  resolution: "is-weakref@npm:1.0.1"
+  dependencies:
+    call-bind: ^1.0.0
+  checksum: fdafb7b955671dd2f9658ff47c86e4025c0650fc68a3542a40e5a75898a763b1abd6b1e1f9f13207eed49541cdd76af67d73c44989ea358b201b70274cf8f6c1
+  languageName: node
+  linkType: hard
+
+"is-windows@npm:^1.0.1":
+  version: 1.0.2
+  resolution: "is-windows@npm:1.0.2"
+  checksum: 438b7e52656fe3b9b293b180defb4e448088e7023a523ec21a91a80b9ff8cdb3377ddb5b6e60f7c7de4fa8b63ab56e121b6705fe081b3cf1b828b0a380009ad7
+  languageName: node
+  linkType: hard
+
+"is-wsl@npm:^2.1.1, is-wsl@npm:^2.2.0":
+  version: 2.2.0
+  resolution: "is-wsl@npm:2.2.0"
+  dependencies:
+    is-docker: ^2.0.0
+  checksum: 20849846ae414997d290b75e16868e5261e86ff5047f104027026fd61d8b5a9b0b3ade16239f35e1a067b3c7cc02f70183cb661010ed16f4b6c7c93dad1b19d8
+  languageName: node
+  linkType: hard
+
+"is-yarn-global@npm:^0.3.0":
+  version: 0.3.0
+  resolution: "is-yarn-global@npm:0.3.0"
+  checksum: bca013d65fee2862024c9fbb3ba13720ffca2fe750095174c1c80922fdda16402b5c233f5ac9e265bc12ecb5446e7b7f519a32d9541788f01d4d44e24d2bf481
+  languageName: node
+  linkType: hard
+
+"isarray@npm:0.0.1":
+  version: 0.0.1
+  resolution: "isarray@npm:0.0.1"
+  checksum: 49191f1425681df4a18c2f0f93db3adb85573bcdd6a4482539d98eac9e705d8961317b01175627e860516a2fc45f8f9302db26e5a380a97a520e272e2a40a8d4
+  languageName: node
+  linkType: hard
+
+"isarray@npm:~1.0.0":
+  version: 1.0.0
+  resolution: "isarray@npm:1.0.0"
+  checksum: f032df8e02dce8ec565cf2eb605ea939bdccea528dbcf565cdf92bfa2da9110461159d86a537388ef1acef8815a330642d7885b29010e8f7eac967c9993b65ab
+  languageName: node
+  linkType: hard
+
+"isbinaryfile@npm:^3.0.2":
+  version: 3.0.3
+  resolution: "isbinaryfile@npm:3.0.3"
+  dependencies:
+    buffer-alloc: ^1.2.0
+  checksum: 9a555786857c66fe36024d15a54e0ca371c02275622b007356d6afca2b3bca179cb0bd97e1adf5d3922b3325c0fe22813645c7f7eafb4c4bdab1da9d635133c2
+  languageName: node
+  linkType: hard
+
+"isbinaryfile@npm:^4.0.8":
+  version: 4.0.8
+  resolution: "isbinaryfile@npm:4.0.8"
+  checksum: 606e3bb648d1a0dee23459d1d937bb2560e66a5281ec7c9ff50e585402d73321ac268d0f34cb7393125b3ebc4c7962d39e50a01cdb8904b52fce08b7ccd2bf9f
+  languageName: node
+  linkType: hard
+
+"isexe@npm:^2.0.0":
+  version: 2.0.0
+  resolution: "isexe@npm:2.0.0"
+  checksum: 26bf6c5480dda5161c820c5b5c751ae1e766c587b1f951ea3fcfc973bafb7831ae5b54a31a69bd670220e42e99ec154475025a468eae58ea262f813fdc8d1c62
+  languageName: node
+  linkType: hard
+
+"iso-url@npm:^1.1.3":
+  version: 1.2.1
+  resolution: "iso-url@npm:1.2.1"
+  checksum: 1af98c4ed6a39598407fd8c3c13e997c978985f477af2be3390d2aa3e422b4b5992ffbb0dac68656b165c71850fff748ac1309d29d4f2a728707d76bf0f98557
+  languageName: node
+  linkType: hard
+
+"isobject@npm:^3.0.1":
+  version: 3.0.1
+  resolution: "isobject@npm:3.0.1"
+  checksum: db85c4c970ce30693676487cca0e61da2ca34e8d4967c2e1309143ff910c207133a969f9e4ddb2dc6aba670aabce4e0e307146c310350b298e74a31f7d464703
+  languageName: node
+  linkType: hard
+
+"isstream@npm:~0.1.2":
+  version: 0.1.2
+  resolution: "isstream@npm:0.1.2"
+  checksum: 1eb2fe63a729f7bdd8a559ab552c69055f4f48eb5c2f03724430587c6f450783c8f1cd936c1c952d0a927925180fcc892ebd5b174236cf1065d4bd5bdb37e963
+  languageName: node
+  linkType: hard
+
+"istanbul-lib-coverage@npm:^3.0.0, istanbul-lib-coverage@npm:^3.2.0":
+  version: 3.2.0
+  resolution: "istanbul-lib-coverage@npm:3.2.0"
+  checksum: a2a545033b9d56da04a8571ed05c8120bf10e9bce01cf8633a3a2b0d1d83dff4ac4fe78d6d5673c27fc29b7f21a41d75f83a36be09f82a61c367b56aa73c1ff9
+  languageName: node
+  linkType: hard
+
+"istanbul-lib-instrument@npm:^5.0.4, istanbul-lib-instrument@npm:^5.1.0":
+  version: 5.1.0
+  resolution: "istanbul-lib-instrument@npm:5.1.0"
+  dependencies:
+    "@babel/core": ^7.12.3
+    "@babel/parser": ^7.14.7
+    "@istanbuljs/schema": ^0.1.2
+    istanbul-lib-coverage: ^3.2.0
+    semver: ^6.3.0
+  checksum: 8b82e733c69fe9f94d2e21f3e5760c9bedb110329aa75df4bd40df95f1cac3bf38767e43f35b125cc547ceca7376b72ce7d95cc5238b7e9088345c7b589233d3
+  languageName: node
+  linkType: hard
+
+"istanbul-lib-report@npm:^3.0.0":
+  version: 3.0.0
+  resolution: "istanbul-lib-report@npm:3.0.0"
+  dependencies:
+    istanbul-lib-coverage: ^3.0.0
+    make-dir: ^3.0.0
+    supports-color: ^7.1.0
+  checksum: 3f29eb3f53c59b987386e07fe772d24c7f58c6897f34c9d7a296f4000de7ae3de9eb95c3de3df91dc65b134c84dee35c54eee572a56243e8907c48064e34ff1b
+  languageName: node
+  linkType: hard
+
+"istanbul-lib-source-maps@npm:^4.0.0":
+  version: 4.0.0
+  resolution: "istanbul-lib-source-maps@npm:4.0.0"
+  dependencies:
+    debug: ^4.1.1
+    istanbul-lib-coverage: ^3.0.0
+    source-map: ^0.6.1
+  checksum: 292bfb4083e5f8783cdf829a7686b1a377d0c6c2119d4343c8478e948b38146c4827cddc7eee9f57605acd63c291376d67e4a84163d37c5fc78ad0f27f7e2621
+  languageName: node
+  linkType: hard
+
+"istanbul-reports@npm:^3.1.3":
+  version: 3.1.3
+  resolution: "istanbul-reports@npm:3.1.3"
+  dependencies:
+    html-escaper: ^2.0.0
+    istanbul-lib-report: ^3.0.0
+  checksum: ef6e0d9ed05ecab1974c6eb46cc2a12d8570911934192db4ed40cf1978449240ea80aae32c4dd5555b67407cdf860212d1a9e415443af69641aa57ed1da5ebbb
+  languageName: node
+  linkType: hard
+
+"isurl@npm:^1.0.0-alpha5":
+  version: 1.0.0
+  resolution: "isurl@npm:1.0.0"
+  dependencies:
+    has-to-string-tag-x: ^1.2.0
+    is-object: ^1.0.1
+  checksum: 28a96e019269d57015fa5869f19dda5a3ed1f7b21e3e0c4ff695419bd0541547db352aa32ee4a3659e811a177b0e37a5bc1a036731e71939dd16b59808ab92bd
+  languageName: node
+  linkType: hard
+
+"jake@npm:^10.6.1":
+  version: 10.8.2
+  resolution: "jake@npm:10.8.2"
+  dependencies:
+    async: 0.9.x
+    chalk: ^2.4.2
+    filelist: ^1.0.1
+    minimatch: ^3.0.4
+  bin:
+    jake: ./bin/cli.js
+  checksum: b604c51863260e374ccd62cd0cfe0b659f72cb71beb7d5fb5137dd65b04cf9d5603abd01f9f6eaaac8f4182f396d6cfae01e0b0844c2215c9c1e200572307cf9
+  languageName: node
+  linkType: hard
+
+"jdenticon@npm:3.1.1":
+  version: 3.1.1
+  resolution: "jdenticon@npm:3.1.1"
+  dependencies:
+    canvas-renderer: ~2.2.0
+  bin:
+    jdenticon: bin/jdenticon.js
+  checksum: 1c0c64a5740a70a8b9a11db53252c092e07543a122570132c0b824f3344c50ee705b0aada03cbeaeaab9e297c8aea5354a018e21a2780e7b9d7250d9d03ae2e8
+  languageName: node
+  linkType: hard
+
+"jest-changed-files@npm:^27.5.1":
+  version: 27.5.1
+  resolution: "jest-changed-files@npm:27.5.1"
+  dependencies:
+    "@jest/types": ^27.5.1
+    execa: ^5.0.0
+    throat: ^6.0.1
+  checksum: 95e9dc74c3ca688ef85cfeab270f43f8902721a6c8ade6ac2459459a77890c85977f537d6fb809056deaa6d9c3f075fa7d2699ff5f3bf7d3fda17c3760b79b15
+  languageName: node
+  linkType: hard
+
+"jest-circus@npm:^27.5.1":
+  version: 27.5.1
+  resolution: "jest-circus@npm:27.5.1"
+  dependencies:
+    "@jest/environment": ^27.5.1
+    "@jest/test-result": ^27.5.1
+    "@jest/types": ^27.5.1
+    "@types/node": "*"
+    chalk: ^4.0.0
+    co: ^4.6.0
+    dedent: ^0.7.0
+    expect: ^27.5.1
+    is-generator-fn: ^2.0.0
+    jest-each: ^27.5.1
+    jest-matcher-utils: ^27.5.1
+    jest-message-util: ^27.5.1
+    jest-runtime: ^27.5.1
+    jest-snapshot: ^27.5.1
+    jest-util: ^27.5.1
+    pretty-format: ^27.5.1
+    slash: ^3.0.0
+    stack-utils: ^2.0.3
+    throat: ^6.0.1
+  checksum: 6192dccbccb3a6acfa361cbb97bdbabe94864ccf3d885932cfd41f19534329d40698078cf9be1489415e8234255d6ea9f9aff5396b79ad842a6fca6e6fc08fd0
+  languageName: node
+  linkType: hard
+
+"jest-cli@npm:^27.5.1":
+  version: 27.5.1
+  resolution: "jest-cli@npm:27.5.1"
+  dependencies:
+    "@jest/core": ^27.5.1
+    "@jest/test-result": ^27.5.1
+    "@jest/types": ^27.5.1
+    chalk: ^4.0.0
+    exit: ^0.1.2
+    graceful-fs: ^4.2.9
+    import-local: ^3.0.2
+    jest-config: ^27.5.1
+    jest-util: ^27.5.1
+    jest-validate: ^27.5.1
+    prompts: ^2.0.1
+    yargs: ^16.2.0
+  peerDependencies:
+    node-notifier: ^8.0.1 || ^9.0.0 || ^10.0.0
+  peerDependenciesMeta:
+    node-notifier:
+      optional: true
+  bin:
+    jest: bin/jest.js
+  checksum: 6c0a69fb48e500241409e09ff743ed72bc6578d7769e2c994724e7ef1e5587f6c1f85dc429e93b98ae38a365222993ee70f0acc2199358992120900984f349e5
+  languageName: node
+  linkType: hard
+
+"jest-config@npm:^27.5.1":
+  version: 27.5.1
+  resolution: "jest-config@npm:27.5.1"
+  dependencies:
+    "@babel/core": ^7.8.0
+    "@jest/test-sequencer": ^27.5.1
+    "@jest/types": ^27.5.1
+    babel-jest: ^27.5.1
+    chalk: ^4.0.0
+    ci-info: ^3.2.0
+    deepmerge: ^4.2.2
+    glob: ^7.1.1
+    graceful-fs: ^4.2.9
+    jest-circus: ^27.5.1
+    jest-environment-jsdom: ^27.5.1
+    jest-environment-node: ^27.5.1
+    jest-get-type: ^27.5.1
+    jest-jasmine2: ^27.5.1
+    jest-regex-util: ^27.5.1
+    jest-resolve: ^27.5.1
+    jest-runner: ^27.5.1
+    jest-util: ^27.5.1
+    jest-validate: ^27.5.1
+    micromatch: ^4.0.4
+    parse-json: ^5.2.0
+    pretty-format: ^27.5.1
+    slash: ^3.0.0
+    strip-json-comments: ^3.1.1
+  peerDependencies:
+    ts-node: ">=9.0.0"
+  peerDependenciesMeta:
+    ts-node:
+      optional: true
+  checksum: 1188fd46c0ed78cbe3175eb9ad6712ccf74a74be33d9f0d748e147c107f0889f8b701fbff1567f31836ae18597dacdc43d6a8fc30dd34ade6c9229cc6c7cb82d
+  languageName: node
+  linkType: hard
+
+"jest-diff@npm:^27.5.1":
+  version: 27.5.1
+  resolution: "jest-diff@npm:27.5.1"
+  dependencies:
+    chalk: ^4.0.0
+    diff-sequences: ^27.5.1
+    jest-get-type: ^27.5.1
+    pretty-format: ^27.5.1
+  checksum: 8be27c1e1ee57b2bb2bef9c0b233c19621b4c43d53a3c26e2c00a4e805eb4ea11fe1694a06a9fb0e80ffdcfdc0d2b1cb0b85920b3f5c892327ecd1e7bd96b865
+  languageName: node
+  linkType: hard
+
+"jest-docblock@npm:^27.5.1":
+  version: 27.5.1
+  resolution: "jest-docblock@npm:27.5.1"
+  dependencies:
+    detect-newline: ^3.0.0
+  checksum: c0fed6d55b229d8bffdd8d03f121dd1a3be77c88f50552d374f9e1ea3bde57bf6bea017a0add04628d98abcb1bfb48b456438eeca8a74ef0053f4dae3b95d29c
+  languageName: node
+  linkType: hard
+
+"jest-each@npm:^27.5.1":
+  version: 27.5.1
+  resolution: "jest-each@npm:27.5.1"
+  dependencies:
+    "@jest/types": ^27.5.1
+    chalk: ^4.0.0
+    jest-get-type: ^27.5.1
+    jest-util: ^27.5.1
+    pretty-format: ^27.5.1
+  checksum: b5a6d8730fd938982569c9e0b42bdf3c242f97b957ed8155a6473b5f7b540970f8685524e7f53963dc1805319f4b6602abfc56605590ca19d55bd7a87e467e63
+  languageName: node
+  linkType: hard
+
+"jest-environment-jsdom@npm:^27.5.1":
+  version: 27.5.1
+  resolution: "jest-environment-jsdom@npm:27.5.1"
+  dependencies:
+    "@jest/environment": ^27.5.1
+    "@jest/fake-timers": ^27.5.1
+    "@jest/types": ^27.5.1
+    "@types/node": "*"
+    jest-mock: ^27.5.1
+    jest-util: ^27.5.1
+    jsdom: ^16.6.0
+  checksum: bc104aef7d7530d0740402aa84ac812138b6d1e51fe58adecce679f82b99340ddab73e5ec68fa079f33f50c9ddec9728fc9f0ddcca2ad6f0b351eed2762cc555
+  languageName: node
+  linkType: hard
+
+"jest-environment-node@npm:^27.5.1":
+  version: 27.5.1
+  resolution: "jest-environment-node@npm:27.5.1"
+  dependencies:
+    "@jest/environment": ^27.5.1
+    "@jest/fake-timers": ^27.5.1
+    "@jest/types": ^27.5.1
+    "@types/node": "*"
+    jest-mock: ^27.5.1
+    jest-util: ^27.5.1
+  checksum: 0f988330c4f3eec092e3fb37ea753b0c6f702e83cd8f4d770af9c2bf964a70bc45fbd34ec6fdb6d71ce98a778d9f54afd673e63f222e4667fff289e8069dba39
+  languageName: node
+  linkType: hard
+
+"jest-get-type@npm:^27.5.1":
+  version: 27.5.1
+  resolution: "jest-get-type@npm:27.5.1"
+  checksum: 63064ab70195c21007d897c1157bf88ff94a790824a10f8c890392e7d17eda9c3900513cb291ca1c8d5722cad79169764e9a1279f7c8a9c4cd6e9109ff04bbc0
+  languageName: node
+  linkType: hard
+
+"jest-haste-map@npm:^27.5.1":
+  version: 27.5.1
+  resolution: "jest-haste-map@npm:27.5.1"
+  dependencies:
+    "@jest/types": ^27.5.1
+    "@types/graceful-fs": ^4.1.2
+    "@types/node": "*"
+    anymatch: ^3.0.3
+    fb-watchman: ^2.0.0
+    fsevents: ^2.3.2
+    graceful-fs: ^4.2.9
+    jest-regex-util: ^27.5.1
+    jest-serializer: ^27.5.1
+    jest-util: ^27.5.1
+    jest-worker: ^27.5.1
+    micromatch: ^4.0.4
+    walker: ^1.0.7
+  dependenciesMeta:
+    fsevents:
+      optional: true
+  checksum: e092a1412829a9254b4725531ee72926de530f77fda7b0d9ea18008fb7623c16f72e772d8e93be71cac9e591b2c6843a669610887dd2c89bd9eb528856e3ab47
+  languageName: node
+  linkType: hard
+
+"jest-jasmine2@npm:^27.5.1":
+  version: 27.5.1
+  resolution: "jest-jasmine2@npm:27.5.1"
+  dependencies:
+    "@jest/environment": ^27.5.1
+    "@jest/source-map": ^27.5.1
+    "@jest/test-result": ^27.5.1
+    "@jest/types": ^27.5.1
+    "@types/node": "*"
+    chalk: ^4.0.0
+    co: ^4.6.0
+    expect: ^27.5.1
+    is-generator-fn: ^2.0.0
+    jest-each: ^27.5.1
+    jest-matcher-utils: ^27.5.1
+    jest-message-util: ^27.5.1
+    jest-runtime: ^27.5.1
+    jest-snapshot: ^27.5.1
+    jest-util: ^27.5.1
+    pretty-format: ^27.5.1
+    throat: ^6.0.1
+  checksum: b716adf253ceb73db661936153394ab90d7f3a8ba56d6189b7cd4df8e4e2a4153b4e63ebb5d36e29ceb0f4c211d5a6f36ab7048c6abbd881c8646567e2ab8e6d
+  languageName: node
+  linkType: hard
+
+"jest-leak-detector@npm:^27.5.1":
+  version: 27.5.1
+  resolution: "jest-leak-detector@npm:27.5.1"
+  dependencies:
+    jest-get-type: ^27.5.1
+    pretty-format: ^27.5.1
+  checksum: 5c9689060960567ddaf16c570d87afa760a461885765d2c71ef4f4857bbc3af1482c34e3cce88e50beefde1bf35e33530b020480752057a7e3dbb1ca0bae359f
+  languageName: node
+  linkType: hard
+
+"jest-matcher-utils@npm:^27.0.0, jest-matcher-utils@npm:^27.5.1":
+  version: 27.5.1
+  resolution: "jest-matcher-utils@npm:27.5.1"
+  dependencies:
+    chalk: ^4.0.0
+    jest-diff: ^27.5.1
+    jest-get-type: ^27.5.1
+    pretty-format: ^27.5.1
+  checksum: bb2135fc48889ff3fe73888f6cc7168ddab9de28b51b3148f820c89fdfd2effdcad005f18be67d0b9be80eda208ad47290f62f03d0a33f848db2dd0273c8217a
+  languageName: node
+  linkType: hard
+
+"jest-message-util@npm:^27.5.1":
+  version: 27.5.1
+  resolution: "jest-message-util@npm:27.5.1"
+  dependencies:
+    "@babel/code-frame": ^7.12.13
+    "@jest/types": ^27.5.1
+    "@types/stack-utils": ^2.0.0
+    chalk: ^4.0.0
+    graceful-fs: ^4.2.9
+    micromatch: ^4.0.4
+    pretty-format: ^27.5.1
+    slash: ^3.0.0
+    stack-utils: ^2.0.3
+  checksum: eb6d637d1411c71646de578c49826b6da8e33dd293e501967011de9d1916d53d845afbfb52a5b661ff1c495be7c13f751c48c7f30781fd94fbd64842e8195796
+  languageName: node
+  linkType: hard
+
+"jest-mock@npm:^27.5.1":
+  version: 27.5.1
+  resolution: "jest-mock@npm:27.5.1"
+  dependencies:
+    "@jest/types": ^27.5.1
+    "@types/node": "*"
+  checksum: f5b5904bb1741b4a1687a5f492535b7b1758dc26534c72a5423305f8711292e96a601dec966df81bb313269fb52d47227e29f9c2e08324d79529172f67311be0
+  languageName: node
+  linkType: hard
+
+"jest-pnp-resolver@npm:^1.2.2":
+  version: 1.2.2
+  resolution: "jest-pnp-resolver@npm:1.2.2"
+  peerDependencies:
+    jest-resolve: "*"
+  peerDependenciesMeta:
+    jest-resolve:
+      optional: true
+  checksum: bd85dcc0e76e0eb0c3d56382ec140f08d25ff4068cda9d0e360bb78fb176cb726d0beab82dc0e8694cafd09f55fee7622b8bcb240afa5fad301f4ed3eebb4f47
+  languageName: node
+  linkType: hard
+
+"jest-regex-util@npm:^27.5.1":
+  version: 27.5.1
+  resolution: "jest-regex-util@npm:27.5.1"
+  checksum: d45ca7a9543616a34f7f3079337439cf07566e677a096472baa2810e274b9808b76767c97b0a4029b8a5b82b9d256dee28ef9ad4138b2b9e5933f6fac106c418
+  languageName: node
+  linkType: hard
+
+"jest-resolve-dependencies@npm:^27.5.1":
+  version: 27.5.1
+  resolution: "jest-resolve-dependencies@npm:27.5.1"
+  dependencies:
+    "@jest/types": ^27.5.1
+    jest-regex-util: ^27.5.1
+    jest-snapshot: ^27.5.1
+  checksum: c67af97afad1da88f5530317c732bbd1262d1225f6cd7f4e4740a5db48f90ab0bd8564738ac70d1a43934894f9aef62205c1b8f8ee89e5c7a737e6a121ee4c25
+  languageName: node
+  linkType: hard
+
+"jest-resolve@npm:^27.5.1":
+  version: 27.5.1
+  resolution: "jest-resolve@npm:27.5.1"
+  dependencies:
+    "@jest/types": ^27.5.1
+    chalk: ^4.0.0
+    graceful-fs: ^4.2.9
+    jest-haste-map: ^27.5.1
+    jest-pnp-resolver: ^1.2.2
+    jest-util: ^27.5.1
+    jest-validate: ^27.5.1
+    resolve: ^1.20.0
+    resolve.exports: ^1.1.0
+    slash: ^3.0.0
+  checksum: 735830e7265b20a348029738680bb2f6e37f80ecea86cda869a4c318ba3a45d39c7a3a873a22f7f746d86258c50ead6e7f501de043e201c095d7ba628a1c440f
+  languageName: node
+  linkType: hard
+
+"jest-runner@npm:^27.5.1":
+  version: 27.5.1
+  resolution: "jest-runner@npm:27.5.1"
+  dependencies:
+    "@jest/console": ^27.5.1
+    "@jest/environment": ^27.5.1
+    "@jest/test-result": ^27.5.1
+    "@jest/transform": ^27.5.1
+    "@jest/types": ^27.5.1
+    "@types/node": "*"
+    chalk: ^4.0.0
+    emittery: ^0.8.1
+    graceful-fs: ^4.2.9
+    jest-docblock: ^27.5.1
+    jest-environment-jsdom: ^27.5.1
+    jest-environment-node: ^27.5.1
+    jest-haste-map: ^27.5.1
+    jest-leak-detector: ^27.5.1
+    jest-message-util: ^27.5.1
+    jest-resolve: ^27.5.1
+    jest-runtime: ^27.5.1
+    jest-util: ^27.5.1
+    jest-worker: ^27.5.1
+    source-map-support: ^0.5.6
+    throat: ^6.0.1
+  checksum: 5bbe6cf847dd322b3332ec9d6977b54f91bd5f72ff620bc1a0192f0f129deda8aa7ca74c98922187a7aa87d8e0ce4f6c50e99a7ccb2a310bf4d94be2e0c3ce8e
+  languageName: node
+  linkType: hard
+
+"jest-runtime@npm:^27.5.1":
+  version: 27.5.1
+  resolution: "jest-runtime@npm:27.5.1"
+  dependencies:
+    "@jest/environment": ^27.5.1
+    "@jest/fake-timers": ^27.5.1
+    "@jest/globals": ^27.5.1
+    "@jest/source-map": ^27.5.1
+    "@jest/test-result": ^27.5.1
+    "@jest/transform": ^27.5.1
+    "@jest/types": ^27.5.1
+    chalk: ^4.0.0
+    cjs-module-lexer: ^1.0.0
+    collect-v8-coverage: ^1.0.0
+    execa: ^5.0.0
+    glob: ^7.1.3
+    graceful-fs: ^4.2.9
+    jest-haste-map: ^27.5.1
+    jest-message-util: ^27.5.1
+    jest-mock: ^27.5.1
+    jest-regex-util: ^27.5.1
+    jest-resolve: ^27.5.1
+    jest-snapshot: ^27.5.1
+    jest-util: ^27.5.1
+    slash: ^3.0.0
+    strip-bom: ^4.0.0
+  checksum: 929e3df0c53dab43f831f2af4e2996b22aa8cb2d6d483919d6b0426cbc100098fd5b777b998c6568b77f8c4d860b2e83127514292ff61416064f5ef926492386
+  languageName: node
+  linkType: hard
+
+"jest-serializer@npm:^27.5.1":
+  version: 27.5.1
+  resolution: "jest-serializer@npm:27.5.1"
+  dependencies:
+    "@types/node": "*"
+    graceful-fs: ^4.2.9
+  checksum: 803e03a552278610edc6753c0dd9fa5bb5cd3ca47414a7b2918106efb62b79fd5e9ae785d0a21f12a299fa599fea8acc1fa6dd41283328cee43962cf7df9bb44
+  languageName: node
+  linkType: hard
+
+"jest-snapshot@npm:^27.5.1":
+  version: 27.5.1
+  resolution: "jest-snapshot@npm:27.5.1"
+  dependencies:
+    "@babel/core": ^7.7.2
+    "@babel/generator": ^7.7.2
+    "@babel/plugin-syntax-typescript": ^7.7.2
+    "@babel/traverse": ^7.7.2
+    "@babel/types": ^7.0.0
+    "@jest/transform": ^27.5.1
+    "@jest/types": ^27.5.1
+    "@types/babel__traverse": ^7.0.4
+    "@types/prettier": ^2.1.5
+    babel-preset-current-node-syntax: ^1.0.0
+    chalk: ^4.0.0
+    expect: ^27.5.1
+    graceful-fs: ^4.2.9
+    jest-diff: ^27.5.1
+    jest-get-type: ^27.5.1
+    jest-haste-map: ^27.5.1
+    jest-matcher-utils: ^27.5.1
+    jest-message-util: ^27.5.1
+    jest-util: ^27.5.1
+    natural-compare: ^1.4.0
+    pretty-format: ^27.5.1
+    semver: ^7.3.2
+  checksum: a5cfadf0d21cd76063925d1434bc076443ed6d87847d0e248f0b245f11db3d98ff13e45cc03b15404027dabecd712d925f47b6eae4f64986f688640a7d362514
+  languageName: node
+  linkType: hard
+
+"jest-util@npm:^27.5.1":
+  version: 27.5.1
+  resolution: "jest-util@npm:27.5.1"
+  dependencies:
+    "@jest/types": ^27.5.1
+    "@types/node": "*"
+    chalk: ^4.0.0
+    ci-info: ^3.2.0
+    graceful-fs: ^4.2.9
+    picomatch: ^2.2.3
+  checksum: ac8d122f6daf7a035dcea156641fd3701aeba245417c40836a77e35b3341b9c02ddc5d904cfcd4ddbaa00ab854da76d3b911870cafdcdbaff90ea471de26c7d7
+  languageName: node
+  linkType: hard
+
+"jest-validate@npm:^27.5.1":
+  version: 27.5.1
+  resolution: "jest-validate@npm:27.5.1"
+  dependencies:
+    "@jest/types": ^27.5.1
+    camelcase: ^6.2.0
+    chalk: ^4.0.0
+    jest-get-type: ^27.5.1
+    leven: ^3.1.0
+    pretty-format: ^27.5.1
+  checksum: 82e870f8ee7e4fb949652711b1567f05ae31c54be346b0899e8353e5c20fad7692b511905b37966945e90af8dc0383eb41a74f3ffefb16140ea4f9164d841412
+  languageName: node
+  linkType: hard
+
+"jest-watcher@npm:^27.5.1":
+  version: 27.5.1
+  resolution: "jest-watcher@npm:27.5.1"
+  dependencies:
+    "@jest/test-result": ^27.5.1
+    "@jest/types": ^27.5.1
+    "@types/node": "*"
+    ansi-escapes: ^4.2.1
+    chalk: ^4.0.0
+    jest-util: ^27.5.1
+    string-length: ^4.0.1
+  checksum: 191c4e9c278c0902ade1a8a80883ac244963ba3e6e78607a3d5f729ccca9c6e71fb3b316f87883658132641c5d818aa84202585c76752e03c539e6cbecb820bd
+  languageName: node
+  linkType: hard
+
+"jest-worker@npm:^27.0.2, jest-worker@npm:^27.5.1":
+  version: 27.5.1
+  resolution: "jest-worker@npm:27.5.1"
+  dependencies:
+    "@types/node": "*"
+    merge-stream: ^2.0.0
+    supports-color: ^8.0.0
+  checksum: 98cd68b696781caed61c983a3ee30bf880b5bd021c01d98f47b143d4362b85d0737f8523761e2713d45e18b4f9a2b98af1eaee77afade4111bb65c77d6f7c980
+  languageName: node
+  linkType: hard
+
+"jest@npm:^27.5.1":
+  version: 27.5.1
+  resolution: "jest@npm:27.5.1"
+  dependencies:
+    "@jest/core": ^27.5.1
+    import-local: ^3.0.2
+    jest-cli: ^27.5.1
+  peerDependencies:
+    node-notifier: ^8.0.1 || ^9.0.0 || ^10.0.0
+  peerDependenciesMeta:
+    node-notifier:
+      optional: true
+  bin:
+    jest: bin/jest.js
+  checksum: 96f1d69042b3c6dfc695f2a4e4b0db38af6fb78582ad1a02beaa57cfcd77cbd31567d7d865c1c85709b7c3e176eefa3b2035ffecd646005f15d8ef528eccf205
+  languageName: node
+  linkType: hard
+
+"jquery@npm:x.*":
+  version: 3.5.1
+  resolution: "jquery@npm:3.5.1"
+  checksum: 813047b852511ca1ecfaa7b2568aba1d7270a92e5c74962b308792a401adf041869a3b2a6858b0b7a02f6684947fb93171e40cbb4460831977a937b40b0e15ce
+  languageName: node
+  linkType: hard
+
+"js-cleanup@npm:^1.2.0":
+  version: 1.2.0
+  resolution: "js-cleanup@npm:1.2.0"
+  dependencies:
+    magic-string: ^0.25.7
+    perf-regexes: ^1.0.1
+    skip-regex: ^1.0.2
+  checksum: eea17bce5157f66c1415a5e537f89dfbc15c4e4a36e638bc09db48e70ca0efd6f85331d8f6154817a17057304d56db82478c8dfdac8ee39dc481302f93abd59d
+  languageName: node
+  linkType: hard
+
+"js-sha3@npm:0.5.7, js-sha3@npm:^0.5.7":
+  version: 0.5.7
+  resolution: "js-sha3@npm:0.5.7"
+  checksum: 973a28ea4b26cc7f12d2ab24f796e24ee4a71eef45a6634a052f6eb38cf8b2333db798e896e6e094ea6fa4dfe8e42a2a7942b425cf40da3f866623fd05bb91ea
+  languageName: node
+  linkType: hard
+
+"js-sha3@npm:^0.8.0":
+  version: 0.8.0
+  resolution: "js-sha3@npm:0.8.0"
+  checksum: 75df77c1fc266973f06cce8309ce010e9e9f07ec35ab12022ed29b7f0d9c8757f5a73e1b35aa24840dced0dea7059085aa143d817aea9e188e2a80d569d9adce
+  languageName: node
+  linkType: hard
+
+"js-tokens@npm:^3.0.0 || ^4.0.0, js-tokens@npm:^4.0.0":
+  version: 4.0.0
+  resolution: "js-tokens@npm:4.0.0"
+  checksum: 8a95213a5a77deb6cbe94d86340e8d9ace2b93bc367790b260101d2f36a2eaf4e4e22d9fa9cf459b38af3a32fb4190e638024cf82ec95ef708680e405ea7cc78
+  languageName: node
+  linkType: hard
+
+"js-yaml@npm:^3.13.1, js-yaml@npm:^3.14.0":
+  version: 3.14.1
+  resolution: "js-yaml@npm:3.14.1"
+  dependencies:
+    argparse: ^1.0.7
+    esprima: ^4.0.0
+  bin:
+    js-yaml: bin/js-yaml.js
+  checksum: bef146085f472d44dee30ec34e5cf36bf89164f5d585435a3d3da89e52622dff0b188a580e4ad091c3341889e14cb88cac6e4deb16dc5b1e9623bb0601fc255c
+  languageName: node
+  linkType: hard
+
+"js-yaml@npm:^4.1.0":
+  version: 4.1.0
+  resolution: "js-yaml@npm:4.1.0"
+  dependencies:
+    argparse: ^2.0.1
+  bin:
+    js-yaml: bin/js-yaml.js
+  checksum: c7830dfd456c3ef2c6e355cc5a92e6700ceafa1d14bba54497b34a99f0376cecbb3e9ac14d3e5849b426d5a5140709a66237a8c991c675431271c4ce5504151a
+  languageName: node
+  linkType: hard
+
+"jsbn@npm:~0.1.0":
+  version: 0.1.1
+  resolution: "jsbn@npm:0.1.1"
+  checksum: e5ff29c1b8d965017ef3f9c219dacd6e40ad355c664e277d31246c90545a02e6047018c16c60a00f36d561b3647215c41894f5d869ada6908a2e0ce4200c88f2
+  languageName: node
+  linkType: hard
+
+"jsdom@npm:^16.6.0":
+  version: 16.6.0
+  resolution: "jsdom@npm:16.6.0"
+  dependencies:
+    abab: ^2.0.5
+    acorn: ^8.2.4
+    acorn-globals: ^6.0.0
+    cssom: ^0.4.4
+    cssstyle: ^2.3.0
+    data-urls: ^2.0.0
+    decimal.js: ^10.2.1
+    domexception: ^2.0.1
+    escodegen: ^2.0.0
+    form-data: ^3.0.0
+    html-encoding-sniffer: ^2.0.1
+    http-proxy-agent: ^4.0.1
+    https-proxy-agent: ^5.0.0
+    is-potential-custom-element-name: ^1.0.1
+    nwsapi: ^2.2.0
+    parse5: 6.0.1
+    saxes: ^5.0.1
+    symbol-tree: ^3.2.4
+    tough-cookie: ^4.0.0
+    w3c-hr-time: ^1.0.2
+    w3c-xmlserializer: ^2.0.0
+    webidl-conversions: ^6.1.0
+    whatwg-encoding: ^1.0.5
+    whatwg-mimetype: ^2.3.0
+    whatwg-url: ^8.5.0
+    ws: ^7.4.5
+    xml-name-validator: ^3.0.0
+  peerDependencies:
+    canvas: ^2.5.0
+  peerDependenciesMeta:
+    canvas:
+      optional: true
+  checksum: 4abf126bba167f1cf123601232ceb3be0696a4370c8fa484a1a99d93926f251c372d84233b74aeede55909c3f30c350c646d27409f41353ea733c52e0243f49c
+  languageName: node
+  linkType: hard
+
+"jsesc@npm:^2.5.1":
+  version: 2.5.2
+  resolution: "jsesc@npm:2.5.2"
+  bin:
+    jsesc: bin/jsesc
+  checksum: 4dc190771129e12023f729ce20e1e0bfceac84d73a85bc3119f7f938843fe25a4aeccb54b6494dce26fcf263d815f5f31acdefac7cc9329efb8422a4f4d9fa9d
+  languageName: node
+  linkType: hard
+
+"jsesc@npm:~0.5.0":
+  version: 0.5.0
+  resolution: "jsesc@npm:0.5.0"
+  bin:
+    jsesc: bin/jsesc
+  checksum: b8b44cbfc92f198ad972fba706ee6a1dfa7485321ee8c0b25f5cedd538dcb20cde3197de16a7265430fce8277a12db066219369e3d51055038946039f6e20e17
+  languageName: node
+  linkType: hard
+
+"json-buffer@npm:3.0.0":
+  version: 3.0.0
+  resolution: "json-buffer@npm:3.0.0"
+  checksum: 0cecacb8025370686a916069a2ff81f7d55167421b6aa7270ee74e244012650dd6bce22b0852202ea7ff8624fce50ff0ec1bdf95914ccb4553426e290d5a63fa
+  languageName: node
+  linkType: hard
+
+"json-buffer@npm:3.0.1":
+  version: 3.0.1
+  resolution: "json-buffer@npm:3.0.1"
+  checksum: 9026b03edc2847eefa2e37646c579300a1f3a4586cfb62bf857832b60c852042d0d6ae55d1afb8926163fa54c2b01d83ae24705f34990348bdac6273a29d4581
+  languageName: node
+  linkType: hard
+
+"json-parse-better-errors@npm:^1.0.2":
+  version: 1.0.2
+  resolution: "json-parse-better-errors@npm:1.0.2"
+  checksum: ff2b5ba2a70e88fd97a3cb28c1840144c5ce8fae9cbeeddba15afa333a5c407cf0e42300cd0a2885dbb055227fe68d405070faad941beeffbfde9cf3b2c78c5d
+  languageName: node
+  linkType: hard
+
+"json-parse-even-better-errors@npm:^2.3.0":
+  version: 2.3.1
+  resolution: "json-parse-even-better-errors@npm:2.3.1"
+  checksum: 798ed4cf3354a2d9ccd78e86d2169515a0097a5c133337807cdf7f1fc32e1391d207ccfc276518cc1d7d8d4db93288b8a50ba4293d212ad1336e52a8ec0a941f
+  languageName: node
+  linkType: hard
+
+"json-schema-traverse@npm:^0.4.1":
+  version: 0.4.1
+  resolution: "json-schema-traverse@npm:0.4.1"
+  checksum: 7486074d3ba247769fda17d5181b345c9fb7d12e0da98b22d1d71a5db9698d8b4bd900a3ec1a4ffdd60846fc2556274a5c894d0c48795f14cb03aeae7b55260b
+  languageName: node
+  linkType: hard
+
+"json-schema-traverse@npm:^1.0.0":
+  version: 1.0.0
+  resolution: "json-schema-traverse@npm:1.0.0"
+  checksum: 02f2f466cdb0362558b2f1fd5e15cce82ef55d60cd7f8fa828cf35ba74330f8d767fcae5c5c2adb7851fa811766c694b9405810879bc4e1ddd78a7c0e03658ad
+  languageName: node
+  linkType: hard
+
+"json-schema@npm:0.2.3":
+  version: 0.2.3
+  resolution: "json-schema@npm:0.2.3"
+  checksum: bbc2070988fb5f2a2266a31b956f1b5660e03ea7eaa95b33402901274f625feb586ae0c485e1df854fde40a7f0dc679f3b3ca8e5b8d31f8ea07a0d834de785c7
+  languageName: node
+  linkType: hard
+
+"json-stable-stringify-without-jsonify@npm:^1.0.1":
+  version: 1.0.1
+  resolution: "json-stable-stringify-without-jsonify@npm:1.0.1"
+  checksum: cff44156ddce9c67c44386ad5cddf91925fe06b1d217f2da9c4910d01f358c6e3989c4d5a02683c7a5667f9727ff05831f7aa8ae66c8ff691c556f0884d49215
+  languageName: node
+  linkType: hard
+
+"json-stringify-safe@npm:^5.0.1, json-stringify-safe@npm:~5.0.1":
+  version: 5.0.1
+  resolution: "json-stringify-safe@npm:5.0.1"
+  checksum: 48ec0adad5280b8a96bb93f4563aa1667fd7a36334f79149abd42446d0989f2ddc58274b479f4819f1f00617957e6344c886c55d05a4e15ebb4ab931e4a6a8ee
+  languageName: node
+  linkType: hard
+
+"json5@npm:^0.5.1":
+  version: 0.5.1
+  resolution: "json5@npm:0.5.1"
+  bin:
+    json5: lib/cli.js
+  checksum: 9b85bf06955b23eaa4b7328aa8892e3887e81ca731dd27af04a5f5f1458fbc5e1de57a24442e3272f8a888dd1abe1cb68eb693324035f6b3aeba4fcab7667d62
+  languageName: node
+  linkType: hard
+
+"json5@npm:^1.0.1":
+  version: 1.0.1
+  resolution: "json5@npm:1.0.1"
+  dependencies:
+    minimist: ^1.2.0
+  bin:
+    json5: lib/cli.js
+  checksum: e76ea23dbb8fc1348c143da628134a98adf4c5a4e8ea2adaa74a80c455fc2cdf0e2e13e6398ef819bfe92306b610ebb2002668ed9fc1af386d593691ef346fc3
+  languageName: node
+  linkType: hard
+
+"json5@npm:^2.1.2, json5@npm:^2.2.0, json5@npm:^2.2.1":
+  version: 2.2.1
+  resolution: "json5@npm:2.2.1"
+  bin:
+    json5: lib/cli.js
+  checksum: 74b8a23b102a6f2bf2d224797ae553a75488b5adbaee9c9b6e5ab8b510a2fc6e38f876d4c77dea672d4014a44b2399e15f2051ac2b37b87f74c0c7602003543b
+  languageName: node
+  linkType: hard
+
+"jsonfile@npm:^4.0.0":
+  version: 4.0.0
+  resolution: "jsonfile@npm:4.0.0"
+  dependencies:
+    graceful-fs: ^4.1.6
+  dependenciesMeta:
+    graceful-fs:
+      optional: true
+  checksum: 6447d6224f0d31623eef9b51185af03ac328a7553efcee30fa423d98a9e276ca08db87d71e17f2310b0263fd3ffa6c2a90a6308367f661dc21580f9469897c9e
+  languageName: node
+  linkType: hard
+
+"jsonfile@npm:^6.0.1":
+  version: 6.1.0
+  resolution: "jsonfile@npm:6.1.0"
+  dependencies:
+    graceful-fs: ^4.1.6
+    universalify: ^2.0.0
+  dependenciesMeta:
+    graceful-fs:
+      optional: true
+  checksum: 7af3b8e1ac8fe7f1eccc6263c6ca14e1966fcbc74b618d3c78a0a2075579487547b94f72b7a1114e844a1e15bb00d440e5d1720bfc4612d790a6f285d5ea8354
+  languageName: node
+  linkType: hard
+
+"jsprim@npm:^1.2.2":
+  version: 1.4.1
+  resolution: "jsprim@npm:1.4.1"
+  dependencies:
+    assert-plus: 1.0.0
+    extsprintf: 1.3.0
+    json-schema: 0.2.3
+    verror: 1.10.0
+  checksum: 6bcb20ec265ae18bb48e540a6da2c65f9c844f7522712d6dfcb01039527a49414816f4869000493363f1e1ea96cbad00e46188d5ecc78257a19f152467587373
+  languageName: node
+  linkType: hard
+
+"jsqr@npm:^1.2.0":
+  version: 1.3.1
+  resolution: "jsqr@npm:1.3.1"
+  checksum: 483357c849c39bfba104b0585ba82d894327f668f0a37dc221084508ac740ce9958726ea4ce485c2520bce1c15693a5921d68fcd5382159201fa55a74168cb14
+  languageName: node
+  linkType: hard
+
+"jstransform@npm:^11.0.3":
+  version: 11.0.3
+  resolution: "jstransform@npm:11.0.3"
+  dependencies:
+    base62: ^1.1.0
+    commoner: ^0.10.1
+    esprima-fb: ^15001.1.0-dev-harmony-fb
+    object-assign: ^2.0.0
+    source-map: ^0.4.2
+  bin:
+    jstransform: bin/jstransform
+  checksum: 90c3c3e7100a542c83bc4542337c2e6b5da72e450510551bfb4bdf93c20d9bbafa350cf3fe99205af0caa1a85d9bdb1ec284bee8018d06fe4ff129a467010e8c
+  languageName: node
+  linkType: hard
+
+"jsx-ast-utils@npm:^2.4.1 || ^3.0.0":
+  version: 3.2.0
+  resolution: "jsx-ast-utils@npm:3.2.0"
+  dependencies:
+    array-includes: ^3.1.2
+    object.assign: ^4.1.2
+  checksum: 9f695c480212868557c5e3cd01082857e101768dc75cb904335d1a805e972d6203baa58ae0b786e7afeab1e8fdb98242fccf22dbc1734595a65845172743877c
+  languageName: node
+  linkType: hard
+
+"k8s-deploy-cli@npm:^0.1.5":
+  version: 0.1.5
+  resolution: "k8s-deploy-cli@npm:0.1.5"
+  dependencies:
+    colors: ^1.4.0
+    commander: ^8.1.0
+    inquirer: ^8.1.2
+  bin:
+    kdc: dist/cli.js
+  checksum: 9787b972479f9699a72d5ea4161b4378c9f9f63523138d5455637e219d5301e5dac9a4bfe6f23a17253896a63907c4f35900047312c10c2f481cb9ba38c82472
+  languageName: node
+  linkType: hard
+
+"keccak@npm:^3.0.0":
+  version: 3.0.1
+  resolution: "keccak@npm:3.0.1"
+  dependencies:
+    node-addon-api: ^2.0.0
+    node-gyp: latest
+    node-gyp-build: ^4.2.0
+  checksum: 1de1b62fbb3e035ee186232b11f154bd5c2c12a2d910bc8ec313dab412b6f39ddc51d3a105618dd8de752875da0ead21abb0eb1d4e7d7b17771a4acbb7159390
+  languageName: node
+  linkType: hard
+
+"keyboard-key@npm:^1.0.4":
+  version: 1.1.0
+  resolution: "keyboard-key@npm:1.1.0"
+  checksum: 8bf7c0d796820a0d4802930ef103339e2ffddf369f441d8e19f0a1d3b841da71a0a4da8c7a5270f4814da54300434f5fc5b3489aae4ae3ba47418ac106b71a64
+  languageName: node
+  linkType: hard
+
+"keyv@npm:^3.0.0":
+  version: 3.1.0
+  resolution: "keyv@npm:3.1.0"
+  dependencies:
+    json-buffer: 3.0.0
+  checksum: bb7e8f3acffdbafbc2dd5b63f377fe6ec4c0e2c44fc82720449ef8ab54f4a7ce3802671ed94c0f475ae0a8549703353a2124561fcf3317010c141b32ca1ce903
+  languageName: node
+  linkType: hard
+
+"keyv@npm:^4.0.0":
+  version: 4.0.3
+  resolution: "keyv@npm:4.0.3"
+  dependencies:
+    json-buffer: 3.0.1
+  checksum: 770134225c5320861748bf65f022e7ce100e465b85b28fe39036ef66f6190bb602aa8a57df365b9c745005d948fc1f0da99306062875a2f52700195e0b4d1033
+  languageName: node
+  linkType: hard
+
+"kind-of@npm:^6.0.2, kind-of@npm:^6.0.3":
+  version: 6.0.3
+  resolution: "kind-of@npm:6.0.3"
+  checksum: 3ab01e7b1d440b22fe4c31f23d8d38b4d9b91d9f291df683476576493d5dfd2e03848a8b05813dd0c3f0e835bc63f433007ddeceb71f05cb25c45ae1b19c6d3b
+  languageName: node
+  linkType: hard
+
+"kleur@npm:^3.0.3":
+  version: 3.0.3
+  resolution: "kleur@npm:3.0.3"
+  checksum: df82cd1e172f957bae9c536286265a5cdbd5eeca487cb0a3b2a7b41ef959fc61f8e7c0e9aeea9c114ccf2c166b6a8dd45a46fd619c1c569d210ecd2765ad5169
+  languageName: node
+  linkType: hard
+
+"latest-version@npm:^5.1.0":
+  version: 5.1.0
+  resolution: "latest-version@npm:5.1.0"
+  dependencies:
+    package-json: ^6.3.0
+  checksum: fbc72b071eb66c40f652441fd783a9cca62f08bf42433651937f078cd9ef94bf728ec7743992777826e4e89305aef24f234b515e6030503a2cbee7fc9bdc2c0f
+  languageName: node
+  linkType: hard
+
+"lazy-val@npm:^1.0.4, lazy-val@npm:^1.0.5":
+  version: 1.0.5
+  resolution: "lazy-val@npm:1.0.5"
+  checksum: 31e12e0b118826dfae74f8f3ff8ebcddfe4200ff88d0d448db175c7265ee537e0ba55488d411728246337f3ed3c9ec68416f10889f632a2ce28fb7a970909fb5
+  languageName: node
+  linkType: hard
+
+"lazystream@npm:^1.0.0":
+  version: 1.0.0
+  resolution: "lazystream@npm:1.0.0"
+  dependencies:
+    readable-stream: ^2.0.5
+  checksum: 6cb9352a697bad74471671b299997edc736b400bb405dc409acfc9ffe584bb6f86898c4ace86b2f145ae32fe42ef60bd68749acb62c2ff3fa6bded721193f79c
+  languageName: node
+  linkType: hard
+
+"lcov-parse@npm:^1.0.0":
+  version: 1.0.0
+  resolution: "lcov-parse@npm:1.0.0"
+  bin:
+    lcov-parse: ./bin/cli.js
+  checksum: d4b14b5e33d8f7511dc62dea49252a79f04720aa837ce120235451c43653e8aeb7e330588691f2d584826c5ac8145a0aa778dd02f543cd71270f80374e5fcf20
+  languageName: node
+  linkType: hard
+
+"lead@npm:^1.0.0":
+  version: 1.0.0
+  resolution: "lead@npm:1.0.0"
+  dependencies:
+    flush-write-stream: ^1.0.2
+  checksum: f08a9f45ac39b8d1fecf31de4d97a8fa2aa7e233e99bb61fd443414fc8055331224490698e186cb614aa3ea2f2695d71c42afc85415fa680b078d640efadab50
+  languageName: node
+  linkType: hard
+
+"leven@npm:^3.1.0":
+  version: 3.1.0
+  resolution: "leven@npm:3.1.0"
+  checksum: 638401d534585261b6003db9d99afd244dfe82d75ddb6db5c0df412842d5ab30b2ef18de471aaec70fe69a46f17b4ae3c7f01d8a4e6580ef7adb9f4273ad1e55
+  languageName: node
+  linkType: hard
+
+"levn@npm:^0.4.1":
+  version: 0.4.1
+  resolution: "levn@npm:0.4.1"
+  dependencies:
+    prelude-ls: ^1.2.1
+    type-check: ~0.4.0
+  checksum: 12c5021c859bd0f5248561bf139121f0358285ec545ebf48bb3d346820d5c61a4309535c7f387ed7d84361cf821e124ce346c6b7cef8ee09a67c1473b46d0fc4
+  languageName: node
+  linkType: hard
+
+"levn@npm:~0.3.0":
+  version: 0.3.0
+  resolution: "levn@npm:0.3.0"
+  dependencies:
+    prelude-ls: ~1.1.2
+    type-check: ~0.3.2
+  checksum: 0d084a524231a8246bb10fec48cdbb35282099f6954838604f3c7fc66f2e16fa66fd9cc2f3f20a541a113c4dafdf181e822c887c8a319c9195444e6c64ac395e
+  languageName: node
+  linkType: hard
+
+"line-reader@npm:^0.2.4":
+  version: 0.2.4
+  resolution: "line-reader@npm:0.2.4"
+  checksum: a7426e505526c0db83d4d240a3ee2d2ba7ccb5c7b461d8325b347c963393e3cfb8e67314f8d4c156e0a05e6e4dc49d27a8c61da380745293dd98b5d8123ae192
+  languageName: node
+  linkType: hard
+
+"lines-and-columns@npm:^1.1.6":
+  version: 1.1.6
+  resolution: "lines-and-columns@npm:1.1.6"
+  checksum: 198a5436b1fa5cf703bae719c01c686b076f0ad7e1aafd95a58d626cabff302dc0414822126f2f80b58a8c3d66cda8a7b6da064f27130f87e1d3506d6dfd0d68
+  languageName: node
+  linkType: hard
+
+"load-json-file@npm:^6.2.0":
+  version: 6.2.0
+  resolution: "load-json-file@npm:6.2.0"
+  dependencies:
+    graceful-fs: ^4.1.15
+    parse-json: ^5.0.0
+    strip-bom: ^4.0.0
+    type-fest: ^0.6.0
+  checksum: 4429e430ebb99375fc7cd936348e4f7ba729486080ced4272091c1e386a7f5f738ea3337d8ffd4b01c2f5bc3ddde92f2c780045b66838fe98bdb79f901884643
+  languageName: node
+  linkType: hard
+
+"loader-runner@npm:^4.1.0, loader-runner@npm:^4.2.0":
+  version: 4.2.0
+  resolution: "loader-runner@npm:4.2.0"
+  checksum: e61aea8b6904b8af53d9de6f0484da86c462c0001f4511bedc837cec63deb9475cea813db62f702cd7930420ccb0e75c78112270ca5c8b61b374294f53c0cb3a
+  languageName: node
+  linkType: hard
+
+"loader-utils@npm:^2.0.0":
+  version: 2.0.0
+  resolution: "loader-utils@npm:2.0.0"
+  dependencies:
+    big.js: ^5.2.2
+    emojis-list: ^3.0.0
+    json5: ^2.1.2
+  checksum: 6856423131b50b6f5f259da36f498cfd7fc3c3f8bb17777cf87fdd9159e797d4ba4288d9a96415fd8da62c2906960e88f74711dee72d03a9003bddcd0d364a51
+  languageName: node
+  linkType: hard
+
+"locate-path@npm:^2.0.0":
+  version: 2.0.0
+  resolution: "locate-path@npm:2.0.0"
+  dependencies:
+    p-locate: ^2.0.0
+    path-exists: ^3.0.0
+  checksum: 02d581edbbbb0fa292e28d96b7de36b5b62c2fa8b5a7e82638ebb33afa74284acf022d3b1e9ae10e3ffb7658fbc49163fcd5e76e7d1baaa7801c3e05a81da755
+  languageName: node
+  linkType: hard
+
+"locate-path@npm:^3.0.0":
+  version: 3.0.0
+  resolution: "locate-path@npm:3.0.0"
+  dependencies:
+    p-locate: ^3.0.0
+    path-exists: ^3.0.0
+  checksum: 53db3996672f21f8b0bf2a2c645ae2c13ffdae1eeecfcd399a583bce8516c0b88dcb4222ca6efbbbeb6949df7e46860895be2c02e8d3219abd373ace3bfb4e11
+  languageName: node
+  linkType: hard
+
+"locate-path@npm:^5.0.0":
+  version: 5.0.0
+  resolution: "locate-path@npm:5.0.0"
+  dependencies:
+    p-locate: ^4.1.0
+  checksum: 83e51725e67517287d73e1ded92b28602e3ae5580b301fe54bfb76c0c723e3f285b19252e375712316774cf52006cb236aed5704692c32db0d5d089b69696e30
+  languageName: node
+  linkType: hard
+
+"lodash.camelcase@npm:^4.3.0":
+  version: 4.3.0
+  resolution: "lodash.camelcase@npm:4.3.0"
+  checksum: cb9227612f71b83e42de93eccf1232feeb25e705bdb19ba26c04f91e885bfd3dd5c517c4a97137658190581d3493ea3973072ca010aab7e301046d90740393d1
+  languageName: node
+  linkType: hard
+
+"lodash.debounce@npm:^4.0.8":
+  version: 4.0.8
+  resolution: "lodash.debounce@npm:4.0.8"
+  checksum: a3f527d22c548f43ae31c861ada88b2637eb48ac6aa3eb56e82d44917971b8aa96fbb37aa60efea674dc4ee8c42074f90f7b1f772e9db375435f6c83a19b3bc6
+  languageName: node
+  linkType: hard
+
+"lodash.deburr@npm:^4.1.0":
+  version: 4.1.0
+  resolution: "lodash.deburr@npm:4.1.0"
+  checksum: 6e2012315c20a4d8ed4f1884ed4b8e6b0093c6355a87bfd95ecf25a5243c8c88d747d67375d52cb87ebc99d090935ed8dc3814c8e661e3275a6dbe02b68efc99
+  languageName: node
+  linkType: hard
+
+"lodash.defaults@npm:^4.2.0":
+  version: 4.2.0
+  resolution: "lodash.defaults@npm:4.2.0"
+  checksum: 84923258235592c8886e29de5491946ff8c2ae5c82a7ac5cddd2e3cb697e6fbdfbbb6efcca015795c86eec2bb953a5a2ee4016e3735a3f02720428a40efbb8f1
+  languageName: node
+  linkType: hard
+
+"lodash.difference@npm:^4.5.0":
+  version: 4.5.0
+  resolution: "lodash.difference@npm:4.5.0"
+  checksum: ecee276aa578f300e79350805a14a51be8d1f12b3c1389a19996d8ab516f814211a5f65c68331571ecdad96522b863ccc484b55504ce8c9947212a29f8857d5a
+  languageName: node
+  linkType: hard
+
+"lodash.escaperegexp@npm:^4.1.2":
+  version: 4.1.2
+  resolution: "lodash.escaperegexp@npm:4.1.2"
+  checksum: 6d99452b1cfd6073175a9b741a9b09ece159eac463f86f02ea3bee2e2092923fce812c8d2bf446309cc52d1d61bf9af51c8118b0d7421388e6cead7bd3798f0f
+  languageName: node
+  linkType: hard
+
+"lodash.flatten@npm:^4.4.0":
+  version: 4.4.0
+  resolution: "lodash.flatten@npm:4.4.0"
+  checksum: 0ac34a393d4b795d4b7421153d27c13ae67e08786c9cbb60ff5b732210d46f833598eee3fb3844bb10070e8488efe390ea53bb567377e0cb47e9e630bf0811cb
+  languageName: node
+  linkType: hard
+
+"lodash.isempty@npm:^4.4.0":
+  version: 4.4.0
+  resolution: "lodash.isempty@npm:4.4.0"
+  checksum: a8118f23f7ed72a1dbd176bf27f297d1e71aa1926288449cb8f7cef99ba1bc7527eab52fe7899ab080fa1dc150aba6e4a6367bf49fa4e0b78da1ecc095f8d8c5
+  languageName: node
+  linkType: hard
+
+"lodash.isequal@npm:^4.5.0":
+  version: 4.5.0
+  resolution: "lodash.isequal@npm:4.5.0"
+  checksum: da27515dc5230eb1140ba65ff8de3613649620e8656b19a6270afe4866b7bd461d9ba2ac8a48dcc57f7adac4ee80e1de9f965d89d4d81a0ad52bb3eec2609644
+  languageName: node
+  linkType: hard
+
+"lodash.isplainobject@npm:^4.0.6":
+  version: 4.0.6
+  resolution: "lodash.isplainobject@npm:4.0.6"
+  checksum: 29c6351f281e0d9a1d58f1a4c8f4400924b4c79f18dfc4613624d7d54784df07efaff97c1ff2659f3e085ecf4fff493300adc4837553104cef2634110b0d5337
+  languageName: node
+  linkType: hard
+
+"lodash.memoize@npm:^4.1.2":
+  version: 4.1.2
+  resolution: "lodash.memoize@npm:4.1.2"
+  checksum: 9ff3942feeccffa4f1fafa88d32f0d24fdc62fd15ded5a74a5f950ff5f0c6f61916157246744c620173dddf38d37095a92327d5fd3861e2063e736a5c207d089
+  languageName: node
+  linkType: hard
+
+"lodash.merge@npm:^4.6.2":
+  version: 4.6.2
+  resolution: "lodash.merge@npm:4.6.2"
+  checksum: ad580b4bdbb7ca1f7abf7e1bce63a9a0b98e370cf40194b03380a46b4ed799c9573029599caebc1b14e3f24b111aef72b96674a56cfa105e0f5ac70546cdc005
+  languageName: node
+  linkType: hard
+
+"lodash.set@npm:^4.3.2":
+  version: 4.3.2
+  resolution: "lodash.set@npm:4.3.2"
+  checksum: a9122f49eef9f2d0fc9061a33d87f8e5b8c6b23d46e8b9e9ce1529d3588d79741bd1145a3abdfa3b13082703e65af27ff18d8a07bfc22b9be32f3fc36f763f70
+  languageName: node
+  linkType: hard
+
+"lodash.truncate@npm:^4.4.2":
+  version: 4.4.2
+  resolution: "lodash.truncate@npm:4.4.2"
+  checksum: b463d8a382cfb5f0e71c504dcb6f807a7bd379ff1ea216669aa42c52fc28c54e404bfbd96791aa09e6df0de2c1d7b8f1b7f4b1a61f324d38fe98bc535aeee4f5
+  languageName: node
+  linkType: hard
+
+"lodash.union@npm:^4.6.0":
+  version: 4.6.0
+  resolution: "lodash.union@npm:4.6.0"
+  checksum: 1514dc6508b2614ec071a6470f36eb7a70f69bf1abb6d55bdfdc21069635a4517783654b28504c0f025059a7598d37529766888e6d5902b8ab28b712228f7b2a
+  languageName: node
+  linkType: hard
+
+"lodash@npm:^4.0.0, lodash@npm:^4.17.10, lodash@npm:^4.17.11, lodash@npm:^4.17.14, lodash@npm:^4.17.15, lodash@npm:^4.17.20, lodash@npm:^4.17.21, lodash@npm:^4.7.0":
+  version: 4.17.21
+  resolution: "lodash@npm:4.17.21"
+  checksum: eb835a2e51d381e561e508ce932ea50a8e5a68f4ebdd771ea240d3048244a8d13658acbd502cd4829768c56f2e16bdd4340b9ea141297d472517b83868e677f7
+  languageName: node
+  linkType: hard
+
+"log-driver@npm:^1.2.7":
+  version: 1.2.7
+  resolution: "log-driver@npm:1.2.7"
+  checksum: 14949119f830d897f52a0f83b058d8af3d13b9d21deedcc341c65c523091d4f95b0c151798b0bb988ed2712f487d9d44c302cd95b177708a80ac8e47a6a28a16
+  languageName: node
+  linkType: hard
+
+"log-symbols@npm:^3.0.0":
+  version: 3.0.0
+  resolution: "log-symbols@npm:3.0.0"
+  dependencies:
+    chalk: ^2.4.2
+  checksum: f2322e1452d819050b11aad247660e1494f8b2219d40a964af91d5f9af1a90636f1b3d93f2952090e42af07cc5550aecabf6c1d8ec1181207e95cb66ba112361
+  languageName: node
+  linkType: hard
+
+"log-symbols@npm:^4.1.0":
+  version: 4.1.0
+  resolution: "log-symbols@npm:4.1.0"
+  dependencies:
+    chalk: ^4.1.0
+    is-unicode-supported: ^0.1.0
+  checksum: fce1497b3135a0198803f9f07464165e9eb83ed02ceb2273930a6f8a508951178d8cf4f0378e9d28300a2ed2bc49050995d2bd5f53ab716bb15ac84d58c6ef74
+  languageName: node
+  linkType: hard
+
+"loglevel-plugin-prefix@npm:^0.8.4":
+  version: 0.8.4
+  resolution: "loglevel-plugin-prefix@npm:0.8.4"
+  checksum: 5fe0632fa04263e083f87204107a06aa53e40a3537e08752539f5c0fd9a0ef112fe9ba6bdaed791502156c67a4ff7993a2b2871404615f0163f4c49649c362e4
+  languageName: node
+  linkType: hard
+
+"loglevel@npm:^1.7.0":
+  version: 1.7.1
+  resolution: "loglevel@npm:1.7.1"
+  checksum: 715a4ae69ad75d4d3bd04e4f6e9edbc4cae4db34d1e7f54f426d8cebe2dd9fef891ca3789e839d927cdbc5fad73d789e998db0af2f11f4c40219c272bc923823
+  languageName: node
+  linkType: hard
+
+"longest-streak@npm:^2.0.0":
+  version: 2.0.4
+  resolution: "longest-streak@npm:2.0.4"
+  checksum: 28b8234a14963002c5c71035dee13a0a11e9e9d18ffa320fdc8796ed7437399204495702ed69cd2a7087b0af041a2a8b562829b7c1e2042e73a3374d1ecf6580
+  languageName: node
+  linkType: hard
+
+"loose-envify@npm:^1.0.0, loose-envify@npm:^1.1.0, loose-envify@npm:^1.2.0, loose-envify@npm:^1.3.1, loose-envify@npm:^1.4.0":
+  version: 1.4.0
+  resolution: "loose-envify@npm:1.4.0"
+  dependencies:
+    js-tokens: ^3.0.0 || ^4.0.0
+  bin:
+    loose-envify: cli.js
+  checksum: 6517e24e0cad87ec9888f500c5b5947032cdfe6ef65e1c1936a0c48a524b81e65542c9c3edc91c97d5bddc806ee2a985dbc79be89215d613b1de5db6d1cfe6f4
+  languageName: node
+  linkType: hard
+
+"lower-case@npm:^2.0.2":
+  version: 2.0.2
+  resolution: "lower-case@npm:2.0.2"
+  dependencies:
+    tslib: ^2.0.3
+  checksum: 83a0a5f159ad7614bee8bf976b96275f3954335a84fad2696927f609ddae902802c4f3312d86668722e668bef41400254807e1d3a7f2e8c3eede79691aa1f010
+  languageName: node
+  linkType: hard
+
+"lowercase-keys@npm:^1.0.0, lowercase-keys@npm:^1.0.1":
+  version: 1.0.1
+  resolution: "lowercase-keys@npm:1.0.1"
+  checksum: 4d045026595936e09953e3867722e309415ff2c80d7701d067546d75ef698dac218a4f53c6d1d0e7368b47e45fd7529df47e6cb56fbb90523ba599f898b3d147
+  languageName: node
+  linkType: hard
+
+"lowercase-keys@npm:^2.0.0":
+  version: 2.0.0
+  resolution: "lowercase-keys@npm:2.0.0"
+  checksum: 24d7ebd56ccdf15ff529ca9e08863f3c54b0b9d1edb97a3ae1af34940ae666c01a1e6d200707bce730a8ef76cb57cc10e65f245ecaaf7e6bc8639f2fb460ac23
+  languageName: node
+  linkType: hard
+
+"lru-cache@npm:^4.1.2":
+  version: 4.1.5
+  resolution: "lru-cache@npm:4.1.5"
+  dependencies:
+    pseudomap: ^1.0.2
+    yallist: ^2.1.2
+  checksum: 4bb4b58a36cd7dc4dcec74cbe6a8f766a38b7426f1ff59d4cf7d82a2aa9b9565cd1cb98f6ff60ce5cd174524868d7bc9b7b1c294371851356066ca9ac4cf135a
+  languageName: node
+  linkType: hard
+
+"lru-cache@npm:^6.0.0":
+  version: 6.0.0
+  resolution: "lru-cache@npm:6.0.0"
+  dependencies:
+    yallist: ^4.0.0
+  checksum: f97f499f898f23e4585742138a22f22526254fdba6d75d41a1c2526b3b6cc5747ef59c5612ba7375f42aca4f8461950e925ba08c991ead0651b4918b7c978297
+  languageName: node
+  linkType: hard
+
+"lz-string@npm:^1.4.4":
+  version: 1.4.4
+  resolution: "lz-string@npm:1.4.4"
+  bin:
+    lz-string: bin/bin.js
+  checksum: 54e31238a61a84d8f664d9860a9fba7310c5b97a52c444f80543069bc084815eff40b8d4474ae1d93992fdf6c252dca37cf27f6adbeb4dbc3df2f3ac773d0e61
+  languageName: node
+  linkType: hard
+
+"madge@npm:^5.0.1":
+  version: 5.0.1
+  resolution: "madge@npm:5.0.1"
+  dependencies:
+    chalk: ^4.1.1
+    commander: ^7.2.0
+    commondir: ^1.0.1
+    debug: ^4.3.1
+    dependency-tree: ^8.1.1
+    detective-amd: ^3.1.0
+    detective-cjs: ^3.1.1
+    detective-es6: ^2.2.0
+    detective-less: ^1.0.2
+    detective-postcss: ^5.0.0
+    detective-sass: ^3.0.1
+    detective-scss: ^2.0.1
+    detective-stylus: ^1.0.0
+    detective-typescript: ^7.0.0
+    graphviz: 0.0.9
+    ora: ^5.4.1
+    pluralize: ^8.0.0
+    precinct: ^8.1.0
+    pretty-ms: ^7.0.1
+    rc: ^1.2.7
+    typescript: ^3.9.5
+    walkdir: ^0.4.1
+  bin:
+    madge: bin/cli.js
+  checksum: 821db88fdcb6259cf4bf1665abb976dd859fb7157a712886468d4172ab6d758f3446212fcd3fa92be21e9e2b408854f96e9495b7119d7387e6fe5690bd9786c4
+  languageName: node
+  linkType: hard
+
+"mafmt@npm:^10.0.0":
+  version: 10.0.0
+  resolution: "mafmt@npm:10.0.0"
+  dependencies:
+    multiaddr: ^10.0.0
+  checksum: ab9aef1e429870f7ef7fd141d8dc139b1bca9d145196913a84e1acee7b4eb2b7c9e1865d6c928e3d84008a6e735666c6ae3d4b51a554bcb64d566ea12607bedb
+  languageName: node
+  linkType: hard
+
+"mafmt@npm:^7.0.0":
+  version: 7.1.0
+  resolution: "mafmt@npm:7.1.0"
+  dependencies:
+    multiaddr: ^7.3.0
+  checksum: 5d891f2007e99e6bee0b741b07f65ab81c4bce4a0baab08d97f2b34a72a0b7647e3b6a36a3377162adf56faed18be9a62bc772ef64a4f15e65ea4d034be705f0
+  languageName: node
+  linkType: hard
+
+"magic-string@npm:^0.25.7":
+  version: 0.25.7
+  resolution: "magic-string@npm:0.25.7"
+  dependencies:
+    sourcemap-codec: ^1.4.4
+  checksum: 727a1fb70f9610304fe384f1df0251eb7d1d9dd779c07ef1225690361b71b216f26f5d934bfb11c919b5b0e7ba50f6240c823a6f2e44cfd33d4a07d7747ca829
+  languageName: node
+  linkType: hard
+
+"make-dir@npm:^2.0.0, make-dir@npm:^2.1.0":
+  version: 2.1.0
+  resolution: "make-dir@npm:2.1.0"
+  dependencies:
+    pify: ^4.0.1
+    semver: ^5.6.0
+  checksum: 043548886bfaf1820323c6a2997e6d2fa51ccc2586ac14e6f14634f7458b4db2daf15f8c310e2a0abd3e0cddc64df1890d8fc7263033602c47bb12cbfcf86aab
+  languageName: node
+  linkType: hard
+
+"make-dir@npm:^3.0.0, make-dir@npm:^3.0.2, make-dir@npm:^3.1.0":
+  version: 3.1.0
+  resolution: "make-dir@npm:3.1.0"
+  dependencies:
+    semver: ^6.0.0
+  checksum: 484200020ab5a1fdf12f393fe5f385fc8e4378824c940fba1729dcd198ae4ff24867bc7a5646331e50cead8abff5d9270c456314386e629acec6dff4b8016b78
+  languageName: node
+  linkType: hard
+
+"makeerror@npm:1.0.x":
+  version: 1.0.11
+  resolution: "makeerror@npm:1.0.11"
+  dependencies:
+    tmpl: 1.0.x
+  checksum: 9a62ec2d9648c5329fdc4bc7d779a7305f32b1e55422a4f14244bc890bb43287fe013eb8d965e92a0cf4c443f3e59265b1fc3125eaedb0c2361e28b1a8de565d
+  languageName: node
+  linkType: hard
+
+"map-obj@npm:^1.0.0":
+  version: 1.0.1
+  resolution: "map-obj@npm:1.0.1"
+  checksum: 9949e7baec2a336e63b8d4dc71018c117c3ce6e39d2451ccbfd3b8350c547c4f6af331a4cbe1c83193d7c6b786082b6256bde843db90cb7da2a21e8fcc28afed
+  languageName: node
+  linkType: hard
+
+"map-obj@npm:^4.0.0":
+  version: 4.1.0
+  resolution: "map-obj@npm:4.1.0"
+  checksum: c62b22f23e58d742a093a0935fa904c92cc788d56132b75666160ac0c5704d3c677d28794594c7adf7ed0c177a96579e781dbf06e0a1b5d574c992a5c13877a3
+  languageName: node
+  linkType: hard
+
+"markdown-loader@npm:^8.0.0":
+  version: 8.0.0
+  resolution: "markdown-loader@npm:8.0.0"
+  dependencies:
+    marked: ^4.0.12
+  peerDependencies:
+    webpack: ^5.0.0
+  checksum: c5f878a24afb80ba7fa1de098b50434393dc4ed3d7477f9d7f710c2f2dc9ddb7a93b6edeaaaaece54a2f16adf26a699d4bc4fb50c68edd4b6288f2dd53d4485c
+  languageName: node
+  linkType: hard
+
+"markdown-table@npm:^2.0.0":
+  version: 2.0.0
+  resolution: "markdown-table@npm:2.0.0"
+  dependencies:
+    repeat-string: ^1.0.0
+  checksum: 9bb634a9300016cbb41216c1eab44c74b6b7083ac07872e296f900a29449cf0e260ece03fa10c3e9784ab94c61664d1d147da0315f95e1336e2bdcc025615c90
+  languageName: node
+  linkType: hard
+
+"marked@npm:^4.0.12":
+  version: 4.0.12
+  resolution: "marked@npm:4.0.12"
+  bin:
+    marked: bin/marked.js
+  checksum: 7575117f85a8986652f3ac8b8a7b95056c4c5fce01a1fc76dc4c7960412cb4c9bd9da8133487159b6b3ff84f52b543dfe9a36f826a5f358892b5ec4b6824f192
+  languageName: node
+  linkType: hard
+
+"matcher@npm:^3.0.0":
+  version: 3.0.0
+  resolution: "matcher@npm:3.0.0"
+  dependencies:
+    escape-string-regexp: ^4.0.0
+  checksum: 8bee1a7ab7609c2c21d9c9254b6785fa708eadf289032b556d57a34e98fcd4c537659a004dafee6ce80ab157099e645c199dc52678dff1e7fb0a6684e0da4dbe
+  languageName: node
+  linkType: hard
+
+"md5.js@npm:^1.3.4":
+  version: 1.3.5
+  resolution: "md5.js@npm:1.3.5"
+  dependencies:
+    hash-base: ^3.0.0
+    inherits: ^2.0.1
+    safe-buffer: ^5.1.2
+  checksum: 098494d885684bcc4f92294b18ba61b7bd353c23147fbc4688c75b45cb8590f5a95fd4584d742415dcc52487f7a1ef6ea611cfa1543b0dc4492fe026357f3f0c
+  languageName: node
+  linkType: hard
+
+"mdast-add-list-metadata@npm:1.0.1":
+  version: 1.0.1
+  resolution: "mdast-add-list-metadata@npm:1.0.1"
+  dependencies:
+    unist-util-visit-parents: 1.1.2
+  checksum: 5408207afc6cc8924e9466cb9dc0e75eb5af6c053242b6f8e8605cf8f3e58b043d5d81256640abe75b317e76c2a24697b9ec727d39b72889ebe6cb443bf64ff3
+  languageName: node
+  linkType: hard
+
+"mdast-util-definitions@npm:^4.0.0":
+  version: 4.0.0
+  resolution: "mdast-util-definitions@npm:4.0.0"
+  dependencies:
+    unist-util-visit: ^2.0.0
+  checksum: 2325f20b82b3fb8cb5fda77038ee0bbdd44f82cfca7c48a854724b58bc1fe5919630a3ce7c45e210726df59d46c881d020b2da7a493bfd1ee36eb2bbfef5d78e
+  languageName: node
+  linkType: hard
+
+"mdast-util-find-and-replace@npm:^1.1.0":
+  version: 1.1.1
+  resolution: "mdast-util-find-and-replace@npm:1.1.1"
+  dependencies:
+    escape-string-regexp: ^4.0.0
+    unist-util-is: ^4.0.0
+    unist-util-visit-parents: ^3.0.0
+  checksum: e4c9e50d9bce5ae4c728a925bd60080b94d16aaa312c27e2b70b16ddc29a5d0a0844d6e18efaef08aeb22c68303ec528f20183d1b0420504a0c2c1710cebd76f
+  languageName: node
+  linkType: hard
+
+"mdast-util-from-markdown@npm:^0.8.0":
+  version: 0.8.4
+  resolution: "mdast-util-from-markdown@npm:0.8.4"
+  dependencies:
+    "@types/mdast": ^3.0.0
+    mdast-util-to-string: ^2.0.0
+    micromark: ~2.11.0
+    parse-entities: ^2.0.0
+    unist-util-stringify-position: ^2.0.0
+  checksum: 8851ba144de38e71bd84ee66faecf3e30c2431036189e02b748aa0516dda2969f223f391b0d2a790a1b4e526f5d2d2b148d999bcd3a682e7b59f57a91bc1f123
+  languageName: node
+  linkType: hard
+
+"mdast-util-gfm-autolink-literal@npm:^0.1.0":
+  version: 0.1.3
+  resolution: "mdast-util-gfm-autolink-literal@npm:0.1.3"
+  dependencies:
+    ccount: ^1.0.0
+    mdast-util-find-and-replace: ^1.1.0
+    micromark: ^2.11.3
+  checksum: 9f7b888678631fd8c0a522b0689a750aead2b05d57361dbdf02c10381557f1ce874f746226141f3ace1e0e7952495e8d5ce8f9af423a7a66bb300d4635a918eb
+  languageName: node
+  linkType: hard
+
+"mdast-util-gfm-strikethrough@npm:^0.2.0":
+  version: 0.2.3
+  resolution: "mdast-util-gfm-strikethrough@npm:0.2.3"
+  dependencies:
+    mdast-util-to-markdown: ^0.6.0
+  checksum: 51aa11ca8f1a5745f1eb9ccddb0eca797b3ede6f0c7bf355d594ad57c02c98d95260f00b1c4b07504018e0b22708531eabb76037841f09ce8465444706a06522
+  languageName: node
+  linkType: hard
+
+"mdast-util-gfm-table@npm:^0.1.0":
+  version: 0.1.6
+  resolution: "mdast-util-gfm-table@npm:0.1.6"
+  dependencies:
+    markdown-table: ^2.0.0
+    mdast-util-to-markdown: ~0.6.0
+  checksum: eeb43faf833753315b4ccf8d7bc8a6845b31562b2d2dd12a92aa40f9cee1b1954643c7515399a98f9b2e143c95cf6b5c0aac5941a4f609d6a57335587cee99ac
+  languageName: node
+  linkType: hard
+
+"mdast-util-gfm-task-list-item@npm:^0.1.0":
+  version: 0.1.6
+  resolution: "mdast-util-gfm-task-list-item@npm:0.1.6"
+  dependencies:
+    mdast-util-to-markdown: ~0.6.0
+  checksum: c10480c0ae86547980b38b49fba2ecd36a50bf1f3478d3f12810a0d8e8f821585c2bd7d805dd735518e84493b5eef314afdb8d59807021e2d9aa22d077eb7588
+  languageName: node
+  linkType: hard
+
+"mdast-util-gfm@npm:^0.1.0":
+  version: 0.1.2
+  resolution: "mdast-util-gfm@npm:0.1.2"
+  dependencies:
+    mdast-util-gfm-autolink-literal: ^0.1.0
+    mdast-util-gfm-strikethrough: ^0.2.0
+    mdast-util-gfm-table: ^0.1.0
+    mdast-util-gfm-task-list-item: ^0.1.0
+    mdast-util-to-markdown: ^0.6.1
+  checksum: 368ed535b2c2e0f33d0225a9e9c985468bf4825a06896815369aea585f6defaccb555ac40ba911e02c8e8c47e79f7efb4348de532de50bca2638a1e568f2d3c9
+  languageName: node
+  linkType: hard
+
+"mdast-util-to-hast@npm:^10.0.0":
+  version: 10.2.0
+  resolution: "mdast-util-to-hast@npm:10.2.0"
+  dependencies:
+    "@types/mdast": ^3.0.0
+    "@types/unist": ^2.0.0
+    mdast-util-definitions: ^4.0.0
+    mdurl: ^1.0.0
+    unist-builder: ^2.0.0
+    unist-util-generated: ^1.0.0
+    unist-util-position: ^3.0.0
+    unist-util-visit: ^2.0.0
+  checksum: 72df2dd9bfa2d07b4750a333444f82e0f3752dae75b6e300cf0a716407a185eb75095a54ecad90cbd6f6d133b20dea8844ff76c1ea78612550de170b43d4fa85
+  languageName: node
+  linkType: hard
+
+"mdast-util-to-markdown@npm:^0.6.0, mdast-util-to-markdown@npm:^0.6.1, mdast-util-to-markdown@npm:~0.6.0":
+  version: 0.6.5
+  resolution: "mdast-util-to-markdown@npm:0.6.5"
+  dependencies:
+    "@types/unist": ^2.0.0
+    longest-streak: ^2.0.0
+    mdast-util-to-string: ^2.0.0
+    parse-entities: ^2.0.0
+    repeat-string: ^1.0.0
+    zwitch: ^1.0.0
+  checksum: 7ebc47533bff6e8669f85ae124dc521ea570e9df41c0d9e4f0f43c19ef4a8c9928d741f3e4afa62fcca1927479b714582ff5fd684ef240d84ee5b75ab9d863cf
+  languageName: node
+  linkType: hard
+
+"mdast-util-to-string@npm:^2.0.0":
+  version: 2.0.0
+  resolution: "mdast-util-to-string@npm:2.0.0"
+  checksum: 0b2113ada10e002fbccb014170506dabe2f2ddacaacbe4bc1045c33f986652c5a162732a2c057c5335cdb58419e2ad23e368e5be226855d4d4e280b81c4e9ec2
+  languageName: node
+  linkType: hard
+
+"mdurl@npm:^1.0.0":
+  version: 1.0.1
+  resolution: "mdurl@npm:1.0.1"
+  checksum: 71731ecba943926bfbf9f9b51e28b5945f9411c4eda80894221b47cc105afa43ba2da820732b436f0798fd3edbbffcd1fc1415843c41a87fea08a41cc1e3d02b
+  languageName: node
+  linkType: hard
+
+"media-typer@npm:0.3.0":
+  version: 0.3.0
+  resolution: "media-typer@npm:0.3.0"
+  checksum: af1b38516c28ec95d6b0826f6c8f276c58aec391f76be42aa07646b4e39d317723e869700933ca6995b056db4b09a78c92d5440dc23657e6764be5d28874bba1
+  languageName: node
+  linkType: hard
+
+"memfs@npm:^3.4.1":
+  version: 3.4.1
+  resolution: "memfs@npm:3.4.1"
+  dependencies:
+    fs-monkey: 1.0.3
+  checksum: 6d2f49d447d1be24ff9c747618933784eeb059189bc6a0d77b7a51c7daf06e2d3a74674a2e2ff1520e2c312bf91e719ed37144cf05087379b3ba0aef0b6aa062
+  languageName: node
+  linkType: hard
+
+"memoize-one@npm:^5.1.1":
+  version: 5.1.1
+  resolution: "memoize-one@npm:5.1.1"
+  checksum: 51a8e96cd94614909e1656843ecb9307440fbfa64994be12978bb30bc190f8e66010cb7a35d3ee641a52302ce701dcea990b636ea2ef3c1cf94a50b4651f5446
+  languageName: node
+  linkType: hard
+
+"meow@npm:^7.0.1":
+  version: 7.1.1
+  resolution: "meow@npm:7.1.1"
+  dependencies:
+    "@types/minimist": ^1.2.0
+    camelcase-keys: ^6.2.2
+    decamelize-keys: ^1.1.0
+    hard-rejection: ^2.1.0
+    minimist-options: 4.1.0
+    normalize-package-data: ^2.5.0
+    read-pkg-up: ^7.0.1
+    redent: ^3.0.0
+    trim-newlines: ^3.0.0
+    type-fest: ^0.13.1
+    yargs-parser: ^18.1.3
+  checksum: 87bba177ab858a9b606ee52220e6bf395277beebafefe8ab5dbdf178f5825274a24ca16dca7e0ddd41e5ac3533164ee52e3d0eec87b66d78aae796d24a817842
+  languageName: node
+  linkType: hard
+
+"merge-descriptors@npm:1.0.1":
+  version: 1.0.1
+  resolution: "merge-descriptors@npm:1.0.1"
+  checksum: 5abc259d2ae25bb06d19ce2b94a21632583c74e2a9109ee1ba7fd147aa7362b380d971e0251069f8b3eb7d48c21ac839e21fa177b335e82c76ec172e30c31a26
+  languageName: node
+  linkType: hard
+
+"merge-source-map@npm:^1.1.0":
+  version: 1.1.0
+  resolution: "merge-source-map@npm:1.1.0"
+  dependencies:
+    source-map: ^0.6.1
+  checksum: 945a83dcc59eff77dde709be1d3d6cb575c11cd7164a7ccdc1c6f0d463aad7c12750a510bdf84af2c05fac4615c4305d97ac90477975348bb901a905c8e92c4b
+  languageName: node
+  linkType: hard
+
+"merge-stream@npm:^2.0.0":
+  version: 2.0.0
+  resolution: "merge-stream@npm:2.0.0"
+  checksum: 6fa4dcc8d86629705cea944a4b88ef4cb0e07656ebf223fa287443256414283dd25d91c1cd84c77987f2aec5927af1a9db6085757cb43d90eb170ebf4b47f4f4
+  languageName: node
+  linkType: hard
+
+"merge2@npm:^1.3.0, merge2@npm:^1.4.1":
+  version: 1.4.1
+  resolution: "merge2@npm:1.4.1"
+  checksum: 7268db63ed5169466540b6fb947aec313200bcf6d40c5ab722c22e242f651994619bcd85601602972d3c85bd2cc45a358a4c61937e9f11a061919a1da569b0c2
+  languageName: node
+  linkType: hard
+
+"methods@npm:~1.1.2":
+  version: 1.1.2
+  resolution: "methods@npm:1.1.2"
+  checksum: 0917ff4041fa8e2f2fda5425a955fe16ca411591fbd123c0d722fcf02b73971ed6f764d85f0a6f547ce49ee0221ce2c19a5fa692157931cecb422984f1dcd13a
+  languageName: node
+  linkType: hard
+
+"micromark-extension-gfm-autolink-literal@npm:~0.5.0":
+  version: 0.5.7
+  resolution: "micromark-extension-gfm-autolink-literal@npm:0.5.7"
+  dependencies:
+    micromark: ~2.11.3
+  checksum: 319ec793c2e374e4cc0cbbb07326c1affb78819e507c7c1577f9d14b972852a6bb55e664332ec51f7cca24bdddd43429c5dd55f11e9200b1a00bab1bf494fb2d
+  languageName: node
+  linkType: hard
+
+"micromark-extension-gfm-strikethrough@npm:~0.6.5":
+  version: 0.6.5
+  resolution: "micromark-extension-gfm-strikethrough@npm:0.6.5"
+  dependencies:
+    micromark: ~2.11.0
+  checksum: 67711633590d3e688759a46aaed9f9d04bcaf29b6615eec17af082eabe1059fbca4beb41ba13db418ae7be3ac90198742fbabe519a70f9b6bb615598c5d6ef1a
+  languageName: node
+  linkType: hard
+
+"micromark-extension-gfm-table@npm:~0.4.0":
+  version: 0.4.3
+  resolution: "micromark-extension-gfm-table@npm:0.4.3"
+  dependencies:
+    micromark: ~2.11.0
+  checksum: 12c78de985944dd66aae409871c45d801cc65704f55ea5cc8afac422042c6d3b5e777b154c079ae81298b30b83434b257b54981bda51c220a102042dd2524a63
+  languageName: node
+  linkType: hard
+
+"micromark-extension-gfm-tagfilter@npm:~0.3.0":
+  version: 0.3.0
+  resolution: "micromark-extension-gfm-tagfilter@npm:0.3.0"
+  checksum: 9369736a203836b2933dfdeacab863e7a4976139b9dd46fa5bd6c2feeef50c7dbbcdd641ae95f0481f577d8aa22396bfa7ed9c38515647d4cf3f2c727cc094a3
+  languageName: node
+  linkType: hard
+
+"micromark-extension-gfm-task-list-item@npm:~0.3.0":
+  version: 0.3.3
+  resolution: "micromark-extension-gfm-task-list-item@npm:0.3.3"
+  dependencies:
+    micromark: ~2.11.0
+  checksum: e4ccbe6b440234c8ee05d89315e1204c78773724241af31ac328194470a8a61bc6606eab3ce2d9a83da4401b06e07936038654493da715d40522133d1556dda4
+  languageName: node
+  linkType: hard
+
+"micromark-extension-gfm@npm:^0.3.0":
+  version: 0.3.3
+  resolution: "micromark-extension-gfm@npm:0.3.3"
+  dependencies:
+    micromark: ~2.11.0
+    micromark-extension-gfm-autolink-literal: ~0.5.0
+    micromark-extension-gfm-strikethrough: ~0.6.5
+    micromark-extension-gfm-table: ~0.4.0
+    micromark-extension-gfm-tagfilter: ~0.3.0
+    micromark-extension-gfm-task-list-item: ~0.3.0
+  checksum: 7957a1afd8c92daa0fc165342902729334b22d59feacd85b20a0d9cc453c90bbdd5b5ba85a3d177c01802060aeb3326daf05d3e6d95932fcbc8371827c98336e
+  languageName: node
+  linkType: hard
+
+"micromark@npm:^2.11.3, micromark@npm:~2.11.0, micromark@npm:~2.11.3":
+  version: 2.11.4
+  resolution: "micromark@npm:2.11.4"
+  dependencies:
+    debug: ^4.0.0
+    parse-entities: ^2.0.0
+  checksum: f8a5477d394908a5d770227aea71657a76423d420227c67ea0699e659a5f62eb39d504c1f7d69ec525a6af5aaeb6a7bffcdba95614968c03d41d3851edecb0d6
+  languageName: node
+  linkType: hard
+
+"micromatch@npm:^4.0.2, micromatch@npm:^4.0.4":
+  version: 4.0.4
+  resolution: "micromatch@npm:4.0.4"
+  dependencies:
+    braces: ^3.0.1
+    picomatch: ^2.2.3
+  checksum: ef3d1c88e79e0a68b0e94a03137676f3324ac18a908c245a9e5936f838079fcc108ac7170a5fadc265a9c2596963462e402841406bda1a4bb7b68805601d631c
+  languageName: node
+  linkType: hard
+
+"miller-rabin@npm:^4.0.0":
+  version: 4.0.1
+  resolution: "miller-rabin@npm:4.0.1"
+  dependencies:
+    bn.js: ^4.0.0
+    brorand: ^1.0.1
+  bin:
+    miller-rabin: bin/miller-rabin
+  checksum: 00cd1ab838ac49b03f236cc32a14d29d7d28637a53096bf5c6246a032a37749c9bd9ce7360cbf55b41b89b7d649824949ff12bc8eee29ac77c6b38eada619ece
+  languageName: node
+  linkType: hard
+
+"mime-db@npm:1.52.0, mime-db@npm:>= 1.43.0 < 2":
+  version: 1.52.0
+  resolution: "mime-db@npm:1.52.0"
+  checksum: 0d99a03585f8b39d68182803b12ac601d9c01abfa28ec56204fa330bc9f3d1c5e14beb049bafadb3dbdf646dfb94b87e24d4ec7b31b7279ef906a8ea9b6a513f
+  languageName: node
+  linkType: hard
+
+"mime-types@npm:^2.1.12, mime-types@npm:^2.1.16, mime-types@npm:^2.1.27, mime-types@npm:^2.1.31, mime-types@npm:~2.1.17, mime-types@npm:~2.1.19, mime-types@npm:~2.1.24, mime-types@npm:~2.1.34":
+  version: 2.1.35
+  resolution: "mime-types@npm:2.1.35"
+  dependencies:
+    mime-db: 1.52.0
+  checksum: 89a5b7f1def9f3af5dad6496c5ed50191ae4331cc5389d7c521c8ad28d5fdad2d06fd81baf38fed813dc4e46bb55c8145bb0ff406330818c9cf712fb2e9b3836
+  languageName: node
+  linkType: hard
+
+"mime@npm:1.6.0":
+  version: 1.6.0
+  resolution: "mime@npm:1.6.0"
+  bin:
+    mime: cli.js
+  checksum: fef25e39263e6d207580bdc629f8872a3f9772c923c7f8c7e793175cee22777bbe8bba95e5d509a40aaa292d8974514ce634ae35769faa45f22d17edda5e8557
+  languageName: node
+  linkType: hard
+
+"mime@npm:^2.4.6, mime@npm:^2.5.2":
+  version: 2.5.2
+  resolution: "mime@npm:2.5.2"
+  bin:
+    mime: cli.js
+  checksum: dd3c93d433d41a09f6a1cfa969b653b769899f3bd573e7bfcea33bdc8b0cc4eba57daa2f95937369c2bd2b6d39d62389b11a4309fe40d1d3a1b736afdedad0ff
+  languageName: node
+  linkType: hard
+
+"mimic-fn@npm:^2.1.0":
+  version: 2.1.0
+  resolution: "mimic-fn@npm:2.1.0"
+  checksum: d2421a3444848ce7f84bd49115ddacff29c15745db73f54041edc906c14b131a38d05298dae3081667627a59b2eb1ca4b436ff2e1b80f69679522410418b478a
+  languageName: node
+  linkType: hard
+
+"mimic-response@npm:^1.0.0, mimic-response@npm:^1.0.1":
+  version: 1.0.1
+  resolution: "mimic-response@npm:1.0.1"
+  checksum: 034c78753b0e622bc03c983663b1cdf66d03861050e0c8606563d149bc2b02d63f62ce4d32be4ab50d0553ae0ffe647fc34d1f5281184c6e1e8cf4d85e8d9823
+  languageName: node
+  linkType: hard
+
+"mimic-response@npm:^2.0.0":
+  version: 2.1.0
+  resolution: "mimic-response@npm:2.1.0"
+  checksum: 014fad6ab936657e5f2f48bd87af62a8e928ebe84472aaf9e14fec4fcb31257a5edff77324d8ac13ddc6685ba5135cf16e381efac324e5f174fb4ddbf902bf07
+  languageName: node
+  linkType: hard
+
+"mimic-response@npm:^3.1.0":
+  version: 3.1.0
+  resolution: "mimic-response@npm:3.1.0"
+  checksum: 25739fee32c17f433626bf19f016df9036b75b3d84a3046c7d156e72ec963dd29d7fc8a302f55a3d6c5a4ff24259676b15d915aad6480815a969ff2ec0836867
+  languageName: node
+  linkType: hard
+
+"min-document@npm:^2.19.0":
+  version: 2.19.0
+  resolution: "min-document@npm:2.19.0"
+  dependencies:
+    dom-walk: ^0.1.0
+  checksum: da6437562ea2228041542a2384528e74e22d1daa1a4ec439c165abf0b9d8a63e17e3b8a6dc6e0c731845e85301198730426932a0e813d23f932ca668340c9623
+  languageName: node
+  linkType: hard
+
+"min-indent@npm:^1.0.0":
+  version: 1.0.1
+  resolution: "min-indent@npm:1.0.1"
+  checksum: bfc6dd03c5eaf623a4963ebd94d087f6f4bbbfd8c41329a7f09706b0cb66969c4ddd336abeb587bc44bc6f08e13bf90f0b374f9d71f9f01e04adc2cd6f083ef1
+  languageName: node
+  linkType: hard
+
+"mini-create-react-context@npm:^0.4.0":
+  version: 0.4.1
+  resolution: "mini-create-react-context@npm:0.4.1"
+  dependencies:
+    "@babel/runtime": ^7.12.1
+    tiny-warning: ^1.0.3
+  peerDependencies:
+    prop-types: ^15.0.0
+    react: ^0.14.0 || ^15.0.0 || ^16.0.0 || ^17.0.0
+  checksum: f8cb2c7738aac355fe9ce7e8425f371b7fa90daddd5133edda4ccfdc18c49043b2ec04be6f3abf09b60a0f52549d54f158d5bfd81cdfb1a658531e5b9fe7bc6a
+  languageName: node
+  linkType: hard
+
+"mini-css-extract-plugin@npm:^2.6.0":
+  version: 2.6.0
+  resolution: "mini-css-extract-plugin@npm:2.6.0"
+  dependencies:
+    schema-utils: ^4.0.0
+  peerDependencies:
+    webpack: ^5.0.0
+  checksum: ea73bd66558de7a37db094fe68fa130e7a725ab15f880ff8467a75d9c4c2f1576d20720088ea22af9922a94b8600bbfef0c6acaf10d12a32a9bd20a90ba3c35f
+  languageName: node
+  linkType: hard
+
+"minimalistic-assert@npm:^1.0.0, minimalistic-assert@npm:^1.0.1":
+  version: 1.0.1
+  resolution: "minimalistic-assert@npm:1.0.1"
+  checksum: cc7974a9268fbf130fb055aff76700d7e2d8be5f761fb5c60318d0ed010d839ab3661a533ad29a5d37653133385204c503bfac995aaa4236f4e847461ea32ba7
+  languageName: node
+  linkType: hard
+
+"minimalistic-crypto-utils@npm:^1.0.1":
+  version: 1.0.1
+  resolution: "minimalistic-crypto-utils@npm:1.0.1"
+  checksum: 6e8a0422b30039406efd4c440829ea8f988845db02a3299f372fceba56ffa94994a9c0f2fd70c17f9969eedfbd72f34b5070ead9656a34d3f71c0bd72583a0ed
+  languageName: node
+  linkType: hard
+
+"minimatch@npm:2 || 3, minimatch@npm:^3.0.4, minimatch@npm:^3.1.2":
+  version: 3.1.2
+  resolution: "minimatch@npm:3.1.2"
+  dependencies:
+    brace-expansion: ^1.1.7
+  checksum: c154e566406683e7bcb746e000b84d74465b3a832c45d59912b9b55cd50dee66e5c4b1e5566dba26154040e51672f9aa450a9aef0c97cfc7336b78b7afb9540a
+  languageName: node
+  linkType: hard
+
+"minimatch@npm:3.0.4":
+  version: 3.0.4
+  resolution: "minimatch@npm:3.0.4"
+  dependencies:
+    brace-expansion: ^1.1.7
+  checksum: 66ac295f8a7b59788000ea3749938b0970344c841750abd96694f80269b926ebcafad3deeb3f1da2522978b119e6ae3a5869b63b13a7859a456b3408bd18a078
+  languageName: node
+  linkType: hard
+
+"minimatch@npm:^5.0.1":
+  version: 5.0.1
+  resolution: "minimatch@npm:5.0.1"
+  dependencies:
+    brace-expansion: ^2.0.1
+  checksum: b34b98463da4754bc526b244d680c69d4d6089451ebe512edaf6dd9eeed0279399cfa3edb19233513b8f830bf4bfcad911dddcdf125e75074100d52f724774f0
+  languageName: node
+  linkType: hard
+
+"minimist-options@npm:4.1.0":
+  version: 4.1.0
+  resolution: "minimist-options@npm:4.1.0"
+  dependencies:
+    arrify: ^1.0.1
+    is-plain-obj: ^1.1.0
+    kind-of: ^6.0.3
+  checksum: 8c040b3068811e79de1140ca2b708d3e203c8003eb9a414c1ab3cd467fc5f17c9ca02a5aef23bedc51a7f8bfbe77f87e9a7e31ec81fba304cda675b019496f4e
+  languageName: node
+  linkType: hard
+
+"minimist@npm:^1.2.0, minimist@npm:^1.2.3, minimist@npm:^1.2.5, minimist@npm:^1.2.6":
+  version: 1.2.6
+  resolution: "minimist@npm:1.2.6"
+  checksum: d15428cd1e11eb14e1233bcfb88ae07ed7a147de251441d61158619dfb32c4d7e9061d09cab4825fdee18ecd6fce323228c8c47b5ba7cd20af378ca4048fb3fb
+  languageName: node
+  linkType: hard
+
+"minipass@npm:^2.6.0, minipass@npm:^2.9.0":
+  version: 2.9.0
+  resolution: "minipass@npm:2.9.0"
+  dependencies:
+    safe-buffer: ^5.1.2
+    yallist: ^3.0.0
+  checksum: 077b66f31ba44fd5a0d27d12a9e6a86bff8f97a4978dedb0373167156b5599fadb6920fdde0d9f803374164d810e05e8462ce28e86abbf7f0bea293a93711fc6
+  languageName: node
+  linkType: hard
+
+"minipass@npm:^3.0.0":
+  version: 3.1.3
+  resolution: "minipass@npm:3.1.3"
+  dependencies:
+    yallist: ^4.0.0
+  checksum: 74b623c1f996caafa66772301b66a1b634b20270f0d1a731ef86195d5a1a5f9984a773a1e88a6cecfd264d6c471c4c0fc8574cd96488f01c8f74c0b600021e55
+  languageName: node
+  linkType: hard
+
+"minizlib@npm:^1.3.3":
+  version: 1.3.3
+  resolution: "minizlib@npm:1.3.3"
+  dependencies:
+    minipass: ^2.9.0
+  checksum: b0425c04d2ae6aad5027462665f07cc0d52075f7fa16e942b4611115f9b31f02924073b7221be6f75929d3c47ab93750c63f6dc2bbe8619ceacb3de1f77732c0
+  languageName: node
+  linkType: hard
+
+"minizlib@npm:^2.1.1":
+  version: 2.1.2
+  resolution: "minizlib@npm:2.1.2"
+  dependencies:
+    minipass: ^3.0.0
+    yallist: ^4.0.0
+  checksum: f1fdeac0b07cf8f30fcf12f4b586795b97be856edea22b5e9072707be51fc95d41487faec3f265b42973a304fe3a64acd91a44a3826a963e37b37bafde0212c3
+  languageName: node
+  linkType: hard
+
+"mkdirp-classic@npm:^0.5.2, mkdirp-classic@npm:^0.5.3":
+  version: 0.5.3
+  resolution: "mkdirp-classic@npm:0.5.3"
+  checksum: 3f4e088208270bbcc148d53b73e9a5bd9eef05ad2cbf3b3d0ff8795278d50dd1d11a8ef1875ff5aea3fa888931f95bfcb2ad5b7c1061cfefd6284d199e6776ac
+  languageName: node
+  linkType: hard
+
+"mkdirp-promise@npm:^5.0.1":
+  version: 5.0.1
+  resolution: "mkdirp-promise@npm:5.0.1"
+  dependencies:
+    mkdirp: "*"
+  checksum: 31ddc9478216adf6d6bee9ea7ce9ccfe90356d9fcd1dfb18128eac075390b4161356d64c3a7b0a75f9de01a90aadd990a0ec8c7434036563985c4b853a053ee2
+  languageName: node
+  linkType: hard
+
+"mkdirp@npm:*, mkdirp@npm:^1.0.3, mkdirp@npm:^1.0.4":
+  version: 1.0.4
+  resolution: "mkdirp@npm:1.0.4"
+  bin:
+    mkdirp: bin/cmd.js
+  checksum: a96865108c6c3b1b8e1d5e9f11843de1e077e57737602de1b82030815f311be11f96f09cce59bd5b903d0b29834733e5313f9301e3ed6d6f6fba2eae0df4298f
+  languageName: node
+  linkType: hard
+
+"mkdirp@npm:^0.5.0, mkdirp@npm:^0.5.1, mkdirp@npm:^0.5.4, mkdirp@npm:^0.5.5":
+  version: 0.5.5
+  resolution: "mkdirp@npm:0.5.5"
+  dependencies:
+    minimist: ^1.2.5
+  bin:
+    mkdirp: bin/cmd.js
+  checksum: 3bce20ea525f9477befe458ab85284b0b66c8dc3812f94155af07c827175948cdd8114852ac6c6d82009b13c1048c37f6d98743eb019651ee25c39acc8aabe7d
+  languageName: node
+  linkType: hard
+
+"mock-fs@npm:^4.1.0":
+  version: 4.14.0
+  resolution: "mock-fs@npm:4.14.0"
+  checksum: dccd976a8d753e19d3c7602ea422d1f7137def3c1128c177e1f5500fe8c50ec15fe0937cfc3a15c4577fe7adb9a37628b92da9294d13d90f08be4b669b0fca76
+  languageName: node
+  linkType: hard
+
+"mock-socket@npm:^9.1.2":
+  version: 9.1.2
+  resolution: "mock-socket@npm:9.1.2"
+  checksum: ef25dbd57b7360a0c1e0bb072aa0d73ac53d11d88c1efebedd48da006ccff77327628d707fecf651906e81cc488e8929c733bdb9f2c4c4f3772e99d6b903aace
+  languageName: node
+  linkType: hard
+
+"module-definition@npm:^3.3.1":
+  version: 3.3.1
+  resolution: "module-definition@npm:3.3.1"
+  dependencies:
+    ast-module-types: ^2.7.1
+    node-source-walk: ^4.0.0
+  bin:
+    module-definition: bin/module-definition.js
+  checksum: f1c0587983aecb650c8e761b6defde383d308d2664c27f8e90b855b9a0d3415010dcaa46643fbe4c9761c8978978fd6f65315834b702544d7cec9af84b0a7528
+  languageName: node
+  linkType: hard
+
+"module-lookup-amd@npm:^7.0.0":
+  version: 7.0.1
+  resolution: "module-lookup-amd@npm:7.0.1"
+  dependencies:
+    commander: ^2.8.1
+    debug: ^4.1.0
+    glob: ^7.1.6
+    requirejs: ^2.3.5
+    requirejs-config-file: ^4.0.0
+  bin:
+    lookup-amd: bin/cli.js
+  checksum: 911abd6b8fb1d82cfae4ef38050981d4eb7e710bfeba898903c5c49a4d3a44b3cacb6201ddf9930a39fae3473faf9b96d39930cfa8766dbf0da86689108895b1
+  languageName: node
+  linkType: hard
+
+"moment@npm:^2.10.2":
+  version: 2.29.1
+  resolution: "moment@npm:2.29.1"
+  checksum: 1e14d5f422a2687996be11dd2d50c8de3bd577c4a4ca79ba5d02c397242a933e5b941655de6c8cb90ac18f01cc4127e55b4a12ae3c527a6c0a274e455979345e
+  languageName: node
+  linkType: hard
+
+"moonbeam-types-bundle@npm:2.0.3":
+  version: 2.0.3
+  resolution: "moonbeam-types-bundle@npm:2.0.3"
+  dependencies:
+    "@polkadot/api": ^6.11.1
+    "@polkadot/keyring": ^7.8.2
+    "@polkadot/types": ^6.11.1
+    typescript: ^4.5.2
+  checksum: 49ec1258d3512641b053ed33e7420d9fbaade1615dbbc2202bc8ca7d40cfa462afc90e9f624e549ec59774fcf11502412ebdf9e34e041cec7d780c5d535a28f5
+  languageName: node
+  linkType: hard
+
+"ms@npm:2.0.0":
+  version: 2.0.0
+  resolution: "ms@npm:2.0.0"
+  checksum: 0e6a22b8b746d2e0b65a430519934fefd41b6db0682e3477c10f60c76e947c4c0ad06f63ffdf1d78d335f83edee8c0aa928aa66a36c7cd95b69b26f468d527f4
+  languageName: node
+  linkType: hard
+
+"ms@npm:2.1.2":
+  version: 2.1.2
+  resolution: "ms@npm:2.1.2"
+  checksum: 673cdb2c3133eb050c745908d8ce632ed2c02d85640e2edb3ace856a2266a813b30c613569bf3354fdf4ea7d1a1494add3bfa95e2713baa27d0c2c71fc44f58f
+  languageName: node
+  linkType: hard
+
+"ms@npm:2.1.3, ms@npm:^2.1.1":
+  version: 2.1.3
+  resolution: "ms@npm:2.1.3"
+  checksum: aa92de608021b242401676e35cfa5aa42dd70cbdc082b916da7fb925c542173e36bce97ea3e804923fe92c0ad991434e4a38327e15a1b5b5f945d66df615ae6d
+  languageName: node
+  linkType: hard
+
+"multiaddr@npm:^10.0.0":
+  version: 10.0.1
+  resolution: "multiaddr@npm:10.0.1"
+  dependencies:
+    dns-over-http-resolver: ^1.2.3
+    err-code: ^3.0.1
+    is-ip: ^3.1.0
+    multiformats: ^9.4.5
+    uint8arrays: ^3.0.0
+    varint: ^6.0.0
+  checksum: d53aaf7efd52ee5e6413ef36ececd29239ceb5c1f048c1fa9b820442226dc232067312d25e509a2571a14047465fb934dd35029c7f3166f4d02d13e3c501925d
+  languageName: node
+  linkType: hard
+
+"multiaddr@npm:^7.2.1, multiaddr@npm:^7.3.0":
+  version: 7.5.0
+  resolution: "multiaddr@npm:7.5.0"
+  dependencies:
+    buffer: ^5.5.0
+    cids: ~0.8.0
+    class-is: ^1.1.0
+    is-ip: ^3.1.0
+    multibase: ^0.7.0
+    varint: ^5.0.0
+  checksum: b1228f75af074f7797c37e5701c32732ccbb8828543d24f1a4b39a164c9407d8ae3a6783860fffd5956939d34acf21f76dae426c2dd6f5f598482c70eeae31cc
+  languageName: node
+  linkType: hard
+
+"multibase@npm:^0.7.0":
+  version: 0.7.0
+  resolution: "multibase@npm:0.7.0"
+  dependencies:
+    base-x: ^3.0.8
+    buffer: ^5.5.0
+  checksum: 3a520897d706b3064b59ddee286a9e1a5b35bb19bd830f93d7ddecdbf69fa46648c8fda0fec49a5d4640b8b7ac9d5fe360417d6de2906599aa535f55bf6b8e58
+  languageName: node
+  linkType: hard
+
+"multibase@npm:^1.0.0, multibase@npm:^1.0.1":
+  version: 1.0.1
+  resolution: "multibase@npm:1.0.1"
+  dependencies:
+    base-x: ^3.0.8
+    buffer: ^5.5.0
+  checksum: 5d34398f81dca137aafe65a171ed5d637cf789bebb4fd33e11c186bfecbe6435a3d4f5c0cf15282607215ccc3a55ff4150a42067e7bc7756a42554e5fbc6d0d5
+  languageName: node
+  linkType: hard
+
+"multibase@npm:~0.6.0":
+  version: 0.6.1
+  resolution: "multibase@npm:0.6.1"
+  dependencies:
+    base-x: ^3.0.8
+    buffer: ^5.5.0
+  checksum: 0e25a978d2b5cf73e4cce31d032bad85230ea99e9394d259210f676a76539316e7c51bd7dcc9d83523ec7ea1f0e7a3353c5f69397639d78be9acbefa29431faa
+  languageName: node
+  linkType: hard
+
+"multicast-dns@npm:^7.2.4":
+  version: 7.2.4
+  resolution: "multicast-dns@npm:7.2.4"
+  dependencies:
+    dns-packet: ^5.2.2
+    thunky: ^1.0.2
+  bin:
+    multicast-dns: cli.js
+  checksum: 45a78628a8f26479c4018122d689a8b22aff034699a1913dac0b9891e4111162b3222c85bba642d624270a90e51129607f1e41aa701e0108cc974246bc9fe828
+  languageName: node
+  linkType: hard
+
+"multicodec@npm:^0.5.5":
+  version: 0.5.7
+  resolution: "multicodec@npm:0.5.7"
+  dependencies:
+    varint: ^5.0.0
+  checksum: 5af1febc3bb5381c303c964a4c3bacb9d0d16615599426d58c68722c46e66a7085082995479943084322028324ad692cd70ea14b5eefb2791d325fa00ead04a3
+  languageName: node
+  linkType: hard
+
+"multicodec@npm:^1.0.0, multicodec@npm:^1.0.1":
+  version: 1.0.4
+  resolution: "multicodec@npm:1.0.4"
+  dependencies:
+    buffer: ^5.6.0
+    varint: ^5.0.0
+  checksum: e6a2916fa76c023b1c90b32ae74f8a781cf0727f71660b245a5ed1db46add6f2ce1586bee5713b16caf0a724e81bfe0678d89910c20d3bb5fd9649dacb2be79e
+  languageName: node
+  linkType: hard
+
+"multiformats@npm:^9.0.0, multiformats@npm:^9.4.2, multiformats@npm:^9.4.5":
+  version: 9.6.4
+  resolution: "multiformats@npm:9.6.4"
+  checksum: b3b8e481112379d6f3aace199a06e6974dfe3ed4e2100a0effe19fef936ba31704382356df6278a3922b5cb47fcfefe3e5bc54e5bebef35272e3503bad3c62ba
+  languageName: node
+  linkType: hard
+
+"multihashes@npm:^0.4.15, multihashes@npm:~0.4.13, multihashes@npm:~0.4.15":
+  version: 0.4.21
+  resolution: "multihashes@npm:0.4.21"
+  dependencies:
+    buffer: ^5.5.0
+    multibase: ^0.7.0
+    varint: ^5.0.0
+  checksum: 688731560cf7384e899dc75c0da51e426eb7d058c5ea5eb57b224720a1108deb8797f1cd7f45599344d512d2877de99dd6a7b7773a095812365dea4ffe6ebd4c
+  languageName: node
+  linkType: hard
+
+"multihashes@npm:^1.0.1":
+  version: 1.0.1
+  resolution: "multihashes@npm:1.0.1"
+  dependencies:
+    buffer: ^5.6.0
+    multibase: ^1.0.1
+    varint: ^5.0.0
+  checksum: 21e338dfb23900f7c038ac708fab598b33bc3d8d02f636ff753969c575b934f979dec76936ca142c6fd126a8bd030f7f391a44a3681c92cab28311c8b0b70589
+  languageName: node
+  linkType: hard
+
+"mute-stream@npm:0.0.8, mute-stream@npm:~0.0.4":
+  version: 0.0.8
+  resolution: "mute-stream@npm:0.0.8"
+  checksum: ff48d251fc3f827e5b1206cda0ffdaec885e56057ee86a3155e1951bc940fd5f33531774b1cc8414d7668c10a8907f863f6561875ee6e8768931a62121a531a1
+  languageName: node
+  linkType: hard
+
+"nan@npm:^2.13.2, nan@npm:^2.14.0, nan@npm:^2.14.1, nan@npm:^2.15.0":
+  version: 2.15.0
+  resolution: "nan@npm:2.15.0"
+  dependencies:
+    node-gyp: latest
+  checksum: 33e1bb4dfca447fe37d4bb5889be55de154828632c8d38646db67293a21afd61ed9909cdf1b886214a64707d935926c4e60e2b09de9edfc2ad58de31d6ce8f39
+  languageName: node
+  linkType: hard
+
+"nano-json-stream-parser@npm:^0.1.2":
+  version: 0.1.2
+  resolution: "nano-json-stream-parser@npm:0.1.2"
+  checksum: 5bfe146358c659e0aa7d5e0003416be929c9bd02ba11b1e022b78dddf25be655e33d810249c1687d2c9abdcee5cd4d00856afd1b266a5a127236c0d16416d33a
+  languageName: node
+  linkType: hard
+
+"nanoid@npm:^3.3.1":
+  version: 3.3.1
+  resolution: "nanoid@npm:3.3.1"
+  bin:
+    nanoid: bin/nanoid.cjs
+  checksum: 4ef0969e1bbe866fc223eb32276cbccb0961900bfe79104fa5abe34361979dead8d0e061410a5c03bc3d47455685adf32c09d6f27790f4a6898fb51f7df7ec86
+  languageName: node
+  linkType: hard
+
+"napi-build-utils@npm:^1.0.1":
+  version: 1.0.2
+  resolution: "napi-build-utils@npm:1.0.2"
+  checksum: 06c14271ee966e108d55ae109f340976a9556c8603e888037145d6522726aebe89dd0c861b4b83947feaf6d39e79e08817559e8693deedc2c94e82c5cbd090c7
+  languageName: node
+  linkType: hard
+
+"native-fetch@npm:^3.0.0":
+  version: 3.0.0
+  resolution: "native-fetch@npm:3.0.0"
+  peerDependencies:
+    node-fetch: "*"
+  checksum: eec8cc78d6da4d0f3f56055e3e557473ac86dd35fd40053ea268d644af7b20babc891d2b53ef821b77ed2428265f60b85e49d754c555de89bfa071a743b853bb
+  languageName: node
+  linkType: hard
+
+"natural-compare-lite@npm:^1.4.0":
+  version: 1.4.0
+  resolution: "natural-compare-lite@npm:1.4.0"
+  checksum: 5222ac3986a2b78dd6069ac62cbb52a7bf8ffc90d972ab76dfe7b01892485d229530ed20d0c62e79a6b363a663b273db3bde195a1358ce9e5f779d4453887225
+  languageName: node
+  linkType: hard
+
+"natural-compare@npm:^1.4.0":
+  version: 1.4.0
+  resolution: "natural-compare@npm:1.4.0"
+  checksum: 23ad088b08f898fc9b53011d7bb78ec48e79de7627e01ab5518e806033861bef68d5b0cd0e2205c2f36690ac9571ff6bcb05eb777ced2eeda8d4ac5b44592c3d
+  languageName: node
+  linkType: hard
+
+"negotiator@npm:0.6.3":
+  version: 0.6.3
+  resolution: "negotiator@npm:0.6.3"
+  checksum: b8ffeb1e262eff7968fc90a2b6767b04cfd9842582a9d0ece0af7049537266e7b2506dfb1d107a32f06dd849ab2aea834d5830f7f4d0e5cb7d36e1ae55d021d9
+  languageName: node
+  linkType: hard
+
+"neo-async@npm:^2.6.2":
+  version: 2.6.2
+  resolution: "neo-async@npm:2.6.2"
+  checksum: deac9f8d00eda7b2e5cd1b2549e26e10a0faa70adaa6fdadca701cc55f49ee9018e427f424bac0c790b7c7e2d3068db97f3093f1093975f2acb8f8818b936ed9
+  languageName: node
+  linkType: hard
+
+"next-tick@npm:~1.0.0":
+  version: 1.0.0
+  resolution: "next-tick@npm:1.0.0"
+  checksum: 83fcb3d4f8d9380210b1c2b8a610463602d80283f0c0c8571c1688e1ad6cbf3a16b345f5bb7212617d4898bedcfa10dff327dc09ec20a112a5bf43a0271375fb
+  languageName: node
+  linkType: hard
+
+"no-case@npm:^3.0.4":
+  version: 3.0.4
+  resolution: "no-case@npm:3.0.4"
+  dependencies:
+    lower-case: ^2.0.2
+    tslib: ^2.0.3
+  checksum: 0b2ebc113dfcf737d48dde49cfebf3ad2d82a8c3188e7100c6f375e30eafbef9e9124aadc3becef237b042fd5eb0aad2fd78669c20972d045bbe7fea8ba0be5c
+  languageName: node
+  linkType: hard
+
+"nock@npm:^13.2.4":
+  version: 13.2.4
+  resolution: "nock@npm:13.2.4"
+  dependencies:
+    debug: ^4.1.0
+    json-stringify-safe: ^5.0.1
+    lodash.set: ^4.3.2
+    propagate: ^2.0.0
+  checksum: 2750a82ea22eebd8203eb1d7669ae09c3daae1fd573026372bad2515adad48d723a804f647bd45d7a499eb3a9a632560da406bde05bca9df762d3027db9099b5
+  languageName: node
+  linkType: hard
+
+"node-abi@npm:^2.21.0":
+  version: 2.30.1
+  resolution: "node-abi@npm:2.30.1"
+  dependencies:
+    semver: ^5.4.1
+  checksum: 3f4b0c912ce4befcd7ceab4493ba90b51d60dfcc90f567c93f731d897ef8691add601cb64c181683b800f21d479d68f9a6e15d8ab8acd16a5706333b9e30a881
+  languageName: node
+  linkType: hard
+
+"node-addon-api@npm:^1.6.3":
+  version: 1.7.2
+  resolution: "node-addon-api@npm:1.7.2"
+  dependencies:
+    node-gyp: latest
+  checksum: 938922b3d7cb34ee137c5ec39df6289a3965e8cab9061c6848863324c21a778a81ae3bc955554c56b6b86962f6ccab2043dd5fa3f33deab633636bd28039333f
+  languageName: node
+  linkType: hard
+
+"node-addon-api@npm:^2.0.0":
+  version: 2.0.2
+  resolution: "node-addon-api@npm:2.0.2"
+  dependencies:
+    node-gyp: latest
+  checksum: 31fb22d674648204f8dd94167eb5aac896c841b84a9210d614bf5d97c74ef059cc6326389cf0c54d2086e35312938401d4cc82e5fcd679202503eb8ac84814f8
+  languageName: node
+  linkType: hard
+
+"node-addon-api@npm:^3.0.2":
+  version: 3.2.1
+  resolution: "node-addon-api@npm:3.2.1"
+  dependencies:
+    node-gyp: latest
+  checksum: 2369986bb0881ccd9ef6bacdf39550e07e089a9c8ede1cbc5fc7712d8e2faa4d50da0e487e333d4125f8c7a616c730131d1091676c9d499af1d74560756b4a18
+  languageName: node
+  linkType: hard
+
+"node-fetch@npm:^2.6.0, node-fetch@npm:^2.6.1, node-fetch@npm:^2.6.7":
+  version: 2.6.7
+  resolution: "node-fetch@npm:2.6.7"
+  dependencies:
+    whatwg-url: ^5.0.0
+  peerDependencies:
+    encoding: ^0.1.0
+  peerDependenciesMeta:
+    encoding:
+      optional: true
+  checksum: 8d816ffd1ee22cab8301c7756ef04f3437f18dace86a1dae22cf81db8ef29c0bf6655f3215cb0cdb22b420b6fe141e64b26905e7f33f9377a7fa59135ea3e10b
+  languageName: node
+  linkType: hard
+
+"node-forge@npm:^1":
+  version: 1.3.1
+  resolution: "node-forge@npm:1.3.1"
+  checksum: 08fb072d3d670599c89a1704b3e9c649ff1b998256737f0e06fbd1a5bf41cae4457ccaee32d95052d80bbafd9ffe01284e078c8071f0267dc9744e51c5ed42a9
+  languageName: node
+  linkType: hard
+
+"node-gyp-build@npm:^4.2.0":
+  version: 4.2.3
+  resolution: "node-gyp-build@npm:4.2.3"
+  bin:
+    node-gyp-build: bin.js
+    node-gyp-build-optional: optional.js
+    node-gyp-build-test: build-test.js
+  checksum: 450d7b2016290d269343f8a33d13f4d7ccd0a38057af0d71a4d714fe06e6051da50b677a411ea9e240706253c4b53eb41e1b050df72d75d796b2e4d91b2757ae
+  languageName: node
+  linkType: hard
+
+"node-gyp@npm:latest":
+  version: 7.1.2
+  resolution: "node-gyp@npm:7.1.2"
+  dependencies:
+    env-paths: ^2.2.0
+    glob: ^7.1.4
+    graceful-fs: ^4.2.3
+    nopt: ^5.0.0
+    npmlog: ^4.1.2
+    request: ^2.88.2
+    rimraf: ^3.0.2
+    semver: ^7.3.2
+    tar: ^6.0.2
+    which: ^2.0.2
+  bin:
+    node-gyp: bin/node-gyp.js
+  checksum: 08582720f28f9a9bb64bc9cbe2f58b159c0258326a9c898e4e95d2f2d8002f44602338111ebf980e5aa47a3421e071525b758923b76855d780fab8cc03279ae0
+  languageName: node
+  linkType: hard
+
+"node-hid@npm:2.1.1":
+  version: 2.1.1
+  resolution: "node-hid@npm:2.1.1"
+  dependencies:
+    bindings: ^1.5.0
+    node-addon-api: ^3.0.2
+    node-gyp: latest
+    prebuild-install: ^6.0.0
+  bin:
+    hid-showdevices: src/show-devices.js
+  checksum: 56fabeec500652c4100e7e461ed0bc09dfda84abd3d37183242104ed819bc21e7e2ff4ca124301d0f43c3b19b546f9cd7367ea3870c0f06b5e34bbd28bc57e5a
+  languageName: node
+  linkType: hard
+
+"node-int64@npm:^0.4.0":
+  version: 0.4.0
+  resolution: "node-int64@npm:0.4.0"
+  checksum: d0b30b1ee6d961851c60d5eaa745d30b5c95d94bc0e74b81e5292f7c42a49e3af87f1eb9e89f59456f80645d679202537de751b7d72e9e40ceea40c5e449057e
+  languageName: node
+  linkType: hard
+
+"node-releases@npm:^2.0.2":
+  version: 2.0.2
+  resolution: "node-releases@npm:2.0.2"
+  checksum: da858bf86b4d512842379749f5a5e4196ddab05ba18ffcf29f05bf460beceaca927f070f4430bb5046efec18941ddbc85e4c5fdbb83afc28a38dd6069a2f255e
+  languageName: node
+  linkType: hard
+
+"node-source-walk@npm:^4.0.0, node-source-walk@npm:^4.2.0":
+  version: 4.2.0
+  resolution: "node-source-walk@npm:4.2.0"
+  dependencies:
+    "@babel/parser": ^7.0.0
+  checksum: 995979cdd34e708a93c0ab0a9a7c6d89b46060608d12c5a92cb277e7a6e68707e3182dfcc5b50f17c21e442f47b0f3986aa6699bd21ab07e5c7e054652bb9fe8
+  languageName: node
+  linkType: hard
+
+"nopt@npm:^5.0.0":
+  version: 5.0.0
+  resolution: "nopt@npm:5.0.0"
+  dependencies:
+    abbrev: 1
+  bin:
+    nopt: bin/nopt.js
+  checksum: d35fdec187269503843924e0114c0c6533fb54bbf1620d0f28b4b60ba01712d6687f62565c55cc20a504eff0fbe5c63e22340c3fad549ad40469ffb611b04f2f
+  languageName: node
+  linkType: hard
+
+"normalize-package-data@npm:^2.5.0":
+  version: 2.5.0
+  resolution: "normalize-package-data@npm:2.5.0"
+  dependencies:
+    hosted-git-info: ^2.1.4
+    resolve: ^1.10.0
+    semver: 2 || 3 || 4 || 5
+    validate-npm-package-license: ^3.0.1
+  checksum: 7999112efc35a6259bc22db460540cae06564aa65d0271e3bdfa86876d08b0e578b7b5b0028ee61b23f1cae9fc0e7847e4edc0948d3068a39a2a82853efc8499
+  languageName: node
+  linkType: hard
+
+"normalize-path@npm:^2.1.1":
+  version: 2.1.1
+  resolution: "normalize-path@npm:2.1.1"
+  dependencies:
+    remove-trailing-separator: ^1.0.1
+  checksum: 7e9cbdcf7f5b8da7aa191fbfe33daf290cdcd8c038f422faf1b8a83c972bf7a6d94c5be34c4326cb00fb63bc0fd97d9fbcfaf2e5d6142332c2cd36d2e1b86cea
+  languageName: node
+  linkType: hard
+
+"normalize-path@npm:^3.0.0, normalize-path@npm:~3.0.0":
+  version: 3.0.0
+  resolution: "normalize-path@npm:3.0.0"
+  checksum: 88eeb4da891e10b1318c4b2476b6e2ecbeb5ff97d946815ffea7794c31a89017c70d7f34b3c2ebf23ef4e9fc9fb99f7dffe36da22011b5b5c6ffa34f4873ec20
+  languageName: node
+  linkType: hard
+
+"normalize-url@npm:^4.1.0":
+  version: 4.5.0
+  resolution: "normalize-url@npm:4.5.0"
+  checksum: 34e9d01095df5c9348bf75f6cf0552c01438a29119aecdb747eead6ccd36a386209acdc093fc993edd32731b3056ff2977ffab44e4b8eed4d8aafdf0feae90c7
+  languageName: node
+  linkType: hard
+
+"now-and-later@npm:^2.0.0":
+  version: 2.0.1
+  resolution: "now-and-later@npm:2.0.1"
+  dependencies:
+    once: ^1.3.2
+  checksum: a6715b9504b96f2603020e048f5ef7adc0693a1be1fbb46589d359d95f16df77207339d7bccf76295675f0f152f4ef145914b8775fa179c294833abef05b475f
+  languageName: node
+  linkType: hard
+
+"npm-conf@npm:^1.1.3":
+  version: 1.1.3
+  resolution: "npm-conf@npm:1.1.3"
+  dependencies:
+    config-chain: ^1.1.11
+    pify: ^3.0.0
+  checksum: 2d4e933b657623d98183ec408d17318547296b1cd17c4d3587e2920c554675f24f829d8f5f7f84db3a020516678fdcd01952ebaaf0e7fa8a17f6c39be4154bef
+  languageName: node
+  linkType: hard
+
+"npm-run-path@npm:^4.0.1":
+  version: 4.0.1
+  resolution: "npm-run-path@npm:4.0.1"
+  dependencies:
+    path-key: ^3.0.0
+  checksum: 5374c0cea4b0bbfdfae62da7bbdf1e1558d338335f4cacf2515c282ff358ff27b2ecb91ffa5330a8b14390ac66a1e146e10700440c1ab868208430f56b5f4d23
+  languageName: node
+  linkType: hard
+
+"npmlog@npm:^4.0.1, npmlog@npm:^4.1.2":
+  version: 4.1.2
+  resolution: "npmlog@npm:4.1.2"
+  dependencies:
+    are-we-there-yet: ~1.1.2
+    console-control-strings: ~1.1.0
+    gauge: ~2.7.3
+    set-blocking: ~2.0.0
+  checksum: edbda9f95ec20957a892de1839afc6fb735054c3accf6fbefe767bac9a639fd5cea2baeac6bd2bcd50a85cb54924d57d9886c81c7fbc2332c2ddd19227504192
+  languageName: node
+  linkType: hard
+
+"nth-check@npm:^2.0.1":
+  version: 2.0.1
+  resolution: "nth-check@npm:2.0.1"
+  dependencies:
+    boolbase: ^1.0.0
+  checksum: 5386d035c48438ff304fe687704d93886397349d1bed136de97aeae464caba10e8ffac55a04b215b86b3bc8897f33e0a5aa1045a9d8b2f251ae61b2a3ad3e450
+  languageName: node
+  linkType: hard
+
+"null-loader@npm:^4.0.1":
+  version: 4.0.1
+  resolution: "null-loader@npm:4.0.1"
+  dependencies:
+    loader-utils: ^2.0.0
+    schema-utils: ^3.0.0
+  peerDependencies:
+    webpack: ^4.0.0 || ^5.0.0
+  checksum: eeb4c4dd2f8f41e46f5665e4500359109e95ec1028a178a60e0161984906572da7dd87644bcc3cb29f0125d77e2b2508fb4f3813cfb1c6604a15865beb4b987b
+  languageName: node
+  linkType: hard
+
+"number-is-nan@npm:^1.0.0":
+  version: 1.0.1
+  resolution: "number-is-nan@npm:1.0.1"
+  checksum: 13656bc9aa771b96cef209ffca31c31a03b507ca6862ba7c3f638a283560620d723d52e626d57892c7fff475f4c36ac07f0600f14544692ff595abff214b9ffb
+  languageName: node
+  linkType: hard
+
+"number-to-bn@npm:1.7.0":
+  version: 1.7.0
+  resolution: "number-to-bn@npm:1.7.0"
+  dependencies:
+    bn.js: 4.11.6
+    strip-hex-prefix: 1.0.0
+  checksum: 5b8c9dbe7b49dc7a069e5f0ba4e197257c89db11463478cb002fee7a34dc8868636952bd9f6310e5fdf22b266e0e6dffb5f9537c741734718107e90ae59b3de4
+  languageName: node
+  linkType: hard
+
+"nwsapi@npm:^2.2.0":
+  version: 2.2.0
+  resolution: "nwsapi@npm:2.2.0"
+  checksum: 5ef4a9bc0c1a5b7f2e014aa6a4b359a257503b796618ed1ef0eb852098f77e772305bb0e92856e4bbfa3e6c75da48c0113505c76f144555ff38867229c2400a7
+  languageName: node
+  linkType: hard
+
+"oauth-sign@npm:~0.9.0":
+  version: 0.9.0
+  resolution: "oauth-sign@npm:0.9.0"
+  checksum: 8f5497a127967866a3c67094c21efd295e46013a94e6e828573c62220e9af568cc1d2d04b16865ba583e430510fa168baf821ea78f355146d8ed7e350fc44c64
+  languageName: node
+  linkType: hard
+
+"object-assign@npm:^2.0.0":
+  version: 2.1.1
+  resolution: "object-assign@npm:2.1.1"
+  checksum: d37a7d7173408e07ee225116437592d92b584b2a5f38cafe608400b43efd9b78878dbd545b524aff5b4118d88e39466b9038b2d3de8885e212adad497d656c46
+  languageName: node
+  linkType: hard
+
+"object-assign@npm:^4, object-assign@npm:^4.0.1, object-assign@npm:^4.1.0, object-assign@npm:^4.1.1":
+  version: 4.1.1
+  resolution: "object-assign@npm:4.1.1"
+  checksum: fcc6e4ea8c7fe48abfbb552578b1c53e0d194086e2e6bbbf59e0a536381a292f39943c6e9628af05b5528aa5e3318bb30d6b2e53cadaf5b8fe9e12c4b69af23f
+  languageName: node
+  linkType: hard
+
+"object-inspect@npm:^1.11.0, object-inspect@npm:^1.9.0":
+  version: 1.11.0
+  resolution: "object-inspect@npm:1.11.0"
+  checksum: 8c64f89ce3a7b96b6925879ad5f6af71d498abc217e136660efecd97452991216f375a7eb47cb1cb50643df939bf0c7cc391567b7abc6a924d04679705e58e27
+  languageName: node
+  linkType: hard
+
+"object-is@npm:^1.0.1":
+  version: 1.1.4
+  resolution: "object-is@npm:1.1.4"
+  dependencies:
+    call-bind: ^1.0.0
+    define-properties: ^1.1.3
+  checksum: 749e08525e9c4aae018e0807044766c7cca7ab9953706ab51c14c0ce9f5d60d8dea64109f90fc5fcbd338088dc4a54597caa632eb7f0da5e8b7f516a45e73a47
+  languageName: node
+  linkType: hard
+
+"object-keys@npm:^1.0.12, object-keys@npm:^1.1.1":
+  version: 1.1.1
+  resolution: "object-keys@npm:1.1.1"
+  checksum: b363c5e7644b1e1b04aa507e88dcb8e3a2f52b6ffd0ea801e4c7a62d5aa559affe21c55a07fd4b1fd55fc03a33c610d73426664b20032405d7b92a1414c34d6a
+  languageName: node
+  linkType: hard
+
+"object.assign@npm:^4.0.4, object.assign@npm:^4.1.0, object.assign@npm:^4.1.2":
+  version: 4.1.2
+  resolution: "object.assign@npm:4.1.2"
+  dependencies:
+    call-bind: ^1.0.0
+    define-properties: ^1.1.3
+    has-symbols: ^1.0.1
+    object-keys: ^1.1.1
+  checksum: d621d832ed7b16ac74027adb87196804a500d80d9aca536fccb7ba48d33a7e9306a75f94c1d29cbfa324bc091bfc530bc24789568efdaee6a47fcfa298993814
+  languageName: node
+  linkType: hard
+
+"object.entries@npm:^1.1.5":
+  version: 1.1.5
+  resolution: "object.entries@npm:1.1.5"
+  dependencies:
+    call-bind: ^1.0.2
+    define-properties: ^1.1.3
+    es-abstract: ^1.19.1
+  checksum: d658696f74fd222060d8428d2a9fda2ce736b700cb06f6bdf4a16a1892d145afb746f453502b2fa55d1dca8ead6f14ddbcf66c545df45adadea757a6c4cd86c7
+  languageName: node
+  linkType: hard
+
+"object.fromentries@npm:^2.0.5":
+  version: 2.0.5
+  resolution: "object.fromentries@npm:2.0.5"
+  dependencies:
+    call-bind: ^1.0.2
+    define-properties: ^1.1.3
+    es-abstract: ^1.19.1
+  checksum: 61a0b565ded97b76df9e30b569729866e1824cce902f98e90bb106e84f378aea20163366f66dc75c9000e2aad2ed0caf65c6f530cb2abc4c0c0f6c982102db4b
+  languageName: node
+  linkType: hard
+
+"object.hasown@npm:^1.1.0":
+  version: 1.1.0
+  resolution: "object.hasown@npm:1.1.0"
+  dependencies:
+    define-properties: ^1.1.3
+    es-abstract: ^1.19.1
+  checksum: 5c5d0b1b793514609f7a635f3110fbd346e142c9afd2485b802775e1ef6c90e48ff6e8e8744927933370ba30964e21af9c5fcf782b47f34d650aa6b277565330
+  languageName: node
+  linkType: hard
+
+"object.values@npm:^1.1.5":
+  version: 1.1.5
+  resolution: "object.values@npm:1.1.5"
+  dependencies:
+    call-bind: ^1.0.2
+    define-properties: ^1.1.3
+    es-abstract: ^1.19.1
+  checksum: 0f17e99741ebfbd0fa55ce942f6184743d3070c61bd39221afc929c8422c4907618c8da694c6915bc04a83ab3224260c779ba37fc07bb668bdc5f33b66a902a4
+  languageName: node
+  linkType: hard
+
+"oboe@npm:2.1.5":
+  version: 2.1.5
+  resolution: "oboe@npm:2.1.5"
+  dependencies:
+    http-https: ^1.0.0
+  checksum: e6171b33645ffc3559688a824a461952380d0b8f6a203b2daf6767647f277554a73fd7ad795629d88cd8eab68c0460aabb1e1b8b52ef80e3ff7621ac39f832ed
+  languageName: node
+  linkType: hard
+
+"obuf@npm:^1.0.0, obuf@npm:^1.1.2":
+  version: 1.1.2
+  resolution: "obuf@npm:1.1.2"
+  checksum: 41a2ba310e7b6f6c3b905af82c275bf8854896e2e4c5752966d64cbcd2f599cfffd5932006bcf3b8b419dfdacebb3a3912d5d94e10f1d0acab59876c8757f27f
+  languageName: node
+  linkType: hard
+
+"on-finished@npm:~2.3.0":
+  version: 2.3.0
+  resolution: "on-finished@npm:2.3.0"
+  dependencies:
+    ee-first: 1.1.1
+  checksum: 1db595bd963b0124d6fa261d18320422407b8f01dc65863840f3ddaaf7bcad5b28ff6847286703ca53f4ec19595bd67a2f1253db79fc4094911ec6aa8df1671b
+  languageName: node
+  linkType: hard
+
+"on-headers@npm:~1.0.2":
+  version: 1.0.2
+  resolution: "on-headers@npm:1.0.2"
+  checksum: 2bf13467215d1e540a62a75021e8b318a6cfc5d4fc53af8e8f84ad98dbcea02d506c6d24180cd62e1d769c44721ba542f3154effc1f7579a8288c9f7873ed8e5
+  languageName: node
+  linkType: hard
+
+"once@npm:^1.3.0, once@npm:^1.3.1, once@npm:^1.3.2, once@npm:^1.4.0":
+  version: 1.4.0
+  resolution: "once@npm:1.4.0"
+  dependencies:
+    wrappy: 1
+  checksum: cd0a88501333edd640d95f0d2700fbde6bff20b3d4d9bdc521bdd31af0656b5706570d6c6afe532045a20bb8dc0849f8332d6f2a416e0ba6d3d3b98806c7db68
+  languageName: node
+  linkType: hard
+
+"onetime@npm:^5.1.0, onetime@npm:^5.1.2":
+  version: 5.1.2
+  resolution: "onetime@npm:5.1.2"
+  dependencies:
+    mimic-fn: ^2.1.0
+  checksum: 2478859ef817fc5d4e9c2f9e5728512ddd1dbc9fb7829ad263765bb6d3b91ce699d6e2332eef6b7dff183c2f490bd3349f1666427eaba4469fba0ac38dfd0d34
+  languageName: node
+  linkType: hard
+
+"open@npm:^7.3.1":
+  version: 7.4.2
+  resolution: "open@npm:7.4.2"
+  dependencies:
+    is-docker: ^2.0.0
+    is-wsl: ^2.1.1
+  checksum: 3333900ec0e420d64c23b831bc3467e57031461d843c801f569b2204a1acc3cd7b3ec3c7897afc9dde86491dfa289708eb92bba164093d8bd88fb2c231843c91
+  languageName: node
+  linkType: hard
+
+"open@npm:^8.0.9":
+  version: 8.2.1
+  resolution: "open@npm:8.2.1"
+  dependencies:
+    define-lazy-prop: ^2.0.0
+    is-docker: ^2.1.1
+    is-wsl: ^2.2.0
+  checksum: fcde0059188dd497e080436f81c5240dad0bebd331d1c856a532d4b870808bdc5770ef7c5c4b83143fd0c0577fe2b580e54c03357d695771259aa59f64cf0f40
+  languageName: node
+  linkType: hard
+
+"optionator@npm:^0.8.1":
+  version: 0.8.3
+  resolution: "optionator@npm:0.8.3"
+  dependencies:
+    deep-is: ~0.1.3
+    fast-levenshtein: ~2.0.6
+    levn: ~0.3.0
+    prelude-ls: ~1.1.2
+    type-check: ~0.3.2
+    word-wrap: ~1.2.3
+  checksum: b8695ddf3d593203e25ab0900e265d860038486c943ff8b774f596a310f8ceebdb30c6832407a8198ba3ec9debe1abe1f51d4aad94843612db3b76d690c61d34
+  languageName: node
+  linkType: hard
+
+"optionator@npm:^0.9.1":
+  version: 0.9.1
+  resolution: "optionator@npm:0.9.1"
+  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.3
+  checksum: dbc6fa065604b24ea57d734261914e697bd73b69eff7f18e967e8912aa2a40a19a9f599a507fa805be6c13c24c4eae8c71306c239d517d42d4c041c942f508a0
+  languageName: node
+  linkType: hard
+
+"ora@npm:^4.0.5":
+  version: 4.1.1
+  resolution: "ora@npm:4.1.1"
+  dependencies:
+    chalk: ^3.0.0
+    cli-cursor: ^3.1.0
+    cli-spinners: ^2.2.0
+    is-interactive: ^1.0.0
+    log-symbols: ^3.0.0
+    mute-stream: 0.0.8
+    strip-ansi: ^6.0.0
+    wcwidth: ^1.0.1
+  checksum: 5dcee3a2e143c7b578531ceda051e8c4b64655a019030fe3de4aef67ac28d08fca996aef71522d40b2316a272aa158d65028d7f43c126d318b70a49d9fa4f991
+  languageName: node
+  linkType: hard
+
+"ora@npm:^5.4.1":
+  version: 5.4.1
+  resolution: "ora@npm:5.4.1"
+  dependencies:
+    bl: ^4.1.0
+    chalk: ^4.1.0
+    cli-cursor: ^3.1.0
+    cli-spinners: ^2.5.0
+    is-interactive: ^1.0.0
+    is-unicode-supported: ^0.1.0
+    log-symbols: ^4.1.0
+    strip-ansi: ^6.0.0
+    wcwidth: ^1.0.1
+  checksum: 28d476ee6c1049d68368c0dc922e7225e3b5600c3ede88fade8052837f9ed342625fdaa84a6209302587c8ddd9b664f71f0759833cbdb3a4cf81344057e63c63
+  languageName: node
+  linkType: hard
+
+"ordered-read-streams@npm:^1.0.0":
+  version: 1.0.1
+  resolution: "ordered-read-streams@npm:1.0.1"
+  dependencies:
+    readable-stream: ^2.0.1
+  checksum: 7558ac1acd649164524be715d25e38a1aba0f34df9dfb8ce281f9d14589ac3506bfe66e6609fa8c9cf0d7835e11da33f3f5445336cf3eb783f81da09a1bc5fe8
+  languageName: node
+  linkType: hard
+
+"os-browserify@npm:^0.3.0":
+  version: 0.3.0
+  resolution: "os-browserify@npm:0.3.0"
+  checksum: 16e37ba3c0e6a4c63443c7b55799ce4066d59104143cb637ecb9fce586d5da319cdca786ba1c867abbe3890d2cbf37953f2d51eea85e20dd6c4570d6c54bfebf
+  languageName: node
+  linkType: hard
+
+"os-tmpdir@npm:~1.0.2":
+  version: 1.0.2
+  resolution: "os-tmpdir@npm:1.0.2"
+  checksum: 5666560f7b9f10182548bf7013883265be33620b1c1b4a4d405c25be2636f970c5488ff3e6c48de75b55d02bde037249fe5dbfbb4c0fb7714953d56aed062e6d
+  languageName: node
+  linkType: hard
+
+"owasp-password-strength-test@npm:^1.3.0":
+  version: 1.3.0
+  resolution: "owasp-password-strength-test@npm:1.3.0"
+  checksum: 89f057b6c3d2080459ff48e36ea5aba1b6617d8bd558a3613510a95d274a3a47b13c61abd071baa7bb333d64d9d1da4b697d3a75213f9dbbb1ddc00d1b041212
+  languageName: node
+  linkType: hard
+
+"p-cancelable@npm:^0.3.0":
+  version: 0.3.0
+  resolution: "p-cancelable@npm:0.3.0"
+  checksum: 2b27639be8f7f8718f2854c1711f713c296db00acc4675975b1531ecb6253da197304b4a211a330a8e54e754d28d4b3f7feecb48f0566dd265e3ba6745cd4148
+  languageName: node
+  linkType: hard
+
+"p-cancelable@npm:^1.0.0":
+  version: 1.1.0
+  resolution: "p-cancelable@npm:1.1.0"
+  checksum: 2db3814fef6d9025787f30afaee4496a8857a28be3c5706432cbad76c688a6db1874308f48e364a42f5317f5e41e8e7b4f2ff5c8ff2256dbb6264bc361704ece
+  languageName: node
+  linkType: hard
+
+"p-cancelable@npm:^2.0.0":
+  version: 2.0.0
+  resolution: "p-cancelable@npm:2.0.0"
+  checksum: dbe887e06ec72a918b3f3d41819aa57b5c4248ddf7162477727046bd2775d6e3e52390521198625599198e9bb5d592f3b0064e96fc0940cdf4e01233e2296664
+  languageName: node
+  linkType: hard
+
+"p-finally@npm:^1.0.0":
+  version: 1.0.0
+  resolution: "p-finally@npm:1.0.0"
+  checksum: 93a654c53dc805dd5b5891bab16eb0ea46db8f66c4bfd99336ae929323b1af2b70a8b0654f8f1eae924b2b73d037031366d645f1fd18b3d30cbd15950cc4b1d4
+  languageName: node
+  linkType: hard
+
+"p-limit@npm:^1.1.0":
+  version: 1.3.0
+  resolution: "p-limit@npm:1.3.0"
+  dependencies:
+    p-try: ^1.0.0
+  checksum: 281c1c0b8c82e1ac9f81acd72a2e35d402bf572e09721ce5520164e9de07d8274451378a3470707179ad13240535558f4b277f02405ad752e08c7d5b0d54fbfd
+  languageName: node
+  linkType: hard
+
+"p-limit@npm:^2.0.0, p-limit@npm:^2.2.0":
+  version: 2.3.0
+  resolution: "p-limit@npm:2.3.0"
+  dependencies:
+    p-try: ^2.0.0
+  checksum: 84ff17f1a38126c3314e91ecfe56aecbf36430940e2873dadaa773ffe072dc23b7af8e46d4b6485d302a11673fe94c6b67ca2cfbb60c989848b02100d0594ac1
+  languageName: node
+  linkType: hard
+
+"p-limit@npm:^3.1.0":
+  version: 3.1.0
+  resolution: "p-limit@npm:3.1.0"
+  dependencies:
+    yocto-queue: ^0.1.0
+  checksum: 7c3690c4dbf62ef625671e20b7bdf1cbc9534e83352a2780f165b0d3ceba21907e77ad63401708145ca4e25bfc51636588d89a8c0aeb715e6c37d1c066430360
+  languageName: node
+  linkType: hard
+
+"p-locate@npm:^2.0.0":
+  version: 2.0.0
+  resolution: "p-locate@npm:2.0.0"
+  dependencies:
+    p-limit: ^1.1.0
+  checksum: e2dceb9b49b96d5513d90f715780f6f4972f46987dc32a0e18bc6c3fc74a1a5d73ec5f81b1398af5e58b99ea1ad03fd41e9181c01fa81b4af2833958696e3081
+  languageName: node
+  linkType: hard
+
+"p-locate@npm:^3.0.0":
+  version: 3.0.0
+  resolution: "p-locate@npm:3.0.0"
+  dependencies:
+    p-limit: ^2.0.0
+  checksum: 83991734a9854a05fe9dbb29f707ea8a0599391f52daac32b86f08e21415e857ffa60f0e120bfe7ce0cc4faf9274a50239c7895fc0d0579d08411e513b83a4ae
+  languageName: node
+  linkType: hard
+
+"p-locate@npm:^4.1.0":
+  version: 4.1.0
+  resolution: "p-locate@npm:4.1.0"
+  dependencies:
+    p-limit: ^2.2.0
+  checksum: 513bd14a455f5da4ebfcb819ef706c54adb09097703de6aeaa5d26fe5ea16df92b48d1ac45e01e3944ce1e6aa2a66f7f8894742b8c9d6e276e16cd2049a2b870
+  languageName: node
+  linkType: hard
+
+"p-retry@npm:^4.5.0":
+  version: 4.5.0
+  resolution: "p-retry@npm:4.5.0"
+  dependencies:
+    "@types/retry": ^0.12.0
+    retry: ^0.12.0
+  checksum: 129cbf070401b4b5fea7c959a85a62d26ac29593bcb59e34ce1544a0cace3674cd1f66c370ba8ec95184cf5745546ea2d5e31b75395cf40a4e34358684867b67
+  languageName: node
+  linkType: hard
+
+"p-timeout@npm:^1.1.1":
+  version: 1.2.1
+  resolution: "p-timeout@npm:1.2.1"
+  dependencies:
+    p-finally: ^1.0.0
+  checksum: 65a456f49cca1328774a6bfba61aac98d854b36df9153c2887f82f078d4399e9a30463be8a479871c22ed350a23b34a66ff303ca652b9d81ed4ff5260ac660d2
+  languageName: node
+  linkType: hard
+
+"p-try@npm:^1.0.0":
+  version: 1.0.0
+  resolution: "p-try@npm:1.0.0"
+  checksum: 3b5303f77eb7722144154288bfd96f799f8ff3e2b2b39330efe38db5dd359e4fb27012464cd85cb0a76e9b7edd1b443568cb3192c22e7cffc34989df0bafd605
+  languageName: node
+  linkType: hard
+
+"p-try@npm:^2.0.0":
+  version: 2.2.0
+  resolution: "p-try@npm:2.2.0"
+  checksum: f8a8e9a7693659383f06aec604ad5ead237c7a261c18048a6e1b5b85a5f8a067e469aa24f5bc009b991ea3b058a87f5065ef4176793a200d4917349881216cae
+  languageName: node
+  linkType: hard
+
+"package-json@npm:^6.3.0":
+  version: 6.5.0
+  resolution: "package-json@npm:6.5.0"
+  dependencies:
+    got: ^9.6.0
+    registry-auth-token: ^4.0.0
+    registry-url: ^5.0.0
+    semver: ^6.2.0
+  checksum: cc9f890d3667d7610e6184decf543278b87f657d1ace0deb4a9c9155feca738ef88f660c82200763d3348010f4e42e9c7adc91e96ab0f86a770955995b5351e2
+  languageName: node
+  linkType: hard
+
+"pako@npm:^2.0.4":
+  version: 2.0.4
+  resolution: "pako@npm:2.0.4"
+  checksum: 82b9b0b99dd830c9103856a6dbd10f0cb2c8c32b9768184727ea381a99666de9a47a069d2e6efe6acf09336f363956b50835c196ef9311b34b7274d420eb0d88
+  languageName: node
+  linkType: hard
+
+"param-case@npm:^3.0.4":
+  version: 3.0.4
+  resolution: "param-case@npm:3.0.4"
+  dependencies:
+    dot-case: ^3.0.4
+    tslib: ^2.0.3
+  checksum: b34227fd0f794e078776eb3aa6247442056cb47761e9cd2c4c881c86d84c64205f6a56ef0d70b41ee7d77da02c3f4ed2f88e3896a8fefe08bdfb4deca037c687
+  languageName: node
+  linkType: hard
+
+"parent-module@npm:^1.0.0":
+  version: 1.0.1
+  resolution: "parent-module@npm:1.0.1"
+  dependencies:
+    callsites: ^3.0.0
+  checksum: 6ba8b255145cae9470cf5551eb74be2d22281587af787a2626683a6c20fbb464978784661478dd2a3f1dad74d1e802d403e1b03c1a31fab310259eec8ac560ff
+  languageName: node
+  linkType: hard
+
+"parse-asn1@npm:^5.0.0, parse-asn1@npm:^5.1.5":
+  version: 5.1.6
+  resolution: "parse-asn1@npm:5.1.6"
+  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
+  checksum: 9243311d1f88089bc9f2158972aa38d1abd5452f7b7cabf84954ed766048fe574d434d82c6f5a39b988683e96fb84cd933071dda38927e03469dc8c8d14463c7
+  languageName: node
+  linkType: hard
+
+"parse-entities@npm:^2.0.0":
+  version: 2.0.0
+  resolution: "parse-entities@npm:2.0.0"
+  dependencies:
+    character-entities: ^1.0.0
+    character-entities-legacy: ^1.0.0
+    character-reference-invalid: ^1.0.0
+    is-alphanumerical: ^1.0.0
+    is-decimal: ^1.0.0
+    is-hexadecimal: ^1.0.0
+  checksum: 7addfd3e7d747521afac33c8121a5f23043c6973809756920d37e806639b4898385d386fcf4b3c8e2ecf1bc28aac5ae97df0b112d5042034efbe80f44081ebce
+  languageName: node
+  linkType: hard
+
+"parse-headers@npm:^2.0.0":
+  version: 2.0.4
+  resolution: "parse-headers@npm:2.0.4"
+  checksum: 29519ac013e100c11a67d0fc64eb33ae86523abf547f71dba36d484dcd16a2835dd11f31303f4ded27c40133dca5a5fe4d15b77f49091e470a6f74a023c59c4a
+  languageName: node
+  linkType: hard
+
+"parse-json@npm:^5.0.0, parse-json@npm:^5.2.0":
+  version: 5.2.0
+  resolution: "parse-json@npm:5.2.0"
+  dependencies:
+    "@babel/code-frame": ^7.0.0
+    error-ex: ^1.3.1
+    json-parse-even-better-errors: ^2.3.0
+    lines-and-columns: ^1.1.6
+  checksum: 62085b17d64da57f40f6afc2ac1f4d95def18c4323577e1eced571db75d9ab59b297d1d10582920f84b15985cbfc6b6d450ccbf317644cfa176f3ed982ad87e2
+  languageName: node
+  linkType: hard
+
+"parse-ms@npm:^2.1.0":
+  version: 2.1.0
+  resolution: "parse-ms@npm:2.1.0"
+  checksum: d5c66c76cca8df5bd0574e2d11b9c3752893b59b466e74308d4a2f09760dc5436a1633f549cad300fc8c3c19154d14959a3b8333d3b2f7bd75898fe18149d564
+  languageName: node
+  linkType: hard
+
+"parse5@npm:6.0.1, parse5@npm:^6.0.0, parse5@npm:^6.0.1":
+  version: 6.0.1
+  resolution: "parse5@npm:6.0.1"
+  checksum: 7d569a176c5460897f7c8f3377eff640d54132b9be51ae8a8fa4979af940830b2b0c296ce75e5bd8f4041520aadde13170dbdec44889975f906098ea0002f4bd
+  languageName: node
+  linkType: hard
+
+"parseurl@npm:~1.3.2, parseurl@npm:~1.3.3":
+  version: 1.3.3
+  resolution: "parseurl@npm:1.3.3"
+  checksum: 407cee8e0a3a4c5cd472559bca8b6a45b82c124e9a4703302326e9ab60fc1081442ada4e02628efef1eb16197ddc7f8822f5a91fd7d7c86b51f530aedb17dfa2
+  languageName: node
+  linkType: hard
+
+"pascal-case@npm:^3.1.2":
+  version: 3.1.2
+  resolution: "pascal-case@npm:3.1.2"
+  dependencies:
+    no-case: ^3.0.4
+    tslib: ^2.0.3
+  checksum: ba98bfd595fc91ef3d30f4243b1aee2f6ec41c53b4546bfa3039487c367abaa182471dcfc830a1f9e1a0df00c14a370514fa2b3a1aacc68b15a460c31116873e
+  languageName: node
+  linkType: hard
+
+"path-browserify@npm:^1.0.1":
+  version: 1.0.1
+  resolution: "path-browserify@npm:1.0.1"
+  checksum: c6d7fa376423fe35b95b2d67990060c3ee304fc815ff0a2dc1c6c3cfaff2bd0d572ee67e18f19d0ea3bbe32e8add2a05021132ac40509416459fffee35200699
+  languageName: node
+  linkType: hard
+
+"path-dirname@npm:^1.0.0":
+  version: 1.0.2
+  resolution: "path-dirname@npm:1.0.2"
+  checksum: 0d2f6604ae05a252a0025318685f290e2764ecf9c5436f203cdacfc8c0b17c24cdedaa449d766beb94ab88cc7fc70a09ec21e7933f31abc2b719180883e5e33f
+  languageName: node
+  linkType: hard
+
+"path-exists@npm:^3.0.0":
+  version: 3.0.0
+  resolution: "path-exists@npm:3.0.0"
+  checksum: 96e92643aa34b4b28d0de1cd2eba52a1c5313a90c6542d03f62750d82480e20bfa62bc865d5cfc6165f5fcd5aeb0851043c40a39be5989646f223300021bae0a
+  languageName: node
+  linkType: hard
+
+"path-exists@npm:^4.0.0":
+  version: 4.0.0
+  resolution: "path-exists@npm:4.0.0"
+  checksum: 505807199dfb7c50737b057dd8d351b82c033029ab94cb10a657609e00c1bc53b951cfdbccab8de04c5584d5eff31128ce6afd3db79281874a5ef2adbba55ed1
+  languageName: node
+  linkType: hard
+
+"path-is-absolute@npm:^1.0.0":
+  version: 1.0.1
+  resolution: "path-is-absolute@npm:1.0.1"
+  checksum: 060840f92cf8effa293bcc1bea81281bd7d363731d214cbe5c227df207c34cd727430f70c6037b5159c8a870b9157cba65e775446b0ab06fd5ecc7e54615a3b8
+  languageName: node
+  linkType: hard
+
+"path-key@npm:^3.0.0, path-key@npm:^3.1.0":
+  version: 3.1.1
+  resolution: "path-key@npm:3.1.1"
+  checksum: 55cd7a9dd4b343412a8386a743f9c746ef196e57c823d90ca3ab917f90ab9f13dd0ded27252ba49dbdfcab2b091d998bc446f6220cd3cea65db407502a740020
+  languageName: node
+  linkType: hard
+
+"path-parse@npm:^1.0.6, path-parse@npm:^1.0.7":
+  version: 1.0.7
+  resolution: "path-parse@npm:1.0.7"
+  checksum: 49abf3d81115642938a8700ec580da6e830dde670be21893c62f4e10bd7dd4c3742ddc603fe24f898cba7eb0c6bc1777f8d9ac14185d34540c6d4d80cd9cae8a
+  languageName: node
+  linkType: hard
+
+"path-to-regexp@npm:0.1.7":
+  version: 0.1.7
+  resolution: "path-to-regexp@npm:0.1.7"
+  checksum: 69a14ea24db543e8b0f4353305c5eac6907917031340e5a8b37df688e52accd09e3cebfe1660b70d76b6bd89152f52183f28c74813dbf454ba1a01c82a38abce
+  languageName: node
+  linkType: hard
+
+"path-to-regexp@npm:^1.7.0":
+  version: 1.8.0
+  resolution: "path-to-regexp@npm:1.8.0"
+  dependencies:
+    isarray: 0.0.1
+  checksum: 709f6f083c0552514ef4780cb2e7e4cf49b0cc89a97439f2b7cc69a608982b7690fb5d1720a7473a59806508fc2dae0be751ba49f495ecf89fd8fbc62abccbcd
+  languageName: node
+  linkType: hard
+
+"path-type@npm:^4.0.0":
+  version: 4.0.0
+  resolution: "path-type@npm:4.0.0"
+  checksum: 5b1e2daa247062061325b8fdbfd1fb56dde0a448fb1455453276ea18c60685bdad23a445dc148cf87bc216be1573357509b7d4060494a6fd768c7efad833ee45
+  languageName: node
+  linkType: hard
+
+"pbkdf2@npm:^3.0.17, pbkdf2@npm:^3.0.3, pbkdf2@npm:^3.0.9":
+  version: 3.1.2
+  resolution: "pbkdf2@npm:3.1.2"
+  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
+  checksum: 2c950a100b1da72123449208e231afc188d980177d021d7121e96a2de7f2abbc96ead2b87d03d8fe5c318face097f203270d7e27908af9f471c165a4e8e69c92
+  languageName: node
+  linkType: hard
+
+"pend@npm:~1.2.0":
+  version: 1.2.0
+  resolution: "pend@npm:1.2.0"
+  checksum: 6c72f5243303d9c60bd98e6446ba7d30ae29e3d56fdb6fae8767e8ba6386f33ee284c97efe3230a0d0217e2b1723b8ab490b1bbf34fcbb2180dbc8a9de47850d
+  languageName: node
+  linkType: hard
+
+"perf-regexes@npm:^1.0.1":
+  version: 1.0.1
+  resolution: "perf-regexes@npm:1.0.1"
+  checksum: 28dca5634a4be56133db6a99b4d0ce1f4c70dad77075c0de1f8359396c14ccebd861194430eac09defcd6b8d111a0724cbbfdafb611395e1cae50fec591275bd
+  languageName: node
+  linkType: hard
+
+"performance-now@npm:^2.1.0":
+  version: 2.1.0
+  resolution: "performance-now@npm:2.1.0"
+  checksum: 534e641aa8f7cba160f0afec0599b6cecefbb516a2e837b512be0adbe6c1da5550e89c78059c7fabc5c9ffdf6627edabe23eb7c518c4500067a898fa65c2b550
+  languageName: node
+  linkType: hard
+
+"picocolors@npm:^1.0.0":
+  version: 1.0.0
+  resolution: "picocolors@npm:1.0.0"
+  checksum: a2e8092dd86c8396bdba9f2b5481032848525b3dc295ce9b57896f931e63fc16f79805144321f72976383fc249584672a75cc18d6777c6b757603f372f745981
+  languageName: node
+  linkType: hard
+
+"picomatch@npm:^2.0.4, picomatch@npm:^2.2.1, picomatch@npm:^2.2.2, picomatch@npm:^2.2.3, picomatch@npm:^2.3.0":
+  version: 2.3.1
+  resolution: "picomatch@npm:2.3.1"
+  checksum: 050c865ce81119c4822c45d3c84f1ced46f93a0126febae20737bd05ca20589c564d6e9226977df859ed5e03dc73f02584a2b0faad36e896936238238b0446cf
+  languageName: node
+  linkType: hard
+
+"pify@npm:^2.0.0":
+  version: 2.3.0
+  resolution: "pify@npm:2.3.0"
+  checksum: 9503aaeaf4577acc58642ad1d25c45c6d90288596238fb68f82811c08104c800e5a7870398e9f015d82b44ecbcbef3dc3d4251a1cbb582f6e5959fe09884b2ba
+  languageName: node
+  linkType: hard
+
+"pify@npm:^3.0.0":
+  version: 3.0.0
+  resolution: "pify@npm:3.0.0"
+  checksum: 6cdcbc3567d5c412450c53261a3f10991665d660961e06605decf4544a61a97a54fefe70a68d5c37080ff9d6f4cf51444c90198d1ba9f9309a6c0d6e9f5c4fde
+  languageName: node
+  linkType: hard
+
+"pify@npm:^4.0.1":
+  version: 4.0.1
+  resolution: "pify@npm:4.0.1"
+  checksum: 9c4e34278cb09987685fa5ef81499c82546c033713518f6441778fbec623fc708777fe8ac633097c72d88470d5963094076c7305cafc7ad340aae27cfacd856b
+  languageName: node
+  linkType: hard
+
+"pinkie-promise@npm:^2.0.0":
+  version: 2.0.1
+  resolution: "pinkie-promise@npm:2.0.1"
+  dependencies:
+    pinkie: ^2.0.0
+  checksum: b53a4a2e73bf56b6f421eef711e7bdcb693d6abb474d57c5c413b809f654ba5ee750c6a96dd7225052d4b96c4d053cdcb34b708a86fceed4663303abee52fcca
+  languageName: node
+  linkType: hard
+
+"pinkie@npm:^2.0.0":
+  version: 2.0.4
+  resolution: "pinkie@npm:2.0.4"
+  checksum: b12b10afea1177595aab036fc220785488f67b4b0fc49e7a27979472592e971614fa1c728e63ad3e7eb748b4ec3c3dbd780819331dad6f7d635c77c10537b9db
+  languageName: node
+  linkType: hard
+
+"pirates@npm:^4.0.4, pirates@npm:^4.0.5":
+  version: 4.0.5
+  resolution: "pirates@npm:4.0.5"
+  checksum: c9994e61b85260bec6c4fc0307016340d9b0c4f4b6550a957afaaff0c9b1ad58fbbea5cfcf083860a25cb27a375442e2b0edf52e2e1e40e69934e08dcc52d227
+  languageName: node
+  linkType: hard
+
+"pkg-dir@npm:^3.0.0":
+  version: 3.0.0
+  resolution: "pkg-dir@npm:3.0.0"
+  dependencies:
+    find-up: ^3.0.0
+  checksum: 70c9476ffefc77552cc6b1880176b71ad70bfac4f367604b2b04efd19337309a4eec985e94823271c7c0e83946fa5aeb18cd360d15d10a5d7533e19344bfa808
+  languageName: node
+  linkType: hard
+
+"pkg-dir@npm:^4.1.0, pkg-dir@npm:^4.2.0":
+  version: 4.2.0
+  resolution: "pkg-dir@npm:4.2.0"
+  dependencies:
+    find-up: ^4.0.0
+  checksum: 9863e3f35132bf99ae1636d31ff1e1e3501251d480336edb1c211133c8d58906bed80f154a1d723652df1fda91e01c7442c2eeaf9dc83157c7ae89087e43c8d6
+  languageName: node
+  linkType: hard
+
+"pkg-up@npm:^3.1.0":
+  version: 3.1.0
+  resolution: "pkg-up@npm:3.1.0"
+  dependencies:
+    find-up: ^3.0.0
+  checksum: 5bac346b7c7c903613c057ae3ab722f320716199d753f4a7d053d38f2b5955460f3e6ab73b4762c62fd3e947f58e04f1343e92089e7bb6091c90877406fcd8c8
+  languageName: node
+  linkType: hard
+
+"plist@npm:^3.0.1":
+  version: 3.0.1
+  resolution: "plist@npm:3.0.1"
+  dependencies:
+    base64-js: ^1.2.3
+    xmlbuilder: ^9.0.7
+    xmldom: 0.1.x
+  checksum: 4027bffff6f97020ba4ec82e9a0bd7d43ef6001d42746334c6d0695c8a2fd47a22239a94ecaf57b264321bc7b710642a08a1757d5bae0fe70912fb7a73b54fc5
+  languageName: node
+  linkType: hard
+
+"pluralize@npm:^8.0.0":
+  version: 8.0.0
+  resolution: "pluralize@npm:8.0.0"
+  checksum: 08931d4a6a4a5561a7f94f67a31c17e6632cb21e459ab3ff4f6f629d9a822984cf8afef2311d2005fbea5d7ef26016ebb090db008e2d8bce39d0a9a9d218736e
+  languageName: node
+  linkType: hard
+
+"pnglib@npm:0.0.1":
+  version: 0.0.1
+  resolution: "pnglib@npm:0.0.1"
+  checksum: 48b5ef961a257f7653e6bc4d03aac1a817e4590d048cddee4f09a63cb3ed4ac120d15470725d4e37e087d57b231915d0563b16e596dd88d69a72ed669746c2bd
+  languageName: node
+  linkType: hard
+
+"polkadot-apps@workspace:.":
+  version: 0.0.0-use.local
+  resolution: "polkadot-apps@workspace:."
+  dependencies:
+    "@babel/core": ^7.17.9
+    "@babel/register": ^7.17.7
+    "@babel/runtime": ^7.17.9
+    "@crustio/crust-pin": ^1.0.0
+    "@pinata/sdk": ^1.1.23
+    "@polkadot/dev": ^0.66.3
+    "@types/chart.js": ^2.9.35
+    "@types/file-saver": ^2.0.5
+    "@types/jest": ^27.4.1
+    "@types/react-beautiful-dnd": ^13.1.2
+    "@types/react-copy-to-clipboard": ^5.0.2
+    "@types/react-dom": ^17.0.14
+    "@types/react-router-dom": ^5.3.3
+    "@types/store": ^2.0.2
+    "@types/styled-components": ^5.1.24
+    "@types/styled-theming": ^2.2.5
+    concurrently: ^7.0.0
+    devtron: ^1.4.0
+    dnslink-cloudflare: ^3.0.0
+    electron: ^12.2.3
+    electron-builder: 22.14.13
+    electron-builder-notarize: ^1.2.0
+    i18next-scanner: ^3.1.0
+    k8s-deploy-cli: ^0.1.5
+    react: ^17.0.2
+    react-dom: ^17.0.2
+    react-is: ^17.0.2
+    source-map-explorer: ^2.5.2
+    styled-components: ^5.3.5
+    webpack: ^5.72.0
+    webpack-cli: ^4.9.2
+  languageName: unknown
+  linkType: soft
+
+"pontem-types-bundle@npm:1.0.15":
+  version: 1.0.15
+  resolution: "pontem-types-bundle@npm:1.0.15"
+  dependencies:
+    "@polkadot/keyring": ^7.4.1
+    "@polkadot/types": ^6.0.5
+    typescript: ^4.4.3
+  checksum: 407dd2cc5af82bc3f24bc2afe06c924c2b8853985b79253c208c735ce0455ca239e2ec5e1b9f1cfde148cbc9a9c93e2c78ea54813bb3962747f0e3c97b8e6614
+  languageName: node
+  linkType: hard
+
+"popper.js@npm:^1.14.4":
+  version: 1.16.1
+  resolution: "popper.js@npm:1.16.1"
+  checksum: c56ae5001ec50a77ee297a8061a0221d99d25c7348d2e6bcd3e45a0d0f32a1fd81bca29d46cb0d4bdf13efb77685bd6a0ce93f9eb3c608311a461f945fffedbe
+  languageName: node
+  linkType: hard
+
+"portfinder@npm:^1.0.28":
+  version: 1.0.28
+  resolution: "portfinder@npm:1.0.28"
+  dependencies:
+    async: ^2.6.2
+    debug: ^3.1.1
+    mkdirp: ^0.5.5
+  checksum: 91fef602f13f8f4c64385d0ad2a36cc9dc6be0b8d10a2628ee2c3c7b9917ab4fefb458815b82cea2abf4b785cd11c9b4e2d917ac6fa06f14b6fa880ca8f8928c
+  languageName: node
+  linkType: hard
+
+"postcss-modules-extract-imports@npm:^3.0.0":
+  version: 3.0.0
+  resolution: "postcss-modules-extract-imports@npm:3.0.0"
+  peerDependencies:
+    postcss: ^8.1.0
+  checksum: 4b65f2f1382d89c4bc3c0a1bdc5942f52f3cb19c110c57bd591ffab3a5fee03fcf831604168205b0c1b631a3dce2255c70b61aaae3ef39d69cd7eb450c2552d2
+  languageName: node
+  linkType: hard
+
+"postcss-modules-local-by-default@npm:^4.0.0":
+  version: 4.0.0
+  resolution: "postcss-modules-local-by-default@npm:4.0.0"
+  dependencies:
+    icss-utils: ^5.0.0
+    postcss-selector-parser: ^6.0.2
+    postcss-value-parser: ^4.1.0
+  peerDependencies:
+    postcss: ^8.1.0
+  checksum: 6cf570badc7bc26c265e073f3ff9596b69bb954bc6ac9c5c1b8cba2995b80834226b60e0a3cbb87d5f399dbb52e6466bba8aa1d244f6218f99d834aec431a69d
+  languageName: node
+  linkType: hard
+
+"postcss-modules-scope@npm:^3.0.0":
+  version: 3.0.0
+  resolution: "postcss-modules-scope@npm:3.0.0"
+  dependencies:
+    postcss-selector-parser: ^6.0.4
+  peerDependencies:
+    postcss: ^8.1.0
+  checksum: 330b9398dbd44c992c92b0dc612c0626135e2cc840fee41841eb61247a6cfed95af2bd6f67ead9dd9d0bb41f5b0367129d93c6e434fa3e9c58ade391d9a5a138
+  languageName: node
+  linkType: hard
+
+"postcss-modules-values@npm:^4.0.0":
+  version: 4.0.0
+  resolution: "postcss-modules-values@npm:4.0.0"
+  dependencies:
+    icss-utils: ^5.0.0
+  peerDependencies:
+    postcss: ^8.1.0
+  checksum: f7f2cdf14a575b60e919ad5ea52fed48da46fe80db2733318d71d523fc87db66c835814940d7d05b5746b0426e44661c707f09bdb83592c16aea06e859409db6
+  languageName: node
+  linkType: hard
+
+"postcss-selector-parser@npm:^6.0.2, postcss-selector-parser@npm:^6.0.4":
+  version: 6.0.5
+  resolution: "postcss-selector-parser@npm:6.0.5"
+  dependencies:
+    cssesc: ^3.0.0
+    util-deprecate: ^1.0.2
+  checksum: 51aedc1b84491065844d6db3b7e9a6a152a98af5fdd2c34697479c659b1504cb667454a4776567bb8f06978df38042d67e5f695054cca0c49e549e97ef54a43d
+  languageName: node
+  linkType: hard
+
+"postcss-value-parser@npm:^4.0.2, postcss-value-parser@npm:^4.1.0":
+  version: 4.2.0
+  resolution: "postcss-value-parser@npm:4.2.0"
+  checksum: 819ffab0c9d51cf0acbabf8996dffbfafbafa57afc0e4c98db88b67f2094cb44488758f06e5da95d7036f19556a4a732525e84289a425f4f6fd8e412a9d7442f
+  languageName: node
+  linkType: hard
+
+"postcss-values-parser@npm:^2.0.1":
+  version: 2.0.1
+  resolution: "postcss-values-parser@npm:2.0.1"
+  dependencies:
+    flatten: ^1.0.2
+    indexes-of: ^1.0.1
+    uniq: ^1.0.1
+  checksum: 050877880937e15af8d18bf48902e547e2123d7cc32c1f215b392642bc5e2598a87a341995d62f38e450aab4186b8afeb2c9541934806d458ad8b117020b2ebf
+  languageName: node
+  linkType: hard
+
+"postcss-values-parser@npm:^5.0.0":
+  version: 5.0.0
+  resolution: "postcss-values-parser@npm:5.0.0"
+  dependencies:
+    color-name: ^1.1.4
+    is-url-superb: ^4.0.0
+    quote-unquote: ^1.0.0
+  peerDependencies:
+    postcss: ^8.0.9
+  checksum: d45bde8606fdb721cf7fc1f971bc635b0da156fd75a1b706b0503af00416d5699afc477d028781229eabab56fa543b17f15b5b13807cfb8c5ba0e442281eb463
+  languageName: node
+  linkType: hard
+
+"postcss@npm:^7.0.36":
+  version: 7.0.36
+  resolution: "postcss@npm:7.0.36"
+  dependencies:
+    chalk: ^2.4.2
+    source-map: ^0.6.1
+    supports-color: ^6.1.0
+  checksum: 4cfc0989b9ad5d0e8971af80d87f9c5beac5c84cb89ff22ad69852edf73c0a2fa348e7e0a135b5897bf893edad0fe86c428769050431ad9b532f072ff530828d
+  languageName: node
+  linkType: hard
+
+"postcss@npm:^8.1.7, postcss@npm:^8.2.13, postcss@npm:^8.2.15":
+  version: 8.4.12
+  resolution: "postcss@npm:8.4.12"
+  dependencies:
+    nanoid: ^3.3.1
+    picocolors: ^1.0.0
+    source-map-js: ^1.0.2
+  checksum: 248e3d0f9bbb8efaafcfda7f91627a29bdc9a19f456896886330beb28c5abea0e14c7901b35191928602e2eccbed496b1e94097d27a0b2a980854cd00c7a835f
+  languageName: node
+  linkType: hard
+
+"prebuild-install@npm:^6.0.0, prebuild-install@npm:^6.1.4":
+  version: 6.1.4
+  resolution: "prebuild-install@npm:6.1.4"
+  dependencies:
+    detect-libc: ^1.0.3
+    expand-template: ^2.0.3
+    github-from-package: 0.0.0
+    minimist: ^1.2.3
+    mkdirp-classic: ^0.5.3
+    napi-build-utils: ^1.0.1
+    node-abi: ^2.21.0
+    npmlog: ^4.0.1
+    pump: ^3.0.0
+    rc: ^1.2.7
+    simple-get: ^3.0.3
+    tar-fs: ^2.0.0
+    tunnel-agent: ^0.6.0
+  bin:
+    prebuild-install: bin.js
+  checksum: de4313eda821305912af922700a2db04bb8e77fe8aa9c2788550f1000c026cbefc82da468ec0c0a37764c5417bd8169dbd540928535fb38d00bb9bbd673dd217
+  languageName: node
+  linkType: hard
+
+"precinct@npm:^8.0.0, precinct@npm:^8.1.0":
+  version: 8.1.0
+  resolution: "precinct@npm:8.1.0"
+  dependencies:
+    commander: ^2.20.3
+    debug: ^4.3.1
+    detective-amd: ^3.0.1
+    detective-cjs: ^3.1.1
+    detective-es6: ^2.2.0
+    detective-less: ^1.0.2
+    detective-postcss: ^4.0.0
+    detective-sass: ^3.0.1
+    detective-scss: ^2.0.1
+    detective-stylus: ^1.0.0
+    detective-typescript: ^7.0.0
+    module-definition: ^3.3.1
+    node-source-walk: ^4.2.0
+  bin:
+    precinct: bin/cli.js
+  checksum: 0b5667f55ad3d064add80ca70a548aa94fbb1f221ee6d1c6a6bbbc87b20328be8b0878148a974b4b5abc9c57bc89a7da40fa28fa11d11d0e939c1ac82774d5b7
+  languageName: node
+  linkType: hard
+
+"prelude-ls@npm:^1.2.1":
+  version: 1.2.1
+  resolution: "prelude-ls@npm:1.2.1"
+  checksum: cd192ec0d0a8e4c6da3bb80e4f62afe336df3f76271ac6deb0e6a36187133b6073a19e9727a1ff108cd8b9982e4768850d413baa71214dd80c7979617dca827a
+  languageName: node
+  linkType: hard
+
+"prelude-ls@npm:~1.1.2":
+  version: 1.1.2
+  resolution: "prelude-ls@npm:1.1.2"
+  checksum: c4867c87488e4a0c233e158e4d0d5565b609b105d75e4c05dc760840475f06b731332eb93cc8c9cecb840aa8ec323ca3c9a56ad7820ad2e63f0261dadcb154e4
+  languageName: node
+  linkType: hard
+
+"prepend-http@npm:^1.0.1":
+  version: 1.0.4
+  resolution: "prepend-http@npm:1.0.4"
+  checksum: 01e7baf4ad38af02257b99098543469332fc42ae50df33d97a124bf8172295907352fa6138c9b1610c10c6dd0847ca736e53fda736387cc5cf8fcffe96b47f29
+  languageName: node
+  linkType: hard
+
+"prepend-http@npm:^2.0.0":
+  version: 2.0.0
+  resolution: "prepend-http@npm:2.0.0"
+  checksum: 7694a9525405447662c1ffd352fcb41b6410c705b739b6f4e3a3e21cf5fdede8377890088e8934436b8b17ba55365a615f153960f30877bf0d0392f9e93503ea
+  languageName: node
+  linkType: hard
+
+"prettier@npm:^1.18.2 || ^2.0.0, prettier@npm:^2.6.2":
+  version: 2.6.2
+  resolution: "prettier@npm:2.6.2"
+  bin:
+    prettier: bin-prettier.js
+  checksum: 48d08dde8e9fb1f5bccdd205baa7f192e9fc8bc98f86e1b97d919de804e28c806b0e6cc685e4a88211aa7987fa9668f30baae19580d87ced3ed0f2ec6572106f
+  languageName: node
+  linkType: hard
+
+"pretty-error@npm:^4.0.0":
+  version: 4.0.0
+  resolution: "pretty-error@npm:4.0.0"
+  dependencies:
+    lodash: ^4.17.20
+    renderkid: ^3.0.0
+  checksum: a5b9137365690104ded6947dca2e33360bf55e62a4acd91b1b0d7baa3970e43754c628cc9e16eafbdd4e8f8bcb260a5865475d4fc17c3106ff2d61db4e72cdf3
+  languageName: node
+  linkType: hard
+
+"pretty-format@npm:^27.0.0, pretty-format@npm:^27.0.2, pretty-format@npm:^27.5.1":
+  version: 27.5.1
+  resolution: "pretty-format@npm:27.5.1"
+  dependencies:
+    ansi-regex: ^5.0.1
+    ansi-styles: ^5.0.0
+    react-is: ^17.0.1
+  checksum: cf610cffcb793885d16f184a62162f2dd0df31642d9a18edf4ca298e909a8fe80bdbf556d5c9573992c102ce8bf948691da91bf9739bee0ffb6e79c8a8a6e088
+  languageName: node
+  linkType: hard
+
+"pretty-ms@npm:^7.0.1":
+  version: 7.0.1
+  resolution: "pretty-ms@npm:7.0.1"
+  dependencies:
+    parse-ms: ^2.1.0
+  checksum: d76c4920283b48be91f1d3797a2ce4bd51187d58d2a609ae993c028f73c92d16439449d857af57ccad91ae3a38b30c87307f5589749a056102ebb494c686957e
+  languageName: node
+  linkType: hard
+
+"printj@npm:~1.1.0":
+  version: 1.1.2
+  resolution: "printj@npm:1.1.2"
+  bin:
+    printj: ./bin/printj.njs
+  checksum: 1c0c66844545415e339356ad62009cdc467819817b1e0341aba428087a1414d46b84089edb4e77ef24705829f8aae6349724b9c7bd89d8690302b2de7a89b315
+  languageName: node
+  linkType: hard
+
+"prismjs@npm:^1.14.0":
+  version: 1.22.0
+  resolution: "prismjs@npm:1.22.0"
+  dependencies:
+    clipboard: ^2.0.0
+  dependenciesMeta:
+    clipboard:
+      optional: true
+  checksum: aa2a0e71d2a38c07040fc801ee65436579d5b6f7ebf8b67636963859d58d70505af7d40c10cc2a48c725cece5c231cdc0021a3e42d3ee72a07115330255dfe40
+  languageName: node
+  linkType: hard
+
+"private@npm:^0.1.6, private@npm:~0.1.5":
+  version: 0.1.8
+  resolution: "private@npm:0.1.8"
+  checksum: a00abd713d25389f6de7294f0e7879b8a5d09a9ec5fd81cc2f21b29d4f9a80ec53bc4222927d3a281d4aadd4cd373d9a28726fca3935921950dc75fd71d1fdbb
+  languageName: node
+  linkType: hard
+
+"process-nextick-args@npm:^2.0.0, process-nextick-args@npm:~2.0.0":
+  version: 2.0.1
+  resolution: "process-nextick-args@npm:2.0.1"
+  checksum: 1d38588e520dab7cea67cbbe2efdd86a10cc7a074c09657635e34f035277b59fbb57d09d8638346bf7090f8e8ebc070c96fa5fd183b777fff4f5edff5e9466cf
+  languageName: node
+  linkType: hard
+
+"process@npm:^0.11.10":
+  version: 0.11.10
+  resolution: "process@npm:0.11.10"
+  checksum: bfcce49814f7d172a6e6a14d5fa3ac92cc3d0c3b9feb1279774708a719e19acd673995226351a082a9ae99978254e320ccda4240ddc474ba31a76c79491ca7c3
+  languageName: node
+  linkType: hard
+
+"progress-stream@npm:^2.0.0":
+  version: 2.0.0
+  resolution: "progress-stream@npm:2.0.0"
+  dependencies:
+    speedometer: ~1.0.0
+    through2: ~2.0.3
+  checksum: 6aab6a9cf2c8bf0ea222e925d13e31dbf0f74c33a6fec773824995382e299417bcb77aec762a9d240cca3c9d31983bd3d5c195aa97608e39dc40083a8a02c393
+  languageName: node
+  linkType: hard
+
+"progress@npm:^2.0.3":
+  version: 2.0.3
+  resolution: "progress@npm:2.0.3"
+  checksum: f67403fe7b34912148d9252cb7481266a354bd99ce82c835f79070643bb3c6583d10dbcfda4d41e04bbc1d8437e9af0fb1e1f2135727878f5308682a579429b7
+  languageName: node
+  linkType: hard
+
+"prompts@npm:^2.0.1":
+  version: 2.4.0
+  resolution: "prompts@npm:2.4.0"
+  dependencies:
+    kleur: ^3.0.3
+    sisteransi: ^1.0.5
+  checksum: 96c7bef8eb3c0bb2076d2bc5ee473f06e6d8ac01ac4d0f378dfeb0ddaf2f31c339360ec8f0f8486f78601d16ebef7c6bd9886d44b937ba01bab568b937190265
+  languageName: node
+  linkType: hard
+
+"prop-types@npm:^15.5.8, prop-types@npm:^15.6.1, prop-types@npm:^15.6.2, prop-types@npm:^15.7.2, prop-types@npm:^15.8.1":
+  version: 15.8.1
+  resolution: "prop-types@npm:15.8.1"
+  dependencies:
+    loose-envify: ^1.4.0
+    object-assign: ^4.1.1
+    react-is: ^16.13.1
+  checksum: c056d3f1c057cb7ff8344c645450e14f088a915d078dcda795041765047fa080d38e5d626560ccaac94a4e16e3aa15f3557c1a9a8d1174530955e992c675e459
+  languageName: node
+  linkType: hard
+
+"propagate@npm:^2.0.0":
+  version: 2.0.1
+  resolution: "propagate@npm:2.0.1"
+  checksum: c4febaee2be0979e82fb6b3727878fd122a98d64a7fa3c9d09b0576751b88514a9e9275b1b92e76b364d488f508e223bd7e1dcdc616be4cdda876072fbc2a96c
+  languageName: node
+  linkType: hard
+
+"properties-reader@npm:^2.2.0":
+  version: 2.2.0
+  resolution: "properties-reader@npm:2.2.0"
+  dependencies:
+    mkdirp: ^1.0.4
+  checksum: a5c5684b1e16633cb695f4fef5476a63f43298619381e8f7f609448f3bda32b26d7c9042b57a427a6dedd1c7fdca1a01ccbe8771b4311ed534079b676c64eec7
+  languageName: node
+  linkType: hard
+
+"property-information@npm:^5.0.0":
+  version: 5.6.0
+  resolution: "property-information@npm:5.6.0"
+  dependencies:
+    xtend: ^4.0.0
+  checksum: fcf87c6542e59a8bbe31ca0b3255a4a63ac1059b01b04469680288998bcfa97f341ca989566adbb63975f4d85339030b82320c324a511532d390910d1c583893
+  languageName: node
+  linkType: hard
+
+"proto-list@npm:~1.2.1":
+  version: 1.2.4
+  resolution: "proto-list@npm:1.2.4"
+  checksum: 4d4826e1713cbfa0f15124ab0ae494c91b597a3c458670c9714c36e8baddf5a6aad22842776f2f5b137f259c8533e741771445eb8df82e861eea37a6eaba03f7
+  languageName: node
+  linkType: hard
+
+"proxy-addr@npm:~2.0.7":
+  version: 2.0.7
+  resolution: "proxy-addr@npm:2.0.7"
+  dependencies:
+    forwarded: 0.2.0
+    ipaddr.js: 1.9.1
+  checksum: 29c6990ce9364648255454842f06f8c46fcd124d3e6d7c5066df44662de63cdc0bad032e9bf5a3d653ff72141cc7b6019873d685708ac8210c30458ad99f2b74
+  languageName: node
+  linkType: hard
+
+"pseudomap@npm:^1.0.2":
+  version: 1.0.2
+  resolution: "pseudomap@npm:1.0.2"
+  checksum: 856c0aae0ff2ad60881168334448e898ad7a0e45fe7386d114b150084254c01e200c957cf378378025df4e052c7890c5bd933939b0e0d2ecfcc1dc2f0b2991f5
+  languageName: node
+  linkType: hard
+
+"psl@npm:^1.1.28, psl@npm:^1.1.33":
+  version: 1.8.0
+  resolution: "psl@npm:1.8.0"
+  checksum: 6150048ed2da3f919478bee8a82f3828303bc0fc730fb015a48f83c9977682c7b28c60ab01425a72d82a2891a1681627aa530a991d50c086b48a3be27744bde7
+  languageName: node
+  linkType: hard
+
+"public-encrypt@npm:^4.0.0":
+  version: 4.0.3
+  resolution: "public-encrypt@npm:4.0.3"
+  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
+  checksum: 215d446e43cef021a20b67c1df455e5eea134af0b1f9b8a35f9e850abf32991b0c307327bc5b9bc07162c288d5cdb3d4a783ea6c6640979ed7b5017e3e0c9935
+  languageName: node
+  linkType: hard
+
+"pump@npm:^2.0.0":
+  version: 2.0.1
+  resolution: "pump@npm:2.0.1"
+  dependencies:
+    end-of-stream: ^1.1.0
+    once: ^1.3.1
+  checksum: e9f26a17be00810bff37ad0171edb35f58b242487b0444f92fb7d78bc7d61442fa9b9c5bd93a43fd8fd8ddd3cc75f1221f5e04c790f42907e5baab7cf5e2b931
+  languageName: node
+  linkType: hard
+
+"pump@npm:^3.0.0":
+  version: 3.0.0
+  resolution: "pump@npm:3.0.0"
+  dependencies:
+    end-of-stream: ^1.1.0
+    once: ^1.3.1
+  checksum: e42e9229fba14732593a718b04cb5e1cfef8254544870997e0ecd9732b189a48e1256e4e5478148ecb47c8511dca2b09eae56b4d0aad8009e6fac8072923cfc9
+  languageName: node
+  linkType: hard
+
+"pumpify@npm:^1.3.5":
+  version: 1.5.1
+  resolution: "pumpify@npm:1.5.1"
+  dependencies:
+    duplexify: ^3.6.0
+    inherits: ^2.0.3
+    pump: ^2.0.0
+  checksum: 26ca412ec8d665bd0d5e185c1b8f627728eff603440d75d22a58e421e3c66eaf86ec6fc6a6efc54808ecef65979279fa8e99b109a23ec1fa8d79f37e6978c9bd
+  languageName: node
+  linkType: hard
+
+"pumpify@npm:^2.0.1":
+  version: 2.0.1
+  resolution: "pumpify@npm:2.0.1"
+  dependencies:
+    duplexify: ^4.1.1
+    inherits: ^2.0.3
+    pump: ^3.0.0
+  checksum: cfc96f5307ee828ef8e6eca9fe9e1ae1de0a23ca55688bfe71ea376bc126418073dab870f02b433617f421c4545726b39e31295fce9a99b78bda5f0e527a7c11
+  languageName: node
+  linkType: hard
+
+"punycode@npm:2.1.0":
+  version: 2.1.0
+  resolution: "punycode@npm:2.1.0"
+  checksum: d125d8f86cd89303c33bad829388c49ca23197e16ccf8cd398dcbd81b026978f6543f5066c66825b25b1dfea7790a42edbeea82908e103474931789714ab86cd
+  languageName: node
+  linkType: hard
+
+"punycode@npm:^2.1.0, punycode@npm:^2.1.1":
+  version: 2.1.1
+  resolution: "punycode@npm:2.1.1"
+  checksum: 823bf443c6dd14f669984dea25757b37993f67e8d94698996064035edd43bed8a5a17a9f12e439c2b35df1078c6bec05a6c86e336209eb1061e8025c481168e8
+  languageName: node
+  linkType: hard
+
+"pupa@npm:^2.1.1":
+  version: 2.1.1
+  resolution: "pupa@npm:2.1.1"
+  dependencies:
+    escape-goat: ^2.0.0
+  checksum: 49529e50372ffdb0cccf0efa0f3b3cb0a2c77805d0d9cc2725bd2a0f6bb414631e61c93a38561b26be1259550b7bb6c2cb92315aa09c8bf93f3bdcb49f2b2fb7
+  languageName: node
+  linkType: hard
+
+"q@npm:^1.1.2":
+  version: 1.5.1
+  resolution: "q@npm:1.5.1"
+  checksum: 147baa93c805bc1200ed698bdf9c72e9e42c05f96d007e33a558b5fdfd63e5ea130e99313f28efc1783e90e6bdb4e48b67a36fcc026b7b09202437ae88a1fb12
+  languageName: node
+  linkType: hard
+
+"qrcode-generator@npm:^1.4.4":
+  version: 1.4.4
+  resolution: "qrcode-generator@npm:1.4.4"
+  checksum: 860cfdd2a7a608d34e92cab99774cc08182e1911432f30ed36d16f8a5cdabd7fdf40239caed91fa2691cfe66c8d95c1340a2fc9cc439eed07a9f2eb328c6f527
+  languageName: node
+  linkType: hard
+
+"qs@npm:6.9.7":
+  version: 6.9.7
+  resolution: "qs@npm:6.9.7"
+  checksum: 5bbd263332ccf320a1f36d04a2019a5834dc20bcb736431eaccde2a39dcba03fb26d2fd00174f5d7bc26aaad1cad86124b18440883ac042ea2a0fca6170c1bf1
+  languageName: node
+  linkType: hard
+
+"qs@npm:~6.5.2":
+  version: 6.5.2
+  resolution: "qs@npm:6.5.2"
+  checksum: 24af7b9928ba2141233fba2912876ff100403dba1b08b20c3b490da9ea6c636760445ea2211a079e7dfa882a5cf8f738337b3748c8bdd0f93358fa8881d2db8f
+  languageName: node
+  linkType: hard
+
+"query-string@npm:^5.0.1":
+  version: 5.1.1
+  resolution: "query-string@npm:5.1.1"
+  dependencies:
+    decode-uri-component: ^0.2.0
+    object-assign: ^4.1.0
+    strict-uri-encode: ^1.0.0
+  checksum: 4ac760d9778d413ef5f94f030ed14b1a07a1708dd13fd3bc54f8b9ef7b425942c7577f30de0bf5a7d227ee65a9a0350dfa3a43d1d266880882fb7ce4c434a4dd
+  languageName: node
+  linkType: hard
+
+"query-string@npm:^7.1.1":
+  version: 7.1.1
+  resolution: "query-string@npm:7.1.1"
+  dependencies:
+    decode-uri-component: ^0.2.0
+    filter-obj: ^1.1.0
+    split-on-first: ^1.0.0
+    strict-uri-encode: ^2.0.0
+  checksum: b227d1f588ae93f9f0ad078c6b811295fa151dc5a160a03bb2bac5fa0e6919cb1daa570aad1d288e77c8e89fde5362ba505b1014e6e793da9b1e885b59a690a6
+  languageName: node
+  linkType: hard
+
+"quick-lru@npm:^4.0.1":
+  version: 4.0.1
+  resolution: "quick-lru@npm:4.0.1"
+  checksum: bea46e1abfaa07023e047d3cf1716a06172c4947886c053ede5c50321893711577cb6119360f810cc3ffcd70c4d7db4069c3cee876b358ceff8596e062bd1154
+  languageName: node
+  linkType: hard
+
+"quick-lru@npm:^5.1.1":
+  version: 5.1.1
+  resolution: "quick-lru@npm:5.1.1"
+  checksum: a516faa25574be7947969883e6068dbe4aa19e8ef8e8e0fd96cddd6d36485e9106d85c0041a27153286b0770b381328f4072aa40d3b18a19f5f7d2b78b94b5ed
+  languageName: node
+  linkType: hard
+
+"quote-unquote@npm:^1.0.0":
+  version: 1.0.0
+  resolution: "quote-unquote@npm:1.0.0"
+  checksum: 955a2ead534f5b6a3f8d4dc5a4b95ac6468213d3fb11f8c1592a0a56345c45a3d14d5ca04d3de2bc9891493fcac38c03dfa91c48a6159aef50124e9c5afcea49
+  languageName: node
+  linkType: hard
+
+"raf-schd@npm:^4.0.2":
+  version: 4.0.2
+  resolution: "raf-schd@npm:4.0.2"
+  checksum: 9af6e00e36b2844371c61da071cf1fa0d6093dc20eadc654fbb3d940a713df61f037c2e24287eebe8201a41b6acc910b865a4e24010b3a09aba7f4a9616b975a
+  languageName: node
+  linkType: hard
+
+"ramda@npm:^0.27.1":
+  version: 0.27.1
+  resolution: "ramda@npm:0.27.1"
+  checksum: 31a0c0ef739b2525d7615f84cbb5d3cb89ee0c795469b711f729ea1d8df0dccc3cd75d3717a1e9742d42315ce86435680b7c87743eb7618111c60c144a5b8059
+  languageName: node
+  linkType: hard
+
+"randombytes@npm:^2.0.0, randombytes@npm:^2.0.1, randombytes@npm:^2.0.5, randombytes@npm:^2.1.0":
+  version: 2.1.0
+  resolution: "randombytes@npm:2.1.0"
+  dependencies:
+    safe-buffer: ^5.1.0
+  checksum: d779499376bd4cbb435ef3ab9a957006c8682f343f14089ed5f27764e4645114196e75b7f6abf1cbd84fd247c0cb0651698444df8c9bf30e62120fbbc52269d6
+  languageName: node
+  linkType: hard
+
+"randomfill@npm:^1.0.3":
+  version: 1.0.4
+  resolution: "randomfill@npm:1.0.4"
+  dependencies:
+    randombytes: ^2.0.5
+    safe-buffer: ^5.1.0
+  checksum: 33734bb578a868d29ee1b8555e21a36711db084065d94e019a6d03caa67debef8d6a1bfd06a2b597e32901ddc761ab483a85393f0d9a75838f1912461d4dbfc7
+  languageName: node
+  linkType: hard
+
+"range-parser@npm:^1.2.1, range-parser@npm:~1.2.1":
+  version: 1.2.1
+  resolution: "range-parser@npm:1.2.1"
+  checksum: 0a268d4fea508661cf5743dfe3d5f47ce214fd6b7dec1de0da4d669dd4ef3d2144468ebe4179049eff253d9d27e719c88dae55be64f954e80135a0cada804ec9
+  languageName: node
+  linkType: hard
+
+"raw-body@npm:2.4.3":
+  version: 2.4.3
+  resolution: "raw-body@npm:2.4.3"
+  dependencies:
+    bytes: 3.1.2
+    http-errors: 1.8.1
+    iconv-lite: 0.4.24
+    unpipe: 1.0.0
+  checksum: d2961fa3c71c9c22dc2c3fd60ff377bf36dfed7d7a748f2b25d585934a3e9df565bb9aa5bc2e3a716ea941f4bc2a6ddc795c8b0cf7219fb071029b59b1985394
+  languageName: node
+  linkType: hard
+
+"rc@npm:^1.2.7, rc@npm:^1.2.8":
+  version: 1.2.8
+  resolution: "rc@npm:1.2.8"
+  dependencies:
+    deep-extend: ^0.6.0
+    ini: ~1.3.0
+    minimist: ^1.2.0
+    strip-json-comments: ~2.0.1
+  bin:
+    rc: ./cli.js
+  checksum: 2e26e052f8be2abd64e6d1dabfbd7be03f80ec18ccbc49562d31f617d0015fbdbcf0f9eed30346ea6ab789e0fdfe4337f033f8016efdbee0df5354751842080e
+  languageName: node
+  linkType: hard
+
+"react-beautiful-dnd@npm:^13.1.0":
+  version: 13.1.0
+  resolution: "react-beautiful-dnd@npm:13.1.0"
+  dependencies:
+    "@babel/runtime": ^7.9.2
+    css-box-model: ^1.2.0
+    memoize-one: ^5.1.1
+    raf-schd: ^4.0.2
+    react-redux: ^7.2.0
+    redux: ^4.0.4
+    use-memo-one: ^1.1.1
+  peerDependencies:
+    react: ^16.8.5 || ^17.0.0
+    react-dom: ^16.8.5 || ^17.0.0
+  checksum: 12b7e9fbe872783e0f899e03f2e80deee085aa1e2cec3d556c1d06bdbafbda7a3c9cf7a3a6b26544617eb2e50d0e3518001bd8300370704bf5a8c9c21f54ec90
+  languageName: node
+  linkType: hard
+
+"react-chartjs-2@npm:^4.0.1":
+  version: 4.0.1
+  resolution: "react-chartjs-2@npm:4.0.1"
+  peerDependencies:
+    chart.js: ^3.5.0
+    react: ^16.8.0 || ^17.0.0
+  checksum: c22e994c73c0fba8140e9228703b3a94f54a053b00b7a70a53d7056139349f3032daf1512fa38bad23e8e348affc4e36ebbfea8beb5e4c5802bfc8c72d9c68d6
+  languageName: node
+  linkType: hard
+
+"react-copy-to-clipboard@npm:^5.0.4":
+  version: 5.0.4
+  resolution: "react-copy-to-clipboard@npm:5.0.4"
+  dependencies:
+    copy-to-clipboard: ^3
+    prop-types: ^15.5.8
+  peerDependencies:
+    react: ^15.3.0 || ^16.0.0 || ^17.0.0
+  checksum: dae8caae192d4937a151ec3ddad540fe4846d28646aee6d90774abcc6a077761926c99f2bcd9506a76a65524ec2c32b5ec1341e8096fcd3f6335365eaf065137
+  languageName: node
+  linkType: hard
+
+"react-dom@npm:^17.0.2":
+  version: 17.0.2
+  resolution: "react-dom@npm:17.0.2"
+  dependencies:
+    loose-envify: ^1.1.0
+    object-assign: ^4.1.1
+    scheduler: ^0.20.2
+  peerDependencies:
+    react: 17.0.2
+  checksum: 1c1eaa3bca7c7228d24b70932e3d7c99e70d1d04e13bb0843bbf321582bc25d7961d6b8a6978a58a598af2af496d1cedcfb1bf65f6b0960a0a8161cb8dab743c
+  languageName: node
+  linkType: hard
+
+"react-dropzone@npm:^11.7.1":
+  version: 11.7.1
+  resolution: "react-dropzone@npm:11.7.1"
+  dependencies:
+    attr-accept: ^2.2.2
+    file-selector: ^0.4.0
+    prop-types: ^15.8.1
+  peerDependencies:
+    react: ">= 16.8"
+  checksum: 7549bb67da5222dfbb7b79d9df84a4f2bd417e53396df8b0772a95fd7621ec967b87a17ff7f1e54eb5597d73c51c2a0d16328c792b11e751c73e18e2f7160207
+  languageName: node
+  linkType: hard
+
+"react-i18next@npm:^11.16.5":
+  version: 11.16.5
+  resolution: "react-i18next@npm:11.16.5"
+  dependencies:
+    "@babel/runtime": ^7.14.5
+    html-escaper: ^2.0.2
+    html-parse-stringify: ^3.0.1
+  peerDependencies:
+    i18next: ">= 19.0.0"
+    react: ">= 16.8.0"
+  peerDependenciesMeta:
+    react-dom:
+      optional: true
+    react-native:
+      optional: true
+  checksum: 3934f9c1dd3eace157858f06d8813ced22c396201853ea5400059da7b9227dca91b67103a6829fb7ba8bb24179ba321ed327b8a8847b31ae3b18b4abcad5d87c
+  languageName: node
+  linkType: hard
+
+"react-is@npm:^16.13.1, react-is@npm:^16.6.0, react-is@npm:^16.6.3, react-is@npm:^16.7.0, react-is@npm:^16.8.6":
+  version: 16.13.1
+  resolution: "react-is@npm:16.13.1"
+  checksum: f7a19ac3496de32ca9ae12aa030f00f14a3d45374f1ceca0af707c831b2a6098ef0d6bdae51bd437b0a306d7f01d4677fcc8de7c0d331eb47ad0f46130e53c5f
+  languageName: node
+  linkType: hard
+
+"react-is@npm:^17.0.1, react-is@npm:^17.0.2":
+  version: 17.0.2
+  resolution: "react-is@npm:17.0.2"
+  checksum: 9d6d111d8990dc98bc5402c1266a808b0459b5d54830bbea24c12d908b536df7883f268a7868cfaedde3dd9d4e0d574db456f84d2e6df9c4526f99bb4b5344d8
+  languageName: node
+  linkType: hard
+
+"react-markdown@npm:^5.0.3":
+  version: 5.0.3
+  resolution: "react-markdown@npm:5.0.3"
+  dependencies:
+    "@types/mdast": ^3.0.3
+    "@types/unist": ^2.0.3
+    html-to-react: ^1.3.4
+    mdast-add-list-metadata: 1.0.1
+    prop-types: ^15.7.2
+    react-is: ^16.8.6
+    remark-parse: ^9.0.0
+    unified: ^9.0.0
+    unist-util-visit: ^2.0.0
+    xtend: ^4.0.1
+  peerDependencies:
+    "@types/react": ">=16"
+    react: ">=16"
+  checksum: c971d0bcced6910745dfcfa635b5d62ae14b8ac860136348ef11bb8db2b2eac3d8662c5e27ad13d5d1ba4eaf4be110043d8c6abd34c31d074a538a0fe6cdd464
+  languageName: node
+  linkType: hard
+
+"react-popper@npm:^1.3.4":
+  version: 1.3.7
+  resolution: "react-popper@npm:1.3.7"
+  dependencies:
+    "@babel/runtime": ^7.1.2
+    create-react-context: ^0.3.0
+    deep-equal: ^1.1.1
+    popper.js: ^1.14.4
+    prop-types: ^15.6.1
+    typed-styles: ^0.0.7
+    warning: ^4.0.2
+  peerDependencies:
+    react: 0.14.x || ^15.0.0 || ^16.0.0
+  checksum: 9ba10e852d6a6d8d8b0a8e5482307b656254addec66c37969ff14516067f564281e6a54ca4a18a7c790cbafbf405d0d152f288729e61cb28274371838923da59
+  languageName: node
+  linkType: hard
+
+"react-qr-reader@npm:^2.2.1":
+  version: 2.2.1
+  resolution: "react-qr-reader@npm:2.2.1"
+  dependencies:
+    jsqr: ^1.2.0
+    prop-types: ^15.7.2
+    webrtc-adapter: ^7.2.1
+  peerDependencies:
+    react: ~16
+    react-dom: ~16
+  checksum: a6e997fdd9106dc06efd5df979c49174cf5da97ced9dd1212ebe084fc6c346d2b8a636c6e710668bde32ced28a54e0a4a99e843101062fc3ca99cb90287473cb
+  languageName: node
+  linkType: hard
+
+"react-redux@npm:^7.2.0":
+  version: 7.2.3
+  resolution: "react-redux@npm:7.2.3"
+  dependencies:
+    "@babel/runtime": ^7.12.1
+    "@types/react-redux": ^7.1.16
+    hoist-non-react-statics: ^3.3.2
+    loose-envify: ^1.4.0
+    prop-types: ^15.7.2
+    react-is: ^16.13.1
+  peerDependencies:
+    react: ^16.8.3 || ^17
+    redux: ^2.0.0 || ^3.0.0 || ^4.0.0-0
+  peerDependenciesMeta:
+    react-dom:
+      optional: true
+    react-native:
+      optional: true
+  checksum: e4c7b1d9518f8977afb1db8074bc6c029ca0c02fb64ac1361e8b784e11b027c1869c664af6d329a8df4320b455a4fe0f22089d1fdab24c7ec82c78cefff1e1a6
+  languageName: node
+  linkType: hard
+
+"react-router-dom@npm:^5.3.0":
+  version: 5.3.0
+  resolution: "react-router-dom@npm:5.3.0"
+  dependencies:
+    "@babel/runtime": ^7.12.13
+    history: ^4.9.0
+    loose-envify: ^1.3.1
+    prop-types: ^15.6.2
+    react-router: 5.2.1
+    tiny-invariant: ^1.0.2
+    tiny-warning: ^1.0.0
+  peerDependencies:
+    react: ">=15"
+  checksum: 47584fd629ecca52398d7888cab193b8a74057cc99a7ef44410c405d4082f618c3c0399db5325bc3524f9c511404086169570013b61a94dfa6acdfdc850d7a1f
+  languageName: node
+  linkType: hard
+
+"react-router@npm:5.2.1, react-router@npm:^5.2.1":
+  version: 5.2.1
+  resolution: "react-router@npm:5.2.1"
+  dependencies:
+    "@babel/runtime": ^7.12.13
+    history: ^4.9.0
+    hoist-non-react-statics: ^3.1.0
+    loose-envify: ^1.3.1
+    mini-create-react-context: ^0.4.0
+    path-to-regexp: ^1.7.0
+    prop-types: ^15.6.2
+    react-is: ^16.6.0
+    tiny-invariant: ^1.0.2
+    tiny-warning: ^1.0.0
+  peerDependencies:
+    react: ">=15"
+  checksum: 7daae084bf64531eb619cc5f4cc40ce5ae0a541b64f71d74ec71a38cbf6130ebdbb7cf38f157303fad5846deec259401f96c4d6c7386466dcc989719e01f9aaa
+  languageName: node
+  linkType: hard
+
+"react-tooltip@npm:^4.2.21":
+  version: 4.2.21
+  resolution: "react-tooltip@npm:4.2.21"
+  dependencies:
+    prop-types: ^15.7.2
+    uuid: ^7.0.3
+  peerDependencies:
+    react: ">=16.0.0"
+    react-dom: ">=16.0.0"
+  checksum: dd145ae90768a8af5518672bfd91b985a57ff021b50a60044caedd872b457ea5134793cf8d5426bd45587fa6f722320936009f5c6533a4f94d665c0a23589222
+  languageName: node
+  linkType: hard
+
+"react@npm:^17.0.2":
+  version: 17.0.2
+  resolution: "react@npm:17.0.2"
+  dependencies:
+    loose-envify: ^1.1.0
+    object-assign: ^4.1.1
+  checksum: b254cc17ce3011788330f7bbf383ab653c6848902d7936a87b09d835d091e3f295f7e9dd1597c6daac5dc80f90e778c8230218ba8ad599f74adcc11e33b9d61b
+  languageName: node
+  linkType: hard
+
+"read-config-file@npm:6.2.0":
+  version: 6.2.0
+  resolution: "read-config-file@npm:6.2.0"
+  dependencies:
+    dotenv: ^9.0.2
+    dotenv-expand: ^5.1.0
+    js-yaml: ^4.1.0
+    json5: ^2.2.0
+    lazy-val: ^1.0.4
+  checksum: 51e30db82244b8ceea19143207a52c5210fa17f5282ec43e9485cf7da87ac4ee3a0fb961cccc5c7af319b06d004baa0154349e09ca8ca7235ae7e5ac7c14c3f3
+  languageName: node
+  linkType: hard
+
+"read-pkg-up@npm:^7.0.0, read-pkg-up@npm:^7.0.1":
+  version: 7.0.1
+  resolution: "read-pkg-up@npm:7.0.1"
+  dependencies:
+    find-up: ^4.1.0
+    read-pkg: ^5.2.0
+    type-fest: ^0.8.1
+  checksum: e4e93ce70e5905b490ca8f883eb9e48b5d3cebc6cd4527c25a0d8f3ae2903bd4121c5ab9c5a3e217ada0141098eeb661313c86fa008524b089b8ed0b7f165e44
+  languageName: node
+  linkType: hard
+
+"read-pkg@npm:^5.2.0":
+  version: 5.2.0
+  resolution: "read-pkg@npm:5.2.0"
+  dependencies:
+    "@types/normalize-package-data": ^2.4.0
+    normalize-package-data: ^2.5.0
+    parse-json: ^5.0.0
+    type-fest: ^0.6.0
+  checksum: eb696e60528b29aebe10e499ba93f44991908c57d70f2d26f369e46b8b9afc208ef11b4ba64f67630f31df8b6872129e0a8933c8c53b7b4daf0eace536901222
+  languageName: node
+  linkType: hard
+
+"read@npm:^1.0.7":
+  version: 1.0.7
+  resolution: "read@npm:1.0.7"
+  dependencies:
+    mute-stream: ~0.0.4
+  checksum: 2777c254e5732cac96f5d0a1c0f6b836c89ae23d8febd405b206f6f24d5de1873420f1a0795e0e3721066650d19adf802c7882c4027143ee0acf942a4f34f97b
+  languageName: node
+  linkType: hard
+
+"readable-stream@npm:3, readable-stream@npm:^3.0.6, readable-stream@npm:^3.1.1, readable-stream@npm:^3.4.0, readable-stream@npm:^3.5.0, readable-stream@npm:^3.6.0":
+  version: 3.6.0
+  resolution: "readable-stream@npm:3.6.0"
+  dependencies:
+    inherits: ^2.0.3
+    string_decoder: ^1.1.1
+    util-deprecate: ^1.0.1
+  checksum: d4ea81502d3799439bb955a3a5d1d808592cf3133350ed352aeaa499647858b27b1c4013984900238b0873ec8d0d8defce72469fb7a83e61d53f5ad61cb80dc8
+  languageName: node
+  linkType: hard
+
+"readable-stream@npm:^2.0.0, readable-stream@npm:^2.0.1, readable-stream@npm:^2.0.5, readable-stream@npm:^2.0.6, readable-stream@npm:^2.1.5, readable-stream@npm:^2.2.2, readable-stream@npm:^2.3.3, readable-stream@npm:^2.3.5, readable-stream@npm:^2.3.6, readable-stream@npm:~2.3.6":
+  version: 2.3.7
+  resolution: "readable-stream@npm:2.3.7"
+  dependencies:
+    core-util-is: ~1.0.0
+    inherits: ~2.0.3
+    isarray: ~1.0.0
+    process-nextick-args: ~2.0.0
+    safe-buffer: ~5.1.1
+    string_decoder: ~1.1.1
+    util-deprecate: ~1.0.1
+  checksum: e4920cf7549a60f8aaf694d483a0e61b2a878b969d224f89b3bc788b8d920075132c4b55a7494ee944c7b6a9a0eada28a7f6220d80b0312ece70bbf08eeca755
+  languageName: node
+  linkType: hard
+
+"readdir-glob@npm:^1.0.0":
+  version: 1.1.1
+  resolution: "readdir-glob@npm:1.1.1"
+  dependencies:
+    minimatch: ^3.0.4
+  checksum: 8dc4ff606aa9ac8f6ac628dfad918aed6514c8b427922928f2ef380a1be106d5b6f1d106af34607955ad504f89f39d83a9b42c5316ed8b96b5f75391e33a6afc
+  languageName: node
+  linkType: hard
+
+"readdirp@npm:~3.6.0":
+  version: 3.6.0
+  resolution: "readdirp@npm:3.6.0"
+  dependencies:
+    picomatch: ^2.2.1
+  checksum: 1ced032e6e45670b6d7352d71d21ce7edf7b9b928494dcaba6f11fba63180d9da6cd7061ebc34175ffda6ff529f481818c962952004d273178acd70f7059b320
+  languageName: node
+  linkType: hard
+
+"recast@npm:^0.11.17":
+  version: 0.11.23
+  resolution: "recast@npm:0.11.23"
+  dependencies:
+    ast-types: 0.9.6
+    esprima: ~3.1.0
+    private: ~0.1.5
+    source-map: ~0.5.0
+  checksum: e2a6f973fa8e7f4aac6fdebd27706d67570c71d127632f15fad350a430c63b0dcdd9d7ceffad547b07114b5d28895e6fe078a287c1f8e5410c90aaa7289787ac
+  languageName: node
+  linkType: hard
+
+"receptacle@npm:^1.3.2":
+  version: 1.3.2
+  resolution: "receptacle@npm:1.3.2"
+  dependencies:
+    ms: ^2.1.1
+  checksum: 7c5011f19e6ddcb759c1e6756877cee3c9eb78fbd1278eca4572d75f74993f0ccdc1e5f7761de6e682dff5344ee94f7a69bc492e2e8eb81d8777774a2399ce9c
+  languageName: node
+  linkType: hard
+
+"rechoir@npm:^0.6.2":
+  version: 0.6.2
+  resolution: "rechoir@npm:0.6.2"
+  dependencies:
+    resolve: ^1.1.6
+  checksum: fe76bf9c21875ac16e235defedd7cbd34f333c02a92546142b7911a0f7c7059d2e16f441fe6fb9ae203f459c05a31b2bcf26202896d89e390eda7514d5d2702b
+  languageName: node
+  linkType: hard
+
+"rechoir@npm:^0.7.0":
+  version: 0.7.0
+  resolution: "rechoir@npm:0.7.0"
+  dependencies:
+    resolve: ^1.9.0
+  checksum: 15f55f55e06c175d98df85d503b139982378e7ca34e157439125e5a6f25a5cbd9cfe2aa2d1052e2c1edf89d7d22dc020c911fc968702c84f669a16a12a1ec7ac
+  languageName: node
+  linkType: hard
+
+"recursive-fs@npm:^1.1.2":
+  version: 1.1.2
+  resolution: "recursive-fs@npm:1.1.2"
+  bin:
+    recursive-copy: ./bin/recursive-copy
+    recursive-delete: ./bin/recursive-delete
+  checksum: 6b330d2e6b1359b179736c77ecdf64cc98e778fde676ca7b39b3ea6045dbab4d659d625ffb45e1c31871e8ee2c9bc73f9cf72f661baecf1053677614ceef0989
+  languageName: node
+  linkType: hard
+
+"redent@npm:^3.0.0":
+  version: 3.0.0
+  resolution: "redent@npm:3.0.0"
+  dependencies:
+    indent-string: ^4.0.0
+    strip-indent: ^3.0.0
+  checksum: fa1ef20404a2d399235e83cc80bd55a956642e37dd197b4b612ba7327bf87fa32745aeb4a1634b2bab25467164ab4ed9c15be2c307923dd08b0fe7c52431ae6b
+  languageName: node
+  linkType: hard
+
+"redux@npm:^4.0.0, redux@npm:^4.0.4":
+  version: 4.0.5
+  resolution: "redux@npm:4.0.5"
+  dependencies:
+    loose-envify: ^1.4.0
+    symbol-observable: ^1.2.0
+  checksum: 23689ba4318bfffd4517c8c8d49c5e9a7df1b864b3cf4a4784e10060652e28054586a4a64053d1252ae5f105da61cda03fe01a422b05a053c8604b1be1689d16
+  languageName: node
+  linkType: hard
+
+"regenerate-unicode-properties@npm:^8.2.0":
+  version: 8.2.0
+  resolution: "regenerate-unicode-properties@npm:8.2.0"
+  dependencies:
+    regenerate: ^1.4.0
+  checksum: ee7db70ab25b95f2e3f39537089fc3eddba0b39fc9b982d6602f127996ce873d8c55584d5428486ca00dc0a85d174d943354943cd4a745cda475c8fe314b4f8a
+  languageName: node
+  linkType: hard
+
+"regenerate@npm:^1.4.0":
+  version: 1.4.2
+  resolution: "regenerate@npm:1.4.2"
+  checksum: 3317a09b2f802da8db09aa276e469b57a6c0dd818347e05b8862959c6193408242f150db5de83c12c3fa99091ad95fb42a6db2c3329bfaa12a0ea4cbbeb30cb0
+  languageName: node
+  linkType: hard
+
+"regenerator-runtime@npm:^0.13.4":
+  version: 0.13.7
+  resolution: "regenerator-runtime@npm:0.13.7"
+  checksum: 52b66e6669152c0b1bccd95c8e11aabbfe67bb97bdf00e223bdf723b0f0052d4da5c02001d4c4bef576bdc5bcdc38a20496d1b5363b65c950c8434ed5071d9e0
+  languageName: node
+  linkType: hard
+
+"regenerator-transform@npm:^0.15.0":
+  version: 0.15.0
+  resolution: "regenerator-transform@npm:0.15.0"
+  dependencies:
+    "@babel/runtime": ^7.8.4
+  checksum: 86e54849ab1167618d28bb56d214c52a983daf29b0d115c976d79840511420049b6b42c9ebdf187defa8e7129bdd74b6dd266420d0d3868c9fa7f793b5d15d49
+  languageName: node
+  linkType: hard
+
+"regexp.prototype.flags@npm:^1.2.0, regexp.prototype.flags@npm:^1.3.1":
+  version: 1.3.1
+  resolution: "regexp.prototype.flags@npm:1.3.1"
+  dependencies:
+    call-bind: ^1.0.2
+    define-properties: ^1.1.3
+  checksum: 343595db5a6bbbb3bfbda881f9c74832cfa9fc0039e64a43843f6bb9158b78b921055266510800ed69d4997638890b17a46d55fd9f32961f53ae56ac3ec4dd05
+  languageName: node
+  linkType: hard
+
+"regexpp@npm:^3.0.0, regexpp@npm:^3.2.0":
+  version: 3.2.0
+  resolution: "regexpp@npm:3.2.0"
+  checksum: a78dc5c7158ad9ddcfe01aa9144f46e192ddbfa7b263895a70a5c6c73edd9ce85faf7c0430e59ac38839e1734e275b9c3de5c57ee3ab6edc0e0b1bdebefccef8
+  languageName: node
+  linkType: hard
+
+"regexpu-core@npm:^4.7.1":
+  version: 4.7.1
+  resolution: "regexpu-core@npm:4.7.1"
+  dependencies:
+    regenerate: ^1.4.0
+    regenerate-unicode-properties: ^8.2.0
+    regjsgen: ^0.5.1
+    regjsparser: ^0.6.4
+    unicode-match-property-ecmascript: ^1.0.4
+    unicode-match-property-value-ecmascript: ^1.2.0
+  checksum: 368b4aab72132ba3c8bd114822572c920d390ae99d3d219e0c7f872c6a0a3b1fbe30c88188ff90ec6f8e681667fa8e51d84a78bb05c460996a0df6a060b7ae80
+  languageName: node
+  linkType: hard
+
+"registry-auth-token@npm:^4.0.0":
+  version: 4.2.1
+  resolution: "registry-auth-token@npm:4.2.1"
+  dependencies:
+    rc: ^1.2.8
+  checksum: aa72060b573a50607cfd2dee16d0e51e13ca58b6a80442e74545325dc24d2c38896e6bad229bdcc1fc9759fa81b4066be8693d4d6f45927318e7c793a93e9cd0
+  languageName: node
+  linkType: hard
+
+"registry-url@npm:^5.0.0":
+  version: 5.1.0
+  resolution: "registry-url@npm:5.1.0"
+  dependencies:
+    rc: ^1.2.8
+  checksum: bcea86c84a0dbb66467b53187fadebfea79017cddfb4a45cf27530d7275e49082fe9f44301976eb0164c438e395684bcf3dae4819b36ff9d1640d8cc60c73df9
+  languageName: node
+  linkType: hard
+
+"regjsgen@npm:^0.5.1":
+  version: 0.5.2
+  resolution: "regjsgen@npm:0.5.2"
+  checksum: 87c83d8488affae2493a823904de1a29a1867a07433c5e1142ad749b5606c5589b305fe35bfcc0972cf5a3b0d66b1f7999009e541be39a5d42c6041c59e2fb52
+  languageName: node
+  linkType: hard
+
+"regjsparser@npm:^0.6.4":
+  version: 0.6.4
+  resolution: "regjsparser@npm:0.6.4"
+  dependencies:
+    jsesc: ~0.5.0
+  bin:
+    regjsparser: bin/parser
+  checksum: 6058749f802a519d37ebbd6ee6c584a65045c3ae4822a54d53666fd56dfdc3363c6905cf9840956becf34111793fe284db75d57342f4263291b29da0a404e9fe
+  languageName: node
+  linkType: hard
+
+"relateurl@npm:^0.2.7":
+  version: 0.2.7
+  resolution: "relateurl@npm:0.2.7"
+  checksum: 5891e792eae1dfc3da91c6fda76d6c3de0333a60aa5ad848982ebb6dccaa06e86385fb1235a1582c680a3d445d31be01c6bfc0804ebbcab5aaf53fa856fde6b6
+  languageName: node
+  linkType: hard
+
+"remark-gfm@npm:^1.0.0":
+  version: 1.0.0
+  resolution: "remark-gfm@npm:1.0.0"
+  dependencies:
+    mdast-util-gfm: ^0.1.0
+    micromark-extension-gfm: ^0.3.0
+  checksum: 877b0f6472a90a490b5d5a1393f46d22c4ab7451b1e83ebd7362e5be9c661b6ed03e76c28f76894f460bedf23345c589d3f412c273ce0d4d442c6a4d65b0eae4
+  languageName: node
+  linkType: hard
+
+"remark-html@npm:^13.0.1":
+  version: 13.0.1
+  resolution: "remark-html@npm:13.0.1"
+  dependencies:
+    hast-util-sanitize: ^3.0.0
+    hast-util-to-html: ^7.0.0
+    mdast-util-to-hast: ^10.0.0
+  checksum: 75250044b5ac562a5388b81df0b4e5967d18975a33b440ca9fb0934fcbba4651141477253ddb9ff960d898dd067735af5f693d8f06a051ff1ed18d47b01c2c93
+  languageName: node
+  linkType: hard
+
+"remark-parse@npm:^9.0.0":
+  version: 9.0.0
+  resolution: "remark-parse@npm:9.0.0"
+  dependencies:
+    mdast-util-from-markdown: ^0.8.0
+  checksum: 50104880549639b7dd7ae6f1e23c214915fe9c054f02f3328abdaee3f6de6d7282bf4357c3c5b106958fe75e644a3c248c2197755df34f9955e8e028fc74868f
+  languageName: node
+  linkType: hard
+
+"remark-stringify@npm:^9.0.0":
+  version: 9.0.1
+  resolution: "remark-stringify@npm:9.0.1"
+  dependencies:
+    mdast-util-to-markdown: ^0.6.0
+  checksum: 93f46076f4d96ab1946d13e7dd43e83088480ac6b1dfe05a65e2c2f0e33d1f52a50175199b464a81803fc0f5b3bf182037665f89720b30515eba37bec4d63d56
+  languageName: node
+  linkType: hard
+
+"remark@npm:^13.0.0":
+  version: 13.0.0
+  resolution: "remark@npm:13.0.0"
+  dependencies:
+    remark-parse: ^9.0.0
+    remark-stringify: ^9.0.0
+    unified: ^9.1.0
+  checksum: e3432bfa1b0029680302e99a6356c08789b3e908457a71eca37ada6a58497e302f08bd5f62fbad840082a8348c181b7f6f981aaf3cd3112207583ddf793a2429
+  languageName: node
+  linkType: hard
+
+"remove-bom-buffer@npm:^3.0.0":
+  version: 3.0.0
+  resolution: "remove-bom-buffer@npm:3.0.0"
+  dependencies:
+    is-buffer: ^1.1.5
+    is-utf8: ^0.2.1
+  checksum: e508fd92e5c7b210123485a366b00bb46fe15ef2c23ae90b05cd365bbfeede429ae70f32bce150fc6467e53c921bc0d9a5c7e33d865009c99603f9fbf7c8b7ae
+  languageName: node
+  linkType: hard
+
+"remove-bom-stream@npm:^1.2.0":
+  version: 1.2.0
+  resolution: "remove-bom-stream@npm:1.2.0"
+  dependencies:
+    remove-bom-buffer: ^3.0.0
+    safe-buffer: ^5.1.0
+    through2: ^2.0.3
+  checksum: 32533fa1925a753cfeb352efe7f01c4171de992275e39f66672752669a457d6cdaaa1c9fd41a25b0e54cd6c0db4987a01a2593c01680a6d5e7b5076d27540786
+  languageName: node
+  linkType: hard
+
+"remove-markdown@npm:^0.2.2":
+  version: 0.2.2
+  resolution: "remove-markdown@npm:0.2.2"
+  checksum: ce645115c0456a9b0132d1e6c3022e13a35e6efe8eff96b3da50f709b928379caf6a773e000a10158fb4b3dccd3262ec880c68fbe0a0d23dc30ec881672dbaa6
+  languageName: node
+  linkType: hard
+
+"remove-trailing-separator@npm:^1.0.1":
+  version: 1.1.0
+  resolution: "remove-trailing-separator@npm:1.1.0"
+  checksum: d3c20b5a2d987db13e1cca9385d56ecfa1641bae143b620835ac02a6b70ab88f68f117a0021838db826c57b31373d609d52e4f31aca75fc490c862732d595419
+  languageName: node
+  linkType: hard
+
+"renderkid@npm:^3.0.0":
+  version: 3.0.0
+  resolution: "renderkid@npm:3.0.0"
+  dependencies:
+    css-select: ^4.1.3
+    dom-converter: ^0.2.0
+    htmlparser2: ^6.1.0
+    lodash: ^4.17.21
+    strip-ansi: ^6.0.1
+  checksum: 77162b62d6f33ab81f337c39efce0439ff0d1f6d441e29c35183151f83041c7850774fb904da163d6c844264d440d10557714e6daa0b19e4561a5cd4ef305d41
+  languageName: node
+  linkType: hard
+
+"repeat-string@npm:^1.0.0":
+  version: 1.6.1
+  resolution: "repeat-string@npm:1.6.1"
+  checksum: 1b809fc6db97decdc68f5b12c4d1a671c8e3f65ec4a40c238bc5200e44e85bcc52a54f78268ab9c29fcf5fe4f1343e805420056d1f30fa9a9ee4c2d93e3cc6c0
+  languageName: node
+  linkType: hard
+
+"replace-ext@npm:^1.0.0":
+  version: 1.0.1
+  resolution: "replace-ext@npm:1.0.1"
+  checksum: 4994ea1aaa3d32d152a8d98ff638988812c4fa35ba55485630008fe6f49e3384a8a710878e6fd7304b42b38d1b64c1cd070e78ece411f327735581a79dd88571
+  languageName: node
+  linkType: hard
+
+"request@npm:^2.79.0, request@npm:^2.88.2":
+  version: 2.88.2
+  resolution: "request@npm:2.88.2"
+  dependencies:
+    aws-sign2: ~0.7.0
+    aws4: ^1.8.0
+    caseless: ~0.12.0
+    combined-stream: ~1.0.6
+    extend: ~3.0.2
+    forever-agent: ~0.6.1
+    form-data: ~2.3.2
+    har-validator: ~5.1.3
+    http-signature: ~1.2.0
+    is-typedarray: ~1.0.0
+    isstream: ~0.1.2
+    json-stringify-safe: ~5.0.1
+    mime-types: ~2.1.19
+    oauth-sign: ~0.9.0
+    performance-now: ^2.1.0
+    qs: ~6.5.2
+    safe-buffer: ^5.1.2
+    tough-cookie: ~2.5.0
+    tunnel-agent: ^0.6.0
+    uuid: ^3.3.2
+  checksum: 4e112c087f6eabe7327869da2417e9d28fcd0910419edd2eb17b6acfc4bfa1dad61954525949c228705805882d8a98a86a0ea12d7f739c01ee92af7062996983
+  languageName: node
+  linkType: hard
+
+"require-directory@npm:^2.1.1":
+  version: 2.1.1
+  resolution: "require-directory@npm:2.1.1"
+  checksum: fb47e70bf0001fdeabdc0429d431863e9475e7e43ea5f94ad86503d918423c1543361cc5166d713eaa7029dd7a3d34775af04764bebff99ef413111a5af18c80
+  languageName: node
+  linkType: hard
+
+"require-from-string@npm:^2.0.2":
+  version: 2.0.2
+  resolution: "require-from-string@npm:2.0.2"
+  checksum: a03ef6895445f33a4015300c426699bc66b2b044ba7b670aa238610381b56d3f07c686251740d575e22f4c87531ba662d06937508f0f3c0f1ddc04db3130560b
+  languageName: node
+  linkType: hard
+
+"requirejs-config-file@npm:^4.0.0":
+  version: 4.0.0
+  resolution: "requirejs-config-file@npm:4.0.0"
+  dependencies:
+    esprima: ^4.0.0
+    stringify-object: ^3.2.1
+  checksum: 61ac1c419a8978df9484211827047f0a43d48a97e242ebca9628a2e52da8c739ee068bd67dc4d5dc5fd7be6d1c9a863006bb02df691c86914921fe12713fbebb
+  languageName: node
+  linkType: hard
+
+"requirejs@npm:^2.3.5":
+  version: 2.3.6
+  resolution: "requirejs@npm:2.3.6"
+  bin:
+    r.js: ./bin/r.js
+    r_js: ./bin/r.js
+  checksum: 7c3c006bf5e1887d93ac7adb7f600328918d23cf3d28282a505a2873d4ddde499c7ec560e55cee3440d17fe1205cb4dcb72b07f35b39e8940372eca850e49b62
+  languageName: node
+  linkType: hard
+
+"requires-port@npm:^1.0.0":
+  version: 1.0.0
+  resolution: "requires-port@npm:1.0.0"
+  checksum: eee0e303adffb69be55d1a214e415cf42b7441ae858c76dfc5353148644f6fd6e698926fc4643f510d5c126d12a705e7c8ed7e38061113bdf37547ab356797ff
+  languageName: node
+  linkType: hard
+
+"reselect@npm:^4.0.0":
+  version: 4.0.0
+  resolution: "reselect@npm:4.0.0"
+  checksum: ac7dfc9ef2cdb42b6fc87a856f3ce904c2e4363a2bc1e6fb7eea5f78902a6f506e4388e6509752984877c6dbfe501100c076671d334799eb5a1bfe9936cb2c12
+  languageName: node
+  linkType: hard
+
+"resolve-alpn@npm:^1.0.0":
+  version: 1.0.0
+  resolution: "resolve-alpn@npm:1.0.0"
+  checksum: 146b739f14fad759bc137e7642b4859a7d7a290b61e00db37a468f159932ccefe610006604e6aa7ba2a2991cbd627246f0c74717e8942b7c805c346da35c3f3f
+  languageName: node
+  linkType: hard
+
+"resolve-cwd@npm:^3.0.0":
+  version: 3.0.0
+  resolution: "resolve-cwd@npm:3.0.0"
+  dependencies:
+    resolve-from: ^5.0.0
+  checksum: 546e0816012d65778e580ad62b29e975a642989108d9a3c5beabfb2304192fa3c9f9146fbdfe213563c6ff51975ae41bac1d3c6e047dd9572c94863a057b4d81
+  languageName: node
+  linkType: hard
+
+"resolve-dependency-path@npm:^2.0.0":
+  version: 2.0.0
+  resolution: "resolve-dependency-path@npm:2.0.0"
+  checksum: 161296969a0a7853ebb7710847154ffb5bd11a51c370b67a0d0c89cacfcb57063d204587617fd030ea227bfd19a3c4af79d39e9d20ae0fbe354c27598d1ea8a8
+  languageName: node
+  linkType: hard
+
+"resolve-from@npm:^4.0.0":
+  version: 4.0.0
+  resolution: "resolve-from@npm:4.0.0"
+  checksum: f4ba0b8494846a5066328ad33ef8ac173801a51739eb4d63408c847da9a2e1c1de1e6cbbf72699211f3d13f8fc1325648b169bd15eb7da35688e30a5fb0e4a7f
+  languageName: node
+  linkType: hard
+
+"resolve-from@npm:^5.0.0":
+  version: 5.0.0
+  resolution: "resolve-from@npm:5.0.0"
+  checksum: 4ceeb9113e1b1372d0cd969f3468fa042daa1dd9527b1b6bb88acb6ab55d8b9cd65dbf18819f9f9ddf0db804990901dcdaade80a215e7b2c23daae38e64f5bdf
+  languageName: node
+  linkType: hard
+
+"resolve-options@npm:^1.1.0":
+  version: 1.1.0
+  resolution: "resolve-options@npm:1.1.0"
+  dependencies:
+    value-or-function: ^3.0.0
+  checksum: 437813d9418b49e52c367b980b6b48b3ea1ea39105aac97c39f104724abb6cda224ed92ebf12499cf00993589d38c8195eb2be730d0ba8b45df9bdf7cec65b33
+  languageName: node
+  linkType: hard
+
+"resolve-pathname@npm:^3.0.0":
+  version: 3.0.0
+  resolution: "resolve-pathname@npm:3.0.0"
+  checksum: 6147241ba42c423dbe83cb067a2b4af4f60908c3af57e1ea567729cc71416c089737fe2a73e9e79e7a60f00f66c91e4b45ad0d37cd4be2d43fec44963ef14368
+  languageName: node
+  linkType: hard
+
+"resolve.exports@npm:^1.1.0":
+  version: 1.1.0
+  resolution: "resolve.exports@npm:1.1.0"
+  checksum: 52865af8edb088f6c7759a328584a5de6b226754f004b742523adcfe398cfbc4559515104bc2ae87b8e78b1e4de46c9baec400b3fb1f7d517b86d2d48a098a2d
+  languageName: node
+  linkType: hard
+
+"resolve@^1.1.6, resolve@^1.10.0, resolve@^1.10.1, resolve@^1.13.1, resolve@^1.14.2, resolve@^1.17.0, resolve@^1.19.0, resolve@^1.20.0, resolve@^1.9.0, resolve@npm:^1.22.0":
+  version: 1.22.0
+  resolution: "resolve@npm:1.22.0"
+  dependencies:
+    is-core-module: ^2.8.1
+    path-parse: ^1.0.7
+    supports-preserve-symlinks-flag: ^1.0.0
+  bin:
+    resolve: bin/resolve
+  checksum: a2d14cc437b3a23996f8c7367eee5c7cf8149c586b07ca2ae00e96581ce59455555a1190be9aa92154785cf9f2042646c200d0e00e0bbd2b8a995a93a0ed3e4e
+  languageName: node
+  linkType: hard
+
+resolve@^2.0.0-next.3:
+  version: 2.0.0-next.3
+  resolution: "resolve@npm:2.0.0-next.3"
+  dependencies:
+    is-core-module: ^2.2.0
+    path-parse: ^1.0.6
+  checksum: f34b3b93ada77d64a6d590c06a83e198f3a827624c4ec972260905fa6c4d612164fbf0200d16d2beefea4ad1755b001f4a9a1293d8fc2322a8f7d6bf692c4ff5
+  languageName: node
+  linkType: hard
+
+"resolve@patch:resolve@^1.1.6#~builtin<compat/resolve>, resolve@patch:resolve@^1.10.0#~builtin<compat/resolve>, resolve@patch:resolve@^1.10.1#~builtin<compat/resolve>, resolve@patch:resolve@^1.13.1#~builtin<compat/resolve>, resolve@patch:resolve@^1.14.2#~builtin<compat/resolve>, resolve@patch:resolve@^1.17.0#~builtin<compat/resolve>, resolve@patch:resolve@^1.19.0#~builtin<compat/resolve>, resolve@patch:resolve@^1.20.0#~builtin<compat/resolve>, resolve@patch:resolve@^1.22.0#~builtin<compat/resolve>, resolve@patch:resolve@^1.9.0#~builtin<compat/resolve>":
+  version: 1.22.0
+  resolution: "resolve@patch:resolve@npm%3A1.22.0#~builtin<compat/resolve>::version=1.22.0&hash=07638b"
+  dependencies:
+    is-core-module: ^2.8.1
+    path-parse: ^1.0.7
+    supports-preserve-symlinks-flag: ^1.0.0
+  bin:
+    resolve: bin/resolve
+  checksum: c79ecaea36c872ee4a79e3db0d3d4160b593f2ca16e031d8283735acd01715a203607e9ded3f91f68899c2937fa0d49390cddbe0fb2852629212f3cda283f4a7
+  languageName: node
+  linkType: hard
+
+"resolve@patch:resolve@^2.0.0-next.3#~builtin<compat/resolve>":
+  version: 2.0.0-next.3
+  resolution: "resolve@patch:resolve@npm%3A2.0.0-next.3#~builtin<compat/resolve>::version=2.0.0-next.3&hash=07638b"
+  dependencies:
+    is-core-module: ^2.2.0
+    path-parse: ^1.0.6
+  checksum: 21684b4d99a4877337cdbd5484311c811b3e8910edb5d868eec85c6e6550b0f570d911f9a384f9e176172d6713f2715bd0b0887fa512cb8c6aeece018de6a9f8
+  languageName: node
+  linkType: hard
+
+"responselike@npm:^1.0.2":
+  version: 1.0.2
+  resolution: "responselike@npm:1.0.2"
+  dependencies:
+    lowercase-keys: ^1.0.0
+  checksum: 2e9e70f1dcca3da621a80ce71f2f9a9cad12c047145c6ece20df22f0743f051cf7c73505e109814915f23f9e34fb0d358e22827723ee3d56b623533cab8eafcd
+  languageName: node
+  linkType: hard
+
+"responselike@npm:^2.0.0":
+  version: 2.0.0
+  resolution: "responselike@npm:2.0.0"
+  dependencies:
+    lowercase-keys: ^2.0.0
+  checksum: 6a4d32c37d4e88678ae0a9d69fcc90aafa15b1a3eab455bd65c06af3c6c4976afc47d07a0e5a60d277ab041a465f43bf0a581e0d7ab33786e7a7741573f2e487
+  languageName: node
+  linkType: hard
+
+"restore-cursor@npm:^3.1.0":
+  version: 3.1.0
+  resolution: "restore-cursor@npm:3.1.0"
+  dependencies:
+    onetime: ^5.1.0
+    signal-exit: ^3.0.2
+  checksum: f877dd8741796b909f2a82454ec111afb84eb45890eb49ac947d87991379406b3b83ff9673a46012fca0d7844bb989f45cc5b788254cf1a39b6b5a9659de0630
+  languageName: node
+  linkType: hard
+
+"retry@npm:^0.12.0":
+  version: 0.12.0
+  resolution: "retry@npm:0.12.0"
+  checksum: 623bd7d2e5119467ba66202d733ec3c2e2e26568074923bc0585b6b99db14f357e79bdedb63cab56cec47491c4a0da7e6021a7465ca6dc4f481d3898fdd3158c
+  languageName: node
+  linkType: hard
+
+"reusify@npm:^1.0.4":
+  version: 1.0.4
+  resolution: "reusify@npm:1.0.4"
+  checksum: c3076ebcc22a6bc252cb0b9c77561795256c22b757f40c0d8110b1300723f15ec0fc8685e8d4ea6d7666f36c79ccc793b1939c748bf36f18f542744a4e379fcc
+  languageName: node
+  linkType: hard
+
+"rimraf@npm:^3.0.0, rimraf@npm:^3.0.2":
+  version: 3.0.2
+  resolution: "rimraf@npm:3.0.2"
+  dependencies:
+    glob: ^7.1.3
+  bin:
+    rimraf: bin.js
+  checksum: 87f4164e396f0171b0a3386cc1877a817f572148ee13a7e113b238e48e8a9f2f31d009a92ec38a591ff1567d9662c6b67fd8818a2dbbaed74bc26a87a2a4a9a0
+  languageName: node
+  linkType: hard
+
+"rimraf@npm:~2.6.2":
+  version: 2.6.3
+  resolution: "rimraf@npm:2.6.3"
+  dependencies:
+    glob: ^7.1.3
+  bin:
+    rimraf: ./bin.js
+  checksum: 3ea587b981a19016297edb96d1ffe48af7e6af69660e3b371dbfc73722a73a0b0e9be5c88089fbeeb866c389c1098e07f64929c7414290504b855f54f901ab10
+  languageName: node
+  linkType: hard
+
+"ripemd160@npm:^2.0.0, ripemd160@npm:^2.0.1":
+  version: 2.0.2
+  resolution: "ripemd160@npm:2.0.2"
+  dependencies:
+    hash-base: ^3.0.0
+    inherits: ^2.0.1
+  checksum: 006accc40578ee2beae382757c4ce2908a826b27e2b079efdcd2959ee544ddf210b7b5d7d5e80467807604244e7388427330f5c6d4cd61e6edaddc5773ccc393
+  languageName: node
+  linkType: hard
+
+"rlp@npm:^2.2.4":
+  version: 2.2.6
+  resolution: "rlp@npm:2.2.6"
+  dependencies:
+    bn.js: ^4.11.1
+  bin:
+    rlp: bin/rlp
+  checksum: 2601225df0fe7aa3b497b33a12fd9fbaf8fb1d2989ecc5c091918ed93ee77d1c3fab20ddd3891a9ca66a8ba66d993e6079be6fb31f450fcf38ba30873102ca46
+  languageName: node
+  linkType: hard
+
+"roarr@npm:^2.15.3":
+  version: 2.15.4
+  resolution: "roarr@npm:2.15.4"
+  dependencies:
+    boolean: ^3.0.1
+    detect-node: ^2.0.4
+    globalthis: ^1.0.1
+    json-stringify-safe: ^5.0.1
+    semver-compare: ^1.0.0
+    sprintf-js: ^1.1.2
+  checksum: 682e28d5491e3ae99728a35ba188f4f0ccb6347dbd492f95dc9f4bfdfe8ee63d8203ad234766ee2db88c8d7a300714304976eb095ce5c9366fe586c03a21586c
+  languageName: node
+  linkType: hard
+
+"rollup-plugin-cleanup@npm:^3.2.1":
+  version: 3.2.1
+  resolution: "rollup-plugin-cleanup@npm:3.2.1"
+  dependencies:
+    js-cleanup: ^1.2.0
+    rollup-pluginutils: ^2.8.2
+  peerDependencies:
+    rollup: ">=2.0"
+  checksum: e11a6ac0a697a9c17154073cf1e663e31e7b99e3e507dacccd58ea10e9c9ae4c10fe93ee93f68432b9beda8834a71b4dfa73700923f3415ecdac4ee283531c54
+  languageName: node
+  linkType: hard
+
+"rollup-pluginutils@npm:^2.8.2":
+  version: 2.8.2
+  resolution: "rollup-pluginutils@npm:2.8.2"
+  dependencies:
+    estree-walker: ^0.6.1
+  checksum: 339fdf866d8f4ff6e408fa274c0525412f7edb01dc46b5ccda51f575b7e0d20ad72965773376fb5db95a77a7fcfcab97bf841ec08dbadf5d6b08af02b7a2cf5e
+  languageName: node
+  linkType: hard
+
+"rollup@npm:^2.70.1":
+  version: 2.70.1
+  resolution: "rollup@npm:2.70.1"
+  dependencies:
+    fsevents: ~2.3.2
+  dependenciesMeta:
+    fsevents:
+      optional: true
+  bin:
+    rollup: dist/bin/rollup
+  checksum: 06c62933e6e81a1c8c684d7d576e507081aabdb63cc0c91bca86b7348b66df03b77827068e4990b8b6c738bd3ef66dcc8c7ed7e0ea40b736068e7618f693133e
+  languageName: node
+  linkType: hard
+
+"rtcpeerconnection-shim@npm:^1.2.15":
+  version: 1.2.15
+  resolution: "rtcpeerconnection-shim@npm:1.2.15"
+  dependencies:
+    sdp: ^2.6.0
+  checksum: 42a733d8e3846b7e7e3c33b6d5cddec95659ceb39d3f990f0a4437e6d719ed717237fea02352d4a18d86c825a1493eaeb481cc835267d2288b0ce43582b97f46
+  languageName: node
+  linkType: hard
+
+"run-async@npm:^2.4.0":
+  version: 2.4.1
+  resolution: "run-async@npm:2.4.1"
+  checksum: a2c88aa15df176f091a2878eb840e68d0bdee319d8d97bbb89112223259cebecb94bc0defd735662b83c2f7a30bed8cddb7d1674eb48ae7322dc602b22d03797
+  languageName: node
+  linkType: hard
+
+"run-parallel@npm:^1.1.9":
+  version: 1.1.10
+  resolution: "run-parallel@npm:1.1.10"
+  checksum: 360996d8b7abe586320a01a42093df2edf41699bbb0d493a4191ec52dda4354d0b25954e0608162d3bb304faa5f73a194f85d6d0d4c016154b2a8132f757fa98
+  languageName: node
+  linkType: hard
+
+"rxjs@npm:6, rxjs@npm:^6.6.3, rxjs@npm:^6.6.6":
+  version: 6.6.7
+  resolution: "rxjs@npm:6.6.7"
+  dependencies:
+    tslib: ^1.9.0
+  checksum: bc334edef1bb8bbf56590b0b25734ba0deaf8825b703256a93714308ea36dff8a11d25533671adf8e104e5e8f256aa6fdfe39b2e248cdbd7a5f90c260acbbd1b
+  languageName: node
+  linkType: hard
+
+"rxjs@npm:^7.5.5":
+  version: 7.5.5
+  resolution: "rxjs@npm:7.5.5"
+  dependencies:
+    tslib: ^2.1.0
+  checksum: e034f60805210cce756dd2f49664a8108780b117cf5d0e2281506e9e6387f7b4f1532d974a8c8b09314fa7a16dd2f6cff3462072a5789672b5dcb45c4173f3c6
+  languageName: node
+  linkType: hard
+
+"safe-buffer@npm:5.1.2, safe-buffer@npm:~5.1.0, safe-buffer@npm:~5.1.1":
+  version: 5.1.2
+  resolution: "safe-buffer@npm:5.1.2"
+  checksum: f2f1f7943ca44a594893a852894055cf619c1fbcb611237fc39e461ae751187e7baf4dc391a72125e0ac4fb2d8c5c0b3c71529622e6a58f46b960211e704903c
+  languageName: node
+  linkType: hard
+
+"safe-buffer@npm:5.2.1, safe-buffer@npm:>=5.1.0, safe-buffer@npm:^5.0.1, safe-buffer@npm:^5.1.0, safe-buffer@npm:^5.1.1, safe-buffer@npm:^5.1.2, safe-buffer@npm:^5.2.0, safe-buffer@npm:^5.2.1, safe-buffer@npm:~5.2.0":
+  version: 5.2.1
+  resolution: "safe-buffer@npm:5.2.1"
+  checksum: b99c4b41fdd67a6aaf280fcd05e9ffb0813654894223afb78a31f14a19ad220bba8aba1cb14eddce1fcfb037155fe6de4e861784eb434f7d11ed58d1e70dd491
+  languageName: node
+  linkType: hard
+
+"safer-buffer@npm:>= 2.1.2 < 3, safer-buffer@npm:>= 2.1.2 < 3.0.0, safer-buffer@npm:^2.0.2, safer-buffer@npm:^2.1.0, safer-buffer@npm:~2.1.0":
+  version: 2.1.2
+  resolution: "safer-buffer@npm:2.1.2"
+  checksum: cab8f25ae6f1434abee8d80023d7e72b598cf1327164ddab31003c51215526801e40b66c5e65d658a0af1e9d6478cadcb4c745f4bd6751f97d8644786c0978b0
+  languageName: node
+  linkType: hard
+
+"sanitize-filename@npm:^1.6.2, sanitize-filename@npm:^1.6.3":
+  version: 1.6.3
+  resolution: "sanitize-filename@npm:1.6.3"
+  dependencies:
+    truncate-utf8-bytes: ^1.0.0
+  checksum: aa733c012b7823cf65730603cf3b503c641cee6b239771d3164ca482f22d81a50e434a713938d994071db18e4202625669cc56bccc9d13d818b4c983b5f47fde
+  languageName: node
+  linkType: hard
+
+"sass-lookup@npm:^3.0.0":
+  version: 3.0.0
+  resolution: "sass-lookup@npm:3.0.0"
+  dependencies:
+    commander: ^2.16.0
+  bin:
+    sass-lookup: bin/cli.js
+  checksum: fd4bf1ad9c54111617dec30dd90aff083e87c96aef50aff6cec443ad2fbbfa65da09f6e67a7e5ef99fa39dff65c937dc7358f18d319e083c6031f21def85ce6d
+  languageName: node
+  linkType: hard
+
+"sax@npm:^1.2.4":
+  version: 1.2.4
+  resolution: "sax@npm:1.2.4"
+  checksum: d3df7d32b897a2c2f28e941f732c71ba90e27c24f62ee918bd4d9a8cfb3553f2f81e5493c7f0be94a11c1911b643a9108f231dd6f60df3fa9586b5d2e3e9e1fe
+  languageName: node
+  linkType: hard
+
+"saxes@npm:^5.0.1":
+  version: 5.0.1
+  resolution: "saxes@npm:5.0.1"
+  dependencies:
+    xmlchars: ^2.2.0
+  checksum: 5636b55cf15f7cf0baa73f2797bf992bdcf75d1b39d82c0aa4608555c774368f6ac321cb641fd5f3d3ceb87805122cd47540da6a7b5960fe0dbdb8f8c263f000
+  languageName: node
+  linkType: hard
+
+"scheduler@npm:^0.20.2":
+  version: 0.20.2
+  resolution: "scheduler@npm:0.20.2"
+  dependencies:
+    loose-envify: ^1.1.0
+    object-assign: ^4.1.1
+  checksum: c4b35cf967c8f0d3e65753252d0f260271f81a81e427241295c5a7b783abf4ea9e905f22f815ab66676f5313be0a25f47be582254db8f9241b259213e999b8fc
+  languageName: node
+  linkType: hard
+
+"schema-utils@npm:^2.6.5":
+  version: 2.7.1
+  resolution: "schema-utils@npm:2.7.1"
+  dependencies:
+    "@types/json-schema": ^7.0.5
+    ajv: ^6.12.4
+    ajv-keywords: ^3.5.2
+  checksum: 32c62fc9e28edd101e1bd83453a4216eb9bd875cc4d3775e4452b541908fa8f61a7bbac8ffde57484f01d7096279d3ba0337078e85a918ecbeb72872fb09fb2b
+  languageName: node
+  linkType: hard
+
+"schema-utils@npm:^3.0.0, schema-utils@npm:^3.1.0":
+  version: 3.1.1
+  resolution: "schema-utils@npm:3.1.1"
+  dependencies:
+    "@types/json-schema": ^7.0.8
+    ajv: ^6.12.5
+    ajv-keywords: ^3.5.2
+  checksum: fb73f3d759d43ba033c877628fe9751620a26879f6301d3dbeeb48cf2a65baec5cdf99da65d1bf3b4ff5444b2e59cbe4f81c2456b5e0d2ba7d7fd4aed5da29ce
+  languageName: node
+  linkType: hard
+
+"schema-utils@npm:^4.0.0":
+  version: 4.0.0
+  resolution: "schema-utils@npm:4.0.0"
+  dependencies:
+    "@types/json-schema": ^7.0.9
+    ajv: ^8.8.0
+    ajv-formats: ^2.1.1
+    ajv-keywords: ^5.0.0
+  checksum: c843e92fdd1a5c145dbb6ffdae33e501867f9703afac67bdf35a685e49f85b1dcc10ea250033175a64bd9d31f0555bc6785b8359da0c90bcea30cf6dfbb55a8f
+  languageName: node
+  linkType: hard
+
+"scrypt-js@npm:^3.0.0, scrypt-js@npm:^3.0.1":
+  version: 3.0.1
+  resolution: "scrypt-js@npm:3.0.1"
+  checksum: b7c7d1a68d6ca946f2fbb0778e0c4ec63c65501b54023b2af7d7e9f48fdb6c6580d6f7675cd53bda5944c5ebc057560d5a6365079752546865defb3b79dea454
+  languageName: node
+  linkType: hard
+
+"sdp@npm:^2.12.0, sdp@npm:^2.6.0":
+  version: 2.12.0
+  resolution: "sdp@npm:2.12.0"
+  checksum: 5deb20ac50a1aeb4dd5ff2e506c22d1674222c21f08ae97105c9552ae979e90ddc42b8526f2c3dcacfeebc45c7b2e6b6b4254ae2cf335263bf3ddf2ad9b8ec76
+  languageName: node
+  linkType: hard
+
+"secp256k1@npm:^3.8.0":
+  version: 3.8.0
+  resolution: "secp256k1@npm:3.8.0"
+  dependencies:
+    bindings: ^1.5.0
+    bip66: ^1.1.5
+    bn.js: ^4.11.8
+    create-hash: ^1.2.0
+    drbg.js: ^1.0.1
+    elliptic: ^6.5.2
+    nan: ^2.14.0
+    node-gyp: latest
+    safe-buffer: ^5.1.2
+  checksum: 37aaae687a8de9b7bc733ab26bc89c4302b9c681d69d71d531842d99d3af9301a4e30dbe40122793ec64b7a08b8fee8d2330397b7b2dd3a7e404ed259a458089
+  languageName: node
+  linkType: hard
+
+"secp256k1@npm:^4.0.1":
+  version: 4.0.2
+  resolution: "secp256k1@npm:4.0.2"
+  dependencies:
+    elliptic: ^6.5.2
+    node-addon-api: ^2.0.0
+    node-gyp: latest
+    node-gyp-build: ^4.2.0
+  checksum: 0d0d42e8033aee5aec5caaaa26d90fcaec4bf5e24dc4652552ddaa60734c2d95e90f7d95697b521fe833363c629d5ff623227961de86686c7a0ed5b5ffc1ebd0
+  languageName: node
+  linkType: hard
+
+"select-hose@npm:^2.0.0":
+  version: 2.0.0
+  resolution: "select-hose@npm:2.0.0"
+  checksum: d7e5fcc695a4804209d232a1b18624a5134be334d4e1114b0721f7a5e72bd73da483dcf41528c1af4f4f4892ad7cfd6a1e55c8ffb83f9c9fe723b738db609dbb
+  languageName: node
+  linkType: hard
+
+"select@npm:^1.1.2":
+  version: 1.1.2
+  resolution: "select@npm:1.1.2"
+  checksum: 4346151e94f226ea6131e44e68e6d837f3fdee64831b756dd657cc0b02f4cb5107f867cb34a1d1216ab7737d0bf0645d44546afb030bbd8d64e891f5e4c4814e
+  languageName: node
+  linkType: hard
+
+"selfsigned@npm:^2.0.1":
+  version: 2.0.1
+  resolution: "selfsigned@npm:2.0.1"
+  dependencies:
+    node-forge: ^1
+  checksum: 864e65c2f31ca877bce3ccdaa3bdef5e1e992b63b2a03641e00c24cd305bf2acce093431d1fed2e5ae9f526558db4be5e90baa2b3474c0428fcf7e25cc86ac93
+  languageName: node
+  linkType: hard
+
+"semantic-ui-css@npm:^2.4.1":
+  version: 2.4.1
+  resolution: "semantic-ui-css@npm:2.4.1"
+  dependencies:
+    jquery: x.*
+  checksum: 6351d9bfbeed667a39b9cde08372865bd04612450103aabff174bc46558ad1ac123157cab2716670019abf5a70f56a77d79d082b4043d8893ed350b9a6fed837
+  languageName: node
+  linkType: hard
+
+"semantic-ui-react@npm:^0.88.2":
+  version: 0.88.2
+  resolution: "semantic-ui-react@npm:0.88.2"
+  dependencies:
+    "@babel/runtime": ^7.1.2
+    "@semantic-ui-react/event-stack": ^3.1.0
+    "@stardust-ui/react-component-event-listener": ~0.38.0
+    "@stardust-ui/react-component-ref": ~0.38.0
+    classnames: ^2.2.6
+    keyboard-key: ^1.0.4
+    lodash: ^4.17.15
+    prop-types: ^15.7.2
+    react-is: ^16.8.6
+    react-popper: ^1.3.4
+    shallowequal: ^1.1.0
+  peerDependencies:
+    react: ^16.8.0
+    react-dom: ^16.8.0
+  checksum: b7d6d46ec2f8a08c50c5831977b2df8d7849cd5660d99d18be93e191853bb5259a0912e66c4d882e463ade4eacec62462f817b3c6000a65a6c63fbe17d6bd262
+  languageName: node
+  linkType: hard
+
+"semver-compare@npm:^1.0.0":
+  version: 1.0.0
+  resolution: "semver-compare@npm:1.0.0"
+  checksum: dd1d7e2909744cf2cf71864ac718efc990297f9de2913b68e41a214319e70174b1d1793ac16e31183b128c2b9812541300cb324db8168e6cf6b570703b171c68
+  languageName: node
+  linkType: hard
+
+"semver-diff@npm:^3.1.1":
+  version: 3.1.1
+  resolution: "semver-diff@npm:3.1.1"
+  dependencies:
+    semver: ^6.3.0
+  checksum: 8bbe5a5d7add2d5e51b72314a9215cd294d71f41cdc2bf6bd59ee76411f3610b576172896f1d191d0d7294cb9f2f847438d2ee158adacc0c224dca79052812fe
+  languageName: node
+  linkType: hard
+
+"semver@npm:2 || 3 || 4 || 5, semver@npm:^5.4.1, semver@npm:^5.6.0":
+  version: 5.7.1
+  resolution: "semver@npm:5.7.1"
+  bin:
+    semver: ./bin/semver
+  checksum: 57fd0acfd0bac382ee87cd52cd0aaa5af086a7dc8d60379dfe65fea491fb2489b6016400813930ecd61fd0952dae75c115287a1b16c234b1550887117744dfaf
+  languageName: node
+  linkType: hard
+
+"semver@npm:7.0.0":
+  version: 7.0.0
+  resolution: "semver@npm:7.0.0"
+  bin:
+    semver: bin/semver.js
+  checksum: 272c11bf8d083274ef79fe40a81c55c184dff84dd58e3c325299d0927ba48cece1f020793d138382b85f89bab5002a35a5ba59a3a68a7eebbb597eb733838778
+  languageName: node
+  linkType: hard
+
+"semver@npm:^6.0.0, semver@npm:^6.1.0, semver@npm:^6.1.1, semver@npm:^6.1.2, semver@npm:^6.2.0, semver@npm:^6.3.0":
+  version: 6.3.0
+  resolution: "semver@npm:6.3.0"
+  bin:
+    semver: ./bin/semver.js
+  checksum: 1b26ecf6db9e8292dd90df4e781d91875c0dcc1b1909e70f5d12959a23c7eebb8f01ea581c00783bbee72ceeaad9505797c381756326073850dc36ed284b21b9
+  languageName: node
+  linkType: hard
+
+"semver@npm:^7.3.2, semver@npm:^7.3.4, semver@npm:^7.3.5":
+  version: 7.3.5
+  resolution: "semver@npm:7.3.5"
+  dependencies:
+    lru-cache: ^6.0.0
+  bin:
+    semver: bin/semver.js
+  checksum: 5eafe6102bea2a7439897c1856362e31cc348ccf96efd455c8b5bc2c61e6f7e7b8250dc26b8828c1d76a56f818a7ee907a36ae9fb37a599d3d24609207001d60
+  languageName: node
+  linkType: hard
+
+"send@npm:0.17.2":
+  version: 0.17.2
+  resolution: "send@npm:0.17.2"
+  dependencies:
+    debug: 2.6.9
+    depd: ~1.1.2
+    destroy: ~1.0.4
+    encodeurl: ~1.0.2
+    escape-html: ~1.0.3
+    etag: ~1.8.1
+    fresh: 0.5.2
+    http-errors: 1.8.1
+    mime: 1.6.0
+    ms: 2.1.3
+    on-finished: ~2.3.0
+    range-parser: ~1.2.1
+    statuses: ~1.5.0
+  checksum: c28f36deb4ccba9b8d6e6a1e472b8e7c40a1f51575bdf8f67303568cc9e71131faa3adc36fdb72611616ccad1584358bbe4c3ebf419e663ecc5de868ad3d3f03
+  languageName: node
+  linkType: hard
+
+"serialize-error@npm:^7.0.1":
+  version: 7.0.1
+  resolution: "serialize-error@npm:7.0.1"
+  dependencies:
+    type-fest: ^0.13.1
+  checksum: e0aba4dca2fc9fe74ae1baf38dbd99190e1945445a241ba646290f2176cdb2032281a76443b02ccf0caf30da5657d510746506368889a593b9835a497fc0732e
+  languageName: node
+  linkType: hard
+
+"serialize-javascript@npm:^5.0.1":
+  version: 5.0.1
+  resolution: "serialize-javascript@npm:5.0.1"
+  dependencies:
+    randombytes: ^2.1.0
+  checksum: bb45a427690c3d2711e28499de0fbf25036af1e23c63c6a9237ed0aa572fd0941fcdefe50a2dccf26d9df8c8b86ae38659e19d8ba7afd3fbc1f1c7539a2a48d2
+  languageName: node
+  linkType: hard
+
+"serialize-javascript@npm:^6.0.0":
+  version: 6.0.0
+  resolution: "serialize-javascript@npm:6.0.0"
+  dependencies:
+    randombytes: ^2.1.0
+  checksum: 56f90b562a1bdc92e55afb3e657c6397c01a902c588c0fe3d4c490efdcc97dcd2a3074ba12df9e94630f33a5ce5b76a74784a7041294628a6f4306e0ec84bf93
+  languageName: node
+  linkType: hard
+
+"serve-index@npm:^1.9.1":
+  version: 1.9.1
+  resolution: "serve-index@npm:1.9.1"
+  dependencies:
+    accepts: ~1.3.4
+    batch: 0.6.1
+    debug: 2.6.9
+    escape-html: ~1.0.3
+    http-errors: ~1.6.2
+    mime-types: ~2.1.17
+    parseurl: ~1.3.2
+  checksum: e2647ce13379485b98a53ba2ea3fbad4d44b57540d00663b02b976e426e6194d62ac465c0d862cb7057f65e0de8ab8a684aa095427a4b8612412eca0d300d22f
+  languageName: node
+  linkType: hard
+
+"serve-static@npm:1.14.2":
+  version: 1.14.2
+  resolution: "serve-static@npm:1.14.2"
+  dependencies:
+    encodeurl: ~1.0.2
+    escape-html: ~1.0.3
+    parseurl: ~1.3.3
+    send: 0.17.2
+  checksum: d97f3183b1dfcd8ce9c0e37e18e87fd31147ed6c8ee0b2c3a089d795e44ee851ca5061db01574f806d54f4e4b70bc694d9ca64578653514e04a28cbc97a1de05
+  languageName: node
+  linkType: hard
+
+"servify@npm:^0.1.12":
+  version: 0.1.12
+  resolution: "servify@npm:0.1.12"
+  dependencies:
+    body-parser: ^1.16.0
+    cors: ^2.8.1
+    express: ^4.14.0
+    request: ^2.79.0
+    xhr: ^2.3.3
+  checksum: f90e8f4e31b2981b31e3fa8be0b570b0876136b4cf818ba3bfb65e1bfb3c54cb90a0c30898a7c2974b586800bd26ff525c838a8c170148d9e6674c2170f535d8
+  languageName: node
+  linkType: hard
+
+"set-blocking@npm:~2.0.0":
+  version: 2.0.0
+  resolution: "set-blocking@npm:2.0.0"
+  checksum: 6e65a05f7cf7ebdf8b7c75b101e18c0b7e3dff4940d480efed8aad3a36a4005140b660fa1d804cb8bce911cac290441dc728084a30504d3516ac2ff7ad607b02
+  languageName: node
+  linkType: hard
+
+"setimmediate@npm:^1.0.5":
+  version: 1.0.5
+  resolution: "setimmediate@npm:1.0.5"
+  checksum: c9a6f2c5b51a2dabdc0247db9c46460152ffc62ee139f3157440bd48e7c59425093f42719ac1d7931f054f153e2d26cf37dfeb8da17a794a58198a2705e527fd
+  languageName: node
+  linkType: hard
+
+"setprototypeof@npm:1.1.0":
+  version: 1.1.0
+  resolution: "setprototypeof@npm:1.1.0"
+  checksum: 27cb44304d6c9e1a23bc6c706af4acaae1a7aa1054d4ec13c05f01a99fd4887109a83a8042b67ad90dbfcd100d43efc171ee036eb080667172079213242ca36e
+  languageName: node
+  linkType: hard
+
+"setprototypeof@npm:1.2.0":
+  version: 1.2.0
+  resolution: "setprototypeof@npm:1.2.0"
+  checksum: be18cbbf70e7d8097c97f713a2e76edf84e87299b40d085c6bf8b65314e994cc15e2e317727342fa6996e38e1f52c59720b53fe621e2eb593a6847bf0356db89
+  languageName: node
+  linkType: hard
+
+"sha.js@npm:^2.4.0, sha.js@npm:^2.4.8":
+  version: 2.4.11
+  resolution: "sha.js@npm:2.4.11"
+  dependencies:
+    inherits: ^2.0.1
+    safe-buffer: ^5.0.1
+  bin:
+    sha.js: ./bin.js
+  checksum: ebd3f59d4b799000699097dadb831c8e3da3eb579144fd7eb7a19484cbcbb7aca3c68ba2bb362242eb09e33217de3b4ea56e4678184c334323eca24a58e3ad07
+  languageName: node
+  linkType: hard
+
+"shallow-clone@npm:^3.0.0":
+  version: 3.0.1
+  resolution: "shallow-clone@npm:3.0.1"
+  dependencies:
+    kind-of: ^6.0.2
+  checksum: 39b3dd9630a774aba288a680e7d2901f5c0eae7b8387fc5c8ea559918b29b3da144b7bdb990d7ccd9e11be05508ac9e459ce51d01fd65e583282f6ffafcba2e7
+  languageName: node
+  linkType: hard
+
+"shallowequal@npm:^1.1.0":
+  version: 1.1.0
+  resolution: "shallowequal@npm:1.1.0"
+  checksum: f4c1de0837f106d2dbbfd5d0720a5d059d1c66b42b580965c8f06bb1db684be8783538b684092648c981294bf817869f743a066538771dbecb293df78f765e00
+  languageName: node
+  linkType: hard
+
+"shebang-command@npm:^2.0.0":
+  version: 2.0.0
+  resolution: "shebang-command@npm:2.0.0"
+  dependencies:
+    shebang-regex: ^3.0.0
+  checksum: 6b52fe87271c12968f6a054e60f6bde5f0f3d2db483a1e5c3e12d657c488a15474121a1d55cd958f6df026a54374ec38a4a963988c213b7570e1d51575cea7fa
+  languageName: node
+  linkType: hard
+
+"shebang-regex@npm:^3.0.0":
+  version: 3.0.0
+  resolution: "shebang-regex@npm:3.0.0"
+  checksum: 1a2bcae50de99034fcd92ad4212d8e01eedf52c7ec7830eedcf886622804fe36884278f2be8be0ea5fde3fd1c23911643a4e0f726c8685b61871c8908af01222
+  languageName: node
+  linkType: hard
+
+"shelljs@npm:^0.8.4":
+  version: 0.8.4
+  resolution: "shelljs@npm:0.8.4"
+  dependencies:
+    glob: ^7.0.0
+    interpret: ^1.0.0
+    rechoir: ^0.6.2
+  bin:
+    shjs: bin/shjs
+  checksum: 27f83206ef6a4f5b74a493726c3e6b4c3e07a9c2aac94c5e692d800a61353c18a8234967bd8523b1346abe718beb563843687fb57f466529ba06db3cae6f0bb3
+  languageName: node
+  linkType: hard
+
+"side-channel@npm:^1.0.4":
+  version: 1.0.4
+  resolution: "side-channel@npm:1.0.4"
+  dependencies:
+    call-bind: ^1.0.0
+    get-intrinsic: ^1.0.2
+    object-inspect: ^1.9.0
+  checksum: 351e41b947079c10bd0858364f32bb3a7379514c399edb64ab3dce683933483fc63fb5e4efe0a15a2e8a7e3c436b6a91736ddb8d8c6591b0460a24bb4a1ee245
+  languageName: node
+  linkType: hard
+
+"signal-exit@npm:^3.0.0, signal-exit@npm:^3.0.2, signal-exit@npm:^3.0.3, signal-exit@npm:^3.0.7":
+  version: 3.0.7
+  resolution: "signal-exit@npm:3.0.7"
+  checksum: a2f098f247adc367dffc27845853e9959b9e88b01cb301658cfe4194352d8d2bb32e18467c786a7fe15f1d44b233ea35633d076d5e737870b7139949d1ab6318
+  languageName: node
+  linkType: hard
+
+"simple-concat@npm:^1.0.0":
+  version: 1.0.1
+  resolution: "simple-concat@npm:1.0.1"
+  checksum: 4d211042cc3d73a718c21ac6c4e7d7a0363e184be6a5ad25c8a1502e49df6d0a0253979e3d50dbdd3f60ef6c6c58d756b5d66ac1e05cda9cacd2e9fc59e3876a
+  languageName: node
+  linkType: hard
+
+"simple-get@npm:^2.7.0":
+  version: 2.8.1
+  resolution: "simple-get@npm:2.8.1"
+  dependencies:
+    decompress-response: ^3.3.0
+    once: ^1.3.1
+    simple-concat: ^1.0.0
+  checksum: 8e9f33e81a9ae3b6eaa2d3b70a6c6cbe50c1163bfed902cde7768434cd0332c13bd9814446832e4d56c78f5116c1b766f19fd8f66a00c040d7227396ba4ea4be
+  languageName: node
+  linkType: hard
+
+"simple-get@npm:^3.0.3":
+  version: 3.1.0
+  resolution: "simple-get@npm:3.1.0"
+  dependencies:
+    decompress-response: ^4.2.0
+    once: ^1.3.1
+    simple-concat: ^1.0.0
+  checksum: cca91a9ab2b532fa8d367757c196b54e2dfe3325aab0298d66a3e2a45a29a9d335d1a3fb41f036dad14000f78baddd4170fbf9621d72869791d2912baf9469aa
+  languageName: node
+  linkType: hard
+
+"simple-get@npm:^4.0.0":
+  version: 4.0.0
+  resolution: "simple-get@npm:4.0.0"
+  dependencies:
+    decompress-response: ^6.0.0
+    once: ^1.3.1
+    simple-concat: ^1.0.0
+  checksum: 8af4fb788be27af3586395857a1617be133391a7356b007a76379f5eb2ad1c19ea6a13ba9467b0fe790b9e468f9fb124639779b62eb21e6d3ab2cb9b2850cb8d
+  languageName: node
+  linkType: hard
+
+"simple-swizzle@npm:^0.2.2":
+  version: 0.2.2
+  resolution: "simple-swizzle@npm:0.2.2"
+  dependencies:
+    is-arrayish: ^0.3.1
+  checksum: a7f3f2ab5c76c4472d5c578df892e857323e452d9f392e1b5cf74b74db66e6294a1e1b8b390b519fa1b96b5b613f2a37db6cffef52c3f1f8f3c5ea64eb2d54c0
+  languageName: node
+  linkType: hard
+
+"sisteransi@npm:^1.0.5":
+  version: 1.0.5
+  resolution: "sisteransi@npm:1.0.5"
+  checksum: aba6438f46d2bfcef94cf112c835ab395172c75f67453fe05c340c770d3c402363018ae1ab4172a1026a90c47eaccf3af7b6ff6fa749a680c2929bd7fa2b37a4
+  languageName: node
+  linkType: hard
+
+"skip-regex@npm:^1.0.2":
+  version: 1.0.2
+  resolution: "skip-regex@npm:1.0.2"
+  checksum: a121a045860343da183c678d53b44c78283b018db71d60af8524ffef179fa028ef419629bb65198bfb9c09854123e7019cfd4c23be4e175254a50c7563b26e8e
+  languageName: node
+  linkType: hard
+
+"slash@npm:^2.0.0":
+  version: 2.0.0
+  resolution: "slash@npm:2.0.0"
+  checksum: 512d4350735375bd11647233cb0e2f93beca6f53441015eea241fe784d8068281c3987fbaa93e7ef1c38df68d9c60013045c92837423c69115297d6169aa85e6
+  languageName: node
+  linkType: hard
+
+"slash@npm:^3.0.0":
+  version: 3.0.0
+  resolution: "slash@npm:3.0.0"
+  checksum: 94a93fff615f25a999ad4b83c9d5e257a7280c90a32a7cb8b4a87996e4babf322e469c42b7f649fd5796edd8687652f3fb452a86dc97a816f01113183393f11c
+  languageName: node
+  linkType: hard
+
+"slash@npm:^4.0.0":
+  version: 4.0.0
+  resolution: "slash@npm:4.0.0"
+  checksum: da8e4af73712253acd21b7853b7e0dbba776b786e82b010a5bfc8b5051a1db38ed8aba8e1e8f400dd2c9f373be91eb1c42b66e91abb407ff42b10feece5e1d2d
+  languageName: node
+  linkType: hard
+
+"slice-ansi@npm:^1.0.0":
+  version: 1.0.0
+  resolution: "slice-ansi@npm:1.0.0"
+  dependencies:
+    is-fullwidth-code-point: ^2.0.0
+  checksum: b4239e885803d9e35c6a3a17bb530f1d76349753abaf88594ab57dfd666afe8e927efff152d5e010b51d134dd47b6118bb9c47d24c99ed75841c29beae82d9b9
+  languageName: node
+  linkType: hard
+
+"smart-buffer@npm:^4.0.2":
+  version: 4.1.0
+  resolution: "smart-buffer@npm:4.1.0"
+  checksum: 1db847dcf92c06b36e96aace965e00aec5caccd65c8fd60e0c284c5ad9dabe7f16ef4a60a34dd3c4ccc245a8393071e646fc94fc95f111c25e8513fd9efa6ed5
+  languageName: node
+  linkType: hard
+
+"sockjs@npm:^0.3.21":
+  version: 0.3.21
+  resolution: "sockjs@npm:0.3.21"
+  dependencies:
+    faye-websocket: ^0.11.3
+    uuid: ^3.4.0
+    websocket-driver: ^0.7.4
+  checksum: 9614e5dded95d38c08c42bba3505638801d0e88d9fec03dc1ae37296286ad5c31dff503b8c81a11e573bd0bea76b295db93d4f00cc336e749bc89f9f7cc7e6c9
+  languageName: node
+  linkType: hard
+
+"sort-keys@npm:^4.0.0":
+  version: 4.2.0
+  resolution: "sort-keys@npm:4.2.0"
+  dependencies:
+    is-plain-obj: ^2.0.0
+  checksum: 1535ffd5a789259fc55107d5c3cec09b3e47803a9407fcaae37e1b9e0b813762c47dfee35b6e71e20ca7a69798d0a4791b2058a07f6cab5ef17b2dae83cedbda
+  languageName: node
+  linkType: hard
+
+"sortobject@npm:^4.0.0":
+  version: 4.14.0
+  resolution: "sortobject@npm:4.14.0"
+  checksum: f37e0b765b280889d76bc06b40ab3d53957551549c084103c979ccc6e3757cdc041566ce8343e6455134e3dcaad3e97bb708b07775b6c444458e502766d4b65f
+  languageName: node
+  linkType: hard
+
+"source-map-explorer@npm:^2.5.2":
+  version: 2.5.2
+  resolution: "source-map-explorer@npm:2.5.2"
+  dependencies:
+    btoa: ^1.2.1
+    chalk: ^4.1.0
+    convert-source-map: ^1.7.0
+    ejs: ^3.1.5
+    escape-html: ^1.0.3
+    glob: ^7.1.6
+    gzip-size: ^6.0.0
+    lodash: ^4.17.20
+    open: ^7.3.1
+    source-map: ^0.7.3
+    temp: ^0.9.4
+    yargs: ^16.2.0
+  bin:
+    sme: bin/cli.js
+    source-map-explorer: bin/cli.js
+  checksum: ff6748a5e132e03cd7646892e7b3869d10ebae1f2adea6f359145e188f2af5450e3ed9d8f132ed6b2e7fe9359e5e5d2b5becb0264fb8ef7105437ff452981295
+  languageName: node
+  linkType: hard
+
+"source-map-js@npm:^1.0.2":
+  version: 1.0.2
+  resolution: "source-map-js@npm:1.0.2"
+  checksum: c049a7fc4deb9a7e9b481ae3d424cc793cb4845daa690bc5a05d428bf41bf231ced49b4cf0c9e77f9d42fdb3d20d6187619fc586605f5eabe995a316da8d377c
+  languageName: node
+  linkType: hard
+
+"source-map-resolve@npm:^0.6.0":
+  version: 0.6.0
+  resolution: "source-map-resolve@npm:0.6.0"
+  dependencies:
+    atob: ^2.1.2
+    decode-uri-component: ^0.2.0
+  checksum: fe503b9e5dac1c54be835282fcfec10879434e7b3ee08a9774f230299c724a8d403484d9531276d1670c87390e0e4d1d3f92b14cca6e4a2445ea3016b786ecd4
+  languageName: node
+  linkType: hard
+
+"source-map-support@npm:^0.5.16, source-map-support@npm:^0.5.19, source-map-support@npm:^0.5.6, source-map-support@npm:~0.5.20":
+  version: 0.5.20
+  resolution: "source-map-support@npm:0.5.20"
+  dependencies:
+    buffer-from: ^1.0.0
+    source-map: ^0.6.0
+  checksum: 43946aff452011960d16154304b11011e0185549493e65dd90da045959409fb2d266ba1c854fff3d5949f8e59382e3fcc7f7c5fa66136007a6750ad06c6c0baa
+  languageName: node
+  linkType: hard
+
+"source-map@npm:^0.4.2":
+  version: 0.4.4
+  resolution: "source-map@npm:0.4.4"
+  dependencies:
+    amdefine: ">=0.0.4"
+  checksum: b31992fcb4a2a6c335617f187bd36f392896dfcc111830ebdb8b716923cf6554b665833b975fc998bdf3a63881b2c8b4c5c34fda0280357b8c18fe6aa5d148ea
+  languageName: node
+  linkType: hard
+
+"source-map@npm:^0.5.0, source-map@npm:~0.5.0":
+  version: 0.5.7
+  resolution: "source-map@npm:0.5.7"
+  checksum: 5dc2043b93d2f194142c7f38f74a24670cd7a0063acdaf4bf01d2964b402257ae843c2a8fa822ad5b71013b5fcafa55af7421383da919752f22ff488bc553f4d
+  languageName: node
+  linkType: hard
+
+"source-map@npm:^0.6.0, source-map@npm:^0.6.1, source-map@npm:~0.6.0, source-map@npm:~0.6.1":
+  version: 0.6.1
+  resolution: "source-map@npm:0.6.1"
+  checksum: 59ce8640cf3f3124f64ac289012c2b8bd377c238e316fb323ea22fbfe83da07d81e000071d7242cad7a23cd91c7de98e4df8830ec3f133cb6133a5f6e9f67bc2
+  languageName: node
+  linkType: hard
+
+"source-map@npm:^0.7.3, source-map@npm:~0.7.2":
+  version: 0.7.3
+  resolution: "source-map@npm:0.7.3"
+  checksum: cd24efb3b8fa69b64bf28e3c1b1a500de77e84260c5b7f2b873f88284df17974157cc88d386ee9b6d081f08fdd8242f3fc05c953685a6ad81aad94c7393dedea
+  languageName: node
+  linkType: hard
+
+"sourcemap-codec@npm:^1.4.4":
+  version: 1.4.8
+  resolution: "sourcemap-codec@npm:1.4.8"
+  checksum: b57981c05611afef31605732b598ccf65124a9fcb03b833532659ac4d29ac0f7bfacbc0d6c5a28a03e84c7510e7e556d758d0bb57786e214660016fb94279316
+  languageName: node
+  linkType: hard
+
+"space-separated-tokens@npm:^1.0.0":
+  version: 1.1.5
+  resolution: "space-separated-tokens@npm:1.1.5"
+  checksum: 8ef68f1cfa8ccad316b7f8d0df0919d0f1f6d32101e8faeee34ea3a923ce8509c1ad562f57388585ee4951e92d27afa211ed0a077d3d5995b5ba9180331be708
+  languageName: node
+  linkType: hard
+
+"spawn-command@npm:^0.0.2-1":
+  version: 0.0.2
+  resolution: "spawn-command@npm:0.0.2"
+  checksum: e35c5d28177b4d461d33c88cc11f6f3a5079e2b132c11e1746453bbb7a0c0b8a634f07541a2a234fa4758239d88203b758def509161b651e81958894c0b4b64b
+  languageName: node
+  linkType: hard
+
+"spdx-correct@npm:^3.0.0":
+  version: 3.1.1
+  resolution: "spdx-correct@npm:3.1.1"
+  dependencies:
+    spdx-expression-parse: ^3.0.0
+    spdx-license-ids: ^3.0.0
+  checksum: 77ce438344a34f9930feffa61be0eddcda5b55fc592906ef75621d4b52c07400a97084d8701557b13f7d2aae0cb64f808431f469e566ef3fe0a3a131dcb775a6
+  languageName: node
+  linkType: hard
+
+"spdx-exceptions@npm:^2.1.0":
+  version: 2.3.0
+  resolution: "spdx-exceptions@npm:2.3.0"
+  checksum: cb69a26fa3b46305637123cd37c85f75610e8c477b6476fa7354eb67c08128d159f1d36715f19be6f9daf4b680337deb8c65acdcae7f2608ba51931540687ac0
+  languageName: node
+  linkType: hard
+
+"spdx-expression-parse@npm:^3.0.0":
+  version: 3.0.1
+  resolution: "spdx-expression-parse@npm:3.0.1"
+  dependencies:
+    spdx-exceptions: ^2.1.0
+    spdx-license-ids: ^3.0.0
+  checksum: a1c6e104a2cbada7a593eaa9f430bd5e148ef5290d4c0409899855ce8b1c39652bcc88a725259491a82601159d6dc790bedefc9016c7472f7de8de7361f8ccde
+  languageName: node
+  linkType: hard
+
+"spdx-license-ids@npm:^3.0.0":
+  version: 3.0.7
+  resolution: "spdx-license-ids@npm:3.0.7"
+  checksum: b52a88aebc19b4c69049349939e1948014c4d10f52a11870431fc1cc6551de411d19e4570f5f1df2d8b7089bec921df9017a3d5199ae2468b2b432171945278e
+  languageName: node
+  linkType: hard
+
+"spdy-transport@npm:^3.0.0":
+  version: 3.0.0
+  resolution: "spdy-transport@npm:3.0.0"
+  dependencies:
+    debug: ^4.1.0
+    detect-node: ^2.0.4
+    hpack.js: ^2.1.6
+    obuf: ^1.1.2
+    readable-stream: ^3.0.6
+    wbuf: ^1.7.3
+  checksum: 0fcaad3b836fb1ec0bdd39fa7008b9a7a84a553f12be6b736a2512613b323207ffc924b9551cef0378f7233c85916cff1118652e03a730bdb97c0e042243d56c
+  languageName: node
+  linkType: hard
+
+"spdy@npm:^4.0.2":
+  version: 4.0.2
+  resolution: "spdy@npm:4.0.2"
+  dependencies:
+    debug: ^4.1.0
+    handle-thing: ^2.0.0
+    http-deceiver: ^1.2.7
+    select-hose: ^2.0.0
+    spdy-transport: ^3.0.0
+  checksum: 2c739d0ff6f56ad36d2d754d0261d5ec358457bea7cbf77b1b05b0c6464f2ce65b85f196305f50b7bd9120723eb94bae9933466f28e67e5cd8cde4e27f1d75f8
+  languageName: node
+  linkType: hard
+
+"speedometer@npm:~1.0.0":
+  version: 1.0.0
+  resolution: "speedometer@npm:1.0.0"
+  checksum: 6b322bbb0607c9994fba2a6ac189cf6caea4ce9f5067c1ccfc2848b55883f65d48292bfed4244ce855573ed7cdf0f69943ae6e507f7ec90eef232b64cdba6237
+  languageName: node
+  linkType: hard
+
+"split-ca@npm:^1.0.1":
+  version: 1.0.1
+  resolution: "split-ca@npm:1.0.1"
+  checksum: 1e7409938a95ee843fe2593156a5735e6ee63772748ee448ea8477a5a3e3abde193c3325b3696e56a5aff07c7dcf6b1f6a2f2a036895b4f3afe96abb366d893f
+  languageName: node
+  linkType: hard
+
+"split-on-first@npm:^1.0.0":
+  version: 1.1.0
+  resolution: "split-on-first@npm:1.1.0"
+  checksum: 16ff85b54ddcf17f9147210a4022529b343edbcbea4ce977c8f30e38408b8d6e0f25f92cd35b86a524d4797f455e29ab89eb8db787f3c10708e0b47ebf528d30
+  languageName: node
+  linkType: hard
+
+"sprintf-js@npm:^1.1.2":
+  version: 1.1.2
+  resolution: "sprintf-js@npm:1.1.2"
+  checksum: d4bb46464632b335e5faed381bd331157e0af64915a98ede833452663bc672823db49d7531c32d58798e85236581fb7342fd0270531ffc8f914e186187bf1c90
+  languageName: node
+  linkType: hard
+
+"sprintf-js@npm:~1.0.2":
+  version: 1.0.3
+  resolution: "sprintf-js@npm:1.0.3"
+  checksum: 19d79aec211f09b99ec3099b5b2ae2f6e9cdefe50bc91ac4c69144b6d3928a640bb6ae5b3def70c2e85a2c3d9f5ec2719921e3a59d3ca3ef4b2fd1a4656a0df3
+  languageName: node
+  linkType: hard
+
+"ssh-remote-port-forward@npm:^1.0.4":
+  version: 1.0.4
+  resolution: "ssh-remote-port-forward@npm:1.0.4"
+  dependencies:
+    "@types/ssh2": ^0.5.48
+    ssh2: ^1.4.0
+  checksum: c6c04c5ddfde7cb06e9a8655a152bd28fe6771c6fe62ff0bc08be229491546c410f30b153c968b8d6817a57d38678a270c228f30143ec0fe1be546efc4f6b65a
+  languageName: node
+  linkType: hard
+
+"ssh2-streams@npm:~0.4.10":
+  version: 0.4.10
+  resolution: "ssh2-streams@npm:0.4.10"
+  dependencies:
+    asn1: ~0.2.0
+    bcrypt-pbkdf: ^1.0.2
+    streamsearch: ~0.1.2
+  checksum: dad86d7aa83c08a8f57feedfda26f4032a3f5e605a1d2018da835ced4ebb003739962aa416066f374a006d941067e4215f8b84a8ec81e888156c9274445ae5db
+  languageName: node
+  linkType: hard
+
+"ssh2@npm:^0.8.7":
+  version: 0.8.9
+  resolution: "ssh2@npm:0.8.9"
+  dependencies:
+    ssh2-streams: ~0.4.10
+  checksum: 3127497cb5570922b3c37daf93e1e49e24776ae3046c7e01c4af1323408653267ea7d9e506283adbdc8445cd20429318501e08db75f2101bbb0bdc49455da720
+  languageName: node
+  linkType: hard
+
+"ssh2@npm:^1.4.0":
+  version: 1.5.0
+  resolution: "ssh2@npm:1.5.0"
+  dependencies:
+    asn1: ^0.2.4
+    bcrypt-pbkdf: ^1.0.2
+    cpu-features: 0.0.2
+    nan: ^2.15.0
+  dependenciesMeta:
+    cpu-features:
+      optional: true
+    nan:
+      optional: true
+  checksum: 6a2252c12d9587eeb31c499d1d13bb14a255d08243762e1a92b2db76add8912b2c8c25103c79b92e156d598c1e2781c5523b58aa9e85aee06fea365e4cc188bb
+  languageName: node
+  linkType: hard
+
+"sshpk@npm:^1.7.0":
+  version: 1.16.1
+  resolution: "sshpk@npm:1.16.1"
+  dependencies:
+    asn1: ~0.2.3
+    assert-plus: ^1.0.0
+    bcrypt-pbkdf: ^1.0.0
+    dashdash: ^1.12.0
+    ecc-jsbn: ~0.1.1
+    getpass: ^0.1.1
+    jsbn: ~0.1.0
+    safer-buffer: ^2.0.2
+    tweetnacl: ~0.14.0
+  bin:
+    sshpk-conv: bin/sshpk-conv
+    sshpk-sign: bin/sshpk-sign
+    sshpk-verify: bin/sshpk-verify
+  checksum: 5e76afd1cedc780256f688b7c09327a8a650902d18e284dfeac97489a735299b03c3e72c6e8d22af03dbbe4d6f123fdfd5f3c4ed6bedbec72b9529a55051b857
+  languageName: node
+  linkType: hard
+
+"stack-utils@npm:^2.0.3":
+  version: 2.0.3
+  resolution: "stack-utils@npm:2.0.3"
+  dependencies:
+    escape-string-regexp: ^2.0.0
+  checksum: c86ac08f58d1a9bce3f17946cb2f18268f55f8180f5396ae147deecb4d23cd54f3d27e4a8d3227d525b0f0c89b7f7e839e223851a577136a763ccd7e488440be
+  languageName: node
+  linkType: hard
+
+"stat-mode@npm:^1.0.0":
+  version: 1.0.0
+  resolution: "stat-mode@npm:1.0.0"
+  checksum: f9daea2dba41e1dffae5543a8af087ec8b56ff6ae1c729b5373b4f528e214f53260108dab522d2660cca2215dc3e61f164920a82136ad142dab50b3faa6f6090
+  languageName: node
+  linkType: hard
+
+"statuses@npm:>= 1.4.0 < 2, statuses@npm:>= 1.5.0 < 2, statuses@npm:~1.5.0":
+  version: 1.5.0
+  resolution: "statuses@npm:1.5.0"
+  checksum: c469b9519de16a4bb19600205cffb39ee471a5f17b82589757ca7bd40a8d92ebb6ed9f98b5a540c5d302ccbc78f15dc03cc0280dd6e00df1335568a5d5758a5c
+  languageName: node
+  linkType: hard
+
+"store@npm:^2.0.12":
+  version: 2.0.12
+  resolution: "store@npm:2.0.12"
+  checksum: 4e0fe69f71dc3c99af1b87e87dcb0c81fc979bd38abbcdf66d5705f1c44e6fd5e043056288efd695926c75419adc356873e6792d9b024085a8db51dbdda899ea
+  languageName: node
+  linkType: hard
+
+"stream-browserify@npm:^3.0.0":
+  version: 3.0.0
+  resolution: "stream-browserify@npm:3.0.0"
+  dependencies:
+    inherits: ~2.0.4
+    readable-stream: ^3.5.0
+  checksum: 4c47ef64d6f03815a9ca3874e2319805e8e8a85f3550776c47ce523b6f4c6cd57f40e46ec6a9ab8ad260fde61863c2718f250d3bedb3fe9052444eb9abfd9921
+  languageName: node
+  linkType: hard
+
+"stream-http@npm:^3.2.0":
+  version: 3.2.0
+  resolution: "stream-http@npm:3.2.0"
+  dependencies:
+    builtin-status-codes: ^3.0.0
+    inherits: ^2.0.4
+    readable-stream: ^3.6.0
+    xtend: ^4.0.2
+  checksum: c9b78453aeb0c84fcc59555518ac62bacab9fa98e323e7b7666e5f9f58af8f3155e34481078509b02929bd1268427f664d186604cdccee95abc446099b339f83
+  languageName: node
+  linkType: hard
+
+"stream-shift@npm:^1.0.0":
+  version: 1.0.1
+  resolution: "stream-shift@npm:1.0.1"
+  checksum: 59b82b44b29ec3699b5519a49b3cedcc6db58c72fb40c04e005525dfdcab1c75c4e0c180b923c380f204bed78211b9bad8faecc7b93dece4d004c3f6ec75737b
+  languageName: node
+  linkType: hard
+
+"streamsearch@npm:~0.1.2":
+  version: 0.1.2
+  resolution: "streamsearch@npm:0.1.2"
+  checksum: d2db57cbfbf7947ab9c75a7b4c80a8ef8d24850cf0a1a24258bb6956c97317ce1eab7dbcbf9c5aba3e6198611af1053b02411057bbedb99bf9c64b8275248997
+  languageName: node
+  linkType: hard
+
+"strict-uri-encode@npm:^1.0.0":
+  version: 1.1.0
+  resolution: "strict-uri-encode@npm:1.1.0"
+  checksum: 9466d371f7b36768d43f7803f26137657559e4c8b0161fb9e320efb8edba3ae22f8e99d4b0d91da023b05a13f62ec5412c3f4f764b5788fac11d1fea93720bb3
+  languageName: node
+  linkType: hard
+
+"strict-uri-encode@npm:^2.0.0":
+  version: 2.0.0
+  resolution: "strict-uri-encode@npm:2.0.0"
+  checksum: eaac4cf978b6fbd480f1092cab8b233c9b949bcabfc9b598dd79a758f7243c28765ef7639c876fa72940dac687181b35486ea01ff7df3e65ce3848c64822c581
+  languageName: node
+  linkType: hard
+
+"string-length@npm:^4.0.1":
+  version: 4.0.1
+  resolution: "string-length@npm:4.0.1"
+  dependencies:
+    char-regex: ^1.0.2
+    strip-ansi: ^6.0.0
+  checksum: 7bd3191668ddafa6f574a8b17a1bd1b085737d64ceefa51f72cdd19c45a730422cd70d984eee7584d6e5b5c84b6318633c6d6a720a4bfd7c58769985fa77573e
+  languageName: node
+  linkType: hard
+
+"string-width@npm:^1.0.1":
+  version: 1.0.2
+  resolution: "string-width@npm:1.0.2"
+  dependencies:
+    code-point-at: ^1.0.0
+    is-fullwidth-code-point: ^1.0.0
+    strip-ansi: ^3.0.0
+  checksum: 5c79439e95bc3bd7233a332c5f5926ab2ee90b23816ed4faa380ce3b2576d7800b0a5bb15ae88ed28737acc7ea06a518c2eef39142dd727adad0e45c776cd37e
+  languageName: node
+  linkType: hard
+
+"string-width@npm:^1.0.2 || 2 || 3 || 4, string-width@npm:^4.0.0, string-width@npm:^4.1.0, string-width@npm:^4.2.0, string-width@npm:^4.2.3":
+  version: 4.2.3
+  resolution: "string-width@npm:4.2.3"
+  dependencies:
+    emoji-regex: ^8.0.0
+    is-fullwidth-code-point: ^3.0.0
+    strip-ansi: ^6.0.1
+  checksum: e52c10dc3fbfcd6c3a15f159f54a90024241d0f149cf8aed2982a2d801d2e64df0bf1dc351cf8e95c3319323f9f220c16e740b06faecd53e2462df1d2b5443fb
+  languageName: node
+  linkType: hard
+
+"string-width@npm:^2.0.0":
+  version: 2.1.1
+  resolution: "string-width@npm:2.1.1"
+  dependencies:
+    is-fullwidth-code-point: ^2.0.0
+    strip-ansi: ^4.0.0
+  checksum: d6173abe088c615c8dffaf3861dc5d5906ed3dc2d6fd67ff2bd2e2b5dce7fd683c5240699cf0b1b8aa679a3b3bd6b28b5053c824cb89b813d7f6541d8f89064a
+  languageName: node
+  linkType: hard
+
+"string-width@npm:^3.0.0":
+  version: 3.1.0
+  resolution: "string-width@npm:3.1.0"
+  dependencies:
+    emoji-regex: ^7.0.1
+    is-fullwidth-code-point: ^2.0.0
+    strip-ansi: ^5.1.0
+  checksum: 57f7ca73d201682816d573dc68bd4bb8e1dff8dc9fcf10470fdfc3474135c97175fec12ea6a159e67339b41e86963112355b64529489af6e7e70f94a7caf08b2
+  languageName: node
+  linkType: hard
+
+"string.prototype.matchall@npm:^4.0.6":
+  version: 4.0.6
+  resolution: "string.prototype.matchall@npm:4.0.6"
+  dependencies:
+    call-bind: ^1.0.2
+    define-properties: ^1.1.3
+    es-abstract: ^1.19.1
+    get-intrinsic: ^1.1.1
+    has-symbols: ^1.0.2
+    internal-slot: ^1.0.3
+    regexp.prototype.flags: ^1.3.1
+    side-channel: ^1.0.4
+  checksum: 07aca53ddd8a096a8bd0560eb8574386c6b3887a6a06b40a98abd42c94dadeed3296261fca22fec59a1ed970d199bdeb450fcb6a7390193588d9c6b5f48fe842
+  languageName: node
+  linkType: hard
+
+"string.prototype.trimend@npm:^1.0.4":
+  version: 1.0.4
+  resolution: "string.prototype.trimend@npm:1.0.4"
+  dependencies:
+    call-bind: ^1.0.2
+    define-properties: ^1.1.3
+  checksum: 17e5aa45c3983f582693161f972c1c1fa4bbbdf22e70e582b00c91b6575f01680dc34e83005b98e31abe4d5d29e0b21fcc24690239c106c7b2315aade6a898ac
+  languageName: node
+  linkType: hard
+
+"string.prototype.trimstart@npm:^1.0.4":
+  version: 1.0.4
+  resolution: "string.prototype.trimstart@npm:1.0.4"
+  dependencies:
+    call-bind: ^1.0.2
+    define-properties: ^1.1.3
+  checksum: 3fb06818d3cccac5fa3f5f9873d984794ca0e9f6616fae6fcc745885d9efed4e17fe15f832515d9af5e16c279857fdbffdfc489ca4ed577811b017721b30302f
+  languageName: node
+  linkType: hard
+
+"string_decoder@npm:^1.1.1":
+  version: 1.3.0
+  resolution: "string_decoder@npm:1.3.0"
+  dependencies:
+    safe-buffer: ~5.2.0
+  checksum: 8417646695a66e73aefc4420eb3b84cc9ffd89572861fe004e6aeb13c7bc00e2f616247505d2dbbef24247c372f70268f594af7126f43548565c68c117bdeb56
+  languageName: node
+  linkType: hard
+
+"string_decoder@npm:~1.1.1":
+  version: 1.1.1
+  resolution: "string_decoder@npm:1.1.1"
+  dependencies:
+    safe-buffer: ~5.1.0
+  checksum: 9ab7e56f9d60a28f2be697419917c50cac19f3e8e6c28ef26ed5f4852289fe0de5d6997d29becf59028556f2c62983790c1d9ba1e2a3cc401768ca12d5183a5b
+  languageName: node
+  linkType: hard
+
+"stringify-entities@npm:^3.0.1":
+  version: 3.1.0
+  resolution: "stringify-entities@npm:3.1.0"
+  dependencies:
+    character-entities-html4: ^1.0.0
+    character-entities-legacy: ^1.0.0
+    xtend: ^4.0.0
+  checksum: 5b6212e2985101ddb8197d999a6c01abb610f2ba6efd6f8f7d7ec763b61cb08b55735b03febdf501c2091f484df16bc82412419ef35ee21135548f6a15881044
+  languageName: node
+  linkType: hard
+
+"stringify-object@npm:^3.2.1":
+  version: 3.3.0
+  resolution: "stringify-object@npm:3.3.0"
+  dependencies:
+    get-own-enumerable-property-symbols: ^3.0.0
+    is-obj: ^1.0.1
+    is-regexp: ^1.0.0
+  checksum: 6827a3f35975cfa8572e8cd3ed4f7b262def260af18655c6fde549334acdac49ddba69f3c861ea5a6e9c5a4990fe4ae870b9c0e6c31019430504c94a83b7a154
+  languageName: node
+  linkType: hard
+
+"strip-ansi@npm:^3.0.0, strip-ansi@npm:^3.0.1":
+  version: 3.0.1
+  resolution: "strip-ansi@npm:3.0.1"
+  dependencies:
+    ansi-regex: ^2.0.0
+  checksum: 9b974de611ce5075c70629c00fa98c46144043db92ae17748fb780f706f7a789e9989fd10597b7c2053ae8d1513fd707816a91f1879b2f71e6ac0b6a863db465
+  languageName: node
+  linkType: hard
+
+"strip-ansi@npm:^4.0.0":
+  version: 4.0.0
+  resolution: "strip-ansi@npm:4.0.0"
+  dependencies:
+    ansi-regex: ^3.0.0
+  checksum: d9186e6c0cf78f25274f6750ee5e4a5725fb91b70fdd79aa5fe648eab092a0ec5b9621b22d69d4534a56319f75d8944efbd84e3afa8d4ad1b9a9491f12c84eca
+  languageName: node
+  linkType: hard
+
+"strip-ansi@npm:^5.1.0":
+  version: 5.2.0
+  resolution: "strip-ansi@npm:5.2.0"
+  dependencies:
+    ansi-regex: ^4.1.0
+  checksum: bdb5f76ade97062bd88e7723aa019adbfacdcba42223b19ccb528ffb9fb0b89a5be442c663c4a3fb25268eaa3f6ea19c7c3fbae830bd1562d55adccae1fcec46
+  languageName: node
+  linkType: hard
+
+"strip-ansi@npm:^6.0.0, strip-ansi@npm:^6.0.1":
+  version: 6.0.1
+  resolution: "strip-ansi@npm:6.0.1"
+  dependencies:
+    ansi-regex: ^5.0.1
+  checksum: f3cd25890aef3ba6e1a74e20896c21a46f482e93df4a06567cebf2b57edabb15133f1f94e57434e0a958d61186087b1008e89c94875d019910a213181a14fc8c
+  languageName: node
+  linkType: hard
+
+"strip-bom@npm:^3.0.0":
+  version: 3.0.0
+  resolution: "strip-bom@npm:3.0.0"
+  checksum: 8d50ff27b7ebe5ecc78f1fe1e00fcdff7af014e73cf724b46fb81ef889eeb1015fc5184b64e81a2efe002180f3ba431bdd77e300da5c6685d702780fbf0c8d5b
+  languageName: node
+  linkType: hard
+
+"strip-bom@npm:^4.0.0":
+  version: 4.0.0
+  resolution: "strip-bom@npm:4.0.0"
+  checksum: 9dbcfbaf503c57c06af15fe2c8176fb1bf3af5ff65003851a102749f875a6dbe0ab3b30115eccf6e805e9d756830d3e40ec508b62b3f1ddf3761a20ebe29d3f3
+  languageName: node
+  linkType: hard
+
+"strip-final-newline@npm:^2.0.0":
+  version: 2.0.0
+  resolution: "strip-final-newline@npm:2.0.0"
+  checksum: 69412b5e25731e1938184b5d489c32e340605bb611d6140344abc3421b7f3c6f9984b21dff296dfcf056681b82caa3bb4cc996a965ce37bcfad663e92eae9c64
+  languageName: node
+  linkType: hard
+
+"strip-hex-prefix@npm:1.0.0":
+  version: 1.0.0
+  resolution: "strip-hex-prefix@npm:1.0.0"
+  dependencies:
+    is-hex-prefixed: 1.0.0
+  checksum: 4cafe7caee1d281d3694d14920fd5d3c11adf09371cef7e2ccedd5b83efd9e9bd2219b5d6ce6e809df6e0f437dc9d30db1192116580875698aad164a6d6b285b
+  languageName: node
+  linkType: hard
+
+"strip-indent@npm:^3.0.0":
+  version: 3.0.0
+  resolution: "strip-indent@npm:3.0.0"
+  dependencies:
+    min-indent: ^1.0.0
+  checksum: 18f045d57d9d0d90cd16f72b2313d6364fd2cb4bf85b9f593523ad431c8720011a4d5f08b6591c9d580f446e78855c5334a30fb91aa1560f5d9f95ed1b4a0530
+  languageName: node
+  linkType: hard
+
+"strip-json-comments@npm:^3.1.0, strip-json-comments@npm:^3.1.1":
+  version: 3.1.1
+  resolution: "strip-json-comments@npm:3.1.1"
+  checksum: 492f73e27268f9b1c122733f28ecb0e7e8d8a531a6662efbd08e22cccb3f9475e90a1b82cab06a392f6afae6d2de636f977e231296400d0ec5304ba70f166443
+  languageName: node
+  linkType: hard
+
+"strip-json-comments@npm:~2.0.1":
+  version: 2.0.1
+  resolution: "strip-json-comments@npm:2.0.1"
+  checksum: 1074ccb63270d32ca28edfb0a281c96b94dc679077828135141f27d52a5a398ef5e78bcf22809d23cadc2b81dfbe345eb5fd8699b385c8b1128907dec4a7d1e1
+  languageName: node
+  linkType: hard
+
+"strip-markdown@npm:^4.0.0":
+  version: 4.0.0
+  resolution: "strip-markdown@npm:4.0.0"
+  checksum: f69aae6842e5662acaa00e715920099a6db6a6c72d133e545cfff07263849299232202558207dac6b869d8191a1c78c42ad946eaeea8a20db38d7ec782e5d939
+  languageName: node
+  linkType: hard
+
+"strip-outer@npm:^1.0.1":
+  version: 1.0.1
+  resolution: "strip-outer@npm:1.0.1"
+  dependencies:
+    escape-string-regexp: ^1.0.2
+  checksum: f8d65d33ca2b49aabc66bb41d689dda7b8b9959d320e3a40a2ef4d7079ff2f67ffb72db43f179f48dbf9495c2e33742863feab7a584d180fa62505439162c191
+  languageName: node
+  linkType: hard
+
+"styled-components@npm:^5.3.1":
+  version: 5.3.1
+  resolution: "styled-components@npm:5.3.1"
+  dependencies:
+    "@babel/helper-module-imports": ^7.0.0
+    "@babel/traverse": ^7.4.5
+    "@emotion/is-prop-valid": ^0.8.8
+    "@emotion/stylis": ^0.8.4
+    "@emotion/unitless": ^0.7.4
+    babel-plugin-styled-components: ">= 1.12.0"
+    css-to-react-native: ^3.0.0
+    hoist-non-react-statics: ^3.0.0
+    shallowequal: ^1.1.0
+    supports-color: ^5.5.0
+  peerDependencies:
+    react: ">= 16.8.0"
+    react-dom: ">= 16.8.0"
+    react-is: ">= 16.8.0"
+  checksum: 2d833d573c039f4af5c422ce33f06212dfa51a821994ec1d7a697355752b422cad6e92eeff712dbd9c0339aade8eb5bce10c30dfecb3c8e707530b6dda7dda10
+  languageName: node
+  linkType: hard
+
+"styled-theming@npm:^2.2.0":
+  version: 2.2.0
+  resolution: "styled-theming@npm:2.2.0"
+  checksum: b165dc26e896a6ff221dfe65038d2b06f99129bae0030abd61df51bb8cbd9086dd0f1633fa1f1eb6d0e13869f2919162b47b5d1b3aefc227c69cd970595404fe
+  languageName: node
+  linkType: hard
+
+"stylus-lookup@npm:^3.0.1":
+  version: 3.0.2
+  resolution: "stylus-lookup@npm:3.0.2"
+  dependencies:
+    commander: ^2.8.1
+    debug: ^4.1.0
+  bin:
+    stylus-lookup: bin/cli.js
+  checksum: 460e9b6e7e662e2cf98d41ee670cb5da9ec8b8dbc1d4574de29ac422c632d5c7933772822fc12792f2ee9f9c2f62b3f60ed5850690e7c780ab7b6f07010199e4
+  languageName: node
+  linkType: hard
+
+"sumchecker@npm:^3.0.1":
+  version: 3.0.1
+  resolution: "sumchecker@npm:3.0.1"
+  dependencies:
+    debug: ^4.1.0
+  checksum: 31ba7a62c889236b5b07f75b5c250d481158a1ca061b8f234fca0457bdbe48a20e5011c12c715343dc577e111463dc3d9e721b98015a445a2a88c35e0c9f0f91
+  languageName: node
+  linkType: hard
+
+"supports-color@npm:^5.3.0, supports-color@npm:^5.5.0":
+  version: 5.5.0
+  resolution: "supports-color@npm:5.5.0"
+  dependencies:
+    has-flag: ^3.0.0
+  checksum: 95f6f4ba5afdf92f495b5a912d4abee8dcba766ae719b975c56c084f5004845f6f5a5f7769f52d53f40e21952a6d87411bafe34af4a01e65f9926002e38e1dac
+  languageName: node
+  linkType: hard
+
+"supports-color@npm:^6.1.0":
+  version: 6.1.0
+  resolution: "supports-color@npm:6.1.0"
+  dependencies:
+    has-flag: ^3.0.0
+  checksum: 74358f9535c83ee113fbaac354b11e808060f6e7d8722082ee43af3578469134e89d00026dce2a6b93ce4e5b89d0e9a10f638b2b9f64c7838c2fb2883a47b3d5
+  languageName: node
+  linkType: hard
+
+"supports-color@npm:^7.0.0, supports-color@npm:^7.1.0":
+  version: 7.2.0
+  resolution: "supports-color@npm:7.2.0"
+  dependencies:
+    has-flag: ^4.0.0
+  checksum: 3dda818de06ebbe5b9653e07842d9479f3555ebc77e9a0280caf5a14fb877ffee9ed57007c3b78f5a6324b8dbeec648d9e97a24e2ed9fdb81ddc69ea07100f4a
+  languageName: node
+  linkType: hard
+
+"supports-color@npm:^8.0.0, supports-color@npm:^8.1.0":
+  version: 8.1.1
+  resolution: "supports-color@npm:8.1.1"
+  dependencies:
+    has-flag: ^4.0.0
+  checksum: c052193a7e43c6cdc741eb7f378df605636e01ad434badf7324f17fb60c69a880d8d8fcdcb562cf94c2350e57b937d7425ab5b8326c67c2adc48f7c87c1db406
+  languageName: node
+  linkType: hard
+
+"supports-hyperlinks@npm:^2.0.0":
+  version: 2.1.0
+  resolution: "supports-hyperlinks@npm:2.1.0"
+  dependencies:
+    has-flag: ^4.0.0
+    supports-color: ^7.0.0
+  checksum: e4f430c870a258c9854b8bd7f166a9c1e76e3b851da84d4399d6a8f1d4a485e4ec36c16455dde80acf06c86e7c0a6df76ed22b6a4644a6ae3eced8616b3f21b5
+  languageName: node
+  linkType: hard
+
+"supports-preserve-symlinks-flag@npm:^1.0.0":
+  version: 1.0.0
+  resolution: "supports-preserve-symlinks-flag@npm:1.0.0"
+  checksum: 53b1e247e68e05db7b3808b99b892bd36fb096e6fba213a06da7fab22045e97597db425c724f2bbd6c99a3c295e1e73f3e4de78592289f38431049e1277ca0ae
+  languageName: node
+  linkType: hard
+
+"swarm-js@npm:^0.1.40":
+  version: 0.1.40
+  resolution: "swarm-js@npm:0.1.40"
+  dependencies:
+    bluebird: ^3.5.0
+    buffer: ^5.0.5
+    eth-lib: ^0.1.26
+    fs-extra: ^4.0.2
+    got: ^7.1.0
+    mime-types: ^2.1.16
+    mkdirp-promise: ^5.0.1
+    mock-fs: ^4.1.0
+    setimmediate: ^1.0.5
+    tar: ^4.0.2
+    xhr-request: ^1.0.1
+  checksum: 1de56e0cb02c1c80e041efb2bd2cc7250c5451c3016967266c16d5c1e8c74fe5c3aae45dc46065b1f4d77667a8453b967961ec58b3975469522f566aa840a914
+  languageName: node
+  linkType: hard
+
+"symbol-observable@npm:^1.2.0":
+  version: 1.2.0
+  resolution: "symbol-observable@npm:1.2.0"
+  checksum: 48ffbc22e3d75f9853b3ff2ae94a44d84f386415110aea5effc24d84c502e03a4a6b7a8f75ebaf7b585780bda34eb5d6da3121f826a6f93398429d30032971b6
+  languageName: node
+  linkType: hard
+
+"symbol-tree@npm:^3.2.4":
+  version: 3.2.4
+  resolution: "symbol-tree@npm:3.2.4"
+  checksum: 6e8fc7e1486b8b54bea91199d9535bb72f10842e40c79e882fc94fb7b14b89866adf2fd79efa5ebb5b658bc07fb459ccce5ac0e99ef3d72f474e74aaf284029d
+  languageName: node
+  linkType: hard
+
+"tapable@npm:^2.0.0, tapable@npm:^2.1.1, tapable@npm:^2.2.0":
+  version: 2.2.1
+  resolution: "tapable@npm:2.2.1"
+  checksum: 3b7a1b4d86fa940aad46d9e73d1e8739335efd4c48322cb37d073eb6f80f5281889bf0320c6d8ffcfa1a0dd5bfdbd0f9d037e252ef972aca595330538aac4d51
+  languageName: node
+  linkType: hard
+
+"tar-fs@npm:^2.0.0, tar-fs@npm:^2.1.1":
+  version: 2.1.1
+  resolution: "tar-fs@npm:2.1.1"
+  dependencies:
+    chownr: ^1.1.1
+    mkdirp-classic: ^0.5.2
+    pump: ^3.0.0
+    tar-stream: ^2.1.4
+  checksum: f5b9a70059f5b2969e65f037b4e4da2daf0fa762d3d232ffd96e819e3f94665dbbbe62f76f084f1acb4dbdcce16c6e4dac08d12ffc6d24b8d76720f4d9cf032d
+  languageName: node
+  linkType: hard
+
+"tar-fs@npm:~2.0.1":
+  version: 2.0.1
+  resolution: "tar-fs@npm:2.0.1"
+  dependencies:
+    chownr: ^1.1.1
+    mkdirp-classic: ^0.5.2
+    pump: ^3.0.0
+    tar-stream: ^2.0.0
+  checksum: 26cd297ed2421bc8038ce1a4ca442296b53739f409847d495d46086e5713d8db27f2c03ba2f461d0f5ddbc790045628188a8544f8ae32cbb6238b279b68d0247
+  languageName: node
+  linkType: hard
+
+"tar-stream@npm:^2.0.0, tar-stream@npm:^2.1.4, tar-stream@npm:^2.2.0":
+  version: 2.2.0
+  resolution: "tar-stream@npm:2.2.0"
+  dependencies:
+    bl: ^4.0.3
+    end-of-stream: ^1.4.1
+    fs-constants: ^1.0.0
+    inherits: ^2.0.3
+    readable-stream: ^3.1.1
+  checksum: 699831a8b97666ef50021c767f84924cfee21c142c2eb0e79c63254e140e6408d6d55a065a2992548e72b06de39237ef2b802b99e3ece93ca3904a37622a66f3
+  languageName: node
+  linkType: hard
+
+"tar@npm:^4.0.2":
+  version: 4.4.17
+  resolution: "tar@npm:4.4.17"
+  dependencies:
+    chownr: ^1.1.4
+    fs-minipass: ^1.2.7
+    minipass: ^2.9.0
+    minizlib: ^1.3.3
+    mkdirp: ^0.5.5
+    safe-buffer: ^5.2.1
+    yallist: ^3.1.1
+  checksum: e3908e428759e156e19459cc886d4ec80e26335a13d79e6ec3e65e3fe22b135e788585478da480472029af6b0d6c8295d03d817878537575673cffe4de9626b1
+  languageName: node
+  linkType: hard
+
+"tar@npm:^6.0.2":
+  version: 6.0.5
+  resolution: "tar@npm:6.0.5"
+  dependencies:
+    chownr: ^2.0.0
+    fs-minipass: ^2.0.0
+    minipass: ^3.0.0
+    minizlib: ^2.1.1
+    mkdirp: ^1.0.3
+    yallist: ^4.0.0
+  checksum: e1bdfbf5cc00a5912a855ddf5e0372547ddb56f263839a99c49cad74cfbc20421b1dce1a3231c77348f1a14773924d118512f8c39ff234194896a7590eec7354
+  languageName: node
+  linkType: hard
+
+"temp-file@npm:^3.4.0":
+  version: 3.4.0
+  resolution: "temp-file@npm:3.4.0"
+  dependencies:
+    async-exit-hook: ^2.0.1
+    fs-extra: ^10.0.0
+  checksum: 8e2b90321c9d865ad3e9e613cc524c9a9e22cd7820d3c8378840a01ab720116f4de4d340bbca6a50a9562b37f8ce614451fdb02dc2f993b4f9866cf81840b3cb
+  languageName: node
+  linkType: hard
+
+"temp@npm:^0.9.4":
+  version: 0.9.4
+  resolution: "temp@npm:0.9.4"
+  dependencies:
+    mkdirp: ^0.5.1
+    rimraf: ~2.6.2
+  checksum: 8709d4d63278bd309ca0e49e80a268308dea543a949e71acd427b3314cd9417da9a2cc73425dd9c21c6780334dbffd67e05e7be5aaa73e9affe8479afc6f20e3
+  languageName: node
+  linkType: hard
+
+"temp@npm:~0.4.0":
+  version: 0.4.0
+  resolution: "temp@npm:0.4.0"
+  checksum: 8b83f98833b7f6cd03a1f523d17f8b06fe687cbdfc5654ae41edacdf640e71f1057c3cf2534ac44e265834c1af6270d9a0b9baeee6b86ccb2ef379e43dbc0d0a
+  languageName: node
+  linkType: hard
+
+"terminal-link@npm:^2.0.0":
+  version: 2.1.1
+  resolution: "terminal-link@npm:2.1.1"
+  dependencies:
+    ansi-escapes: ^4.2.1
+    supports-hyperlinks: ^2.0.0
+  checksum: ce3d2cd3a438c4a9453947aa664581519173ea40e77e2534d08c088ee6dda449eabdbe0a76d2a516b8b73c33262fedd10d5270ccf7576ae316e3db170ce6562f
+  languageName: node
+  linkType: hard
+
+"terser-webpack-plugin@npm:^5.1.3":
+  version: 5.1.3
+  resolution: "terser-webpack-plugin@npm:5.1.3"
+  dependencies:
+    jest-worker: ^27.0.2
+    p-limit: ^3.1.0
+    schema-utils: ^3.0.0
+    serialize-javascript: ^5.0.1
+    source-map: ^0.6.1
+    terser: ^5.7.0
+  peerDependencies:
+    webpack: ^5.1.0
+  checksum: f042b0a600979eb1cd3dbfb50140ee38b01afc81c740759f258cc4cbae88aed23cdac4fdc43155902b8b5ae0f58d5e6111c87e2ac2bb31bdf00cffb4f040a17b
+  languageName: node
+  linkType: hard
+
+"terser@npm:^5.7.0, terser@npm:^5.7.2":
+  version: 5.9.0
+  resolution: "terser@npm:5.9.0"
+  dependencies:
+    commander: ^2.20.0
+    source-map: ~0.7.2
+    source-map-support: ~0.5.20
+  bin:
+    terser: bin/terser
+  checksum: 11c1246b1991015a8881742878af779e3863fad42f626ffda957dbf28c94bf51e7994cffb9ffbec86ff3c23ab45ffa6d79d453c15e664306e35fc7b2c4eee5f4
+  languageName: node
+  linkType: hard
+
+"test-exclude@npm:^6.0.0":
+  version: 6.0.0
+  resolution: "test-exclude@npm:6.0.0"
+  dependencies:
+    "@istanbuljs/schema": ^0.1.2
+    glob: ^7.1.4
+    minimatch: ^3.0.4
+  checksum: 3b34a3d77165a2cb82b34014b3aba93b1c4637a5011807557dc2f3da826c59975a5ccad765721c4648b39817e3472789f9b0fa98fc854c5c1c7a1e632aacdc28
+  languageName: node
+  linkType: hard
+
+"testcontainers@npm:^8.6.0":
+  version: 8.6.0
+  resolution: "testcontainers@npm:8.6.0"
+  dependencies:
+    "@balena/dockerignore": ^1.0.2
+    "@types/archiver": ^5.1.1
+    "@types/dockerode": ^3.2.7
+    archiver: ^5.3.0
+    byline: ^5.0.0
+    debug: ^4.3.4
+    docker-compose: ^0.23.17
+    dockerode: ^3.3.1
+    get-port: ^5.1.1
+    properties-reader: ^2.2.0
+    ssh-remote-port-forward: ^1.0.4
+    tar-fs: ^2.1.1
+  checksum: a097fb61c7350d4e9489075d31cc9c68c436182b8d0c6ea4afd793dd7d52174ac8c654f69f7168caf5c761722e695dfd1025c88b29b95b4bc4976870063b6a9c
+  languageName: node
+  linkType: hard
+
+"text-table@npm:^0.2.0":
+  version: 0.2.0
+  resolution: "text-table@npm:0.2.0"
+  checksum: b6937a38c80c7f84d9c11dd75e49d5c44f71d95e810a3250bd1f1797fc7117c57698204adf676b71497acc205d769d65c16ae8fa10afad832ae1322630aef10a
+  languageName: node
+  linkType: hard
+
+"thread-loader@npm:^3.0.4":
+  version: 3.0.4
+  resolution: "thread-loader@npm:3.0.4"
+  dependencies:
+    json-parse-better-errors: ^1.0.2
+    loader-runner: ^4.1.0
+    loader-utils: ^2.0.0
+    neo-async: ^2.6.2
+    schema-utils: ^3.0.0
+  peerDependencies:
+    webpack: ^4.27.0 || ^5.0.0
+  checksum: 832edc6eac46df148465feb8d3e3e67a30ea82d1d29401ca1c6461d1a0386c6d1fed05739887fc9c69a7d189a68ca1686eaad214f283825e355de9b42663bcf0
+  languageName: node
+  linkType: hard
+
+"throat@npm:^6.0.1":
+  version: 6.0.1
+  resolution: "throat@npm:6.0.1"
+  checksum: 782d4171ee4e3cf947483ed2ff1af3e17cc4354c693b9d339284f61f99fbc401d171e0b0d2db3295bb7d447630333e9319c174ebd7ef315c6fb791db9675369c
+  languageName: node
+  linkType: hard
+
+"through2-filter@npm:^3.0.0":
+  version: 3.0.0
+  resolution: "through2-filter@npm:3.0.0"
+  dependencies:
+    through2: ~2.0.0
+    xtend: ~4.0.0
+  checksum: 2fa0f042290749824b973c27ae006f9dfe7c9bcee570504ab066998e3bd7d43bea28b642eef8a4434dbfd0a7cd18c8823ac81927614234fd477ccd5ea38fab18
+  languageName: node
+  linkType: hard
+
+"through2@npm:^2.0.0, through2@npm:^2.0.1, through2@npm:^2.0.3, through2@npm:~2.0.0, through2@npm:~2.0.3":
+  version: 2.0.5
+  resolution: "through2@npm:2.0.5"
+  dependencies:
+    readable-stream: ~2.3.6
+    xtend: ~4.0.1
+  checksum: beb0f338aa2931e5660ec7bf3ad949e6d2e068c31f4737b9525e5201b824ac40cac6a337224856b56bd1ddd866334bbfb92a9f57cd6f66bc3f18d3d86fc0fe50
+  languageName: node
+  linkType: hard
+
+"through2@npm:^4.0.0":
+  version: 4.0.2
+  resolution: "through2@npm:4.0.2"
+  dependencies:
+    readable-stream: 3
+  checksum: ac7430bd54ccb7920fd094b1c7ff3e1ad6edd94202e5528331253e5fde0cc56ceaa690e8df9895de2e073148c52dfbe6c4db74cacae812477a35660090960cc0
+  languageName: node
+  linkType: hard
+
+"through@npm:^2.3.6, through@npm:~2.3.4":
+  version: 2.3.8
+  resolution: "through@npm:2.3.8"
+  checksum: a38c3e059853c494af95d50c072b83f8b676a9ba2818dcc5b108ef252230735c54e0185437618596c790bbba8fcdaef5b290405981ffa09dce67b1f1bf190cbd
+  languageName: node
+  linkType: hard
+
+"thunky@npm:^1.0.2":
+  version: 1.1.0
+  resolution: "thunky@npm:1.1.0"
+  checksum: 993096c472b6b8f30e29dc777a8d17720e4cab448375041f20c0cb802a09a7fb2217f2a3e8cdc11851faa71c957e2db309357367fc9d7af3cb7a4d00f4b66034
+  languageName: node
+  linkType: hard
+
+"timed-out@npm:^4.0.0, timed-out@npm:^4.0.1":
+  version: 4.0.1
+  resolution: "timed-out@npm:4.0.1"
+  checksum: 98efc5d6fc0d2a329277bd4d34f65c1bf44d9ca2b14fd267495df92898f522e6f563c5e9e467c418e0836f5ca1f47a84ca3ee1de79b1cc6fe433834b7f02ec54
+  languageName: node
+  linkType: hard
+
+"tiny-emitter@npm:^2.0.0":
+  version: 2.1.0
+  resolution: "tiny-emitter@npm:2.1.0"
+  checksum: fbcfb5145751a0e3b109507a828eb6d6d4501352ab7bb33eccef46e22e9d9ad3953158870a6966a59e57ab7c3f9cfac7cab8521db4de6a5e757012f4677df2dd
+  languageName: node
+  linkType: hard
+
+"tiny-invariant@npm:^1.0.2, tiny-invariant@npm:^1.0.6":
+  version: 1.1.0
+  resolution: "tiny-invariant@npm:1.1.0"
+  checksum: 27d29bbb9e1d1d86e25766711c28ad91af6d67c87d561167077ac7fbce5212b97bbfe875e70bc369808e075748c825864c9b61f0e9f8652275ec86bcf4dcc924
+  languageName: node
+  linkType: hard
+
+"tiny-secp256k1@npm:^1.1.3":
+  version: 1.1.6
+  resolution: "tiny-secp256k1@npm:1.1.6"
+  dependencies:
+    bindings: ^1.3.0
+    bn.js: ^4.11.8
+    create-hmac: ^1.1.7
+    elliptic: ^6.4.0
+    nan: ^2.13.2
+    node-gyp: latest
+  checksum: f8f705f8a76dc9ccc9aa46f7bc353c00be63940c0a1198175fd77c9b85bdf24eb6db3d72c4756d24af320900290313c580c07695cda645d98410822f94ee01f5
+  languageName: node
+  linkType: hard
+
+"tiny-warning@npm:^1.0.0, tiny-warning@npm:^1.0.3":
+  version: 1.0.3
+  resolution: "tiny-warning@npm:1.0.3"
+  checksum: da62c4acac565902f0624b123eed6dd3509bc9a8d30c06e017104bedcf5d35810da8ff72864400ad19c5c7806fc0a8323c68baf3e326af7cb7d969f846100d71
+  languageName: node
+  linkType: hard
+
+"tmp-promise@npm:^3.0.2":
+  version: 3.0.2
+  resolution: "tmp-promise@npm:3.0.2"
+  dependencies:
+    tmp: ^0.2.0
+  checksum: 2d8457c9512e896633f64fab33e5e3fd273c4d8fca33cfc74a04a104a0b921d15ed3e832c4f2a50108635ac88264afef85abddbe5ad8480e15f55fc7f8e76969
+  languageName: node
+  linkType: hard
+
+"tmp@npm:^0.0.33":
+  version: 0.0.33
+  resolution: "tmp@npm:0.0.33"
+  dependencies:
+    os-tmpdir: ~1.0.2
+  checksum: 902d7aceb74453ea02abbf58c203f4a8fc1cead89b60b31e354f74ed5b3fb09ea817f94fb310f884a5d16987dd9fa5a735412a7c2dd088dd3d415aa819ae3a28
+  languageName: node
+  linkType: hard
+
+"tmp@npm:^0.2.0, tmp@npm:^0.2.1":
+  version: 0.2.1
+  resolution: "tmp@npm:0.2.1"
+  dependencies:
+    rimraf: ^3.0.0
+  checksum: 8b1214654182575124498c87ca986ac53dc76ff36e8f0e0b67139a8d221eaecfdec108c0e6ec54d76f49f1f72ab9325500b246f562b926f85bcdfca8bf35df9e
+  languageName: node
+  linkType: hard
+
+"tmpl@npm:1.0.x":
+  version: 1.0.4
+  resolution: "tmpl@npm:1.0.4"
+  checksum: 72c93335044b5b8771207d2e9cf71e8c26b110d0f0f924f6d6c06b509d89552c7c0e4086a574ce4f05110ac40c1faf6277ecba7221afeb57ebbab70d8de39cc4
+  languageName: node
+  linkType: hard
+
+"to-absolute-glob@npm:^2.0.0":
+  version: 2.0.2
+  resolution: "to-absolute-glob@npm:2.0.2"
+  dependencies:
+    is-absolute: ^1.0.0
+    is-negated-glob: ^1.0.0
+  checksum: 0a8bef172909e43d711bfd33792643f2eec35b9109bde927dabfd231e6ad643b7a657f306c93c6e7b89f71d3de74ac94060fe9637bca8c37b036523993664323
+  languageName: node
+  linkType: hard
+
+"to-fast-properties@npm:^2.0.0":
+  version: 2.0.0
+  resolution: "to-fast-properties@npm:2.0.0"
+  checksum: be2de62fe58ead94e3e592680052683b1ec986c72d589e7b21e5697f8744cdbf48c266fa72f6c15932894c10187b5f54573a3bcf7da0bfd964d5caf23d436168
+  languageName: node
+  linkType: hard
+
+"to-readable-stream@npm:^1.0.0":
+  version: 1.0.0
+  resolution: "to-readable-stream@npm:1.0.0"
+  checksum: 2bd7778490b6214a2c40276065dd88949f4cf7037ce3964c76838b8cb212893aeb9cceaaf4352a4c486e3336214c350270f3263e1ce7a0c38863a715a4d9aeb5
+  languageName: node
+  linkType: hard
+
+"to-regex-range@npm:^5.0.1":
+  version: 5.0.1
+  resolution: "to-regex-range@npm:5.0.1"
+  dependencies:
+    is-number: ^7.0.0
+  checksum: f76fa01b3d5be85db6a2a143e24df9f60dd047d151062d0ba3df62953f2f697b16fe5dad9b0ac6191c7efc7b1d9dcaa4b768174b7b29da89d4428e64bc0a20ed
+  languageName: node
+  linkType: hard
+
+"to-through@npm:^2.0.0":
+  version: 2.0.0
+  resolution: "to-through@npm:2.0.0"
+  dependencies:
+    through2: ^2.0.3
+  checksum: 5834a69d68cbe0d74115373bbe219dbe60c1950021f5ec9dd4af179ffbb307bce3d45fde9dacec05a8f4f79b86734433eb9b42946ccb81d2d4d4f8828628b7e6
+  languageName: node
+  linkType: hard
+
+"toggle-selection@npm:^1.0.6":
+  version: 1.0.6
+  resolution: "toggle-selection@npm:1.0.6"
+  checksum: a90dc80ed1e7b18db8f4e16e86a5574f87632dc729cfc07d9ea3ced50021ad42bb4e08f22c0913e0b98e3837b0b717e0a51613c65f30418e21eb99da6556a74c
+  languageName: node
+  linkType: hard
+
+"toidentifier@npm:1.0.1":
+  version: 1.0.1
+  resolution: "toidentifier@npm:1.0.1"
+  checksum: 952c29e2a85d7123239b5cfdd889a0dde47ab0497f0913d70588f19c53f7e0b5327c95f4651e413c74b785147f9637b17410ac8c846d5d4a20a5a33eb6dc3a45
+  languageName: node
+  linkType: hard
+
+"tough-cookie@npm:^4.0.0":
+  version: 4.0.0
+  resolution: "tough-cookie@npm:4.0.0"
+  dependencies:
+    psl: ^1.1.33
+    punycode: ^2.1.1
+    universalify: ^0.1.2
+  checksum: 0891b37eb7d17faa3479d47f0dce2e3007f2583094ad272f2670d120fbcc3df3b0b0a631ba96ecad49f9e2297d93ff8995ce0d3292d08dd7eabe162f5b224d69
+  languageName: node
+  linkType: hard
+
+"tough-cookie@npm:~2.5.0":
+  version: 2.5.0
+  resolution: "tough-cookie@npm:2.5.0"
+  dependencies:
+    psl: ^1.1.28
+    punycode: ^2.1.1
+  checksum: 16a8cd090224dd176eee23837cbe7573ca0fa297d7e468ab5e1c02d49a4e9a97bb05fef11320605eac516f91d54c57838a25864e8680e27b069a5231d8264977
+  languageName: node
+  linkType: hard
+
+"tr46@npm:^2.0.2":
+  version: 2.0.2
+  resolution: "tr46@npm:2.0.2"
+  dependencies:
+    punycode: ^2.1.1
+  checksum: 2b2b3dfa6bc65d027b2fac729fba0fb5b9d98af7b69ad6876c0f088ebf127f2d53e5a4d4464e5de40380cf721f392262c9183d2a05cea4967a890e8801c842f6
+  languageName: node
+  linkType: hard
+
+"tr46@npm:~0.0.3":
+  version: 0.0.3
+  resolution: "tr46@npm:0.0.3"
+  checksum: 726321c5eaf41b5002e17ffbd1fb7245999a073e8979085dacd47c4b4e8068ff5777142fc6726d6ca1fd2ff16921b48788b87225cbc57c72636f6efa8efbffe3
+  languageName: node
+  linkType: hard
+
+"tree-kill@npm:^1.2.2":
+  version: 1.2.2
+  resolution: "tree-kill@npm:1.2.2"
+  bin:
+    tree-kill: cli.js
+  checksum: 49117f5f410d19c84b0464d29afb9642c863bc5ba40fcb9a245d474c6d5cc64d1b177a6e6713129eb346b40aebb9d4631d967517f9fbe8251c35b21b13cd96c7
+  languageName: node
+  linkType: hard
+
+"trim-newlines@npm:^3.0.0":
+  version: 3.0.0
+  resolution: "trim-newlines@npm:3.0.0"
+  checksum: ad99b771e7e6fc785cfdd60f3eeb794a6f2f230dd291987107974abd0c95a051d7cf3b6d45b542a59bfe67eb680c5b259ec19741e6fdfdbee0ab783ab8861585
+  languageName: node
+  linkType: hard
+
+"trim-repeated@npm:^1.0.0":
+  version: 1.0.0
+  resolution: "trim-repeated@npm:1.0.0"
+  dependencies:
+    escape-string-regexp: ^1.0.2
+  checksum: e25c235305b82c43f1d64a67a71226c406b00281755e4c2c4f3b1d0b09c687a535dd3c4483327f949f28bb89dc400a0bc5e5b749054f4b99f49ebfe48ba36496
+  languageName: node
+  linkType: hard
+
+"trough@npm:^1.0.0":
+  version: 1.0.5
+  resolution: "trough@npm:1.0.5"
+  checksum: d6c8564903ed00e5258bab92134b020724dbbe83148dc72e4bf6306c03ed8843efa1bcc773fa62410dd89161ecb067432dd5916501793508a9506cacbc408e25
+  languageName: node
+  linkType: hard
+
+"truncate-utf8-bytes@npm:^1.0.0":
+  version: 1.0.2
+  resolution: "truncate-utf8-bytes@npm:1.0.2"
+  dependencies:
+    utf8-byte-length: ^1.0.1
+  checksum: ad097314709ea98444ad9c80c03aac8da805b894f37ceb5685c49ad297483afe3a5ec9572ebcaff699dda72b6cd447a2ba2a3fd10e96c2628cd16d94abeb328a
+  languageName: node
+  linkType: hard
+
+"tsconfig-paths@npm:^3.14.1":
+  version: 3.14.1
+  resolution: "tsconfig-paths@npm:3.14.1"
+  dependencies:
+    "@types/json5": ^0.0.29
+    json5: ^1.0.1
+    minimist: ^1.2.6
+    strip-bom: ^3.0.0
+  checksum: 8afa01c673ebb4782ba53d3a12df97fa837ce524f8ad38ee4e2b2fd57f5ac79abc21c574e9e9eb014d93efe7fe8214001b96233b5c6ea75bd1ea82afe17a4c6d
+  languageName: node
+  linkType: hard
+
+"tslib@npm:^1.8.1, tslib@npm:^1.9.0":
+  version: 1.14.1
+  resolution: "tslib@npm:1.14.1"
+  checksum: dbe628ef87f66691d5d2959b3e41b9ca0045c3ee3c7c7b906cc1e328b39f199bb1ad9e671c39025bd56122ac57dfbf7385a94843b1cc07c60a4db74795829acd
+  languageName: node
+  linkType: hard
+
+"tslib@npm:^2.0.3, tslib@npm:^2.1.0":
+  version: 2.3.1
+  resolution: "tslib@npm:2.3.1"
+  checksum: de17a98d4614481f7fcb5cd53ffc1aaf8654313be0291e1bfaee4b4bb31a20494b7d218ff2e15017883e8ea9626599b3b0e0229c18383ba9dce89da2adf15cb9
+  languageName: node
+  linkType: hard
+
+"tsutils@npm:^3.21.0":
+  version: 3.21.0
+  resolution: "tsutils@npm:3.21.0"
+  dependencies:
+    tslib: ^1.8.1
+  peerDependencies:
+    typescript: ">=2.8.0 || >= 3.2.0-dev || >= 3.3.0-dev || >= 3.4.0-dev || >= 3.5.0-dev || >= 3.6.0-dev || >= 3.6.0-beta || >= 3.7.0-dev || >= 3.7.0-beta"
+  checksum: 1843f4c1b2e0f975e08c4c21caa4af4f7f65a12ac1b81b3b8489366826259323feb3fc7a243123453d2d1a02314205a7634e048d4a8009921da19f99755cdc48
+  languageName: node
+  linkType: hard
+
+"tunnel-agent@npm:^0.6.0":
+  version: 0.6.0
+  resolution: "tunnel-agent@npm:0.6.0"
+  dependencies:
+    safe-buffer: ^5.0.1
+  checksum: 05f6510358f8afc62a057b8b692f05d70c1782b70db86d6a1e0d5e28a32389e52fa6e7707b6c5ecccacc031462e4bc35af85ecfe4bbc341767917b7cf6965711
+  languageName: node
+  linkType: hard
+
+"tunnel@npm:^0.0.6":
+  version: 0.0.6
+  resolution: "tunnel@npm:0.0.6"
+  checksum: c362948df9ad34b649b5585e54ce2838fa583aa3037091aaed66793c65b423a264e5229f0d7e9a95513a795ac2bd4cb72cda7e89a74313f182c1e9ae0b0994fa
+  languageName: node
+  linkType: hard
+
+"tweetnacl@npm:1.x.x, tweetnacl@npm:^1.0.3":
+  version: 1.0.3
+  resolution: "tweetnacl@npm:1.0.3"
+  checksum: e4a57cac188f0c53f24c7a33279e223618a2bfb5fea426231991652a13247bea06b081fd745d71291fcae0f4428d29beba1b984b1f1ce6f66b06a6d1ab90645c
+  languageName: node
+  linkType: hard
+
+"tweetnacl@npm:^0.14.3, tweetnacl@npm:~0.14.0":
+  version: 0.14.5
+  resolution: "tweetnacl@npm:0.14.5"
+  checksum: 6061daba1724f59473d99a7bb82e13f211cdf6e31315510ae9656fefd4779851cb927adad90f3b488c8ed77c106adc0421ea8055f6f976ff21b27c5c4e918487
+  languageName: node
+  linkType: hard
+
+"type-check@npm:^0.4.0, type-check@npm:~0.4.0":
+  version: 0.4.0
+  resolution: "type-check@npm:0.4.0"
+  dependencies:
+    prelude-ls: ^1.2.1
+  checksum: ec688ebfc9c45d0c30412e41ca9c0cdbd704580eb3a9ccf07b9b576094d7b86a012baebc95681999dd38f4f444afd28504cb3a89f2ef16b31d4ab61a0739025a
+  languageName: node
+  linkType: hard
+
+"type-check@npm:~0.3.2":
+  version: 0.3.2
+  resolution: "type-check@npm:0.3.2"
+  dependencies:
+    prelude-ls: ~1.1.2
+  checksum: dd3b1495642731bc0e1fc40abe5e977e0263005551ac83342ecb6f4f89551d106b368ec32ad3fb2da19b3bd7b2d1f64330da2ea9176d8ddbfe389fb286eb5124
+  languageName: node
+  linkType: hard
+
+"type-detect@npm:4.0.8":
+  version: 4.0.8
+  resolution: "type-detect@npm:4.0.8"
+  checksum: 62b5628bff67c0eb0b66afa371bd73e230399a8d2ad30d852716efcc4656a7516904570cd8631a49a3ce57c10225adf5d0cbdcb47f6b0255fe6557c453925a15
+  languageName: node
+  linkType: hard
+
+"type-fest@npm:^0.11.0":
+  version: 0.11.0
+  resolution: "type-fest@npm:0.11.0"
+  checksum: 8e7589e1eb5ced6c8e1d3051553b59b9f525c41e58baa898229915781c7bf55db8cb2f74e56d8031f6af5af2eecc7cb8da9ca3af7e5b80b49d8ca5a81891f3f9
+  languageName: node
+  linkType: hard
+
+"type-fest@npm:^0.13.1":
+  version: 0.13.1
+  resolution: "type-fest@npm:0.13.1"
+  checksum: e6bf2e3c449f27d4ef5d56faf8b86feafbc3aec3025fc9a5fbe2db0a2587c44714521f9c30d8516a833c8c506d6263f5cc11267522b10c6ccdb6cc55b0a9d1c4
+  languageName: node
+  linkType: hard
+
+"type-fest@npm:^0.20.2":
+  version: 0.20.2
+  resolution: "type-fest@npm:0.20.2"
+  checksum: 4fb3272df21ad1c552486f8a2f8e115c09a521ad7a8db3d56d53718d0c907b62c6e9141ba5f584af3f6830d0872c521357e512381f24f7c44acae583ad517d73
+  languageName: node
+  linkType: hard
+
+"type-fest@npm:^0.6.0":
+  version: 0.6.0
+  resolution: "type-fest@npm:0.6.0"
+  checksum: b2188e6e4b21557f6e92960ec496d28a51d68658018cba8b597bd3ef757721d1db309f120ae987abeeda874511d14b776157ff809f23c6d1ce8f83b9b2b7d60f
+  languageName: node
+  linkType: hard
+
+"type-fest@npm:^0.8.1":
+  version: 0.8.1
+  resolution: "type-fest@npm:0.8.1"
+  checksum: d61c4b2eba24009033ae4500d7d818a94fd6d1b481a8111612ee141400d5f1db46f199c014766b9fa9b31a6a7374d96fc748c6d688a78a3ce5a33123839becb7
+  languageName: node
+  linkType: hard
+
+"type-is@npm:~1.6.18":
+  version: 1.6.18
+  resolution: "type-is@npm:1.6.18"
+  dependencies:
+    media-typer: 0.3.0
+    mime-types: ~2.1.24
+  checksum: 2c8e47675d55f8b4e404bcf529abdf5036c537a04c2b20177bcf78c9e3c1da69da3942b1346e6edb09e823228c0ee656ef0e033765ec39a70d496ef601a0c657
+  languageName: node
+  linkType: hard
+
+"type@npm:^1.0.1":
+  version: 1.2.0
+  resolution: "type@npm:1.2.0"
+  checksum: dae8c64f82c648b985caf321e9dd6e8b7f4f2e2d4f846fc6fd2c8e9dc7769382d8a52369ddbaccd59aeeceb0df7f52fb339c465be5f2e543e81e810e413451ee
+  languageName: node
+  linkType: hard
+
+"type@npm:^2.0.0":
+  version: 2.1.0
+  resolution: "type@npm:2.1.0"
+  checksum: 29f21e295a57cb26b7cf005dd4f8041923cfd09e93db37887d0dc650c380adbb07d946484f7e569f715b1bf94e344d264c690032b29c7c8b4ea48abe614d1988
+  languageName: node
+  linkType: hard
+
+"typed-styles@npm:^0.0.7":
+  version: 0.0.7
+  resolution: "typed-styles@npm:0.0.7"
+  checksum: 36a6ad6bee008c15ddb8c2425eaf9aee37d2841985b4c44406ea4cf57080a9c30b6f9f3feb842ac952354733ac53299ee44f68d83f734486e8344d413f8c8c0d
+  languageName: node
+  linkType: hard
+
+"typedarray-to-buffer@npm:^3.1.5":
+  version: 3.1.5
+  resolution: "typedarray-to-buffer@npm:3.1.5"
+  dependencies:
+    is-typedarray: ^1.0.0
+  checksum: 99c11aaa8f45189fcfba6b8a4825fd684a321caa9bd7a76a27cf0c7732c174d198b99f449c52c3818107430b5f41c0ccbbfb75cb2ee3ca4a9451710986d61a60
+  languageName: node
+  linkType: hard
+
+"typedarray@npm:^0.0.6":
+  version: 0.0.6
+  resolution: "typedarray@npm:0.0.6"
+  checksum: 33b39f3d0e8463985eeaeeacc3cb2e28bc3dfaf2a5ed219628c0b629d5d7b810b0eb2165f9f607c34871d5daa92ba1dc69f49051cf7d578b4cbd26c340b9d1b1
+  languageName: node
+  linkType: hard
+
+"typeforce@npm:^1.11.5":
+  version: 1.18.0
+  resolution: "typeforce@npm:1.18.0"
+  checksum: e3b21e27e76cb05f32285bef7c30a29760e79c622cfe4aa3c179ce49d1c7895b7154c8deedb9fe4599b1fd0428d35860d43e0776da1c04861168f3ad7ed99c70
+  languageName: node
+  linkType: hard
+
+"typescript@npm:^4.6.3":
+  version: 4.6.3
+  resolution: "typescript@npm:4.6.3"
+  bin:
+    tsc: bin/tsc
+    tsserver: bin/tsserver
+  checksum: 255bb26c8cb846ca689dd1c3a56587af4f69055907aa2c154796ea28ee0dea871535b1c78f85a6212c77f2657843a269c3a742d09d81495b97b914bf7920415b
+  languageName: node
+  linkType: hard
+
+"typescript@patch:typescript@npm%3A^4.6.3#~builtin<compat/typescript>":
+  version: 4.6.3
+  resolution: "typescript@patch:typescript@npm%3A4.6.3#~builtin<compat/typescript>::version=4.6.3&hash=bda367"
+  bin:
+    tsc: bin/tsc
+    tsserver: bin/tsserver
+  checksum: 6bf45caf847062420592e711bc9c28bf5f9a9a7fa8245343b81493e4ededae33f1774009d1234d911422d1646a2c839f44e1a23ecb111b40a60ac2ea4c1482a8
+  languageName: node
+  linkType: hard
+
+"uint8arrays@npm:^3.0.0":
+  version: 3.0.0
+  resolution: "uint8arrays@npm:3.0.0"
+  dependencies:
+    multiformats: ^9.4.2
+  checksum: 58470e687140e64a7fa08ab66b64777b75f105bf78180324448dc798436beacf0bd322cd2b58d20ca4cfa2e091f58e4b52d008e95f21d0ade16c1102b5d23ad3
+  languageName: node
+  linkType: hard
+
+"ultron@npm:~1.1.0":
+  version: 1.1.1
+  resolution: "ultron@npm:1.1.1"
+  checksum: aa7b5ebb1b6e33287b9d873c6756c4b7aa6d1b23d7162ff25b0c0ce5c3c7e26e2ab141a5dc6e96c10ac4d00a372e682ce298d784f06ffcd520936590b4bc0653
+  languageName: node
+  linkType: hard
+
+"unbox-primitive@npm:^1.0.1":
+  version: 1.0.1
+  resolution: "unbox-primitive@npm:1.0.1"
+  dependencies:
+    function-bind: ^1.1.1
+    has-bigints: ^1.0.1
+    has-symbols: ^1.0.2
+    which-boxed-primitive: ^1.0.2
+  checksum: 89d950e18fb45672bc6b3c961f1e72c07beb9640c7ceed847b571ba6f7d2af570ae1a2584cfee268b9d9ea1e3293f7e33e0bc29eaeb9f8e8a0bab057ff9e6bba
+  languageName: node
+  linkType: hard
+
+"unc-path-regex@npm:^0.1.2":
+  version: 0.1.2
+  resolution: "unc-path-regex@npm:0.1.2"
+  checksum: a05fa2006bf4606051c10fc7968f08ce7b28fa646befafa282813aeb1ac1a56f65cb1b577ca7851af2726198d59475bb49b11776036257b843eaacee2860a4ec
+  languageName: node
+  linkType: hard
+
+"unicode-canonical-property-names-ecmascript@npm:^1.0.4":
+  version: 1.0.4
+  resolution: "unicode-canonical-property-names-ecmascript@npm:1.0.4"
+  checksum: cc1973b18d0e1a151711e5551f87f4b3086c4f542cd5142aa691307d5720fd725fa7d36c24e12e944e108b91c72554237b0c236772d35592839434da5506c40f
+  languageName: node
+  linkType: hard
+
+"unicode-match-property-ecmascript@npm:^1.0.4":
+  version: 1.0.4
+  resolution: "unicode-match-property-ecmascript@npm:1.0.4"
+  dependencies:
+    unicode-canonical-property-names-ecmascript: ^1.0.4
+    unicode-property-aliases-ecmascript: ^1.0.4
+  checksum: 08e269fac71b5ace0f8331df9e87b9b533fe97b00c43ea58de69ae81816581490f846050e0c472279a3e7434524feba99915a93816f90dbbc0a30bcbd082da88
+  languageName: node
+  linkType: hard
+
+"unicode-match-property-value-ecmascript@npm:^1.2.0":
+  version: 1.2.0
+  resolution: "unicode-match-property-value-ecmascript@npm:1.2.0"
+  checksum: 2e663cfec8e2cf317b69613566314979f717034ea8f58a237dd63234795044a87337410064fe839774d71e1d7e12195520e9edd69ed8e28f2a9eb28a2db38595
+  languageName: node
+  linkType: hard
+
+"unicode-property-aliases-ecmascript@npm:^1.0.4":
+  version: 1.1.0
+  resolution: "unicode-property-aliases-ecmascript@npm:1.1.0"
+  checksum: 1a96dc462d251bb1c5237f7bc77956b29f01cefce7f3e7448430742930961557c3d1515a9669715ebb06209bf01072e2f78ba1627247017daa84346414bc02f1
+  languageName: node
+  linkType: hard
+
+"unified@npm:^9.0.0, unified@npm:^9.1.0":
+  version: 9.2.0
+  resolution: "unified@npm:9.2.0"
+  dependencies:
+    bail: ^1.0.0
+    extend: ^3.0.0
+    is-buffer: ^2.0.0
+    is-plain-obj: ^2.0.0
+    trough: ^1.0.0
+    vfile: ^4.0.0
+  checksum: 0cac4ae119893fbd49d309b4db48595e4d4e9f0a2dc1dde4d0074059f9a46012a2905f37c1346715e583f30c970bc8078db8462675411d39ff5036ae18b4fb8a
+  languageName: node
+  linkType: hard
+
+"uniq@npm:^1.0.1":
+  version: 1.0.1
+  resolution: "uniq@npm:1.0.1"
+  checksum: 8206535f83745ea83f9da7035f3b983fd6ed5e35b8ed7745441944e4065b616bc67cf0d0a23a86b40ee0074426f0607f0a138f9b78e124eb6a7a6a6966055709
+  languageName: node
+  linkType: hard
+
+"unique-stream@npm:^2.0.2":
+  version: 2.3.1
+  resolution: "unique-stream@npm:2.3.1"
+  dependencies:
+    json-stable-stringify-without-jsonify: ^1.0.1
+    through2-filter: ^3.0.0
+  checksum: 65e433e68e46640e9283dbb022493c8d79ed1dac47807fe751dfe3bd50586927f63ad880ce9e01c2f85911f3caca48d04731aff6f07869434d5f76ecfe478559
+  languageName: node
+  linkType: hard
+
+"unique-string@npm:^2.0.0":
+  version: 2.0.0
+  resolution: "unique-string@npm:2.0.0"
+  dependencies:
+    crypto-random-string: ^2.0.0
+  checksum: ef68f639136bcfe040cf7e3cd7a8dff076a665288122855148a6f7134092e6ed33bf83a7f3a9185e46c98dddc445a0da6ac25612afa1a7c38b8b654d6c02498e
+  languageName: node
+  linkType: hard
+
+"unist-builder@npm:^2.0.0":
+  version: 2.0.3
+  resolution: "unist-builder@npm:2.0.3"
+  checksum: e946fdf77dbfc320feaece137ce4959ae2da6614abd1623bd39512dc741a9d5f313eb2ba79f8887d941365dccddec7fef4e953827475e392bf49b45336f597f6
+  languageName: node
+  linkType: hard
+
+"unist-util-generated@npm:^1.0.0":
+  version: 1.1.6
+  resolution: "unist-util-generated@npm:1.1.6"
+  checksum: 86239ff88a08800d52198f2f0e15911f05bab2dad17cef95550f7c2728f15ebb0344694fcc3101d05762d88adaf86cb85aa7a3300fedabd0b6d7d00b41cdcb7f
+  languageName: node
+  linkType: hard
+
+"unist-util-is@npm:^4.0.0":
+  version: 4.0.4
+  resolution: "unist-util-is@npm:4.0.4"
+  checksum: e9381149c12118ab2713fddefcdebaea912a8aa0ede89cb4ef6588cbb1ffc2ada387e9745909fa17557d5d9b92039654c7cf8ad838e8baf52f61669554ca0b3e
+  languageName: node
+  linkType: hard
+
+"unist-util-position@npm:^3.0.0":
+  version: 3.1.0
+  resolution: "unist-util-position@npm:3.1.0"
+  checksum: 10b3952e32a1ffabbecad41c3946237f7059f5bb6436796da05531a285f50b97e4f37cfc2f7164676d041063f40fe1ad92fbb8ca38d3ae8747328ebe738d738f
+  languageName: node
+  linkType: hard
+
+"unist-util-stringify-position@npm:^2.0.0":
+  version: 2.0.3
+  resolution: "unist-util-stringify-position@npm:2.0.3"
+  dependencies:
+    "@types/unist": ^2.0.2
+  checksum: f755cadc959f9074fe999578a1a242761296705a7fe87f333a37c00044de74ab4b184b3812989a57d4cd12211f0b14ad397b327c3a594c7af84361b1c25a7f09
+  languageName: node
+  linkType: hard
+
+"unist-util-visit-parents@npm:1.1.2":
+  version: 1.1.2
+  resolution: "unist-util-visit-parents@npm:1.1.2"
+  checksum: fed235889d2c95833153ac70dc6c736ddef11ce3e51285c1ae9fcf66d78fe26752f3e23a4cdf25ac532d3d41070662aa400fd30f79d8baf41aea135174b035a6
+  languageName: node
+  linkType: hard
+
+"unist-util-visit-parents@npm:^3.0.0":
+  version: 3.1.1
+  resolution: "unist-util-visit-parents@npm:3.1.1"
+  dependencies:
+    "@types/unist": ^2.0.0
+    unist-util-is: ^4.0.0
+  checksum: 1170e397dff88fab01e76d5154981666eb0291019d2462cff7a2961a3e76d3533b42eaa16b5b7e2d41ad42a5ea7d112301458283d255993e660511387bf67bc3
+  languageName: node
+  linkType: hard
+
+"unist-util-visit@npm:^2.0.0":
+  version: 2.0.3
+  resolution: "unist-util-visit@npm:2.0.3"
+  dependencies:
+    "@types/unist": ^2.0.0
+    unist-util-is: ^4.0.0
+    unist-util-visit-parents: ^3.0.0
+  checksum: 1fe19d500e212128f96d8c3cfa3312846e586b797748a1fd195fe6479f06bc90a6f6904deb08eefc00dd58e83a1c8a32fb8677252d2273ad7a5e624525b69b8f
+  languageName: node
+  linkType: hard
+
+"universal-user-agent@npm:^6.0.0":
+  version: 6.0.0
+  resolution: "universal-user-agent@npm:6.0.0"
+  checksum: 5092bbc80dd0d583cef0b62c17df0043193b74f425112ea6c1f69bc5eda21eeec7a08d8c4f793a277eb2202ffe9b44bec852fa3faff971234cd209874d1b79ef
+  languageName: node
+  linkType: hard
+
+"universalify@npm:^0.1.0, universalify@npm:^0.1.2":
+  version: 0.1.2
+  resolution: "universalify@npm:0.1.2"
+  checksum: 40cdc60f6e61070fe658ca36016a8f4ec216b29bf04a55dce14e3710cc84c7448538ef4dad3728d0bfe29975ccd7bfb5f414c45e7b78883567fb31b246f02dff
+  languageName: node
+  linkType: hard
+
+"universalify@npm:^2.0.0":
+  version: 2.0.0
+  resolution: "universalify@npm:2.0.0"
+  checksum: 2406a4edf4a8830aa6813278bab1f953a8e40f2f63a37873ffa9a3bc8f9745d06cc8e88f3572cb899b7e509013f7f6fcc3e37e8a6d914167a5381d8440518c44
+  languageName: node
+  linkType: hard
+
+"unpipe@npm:1.0.0, unpipe@npm:~1.0.0":
+  version: 1.0.0
+  resolution: "unpipe@npm:1.0.0"
+  checksum: 4fa18d8d8d977c55cb09715385c203197105e10a6d220087ec819f50cb68870f02942244f1017565484237f1f8c5d3cd413631b1ae104d3096f24fdfde1b4aa2
+  languageName: node
+  linkType: hard
+
+"update-notifier@npm:^5.0.0, update-notifier@npm:^5.1.0":
+  version: 5.1.0
+  resolution: "update-notifier@npm:5.1.0"
+  dependencies:
+    boxen: ^5.0.0
+    chalk: ^4.1.0
+    configstore: ^5.0.1
+    has-yarn: ^2.1.0
+    import-lazy: ^2.1.0
+    is-ci: ^2.0.0
+    is-installed-globally: ^0.4.0
+    is-npm: ^5.0.0
+    is-yarn-global: ^0.3.0
+    latest-version: ^5.1.0
+    pupa: ^2.1.1
+    semver: ^7.3.4
+    semver-diff: ^3.1.1
+    xdg-basedir: ^4.0.0
+  checksum: 461e5e5b002419296d3868ee2abe0f9ab3e1846d9db642936d0c46f838872ec56069eddfe662c45ce1af0a8d6d5026353728de2e0a95ab2e3546a22ea077caf1
+  languageName: node
+  linkType: hard
+
+"uri-js@npm:^4.2.2":
+  version: 4.4.0
+  resolution: "uri-js@npm:4.4.0"
+  dependencies:
+    punycode: ^2.1.0
+  checksum: 0baf85a04dda531b68f4a7e94b31f5300f1719b793ac5e5b3264db9da58dd4ceccb418236eb4535a610ab1e62edabb4e7da78eb1cb90b3171e68d261756c2702
+  languageName: node
+  linkType: hard
+
+"url-parse-lax@npm:^1.0.0":
+  version: 1.0.0
+  resolution: "url-parse-lax@npm:1.0.0"
+  dependencies:
+    prepend-http: ^1.0.1
+  checksum: 03316acff753845329652258c16d1688765ee34f7d242a94dadf9ff6e43ea567ec062cec7aa27c37f76f2c57f95e0660695afff32fb97b527591c7340a3090fa
+  languageName: node
+  linkType: hard
+
+"url-parse-lax@npm:^3.0.0":
+  version: 3.0.0
+  resolution: "url-parse-lax@npm:3.0.0"
+  dependencies:
+    prepend-http: ^2.0.0
+  checksum: 1040e357750451173132228036aff1fd04abbd43eac1fb3e4fca7495a078bcb8d33cb765fe71ad7e473d9c94d98fd67adca63bd2716c815a2da066198dd37217
+  languageName: node
+  linkType: hard
+
+"url-set-query@npm:^1.0.0":
+  version: 1.0.0
+  resolution: "url-set-query@npm:1.0.0"
+  checksum: 5ad73525e8f3ab55c6bf3ddc70a43912e65ff9ce655d7868fdcefdf79f509cfdddde4b07150797f76186f1a47c0ecd2b7bb3687df8f84757dee4110cf006e12d
+  languageName: node
+  linkType: hard
+
+"url-to-options@npm:^1.0.1":
+  version: 1.0.1
+  resolution: "url-to-options@npm:1.0.1"
+  checksum: 20e59f4578525fb0d30ffc22b13b5aa60bc9e57cefd4f5842720f5b57211b6dec54abeae2d675381ac4486fd1a2e987f1318725dea996e503ff89f8c8ce2c17e
+  languageName: node
+  linkType: hard
+
+"usb-detection@npm:^4.13.0":
+  version: 4.13.0
+  resolution: "usb-detection@npm:4.13.0"
+  dependencies:
+    bindings: ^1.5.0
+    eventemitter2: ^5.0.1
+    nan: ^2.15.0
+    node-gyp: latest
+    prebuild-install: ^6.1.4
+  checksum: e3d22bc0699b497557bf9e1c392377e5c12ddc2933d73be7dfe670396cb3c4287ee2fca0fb3ee9f021967f28849d733da94ae4d88d3420bafcbeb7942af8b6b2
+  languageName: node
+  linkType: hard
+
+"use-memo-one@npm:^1.1.1":
+  version: 1.1.1
+  resolution: "use-memo-one@npm:1.1.1"
+  peerDependencies:
+    react: ^16.8.0
+  checksum: 39ede232b8c95e6e1ff4f9d9b3f45826b6c1a51a8baae562f49867c569929323ec1e100186aa5111b84f6650bcf273746faf2739091cbe13d6c2e8d3306cc254
+  languageName: node
+  linkType: hard
+
+"utf-8-validate@npm:^5.0.2":
+  version: 5.0.3
+  resolution: "utf-8-validate@npm:5.0.3"
+  dependencies:
+    node-gyp: latest
+    node-gyp-build: ^4.2.0
+  checksum: b55eeefb35f6bca3a70ac6ecd29216a90d1851da5c5ba0e2c1cbd94091a77b519279c2968385d94f0281ec5d6129dd6c279911cf0a23984cf57d1cfc1fa8801e
+  languageName: node
+  linkType: hard
+
+"utf8-byte-length@npm:^1.0.1":
+  version: 1.0.4
+  resolution: "utf8-byte-length@npm:1.0.4"
+  checksum: f188ca076ec094d58e7009fcc32623c5830c7f0f3e15802bfa4fdd1e759454a481fc4ac05e0fa83b7736e77af628a9ee0e57dcc89683d688fde3811473e42143
+  languageName: node
+  linkType: hard
+
+"utf8@npm:3.0.0":
+  version: 3.0.0
+  resolution: "utf8@npm:3.0.0"
+  checksum: cb89a69ad9ab393e3eae9b25305b3ff08bebca9adc839191a34f90777eb2942f86a96369d2839925fea58f8f722f7e27031d697f10f5f39690f8c5047303e62d
+  languageName: node
+  linkType: hard
+
+"util-deprecate@npm:^1.0.1, util-deprecate@npm:^1.0.2, util-deprecate@npm:~1.0.1":
+  version: 1.0.2
+  resolution: "util-deprecate@npm:1.0.2"
+  checksum: 474acf1146cb2701fe3b074892217553dfcf9a031280919ba1b8d651a068c9b15d863b7303cb15bd00a862b498e6cf4ad7b4a08fb134edd5a6f7641681cb54a2
+  languageName: node
+  linkType: hard
+
+"util-extend@npm:^1.0.1":
+  version: 1.0.3
+  resolution: "util-extend@npm:1.0.3"
+  checksum: da57f399b331f40fe2cea5409b1f4939231433db9b52dac5593e4390a98b7b0d1318a0daefbcc48123fffe5026ef49f418b3e4df7a4cd7649a2583e559c608a5
+  languageName: node
+  linkType: hard
+
+"util@npm:^0.12.0":
+  version: 0.12.4
+  resolution: "util@npm:0.12.4"
+  dependencies:
+    inherits: ^2.0.3
+    is-arguments: ^1.0.4
+    is-generator-function: ^1.0.7
+    is-typed-array: ^1.1.3
+    safe-buffer: ^5.1.2
+    which-typed-array: ^1.1.2
+  checksum: 8eac7a6e6b341c0f1b3eb73bbe5dfcae31a7e9699c8fc3266789f3e95f7637946a7700dcf1904dbd3749a58a36760ebf7acf4bb5b717f7468532a8a79f44eff0
+  languageName: node
+  linkType: hard
+
+"utila@npm:~0.4":
+  version: 0.4.0
+  resolution: "utila@npm:0.4.0"
+  checksum: 97ffd3bd2bb80c773429d3fb8396469115cd190dded1e733f190d8b602bd0a1bcd6216b7ce3c4395ee3c79e3c879c19d268dbaae3093564cb169ad1212d436f4
+  languageName: node
+  linkType: hard
+
+"utils-merge@npm:1.0.1":
+  version: 1.0.1
+  resolution: "utils-merge@npm:1.0.1"
+  checksum: c81095493225ecfc28add49c106ca4f09cdf56bc66731aa8dabc2edbbccb1e1bfe2de6a115e5c6a380d3ea166d1636410b62ef216bb07b3feb1cfde1d95d5080
+  languageName: node
+  linkType: hard
+
+"uuid@npm:3.3.2":
+  version: 3.3.2
+  resolution: "uuid@npm:3.3.2"
+  bin:
+    uuid: ./bin/uuid
+  checksum: 8793629d2799f500aeea9fcd0aec6c4e9fbcc4d62ed42159ad96be345c3fffac1bbf61a23e18e2782600884fee05e6d4012ce4b70d0037c8e987533ae6a77870
+  languageName: node
+  linkType: hard
+
+"uuid@npm:^3.3.2, uuid@npm:^3.4.0":
+  version: 3.4.0
+  resolution: "uuid@npm:3.4.0"
+  bin:
+    uuid: ./bin/uuid
+  checksum: 58de2feed61c59060b40f8203c0e4ed7fd6f99d42534a499f1741218a1dd0c129f4aa1de797bcf822c8ea5da7e4137aa3673431a96dae729047f7aca7b27866f
+  languageName: node
+  linkType: hard
+
+"uuid@npm:^7.0.3":
+  version: 7.0.3
+  resolution: "uuid@npm:7.0.3"
+  bin:
+    uuid: dist/bin/uuid
+  checksum: f5b7b5cc28accac68d5c083fd51cca64896639ebd4cca88c6cfb363801aaa83aa439c86dfc8446ea250a7a98d17afd2ad9e88d9d4958c79a412eccb93bae29de
+  languageName: node
+  linkType: hard
+
+"v8-compile-cache@npm:^2.0.3":
+  version: 2.3.0
+  resolution: "v8-compile-cache@npm:2.3.0"
+  checksum: adb0a271eaa2297f2f4c536acbfee872d0dd26ec2d76f66921aa7fc437319132773483344207bdbeee169225f4739016d8d2dbf0553913a52bb34da6d0334f8e
+  languageName: node
+  linkType: hard
+
+"v8-to-istanbul@npm:^8.1.0":
+  version: 8.1.0
+  resolution: "v8-to-istanbul@npm:8.1.0"
+  dependencies:
+    "@types/istanbul-lib-coverage": ^2.0.1
+    convert-source-map: ^1.6.0
+    source-map: ^0.7.3
+  checksum: c7dabf9567e0c210b24d0720e553803cbe1ff81edb1ec7f2080eb4be01ed081a40286cc9f4aaa86d1bf8d57840cefae8fdf326b7cb8faa316ba50c7b948030d4
+  languageName: node
+  linkType: hard
+
+"validate-npm-package-license@npm:^3.0.1":
+  version: 3.0.4
+  resolution: "validate-npm-package-license@npm:3.0.4"
+  dependencies:
+    spdx-correct: ^3.0.0
+    spdx-expression-parse: ^3.0.0
+  checksum: 35703ac889d419cf2aceef63daeadbe4e77227c39ab6287eeb6c1b36a746b364f50ba22e88591f5d017bc54685d8137bc2d328d0a896e4d3fd22093c0f32a9ad
+  languageName: node
+  linkType: hard
+
+"value-equal@npm:^1.0.1":
+  version: 1.0.1
+  resolution: "value-equal@npm:1.0.1"
+  checksum: bb7ae1facc76b5cf8071aeb6c13d284d023fdb370478d10a5d64508e0e6e53bb459c4bbe34258df29d82e6f561f874f0105eba38de0e61fe9edd0bdce07a77a2
+  languageName: node
+  linkType: hard
+
+"value-or-function@npm:^3.0.0":
+  version: 3.0.0
+  resolution: "value-or-function@npm:3.0.0"
+  checksum: 2b901d05b82deb8565d4edeba02e0737be73e7fb2c640b79fa64152aae8b450f790a46c86bf7039f91938c1b69d2cc0908cd18c4695b120293bb442179061fac
+  languageName: node
+  linkType: hard
+
+"varint@npm:^5.0.0":
+  version: 5.0.2
+  resolution: "varint@npm:5.0.2"
+  checksum: e1a66bf9a6cea96d1f13259170d4d41b845833acf3a9df990ea1e760d279bd70d5b1f4c002a50197efd2168a2fd43eb0b808444600fd4d23651e8d42fe90eb05
+  languageName: node
+  linkType: hard
+
+"varint@npm:^6.0.0":
+  version: 6.0.0
+  resolution: "varint@npm:6.0.0"
+  checksum: 7684113c9d497c01e40396e50169c502eb2176203219b96e1c5ac965a3e15b4892bd22b7e48d87148e10fffe638130516b6dbeedd0efde2b2d0395aa1772eea7
+  languageName: node
+  linkType: hard
+
+"vary@npm:^1, vary@npm:~1.1.2":
+  version: 1.1.2
+  resolution: "vary@npm:1.1.2"
+  checksum: ae0123222c6df65b437669d63dfa8c36cee20a504101b2fcd97b8bf76f91259c17f9f2b4d70a1e3c6bbcee7f51b28392833adb6b2770b23b01abec84e369660b
+  languageName: node
+  linkType: hard
+
+"verror@npm:1.10.0, verror@npm:^1.10.0":
+  version: 1.10.0
+  resolution: "verror@npm:1.10.0"
+  dependencies:
+    assert-plus: ^1.0.0
+    core-util-is: 1.0.2
+    extsprintf: ^1.2.0
+  checksum: c431df0bedf2088b227a4e051e0ff4ca54df2c114096b0c01e1cbaadb021c30a04d7dd5b41ab277bcd51246ca135bf931d4c4c796ecae7a4fef6d744ecef36ea
+  languageName: node
+  linkType: hard
+
+"vfile-message@npm:^2.0.0":
+  version: 2.0.4
+  resolution: "vfile-message@npm:2.0.4"
+  dependencies:
+    "@types/unist": ^2.0.0
+    unist-util-stringify-position: ^2.0.0
+  checksum: 1bade499790f46ca5aba04bdce07a1e37c2636a8872e05cf32c26becc912826710b7eb063d30c5754fdfaeedc8a7658e78df10b3bc535c844890ec8a184f5643
+  languageName: node
+  linkType: hard
+
+"vfile@npm:^4.0.0":
+  version: 4.2.1
+  resolution: "vfile@npm:4.2.1"
+  dependencies:
+    "@types/unist": ^2.0.0
+    is-buffer: ^2.0.0
+    unist-util-stringify-position: ^2.0.0
+    vfile-message: ^2.0.0
+  checksum: ee5726e10d170472cde778fc22e0f7499caa096eb85babea5d0ce0941455b721037ee1c9e6ae506ca2803250acd313d0f464328ead0b55cfe7cb6315f1b462d6
+  languageName: node
+  linkType: hard
+
+"vinyl-fs@npm:^3.0.1":
+  version: 3.0.3
+  resolution: "vinyl-fs@npm:3.0.3"
+  dependencies:
+    fs-mkdirp-stream: ^1.0.0
+    glob-stream: ^6.1.0
+    graceful-fs: ^4.0.0
+    is-valid-glob: ^1.0.0
+    lazystream: ^1.0.0
+    lead: ^1.0.0
+    object.assign: ^4.0.4
+    pumpify: ^1.3.5
+    readable-stream: ^2.3.3
+    remove-bom-buffer: ^3.0.0
+    remove-bom-stream: ^1.2.0
+    resolve-options: ^1.1.0
+    through2: ^2.0.0
+    to-through: ^2.0.0
+    value-or-function: ^3.0.0
+    vinyl: ^2.0.0
+    vinyl-sourcemap: ^1.1.0
+  checksum: 948366325994e13e331bc559ac38d10bff9469eeb227e627cc903cb7580c73779158c7b25dd7ac416df2fc261cdd5341896e680c086de693de71420ccbdb9cd5
+  languageName: node
+  linkType: hard
+
+"vinyl-sourcemap@npm:^1.1.0":
+  version: 1.1.0
+  resolution: "vinyl-sourcemap@npm:1.1.0"
+  dependencies:
+    append-buffer: ^1.0.2
+    convert-source-map: ^1.5.0
+    graceful-fs: ^4.1.6
+    normalize-path: ^2.1.1
+    now-and-later: ^2.0.0
+    remove-bom-buffer: ^3.0.0
+    vinyl: ^2.0.0
+  checksum: e7174851faff44ffd0f91d4d7234a0c153cad7da9c142e5ef46b4a24fe5ab0c98c997db7c719919cbab28edb4b9cf9ec3d7fed8460f047b3d640740a613ec944
+  languageName: node
+  linkType: hard
+
+"vinyl@npm:^2.0.0, vinyl@npm:^2.2.0":
+  version: 2.2.1
+  resolution: "vinyl@npm:2.2.1"
+  dependencies:
+    clone: ^2.1.1
+    clone-buffer: ^1.0.0
+    clone-stats: ^1.0.0
+    cloneable-readable: ^1.0.0
+    remove-trailing-separator: ^1.0.1
+    replace-ext: ^1.0.0
+  checksum: 1f663973f1362f2d074b554f79ff7673187667082373b3d3e628beb1fc2a7ff33024f10b492fbd8db421a09ea3b7b22c3d3de4a0f0e73ead7b4685af570b906f
+  languageName: node
+  linkType: hard
+
+"void-elements@npm:3.1.0":
+  version: 3.1.0
+  resolution: "void-elements@npm:3.1.0"
+  checksum: 0390f818107fa8fce55bb0a5c3f661056001c1d5a2a48c28d582d4d847347c2ab5b7f8272314cac58acf62345126b6b09bea623a185935f6b1c3bbce0dfd7f7f
+  languageName: node
+  linkType: hard
+
+"vue-template-es2015-compiler@npm:^1.9.0":
+  version: 1.9.1
+  resolution: "vue-template-es2015-compiler@npm:1.9.1"
+  checksum: ad1e85662783be3ee262c323b05d12e6a5036fca24f16dc0f7ab92736b675919cb4fa4b79b28753eac73119b709d1b36789bf60e8ae423f50c4db35de9370e8b
+  languageName: node
+  linkType: hard
+
+"w3c-hr-time@npm:^1.0.2":
+  version: 1.0.2
+  resolution: "w3c-hr-time@npm:1.0.2"
+  dependencies:
+    browser-process-hrtime: ^1.0.0
+  checksum: ec3c2dacbf8050d917bbf89537a101a08c2e333b4c19155f7d3bedde43529d4339db6b3d049d9610789cb915f9515f8be037e0c54c079e9d4735c50b37ed52b9
+  languageName: node
+  linkType: hard
+
+"w3c-xmlserializer@npm:^2.0.0":
+  version: 2.0.0
+  resolution: "w3c-xmlserializer@npm:2.0.0"
+  dependencies:
+    xml-name-validator: ^3.0.0
+  checksum: ae25c51cf71f1fb2516df1ab33a481f83461a117565b95e3d0927432522323f93b1b2846cbb60196d337970c421adb604fc2d0d180c6a47a839da01db5b9973b
+  languageName: node
+  linkType: hard
+
+"walkdir@npm:^0.4.1":
+  version: 0.4.1
+  resolution: "walkdir@npm:0.4.1"
+  checksum: 71045c21dc19aae3321f897b6e9e507cf8039202665c35a0b908eecccaf25636aab769b31cbd61ef8267237fe22fc316923a691ecc2d9d38840a15c59c0f2594
+  languageName: node
+  linkType: hard
+
+"walker@npm:^1.0.7":
+  version: 1.0.7
+  resolution: "walker@npm:1.0.7"
+  dependencies:
+    makeerror: 1.0.x
+  checksum: 4038fcf92f6ab0288267ad05008aec9e089a759f1bd32e1ea45cc2eb498eb12095ec43cf8ca2bf23a465f4580a0d33b25b89f450ba521dd27083cbc695ee6bf5
+  languageName: node
+  linkType: hard
+
+"warning@npm:^4.0.2, warning@npm:^4.0.3":
+  version: 4.0.3
+  resolution: "warning@npm:4.0.3"
+  dependencies:
+    loose-envify: ^1.0.0
+  checksum: 4f2cb6a9575e4faf71ddad9ad1ae7a00d0a75d24521c193fa464f30e6b04027bd97aa5d9546b0e13d3a150ab402eda216d59c1d0f2d6ca60124d96cd40dfa35c
+  languageName: node
+  linkType: hard
+
+"watchpack@npm:^2.3.1":
+  version: 2.3.1
+  resolution: "watchpack@npm:2.3.1"
+  dependencies:
+    glob-to-regexp: ^0.4.1
+    graceful-fs: ^4.1.2
+  checksum: 70a34f92842d94b5d842980f866d568d7a467de667c96ae5759c759f46587e49265863171f4650bdbafc5f3870a28f2b4453e9e847098ec4b718b38926d47d22
+  languageName: node
+  linkType: hard
+
+"wbuf@npm:^1.1.0, wbuf@npm:^1.7.3":
+  version: 1.7.3
+  resolution: "wbuf@npm:1.7.3"
+  dependencies:
+    minimalistic-assert: ^1.0.0
+  checksum: 2abc306c96930b757972a1c4650eb6b25b5d99f24088714957f88629e137db569368c5de0e57986c89ea70db2f1df9bba11a87cb6d0c8694b6f53a0159fab3bf
+  languageName: node
+  linkType: hard
+
+"wcwidth@npm:^1.0.1":
+  version: 1.0.1
+  resolution: "wcwidth@npm:1.0.1"
+  dependencies:
+    defaults: ^1.0.3
+  checksum: 814e9d1ddcc9798f7377ffa448a5a3892232b9275ebb30a41b529607691c0491de47cba426e917a4d08ded3ee7e9ba2f3fe32e62ee3cd9c7d3bafb7754bd553c
+  languageName: node
+  linkType: hard
+
+"web3-bzz@npm:1.7.3":
+  version: 1.7.3
+  resolution: "web3-bzz@npm:1.7.3"
+  dependencies:
+    "@types/node": ^12.12.6
+    got: 9.6.0
+    swarm-js: ^0.1.40
+  checksum: cd4dddd51b445bd40d3e2fd57eba268d3cbc9d359e5b8ebd16735183135387f509923ff12ec5f0645a0faeaeed4ea7d4753385fdd289c74280cc774e89e5a56e
+  languageName: node
+  linkType: hard
+
+"web3-core-helpers@npm:1.7.3":
+  version: 1.7.3
+  resolution: "web3-core-helpers@npm:1.7.3"
+  dependencies:
+    web3-eth-iban: 1.7.3
+    web3-utils: 1.7.3
+  checksum: 8c02f7fe202f74f925a18cf6f32649df5caa3221cefc493a6a4fb554d43bece1b4dc7a4cb0952c9d8669a4766dfdafb6d6100a5f68d109b89cc7cf314ed59959
+  languageName: node
+  linkType: hard
+
+"web3-core-method@npm:1.7.3":
+  version: 1.7.3
+  resolution: "web3-core-method@npm:1.7.3"
+  dependencies:
+    "@ethersproject/transactions": ^5.0.0-beta.135
+    web3-core-helpers: 1.7.3
+    web3-core-promievent: 1.7.3
+    web3-core-subscriptions: 1.7.3
+    web3-utils: 1.7.3
+  checksum: cd1940676eb9ed6a28d172f9beaaccbb2021e831a19d690f9b50fa913a66be7bd8e85928c2a542c03f15ccdfb5dae63e43bcc8f04cd652b897233ae584a68d57
+  languageName: node
+  linkType: hard
+
+"web3-core-promievent@npm:1.7.3":
+  version: 1.7.3
+  resolution: "web3-core-promievent@npm:1.7.3"
+  dependencies:
+    eventemitter3: 4.0.4
+  checksum: a4784709f7c581bc3d74d996c80d764e95f73ebb30a7383f1af16bfc4c67e3c9fc0524962e48241fa180bce13d489b41f87a88f717e1009299ed0562612a0ad7
+  languageName: node
+  linkType: hard
+
+"web3-core-requestmanager@npm:1.7.3":
+  version: 1.7.3
+  resolution: "web3-core-requestmanager@npm:1.7.3"
+  dependencies:
+    util: ^0.12.0
+    web3-core-helpers: 1.7.3
+    web3-providers-http: 1.7.3
+    web3-providers-ipc: 1.7.3
+    web3-providers-ws: 1.7.3
+  checksum: fcee4c1280b621d9e50b339995295ece6a17b1de73b6e9acf490ea08037f3d3b39f0b2a339def4e470f5bbb2dec49634887089128cebb9b98da54e8f54b9a142
+  languageName: node
+  linkType: hard
+
+"web3-core-subscriptions@npm:1.7.3":
+  version: 1.7.3
+  resolution: "web3-core-subscriptions@npm:1.7.3"
+  dependencies:
+    eventemitter3: 4.0.4
+    web3-core-helpers: 1.7.3
+  checksum: 6b524a9df78ded17313979508564b1246cec8df99849d77d87f6c8316d276f62744ef05663cdb130bae8c9ddab56e3a267091a9051418a035c537bf90bafea28
+  languageName: node
+  linkType: hard
+
+"web3-core@npm:1.7.3":
+  version: 1.7.3
+  resolution: "web3-core@npm:1.7.3"
+  dependencies:
+    "@types/bn.js": ^4.11.5
+    "@types/node": ^12.12.6
+    bignumber.js: ^9.0.0
+    web3-core-helpers: 1.7.3
+    web3-core-method: 1.7.3
+    web3-core-requestmanager: 1.7.3
+    web3-utils: 1.7.3
+  checksum: 2959ea9bb018e8346ef14456a46b4ad06e68529882be1d6059876f60c9feeda6d7acf6d4e4f4c8caa1b45a216c904860c4113fd93e499af64d637cd5787a7b60
+  languageName: node
+  linkType: hard
+
+"web3-eth-abi@npm:1.7.3":
+  version: 1.7.3
+  resolution: "web3-eth-abi@npm:1.7.3"
+  dependencies:
+    "@ethersproject/abi": 5.0.7
+    web3-utils: 1.7.3
+  checksum: 878ace128ce24f8deca93e4656950b4e582a2dd2aac8d2d718ddf611429266a4b6e25b0afe5000a19ef3876cc786fa165c9be7752d60f49dd4659462a0bd2e79
+  languageName: node
+  linkType: hard
+
+"web3-eth-accounts@npm:1.7.3":
+  version: 1.7.3
+  resolution: "web3-eth-accounts@npm:1.7.3"
+  dependencies:
+    "@ethereumjs/common": ^2.5.0
+    "@ethereumjs/tx": ^3.3.2
+    crypto-browserify: 3.12.0
+    eth-lib: 0.2.8
+    ethereumjs-util: ^7.0.10
+    scrypt-js: ^3.0.1
+    uuid: 3.3.2
+    web3-core: 1.7.3
+    web3-core-helpers: 1.7.3
+    web3-core-method: 1.7.3
+    web3-utils: 1.7.3
+  checksum: 141edccc5ac4371f610f1436ecb1340a7cb2739b6298d772c732348631e01ef2060620b3cca7d43daac647a4b6cf84157f8fae6df921896642c6aa376449860b
+  languageName: node
+  linkType: hard
+
+"web3-eth-contract@npm:1.7.3":
+  version: 1.7.3
+  resolution: "web3-eth-contract@npm:1.7.3"
+  dependencies:
+    "@types/bn.js": ^4.11.5
+    web3-core: 1.7.3
+    web3-core-helpers: 1.7.3
+    web3-core-method: 1.7.3
+    web3-core-promievent: 1.7.3
+    web3-core-subscriptions: 1.7.3
+    web3-eth-abi: 1.7.3
+    web3-utils: 1.7.3
+  checksum: e5bdb00cdff0ad5d4282de52cf8046dcfc24df8a5f338075345cc50953d2387a3b9ea6ff505334ee62a09e6d8fe533d048891df2821069f902fa519120c1a7c7
+  languageName: node
+  linkType: hard
+
+"web3-eth-ens@npm:1.7.3":
+  version: 1.7.3
+  resolution: "web3-eth-ens@npm:1.7.3"
+  dependencies:
+    content-hash: ^2.5.2
+    eth-ens-namehash: 2.0.8
+    web3-core: 1.7.3
+    web3-core-helpers: 1.7.3
+    web3-core-promievent: 1.7.3
+    web3-eth-abi: 1.7.3
+    web3-eth-contract: 1.7.3
+    web3-utils: 1.7.3
+  checksum: b079e72e27831a377078b9c3cccc2d30295667d03d368b10a061f8d36e445557d75dfd986ea5b170baf15964f2a1c42a77d78aebbe5d249f60f5eff3ed0efa10
+  languageName: node
+  linkType: hard
+
+"web3-eth-iban@npm:1.7.3":
+  version: 1.7.3
+  resolution: "web3-eth-iban@npm:1.7.3"
+  dependencies:
+    bn.js: ^4.11.9
+    web3-utils: 1.7.3
+  checksum: 0e36167c63955f3e0481b99b3e2fa89246785678644cdb42c73ee013220182d06abad91ddc32e5c726fa7a06db17aace48ffc167cb1e3411530e441a6fbaa0cc
+  languageName: node
+  linkType: hard
+
+"web3-eth-personal@npm:1.7.3":
+  version: 1.7.3
+  resolution: "web3-eth-personal@npm:1.7.3"
+  dependencies:
+    "@types/node": ^12.12.6
+    web3-core: 1.7.3
+    web3-core-helpers: 1.7.3
+    web3-core-method: 1.7.3
+    web3-net: 1.7.3
+    web3-utils: 1.7.3
+  checksum: be938abdc281c14f8d6ef7c7e980def172ea5b28aa4c7b0d18e81452938fcc9d193bfa42006641ad13d60775af12954f98cd91c41f3aa11181386d5f551bbaec
+  languageName: node
+  linkType: hard
+
+"web3-eth@npm:1.7.3":
+  version: 1.7.3
+  resolution: "web3-eth@npm:1.7.3"
+  dependencies:
+    web3-core: 1.7.3
+    web3-core-helpers: 1.7.3
+    web3-core-method: 1.7.3
+    web3-core-subscriptions: 1.7.3
+    web3-eth-abi: 1.7.3
+    web3-eth-accounts: 1.7.3
+    web3-eth-contract: 1.7.3
+    web3-eth-ens: 1.7.3
+    web3-eth-iban: 1.7.3
+    web3-eth-personal: 1.7.3
+    web3-net: 1.7.3
+    web3-utils: 1.7.3
+  checksum: 5d7d1606b484098ff7943f132ef2c805c2fd2596386917e828f7ee8dbac3497cbc0a81df240e13ffb3289b59c9f72191a02e0f2636034b846b094d927821c7b3
+  languageName: node
+  linkType: hard
+
+"web3-net@npm:1.7.3":
+  version: 1.7.3
+  resolution: "web3-net@npm:1.7.3"
+  dependencies:
+    web3-core: 1.7.3
+    web3-core-method: 1.7.3
+    web3-utils: 1.7.3
+  checksum: 09b31ab30dc59650ee83d8752b753b18862522d372d3101acc620ed188792c46e844e363c55da06f64400e587f37f609381f353a862ef14b379decf48f36173b
+  languageName: node
+  linkType: hard
+
+"web3-providers-http@npm:1.7.3":
+  version: 1.7.3
+  resolution: "web3-providers-http@npm:1.7.3"
+  dependencies:
+    web3-core-helpers: 1.7.3
+    xhr2-cookies: 1.1.0
+  checksum: e1539a36aec1b8f49fd79e407086c96274f4d62f33646bc95b65a94ccad8cb15bc40f6040cddc1eb018bfc3199687d6a6b7c18f11bb8423f6e24b1567e1191e2
+  languageName: node
+  linkType: hard
+
+"web3-providers-ipc@npm:1.7.3":
+  version: 1.7.3
+  resolution: "web3-providers-ipc@npm:1.7.3"
+  dependencies:
+    oboe: 2.1.5
+    web3-core-helpers: 1.7.3
+  checksum: 28e7dbc73dc6f32302d1a579c48682efa3584150042883e5e8b1774c1beab848ac16d3932c94bfb9af5aac6f1558d920c8672079e67e5aff03be9510506cb184
+  languageName: node
+  linkType: hard
+
+"web3-providers-ws@npm:1.7.3":
+  version: 1.7.3
+  resolution: "web3-providers-ws@npm:1.7.3"
+  dependencies:
+    eventemitter3: 4.0.4
+    web3-core-helpers: 1.7.3
+    websocket: ^1.0.32
+  checksum: 041427c34763579ed89f16de63e811de4cb502a43b4d120fe725cf33e879a7d104fca34093a18f6bb3a0b10596543e5905875377c1fed35f56ce86c5dae3475c
+  languageName: node
+  linkType: hard
+
+"web3-shh@npm:1.7.3":
+  version: 1.7.3
+  resolution: "web3-shh@npm:1.7.3"
+  dependencies:
+    web3-core: 1.7.3
+    web3-core-method: 1.7.3
+    web3-core-subscriptions: 1.7.3
+    web3-net: 1.7.3
+  checksum: c4b66aa9361d7dc2e66f88b106e1eae81587465ab85b3c31b9979c1247fa4e6cd7aa44d0e8c8411e26df51aa75ccd1c24efb11d87b5e8eef1beab241faf925a8
+  languageName: node
+  linkType: hard
+
+"web3-utils@npm:1.7.3":
+  version: 1.7.3
+  resolution: "web3-utils@npm:1.7.3"
+  dependencies:
+    bn.js: ^4.11.9
+    ethereum-bloom-filters: ^1.0.6
+    ethereumjs-util: ^7.1.0
+    ethjs-unit: 0.1.6
+    number-to-bn: 1.7.0
+    randombytes: ^2.1.0
+    utf8: 3.0.0
+  checksum: 96fd1d7310f4674ddccbd1f2f8e1ff1817b8869a67a1562ef3ce1130ae50dfec8e64fc4ce9f80855d87fa63fb6dd71b4561e5e1925be5b26f3787b0d4e5f89e7
+  languageName: node
+  linkType: hard
+
+"web3@npm:^1.7.3":
+  version: 1.7.3
+  resolution: "web3@npm:1.7.3"
+  dependencies:
+    web3-bzz: 1.7.3
+    web3-core: 1.7.3
+    web3-eth: 1.7.3
+    web3-eth-personal: 1.7.3
+    web3-net: 1.7.3
+    web3-shh: 1.7.3
+    web3-utils: 1.7.3
+  checksum: a944c296e75bd9c5e95687754524561ca993663d0c57ca2e8da794b9e8de57d319522fa05ec3b06d98382cc9ba59a0b8f17eb092782aa849b4e8cecc7867522a
+  languageName: node
+  linkType: hard
+
+"webidl-conversions@npm:^3.0.0":
+  version: 3.0.1
+  resolution: "webidl-conversions@npm:3.0.1"
+  checksum: c92a0a6ab95314bde9c32e1d0a6dfac83b578f8fa5f21e675bc2706ed6981bc26b7eb7e6a1fab158e5ce4adf9caa4a0aee49a52505d4d13c7be545f15021b17c
+  languageName: node
+  linkType: hard
+
+"webidl-conversions@npm:^5.0.0":
+  version: 5.0.0
+  resolution: "webidl-conversions@npm:5.0.0"
+  checksum: ccf1ec2ca7c0b5671e5440ace4a66806ae09c49016ab821481bec0c05b1b82695082dc0a27d1fe9d804d475a408ba0c691e6803fd21be608e710955d4589cd69
+  languageName: node
+  linkType: hard
+
+"webidl-conversions@npm:^6.1.0":
+  version: 6.1.0
+  resolution: "webidl-conversions@npm:6.1.0"
+  checksum: 1f526507aa491f972a0c1409d07f8444e1d28778dfa269a9971f2e157182f3d496dc33296e4ed45b157fdb3bf535bb90c90bf10c50dcf1dd6caacb2a34cc84fb
+  languageName: node
+  linkType: hard
+
+"webpack-cli@npm:^4.9.2":
+  version: 4.9.2
+  resolution: "webpack-cli@npm:4.9.2"
+  dependencies:
+    "@discoveryjs/json-ext": ^0.5.0
+    "@webpack-cli/configtest": ^1.1.1
+    "@webpack-cli/info": ^1.4.1
+    "@webpack-cli/serve": ^1.6.1
+    colorette: ^2.0.14
+    commander: ^7.0.0
+    execa: ^5.0.0
+    fastest-levenshtein: ^1.0.12
+    import-local: ^3.0.2
+    interpret: ^2.2.0
+    rechoir: ^0.7.0
+    webpack-merge: ^5.7.3
+  peerDependencies:
+    webpack: 4.x.x || 5.x.x
+  peerDependenciesMeta:
+    "@webpack-cli/generators":
+      optional: true
+    "@webpack-cli/migrate":
+      optional: true
+    webpack-bundle-analyzer:
+      optional: true
+    webpack-dev-server:
+      optional: true
+  bin:
+    webpack-cli: bin/cli.js
+  checksum: ffb4c5d53ab65ce9f1e8efd34fca4cb858ec6afc91ece0d9375094edff2e7615708c8a586991057fd9cc8d37aab0eb0511913b178daac534e51bcf7d3583e61c
+  languageName: node
+  linkType: hard
+
+"webpack-dev-middleware@npm:^5.3.1":
+  version: 5.3.1
+  resolution: "webpack-dev-middleware@npm:5.3.1"
+  dependencies:
+    colorette: ^2.0.10
+    memfs: ^3.4.1
+    mime-types: ^2.1.31
+    range-parser: ^1.2.1
+    schema-utils: ^4.0.0
+  peerDependencies:
+    webpack: ^4.0.0 || ^5.0.0
+  checksum: 32e36b5893dde4107e5bb758afdc7fc61fd238a62635cb2964ed6b61e363793275a40870479daeae3fa3b87678c1311f44ba7492f6ebf30fe9360f2aab30bae1
+  languageName: node
+  linkType: hard
+
+"webpack-dev-server@npm:^4.8.1":
+  version: 4.8.1
+  resolution: "webpack-dev-server@npm:4.8.1"
+  dependencies:
+    "@types/bonjour": ^3.5.9
+    "@types/connect-history-api-fallback": ^1.3.5
+    "@types/express": ^4.17.13
+    "@types/serve-index": ^1.9.1
+    "@types/sockjs": ^0.3.33
+    "@types/ws": ^8.5.1
+    ansi-html-community: ^0.0.8
+    bonjour-service: ^1.0.11
+    chokidar: ^3.5.3
+    colorette: ^2.0.10
+    compression: ^1.7.4
+    connect-history-api-fallback: ^1.6.0
+    default-gateway: ^6.0.3
+    express: ^4.17.3
+    graceful-fs: ^4.2.6
+    html-entities: ^2.3.2
+    http-proxy-middleware: ^2.0.3
+    ipaddr.js: ^2.0.1
+    open: ^8.0.9
+    p-retry: ^4.5.0
+    portfinder: ^1.0.28
+    rimraf: ^3.0.2
+    schema-utils: ^4.0.0
+    selfsigned: ^2.0.1
+    serve-index: ^1.9.1
+    sockjs: ^0.3.21
+    spdy: ^4.0.2
+    webpack-dev-middleware: ^5.3.1
+    ws: ^8.4.2
+  peerDependencies:
+    webpack: ^4.37.0 || ^5.0.0
+  peerDependenciesMeta:
+    webpack-cli:
+      optional: true
+  bin:
+    webpack-dev-server: bin/webpack-dev-server.js
+  checksum: 6f827068353cb024f04edd275ae2828b6d47a3316c1a8677066d1500b1d1038b516399777792bb464ec40bc6f963abe9b24a5fd93b9b39487a3574b38ae45fd6
+  languageName: node
+  linkType: hard
+
+"webpack-merge@npm:^5.7.3, webpack-merge@npm:^5.8.0":
+  version: 5.8.0
+  resolution: "webpack-merge@npm:5.8.0"
+  dependencies:
+    clone-deep: ^4.0.1
+    wildcard: ^2.0.0
+  checksum: 88786ab91013f1bd2a683834ff381be81c245a4b0f63304a5103e90f6653f44dab496a0768287f8531761f8ad957d1f9f3ccb2cb55df0de1bd9ee343e079da26
+  languageName: node
+  linkType: hard
+
+"webpack-sources@npm:^3.2.3":
+  version: 3.2.3
+  resolution: "webpack-sources@npm:3.2.3"
+  checksum: 989e401b9fe3536529e2a99dac8c1bdc50e3a0a2c8669cbafad31271eadd994bc9405f88a3039cd2e29db5e6d9d0926ceb7a1a4e7409ece021fe79c37d9c4607
+  languageName: node
+  linkType: hard
+
+"webpack@npm:^5.72.0":
+  version: 5.72.0
+  resolution: "webpack@npm:5.72.0"
+  dependencies:
+    "@types/eslint-scope": ^3.7.3
+    "@types/estree": ^0.0.51
+    "@webassemblyjs/ast": 1.11.1
+    "@webassemblyjs/wasm-edit": 1.11.1
+    "@webassemblyjs/wasm-parser": 1.11.1
+    acorn: ^8.4.1
+    acorn-import-assertions: ^1.7.6
+    browserslist: ^4.14.5
+    chrome-trace-event: ^1.0.2
+    enhanced-resolve: ^5.9.2
+    es-module-lexer: ^0.9.0
+    eslint-scope: 5.1.1
+    events: ^3.2.0
+    glob-to-regexp: ^0.4.1
+    graceful-fs: ^4.2.9
+    json-parse-better-errors: ^1.0.2
+    loader-runner: ^4.2.0
+    mime-types: ^2.1.27
+    neo-async: ^2.6.2
+    schema-utils: ^3.1.0
+    tapable: ^2.1.1
+    terser-webpack-plugin: ^5.1.3
+    watchpack: ^2.3.1
+    webpack-sources: ^3.2.3
+  peerDependenciesMeta:
+    webpack-cli:
+      optional: true
+  bin:
+    webpack: bin/webpack.js
+  checksum: 8365f1466d0f7adbf80ebc9b780f263a28eeeabcd5fb515249bfd9a56ab7fe8d29ea53df3d9364d0732ab39ae774445eb28abce694ed375b13882a6b2fe93ffc
+  languageName: node
+  linkType: hard
+
+"webrtc-adapter@npm:^7.2.1":
+  version: 7.7.0
+  resolution: "webrtc-adapter@npm:7.7.0"
+  dependencies:
+    rtcpeerconnection-shim: ^1.2.15
+    sdp: ^2.12.0
+  checksum: 83dd0a474714fa8d0ebb0fa4b1d754768c1d865f71af0e0b3b88a4f097b355d5b1c13e70b09eb80b644ff60701c3939fac292f007570b796d3e02db1d614c10c
+  languageName: node
+  linkType: hard
+
+"websocket-driver@npm:>=0.5.1, websocket-driver@npm:^0.7.4":
+  version: 0.7.4
+  resolution: "websocket-driver@npm:0.7.4"
+  dependencies:
+    http-parser-js: ">=0.5.1"
+    safe-buffer: ">=5.1.0"
+    websocket-extensions: ">=0.1.1"
+  checksum: fffe5a33fe8eceafd21d2a065661d09e38b93877eae1de6ab5d7d2734c6ed243973beae10ae48c6613cfd675f200e5a058d1e3531bc9e6c5d4f1396ff1f0bfb9
+  languageName: node
+  linkType: hard
+
+"websocket-extensions@npm:>=0.1.1":
+  version: 0.1.4
+  resolution: "websocket-extensions@npm:0.1.4"
+  checksum: 5976835e68a86afcd64c7a9762ed85f2f27d48c488c707e67ba85e717b90fa066b98ab33c744d64255c9622d349eedecf728e65a5f921da71b58d0e9591b9038
+  languageName: node
+  linkType: hard
+
+"websocket@npm:^1.0.32, websocket@npm:^1.0.34":
+  version: 1.0.34
+  resolution: "websocket@npm:1.0.34"
+  dependencies:
+    bufferutil: ^4.0.1
+    debug: ^2.2.0
+    es5-ext: ^0.10.50
+    typedarray-to-buffer: ^3.1.5
+    utf-8-validate: ^5.0.2
+    yaeti: ^0.0.6
+  checksum: 8a0ce6d79cc1334bb6ea0d607f0092f3d32700b4dd19e4d5540f2a85f3b50e1f8110da0e4716737056584dde70bbebcb40bbd94bbb437d7468c71abfbfa077d8
+  languageName: node
+  linkType: hard
+
+"whatwg-encoding@npm:^1.0.5":
+  version: 1.0.5
+  resolution: "whatwg-encoding@npm:1.0.5"
+  dependencies:
+    iconv-lite: 0.4.24
+  checksum: 5be4efe111dce29ddee3448d3915477fcc3b28f991d9cf1300b4e50d6d189010d47bca2f51140a844cf9b726e8f066f4aee72a04d687bfe4f2ee2767b2f5b1e6
+  languageName: node
+  linkType: hard
+
+"whatwg-mimetype@npm:^2.3.0":
+  version: 2.3.0
+  resolution: "whatwg-mimetype@npm:2.3.0"
+  checksum: 23eb885940bcbcca4ff841c40a78e9cbb893ec42743993a42bf7aed16085b048b44b06f3402018931687153550f9a32d259dfa524e4f03577ab898b6965e5383
+  languageName: node
+  linkType: hard
+
+"whatwg-url@npm:^5.0.0":
+  version: 5.0.0
+  resolution: "whatwg-url@npm:5.0.0"
+  dependencies:
+    tr46: ~0.0.3
+    webidl-conversions: ^3.0.0
+  checksum: b8daed4ad3356cc4899048a15b2c143a9aed0dfae1f611ebd55073310c7b910f522ad75d727346ad64203d7e6c79ef25eafd465f4d12775ca44b90fa82ed9e2c
+  languageName: node
+  linkType: hard
+
+"whatwg-url@npm:^8.0.0, whatwg-url@npm:^8.5.0":
+  version: 8.5.0
+  resolution: "whatwg-url@npm:8.5.0"
+  dependencies:
+    lodash: ^4.7.0
+    tr46: ^2.0.2
+    webidl-conversions: ^6.1.0
+  checksum: 3bda9bfd98be7a86761bc629d848526ae246b34bce6b1037254752bade6fb610fc696c1d4ba477d0fdd57c86b6fad0128f68203527d94cee13997cc91ecf2bb7
+  languageName: node
+  linkType: hard
+
+"which-boxed-primitive@npm:^1.0.2":
+  version: 1.0.2
+  resolution: "which-boxed-primitive@npm:1.0.2"
+  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
+  checksum: 53ce774c7379071729533922adcca47220228405e1895f26673bbd71bdf7fb09bee38c1d6399395927c6289476b5ae0629863427fd151491b71c4b6cb04f3a5e
+  languageName: node
+  linkType: hard
+
+"which-typed-array@npm:^1.1.2":
+  version: 1.1.6
+  resolution: "which-typed-array@npm:1.1.6"
+  dependencies:
+    available-typed-arrays: ^1.0.4
+    call-bind: ^1.0.2
+    es-abstract: ^1.18.5
+    foreach: ^2.0.5
+    has-tostringtag: ^1.0.0
+    is-typed-array: ^1.1.6
+  checksum: 95527a7b546150be6de849834b150296cd05056fed94c4364980c8f3c2970172976d878bb8f1fd924b894dd91033d95f351c58575944e0e770abb938e52fb33f
+  languageName: node
+  linkType: hard
+
+"which@npm:^2.0.1, which@npm:^2.0.2":
+  version: 2.0.2
+  resolution: "which@npm:2.0.2"
+  dependencies:
+    isexe: ^2.0.0
+  bin:
+    node-which: ./bin/node-which
+  checksum: 1a5c563d3c1b52d5f893c8b61afe11abc3bab4afac492e8da5bde69d550de701cf9806235f20a47b5c8fa8a1d6a9135841de2596535e998027a54589000e66d1
+  languageName: node
+  linkType: hard
+
+"wide-align@npm:^1.1.0, wide-align@npm:^1.1.5":
+  version: 1.1.5
+  resolution: "wide-align@npm:1.1.5"
+  dependencies:
+    string-width: ^1.0.2 || 2 || 3 || 4
+  checksum: d5fc37cd561f9daee3c80e03b92ed3e84d80dde3365a8767263d03dacfc8fa06b065ffe1df00d8c2a09f731482fcacae745abfbb478d4af36d0a891fad4834d3
+  languageName: node
+  linkType: hard
+
+"widest-line@npm:^3.1.0":
+  version: 3.1.0
+  resolution: "widest-line@npm:3.1.0"
+  dependencies:
+    string-width: ^4.0.0
+  checksum: 03db6c9d0af9329c37d74378ff1d91972b12553c7d72a6f4e8525fe61563fa7adb0b9d6e8d546b7e059688712ea874edd5ded475999abdeedf708de9849310e0
+  languageName: node
+  linkType: hard
+
+"wif@npm:^2.0.6":
+  version: 2.0.6
+  resolution: "wif@npm:2.0.6"
+  dependencies:
+    bs58check: <3.0.0
+  checksum: 8c3147ef98d56f394d66f0477f699fba7fc18dd0d1c2c5d0f8408be41acffed589fa82447d80eae5afc9a3cbd943bc3eebb337b9f114955adeaad02a244f4f9a
+  languageName: node
+  linkType: hard
+
+"wildcard@npm:^2.0.0":
+  version: 2.0.0
+  resolution: "wildcard@npm:2.0.0"
+  checksum: 1f4fe4c03dfc492777c60f795bbba597ac78794f1b650d68f398fbee9adb765367c516ebd4220889b6a81e9626e7228bbe0d66237abb311573c2ee1f4902a5ad
+  languageName: node
+  linkType: hard
+
+"word-wrap@npm:^1.2.3, word-wrap@npm:~1.2.3":
+  version: 1.2.3
+  resolution: "word-wrap@npm:1.2.3"
+  checksum: 30b48f91fcf12106ed3186ae4fa86a6a1842416df425be7b60485de14bec665a54a68e4b5156647dec3a70f25e84d270ca8bc8cd23182ed095f5c7206a938c1f
+  languageName: node
+  linkType: hard
+
+"wrap-ansi@npm:^7.0.0":
+  version: 7.0.0
+  resolution: "wrap-ansi@npm:7.0.0"
+  dependencies:
+    ansi-styles: ^4.0.0
+    string-width: ^4.1.0
+    strip-ansi: ^6.0.0
+  checksum: a790b846fd4505de962ba728a21aaeda189b8ee1c7568ca5e817d85930e06ef8d1689d49dbf0e881e8ef84436af3a88bc49115c2e2788d841ff1b8b5b51a608b
+  languageName: node
+  linkType: hard
+
+"wrappy@npm:1":
+  version: 1.0.2
+  resolution: "wrappy@npm:1.0.2"
+  checksum: 159da4805f7e84a3d003d8841557196034155008f817172d4e986bd591f74aa82aa7db55929a54222309e01079a65a92a9e6414da5a6aa4b01ee44a511ac3ee5
+  languageName: node
+  linkType: hard
+
+"write-file-atomic@npm:^3.0.0":
+  version: 3.0.3
+  resolution: "write-file-atomic@npm:3.0.3"
+  dependencies:
+    imurmurhash: ^0.1.4
+    is-typedarray: ^1.0.0
+    signal-exit: ^3.0.2
+    typedarray-to-buffer: ^3.1.5
+  checksum: c55b24617cc61c3a4379f425fc62a386cc51916a9b9d993f39734d005a09d5a4bb748bc251f1304e7abd71d0a26d339996c275955f527a131b1dcded67878280
+  languageName: node
+  linkType: hard
+
+"write-json-file@npm:^4.2.0":
+  version: 4.3.0
+  resolution: "write-json-file@npm:4.3.0"
+  dependencies:
+    detect-indent: ^6.0.0
+    graceful-fs: ^4.1.15
+    is-plain-obj: ^2.0.0
+    make-dir: ^3.0.0
+    sort-keys: ^4.0.0
+    write-file-atomic: ^3.0.0
+  checksum: 33908c591923dc273e6574e7c0e2df157acfcf498e3a87c5615ced006a465c4058877df6abce6fc1acd2844fa3cf4518ace4a34d5d82ab28bcf896317ba1db6f
+  languageName: node
+  linkType: hard
+
+"ws@npm:^3.0.0":
+  version: 3.3.3
+  resolution: "ws@npm:3.3.3"
+  dependencies:
+    async-limiter: ~1.0.0
+    safe-buffer: ~5.1.0
+    ultron: ~1.1.0
+  checksum: 20b7bf34bb88715b9e2d435b76088d770e063641e7ee697b07543815fabdb752335261c507a973955e823229d0af8549f39cc669825e5c8404aa0422615c81d9
+  languageName: node
+  linkType: hard
+
+"ws@npm:^7.4.5":
+  version: 7.5.3
+  resolution: "ws@npm:7.5.3"
+  peerDependencies:
+    bufferutil: ^4.0.1
+    utf-8-validate: ^5.0.2
+  peerDependenciesMeta:
+    bufferutil:
+      optional: true
+    utf-8-validate:
+      optional: true
+  checksum: 423dc0d859fa74020f5555140905b862470a60ea1567bb9ad55a087263d7718b9c94f69678be1cee9868925c570f1e6fc79d09f90c39057bc63fa2edbb2c547b
+  languageName: node
+  linkType: hard
+
+"ws@npm:^8.4.2":
+  version: 8.4.2
+  resolution: "ws@npm:8.4.2"
+  peerDependencies:
+    bufferutil: ^4.0.1
+    utf-8-validate: ^5.0.2
+  peerDependenciesMeta:
+    bufferutil:
+      optional: true
+    utf-8-validate:
+      optional: true
+  checksum: 4369caaac8d1092a73871f5cf1d87fcbb995dc4183a1bc48e4f451bc2d02d0a8bf7c17edf1da18e2be3c773b09262275356b256d1c55bc7ca096154293ba2a8c
+  languageName: node
+  linkType: hard
+
+"xdg-basedir@npm:^4.0.0":
+  version: 4.0.0
+  resolution: "xdg-basedir@npm:4.0.0"
+  checksum: 0073d5b59a37224ed3a5ac0dd2ec1d36f09c49f0afd769008a6e9cd3cd666bd6317bd1c7ce2eab47e1de285a286bad11a9b038196413cd753b79770361855f3c
+  languageName: node
+  linkType: hard
+
+"xhr-request-promise@npm:^0.1.2":
+  version: 0.1.3
+  resolution: "xhr-request-promise@npm:0.1.3"
+  dependencies:
+    xhr-request: ^1.1.0
+  checksum: 2e127c0de063db0aa704b8d5b805fd34f0f07cac21284a88c81f96727eb71af7d2dfa3ad43e96ed3e851e05a1bd88933048ec183378b48594dfbead1c9043aee
+  languageName: node
+  linkType: hard
+
+"xhr-request@npm:^1.0.1, xhr-request@npm:^1.1.0":
+  version: 1.1.0
+  resolution: "xhr-request@npm:1.1.0"
+  dependencies:
+    buffer-to-arraybuffer: ^0.0.5
+    object-assign: ^4.1.1
+    query-string: ^5.0.1
+    simple-get: ^2.7.0
+    timed-out: ^4.0.1
+    url-set-query: ^1.0.0
+    xhr: ^2.0.4
+  checksum: fd8186f33e8696dabcd1ad2983f8125366f4cd799c6bf30aa8d942ac481a7e685a5ee8c38eeee6fca715a7084b432a3a326991375557dc4505c928d3f7b0f0a8
+  languageName: node
+  linkType: hard
+
+"xhr2-cookies@npm:1.1.0":
+  version: 1.1.0
+  resolution: "xhr2-cookies@npm:1.1.0"
+  dependencies:
+    cookiejar: ^2.1.1
+  checksum: 6a9fc45f3490cc53e6a308bd7164dab07ecb94f6345e78951ed4a1e8f8c4c7707a1b039a6b4ef7c9d611d9465d6f94d7d4260c43bc34eed8d6f9210a775eb719
+  languageName: node
+  linkType: hard
+
+"xhr@npm:^2.0.4, xhr@npm:^2.3.3":
+  version: 2.6.0
+  resolution: "xhr@npm:2.6.0"
+  dependencies:
+    global: ~4.4.0
+    is-function: ^1.0.1
+    parse-headers: ^2.0.0
+    xtend: ^4.0.0
+  checksum: a1db277e37737caf3ed363d2a33ce4b4ea5b5fc190b663a6f70bc252799185b840ccaa166eaeeea4841c9c60b87741f0a24e29cbcf6708dd425986d4df186d2f
+  languageName: node
+  linkType: hard
+
+"xml-name-validator@npm:^3.0.0":
+  version: 3.0.0
+  resolution: "xml-name-validator@npm:3.0.0"
+  checksum: b3ac459afed783c285bb98e4960bd1f3ba12754fd4f2320efa0f9181ca28928c53cc75ca660d15d205e81f92304419afe94c531c7cfb3e0649aa6d140d53ecb0
+  languageName: node
+  linkType: hard
+
+"xmlbuilder@npm:>=11.0.1":
+  version: 15.1.1
+  resolution: "xmlbuilder@npm:15.1.1"
+  checksum: 14f7302402e28d1f32823583d121594a9dca36408d40320b33f598bd589ca5163a352d076489c9c64d2dc1da19a790926a07bf4191275330d4de2b0d85bb1843
+  languageName: node
+  linkType: hard
+
+"xmlbuilder@npm:^9.0.7":
+  version: 9.0.7
+  resolution: "xmlbuilder@npm:9.0.7"
+  checksum: 8193bb323806a002764f013bea0c6e9ff2dc26fd29109408761b16b59a8ad2214c2abe8e691755fd8b525586e3a0e1efeb92335947d7b0899032b779f1705a53
+  languageName: node
+  linkType: hard
+
+"xmlchars@npm:^2.2.0":
+  version: 2.2.0
+  resolution: "xmlchars@npm:2.2.0"
+  checksum: 8c70ac94070ccca03f47a81fcce3b271bd1f37a591bf5424e787ae313fcb9c212f5f6786e1fa82076a2c632c0141552babcd85698c437506dfa6ae2d58723062
+  languageName: node
+  linkType: hard
+
+"xmldom@npm:0.1.x":
+  version: 0.1.31
+  resolution: "xmldom@npm:0.1.31"
+  checksum: 3073ca4a096892f86991ad0fce9aa1e874f16a974aa2c0911b1a218922d80fe3762b56aa3a2d9fe4a46d61416193c6dc0839776748b24e0cfb56197babf77a94
+  languageName: node
+  linkType: hard
+
+"xtend@npm:^4.0.0, xtend@npm:^4.0.1, xtend@npm:^4.0.2, xtend@npm:~4.0.0, xtend@npm:~4.0.1":
+  version: 4.0.2
+  resolution: "xtend@npm:4.0.2"
+  checksum: ac5dfa738b21f6e7f0dd6e65e1b3155036d68104e67e5d5d1bde74892e327d7e5636a076f625599dc394330a731861e87343ff184b0047fef1360a7ec0a5a36a
+  languageName: node
+  linkType: hard
+
+"y18n@npm:^5.0.5":
+  version: 5.0.5
+  resolution: "y18n@npm:5.0.5"
+  checksum: f97d3cc7e5a0f68114721e39036cd64f4b993b06d08cea6e0cc8a684a7f34a2fee05be55e2e7dde7329ba77788376bd43b4eb19c6c9dbc3e2c3cdea68b3ba38e
+  languageName: node
+  linkType: hard
+
+"yaeti@npm:^0.0.6":
+  version: 0.0.6
+  resolution: "yaeti@npm:0.0.6"
+  checksum: 6db12c152f7c363b80071086a3ebf5032e03332604eeda988872be50d6c8469e1f13316175544fa320f72edad696c2d83843ad0ff370659045c1a68bcecfcfea
+  languageName: node
+  linkType: hard
+
+"yallist@npm:^2.1.2":
+  version: 2.1.2
+  resolution: "yallist@npm:2.1.2"
+  checksum: 9ba99409209f485b6fcb970330908a6d41fa1c933f75e08250316cce19383179a6b70a7e0721b89672ebb6199cc377bf3e432f55100da6a7d6e11902b0a642cb
+  languageName: node
+  linkType: hard
+
+"yallist@npm:^3.0.0, yallist@npm:^3.1.1":
+  version: 3.1.1
+  resolution: "yallist@npm:3.1.1"
+  checksum: 48f7bb00dc19fc635a13a39fe547f527b10c9290e7b3e836b9a8f1ca04d4d342e85714416b3c2ab74949c9c66f9cebb0473e6bc353b79035356103b47641285d
+  languageName: node
+  linkType: hard
+
+"yallist@npm:^4.0.0":
+  version: 4.0.0
+  resolution: "yallist@npm:4.0.0"
+  checksum: 343617202af32df2a15a3be36a5a8c0c8545208f3d3dfbc6bb7c3e3b7e8c6f8e7485432e4f3b88da3031a6e20afa7c711eded32ddfb122896ac5d914e75848d5
+  languageName: node
+  linkType: hard
+
+"yaml@npm:^1.10.2":
+  version: 1.10.2
+  resolution: "yaml@npm:1.10.2"
+  checksum: ce4ada136e8a78a0b08dc10b4b900936912d15de59905b2bf415b4d33c63df1d555d23acb2a41b23cf9fb5da41c256441afca3d6509de7247daa062fd2c5ea5f
+  languageName: node
+  linkType: hard
+
+"yargs-parser@npm:^18.1.3":
+  version: 18.1.3
+  resolution: "yargs-parser@npm:18.1.3"
+  dependencies:
+    camelcase: ^5.0.0
+    decamelize: ^1.2.0
+  checksum: 60e8c7d1b85814594d3719300ecad4e6ae3796748b0926137bfec1f3042581b8646d67e83c6fc80a692ef08b8390f21ddcacb9464476c39bbdf52e34961dd4d9
+  languageName: node
+  linkType: hard
+
+"yargs-parser@npm:^20.2.2":
+  version: 20.2.4
+  resolution: "yargs-parser@npm:20.2.4"
+  checksum: d251998a374b2743a20271c2fd752b9fbef24eb881d53a3b99a7caa5e8227fcafd9abf1f345ac5de46435821be25ec12189a11030c12ee6481fef6863ed8b924
+  languageName: node
+  linkType: hard
+
+"yargs-parser@npm:^21.0.0":
+  version: 21.0.0
+  resolution: "yargs-parser@npm:21.0.0"
+  checksum: 1e205fca1cb7a36a1585e2b94a64e641c12741b53627d338e12747f4dca3c3610cdd9bb235040621120548dd74c3ef03a8168d52a1eabfedccbe4a62462b6731
+  languageName: node
+  linkType: hard
+
+"yargs@npm:^16.2.0":
+  version: 16.2.0
+  resolution: "yargs@npm:16.2.0"
+  dependencies:
+    cliui: ^7.0.2
+    escalade: ^3.1.1
+    get-caller-file: ^2.0.5
+    require-directory: ^2.1.1
+    string-width: ^4.2.0
+    y18n: ^5.0.5
+    yargs-parser: ^20.2.2
+  checksum: b14afbb51e3251a204d81937c86a7e9d4bdbf9a2bcee38226c900d00f522969ab675703bee2a6f99f8e20103f608382936034e64d921b74df82b63c07c5e8f59
+  languageName: node
+  linkType: hard
+
+"yargs@npm:^17.0.0, yargs@npm:^17.0.1, yargs@npm:^17.4.0, yargs@npm:^17.4.1":
+  version: 17.4.1
+  resolution: "yargs@npm:17.4.1"
+  dependencies:
+    cliui: ^7.0.2
+    escalade: ^3.1.1
+    get-caller-file: ^2.0.5
+    require-directory: ^2.1.1
+    string-width: ^4.2.3
+    y18n: ^5.0.5
+    yargs-parser: ^21.0.0
+  checksum: e9012322870d7e4e912a6ae1f63b203e365f911c0cf158be92c36edefddfb3bd38ce17eb9ef0d18858a4777f047c50589ea22dacb44bd949169ba37dc6d34bee
+  languageName: node
+  linkType: hard
+
+"yauzl@npm:^2.10.0":
+  version: 2.10.0
+  resolution: "yauzl@npm:2.10.0"
+  dependencies:
+    buffer-crc32: ~0.2.3
+    fd-slicer: ~1.1.0
+  checksum: 7f21fe0bbad6e2cb130044a5d1d0d5a0e5bf3d8d4f8c4e6ee12163ce798fee3de7388d22a7a0907f563ac5f9d40f8699a223d3d5c1718da90b0156da6904022b
+  languageName: node
+  linkType: hard
+
+"yocto-queue@npm:^0.1.0":
+  version: 0.1.0
+  resolution: "yocto-queue@npm:0.1.0"
+  checksum: f77b3d8d00310def622123df93d4ee654fc6a0096182af8bd60679ddcdfb3474c56c6c7190817c84a2785648cdee9d721c0154eb45698c62176c322fb46fc700
+  languageName: node
+  linkType: hard
+
+"zip-stream@npm:^4.1.0":
+  version: 4.1.0
+  resolution: "zip-stream@npm:4.1.0"
+  dependencies:
+    archiver-utils: ^2.1.0
+    compress-commons: ^4.1.0
+    readable-stream: ^3.6.0
+  checksum: 4a73da856738b0634700b52f4ab3fe0bf0a532bea6820ad962d0bda0163d2d5525df4859f89a7238e204a378384e12551985049790c1894c3ac191866e85887f
+  languageName: node
+  linkType: hard
+
+"zwitch@npm:^1.0.0":
+  version: 1.0.5
+  resolution: "zwitch@npm:1.0.5"
+  checksum: 28a1bebacab3bc60150b6b0a2ba1db2ad033f068e81f05e4892ec0ea13ae63f5d140a1d692062ac0657840c8da076f35b94433b5f1c329d7803b247de80f064a
+  languageName: node
+  linkType: hard